@charset "utf-8";
/*common.css必要部分*********************************************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {font-size: 1em;margin: 0;padding: 0;border: 0;outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}
html {font-size: 62.5%;}
body,table,input,textarea,select,option,h1,h2,h3,h4,h5,h6 {line-height: 1.1;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
table,input,textarea,select,option {line-height: 1.1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
img {vertical-align: top;max-width: 100%;}
a {text-decoration: none;cursor: pointer; color:#333;}
a:hover {transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;}
.clearfix {zoom: 1;}
.clearfix:after {display: block;clear: both;content: '';}
html ,.wf-loading,.wf-inactive{font-family:YakuHanJP,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;}
body ,.wf-active{font-family:YakuHanJP,'Noto Sans CJK JP', 'Noto Sans JP', 'Noto Sans CJK JP Subset','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif; line-height: 1.5;}
button,
input,
textarea {border: none;outline: none;cursor: pointer; font-family : inherit!important; -webkit-appearance: none;}
#container {width: 100%;margin: 0 auto;text-align: left;background: #f9f6f1;}
#footer .job_section h2.title_job_section{text-align: left;}
.clear{clear:both;}
@media all and (min-width: 768px) {
.hide-sp {display: none;}
.socialsdul li a.hide-sp {display: none;}
}
@media (max-width: 1140px) and (min-width: 768px) {
.tablet {display: block;}
.hide-tablet {display: none;}
.pc-important {display: none !important;}
.sp-important {display: none !important;}
.tablet-important {display: block !important;}
.hide-tablet-important {display: none !important;}
.hide-tablet-and-disp-pcsp-important {display: none !important;}
}
@media all and (max-width: 767px) {
.hide-pc {display: none;}
.hide-sp {display: block;}
}
/*広告LP共通*********************************************************************************************/

/*見出し系*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h2{text-align:center;}
.line_title{clear: both; text-align:center; margin: 3em auto 10px; font-size:20px;}
.line_title strong{ background-image: linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 63%,rgba(255,255,255,.6) 64%,rgba(255,255,255,.6) 67%,rgba(229,245,120,0) 68%),linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 55%,rgba(255,255,255,.5) 56%,rgba(255,255,255,.5) 60%,rgba(229,245,120,0) 61%),linear-gradient(179deg,rgba(229,245,120,0),rgba(229,245,120,0) 50%,rgba(229,245,120,1) 60%,rgba(229,245,120,1) 99%,rgba(229,245,120,0)),linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 50%,rgba(229,245,120,1) 60%,rgba(229,245,120,1) 99%,rgba(229,245,120,0));}
.cnt_sub_ttl{border-left:none;}

@media all and (max-width: 600px) {
.line_title span{display:block;}
}

body{ color:#666;}
p strong, li strong, dt strong, dd strong{color:#333;}


#container{background:#FFF;}
#formTop{background: #fffbf4; padding:2% 0;}
.cnt_form_cov{background: #fffbf4;}


@keyframes HeartBeat {
	50%{transform: scale(1.1,1.1);}
}
@keyframes Hovering{
	50%{transform:translateY(-10px); box-shadow:0 10px 15px -3px #BBB;}
}
@keyframes Ripple{
	0%{ box-shadow:0 0 0 0 #fbbd79;}
	100%{ box-shadow:0 0 0 1em rgba(255,255,255,0);}
}

.effect1{animation-name:HeartBeat; animation-duration: 3s; animation-iteration-count: infinite;}
.effect2{animation-name:Hovering; animation-duration: 3s; animation-iteration-count: infinite;}
.effect3{animation-name:Ripple; animation-duration: 3s; animation-iteration-count: infinite;}
.effect4{animation-name:odate; animation-duration: 3s; animation-iteration-count: infinite;}

.basiclayout{width:96%; max-width:960px; margin:auto;}
.basicpara{width:96%; max-width:900px; margin:auto;}
.basicfont{font-size: 1.5rem;}
.basicmargin{margin: 1.5em auto;}

.columnpc2sp1{display:flex; flex-wrap: wrap; justify-content: space-evenly; box-sizing:border-box; }
@media screen and (max-width:599px) {
	.basicpara{width:90%;}
	.columnpc2sp1{flex-direction: column;}
	}
	
.note{font-size:.8em; text-align:right;display: block;}



/*エントリータイトル*********************************************************************************************/
.cnt_ttl_cov{font-feature-settings: "palt"; letter-spacing: .1em;}



/*エントリーボタン*********************************************************************************************/
.btn_entry{background:#048703; border-radius:5px; border-bottom:7px solid #025d01; width:80%; max-width:500px; margin:0 auto;}
.btn_entry a{padding:5px 0;}
.btn_entry:hover{background:#0da60c; border-bottom:7px solid #048703;}


/*バナー*********************************************************************************************/
.linkbnr{max-width:800px; width:100%; margin:30px auto; text-align:center;}
.linkbnr img{width:100%;}
	@media all and (max-width: 767px) {
	.linkbnr img{width:calc(100% - 40px);}
	}
	
/*CVボタン*********************************************************************************************/
	a.linkbtn {position: relative; display: block; color: #FFF; padding: 15px 0; font-size: 26px; text-align: center; max-width:600px; font-weight: bold; border-radius: 5px; width: 90%; margin: 15px auto 30px; background: #1d863a; box-shadow: 0 4px 0 #3b6547; border: 1px solid #3b6547; }
	.linkbtn img{position: absolute; width: 80px; top: -24px; left: -2%;}

		/*ボタン2行の場合*/
	a.linkbtn.textline2{line-height: 1.3; padding: 8px 0;}
	.linkbtn.textline2 img{top: 0; left: 2%;}
		/*ミニサイズ*/
	a.minbtn{ width: 80%; max-width:450px;padding: 10px 0; font-size: 22px;}
		/*色*/
	a.whitebtn{color:#666; background:#FAFAFA; border: 1px solid #AAA; box-shadow: 0 4px 0 #AAA;}
	a.whitebtn:hover{background:#e6ece7;}


	@media screen and (max-width:600px){
	a.linkbtn {font-size:4.3vw; }
	.linkbtn img{ width: 15vw; top: 0; left: 2%;}
	}
	



/*メインイメージテキスト化*********************************************************************************************/

#mainimg{position:relative; font-family:"Hiragino Kaku Gothic W7 JIS2004",'ヒラギノ角ゴ Pro W6'; background:#f5dfbe; text-align:center; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;}
#mainimg .jpgroup,
#mainimg dd.badge{font-family:"Hiragino Kaku Gothic W5 JIS2004",'ヒラギノ角ゴ Pro W6';}
#mainimg #topcontent{width:65vw; padding: 0 1vw 0 0; font-feature-settings: "palt"; /*background: rgba(255,255,255,0.55);*/}

.maincontainer{max-width:960px; margin: auto; display:flex; align-items: flex-end; }
strong#pref_txt{font-size:1.2em;}

#mainimg .jpgroup{background:#f49700; color:#FFF; text-align:center; padding:2px; border-radius:5px; font-weight:bold; margin:5px auto; font-size: 3vw;}
#mainimg #manzokudo{width: 12vw; margin: 0;}
#mainimg h2{color:#3b6d68; font-size: 4.4vw; margin: 5px 0; text-align: left;}
#mainimg h2 strong{color: #f69800; display:block; font-size: 1.4em;}
#mainimg h3{color:#0A7568; border:2px solid; border-left:none; border-right:none; padding:4px 0; font-size:1.4em;}

#mainimg .main_copy ,
#mainimg .main_point{display:flex; justify-content: space-around; align-items: center; flex-wrap: nowrap;}
#mainimg .main_copy{justify-content: space-evenly;}
#mainimg .main_point p{text-align:left; color: #396d68; font-size: 3.3vw;}
#mainimg .main_point p strong{font-size: 1.3em;color: #f89900;}

#mainimg dl{border:1px solid #A6CED5; border-radius:4px; background:#FFF; color:#50A197; width:50%; margin:4px 0; box-sizing:border-box; padding:1.5%; font-weight:bold;}
#mainimg dt{ font-size: 3vw; border-bottom:1px solid; margin-bottom:5px;}
#mainimg dd strong{color:#3b6d68; font-size:4.2vw; line-height: 1em;}
#mainimg dd.badge{font-size: .9em; color: #0F6E63; background:#FE0; border-radius:2px; margin-top:4px;}

#HeadAnshinLogo{display:flex; background: #FFF; padding: 2vw; margin: 1vw 0; border-radius: 5px;}
#HeadAnshinLogo li img{max-width:9vw;}
#mainimg + small,
#bonus + small{text-align:right; font-size:.8em; display:block; max-width: 900px; margin: auto;}

/*メイン写真*/
.maincontainer{background:url(/images/common/lp/lp_mainvisual10.png) no-repeat right; background-size:contain;}
.af .maincontainer{background:url(/images/common/lp/af_mainvisual.png) no-repeat right; background-size:contain;}
.hakenlp .maincontainer{background:url(/images/common/lp/lp_hakenmainvisual.png) no-repeat right; background-size:contain;}
@media screen and (min-width:960px) {
	.maincontainer{background-position:620px;}
	}


/*アフィリエイトLP*/
.af #mainimg{background:#d5e7f1;}
.af #mainimg #topcontent{background:none;}

/*派遣LP*/
.hakenlp #mainimg{background: url(/images/type/bg_entry_lp_type.gif); text-align: center; display: block;}



	@media screen and (min-width:600px) and ( max-width:960px) {
	/*　画面サイズが600pxから960pxまではここを読み込む　*/
	#mainimg #topcontent{font-size: 1.5em; background-position: right 0;}
	
	#mainimg #manzokudo{}
	#mainimg dd strong{font-size: 1.8em;}
	#mainimg dd span{font-size: 0.8em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;}
	}

	@media screen and (min-width:960px) {
	/*　画面サイズが960pxからはここを読み込む　*/
	#mainimg {display:flex; }
	#mainimg #topcontent{width:580px; margin: 1vw; background-position: right 0; background-size: inherit;font-size: 1.5em;}
	#HeadAnshinLogo{ padding: 10px 25px;}
	#HeadAnshinLogo li img{width:100%; max-width:65px;}
	#mainimg .jpgroup{font-size:1.4em;}
	#mainimg h2{ font-size: 2.7em;}
	#mainimg #manzokudo{width:110px;}
	#mainimg #manzokudo img{width:100%;}
	#mainimg .main_point p{font-size: 2em;}
	#mainimg dl{font-size:1.3em; width:48%;}
	#mainimg dt{ font-size:1.3em;}
	#mainimg dd strong{font-size:1.9em;}
	#mainimg dd span{font-size: 0.8em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;}
	#mainimg + small{font-size:1em;}
		/*アフィリエイトLP*/
	.af #mainimg #topcontent{margin-right:280px;}
	}

/*メインイメージテキスト化 NO1訴求*********************************************************************************************/
#mainContent.no1 {}
.no1 #mainimg {background: linear-gradient(#fff6e8 50%, #f5dfbe 50%);
}

.no1 #mainimg h2{text-align: center;}
.no1 #mainimg .jpgroup{background:none; color:#b94f00; border-bottom:1px solid; border-radius:0;}
.no1 #mainimg .notice{text-align:right;}
.no1 #mainimg .notice li{text-shadow: 1px -1px 2px #FFF; background-color: rgba(255, 255, 255, 0.5); }


.merit{width: 96%; max-width:960px; margin: 10px auto; color:#16685e; font-size:2.5em; text-align: center;}
.merit li{padding:2%;}
.merit strong{ font-size:1.3em; color:#16685e; background:linear-gradient(rgba(245, 159, 35,0) 78%, rgba(245, 159, 35,1) 85%,rgba(245, 159, 35,0) 89%);}

	@media screen and (min-width:641px){
	.merit{display:flex; justify-content: space-between;}
	.merit li{border:3px double ; width: 32%; box-sizing: border-box;}
	.merit span{display:block;}
	.merit .Vwrite{display: inline; font-size: 0.5em; font-weight: bold; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
	}
	@media screen and (max-width:640px){
	.no1 #mainimg #topcontent{width: 73vw;}
	.no1 #mainimg h2{font-size: 6.4vw;}
	.no1 .maincontainer{display:block;}
	.merit{border:3px double ; font-size: 4vw; text-align:left; width:94%;}
	.merit li{padding:.5% 2%;}
	.merit li:before{font-family: FontAwesome; content:"\f164"; margin-right: 5px; color: #f59f23;}
	.no1 #mainimg .notice{font-family:YakuHanJP,'Noto Sans CJK JP', 'Noto Sans JP', 'Noto Sans CJK JP Subset'; margin:0 3px; font-size:.7em;}
	.merit .Vwrite:before{content:"！";}
	.no1 #mainimg .notice li{display:inline-block;}
	}

/*　No1デザイン変更
#mainimgNo1{display:inherit; padding:1% 0 0; background: linear-gradient(to bottom, #f49700 47%, #f9f6cc 40%, #f9f6cc 100%);}
#mainimgNo1 .jpgroup{ border: 1px solid; color:#FFF;max-width:600px; margin:auto;  	text-align: center; font-size: 2.2em; padding: .5%;}
#mainimgNo1 #no1contents{display:flex;max-width:900px; margin:auto; align-items: flex-end;}
#mainimgNo1 #no1reason h2{    margin-left: -5%;}
#mainimgNo1 #no1contents h2 img{width:100%;}
#mainimgNo1 picture{    width: 36.5%;	margin: 0 -5% 0 5%;	z-index: 10;}
#mainimgNo1 #no1reason{    flex: 1 1 auto;}
#mainimgNo1 #no1reason article{flex:1 1 auto;     margin: 3%;}
#mainimgNo1 #no1reason h3{background-color: rgba(89, 156, 105, .9);  font-size: 2.2em;  color:#FFF; border-radius:5px 5px 0 0; padding:2%; margin:6% 0 0; text-align: center;}
#mainimgNo1 #no1reason ul{background:#FFF; padding:2% 12%; border-radius:0 0 5px 5px;}
#mainimgNo1 #no1reason li{color:#227c3a;  font-size: 1.8em;    line-height: 1.2; margin:3% 0; background:url(/images/common/lp/icon_no1.svg) left no-repeat; background-size:24px; padding-left: 1.5em;}
#mainimgNo1 #no1reason li span{display:block;}
#mainimgNo1 #no1reason li sup{font-size:.9em;}
#mainimgNo1 #no1reason li strong{font-size:1.2em; color:#227c3a; background: linear-gradient(transparent 80%, #f29625 80%,#f29625 90%,transparent 90%);}
#mainimgNo1 #no1reason li:before{content}
#mainimgNo1 + small{max-width:900px; margin:auto; text-align:right;     display: block; padding-right:2%;}
#mainimgNo1{}
#no1contents{}
#no1reason{}

	@media screen and (max-width:768px) {
	#mainimgNo1{ background: linear-gradient(to bottom, #f49700 43%, #f9f6cc 40%, #f9f6cc 100%);}
	#mainimgNo1 .jpgroup{    font-size: 4vw;	margin: 2%;}
	#mainimgNo1 #no1contents h2 img{width:90%; }
	#mainimgNo1  picture{width:46%; margin: 0 -10%; z-index:inherit;}
	#mainimgNo1 #no1reason h3{font-size: 3.3vw;}
	#mainimgNo1 #no1reason ul{background:rgba(255,255,255,.5); padding:2% 5%;}
	#mainimgNo1 #no1reason li{font-size: 3vw; background-size:14px; }
	#mainimgNo1 #no1reason li strong{font-size:1.2em;}
	#mainimgNo1 + small span{display:block;}
}
	@media screen and (min-width:561px) and (max-width:768px) {
	#mainimgNo1 .jpgroup{    font-size: 3.4vw; margin: auto;}
	#mainimgNo1 #no1reason li{font-size: 3vw; background-size:30px; }
}
*/



		/*アフィリエイトLPメインにフォーム*/
#ShorAfMain dt{position:relative;}
#ShorAfMain dt p{position:absolute; left:47%; top: 13%;font-size: 70px; color:#007066;}

	@media screen and ( max-width:768px) {
	#ShorAfMain dt p{font-size: 7vw;}
	#ShorAfMain .cnt_form{width: calc(100% - 40px ); margin: 20px;}
	}
	@media screen and ( max-width:600px) {
	#ShorAfMain dt p{ left:40%; top:34%; width:40vw; font-size:15vw; text-align:right;}
	}


	
	@media screen and (max-width:667px) and (orientation: landscape) {
	#ShorAfMain dt p{top: 38%; font-size: 12vw;}
	}


	
/*コンサルバージョン*/

#consultant_copy{ font-weight:bold; margin:2% auto .5%;}
#consultant_copy section{display:flex; width: 96%; max-width: 800px; margin:auto; box-sizing: border-box;}

#consultant_copy h2{font-size: 2.3em; color: #396d68; margin:10px auto 7px;}
#consultant_copy p{text-align:center; font-size:1.4em; font-weight:normal;}
#consultant_copy h3{color:#f49700; text-align:center; padding-bottom:3px; border-bottom:1px solid;}

#consultant_copy ul{margin-left:1em;}
#consultant_copy li{ font-size:1.6em; line-height: 1.8em; margin-left:1.4em; text-indent:-1.4em;}
#consultant_copy li:before{font-family: FontAwesome; content:"\f00c"; color:#0F6E63; margin-right: 5px;}
#consultant_copy small{margin-left: 2em;font-size: 1.3em;}

	@media only screen and (max-width: 600px){
	#consultant_copy section{flex-direction:column; width: 100%;}
	#consultant_copy h2{font-size: 4.5vw;width: 95%;}
	/*#consultant_copy p{font-size:1.1em;width: 95%; margin:7px auto;}*/
	#consultant_copy h3{font-size: 4.6vw; margin-bottom:5px;font-weight: bold;}
	#consultant_copy div{ z-index:10; padding:2%; box-sizing:border-box; background:rgba(255,255,255,.95);  margin:-10px 3% 0; }
	#consultant_copy li{ font-size: 4.2vw; line-height: 1.6em;}
	}


	@media screen and (min-width:601px) {
	#consultant_copy section{width: 96%; max-width: 960px; border: 5px solid #DDD;}
	#consultant_copy h3{font-size: 2em; font-weight: bold; margin-bottom:8px;}
	#consultant_copy picture{width:40%;}
	#consultant_copy div{width:60%; margin:20px; box-sizing:border-box;}
	}




/*特集ボタン*/
.feature_bnr{width: 96%; max-width: 960px; margin: auto;}
.feature_bnr ul{display:flex; justify-content: space-between;}
.feature_bnr ul.other_feature{flex-wrap: wrap;}
.feature_bnr ul.other_feature li{width:49%; margin:.3% .5%;}
.feature_bnr ul.other_feature li a{width:100%;}
.other_feature li a{display:block; border:1px solid #CCC; padding:5px 20px; background:#fff3db; text-align:center; margin:5px; box-sizing:border-box; border-radius:5px; font-size:16px;}
.other_feature li a:hover{background:#f8dc98;}
.other_feature li a{ width:96%; float:inherit; margin:8px auto; }

@media screen and (min-width:768px){
	.other_feature{margin:3px auto 20px;}
	.other_feature:after{clear:both; content:""; display:block;}
	.other_feature li a{ width:49%; float:left; margin: .5%;}
	}
	/*PC*/
	@media only screen and (min-width: 768px) {
	#af .ad_bnr{float:left; margin:20px;}
	#af .bnr_onecolumn{text-align:center;}
	#onformcopy,.onlinkbtncopy{font-size: 24px;}
	}
	
	#onformcopy,.onlinkbtncopy{text-align:center; width:100%; max-width:800px; margin:0 auto 5px; color:#28B030; stroke:#28B030;}
	
	/*SP*/
	@media only screen and (max-width: 767px) {
	body#lp #header_lp_common{width:100%;}/*ヘッダー横PCきり*/
	#onformcopy,.onlinkbtncopy{margin:0 auto -20px; font-size: 20px;}
	#footer_lp_common h3 , .footer_companyprofile h3{ font-size: 12px; line-height: 1em;}
	footer.hide-sp img{padding: 5px; display: block; margin: auto;}
	.feature_bnr ul.other_feature li{width:94%; margin:0 auto;}
	.feature_bnr ul.other_feature li a{margin:3px auto;}
	}
	



/*エントリーフォーム*********************************************************************************************/

form{width:99%; margin:auto;}
#cnt_form .contact_form_in{border:1px solid #28B030;     background: #DBE4C7; padding:0;}
.cnt_ttl_cov{background:#28B030;    color: #FFF!important;    border: none;}
.cnt_btn , .btn-step4_next,  .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{background : rgb(255, 133, 0); border-bottom : 5px solid rgb(216, 113, 1); cursor: pointer;}
.cnt_btn:hover , .btn-step4_next:hover {background : rgb(242, 120, 0); border-bottom : 5px solid rgb(216, 106, 0);}
.btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{font-size:24px;}

	@media (max-width: 1140px) and (min-width: 768px){
	.cnt_form{width: 95%;}
	.cnt_blk {margin-top: 0;}
	#cnt_form .contact_form_in{padding: 0px 0px 10px;}
	#footer_tel_ssl{padding-left: 6%; text-align:center;}
	}

	@media only screen and (max-width: 767px){
	.btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{font-size:5.5vw;}
	.thanks_btn .cnt_btn{font-size:5vw;}
	.contact_form_in .cnt_ttl_cov{margin: 0 -10px;}
	.cnt_blk {margin-top: 0;}
	#cnt_form .cnt_ttl_cov{font-size: 6vw; width: 100%; box-sizing: border-box;margin: auto;}
	.cnt_form_cov{margin: 20px;}
	}







/*選ばれる理由*********************************************************************************************/
#reason{background-color:#f4f9fa; padding:2% 0;}
#reason article{ display:flex; flex-direction:column; max-width:960px; margin:auto;}
#reason h2{font-size:3em; color: #035F7F;}
#reason dl{display:flex; font-size: 1.4rem; margin:1% 2%; align-items: center;}
#reason dt{font-size: 1.8rem; font-weight:bold; color:#035F7F;}
#reason dt img{margin:.5% 0;}
#reason dd{}
#reason amp-img{border-radius:1% ;}

#reason dd dl{display:flex; flex-direction:column;}

#reason dd,
#reason dd dt,
#reason dd dd{width:100%;}
#reason dd dt{ border-bottom:1px solid;}

	@media only screen and (max-width: 599px){
	#reason{padding:5% 0;}
	#reason h2{font-size:5vw; }
	#reason dl{flex-direction:column;}
	#reason dt{text-align:center; position:relative;}
	#reason .reason_contents{ margin:-25% 2% 2%; z-index: 10;}
	#reason dd dl{background:rgba(255,255,255,.85); padding: 2%; font-size: .9em;}
	}





/*3つの安心*********************************************************************************************/
.anshin{width:100%; max-width:830px; margin:50px auto 10px;}
.anshin img , 
.btn_entry img{width:100%;}

/*3つの安心（新）*********************************************************************************************/
#anshin {width:100%; background: #f4f9fa; padding:2% 0; font-size:13px; box-sizing: border-box; margin-bottom:30px;}
#anshin h2{font-size:2.2em; color:#E75317;}
#anshin p{text-align:center; font-size:.9em;}
#anshin div{display:flex; width: 96%; max-width:960px; margin:1% auto; background:#FFF; border-radius:10px;}
#anshin dl{margin:2%; }
#anshin dt,
#anshin dd:first-of-type
{text-align:center;}
#anshin dd:first-of-type{color:#FF850A; margin:5px 0; font-size:1.2em;}
#anshin dd{text-align: justify;}

	@media only screen and (max-width: 599px){
	#anshin h2{font-size: 6.5vw;}
	#anshin p{text-align:center; font-size:2.8vw;}
	#anshin div{flex-direction: column;}
	#anshin dt{float:left; width:20%; margin:10% 2% 0 0;}
	#anshin dd:first-of-type,
	#anshin dd{float:left; width:74%; text-align:left;}
	#anshin dd:first-of-type{margin:5px 0 0;}
	}

/*アフィリエイトLP*/
.af #anshin {background: none;}




/*満足度アンケート*********************************************************************************************/
#enquete{width: 96%; max-width: 960px; margin: auto; display:flex; flex-wrap: wrap;}

#enquete h2{width:100%; font-size: 24px; color: #E75317;}
#enquete .question{width:49%; margin:.5%; padding:1%; box-sizing:border-box; }
#enquete figure strong{display:block; font-weight:bold; font-size:2em;line-height: 1; color: #f4807d;}
#enquete sup{font-size: 0.6em;}
#enquete small{ width: 98%; text-align:right;}
#enquete figure {
 position: relative; width: 120px; height: 120px; background: #f28180; border-radius: 50%; text-align: center; overflow: hidden; z-index: 1; margin: 10px; color: #f4807d;
}

#enquete figure::before { content: ""; display: block; position: absolute; top: 0; left: -60px; width: 120px; height: 120px; background: #fdeeee; transform-origin: right 60px; z-index: 2;
}

#enquete figure.soudan::before{ transform: rotate(167deg);}
#enquete figure.teikyou::before{ transform: rotate(132deg);}

#enquete figure::after { content: ""; display: block; position: absolute; top: 0px; left: 60px; width: 120px; height: 120px; background: #f28180; transform-origin: left 60px; z-index: 3;}
#enquete figure .circle-inner { position: absolute; top: 12px; left: 12px; width: 96px; height: 66px; padding-top: 30px; background: #fff; border-radius: 50%; z-index: 4;}

#enquete dl{overflow: hidden;}
#enquete dt{font-size:1.6em;color: #f08282; text-indent: -2em; margin-left: 2em;}
#enquete dt:before{content:"Q：";}
#enquete dd{font-size:1.3em;color: #888; display: table-cell; vertical-align: middle;}

	@media screen and (max-width:600px) {
	#enquete{flex-direction:column;}
	#enquete .question{width:98%;}
	}


#midashi{font-size:3.8vw; color:#035F7F; margin:10px 3%;}
#midashi span{display:block;}
	@media screen and (min-width:600px){
	#midashi{ font-size:2.6em;}
	}
/*求人カルーセル*********************************************************************************************/
.amp-carousel-button-prev{margin-left:-16px;}
.amp-carousel-button-next{margin-right:-16px;}
#job_slider{ width:98%; max-width:960px; margin:15px auto; font-size:14px;}
#job_slider h2{font-size:5.6vw; color:#035F7F; margin-bottom:4px;}
#job_slider p{text-align:center; font-size:1.2em;}
#job_slider p.note{font-size: .8em; text-align:left; width:90%; margin:auto;}
#job_slider .job_wrapper{ display:flex; justify-content: center;}
#job_slider dl{width:100%; box-sizing:border-box; border:1px solid #CCC; border-radius:1px; margin:1% 0.5%; padding:5px 15px; box-shadow:0 4px 3px #EEE; position:relative;}
#job_slider dl:after{content:"詳細のお問い合わせはこちら"; text-decoration:underline; color:#00b6f2; position:absolute; right:2%; bottom:2%;}

#job_slider dt{ font-size:1.5em; font-weight:bold; margin:15px auto;}
#job_slider dt span{float: right; font-size: 0.7em; display: inline-block; padding: 3px 10px; background: #6c6857; color: #fff; border-radius: 15px;text-align:center; box-sizing:border-box;}
#job_slider dd strong{font-weight:bold; text-align:center;}
#job_slider dd ul{ width: 90%; margin: 15px auto; padding: 3px; color:#FFF;}

#job_slider .nensyu{text-align:center; font-weight:bold; color:#FFF; font-size:1.4em; border-radius:3px;}
#job_slider .seisyain{background:#FDFDF0;}
#job_slider .seisyain dt{color:#a3a911; border-bottom:1px solid;}
#job_slider .seisyain .nensyu{background:#cbd02c;}
#job_slider .haken{background:#F9FBFB;}
#job_slider .haken dt{color:#4396D8; border-bottom:1px solid;}
#job_slider .haken .nensyu{background:#4396D8;}
#job_slider .part {background:#FFFBF7;}
#job_slider .part dt{color:#DE8E45; border-bottom:1px solid;}
#job_slider .part .nensyu{background:#DE8E45;}

#job_slider .qualvaBtn{margin:0 0.5%;}
#job_slider small{display: block; width: 90%; font-size:.7em; line-height: 1.2em; margin:auto auto auto 1.5em; text-indent: -1em;}



	@media screen and (min-width:600px){
	#job_slider h2{ font-size:1.8em;}
	#job_slider a{display: flex; width: 47%;}
	#job_slider .nensyu{padding:0 0 8px;}
	#job_slider strong{display:block; margin:10px auto 5px; font-size:1.1em;}
	#job_slider dl{ padding:5px 15px 2em;}
	#job_slider dd {font-size:1.1em;}
	
	}
	@media screen and (max-width:599px){
	#job_slider h2 span{display:block;}
	#job_slider .job_wrapper{flex-direction:column;}
	#job_slider dl{width:90%; margin:0 auto 8px; padding-bottom: 2em;}
	#job_slider dt{margin:5px auto; font-size:5.5vw;}
	#job_slider dd{font-size:4vw; margin:5px auto;}
	#job_slider .nensyu{font-size:5vw;}
	#job_slider .nensyu amp-img{display:none;}
	}




/*転職者の声カルーセル*********************************************************************************************/
#voice_slider{ width:98%; max-width:960px; margin:15px auto; font-size:14px;}

#voice_slider h2{font-size:24px; color:#E75317; margin-bottom:4px; stroke:#E75317;}
#voice_slider article{width:94%; box-sizing:border-box; border:1px solid #DDD; border-radius:1px; padding:5px 3% 5px 23%; box-shadow:0 3px 6px #EEE; position:relative;}
#voice_slider article.voice1{background:url(/images/common/lp/jireiimg_01.png) 20px no-repeat , #FFFBF7; background-size:contain;}
#voice_slider article.voice2{background:url(/images/common/lp/jireiimg_02.png) 20px no-repeat , #FFFBF7; background-size:contain;}
#voice_slider article.voice3{background:url(/images/common/lp/jireiimg_03.png) 20px no-repeat , #FFFBF7; background-size:contain;}
#voice_slider article.voice4{background:url(/images/common/lp/jireiimg_04.png) 20px no-repeat , #FFFBF7; background-size:contain;}
#voice_slider h4{font-size:1.2em; margin-top:2%; font-weight:bold; color:#80450A;}
#voice_slider small{font-size:.9em;}
#voice_slider p{margin:3px 0 8px; color:#796B5D;}
#voice_slider strong{ color:#796B5D; font-weight:normal;}
#voice_slider small + p{border-top:1px solid #DDD; padding-top: 5px;}

	@media screen and (max-width:768px){
		#voice_slider article.voice1,
		#voice_slider article.voice2,
		#voice_slider article.voice3,
		#voice_slider article.voice4{background-size:20vw; background-position:2vw 2vw;}
	}

	@media screen and (max-width:599px){
		#voice_carousel{height:360px!important;}
		#voice_slider article{ padding:5px 3%;}

		#voice_slider h2 svg{display:none;}
		#voice_slider h2{font-size:5.7vw;}
		#voice_slider h4,
		#voice_slider small{margin-left:20vw;}
		
		.amp-carousel-button{width:16px; height:44px;}
		#voice_slider small + p{margin-top: 8px;}

	}


/*転職フロー（新）*********************************************************************************************/

#flow {width:100%; margin:20px auto; padding:2%; background:#FFF4E4; font-size: 1.4em; box-sizing: border-box;}
.af #flow {background:none;}
#flow h2{font-size:2.2em; color:#E75317;}
.flowimage{display:flex; max-width:960px; margin:auto;}
.flowimage dl{width:23%; margin:2%; position:relative;}
.flowimage dl:after{position:absolute; font-size:2em;font-family: FontAwesome; content: '\f0da'; color:#a3a911; right: -10%; top: 40%;}
.flowimage dl:last-of-type:after{content:none;}
.flowimage dt{width:100%; text-align:center; color:#a3a911; font-size: 1.2em;}


	@media screen and (max-width:600px) {
	#flow h2{font-size:1.8em;background-color: #F29600; color:#FFF; padding: 5px;}
	.flowimage{flex-direction: column;}
	.flowimage dl{width:95%; margin-bottom:5%;}
	.flowimage dl:after{ content: '\f0d7'; right: 45%; top: 90%;}
	.flowimage dt {text-align:left; width:96%;}
	.flowimage dt amp-img{width:30%; margin: auto; float:left; margin:5px;}
	.flowimage dd{margin:0 5px; overflow: hidden;}
	}




/*フォーム上の注意書き*********************************************************************************************/
.form__attention{background:#FFF; padding: 13px 0; margin:2% 0;}
.form__attention li{list-style: inside; padding: 3px 3%;line-height: 1.3em; font-size: 13px;margin-left: 1em; text-indent: -1em;}
.form__attention li strong{background: linear-gradient(transparent 60%, #ffff66 60%);}




/*Criteo注意書き文字サイズ調整*********************************************************************************************/
.smartphone .criteo_header,html #cto_cookies_header_message,.criteo_header *
{ font-size: 6px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; color: #5e5e5d; line-height: normal !important; margin: 0; padding: 0; line-height:1.2em !important;}
#cto_cookies_header_message p{font-size: 6px !important;}
#cto_cookies_ack_header_message p{font-size: 6px !important;}



/*ヘッダーフッター*********************************************************************************************/

/*ヘッダー*/

#lp header{width:100%; max-width:900px; margin:auto; padding:5px; box-sizing:border-box;}
#lp header h1{}
#lp header ul{display:flex;}
#lp header li img{height:70px;}
#lp header li:first-child{ margin-right:auto;}
#lp header li:first-child img{height: 55px; margin-top: 8px;}

	@media all and (-ms-high-contrast:none){
	#lp header li:first-child img{width:230px;}
	#lp header li:not(:first-child){width:70px;}
	}

	@media only screen and (max-width: 767px){
	#lp header h1{font-size:.7em;}
	#lp header li:first-child img,
	#lp header li img{height:10vw;}
	#lp header li:first-child img{height: 30px; margin-top:5px;}
	}

/*ヘッダー（3つの安心なしのシンプル版）*/
#lp header#LpHeader{width:100%; max-width:960px; margin:auto; padding:5px; display:flex; box-sizing:border-box; align-items: center;}
#lp header#LpHeader h1{width:85%; font-size:1.6em; color: #0A7568; font-weight:bold;}
#lp header#LpHeader h1 span{}
#lp header#LpHeader figure{width:15%;}
#lp header#LpHeader figure img{width:100%;}

	@media only screen and (max-width: 767px){
	#lp header#LpHeader h1{width:75%; font-size:1em; font-weight:normal;}
	#lp header#LpHeader figure{width:25%;}
	}

	/*ヘッダー（3つの安心設置版）*/
#lp header#LpHeader.logo{}
#lp header#LpHeader.logo figure{width:25%;}
#lp header#LpHeader.logo #HeadAnshinLogo{padding: 0; margin: 0;}
#lp header#LpHeader.logo li:first-child img{height: 70px; margin-top: 0;}
	@media only screen and (max-width: 767px){
	#lp header#LpHeader.logo li:first-child img{height: 30px; margin-top:5px;}
	#lp header#LpHeader.logo  figure{width:45%;}
	}

/*フッター*/
#lp footer{width:100%; margin:30px auto 0;  align-items: center; padding-top: 30px; background-color: #f1f1f1; padding-bottom:8px;}
#lp footer #CompanyProfile{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; max-width:960px; margin:auto;}

#lp footer h3{font-size:1.5em; }

#lp footer dl{display:flex;  max-width:600px; flex-wrap:wrap; font-size: 1.2em;}
#lp footer dt{width:14%;    border-left: 5px solid #a3aa00;    padding-left: 5px;    box-sizing: border-box; margin-bottom:10px; margin-left:1%; }
#lp footer dd{width:85%; margin-bottom:10px;}
#lp footer .ssl_image{width: 100%; text-align: center;}

#lp footer ul{ width: 100%;   display: flex;    justify-content: space-around;    border-top: 3px solid #FA0; }
#lp footer li a img{ width: 11px; vertical-align: bottom; margin: 0 0 2px 5px;}



	@media only screen and (max-width: 599px){
	#lp footer h3{margin-bottom:30px;}
	#lp footer dl{width:96%; margin:auto;}
	#lp footer dt{width:24%; }
	#lp footer dd{width:75%;}
	#lp footer .ssl_image p img{width: 40%; margin-bottom: 5px;}
	#lp footer ul{flex-direction: column;    text-align: center;}
	
	}




/*フッター*/
#footer_lp_common ,
.footer_companyprofile{margin:50px auto 15px;}
#footer_lp_common h3 , .footer_companyprofile h3{text-align:center; font-size:16px}
.footer_companyprofile dl{width:90%; margin:5px auto; border:1px solid #ffd78e;}
.footer_companyprofile dt{background:#ffd78e; padding:0 5px; text-align:center; font-size:11px; line-height:16px;}
.footer_companyprofile dd{line-height:1.5em; padding: 3px 5px; font-size:11px; text-align:center;}
.footer_companyprofile ul{width:90%; margin:auto;}
.footer_companyprofile li{line-height:1.5em;}

table#footer_outlineTable {width: 800px; border-top: #ffd78e 1px solid; border-left: #ffd78e 1px solid; line-height: 1.3em; margin:auto; font-size:12px;}

#footer_lp {width: 100%; border-top: 4px solid #FA0; margin: auto;}
#footer_lp ul {width: 90%; margin: 5px auto; max-width: 700px;}
#footer_lp li {float: left;}

#footer_lp li:last-child {float: right}

table#footer_outlineTable th {width: 165px; background: #fef3e5; color: #555555; border-bottom: #ffd78e 1px solid; border-right: #ffd78e 1px solid; padding: 6px 10px;}
table#footer_outlineTable td {border-bottom: #ffd78e 1px solid; border-right: #ffd78e 1px solid; padding: 6px 10px;}
table#footer_outlineTable p {margin-bottom: 1em;}

#footer_tel_ssl {text-align:center; padding-bottom: 30px; max-width: 920px; margin: auto;}
#footer_tel_ssl .noton_image {padding-top: 10px;}
#footer_ssl .noton_image_center {margin: 10px auto 0 auto; width: 100px;}





/*アフィリエイトLP*/

.af .feature_bnr h2 { clear: both; font-weight: bold; font-size: 1.8em; color: #F70; padding: 8px .8em 3px; margin-bottom:8px; border-bottom: 2px solid; text-align: left;}
.af #onformcopy{}

/*新検索条件*********************************************************************************************/
#jobsearch{width:96%; max-width:800px; margin:2% auto;}
#lp_search_box{border:2px solid #FFD2AB; background-color: #FFFCFA; border-radius:3px;}
.selectPref,
.selectIndustry,
.selectEmployment,
.checkbox li{display:flex;}

#jobsearch h2{color: #E75317; font-size:2.6em; padding-bottom: 8px;}
#jobsearch h2 strong{ font-size:1.6em;}
#jobsearch h2 .newarrive{ font-size:.8em; color:#FFF; background:#E75317; border-radius:3px; padding: 0 10px; margin-right: 3px;}
/*検索部分*/
#SearchCondition{background:#FFF; border: 3px solid #DDD; border-radius:5px; width:98%; margin:5px auto;}
#SearchCondition dl{border-bottom:1px dotted #DDD;}
#SearchCondition dt{width:10em; background: #fff8eb; font-size:1.4em; font-weight:bold; border-right: 1px solid #ffd7ad; color: #F70; padding:5px;}
#SearchCondition dd{width:100%; padding:5px 0; box-sizing:border-box;}
#SearchCondition .checkbox{display:flex; flex-wrap:wrap;}

#searchPref,
.checkbox li {margin: 0 1%;}
.checkbox li span{margin: 1% 0;}

.selectPref select,
.checkbox label .lever{border:none; color: #777; padding: 2px 30px; font-size:1.3em; background:#e5e5e5; border-radius:20px;}
.selectPref select{width:30%; line-height: 1.8; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
::-ms-expand {display: none;}
.selectPref label{ position:relative;}
.selectPref label:after{font-family: FontAwesome; content:"\f0dc"; position:absolute; color:#FFF; right:12%; top:0; bottom:0; width:0; height:0; pointer-events: none;}
.checkbox label input[type="checkbox"]{display: none;}
.checkbox label{cursor: pointer; position: relative;}
.checkbox label .lever{display: inline-block; transition: all 300ms cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1);}
.checkbox label .lever:before{content:''; position: absolute; left: 3px; top:3px; background: #fff; width: 18px; height: 18px; border-radius:100%; transition: all 300ms cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1);}
.selectPref select{-webkit-text-fill-color: #FFF; text-fill-color: #FFF; background:linear-gradient(#5099F7 100%, #5099F7 100%);}
.checkbox label input[type="checkbox"]:checked + .lever{ background: #5099F7; color: #fff;}
.checkbox label input[type="checkbox"]:checked + .lever:before{ left: 100%; margin-left: -22px; border-color: #fff;}
#SearchCondition .selectIndustry{margin-bottom:0; border-bottom: none;}

@media all and (-ms-high-contrast:none){
	.selectPref select { color:#FFF; }
	.selectPref select option { color:#666; } /* IE10 */
}

/*検索結果*/
#box{width: 96%; margin: 15px auto;}

.box_inner{display:flex; font-size:1.3em;}
.box_inner:nth-child(even){background:#EEE;}
.box_inner li{border-bottom:1px dotted #DDD; padding:4px 1%; color:#777;}
.box_inner:last-child li{border:none;}
.titleArea{width:80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.titleArea a{color: #0090BF;}
.titleArea a:hover{text-decoration: underline;}
.dateArea{width:20%; text-align: right; font-size:.9em;}
.titleArea:before{font-family: FontAwesome; content:"\f105"; color: #0090BF;}

	@media screen and (max-width:600px) {
	.selectPref,
	.selectIndustry,
	.selectEmployment,
	.checkbox li
	{flex-direction: column;}
	.checkbox label .lever{text-align: center;}
	#jobsearch h2 .newarrive{display: inline-block; padding:4px 8px;}
	#jobsearch h2 span{}
	.selectPref select{width:50%;}
	.selectPref label:after{top:-1px;}
	#SearchCondition{width: 94%;}
	#SearchCondition dt{ width: inherit; border:none;}
	.titleArea{width:100%;}
	.dateArea{display:none;}
	
	}



/*該当件数0件時のポップアップ*/
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .popup{position:relative; background: #fff; max-width: 600px; width:96%; height: auto; padding: 5%; border:1px solid #DDD; border-radius:5px; box-sizing:border-box;}
#none_msgbox_facebox p{text-align:center; font-size:1.6em; color: #F70;}
#btn_registform a{font-size:2em; display:block;text-align:center; padding:3%; border-radius:3px; color:#FFF; width:80%; margin: 5% auto; background: #0CAB6B; border-bottom: 5px solid #1C8C5F;}
#btn_closewindow a{font-size:1.4em; display:block; color:#999; border:2px solid; width:30%; margin: 2% auto; text-align: center; padding: 1% 2%;}
#btn_closewindow a:after{font-family: FontAwesome; content:"\f057";}


@media screen and(max-width:768px) {width:100%;}
#facebox .content {display:table;}
#facebox .content > p:first-child{margin-top:0;}
#facebox .content > p:last-child{margin-bottom:0;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}