@charset "utf-8";
/* Reset
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	font-size: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
html{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content: '';
	content: none;
}
input,textarea{
	margin: 0;
	padding: 0;
}
ol,ul{
	list-style:none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th{
	text-align: left;
}
a:focus{
	outline: none;
}/*
img{
	width: 100%;
	height: auto;
	line-height:1;
}*/
/* Basic
--------------------------------------------------------------*/
body{
	height: 100%;
	line-height: 1.5;
	color: #5B5B5B;
	font-family:  Arial,'Lucida Grande','游ゴシック体', 'Yu Gothic','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 100%;
}
/* clearfix
--------------------------------------------------------------*/
.clearfix{display: inline-block;}
.clearfix:after{content: "."; clear: both; display: block; visibility: hidden; height: 0; line-height: 0;}
/* MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* end MacIE */



/* lp-pc
--------------------------------------------------------------*/
@media screen and (min-width: 641px) {
	.wrap { overflow: hidden; }

	.crossgate_kv{
		background:url(../../img/crossgate/top_kv_3.png) no-repeat;
		background-size:100%;
		width:100%;
		height:540px;
		object-fit: cover;
		position: absolute;
		background-size: cover;
	}
	/* .crossgate_kv h1.top_newopen{ position: absolute;top:52px;right:40px; } */
	.crossgate_kv h1.top_newopen{ 
		margin: auto;
		width: 100%;
		max-width: 1080px;
	}
	.crossgate_kv p.logo{ position: absolute;top:11px;left:46px; }
	.crossgate_kv p.top_text{ position: absolute;bottom:21px;left:46px; }

	.crossgate_kv_2{
		background:url(../../img/crossgate/top_kv.jpg) no-repeat;
		background-size:100%;
		width:100%;
		height:540px;
		object-fit: cover;
		position: absolute;
	}
	.crossgate_kv_2 h1.top_newopen{ position: absolute;top:52px;right:40px; }
	.crossgate_kv_2 p.logo{ position: absolute;top:11px;left:46px; }
	.crossgate_kv_2 p.top_text{ position: absolute;bottom:21px;left:46px; }

	.container_pc { width:1000px;margin:195px auto 0;}
	.container_pc2 { width:1000px;margin:0 auto; }
	.container_pc2410 { margin:80px auto 0;}
	.important-infomation {
		width: 970px;
		border: 2px solid #787878;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.important-infomation ul li {
		padding: 18px 0 18px 38px;
	}
	.important-infomation ul li .title {
		font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		font-weight: bold;
		border-left: 5px solid #009245;
		font-size: 16px;
		margin: 0 0 10px;
		padding-left: 8px;
		line-height: 2;
		letter-spacing: 0.2em;
	}
	.important-infomation ul li .content {
		letter-spacing: 0.1em;
	}
	.important-infomation ul li a {
		text-decoration: none;
		color: #5B5B5B;
	}
	.important-infomation ul li a:hover{
		text-decoration: underline;
	}
	
	.kv_bottom_section{ display:flex;justify-content:space-between;flex-direction:row-reverse;padding-top:30px; }
	.kv_bottom_text{ margin-top:4px;margin-left:20px; }
	.fb-btn {}
	.fb-like{ width:100%;height:50px; }

	.cg_campaign_sec{ width:1000px; }
	.cg_campaign_insec{width:1000px;height:293px;background:url(../../img/crossgate/arrow.png) no-repeat center bottom;}
	.cg_campaign_insec .c_insec_l{ float:left;margin:0 18px 0 0; }
	.cg_campaign_insec .c_insec_r{ float:left; }
	.cg_campaign_sec p.btn{ margin:35px auto 0; }
	.cg_campaign_sec p.btn2{ width:542px;height:86px;margin:35px auto 0; }
	.cg_campaign_sec h2{ margin:0 0 50px 0; }
	/*.cg_campaign_sec h2.campaign_pc{}*/
	.cg_campaign_sec h2.campaign_sp{ display:none; }

	.cg_sec1{ width:1000px; }
	.cg_sec1_sp{ display:none; }
	.cg_sec1 h2{ margin:55px 0 60px; }
	.cg_sec1 .kigaru{ width:539px;height:113px;margin:0 auto 50px; }
	.cg_insec1 .cg_insec_l{ float:left;margin:0 14px 0 0; }
	.cg_insec1 .cg_insec_r{ float:left; }

	.cg_sec2{ width:100%;margin:120px 0 0 0;background-image:url(../../img/crossgate/cgstore_bk.png); }
	.cg_insec2{ width:1000px;margin:55px auto 0; }
	.cg_sec2 h2{ width:100%;height:21vw;text-indent:-99999px;background-image:url(../../img/crossgate/cgstore_blue_arrow.png);background-repeat:no-repeat;background-size:100%; }
	.cg_insec2 .cg_insec2{ width:1000px;text-align:center;border-bottom:3px dotted #797e81;padding:0 0 60px 0;margin:0 0 40px; }
	.cg_insec2 .cg_insec2 h3.new_pc{ margin:20px 0 40px; }
	.cg_insec2 .cg_insec2 h3.new_sp{ display:none; }
	.cg_insec2 .cg_insec2 h3.swing_pc{ margin:0 0 40px }
	.cg_insec2 .cg_insec2 h3.swing_sp{ display:none; }
	/*.cg_insec2 .cg_insec2 p.swing_mv_pc{}*/
	.cg_insec2 .cg_insec2 p.swing_mv_sp{ display:none; }
	.cg_insec2 .cg_insec2_bottom{ width:1000px;text-align:center; }
	.cg_insec2 .cg_insec2_bottom h3.simulator_pc{ margin:0 0 60px; }
	.cg_insec2 .cg_insec2_bottom h3.simulator_sp{ display:none; }
	.cg_insec2 .cg_insec2_bottom p{ margin:0 0 60px; }
	.cg_sec2 .joutatu_bk_pc{ background:url(../../img/crossgate/joutatu_bk.png);text-align:center;padding:40px 0 35px; }
	.cg_sec2 .joutatu_bk_sp{ display:none; }
	.cg_btn{ width:1000px;height:193px;text-align:center;margin:40px auto 0;background:url(../../img/crossgate/arrow.png) no-repeat center top; }
	.cg_btn p.btn{ padding:100px 0 0 0; }

	.cg_sec3{ width:1000px;margin:120px auto 0; }
	.cg_sec3 h3{ margin:50px 0 15px 0; }
	.cg_sec3 .cg_insec3{ width:942px;margin:0 auto 50px; }
	.cg_sec3 .cg_insec3 p{ float:left; }

	.cg_sec4{ width:100%; }
	.cg_sec4 .lesson{ width:1000px;margin:0 auto 45px;text-align:center; }
	.cg_sec4 h3.coach_pc{ background-color:#00a0e9;text-align:center; }
	.cg_sec4 h3.coach_sp{ display:none; }
	.cg_sec4 .coach_sec{ background-color:#e7f7ff; }
	.cg_sec4 .coach_insec{ width:1000px;margin:0 auto;padding-top:60px; }
	.cg_sec4 .coach_insec dl dt{ width:240px;margin:0 20px 0 0;float:left; }
	.cg_sec4 .coach_insec dl dd{ line-height:2em; }
	.cg_sec4 .coach_insec dl dd span{ font-weight:bold;color:#474747; }
	.cg_sec4 .coach_insec dl.inagaki{ border-top:dotted 3px #8f7e6d;margin:20px 0 0 0;padding:20px 0 50px 0; }
	.cg_sec4 p.coach_arrow{ width:100%;height:21vw;text-indent:-99999px;background-image:url(../../img/crossgate/coach_arrow.png);background-repeat:no-repeat;background-size:100%; }
	.cg_sec4 .voice_sec{ width:800px;margin:40px auto 0; }
	/*.cg_sec4 .voice_sec h3.voice_pc{}*/
	.cg_sec4 .voice_sec h3.voice_sp{ display:none; }
	.cg_sec4 .voice_insec{ background-color:#facb95;margin:0 0 40px 0;padding:35px 0 45px 0; }
	.voice_container{ width: 720px;height: 430px;margin:0 auto;overflow-y: scroll;overflow-x: hidden;background-color: #fff; }
	.voice_list{ margin: 20px 0 30px;padding:10px 0;width: 500px;margin: auto;border-bottom: 2px dotted #8D0100; }
	.voice_list:last-child{ border:0; }
	.voice_male{ display: inline-block;color:#49A95C;font-size: 20px;margin-right: 20px; }
	.voice_female{ display: inline-block;color:#F58529;font-size: 20px;margin-right: 20px; }
	.voice_years{ display: inline-block;text-align: center;min-width:100px;background-color:#8d0100;color:#fff; }
	.voice_text{ margin-top: 5px; }
	.cg_sec4 .voice_insec_btn{ width:1000px;height:190px;text-align:center;margin:40px auto 0;background:url(../../img/crossgate/arrow.png) no-repeat center top; }
	.cg_sec4 .voice_insec_btn p.btn{ padding:100px 0 0 0; }

	.cg_sec5{ width:1000px;margin:120px auto 80px;color:#000000; }
	/*.cg_sec5 h3.price_pc,
	.cg_sec5 h4.price_pc2{}*/
	.cg_sec5 .price_title{ display:flex;justify-content: center;align-items: center;width:1000px;font-size:38px;font-weight: bold;color:#02A0E9;margin-bottom: 30px; }
	.cg_sec5 .price_title::before,.cg_sec5 .price_title::after{ content:'';display: inline-block;width:60px;height:4px;background-color:#00A0E9; }
	.cg_sec5 .price_title::before{ margin-right: 30px; }
	.cg_sec5 .price_title::after{ margin-left: 30px; }
	.cg_sec5 .price_selection{ display: flex; }
	.cg_sec5 h3.price_sp,
	.cg_sec5 h4.price_sp2{ display:none; }
	.cg_sec5 h4{ margin:40px 0 0;color:#00a0e9;font-weight:bold;font-size:30px; }
	.cg_sec5 table{ width:100%;margin:0 0 10px 0;font-size:20px; }
	.cg_sec5 table caption{ font-size:32px;margin:0 0 20px 0;font-weight:bold; }
	.cg_sec5 table caption span{ font-size:28px;color:#02A0E9;font-weight: bold; }
	.cg_sec5 table th,.cg_sec5 table td{ padding:5px 0;text-align:center;border:solid 1px #00a0e9; border-collapse: collapse; }
	.cg_sec5 table th{ background-color:#e7f7ff;font-weight:bold; }

	.cg_sec5 p{ font-size:20px;margin:0 0 20px 0; }

	.cg_sec6 .cg_sec6_inner {
		width: 1000px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 55px;
	}
	.cg_sec6 .cg_sec6_inner img {
		width: 491px;
		margin-bottom: 56px;
	}

	footer { width:100%;height: 200px;background: #00a0e9;padding-bottom: 30px;/*box-sizing: border-box;*/ }
	footer p { width:1280px;margin:0 auto;padding-top: 40px;color: #fff;text-align: center; }

	.view_sp{
		display: none;
	}

}


/* lp-sp
--------------------------------------------------------------*/
@media screen and (max-width: 640px) { 
	.container_pc { width:100%;margin:493px auto 0; }
	.container_pc.container_pc_202309 { margin:545px auto 0; }
	footer{ /*height: 100px;padding-top: 30px;*/height: auto;padding: 30px 0; }

.crossgate_kv_2{ width:640px;height:400px;background:url(../../img/crossgate/top_kv_sp1.jpg) no-repeat;margin:0 auto;position: relative;}
.crossgate_kv_2 h1.top_newopen{ position: absolute;top:35px;right:15px; }
.crossgate_kv_2 h1.top_newopen img{ width:355px;height:264px; }

.crossgate_kv p.logo,
.crossgate_kv p.top_text,
.crossgate_kv_2 p.logo,
.crossgate_kv_2 p.top_text{ display:none; }

.cg_campaign_sec_box {
	width: 100%;
	max-width: 640px;
}
.cg_campaign_sec_box p {
	margin: auto;
	text-align: center;
}
.cg_campaign_sec_box img {
	margin-top: 20px;
}

.important-infomation {
	width: 94%;
	border: 2px solid #787878;
	box-sizing: border-box;
	margin: 20px auto 5px;
}
.important-infomation ul li {
	padding: 12px 12px 8px;
}
.important-infomation ul li .title {
	font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-weight: bold;
	border-left: 5px solid #009245;
	font-size: 16px;
	margin: 0 0 10px;
	padding-left: 8px;
	line-height: 2;
	letter-spacing: 0.2em;
}
.important-infomation ul li .content {
	letter-spacing: 0.1em;
}
.important-infomation ul li a {
	text-decoration: none;
	color: #5B5B5B;
}
/* .important-infomation ul li a:hover{
	text-decoration: underline;
} */

.kv_bottom_section{ display:block;
	/* padding-top:30px; 戻す場合コメントアウト外す */
}
.kv_bottom_text{ margin-left:20px; }
.fb-btn { margin:0 20px 20px 0;text-align:right; }
/*.fb-like{ width:100%;height:50px; }*/

.cg_campaign_sec{ width:100%;margin:0 auto; }
/*.cg_campaign_sec h2{ margin:0 auto; }
.cg_campaign_sec h2 img{ width:620px;height:376px;margin:0 0 20px; }*/
.cg_campaign_sec h2.campaign_pc{ display:none; }
.cg_campaign_sec h2.campaign_sp{ width:100%;text-align:center;margin:0 auto 20px; }

.cg_campaign_insec{ /*width:640px;*/width:100%;padding:0 0 100px 0;background:url(../../img/crossgate/arrow.png) no-repeat center bottom; }
.cg_campaign_insec img{ width:442px;height:168px;margin:0 auto; }
.cg_campaign_insec .c_insec_l,
.cg_campaign_insec .c_insec_r{ text-align: center; }
.cg_campaign_insec .c_insec_l{ margin:0 0 40px 0; }
.cg_campaign_sec p.btn{ width:542px;height:86px;margin:35px auto 40px; }
.cg_campaign_sec p.btn2{ width:542px;height:86px;margin:35px auto 40px; }

.cg_campaign_sec .campaign_arrow {
	margin: auto;
}

/*.cg_sec1{ width:640px;text-align:center; }
.cg_sec1 h2 img{ width:620px;height:343px; }
.cg_sec1 .kigaru{ width:321px;height:68px;margin:40px auto 20px; }
.cg_sec1 .kigaru img{ width:321px;height:68px; }
.cg_insec1{ width:610px;text-align:center;margin:0 auto 40px; }
.cg_insec1 .cg_insec_l img,
.cg_insec1 .cg_insec_r img{ width:300px;height:204px; }
.cg_insec1 .cg_insec_l{ width:300px;height:204px;float:left;margin:0 10px 0 0; }
.cg_insec1 .cg_insec_r{ width:300px;height:204px;float:left; }*/
.cg_sec1{ display:none; }
.cg_sec1_sp{ width:640px;text-align:center; }
.cg_sec1_sp h2 img{ width:620px;}
.cg_sec1_sp .kigaru_sp{ width:321px;height:68px;margin:40px auto 20px; }
.cg_sec1_sp .kigaru_sp img{ width:321px;height:68px; }
.cg_insec1_sp{ width:610px;text-align:center;margin:0 auto 95px; }
.cg_insec1_sp .cg_insec_l_sp img,
.cg_insec1_sp .cg_insec_r_sp img{ width:300px;height:204px; }
.cg_insec1_sp .cg_insec_l_sp{ width:300px;height:204px;float:left;margin:0 10px 0 0; }
.cg_insec1_sp .cg_insec_r_sp{ width:300px;height:204px;float:left; }

.cg_sec2{ background-image:url(../../img/crossgate/cgstore_bk.png); }
.cg_sec2 h2{ width:100%;height:260px;text-indent:-99999px;background-image:url(../../img/crossgate/cgstore_blue_arrow.png);background-repeat:no-repeat;background-size:100%; }
.cg_insec2{ width:640px;margin:-130px auto 0; }
.cg_insec2 h2 img{ width:640px;height:130px; }
.cg_insec2 .cg_insec2{ width:100%;border-bottom:3px dotted #797e81;padding:0 0 60px 0;margin:0 auto 40px;text-align: center; }
.cg_insec2 .cg_insec2 h3.new_pc{ display:none; }
.cg_insec2 .cg_insec2 h3.new_sp{ text-align:center;margin:20px 0; }
.cg_insec2 .cg_insec2 p.no1_img img{ width:620px;height:353px;text-align:center; }
.cg_insec2 .cg_insec2 h3.swing_pc{ display:none; }
.cg_insec2 .cg_insec2 h3.swing_sp{ text-align:center;margin:0 0 20px 0; }
.cg_insec2 .cg_insec2 p.swing_mv_pc{ display:none; }
.cg_insec2 .cg_insec2 p.swing_mv_sp{ text-align:center; }
.cg_insec2 .cg_insec2 p.swing_mv_sp video{ background-color:#000; }
.cg_insec2 .cg_insec2_bottom{ width:100%;margin:0 auto; }
.cg_insec2 .cg_insec2_bottom h3.simulator_pc{ display:none; }
.cg_insec2 .cg_insec2_bottom h3.simulator_sp{ text-align:center;margin:0 0 20px 0; }
.cg_insec2 .cg_insec2_bottom p.no3_img1 img{ width:430px;height:317px; }
.cg_insec2 .cg_insec2_bottom p.no3_img2 img{ width:620px;height:718px;}
.cg_insec2 .cg_insec2_bottom p{ text-align:center;margin:0 auto 60px; }
.cg_sec2 .joutatu_bk_pc{ display:none; }
.cg_sec2 .joutatu_bk_sp{ width:100%;background:url(../../img/crossgate/joutatu_bk.png);text-align:center;padding:40px 0 35px; }
.cg_btn{ width:100%;height:32.813vw;text-align:center;margin:40px auto 0;background:url(../../img/crossgate/arrow.png) no-repeat center top; }
.cg_btn p.btn{ padding:100px 0 0 0; }


.cg_sec3{ width:640px;margin:100px auto 0;text-align:center; }
.cg_sec3 h3{ margin:50px auto 15px; }
.cg_sec3 h3 img{ width:620px;height:60px; }
.cg_sec3 .cg_insec3{ width:600px;margin:0 auto 30px; }
.cg_sec3 .cg_insec3 p{ float:left; }
.cg_sec3 .cg_insec3 p img{ width:200px;height:235px; }


.cg_sec4 .coach_sec{ width:640px;background-color:#e7f7ff; }
.cg_sec4 p.lesson{ width:640px;text-align:center; }
.cg_sec4 p.lesson img{ width:321px;height:70px;margin:0 auto 45px; }
.cg_sec4 h3.coach_pc{ display:none; }
/*.cg_sec4 h3.coach_sp{ width:640px;height:60px;margin:0 0 40px 0; }*/
.cg_sec4 .coach_sec h3 img{ width:640px;height:60px; }

.cg_sec4 .coach_insec{ width:620px;margin:0 auto;padding:40px 0; }
.cg_sec4 .coach_insec dl{ margin:0 0 20px 0; }
.cg_sec4 .coach_insec dl dt{ width:240px;margin:0 20px 60px 0;float:left; }
.cg_sec4 .coach_insec dl dd{ color:#000000;line-height:2em; }
.cg_sec4 .coach_insec dl dd span{ font-weight:bold;color:#474747; }
.cg_sec4 .coach_insec dl.inagaki{ margin:0 0 40px 0; }
.cg_sec4 .coach_insec dl.inagaki dt{ margin:0 20px 120px 0; }
.cg_sec4 p.coach_arrow{ width:100%;height:260px;text-indent:-99999px;background-image:url(../../img/crossgate/coach_arrow.png);background-repeat:no-repeat;background-size:100%; }


.cg_sec4 .voice_sec{ width:640px;margin:-100px auto 0; }
.cg_sec4 .voice_sec h3.voice_pc{ display:none; }
.cg_sec4 .voice_sec h3.voice_sp{}
.cg_sec4 .voice_insec{ width:640px;background-color:#facb95;margin:0 0 20px 0;padding:20px 0; }
.voice_container{ width:600px;height:370px;margin:0 auto;overflow-y: scroll;overflow-x: hidden;background-color: #fff; }
.voice_list{ margin: 20px 0 30px;padding:10px 0;width: 500px;margin: auto;border-bottom: 2px dotted #8D0100; }
.voice_list:last-child{ border:0; }
.voice_male{ display: inline-block;color:#49A95C;font-size: 20px;margin-right: 20px; }
.voice_female{ display: inline-block;color:#F58529;font-size: 20px;margin-right: 20px; }
.voice_years{ display: inline-block;text-align: center;min-width:100px;background-color:#8d0100;color:#fff; }
.voice_text{ margin-top: 5px; }
.cg_sec4 .voice_insec_btn{ width:640px;text-align:center;margin:40px auto 50px;padding:100px 0 0 0;background:url(../../img/crossgate/arrow.png) no-repeat center top; }
.cg_sec4 .voice_insec_btn p.btn{}

div::-webkit-scrollbar{
	width:8px;
	padding:0 10px 0 0;
}
div::-webkit-scrollbar-track{
background: #fff;
border: none;
border-radius: 10px;
box-shadow: inset 0 0 2px #777; 
}
div::-webkit-scrollbar-thumb{
background: red;
border-radius: 10px;
box-shadow: none;
}


.cg_sec5{ width:640px;margin:60px auto 40px;color:#000000; }
.cg_sec5 .price_title{ display:flex;justify-content: center;align-items: center;width:100%;font-size:48px;font-weight: bold;color:#02A0E9;margin-bottom: 25px; }
.cg_sec5 .price_title::before,.cg_sec5 .price_title::after{ content:'';display: inline-block;width:50px;height:4px;background-color:#00A0E9; }
.cg_sec5 .price_title::before{ margin-right: 25px; }
.cg_sec5 .price_title::after{ margin-left: 25px; }
.cg_sec5 .price_selection{ display: block;width: 600px;margin: 0 auto; }
.cg_sec5 .price_selection img{ width:100%; }
.cg_sec5 h3.price_pc,
.cg_sec5 h4.price_pc2{ display:none; }
.cg_sec5 h3.price_sp{}
.cg_sec5 h4.price_sp2{ margin:35px 0 0 10px; }
.cg_sec5 h3.price_sp{ width:640px;height:60px;text-align:center; }
.cg_sec5 h4{ margin:40px 0 0;color:#00a0e9;font-weight:bold;font-size:30px; }
.cg_sec5 table{ width:620px;margin:0 0 10px 0;margin:0 auto;font-size:20px; }
.cg_sec5 table caption{ font-size:36px;margin:0 0 20px 0;font-weight:bold; }
.cg_sec5 table caption span{ font-size:32px;color:#02A0E9;font-weight: bold; }
.cg_sec5 table th,.cg_sec5 table td{ padding:5px 0;text-align:center;border:solid 1px #00a0e9; border-collapse: collapse; }
.cg_sec5 table th{ background-color:#e7f7ff;font-weight:bold; }
.cg_sec5 p{ width:620px;font-size:20px;margin:20px auto; }

.cg_sec6 .cg_sec6_inner {
	text-align: center;
}
.cg_sec6 .cg_sec6_img {
	margin-top: 20px;
}
.cg_sec6 .cg_sec6_img:last-child {
	margin-bottom: 40px;
}

footer{ width:640px;margin:50px 0 15.927vw 0;background: #00a0e9; }
footer p{ color: #fff;text-align: center; }

.view_pc{
	display: none;
}

}





/******************** store_manager ********************/
.store_manager {
	width: 95%;
	max-width: 860px;
	margin: 0 auto;
	padding: 70px 0 75px;
	color: #333333;
}
@media screen and (max-width: 640px) {
    .store_manager {
        width: 89.5833%;
        max-width: 688px;
        padding: 7.81vw 0 9.11vw;
        margin: 0 auto;
    }
}
.store_manager h3 {
	font-size: 3.8rem;
	font-weight: bold;
	color: #2BA0E9;
	text-align: center;
	margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
    .store_manager h3 {
        line-height: 5.2vw;
        font-size: 5.1vw;
        margin-bottom: 5.73vw;
    }
}
.store_manager p {
	font-size: 20px;
	line-height: 1.6;
}
@media screen and (max-width: 640px) {
    .store_manager p {
        font-size: 3.9vw;
        line-height: 6.25vw;
    }
}
.store_manager .store_manager_box {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 640px) {
    .store_manager .store_manager_box {
        display: block;
    }
}
@media screen and (max-width: 640px) {
    .store_manager_info {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5.73vw;

    }
}
@media screen and (max-width: 640px) {
    .store_manager_info_box:nth-of-type(1) {
        width: 38.46vw;
    }
}
@media screen and (max-width: 640px) {
    .store_manager_info_box:nth-of-type(1) img {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    .store_manager_info_box:nth-of-type(2) {
        width: 48.22vw;
        /* padding-top: 3.906vw; */
		display: flex;
		flex-direction: column;
		justify-content: center;
    }
}
.store_manager_info .manager_name {
	font-size: 32px;
	font-weight: 700;
	margin: 14px 0 15px;
}
@media screen and (max-width: 640px) {
    .store_manager_info .manager_name {
        font-size: 6.25vw;
        font-weight: bold;
        margin: 0;
    }
}
.store_manager_info .manager_name_kana {
	font-size: 14px;
	vertical-align: middle;
	font-weight: 400;
}
@media screen and (max-width: 768px) {
	.store_manager_info .manager_name_kana {
		font-size:2.6vw;
	}
}
.birthdate {
	font-size: 16px;
	margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
    .birthdate {
        font-size: 3.1vw;
        margin-bottom: 4.43vw;
    }
}
.manager_profile {
	margin-left: 60px;
	width: 100%;
}
@media screen and (max-width: 640px) {
    .manager_profile {
        margin: 0 auto;
    }
}
.manager_profile .profile_about {
	font-size: 26px;
	font-weight: bold;
	color: #2BA0E9;
	border-bottom: solid 2px #2BA0E9;
	margin: 0 0 30px;
}
@media screen and (max-width: 640px) {
    .manager_profile .profile_about {
        font-size: 4.69vw;
        margin: 0 0 5.21vw;
    }
}
.manager_profile .profile_title {
	width: 89px;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
    .manager_profile .profile_title {
        width: 15.49vw;
    }
}
.manager_profile .message_title {
	width: 114px;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
    .manager_profile .message_title {
        width: 19.79vw;
    }
}
.manager_profile dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 20px;
	line-height: 1.6;
	width: 100%;
	margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
    .manager_profile dl {
        font-size: 3.9vw;
    }
}
.manager_profile dt {
	width: 5%;
}
@media screen and (max-width: 640px) {
    .manager_profile dt {
        width: 7%;
    }
}
.manager_profile dd {
	width: 94%;
}
@media screen and (max-width: 640px) {
    .manager_profile dd {
        width: 93%;
    }
}
.manager_profile dd span {
	color: #2BA0E9;
	font-weight: bold;
}
/******************** tips ********************/
.tips {
	background-color: #fff;
	width:100%;
	max-width:764px;
	margin: 55px auto 0;
	padding: 34px 48px 53px;
	border-radius: 16px;
}
@media screen and (max-width: 640px) {
    .tips {
        width: 89.5833%;
        max-width: 688px;
        margin: 5.6vw auto 0;
        padding: 3.91vw 5.21vw 5.21vw;
        border-radius: 4.56vw;
    }
}
.tips p {
	font-size: 20px;
	line-height: 1.6;
}
@media screen and (max-width: 640px) {
    .tips p {
        font-size: 3.91vw;
    }
}
.tips .tips_title {
	font-size: 28px;
	font-weight: bold;
	color: #2BA0E9;
	text-align: center;
	margin: 0 0 15px;
}
@media screen and (max-width: 640px) {
    .tips .tips_title {
        font-size: 4.69vw;
        margin: 0 0 2.6vw;
    }
}

/******************** btn ********************/
.free_btn {
	/* font-family: 'Noto Sans JP', sans-serif; */
	font-family:"Hiragino Sans","ヒラギノ角ゴシック Std","Hiragino Kaku Gothic Std","Helvetica Neue", Arial, Meiryo, sans-serif;
    position: relative;
    width: 475px;/*ボタンの幅*/
    margin: 50px auto 45px;
    background-color: #F18705;/*ボタンの色*/
    box-shadow: 0 4px 0 0 rgba(113, 62, 0, 1);/*影の色(rgbaの値を変更)*/
    border-radius: 10px;
    text-align: center;
	overflow: hidden;
	transition: 0.2s;
	z-index: 1;
}
@media screen and (max-width: 640px) {
	.free_btn {
		width: 89.6%;
		margin: 4.688vw auto 5.469vw;
	}
}

.free_btn_tarrow {
	top:100px;
}
@media screen and (max-width: 640px) {
	.free_btn_tarrow {
		top:15.625vw;
	}
}

.free_btn:hover {
    /* text-decoration: none;
    color: #fff; */
    box-shadow: none;
    transform: translateY(3px);
}
@media screen and (max-width: 640px) {
	.free_btn:hover {
		transform: none;
		box-shadow: 0 0.625vw 0 0 rgba(113, 62, 0, 1);/*影の色(rgbaの値を変更)*/
	}
}

.free_btn::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: free_btn 3.5s ease-in-out infinite;
}
@media screen and (max-width: 640px) {
	.free_btn::before {
		top: -28.125vw;
		width: 4.688vw;
	}
}

@keyframes free_btn {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.free_btn a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 16px 0 14px;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	color:#ffffff;
}
@media screen and (max-width: 640px) {
	.free_btn a{
		/* padding: 1.875vw 0 2.656vw; */
		padding: 2.575vw 0 1.956vw;
		font-size: 4.531vw;
	}
}

.free_btn a::before{
	content: '';
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left:30px;
	margin: auto 0;
	background-image: url(../../img/crossgate/btn_icon.png);
	background-repeat: no-repeat;
	width: 38px;
	height: 50px;
	background-size: 38px 50px;
}
@media screen and (max-width: 640px) {
	.free_btn a::before{
		left: 4.688vw;
		width: 7.187vw;
		height: 9.375vw;
		background-size: 7.187vw 9.375vw;
	}
}

.free_btn a::after{
	content: '';
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	right:30px;
	margin: auto 0;
	background-image: url(../../img/crossgate/btn_arrow_pc.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
}
@media screen and (max-width: 640px) {
	.free_btn a::after{
		right:5.938vw;
		width: 3.906vw;
		height: 3.906vw;
		background-image: url(../../img/crossgate/btn_arrow_sp.png);
		background-size: 3.906vw 3.906vw;
	}
}

.free_btn a span{
	display: block;
	font-size: 16px;
	font-weight: 500;
	color:#FFEB00;
}
@media screen and (max-width: 640px) {
	.free_btn a span{
		font-size: 3.125vw;
		font-weight: bold;
	}
}

.free_btn a span.t_size202302{
	font-size: 15px;
}
@media screen and (max-width: 640px) {
	.free_btn a span.t_size202302{
		font-size: 2.813vw;
	}
}

/******************** sns ********************/
.sns_area{
	width: 1000px;
    margin: 120px auto 150px;
    color: #000000;
}
@media screen and (max-width: 640px) {
	.sns_area{
		width: 600px;
		margin: 100px auto 125px;
	}
}

.sns_area h2{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    font-size: 38px;
    font-weight: bold;
    color: #02A0E9;
    margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
	.sns_area h2{
		width: 100%;
		font-size: 48px;
		margin-bottom: 25px;
	}
}

.sns_area h2::before,
.sns_area h2::after{
	content: '';
    display: inline-block;
    width: 60px;
    height: 4px;
    background-color: #00A0E9;
}
@media screen and (max-width: 640px) {
	.sns_area h2::before,
	.sns_area h2::after{
		width: 50px;
	}
}

.sns_area h2::before{
	margin-right: 30px;
}
@media screen and (max-width: 640px) {
	.sns_area h2::before{
		margin-right: 25px;
	}	
}
.sns_area h2::after{
	margin-left: 30px;
}
@media screen and (max-width: 640px) {
	.sns_area h2::after{
		margin-left: 25px;
	}	
}

.sns_area .sns_area_text{
	font-size: 22px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.sns_area .sns_area_text{
		font-size: 32px;
		text-align: left;
	}
}

.sns_area .sns_btn{
	display: flex;
	justify-content: center;
	margin-top: 80px;
}
@media screen and (max-width: 640px) {
	.sns_area .sns_btn{
		margin-top: 60px;
	}
}

.sns_area .sns_btn p:first-of-type{
	margin-right: 80px;
}
@media screen and (max-width: 640px) {
	.sns_area .sns_btn p:first-of-type{
		margin-right: 65px;
	}
	.sns_area .sns_btn p img{
		width: 83px;
	}	
}

.sns_area .sns_btn p img{
	width: 100px;
}
@media screen and (max-width: 640px) {
	.sns_area .sns_btn p img{
		width: 83px;
	}	
}




/* 202304 add css */
header{
	box-sizing: border-box;
	width: 100%;
	padding: 17px 20px;
}
header h1{
	width: 204px;
    height: 39px;
}
@media screen and (max-width: 640px) {
	header h1{
		width: 308px;
		height: 55px;
	}
}

header h1 img{
	width: 100%;
}
/******************************
    kv
******************************/
.kv img{
    width:100%;
}

/* 202304 addcss */
.kv_202304{
	position: relative;
	min-width: 1000px;
}
@media screen and (max-width: 640px) {
	.kv_202304{
		position: relative;
		min-width: auto;
		width: 640px;
	}
}

.kv_202304 .inbtn_202304{
    position: absolute;
    top:22.5vw;
    left:15vw;
    width: 28%;
    max-width: 388px;
    background-color: #57C4B3;
    border-radius: 10px;
    box-shadow: 0 4px 0 0 rgba(42,114,103,1);
    transition: 0.3s;
    overflow: hidden;
    z-index: 1;
}
.kv_202304 .inbtn_202304.inbtn_add202307{
    top:25.357vw;
}
.kv_202304 .inbtn_202304.inbtn_add202309{
    /* top:22.929vw; */
	top:23.214vw;
}
.kv_202304 .inbtn_202304.inbtn_add202401{
    width: 38%;
    max-width: 530px;
	top: 22vw;
}
@media screen and (max-width: 1000px) {
	.kv_202304 .inbtn_202304{
		top:220px;
		left:150px;
	}
	.kv_202304 .inbtn_202304.inbtn_add202307{
		top:253px;
	}
	.kv_202304 .inbtn_202304.inbtn_add202309{
		top:229px;
	}
	.kv_202304 .inbtn_202304.inbtn_add202401{
		top: 220px;
	}
}
@media screen and (max-width: 640px) {
	.kv_202304 .inbtn_202304{
		width: 89.58%;
		max-width: 688px;
		top:742px;
		left: 0;
		right: 0;
		margin: 0 auto;
		border-radius: 16px;
		box-shadow: 0 8px 0 0 rgba(42,114,103,1);
	}
	.kv_202304 .inbtn_202304.inbtn_add202307{
		top:781px;
	}
	.kv_202304 .inbtn_202304.inbtn_add202309{
		top:744px;
	}
	.kv_202304 .inbtn_202304.inbtn_add202401{
		width: 89.583vw;
		max-width: 688px;
		top: 116vw;
	}
}

.kv_202304 .inbtn_202304::before{
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: free_btn 3.5s ease-in-out infinite;
}

.kv_202304 .inbtn_202304:hover{
    box-shadow: none;
    transform: translateY(4px);
}
@media screen and (max-width: 640px) {
	.kv_202304 .inbtn_202304:hover{
		transform: translateY(0px);
	}
}

.kv_202304 .inbtn_202304 a{
	box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 21px;
}
@media screen and (max-width: 640px) {
	.kv_202304 .inbtn_202304 a{
		/* padding: 2.865vw 3.906vw; */
		padding: 20px 30px;
	}
}

.kv_202304 .inbtn_202304.inbtn_add202307 a{
	padding: 18px 20px;
}
@media screen and (max-width: 1400px) {
	.kv_202304 .inbtn_202304.inbtn_add202307 a{
		padding: 1.286vw 1.429vw;
	}	
}
@media screen and (max-width: 1000px) {
	.kv_202304 .inbtn_202304.inbtn_add202307 a{
		padding: 13px 14px;
	}
}
@media screen and (max-width: 640px) {
	.kv_202304 .inbtn_202304.inbtn_add202307 a{
		padding: 33px 25px;
	}
}
.kv_202304 .inbtn_202304.inbtn_add202401 a{
    padding: 14px 20px 12px;
}
@media screen and (max-width: 640px) {
	.kv_202304 .inbtn_202304.inbtn_add202401 a{
		padding: 1.302vw 6.25vw 0 5.208vw;
	}
}

.kv_202304 .inbtn_202304 a img{
    max-width: 346px;
}
@media screen and (max-width: 640px) {
	.kv_202304 .inbtn_202304 a img{
		/* max-width: 625px; */
		max-width: 522px;
	}
}

.kv_202304 .inbtn_add202401 a img{
    max-width: 480px;
}
    @media screen and (max-width: 640px) {
        .kv_202304 .inbtn_add202401 a img{
            width: 77.865vw;
            max-width: 598px;
        }
    }



.kv .inbtn_add202404{
    width: 41.2%;
    max-width: 577px;
    top: 23.8vw;
}
.kv .inbtn_add202404 a{
    padding: 9px 22px 9px 15px;
}
.kv .inbtn_add202404 a img{
    max-width: 100%;
}
.kvbtn__text{
    display: none;
}
@media screen and (max-width: 1024px) and (min-width: 641px) {
    .kv .inbtn_add202404{
        top: 60%;
        border-radius: 5px;
    }
    .kv .inbtn_add202404 a{
        padding: 5px 17px 5px 10px;
    }
}
@media screen and (max-width: 640px) {
    .kv .inbtn_add202404{
        top: 125vw;
        width: 89.6%;
        max-width: 688px;
    }
    .kv .inbtn_add202404 a{
        padding: 3.9vw 4.56vw 2.6vw 3.3vw;
    }
    .kvbtn__text{
        display: block;
        position: absolute;
        top: 114.8vw;
        left: 5.2vw;
        width: 29.6vw;
    }
}

/* 202309 addcss */
.kvin-cptitle{
    position: absolute;
    /* top:20.357vw; */
	top:20.643vw;
    left:15vw;
    width: 28%;
    max-width: 387px;
}
@media screen and (max-width: 1000px) {
	.kvin-cptitle{
		top:200px;
		left:150px;
	}
}
@media screen and (max-width: 640px) {
	.kvin-cptitle{
		top:657px;
		left:33px;
		width: 49.375%;
		max-width: 316px;
	}
}


/* 202410 addcss */
.kv_btn_wrap{
    position: absolute;
    top: 29vw;
    left: 14.7vw;
    width: 41.2%;
    /* max-width: 577px; */
}
@media screen and (max-width: 1000px) {
    .kv_btn_wrap{
        top: 300px;
        left: 150px;
    }
}
@media screen and (max-width: 640px) {
    .kv_btn_wrap{
        width: 89.583vw;
        max-width: 688px;
        top: 96.8vw;
        left: 0;
        right: 0;
        margin: auto;
    }
}
.kv_202304 .inbtn_202304.inbtn_add202410{
    position: relative;
    top: 0;
    bottom: unset;
    left: 0;
    width: 100%;
    max-width: unset;
    background: #2BA0E9;
    box-shadow: 0 5px 0 0 #00446E;
    border-radius: 10px;
    transition: 0.3s;
    overflow: hidden;
    z-index: 1;
}
    @media screen and (max-width: 1024px) {
        .kv_202304 .inbtn_202304.inbtn_add202410{
            box-shadow:0 0.357vw 0 0 #00446E;
            border-radius: 0.714vw;
        }
    }
    @media screen and (max-width: 640px) {
        .kv_202304 .inbtn_202304.inbtn_add202410{
            border-radius: 2.083vw;
            box-shadow: 0 1.302vw 0 0 #00446E;
        }
    }
.kv_202304 .inbtn_202304.inbtn_add202410 a{
    padding: 1.55% 2.25% 1% 3%;
}
    
    @media screen and (max-width: 640px) {
        .kv_202304 .inbtn_202304.inbtn_add202410 a{
            padding: 2.214vw 3.776vw 1.432vw 3.906vw;
        }  
    }

.kv_202304 .inbtn_202304.inbtn_add202410 a img{
    max-width: 100%;
}
@media screen and (max-width: 640px) {
    .kv_202304 .inbtn_202304.inbtn_add202410 a img{
        max-width: 100%;
    }
}
.kv_202304 .inbtn_202304.bg_orange{
    background-color: #F45301;
    box-shadow: 0 5px 0 0 #672300;
}
.kv_202304 .inbtn_202304.bg_orange:hover{
    box-shadow: none;
}
.kv_202304 .senior_anchor{
    position: relative;
    top: 0;
    bottom: unset;
    left: 0;
    width: 100%;
    max-width: unset;
    margin-top: 3.5%;
    background: #B4473C;
    box-shadow:0 5px 0 0 #5C241F;
}
.kv_202304 .senior_anchor a{
    padding: 2.08% 3.12% 1.39% 2.77%;
}
.kv_202304 .senior_anchor a img{
    max-width: 100%;
}
@media screen and (max-width: 1024px) {
    .kv_202304 .senior_anchor{
        box-shadow:0 0.357vw 0 0 #5C241F;
        border-radius: 0.714vw;
    }
}
@media screen and (max-width: 640px) {
    .kv_202304 .senior_anchor{
        box-shadow:0 5px 0 0 #5C241F;
        border-radius: 2.083vw;
        width: 89.583vw;
        height: auto;
        left: 0;
        box-shadow: 0 1.302vw 0 0 #5C241F;
    }
    .kv_202304 .senior_anchor a{
        padding:1.563vw 3.451vw 0.391vw 4.036vw;
    }
    .kv_202304 .senior_anchor a img{
        max-width: 632px;
    }
}

/******************** kv bottom area 202304～ START********************/
.kv-bottom_area{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8.214vw;
    width: 70%;
    max-width: 980px;
    margin: 0 auto;
}
@media screen and (max-width: 1000px) {
	.kv-bottom_area{
		bottom: -78px;
	}
}
@media screen and (max-width: 640px) {
	.kv-bottom_area{
		width: 89.58%;
		max-width: 574px;
		bottom: -443px;
	}
	.kv-bottom_area.kv-bottom_area_202309{
		width: 89.58%;
		max-width: 574px;
		bottom: -476px;
	}
}
/******************** kv bottom area 202304～ END********************/


/******************** kv bottom area 202410～ START********************/
.kv-bottom_area_2410{
    position: relative;
    margin-top: 60px;
    bottom: 0;
}

    @media screen and (max-width: 640px) {
        .kv-bottom_area_2410{
            position: absolute;
            width: 89.58%;
            max-width: 688px;
            margin-top: unset;
            top: unset;
            bottom: -75vw;
        }

    }
/******************** kv bottom area 202410～ END********************/


/******************************
    campaign area
******************************/
.campaign_area{
    width:100%;
	padding:80px 0 80px;
	margin: 100px 0 120px;
    background-color:#57C4B3;
}
@media screen and (max-width: 640px) {
	.campaign_area{
		/* padding:15.625vw 0; */
		padding: 100px 0 70px;
		margin: 100px 0 100px;
	}
}

.in_campaign_area{
	width: 95%;
    max-width: 1050px;
    margin: 0 auto;
}

@media screen and (max-width: 640px) {
	.in_campaign_area{
		width: 620px;
		max-width: 100%;
		margin: 0 auto 67px;
	}
}

.in_campaign_area h2{
	/* width: 100%;
	max-width: 954px; */
	width: 1050px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 640px) {
    .in_campaign_area h2{
        width: 100%;
    }
}

.in_campaign_area h2 img{
	width: 954px;
}
@media screen and (max-width: 640px) {
	.in_campaign_area h2 img{
		width: 574px;
	}
}

.in_campaign_area .c_info{
	/* width:100%;
	max-width:1050px; */
	width: 1050px;
    margin:35px auto 0;
}
@media screen and (max-width: 640px) {
	.in_campaign_area .c_info{
		width:100%;
		margin:67px auto 0;
	}
}

.in_campaign_area .campaign_text,
.in_campaign_area .campaign_text_202309 {
    width: 55.9%;
	max-width: 548px;
	margin: 0 auto;
}
.in_campaign_area .campaign_text_202307 {
    width: 26%;
    max-width: 273px;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.in_campaign_area .campaign_text,
	.in_campaign_area .campaign_text_202307,
	.in_campaign_area .campaign_text_202309 {
		width: 575px;
		max-width: 100%;
		margin: 0 auto;
	}
}

.in_campaign_area .campaign_text img{
    width: 100%;
}
@media screen and (max-width: 640px) {
	.in_campaign_area .campaign_text img,
	.in_campaign_area .campaign_text_202309 img{
		width: 423px;
	}
	.in_campaign_area .campaign_text_202307 img {
		width: 401px;
	}
}

.in_campaign_area .c_info_benefits {
	width:100%;
}
@media screen and (max-width: 640px) {
	.in_campaign_area .c_info_benefits {
		width:575px;
		margin: 0 auto;
	}
}

.in_campaign_area .c_info_benefits .c_info_benefits_item{
    width: 97%;
    max-width: 1015px;
    margin-top:20px;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area .c_info_benefits .c_info_benefits_item{
            width: 574px;
			max-width: 100%;
			margin-top:25px;
			margin-left: auto;
			margin-right: auto;
        }  
    }

.in_campaign_area .c_info .c_info_benefits img{
    width:100%;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area .c_info .c_info_benefits img{
			max-width: 100%;
        }
    }

.in_campaign_area p {
	text-align: center;
}

.campaign_area_in_btn {
	width: 1050px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.campaign_area_in_btn {
		width: 100%;
	}
}

.mt_add202304{
	margin-top: 120px !important;
}
@media screen and (max-width: 640px) {
	.mt_add202304{
		margin-top: 100px !important;
	}	
}


/******************************
    in_campaign_area 2024年1月
******************************/
.campaign_area_2401{
    padding: 115px 0 120px;
}
@media screen and (max-width: 640px) {
    .campaign_area_2401{
        padding: 15.625vw 0;
    }
}

.in_campaign_area_2401{
	width: 95%;
    max-width: 1050px;
    margin: 0 auto;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401{
            width: 620px;
			max-width: 100%;
			margin: 0 auto 67px;
        }
    }

.in_campaign_area_2401 .campaign_ttl_date_2401{
    font-size: 26px;
    line-height: 40px;
    margin: auto;
    color: #FFEB00;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 .campaign_ttl_date_2401{
            padding:0;
            font-size: 4.688vw;
        }
    }

.in_campaign_area_2401 .campaign_ttl_date_2401::before,.in_campaign_area_2401 .campaign_ttl_date_2401::after{
    content: "";
    display: block;
    position: absolute;
    width: 43px;
    height: 3px;
    top: 50%;
    background-repeat: no-repeat;
    background-image: url(../../img/crossgate/campaign_ttl_line_pc.webp);
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 .campaign_ttl_date_2401::before,.in_campaign_area_2401 .campaign_ttl_date_2401::after{
            width: 6.51vw;
            height: 0.521vw;
            background-image: url(../../img/crossgate/campaign_ttl_line_sp.webp);
        }
    }

.in_campaign_area_2401 .campaign_ttl_date_2401::before{
    left: -60px;
}
@media screen and (max-width: 640px) {
	.in_campaign_area_2401 .campaign_ttl_date_2401::before{
		left: -9.115vw;
	}
}

.in_campaign_area_2401 .campaign_ttl_date_2401::after{
    right: -60px;
}
@media screen and (max-width: 640px) {
	.in_campaign_area_2401 .campaign_ttl_date_2401::after{
		right: -9.115vw;
	}
}
    
.in_campaign_area_2401 h2{
    width: 996px;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 h2{
            width: 78.385vw;
            max-width: 602px;
			margin: auto;
        }
    }
	
.in_campaign_area_2401 h2 img{
	width: 100%;
}

.in_campaign_area_2401 .c_info_2401{
	width: 1050px;
    background: #fff;
    border-radius: 16px;
    margin-top: 15px;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 .c_info_2401{
			width: 89.583vw;
            border-radius: 2.604vw;
            margin: 2.865vw auto 0;
        }
    }
.in_campaign_area_2401 .c_info_benefits_2401{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94%;
    max-width: 982px;
    margin: auto;
    padding: 3.4% 0;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 .c_info_benefits_2401{
            display: block;
            padding: 5.208vw 0;
            width: 79.167vw;
        }
    }

.in_campaign_area_2401 .c_info_benefits_2401 img{
    width: 100%;
}
    
.in_campaign_area_2401 .c_info_benefits_item_2401:not(:nth-of-type(3)){
    width: 48.47%;
    max-width: 475px;
    margin-bottom: 30px;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 .c_info_benefits_item_2401:not(:nth-of-type(3)){
            width: 100%;
            max-width: 608px;
            margin: 0 auto 5.208vw;
        }
    }
.in_campaign_area_2401 .c_info_benefits_item_2401:nth-of-type(3){
    width: 100%;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_2401 .c_info_benefits_item_2401:nth-of-type(3){
            width: 100%;
            max-width: 608px;
            margin: 0 auto;
        }
    }


.campaign_area_2404 h2{
    width: 100%;
	text-align: center;
}
.campaign_area_2404 .campaign_ttl_date_2401{
    margin: 0 auto 4px;
    color: #472619;
	display: inline-block;
}
.campaign_area_2404 .campaign_ttl_date_2401::before, .campaign_area_2404 .campaign_ttl_date_2401::after{
    background: #472619;
}
.campaign_area_2404 .in_campaign_area h2{
    width: 100%;
    max-width: 100%;
}
@media screen and (max-width: 640px) {
    .campaign_area_2404{
        padding: 14.8vw 0 10.5vw;
    }
    .campaign_area_2404 .campaign_ttl_date_2401{
        margin: 0 auto 1.5vw;
    }
    .campaign_area_2404 h2{
        width: 73.95%;
    }
}

/******************************
    campaign_area 2024年10月更新
******************************/
.campaign_area_2410{
    background-image: unset;
	margin: 120px auto 0;
	padding-bottom: 75px;
	background: #2BA0E9;
}
@media screen and (max-width: 640px) {
    .campaign_area_2410{
		margin-top: 15.625vw;
		background: #2BA0E9;
	}
}
@media screen and (max-width: 640px) {
    .campaign_area_2410 .in_campaign_area_2401{
		margin-bottom: 0;
	}
}

.campaign_area_2410 h2{
    margin: auto;
	padding-top: 0;
}

.campaign_area_2410 .white_bk{
    background: #fff;
    border-radius: 16px;
}
.campaign_area_2410 .c_info_2401{
    margin-top: 0;
}
.campaign_area_2410 .c_info_benefits_2401{
    padding-top: 0;
}
.white_bk_2410{
	background: #fff;
	padding-top: 40px;
	border-radius: 16px;
	width: 1050px;
    position: relative;
}
@media screen and (max-width: 640px) {
    .white_bk_2410{
		width: 89.583vw;
		margin: auto;
	}
}
.white_bk_2410 h2{
	width: 72.4%;
	max-width: 709px;
	margin: auto;
}
@media screen and (max-width: 640px) {
    .white_bk_2410 h2{
		width: 76.823vw;
		max-width: 590px;
		margin: auto;
	}
}
.white_bk_2410 .cp_title_balloon{
    display: block;
    position: absolute;
    width: 257px;
    top: -31px;
    left: 0;
    right: 0;
    margin: auto;
}
.white_bk_2410 .cp_title_balloon img{
    width: 100%;
}
@media screen and (max-width: 640px) {
    .white_bk_2410 .cp_title_balloon{
		width:39.063vw;
		top: -5.3vw;
	}
}

@media screen and (max-width: 640px) {
    .campaign_area_2410 .free_btn{
		margin-top: 6.51vw;
		margin-bottom: 0;
	}
}

/******************************
    campaign_area 2025年3月更新
******************************/
.bg_orange{
    background: #F45301;
}
.bg_green{
    background: #018145;
    box-shadow: 0 4px 0 0 #0C4B27;
}
.white_bk_2410 .golfstart_cp_ttl{
	width: 87.7%;
	max-width: 798px;
	margin: auto;
}
@media screen and (max-width: 640px) {
    .white_bk_2410 .golfstart_cp_ttl{
		width: 69.01vw;
		max-width: 530px;
		margin: auto;
	}
}

/******************************
    campaign_area 2025年7月更新
******************************/
.campaign_term{
    text-align: center;
    margin-bottom: 14px;
}
@media screen and (max-width: 640px) {
    .campaign_term{
        margin-bottom: 2.604vw;
    }
}
.campaign_term span{
    display: inline-block;
    color: #472619;
    font-size: 27px;
    font-weight: 900;
    font-family: "Noto Sans JP";
    position: relative;
    padding: 0 55px;
}
.campaign_term span:before,.campaign_term span:after{
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    background: #472619;
    position: absolute;
    top: 50%;
    border-radius: 3px;
    transform: translateY(-50%);
}
.campaign_term span:before{
    right: 0;
}
.campaign_term span:after{
    left: 0;
}

.c_info_senior .campaign_term{
    margin-bottom: 0;
}
@media screen and (max-width: 640px) {
    .c_info_senior .campaign_term{
        margin-bottom: 2.604vw;
    }
}


/******************************
    campaign area senior
******************************/
.campaign_area_senior{
    padding: 120px 0;
	margin: 0 auto;
    background: #B4473C;
	font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴシック Std", "Hiragino Kaku Gothic Std", "Helvetica Neue", Arial, Meiryo, sans-serif;
}
@media screen and (max-width: 640px) {
    .campaign_area_senior{
        padding: 15.625vw 0;
    }
}
.campaign_area_senior .in_campaign_area{
   width: 1050px;
}
@media screen and (max-width: 640px) {
    .campaign_area_senior .in_campaign_area{
        width: 100%;
		margin-bottom: 0;
    }
}

.in_campaign_area_senior .campaign_ttl_date_2401::before,.in_campaign_area_senior .campaign_ttl_date_2401::after{
    content: "";
    display: block;
    position: absolute;
    width: 43px;
    height: 3px;
    top: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/campaign_ttl_line_pc.webp);
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .campaign_ttl_date_2401::before,.in_campaign_area_senior .campaign_ttl_date_2401::after{
            width: 13.021vw;
            height: 0.521vw;
            background-image: url(../img/campaign_ttl_line_sp.webp);
        }
    }

.in_campaign_area_senior .campaign_ttl_date_2401::before{
    left: -60px;
}
@media screen and (max-width: 640px) {
    .in_campaign_area_senior .campaign_ttl_date_2401::before{
        left: -15.625vw;
    }
}
    
.in_campaign_area_senior .campaign_ttl_date_2401::after{
    right: -60px;
}
@media screen and (max-width: 640px) {
    .in_campaign_area_senior .campaign_ttl_date_2401:after{
        right: -15.625vw;
    }
}
    
.in_campaign_area_senior h2{
    width: 80.96%;
    max-width: 850px;
    text-align: center;
    margin: auto;
    padding-top: 40px;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior h2{
            width:69.922vw;
            max-width: 537px;
            margin-bottom: 5.208vw;
            padding-top: 0;
        }
    }
.in_campaign_area_senior h2 img{
	width: 100%;
	max-width: unset;
	image-rendering: -webkit-optimize-contrast;
}

.in_campaign_area_senior .c_info_senior{
    background: #E5D8C7;
    border-radius: 16px;
    padding: 0 0 35px;
    position: relative;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_senior{
			width: 89.583vw;
			margin: 0 auto;
            border-radius: 2.083vw;
            padding: 5.208vw 0;
        }
    }
.in_campaign_area_senior .c_info_senior .cp_title_balloon{
    display: block;
    position: absolute;
    width: 257px;
    top: -31px;
    left: 0;
    right: 0;
    margin: auto;
}
.in_campaign_area_senior .c_info_senior .cp_title_balloon img{
    width: 100%;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_senior .cp_title_balloon{
            width:39.063vw;
            top: -5.3vw;
        }
    }
.in_campaign_area_senior .c_info_benefits_senior{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 93.9%;
    max-width: 920px;
    margin: auto;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_benefits_senior{
            display: block;
            width: 79.427vw;
        }
    }
.in_campaign_area_senior .c_info_benefits_senior .c_info_benefits_senior_img_notes{
    font-size: 14px;
    margin-top: 7px;
    text-align: center;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_benefits_senior .c_info_benefits_senior_img_notes{
            font-size: 3.125vw;
            margin-top: 1.302vw;
        }
    }
.in_campaign_area_senior .c_info_benefits_senior .c_info_benefits_senior_img_notes .only--tb{
    display: none;
}
    @media screen and (max-width: 1024px) {
        .in_campaign_area_senior .c_info_benefits_senior .c_info_benefits_senior_img_notes .only--tb{
            display: block;
        }
    }
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_benefits_senior .c_info_benefits_senior_img_notes .only--tb{
            display: none;
        }
    }

.in_campaign_area_senior .c_info_benefits_senior img{
    width: 100%;
}
    
.in_campaign_area_senior .c_info_benefits_item_senior{
    width: 48.92%;
    max-width: 450px;
    margin-bottom: 21px;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_benefits_item_senior{
            width: 100%;
            max-width: 610px;
            margin: 0 auto 5.208vw;
        }
    }
.in_campaign_area_senior .c_info_senior .c_info_benefits_senior_bottom{
    padding: 10px 12px 11px;
    background: #fff;
    width: 93.4%;
    max-width: 980px;
    border-radius: 12px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_senior .c_info_benefits_senior_bottom{
            padding:2.604vw 2.344vw 2.995vw 3.776vw;
            width: 79.427vw;
            border-radius: 1.563vw;
            margin-top: 2.865vw;
			box-sizing: border-box;
        }
    }

.in_campaign_area_senior .c_info_senior .c_info_benefits_senior_bottom p{
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    display: flex;
}
    @media screen and (max-width: 640px) {
        .in_campaign_area_senior .c_info_senior .c_info_benefits_senior_bottom p{
            font-size: 3.125vw;
            border-radius: 2.604vw;
        }
    }

.in_campaign_area_senior .c_info_senior .c_info_benefits_senior_bottom p::before{
    content: '※';
    display: inline-block;
}
.campaign_area_senior .free_btn{
    margin: 50px auto 0;
}
@media screen and (max-width: 640px) {
    .campaign_area_senior .free_btn{
        margin: 6.641vw auto 0;
    }
}

/* 無料体験レッスンエリア */
.free_lesson {
    padding: 120px 0;
    background: #E7F6F5;
    margin-bottom: 0;
	margin-top: 0;
}
@media screen and (max-width: 768px) {
    .free_lesson {
        padding: 15.625vw 0;
		margin-bottom: 15.625vw;
    }
}

@media screen and (max-width: 768px) {
    .free_lesson .free_lesson_ttl{
		width: 89.583vw;
		margin: auto;
	}
}
.free_lesson .in_campaign_area{
    width: 1050px;
}
@media screen and (max-width: 768px) {
    .free_lesson .in_campaign_area{
		width: 100%;
		margin: auto;
    }
}
.free_lesson .free_lesson_contents{
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .free_lesson .free_lesson_contents{
        width: 87.24vw;
        margin: 7.813vw auto 0;
    }
}
.free_lesson img{
    max-width: 100%;
}
.free_lesson .free_btn{
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .free_lesson .free_btn{
        margin-top: 10.417vw;
    }
}
.cp_bottom_btn_area_anchor {
	width:45.23%;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:20px auto 0;
}
    @media screen and (max-width: 768px) {
        .cp_bottom_btn_area_anchor  {
            width: 100%;
            margin:4.557vw auto 0;
        }
    }

.cp_bottom_btn_area_anchor p{
    width:47.57%;
	margin: auto;
}
    @media screen and (max-width: 768px) {
        .cp_bottom_btn_area_anchor p {
            width: 41.667vw;
        }
    }

.cp_bottom_btn_area_anchor p a{
    position: relative;
    width: 100%;
	display: block;
    margin: 0 auto;
    background-color:#FAFAFA;
    border:solid 2px #462619;
    border-radius: 6px;
    font-size:14px;
	line-height: 17px;
    font-weight:600;
	padding: 11px 0 8px 20px;
	color: #333;
	text-decoration: none;
	box-sizing: border-box;
	text-align: left;
}
    @media screen and (max-width: 768px) {
        .cp_bottom_btn_area_anchor p a{
			border-radius: 1.302vw;
			font-size:4.167vw;
			line-height: 5.599vw;
			padding: 3.646vw  0 3.516vw 4.688vw;
        }
    }

.cp_bottom_btn_area_anchor p a::after{
    display: inline-block;
    content:"";
    width:11px;
    height:11px;
	background-size: 11px 11px;
    background-image:url(../../img/crossgate/btn_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
	top:12px;
    right:15px;
}
@media screen and (max-width: 768px) {
	.cp_bottom_btn_area_anchor p a::after{
		height: auto;
		width: 4.297vw;
		height: 4.297vw;
		background-size: 4.297vw 4.297vw;
		top: 3.6vw;
		right: 4.297vw;
	}	
}


/* 2024年10月追加 ここまで */



#fixed-nav{
	position: fixed;
	right: 0;
	bottom:30px;
	width:100%;
	max-width: 257px;
	z-index: 9;
}
	@media screen and (max-width: 640px) {
		#fixed-nav{
			bottom:0;
			max-width: 100%;
			display: flex;
		}
		#fixed-nav > div{
			width: 50%;
		}
	}

#fixed-nav a:hover{
	opacity: 0.8;
}
	@media screen and (max-width: 640px) {
		#fixed-nav a:hover{
			opacity: 1;
		}
	}

#fixed-nav img{
	width:100%;
}


/* 202410 add 料金表 */
.cg_sec5 .table01_2410 td{
    padding: 10px 0 5px;
}
.cg_sec5 .table01_2410 td{
    padding: 10px 5px 7px;
}
.cg_sec5 .table01_2410 td span{
    font-size: 15px;
    display: inline-block;
    margin-top: 5px;
    vertical-align: baseline;
}
.cg_sec5 .table01_2410 td .junior_span{
    font-size: 14px;
    line-height: 1.3;
}


@media screen and (max-width: 640px) {
    .cg_sec5 .table01_2410 td{
		padding: 3vw 0 2vw;
        line-height: 1;
    }
    .cg_sec5 .table01_2410 td span{
        margin-top: 0;
        line-height: 1.5;
		display: block;
    }
    .cg_sec5 .table01_2410 td span{
        font-size:2.865vw;
    }
    .cg_sec5 .table01_2410 td .junior_span{
        font-size:2.865vw;
        margin-top: 0;
    }
}

/* 202410 add end*/


/* 2410追加YouTube動画 */

.youtube_area{
    background: #EFEFEF;
    padding: 120px 0;
    margin: 120px 0;
}
@media screen and (max-width: 640px) {
    .youtube_area{
        padding: 15.625vw 0;
        margin: 15.625vw 0 0;
    }
}
.youtube_area .in_area{
    width: 980px;
	margin: auto;
}
@media screen and (max-width: 640px) {
    .youtube_area .in_area{
        width: 80vw;
    }
}
.youtube_area h3{
	width: 1000px;
	font-size: 38px;
	font-weight: bold;
	color: #02A0E9;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
@media screen and (max-width: 640px) {
    .youtube_area h3{
		width: 100%;
		font-size: 42px;
		margin-bottom: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 640px) {
    .youtube_area .in_area{
        width: 89.6%;
        max-width: 688px;
        margin: auto;
    }
}

.youtube_area h3::before,.youtube_area h3::after{ content:'';display: inline-block;width:60px;height:4px;background-color:#00A0E9; }
.youtube_area h3::before{ margin-right: 30px; }
.youtube_area h3::after{ margin-left: 30px; }
.youtube_area .youtube_ttl_desc{
    font-size: 24px;
    line-height: 1.66;
    font-weight: bold;
    margin: 50px auto;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .youtube_area .youtube_ttl_desc{
        font-size: 32px;
        margin:5.469vw auto 8.333vw;
    }
}
.youtube{
    width: 564px;
    aspect-ratio: 16 / 9;
}
@media screen and (max-width: 640px) {
    .youtube{
        width: 100%;
        margin-bottom: 8.333vw;
    }
}
.youtube iframe {
    width: 100%;
    height: 100%;
}
.youtube_flex{
    display: flex;
    max-width: 980px;
    margin: auto;
    align-items: center;
}
@media screen and (max-width: 640px) {
    .youtube_flex{
        display: block;
        width: 100%;
        max-width: 688px;
    }
}
.youtube_flex p{
    font-size: 16px;
    line-height: 1.75;
    max-width: 376px;
    text-align: left;
    font-weight: normal;
    margin-left: 40px;
}
.youtube_flex p span{
    text-decoration: underline;
}
@media screen and (max-width: 640px) {
    .youtube_flex p{
        font-size: 26px;
        max-width: unset;
        margin-left: 0;
    }
}