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

@media(max-width:1200px){
	body:not(.top) .sec_hero .title{left:40%;}
	.sec_voice .texts{padding:110px 20px 90px;}
	.sec_voice .texts .link{left:20px;}
	.sec_require::before{width:100%;transform-origin:center;}
	.sec_require::after{display:none;}
	
}
@media(max-width:834px){
	.sp_only{display: block;}
	.pc_only{display: none;}
	
	.sec_hero{background:linear-gradient(to top , transparent 60px , #264FFF 60px);position:relative;}
	.sec_hero .img img{object-position:-60px bottom;}

	.top .sec_hero .img{height:500px;min-height:initial;max-height:initial}
	.top .sec_hero .etitle{font-size:30px;line-height:60px;top:65%;}

	body:not(.top) .sec_hero{padding-top:10px;border-bottom:20px solid #FFF;background:linear-gradient(to top , transparent 70px , #264FFF 70px);margin-bottom:20px;}
	body:not(.top) .sec_hero .img{height:400px;min-height:initial;max-height:initial;position:relative;}
	body:not(.top) .sec_hero .img::before{content:"";border-top:120px solid #264FFF;border-left:120px solid #264FFF;border-right:120px solid transparent;border-bottom:120px solid transparent;position:absolute;top:0;left:0;}
	body:not(.top) .sec_hero .title{font-size:20px;line-height:40px;bottom:-20px;left:initial;right:20px;width:300px;min-width:initial;max-width:100%;padding:0 5px;transform-origin:top right;}
	body:not(.top) .sec_hero .img img{object-position:60% bottom;}

	.p_ceo .sec_hero .subtitle{top:280px;left:20px;}
	.p_ceo .sec_hero .subtitle > span{font-size:14px;line-height:26px;}
	.p_ceo .sec_hero .subtitle > span + span{margin-top:10px;}
	.p_ceo .sec_hero .subtitle > span span{padding:0 10px;}
	

	.p_voice .sec_hero .subtitle{top:270px;left:20px;}
	.p_voice .sec_hero .subtitle > span{font-size:14px;line-height:26px;}
	.p_voice .sec_hero .subtitle > span + span{margin-top:10px;}
	.p_voice .sec_hero .subtitle > span span{padding:0 10px;}
	



/* 共通 */
	.sec_require{background:#0836A3;margin-top:0;}
	.sec_require::before{display:none;}
	.sec_require::after{display:none;}
	.sec_require .wrap{padding:40px 20px;}
	.sec_require .titles .etitle{font-size:30px;margin-bottom:20px;}
	.sec_require .titles .title{font-size:24px;margin-bottom:20px;}
	.sec_require .links .link{margin : 0 auto;}
	.sec_require .links .link + .link{margin:20px auto 0;}

	.sec_entry{margin: 0 auto;padding:20px;box-sizing:border-box;}
	.sec_entry .link{display:block;}
	.sec_entry .link .etitle{font-size:30px;line-height:60px;width:100%;padding:15px 0;}
	.sec_entry .link .etitle::before{top:initial;bottom:0;width:50px;height:50px;transform:initial;background:linear-gradient(-45deg , #264FFF 50% , transparent 50%);}
	.sec_entry .link .title{font-size:18px;line-height:60px;width:100%;padding:15px 0;}
	.sec_entry .link .title::before{bottom:initial;top:0;left:0;width:50px;height:50px;transform:initial;background:linear-gradient(135deg , #0836A3 50% , transparent 50%);;}
	.sec_entry .link .title span{padding-right:90px;}
	.sec_entry .link .title span::before{width:70px;left:calc(100% - 70px);}
	.sec_entry .link .title span::after{left:calc(100% - 70px);}
	.sec_entry .link:hover .title span::after{width:70px;}
	
	.sec_voice .titles{padding:10px 20px;box-sizing:border-box;}	
	.top .sec_voice .titles{padding:20px 20px;}	
	.sec_voice .titles .etitle{font-size:30px;margin-right:20px;}
	.sec_voice .titles .title{font-size:24px;}
	.sec_voice .item{background:linear-gradient( to top , #FFF 60px , #264FFF 60px);}	
	.sec_voice .texts{padding:0 20px 0;box-sizing:border-box;min-height:calc(50vw + 120px);}
	.sec_voice .texts .key{font-size:22px;line-height:60px;min-height:initial;letter-spacing:0.02em;margin-bottom:10px;}
	.sec_voice .texts .name{font-size:16px;line-height:20px;}
	.sec_voice .texts .since{font-size:16px;line-height:20px;}
	.sec_voice .texts .job{font-size:16px;line-height:20px;}
	.sec_voice .texts .link{bottom:30px;left:20px;}
	.sec_voice .img{bottom:60px;right:0;width:100%;height:auto;transform:skewX(0);transform-origin:bottom right;overflow:hidden;}
	.sec_voice .img::before{width:260px;height:150px;background:linear-gradient(135deg , #264FFF 50% , transparent 50%);position:absolute;top:0;left:0;z-index:2;}
	.sec_voice .img img{transform:initial;}

	.top .sec_ceo{height:initial;background:linear-gradient(135deg , #0836A3 300px , #264FFF 300px);padding:20px 0 0;box-sizing:border-box;margin-top:0;position:relative;z-index:2;}
	.top .sec_ceo::before{content:"";width:30px;height:100%;background:#0836A3;position:absolute;top:0;left:0;}
	.top .sec_ceo .wrap{height:initial;display:block;}
	.top .sec_ceo .wrap .area01{padding: 180px 20px 20px;box-sizing:border-box;margin: 0 auto 20px;position:relative;z-index:2;}
	.top .sec_ceo .area01 .etitle{font-size:30px;margin-bottom:30px;}
	.top .sec_ceo .area01 .title{font-size:24px;margin-bottom:50px;position:relative;}
	.top .sec_ceo .area01 .title::before{content:"";width:200px;height:300px;background:url("../img/top/ceo01_sp_01.png");background-size:contain;position:absolute;bottom:-40px;left:130px;z-index:-1;}
	.top .sec_ceo .area01 .text{width:100%;}
	
	.top .sec_ceo .wrap .area02{width:100%;background:url("../img/top/ceo01_sp_02.jpg");background-size:cover;background-position:center;padding:100px 10px 10px;box-sizing:border-box;position:relative;z-index:2;}
	.top .sec_ceo .area02 .text{font-size:16px;line-height:30px;}
	.top .sec_ceo .area02 .text + .text{margin-top:10px;}
	.top .sec_ceo .area02 .text span{padding:0 10px;}


	.p_ceo .sec01{margin-bottom:30px;}
	.p_ceo .sec01 .wrap{padding: 0 20px;box-sizing:border-box;}
	.p_ceo .sec01 .title{font-size:18px;line-height:36px;}
	.p_ceo .sec01 .subtitle{font-size:16px;padding-left:28px;}
	.p_ceo .sec01 .subtitle::before{width:20px;}
	.p_ceo .sec01 .extra{font-size:16px;margin-top:40px;}
	.p_ceo .sec01 .text + .subtitle{margin-top:30px;}
	.p_ceo .sec01 .item + .item{margin-top:40px;}

	.p_ceo .sec01.border01 .subtitle:nth-of-type(2){padding-right:0}

	.p_ceo .area02{padding:20px 0;}
	.p_ceo .area02 .imgs{padding:0;height:initial;position:relative;}
	.p_ceo .area02 .imgs .img{width:100%;height:340px;transform:initial;position:relative;}
	.p_ceo .area02 .imgs .img img{transform:initial;width:100%;}
	.p_ceo .area02 .imgs .texts{position:absolute;bottom:20px;left:20px;}
	
	.p_ceo .area02 .imgs .texts .text{font-size:16px;line-height:30px;}
	.p_ceo .area02 .imgs .texts .text + .text{margin-top:10px;}
	.p_ceo .area02 .imgs .texts .text span{padding:0 10px;}

	.p_ceo .area04{padding:20px 0;}
	.p_ceo .area04 .imgs{padding:0;height:initial;position:relative;}
	.p_ceo .area04 .imgs .img{width:100%;height:340px;transform:initial;position:relative;}
	.p_ceo .area04 .imgs .img img{transform:initial;width:100%;}
	.p_ceo .area04 .imgs .texts{position:absolute;bottom:20px;left:20px;}
	.p_ceo .area04 .imgs .texts .text{font-size:16px;line-height:30px;}
	.p_ceo .area04 .imgs .texts .text + .text{margin-top:10px;}
	.p_ceo .area04 .imgs .texts .text span{padding:0 10px;}

	.p_voice .sec01 .wrap{padding: 0 20px;box-sizing:border-box;}

	.p_voice .area02{padding:20px 0;}
	.p_voice .area02 .imgs{padding:0;height:initial;position:relative;}
	.p_voice .area02 .imgs .img{width:100%;height:340px;transform:initial;position:relative;}
	.p_voice .area02 .imgs .img img{transform:initial;width:100%;}
	.p_voice .area02 .imgs .texts{position:absolute;bottom:20px;left:20px;transform:initial;}
	.p_voice .area02 .imgs .texts .text{font-size:16px;line-height:30px;}
	.p_voice .area02 .imgs .texts .text + .text{margin-top:10px;}
	.p_voice .area02 .imgs .texts .text span{padding:0 10px;}


	.p_requirements .sec01{margin-bottom:0;}
	.p_requirements .sec01 .wrap{padding: 0 20px;box-sizing:border-box;}
	.p_requirements .sec01 .item .title{font-size:20px;line-height:30px;padding: 5px 15px ;}
	.p_requirements .sec01 .item + .item{margin-top:30px;}
	.p_requirements .sec01 .message{margin: 0 auto 20px;display:block;font-size:16px;}

	.p_requirements .sec01 dl{}
	.p_requirements .sec01 dt{width:115px;}
	.p_requirements .sec01 dt span{padding:0 5px 0 20px;}
	.p_requirements .sec01 dd{width:calc(100% - 115px);padding:11px 15px 11px 20px;}

	.p_entry .secinput {margin-bottom:0;padding:0;}
	.p_entry .secinput .caption{font-size:16px;padding:10px 20px 0;box-sizing:border-box;}
	.p_entry .secinput form{padding:20px 20px 40px;}
	.p_entry .secinput .selects span{margin-left:2px;margin-right:5px;}


	.p_entry .type_radio01 label{display:block;}
	.p_entry .secinput{}
	.p_entry .secinput .name{margin-bottom:5px;}
	.p_entry .secinput .input{width:100%;}
	.p_entry .secinput .output{width:100%;}
	.p_entry .statemessages{width:calc(100% - 20px);border: 5px solid #264FFF;padding:15px;margin: 50px auto;}
	.p_entry .text01{font-size:20px;line-height:36px;}
	.p_entry .text02{font-size: 18px;line-height: 32px;}
	.p_entry .text03{font-size: 14px;line-height: 28px;}


}