/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
img {padding: 0;max-width: 100%;height: auto;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*-------- Basic --------*/
html {font-size: 62.5%;/*ページ内リンクスムーズスクロール*/scroll-behavior: smooth;}
body {width: 100%;font-size: 2.2rem;color: #333;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;overflow-x: hidden;background: #FEFFF6;background: #f7f5e0;}
.body_wrap {/*width: 960px;*/ margin: 0 auto; background: #fff;}
/*---電話番号PC時リンク無し----*/
a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*--- Clearfix ---*/
.clearfix::before, .clearfix::after {content: " ";display: table;}
.clearfix::after {clear: both;}
.clearfix {*zoom: 1;}
/*--- Float ---*/
.img_right {float: right;padding: 0 0 2rem 2rem;}
.img_right2 {float: right;padding: 0 0 2rem 2rem;}
.img_left {float: left;padding: 0 2rem 2rem 0;}
.img_center {margin: 0 auto;}
/*--- PC・SP表示調整 ---*/
.pc {display: block;}
.sp {display: none;}
/* ---Font--- */
.u {text-decoration: underline;text-decoration-skip-ink: none;text-underline-position: under;}
.b {font-weight: bold;}
.blue {color: #6dc6ff;}
.blue2{color:#2d2c8f;}
.purple{color: #04078f;}
.black {color: #1F0001;}
.r {color:#D54C08;}
.gr{color: #018249;}
.y {color:#ffee98;}
.y2 {color: #F4F87D;}
.w {color: #fff;}
.txt_c {text-align: center;}
.txt_c_pc {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxxsmall {font-size: 40%;}
.xxsmall {font-size: 50%;}
.xsmall {font-size: 60%;}
.pc_small90 {font-size: 90%;}
.small {font-size: 80%;}
.large {font-size: 120%;}
.xlarge {font-size: 130%;}
.xxlarge {font-size: 150%;}
.xxxlarge {font-size: 155%;}
.xxxxlarge {font-size: 160%;}
.xxxxxlarge {font-size: 200%;}
.pc_large120 {font-size: 120%;}
.lh_12 {line-height: 1.2;}
.lh_13 {line-height: 1.3;}
.lh_15 {line-height: 1.5;}
.sans {font-family:'Noto Sans JP', sans-serif;font-weight: 700;letter-spacing: 1px;}
.serif {font-family: 'Noto Serif JP', "serif";font-weight: 900;letter-spacing: 1px;}
.caption {width:100%;padding:1rem;margin:0 auto;background:#333;color:#fff;font-weight:bold;line-height:1.4;text-align:center;}
.middle {margin: 2rem auto !important;}
.bottom {margin: 0 0 2rem !important;}
.top {margin: 2rem 0 0 !important;}
.right {margin: 0 2rem 0 0;}
.left {margin: 0 0 0rem 2rem;}
.no_bottom {margin-bottom:0 !important;}
.up{vertical-align: super;
font-size: 60%;}
.img_arrow {margin: 0 auto 2rem;}
/* グラデーション */
.gradation_g {color:#f9db7f;background:linear-gradient( to bottom , #F4DD69 0%, #E7B151 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gradation_g2 {color:#FFDE78;background:-webkit-linear-gradient(0deg, #6a473f, #987d2d, #6a473f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gra_or {color:#d54c08s;background:linear-gradient(to bottom, #eb8807, #d54c08);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gra_bl {color:#d54c08s;background:linear-gradient(to bottom, #008ba6, #0059aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.mark {background:linear-gradient(transparent 50%, #f4ebb4 50%);}
.mark2 {background: linear-gradient(transparent 75%, #0d0d80 76%);}
/*-----0.9emはグラデ開始位置（上から下に数字が大きくなる）、20pxはグラデの縦幅----*/
.mark_y {font-weight: bold;background: linear-gradient(transparent 0.9em, #FFDBB0 0, #FFDBB0 calc(0.9em + 20px) , transparent 0);}
.mark_b {font-weight: bold;background:#04192d;color: #fff;padding: .1em .2em 0em;display: inline-block;line-height: 1.2;}
.mark_gr {font-weight: bold;background:#2b2b2b;color: #fff;padding: .1em .2em 0em;display: inline-block;line-height: 1.2;}
.mark_w {font-weight: bold;background: #FFDBB0;color: #2a2a2a;padding: .01em .2em;display: inline-block;line-height: 1;}
.mark_r {font-weight: bold;background: #D54C08;color: #fff;padding: .1em .1em;display: inline-block;line-height: 1;}
.mark_y2 {font-weight: bold;display: inline-block;background: linear-gradient(transparent 0.9em, #FFDBB0 0, #FFDBB0 calc(7.4em + 20px), transparent 0);}
.txt_sdw{text-shadow: 1px 2px 3px #222;}
.txt_sdw2{text-shadow: 1px 2px 3px #fff;}
/* flex */
.flex {display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex_center {justify-content: center;align-items: center;}
.flex_column {flex-direction:column;align-items: center;}
/*.flex + .flex {margin-top: 2rem;}*/
/* 注釈 */
.notice {padding-top:1rem;font-size:1.5rem;text-align:right;font-weight:400;font-family:sans-serif;color:#8a8a8a;letter-spacing:1px;}
.notice2 {padding-top:1rem;font-size:1.5rem;font-weight:400;font-family:sans-serif;color:#8a8a8a;letter-spacing:1px;}
.notice2 li{padding-left: 1em;text-indent: -1em;}
/*========= ナビゲーションのためのCSS ===============*//* ここから下がハンバーガーメニューに関するCSS */
/* チェックボックスを非表示にする */
.drawer_hidden { display: none;}
/* ハンバーガーアイコンの設置スペース */
.drawer_open {
	display: flex;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;/* 重なり順を一番上にする */
	cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
	content: '';
	display: block;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #333;
	transition: 0.5s;
	position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before { bottom: 8px;}
/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after { top: 8px;}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span { background: rgba(255, 255, 255, 0);}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before { bottom: 0; transform: rotate(45deg);background: #fff}
#drawer_input:checked ~ .drawer_open span::after { top: 0; transform: rotate(-45deg);background: #fff} 
/* メニューのデザイン*/
.nav_content {
	width: /*100%*/600px;
	height: 100%;
	position: fixed;
	top: 0;
	left:100%;/*right: 100%;*/ /* メニューを画面の外に飛ばす */
	z-index: 99;
	background: #454545f2;
	transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list { 
	list-style: none;
	text-align: center;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.nav_list li a{ text-decoration: none;color: #fff;}
.nav_list li a:hover{opacity: .5;transition: .3s;}
.nav_item{padding: 1rem 0;}
/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content { /*left: 0;*//*right:0;*/left: calc(100% - 600px);/* メニューを画面に入れる */height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;}
#drawer_input:checked ~ .drawer_open {position: fixed;top:2rem;right:2rem;}
.nav_list li a:checked ~ .nav_content { left/*right*/: 0;}
/*--------prihead--------*/
#prihead {z-index: 20;position: fixed;width: 100%;font-size: 2rem;font-weight: bold;text-align: center;background: #e9f4ff;  display: flex;
  justify-content: space-between;
  align-items: center;}
#prihead #CDT {width: 960px;padding: 1rem 0;margin: 0 auto;color: #050533;line-height: 1.2;font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, monospace;}
#prihead #CDT .count_num {display: inline-block;padding: 0 .4rem;margin: 0 .4rem;border-radius: 3px;color: #0a0f25;font-size: 150%;background: #fff;}
/*--------Header--------*/
.prihead{position: relative;background: #fff;/*width: 750px;*/height: 100px;margin: 0 auto;padding: 2rem;align-items: center;}
.header_logo{/*width: 10%;*/}
/*header h1 img {margin: 0 auto;}*/
.header_inner {width: 960px;margin: 0 auto;position: relative;}
.header_inner_txt {width: 70%;}
/*head1*/
header h1.header1 {width: 100%;margin: 0 auto;padding: 10rem 0 25rem;background: url("../img/hp-header-bg.jpg")no-repeat center bottom;}
.header_form {background: #00061C;padding: 0 0 1rem;}
/* ---------------------------------------------------------------*/
/*・テキスト装飾*/
.underline {
	line-height: 1.5;
	border-bottom: 2px solid #6c1217;
	border-image: linear-gradient(to right, transparent, #FFE4A2 20%, #FFE4A2 80%, transparent);
	border-image-slice: 1;
}
.dot {font-weight: bold; border-bottom: 3px dotted #018249; display: table; margin: 0 auto; line-height: 1.5;}
/*--------カルーセル--------*/
.swiper-container { /* wrapperのサイズを調整 */overflow: hidden;}
.swiper-slide { /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */height: 400px;}
/*--------Section / sub_head / sec_inner--------*/
section {padding: 10rem 0 0;}
.sub_head {font-size: 3.6rem;font-weight: 900; line-height: 1.3;text-align: center;font-family:'Noto Sans JP', sans-serif;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1; margin: 0 auto 5rem;position: relative;letter-spacing: 1px;z-index: 1;}
.sec_inner {width: 960px;padding: 0rem 0 10rem;margin: 0 auto;z-index: 0}

/*以下他プロモのCSSを記載*/
/*---------------------------------------*/
.bg_gr{background: #eafbf4;}
.bg_gray{background: #F2F0E5;}
.bg_y{background: #f8f7bd;}
.bg_beige{background: #fffee9;}
.bg_office{background: url(../img/hp-bg-office.jpg)no-repeat center/cover fixed;}
.bg_cafe{background: url(../img/hp-bg-cafe.jpg)no-repeat center/cover;}
/*--sec1-------------------------------------*/
/*job*/
.job{width: 31%;position: relative;background: #fff;margin-top: 8rem;padding: 2rem;border-radius:5px;}
.job dt{margin: 0 0 2rem;padding: 0 0 0 2rem;font-family: 'Noto Sans JP', sans-serif;line-height: 1.3;}
.job dt h3{margin: 0 0 1rem;font-size: 2.5rem;}
.job dt p{color: #018249;font-size: 1.7rem;}
.job dd{font-size: 1.6rem;}
.job_img{position: absolute;top:-8.5rem;right:.5rem;}
.job:after{content: '';width: 3px;height: 140px;background: #018249;position: absolute;left: 2rem;top:0;}
/*--sec2-------------------------------------*/
/*step*/
.step{
	align-items: center;
	width: 90%;
	position: relative;
	background: #fff;
	border-radius: 20px;
	margin: 0 0 0 6rem;
	padding:1rem 3rem 1rem;
}
.step + .step{margin-top: 7rem;}
.step_num{
	position: absolute;
	top:50%;
	left: -2rem;
	transform: translateY(-50%);
	color: #333;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	line-height: 1;
}
.step_num span{font-size: 4rem;display: block;}
.step_left{width: 13%;margin: 1rem auto 2rem;}
.step_right{width: 70%;}
.step h3{color: #018249;font-family:'Noto Sans JP', sans-serif;margin-bottom: 1rem;}
.step img{}
.step p:last-child{line-height: 1.4;font-size: 90%;}
.step:not(:last-of-type):after {
	position: absolute;
	content: "";
	width: 2rem;
	height: 2rem;
	border-color: #8CDDB5;
	border-style: solid;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translateX(-50%);
	bottom:-5rem;
	right: 50%;
}
/*--sec4-------------------------------------*/
/*member*/
.member_wrap{gap:4rem;}
.member{width: 30%;background: #fff;border-radius: 20px;}
.member_face{width: 45%;margin: 3rem auto 0;}
.member_face img{margin: 0 auto 1rem;}
.member_name{
	line-height: 1.3;
	text-align: center;
	font-family:'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	/*文字色*/
	color:#00b194;
	background:linear-gradient( to right , #00c515 0%, #00b194 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}
.member_inner{padding: 3rem;font-size: 1.6rem;}
/*--sec5-------------------------------------*/
/*support*/
.support_wrap{gap:3rem}
.support{width: 29%;position: relative;background: #fff;padding: 3rem;}
.support:first-of-type{width: 100%;}
.support:last-of-type{width: 35%;}
.support:after {
	content: '';
	width: 3px;
	height: 70px;
	background: #018249;
	position: absolute;
	left: 3rem;
	top: 0;
}
.support h3{padding-left: 2rem;margin-bottom: 2rem;font-family: 'Noto Sans JP', sans-serif;}
.support ul li{ 
	display: -webkit-flex;
	display: -moz-flex; 
	display: flex; 
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 90%;
	border-top:2px dotted #d9d9d9;
	padding: 1rem 0;
}
.support ul li:first-of-type{font-weight: bold;color: #018249;border:none;}
.rank_dt{font-weight: bold;padding: 0 1rem;}
.support ul li:first-of-type .rank_dt{ background: #eafbf4;}
.rank_dd{padding-left: 2rem;}
/*--sec7-------------------------------------*/
/*voice*/
.voice{background: #fff;border-radius: 20px; padding: 5rem 6rem;height: 500px!important;}
.voice_ttl{}
.voice_ttl_face{width: 22%;}
.voice_ttl_face img{margin: 0 auto;}
.voice_name{text-align: center;margin: .6rem auto 0;font-size: 90%;}
.voice_ttl_txt{width: 76%;padding: 0 0 0 3rem;}
.voice_ttl_txt h3{
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	line-height: 1.3;
	font-family:'Noto Sans JP', sans-serif;
	/*文字色*/
	color:#00b194;
	background:linear-gradient( to right , #00c515 0%, #00b194 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	/*線*/
	border-bottom: 2px solid #00b194;
	border-image: linear-gradient( to right , #00c515 0%, #00b194 100%);
	border-image-slice: 1;
	font-size: 2.7rem;
}
.voice_ttl_ba{line-height: 1.3;font-family:'Noto Sans JP', sans-serif;justify-content: flex-start;align-items: flex-end;}
.before, .after{width: fit-content;height: fit-content;font-size: 1.7rem;position: relative;}
.after{margin-left: 5rem;}
.ba_arrow{
	position: absolute;
	left: -4rem;
	top:50%;
	transform: translateY(-50%);
	font-size: 1rem;
	color:#00b194;
	background:linear-gradient( to right , #00c515 0%, #00b194 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	
}
.voice_inner{padding: 3rem 0 0;font-size: 80%;}
/*--btn-------------------------------------*/
.btn_wrap{margin: 3rem auto 0;}
.btn{
	position: relative;
	text-decoration: none;
	background: #ff6000;
	color: #fff;
	box-shadow: 3px 6px #b34300;
	border-radius: 10px;
	display: block;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 1rem 3rem;
	font-family:'Noto Sans JP', sans-serif;
	font-size: 4rem;
}
.btn:after {
	position: absolute;
	content: "";
	width: 3rem;
	height: 3rem;
	border-color: #fff;
	border-style: solid;
	border-width: 4px 4px 0 0;
	transform: rotate(45deg) translateY(-50%);
	top: 47%;
	right: 3rem;
}
.btn:hover {filter: brightness(1.3);transition: 0.3s;}
/*header内*/
header .btn_wrap{margin: 5rem 0 0;}
header .btn{margin: 0;font-size: 4rem;/*width: 340px;*/width: 90%;border-radius:100px;line-height: 1.2;}
header .btn:after {
	width: 2rem;
	height: 2rem;
	border-width: 2px 2px 0 0;
	top: 47%;
	right: 3rem;
}
/* -- よくある質問 ----------------------------------------------------------------------------------------------*/
#cp{background: #fff;}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {-webkit-box-sizing: border-box;box-sizing: border-box;}
.cp_qa .cp_actab {position: relative;overflow: hidden;width: 100%;margin: 0 0 1em 0;}
.cp_qa .cp_actab input {position: absolute;opacity: 0;}
#cp2{background: #fff;color: #050533;padding-top: 0;}
/* 質問 */
.cp_qa .cp_actab label {font-weight: bold;line-height: 1.6em;position: relative;display: block;margin: 0 0 0 0;padding: 1em 2em 1em 2.5em;cursor: pointer;text-indent: 1em;border-radius: 0.5em;background: #ebebeb;}
.cp_qa .cp_actab label::before {font-weight: bold;color: #018249;font-size: 1em;margin-left: -2em;padding-right: 0.5em;content: 'Q';}
.cp_qa .cp_actab label:hover {transition: all 0.3s;color: #018249;}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {font-size: 1.7em;font-weight: bold;line-height: 2em;position: absolute;top: 0;right: 0;content: '+';display: inline-block;width: 2em;height: 2em;-webkit-transition: transform 0.4s;transition: transform 0.4s;}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {position: relative;overflow: hidden;max-height: 0;padding: 0 0 0 2.5em;-webkit-transition: max-height 0.2s;transition: max-height 0.2s;border-radius: 0 0 0.5em 0.5em;}
.cp_qa .cp_actab .cp_actab-content::before {font-weight: bold;font-size: 1em;position: absolute; top: 0.7em;left: 2.1em;margin: 0.4em 0 0 -1em;padding: 0;content: 'A';}
.cp_qa .cp_actab .cp_actab-content p {margin: 1em 1em 1em 0;}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {max-height: 40em;border: 10px solid rgba(27, 37, 56, 0.1);}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content.px {max-height: 85em;border: 10px solid #ebebeb;}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {border-radius: 0.5em 0.5em 0 0;}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.cp_actab .notice {padding-top: 0;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 480px) {
	body {width: 100%;font-size: 4.3vw;font-weight: normal;line-height: 1.7;}
	a[href^="tel:"] {pointer-events: auto;text-decoration: underline;color: #00e;}
	img{margin: 0 auto;}
	.body_wrap {width: 100%;overflow: hidden;}
	/* Float */
	.img_right, .img_left {float: none;width: 80%;padding: 0 0 2vw;margin: 0 auto;}
	.pc {display: none!important;}
	.sp {display: block;}
	.middle {margin: 3vw auto!important;}
	.bottom {margin: 0 auto 3vw!important;}
	.top {margin: 3vw auto 0!important;}
	.caption {font-size: 4.5vw;font-weight: bold;line-height: 1.3;padding: .5rem 0;color: #fff;text-align: center;}
	.notice {font-size: 3vw;padding-top: 2vw;}
	.notice2{font-size: 3vw;padding-top: 2vw;}
	.notice3 {padding: 1.5rem 0 1.5rem 1.5rem;font-size: 4vw; text-align: left; font-family: sans-serif;letter-spacing: 1px;font-weight: bold;}
	.notice3 span{text-indent: -1em;display: inline-block;}
	.notice_out {padding: 3vw 3vw 0;text-align: left;}
	.flex {display: block;}.flex2 {display: block;}
	.arrow_txt {line-height: 1.4;margin-top: 4vw;}
	.arrow{height: 5vw;width: 40vw;margin: 1vw auto 5vw;}
	.txt_bg {line-height: 40px;height: 40px;margin-top: 6px;padding: 0 2vw;}
	.large{font-size: 110%;}
	.xlarge{font-size: 120%;}
	.small{font-size: 90%;}
	/*SP調整*/
	.sp_large{font-size: 110%;}
	.sp_small{font-size: 90%;}
	.mark_w{padding: .05em .2em;}
	.img_arrow{width: 60%;margin: 0 auto 2vw;}
	/*========= ナビゲーションのためのCSS ===============*/
	/* ここから下がハンバーガーメニューに関するCSS */
	/* ハンバーガーアイコンの設置スペース */
	.drawer_open {height: 5vw;width: 5vw;}
	/* ハンバーガーメニューのアイコン */
	.drawer_open span,.drawer_open span:before,.drawer_open span:after {width: 7vw;}
	.drawer_open span{right:5vw;}
	/* 三本線の一番上の棒の位置調整 */
	.drawer_open span:before { bottom: 2.5vw;}
	/* 三本線の一番下の棒の位置調整 */
	.drawer_open span:after { top: 2.5vw;}
	/* メニューのデザイン*/
	.nav_content {width: 100%;}
	.nav_item{padding: 2vw 0;}
	/* アイコンがクリックされたらメニューを表示 */
	#drawer_input:checked ~ .nav_content { left:0;/* メニューを画面に入れる */}
	#drawer_input:checked ~ .drawer_open {top:8vw;right:5vw;}
	#drawer_input:checked ~ .drawer_open span{right:0;}
	#drawer_input:checked ~ .drawer_open span:before,#drawer_input:checked ~ .drawer_open span:after {right:0;width: 9vw;}
	/*--------Section / sub_head / sec_inner--------*/
	 section {padding:  10vw 0 0;} 
	.sub_head { font-size: 5.7vw;margin: 0 auto 9vw;width: 95%;letter-spacing: .5px;}
	.sub_head_bg {margin: 0 auto;letter-spacing: 2px;z-index: 1;padding: 5vw 2.5vw;margin-bottom: 5vw;width: 100%;}
	.sub_head_bg:after {bottom: -2.5vw;border-width: 3vw 3vw 0 3vw;}
	.sec_inner {width: 100%;padding: 0 3vw 10vw;}
	/*--------prihead--------*/
	#prihead {font-size: 4.2vw;z-index: 20;}
	#prihead #CDT {width: 100%;padding: .5rem 0;font-size: 3.3vw;}
	#prihead #CDT .count_num {display: inline-block;padding: 0 1vw;margin: 0 1vw;border-radius: 3px;color: #333;font-size: 140%;background: #fff;}
	/*--------Header--------*/
	header {}
	header h1.header1 {width: 100%;margin: 0 auto;padding: 0;background-image: none;}
	header h1 {background: none;}
	.header_inner {width: 100%;margin: 0 auto;position: relative;}
	.header_inner_txt {width: 100%;}

	header p {font-size: 2vw;padding: 0;color: #3f3a17;}
	.prihead{width: 100%;padding: 3vw 2vw;height: 20vw;}
	.prihead.flex{display: flex;}
	.header_logo{width: 25%;}
	/*以下他プロモのCSSを記載*/
	/* --section固有 -------------------------------------------------------------*/
	/*section固有*/
	.mv{margin: 0 auto ;}
	/*以下他プロモのCSSを記載*/
	.bg_office{background: #EAF3F0;}
	.bg_cafe{background: #F6F6EC;}
	/*--sec1-------------------------------------*/
	/*job*/
	.job{width: 100%;margin-top: 5vw;padding: 5vw;}
	.job dt{margin: 0 0 4vw;padding: 0 0 0 4vw;}
	.job dt h3{margin: 0 0 1vw;font-size: 5vw;}
	.job dt p{font-size: 4vw;}
	.job dd{font-size: 4vw;}
	.job_img{width: 29%;top:5vw;right:5vw;}
	.job:after{width: 2px;height: 28vw;left: 5vw;top:0;}
	/*--sec2-------------------------------------*/
	/*step*/
	.step{
		align-items: center;
		width: 93%;
		border-radius: 20px;
		margin: 0 0 0 6vw;
		padding:5vw 5vw 5vw 3vw;
		display:flex
	}
	.step + .step{margin-top: 8vw;}
	.step_num{left: -5vw;font-size: 4vw;}
	.step_num span{font-size: 8vw;}
	.step_left{width: 19%;margin: 1vw auto 2vw;}
	.step_right{width: 70%;}
	.step h3{margin-bottom: 1vw;line-height: 1.3;}
	.step p:last-child{font-size: 90%;}
	.step:not(:last-of-type):after {width: 2vw;height: 2vw;bottom:-6vw;}
	/*--sec4-------------------------------------*/
	/*member*/
	.member_wrap{gap:3vw;display: flex;}
	.member{width: 48%;border-radius: 20px;padding: 3vw 0;}
	.member_face{width: 100%;margin: 3vw auto 0;}
	.member_face img{width: 50%;margin: 0 auto 1vw;}
	.member_name{font-size: 3vw;}
	.member_inner{padding: 3vw;font-size:4vw;}
	/*--sec5-------------------------------------*/
	/*support*/
	.support_wrap{gap:3vw}
	.support{width: 100%;padding: 5vw;}
	.support + .support{margin-top: 5vw;}
	.support:first-of-type{width: 100%;}
	.support:last-of-type{width: 100%;}
	.support:after { width: 2px; height: 12vw; left: 5vw;}
	.support h3{padding-left: 4vw;margin-bottom: 4vw;}
	.support ul li{ padding: 1vw 0;font-size: 100%;}
	.support ul li:first-of-type{}
	.rank_dt{font-weight: bold;padding: 0 1vw;}
	.rank_dd{padding-left: 10vw;}
	/*--sec6-------------------------------------*/
	.sec6 .txt_c{text-align: left;}
	/*--sec7-------------------------------------*/
	/*voice*/
	.voice{border-radius: 10px; padding: 3vw 9vw;height: 165vw!important;}
	.voice_ttl_face{width: 40%;margin: 0 auto;}
	.voice_name{margin: 1vw auto 0;font-size: 90%;}
	.voice_ttl_txt{width: 100%;padding: 0;}
	.voice_ttl_txt h3{
		margin-bottom: 2vw;
		padding-bottom: 2vw;
		/*線*/
		border-bottom: 1px solid #00b194;
		font-size: unset;
	}
	.voice_ttl_ba.flex{display: flex;}
	.before, .after{font-size: 3.5vw;}
	.after{margin-left: 12vw;}
	.ba_arrow{left: -9.4vw;font-size: 1.9vw;}
	.voice_inner{padding: 3vw 0 0;font-size: 90%;}
	/*--btn-------------------------------------*/
	.btn_wrap{margin: 3vw auto 0;}
	.btn_lead{font-size: 5vw;}
	.btn{box-shadow: 2px 3px #b34300;width: 80%;padding: 2vw 3vw;font-size: 5.7vw;}
	.btn:after {width: 3vw;height: 3vw;border-width: 2px 2px 0 0;top: 47%;right: 3vw;}
	/*header内*/
	header .btn_wrap{position: absolute;bottom:40vw;left: 0;width: 60%;margin:  0 0 0 3vw;}
	header .btn{font-size: 5vw;width: 100%;}
	header .btn:after {width: 2vw;height: 2vw;border-width: 2px 2px 0 0;top: 47%;right: 3vw;}
	/*よくある質問 ----------------------------------------------------------------------------------------------*/
	.cp_qa *, .cp_qa *:after, .cp_qa *:before {-webkit-box-sizing: border-box; box-sizing: border-box;}
	.cp_qa .cp_actab label {padding: 1em 3em 1em 2em;font-size: 4.5vw;}
	.cp_qa .cp_actab .cp_actab-content p {margin: 1em 1em 1em 0;}
	.cp_qa .cp_actab label::before { padding-right: 0.3em;}
	/* 質問を開いた時の仕様 */
	/* --答えの高さ */
	.cp_qa .cp_actab input:checked ~ .cp_actab-content { max-height: unset;}
	/* 質問をクリックした時のアイコンの動き */
	.cp_qa .cp_actab input:checked ~ label {border-radius: 0.5em 0.5em 0 0;}
	
}