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

/*reset
----------------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

html{
	font-size: 62.5%;
}
body{
	font-family: "游ゴシック", "Yu Gothic", Yu Gothic, "游ゴシック体", "YuGothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	width:100%;
	position: relative;
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: 0.1rem;
	color:#595757;
}

img {
	border:0;
	vertical-align: bottom;
	max-width:100%;
}
*{
	box-sizing: border-box;
}
a{
	color: #000;
	text-decoration: none;
	display: inline-block;
}
.section_title > p{
	margin-bottom:0;
}


.pc_none {
	display: none;
}
.sp_none {
	display: block;
}



/* ここからcss設定
----------------------------------------*/

.setting_title{
	border: none!important;
	background-color: unset!important;
	border-radius: unset!important;
}
.setting_title:after,
.setting_title:before,{
	content:"";
	border: unset!important;
	background-color: unset!important;
	border-radius: unset!important;
}

.inner{
	width:100%;
	max-width:128rem;
	margin:0 auto;
}
.inner2{
	width:100%;
	max-width:150rem;
	margin:0 auto;
}
.inner3{
	width:100%;
	max-width:100rem;
	margin: 0 auto;
}
.flex{
	display: flex;
}
a img{
	opacity: 1;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
a img:hover{
	opacity: 0.7;
}
.listnone{
	list-style: none;
}

.cgold{
	color: #c9a063;
}



/* -------------------- */
/* 共通CSS
/* -------------------- */
.section_wrap{
	position: relative;
}
.section_title{
	font-size: 4rem;
	font-weight: bold;
}
.section_head {
	text-align: center;
}
.come{
	font-size: 22px;
	line-height: 1.2em;
}

.btn_01{
	text-align: center;
}
.btn_01 a{
	background-color: #c9a063;
	border: 0.2rem solid #c9a063;
	color: #fff;
	font-size: 2.5rem;
	padding: 1.5rem 7rem 1.5rem 4rem;
	position: relative;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.btn_01 a:before {
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	border-top: solid 0.2rem #fff;
	border-right: solid 0.2rem #fff;
	position: absolute;
	right: 4rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transform: rotate(45deg);
}
.btn_01 a:hover{
	background-color: #fff;
	color:#c9a063;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.btn_01 a:hover:before{
	border-top: solid 0.2rem #c9a063;
	border-right: solid 0.2rem #c9a063;
}


/* -------------------- */
/* header
/* -------------------- */
.header {
	padding:1.5vw 3vw;
	position: fixed;
	top: 2vw;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	border-radius: 40px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.burger_btn {
	display: none;
}
.header.flex{
	align-items: center;
	justify-content: space-between;
}
.nav_item a{
	color:#595757;
	position: relative;
}
.nav_item a:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 0.1rem;
	background: #595757;
	bottom: -0.5rem;               /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
}
.nav_item a:hover:after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}
.nav_item + .nav_item{
	margin-left:1em;
	padding-left:1em;
	border-left: 0.1rem solid #595757;
}
.site_title{
	width: 418px;
	width: 21%;
	line-height: 1px;
}
.nav_list{
	font-size: 1.8rem;
	font-size: 1vw;
}



/* -------------------- */
/* メインビジュアル
/* -------------------- */
.top_main_img{
	width:100%;
	position: relative;
	padding-bottom: 20vw;
	padding-top: 12vw;
	background-image: url(../img/mainvisual_back.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.top_main_img:after{
	content: "";
	display: inline-block;
	width: 17vw;
	height: 14vw;
	background-image: url(../img/mainvisual_B_top.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 7vw;
	left: 13vw;
}
.mainvisual_ul{
	width: 75vw;
	margin-left: 12.5vw;
	margin-right: 12.5vw;
	border-radius: 70px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.top_main_img img{
	width:100%;
	height:auto;
	margin: 0 auto;
	border-radius: 70px;
    object-fit: cover;
}
.top_main_subject img,
.top_main_subject_02 img,
.mainvisual_ul_02 img{
	border-radius: 0;
}
.mainvisual_catchcopy{
	width: 33vw;
	position: absolute;
	top: 24vw;
	left: 3.8vw;
}
.top_main_subject_02{
	width: 31vw;
	position: absolute;
	bottom: 13vw;
	right: 3vw;
}
.mainvisual_ul_02 {
	width: 19.8vw;
	position: absolute;
	bottom: 10vw;
	left: 3vw;
}


/* -------------------- */
/* footer
/* -------------------- */




/* -------------------- */
/* MV下
/* -------------------- */
#sectionMV{
	margin-top: -10vw;
}
.sectionMV_title{
	position: relative;
	padding-bottom: 8vw;
}
.sectionMV_title:before{
	content:"";
	width:1px;
	height:6vw;
	background-color: #595757;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sectionMV_title .section_title{
	position: relative;
}
.sectionMV_title .section_title:before{
	content: "";
	display: inline-block;
	width: 23vw;
	height: 20%;
	background-image: url(../img/mv_title_back.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: 0.4vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}
.sectionMV_column_wrap{
	margin-top: 5vw;
}
.sectionMV_column_con{
	width: calc(100% / 3);
}
.sectionMV_column_con + .sectionMV_column_con{
	margin-left: 1vw;
}
.sectionMV_column_con_img{
	text-align: center;
}

#mv-banner{
	padding-top: 3vw;
	z-index: 5;
}
#mv-banner .section_inner{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}





/* -------------------- */
/* sectionA
/* -------------------- */
#sectionA{
	margin-top: -9vw;
	background-image: url(../img/sectionA_back.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 18vw 0 20vw;
}
.sectionA_text01{
	border-radius: 3rem;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	padding: 2vw 3vw;
	text-align: center;
	margin-top: 3vw;
}
.sectionA_text01_en{
	color:#ff6abc;
	letter-spacing: 0.3rem;
}
.sectionA_text01_jp{
	font-size: 2.4rem;
	margin-top: 1vw;
}
.sectionA_02_wrap{
	margin-top: 15vw;
}
.sectionA_number_wrap {
	margin-top: 5vw;
}
.sectionA_number_con{
	width: calc(100% / 3);
	padding: 0 3.8vw 2vw;
}
.sectionA_number{
	text-align: center;
}
.sectionA_number_text{
	margin-top: 2vw;
	font-size: 2.6rem;
}
.sectionA_number_con + .sectionA_number_con{
	border-left: 1px solid #595757;
}
.sectionA_text02{
	font-size: 2.4rem;
	text-align: center;
	margin-top: 5vw;
}


/* -------------------- */
/* sectionB
/* -------------------- */
#sectionB{
	background-image: url(../img/sectionB_back.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding: 10vw 0 5vw;
}

.sectionB_text_in{
	width: 67%;
	margin-top: 5vw;
	font-size: 1.8rem;
}
.sectionB_text_in p + p{
	margin-top: 2rem;
}
.director_history_wrap {
	width: 85%;
	margin-top: 5vw;
}
.director_history_left,
.director_history_right{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	padding: 1.5vw;
	border-radius: 3rem;
	width: calc(100% / 2 - 1vw);
}
.director_history_right{
	margin-left: 2vw;
}
.director_history_title{
	background: #00A096;
	background: linear-gradient(90deg, rgba(0, 160, 150, 1) 0%, rgba(85, 247, 255, 1) 100%);
	color: #fff;
	padding: 0.1rem 4rem 0.1rem 2rem;
	border-radius: 20px;
	display: inline-block;
}
.director_history_list{
	margin-top: 0.5vw;
}
.sectionB_01_img{
	position: absolute;
	right: 0;
	top: 0;
	width: 35%;
}
.sectionB_02_img{
	position: absolute;
	top: 27vw;
	right: 0;
	width: 19%;
}


/* -------------------- */
/* sectionC
/* -------------------- */
#sectionC{
	background-image: url(../img/sectionC_back.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 10vw 0;
}
#sectionC .section_inner{
	backdrop-filter: blur(40px);
	border-radius: 50px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	padding: 0 5vw 5vw;
	width: 80%;
	margin: 0 auto;
}

#sectionC .section_head{
	color:#4e4e85;
	margin-top: -2.5vw;
}
#sectionC .section_title{
	margin-top: 2vw;
}


.charm_list.flex{
	flex-wrap: wrap;
}
.charm_list_con{
	width: calc(100% / 3 - 1.5vw);
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	margin-right: 2.25vw;
	margin-top: 5vw;
	border-radius: 20px
}
.charm_list_con_number{
	position: absolute;
	top: -2vw;
	left: -0.5vw;
}
.charm_list_con:nth-child(3n){
	margin-right: 0;
}
.charm_list_con_img img{
	border-radius: 20px 20px 0 0;
}

.charm_list_con_text{
	padding: 1.2vw 1.5vw;
}
.charm_list_con_title{
	color: #4e4e85;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.7;
}
.charm_list_con_text p{
	margin-top: 0.5vw;
}



/* -------------------- */
/* sectionD
/* -------------------- */
#sectionD{
	background-image: url(../img/sectionD_back.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 10vw 0 17vw;
	z-index: 5;
}
#sectionD:before{
	content: "";
	display: inline-block;
	background-image: url(../img/sectionC_text.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 6vw;
	height: 60vw;
	position: absolute;
	top: 10vw;
	left: 0;
}
#sectionD .section_inner{
	padding: 0 5vw 5vw;
	width: 75%;
	margin: 0 auto;
}
#sectionD .section_title{
	margin-top: 2vw;
	color:#4e4e85;
}

.benefits_list.flex{
	flex-wrap: wrap;
}
.benefits_list_con{
	width: calc(100% / 3 - 5vw);
	position: relative;
	margin-right: 7.5vw;
	margin-top: 5vw;
}
.benefits_list_con:nth-child(3n){
	margin-right: 0;
}
.benefits_list_con img{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}


/* -------------------- */
/* sectionE
/* -------------------- */
#sectionE{
	margin-top: -17vw;
	background-image: url(../img/sectionE_back.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 20vw 0 3vw;
}
#sectionE .section_title{
	margin-top: 2vw;
	color: #4e4e85;
}
.suuzi_list.flex{
	flex-wrap: wrap;
}
.suuzi_list{
	margin-top: 3vw;
}
.suuzi_list_con{
	width: calc(100% / 3 - 1vw);
	margin-right: 1.5vw;
	margin-top: 1.5vw;
}
.suuzi_list_con:nth-child(3n){
	margin-right: 0;
}
#sectionE p{
	text-align: right;
	padding: 1vw;
}


/* -------------------- */
/* sectionF
/* -------------------- */
#sectionF{
	background-image: url(../img/sectionF_back.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 10vw 0;
}
#sectionF .section_title{
	color: #4e4e85;
}
#sectionF .section_head img{
	margin-top: 3vw;
	width: 77%;
}
.tab_box,
.tab_box2{
	width: 90%;
	margin: 0 auto;
	margin-top: 6vw;
}
.tab_box .btn_area,
.tab_box2 .btn_area2 {
	display: flex;
	gap: 10px;
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.tab_btn.tab_btn_01.active:after,
.tab_btn2.tab_btn_01.active:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 0.5vw;
	background: #F394FF;
	background: linear-gradient(90deg, rgba(243, 148, 255, 1) 0%, rgba(58, 170, 220, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.tab_btn.tab_btn_02.active:after,
.tab_btn2.tab_btn_02.active:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 0.5vw;
	background: #FF6ABC;
	background: linear-gradient(90deg,rgba(255, 106, 188, 1) 0%, rgba(255, 161, 159, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.tab_box .tab_btn,
.tab_box2 .tab_btn2 {
	width: 25%;
	padding: 0.8vw 1vw 1.2vw;
	font-size: 2.4rem;
	color: #fff;
	background: #f5f7f8;
	text-align: center;
	cursor: pointer;
	border-radius: 10px 10px 0 0;
}
.tab_box .tab_btn.tab_btn_01,
.tab_box2 .tab_btn2.tab_btn_01{
	background: #F394FF;
	background: linear-gradient(90deg,rgba(243, 148, 255, 1) 0%, rgba(58, 170, 220, 1) 100%);
}
.tab_box .tab_btn.tab_btn_02,
.tab_box2 .tab_btn2.tab_btn_02{
	background: #FF6ABC;
	background: linear-gradient(90deg,rgba(255, 106, 188, 1) 0%, rgba(255, 161, 159, 1) 100%);
}
.tab_panel img{
	width: 100%;
}
.panel_area,
.panel_area2{
	margin-top: -0.5vw;
}
.tab_box .tab_panel,
.tab_box2 .tab_panel2{
	display: none;
}
.tab_box .tab_panel.active,
.tab_box2 .tab_panel2.active{
	display: block;
}



/* -------------------- */
/* sectionG
/* -------------------- */
#sectionG{
	background-color: #f5f5f5;
	background-image: url(../img/sectionG_back.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position: 0 40%;
	padding: 10vw 0 5vw;
}
#sectionG .section_title{
	color: #4e4e85;
}
#sectionG .section_head img{
	margin-top: 3vw;
	width: 65%;
}

.panel_area2{
	padding: 3vw;
	background-color: #fff;
	border-radius: 40px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.tab_btn2.tab_btn_03.active:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 0.5vw;
	background: #F6A900;
	background: linear-gradient(90deg,rgba(246, 169, 0, 1) 0%, rgba(238, 126, 110, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.tab_btn2.tab_btn_04.active:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 0.5vw;
	background: #00A096;
	background: linear-gradient(90deg,rgba(0, 160, 150, 1) 0%, rgba(85, 247, 255, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.tab_box2 .tab_btn2.tab_btn_03{
	background: #F6A900;
	background: linear-gradient(90deg,rgba(246, 169, 0, 1) 0%, rgba(238, 126, 110, 1) 100%);
}
.tab_box2 .tab_btn2.tab_btn_04{
	background: #00A096;
	background: linear-gradient(90deg,rgba(0, 160, 150, 1) 0%, rgba(85, 247, 255, 1) 100%);
}

.recruitment_table{
	width:100%;
	border-collapse: collapse;
}
.recruitment_table_th,
.recruitment_table_td{
	border-bottom: 0.1rem solid #595757;
	padding: 2.5rem 2rem;
}
.recruitment_table_th{
	font-size: 2.4rem;
	font-weight: bold;
	width: 22%;
}
.recruitment_table_td ul{
	padding-left: 2rem;
}
.recruitment_table_td li{
	padding: 1.5rem 0;
}
.recruitment_table_td{
	font-size: 1.8rem;
	line-height: 1.5;
}
.recruitment_table_tr:last-child .recruitment_table_th,
.recruitment_table_tr:last-child .recruitment_table_td{
	border-bottom:none;
}




#footer-btn{
	background-color: #f5f5f5;
	padding:5vw 0 10vw;
	text-align: center;
}



.side_banner {
	width: 4vw;
	position: fixed;
	top: 7vw;
	bottom: 0;
	right: 0;
	z-index: 999;
}
.side_banner_li + .side_banner_li{
	margin-top: 0.5vw;
}
.side_banner_li img{
	width:100%;
}
.pc_pagetop{
	margin-top: 0.5vw;
}
.pc_pagetop img{
	width:100%;
}






@media screen and (min-width: 1025px) and (max-width: 1399px) {
	
	.inner{
		max-width: unset;
		width: 85%;
	}
	.inner2{
		max-width: unset;
		width: 90%;
	}
	
	#sectionA .section_column_right{
		padding:0 5%;
		padding: 0 3vw 0 6vw;
	}
	.section_sectionA_list{
		max-width: 37rem;
	}
	#sectionB .section_column_left{
		padding: 0 3vw 0 6vw;
	}
	
	.section_title{
		font-size: 3.2vw;
	}
	
}






@media screen and (max-width:1024px) {
	.pc_none {
		display: block;
	}
	.sp_none {
		display: none;
	}
	
	.btn_01 a{
		width: 80%;
		margin: 0px 10%;
		font-size: 3.8vw;
		padding: 2vw 3vw;
	}
	.btn_01 a:before{
		width: 2vw;
		height: 2vw;
		right: 4vw;
	}
	
	
	
	/* デフォルトのbuttonスタイルをリセット */
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
	}
	.header{
		border-radius: 0;
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		padding:0;
		z-index: 999;
		height: 14vw;
		overflow: hidden;
		background-color: #fff;
	}
	
	
	.burger_btn {
		display: block;
		height: 5vw;
		position: relative;
		width: 100%;
		z-index: 3;
		/* codepenの挙動のため */
		background-color: transparent;
		border: none;
		transition: opacity .3s;
	}
	.bar {
		background-color: #fff;
		display: block;
		height: 0.3rem;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 100%;
	}
	.bar_top {
		top: 0;
	}
	.bar_mid {
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.bar_bottom {
		bottom: 0;
	}
	.burger_btn.close .bar_top {
		transform: translate(-50%,3vw) rotate(27deg);
		transition: transform .3s;
	}
	.burger_btn.close .bar_mid {
		opacity: 0;
		transition: opacity .3s;
	}
	.burger_btn.close .bar_bottom {
		transform: translate(-50%,-1.5vw) rotate(-27deg);
		transition: transform .3s;
	}
	.noscroll{
		overflow: hidden;
	}
	
	.nav_wrapper {
		visibility: hidden;
		height: calc(100vh - 14vw);
		left: 0;
		position: fixed;
		top: 14vw;
		width: 100vw;
		opacity: 0;
		transition: opacity .5s;
		z-index: 999;
		padding-top: 3vw;
		background-image:url(../img/header_back_sp.png);
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.header_nav {
		background-color:rgba(255,255,255,0.9);
		height: 100%;
		width: 95%;
		z-index: 2;
		padding: 10vw;
		margin:0 auto;
		overflow-y: scroll;
	}
	.nav_list {
		display: block;
		text-align: center;
		font-size: 4.2vw;
		padding-left: 0;
		margin-bottom: 0;
	}
	.nav_item {
		margin-bottom: 3vw;
		margin-right: 0;
	}
	.nav_item + .nav_item{
		margin-left:0;
		padding-left:0;
		border-left:none;
		border-top: 0.1rem solid #327e69;
		padding-top: 3vw;
	}
	
	.section_title{
		font-size: 5.5vw;
	}
	.section_subtitle_en{
		margin-top: 2vw;
		font-size: 2.5vw;
	}
	
	.nav_wrapper.fade {
		opacity: 1;
		visibility: visible;
	}
	
	.site_title{
    display: flex;
    align-items: center;
    width: 60%;
    height: 100%;
    padding: 0 15px;
	}
	.header_menu_sp{
		background: #F394FF;
		background: linear-gradient(90deg,rgba(243, 148, 255, 1) 0%, rgba(58, 170, 220, 1) 100%);
		color: #fff;
		font-size: 2.5vw;
		padding: 2vw;
		padding: 2.5vw;
		width: 14vw;
		height: 14vw;
	}
	.header_menu_sp_in{
		text-align: center;
	}
	.header_menu_sp_in > span{
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold;
		margin-top: 2vw;
		display: inline-block;
		line-height: 1em;
	}
	.sp_header {
		width:40%;
		padding-left: 26%;
	}
	.header_mail_sp{
		width:65%;
	}
	.sp_header > .flex{
		align-items: center;
		justify-content: space-between;
	}
	.header.flex{
		align-items: flex-start;
	}
	
	
	
	
	.top_main_img{
		padding-bottom:50vw;
		margin-top:14vw;
		background-image:url(../img/mainvisual_back_sp.png);
		overflow: hidden;
	}
	.top_main_img img{
		border-radius: 70px 0 0 70px;
	}
	.top_main_subject img,
	.top_main_subject_02 img,
	.mainvisual_ul_02 img{
		border-radius:0;
	}
	.mainvisual_ul{
		width: calc(100% - 20vw);
		margin-left: 20vw;
		margin-right: 0;
	}
	.mainvisual_catchcopy{
		width: 62vw;
		top: unset;
		left: 4vw;
		bottom: unset;
		top:46vw;
	}
	.top_main_subject_02_catchcopy img{
		border-radius:0;
	}
	.top_main_img:after{
		display: none;
	}
	.top_main_subject_02{
		width: 70vw;
		position: absolute;
		bottom: unset;
		right: 0;
		top: 77vw;
		z-index: 6;
	}
	.mainvisual_ul_02{
		width: 55vw;
		position: absolute;
		bottom: 38vw;
		left: -9vw;
		z-index:5;
	}
	
	
	#sectionMV{
		margin-top:-30vw;
		background-image: url(../img/sectionMV_back_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30vw;
	}
	#sectionMV:before{
		content:"";
		display: inline-block;
		width: 65vw;
		height: 50vw;
		position: absolute;
		position: absolute;
		top: -31vw;
		left: 5vw;
		background-image: url(../img/mainvisual_back_sp02.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	#sectionMV .section_inner {
		padding-top: 15vw;
	}
	.sectionMV_title .section_title:before{
		width: 61vw;
	}
	.sectionMV_column_wrap{
		flex-wrap: wrap;
		justify-content: center;
		width: 90%;
		margin: 0 auto
	}
	.sectionMV_column_con{
		width: calc(100% / 2 - 1.5vw);
		margin-top: 5vw;
	}
	.sectionMV_column_con::nth-child(even){
		margin-left: 3vw;
	}
	#mv-banner{
		padding-top: 0;
		margin-top: -15vw;
	}
	
	#sectionA{
		margin-top:-50vw;
		padding: 60vw 0 40vw;
		background-image:url("../img/sectionA_back_sp.png");
	}
	#sectionA .section_inner {
		width: 83%;
		margin: 0 auto;
	}
	#sectionA .section_head .section_title{
		font-size: 4.8vw;
	}
	.sectionA_text01{
		border-radius: 1rem;
		margin-top:5vw;
		padding: 5vw 8vw;
	}
	.sectionA_text01_en{
		font-size: 2.5vw;
	}
	.sectionA_text01_jp{
		font-size: 4.5vw;
		text-align: left;
		margin-top: 2vw;
	}
	.sectionA_02_wrap{
		margin-top: 20vw;
	}
	.sectionA_number_wrap{
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
		margin-top: 15vw;
	}
	.sectionA_number_con{
		width:100%;
		padding: 0 3.8vw 8vw;
	}
	.sectionA_number_text{
		margin-top: 7vw;
		font-size: 4.5vw;
		text-align: center;
	}
	.sectionA_number_con + .sectionA_number_con{
		border-left:0;
		border-top: 1px solid #595757;
		padding-top: 8vw;
	}
	.sectionA_number_con:last-child{
		border-bottom: 1px solid #595757;
	}
	.sectionA_text02 {
		margin-top: 15vw;
		font-size: 4.2vw;
		text-align: left;
	}
	
	
	#sectionB{
		padding: 60vw 0 0;
		background-image:url(../img/sectionB_back_sp.png);
		background-position: bottom 50% center;
		z-index: 5;
	}
	#sectionB .section_inner {
		width: 83%;
		margin: 0 auto;
	}
	.sectionB_text h2{
		width: 50vw;
	}
	.sectionB_text_in{
		width:100%;
		font-size: 3.6vw;
	}
	.sectionB_text_in p + p{
		margin-top: 5vw;
	}
	.director_history_wrap{
		width:100%;
		margin-top: 10vw;
		flex-direction: column;
	}
	.director_history_left,
	.director_history_right{
		width:100%;
		border-radius: 1rem;
		padding: 5vw;
	}
	.director_history_title{
		padding: 0 4vw;
	}
	.director_history_right{
		margin-left:0;
		margin-top: 10vw;
	}
	.director_history_list{
		margin-top: 2vw;
		font-size: 3.3vw;
		line-height: 1.7;
	}
	.sectionB_01_img{
		width: 65%;
		right: 0;
		top: -10vw;
	}
	.sectionB_02_img{
		top: 36vw;
		right: 3vw;
		width: 35%;
	}
	.sectionB_03_img{
		position: absolute;
		top: -15vw;
		left: 6vw;
		width: 87%;
		z-index: -1;
	}
	
	#sectionC{
		background-image:url(../img/sectionC_back_sp.png);
		padding: 30vw 0 15vw;
		margin-top: -15vw;
	}
	#sectionC .section_inner{
		width:83%;
		backdrop-filter: unset;
		border-radius: 0;
		border: 0;
		box-shadow: unset;
		padding: 0;
	}
	#sectionC .section_head img{
		width:20%;
	}
	.charm_list_con{
		width: 100%;
		margin-right: 0;
		margin-top: 15vw;
	}
	.charm_list_con_number{
		top: -7vw;
	}
	.charm_list_con_img img{
		width:100%;
	}
	.charm_list_con_text{
		padding: 3vw 5vw 5vw
	}
	.charm_list_con_title{
		font-size: 5.4vw;
	}
	.charm_list_con_text p{
		margin-top: 2vw;
		font-size: 4vw;
	}
	
	#sectionD{
		background-image:url(../img/sectionD_back_sp.png);
		padding:15vw 0 35vw;
	}
	#sectionD:before{
		width: 10vw;
		height: 120vw;
		top: 37vw;
	}
	#sectionD .section_head img{
		width:20%;
	}
	.benefits_list_con{
		width: calc(100% / 2 - 3vw);
		margin-right: 6vw;
	}
	#sectionD .section_inner{
		width: 83%;
		padding: 0;
	}
	.benefits_list_con:nth-child(3n){
		margin-right: 6vw;
	}
	.benefits_list_con:nth-child(2n){
		margin-right: 0;
	}
	
	
	
	
	#sectionE{
		background-image:url(../img/sectionE_back_sp.png);
		padding: 25vw 0 10vw
	}
	#sectionE .section_head img{
		width:20%;
	}
	#sectionE .section_inner{
		width: 83%;
		margin: 0 auto;
	}
	.suuzi_list{
		margin-top: 5vw;
	}
	#sectionE .section_title{
		margin-top: 4vw;
		line-height: 1.5;
	}
	.suuzi_list_con{
		width: calc(100% / 2 - 1vw);
		margin-right: 2vw;
	}
	.suuzi_list_con:nth-child(3n){
		margin-right: 2vw;
	}
	.suuzi_list_con:nth-child(2n){
		margin-right: 0;
	}
	
	
	.tab_box .tab_btn,
	.tab_box2 .tab_btn2{
		width: 40%;
		font-size: 3.5vw;
	}
	
	
	#sectionF{
		background-image:url(../img/sectionF_back_sp.png);
		padding: 10vw 0 ;
	}
	.tab_btn.tab_btn_01.active:after,
	.tab_btn2.tab_btn_01.active:after{
		height: 1vw;
	}
	.tab_btn.tab_btn_02.active:after,
	.tab_btn2.tab_btn_02.active:after{
		height: 1vw;
	}
	.tab_btn.tab_btn_03.active:after,
	.tab_btn2.tab_btn_03.active:after{
		height: 1vw;
	}
	.tab_btn.tab_btn_04.active:after,
	.tab_btn2.tab_btn_04.active:after{
		height: 1vw;
	}
	.tab_box{
		width: 82%;
		margin-top: 10vw;
	}
	.tab_box2{
		width: 90%;
		margin-top: 10vw;
	}
	.panel_area2{
		padding: 3vw 5vw 5vw;
		border-radius: 1rem;
	}
	.recruitment_table_tr{
		margin-top: 2vw;
		display: block;
	}
	.recruitment_table_th,
	.recruitment_table_td{
		width:100%;
		display: block;
		padding:4vw;
		padding: 2vw;
	}
	.recruitment_table_th{
		font-size: 4.2vw;
		text-align: left;
	}
	.recruitment_table_td{
		border-bottom: 0;
		font-size: 3.6vw;
	}
	
	#sectionG .tab_box .btn_area,
	#sectionG .tab_box2 .btn_area2{
		gap: 0.5vw;
		width: 95%;
	}
	#sectionG .tab_box .tab_btn,
	#sectionG .tab_box2 .tab_btn2{
		width: 32%;
		padding: 1.5vw 1vw;
		font-size: 2.4vw;
	}
	#footer-btn .section_inner{
		width: 70%;
	}
	
	.footer{
		padding-bottom: 13.9vw;
	}
	
	.contact_banner{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 990;
	}
	.contact_banner img{
		width:100%;
	}
	
	
	
	
	
	
	
	
	
}



@media screen and (max-width:599px) {
	
	body{
		min-width: 37.5rem;
	}
	
}