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

.sp_only{display: none;}

.wrap01{width:1200px;margin: 0 auto; box-sizing: border-box;}
.wrap02{width:1000px;margin: 0 auto; box-sizing: border-box;}
.wrap03{width:1080px;margin: 0 auto; box-sizing: border-box;}
.wrap04{width:800px;margin: 0 auto; box-sizing: border-box;}


@font-face {
font-family: utsukushi;
src: url(../font/utsukushifont.eot);
src: url(../font/utsukushifont.eot?#iefix) format('embedded-opentype')
,url(../font/utsukushifont.woff) format('woff')
,url(../font/utsukushifont.otf) format('opentype');
}



.utsukushi {font-family:utsukushi , 'Noto Serif JP', serif;}
.gothic {font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
.helvetica {font-family:'Helvetica','Arial',sans-serif;}
.mincho{font-family: 'Noto Serif JP', serif;}

body{min-width: 1400px;position: relative;}

header.hamburgerOn .hamburgerbtn {transform: rotate(-45deg);position: absolute;height: 50px;transform-origin: center;}
header.hamburgerOn .hamburgerbtn .border01{top:calc(50% - 3.5px);transform: rotate(90deg);transform-origin: center;}
header.hamburgerOn .hamburgerbtn .border02{bottom:calc(50% - 3.5px);}
header.hamburgerOn .hamburger{transform: translateY(0%);pointer-events: all;}
header.hamburgerOn .hamburger .links{opacity: 1;}
header.hamburgerOn + main >*{display: none!important;}
header.hamburgerOn .navi{display: none!important;}
header.hamburgerOn .herowrap{display: none!important;}
header.hamburgerOn .topherowrap{display: none!important;}
header.hamburgerOn .hamburgerbtn .border01{background: #FFF;}
header.hamburgerOn .hamburgerbtn .border02{background: #FFF;}

header .hamburgerbtn{position: absolute;top:60px;left: calc(50% - 20px);width: 50px;height: 31px; z-index: 101;transition: 0.5s;cursor: pointer;}
header .hamburgerbtn .border01{position: absolute;top:0;left: 0;width:100%;height: 7px;background: #231815;transition: 0.5s;}
header .hamburgerbtn .border02{position: absolute;bottom:0;left: 0;width:100%;height: 7px;background: #231815;transition: 0.5s;}

.top header .hamburgerbtn .border01{background: #FFF;}
.top header .hamburgerbtn .border02{background: #FFF;}


header .hamburger{position: absolute;top:0;left: 0;background: #004986;width: 100%;height: 100vh; z-index: 100;transition: 0.5s;pointer-events: none;transform: translateY(-100%);}
header .hamburger .links{width: 1000px;margin: 200px auto 0;box-sizing: border-box;opacity: 0;}
header .hamburger .link{font-size: 60px;line-height: 60px;letter-spacing: 0.06em;color: #00A0E9;margin-bottom: calc((100vh - 730px) / 7);}
header .hamburger .link span{font-size: 18px;vertical-align: bottom;color: #FFF;transition: 0.5s;margin-left: 50px;}
header .hamburger .link:hover span{margin-left: 20px;}

@media(min-height:1200px){
	header .hamburger .link{margin-bottom: 50px;}

}
@media(max-height:800px){
	header .hamburger .links{padding: 0 100px;}
	header .hamburger .link{font-size: 40px;line-height: 40px;margin-bottom: calc((100vh - 570px) / 7);}

}
@media(max-height:600px){
	header .hamburger .links{padding: 0 200px;}
	header .hamburger .links{margin-top:150px;}
	header .hamburger .link{font-size: 30px;line-height: 30px;margin-bottom: calc((100vh - 420px) / 7);}

}
@media(max-height:500px){
	header.hamburgerOn .hamburgerbtn {;position: absolute;}
	header .hamburger{position: absolute;height:500px;}
	header .hamburger .link{font-size: 28px;line-height: 28px;margin-bottom: 10px;}
}
header .navi{height: 50px;padding:50px 0 50px 80px;position: relative;z-index: 3;display: flex;justify-content: space-between;align-items: flex-start;margin: auto;}
/*header .navi::before{content:"";width:50px;height: 100px;background: #0068B7;position: absolute;top:0;left: 0;}*/
header .title{position: relative;}
header .title::before{content:"";width:50px;height: 100px;background: #0068B7;position: absolute;top:-50px;left: -80px;}
/*header .title::after{content:"";width:50px;height: 31px;position: absolute;top:10px; left: 500px; background: linear-gradient(to bottom , #231815 7px , transparent 7px , transparent 24px, #231815 24px);}*/
header .title svg{width:394px;height: 32px; padding-top: 10px;}
header .contact_link {width:200px;padding:10px 0;background:#000;border:1px solid #000;text-align: center;transition: 0.5s;font-size:0;}
header .contact_link:hover {background:#FFF;}
header .contact_link svg{width:156px;height: 26px;}
header .contact_link .contactsvg{transition: 0.5s;}
header .contact_link:hover .contactsvg{fill:#000;}

.top header .navi{position: absolute;top:0;left: calc(50% - 600px);height: auto;}
.top header .logosvg{fill:#FFF;}

header .topherowrap{height: 100vh;min-height: 800px; max-height:1000px;position: relative;z-index: 2;}
header .topherowrap::before{content: ""; background: url("../img/top/hero01.jpg");background-size: cover; background-position: center; height: 100%;width:calc(50% + 140px);position: absolute;left: 0;top:0;z-index: 2;}
/*header .topherowrap::after{content: ""; background: url("../img/top/hero02.jpg");background-size: cover; background-position: left center; height: 70%;width:calc(50% + 115px);position: absolute;right: 0;top:20%;z-index: 3;}*/
/*header .topherotexts{position: absolute;top:20%;left: 50%;transform: translateX(-50%);z-index: 4;}*/

header .topherowrap .js-slider{;background-size: cover; background-position: left center; height: 70%;width:calc(50% + 115px);position: absolute;right: 0;top:20%;z-index: 3;overflow: hidden;}
header .topherowrap .js-slider-main{width:100%;height: 100%;}
header .topherowrap .js-slider-main .js-slider-item{width:100%;height: 100%;background-size: cover; background-position: left center;}
header .topherowrap .js-slider-items{display:none;}
header .topherowrap .js-slider-main .js-slider-item{position:absolute;top:0;z-index: 4;transition: 0.8s;}
header .topherowrap .js-slider-main .js-slider-item:nth-child(1){left:-100%}
header .topherowrap .js-slider-main .js-slider-item:nth-child(2){left:0;}
header .topherowrap .js-slider-main .js-slider-item:nth-child(3){left:100%}


header .topherotexts{position: absolute;top:20%;left: calc(50% -600px);z-index: 4;}
header .topherotitle{font-size: 36px;line-height: 64px;letter-spacing: 0.2em;color: #FFFFFF;padding-left: 140px;padding-bottom: 20px;}
header .topherotext{font-size: 18px;line-height: 52px;letter-spacing: 0.7em;color: #FFFFFF;padding-left: 180px;}

header .herowrap{height: 400px;background-size: cover;background-position: center;}
header .wrap01{position: relative;height: 100%;}
header .herotitle{position: absolute;font-size: 92px;line-height: 100%;padding: 24px 15px;background: #FFF;bottom: 0;left: 0;}

.company header .herowrap{background-image: url("../img/company/hero.jpg");}
.business header .herowrap{background-image: url("../img/business/hero.jpg");}
.example header .herowrap{background-image: url("../img/example/hero.jpg");}
.design header .herowrap{background-image: url("../img/design/hero.jpg");}
.power header .herowrap{background-image: url("../img/power/hero.jpg");}
.news header .herowrap{background-image: url("../img/news/hero.jpg");}
.newsinfo header .herowrap{background-image: url("../img/news/hero.jpg");}
.contact header .herowrap{background-image: url("../img/contact/hero.jpg");}


footer {background: linear-gradient(to bottom,#0068B7 0, #000013 100%);padding: 60px 0 50px;}
footer .wrap01{display:flex;justify-content: space-between;flex-wrap: wrap;color: #FFF;}
footer .area01{width:700px;padding-left:50px;}
footer .area01 .text01{width:310px;margin-bottom: 20px;}
footer .area01 .text02{font-size: 14px;line-height: 40px;font-weight: 300;}
footer .area02{width:100px;}
footer .area02 .link{margin-bottom: 7px;display: block;font-size: 0;font-weight: 300;}
footer .area02 .link a{font-size: 16px;line-height: 100%;padding: 8px 0;border-bottom:1px solid transparent;display:inline-block;}
footer .area02 .link a:hover{border-color: #FFF;}
footer .area03{width:250px;}
footer .area03 .link{font-size: 18px;line-height: 100%;padding: 18px 0;border:1px solid #FFF;background: #FFF;display: block;text-align: center;color:#000;font-weight: 300;}
footer .area03 .link:hover{background: transparent;color: #FFF;}
footer .area04{width:100%;margin-top: 50px;font-size: 10px;padding-left:50px;box-sizing: border-box;}





.top .sec01{position: relative;}
.top .sec01::before{content:"";position: absolute;top:0;left: 0;width: calc(50% - 140px);height: 900px;background: url("../img/top/top01.jpg");background-size: cover; background-position: center;z-index: -1;}
.top .sec01 .wrap02{padding-top:220px;padding-bottom:260px;}
.top .sec01 .wrap02 > *{width: 560px;margin: 0 0 0 auto;}
.top .sec01 .sectitle{font-size: 36px;letter-spacing: 0.2em;margin-bottom: 40px;}
.top .sec01 .subsectitle{font-size: 18px;letter-spacing: 0.7em;margin-bottom: 60px;}
.top .sec01 .item{display:block;width: 100%;border:1px solid #C9CACA;box-sizing: border-box;padding: 24px 9px 24px 30px;display: flex;box-sizing: border-box;transition: 0.5s;}
.top .sec01 .item:hover{border-width:10px;padding: 15px 0px 15px 21px;}
.top .sec01 .item + .item{margin-top: 35px;}
.top .sec01 .item .itemtitle{font-size: 22px;line-height: 22px; letter-spacing: 0.7em;position: relative;}
.top .sec01 .item .itemtext{font-size: 16px;line-height: 22px; letter-spacing: 0.3em;color: #C9CACA;}

.top .sec02{position: relative;margin-top: 100px;}
.top .sec02::before{content:"";position: absolute;top:80px;right: 0;width: calc(50% + 50px);height: 500px;background: url("../img/top/top02.jpg");background-size: cover; background-position: center;z-index: -1;}
.top .sec02 .wrap03 > *{width: 650px;}
.top .sec02 .sectitle{font-size: 140px;}
.top .sec02 .sectext01{font-size: 16px;line-height: 28px;margin-top: 50px;font-weight: bold;}
.top .sec02 .sectext02{font-size: 16px;line-height: 28px;margin-bottom: 50px;}
.top .sec02 .sectext02{width:400px;background:rgba(255,255,255,0.4);}
.top .sec02 .link{font-size: 20px;line-height: 100%;padding: 3px 0;border-bottom: 1px solid #231815;display: block;width: 156px;}

.top .sec03{position: relative;margin-top: 100px;background: url("../img/top/top03.jpg");background-size: cover; background-position: center;}
.top .sec03 .textwrap{width: 650px;height: 500px;margin: 0 0 0 auto;padding:90px 30px 120px 50px;box-sizing: border-box;position: relative;}
.top .sec03 .textwrap > * {position: relative;z-index: 2;}
.top .sec03 .textwrap::before{content:"";width:100%;height: 100%; background:#595757;  mix-blend-mode: multiply;position: absolute;top:0;left: 0;z-index:1;}
_:-ms-lang(x), .top .sec03 .textwrap::before {opacity: 0.5;}
.top .sec03 .sectitle{font-size: 16px;line-height: 32px;color: #FFF;font-weight: bold;letter-spacing: 0.2em;}
.top .sec03 .sectext{font-size: 16px;line-height: 32px;color: #FFF;}
.top .sec03 .link{font-size: 20px;line-height: 100%;padding: 3px 0;border-bottom: 1px solid #FFF;display: block;width: 156px;color: #FFF;text-align: right;position: absolute;right: 30px;bottom: 120px;}

.top .sec04{margin-top: 60px;}
.top .sec04 .wrap03{display: flex;justify-content: space-around;}
.top .sec04 .items01{width:500px;}
.top .sec04 .sectitle{font-size: 140px;}
.top .sec04 .items02{width:550px;}
.top .sec04 .items02 .item{display:block;font-size: 16px;line-height: 28px;padding:6px 0;border-bottom:1px solid #C9CACA;color: #727171;}
.top .sec04 .items02 .item:hover{color: #231815;}

.top .sec05{margin-top: 60px;margin-bottom: 70px;}
.top .sec05 .imgwrap{width: 1000px;position: relative;margin: 0 auto;}
.top .sec05 .img{width: 100%;}
.top .sec05 .link{position: absolute;bottom:20px; right: 60px;  font-size: 18px; width:250px;padding: 11px 0;text-align: center;background: #E6E6E6;font-weight: 300;border:3px solid #E6E6E6;}
.top .sec05 .link:hover{background: #FFF;}


.company .sec01{margin-top: 80px;margin-bottom: 100px;}
.company .sec01 .wrap01{display: flex;justify-content: space-between;}
.company .sec01 .area01{width:400px;margin-left: 30px;}
.company .sec01 .area01 .title{font-size: 30px; line-height: 100%;font-weight: bold;letter-spacing: 0.5em; padding-top: 44px;padding-bottom: 20px;border-bottom: 3px solid #231815;}
.company .sec01 .area02{width:680px;margin-right: 30px;}
.company .sec01 .area02 .areatitle{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.company .sec01 .area02 .item{font-size: 16px;line-height: 32px;display: flex;justify-content: space-between;}
.company .sec01 .area02 .item + .item{border-top:1px solid #898989;margin-top: 16px;padding-top: 16px;}
.company .sec01 .area02 .item > *:nth-child(1){width:120px;padding-left: 5px;}
.company .sec01 .area02 .item > *:nth-child(2){width:calc(100% - 125px);}
.company .sec02 .area01{width:400px;margin-left: 30px;margin-bottom: 30px;}
.company .sec02 .area01 .title{font-size: 30px; line-height: 100%;font-weight: bold;letter-spacing: 0.5em;padding-top: 44px;padding-bottom: 20px;border-bottom: 3px solid #231815;}
.company .sec02 .area01 .title span{font-size: 20px;vertical-align: bottom;}
.company .sec02 .map{font-size: 0;}
.company .sec02 .map iframe{width: 100%;height: 500px;}


.business .sec01{margin-top: 50px;margin-bottom: 60px;}
.business .sec01 .wrap01{padding-left: 20px;padding-right: 470px;box-sizing: border-box;}
.business .sec01 .title{font-size: 60px; line-height: 80px;margin-bottom: 20px;}
.business .sec01 .text{font-size: 16px; line-height: 30px;padding-left: 15px;}
.business .sec02{position: relative;}
.business .sec02::before{content: "";width:calc(50% + 280px);height: 490px;background: url("../img/business/business01.jpg");background-size: cover;position: absolute;top:0;right:0;}
.business .sec02 .wrap01{padding-left: 320px;padding-top: 565px;padding-bottom: 80px;box-sizing: border-box;}
.business .sec02 .title{font-size: 60px; line-height: 80px;}
.business .sec02 .subtitle{font-size: 40px; line-height: 40px;letter-spacing: 0.1em;padding-top: 50px;padding-bottom: 20px;font-weight: 500;}
.business .sec02 .text{font-size: 16px; line-height: 30px;}

.design .sec01{margin-top: 50px;margin-bottom: 60px;}
.design .sec01 .wrap01{padding-left: 20px;box-sizing: border-box;}
.design .sec01 .title{font-size: 60px; line-height: 80px;margin-bottom: 20px;}
.design .sec01 .text{font-size: 16px; line-height: 30px;padding-left: 15px;}
.design .sec02{position: relative;}
.design .sec02::before{content: "";width:calc(50% + 280px);height: 490px;background: url("../img/design/design01.jpg");background-size: cover;position: absolute;top:40px;right:0;}
.design .sec02 .wrap01{padding-left: 320px;padding-top: 585px;padding-bottom: 80px;box-sizing: border-box;}
.design .sec02 .title{font-size: 60px; line-height: 80px;}
.design .sec02 .subtitle{font-size: 40px; line-height: 40px;letter-spacing: 0.1em;padding-top: 50px;padding-bottom: 20px;font-weight: 500;}
.design .sec02 .text{font-size: 16px; line-height: 30px;padding-bottom: 20px;}

.power .sec01{margin-top: 50px;margin-bottom: 60px;}
.power .sec01 .wrap01{padding-left: 20px;box-sizing: border-box;}
.power .sec01 .title{font-size: 60px; line-height: 80px;margin-bottom: 30px;}
.power .sec01 .text01{font-size: 16px; line-height: 30px;margin-bottom: 60px;text-align: left;}
.power .sec01 .img{width:900px;margin: 0 auto 20px;}
.power .sec01 .text02{font-size: 16px; line-height: 30px;padding-left: 15px;text-align: center;}


.power .sec02{margin-top: 50px;margin-bottom: 60px;}
.power .sec02 .wrap01{padding-left: 30px;padding-right: 30px;box-sizing: border-box;}
.power .sec02 .title{font-size: 60px; line-height: 80px;margin-bottom: 10px;}
.power .sec02 .subtitle{font-size: 40px; line-height: 80px;margin-bottom: 10px;color: #0068B7;}
.power .sec02 .subtitle span{font-size: 16px; vertical-align: bottom;color: #231815;margin-left: 30px;}
.power .sec02 .items{display: flex;justify-content: space-between;}
.power .sec02 .item{width:550px;}
.power .sec02 .area01{padding: 25px 25px 20px;background: #E6E6E6;}
.power .sec02 .area01 .text01{font-size: 22px; line-height: 100%;font-weight: 500; letter-spacing:0.1em;padding-bottom: 15px;}
.power .sec02 .area01 .text02{font-size: 18px; line-height: 32px;font-weight: 500; letter-spacing:0.1em;padding-bottom: 15px;border-bottom:1px solid #898989;margin-bottom: 16px;}
.power .sec02 .area01 .text03{font-size: 18px; line-height: 32px;font-weight: 500; letter-spacing:0.1em;}
.power .sec02 .area01 .prices{display: flex;flex-wrap: wrap;font-size: 18px; font-weight: 500; line-height: 32px;letter-spacing:0.1em;}
.power .sec02 .area01 .prices > *{width:50%;}
.power .sec02 .area01 .prices > *:nth-child(2n){text-align: right;}

.power .sec02 .area02{padding: 10px 25px;background: #0068B7;color: #FFF;position: relative;}
.power .sec02 .area02 .text01{font-size: 18px; line-height: 32px;padding-bottom: 5px;}
.power .sec02 .area02 .text02{font-size: 18px; line-height: 40px;letter-spacing:0.1em;}
.power .sec02 .area02 .text02 span{font-size: 40px;}
.power .sec02 .area02 .text03{color: #0068B7;background:#FFF;font-size: 50px;line-height: 52px;font-weight: bold;text-align: center;width:200px;height: calc(100% - 10px);padding: 20px 0; box-sizing: border-box; position: absolute;right: 5px;top:5px;font-family: "noto sans" ;}
.power .sec02 .area02 .text03 span{font-size: 24px;letter-spacing:0.1em;}
.power .sec02 .caption{font-size: 20px;line-height: 34px; font-weight: bold;margin-top: 30px;}

.power .sec03{margin-top: 110px;margin-bottom: 110px;position: relative;}
.power .sec03::before{content: "";position: absolute; left: 0;top:0; height: 100%;width: 50%;background: #E6E6E6;z-index: -1;}
.power .sec03::after{content: "";position: absolute; right: 0;top:-50px;height: 500px;width: calc(50% + 50px);background: url("../img/power/power02.jpg");background-size: cover;background-position: left center;z-index: -2;}
.power .sec03 .wrap01{padding: 45px 30px;}
.power .sec03 .text01{font-size: 40px;color: #0068B7;margin-bottom: 30px;}
.power .sec03 .text02{font-size: 20px;font-weight:bold;}
.power .sec03 .text03{font-size: 86px;font-weight:bold;color: #0068B7;}
.power .sec03 .text04{font-size: 16px;line-height: 30px; font-weight:bold;}


.power .sec04{margin-top: 110px;position: relative;}
.power .sec04 .wrap01{padding: 45px 30px;display: flex;justify-content: space-between;}
.power .sec04 .area01{width:544px;}
.power .sec04 .area02{width:610px;}
.power .sec04 .title{font-size: 40px;color: #0068B7;margin-bottom: 20px;}
.power .sec04 .text01{font-size: 20px;line-height: 34px; font-weight: bold;margin-bottom: 30px;}
.power .sec04 .text02{font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.power .sec04 .text03{font-size: 16px;line-height: 30px;border: 1px solid #0068B7;padding: 15px 35px;text-align: justify;}
.power .sec04 .map{background: #D8EAF7;}
.power .sec04 .map .img{width:1072px;margin: 0 auto;background: #D8EAF7;}

.power .sec05{margin-top: 60px;margin-bottom: 110px;position: relative;}
.power .sec05 .wrap01{display: flex;justify-content: space-between;align-items: flex-end;}
.power .sec05 .area01{width:550px;padding-left: 30px;}
.power .sec05 .area02{width:550px;}
.power .sec05 .title{font-size: 40px;color: #0068B7;margin-bottom: 5px;}
.power .sec05 .text01{font-size: 20px;line-height: 34px; font-weight: bold;margin-bottom: 15px;}
.power .sec05 .text02{font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.power .sec05 .link{display:block;font-size: 28px;padding: 36px 26px; line-height: 28px;color:#FFF;background: #0068B7;position: relative;width: 100%;border:1px solid #0068B7;box-sizing: border-box;}
.power .sec05 .link svg{position:absolute;right: 26px;top:25px;width:70px;}
.power .sec05 .link:hover{ color:#0068B7;background: transparent;}
.power .sec05 .link:hover .svgmail{fill: #0068B7;}


.example .sec01{margin-top: 60px;margin-bottom: 70px;position: relative;}
.example .sec01 .wrap01{padding: 0 35px;}
.example .sec01 .sectitle{font-size: 60px;margin-bottom: 50px;}
.example .sec01 .sectitle span{font-size: 16px;margin-left: 10px;}
.example .sec01 .item{width: 100%;}
.example .sec01 .item{display: flex; justify-content: space-between;}
.example .sec01 .item + .item{margin-top: 45px;}
.example .sec01 .img{width:400px;}
.example .sec01 .texts{width:650px;}
.example .sec01 .title{font-size: 30px;font-weight: bold;letter-spacing: 0.35em; padding-bottom: 20px;border-bottom: 3px solid #0068B7;margin-bottom: 20px;}
.example .sec01 .text{font-size: 40px;margin-bottom: 5px;}
.example .sec01 .text01{font-size: 20px;line-height: 34px; font-weight: bold;margin-bottom: 15px;}
.example .sec01 .text{font-size: 16px;line-height: 32px;}

.news .sec01 .items{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top:40px;}
.news .sec01 .items::before{content:"";width:285px;order:2;}
.news .sec01 .items::after{content:"";width:285px;order:2;}
.news .sec01 .item{width:285px;padding-bottom:60px;margin-bottom:40px;position: relative;}
.news .sec01 .item .img{height:285px;background-position: center;background-size: cover;}
.news .sec01 .item .border01{width: 0px;height: 2px;background: #231815;position: absolute;right: 1px;bottom:1px;transform: rotate(45deg);transform-origin: right center;transition: width 0.5s;}
.news .sec01 .item .border02{width: 0px;height: 2px;background: #231815;position: absolute;right: 1px;bottom:1px;;transform-origin: right center;transition: width 0.5s;}
.news .sec01 .item .border03{width: 0px;height: 2px;background: #231815;position: absolute;right: 1px;bottom:1px;transform: rotate(90deg);transform-origin: right center;transition: width 0.5s;}
.news .sec01 .item:hover .border01{width: 60px;}
.news .sec01 .item:hover .border02{width: 45px;}
.news .sec01 .item:hover .border03{width: 45px;}


.news .sec01 .item .date{font-size: 16px;line-height: 32px;color: #0068B7;margin-top: 10px;}
.news .sec01 .item .text{font-size: 18px;line-height: 36px;}
.news .sec01 .pagenation{display: flex;justify-content: center;padding: 10px 0 50px;font-size: 20px;}
.news .sec01 .pagenation .link{display: block;padding: 3px 4px;margin: 0 4px;border-bottom:2px solid transparent;font-weight: bold;}
.news .sec01 .pagenation a.link{color: #0068B7;}
.news .sec01 .pagenation a:hover.link{border-bottom-color: #0068B7;}

.newsinfo .sec01{padding: 70px 0 85px;}
.newsinfo .sec01 .title{font-size: 30px;line-height: 60px;letter-spacing: 0.06em;color:#0068B7;margin-bottom: 50px;font-weight: bold;}
.newsinfo .sec01 .img{width: 800px;height: 800px;background: #E6E6E6;}
.newsinfo .sec01 .img span{display:block;width: 100%;height: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.newsinfo .sec01 .text{font-size: 16px;line-height: 30px;margin-top: 45px;margin-bottom: 40px;}
.newsinfo .sec01 .return{width:45px;height: 45px; margin: 0 0 0 auto;position: relative;display: block;}
.newsinfo .sec01 .return .border01{width: 60px;height: 2px;background: #231815;position: absolute;left: 1px;top:1px;transform: rotate(45deg);transform-origin: left center;transition: width 0.5s;}
.newsinfo .sec01 .return .border02{width: 45px;height: 2px;background: #231815;position: absolute;left: 1px;top:1px;;transform-origin: right center;transition: width 0.5s;}
.newsinfo .sec01 .return .border03{width: 45px;height: 2px;background: #231815;position: absolute;left: 1px;top:1px;transform: rotate(90deg);transform-origin: left center;transition: width 0.5s;}
/*.newsinfo .sec01 .return:hover .border01{width: 80px;}*/
.newsinfo .sec01 .return:hover .border02{width: 30px;}
.newsinfo .sec01 .return:hover .border03{width: 30px;}

.contact .sec01 .req{color: #00A0E9;}
.contact .sec01 .text{font-size: 16px;line-height: 200%;padding: 30px 20px 40px;}	
.contact .sec01 #formVali{font-size: 16px;line-height: 26px;width: 630px;padding-right:30px;max-width: 100%; margin: 25px auto 50px;}	
.contact .sec01 #formVali .under{font-size: 12px;line-height: 100%;}	
.contact .sec01 #formVali dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact .sec01 #formVali dt{width:170px;max-width:100%;align-self:center;}
.contact .sec01 #formVali dd{width:460px;max-width:100%;padding: 7px 0;align-self:center;}
.contact .sec01 #formVali input[type="text"],
.contact .sec01 #formVali textarea{width:100%; border: 1px solid #231815;border-radius: 2px;padding: 4px 12px;box-sizing: border-box;}
.contact .sec01 label{cursor:pointer;}
.contact .sec01 input[type="radio"]{padding: 0 10px 0 0;outline: 0;visibility:hidden;transform: translateY(-50%);}
.contact .sec01 input[type="radio"]::before{font-family: 'Font Awesome 5 Free';content: "\f0c8";color: #231815;visibility:visible;}
.contact .sec01 input[type="radio"]:checked::before{font-family: 'Font Awesome 5 Free';content: "\f14a";color: #231815;}
.contact .sec01 #formVali input[type="submit"] {display: block; margin: 30px auto 0;}
.contact .sec01 #formVali input[type="submit"] {font-size: 16px; line-height: 100%; width:125px;padding: 24px 0;border: 1px solid #231815;margin: 60px auto 0;}
.contact .sec01 #formVali input[type="submit"]:hover {background: #DFF2FC;}
.contact .sec01 #formVali .vtop{align-self:auto;padding-top: 10px;}
.contact *::placeholder{color:#C9CACA}
.contact .sec02{width:500px;max-width: 90%; text-align: center;margin: 0 auto;}
.contact .sec02 .title{font-size: 32px; margin-bottom:30px;margin-top: 100px;}
.contact .sec02 .text{font-size: 14px; line-height: 200%; margin-bottom:60px}
.contact .sec02 a{display: block;font-size: 16px; line-height: 100%; width:125px;padding: 24px 0;border: 1px solid #231815;background:#DFF2FC;margin: 60px auto ;}