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

@media(max-width:900px){
	.sp_only{display: block;}
	.pc_only{display: none;}
	

/*
header {}
header #humb{color:#FFF;background:#008CCE;display:flex;cursor:pointer;cursor:pointer;position:fixed;top:0;right:0;z-index:1001;}
header #humb .border{width:50px;height:50px;position:relative;}
header #humb .border01{position:absolute;width:20px;height:1px;background:#FFF;top:17px;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
header #humb .border02{position:absolute;width:20px;height:1px;background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
header #humb .border03{position:absolute;width:20px;height:1px;background:#FFF;bottom:17px;left:50%;transform:translate(-50%, 50%);transition:0.5s;}
header #humb.active .border01{top:50%;transform:translate(-50%, -50%) rotate(135deg);} 
header #humb.active .border02{width:0;} 
header #humb.active .border03{bottom:50%;transform:translate(-50%, 50%) rotate(-135deg);} 

header nav {position:fixed;top:0;right:0;overflow:hidden;z-index:100;width:0;height:100%;transition:0.5s;}
header nav::before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:rgba(0,0,0,0.2);z-index:-1;}
header #humb.active + nav{width:100%;}
header nav .navwrap{width:300px;background:#FFF;box-sizing:border-box;display:flex;flex-wrap:wrap;border:1px solid #008CCE;margin: 0 0 0 auto;}

header nav p {font-size:20px;line-height:49px;color:#008CCE;background:#FFF;display:block;padding:0 10px;box-sizing:border-box;width:100%;font-weight:bold;letter-spacing:0.1em;}
header nav a {font-size:18px;line-height:49px;color:#008CCE;border-top:1px solid #008CCE;background:#FFF;display:block;padding:0 10px;box-sizing:border-box;width:100%;letter-spacing:0.1em;}
*/

	footer .sec_contact{padding:20px;flex-wrap:wrap;}
	footer .sec_contact .texts{width:300px;margin-bottom:30px;}
/*
footer .sec_contact .title{font-size:20px;margin-bottom:40px;font-weight:500;letter-spacing:0.08em;}
footer .sec_contact .text{font-size:14px;line-height:28px;margin-bottom:20px;font-weight:300;}
footer .sec_contact .caption{font-size:14px;line-height:28px;font-weight:300;}
footer .sec_contact .links{width:25vw;min-width:300px;color:#FFF;align-self:center;}
footer .sec_contact .tel{width:300px;padding: 0 10px 0 27px;border:2px solid #FFF;text-align:center;box-sizing:border-box;display:flex;justify-content:space-between;}
footer .sec_contact .mail{width:300px;padding: 0 10px 0 25px;border:2px solid #FFF;text-align:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:20px;}

footer .sec_contact .tel span{font-size:30px;line-height:46px;letter-spacing:0.05em;}
footer .sec_contact .mail span{font-size:20px;line-height:46px;letter-spacing:0.03em;}
footer .sec_contact .tel i{font-size:26px;align-self:center;}
footer .sec_contact .mail i{font-size:30px;align-self:center;}
footer .sec_contact .mail:hover{background:#FFF;color:#008CCE;}

footer .sec_footer{padding:50px 0 20px;color:#FFF;background:#008CCE;text-align:center;}
footer .sec_footer .logo{width:250px;margin: 0 auto;}
footer .sec_footer .address{font-size:14px;line-height:28px;font-weight:300;margin-bottom:40px;}
footer .sec_footer .copyright{font-size:14px;line-height:28px;font-weight:300;}

*/

}
@media(max-width:1200px){
	.top .sec_about .texts{padding:30px 30px 40px;}
	.top .sec_about .title{font-size:18px;line-height: 34px;}
	.top .sec_about .text{margin-bottom:30px;}
	.top .sec_about .pc_only{display:none;}
}
@media(max-width:900px){
	.top .sec_tophero{height:auto;flex-wrap:wrap;}
	.top .sec_tophero .logos{width:100%;}
	.top .sec_tophero .logo{margin: 40px auto 40px;}
	.top .sec_tophero .text{margin-bottom:40px;}
	.top .sec_tophero .slider{width:100%;height:200px;}


	.sec_hero{height:auto;flex-wrap:wrap;}
	.sec_hero .logos{width:100%;}
	.sec_hero .logo{margin: 0 auto;}
	.sec_hero .text{margin-bottom:40px;}
	.sec_hero .titles{width:100%;}

	.contact .sec_hero .title{transform:translateY(-50%);}

	.top .sec_product01 .items{flex-wrap:wrap;}
	.top .sec_product01 .item{width:50%;height:50vw;padding-top:calc(25vw - 95px);border-bottom:1px solid #FFF;}
	.top .sec_product01 .item:nth-child(odd){border-left:none}
	.top .sec_product01 .img{bottom:50%;transform:translate(-50%, 50%);}

	.top .sec_news{flex-wrap:wrap;height:auto;position:relative;}
	.top .sec_news .titles{width:50%;height:50vw;position:absolute;top:0;left:0;}
	.top .sec_news .titles .title{font-size:20px;}
	.top .sec_news .items{width:100%;flex-wrap:wrap;}
	.top .sec_news .items::before{content:"";width:50%;height:50vw;}
	.top .sec_news .item{width:50%;height:50vw;padding:20px;}
	.top .sec_news .item + .item{border-top:1px solid #808080;}
	.top .sec_news .item .anchor{bottom:20px;right:20px;}

	.top .sec_about{flex-wrap:wrap;height:auto;}
	.top .sec_about .img{width:100%;}
	.top .sec_about .texts{width:100%;padding:20px 20px 40px;}
	.top .sec_about .title{font-size:18px;margin-bottom:30px;}
	.top .sec_about .text{margin-bottom:30px;}

	.top .sec_product02{flex-wrap:wrap;height:auto;margin-top:1px;}
	.top .sec_product02 .titles{width:100%;display:flex;}
	.top .sec_product02 .titles .texts{min-height:50vw;width:50%;flex-wrap:wrap;align-content:center;}
	.top .sec_product02 .titles .title{font-size:20px;padding-bottom:20px;}
	.top .sec_product02 .titles .link{position:static;margin: 0 auto;}
	.top .sec_product02 .titles .anchors{width:50%;min-height:50vw;padding:20px;justify-content:space-around;}
	.top .sec_product02 .titles .anchor{font-size:12px;line-height:14px;letter-spacing:0.1em;padding-left:25px;padding-right:0px;}
	.top .sec_product02 .titles .anchor + .anchor{margin-top:10px;}
	.top .sec_product02 .items{width:100%;flex-wrap:wrap;}
	.top .sec_product02 .item{width:100%;border-left:none;border-top:1px solid #808080;display:flex;}
	.top .sec_product02 .item .img{height:50vw;width:50%;}
	.top .sec_product02 .item .texts{height:50vw;width:50%;padding:20px;}
	.top .sec_product02 .item .cate{margin-bottom:10px;}
	.top .sec_product02 .item .anchor{bottom:20px;right:20px;}
	.top .sec_note .items{flex-wrap:wrap;}
	.top .sec_note .item{width:100%;height:50vw;padding:20px;}
	.top .sec_note .item .title{margin-bottom:10px;}

}
@media(max-width:1200px){
	.p_about .sec01 .texts{width:50vw;}
	.p_about .sec01 .img02{width:25vw;}
	
	.p_about .sec02 .area01 .texts .wrap{width:400px;}
	.p_about .sec02 .area01 dt{width:100px;}
	.p_about .sec02 .area01 dd{width:calc(100% - 100px);margin-bottom:10px;}
}
@media(max-width:900px){
	.p_about .sec01{flex-wrap:wrap;}
	.p_about .sec01 .titles{width:100%;display:flex;}
	.p_about .sec01 .title{height:50vw;font-size:20px;width:50%;}
	.p_about .sec01 .img01{height:50vw;width:50%;}
	.p_about .sec01 .texts{width:100%;padding:20px;}
	.p_about .sec01 .img02{width:100%;}

	.p_about .sec02{flex-direction:row;height:auto;}
	.p_about .sec02 .area01 {width:100%;}
	.p_about .sec02 .area01 .titles{height:auto;}
	.p_about .sec02 .area01 .title{height:50vw;font-size:20px;}
	.p_about .sec02 .area01 .texts{height:auto;padding:20px;}
	.p_about .sec02 .area01 dt{width:100%;}
	.p_about .sec02 .area01 dd{width:100%;margin-bottom:18px;}

	.p_about .sec02 .area01 .img{height:50vw;}
	.p_about .sec02 .area02{width:100%;}
	.p_about .sec02 .area02 .img{height:50vw;}
	.p_about .sec02 .area02 .etitle{font-size:30px;margin-bottom:30px;}
	.p_about .sec02 .area02 .etitle::after{display:none;}
	.p_about .sec02 .area02 .text{font-size:18px;}
	.p_about .sec02 .area03{height:auto;width:100%;}
	.p_about .sec02 .area03 .titles{height:50vw;}
	.p_about .sec02 .area03 .title{font-size:20px;}
	.p_about .sec02 .area03 .img{height:50vw;}
	.p_about .sec02 .area03 iframe{height:50vw;}

	.p_about .sec03{flex-wrap:wrap;}
	.p_about .sec03 .title{width:100%;min-height:50vw;text-align:center;}
	.p_about .sec03 .title span{padding: 0 30px;border: 1px solid #008CCE;}
	.p_about .sec03 .text{width:100%;padding:0 20px 20px;text-align:justify;}

}
@media(max-width:1200px){
	.p_service .areaA .texts::before{left:20px;}
	.p_service .areaA .text{padding:20px 20px 20px;}
	.p_service .areaB .texts::before{display:none;}
	.p_service .areaB .text{padding:20px 20px 0px;}
}
@media(max-width:900px){
	.p_service .areaA{flex-wrap:wrap;}
	.p_service .areaA .titles{width:50%;height:50vw;}
	.p_service .areaA .texts{width:100%;order:3;}
	.p_service .areaA .texts::before{display:none;}
	.p_service .areaA .text{padding:20px 20px 40px;}
	.p_service .areaB{position:relative;flex-direction:row;height:auto}
	.p_service .areaB .titles{width:50%;height:50vw;}
	.p_service .areaB .texts{width:100%;}
	.p_service .areaB .texts::before{display:none;}
	.p_service .areaB .text{padding:20px 20px 40px;}
}
@media(max-width:1200px){
	.p_products .sec01 .links01 .link{font-size:14px;line-height:28px;padding: 0 15px;}
	.p_products .sec01 .links02{flex-wrap:wrap;margin-bottom:30px;}
	.p_products .sec01 .links02 .link{font-size:14px;line-height:28px;padding: 0 15px;margin-right:15px;margin-bottom:10px;}
	.p_products .sec01 .links03 input[type="text"],
	.p_products .sec01 .links03 input[type="submit"]{font-size:14px;line-height:28px;padding: 0 15px;margin-right:15px;}
	.p_products .sec02 .item{height:auto;min-height:50vw;}
	.p_products .sec02 .item .texts{height:auto;padding:20px 20px 50px;box-sizing:border-box;}
	.p_products .sec02 .item .link{bottom:20px;right:20px;}
}
@media(max-width:900px){
	.p_products .sec01{flex-wrap:wrap;}
	.p_products .sec01 .titles{width:100%;}
	.p_products .sec01 .title{height:50vw;}
	.p_products .sec01 .title span{font-size: 20px;}
	.p_products .sec01 .links{width:100%;padding:20px 5px 20px 15px;}
	.p_products .sec01 .links01{margin-bottom:30px;}
	.p_products .sec01 .links02{margin-bottom:20px;}

	.p_products .sec01 .item{width:50%;height:50vw;padding-top:calc(25vw - 95px);border-bottom:1px solid #FFF;}
	.p_products .sec01 .item:nth-child(odd){border-left:none}
	.p_products .sec01 .img{bottom:50%;transform:translate(-50%, 50%);}

	.p_products .sec02 .items::before{display:none;}
	.p_products .sec02 .item{width:100%;height:auto;min-height:100vw;position:relative;background:linear-gradient(to bottom , #008CCE 50vw ,#FFF 50vw);}
	.p_products .sec02 .item .link{bottom:20px;right:20px;}
	.p_products .sec02 .item .img{height:50vw;width:50%;position:absolute;top:0;right:0;}
	.p_products .sec02 .item .texts{height:auto;;width:100%;padding:20px 10px 30px 10px;box-sizing:border-box;}
	.p_products .sec02 .item .texts .cate{color:#008CCE;background:#FFF;}
	.p_products .sec02 .item .texts .title{color:#FFF;width:50%;min-height:calc(50vw - 60px);margin-top:10px;padding: 10px 10px 10px 0;box-sizing:border-box;}
	.p_products .sec02 .item .texts .text{margin-top:10px;}

	.p_products .sec02 .dammy01:nth-child(4n + 2){display:none;}
	.p_products .sec02 .dammy01:nth-child(4n + 3){display:none;}
	.p_products .sec02 .dammy01:nth-child(4n + 4){display:none;}

	.p_products .sec02 .dammy02:nth-child(4n + 3){display:none;}
	.p_products .sec02 .dammy02:nth-child(4n + 4){display:none;}

	.p_products .sec02 .dammy03:nth-child(4n + 4){display:none;}



	.p_product .sec01{flex-wrap:wrap;}
	.p_product .sec01 .slider{width:100%;}
	.p_product .sec01 .slider .js-subitem{height:20vw;}
	.p_product .sec01 .texts{width:100%;border-left:none;padding:30px 20px 50px;}

}
@media(max-width:900px){

	.p_column .sec01 .item{height:auto;flex-wrap:wrap;position:relative;}
	.p_column .sec01 .item .img{width:50%;height:50vw;position:absolute;top:0;right:0;}
	.p_column .sec01 .item .texts{width:100%;padding:20px;box-sizing:border-box;}
	.p_column .sec01 .item .date{line-height:20px;margin-bottom:20px;}
	.p_column .sec01 .item .title{width:50%;padding-left:0;padding-right:20px;min-height:calc(50vw - 60px);box-sizing:border-box;}
	.p_column .sec01 .item .title img{display:none;}

}
@media(max-width:1200px){
	.p_news_list .sec01 .item .texts{padding:20px;box-sizing:border-box;}
	.p_news_list .sec01 .item .link{bottom:20px;right:20px;text-align:right;}
}
@media(max-width:900px){

	.p_news_list .sec01{flex-wrap:wrap;}
	.p_news_list .sec01 .item{width:100%;height:50vw;display:flex;}
	.p_news_list .sec01 .item >*{width:50%;}
	.p_news_list .sec01 .item:nth-child(4n + 2),
	.p_news_list .sec01 .item:nth-child(4n + 3),
	.p_news_list .sec01 .item:nth-child(4n + 4){border-left:0px solid #808080;}
	.p_news_list .sec01 .item .titles{height:50vw;font-size:20px;}
	.p_news_list .sec01 .item .title{font-size: 20px;}
	.p_news_list .sec01 .item .link{bottom:20px;right:20px;text-align:right;}
	.p_news_list .sec01 .item .img{height:50vw;}
	.p_news_list .sec01 .item .texts{height:50vw;padding:20px;box-sizing:border-box;}
	.p_news_list .sec01 .item .texts .title{font-size:14px;line-height:28px;padding: 0;margin:10px 0;}
	.p_news_list .sec01 .dammy{display:none!important;}

	.p_news_list .sec01 .item:nth-child(even) .img{order:2;}
	.p_news_list .sec01 .item:nth-child(even) .link{right:calc(50vw + 20px);}


	.p_news .sec01{flex-wrap:wrap;}
	.p_news .sec01 .slider{width:100%;background:none;}
	.p_news .sec01 .slider .js-subitem{height:20vw;}
	.p_news .sec01 .wrap{width:100%;}
	.p_news .sec01 .titles{padding:20px;height:auto;;background:none;}
	.p_news .sec01 .texts{width:100%;border-left:none;padding:0 20px 50px;}

	.contact .sec_info .area01 .tel{font-size:30px;line-height:40px;}
	.contact .sec_info .area01 .tel i{font-size:30px;}
	.contact .sec_info .area02 .link{letter-spacing:0.1em;width:300px;}

	.contact .secinput{width:calc(100% - 20px);padding:20px;}
	.contact .secinput .item{margin:10px 0 0;}
	.contact .secinput .input{width:100%;}
	.contact .secinput .output{width:100%;}

	.contact .secoutput{width:calc(100% - 20px);padding:20px;}
}