@charset "UTF-8";

/*全体設定*/
	html {
		font-size: 15px;
	}
	body{
		margin: 0;
		height: 100%;
		font-family:  "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Sans", sans-serif;
    	font-style: normal;
    	min-height: 100vh;
    	letter-spacing: 0.12rem;
    	box-sizing:border-box;
    	background-color: #FFFFFF;
    	color: #2D3D39;
    	line-break: normal; 
	}
	main {
		display: block;
	}
	.c-wrapper_large{
		max-width: 980px;
    	margin: 0 auto;
    	padding: 0 30px;
	}
	.c-wrapper_small{
		max-width: 781px;
    	margin: 0 auto;
    	padding: 0 30px;
	}
	li{
		list-style: none;
		display: block;
	}
	.engfont{
		font-family: 'Montserrat';
	}
/*トップページ*/
	.header{
		position: relative;
	}
	.header_sns{
		position: fixed;
		z-index: 99;
    	top: 24vh;
    	right: 50px;
    	-webkit-transform: translateX(50%);
    	-ms-transform: translateX(50%);
    	transform: translateX(50%);
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
    	-webkit-box-align: center;
    	-ms-flex-align: center;
    	align-items: center;
    	margin: 0;
    	padding: 0;
	}
	.header_sns_item{
		margin-bottom: 40px;
    	color: #F6BD60;
    	position: relative;
    	height: 100px;
    	left: -10px;
	}
	.header_sns_item a{
		position: absolute;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: center;
    	-ms-flex-align: center;
   		align-items: center;
    	font-size: 0.85rem;
    	-webkit-writing-mode: vertical-rl;
    	-ms-writing-mode: tb-rl;
    	-o-writing-mode: vertical-rl;
    	writing-mode: vertical-rl;
    	letter-spacing: 0.08em;
    	font-weight: 600;
	}
	.header_sns_item a:before{
		content: '';
    	position: relative;
    	width: 1px;
    	height: 40px;
    	margin-bottom: 10px;
    	background: #F6BD60;
    	-webkit-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 0.2s ease-out;
	}
	.contact-btn{
		position: fixed;
   		right: 100px;
   		bottom: 85px;
    	z-index: 99;
    	-webkit-transform: translate(50%, 50%);
    	-ms-transform: translate(50%, 50%);
    	transform: translate(50%, 50%);
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
   		flex-direction: column;
    	-webkit-box-align: center;
    	-ms-flex-align: center;
    	align-items: center;
    	width: 105px;
    	height: 105px;
    	border-radius: 50% 50%;
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;
    	justify-content: center;
    	background-color: #F6BD60;
    	-webkit-transition: background-color .3s ease-out;
    	-o-transition: background-color .3s ease-out;
    	transition: background-color .3s ease-out;
	}
	.contact-btn:hover{
		background-color: #FFF;
		border: #F6BD60 solid 1px;
		opacity: 1;
	}
	.contact-btn img{
		width: 30px;
		-webkit-transition: fill .3s ease-out;
    	-o-transition: fill .3s ease-out;
    	transition: fill .3s ease-out;
	}
	.contact-btn span{
		display: inline-block;
    	font-size: 1rem;
    	color: #fff;
    	margin-top: 9px;
    	-webkit-transition: color .3s ease-out;
    	-o-transition: color .3s ease-out;
   		transition: color .3s ease-out;
	}
	.header_nav{
		position: absolute;
    	top: 0;
    	right: 0;
    	z-index: 900;
    	padding: 19px 101px 24px 50px;
    	background-color: #FFF;
    	border-radius: 0 0 0 40px;
	}
	.header_nav_list{
		display: flex;
		margin: 0;
		padding: 0;
		letter-spacing: 0em;
	}
	.header_nav_item{
		font-size: 1rem;
    	margin-right: 40px;
    	line-height: 1.44;
    	list-style: none;
    	display: block;
	}
	.header_nav_item a{
		position: relative;
	}
	a{
		color: inherit;
    	text-decoration: none;
    	cursor: pointer;
    	-webkit-transition: 0.2s ease;
   	 	-o-transition: 0.2s ease;
    	transition: 0.2s ease;
	}
	.open_nav_box{
		position: fixed;
		background-color: #85A8A4;
		color: #FFF;
		z-index: 125;
		top: 0;
		padding: 36.3px;
		height: 100vh;
		right: -164px;
		width:0;
		overflow: hidden;
		box-sizing: border-box;
		padding-top: 80px;
	}
	.open_nav_title{
		padding-left: 0;
	}
	.open_nav_title li h2{
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.06em;
		margin: 0;
		margin-top: 23px;
	}
	.open_nav_list li a:before{
		content: "";
	    position: absolute;
	    left: 0;
	    top: 4px;
	    width: 8px;
	    height: 8px;
	    border-right: 2px solid #fff;
	    border-top: 2px solid #fff;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.open_nav_list{
		padding: 0;
	}
	.open_nav_list li{
		margin-top: 1px;
	}
	.open_nav_list li a{
		position: relative;
	    font-weight: 700;
	    line-height: 2;
	    padding-left: 25px;
	    font-size: 1.1rem;
	}
	.open_nav_list li a img{
		margin-right: 11px;
		width: 26px;
		position: relative;
		top: 6px;
	}
	.boing:hover{
		animation: .8s boing-anim linear forwards;
	}
	@keyframes boing-anim{
  10% { transform: scale(0.98, 1); } /*少し縮む*/
  40% { transform: scale(1, 0.98); } /*縮む*/
  50% { transform: scale(0.98, 0.95); } /*反動で縦長*/
  60%{ transform: scale(0.98, 1); } /*また反動で縮む*/
  70% { transform: scale(1, 0.98); } /*反動が小さく*/
  90%{ transform: scale(0.95, 1); } /*最後の震え*/
  100% { transform: scale(1,1); } /*元に戻る*/
	}
	.open_nav_link_corp img{
		width: 100%;
	}
	.open_nav_link_sns{
		display: flex;
		gap: 31px;
		margin-top: 56px; 
		padding-left:0;
	}
	.open_nav_link_sns li{
		position: relative;
	}
	.open_nav_link_sns li a{
		position: relative;
		display: inline-block;
	}
	.open_nav_link_sns li a img{
		width: 54px;
	}
	.open_nav_link_sns .open_nav_link_corp_box a img{
		width: 80px;
	}
	@media(max-width:1390px){
		.open_nav_link_sns{
			flex-wrap: wrap;
			gap: 14px;
		}
		.open_nav_link_sns .open_nav_link_corp_box a img{
			width: 70px;
		}
		.open_nav_link_sns li a img{
			width: 47px;
		}
	}
	.kv_outer{
		width: 100%;
		padding-right: 100px;
		height: 100vh;
		box-sizing: border-box;
	}
	.kv{
		position: sticky;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.kv_slider{
		position: relative;
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
	}
	.kv_slider img{
		width: 100%;
	}
	.kv_slider_item{
		width: 100%;
		height: 100%;
		background-image: url(../image/res_top_img.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.kv_logo{
		position: absolute;
		z-index: 10;
		top: 48%;
		left: 50%;
		color: #FFF;
		-webkit-transform: translate(-50%, -50%);
		width: 103vh;
		min-width: 250px;
	}
	.kv_logo_inside{
		width: 100%;
		height: auto;
		text-align: center;
	} 
	.kv_logo_inside h1{
		font-size: 3.3rem;
		font-family: "Montserrat";
	}
	.kv_logo_inside p{
		font-size: 1.7rem;
		margin: 0;
	}	
	.kv_logo_inside span{
		font-size: 0.9rem;
		font-family: "Montserrat";
		font-weight: 800;
	}	
	.school_about{
		color: #FFF;
		background-color: #85A8A4;
		border-radius: 10px;
		margin-top: 98px;
		box-sizing: border-box;
	}
	.school_about_h2{
		margin:0;
		padding-top: 58px;
		display: block;
		text-align: center;
		font-size: 2.1rem;
	}
	.school_about_content{
		display: flex;
    	justify-content: center;
    	align-items: center;
    	padding: 54px 0px;
    	color: #fff;
    	background-color: #85A8A4;
    	border-radius: 10px;
	}
	.school_about_image{
		position: relative;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	--about-circle-height: 300px;
    	--about-circle-width: 300px;
    	width: var(--about-circle-width);
    	height: var(--about-circle-height);
    	margin-right: 2rem;
    	background-color: #fff;
    	border-radius: 100%;
	}
	.school_about_image img{
		max-width: 42%;
		height: auto;
		vertical-align: middle;
	}


	.school_about_text{
		box-sizing: border-box;
		font-size: 1.4rem;
		line-height: 2.4;
	}
	.school_about_text p{
		font-size: 0.8em;
	}

	.en{
		display: inline-block;
    	color: #85A8A4;
    	font-size: 1rem;
    	letter-spacing: .2rem;
    	padding: 0 47px 19px;
    	background-image: url(../image/title_line.png);
    	background-repeat: no-repeat;
    	background-position: center bottom;
    	position: relative;
   		margin-bottom: 8px;
   		background-size: contain;
	}
	.course_about{
		margin-top: 6.9rem;
	}
	.course_about_titlebox{
		text-align: center;
		margin-bottom: 43px;
	}
	.ja{
		display: block;
		font-size: 2rem;
	}
	.course_about_titlebox p{
		font-size: 1.1rem;
		padding: 0 30px;
	}
	.course2{
		background-color: #FFF;
		background-image: radial-gradient(#f4e6d8 9%,transparent -8%),radial-gradient(#f4e6d8 -2%,transparent 12%);
		background-position: 0 0,10px 10px;
		background-size: 20px 20px;
		text-align: center;
	}
	.course1{
		text-align: center;
		background: repeating-linear-gradient(135deg, #85A4A0, #85A4A0 6px, #85A8A4 7px, #85A8A4 19px);	
	}
	.course_box{
		display: block;
	}
	.course_box_inwrap{
		text-align: center;
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.course_box_inwrap h2 img{
		width:124px;
	}
	.course_box_inwrap h2 span{
		display: block;
		margin-top: 1rem;
	}
	.fuchidori{
		color: #85A8A4;
		text-shadow: 1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
        font-size: 0.9rem;
	}
	.course_box_title{
		color: #FFF;
		font-size: 1.7rem;
		margin-top: 0.3rem;
	}
	.course_box:last-child .course_box_inwrap h2 p{
		color: #2D3D39;
	}
	body.flight .course_box:last-child .course_box_inwrap h2 p{
		color: #FFF;
	}
	body.auto .course_box:last-child .course_box_inwrap h2 p{
		color: #FFF;
	}
	.course_img_box li img{
		width: 500px;
	}
	.course_flex_box{
		display: flex;
		padding-top: 2%;
		gap:15px;
	}
	.color_change{
		color: #F6BD60;
	}
	.course_text_box{
		text-align: left;
		padding-right: 2em;
	}
	.course_text_box h3{
		font-size: 1.6rem;
	}
	.course_text_box p{
		font-size: 1.1rem;
		line-height: 2em;
	}

	.readmore_box{
		margin:2em 17%;
	    position: relative;
	    overflow: hidden;
	    padding: 0.8em 0.5em;
	    border-top: solid 1px black;
	    border-bottom: solid 1px black;
	   	border-right: solid 1px black;
	    border-left: solid 1px black;
	    background-color: #FFF;
	    display: block;
	    text-align: center;
	    transition: ease .2s;
	}
	.course_text{
		margin-top: 1.7em;
	}
	.readmore_box_title{
		display:flex;
		align-items: center;
		justify-content: center;
		font-size: 0.8em;
		margin-left: 5em;
		z-index: 3;
		position: relative;
		font-weight: bold;
	}
	.readmore_box_title:after{
		border-top: 1px solid;
		content: "";
		width: 3em;
		margin-left: 2em;
	}
	.readmore_box:hover span.readmore_box_title{
		color : #FFF;
	}

	.rm-bgleft:before{
		content: '';
		position: absolute;
 		top: 0;
 		left: 0;
 		z-index: 2;
 		background:#F6BD60;/*背景色*/
 		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 		transform: scale(0, 1);
		transform-origin: right top;
	}
	.rm-bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
/*スクロール*/
	.scrolldown1{
		/*描画位置※位置は適宜調整してください*/
		position:absolute;
		left:50%;
		bottom:-6px;
    	/*全体の高さ*/
		height:122px;
	}	
	.scrolldown1 span{
    	/*描画位置*/
		position: absolute;
		left:-17px;
		top: -27px;
   		 /*テキストの形状*/
		color: #FFF;
		font-size: 0.8rem;
		letter-spacing: 0.05em;
	}
	.scrolldown1::after{
		content: "";
  	 	 /*描画位置*/
		position: absolute;
		top: -25px;
    	/*線の形状*/
		width: 1px;
		height: 30px;
		background: #FFF;
    	/*線の動き1.4秒かけて動く。永遠にループ*/
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
	}
	/*高さ・位置・透過が変化して線が上から下に動く*/
	@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:100px;
		opacity: 1;
	}
	100%{
		height:0;
		top:100px;
		opacity: 0;
	}
	}


/*サブページ*/
	.subpage_corpname{
		padding: 60px 0 0 68px;
	}
	.subpage_title_box{
		margin-top: 142px;
		margin-bottom: 142px;
	}
	.subpage_content_title_box{
		margin-top: 150px;
		padding-top: 150px;
		padding-bottom: 150px;
	} 
	.subpage_content_title p{
		font-size: 2rem;
	}
	.subpage_content_title span{
		font-size: 1.3rem;
	}
	.subpage_content_title{
		margin-top: 65px;
	}
	.subpage_feature_title {
		width: 355px;
		height: 97px;
		background-image: url(../image/feature_title.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		color: #FFF;
		margin: auto;
		margin-top: 97.3px;
	}
	.subpage_feature_title span{
		letter-spacing: 0.1em;
		font-weight: 600;
	}
	.subpage_feature_title p{
		margin-top: 2.7px;
		margin-left: 14.5px;
		font-weight: 100;
		font-size: 0.85em;
		letter-spacing: 0.25em;
	}
	.feature_inbox{
		display: flex;
		padding: 10px;
		gap: 20px;
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.feature_inbox li{
		background-color: #FFF;
		width: 321px;
		height: 521px;
	}
	body.auto .feature_inbox li{
		background-color: #FFF;
		width: 321px;
		height: 563px;
	}
	.feature_inbox li h3{
		width: 83px;
		border-bottom: 1px solid #2D3D39;
		margin:auto;
		margin-top: 26px;
	}
	.feature_inbox li h3 span{
		font-size: 0.8rem;
	}
	.feature_inbox li h3 p{
		display: inline;
		font-size: 2.3rem;
		-webkit-text-stroke: 1px #2D3D39; 
 		text-stroke: 1px #2D3D39;
		color: #85A8A4;
		margin-left: 4.7px;
	}
	.fea_inbox_content_box{
		margin: 18px;
	}
	.fea_inbox_content_title{
		font-weight: bold;
		font-size: 1.1rem;
	}
	.fea_inbox_content{
		font-size: 0.9rem;
		text-align: start;
		margin-bottom: 31px;
		box-sizing: border-box;
	}
	.feature_inbox img{
		height: 100%;
	}
	.fea_inbox_content_img01{
		margin-top: 7.9px;
	}
	.fea_inbox_content_img03{
		margin-top: 28.7px;
	}
	body.auto .fea_inbox_content_img01{
		margin-top: 28.9px;
	}
	body.auto .fea_inbox_content_img03{
		margin-top: 9.7px;
	}
	.fea_con_title_br{
		display: none;
	}
	.fea_image_box{
		display: inline-block;
		height: 190px;
	}
	.adjust{
		margin-bottom: 0px;
	}
	.subpage_info_box{
		padding-top: 100px;
	}
	.subpage_info_content_box{
		display: flex;
		gap: 97px;
		margin-top: 84.8px;
	}
	body.auto .subpage_info_content_box{
		display: flex;
		gap: 115px;
		margin-top: 84.8px;
	}
	.curriculum_content h4{
		border: 1px solid #2D3D39;
		background-color: #2D3D39;
		color: #FFF;
		width: 202px;
		height: 27px;
		font-size: 1.1rem;
		margin: auto;
		text-align: left;
		padding-left: 11px;
		padding-top: 6px;
		position: relative;
	}
	body.auto .curriculum_content h4{
		width: 286px;
	}
	.curriculum_content h4:before{
		width: calc(100% - 147px);
		height: 0;
		display: block;
		position: absolute;
		left: 147px;
		content: "";
		border-bottom: solid 35px #2D3D39;
		border-right: solid 65px transparent;
		bottom: 100%;
		top: -1px;
	}
	.curriculum_content ul{
		text-align: start;
		font-weight: 500;
		padding-left: 79px;
	}
	body.auto .curriculum_content ul{
		text-align: start;
		font-weight: 500;
		padding-left: 108px;
	}
	.curriculum_content ul li{
		padding: 4.2px 0;
	}
	.curriculum_content:nth-child(2) ul{
		padding-left: 148px;
	}
	body.auto .curriculum_content:nth-child(2) ul{
		padding-left: 0;
	}
	.curriculum_box{
		width: 980px;
		margin: 150px auto;
	}
	.schedull_box{
		margin-top: 213px;
		position: relative;
		padding-bottom: 150px;
	}
	.schedull_box p{
		margin-top: 20px;
		line-height: 31px;
	}

	.schedull_content h4:before{
		width: calc(100% - 200px);
		height: 0;
		display: block;
		position: absolute;
		left: 214px;
		content: "";
		border-bottom: solid 30px #2D3D39;
		border-right: solid 66px transparent;
		bottom: 100%;
		top: 0;
	}
	.schedull_content{
		background-color: #2D3D39;
		width: 221px;
	}
	.schedull_content h4{
		color: #FFF;
		margin-bottom: 0;
		text-align: left;
		padding-left: 8px;
		font-size: 1.3rem;
		font-weight: lighter;
		position: relative;
	}
	body.auto .sch_cotent_last{
		width: 228px;
	}
	body.flight .sch_cotent_last{
		width: 241px;
	}
	.schedull_inwrap{
		display: flex;
		gap: 38px;
		margin: 59px auto;
		max-width: 1000px;
	}
	body.auto .schedull_inwrap{
		display: flex;
		gap: 91px;
		margin: 59px auto;
		max-width: 700px;
	}
	.sd_table{
		border: 1px solid #707070;
		border-collapse:  collapse;
	}
	.sd_table_title{
		background-color: #9E9B93;
		border: #707070;
	}
	.sd_table tr td{
		border: 1px solid #707070;
		padding: 2px 4px;
	}
	.sd_table_last tr td{
		padding: 3px 12px;
	}
	.schedull_box p.sd_coment{
		position: sticky;
		top: 413px;
		left: 437px;
		margin-top: 0;
		font-size: 0.8rem;
	}
	body.auto .schedull_box p.sd_coment{
		position: sticky;
		top: 413px;
		left: 587px;
		margin-top: 0;
		font-size: 1rem;
	}
	.en-white{
		display: inline-block;
    	color: #FFF;
    	font-size: 1rem;
    	letter-spacing: .2rem;
    	padding: 0 47px 19px;
    	background-image: url(../image/title_line_white.png);
    	background-repeat: no-repeat;
    	background-position: center bottom;
    	position: relative;
   		margin-bottom: 8px;
   		background-size: contain;
	}
	.ja-white{
		color: #FFF;
		display: block;
		font-size: 2rem;
	}
	.field_box,.price_box{
		text-align: center;
		padding-bottom: 100px;
	}
	.field_box p{
		margin-top: 20px;
		line-height: 31px;
		font-size: 1.1rem;
	}
	.field_inwrap{
		display: flex;
		gap: 146px;
		width: 980px;
		margin: 62px auto;
	}
	.field_inwrap ul{
		margin-top: 27px;
	}
	.field_inwrap ul li img{
		width: 380px;
	}
	.field_title{
		font-size: 1.2rem;
		text-align: left;
		font-weight: 500;
	}
	.field_title br{
		display: none;
	}
	.field_text{
		text-align: left;
		font-size: 1.1rem;
	}
	.price_inwrap{
		width: 980px;
		margin: 50px auto;
		display: flex;
		gap: 20px;
	}
	.price_content_left{
		border: 1px solid #2D3D39;
		padding: 20px 29px;
		width: 354px;
	}
	.price_content_left h4{
		font-size: 1.5rem;
	}
	.price_content_right{
		width: 434px;
		text-align:  left;
		margin-top: 100px;
		margin-left: 110px;
	}
	.pc_right_sent{
		line-height: 2rem;
		font-size: 1.1rem;
	}
	.pc_right_title{
		font-weight: bold;
		font-size: 1.4rem;
	}
	.price_content_left_inbox{
		background-color: #F7EDE2;
		padding-top: 22px;
		padding-bottom: 22px;
	}
	.price_content_left_inbox p{
		margin: 0;
	}
	.price_content_left_inbox p strong{
		font-size: 3rem;
	}
	.price_content_left_inbox p:first-child{
		font-size: 2rem;
	}
	.price_content_left_inbox p:last-child{
		margin-top: 5px;
	}
	.pc_coment_sita{
		text-align: left;
	}
	.pc_price{
		font-size: 2.9rem;
		font-weight: 800;
		color: #F6BD60;
		margin:0;
		margin-left: 38px;
		margin-bottom: 10px;
	}
	.pc_price span{
		font-size: 1.5rem;
		color : #2D3D39;
	}
	.pc_price span.zei{
		font-size: 0.8rem;
	}
	.price_content_left p.pc_ohitori{
		margin:0;
		text-align: left;
		padding-left: 60px;
		margin-top: 27px;
	}
	.flow_box{
		background-color: #F7EDE2;
		text-align: center;
		padding-top: 100px;
		margin:auto;
		padding-bottom: 200px;
	}
	.flow_inwrap{
		position: relative;
		--flow-number-width: 60px;
		--flow-number-margin: 30px;
		width: 980px;
		margin: 60px auto;
	}
	.flow_inwrap:before{
		content: "";
	    position: absolute;
	    z-index: 0;
	    top: 63px;
	    left: 71px;
	    width: 2px;
	    height: calc(100% - 100px);
	    background-color: #2D3D39;
	}
	.flow_inwrap li{
		display: flex;
		position: relative;
		z-index: 1;
		margin-top: 53.7px;
	}
	.flow_number{
		display: flex;
		align-items: center;
		justify-content: center;
		width: var(--flow-number-width);
  	 	height: var(--flow-number-width);
    	margin-right: var(--flow-number-margin);
    	background-color: #2D3D39;
   		border: 2px solid #2D3D39;
    	border-radius: 50%;
	}
	.flow_number span{
		color: #FFF;
		font-size: 1.8em;
		line-height: 1;
	}
	.flow_content{
		width: 721px;
		margin-top: 19px;
		text-align: left;
	}
	.flow_content h3{
		margin:0;
		font-size: 1.5rem;
	}
	.flow_content p{
		margin: 0;
	}
	.flow_button_box{
		display: flex;
	}
	.f_button_minibox{
		margin-top: 11px;
	}
	.f_button_minibox a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 180px;
		padding: 15px 30px;
		font-size: 1.2rem;
		border: 1px solid #2D3D39;
		background-color: #fFF;
		transition: background-color .8s;
		display: block;
   		line-height: 1.5;
    	text-align: center;
    	text-decoration: none;
    	margin-right: 10px;
	}
	.f_button_minibox a:hover{
		background-color: #F6BD60;
	}
	.f_button_minibox a img{
		width: 28px;
		margin-right: 10px;
		vertical-align: middle;
		height:auto;
	}
	.f_button_minibox:nth-child(2){
		display: none;
	}
	.s_contact_link_box{
		position: relative;
    	padding: 52px 0 52px;
    	color: #fff;
    	background-color: #85A8A4;
    }
	.s_contact_link_box:before{
		content: "";
	    position: absolute;
	    right: 305px;
	    --contact-link-image-width: 100px;
	    --contact-link-image-height: 100px;
	    width: var(--contact-link-image-width);
	    height: var(--contact-link-image-height);
	    display: block;
	    background-image: url(../image/tonbo_nomal.png);
	    background-repeat: no-repeat;
	    background-size: var(--contact-link-image-width) var(--contact-link-image-height);
		z-index: 0;
		top: -95px;
		transition: z-index .8s .8s ease-out,top .5s .6s ease-in-out;
	}	
	.s_contact_link_inner{
		width: 100%;
		max-width: 785px;
		margin: 0 auto;
		padding: 0 30px;
	}
	.s_contact_link_inner h3{
		font-size: 1.6rem;
		text-align: center;
	}
	.s_contact_link_content{
		display: flex;
	    margin-top: 50px;
	    gap: 56px;
	}
	.s_contact_link_list{
		margin-right: 41px;
	}
	.s_contact_link_list li a{
		display: flex;
		align-items: center;
		text-decoration: none;
	}
	.s_contact_link_list li a span:before{
		content: "";
	    position: absolute;
	    left: -25px;
	    top: 10px;
	    width: 8px;
	    height: 8px;
	    border-right: 2px solid #fff;
	    border-top: 2px solid #fff;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.s_contact_link_list li a span{
		font-size: 1.2rem;
		position: relative;
	}
	.s_contact_link_list li a img{
		width: 45px;
		height: auto;
		margin-right: 45px;
	    transition: -webkit-transform .3s;
	    transition: transform .3s;
	    transition: transform .3s,-webkit-transform .3s;
	}
	.s_contact_link_list li:nth-child(2){
		margin-top: 30px;
	}
	.s_contact_link_telbox{
		color: #2D3D39;
	}
	.s_contact_link_teltitle{
		border: 1px solid #FFF;
		border-radius: 1rem;
		background-color: #FFF;
		padding: 1px 0 1px 0;
		text-align: center;
	}
	.s_contact_link_telicon{
		width: 45px;
		height: 45px;
		display: block;
		background-image: url(../image/tel_icon.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		top: -8px;
		right: 2px;
	}
	.s_contact_link_telnumber{
		display: flex;
		color: #FFF;
		font-size: 2rem;
		font-weight: bold;
		margin-top: -24px;
	}
	.s_contact_link_telnumber span img{
		width: 55px;
		height: auto;
		position: relative;
		top:19px;
	}
	.s_contact_link_time{
		color: #FFF;
		margin-top: -31px;
		margin-left: 109px;

	}
	.footer_box{
		position: relative;
		padding: 98px 30px 30px;
		text-align: center;
	}
	.footer_nav{
		display: flex;
		justify-content: center;
	}
	.footer_nav li{
		position: relative;
		margin: 0 25px 0 0;
	}
	.footer_nav li a{
		position: relative;
		display: inline-block;
		font-weight: bold;
		line-height: 2.1;
		text-decoration:none;
		transition: .3s;
	}
	.footer_nav li a::after{
		position: absolute;
 		bottom: 0;
  		left: 0;
  		content: '';
  		width: 0;
  		height: 2px;
  		background-color: #F6BD60;
  		transition: .3s;
	}
	.footer_nav li a:hover::after{
		width: 100%;
	}
	.footer_nav li:after{
		content: "|";
   		margin-left: 25px;
	}
	.footer_nav li:last-child{
		margin-right: 0;
	}
	.footer_rogo{
		margin-top: 67px;
	}
	.footer_rogo a img{
		width: 71px;
	}
	.footer_rogo a p{
		font-size: 1.5rem;
		font-weight: bold;
		margin-top: 5px;
	}
	.footer_address{
		text-align: left;
		padding-left: 227px;
	}
	.footer_address_name{
		font-size: 1.4rem;
		margin-top: -11px;
	}
	.footer_link_corp a{
		color: #85A8A4;
		border: 1px solid #85A8A4;
		border-radius: 37px;
		padding: 17px 71px;
		font-weight: bold;
		transition: background-color .8s;
	}
	.footer_link_corp a:hover{
		background-color: #F6BD60;
		font-size: #FFF;
	}
	.footer_link_corp{
		margin-top: 41px;
	}
	.footer_link_sns{
		display: flex;
		gap: 69px;
		justify-content: center;
		margin-top: 56px; 
		margin-right: 41px;
	}
	.footer_link_sns li{
		position: relative;
	}
	.footer_link_sns li a{
		position: relative;
		display: inline-block;
	}
	.footer_link_sns li a img{
		width: 54px;
	}
	.footer_copyright{
		margin-top: 45px;
		font-size: 0.5em;
	}	
	.contact_form{
		display: flex;
		justify-content: center;
		margin-top: 80px;
	}
	.contact_form_item[aria-current=step]{
		background-color: #85A8A4;
	}
	.contact_form_item{
		position: relative;
	    width: 87px;
	    margin-right: 60px;
	    padding: 8px 6px;
	    text-align: center;
	    font-size: 1.1rem;
	    color: #fff;
	    background-color: #bbb;
	    border-radius: 9px;
	}
	.contact_form_item:after{
		content: "";
	    position: absolute;
	    --icon-arrow-width: 7px;
	    --icon-arrow-height: 12px;
	    top: calc(50% - var(--icon-arrow-height)/2);
	    right: calc(-1*var(--icon-arrow-width) - 28px);
	    display: inline-block;
	    width: var(--icon-arrow-width);
	    height: var(--icon-arrow-height);
	    background-image: url(../image/contact_flow_sankaku.png);
	    background-size: var(--icon-arrow-width) var(--icon-arrow-height);
	}
	.contact_form_item:nth-child(3):after{
		background-image: none;
	}
	.contact_form_p{
		text-align: center;
		margin-top: 68px;
	}
	.contact_form_inbox{
		background-color: #bbbbbb;
		margin-top: 50px;
	}
	.contact_form_inbox ul {
		margin-left: 50px;
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.contact_form_inbox ul li{
		margin-top: 20px;
		display: flex;
		width: 785px;
	}
	label,select{
		display: block;
		font-size: 1rem;
		letter-spacing: 0.1rem;
		color: #3e3e3e;
		padding: 1.3rem 1rem;
		width: 30%;
	}
	input,textarea{
		font-size: 1rem;
   		background-color: #fff;
   		width: 100%;
   		border: none;
	    border-radius: 10px;
	    padding: 1rem 1rem;
	    letter-spacing: 0.1rem;
	}
	textarea{
		height: 200px;
	}
	select{
		width: 100%;
	}
	.form_btn_inbox input[type="submit"]{
		display: block;
    	background-color: #85A8A4;
    	color: #fff;
    	cursor: pointer;
    	border: none;
    	font-size: 0.95rem;
    	font-weight: 500;
    	letter-spacing: 0.1rem;
    	height: 45px;
    	padding: 0 0.5em 0 0.5em;
    	backgroundorder-radius: 20px;
    	margin-left: 220px;
    	margin-top: 50px;
	}
	.confirm_box{
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.confirm_inbox h3{
		border: 1px solid #A1AAA9;
/*		border-radius: 20px;
*/		color: #FFF;
		background-color: #A1AAA9;
	    padding-top: 5px;
	    vertical-align: middle;
	    text-align: left;
	    padding-bottom: 5px;
	    font-size: 1rem;
	    font-weight: 300;
	    display: block;
	}
	.confirm_inbox h3::before{
		display:inline-block;
		content:"";
		width:0.5rem;
		height:1em;
		background-color: white;
		margin-right:0.5rem;
		margin-left:0.5rem;
	}
	.confirm_inbox p{
		margin-top: 0;
		margin-bottom:3rem;
	}
	.confirm_box ul{
		padding-left: 0;
	}
	.confirm_box ul li{
		margin-bottom:1.5rem;
	}
	.confirm_btn{
		display: flex;
		gap: 60px;
		justify-content: center;
		align-items: center;
		margin-top: 100px;

	}
	.send_btn{
		background-color: #85A8A4;
		padding: 14px 20px;
		color: #FFF;
	}
	.back_btn{
		background-color: #A1AAA9;
		padding: 14px 35px;
		color: #FFF;
	}
	.thanks_box{
		text-align: center;
		margin-bottom: 100px;
	}
	.thanks_box img{
		width: 14%;
		margin-top: 21px;
	}
	.thanks_box p{
		margin-top: 66px;
		line-height: 2em;
	}
	.linelink{
		display: none;
	}