@charset "UTF-8";
/*
	Theme Name: katsumata
	Author: Quolia.inc
*/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#221714;
	font-family: "heisei-kaku-gothic-std", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:0.2em;
}
/*html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}*/
img{
	max-width:100%;
	height:auto;
}
a{
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:hover{
	/*filter: alpha(opacity=60);*/
	/*-moz-opacity:0.6;*/
	/*opacity:0.6;*/
}
a.cover{
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:2;
}
.bold{
	font-weight:bold;
}
a.cover:hover{
	background:rgba(256,256,256,0.4);
}
.inline-block{
	display:inline-block;
}
.mar_t_10{
	margin-top:10px;
}
.mar_t_20{
	margin-top:20px;
}
.mar_t_30{
	margin-top:30px;
}
.mar_t_40{
	margin-top:40px;
}
.mar_b_0{
	margin-bottom:0px;
}
.mar_b_5{
	margin-bottom:5px;
}
.mar_b_10{
	margin-bottom:10px;
}
.mar_b_20{
	margin-bottom:20px;
}
.mar_b_30{
	margin-bottom:30px;
}
.mar_b_40{
	margin-bottom:40px;
}
.mar_b_50{
	margin-bottom:50px;
}
.mar_b_60{
	margin-bottom:60px;
}
.mar_b_70{
	margin-bottom:70px;
}
.mar_b_80{
	margin-bottom:80px;
}
.mar_b_90{
	margin-bottom:90px;
}
.mar_b_100{
	margin-bottom:100px;
}
.mar_b_110{
	margin-bottom:110px;
}
.mar_b_120{
	margin-bottom:120px;
}
.mar_b_130{
	margin-bottom:130px;
}
.mar_b_140{
	margin-bottom:140px;
}
.mar_b_150{
	margin-bottom:150px;
}
.mar_b_160{
	margin-bottom:160px;
}
.mar_b_170{
	margin-bottom:170px;
}
.mar_b_180{
	margin-bottom:180px;
}
.mar_b_200{
	margin-bottom:200px;
}
.f_l{
	float:left;
}
.f_r{
	float:right;
}
.basic_text{
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.9;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.pc_on{
	display:block;
}
img.pc_on{
	display:inline-block;
}
.sp_on{
	display:none;
}
img.sp_on{
	display:none;
}

.relative{
	position:relative;
}
table{
}
.center_center{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
body{
	overflow-x:hidden;
	width:100%;
	position:relative;
}
.inner{
	max-width:100%;
	width:1040px;
	margin:auto;
}
h1{
	text-align:center;
}
h2{
	text-align:center;
}
h3{
	text-align:center;
}
.flex{
	display:flex;
}


/*********ここまでよく使う初期css　それ以外はこれ以降に自由に記述*********/
.wrapper{
	width:100%;
	height:auto;
}
.main{
	padding:75px;
	display:flex;
	height:100vh;
	width:100%;
	align-items:end;
}
.main .left{
	width:265px;
	padding-right:100px;
}
.main .right{
	height:100%;
	width:calc(100% - 265px);
	background-image:url(./images/top/main_img.jpg);
	background-size:cover;
}
.side_scroll{
	width:100%;
	height:280px;
	background-image:url(./images/top/scroll_img.jpg);
	background-size:cover;
	animation: scroll_img 25s linear infinite;
}
@keyframes scroll_img {
  0%{ background-position:top 0 right 0;}
  100%{ background-position:top 0 right 2184px;}
}
.area_1 .inner{
	width:1400px;
	padding:100px 30px 160px;
}
.area_1 .inner .company_des{
	display:flex;
	align-items:center;
}
.area_1 .inner .company_des .left{
	padding-right:5%;
	width:46%;
}
.area_1 .inner .company_des .left .catch{
	font-size:52px;
	font-weight:bold;
	letter-spacing:0.74em;
	line-height:1.9;
	color:#2eafc8;
}
.area_1 .inner .company_des .right{
	width:54%;
}
.area_2{
	background-color:#f3f1ee;
	background-image:url(./images/top/top_service.jpg);
	background-size:45%;
	background-position:right bottom 50px;
	background-repeat:no-repeat;

}
.area_2 .inner{
	width:1400px;
	padding:100px 30px 230px;
}
.area_2 .inner .left{
	width:50%;
}
.area_2 .inner .left a:hover{
	opacity:0.7;
}
.area_2 .inner .right{
	display:none;
}
.area_2 .inner .left .area_title{
	margin-bottom:170px;
}
.area_title .big{
	font-family: "Arial", "メイリオ";
	font-size:90px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1;
	margin-bottom:10px;
	color:#0d527a;
	display:block;
}
.area_title .small{
	font-size:22px;
	letter-spacing:0.4em;
	line-height:1;
	color:#0d527a;
}

.area_2 .inner .left .area_title .big{
	color:#0d527a;
}
.area_2 .inner .left .area_title .small{
	color:#0d527a;
	
}
.area_2 .inner .left .service_box.first{
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:1px solid #dfd9d2;
}
.area_2 .inner .left .service_box .title{
	color:#0d527a;
	font-size:43px;
	letter-spacing:0.2em;
	margin-bottom:20px;
	background-image:url(./images/top/arrow_1.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
	font-weight:bold;
}
.area_2 .inner .left .service_box.second .title{
	color:#697679;
	background-image:url(./images/top/arrow_2.png);
}
.area_2 .inner .left .service_box.first .basic_text{
	color:#0d527a;
}
.area_2 .inner .left .service_box.second .basic_text{
	color:#697679;
}
.area_3{
	position:relative;
	background:#2b3739;
}
.area_3 a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
}
.area_3 a:hover{
	background:rgba(256,256,256,0.3);
}

.area_3 .inner{
	width:1400px;
	padding:110px 30px 110px;
	display:flex;
	align-items:center;
}
.area_title .big,
.area_title .small{
	color:#fff;
}
.area_3 .inner .left{
	padding-right:7%;
}
.area_4{
	background:#fff;
	display:none;
}
.area_4 .inner{
	width:1400px;
	padding:110px 30px 110px;
	text-align:center;
}
.area_4 .inner a{
	border:1px solid #9ca2a3;
	display:inline-block;
}
.area_4 .inner a .flex{
	padding:60px 120px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.area_4 .inner a img{
	margin-right:30px;
}
.area_4 .inner a span{
	color:#0d527a;
	font-size:26px;
}
.area_5{
	display:flex;
}
.area_5 .left,
.area_5 .right{
	width:50%;
	position:relative;
}
.area_5 .left a,
.area_5 .right a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.area_5 .left a:hover, 
.area_5 .right a:hover{
	background:rgba(256,256,256,0.3);
}
.area_5 .left .title,
.area_5 .right .title{
	position:absolute;
	top:100px;
	left:8%;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	letter-spacing:0.32em;
}
.area_5 .left img,.area_5 .right img{
	width:100%;
}
.area_5 .left .bottom,
.area_5 .right .bottom{
	position:absolute;
	bottom:50px;
	right:0;
}
.area_5 .left .bottom .basic_text,
.area_5 .right .bottom .basic_text{
	padding-right:60px;
	color:#fff;
	font-size:12px;
	line-height:1.7;
	letter-spacing:0.48em;
	margin-bottom:50px;
}
.area_5 .left .bottom .text-right .more,
.area_5 .right .bottom .text-right .more{
	padding:15px 60px 15px 30px;
	font-size:12px;
	line-height:1;
	letter-spacing:0.48em;
	color:#fff;
	background:#0d527a;
	display:inline-block;
}
.area_6{
	background:#fff;
}
.area_6 .inner{
	width:1400px;
	padding:170px 30px 160px;
	text-align:center;
}
.area_6 .inner .title{
	font-size:34px;
	letter-spacing:0.48em;
	color:#697679;
	margin-bottom:50px;
	font-weight:bold;
}
.area_6 .inner ul{
	margin-bottom:50px;
}
.area_6 .inner ul li{
	display:flex;
	justify-content:center;
	margin-bottom:40px;
}
.area_6 .inner ul li span.date{
	color:#697679;
	font-size:11px;
	margin-right:20px;
	letter-spacing:0.48em;
}
.area_6 .inner ul li a{
	color:#697679;
	font-size:14px;
	letter-spacing:0.48em;
}
.area_6 .inner .more{
	padding:15px 60px;
	font-size:12px;
	line-height:1;
	letter-spacing:0.48em;
	color:#fff;
	background:#697679;
	border:1px solid #697679;
	text-align:center;
}
.area_6 .inner .more:hover{
	background:#FFF;
	color:#697679;
}
.area_7{
	background:#21b0c8;
}
.area_7 .inner{
	width:1400px;
	padding:170px 30px 160px;
	text-align:center;
}
.area_7 .inner .title{
	font-size:34px;
	font-weight:bold;
	letter-spacing:0.48em;
	color:#FFF;
	margin-bottom:50px;
}
.area_7 .inner .basic_text{
	color:#fff;
	margin-bottom:50px;
}
.area_7 .inner .flex{
	margin:0 auto;
	width:760px;
	display:flex;
	justify-content:space-between;
}
.area_7 .inner .flex a{
	width:calc(50% - 20px);
}
.area_7 .inner .flex a:first-child{
	padding:20px 40px 18px;
	text-align:center;
	font-size:14px;
	color:#21b0c8;
	background:#fff;
	pointer-events: none;
}
.area_7 .inner .flex a:nth-child(2){
	padding:20px 40px 18px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	background:#0d527a;
	border:1px solid #0d527a;
}
.area_7 .inner .flex a:nth-child(2):hover{
	color:#0d527a;
	background:#FFF;
	border:1px solid #0d527a;
}
footer{
	background:#2b3739;
}
footer .inner{
	padding:170px 30px 20px;
}
footer .inner .logo{
	text-align:center;
	margin-bottom:20px;
}
footer .inner .logo img{
	width:260px;
	height:auto;
}
footer .inner .copy{
	color:#fff;
	font-size:10px;
	text-align:center;
}
footer .inner .address{
	font-family: "dnp-shuei-gothic-kin-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#fff;
	margin-bottom:140px;
	text-align:center;
}
.header_wrap{
	padding:175px 80px;
	display:flex;
	align-items:center;
}
.header_wrap .left{
	width:45%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-right:50px;
}
.header_wrap .left .title_area{
	text-align:left;
}
.header_wrap .left .title{
	font-family: "Arial", "メイリオ";
	font-size:90px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1;
	margin-bottom:10px;
	color:#0d527a;
	display:block;
}
.header_wrap .left .small{
	font-size:22px;
	letter-spacing:0.4em;
	line-height:1;
	color:#0d527a;
}

.header_wrap .right{
	width:55%;
	height:330px;
	background-image:url(./images/jigyo/katei/header_img.jpg);
	background-size:cover;
	background-position:center center;
}
.company_page .header_wrap .right{
	background-image:url(./images/about/header_img.jpg);
}
.katei .header_wrap .right{
	background-image:url(./images/jigyo/katei/header_img.jpg);
}
.jigyosho .header_wrap .right{
	background-image:url(./images/jigyo/jigyosho/header_img.jpg);
}
.recycle .header_wrap .right{
	background-image:url(./images/jigyo/recycle/header_img.jpg);
}
.news .header_wrap .right,
.contact_page .header_wrap .right{
	background-image:url(./images/common/header_img.jpg);
}
.s_area_1{
	background:#f3f1ee;
}
.jigyosho .s_area_1{
	background:#0d527a;
}

.s_area_1 .inner{
	padding:90px 30px;
	width:1050px;
}
.inner .title.border{
	font-size:35px;
	letter-spacing:0.54em;
	line-height:90px;
	color:#2eafc8;
	text-align:center;
	position:relative;
	margin-bottom:50px;
	font-weight:bold;
}
.inner .title.border::after{
	content:"";
	position:absolute;
	width:75px;
	height:3px;
	background:#2eafc8;
	display:block;
	bottom: 0;
	left: 50%;
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.s_area_1 .inner .basic_text{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.7;
	color:#697679;
}
.jigyosho .inner .title.border{
	color:#fff;
}
.jigyosho .inner .title.border::after{
	background:#fff;
}
.jigyosho .s_area_1 .inner .basic_text{
	color:#fff;
}
.s_area_2{
	background:#fff;
}
.s_area_2 .inner{
	padding:90px 30px;
	width:1050px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.s_area_2 .inner a{
	padding:30px 30px 27px;
	border:2px solid #2eafc8;
	margin:0 10px 20px;
}
.s_area_2 .inner a span{
	font-size:22px;
	letter-spacing:0.32em;
	line-height:1.2;
	color:#2eafc8;
	display:inline-block;
	padding-right:40px;
	height:22px;
	background-image:url(./images/jigyo/anker_link.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 22px;
}
.jigyosho .s_area_2 .inner a{
	border:2px solid #0d527a;
}
.jigyosho .s_area_2 .inner a span{
	color:#0d527a;
	background-image:url(./images/jigyo/jigyosho/anker_link.png);
}
.jigyosho .s_box{
	background-image:url(./images/jigyo/jigyosho/bg.jpg);
}
.s_box{
	background-image:url(./images/jigyo/katei/bg.jpg);
	background-repeat:repeat-x;
	background-position:right top;
}
.s_box .inner{
	width:1400px;
	padding:40px 30px 160px;
	text-align:center;
}
.s_box .inner .flex{
	display:flex;
	margin-bottom:100px;
}
.katei .s_box .inner .flex{
	display:flex;
	margin-bottom:0px;
}
.s_box .inner .flex .left{
	width:610px;
}
.s_box .inner .flex .right{
	width:calc(100% - 610px);
	padding-left:50px;
	padding-top:75px;
	text-align:left;
}
.s_box .inner .flex .big_title{
	font-size:25px;
	letter-spacing:0.32em;
	line-height:1;
	color:#2eafc8;
	margin-bottom:115px;
}
.jigyosho .s_box .inner .flex .big_title{
	color:#fff;
}
.recycle .s_box .inner .flex .big_title{
	color:#61b551;
}

.s_box .inner .flex .basic_text{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.9;
	color:#697679;
}
.s_box .inner .flex .basic_text a{
	display:inline-block;
	padding:10px 30px;
	border:2px solid #21b0c8;
}
.s_box .inner .s_cont{
	display:inline-block;
	text-align:left;
	margin-bottom:100px;
}
.s_box .inner .s_cont .bold{
	color:#0d527a;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.2em;
	margin-bottom:30px;
}
.s_box .inner .s_cont .s_flex{
	width:100%;
	display:flex;
}
.s_box .inner .s_cont .s_flex ul:first-child{
	padding-right:35px;
}
.s_box .inner .s_cont .s_flex ul:nth-child(2){
	padding-left:35px;
}
.s_box .inner .s_cont .s_flex ul li{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.5;
	color:#697679;
	margin-bottom:6px;
}
.s_box .inner .toriatsuki{
	padding:75px 115px;
	border:4px solid #f3f1ee;
	position:relative;
	width:980px;
	margin:0 auto;
	border-radius:30px;
}
.s_box .inner .toriatsuki .basic_text{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.9;
	color:#697679;
	text-align:left;
}
.s_box .inner .toriatsuki .maru_title{
	background:#f3f1ee;
	width:480px;
	padding:30px;
	text-align:center;
	color:#0d527a;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.2em;
	position: absolute;
	top: 0;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius:30px;
}
.a_area_1{
	background:#f3f1ee;
}
.a_area_1 .inner{
	padding:90px 30px;
	width:1050px;
}
.inner .title.border{
	font-size:35px;
	letter-spacing:0.54em;
	line-height:90px;
	color:#2eafc8;
	text-align:center;
	position:relative;
	margin-bottom:50px;
}
.inner .title.border::after{
	content:"";
	position:absolute;
	width:75px;
	height:3px;
	background:#2eafc8;
	display:block;
	bottom: 0;
	left: 50%;
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.a_area_1 .inner .basic_text{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.7;
	color:#697679;
}
.a_area_1 .inner .big,
.a_area_2 .inner .big{
	font-size:28px;
	text-align:center;
	letter-spacing:0.36em;
	color:#0d527a;
	margin-bottom:50px;
	font-weight:bold;
}
.a_area_1 .inner .big.sky{
	color:#2eafc8;
}
.a_area_2{
	background:#fff;
}
.a_area_2 .inner{
	padding:90px 30px;
	width:1050px;
}
.a_area_2 ul li{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.7;
	color:#697679;
}
.a_area_3{
	background:#2b3739;
}
.a_area_3 .inner{
	padding:90px 30px;
	width:1400px;
}
.a_area_3 .inner .flex{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}
.a_area_3 .inner .flex figure{
	width:460px;
}
.a_area_3 .inner .flex p{
	width:calc(100% - 530px);
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1.7;
	color:#fff;
}
.a_area_4{
	padding-top:140px;
	padding-bottom:200px;
}
.a_area_4 .flex{
	width:1670px;
	max-width:100%;
	padding-right:30px;
	margin-bottom:100px;
}
.a_area_4 .flex .left{
	max-width:45%;
}
.a_area_4 .flex .right{
	max-width:55%;
	padding-left:6%;
}
.a_area_4 .flex .right th{
	width:100px;
	padding:45px 0 45px 0;
	border-bottom:1px solid #d9d9d9;
}
.a_area_4 .flex .right th .flex_th{
	width:100%;
	justify-content:space-between;
}
.a_area_4 .flex .right th .flex_th span{
	font-size:15px;
	font-weight:bold;
}
.a_area_4 .flex .right td{
	padding:45px 0 45px 4%;
	line-height:1.7;
	font-size:15px;
	border-bottom:1px solid #d9d9d9;
}
.a_area_4 .flex .right td li{
	line-height:1.7;
	font-size:15px;
}
.a_area_4 .flex .right td iframe{
	width:100%;
	aspect-ratio: 16 / 9;
}
.a_area_4 .inner.last{
	padding:50px 30px 0;
}
.a_area_4 .inner.last .pdf{
	display:flex;
	flex-wrap:wrap;
}
.a_area_4 .inner.last .pdf li{
	margin:0 10px 20px;
}
.a_area_4 .inner.last .pdf li a{
	padding:20px;
	display:inline-block;
	border:3px solid #21b0c8;
	font-weight:bold;
	color:#21b0c8;
	line-height:1.5;
}
.recycle .inner .title.border{
	color:#61b551;
}
.recycle .inner .title.border::after{
	background:#61b551;
}
.recycle .s_area_2 .inner a{
	border:2px solid #61b551;
}
.recycle .s_area_2 .inner a span{
	color:#61b551;
	background-image:url(./images/jigyo/recycle/anker_link.png);
}
.recycle .s_box .inner .flex .left figure:first-child{
	margin-bottom:20px;
}
.recycle .s_box .inner .right .border_line{
	padding-bottom:40px;
	margin-bottom:50px;
	border-bottom:1px solid #f3f1ee;
}
.recycle .s_box .inner .flex .green{
	font-size:20px;
	letter-spacing:0.2em;
	line-height:1;
	color:#61b551;
	margin-bottom:20px;
}
.recycle .s_box .inner .flex .basic_text.margin{
	margin-bottom:50px;
}
.recycle .s_box .inner .flex .right .flex_item{
	display:flex;
	align-items:center;
	margin-bottom:50px;
}
.recycle .s_box .inner .flex .right .flex_item .green{
	white-space:nowrap;
	padding-right:40px;
	margin-bottom:0;
}
.recycle .s_box .inner .text-center{
	margin-bottom:100px;
}
.recycle .s_box .inner .cont_flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.recycle .s_box .inner .cont_flex .box{
	width:calc(50% - 50px);
	margin-bottom:100px;
}
.recycle .s_box .inner .cont_flex .box figure{
	margin-bottom:30px;
}
.recycle .s_box .inner .cont_flex .box .bold{
	font-size:20px;
	letter-spacing:0.2em;
	line-height:1;
	color:#61b551;
	margin-bottom:20px;
	text-align:center;
}
.recycle .s_box .inner .cont_flex .box .basic_text{
	text-align:left;
}


/*-------お知らせ------*/
.news_list_area .inner{
	padding:90px 30px 80px;
	width:1230px;
}
.news_list_area .gray,
.news_single_area .gray{
	background:#f5f5f5;
}
.news_list_area ul.news_list{
	width:100%;
}
.news_list_area ul.news_list li{
	display:flex;
	align-items:center;
	padding:40px 0;
	border-bottom:1px solid #e2e2e2;
	width:100%;
	justify-content:space-between;
	position:relative;
}
.news_list_area ul.news_list li .flex{
	display:flex;
	align-items:center;
	width:calc(100% - 113px);

}
.news_list_area ul.news_list li figure{
	width:113px;
}
.news_list_area ul.news_list li .date{
	font-size:12px;
	letter-spacing:0.1em;
	margin-right:30px;
	color:#2e3f4a;
	font-weight:500;
}
.news_list_area ul.news_list li .cat{
	font-size:12px;
	width:120px;
	text-align:center;
	letter-spacing:0.2em;
	padding:10px 20px;
	display:inline-block;
	background:#e2e2e2;
	margin-right:20px;
	color:#2e3f4a;
	font-weight:500;
}
.news_list_area ul.news_list li .title{
	color:#2e3f4a;
	text-decoration:underline;
	line-height:1.3;
	font-size:13px;
}
.news_list_area .category_box{
	border-bottom:3px solid #e2e2e2;
	padding-bottom:25px;
}
.news_list_area .category_box ul{
	display:flex;
	justify-content:flex-start;
}
.news_list_area .category_box ul li{
	padding:0 20px;
	border-right:1px solid #2e3f4a;
}
.news_list_area .category_box ul li:last-child{
	border-right:0px solid #2e3f4a;
	padding:0 0 0 20px;
}
.news_list_area .category_box ul li a.active{
	color:#58c3e0;
}
.news_list_area .category_box ul li a{
	font-size:14px;
	letter-spacing:0.36em;
	line-height:1;
	color:#2e3f4a;
	font-weight:500;
}
.news_single_page .head_img{
	height:400px;
	background-image:url(./images/news_single/head_img.jpg);
}
.news_single_page .news_single_area .white{
	
}
.news_single_page .white .inner{
	padding:50px 30px 70px;
	width:1230px;
}
.news_single_page .gray .inner{
	padding:90px 30px 150px;
	width:1230px;
}
.news_single_page .link{
	height:70px;
	display:inline-block;
	padding:25px 50px;
	border: 2px solid #48b3db;
	border-radius:36px;
	background-position:left 65px center;
}
.news_single_page .link span{
	color:#58c3e0;
	font-size:14px;
	letter-spacing:0.18em;
	text-decoration:underline;
}
.news_single_page .white .flex{
	margin-bottom:20px;
	justify-content:flex-start;
	align-items:center;
}
.news_single_page .white .flex .date{
	font-size:12px;
	letter-spacing:0.1em;
	margin-right:30px;
	color:#2e3f4a;
	font-weight:500;
}
.news_single_page .white .flex .cat{
	font-size:12px;
	letter-spacing:0.2em;
	padding:10px 20px;
	display:inline-block;
	background:#e2e2e2;
	margin-right:20px;
	color:#2e3f4a;
	font-weight:500;
}
.news_single_page .white .title{
	font-size:22px;
	font-weight:700;
	letter-spacing:0.2em;
}
.contact_area{
	background:#FFF;
	border-bottom:2px solid #e2e2e2;
}
.contact_area .inner{
	width:1320px;
	padding:100px 30px 200px;
}
.contact_area .inner .item_title{
	display:flex;
	position:relative;
}
.contact_area .inner .item_title span{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#58c3e0;
	background-color:#fff;
	display:inline-block;
	padding:5px 5px 3px 0;
	position:relative;
	z-index:2;
}
.contact_area .inner .item_title::before{
	content:"";
	z-index:1;
	width:100%;
	height:1px;
	border-bottom:2px solid #58c3e0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -100%);
}
.contact_area .inner th{
	padding:30px 30px 30px 0;
	border-bottom:1px solid #eee;
	width:300px;
	vertical-align:middle;
}
.contact_area .inner th .flex{
	display:flex;
	align-items:center;
}
.contact_area .inner th .flex .item{
	font-size:15px;
	margin-right:10px;
	letter-spacing:0.06em;
	line-height:1.5;
	width:150px;
	text-align:left;
	font-feature-settings: "palt";
}
.contact_area .inner th .flex .hissu{
	font-size:12px;
	color:#fff;
	padding:6px 14px 4px;
	border-radius:10px;
	background:#58c3e0;
	line-height:1;
	white-space:nowrap;
}
.contact_area .inner td{
	width:calc(100% - 300px);
	padding:30px 0;
	border-bottom:1px solid #eee;
	line-height:1.5;
	vertical-align:middle;
}
.contact_area .inner td label{
	display:inline-block;
	margin-bottom:5px;
}
.contact_area .inner td .kome{
	padding-top:10px;
	font-size:10px;
	line-height:1.5;
	display:block;
}
.contact_area .inner td .kome.red{
	color:red;
}
.contact_area .inner td .kome.red *{
	color:red;
}
.contact_area .inner td p.yubin{
	display:inline-block;
	margin-right:10px;
}
.contact_area .inner td p{
	display:inline-block;
}
.contact_area .inner td input[type="text"],
.contact_area .inner td input[type="num"],
.contact_area .inner td input[type="tel"],
.contact_area .inner td input[type="email"]{
	height:46px;
	font-size:13px;
	padding:10px;
}
.contact_area .inner td .flex{
	align-items:center;
}
.contact_area .inner td .flex .year_month{
	padding:0 10px;
}
.contact_area .inner td .age_class{
	text-align:right;
}
.contact_area .inner td select{
	padding:10px;
	height:46px;
	margin-right:0px;
}
.contact_area .mw_wp_form .horizontal-item + .horizontal-item{
	margin-left:0;
}
.contact_area .mw_wp_form .horizontal-item{
	margin-right:10px;
}
.contact_area .inner td .long{
	width:100%;
}
.contact_area .inner td .long.mar{
	margin-bottom:10px;
}
.contact_area .inner td .zip_short{
	width:240px;
}
.contact_area .inner td .tel_short{
	width:400px;
}
.contact_area .inner td .zip_area{
	display:flex;
	align-items:center;
	margin-bottom:40px;
}
.contact_area .inner td .zip_area p{
	padding:0 15px;
}
.contact_area .inner td .zip_text input{
	margin-bottom:40px;
}
.contact_area .inner td .zip_text input:last-child{
	margin-bottom:0px;
}
.contact_area .inner a{
	text-decoration:underline;
}
.contact_area .inner tr.v-top th,
.contact_area .inner tr.v-top td{
	vertical-align:top;
}
.contact_area .inner tr.v-top td textarea{
	width:100%;
	height:300px;
	resize: none;
	padding:10px;
	font-size:13px;
	line-height:1.5;
}
.contact_area .inner tr.v-top td textarea.final_education{
	height:100px;
}
.contact_area .inner td p.text-right{
	display:block;
	font-size:12px;
}
.contact_area .inner td p.text-right *{
	font-size:12px;
}
.contact_area .inner td p.text-right .show-count.red{
	color:red;
}
.contact_area .inner table{
	width:100%;
	margin-bottom:115px;
}
.contact_area.entry_form .inner table,
.contact_area.mid_entry_form .inner table{
	width:100%;
	margin-bottom:75px;
}
.contact_area.entry_form .inner table.first_table{
	width:100%;
	margin-bottom:75px;
	transition: all 0.3s ease 0s;
}
.contact_area.entry_form .inner table.first_table.img_show{
	margin-bottom:50px;
	transition: all 0.3s ease 0s;
}
.contact_area.entry_form .inner figure.first_img{
	display:none;
	margin-bottom:115px;
}

.contact_area.mid_entry_form .inner .mw_wp_form_confirm figure.first_img{
	display:none;
}
.contact_area.mid_entry_form .inner .mw_wp_form_confirm  td .flex.age_box{
	margin-top:0;
}
.contact_area.mid_entry_form .inner figure.first_img{
	display:block;
	margin-bottom:115px;
}
.contact_area.entry_form .inner table.first_table th,
.contact_area.entry_form .inner table.first_table td{
	border-top:1px solid #eee;
}
.contact_area .inner input[type="submit"],
.contact_area .inner input[type="button"],
.contact_area .inner .send_btn{
	-webkit-appearance: none;
	min-width:200px;
	color:#fff;
	letter-spacing:0.2em;
	height: 70px;
    display: inline-block;
    padding: 25px 50px 25px 50px;
    border-radius: 36px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:700;
	background: linear-gradient(to right,#0583c9, #48b3db);
}
.contact_area .inner .mw_wp_form .error{
	padding-top:10px;
	font-size:12px;
}
.contact_area .inner .tel_flex{
	display:flex;
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom:1px solid #e2e2e2;
}
.contact_area .inner .tel_flex .tel_contact_title{
	font-size:33px;
	letter-spacing:0.18em;
	font-weight:500;
	margin-right:70px;
	white-space:nowrap;
	padding-top:13px;
}
.contact_area .inner .tel_flex .tel_num_area{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.contact_area .inner .tel_flex .tel_num_area .border{
	padding:8px 14px 6px;
	display:inline-block;
	font-size:20px;
	text-align:center;
	letter-spacing:0.32em;
	border:1px solid #2e3f4a;
	margin-right:16px;
}
.contact_area .inner .tel_flex .tel_num_area a{
	display:inline-block;
	font-size:62px;
	font-weight:bold;
	letter-spacing:0.06em;
	font-family: "mr-eaves-modern", sans-serif;
	font-style: normal;
}
.contact_area .inner .tel_flex .tel_num_area .kome{
	font-size:15px;
	letter-spacing:0.16em;
	line-height:1.9;
	display:block;
	width:100%;
	padding-top:5px;
}
.contact_area .inner .basic_text{
	margin-bottom:30px;
}
.contact_area .intern{
	display:none;
}
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10000;
}
header.scroll .inner,
header.on .inner{
	padding:35px 35px 0 45px;
}
header .inner{
	padding:75px 90px 0 75px;
	display:flex;
	width:100%;
	justify-content:space-between;
	align-items:center;
	transition: all 0.3s ease 0s;

}
header.recruit_head .inner{
	padding:75px 90px 0 75px;
}
header .inner img.logo_on{
	display:inline-block;
}
header .inner img.logo_off{
	display:none;
}
header.recruit_head .inner img{
	width:auto;
	height:65px;
}
header h1{
	transition: all 0.3s ease 0s;
}
header h1.off{
	opacity:0;
}
header .inner h1.off img{
	display:none;
}
header .inner img{
	width:120px;
}
header .inner .menu{
	width:65px;
	height:66px;
	display:flex;
	flex-flow:column;
	justify-content:space-between;
	padding-bottom:20px;
}
header .inner .menu span{
	border-bottom:2px solid #0d527a;
	width:100%;
	height:2px;
	transition: all 0.3s ease 0s;
}
header .inner .menu.on span.middle{
	opacity:0;
}
header .inner .menu.on span.top{
	transform-origin: center;
	transform: rotate(-0.12turn) translate(-16px, 16px);
}
header .inner .menu.on span.bottom{
	transform-origin: center;
	transform: rotate(0.12turn) translate(-16px, -16px);
}
.menu_wrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:#f3f1ee;
	transform:translate(0, 100vh);
	transition: all 0.5s ease 0s;
	z-index:100;
}
.menu_wrap.on{
	transform:translate(0, 0);
}
.menu_wrap .top{
	display:flex;
	justify-content:flex-start;
	padding:75px;
	align-items:center;
	height:70vh;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22239.6px%22%20height%3D%22219.5px%22%20viewBox%3D%220%200%20239.6%20219.5%22%20style%3D%22enable-background%3Anew%200%200%20239.6%20219.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3A%23030000%3B%7D%20.st2%7Bfill%3A%23EEEEEF%3B%7D%20.st3%7Bfill%3A%23171C61%3Bstroke%3A%23030000%3Bstroke-width%3A4.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st4%7Bfill%3Anone%3Bstroke%3A%23030000%3Bstroke-width%3A4.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st5%7Bfill%3A%23231815%3B%7D%20.st6%7Bfill%3A%23FFFFFF%3Bstroke%3A%23030000%3Bstroke-width%3A4.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st7%7Bfill%3A%232DAEC7%3B%7D%20.st8%7Bfill%3A%2300527A%3B%7D%20.st9%7Bfill%3A%23273A7B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M196.3%2C171.6c-10.2-6.6-30.1-6.3-47.7%2C2.6l-5-13.1c-35.7%2C10.7-48.3%2C28.8-43.7%2C41.5%20c6.3%2C17.3%2C45.6%2C18.1%2C75.4%2C8.8C205.1%2C201.9%2C210.9%2C180.9%2C196.3%2C171.6z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M160.1%2C191c0%2C0-4.8%2C1.5-6.7-0.1c-1.3-1.1-1.9-2.6-0.9-4.7c1.5-3.2%2C7.7-6.4%2C16.8-6.9%20c6.7-0.4%2C11.7%2C1.7%2C13.4%2C5.5c1.3%2C2.9%2C0.4%2C6.1-2.4%2C8.9c-5.7%2C5.7-28.8%2C13.5-41%2C8.7c-5.6-2.2-8.8-5.8-9.2-10.3%20c-0.5-5.8%2C4.1-12%2C12.9-17.3c18.3-11.1%2C41.8-13.3%2C54.6-5c6.3%2C4.1%2C9.5%2C10.4%2C8.5%2C17.2c-1.5%2C11.2-12.8%2C21.1-30.1%2C26.6%20c-12.4%2C3.9-26.5%2C6-39.1%2C6c-2.8%2C0-5.6-0.1-8.3-0.3c-16.7-1.4-27.6-7-30.8-15.8c-1.8-4.9-1.3-10.3%2C1.4-15.7%20c6-11.8%2C21.5-22%2C43.7-28.7c1.2-0.4%2C2.4%2C0.3%2C2.8%2C1.5c0.4%2C1.2-0.3%2C2.4-1.5%2C2.8c-20.7%2C6.2-35.7%2C15.8-41%2C26.4%20c-2.1%2C4.3-2.6%2C8.5-1.2%2C12.2c5.6%2C15.5%2C43%2C16.7%2C72.6%2C7.4c18.4-5.8%2C26-15.6%2C27-22.9c0.7-5.1-1.6-9.7-6.5-12.8%20c-9.9-6.3-31.2-6.2-49.8%2C5.1c-7.2%2C4.3-11.1%2C9.1-10.7%2C13.1c0.2%2C2.7%2C2.5%2C4.9%2C6.4%2C6.5c10%2C3.9%2C31.4-2.9%2C36.2-7.7%20c0.8-0.8%2C2.1-2.4%2C1.5-3.9c-0.7-1.6-4-3.5-9.3-3.1c-6.9%2C0.5-9.4%2C1.8-11.4%2C3.4C156.6%2C188%2C157.4%2C190.4%2C160.1%2C191z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M125.8%2C185.2c-1.8%2C3.2-6%2C9.3-2.2%2C14.7c3.8%2C5.3%2C19.2%2C8%2C19.2%2C8s-15.8%2C1.5-21.5-6.5S125.8%2C185.2%2C125.8%2C185.2z%22%20%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M119.1%2C182.7c-9.7%2C4.8-16.3%2C16-1.5%2C22.3c0%2C0-6.8-6.3-4.8-12.3C114.7%2C187%2C119.1%2C182.7%2C119.1%2C182.7z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M81.8%2C151.1c0%2C4.7%2C5.3%2C24%2C35.6%2C28.6c30.4%2C4.7%2C54.8-18%2C54.9-38c0%2C0%2C28.6-8.2%2C39.7-8.2l6.4-20.9%20c0%2C0-30.3-2.4-57.9-0.1c-26.6%2C2.3-88.2%2C12.9-97%2C13.4c-8.8%2C0.6-32.1%2C6.4-32.1%2C6.4s-4.7%2C5.3-2.3%2C14L81.8%2C151.1z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M183.1%2C175.5c0%2C0%2C6.8%2C3.2%2C7.7%2C8s-4%2C10.2-4%2C10.2s7.8-3.7%2C6.7-11C192.5%2C177%2C183.1%2C175.5%2C183.1%2C175.5z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M144.3%2C184.7c-2.9%2C1.6-4%2C5.2-1.2%2C7.9c2.9%2C2.9%2C9.2%2C1.3%2C9.2%2C1.3s-6.5-1-8-4.2S144.3%2C184.7%2C144.3%2C184.7z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M237.4%2C120.4c0%2C9.4-7.6%2C16.9-16.9%2C16.9c-9.4%2C0-16.9-7.6-16.9-16.9c0-9.4%2C7.6-16.9%2C16.9-16.9%20C229.8%2C103.4%2C237.4%2C111%2C237.4%2C120.4z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M204.3%2C121c0%2C0%2C1.5%2C7.8%2C13.5%2C8.5s18.2-5.5%2C18.7-13.3c0%2C0%2C2.3%2C6.3-1.5%2C13.2c-3.8%2C6.8-10.3%2C8.2-16.2%2C7.7%20c-5.8-0.5-10-4-12.3-7.5C204.1%2C126%2C204.3%2C121%2C204.3%2C121z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M237.4%2C120.4c0%2C9.4-7.6%2C16.9-16.9%2C16.9c-9.4%2C0-16.9-7.6-16.9-16.9c0-9.4%2C7.6-16.9%2C16.9-16.9%20C229.8%2C103.4%2C237.4%2C111%2C237.4%2C120.4z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M36.1%2C139.1c0%2C9.4-7.6%2C16.9-16.9%2C16.9c-9.4%2C0-16.9-7.6-16.9-16.9c0-9.4%2C7.6-16.9%2C16.9-16.9%20C28.6%2C122.2%2C36.1%2C129.8%2C36.1%2C139.1z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M3%2C139.8c0%2C0%2C1.5%2C7.8%2C13.5%2C8.5s18.2-5.5%2C18.7-13.3c0%2C0%2C2.3%2C6.3-1.5%2C13.2c-3.8%2C6.8-10.3%2C8.2-16.2%2C7.7%20s-10-4-12.3-7.5C2.9%2C144.8%2C3%2C139.8%2C3%2C139.8z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M36.1%2C139.1c0%2C9.4-7.6%2C16.9-16.9%2C16.9c-9.4%2C0-16.9-7.6-16.9-16.9c0-9.4%2C7.6-16.9%2C16.9-16.9%20C28.6%2C122.2%2C36.1%2C129.8%2C36.1%2C139.1z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M126%2C151.5c0%2C0%2C15.5-2%2C22-4c0%2C0%2C1.8%2C5-1.2%2C7.2s-15.5%2C4.5-18.5%2C2.8S126%2C151.5%2C126%2C151.5z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M83.4%2C153.1c0%2C0%2C14.3%2C0.8%2C21%2C0c0%2C0%2C1.3%2C5.1-2%2C6.8c-3.3%2C1.7-15.2%2C1.8-17.9-0.5%20C81.9%2C157.1%2C83.4%2C153.1%2C83.4%2C153.1z%22%2F%3E%20%3Cpath%20class%3D%22st5%22%20d%3D%22M108.8%2C145.7c0%2C1.8%2C2.3%2C10.5%2C6.8%2C19.2c5.1%2C9.9%2C14.2%2C15.2%2C14.2%2C15.2s-9.5-11.1-13-20.5%20c-3.5-9.5-3.8-14.2-3.8-14.2L108.8%2C145.7z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M36.1%2C80.2c-1.5%2C21.7%2C5.1%2C42.9%2C23.9%2C56c22.7%2C15.9%2C61%2C12%2C83.2-2.6c22.2-14.6%2C33.4-48.7%2C29.9-62.1%20C169.5%2C58%2C36.1%2C80.2%2C36.1%2C80.2z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M121.5%2C71c0.2%2C0.8%2C12.2%2C14.5%2C11.5%2C36.5c-0.7%2C21.4-15.8%2C33.8-37.2%2C39.2c0%2C0%2C36-0.5%2C56.8-19.8%20c13.7-12.8%2C19.8-29.5%2C21-38s1-18.8-0.8-19.2S121.5%2C71%2C121.5%2C71z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M36.1%2C80.2c-1.5%2C21.7%2C4.7%2C41.9%2C23.9%2C56c22.3%2C16.5%2C61%2C12%2C83.2-2.6c22.2-14.6%2C33.4-48.7%2C29.9-62.1%20C169.5%2C58%2C36.1%2C80.2%2C36.1%2C80.2z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M132.6%2C83.3c-1.2%2C13.4%2C2.3%2C32.9%2C14%2C36.8c0%2C0-2.9%2C11.6-11.6%2C18.1c0%2C0%2C17.1-6.6%2C23.5-19.4%20c0%2C0%2C14.1-6.1%2C17.3-23.8c2.9-15.9%2C0.7-20.9%2C0.7-20.9s-11.2%2C2.2-10.7%2C4.6c0.6%2C2.3%2C2.3%2C26.9-11.1%2C29.8%20c-13.4%2C2.9-12.9-26.3-12.9-26.3L132.6%2C83.3z%22%2F%3E%20%3Cpath%20class%3D%22st6%22%20d%3D%22M78.2%2C96.7c0%2C9-7.3%2C16.3-16.3%2C16.3c-9%2C0-16.3-7.3-16.3-16.3c0-9%2C7.3-16.3%2C16.3-16.3%20C70.9%2C80.4%2C78.2%2C87.7%2C78.2%2C96.7z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M68.1%2C96.7c0%2C3.6-2.9%2C6.6-6.6%2C6.6c-3.6%2C0-6.6-3-6.6-6.6c0-3.6%2C3-6.6%2C6.6-6.6C65.1%2C90.2%2C68.1%2C93.1%2C68.1%2C96.7z%22%20%2F%3E%20%3Cpath%20class%3D%22st6%22%20d%3D%22M113.3%2C94.2c0%2C9-7.3%2C16.3-16.3%2C16.3c-9%2C0-16.3-7.3-16.3-16.3S88%2C77.9%2C97%2C77.9C106%2C77.9%2C113.3%2C85.2%2C113.3%2C94.2%20z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M103.5%2C94.2c0%2C3.6-3%2C6.6-6.6%2C6.6c-3.6%2C0-6.6-3-6.6-6.6c0-3.6%2C3-6.6%2C6.6-6.6C100.5%2C87.6%2C103.5%2C90.6%2C103.5%2C94.2%20z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M31.5%2C81c0.4%2C2.4-19.9%2C5.8-19.3%2C10.5c0.6%2C4.7%2C36.8%2C5.3%2C76%2C1.2c39.1-4.1%2C87.1-7.6%2C89.4-12.3%20c2.3-4.7%2C1.7-45.8-26.7-65.1C128.1-0.2%2C96.4-2.2%2C68.9%2C10.9C38.7%2C25.2%2C28.1%2C58.4%2C31.5%2C81z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M39.1%2C82.2c1.8%2C0%2C32.1%2C2.9%2C76.5%2C0.6%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st7%22%20d%3D%22M75.3%2C65.4l0-0.1c-1.5%2C1.5-2.8%2C2.8-3.2%2C3.2c-0.9%2C0.9-1.2%2C1-1.5-0.7c-0.3-1.7-1.2-6.1-1.4-8.2%20c-0.2-2.1%2C1.4-1.6%2C1.7-0.7c0.3%2C0.9%2C0.8%2C2.2%2C1.7%2C6.1c0.9%2C3.9%2C0.1-6-1.1-9.8c-1.2-3.8-4.3-4.4-4.3%2C0.5c0%2C4%2C1%2C11.9%2C1.7%2C15.6%20c0.5%2C2.7%2C1.6%2C1.3%2C2.8%2C0.3c0.4-0.3%2C1.9-1.7%2C3.7-3.5v0C75.4%2C67.3%2C75.3%2C66.4%2C75.3%2C65.4%22%2F%3E%20%3Cpath%20class%3D%22st8%22%20d%3D%22M78.4%2C55.4C74.7%2C62%2C76%2C68.7%2C76.2%2C70.6c0.2%2C1.9%2C1.9%2C1.7%2C2.5%2C0.7c0.5-1%2C0.9-1.4%2C1.8-1.9%20c0.9-0.6%2C0.2-0.7-0.3-0.7c-0.5%2C0-0.8-0.2-0.9-1.6c-0.1-1.4-0.1-5.6%2C0-7.5c0.1-2%2C1.5-5.8%2C3.3-5.4c1.8%2C0.4%2C0.2%2C3.5-1.6%2C5.5%20c-0.3%2C0.3-0.7%2C0.8-1.2%2C1.3c0%2C0.1%2C0%2C0.3%2C0%2C0.4l0%2C2.4c0%2C0.1%2C0%2C0.3%2C0%2C0.4c2.5-2.5%2C4.8-5%2C5.8-6.5C87.8%2C54%2C82.1%2C48.8%2C78.4%2C55.4%22%2F%3E%20%3Cpath%20class%3D%22st7%22%20d%3D%22M66.2%2C68.1c-0.4-0.4-0.8-0.8-1.1-1c-1.1-1-1.4-1.3-1.4-2.8c0-1.8%2C0.9-2.3%2C0.9-2.3c0.1%2C0%2C0.1-0.1%2C0.1-0.1%20c0-0.1-0.1-0.1-0.1-0.1c0%2C0-2.2%2C0.5-2.2%2C3.8c0%2C3.4%2C1.5%2C4.4%2C3.1%2C5.2c1.6%2C0.8%2C2.2%2C2%2C2.2%2C2c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1c0%2C0%2C0%2C0%2C0%2C0%20c0.1%2C0%2C0.1-0.1%2C0.1-0.1c0-0.2%2C0-0.4%2C0-0.6C67.9%2C71%2C67.9%2C69.8%2C66.2%2C68.1%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st9%22%20d%3D%22M136.3%2C18c-4.4-0.8-5%2C3.5-2.8%2C6.2s10.8%2C7.8%2C14%2C12s6.8%2C9.8%2C10.2%2C8.5s-0.2-9-3.2-13.5S142%2C19%2C136.3%2C18z%22%2F%3E%20%3Ccircle%20class%3D%22st9%22%20cx%3D%22162%22%20cy%3D%2252.2%22%20r%3D%224.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position:right 50px bottom 20px;
	background-size:200px;
	background-repeat:no-repeat;
}
.menu_wrap.on .top ul{
	opacity:1;
	transform:translate(0, 0);
}


.menu_wrap ul{
	max-width:100%;
	padding:0 70px;
	transition: all 0.5s ease 0s;
	opacity:0;
	transform:translate(0, 50px);
}
.menu_wrap ul.first{
	transition-delay: 150ms, 150ms;
	transition-property: opacity, transform;
}
.menu_wrap ul.second{
	transition-delay: 300ms, 300ms;
	transition-property: opacity, transform;
}
.menu_wrap ul li{
	margin-bottom:25px;
	/*text-align:center;*/
	padding:0;
}
.menu_wrap ul li:last-child{
	margin-bottom:0px;
}
.menu_wrap ul li a{
	color:#0d527a;
	font-weight:bold;
	font-size:22px;
}
.menu_wrap .bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:30vh;
	background:#FFF;
	padding:30px 30px 30px 145px;
}
.menu_wrap.on .bottom div{
	opacity:1;
	transform:translate(0, 0);
}

.menu_wrap .bottom div{
	opacity:0;
	transform:translate(0, 50px);
	position:relative;
	width:calc((100% - 60px) / 3);
	background:#fff;
	padding:40px 30px;
	border:1px solid #0d527a;
	transition: all 0.5s ease 0s;
	transition-delay: 450ms, 450ms;
	transition-property: opacity, transform;
}
.menu_wrap .bottom div a{
	display:block;
	width:100%;
	height:100%;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}
.menu_wrap .bottom div p{
	font-weight:bold;
	font-size:19px;
}
.recruit_page *{
	color:#171c61;
}
.r_main{
	position:relative;
	width:100%;
	height:100vh;
	background-image:url(./images/recruit/r_main.jpg);
	background-size:cover;
	background-position:center center;
	overflow:hidden;
}
.r_main .logo{
	height:34%;
	width:auto;
	z-index:10;
}
.r_main .logo img{
/*	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4));*/
	height:100%;
	width:auto;
}
.r_main .img_1{
position:absolute;
left:17%;
top:-30px;
width:16.4%;
max-width:316px;
}
.r_main .img_2{
position:absolute;
left:42%;
top:-50px;
width:23%;
max-width:444px;
}
.r_main .img_3{
position:absolute;
right:20%;
top:33%;
width:18.2%;
max-width:350px;
}
.r_main .img_3 div{
	position:relative;
}
.r_main .img_3 div .car{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.r_main .img_4{
position:absolute;
left:1.7%;
top:37%;
width:20.8%;
max-width:400px;
}
.r_main .img_5{
position:absolute;
left:9.5%;
bottom:6.5%;
width:15.3%;
max-width:295px;
}
.r_main .img_6{
position:absolute;
left:27%;
bottom:10%;
width:9.8%;
max-width:190px;
}
.r_main .img_7{
position:absolute;
right:21%;
bottom:6.5%;
width:22%;
max-width:421px;
}
.r_main .img_8{
position:absolute;
right:-13%;
bottom:-10px;
width:26%;
max-width:498px;
}
.r_area_1{
	display:flex;
	background-color:#ffdc73;
	align-items:center;
	padding:175px 0;
	overflow:hidden;
}
.r_area_1 .right{
	width:846px;
	position:relative;
}
.r_area_1 .right figure.img_1{
position:absolute;
right:30%;
top:0%;
width:28%;
max-width:240px;
}
.r_area_1 .right figure.img_2{
position:absolute;
right:5%;
top:33%;
width:28%;
max-width:240px;
}
.r_area_1 .right figure.img_3{
position:absolute;
right:-10%;
bottom:0;
width:28%;
max-width:240px;
}

.r_area_1 .left{
	width:calc(100% - 846px);
	padding:0 8% 0 10%;
	display:flex;
	align-items:center;
}
.r_area_1 .left .in_box .flex{
	align-items:flex-end;
	margin-bottom:40px;
}
.r_area_1 .left .in_box .flex .catch{
	padding-left:30px;
	font-size:34px;
	font-weight:bold;
	line-height:1.7;
	letter-spacing:0.24em;
}
.r_area_2{
	background-color:#f3f1ee;
}
.r_area_2 .inner{
	width:1400px;
	padding:160px 30px 160px;
}
.r_area_2 .inner .top_area{
	width:600px;
	max-width:100%;
	margin:0 auto 140px;
}
.r_area_2 .inner .top_area .bold{
	font-size:34px;
	font-weight:bold;
	line-height:1.7;
	letter-spacing:0.24em;
	text-align:center;
	margin-bottom:30px;
}
.r_area_2 .inner .border_white{
	width:100%;
	border-top:2px solid #fff;
	padding-bottom:200px;
}
.r_area_2 .inner .border_white:last-child{
	padding-bottom:0px;
}
.r_area_2 .inner .border_white .text-center{
	transform: translate(0, -50%);
}
.r_area_2 .inner .border_white .text-center .white_box{
	padding:30px 60px;
	background:#fff;
	display:inline-block;
}
.r_area_2 .inner .border_white .text-center .white_box p{
	display:flex;
	min-width:120px;
	width:auto;
	justify-content:space-between;
}
.r_area_2 .inner .border_white .text-center .white_box p span{
	color:#21b0c8;
	font-size:34px;
	font-weight:bold;
	letter-spacing:0.24em;
}
.r_area_2 .inner .border_white .flex{
	width:980px;
	padding-top:30px;
	max-width:100%;
	margin:0 auto 90px;
	align-items:center;
}
.r_area_2 .inner .border_white hr{
	border:1px solid #fff;
	height:1px;
	margin:0 auto 90px;
	background:none;
	width:100%;
}
.r_area_2 .inner .border_white .flex figure{
	width:375px;
	border-radius:19px;
	overflow:hidden;
}
.r_area_2 .inner .border_white .flex p{
	width:calc(100% - 375px);
	padding-left:40px;
}
.r_area_2 .inner .border_white .shain_flex{
	width:100%;
	display:flex;
	justify-content:center;
}
.r_area_2 .inner .border_white .shain_flex .shain_box figure{
	width:260px;
	overflow:hidden;
	border-radius:50%;
	border:17px solid #fff;
	margin:0 auto 0px;
	position:relative;
	z-index:2;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
}
.r_area_2 .inner .border_white .shain_flex .shain_box figure img{
	transition: all 0.3s ease 0s;
}
.r_area_2 .inner .border_white .shain_flex .shain_box:hover figure img{
	transform:scale(1.2);
}
.r_area_2 .inner .border_white .shain_flex .shain_box .name{
	font-size:16px;
	letter-spacing:0.3em;
	line-height:1;
	text-align:center;
	padding:35px 20px 28px;
	background:#21b0c8;
	color:#fff;
	font-weight:bold;
	z-index:1;
	transform: translate(0, -20px);
}
.r_area_2 .inner .border_white .shain_flex .shain_box{
	position:relative;
	margin-right:90px;
	margin-left:30px;
	width:300px;
}
.r_area_2 .inner .border_white .shain_flex .shain_box .more{
	position:absolute;
	right:-90px;
	bottom:30px;
	z-index:3;
}
.r_area_2 .inner .border_white .shain_flex .shain_box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
	display:block;
}
.r_area_3{
	background-color:#fff;
}
.r_area_3 .inner{
	width:1400px;
	padding:160px 30px 160px;
}
.r_area_3 .inner .top_area{
	width:600px;
	max-width:100%;
	margin:0 auto 80px;
}
.r_area_3 .inner .top_area .bold{
	font-size:34px;
	font-weight:bold;
	line-height:1.7;
	letter-spacing:0.24em;
	text-align:center;
	margin-bottom:30px;
}
.r_area_3 .inner .flex{
	width:980px;
	max-width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto;
}
.r_area_3 .inner .flex .box{
	width:calc((100% - 140px) / 3);
	margin-bottom:70px;
}
.r_area_3 .inner .flex figure{
	border-radius:19px;
	overflow:hidden;
	margin-bottom:15px;
}
.r_area_3 .inner .flex .caption{
	text-align:center;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
}
.r_area_4{
	background-color:#ffdc73;
}
.r_area_4 .inner{
	width:1040px;
	padding:160px 30px 160px;
}
.r_area_4 .inner .top_area{
	width:600px;
	max-width:100%;
	margin:0 auto 80px;
}
.r_area_4 .inner .top_area .bold{
	font-size:34px;
	font-weight:bold;
	line-height:1.7;
	letter-spacing:0.24em;
	text-align:center;
	margin-bottom:30px;
}
.r_area_4 .inner table{
	width:100%;
}
.r_area_4 .inner tr:first-child th{
	padding:0px 0px 40px 0;
}
.r_area_4 .inner tr:first-child td{
	padding:0px 40px 40px 60px;
}
.r_area_4 .inner td{
	border-bottom:1px solid #6c665e;
	padding:40px 40px 40px 60px;
	font-size:16px;
	letter-spacing:0.16em;
	line-height:1.5;
}
.r_area_4 .inner th{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #6c665e;
	padding:40px 0px 40px 0;
	width:100px;
	text-align-last: justify;
}

.wp-pagenavi{
	text-align:center;
}
.wrapper .wp-pagenavi a,.wrapper  .wp-pagenavi span{
	border:none;
}
.wrapper .wp-pagenavi a{
	color:#68c7e2;
	text-decoration:underline;
}
.senpai_page{
	background:#f3f1ee;
}
.senpai_header{
	height:350px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background-image:url(./images/recruit/senpai/senpai_header.png);
	background-size:cover;
}
.senpai_header .big{
	font-size:24px;
	letter-spacing:0.24em;
	color:#ffdc73;
	line-height:2.1;
	font-weight:bold;
	font-family: "Arial", "メイリオ";
}
.senpai_header .small{
	font-size:14px;
	letter-spacing:0.3em;
	color:#ffdc73;
	line-height:2.1;
	font-weight:bold;
	font-family: "fot-tsukubrdgothic-std", sans-serif;
}
.senpai_area_1{
	display:flex;
	padding:110px 0 0;
}
.senpai_area_1 .left{
	width:50%;
	padding-top:20px;
	display:flex;
	justify-content:flex-end;
}
.senpai_area_1 .left .in_box{
	width:490px;
	padding-right:50px;
	position:relative;
	height:100%;
}
.senpai_area_1 .left .in_box .chara{
	position:absolute;
	bottom:0;
	left:0;
	transition: all 0.3s ease 0s;
	width:150px;
}
.senpai_area_1 .left .in_box .senpai_info{
	margin-bottom:55px;
}
.senpai_area_1 .left .in_box .senpai_info .item{
	font-size:14px;
	letter-spacing:0.3em;
	color:#171c61;
	line-height:2.1;
	font-weight:bold;
	font-family: "fot-tsukubrdgothic-std", sans-serif;
}
.senpai_area_1 .left .in_box .senpai_info .cont{
	font-size:24px;
	letter-spacing:0.24em;
	color:#171c61;
	line-height:2.1;
	font-weight:bold;
	font-family: "fot-tsukubrdgothic-std", sans-serif;
}
.senpai_area_1 .right{
	width:50%;
	padding-right:50px;
}
.senpai_area_1 .right img{
	filter: drop-shadow(180px -70px 0 #fff);
}
.senpai_area_2 .inner{
	width:1040px;
	padding:0 30px 300px;
}
.senpai_area_2 .inner .q_a{
	padding:100px 0 80px;
	border-bottom:1px solid #91d3dc;
}
.senpai_area_2 .inner .q_a .question{
	font-size:18px;
	letter-spacing:0.3em;
	color:#171c61;
	line-height:2.1;
	font-weight:bold;
	margin-bottom:15px;
}
.senpai_area_2 .inner .q_a .answer{
	font-size:16px;
	letter-spacing:0.24em;
	color:#171c61;
	line-height:1.9;
	font-weight:bold;
	font-family: "fot-tsukubrdgothic-std", sans-serif;
}
.senpai_area_2 .inner .flex{
	width:100%;
	justify-content:space-between;
	align-items:center;
	padding-top:150px;
}
.senpai_area_2 .inner .flex a.border{
	padding:28px 40px 28px;
	line-height:1;
	text-align:center;
	font-size:16px;
	color:#21b0c8;
	width:350px;
	background:#FFF;
	border:1px solid #21b0c8;
}
.senpai_area_2 .inner .flex a.green{
	padding:28px 40px 28px;
	line-height:1;
	text-align:center;
	font-size:16px;
	color:#fff;
	width:350px;
	background:#21b0c8;
	border:1px solid #21b0c8;
}
.katei .s_box#shigen .inner .flex{
	margin-bottom:100px;
}
.katei .s_box .flow{
	margin-bottom:0px;
	border-top:5px solid #f3f1ee;
	border-bottom:5px solid #f3f1ee;
	padding:80px 0 50px;
	position:relative;
	margin-bottom:120px;
}
.katei .s_box .flow .text-center{
	transform: translate(0%, -50%);
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.katei .s_box .flow .text-center .flow_title{
	padding:30px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#0d527a;
	width:480px;
	background:#f3f1ee;
	border-radius:44px;
	display:inline-block;
}
.katei .s_box .flow .flow_flex{
	display:flex;
	align-items:start;
	justify-content:center;
	padding:0 30px;
}
.katei .s_box .flow .flow_flex .flow_box{
	padding:0 0px;
	width:255px;
}
.katei .s_box .flow .flow_flex .flow_arrow{
	padding-top:100px;
}
.katei .s_box .flow .flow_flex .flow_box .blue_title{
	color:#0d527a;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:center;
	margin-bottom:20px;
	line-height:1.5;
}
.katei .s_box .flow .flow_flex .flow_box figure{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
@media screen and (max-width: 1500px) {
.r_area_1 .right{
	width:45%;
}
.r_area_1 .left{
	width:55%;
}
.r_area_1 .left .in_box .flex img{
	width:130px;
}
.r_area_1 .left .in_box .flex .catch{
	font-size:25px;
}
}