@charset "UTF-8";
/* CSS Document */


/***** header *****/
header{
	width: 100%;
	background: #FFF;
	position: fixed; 
	z-index: 10;
}

header .header_cont{
	width: 100%;
	max-width: 1100px;
	margin: 1% auto 2%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

header .header_cont .logo{
	width: 50%;
}

header .header_cont .logo img{
	width: 100%;
}

header .header_cont .request_btn{
	width: 30%;
	background: #f19844;
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: 0.1em;}

header .header_cont .request_btn a{
	color: #FFF;
	padding: 9%;
	display: block;
	
}

/***** ナビ *****/
nav{
	width: 100%;
}

.nav_cont{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 1%;
	
}

.nav_cont ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.nav_cont ul li{
	width: 20%;
	height: 60px;
	font-size: 1.2rem;
	line-height: 140%;
	font-weight: 700;
	color: #969696;
	box-sizing: border-box;
	border-left: 1px solid #676666;
  border-right: 1px solid #676666;
display: flex;
	align-items: center;
	justify-content: center;}

.nav_cont ul li+li {
  border-left: 0;
  border-right: 1px solid #676666;
}

.nav_cont ul li a{
	color: #969696;
	display: block;
}

	/***** メイン *****/

#main{
	width: 100%;
	max-width: 1100px;
	margin: 220px auto 3%;
	display: block;
}

#main img{
	width: 100%;
}

/***** TOPICS *****/
.topics{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 100px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.topics .title{
	width: 100%;
	margin-bottom: 2%;
	padding: 1% 0;
	background: #CC0000;
	color: #FFF;
	font-size:1.4rem;
	font-weight: 700;
	text-align: center;
}

.topics .txt{
	width: 100%;
	padding: 1%;
	box-sizing: border-box;
	border: #CC0000 solid 2px;
}

.topics .txt a{
	color: #CC0000;
	text-decoration: underline;
}

.topics .txt a:hover{
	text-decoration: underline;
}




/***** フードコーディネーターとは？ *****/

.how_foodcoordinator{
	width: 100%;
	max-width: 1100px;
	margin: -290px auto 5%;
	padding-top: 290px;
}

.how_foodcoordinator img{
	width: 100%;
}

/***** こんな人におすすめ！ *****/

.osusume{
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: -290px auto 120px;
	padding-top: 290px;
}

.osusume img{
	width: 100%;
}

.osusume .imagephoto{
	position: absolute;
	width: 20%;
	top:20%;
	left: 3%;
}

.osusume .osusume_cont{
	background: url("../img/osusume_bg.png") no-repeat;
	background-size: cover;
	margin-top: 3%;
	padding: 10% 0 17%;
	box-sizing: border-box;
}

.osusume .osusume_cont p{
	width: 80%;
	padding-left: 5%;
	margin:0 auto 4%;
	background: url("../img/osusume_check.png") no-repeat left top;
	font-size: 2.2rem;
	line-height: 140%;
}

/***** 悩み *****/

.nayami01{
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 2%;
	padding: 1% 0;
	box-sizing: border-box;
	font-size: 2.4rem;
	line-height: 140%;
	text-align: center;
	font-weight: 600;
	background: #feda84;
	border-radius: 20px;
}

.nayami01 .imagephoto01{
	position: absolute;
	width: 35%;
	top:-70%;
	left: 3%;
}

.nayami01 .imagephoto02{
	position: absolute;
	width: 20%;
	bottom:-10%;
	left: -7%;
}



.nayami02{
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 5%;
	padding: 1% 0;
	box-sizing: border-box;
	font-size: 2.4rem;
	line-height: 140%;
	text-align: center;
	font-weight: 600;
	background: #feda84;
	border-radius: 20px;
}

.nayami02 .imagephoto03{
	position: absolute;
	width: 18%;
	bottom:-10%;
	right: -6%;
}



.nayami01 .imagephoto01 img,
.nayami01 .imagephoto02 img,
.nayami02 .imagephoto03 img{
	width: 100%;
}

/***** フードコーディネーターがぴったり！ *****/

.lets_foodcoordinator{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 5%;
}

.lets_foodcoordinator img{
	width: 100%;
}

/***** クック井上さん *****/
.cookinoue{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 160px;
	padding: 3%;
	box-sizing: border-box;
	background: #e9f2d4;
border-radius: 0 0 20px 20px;
}

.cookinoue .catch{
	width: 80%;
	margin: 0 auto 2%;
	background: url("../img/cookinoue_midashi.png")no-repeat center top;

	text-align: center;
	font-size: 2.4rem;
	line-height: 136%;
	font-weight: 700;
	
}

.txt_size_rem_san{
	font-size: 2rem;
	
}

.cookinoue .cont{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
 }

.cookinoue .cont .copy{
	width: 50%;
}

.cookinoue .cont .photo{
	position: relative;
	width: 46%;
}

	.cookinoue .cont .photo .image01{
		position: absolute;
		width: 30%;
		top: 10%;
		right: -4%;
		
	}
	
.cookinoue .cont .photo .image02{
	position: absolute;
		width: 40%;
		top: 70%;
		right: -4%;
		
	}

.cookinoue .cont .photo img{
	width: 100%;
}

p.Profile_title{
	line-height: 240%;
}

.Profile{
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 20%;
	color: #f19844;
	text-decoration: underline;
}

.name{
	font-size: 2.4rem;
	font-weight: 700;
}

.name_san{
	font-size: 2rem;
	font-weight: 700;
}

.cookinoue_shikaku{
	font-size: 2rem;
	font-weight: 700;
}

/***** 聞いてみた *****/

.hearing{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 110px;
}

.hearing img{
	width: 100%;
}

.hearing .hearing_q{
	margin-bottom: 2%;
	padding:0 0 1% 5%;
	background: url("../img/hearing_q.png")left top no-repeat;
	font-size: 1.8rem;
	font-weight: 700;
}

.hearing .hearing_a{
	width: 100%;
	margin-bottom: 3%;
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.hearing .hearing_a .photo{
	width: 30%;
}

.hearing .hearing_a .photo img{
	width: 100%;
}

.hearing .hearing_a .copy{
	width: 67%;
}

.hearing .hearing_a .copy .a_txt{
	margin-bottom: 2%;
	padding:0 0 1% 7%;
	background: url("../img/hearing_a.png")left top no-repeat;
	font-size: 1.8rem;
	font-weight: 700;
}

.hearing .hearing_a .copy .a_cap{
	width: 100%;
	background: #fffac0;
	padding: 2%;
	box-sizing: border-box;
}

.hearing .hearing_a_price .copy{
	width: 100%;
	
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.hearing .hearing_a_price .copy .price_a{
	width: 29%
}

.hearing .hearing_a_price .copy .price_a .a_txt{
	margin-bottom: 4%;
	padding:0 0 1% 17%;
	background: url("../img/hearing_a.png")left top no-repeat;
	font-size: 1.8rem;
	font-weight: 700;
}

.hearing .hearing_a_price .copy .price_a .price{
	margin-bottom: 2%;
}

.hearing .hearing_a_price .copy .price_a .price img{
	width: 100%;
}

.hearing .hearing_a_price .copy .a_cap{
	width: 69%;
	background: #fffac0;
	padding: 2%;
	box-sizing: border-box;
}

/***** 資料申し込みボタン *****/

.request{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 110px;
}



.request img{
	width: 100%;
}

.request .catch{
	font-size: 3rem;
	padding-bottom: 7%;
	margin-bottom: 2%;
	font-weight: 600;
	box-sizing: border-box;
	background: url("../img/request_arrow.png") no-repeat bottom center;
	text-align: center;
}

/***** お仕事図鑑 *****/

.job{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 230px;
}



.job img{
	width: 100%;
}

/***** 選ばれる理由 *****/

.reason{
	width: 100%;
	max-width: 1100px;
	margin: -290px auto 110px;
	padding-top: 290px;
}

.reason .people{
	width: 60%;
	margin: 3% auto 0;
}

.reason .percentage{
	width: 80%;
	margin: 3% auto 0;
}

.reason .people img,
.reason .percentage img{
	width: 100%;
}

.reason .detail{
	position: relative;
	width: 100%;
	margin-bottom: 5%;
	padding: 1% 3%;
	box-sizing: border-box;
	border: #f19844 2px solid;
}

.reason .detail .catch{
	position: absolute;
	background: #FFF;
	padding: 1% 2%;
	box-sizing: border-box;
	font-size: 2rem;
	font-weight: 700;
	color: #f19844;
	top:-32px;
	left: 3%;
}

.reason .hiraiwa{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.reason .hiraiwa .copy{
	width: 65%;
	background: url("../img/reazon_hiraiwa_bg.png") no-repeat right bottom;
}

.reason .hiraiwa .photo{
	width: 32%;
}

.reason .hiraiwa .photo img{
	width: 100%;
}
.passed_wrap{
		background-color: #fef4d6;
			padding: 15px 40px 35px;
			border-radius: 65px;
	margin-top: 45px;
}
@media screen and (min-width : 561px){
.passed_wrap h4{
	font-size: 24px;
}
}
.reason_heading{
	margin-top: -35px;
	text-align: center;
		padding: 45px 0 35px;
		position: relative;
		font-size: 160%;
}
@media screen and (max-width : 560px) {
	.reason_heading {
		padding: 90px 0 35px;
	}
}
.reason_heading span{
background-color: #CC0000;
color: #fffb00;
border-radius: 50%;
font-size: 22px;
	line-height: 1.25;
		text-align: center;
		padding: 20px 28px;
		display: inline-block;
		position: absolute;
			left: 0;
			top: 0;
}
@media screen and (max-width : 560px) {
	.reason_heading span {
		left: 50%;
			transform: translate(-50%);
			padding: 15px 28px;
			font-size: 17px;
	}
}

.reason_heading_2{
	color: #CC0000;
}
@media screen and (min-width : 561px) {
	.reason_heading_2 {
			font-size: 28px;
		}
}
.reason_step{
		margin-top: 10px;
}
.reason_step div{
display: flex;

}
.reason_step div+div{
		margin-top: 24px;
}

.reason_step dt{
	width: 100px;
	color: #CC0000;
	font-weight: bold;
}
@media screen and (min-width : 561px){
.reason_step dt{
font-size: 23px;
}
.reason_step dd {
font-size: 20px;
}
}
.reason_step dd{
	width: calc(100% - 80px);
	
		line-height: 1.5;
}

.reason_arrow{
	display: block;
	border: 0;
		width: 141px;
		height: 45px;
		background: #CC0000;
		clip-path: polygon(0 43%, 17.7% 43%, 17.7% 0, 82.3% 0, 82.3% 43%, 100% 43%, 50% 100%);
		margin: 25px auto; 
}
.reason_textbook{
	display: flex;
gap: 15px;
margin-top: 45px;
}
@media screen and (max-width : 560px) {
	.reason_textbook {
		flex-direction: column;
	}
}
.reason_textbook p{
		line-height: 1.5;
}
@media screen and (min-width : 561px){
	.reason_textbook p {
			font-size: 18px;
		}
}
.reason_textbook .image{
	display: flex;
	gap: 8px;
}

.reason_textbook .image img{
width: 150px;
	height: auto;
	display: block;
}

/***** 3〜1テスト *****/

.test{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 110px;
}
.test.class3 {
	margin: -290px auto 5%;
	padding-top: 290px;
}
.level3,
.level2,
.level1{
	width: 100%;
	margin-bottom: 5%;
	
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.level3 .catch,
.level2 .catch,
.level1 .catch{
	position: relative;
	width: 100%;
	margin:2% 0 4%;
	background: #feda84;
	padding: 2% 0;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}

.level3 .catch .image{
	position: absolute;
	width: 10%;
	top:-30%;
	left: -3%;
}

.level2 .catch .image{
	position: absolute;
	width: 10%;
	top:-30%;
	right: -3%;
}

.level1 .catch .image{
	position: absolute;
	width: 15%;
	top:-30%;
	left: -3%;
}

.level3 .catch .image img,
.level2 .catch .image img,
.level1 .catch .image img{
	width: 100%;
}

.level3 .copy,
.level2 .copy,
.level1 .copy{
	width: 57%;
}

.level3 .copy p,
.level2 .copy p,
.level1 .copy p{
	margin-top: 0%;
}

.level3 .copy img,
.level2 .copy img,
.level1 .copy img{
	width: 60%;
}

.level3 .flow,
.level2 .flow,
.level1 .flow{
	width: 40%;
}

.level3 .flow img,
.level2 .flow img,
.level1 .flow img{
	width: 100%;
}

.test .title_underline{
	padding-bottom: 1.5%;
	border-bottom: #ffaf00 solid 2px;
	font-size:2rem;
	font-weight: 700;
	color: #f19844;
}

.test .cont{
	width: 100%;
}

.test .cont p.title{
	border-left: #f39800 solid 2px;
	margin-bottom: 1%;

padding-left: 1%;
font-size: 1.6rem;
font-weight: 700;}

.test .cont table{
	width: 100%;
	margin-bottom: 3%;
	border: #000 solid 1px;}

.test .cont table th{
	width: 30%;
	background: #ebebeb;

padding: 1%;
box-sizing: border-box;
	border: #000 solid 1px;
text-align: left;}

.test .cont table td{
	width: 70%;

padding: 1%;
box-sizing: border-box;
border: #000 solid 1px;}

.test .cont .method{
	width: 100%;
	padding: 3%;
	margin-bottom: 3%;
	box-sizing: border-box;
	border: #CC0000 solid 3px;
	text-align: center;
}

.test .cont .method a{
	color: #CC0000;
	text-decoration: underline;
}

.test .cont .method .btn{
	width: 100%;
	background: #ffaf00;
	margin-top: 2%;
	border-radius: 15px;
	box-sizing: border-box;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	
	
}

.test .cont .method .btn a{
	color: #FFF;
	display: block;
	padding: 3%;
	text-decoration: none;
}

.test .cont .btn{
	width: 100%;
	background: #ffaf00;
	border-radius: 15px;
	box-sizing: border-box;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	
}

.test .cont .btn a{
	color: #FFF;
	display: block;
	padding: 3%;
}

/*****クリエイター*****/
.creator{
	width: 100%;
	max-width: 1100px;
	margin: -290px auto 0;
	padding-top: 290px;
}

.creator .photo{
	margin-bottom: 5%;
}

.creator .photo img{
	width: 100%;
}

.creator .cont{
	margin-bottom: 5%;
	position: relative;
	padding: 2%;
	box-sizing: border-box;
	background: #fffac0;
}

.creator .cont img{
	width: 70%;
}

.creator .cont .illust01{
	width: 15%;
	position: absolute;
	bottom:-15%;
	right: 5%;
}

.creator .cont .illust02{
	width: 15%;
	position: absolute;
	bottom:-6%;
	right: 5%;
}

.creator .cont .illust01 img,
.creator .cont .illust02 img{
	width: 100%;
}

/*****特典*****/
.tokuten{
	width: 100%;
	max-width: 1100px;
	margin: -290px auto 5%;
	padding-top: 290px;
}



.tokuten .journal{
	width: 75%;
	margin: 0 auto 5%;
}

.tokuten .journal img{
	width: 100%;
}

.tokuten .title{
	position: relative;
	width: 100%;
	margin-bottom: 3%;
	padding: 2% 0;
	background: #f19844;
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	border-radius: 15px;
}

.tokuten .title .illust01{
	position: absolute;
	width: 6%;
	top:-8%;
	left: -1%;
}

.tokuten .title .illust02{
	position: absolute;
	width: 5%;
	bottom:-5%;
	right: -1%;
}



.tokuten .cont{
	margin-bottom: 5%;
	position: relative;
	padding: 2% 20% 2% 2%;
	box-sizing: border-box;
	background: #fffac0;
}

.tokuten .cont .illust01{
	position: absolute;
	width: 20%;
	top:8%;
	right: -1%;
}

.tokuten .cont .illust02{
	position: absolute;
	width: 10%;
	bottom:-12%;
	left: 5%;
}

.tokuten .title .illust01 img,
.tokuten .title .illust02 img,
.tokuten .cont .illust01 img,
.tokuten .cont .illust02 img{
	width: 100%;
}

#contact{
	margin: -320px auto 5%;
	padding-top: 320px;}

.formrun-embed{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

/*****共通*****/
p.catch{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 160%;
	color: #f19844;
	margin-bottom: 1%;
}

h2.img_title{
	text-align: center;
	margin-bottom: 1%;
}

h2.img_title img{
	width: 80%;
}

.arrow{
	width: 100%;
	max-width: 1100px;
	margin:0 auto 110px;
	text-align: center;
}

.txt_center{
	text-align: center;
}

.txt_orange{
	color: #f19844;
	font-weight: 700;
}

.txt_red{
	color: #CC0000;
}

.txt_black{
	color: #000;
}

.txt12{
	font-size: 1.2rem;
}

.txt14{
	font-size: 1.4rem;
}

.txt16{
	font-size: 1.6rem;
}

.txt18{
	font-size: 1.8rem;
}




@media screen and (max-width : 560px){
	
	/***** header *****/
header{
	width: 100%;
}

header .header_cont{
	width: 95%;
	margin: 1% auto 2%;
}
	
	header .header_cont .logo{
	width: 60%;
		padding-top: 1%;
		box-sizing: border-box;
}

header .header_cont .logo img{
	width: 100%;
}



header .header_cont .request_btn{
	font-size: 1.2rem;}
	
header .header_cont .request_btn a{
	padding: 10%;

	
}
	
	
	/***** ナビ *****/
nav{
	width: 100%;
}

.nav_cont{
	width: 95%;
	margin: 0 auto 2%;
	
}


.nav_cont ul li{
	width: 20%;
	height: 50px;
	font-size: 0.6rem;
	line-height: 130%;}

	/***** メイン *****/

#main{
	width: 100%;

	margin-top: 120px;}
	
	

/***** TOPICS *****/
.topics{
	width: 95%;
	margin: 0 auto 8%;
}

.topics .title{
	width: 100%;
	font-size:1rem;
}

.topics .txt{
	width: 100%;
	line-height: 140%;
}
	
	/***** フードコーディネーターとは？ *****/

.how_foodcoordinator{
	width: 95%;
	margin: -140px auto 8%;
	padding-top: 140px;
}



.how_foodcoordinator h2{
	text-align: center;
	margin-bottom: 1%;
}
	
	/***** こんな人におすすめ！ *****/

.osusume{
	width: 95%;
	margin: -140px auto 5%;
	padding-top: 140px;
}


.osusume .imagephoto{
	width: 26%;
	top:23%;
	left: -2%;
}

.osusume .osusume_cont{
	background: url("../img/osusume_bg.png") no-repeat;
	background-size: cover;
	margin-top: 3%;
	padding: 9% 0 20%;
}

.osusume .osusume_cont p{
	width: 80%;
	padding-left: 9%;
	margin:0 auto 3%;
	background: url("../img/osusume_check_sp.png") no-repeat left top;
	font-size: 1rem;
}




/***** 悩み *****/

.nayami01{
	width: 95%;
	margin: 0 auto 4%;
	padding: 1% 0;
	box-sizing: border-box;
	font-size: 1.4rem;
	border-radius: 12px;
}

.nayami01 .imagephoto01{
	position: absolute;
	width: 38%;
	top:-58%;
	left: 3%;
}

.nayami01 .imagephoto02{
	position: absolute;
	width: 20%;
	bottom:-10%;
	left: -7%;
}



.nayami02{
	width: 95%;
	margin: 0 auto 5%;
	padding: 1% 0;
	box-sizing: border-box;
	font-size: 1.4rem;
	border-radius: 12px;
}

.nayami02 .imagephoto03{
	position: absolute;
	width: 18%;
	bottom:-10%;
	right: -6%;
}

	/***** フードコーディネーターがぴったり！ *****/

.lets_foodcoordinator{
	width: 95%;
	margin: 0 auto 5%;
}

/***** クック井上さん *****/
.cookinoue{
	width: 95%;
	margin: 0 auto 5%;
	padding: 5%;
border-radius: 0 0 15px 15px;
}

.cookinoue .catch{
	width: 100%;
	margin: 0 auto 0%;
	background: url("../img/cookinoue_midashi_bg_sp.png")no-repeat center top;
background-size: cover;
	text-align: center;
	font-size: 1.2rem;
	line-height: 136%;
	font-weight: 700;
	
}

.txt_size_rem_san{
	font-size: 1rem;
	
}

.cookinoue .cont .copy{
	width: 60%;
}

.cookinoue .cont .photo{
	position: relative;
	width: 36%;
	margin-top: 5%;
}
	
	.cookinoue .cont .photo .image01{
		width: 35%;
		top: 6%;
		right: -6%;
		
	}
	
.cookinoue .cont .photo .image02{
		width: 90%;
		bottom: 15%;
		right: -4%;
		
	}
	
.cookinoue .cont .photo .image01 img,
	.cookinoue .cont .photo .image02 img{
		width: 100%;
	}


p.Profile_title{
	line-height: 200%;
}

.Profile{
	font-size: 1.2rem;
}

.name{
	font-size: 1.4rem;
}

.name_san{
	font-size: 1rem;
}

.cookinoue_shikaku{
	font-size: 1rem;
}


/***** 聞いてみた *****/

.hearing{
	width: 95%;
	margin: 0 auto 8%;
}


.hearing .hearing_q{
	margin-bottom: 2%;
	padding-left: 8%;
	background: url("../img/hearing_q_sp.png")left top no-repeat;
	font-size: 1.1rem;
	font-weight: 700;
}

.hearing .hearing_a{
	width: 100%;
	margin-bottom: 3%;
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.hearing .hearing_a .photo{
	width: 30%;
}

.hearing .hearing_a .photo img{
	width: 100%;
}

.hearing .hearing_a .copy{
	width: 67%;
}

.hearing .hearing_a .copy .a_txt{
	margin-bottom: 2%;
	padding-left: 11%;
	background: url("../img/hearing_a_sp.png")left top no-repeat;
	font-size: 1.1rem;
	font-weight: 700;
}

.hearing .hearing_a .copy .a_cap{
	width: 100%;
	background: #fffac0;
	padding: 2%;
	box-sizing: border-box;
}

.hearing .hearing_a_price .copy{
	width: 100%;
	
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.hearing .hearing_a_price .copy .price_a{
	width: 47%
}

.hearing .hearing_a_price .copy .price_a .a_txt{
	margin-bottom: 4%;
	padding-left: 18%;
	background: url("../img/hearing_a_sp.png")left top no-repeat;
	font-size: 1.1rem;
	font-weight: 700;
}

.hearing .hearing_a_price .copy .price_a .price{
	margin-bottom: 2%;
}

.hearing .hearing_a_price .copy .price_a .price img{
	width: 100%;
}

.hearing .hearing_a_price .copy .a_cap{
	width: 50%;
	background: #fffac0;
	padding: 2%;
	box-sizing: border-box;
}
	
	/***** 資料申し込みボタン *****/

.request{
	width: 95%;
	margin: 0 auto 5%;
}

.request img{
	width: 100%;
}

.request .catch{
	font-size: 1.6rem;
	padding-bottom: 8%;
	margin-bottom: 2%;
	background: url("../img/request_arrow_sp.png") no-repeat bottom center;

}
	
	/***** 資料請求 *****/

.request{
	width: 95%;
	margin: 0 auto 5%;
}
	
	/***** お仕事図鑑 *****/

.job{
	width: 95%;
	margin: 0 auto 18%;
}
	
	/***** 選ばれる理由 *****/

.reason{
	width: 95%;
	margin: -140px auto 5%;
	padding-top: 140px;
}

.reason .people{
	width: 60%;
	margin: 3% auto 0;
}

.reason .percentage{
	width: 80%;
	margin: 3% auto 5%;
}

.reason .people img,
.reason .percentage img{
	width: 100%;
}

.reason .detail{
	position: relative;
	width: 100%;
	margin-bottom: 5%;
	padding: 1% 3%;
	box-sizing: border-box;
	border: #f19844 2px solid;
}

.reason .detail .catch{
	position: absolute;
	background: #FFF;
	padding: 1% 2%;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 700;
	color: #f19844;
	top:-32px;
	left: 3%;
}

.reason .hiraiwa{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.reason .hiraiwa .copy{
	width: 58%;
	background: url("../img/reazon_hiraiwa_bg_sp.png") no-repeat right bottom;
}

.reason .hiraiwa .photo{
	width: 38%;
}

.reason .hiraiwa .photo img{
	width: 100%;
}

.passed_wrap{
		padding: 15px 15px 35px;
			border-radius: 20px;
}
.reason_heading{
		align-items: center;
			margin-top: -35px;
			flex-direction: column;
}
.reason_heading br{
	display: none;
}
.reason_step dt{
	width: 65px;
}
.reason_step dd{
	width: calc(100% - 65px);
}
.reason_text{
	flex-direction: column;
}
.reason_text .image img{
width: calc(50% - 4px);
}
.request img{
	width: 100%;
}




	/***** 3〜1テスト *****/

.test{
	width: 95%;
	margin: 0 auto 5%;
}

.test.class3 {
	margin: -140px auto 5%;
	padding-top: 140px;
}
.level3,
.level2,
.level1{
	width: 100%;
	margin-bottom: 5%;
	
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.level3 .catch,
.level2 .catch,
.level1 .catch{
	position: relative;
	margin:2% 0 4%;
	padding: 2% 0;
	font-size: 1.4rem;
}

.level3 .catch .image{
	position: absolute;
	width: 10%;
	top:-1%;
	left: 3%;
}
	
.level2 .catch .image{
	position: absolute;
	width: 10%;
	top:-40%;
	left: 3%;
}
	
.level1 .catch .image{
	position: absolute;
	width: 10%;
	top:-10%;
	left: 3%;
}

.level3 .catch .image img,
.level2 .catch .image img,
.level1 .catch .image img{
	width: 100%;
}

.level3 .copy,
.level2 .copy,
.level1 .copy{
	width: 55%;
}
	
.level3 .copy img,
.level2 .copy img,
.level1 .copy img{
	width: 100%;
}

.level3 .flow,
.level2 .flow,
.level1 .flow{
	width: 42%;
}

.level3 .flow img,
.level2 .flow img,
.level1 .flow img{
	width: 100%;
}

.test .cont{
	width: 100%;
}
	
.test .title_underline{
	padding-bottom: 1.5%;
	border-bottom: #ffaf00 solid 2px;
	font-size:1.2rem;
	font-weight: 700;
	color: #f19844;
}

.test .cont p.title{
	border-left: #f39800 solid 3px;
	margin-bottom: 2%;

padding-left: 2%;
font-size: 1.2rem;}



.test .cont table td{
	line-height: 160%;
	}
	
.test .cont .method .btn{
	border-radius: 10px;
	font-size: 1.2rem;
	
}


.test .cont .btn{
	border-radius: 10px;
	font-size: 1.2rem;
	
}

	/*****クリエイター*****/
.creator{
	width: 95%;
	margin: -140px auto 5%;
	padding-top: 140px;
}


.creator .cont{
	padding: 1% 3%;
}

.creator .cont img{
	width: 80%;
}

.creator .cont .illust01{
	width: 14%;
	position: absolute;
	bottom:-3%;
	right: 5%;
}

.creator .cont .illust02{
	width: 17%;
	position: absolute;
	bottom:-2%;
	right: 5%;
}

.creator .cont .illust01 img,
.creator .cont .illust02 img{
	width: 100%;
}
	
/*****特典*****/
.tokuten{
	width: 95%;
	margin: -140px auto 5%;
	padding-top: 140px;
}



.tokuten .title{
	font-size: 1.4rem;
	border-radius: 10px;
}

.tokuten .title .illust01{
	position: absolute;
	width: 9%;
	top:-12%;
	left: 2%;
}

.tokuten .title .illust02{
	position: absolute;
	width: 8%;
	bottom:-15%;
	right: 4%;
}



.tokuten .journal{
	width: 75%;
	margin: 0 auto 5%;
}

.tokuten .journal img{
	width: 100%;
}

.tokuten .cont{
	margin-bottom: 5%;
	position: relative;
	padding: 2% 30% 2% 3%;
	box-sizing: border-box;
	background: #fffac0;
}
	
.tokuten .cont .illust01{
	position: absolute;
	width: 28%;
	top:20%;
	right: -1%;
}

.tokuten .cont .illust02{
	position: absolute;
	width: 10%;
	bottom:-5%;
	left: 5%;
}
	
	
	#contact{
	margin: -140px auto 5%;
	padding-top: 140px;}
	
	.formrun-embed{
	width: 95%;
	margin: 0 auto;
}

/*****共通*****/
p.catch{
	font-size: 1.2rem;
	line-height: 160%;
	margin-bottom: 1%;
}
	


h2.img_title img{
	width: 90%;
}
	
	.arrow{
	width: 95%;
}
	
	.arrow img{
		width: 20%;}
	
	.txt12{
	font-size: 0.8rem;
}
	

.txt14{
	font-size: 1rem;
}
	
.txt16{
	font-size: 1.1rem;
}
	
.txt18{
	font-size: 1.8rem;
}

  
}


/***** 試験お申込み *****/
.regist{
	width: 95%;
	margin: 0 auto;
}
.regist_02{
	margin: 60px auto;
	@media(max-width:560px){
		margin: 30px auto;
	}
}
.regist a{
	display: block;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 45px 0;
	background: #6EBA38;
	background: linear-gradient(90deg,rgba(110, 186, 56, 1) 0%, rgba(162, 206, 110, 1) 50%, rgba(110, 186, 56, 1) 100%);
	border: 15px solid #8EC43D;
	border-radius: 30px;
	font-size: 60px;
	letter-spacing: 5px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	@media(max-width:1100px){
		padding: 4.09vw 0;
		letter-spacing: 0.45vw;
		border: 1.36vw solid #8EC43D;
		border-radius: 2.72vw;
		font-size: 5.45vw;
	}
}
.regist .external{
	text-align: center;
	margin-bottom: 10px;
	@media(max-width:560px){
		margin-bottom: 5px;
	}
}
.regist .period{
	font-size: 2rem;
	text-align: center;
	margin-top: 10px;
	line-height: 1.5;
	@media(max-width:560px){
		font-size: 1.2rem;
		margin-top: 5px;
	}
}
.regist .period br{
	@media(min-width:1100px){
		display: none;
	}
}