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


@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1400);}/*10px;*/
	.sp_only{display: none!important;}
}
/*
@media (max-width: 899px) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 600);}
	.sp_only{display: none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}

.Roboto{font-family: "Roboto", sans-serif;}
.RobotoC{font-family: "Roboto Condensed", sans-serif;}
.svg_comma01 path{fill:#022054;}
.svg_comma02 path{fill:#022054;}
.svg_arrow01 path{fill:#FFF;}



.c_link01{font-size:1.4rem;line-height:5rem;width:21rem;padding: 0 2rem;box-sizing:border-box;display:block;color:#FFF;background:#00B2F9;position:relative;transition:0.5s;}
.c_link01 span{position:absolute;top:50%;right:3rem;transform:translate(50%,-50%);}
.c_link01:hover{color:#00B2F9;background:#FFF;}



header {position:absolute;top:0;left:0;width:100%;z-index:1000;}
header .wrap {display:flex;align-items:center;justify-content:flex-end;width:100%;}
header .logo {width:21rem;position:absolute;top:2.5rem;left:2.5rem;z-index:1002;}
header #humb{display:none;}
header nav .links{display:flex;align-items:center;}
header nav .links .link{font-size:1.4rem;line-height:2.6rem;letter-spacing:0.2em;color:#FFF;position:relative;margin-right:4rem;}
header nav .links .link::before{content:"";width:0%;height:1px;background:#FFF;position:absolute;bottom:0;right:0;transition:0.5s;}
header nav .links .contact{font-size:1.4rem;line-height:6rem;width:13rem;color:#FFF;background:#00B2F9;position:relative;text-align:center;transition:0.5s;}
header nav .links .contact:hover{color:#00B2F9;background:#FFF;}

footer {color:#FFF;background:url("../img/common/footer.jpg");background-size:cover;height:60rem;display:flex;align-items:flex-end;}
footer .wrap{width:123rem;max-width:100%;margin: 0 auto;position:relative;padding-bottom:2rem;}
footer .wrap .message{font-size:6.2rem;line-height:6.9rem;font-weight:bold;letter-spacing:0.01em;margin-bottom:4rem;}
footer .wrap .links{display:flex;margin-bottom:3.5rem;}
footer .wrap .links .link{font-size:1.4rem;line-height:2.6rem;letter-spacing:0.2em;margin-right:3.5rem;position:relative;}
footer .wrap .links .link::before{content:"";width:0%;height:1px;background:#FFF;position:absolute;bottom:0;right:0;transition:0.5s;}
footer .wrap .links .link:hover::before{width:100%;left:0;right:auto;}
footer .wrap .prf{position:absolute;bottom:1rem;right:0;}
footer .wrap .prf .name{font-size:1.4rem;line-height:2.5rem;letter-spacing:0.05em;}
footer .wrap .prf .text{font-size:1.4rem;line-height:2.5rem;letter-spacing:0.05em;}
footer .wrap .copyright{font-size:1rem;}

@media(min-width:900px){
header nav .links .link:hover::before{width:100%;left:0;right:auto;}
}

@media(max-width:899px){
	body{padding-top:5rem;}
	header {position:fixed;height:5rem;background:#FFF;}
	header .logo {width:14rem;position:fixed;top:2.5rem;left:1rem;transform:translateY(-50%);}
	header #humb{position:fixed;top:2.5rem;right:1.5rem;width:3rem;height:3rem;transform:translateY(-50%);display:block;z-index:1001;}
	header #humb .border01{width:2.6rem;height:2px;background:#022054;position:absolute;top:0.7rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .border02{width:2.6rem;height:2px;background:#022054;position:absolute;top:1.5rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .border03{width:2.6rem;height:2px;background:#022054;position:absolute;top:2.3rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header input:checked ~ #humb .border01{top:1.5rem;transform:translate(-50%,-50%) rotate(-135deg);}
	header input:checked ~ #humb .border02{top:1.5rem;transform:translate(-50%,-50%) rotate(-180deg);width:0;}
	header input:checked ~ #humb .border03{top:1.5rem;transform:translate(-50%,-50%) rotate(135deg);}
	header nav{position:fixed;top:0;left:0;width:0;height:100vh;padding:10rem 0 2rem;box-sizing:border-box;z-index:998;background:linear-gradient(to bottom , #FFF 5rem , #022054 5rem);overflow:hidden;transition:0.5s;}
	header nav .links{flex-direction:column;width:calc(100vw - 2rem);}
	header nav .links .link {font-size:1.6rem;line-height:3rem;margin: 0 0 2.5rem 0;}
	header nav .links .contact{font-size:1.6rem;line-height:4rem;width:20rem;}
	header input:checked ~ nav {width:100vw;padding:10rem 1rem 2rem;}
	
	
	footer {height:26rem;}
	footer .wrap{width:35rem;}
	footer .wrap .message{font-size:2.6rem;line-height:3.6rem;margin-bottom:1.5rem;}
	footer .wrap .links{display:none;}
	footer .wrap .prf{position:static;}
	footer .wrap .prf .name{font-size:1.4rem;line-height:2.4rem;margin-bottom:0.5rem;}
	footer .wrap .prf .text{font-size:1.3rem;line-height:2.4rem;}
	footer .wrap .copyright{font-size:1rem;margin-top:2rem;}

}



.sec_subhero {position:relative;}
.sec_subhero::before{content:"";width:100%;height:100%;background:url("../img/common/hero_fr.png");background-size:cover;background-position:left center;position:absolute;top:0;left:0;}
.sec_subhero .titles {color:#FFF;position:absolute;bottom:5.5rem;left:3rem;z-index:5;}
.sec_subhero .titles .etitle {font-size:2rem;}
.sec_subhero .titles .title {font-size:4rem;letter-spacing:0.2em;font-weight:900;}
.sec_subhero .img {width:122rem;max-width:100%;margin: 0 0 0 auto;}


.top .sec_hero {position:relative;z-index:10;}
.top .sec_hero .imgs {}
.top .sec_hero .imgs .img{}
.top .sec_hero .imgs .video{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
.top .sec_hero .imgs .video video{width:100%;height:100%;object-fit:cover;}
.top .sec_hero .wrap {position:absolute;bottom:7rem;left:0;width:100%;}
.top .sec_hero .wrap .titles {width:115rem;max-width:100%;margin: 0 auto;color:#FFF;}
.top .sec_hero .wrap .titles .etitle {font-size:6.7rem;line-height:7.7rem;font-weight:bold;letter-spacing:0.01em;margin-bottom:2rem;}
.top .sec_hero .wrap .titles .title {font-size:2rem;letter-spacing:0.14em;font-weight:bold;}
.top .sec01 {height:52rem;display:flex;align-items:center;overflow:hidden;position:relative;}
.top .sec01::before{content:"";height:calc(100% + 2px);width:30rem;background:repeating-linear-gradient(to right , #022054 0 6rem , transparent 6rem 11rem);background-size:11rem;position:absolute;bottom:-1px;left:calc(50% + 11rem);transform: skewX(-30deg);transform-origin: bottom left;}
.top .sec01 .wrap {width:110rem;max-width:100%;margin: 0 auto;}
.top .sec01 .wrap .texts {padding-top:2rem;}
.top .sec01 .wrap .texts .title {font-size:4.6rem;font-weight:900;letter-spacing:0.1em;color:#022054;margin-bottom:2rem;}
.top .sec01 .wrap .texts .subtitle {font-size:2.2rem;font-weight:bold;letter-spacing:0.1em;color:#00B2F9;margin-bottom:5rem;}
.top .sec01 .wrap .texts .text {font-size:1.6rem;line-height:2.8rem;letter-spacing:0.05em;}
.top .sec02 {height:52rem;display:flex;align-items:center;overflow:hidden;position:relative;background:#022054;}
.top .sec02::before{content:"";height:calc(100% + 2px);width:60rem;background:#022054;position:absolute;bottom:-1px;left:calc(50% - 19rem);transform: skewX(-30deg);z-index:2;transform-origin: bottom left;}
.top .sec02 .img {position:absolute;top:0;left:0;height:100%;}
.top .sec02 .img img{height:100%;width:auto;}
.top .sec02 .wrap {width:110rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:3;}
.top .sec02 .wrap .titles {}
.top .sec02 .wrap .titles .etitle {font-size:7.5rem;line-height:1;color:#FFF;font-weight:bold;margin-bottom:0.5rem;}
.top .sec02 .wrap .titles .title {font-size:1.4rem;font-weight:600;color:#00B2F9;letter-spacing:0.2em;}
.top .sec02 .wrap .texts {color:#FFF;width:60rem;}
.top .sec02 .wrap .texts .title {font-size:3rem;letter-spacing:0.1em;margin-bottom:0.5rem;transform:translateY(-1rem);}
.top .sec02 .wrap .texts .text {font-size:1.6rem;line-height:3.2rem;margin-bottom:7.5rem;}
.top .sec02 .wrap .texts .link {}
.top .sec03 {height:52rem;display:flex;align-items:center;overflow:hidden;position:relative;background:linear-gradient(to right , #004692 0 , #004692 70% , #00B2F9 140%);}
.top .sec03::before{content:"";height:calc(100% + 2px);width:30rem;background:repeating-linear-gradient(to right , #022054 0 6rem , transparent 6rem 11rem);background-size:11rem;position:absolute;bottom:-1px;left:calc(50% - 77rem);transform: skewX(-30deg);transform-origin: bottom left;}
.top .sec03 .wrap {width:110rem;max-width:100%;margin: 0 auto;}
.top .sec03 .wrap .titles {width:60rem;max-width:100%;margin : 0 0 0 auto;}
.top .sec03 .wrap .titles .etitle {font-size:7.5rem;line-height:1;color:#FFF;font-weight:bold;margin-bottom:0.5rem;}
.top .sec03 .wrap .titles .title {font-size:1.4rem;font-weight:600;color:#00B2F9;letter-spacing:0.2em;margin-bottom:2.5rem;}
.top .sec03 .wrap .titles .text {font-size:1.6rem;line-height:3.2rem;color:#FFF;margin-bottom:5rem;}
.top .sec03 .wrap .titles .link {}
.top .sec04 {overflow:hidden;position:relative;background:#004692;}
.top .sec04::before{content:"";height:52rem;width:65rem;background:#022054;position:absolute;top:0;left:calc(50% + 5rem);transform: skewX(-30deg);z-index:2;transform-origin: bottom left;mix-blend-mode: soft-light;}
.top .sec04::after{content:"";height:62rem;width:81rem;background:linear-gradient(to top , #004692 10rem ,#022054 10rem);position:absolute;bottom:0;right:calc(50% - 10.7rem);transform: skewX(-30deg);z-index:2;transform-origin: top right;}
.top .sec04 .etitle {font-size:7.5rem;line-height:0.7;color:#FFF;font-weight:bold;position:absolute;bottom:50rem;left:0;transform:rotate(90deg);transform-origin:left bottom;z-index:11;}
.top .sec04 .imgs {}
.top .sec04 .imgs .img01 {height:52rem;width:100%;}
.top .sec04 .imgs .img02 {height:52rem;width:105rem;max-width:100%;margin: 0 0 0 auto;}
.top .sec04 .wrap {display:flex;align-items:center;height:62rem;padding-bottom:10rem;box-sizing:border-box;width:55rem;position:absolute;bottom:0;right:50%;z-index:10;}
.top .sec04 .wrap .titles {}
.top .sec04 .wrap .titles .title {font-size:1.4rem;font-weight:600;color:#00B2F9;letter-spacing:0.2em;margin-bottom:2rem;}
.top .sec04 .wrap .titles .text {font-size:1.6rem;line-height:3.2rem;color:#FFF;margin-bottom:7.5rem;}
.top .sec04 .wrap .titles .link {}
.top .sec04 .wrap .message {font-size:2rem;color:#FFF;font-weight:bold;position:absolute;bottom:5rem;left:0;transform:translateY(50%);}


.top .sec01 .wrap .texts{transition:0.5s 0.5s;}
.top .sec01 .wrap .texts:not(.visible){opacity:0;transform:translateY(2rem);}
.top .sec02 .wrap{transition:0.5s 0.5s;}
.top .sec02 .wrap:not(.visible){opacity:0;transform:translateY(2rem);}
.top .sec03 .wrap .titles{transition:0.5s 0.5s;}
.top .sec03 .wrap .titles:not(.visible){opacity:0;transform:translateY(2rem);}
.top .sec04 .wrap{transition:0.5s 0.5s;}
.top .sec04 .wrap:not(.visible){opacity:0;transform:translateY(2rem);}

.p_about .sec01 {padding:9rem 0 11rem;overflow:hidden;position:relative;}
.p_about .sec01 .wrap {width:110rem;max-width:100%;margin: 0 auto;}
.p_about .sec01 .wrap .title {font-size:3.4rem;color:#022054;font-weight:900;letter-spacing:0.1em;margin-bottom:2rem;}
.p_about .sec01 .wrap .subtitle {font-size:2.2rem;line-height:3.9rem;color:#00AFF6;font-weight:bold;letter-spacing:0.1em;margin-bottom:2rem;}
.p_about .sec01 .wrap .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;}
.p_about .sec01 .img {position:absolute;bottom:0;left:50%;width:50%;height:calc(100% + 1px);transform: skewX(-30deg);transform-origin: bottom left;overflow:hidden;}
.p_about .sec01 .img img{transform: skewX(30deg);transform-origin: bottom left;}
.p_about .sec02 {padding:12rem 0;overflow:hidden;position:relative;color:#FFF;background:linear-gradient(to right , #00468F 50% , #022054 50%);}
.p_about .sec02::before{content:"";width:100%;height:calc(100% + 1px);background:#022054;position:absolute;top:0;left:50%;transform: skewX(-30deg);transform-origin: top left;}
.p_about .sec02 .wrap {width:110rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2;}
.p_about .sec02 .wrap .items {width:55rem;}
.p_about .sec02 .wrap .items .title {font-size:3.4rem;font-weight:900;letter-spacing:0.1em;margin-bottom:3rem;}
.p_about .sec02 .wrap .items .texts {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;display:flex;}
.p_about .sec02 .wrap .items .texts + .texts{margin-top:1.5rem;}
.p_about .sec02 .wrap .items .texts .name {width:11rem;}
.p_about .sec02 .wrap .items .texts .text {width:calc(100% - 11rem);}
.p_about .sec02 .wrap .imgs {width:47rem;}
.p_about .sec02 .wrap .imgs .img + .img{margin-top:1.3rem;}
.p_about .sec03wrap {overflow:hidden;}
.p_about iframe {width:100%;height:52.5rem;filter: grayscale(100%);display:block;}
.p_about .sec03 {position:relative;padding:5rem 0 19rem;background:url("../img/about/about04.jpg");background-size:cover;}
.p_about .sec03 .wrap {width:110rem;max-width:100%;margin: 0 auto;position:relative;z-index:2;}
.p_about .sec03 .wrap .title {font-size:3.4rem;font-weight:900;letter-spacing:0.1em;color:#FFF;width:43.5rem;margin: 0 0 3rem auto;}
.p_about .sec03 .wrap .texts {padding-left:13rem;box-sizing:border-box;position:relative;margin-left:auto;margin-right:0;max-width:100%;}
.p_about .sec03 .wrap .texts + .texts{margin-top:2.5rem;}
.p_about .sec03 .wrap .texts:nth-child(1){width:calc(43.5rem + ( 2rem * 0 ));}
.p_about .sec03 .wrap .texts:nth-child(2){width:calc(43.5rem + ( 2rem * 1 ));}
.p_about .sec03 .wrap .texts:nth-child(3){width:calc(43.5rem + ( 2rem * 2 ));}
.p_about .sec03 .wrap .texts:nth-child(4){width:calc(43.5rem + ( 2rem * 3 ));}
.p_about .sec03 .wrap .texts:nth-child(5){width:calc(43.5rem + ( 2rem * 4 ));}
.p_about .sec03 .wrap .texts:nth-child(6){width:calc(43.5rem + ( 2rem * 5 ));}
.p_about .sec03 .wrap .texts:nth-child(7){width:calc(43.5rem + ( 2rem * 6 ));}
.p_about .sec03 .wrap .texts .date {font-size:3rem;line-height:3.2rem;font-weight:bold;color:#00AFF6;position:absolute;top:0;left:0;}
.p_about .sec03 .wrap .texts .text {font-size:1.6rem;line-height:3.2rem;color:#FFF;}
.p_about .sec03::before{content:"";width:100%;height:100%;background:linear-gradient(70deg ,#00AFF6 0 , #00468F 43rem);position:absolute;top:-7rem;left:calc(50% - 10rem);transform: skewX(-30deg);transform-origin: top left;}

.p_equip .sec01 {padding:9rem 0 11rem;overflow:hidden;position:relative;}
.p_equip .sec01::before{content:"";width:50%;height:100%;position:absolute;bottom:0;left:50%;background:#00468E;transform: skewX(-30deg);transform-origin: bottom left;}
.p_equip .sec01 .wrap {width:110rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2;}
.p_equip .sec01 .wrap .titles {width:100%;margin-bottom:9rem;}
.p_equip .sec01 .wrap .titles .title {font-size:3.4rem;color:#022054;font-weight:900;letter-spacing:0.1em;margin-bottom:2rem;}
.p_equip .sec01 .wrap .titles .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;}
.p_equip .sec01 .wrap .items{width:52rem;}
.p_equip .sec01 .wrap .items .item{}
.p_equip .sec01 .wrap .items .item + .item{margin-top:15rem;}
.p_equip .sec01 .wrap .items .item .title{font-size:2.2rem;line-height:3.2rem;letter-spacing:0.05em;font-weight:bold;color:#00AFF6;padding:0.9rem 0;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}
.p_equip .sec01 .wrap .items .item dl{font-size:1.6rem;line-height:3.2rem;display:flex;flex-wrap:wrap;}
.p_equip .sec01 .wrap .items .item dl dt{width:calc(100% - 9rem);padding:0.9rem 0;border-bottom:1px solid #E0E0E0;}
.p_equip .sec01 .wrap .items .item dl dd{width:9rem;padding:0.9rem 0;border-bottom:1px solid #E0E0E0;}
.p_equip .sec01 .wrap .imgs{width:50rem;}
.p_equip .sec01 .wrap .imgs .img + .img{margin-top:1rem;}

.p_works .sec01 {padding:9.5rem 0 10rem;overflow:hidden;position:relative;color:#FFF;background: linear-gradient(-60deg, #022054 50%, #00468E 50%);background-size: 200% 98rem;background-position: 20.8% top;background-repeat: repeat-x;}
/*.p_works .sec01::before{content:"";width:50%;height:100%;position:absolute;bottom:0;left:50%;background:#00468E;transform: skewX(-30deg);transform-origin: bottom left;}*/
.p_works .sec01 .wrap {width:110rem;max-width:100%;margin: 0 auto;position:relative;z-index:2;}
.p_works .sec01 .wrap .texts {width:100%;margin-bottom:6rem;}
.p_works .sec01 .wrap .texts .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;}
.p_works .sec01 .wrap .items01{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:7rem;}
.p_works .sec01 .wrap .items01::after{content:"";width:24.5rem;}
.p_works .sec01 .wrap .items01 .item{content:"";width:24.5rem;padding-top:1rem;border-top:1px solid #FFF;}
.p_works .sec01 .wrap .items01 .item:nth-child(n + 5){margin-top:7rem;}
.p_works .sec01 .wrap .items01 .item .title{font-size:1.8rem;line-height:3.2rem;letter-spacing:0.05em;font-weight:bold;margin-bottom:0.4rem;}
.p_works .sec01 .wrap .items01 .item ul{font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;}
.p_works .sec01 .wrap .items01 .item ul li{padding-left:1.2rem;position:relative;}
.p_works .sec01 .wrap .items01 .item ul li::before{content:"・";position:absolute;top:0;left:0;}
.p_works .sec01 .wrap .items01 .item .text{font-size:1.6rem;line-height:3.2rem;}

.p_works .sec01 .wrap .items02{display:flex;flex-wrap:wrap;justify-content:space-between;}
/*.p_works .sec01 .wrap .items02::after{content:"";width:24.5rem;}*/
.p_works .sec01 .wrap .items02 .imgs{content:"";width:24.5rem;}
.p_works .sec01 .wrap .items02 .imgs:nth-child(n + 5){margin-top:7.5rem;}
.p_works .sec01 .wrap .items02 .imgs .img{clip-path: polygon(2rem 0rem,0rem 3.464rem,0rem 35rem,22.5rem 35rem,24.5rem 31.536rem,24.5rem 0rem,2rem 0rem);overflow:hidden;}
.p_works .sec01 .wrap .items02 .imgs .text{font-size:1.8rem;line-height:3.2rem;letter-spacing:0.05em;margin-top:0.5rem;color:#022054;font-weight:bold;}


.p_recruit {}
.p_recruit .sec01 {color:#FFF;position:relative;}
.p_recruit .sec01 .wrap {}
.p_recruit .sec01 .wrap .title {font-size:7.5rem;line-height:10rem;font-weight:bold;position:absolute;top:50%;left:27rem;transform:translateY(-50%);}
.p_recruit .sec01 .wrap .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;width:37rem;position:absolute;top:50%;right:14rem;transform:translateY(-50%);}
.p_recruit .sec01 .img {}
.p_recruit .secA {}
.p_recruit .secA .area01 {color:#FFF;background:#00468E;position:relative;overflow:hidden;}
.p_recruit .secA .area01::before {content: "";height: calc(100% + 2px);width: 29.5rem;background: repeating-linear-gradient(to right, #00235F 0 6rem, transparent 6rem 10rem);background-size: 10rem;position: absolute;bottom: -1px;left: 0;transform: skewX(-30deg);transform-origin: bottom left;}
.p_recruit .secA .area01 .wrap {width:110rem;max-width:100%;height:53rem;margin: 0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;}
.p_recruit .secA .area01 .wrap .img {width:32.3rem;margin: 0 auto;}
.p_recruit .secA .area01 .wrap .titles {width:55rem;}
.p_recruit .secA .area01 .wrap .titles .etitle {font-size:7.5rem;font-weight:bold;}
.p_recruit .secA .area01 .wrap .titles .title {font-size:1.4rem;color:#00BAF9;letter-spacing:0.2em;margin-bottom:2rem;}
.p_recruit .secA .area01 .wrap .titles .name {font-size:1.8rem;line-height:3.2rem;letter-spacing:0.05em;font-weight:bold;}
.p_recruit .secA .area01 .wrap .titles .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;margin-bottom:5rem;}
.p_recruit .secA .area01 .wrap .titles .message {font-size:2.4rem;line-height:4rem;letter-spacing:0.1em;font-weight:bold;display:inline-block;padding:0 9rem;position:relative;}
.p_recruit .secA .area01 .wrap .titles .message svg:first-child{position:absolute;top:50%;left:0;transform:translateY(-50%);width:8rem;}
.p_recruit .secA .area01 .wrap .titles .message svg:last-child{position:absolute;top:50%;right:0;transform:translateY(-50%);width:8rem;}
.p_recruit .secA .area02 {color:#FFF;background:#022054;padding:9rem 0;position:relative;overflow:hidden;}
.p_recruit .secA .area02::before {content: "";height: calc(100% + 2px);width: 26rem;background: #00468E;position: absolute;top: -1px;left: 0;transform: skewX(-30deg);transform-origin: top left;}
.p_recruit .secA .area02::after {content: "";height: calc(100% + 2px);width: 48rem;background: #00468E;position: absolute;bottom: -1px;right: 0;transform: skewX(-30deg);transform-origin: bottom right;}
.p_recruit .secA .area02 .wrap {width:110rem;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;}
.p_recruit .secA .area02 .wrap .items {width:55rem;}
.p_recruit .secA .area02 .wrap .items .item {}
.p_recruit .secA .area02 .wrap .items .item + .item{margin-top:3.5rem;}
.p_recruit .secA .area02 .wrap .items .item .name {font-size:1.8rem;line-height:3.2rem;letter-spacing:0.05em;font-weight:bold;}
.p_recruit .secA .area02 .wrap .items .item .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;}
.p_recruit .secA .area02 .wrap .img {width:50rem;}
/*
.p_recruit .sec02 {}
.p_recruit .sec02 .area01 {}
.p_recruit .sec02 .area01 .wrap {}
.p_recruit .sec02 .area01 .wrap .img {}
.p_recruit .sec02 .area01 .wrap .titles {}
.p_recruit .sec02 .area01 .wrap .titles .etitle {}
.p_recruit .sec02 .area01 .wrap .titles .title {}
.p_recruit .sec02 .area01 .wrap .titles .name {}
.p_recruit .sec02 .area01 .wrap .titles .text {}
.p_recruit .sec02 .area01 .wrap .titles .message {}
.p_recruit .sec02 .area02 {}
.p_recruit .sec02 .area02 .wrap {}
.p_recruit .sec02 .area02 .wrap .items {}
.p_recruit .sec02 .area02 .wrap .items .item {}
.p_recruit .sec02 .area02 .wrap .items .item .name {}
.p_recruit .sec02 .area02 .wrap .items .item .text {}
.p_recruit .sec02 .area02 .wrap .img {}
.p_recruit .sec03 {}
.p_recruit .sec03 .area01 {}
.p_recruit .sec03 .area01 .wrap {}
.p_recruit .sec03 .area01 .wrap .img {}
.p_recruit .sec03 .area01 .wrap .titles {}
.p_recruit .sec03 .area01 .wrap .titles .etitle {}
.p_recruit .sec03 .area01 .wrap .titles .title {}
.p_recruit .sec03 .area01 .wrap .titles .name {}
.p_recruit .sec03 .area01 .wrap .titles .text {}
.p_recruit .sec03 .area01 .wrap .titles .message {}
.p_recruit .sec03 .area02 {}
.p_recruit .sec03 .area02 .wrap {}
.p_recruit .sec03 .area02 .wrap .items {}
.p_recruit .sec03 .area02 .wrap .items .item {}
.p_recruit .sec03 .area02 .wrap .items .item .name {}
.p_recruit .sec03 .area02 .wrap .items .item .text {}
.p_recruit .sec03 .area02 .wrap .img {}
*/
.p_recruit .sec04 {background:#ECECEC;padding:11rem 0 12rem;}
.p_recruit .sec04 .wrap {width:100rem;max-width:100%;margin: 0 auto;}
.p_recruit .sec04 .wrap .title {font-size:3.4rem;letter-spacing:0.1em;font-weight:900;color:#022054;text-align:center;margin-bottom:3.5rem;}
.p_recruit .sec04 .wrap .items {padding:9.5rem 10rem;background:#FFF;margin-bottom:10rem;}
.p_recruit .sec04 .wrap .items .item {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.05em;display:flex;padding:1.5rem 0;border-bottom:1px solid #ECECEC;}
.p_recruit .sec04 .wrap .items .item:first-child{border-top:1px solid #ECECEC;}
.p_recruit .sec04 .wrap .items .item .name {width:17rem;}
.p_recruit .sec04 .wrap .items .item .text {width:calc(100% - 17rem);}
.p_recruit .sec04 .wrap .link {display:flex;align-items:center;height:15rem;color:#FFF;background:linear-gradient(to right , #00509C 0 , #00509C 50% , #00BAF9);background-size:200% 100%;padding-left:17rem;position:relative;transition:0.5s;}
.p_recruit .sec04 .wrap .link .etitle {font-size:7.5rem;font-weight:bold;margin-right:5rem;}
.p_recruit .sec04 .wrap .link .text {font-size:3.4rem;line-height:6rem;letter-spacing:0.1em;font-weight:900;}
.p_recruit .sec04 .wrap .link svg {width:7rem;position:absolute;top:50%;right:7rem;transform:translate(50%,-50%);transition:0.5s;}
.p_recruit .sec04 .wrap .link::before {content: "";height: calc(100% + 2px);width: 8.5rem;background: repeating-linear-gradient(to right, #FFF 0 1.7rem, transparent 1.7rem 3rem);background-size: 3rem;position: absolute;bottom: -1px;left: 0;transform: skewX(-30deg);transform-origin: bottom left;}
.p_recruit .sec04 .wrap .link:not(:hover){background-position-x:70%;}
.p_recruit .sec04 .wrap .link:hover svg{right:6rem;}