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

.RalewayB{font-family: 'Raleway', sans-serif;font-weight:bold;letter-spacing:0.12em;}
.PlayfairM{font-family: 'Playfair Display', serif;font-weight:500;}


.svg_icon01{width:120px;height:120px;}
.svg_icon02{width:120px;height:120px;}
.svg_icon03{width:120px;height:120px;}
.svg_icon04{width:120px;height:120px;}

.svg_line{width:40px;height:40px;}
.svg_note{width:120px;height:40px;}
.svg_os{width:40px;height:40px;}

.c_cover img{width:100%;height:100%;object-fit:cover;}
.c_contain img{width:100%;height:100%;object-fit:contain;}

.sp_only{display: none;}

@media(min-width:835px){
	a[href^="tel:"]{pointer-events: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;}
/* 
header .scroll{font-size:10px;letter-spacing:0.23em;padding-right:140px;z-index:10;position:absolute;top:640px;left:60px;transform:rotate(90deg);transform-origin:left bottom;}
header .scroll::before{content:"";width:100px;height:1px;background:#000;position:absolute;right:12px;top:60%;transform:translateY(-50%);}
header .scroll::after{content:"";width:5px;height:5px;border-radius:50%;background:#000;position:absolute;right:110px;top:60%;transform:translate(-50%, -50%);animation: anime-scroll 2000ms linear infinite;}
@keyframes anime-scroll {
	0% {right:109px;width:1px;height:1px;}
	10% {right:109px;width:5px;height:5px;}
	90% {right:11px;width:5px;height:5px;}
	100% {right:11px;width:1px;height:1px;}
} */

footer .sec_contact{background:url("../img/top/contact.jpg");background-size:cover;background-position:center;padding:60px 0 50px;display:flex;justify-content:center;}
footer .sec_contact .texts{width:25vw;min-width:300px;color:#FFF;}
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;}


.top .sec_tophero{display:flex;height:430px;}
.top .sec_tophero .logos{width:25%;box-sizing:border-box;}
.top .sec_tophero .logo{width:200px;margin: 40px auto 70px;}
.top .sec_tophero .text{font-size:14px;line-height:24px;text-align:center;letter-spacing:0.06em;color:#008CCE;}
.top .sec_tophero .slider{width:75%;height:100%;position:relative;box-sizing:border-box;}
.top .sec_tophero .img{width:100%;height:100%;position:absolute;top:0;left:0;}
.top .sec_tophero .img:nth-child(1){z-index:3;opacity:0;transition:opacity 1s 0.5s;}
.top .sec_tophero .img:nth-child(2){z-index:2;opacity:1;transition:opacity 0.5s;}
.top .sec_tophero .img:nth-child(n + 3){z-index:1;}

.sec_hero{display:flex;height:430px;}
.sec_hero .logos{width:25%;box-sizing:border-box;}
.sec_hero .logo{width:200px;margin: 40px auto 70px;}
.sec_hero .text{font-size:14px;line-height:24px;text-align:center;letter-spacing:0.06em;color:#008CCE;}
.sec_hero .titles{width:75%;box-sizing:border-box;position:relative;color:#FFF;}
.sec_hero .title{position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:30px;letter-spacing:0.12em;transform:translateY(-100%);}
.sec_hero .etitle{position:absolute;top:55%;left:0;width:100%;text-align:center;font-size:16px;letter-spacing:0.12em;}
.sec_hero .img{width:100%;height:100%;}



.top .sec_product01{position:relative;}
.top .sec_product01 .items{display:flex;}
.top .sec_product01 .item{width:25%;height:25vw;box-sizing:border-box;padding-top:calc(12.5vw - 95px);background:#008CCE;border-top:1px solid #008CCE;border-bottom:1px solid #008CCE;}
.top .sec_product01 .item + .item{border-left:1px solid #FFF;}
.top .sec_product01 .item svg{display:block;margin: 0 auto;fill:#FFF;}
.top .sec_product01 .item .name{font-size:16px;line-height:100%;text-align:center;width:100%;color:#FFF;}
.top .sec_product01 .item:hover{background:#FFF;}
.top .sec_product01 .item:hover svg{fill:#008CCE;}
.top .sec_product01 .item:hover .name{color:#008CCE;}
.top .sec_product01 .img{position:absolute;bottom:0;left:50%;width:100%;transform:translateX(-50%);pointer-events:none;}

.top .sec_news{display:flex;height:25vw;background:#F2F2F2;}
.top .sec_news .titles{width:25%;box-sizing:border-box;display:flex;}
.top .sec_news .titles .title{font-size:24px;align-self:center;margin: 0 auto;}
.top .sec_news .items{display:flex;width:75%;box-sizing:border-box;}
.top .sec_news .item{width:calc(100% / 3);box-sizing:border-box;border-left:1px solid #808080;padding:60px 40px;position:relative;}
.top .sec_news .item .date{font-size:12px;margin-bottom:5px;}
.top .sec_news .item .title{font-size:14px;}
.top .sec_news .item .anchor{position:absolute;bottom:60px;right:40px;transition:0.5s;}
.top .sec_news .item:hover .anchor{right:20px;}

.top .sec_about{display:flex;height:50vw;}
.top .sec_about .img{width:50%;}
.top .sec_about .texts{width:50%;box-sizing:border-box;padding:65px 75px 85px;color:#FFF;background:#008CCE;display:flex;flex-direction:column;justify-content:space-between;}
.top .sec_about .etitle{font-size:42px;margin-bottom:30px;}
.top .sec_about .title{font-size:20px;line-height:37px;letter-spacing:0.08em;}
.top .sec_about .text{font-size:14px;line-height:28px;font-weight:300;margin-bottom:70px;text-align:justify;}
.top .sec_about .link{font-size:14px;line-height:53px;letter-spacing:0.16em;border:1px solid #FFF;display:block;width:160px;box-sizing:border-box;text-align:center;}
.top .sec_about .link:hover{color:#008CCE;background:#FFF;}

.top .sec_product02{display:flex;height:50vw;}
.top .sec_product02 .titles{width:25%;box-sizing:border-box;background:#008CCE;}
.top .sec_product02 .titles .texts{height:25vw;display:flex;position:relative;background:url("../img/top/products.png");background-size:cover;}
.top .sec_product02 .titles .title{font-size:24px;font-weight:bold;margin: 0 auto;align-self:center;}
.top .sec_product02 .titles .link{position:absolute;top:calc(75% - 27px);left:calc(50% - 80px);font-size:14px;line-height:53px;letter-spacing:0.16em;color:#FFF;border:1px solid #FFF;display:block;width:160px;box-sizing:border-box;text-align:center;}
.top .sec_product02 .titles .link:hover{color:#008CCE;background:#FFF;}
.top .sec_product02 .titles .anchors{width:220px;height:25vw;box-sizing:border-box;padding:0 15px 40px 25px;margin: 0 auto;display:flex;flex-direction:column;justify-content:flex-end;}
.top .sec_product02 .titles .anchor{font-size:14px;line-height:16px;letter-spacing:0.16em;color:#FFF;padding-left:45px;padding-right:10px;border-left:1px solid #FFF;transition:0.5s;}
.top .sec_product02 .titles .anchor + .anchor{margin-top:20px;}
.top .sec_product02 .titles .anchor:hover{padding-left:55px;padding-right:0px;}
.top .sec_product02 .items{width:75%;box-sizing:border-box;display:flex;}
.top .sec_product02 .item{width:calc(100% / 3);box-sizing:border-box;position:relative;border-left:1px solid #808080;}
.top .sec_product02 .item .img{height:25vw;}
.top .sec_product02 .item .texts{height:25vw;padding:50px;box-sizing:border-box;}
.top .sec_product02 .item .cate{font-size:14px;line-height:30px;font-weight:500;padding:0 10px;color:#FFF;background:#008CCE;margin-bottom:20px;display:inline-block;}
.top .sec_product02 .item .text{font-size:16px;line-height:28px;font-weight:500;}
.top .sec_product02 .item .anchor{font-size:12px;line-height:20px;font-weight:500;letter-spacing:0.16em;position:absolute;bottom:35px;right:35px;transition:0.5s;}
.top .sec_product02 .item:hover .anchor{right:20px;}

.top .sec_note{}
.top .sec_note .items{display:flex;}
.top .sec_note .item{width:50%;height:25vw;box-sizing:border-box;padding:80px 70px 0;position:relative;color:#FFF;}
/* .top .sec_note .item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(35,24,21,0.5);} */
.top .sec_note .item .img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}
.top .sec_note .item .date{font-size:12px;letter-spacing:0.08em;text-shadow:2px 2px 2px #0A0A0A;margin-bottom:10px;}
.top .sec_note .item .title{font-size:16px;line-height:28px;font-weight:500;text-shadow:2px 2px 2px #0A0A0A;margin-bottom:20px;}
.top .sec_note .item .text{font-size:14px;line-height:28px;font-weight:300;text-shadow:2px 2px 2px #0A0A0A;}
.top .sec_note .item:hover{color:#008CCE;}


.p_about .sec01{display:flex;}
.p_about .sec01 .titles{width:25%;box-sizing:border-box;}
.p_about .sec01 .title{height:25vw;position:relative;font-size:24px;background:#008CCE;}
.p_about .sec01 .title span{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;}
.p_about .sec01 .img01{height:25vw;}
.p_about .sec01 .texts{width:25%;box-sizing:border-box;padding:0 35px;display:flex;flex-wrap:wrap;align-content:center;}
.p_about .sec01 .text{font-size:14px;line-height:24px;font-weight:300;letter-spacing:-0.05em;text-align:justify;}
.p_about .sec01 .name{font-size:14px;line-height:24px;font-weight:300;text-align:right;width:100%;}
.p_about .sec01 .img02{width:50%;height:50vw;box-sizing:border-box;}

.p_about .sec02{display:flex;flex-wrap:wrap;flex-direction:column;height:100vw;}
.p_about .sec02 .area01 {width:50%;box-sizing:border-box;}
.p_about .sec02 .area01 .titles{height:25vw;}
.p_about .sec02 .area01 .title{height:25vw;position:relative;font-size:24px;background:#008CCE;}
.p_about .sec02 .area01 .title span{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;}
.p_about .sec02 .area01 .texts{height:50vw;box-sizing:border-box;}
.p_about .sec02 .area01 .texts .wrap{width:440px;max-width:100%;height:100%;display:flex;align-content:center;flex-wrap:wrap;margin: 0 auto;}
.p_about .sec02 .area01 dl{width:100%;margin:0 auto 30px;display:flex;flex-wrap:wrap;font-size:14px;line-height:28px;font-weight:300;}
.p_about .sec02 .area01 dt{width:calc(100% - 320px);}
.p_about .sec02 .area01 dd{width:320px;margin-bottom:18px;}
.p_about .sec02 .area01 .links{width:100%;margin:0 auto;}
.p_about .sec02 .area01 .sns01{font-size:40px;line-height:40px;margin-right:40px;}
.p_about .sec02 .area01 .sns02{margin-right:40px;}
.p_about .sec02 .area01 .sns03{}
.p_about .sec02 .area01 .img{height:25vw;}
.p_about .sec02 .area02{width:50%;box-sizing:border-box;position:relative;}
.p_about .sec02 .area02 .img{height:50vw;}
.p_about .sec02 .area02 .titles{width:460px;max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p_about .sec02 .area02 .etitle{font-size:42px;}
.p_about .sec02 .area02 .etitle::after{content:"";height:110px;border-left:1px solid #231815;display:block;margin: 30px 0;}
.p_about .sec02 .area02 .text{font-size:20px;}
.p_about .sec02 .area03{height:50vw;width:50%;box-sizing:border-box;}
.p_about .sec02 .area03 .titles{display:flex;height:25vw;box-sizing:border-box;}
.p_about .sec02 .area03 .title{width:50%;position:relative;font-size:24px;background:#008CCE;}
.p_about .sec02 .area03 .title span{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;}
.p_about .sec02 .area03 .img{width:50%;height:25vw;box-sizing:border-box;}
.p_about .sec02 .area03 iframe{width:100%;height:25vw;box-sizing:border-box;}

.p_about .sec03{display:flex;}
.p_about .sec03 .title{width:25%;min-height:25vw;box-sizing:border-box;position:relative;font-size:20px;line-height:60px;}
.p_about .sec03 .title span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space: nowrap;}
.p_about .sec03 .text{width:75%;box-sizing:border-box;padding:20px 40px 20px 0;font-size:14px;line-height:28px;font-weight:300;align-self:center;}


.p_service .areaA{display:flex;}
.p_service .areaA .titles{width:25%;background:#008CCE;display:flex;flex-wrap:wrap;align-content:center;}
.p_service .areaA svg{margin: 0 auto;fill:#FFF;}
.p_service .areaA .title{font-size:16px;font-weight:500;text-align:center;color:#FFF;width:100%;padding-bottom:20px;}
.p_service .areaA .texts{width:25%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:center;position:relative;}
.p_service .areaA .texts::before{content:"";width:1px;height:calc(100% - 80px);position:absolute;top:40px;left:38px;background:#231815;z-index:-1;}
.p_service .areaA .text{padding:40px 38px;background:#FFF;font-size:16px;line-height:28px;font-weight:500;text-align:justify;}
.p_service .areaA .img{width:50%;height:50vw;}
.p_service .areaB{display:flex;flex-direction:column;height:50vw;flex-wrap:wrap;}
.p_service .areaB .titles{width:50%;height:25vw;background:#008CCE;display:flex;flex-wrap:wrap;align-content:center;order:2;}
.p_service .areaB svg{margin: 0 auto;fill:#FFF;}
.p_service .areaB .title{font-size:16px;font-weight:500;text-align:center;color:#FFF;width:100%;padding-bottom:20px;}
.p_service .areaB .texts{display:flex;flex-wrap:wrap;align-content:flex-end;position:relative;width:50%;order:3}
.p_service .areaB .texts::before{content:"";width:1px;height:50px;position:absolute;top:40px;left:40px;background:#231815;}
.p_service .areaB .text{padding:120px 40px 0;font-size:16px;line-height:28px;font-weight:500;text-align:justify;}
.p_service .areaB .img{width:50%;height:50vw;order:1;}


.p_products .sec01{display:flex;}
.p_products .sec01 .titles{width:25%;box-sizing:border-box;}
.p_products .sec01 .title{height:25vw;display: flex;position:relative;font-size:24px;background:#008CCE;}
.p_products .sec01 .title span{font-size: 24px;align-self: center;margin: 0 auto;}
.p_products .sec01 .links{width:75%;box-sizing:border-box;padding-left:70px;display:flex;flex-wrap:wrap;align-content:center;}
.p_products .sec01 .links01{display:flex;margin-bottom:40px;}
.p_products .sec01 .links01 .link{font-size:16px;line-height:38px;padding:0 20px;border-radius:20px;border:1px solid #008CCE;color:#FFF;background:#008CCE;}
.p_products .sec01 .links01 .link:hover{color:#008CCE;background:#FFF;}
.p_products .sec01 .links02{display:flex;width:100%;margin-bottom:40px;}
.p_products .sec01 .links02 .link{font-size:16px;line-height:38px;padding:0 20px;border-radius:20px;border:1px solid #008CCE;color:#008CCE;background:#FFF;margin-right:20px;}
.p_products .sec01 .links02 .link:hover{color:#FFF;background:#008CCE;}

.p_products .sec01 .links03 input[type="text"]{font-size:16px;line-height:38px;padding:0 20px;border-radius:20px;border:1px solid #008CCE;background:#FFF;margin-right:20px;}
.p_products .sec01 .links03 input[type="submit"]{font-size:16px;line-height:38px;padding:0 20px;border-radius:20px;border:1px solid #008CCE;color:#FFF;background:#008CCE;cursor:pointer;}

/*
.p_products .sec02{background:#008CCE;}
.p_products .sec02 .items{display:flex;flex-wrap:wrap;position:relative;}
.p_products .sec02 .items::before{content:"";width:1px;height:100%;background:#808080;position:absolute;top:0;right:50%;z-index:3;}
.p_products .sec02 .item{width:50%;height:50vw;box-sizing:border-box;position:relative;background:#FFF;}
.p_products .sec02 .item .link{position:absolute;bottom:40px;right:40px;transition:0.5s;}
.p_products .sec02 .item:hover .link{right:20px;}
.p_products .sec02 .item .img{height:25vw;}
.p_products .sec02 .item .texts{height:25vw;padding:40px;}
.p_products .sec02 .item .texts .cate{font-size:14px;line-height:30px;padding: 0 10px;color:#FFF;background:#008CCE;display:inline-block;}
.p_products .sec02 .item .texts .title{font-size:16px;line-height:30px;padding: 10px 0;}
.p_products .sec02 .item .texts .text{font-size:14px;line-height:24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.p_products .sec02 .dammy{width:50%;height:50vw;box-sizing:border-box;position:relative;background:#000;}
.p_products .sec02 .dammy .img{width:100%;height:100%;}
.p_products .sec02 .dammy:nth-child(2n + 1){display:none;}
*/

.p_products .sec02{background:#008CCE;}
.p_products .sec02 .items{display:flex;flex-wrap:wrap;position:relative;}
/*.p_products .sec02 .items::before{content:"";width:1px;height:100%;background:#808080;position:absolute;top:0;right:50%;z-index:3;}*/
.p_products .sec02 .item{width:25%;height:50vw;box-sizing:border-box;position:relative;background:#FFF;}
.p_products .sec02 .item:nth-child(4n + 2),
.p_products .sec02 .item:nth-child(4n + 3),
.p_products .sec02 .item:nth-child(4n + 4){border-left:1px solid #808080;}
.p_products .sec02 .item .link{position:absolute;bottom:40px;right:40px;transition:0.5s;}
.p_products .sec02 .item:hover .link{right:20px;}
.p_products .sec02 .item .img{height:25vw;}
.p_products .sec02 .item .texts{height:25vw;padding:40px;}
.p_products .sec02 .item .texts .cate{font-size:14px;line-height:30px;padding: 0 10px;color:#FFF;background:#008CCE;display:inline-block;}
.p_products .sec02 .item .texts .title{font-size:16px;line-height:30px;padding: 10px 0;}
.p_products .sec02 .item .texts .text{font-size:14px;line-height:24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.p_products .sec02 .dammy{width:25%;height:50vw;box-sizing:border-box;position:relative;background:#000;}
.p_products .sec02 .dammy .img{width:100%;height:100%;}
/*.p_products .sec02 .dammy:nth-child(2n + 1){display:none;}*/

.p_products .sec02 .dammy{display:none;}

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

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

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



.p_product .sec01{display:flex;}
.p_product .sec01 .slider{width:50%;}
.p_product .sec01 .slider .js-main{padding-bottom:100%;position:relative;overflow:hidden;}
.p_product .sec01 .slider .js-main .js-handle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;cursor: pointer;transition:0.5s;}
.p_product .sec01 .slider .js-main .js-items{position:absolute;top:0;left:0;width: 100%;height: 100%;transition:0.5s;}
.p_product .sec01 .slider .js-main .img{width:100%;height:100%;position:absolute;top:0;transition:0.5s;}
.p_product .sec01 .slider .js-main .img:nth-child(1){left:0;}
.p_product .sec01 .slider .js-main .img:nth-child(2){left:100%;}
.p_product .sec01 .slider .js-main .img:nth-child(3){left:200%;}
.p_product .sec01 .slider .js-main .img:nth-child(4){left:300%;}
.p_product .sec01 .slider .js-main .img:nth-child(5){left:400%;}
.p_product .sec01 .slider .js-main .img:nth-child(6){left:500%;}
.p_product .sec01 .slider .js-main .img:nth-child(7){left:600%;}
.p_product .sec01 .slider .js-main .img:nth-child(8){left:700%;}
.p_product .sec01 .slider .js-main .img:nth-child(9){left:800%;}
.p_product .sec01 .slider .js-sub {display:flex;flex-wrap:wrap;}
.p_product .sec01 .slider .js-subitem{width:20%;height:10vw;cursor:pointer;}
.p_product .sec01 .texts{width:50%;border-left:1px solid #808080;padding:60px 40px;box-sizing:border-box;}
.p_product .sec01 .texts .cate{font-size:14px;line-height:30px;padding: 0 10px;color:#FFF;background:#008CCE;display:inline-block;}
.p_product .sec01 .texts .title{font-size:16px;line-height:30px;padding: 10px 0;}
.p_product .sec01 .texts .text{font-size:14px;line-height:24px;margin-bottom:60px;}
.p_product .sec01 .texts .link01{font-size:14px;line-height:48px;display:flex;align-items:center;width:340px;max-width:100%;padding: 0 20px;border:1px solid #008CCE;background:#008CCE;color:#FFF;position:relative;box-sizing:border-box;}
.p_product .sec01 .texts .link01::before{content:"→";position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.p_product .sec01 .texts .link01 i{font-size:30px;line-height:48px;margin-right:16px;}
.p_product .sec01 .texts .link01:hover{color:#008CCE;background:#FFF;}
.p_product .sec01 .texts .link02{font-size:14px;line-height:48px;display:flex;align-items:center;width:340px;max-width:100%;padding: 0 20px;border:1px solid #008CCE;background:#008CCE;color:#FFF;position:relative;box-sizing:border-box;}
.p_product .sec01 .texts .link02::before{content:"→";position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.p_product .sec01 .texts .link02 svg{fill:#FFF;margin-right:10px;}
.p_product .sec01 .texts .link02:hover{color:#008CCE;background:#FFF;}
.p_product .sec01 .texts .link02:hover svg{fill:#008CCE;}
.p_product .sec01 .texts .link01 + .link02{margin-top:10px;}

.p_column .sec01 .items{}
.p_column .sec01 .item{height:25vw;display:flex;}
.p_column .sec01 .item + .item{border-top:1px solid #808080;}
.p_column .sec01 .item .img{width:25%;overflow:hidden;}
.p_column .sec01 .item img{transition:0.5s;}
.p_column .sec01 .item:hover img{transform:scale(1.1);}
.p_column .sec01 .item .texts{width:75%;padding:40px;box-sizing:border-box;}
.p_column .sec01 .item .date{font-size:12px;margin-bottom:30px;}
.p_column .sec01 .item .title{font-size:16px;line-height:28px;margin-bottom:30px;padding-left:40px;position:relative;}
.p_column .sec01 .item .title img{width:30px;height:30px;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.p_column .sec01 .item .text{font-size:14px;line-height:25px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}


.p_news_list .sec01{display:flex;}
.p_news_list .sec01{background:#008CCE;}
.p_news_list .sec01 .items{display:flex;flex-wrap:wrap;position:relative;width:100%;}
/*.p_news_list .sec01 .items::before{content:"";width:1px;height:100%;background:#808080;position:absolute;top:0;right:50%;z-index:3;}*/
.p_news_list .sec01 .item{width:25%;height:50vw;box-sizing:border-box;position:relative;background:#FFF;}
.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:1px solid #808080;}
.p_news_list .sec01 .item .titles{height:25vw;display: flex;position:relative;font-size:24px;background:#008CCE;}
.p_news_list .sec01 .item .title{font-size: 24px;align-self: center;margin: 0 auto;}
.p_news_list .sec01 .item .link{position:absolute;bottom:40px;right:40px;transition:0.5s;}
.p_news_list .sec01 .item:hover .link{right:20px;}
.p_news_list .sec01 .item .img{height:25vw;}
.p_news_list .sec01 .item .texts{height:25vw;padding:40px;}
.p_news_list .sec01 .item .texts .date{font-size:12px;font-weight:300;}
.p_news_list .sec01 .item .texts .title{font-size:16px;line-height:30px;padding: 10px 0;}
.p_news_list .sec01 .dammy{width:25%;height:50vw;box-sizing:border-box;position:relative;background:#000;border-left:1px solid #808080;display:none;}
.p_news_list .sec01 .dammy .img{width:100%;height:100%;}

.p_news_list .sec01 .dammy01:nth-child(4n + 2){display:block;}
.p_news_list .sec01 .dammy01:nth-child(4n + 3){display:block;}
.p_news_list .sec01 .dammy01:nth-child(4n + 4){display:block;}

.p_news_list .sec01 .dammy02:nth-child(4n + 3){display:block;}
.p_news_list .sec01 .dammy02:nth-child(4n + 4){display:block;}

.p_news_list .sec01 .dammy03:nth-child(4n + 4){display:block;}




.p_news .sec01{display:flex;}
.p_news .sec01 .slider{width:50%;background:linear-gradient(to bottom , transparent 50vw ,#008CCE 50vw )}
.p_news .sec01 .slider .js-main{padding-bottom:100%;position:relative;overflow:hidden;}
.p_news .sec01 .slider .js-main .js-handle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;cursor: pointer;transition:0.5s;}
.p_news .sec01 .slider .js-main .js-items{position:absolute;top:0;left:0;width: 100%;height: 100%;transition:0.5s;}
.p_news .sec01 .slider .js-main .img{width:100%;height:100%;position:absolute;top:0;transition:0.5s;}
.p_news .sec01 .slider .js-main .img:nth-child(1){left:0;}
.p_news .sec01 .slider .js-main .img:nth-child(2){left:100%;}
.p_news .sec01 .slider .js-main .img:nth-child(3){left:200%;}
.p_news .sec01 .slider .js-main .img:nth-child(4){left:300%;}
.p_news .sec01 .slider .js-main .img:nth-child(5){left:400%;}
.p_news .sec01 .slider .js-main .img:nth-child(6){left:500%;}
.p_news .sec01 .slider .js-main .img:nth-child(7){left:600%;}
.p_news .sec01 .slider .js-main .img:nth-child(8){left:700%;}
.p_news .sec01 .slider .js-main .img:nth-child(9){left:800%;}
.p_news .sec01 .slider .js-sub {display:flex;flex-wrap:wrap;background:#008CCE;}
.p_news .sec01 .slider .js-subitem{width:20%;height:10vw;cursor:pointer;}
.p_news .sec01 .wrap{width:50%;}
.p_news .sec01 .titles{width:100%;height:25vw;padding:60px 40px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:flex-end;background:#008CCE;}
.p_news .sec01 .titles .date{font-size:12px;line-height:30px;}
.p_news .sec01 .titles .title{font-size:20px;line-height:30px;font-weight:500;padding: 10px 0;width:100%;}
.p_news .sec01 .texts{width:100%;padding:60px 40px;box-sizing:border-box;}
.p_news .sec01 .texts .text{font-size:14px;line-height:24px;margin-bottom:60px;}
.p_news .sec01 .texts .link01{font-size:14px;line-height:48px;display:flex;align-items:center;width:340px;max-width:100%;padding: 0 20px;border:1px solid #231815;background:#231815;color:#FFF;position:relative;box-sizing:border-box;}
.p_news .sec01 .texts .link01::before{content:"→";position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.p_news .sec01 .texts .link01 i{font-size:30px;line-height:48px;margin-right:16px;}
.p_news .sec01 .texts .link01:hover{color:#231815;background:#FFF;}
.p_news .sec01 .texts .link02{font-size:14px;line-height:48px;display:flex;align-items:center;width:340px;max-width:100%;padding: 0 20px;border:1px solid #008CCE;background:#008CCE;color:#FFF;position:relative;box-sizing:border-box;}
.p_news .sec01 .texts .link02::before{content:"→";position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.p_news .sec01 .texts .link02 svg{fill:#FFF;margin-right:10px;}
.p_news .sec01 .texts .link02:hover{color:#008CCE;background:#FFF;}
.p_news .sec01 .texts .link02:hover svg{fill:#008CCE;}
.p_news .sec01 .texts .link01 + .link02{margin-top:10px;}

.contact .sec_info{text-align:center;}
.contact .sec_info .area01{background:#008CCE;padding:50px 0 60px;}
.contact .sec_info .area01 .title{font-size:20px;line-height:50px;margin-bottom:15px;}
.contact .sec_info .area01 .company{font-size:36px;line-height:50px;letter-spacing:0.12em;margin-bottom:20px;color:#FFFFFF;}
.contact .sec_info .area01 .time{font-size:14px;font-weight:300;letter-spacing:0.18em;color:#FFFFFF;}
.contact .sec_info .area01 .tel{font-size:36px;line-height:50px;font-weight:bold;letter-spacing:0.1em;color:#FFFFFF;}
.contact .sec_info .area01 .tel i{font-size:40px;margin-right:10px;}
.contact .sec_info .area02{padding:75px 0 60px;}
.contact .sec_info .area02 .title{font-size:20px;line-height:50px;font-weight:300;letter-spacing:0.28em;margin-bottom:20px;}
.contact .sec_info .area02 .text{font-size:14px;font-weight:300;letter-spacing:0.06em;}

.contact .secinput{width:600px;max-width:100%;padding:60px 50px 50px;margin: 50px auto 70px;border:1px solid #008CCE;box-sizing:border-box;}
.contact .secinput form span{color:#AC1222;}
.contact .secinput .caption{font-size:14px;line-height:24px;font-weight:300;margin-bottom:30px;}
.contact .secinput .items{border-bottom:1px solid #DFDFDF;padding-bottom:40px;margin-bottom:40px;}
.contact .secinput .item{font-size:14px;line-height:20px;font-weight:300;display:flex;flex-wrap:wrap;margin:20px 0 0;}
.contact .secinput .name{width:150px;padding-top:2px;}
.contact .secinput .input{width:calc(100% - 150px);}
.contact .secinput .output{width:calc(100% - 150px);padding-top:2px;}

.contact .secinput input[type="text"],
.contact .secinput input[type="mail"],
.contact .secinput input[type="number"]{width:100%;padding:1px 5px;border:1px solid #DFDFDF;box-sizing:border-box;border-radius:0;}
.contact .secinput textarea{width:100%;padding:5px 5px;border:1px solid #DFDFDF;box-sizing:border-box;border-radius:0;}
.contact .secinput input[type="submit"]{display:block;font-size:16px;line-height:40px;width:160px;text-align:center;background:#008CCE;color:#FFF;-webkit-appearance: none;border:none;border-radius:0;margin: 0 auto;}
.contact .secinput input[type="submit"]:hover{background:#202020;}
.contact .secinput label{margin-right:20px;}

.contact .secoutput{width:600px;max-width:100%;padding:60px 50px 50px;margin: 50px auto 70px;border:1px solid #008CCE;box-sizing:border-box;}
.contact .secoutput .title{font-size:20px;line-height:24px;letter-spacing:0.23em;font-weight:300;margin-bottom:30px;}
.contact .secoutput .caption{font-size:14px;line-height:24px;font-weight:300;margin-bottom:30px;}
.contact .secoutput .tel{font-size:14px;line-height:24px;font-weight:300;}

.contactdata .output .imgs{width:100px;margin-bottom:10px;}
.contactdata .output .img{width:100%;height:100px;}