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

@media(max-width:899px){



.sec_subhero {position:relative;}
	.sec_subhero::before{background-position:-1rem center;}
	.sec_subhero .titles {bottom:1.5rem;left:1.5rem;}
	.sec_subhero .titles .etitle {font-size:1.4rem;}
	.sec_subhero .titles .title {font-size:2rem;}
	.sec_subhero .img {height:18rem;}
	.sec_subhero .img img{height:100%;object-fit:cover;object-position:left;}


.top .sec_hero {position:relative;z-index:10;}
.top .sec_hero .imgs {}
	.top .sec_hero .imgs .img{height:30rem;}
	.top .sec_hero .imgs .img img{height:100%;object-fit:cover;object-position:left bottom;}
.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 {bottom:2rem;}
	.top .sec_hero .wrap .titles {width:35rem;}
	.top .sec_hero .wrap .titles .etitle {font-size:3rem;line-height:4rem;margin-bottom:1rem;}
	.top .sec_hero .wrap .titles .title {font-size:1.8rem;line-height:3rem;}
	.top .sec01 {height:30rem;}
	.top .sec01::before{width:30rem;left:33.8rem;}
	.top .sec01 .wrap {width:35rem;}
	.top .sec01 .wrap .texts {padding-top:0;}
	.top .sec01 .wrap .texts .title {font-size:3rem;margin-bottom:1rem;}
	.top .sec01 .wrap .texts .subtitle {font-size:1.8rem;margin-bottom:2rem;}
	.top .sec01 .wrap .texts .text {font-size:1.3rem;line-height:2.4rem;}
	.top .sec02 {height:38rem;}
	.top .sec02::before{width:36rem;bottom:-1px;left:-23.9rem;}
.top .sec02 .img {position:absolute;top:0;left:0;height:100%;}
.top .sec02 .img img{height:100%;width:auto;}
	.top .sec02 .wrap {width:35rem;}
	.top .sec02 .wrap .titles {margin-bottom:2rem;}
	.top .sec02 .wrap .titles .etitle {font-size:3rem;}
	.top .sec02 .wrap .titles .title {font-size:1.4rem;}
.top .sec02 .wrap .texts {color:#FFF;width:60rem;}
	.top .sec02 .wrap .texts .title {font-size:1.6rem;line-height:2.8rem;transform:initial;margin-bottom:1rem;}
	.top .sec02 .wrap .texts .text {font-size:1.3rem;line-height:2.4rem;text-align:justify;margin-bottom:2rem;}
.top .sec02 .wrap .texts .link {}
	.top .sec03 {height:30rem;}
	.top .sec03::before{left:-35.2rem;background:#022054;}
	.top .sec03 .wrap {width:35rem;position:relative;z-index:2;}
.top .sec03 .wrap .titles {width:60rem;max-width:100%;margin : 0 0 0 auto;}
	.top .sec03 .wrap .titles .etitle {font-size:3rem;}
	.top .sec03 .wrap .titles .title {font-size:1.4rem;margin-bottom:2rem;}
	.top .sec03 .wrap .titles .text {font-size:1.3rem;line-height:2.4rem;text-align:justify;margin-bottom:2rem;}
.top .sec03 .wrap .titles .link {}
.top .sec04 {overflow:hidden;position:relative;background:#004692;}
	.top .sec04::before{height:30rem;left:-32rem;}
	.top .sec04::after{height:30rem;width:42rem;right:-3.5rem;bottom:10rem;background:linear-gradient(to top , #004692 6rem ,#022054 6rem);}
	.top .sec04 .etitle {font-size:3rem;bottom:56rem;}
	.top .sec04 .imgs {display:flex;flex-wrap:wrap;}
	.top .sec04 .imgs .img01 {height:30rem;order:2;}
	.top .sec04 .imgs .img02 {height:30rem;}
	.top .sec04 .wrap {height:30rem;padding-bottom:6rem;box-sizing:border-box;width:33rem;bottom:10rem;right:2.25rem;}
.top .sec04 .wrap .titles {}
	.top .sec04 .wrap .titles .title {margin-bottom:1rem;}
	.top .sec04 .wrap .titles .text {font-size:1.3rem;line-height:2.4rem;margin-bottom:2rem;}
.top .sec04 .wrap .titles .link {}
.top .sec04 .wrap .message {font-size:1.5rem;bottom:3rem;left:0;transform:translateY(50%);}


	.p_about .sec01 {padding:5rem 0;}
	.p_about .sec01 .wrap {width:35rem;}
	.p_about .sec01 .wrap .title {font-size:2rem;margin-bottom:1rem;}
	.p_about .sec01 .wrap .subtitle {font-size:1.6rem;line-height:2.8rem;margin-bottom:1rem;}
	.p_about .sec01 .wrap .text {font-size:1.3rem;line-height:2.4rem;}
	.p_about .sec01 .img {left:70%;}
.p_about .sec01 .img img{transform: skewX(30deg);transform-origin: bottom left;}
	.p_about .sec02 {background:linear-gradient(120deg , #004692 60% , #022054 60%);padding:5rem 0 1.5rem;}
	.p_about .sec02::before{width:100%;left:70%;}
	.p_about .sec02 .wrap {width:35rem;}
	.p_about .sec02 .wrap .items {margin-bottom:2rem;}
	.p_about .sec02 .wrap .items .title {font-size:2rem;margin-bottom:1.5rem;}
	.p_about .sec02 .wrap .items .texts {font-size:1.3rem;line-height:2.4rem;}
	.p_about .sec02 .wrap .items .texts + .texts{margin-top:1rem;}
	.p_about .sec02 .wrap .items .texts .name {width:9rem;}
	.p_about .sec02 .wrap .items .texts .text {width:calc(100% - 9rem);}
.p_about .sec02 .wrap .imgs {width:47rem;}
	.p_about .sec02 .wrap .imgs .img + .img{margin-top:1rem;}
.p_about .sec03wrap {overflow:hidden;}
	.p_about iframe {height:30rem;}
	.p_about .sec03 {padding:5rem 0;}
	.p_about .sec03 .wrap {width:35rem;}
	.p_about .sec03 .wrap .title {font-size:2rem;width:100%;margin: 0 0 1.5rem auto;}
	.p_about .sec03 .wrap .texts {padding-left:8rem;}
.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:1.8rem;line-height:2.4rem;}
	.p_about .sec03 .wrap .texts .text {font-size:1.3rem;line-height:2.4rem;color:#FFF;}
	.p_about .sec03::before{height:100%;top:0;left:-13rem;opacity:0.3;}

	.p_equip .sec01 {padding:5em 0;}
	.p_equip .sec01::before{width:100%;left:0%;}
	.p_equip .sec01 .wrap {width:35rem;}
	.p_equip .sec01 .wrap .titles {margin-bottom:3rem;}
	.p_equip .sec01 .wrap .titles .title {font-size:2rem;margin-bottom:1rem;}
	.p_equip .sec01 .wrap .titles .text {font-size:1.3rem;line-height:2.4rem;text-align:justify;}
	.p_equip .sec01 .wrap .items{margin-bottom:2rem;}
.p_equip .sec01 .wrap .items .item{}
	.p_equip .sec01 .wrap .items .item + .item{margin-top:3rem;}
	.p_equip .sec01 .wrap .items .item .title{font-size:1.6rem;line-height:2.4rem;padding:0.4rem 0;border-top:0;}
	.p_equip .sec01 .wrap .items .item dl{font-size:1.3rem;line-height:2.4rem;}
	.p_equip .sec01 .wrap .items .item dl dt{width:calc(100% - 6rem);padding:0.4rem 0;}
	.p_equip .sec01 .wrap .items .item dl dd{width:6rem;padding:0.4rem 0;text-align:right;}
	.p_equip .sec01 .wrap .imgs .img + .img{margin-top:1rem;}

	.p_works .sec01 {padding:5rem 0 ;}
/*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 .wrap {width:35rem;}
	.p_works .sec01 .wrap .texts {margin-bottom:3rem;}
	.p_works .sec01 .wrap .texts .text {font-size:1.3rem;line-height:2.4rem;text-align:justify;}
	.p_works .sec01 .wrap .items01{margin-bottom:5rem;}
	.p_works .sec01 .wrap .items01 .item{width:17rem;}
	.p_works .sec01 .wrap .items01 .item:nth-child(n + 3){margin-top:2rem;}
	.p_works .sec01 .wrap .items01 .item .title{font-size:1.4rem;line-height:2.4rem;letter-spacing:0;}
	.p_works .sec01 .wrap .items01 .item ul{font-size:1.2rem;line-height:1.8rem;}
	.p_works .sec01 .wrap .items01 .item ul li{padding-left:1rem;}
	.p_works .sec01 .wrap .items01 .item ul li + li{margin-top:0.4rem;}
	.p_works .sec01 .wrap .items01 .item .text{font-size:1.2rem;line-height:2.4rem;}

.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:17rem;}
	.p_works .sec01 .wrap .items02 .imgs:nth-child(n + 3){margin-top:2rem;}
	.p_works .sec01 .wrap .items02 .imgs .img{clip-path: polygon(1.39rem 0rem,0rem 2.37rem,0rem 24rem,15.62rem 24rem,17rem 21.63rem,17rem 0rem,1.39rem 0rem);}
	.p_works .sec01 .wrap .items02 .imgs .text{font-size:1.3rem;line-height:2.4rem;}


.p_recruit {}
.p_recruit .sec01 {color:#FFF;position:relative;}
	.p_recruit .sec01 .wrap {position:absolute;top:50%;left:50%;width:35rem;transform:translate(-50%,-50%);}
	.p_recruit .sec01 .wrap .title {font-size:3rem;line-height:4rem;position:static;transform:initial;margin-bottom:2rem;}
	.p_recruit .sec01 .wrap .text {font-size:1.3rem;line-height:2.4rem;width:100%;position:static;transform:initial;}
	.p_recruit .sec01 .img {height:28rem;}
	.p_recruit .sec01 .img img{height:100%;object-fit:cover;}
.p_recruit .secA {}
.p_recruit .secA .area01 {color:#FFF;background:#00468E;position:relative;overflow:hidden;}
	.p_recruit .secA .area01::before {left:-32rem;}
	.p_recruit .secA .area01 .wrap {width:35rem;height:initial;flex-wrap:wrap;padding-top:1.5rem;}
	.p_recruit .secA .area01 .wrap .img {width:100%;margin-bottom:1.5rem;}
.p_recruit .secA .area01 .wrap .titles {width:55rem;}
	.p_recruit .secA .area01 .wrap .titles .etitle {font-size:2rem;}
	.p_recruit .secA .area01 .wrap .titles .title {font-size:1.3rem;margin-bottom:1rem;}
	.p_recruit .secA .area01 .wrap .titles .name {font-size:1.4rem;line-height:2.4rem;margin-bottom:0.5rem;}
	.p_recruit .secA .area01 .wrap .titles .text {font-size:1.3rem;line-height:2.4rem;margin-bottom:2rem;}
	.p_recruit .secA .area01 .wrap .titles .message {font-size:1.6rem;line-height:3.2rem;padding:0 4rem 0 5rem;}
	.p_recruit .secA .area01 .wrap .titles .message svg:first-child{width:4rem;}
	.p_recruit .secA .area01 .wrap .titles .message svg:last-child{width:4rem;}
	.p_recruit .secA .area02 {padding:2rem 0 2rem;}
	.p_recruit .secA .area02::before {width: 38rem;}
	.p_recruit .secA .area02::after {display:none;}
	.p_recruit .secA .area02 .wrap {width:35rem;flex-wrap:wrap;}
	.p_recruit .secA .area02 .wrap .items {}
.p_recruit .secA .area02 .wrap .items .item {}
	.p_recruit .secA .area02 .wrap .items .item + .item{margin-top:2rem;}
	.p_recruit .secA .area02 .wrap .items .item .name {font-size:1.4rem;line-height:2.4rem;margin-bottom:0.5rem;}
	.p_recruit .secA .area02 .wrap .items .item .text {font-size:1.3rem;line-height:2.4rem;text-align:justify;}
	.p_recruit .secA .area02 .wrap .img {margin-top:2rem;}
/*
.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 {padding:2rem 0;}
	.p_recruit .sec04 .wrap {width:35rem;}
	.p_recruit .sec04 .wrap .title {font-size:2rem;margin-bottom:2rem;}
	.p_recruit .sec04 .wrap .items {padding:2rem;margin-bottom:3rem;}
	.p_recruit .sec04 .wrap .items .item {font-size:1.3rem;line-height:2.4rem;flex-wrap:wrap;}
	.p_recruit .sec04 .wrap .items .item .name {width:100%;font-weight:bold;margin-bottom:0.5rem;}
	.p_recruit .sec04 .wrap .items .item .text {width:100%;}
	.p_recruit .sec04 .wrap .link {height:9rem;padding-left:15rem;flex-direction:column;justify-content:center;align-items:initial;}
	.p_recruit .sec04 .wrap .link .etitle {font-size:2.6rem;}
	.p_recruit .sec04 .wrap .link .text {font-size:1.4rem;line-height:2rem;}
	.p_recruit .sec04 .wrap .link svg {width:3.5rem;right:3rem;}
.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;}

}