@charset "UTF-8";
.pcOnly{display:block;}
.spOnly{display:none;}
.wrap10{width:1200px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.flexWrap{display:flex;flex-wrap: wrap;}
section{box-sizing:border-box;}

/*=====文字=====*/
p{font-size:14px;line-height:38px;letter-spacing: .1em;font-weight:700;}
.din{font-family: urw-din, sans-serif;}

/*=====ヘッダー=====*/
.headerWrap{width:100%;padding:0 5%;height:100px;position: relative;justify-content: space-between;z-index: 999;}
.headerWrap ul{position:absolute;display: flex;top:50%;transform: translateY(-50%);}
.headerWrap ul li{font-size:14px;letter-spacing: .1em;}
.u1 li{margin-right:30px;}
.u2{right:5%;}
.u2 li{margin-right:10px;}
.u2 li:not(:last-of-type) a{border:1px solid #000;border-radius: 100%;display: block;line-height:38px;width: 40px;text-align:center;}
.u2 a i{font-size:17px;transition: .4s;}
.u2 li:last-of-type{background-color:#000;margin-right:0;}
.u2 li:last-of-type a{color:#fff;line-height:40px;padding:0 12px;position:relative;display: block;letter-spacing: .1em;}
.u2 li:last-of-type a::after{display: block;position:absolute;content: "";background-color:#fff;width:1px;height:40px;top:0;left:40px;}
.u2 li:last-of-type i{margin-right:25px;}
.u2 li a:hover{background-color:#03b7ff;border-color:#03b7ff;}
.u2 li a:hover i{color:#fff;}
.headerWrap p{height:55px;left:50%;top:50%;transform: translate(-50%,-50%);display: inline-block;position:absolute;}
.headerWrap p img{height: 100%;width:auto;vertical-align: top;}

/*=====フッター=====*/
.footer_banner{width:90%;margin:0 auto 100px;}
footer > .flexWrap{width:100%;padding:0 5%;position:relative;padding-bottom:100px;}
footer .leftWrap{width:52px;margin-right:50px;display: block;}
footer .centerWrap p{position:relative;}
footer .centerWrap p::before{content: '';display: block;height: 0;width: 0;margin-top:-14px;}
footer .rightWrap{position:absolute;right:5%;}
footer ul{margin-bottom:30px;}
footer .u1 li{border-right:1px solid #000;line-height:14px;padding:0 10px;margin-right:0;}
footer .u1 li:last-of-type{padding-right:0;border-right:0;}
footer .u1 a{font-size:14px;letter-spacing: .1em;}
footer .u2{display: flex;justify-content: flex-end;}
footer .u2 li{margin-right: 10px;}
footer .copy{text-align:right;font-size:12px;line-height:12px;}

/*=====li=====*/
.aMotion{position:relative;padding-bottom:5px;}
.aMotion::before,
.aMotion::after {border-bottom: solid 3px #03b7ff;bottom: 0;content: "";display:block;position: absolute;transition: all .3s ease;-webkit-transition: all .3s ease;width: 0;}
.aMotion::before {left: 50%;}
.aMotion::after {right: 50%;}
.aMotion:hover::before,
.aMotion:hover::after {width: 50%;}

/*=====ぺんぎん=====*/
.penguin{display:flex;flex-wrap: wrap;margin-top:60px;justify-content: center;}
.penguin li{margin:0 5px;}
.penguin span{display: block;padding:9px 15px;}
.penguin .now{background-color:#333333;border:1px solid #333333;}
.penguin a{display: block;border:1px solid #333333;padding:9px 15px;}

/*=====ボタン=====*/
.btnWrap{border-right:8px solid #000;border-bottom:1px solid #000;display: block;width:200px;font-size:14px;line-height:44px;letter-spacing: .1em;position:relative;}
.btnWrap::after{position: absolute;display: block;content: "---------";right:-8px;top:50%;transform: translateY(-50%);}
.btnWrap:hover{padding-left:10px;}

@media screen and (max-width:1300px){
.topWrap{padding:60px 0;}
.pcOnly{display:none;}
.spOnly{display:block;}
br.spOnly{display:inline-block;}
.wrap10{width:100%;margin:0 auto;}

/*=====文字=====*/


/*=====ヘッダー=====*/
.headerWrap{position:fixed;height:60px;top:0;}
.headerWrap .pcOnly{display: none;}
.headerWrap p{height:35px;left:50%;top:50%;transform: translate(-50%,-50%);display: inline-block;position:absolute;}

/*=====フッター=====*/
.footer_banner{width:90%;margin:0 auto 50px;}

footer > .flexWrap{display: block;padding-bottom:30px;}
footer .leftWrap{margin-bottom:30px;}
footer .rightWrap{position:static;margin-top:45px;}
footer .u1{margin-bottom:50px;}
footer .u1 li:first-of-type{padding-left:0;}
footer .u2{justify-content: flex-start;}
footer .u1 li{margin-bottom:15px;}

/*=====ドロワー=====*/
.zdo_drawer_menu .zdo_drawer_button{top:15px;left:5%; position:fixed;}
.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar{background-color:#1a1a1a;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper{background-color:#e5e5e5;left:0;transform: translate(-260px);width:250px;}

.headerWrap .zdo_drawer_menu .zdo_drawer_nav{padding:80px 5px 0 5px;top:0;right:inherit;left:50%;width:100%;transform: translateX(-50%);height:100%;overflow: auto;background-color:#fff;display: inline-block;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li{display: block;padding-bottom:15px;margin-left:0;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li:last-of-type{border-bottom:none;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li a{font-size:14px;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li a span{font-size:20px;font-weight:700;font-family: brandon-grotesque, sans-serif;}
.headerWrap .zdo_drawer_menu p{font-family:"游ゴシック Medium",YuGothic,YuGothicM,sans-serif;font-size:12px;letter-spacing: 0.1em;line-height:32px;}
.headerWrap .zdo_drawer_menu p span{font-family: brandon-grotesque, sans-serif;font-size:16px;color:#96805a;font-weight:700;letter-spacing: 0.2em;}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1{transform: rotate(38deg);}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3{transform: rotate(-40deg);}
.zdo_drawer_menu .zdo_drawer_nav li{margin-bottom:20px;}

.headerWrap .zdo_drawer_menu .zdo_drawer_nav li.cont{margin-right:0;padding:0 10px;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li.cont a{color:#fff;line-height:40px;padding:0 9px;position:relative;display: block;letter-spacing: .1em;background-color:#000;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li.cont a::after{display: block;position: absolute;content: "";background-color: #fff;width: 1px;height: 40px;top: 0;left: 40px;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li.cont i{margin-right:25px;}
.zdo_drawer_nav .flexWrap{position:static;top:auto;transform: none;justify-content: flex-end;margin-top:20px;}
.zdo_drawer_nav .flexWrap li a{border: 1px solid #000;border-radius: 100%;display: block;line-height: 38px;width: 40px;text-align: center;}
.zdo_drawer_nav .flexWrap li a i{font-size:17px;}



}