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

@media(max-width:899px){


	.sec_subhero{padding-top:12rem;height:24rem;}
	.sec_subhero .wrap{width:33rem;}
	.sec_subhero .wrap .etitle{font-size:4rem;}
	.sec_subhero .wrap .title{font-size:2rem;line-height:3rem;}
	.p_entry .sec_subhero .wrap .title{letter-spacing:0.1em;}
	
.p_interview .sec_subhero{background-image:url("../img/common/herodeco01.png");}
.p_voice .sec_subhero{background-image:url("../img/common/herodeco02.png");}


	.sec_entry{padding:5rem 0;}
	.sec_entry .wrap{width:33rem;}
.sec_entry .wrap .titles{}
	.sec_entry .wrap .titles .etitle{font-size:3rem;}
	.sec_entry .wrap .titles .title{font-size:1.2rem;}
	.sec_entry .wrap .links .link01{font-size:1.6rem;line-height:2.4rem;height:7rem;width:100%;padding-left:2rem;margin-top:2rem;}
	.sec_entry .wrap .links .link02{font-size:1.6rem;line-height:2.4rem;height:7rem;width:100%;padding-left:2rem;margin-top:2rem;}

.top {background:#0D2F9A;}
.top .sec_hero{position:relative;overflow:hidden;}
	.top .sec_hero .texts{top:17rem;left:2rem;right:initial;z-index:10;}
	.top .sec_hero .texts .title{font-size:4.4rem;margin-bottom:16.5rem;padding-left:0.5rem;}
	.top .sec_hero .texts .text{font-size:1.6rem;line-height:3rem;width:34rem;padding-left:0;text-align:justify;}
	.top .sec_hero .img01{width:31rem;top:30rem;}
	.top .sec_hero .img02{width:29rem;top:calc(100% - 19rem);right:-5rem;z-index:3;}
	.top .sec_hero .let{width:6rem;bottom:2rem;left:6rem;}

.top .sec_hero .img01.js-vis img{height:0rem;object-fit:cover;object-position:top;transition:1s 0.5s;}
	.top .sec_hero .img01.js-vis.visible img{height:31rem;}
.top .sec_hero .img02.js-vis img{height:0rem;object-fit:cover;object-position:top;transition:1s 0.5s;}
	.top .sec_hero .img02.js-vis.visible img{height:19rem;}
	.top .sec_hero .img01.visible ~ .let{animation:initial;opacity:1;transition:0.5s 1.5s;}
	.top .sec01 {padding:5rem 0;}
	.top .sec01 .wrap{width:33rem;}
.top .sec01 .wrap .texts{width:55rem;}
	.top .sec01 .wrap .texts .etitle{font-size:4rem;}
	.top .sec01 .wrap .texts .title{margin-bottom:2rem;}
	.top .sec01 .wrap .texts .subtitle{font-size:1.6rem;line-height:2.8rem;margin-bottom:2rem;}
	.top .sec01 .wrap .texts .text{font-size:1.4rem;line-height:2.8rem;margin-bottom:2rem;}
	.top .sec01 .wrap .texts .link{margin: 0 0 3rem auto;}
.top .sec01 .wrap .texts .link::before{content:"";width:5rem;height:5rem;border:2px solid #DBDBDB;box-sizing:border-box;position:absolute;top:0;right:0;border-radius:50%;}
.top .sec01 .wrap .texts .link::after{content:"";width:0.6rem;height:0.6rem;background:#0D2F9A;position:absolute;top:2.5rem;right:2.5rem;transform:translate(50%,-50%);border-radius:50%;transition:0.5s;}
.top .sec01 .wrap .texts .link:hover::after{width:2rem;height:2rem;}
.top .sec01 .wrap .img{width:45rem;border-radius:1rem;overflow:hidden;}
	.top .sec01 .deco{width:24rem;top:70rem;}
.top .sec01 .wrap .img.js-vis{position:relative;}
.top .sec01 .wrap .img.js-vis::before{content:"";width:400%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to right , #EFEFEF 50% , #0D2F9A 50%);transition:1s linear;}
.top .sec01 .wrap .img.js-vis.visible::before{left:-400%;}
.top .sec01 .deco.js-vis img{height:0rem;object-fit:cover;object-position:top;transition:1s 0.5s;}
	.top .sec01 .deco.js-vis.visible img{height:24rem;}
	.top .sec02{padding:10rem 0 7rem;margin-bottom:5rem;}
/*	.top .sec02 .wrap{width:33rem;margin: 0 auto;}*/
	.top .sec02 .wrap .titles{top:3.5rem;right:2rem;}
	.top .sec02 .wrap .titles .etitle{font-size:4rem;}
	.top .sec02 .wrap .titles .title{font-size:1.4rem;line-height:2.4rem;}
	.top .sec02 .wrap .items{height:25rem;}
	.top .sec02 .wrap .items .item:nth-child(1){left:2rem;}
	.top .sec02 .wrap .items .item:nth-child(1) .img{width:15.5rem;height:25rem;}
	.top .sec02 .wrap .items .item:nth-child(2){left:2rem;}
	.top .sec02 .wrap .items .item:nth-child(2) .texts{width:16.5rem;margin-left:1rem;}
	.top .sec02 .wrap .items .item:nth-child(2) .img{width:15.5rem;height:25rem;}
	.top .sec02 .wrap .items .item:nth-child(3){top:0rem;left:40rem;}
	.top .sec02 .wrap .items .item:nth-child(4){top:0rem;left:80rem;}
	.top .sec02 .wrap .items .item:nth-child(n + 5){top:0rem;left:80rem;}
	.top .sec02 .wrap .items .item .img{width:15.5rem;height:25rem;}
	.top .sec02 .wrap .items .item .texts .textwrap{width:16rem;}
	.top .sec02 .wrap .items .item .texts .num{font-size:4rem;}
	.top .sec02 .wrap .items .item .texts .text{font-size:1.4rem;line-height:2.4rem;}
	.top .sec02 .wrap .items .item .texts .name{font-size:1.3rem;line-height:2.4rem;}
	.top .sec02 .wrap .controls{width:16rem;bottom:0rem;left:2rem;}
	.top .sec02 .wrap .controls .next{font-size:1.5rem;line-height:3.8rem;width:7.5rem;}
	.top .sec02 .wrap .controls .prev{font-size:1.5rem;line-height:3.8rem;width:7.5rem;}

	.top .sec02 .wrap .link{bottom:0rem;right:2rem;}
.top .sec02 .wrap .link::before{content:"";width:5rem;height:5rem;background:#DBDBDB;box-sizing:border-box;position:absolute;top:0;right:0;border-radius:50%;}
.top .sec02 .wrap .link::after{content:"";width:0.6rem;height:0.6rem;background:#0D2F9A;position:absolute;top:2.5rem;right:2.5rem;transform:translate(50%,-50%);border-radius:50%;transition:0.5s;}
.top .sec02 .wrap .link:hover::after{width:2rem;height:2rem;}

	.top .sec03{margin-bottom:5rem;}
	.top .sec03 .wrap{width:33rem;}
	.top .sec03 .wrap .titles{margin-bottom:3rem;}
	.top .sec03 .wrap .titles .etitle{font-size:4rem;}
	.top .sec03 .wrap .titles .title{font-size:1.4rem;}
	.top .sec03 .wrap .items .item{width:16rem;}
	.top .sec03 .wrap .items .item:nth-child( n + 3 ){margin-top:3rem;}
	.top .sec03 .wrap .items .item .icon{width:6rem;margin: 0 auto 1rem;}
	.top .sec03 .wrap .items .item .name{font-size:1.4rem;line-height:2.4rem;letter-spacing:0;}
	.top .sec03 .wrap .items .item .text{font-size:1.2rem;line-height:2rem;}
	.top .sec03 .wrap .items .item .text span{font-size:2rem;line-height:2.4rem;}


.p_interview{color:#EFEFEF;background:#0D2F9A;}
	.p_interview .sec01{padding:5rem 0;}
	.p_interview .sec01 .wrap{width:33rem;}
/*
.p_interview .sec01 .wrap .titles{align-items:flex-end;margin-bottom:2rem;}
.p_interview .sec01 .wrap .titles .num{text-align:center;margin-right:3rem;}
.p_interview .sec01 .wrap .titles .num span{font-size:2rem;}
.p_interview .sec01 .wrap .titles .num b{font-size:5rem;}
.p_interview .sec01 .wrap .titles .name{font-size:1.8rem;line-height:3.2rem;font-weight:900;letter-spacing;0.1em;transform:translateY(-0.5rem);}
*/

	.p_interview .sec01 .wrap .messages{margin-bottom:3rem;padding-bottom:3rem;}
	.p_interview .sec01 .wrap .messages .message{font-size:1.8rem;line-height:3rem;margin-bottom:1.5rem;}
	.p_interview .sec01 .wrap .messages .name{font-size:1.3rem;line-height:2.4rem;}
	.p_interview .sec01 .wrap .items >*:nth-child(n + 2){margin-top:4rem;}
	.p_interview .sec01 .wrap .items .item .name{font-size:1.4rem;line-height:2.4rem;padding-left:6rem;margin-bottom:1rem;}
	.p_interview .sec01 .wrap .items .item .name::before{width:5rem;top:1.2rem;}
	.p_interview .sec01 .wrap .items .item .text{font-size:1.3rem;line-height:2.4rem;}


	.p_voice .sec01{padding:5rem 0 5rem;}
	.p_voice .sec01 .wrap{width:33rem;}
.p_voice .sec01 .wrap .items{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.p_voice .sec01 .wrap .items .item{width:100%;min-height:15rem;padding-left:16rem;position:relative;display:flex;flex-direction:column;justify-content:center;}
	.p_voice .sec01 .wrap .items .item + .item{margin-top:3rem;}
.p_voice .sec01 .wrap .items .item::before{content:"";width:5rem;height:5rem;border:2px solid #DBDBDB;box-sizing:border-box;position:absolute;bottom:2.5rem;right:2.5rem;transform:translate(50%,50%);border-radius:50%;}
.p_voice .sec01 .wrap .items .item::after{content:"";width:0.6rem;height:0.6rem;background:#0D2F9A;position:absolute;bottom:2.5rem;right:2.5rem;transform:translate(50%,50%);border-radius:50%;transition:0.5s;}
	.p_voice .sec01 .wrap .items .item .img{width:15rem;margin:0 2rem 0 0;position:absolute;top:0;left:0;}
	.p_voice .sec01 .wrap .items .item .img span{font-size:1.2rem;top:1rem;left:1rem;}
	.p_voice .sec01 .wrap .items .item .img span b{font-size:2rem;}
	.p_voice .sec01 .wrap .items .item .text{font-size:1.4rem;line-height:2.4rem;margin-bottom:1rem;}
	.p_voice .sec01 .wrap .items .item .name{font-size:1.2rem;line-height:2.4rem;}
.p_voice .sec01 .wrap .items .item:hover::after{width:2rem;height:2rem;}

	.p_voice .sec01 .wrap .items .item.js-vis .img{position:absolute;}
.p_voice .sec01 .wrap .items .item.js-vis .img::before{content:"";width:400%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to right , #FFF 50% , #0D2F9A 50%);transition:1s linear;z-index:3;}
.p_voice .sec01 .wrap .items .item.js-vis.visible .img::before{left:-400%;}

	.p_voice .secA{padding:5rem 0;}
	.p_voice .secA .wrap{width:33rem;}
.p_voice .secA .wrap .titles{color:#F98035;display:flex;align-items:flex-end;margin-bottom:2rem;}
.p_voice .secA .wrap .titles .num{text-align:center;margin-right:3rem;}
	.p_voice .secA .wrap .titles .num span{font-size:2rem;}
	.p_voice .secA .wrap .titles .num b{font-size:6rem;}
	.p_voice .secA .wrap .titles .name{font-size:1.6rem;line-height:2.6rem;}
.p_voice .secA .wrap .items{}
.p_voice .secA .wrap .items >*:nth-child(n + 2){margin-top:5rem;}
.p_voice .secA .wrap .items .img{border-radius:1rem;overflow:hidden;}
.p_voice .secA .wrap .items .item{}
.p_voice .secA .wrap .items .item .name{font-size:1.8rem;line-height:3.2rem;font-weight:900;letter-spacing:0.1em;padding-left:12rem;margin-bottom:2rem;position:relative;}
.p_voice .secA .wrap .items .item .name::before{content:"";height:1px;width:10rem;background:#F98035;position:absolute;top:1.6rem;left:0;}
.p_voice .secA .wrap .items .item .text{font-size:1.6rem;line-height:3.2rem;font-weight:500;letter-spacing:0.1em;}

	.p_voice .secA .wrap .items >*:nth-child(n + 2){margin-top:4rem;}
	.p_voice .secA .wrap .items .item .name{font-size:1.4rem;line-height:2.4rem;padding-left:6rem;margin-bottom:1rem;}
	.p_voice .secA .wrap .items .item .name::before{width:5rem;top:1.2rem;}
	.p_voice .secA .wrap .items .item .text{font-size:1.3rem;line-height:2.4rem;}

.p_voice .sec03.secA{color:#09080D;background:#EAEAEA;}
.p_voice .sec03.secA .wrap .titles{color:#0D2F95;}
.p_voice .sec03.secA .wrap .items .item .name::before{background:#0D2F95;}


.p_requirements{color:#EFEFEF;background:#0D2F9A;}
	.p_requirements .sec01{padding-bottom:5rem;}
	.p_requirements .sec01 .wrap{width:33rem;}
.p_requirements .sec01 .wrap .items{border-top:1px solid #6A799E;}
	.p_requirements .sec01 .wrap .items .item{display:block;padding:1.5rem 0;}
	.p_requirements .sec01 .wrap .items .item .title{font-size:1.4rem;line-height:2.4rem;width:100%;margin-bottom:1rem;}
	.p_requirements .sec01 .wrap .items .item .text{font-size:1.3rem;line-height:2.4rem;width:100%;}


}