@charset "UTF-8";

/*メインイメージ
---------------------------------------------------------*/
.contentpage .m_img_area {
  border-bottom: none;
  margin-bottom: 0;
}



/*lead_slide
---------------------------------------------------------*/
.lead_slide .swiper-slide {
	width: 53.333334vw;
	max-width: 800px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lead_slide .swiper-slide {
	width: 100vw;
}
}



/*下層共通
---------------------------------------------------------*/
.com_lead_txt .green{
	color: #7bab7c;
}



/*ank_link_list
---------------------------------------------------------*/
.ank_link_list {
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
	font-size: min(95%,1.35vw);
	letter-spacing: 0.1em;
	line-height: 1em;
	text-align: center;
}
.ank_link_list li{
	border-left: 1px solid #a09f9f;
}
.ank_link_list li:last-child{
	border-right: 1px solid #a09f9f;
}
.ank_link_list li a{
	display: block;
	padding: 0.8em 1.8em ;
}
.ank_link_list li a:hover{
	color: #7bab7c;
}
.ank_link_list li a span{
	padding-right: 1.6em;
	position: relative;
}
.ank_link_list li a span::before{
	position: absolute;
	content: "";
	background: url("../images/recruit/ank_arrow.svg") no-repeat right top;
	background-size: 100% 100%;
	width: 1em;
	height: 1em;
	right: 0;
	top:0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 835px) {
.ank_link_list {
	font-size: min(95%,2vw);
}
.ank_link_list li{
	margin-top: 0.8em;
}
.ank_link_list li:nth-child(-n + 4){
	margin-top: 0;
}
.ank_link_list li:nth-child(4){
	border-right: 1px solid #a09f9f;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.ank_link_list {
	font-size: 90%;
	letter-spacing: 0.03em;
	 justify-content: space-between;
}
.ank_link_list li{
	width:48.5%;
	margin-top: 1em;
	border: none!important;
	border-bottom: 1px solid #a09f9f!important;
}
.ank_link_list li:nth-child(-n + 2){
	margin-top: 0;
}
.ank_link_list li a{
	display: block;
	padding: 0.8em 0;
}
}



/*共通
---------------------------------------------------------*/
/*ank_tit*/
.ank_tit{
	font-size: min(295%,5.22vw);
	letter-spacing: 0.09em;
	line-height: 1em;
	text-align: center;
	padding-bottom: 0.8em;
	margin-bottom: 2em;
	position: relative;
}
.ank_tit::before{
	position: absolute;
	content: "";
	background: #120f10;
	width: 7.6em;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
.ank_tit p{
	font-size: 48%;
	letter-spacing: 0.06em;
	line-height: 1em;
	color: #7bab7c;
	margin-top: 0.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*ank_tit*/
.ank_tit{
	font-size: 200%;
}
}



/*our_clinic
---------------------------------------------------------*/
#our_clinic .bg{
	padding: 110px 0 130px;
	background: url("../images/bg1@2x.jpg") repeat-y left top;
	background-size: contain;
}
#our_clinic .ank_tit{
	margin-bottom: 1.2em;
}
#our_clinic .flt_box{
	max-width: 1200px;
	margin: 0 auto;
}
#our_clinic .flt_box .img_r{
	float: right;
	max-width: 650px;
	width: 56%;
}
#our_clinic .flt_box .txt_l{
	float: left;
	max-width:480px;
	width: 40%;
}
#our_clinic .flex_box{
    display: flex;
    justify-content: space-between;
}
#our_clinic .flex_box .img_l{
	max-width: 352px;
	width: 27.1%;
}
#our_clinic .flex_box .txt_c{
	max-width: 480px;
	width: 37.59%;
}
#our_clinic .flex_box .img_r{
	max-width: 355px;
	width: 27.31%;
	margin:auto 0 0 0;
}
#our_clinic .col3{
	display: flex;
	justify-content: space-between;
}
#our_clinic .col3 > li{
	max-width: 360px;
	width: 32%;
}
#our_clinic .col3 > li .img{
	max-width: 360px;
	margin: 0 auto 25px;
	text-align: center;
}
#our_clinic .no{
	font-size: min(330%,4.8vw);
	letter-spacing: normal;
	line-height: 1em;
	color: #7bab7c;
	margin-bottom: 0.5em;
	position: relative;
}
#our_clinic .no::before{
	position: absolute;
	content: "";
	background: #7bab7c;
	width: 0.09em;
	height: 0.09em;
	border-radius: 0.09em;
	left: -0.06em;
	top:-0.05em;
}
#our_clinic .our_clinic_style1 dt{
	font-size: min(248%,3.3vw);
	letter-spacing: 0.1em;
	line-height: 1.35em;
	margin-bottom: 0.6em;
}
#our_clinic .our_clinic_style1 dt small{
	font-size: 80%;
	letter-spacing: 0.1em;
	line-height: 1.35em;
	display: block;
	margin-bottom: 0.2em;
}
#our_clinic .our_clinic_style2 dt{
	font-size: min(189%,2.65vw);
	letter-spacing: 0.1em;
	line-height: 1.35em;
	margin-bottom: 0.6em;
}
#our_clinic .our_clinic_style2 dt small{
	font-size: 82%;
	letter-spacing: 0.1em;
	line-height: 1.35em;
}
#our_clinic .our_clinic_style1 dt span,
#our_clinic .our_clinic_style2 dt span{
	color: #7bab7c;
}
#our_clinic .bg .our_clinic_list > li:nth-child(1){
	margin-bottom: 125px;
}
#our_clinic .bg .our_clinic_list > li:nth-child(2){
	margin-bottom: 60px;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3){
	margin-bottom: 125px;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .img_r{
	position: relative;
	z-index: 1;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .img_r .abs{
	position: absolute;
	display: block;
	max-width: 430px;
	width: 66.2%;
	right: -3.9%;
	bottom: 0;
	transform: translateY(24.5%) ;
	z-index: 2;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .img_r .abs p{
	font-size: min(765%,10.5vw);
	letter-spacing: 0;
	line-height: 1em;
	color: #fff;
	text-align: right;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .txt_l{
	position: relative;
	z-index: 3;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#our_clinic .bg{
	padding: 11% 0 13%;
}
#our_clinic .flt_box .img_r{
	margin-left: 4%;
	margin-bottom: 1em;
}
#our_clinic .flt_box .txt_l{
	float: none;
	max-width:100%;
	width: 100%;
}
#our_clinic .col3 > li .img{
	margin: 0 auto 2.5vw;
}
#our_clinic .bg .our_clinic_list > li:nth-child(1){
	margin-bottom: 12%;
}
#our_clinic .bg .our_clinic_list > li:nth-child(2){
	margin-bottom: 6%;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3){
	margin-bottom: 12%;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .flt_box .img_r{
	margin-bottom: 2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#our_clinic .bg{
	padding: 12% 0 14%;
	background: url("../images/bg1@2x.jpg") repeat-y left top;
	background-size: contain;
}
#our_clinic .ank_tit{
	margin-bottom: 1.8em;
}
#our_clinic .flt_box .img_r{
	float: none;
	width: 100%;
	margin: 0 auto;
}
#our_clinic .flt_box .txt_l{
	float: none;
	max-width:100%;
	width: 100%;
}
#our_clinic .flex_box{
	flex-wrap: wrap;
}
#our_clinic .flex_box .img_l{
	max-width: 352px;
	width: 49%;
	margin: 0 0 1em;
	order: -1;
}
#our_clinic .flex_box .txt_c{
	max-width: 100%;
	width: 100%;
}
#our_clinic .flex_box .img_r{
	max-width: 355px;
	width: 49.31%;
	margin: 0 0 1em;
	order: -1;
	transform: translateY(10%) 
}
#our_clinic .col3{
	display: block;
}
#our_clinic .col3 > li{
	max-width: 100%;
	width: 100%;
	margin-top: 10%;
}
#our_clinic .col3 > li .img{
	max-width: 335px;
	width: 60%;
	margin: 0 auto 1em;
	text-align: center;
}
#our_clinic .no{
	font-size: 300%;
	margin-bottom: 0;
}
#our_clinic .bg .our_clinic_list > li:nth-child(2) .no,
#our_clinic .bg .our_clinic_list > li:nth-child(3) .no{
	margin-bottom: 0.3em;
}
#our_clinic .our_clinic_style1 dt{
	font-size: 180%;
	margin-bottom: 0.4em;
}
#our_clinic .our_clinic_style2 dt{
	font-size: 180%;
	margin-bottom: 0.4em;
}
#our_clinic .bg .our_clinic_list > li:nth-child(1),
#our_clinic .bg .our_clinic_list > li:nth-child(2),
#our_clinic .bg .our_clinic_list > li:nth-child(3){
	margin-bottom: 10%;
    padding-bottom: 8%;
    border-bottom: 1px solid #b8b7b7;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .flt_box .img_r{
	margin-bottom: 1.5em;
}
#our_clinic .bg .our_clinic_list > li:nth-child(3) .img_r .abs p{
	font-size: 510%;
}
}



/*message
---------------------------------------------------------*/
#message .bg{
	padding: 40px 40px 0;
	text-align: left;
}
#message .bg .message_box{
	background-color: #67af9b;
	padding: 0 0 110px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#message .bg .message_box::before{
	position: absolute;
	content: "";
	background: url("../images/recruit/abs_tit_bg@2x.png") no-repeat left top;
	background-size: 100% auto;
	font-size: 295%;
	max-width: 720px;
	width: 14.4em;
	height: 340px;
	left: 0;
	top:0;
	z-index: 0;
}
#message .message_slide{
	position: relative;
	z-index: -1;
}
#message .message_slide .swiper-slide {
	width: 44.66667vw;
	max-width: 670px;
}
#message .message_tit{
	width: 90%;
	margin: 0 auto 1.2em;
	font-size: 295%;
	letter-spacing: 0.09em;
	line-height: 1em;	
	padding: 1.2em 0 1.3em;
	position: relative;
	z-index: 1;
} 
#message .message_tit p{
	font-size: 48%;
	letter-spacing: 0.06em;
	line-height: 1em;
	color: #7bab7c;
	margin-bottom: 0.8em;
}
#message .name{
	position: relative;
	max-width: 1320px;
	width: 93%;
	margin: 0 auto;
	font-size: 189%;
	letter-spacing: 0.15em;
	line-height: 1em;
	box-sizing: border-box;
}
#message .name dl{
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 1em;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 4.2em;
}
#message .name .abs{
	position: absolute;
	content: "";
	right: 0;
	bottom: -0.25em;
	font-size: 337.5%;
	letter-spacing: 0.06em;
	line-height: 0.9em;
	color: #2baf8a;
	text-align: right;
}
#message .name dl dt{
	font-size: 62.5%;
	letter-spacing: 0.15em;
	line-height: 1em;
	margin-right: 1em;
}
#message .txt{
	position: relative;
	z-index: 1;
}
#message .txt .abs{
	position: absolute;
	display: block;
	max-width: 348px;
	width: 24.5%;
	right: -2%;
	top:0;
	transform: translateY(-38%);
	z-index: -1;
}
#message .txt p{
	max-width: 1050px;
	width: 93%;
	margin: 0 auto;
	color: #fff;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1500px) {
#message .bg{
	padding: 40px 2.7% 0;
}
#message .message_tit{
	width: 86%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1300px) {
#message .bg .message_box::before{
	font-size: 3.85vw;
}
#message .message_tit{
	font-size: 3.85vw;
}
#message .name{
	font-size:2.46vw;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message .bg{
	padding: 4% 3% 0;
}
#message .bg .message_box{
	padding: 0 0 11%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#message .bg{
	padding: 5% 0 0;
	text-align: left;
}
#message .bg .message_box{
	padding: 0 0 12%;
}
#message .bg .message_box::before{
	font-size: 210%;
	width: 12em;
}
#message .message_slide{
	position: relative;
	z-index: -1;
}
#message .message_slide .swiper-slide {
	width: 67.0000005vw;
}
#message .message_tit{
	max-width: 1220px;
	width: 86%;
	margin: 0 auto 1.2em;
	font-size: 210%;
	letter-spacing: 0.09em;
	line-height: 1em;	
	padding: 0.9em 0 1.4em;
	position: relative;
	z-index: 1;
} 
#message .message_tit p{
	font-size: 48%;
	letter-spacing: 0.06em;
	line-height: 1em;
	color: #7bab7c;
	margin-bottom: 0.8em;
}
#message .name{
	margin: 22% auto 0;
	font-size: 130%;
	letter-spacing: 0.1em;
}
#message .name dl{
	padding-right: 3em;
}
#message .name dl dt{
	letter-spacing: 0.1em;
}
#message .txt .abs{
	width:40%;
	right: -2.5%;
	transform: translateY(-45%);
}
#message .txt p{
	width: 90%;
}
}



/*voice
---------------------------------------------------------*/
#voice .bg{
	padding: 110px 0;
}
#voice .bg .max_1500{
	position: relative;
	z-index: 1;
}
#voice .bg .max_1500 > .abs{
	position: absolute;
	display: block;
	max-width: 400px;
	width: 26.6667%;
	right: -6.8%;
	top:-60px;
	z-index: -1;
}
#voice .bg .voice_list{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 70px;
}
#voice .bg .voice_list li{
	padding: 100px 5%;
	box-sizing: border-box;
}
#voice .bg .voice_list li:first-child{
	padding-top: 0;
}
#voice .bg .voice_list li.dh{
	background-color: #fdfff0;
}
#voice .bg .voice_list li.oth{
	background-color: #fffbf0;
}
#voice .bg .voice_list li:nth-child(odd){
	background-color: #fff;
}
#voice .bg .voice_list li .inbox{
	max-width: 1155px;
	margin: 0 auto;
}
#voice .bg .voice_list li .flt_r,
#voice .bg .voice_list li .flt_l{
	max-width: 350px;
	width: 31%;
	margin-bottom: 1em;
	font-size: min(148%,2.7vw);
	letter-spacing: 0.1em;
	line-height: 1em;
	text-align: center;
}
#voice .bg .voice_list li.dh .flt_r,
#voice .bg .voice_list li.dh .flt_l{
	color: #879f68;
}
#voice .bg .voice_list li.oth .flt_r,
#voice .bg .voice_list li.oth .flt_l{
	color: #b78a54;
}
#voice .bg .voice_list li .flt_r{
	margin-left: 8%;
}
#voice .bg .voice_list li .flt_l{
	margin-right: 8%;
}
#voice .bg .voice_list li .img{
	max-width: 350px;
	margin: 0 auto 1em;
	text-align: center;
	position: relative;
}
#voice .bg .voice_list li .img::before{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 45.7%;
	max-width: 160px;
	height: 45.7%;
	max-height: 160px;
	top:0;
}
#voice .bg .voice_list li.dh .img.abs_l::before{
	background-image: url("../images/recruit/voice_abs_l_g@2x.png");
	left: -7%;
}
#voice .bg .voice_list li.da .img.abs_r::before{
	background-image: url("../images/recruit/voice_abs_r_g@2x.png");
	right: -7%;
}
#voice .bg .voice_list li.oth .img.abs_l::before{
	background-image: url("../images/recruit/voice_abs_l_o@2x.png");
	left: -7%;
}
#voice .bg .voice_list li.oth .img.abs_r::before{
	background-image: url("../images/recruit/voice_abs_r_o@2x.png");
	right: -7%;
}
#voice .bg .voice_list li .name dt{
	font-size: 76%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 0.3em;
}
#voice .bg .voice_list li .voice_style dt{
	font-size: min(170%,3vw);
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#voice .bg .voice_list li.dh .voice_style dt{
	color: #879f68;
}
#voice .bg .voice_list li.oth .voice_style dt{
	color: #b78a54;
}
#voice .youtube{
	/*display: flex;
	justify-content: space-between;
	max-width: 1150px;
	margin: 0 auto;*/
}
#voice .youtube li{
	/*max-width: 550px;
	width: 48.5%;
	height: 310px;*/
	margin: 0 auto;
	width: 825px;
	height: 465px;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1205px) {
/*#voice .youtube li{
	height: 25vw;
}*/
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#voice .bg{
	padding: 11% 0;
}
#voice .bg .max_1500 > .abs{
	top:-6vw;
}
#voice .bg .voice_list{
	margin-bottom: 7%;
}
#voice .bg .voice_list li{
	padding: 8% 5%;
}
#voice .bg .voice_list li .flt_r{
	margin-left: 5%;
}
#voice .bg .voice_list li .flt_l{
	margin-right: 5%;
}
#voice .youtube li{
	width: 86vw;
	height: 48.5vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#voice .bg{
	padding: 12% 0;
}
#voice .bg .max_1500 > .abs{
	width: 35%;
	top:-3vw;
}
#voice .w1420{
	width: 100%;
	padding: 0;
}
#voice .bg .voice_list{
	margin-bottom: 9%;
}
#voice .bg .voice_list li{
	padding: 9% 5% 8%;
}
#voice .bg .voice_list li .flt_r,
#voice .bg .voice_list li .flt_l{
	max-width: 100%;
	width: 100%;
	font-size: 150%;
}
#voice .bg .voice_list li .flt_r{
	margin-left: auto;
}
#voice .bg .voice_list li .flt_l{
	margin-right: auto;
}
#voice .bg .voice_list li .img{
	width: 70%;
	margin: 0 auto 0.8em;
}
#voice .bg .voice_list li .name{
	display: flex;
    justify-content: center;
    align-items: center;
}
#voice .bg .voice_list li .name dt{
	margin-bottom: 0;
	margin-right: 0.5em;
}
#voice .bg .voice_list li .voice_style dt{
	font-size: 150%;
	letter-spacing: 0.05em;
	margin-bottom: 0.5em;
	text-align: center;
}
#voice .youtube{
	display: block;
}
#voice .youtube li{
	max-width: 90%;
	width: 90%;
	height: 50vw;
	margin-top: 5%;
}
#voice .youtube li:first-child{
	margin-top: 0;
}
}



/*schedule
---------------------------------------------------------*/
#schedule .bg{
	padding: 110px 0 60px;
	background: url("../images/bg1@2x.jpg") repeat-y left top;
	background-size: contain;
	position: relative;
	z-index: 1;
}
#schedule .bg::before{
	position: absolute;
	content: "";
	background: url("../images/recruit/schedule_abs@2x.png") no-repeat  right top;
	background-size: 100% auto;
	width: 381px;
	height: 381px;
	left: calc(50% + 11px);
	top:0;
	transform: translateY(-6.5%);
	z-index: -1;
}
#schedule .ank_tit{
	padding-bottom: 0;
	margin-bottom: 1.3em;
}
#schedule .ank_tit::before{
	position: static;
	background: none;
}
#schedule .schedule_list{
	display: flex;
	justify-content: space-between;
}
#schedule .schedule_list li{
	max-width: 270px;
	width: 19.4%;
}
#schedule .schedule_list li div{
	max-width: 270px;
	margin: 0 auto;
	text-align: center;
}
#schedule .schedule_list li dl{
	max-width: 210px;
	width:96%;
	margin: 0 auto;
	font-size: 80%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}
#schedule .schedule_list li dl dt{
	font-size: min(147%,1.7vw);
	letter-spacing: 0.1em;
	line-height: 1.5em;
	height: 3em;
	margin: 1em auto 0.6em;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#schedule .bg{
	padding: 11% 0 6%;
}
#schedule .bg::before{
	width: 39.7vw;
	height: 39.7vw;
	left: calc(50% + 1.1vw);
}
#schedule .schedule_list li dl{
	font-size: 75%;
	letter-spacing: 0.05em;
}
#schedule .schedule_list li dl dt{
	font-size: min(147%,1.8vw);
	letter-spacing: 0.05em;	
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#schedule .bg{
	padding: 12% 0 8%;
}
#schedule .bg::before{
	width: 50vw;
	height: 50vw;
	left: auto;
	right: -3vw;
}
#schedule .schedule{
	position:relative;
}
#schedule .schedule div.scl_box{
	position: relative;
	width: 340%;
	max-width: 1410px;
	padding-bottom: 4%;
}
#schedule .schedule_list li dl{
	max-width: 96%;
	font-size: 90%;
	letter-spacing: 0.04em;
}
#schedule .schedule_list li dl dt{
	font-size: 125%;
	letter-spacing: 0.04em;	
}
}



/*slide
---------------------------------------------------------*/
.slide1 .swiper-slide,
.slide2 .swiper-slide{
	width: 44.667vw;
	max-width: 670px;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.slide1 .swiper-slide,
.slide2 .swiper-slide{
	width: 67.0005vw;
}
}



/*tour
---------------------------------------------------------*/
#tour .bg{
	background-color: #c4c977;
	position: relative;
	z-index: 1;
}
#tour .bg::before{
	position: absolute;
	content: "";
	background: url("../images/recruit/tour_abs_bg@2x.png") no-repeat right top;
	background-size: 100% 100%;
	width: 56.6667%;
	height: 100%;
	right: 0;
	top:0;
	z-index: -1;
}
#tour .bg .w1200{
	padding: 60px 0;
	position: relative;
	z-index: 1;
}
#tour .bg .w1200 > .abs1{
	position: absolute;
	display: block;
	max-width: 500px;
	width: 42%;
	right: 0;
	top:0;
	transform: translateY(-42%);
	z-index: 2;
}
#tour .bg .w1200 > .abs2{
	position: absolute;
	display: block;
	max-width: 270px;
	width: 32%;
	right: 15px;
	bottom: 0;
	z-index: -1;
}
#tour .bg .flex_box{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#tour .bg .flex_box .flex_l{
	max-width: 720px;
	width: 60%;
}
#tour .bg .tour_tit{
	font-size: min(118%,1.7vw);
	letter-spacing: 0.05em;
	line-height: 1em;
	color: #fff;
	margin-bottom: 1em;
	position: relative;
}
#tour .bg .tour_tit::before{
	position: absolute;
	content: "";
	background: url("../images/recruit/tour_abs1@2x.png") no-repeat right bottom;
	background-size: 100% auto;
	width: 11.75em;
	height: 7.35em;
	left: 19em;
	bottom: 0;
}
#tour .bg .tour_tit p{
	margin-bottom: 0.8em;
}
#tour .bg .tour_tit h2{
	font-size: 270%;
	letter-spacing: 0.05em;
	line-height: 1em;
}
#tour .bg .tour_tit h2 span{
	font-size: 134%;
	letter-spacing: 0.05em;
	line-height: 1em;
}
#tour .bg .detail{
	background-color: #a5ab19;
	padding: 40px 5%;
	border-radius: 30px;
	color: #fff;
	line-height: 1.5em;
	position: relative;
}
#tour .bg .detail .abs{
	position: absolute;
	display: block;
	width: 120px;
	height: 120px;
	right: 6%;
	top:0;
	transform: translateY(-10%);
}
#tour .bg .detail .inbox{
	max-width: 590px;
	margin: 0 auto;
}
#tour .bg .detail p,
#tour .bg .detail dt{
	font-size: 112%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-weight: bold;
}
#tour .bg .detail p{
	margin-bottom: 0.8em;
}
#tour .bg .detail ul{
	display: flex;
    flex-wrap: wrap;
}
#tour .bg .detail ul li{
	padding-left: 1.3em;
	position: relative;
	width: 11em;
	box-sizing: border-box;
	margin-top: 0.5em;
}
#tour .bg .detail ul li::before{
	position: absolute;
	content: "";
	background: #fff;
	width: 0.7em;
	height: 0.7em;
	border-radius: 0.7em;
	left: 0;
	top:0.4em;
	opacity: 0.3;
}
#tour .bg .note{
	line-height: 1.5em;
	margin-top: 1em;
}
#tour .bg .flex_box .flex_r{
	width: 37%;
}
#tour .bg .flex_box .flex_r .contact{
	padding-bottom: 85px;
}
#tour .bg .flex_box .flex_r .contact .tit{
	font-size: min(100%,1.65vw);
	letter-spacing: 0.1em;
	line-height: 1.5em;
	color: #fff;
	text-align: right;
	margin-bottom: 1.8em;
}
#tour .bg .flex_box .flex_r .contact .tit p{
	font-size: 395%;
	letter-spacing: 0.05em;
	line-height: 1em;
}
#tour .bg .flex_box .flex_r .contact .sp_tel_btn{
	max-width: 288px;
	margin: 0 0 0 auto;
}
#tour .bg .flex_box .flex_r .contact .com_btn1 a{
	background-color: #7bab7c;
	border-color: #7bab7c;
	margin-right: 0;
	margin-left: auto;
	color: #fff;
}
#tour .bg .flex_box .flex_r .contact .com_btn1 a:hover{
	background-color: #fff;
	border-color:  #fff;
	color: #7bab7c;
}
#tour .bg .flex_box .flex_r .contact .com_btn1 .com_arrow1::before{
	color: #fff;
}
#tour .bg .flex_box .flex_r .contact .com_btn1 .com_arrow1::after{
	color: #7bab7c;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#tour .bg .w1200{
	padding: 6% 0;
}
#tour .bg .detail{
	padding: 5% 5%;
	border-radius: 3vw;
}
#tour .bg .detail .abs{
	width: 100px;
	height: 100px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#tour .bg .w1200{
	padding: 12% 0 10%;
}
#tour .bg .w1200 > .abs1{
	width: 50%;
	transform: translateY(-50%);
}
#tour .bg .w1200 > .abs2{
	width: 38%;
	right: -3%;
}
#tour .bg .flex_box{
	display: block;
}
#tour .bg .flex_box .flex_l{
	max-width: 100%;
	width: 100%;
	float: none;
	margin-bottom: 10%;
}
#tour .bg .tour_tit{
	font-size: 100%;
}
#tour .bg .tour_tit::before{
	width: 8.371875em;
	height: 5.236875em;
	left: 17.1em;
}
#tour .bg .tour_tit h2{
	font-size: 250%;
}
#tour .bg .detail{
	padding: 6%;
	border-radius: 6vw;
}
#tour .bg .detail .abs{
	width: 22vw;
	height: 22vw;
}
#tour .bg .flex_box .flex_r{
	width: 100%;
}
#tour .bg .flex_box .flex_r .contact{
	padding-bottom: 0;
}
#tour .bg .flex_box .flex_r .contact .tit{
	font-size: 100%;
	text-align: left;
}
#tour .bg .flex_box .flex_r .contact .sp_tel_btn{
	max-width: 288px;
	width: 17em;
	margin: 0 auto 0 0;
}
#tour .bg .flex_box .flex_r .contact .com_btn1 a{
	margin-right: auto;
	margin-left: 0;
}
}



/*guideline
---------------------------------------------------------*/
#guideline .bg{
	padding: 110px 0 130px;
}
#guideline .ank_tit{
	margin-bottom: 1.6em;
}
#guideline .guideline_list{
	display: flex;
	justify-content: space-between;
	max-width: 1010px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#guideline .guideline_list li{
	max-width: 250px;
	width: 30%;
}
#guideline .guideline_list li div{
	max-width: 250px;
	margin: 0 auto 1.8em;
	text-align: center;
	transform:rotateY(0deg); 
}
#guideline .guideline_list li:hover div{
	transform:rotateY(360deg); 
	transition: all 0.4s ease;
}
#guideline .guideline_list li .com_btn2 a{
	padding-right: 0;
}
#guideline .guideline_list li .com_btn2 .ft_rodin{
	font-size: 136%;
	letter-spacing: 0.15em;
	line-height: 1em;
	display: block;
}
#guideline .guideline_list li .com_btn2 .com_arrow1{
	position: static;
	display: block;
	transform: translateY(0)!important;
	margin: 1.8em auto 0;
}
#guideline .guideline_list li:hover a .com_arrow1 {
	background: #67AF9B;
	border-color: transparent;
}
#guideline .guideline_list li:hover a .com_arrow1::before,
#guideline .guideline_list li:hover a .com_arrow1::after {
	transition-duration: 0.4s;
	color: #fff;
}
#guideline .guideline_list li:hover a .com_arrow1::before {
	left: 150%;
}
#guideline .guideline_list li:hover a .com_arrow1::after {
	left: 50%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#guideline .bg{
	padding: 10% 0 12%;
}
#guideline .guideline_list li div{
	margin: 0 auto 1.25em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#guideline .bg{
	padding: 12% 0 13%;
}
#guideline .guideline_list{
	width: 100%;
    flex-wrap: wrap;
}
#guideline .guideline_list li div{
	margin: 0 auto 1em;
}
#guideline .guideline_list li{
	width: 31.5%;
}
#guideline .guideline_list li .com_btn2 .ft_rodin{
	font-size: 105%;
	letter-spacing: 0.05em;
}
}