/* ==========================================================================
Base
========================================================================== */
/* iPhone 320px */
@media only screen and (min-width:320px){html{font-size: 72%;}}
/* Android 360px 1.125 */
@media only screen and (min-width:360px){html{font-size: 74%;}}
/* iPhone6 375px 117.1875 */
@media only screen and (min-width:375px){html{font-size: 80%;}}
/* iPhone6 plus 414px 1.29375 */
@media only screen and (min-width:412px){html{font-size: 73%;}}
/* sm */
@media(min-width: 576px){html{font-size: 72%;}}
/* md */
@media(min-width: 768px){html{font-size: 78%;}}
/* lg */
@media(min-width: 992px){html{font-size: 81.25%;}}
/*xl*/
@media(min-width:1200px){html{font-size: 82%;}}
/*xl*/
@media(min-width:1366px){html{font-size: 87%;}}
/*xxl*/
@media(min-width:1440px){html{font-size: 89%;}}
/*xxl*/
@media(min-width:1600px){html{font-size: 95%;}}
html,html a{text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
html,body{overflow-x: hidden;height: 100%;}
body{position: relative;background-color: #fff;min-height: 100%;height: auto; color: #35414A;font-family:'FP-ヒラギノ角ゴ ProN W5',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",sans-serif;letter-spacing: .005rem;background: none;font-weight: 300;} /* 旧TypeSquare: Hiragino Kaku Gothic W5 JIS2004 */


p{line-height: 1.6;}
p,li {letter-spacing: 0;}
h1,h2,h3,h4,h5,h6{line-height: 1.6;}

/* font */
.font-HiraG-W5{font-family:'FP-ヒラギノ角ゴ ProN W5';} /* 旧TypeSquare: Hiragino Kaku Gothic W5 JIS2004 */
.font-HiraG-W6{font-family:'FP-ヒラギノ角ゴ ProN W6';} /* 旧TypeSquare: Hiragino Kaku Gothic W6 JIS2004 */
.font-HiraG-W7{font-family:'FP-ヒラギノ角ゴ StdN W7';} /* 旧TypeSquare: Hiragino Kaku Gothic W7 JIS2004 */
.font-HiraG-W8{font-family:'FP-ヒラギノ角ゴ StdN W8';} /* 旧TypeSquare: Hiragino Kaku Gothic W8 JIS2004 */
.font-HiraUD-F-W3{font-family:'FP-ヒラギノUD角ゴF StdN W3';} /* 旧TypeSquare: Hiragino UD Sans F W3 JIS2004 */
.font-HiraUD-F-W4{font-family:'FP-ヒラギノUD角ゴF StdN W4';} /* 旧TypeSquare: Hiragino UD Sans F W4 JIS2004 */
.font-HiraUD-F-W5{font-family:'FP-ヒラギノUD角ゴF StdN W5';} /* 旧TypeSquare: Hiragino UD Sans F W5 JIS2004 */
.font-HiraUD-F-W6{font-family:'FP-ヒラギノUD角ゴF StdN W6';} /* 旧TypeSquare: Hiragino UD Sans F W6 JIS2004 */

.row.add4x-gutters {margin-right: -4rem!important;margin-left: -4rem!important;}
.add4x-gutters>.col, .add4x-gutters>[class*=col-] {padding-right: 4rem;padding-left: 4rem;}
.img-align-bottom {position: relative;z-index: 1;top: 100%;left: 50%;transform: translate(-50%,-100%);}
.outline-none {outline:none;}

.rounded-bottom.rounded-sm{border-top-right-radius: 0!important;border-top-left-radius: 0!important;}
.rounded-top.rounded-sm{border-bottom-right-radius: 0!important;border-bottom-left-radius: 0!important;}
.rounded-left.rounded-sm{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.rounded-right.rounded-sm{border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}

.mt--7{margin-top: -5rem;}
.mt--8{margin-top: -6rem;}

.z-0{z-index: 0;}
.z-2{z-index: 2;}
.z-50{z-index: 50;}
.z-100{z-index: 100 !important;}

.mw-30rem{max-width: 30rem;}
.w-65{width: 65%;}

.h-05rem{height: .5rem;}
.h-40vh{height: 40vh !important;}
.h-45vh{height: 45vh !important;}
.mh-20rem{min-height: 20rem;}
.mah-20rem{max-height: 20rem;}
.mah-21rem{max-height: 21rem;}
.mah-22rem{max-height: 22rem;}
.mah-23rem{max-height: 23rem;}
.mah-24rem{max-height: 24rem;}
.mah-26rem{max-height: 26rem;}
.mah-28rem{max-height: 28rem;}
.mah-60rem{max-height: 60rem;}

.pb-100 {padding-bottom: 100%;}
.h-0 {height:0;}

.word-break{word-break: break-word;}

.shadow-xs {box-shadow:.5rem .5rem 1rem rgba(0,0,0,.025)!important;}

.txt-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mix-blend-screen {mix-blend-mode: screen;}

.fz-tl{font-size: 2.2rem !important;}
.ls-0105{letter-spacing: 0.15rem;}
.ls-0305{letter-spacing: 0.35rem;}

a,.page-link{color: #a08c3b;}
a:hover,a:active,.hvr-clr-pink:hover{color: #4B90AA !important;text-decoration: none;}
a:focus{text-decoration: none;}
a:hover span.bbsd.d-inline-block.text-left{border-bottom-color: #a08c3b !important;}


/* bg position */
.bg-contain{-webkit-background-size: contain;background-size: contain;}
.bg-cover{-webkit-background-size: cover;background-size: cover;}
.bg-norepeat{background-repeat: no-repeat;}
.bg-posi-center{background-position: center center;}
.bg-posi-top{background-position: center top;}


/* text color */
.clr-blk{color: #35414A !important;}
.clr-blue{color: #4B90AA !important;}
.clr-blue-dark{color: #1f5c70 !important;}
.clr-red{color: #a91614 !important;}
.clr-yellow{color: #fff200 !important;}
.clr-orange{color: #F5A93B !important;}
.clr-pink{color: #B28A9A !important;}
.clr-gold{color: #9FA05A !important;}
.clr-green{color: #2D8B70 !important;}
.archive-list .clr-blue a{color: #4B90AA !important;}

/* bg color */
.bg-red{background: #a91614;}
.bg-blue{background: #4B90AA;}
.bg-blue-dark{background: #347187;}
.bg-blue-light{background: #e5f7fc;}
.bg-orange{background: #F5A93B;}
.bg-pink{background: #B28A9A;}
.bg-gold{background: #9FA05A;}
.bg-green{background: #2D8B70;}
.bg-wht-op05{background: rgba(255,255,255,.5);}
.bg-wht-op07{background: rgba(255,255,255,.7);}
.bg-wht-op075{background: rgba(255,255,255,.75);}
.bg-wht-op08{background: rgba(255,255,255,.8);}
.bg-wht-op085{background: rgba(255,255,255,.85);}
.bg-wht-op095{background: rgba(255,255,255,.95);}

/* border color */
.bc-dark{border-color: #313639!important;}
.bc-blue{border-color: #4B90AA!important;}
.bc-blue-dark{border-color: #347187!important;}
.bc-blue-light{border-color: #e5f7fc!important;}
.bc-red{border-color: #a91614 !important;}
.bg-orange{border-color: #F5A93B!important;}
.bg-pink{border-color: #B28A9A!important;}
.bg-gold{border-color: #9FA05A!important;}
.bc-green{border-color: #2D8B70 !important;}
.bc-gray{border-color: #ccc !important}
.bc-gray-dark{border-color: #333 !important}

/* hover */
.hvr-wht:hover{color: #fff !important;}
.hvr-blue-dark:hover{color: #1f5c70 !important;}
.hvr-bg-green:hover{background-color: #7ec400 !important;}
.hvr-bg-gray-light:hover{background-color: #f8f8f8 !important;}
.hvr-bg-red:hover{background-color: #a91614 !important;}
.hvr-tdu:hover{text-decoration: underline;}
.hvr-clr-blue:hover{color: #4B90AA !important;}
.hvr-clr-blk:hover{color: #333 !important;}
.hvr-clr-green:hover,.hvr-clr-green:hover *{color: #a08c3b !important;}


/* hover animation */
.hvr-btn-bsd {transition:all 0.3s ease; background-color: #fff; color: #4B90AA; border:1px solid #4B90AA;}
  .hvr-btn-bsd:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: #4B90AA; color: #fff;}
.hvr-in-bsd {transition:all 0.3s ease;}
  .hvr-in-bsd:hover,.hvr-in-bsd.active {box-shadow:inset 0 0 0 .25rem #4B90AA;}
.hvr-out-bsd {transition:all 0.3s ease;}
  .hvr-out-bsd:hover {box-shadow: 0 0 0 .25rem #4B90AA;}
  .hvr-out-bsd:hover img {opacity: 1;}


.hvr-line {position: relative;}
  .hvr-line:after {content:"";  height:2px; background: #000; position: absolute; right: 0; bottom:-2px; animation: hvr-line-out .15s ease forwards;}
  .hvr-line:hover::after, .hvr-line.active::after {right:auto;left: 0; animation: hvr-line .15s ease forwards;}
  @keyframes hvr-line {0% { width:0;} 100% {width: 100%;}}
  @keyframes hvr-line-out {0% {width:100%;} 100% {width: 0;}}

.hvr-line-target {position: relative;}
  .hvr-line-target:after {content:"";  height:2px; background: #000; position: absolute; right: 0; bottom:-2px; animation: hvr-line-child-out .15s ease forwards;}
  .hvr-line-child:hover .hvr-line-target::after, .hvr-line.active::after {right:auto;left: 0; animation: hvr-line-child .15s ease forwards;}
  @keyframes hvr-line-child {0% { width:0;} 100% {width: 100%;}}
  @keyframes hvr-line-child-out {0% {width:100%;} 100% {width: 0;}}


.hvr-line-blue:after {background: #4B90AA;}
.hvr-line-wht:after {background: #fff;}

.bg-red-grd {background: #de2828; background-image: -webkit-linear-gradient(top, #c41515, #8a0404); background-image: -moz-linear-gradient(top, #c41515, #8a0404); background-image: -ms-linear-gradient(top, #c41515, #8a0404); background-image: -o-linear-gradient(top, #c41515, #8a0404); background-image: linear-gradient(to bottom, #c41515, #8a0404); }


/* li */
.liComment{padding-left: 1rem;}
  .liComment>li{position: relative;padding-left: .25rem;}
    .liComment>li::before{position: absolute;content: "*";top:0;left:-1.15rem;color: #191919;vertical-align: middle;font-size: 1em;}

  .liFaq{counter-reset:curriQ;padding-left: 2.5rem;}
  .liFaq>dd::before, .liFaq>dt::before {top: -0.3em;left: -1.5em;font-size: 1.6em;}
    .liFaq>dt::before {counter-increment:curriQ;content:"Q"counter(curriQ);letter-spacing: -.1rem;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"游ゴシック", YuGothic;}
    .liFaq>dd, .liFaq>dt{padding-left: .5rem;}
  .liFaq>dd::before {content: "";}
  .fa-layers {vertical-align: -0.2em;}

  .liSlash>li:before {margin-left: .2rem; margin-right: .7rem; vertical-align: bottom;}

  #menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
  #menu.active {z-index: 90; opacity: 1;}

/* menuFive */
  .menuFive{width: 30px;height: 23px;position: relative;cursor: pointer;display: inline-block; z-index: 100;}
  .menuFive span{background-color:#4B90AA;position: absolute;border-radius: 2px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);width:100%;height: 2px;transition-duration: 500ms}
  .menuFive span:nth-child(1){top:1px;left: 0px; transform: rotate(0deg);}
  .menuFive span:nth-child(2){top:10px;left: 0px; transform: rotate(0deg);}
  .menuFive span:nth-child(3){bottom:1px;left: 0px; transform: rotate(0deg);}
  .clickMenuFive span:nth-child(1){transform: rotate(45deg);top: 10px;}
  .clickMenuFive span:nth-child(2){transform: scale(.1);}
  .clickMenuFive span:nth-child(3){transform: rotate(-45deg);top: 10px;}

  header.active {position: fixed; top: 0; left: 0; width: 100%;}
  header.active .menuFive span {background: #4B90AA!important;}
  header.active #h-menu {display: none;}

 /*pagetop*/
 #pagetop{position:fixed;bottom:.85rem;z-index:500;display: none;}
   #pagetop:hover{opacity:1;cursor: pointer;}


  /* header */
  #logo h1 {background-image: url(../img/global/logo.png);}
  .menu-wht {background: rgba(255,255,255,0);}
    .menu-wht * {color: #FFF!important;}
    .menu-wht .bg-wht-op085 {background: none!important;}

  .obfit img {width: 100%;height:100%;object-fit: cover; font-family: 'object-fit: cover; object-position: center;'}


  /* mv */
  #mv a:hover img {opacity: 1!important;}
  #mv-nav .mv-nav-slide {outline:none; cursor:pointer; opacity: 0.7;}
  #mv-nav .thumbnail-current {opacity: 1!important;}


  .btm-line  {position: relative;}
    .btm-line:after {content:""; background: #000; position: absolute; bottom:-1.5rem; left: 50%; height: 2px; width: 5rem; margin-left: -2.5rem;}
    .bc-blue.btm-line:after {background: #4B90AA;}
    .bc-blue-dark.btm-line:after {background: #1f5c70;}

  /* outline */
  [class*="outline"]:after,[class*="outline"]:before {content: ""; width: 15px; height: 15px; position: absolute;}
  .outline-t:after {border-top: 2px solid #4B90AA; border-right: 2px solid #4B90AA; top: 0; right: 0; }
  .outline-t:before {border-top: 2px solid #4B90AA; border-left: 2px solid #4B90AA; position: absolute; top: 0; left: 0;}
  .outline-b:after {border-bottom: 2px solid #4B90AA; border-right: 2px solid #4B90AA; bottom: 0; right: 0; }
  .outline-b:before {border-bottom: 2px solid #4B90AA; border-left: 2px solid #4B90AA; position: absolute; bottom: 0; left: 0;}


  /* balloon  */
  .balloon-left {position: relative;}
  .balloon-left:before {content: "";position: absolute;top: 50%;left: -1.3rem;margin-top: -.5rem;border: .5rem solid transparent;border-right: 1rem solid #fff;z-index: 2; }
  /*.balloon-left:after {content: "";position: absolute;top: 50%;left: -1.8rem;margin-top: -.8rem;border: .8rem solid transparent; border-right: 1.6rem solid #4B90AA;z-index: 1; }*/
  .bg-blue-light .balloon-left:after {border-right-color:#e5f7fc!important;}
  .bc-blue-light.balloon-left:before {border-right-color:#e5f7fc!important;}
  .balloon-right {position: relative;}
  .balloon-right:before {content: "";position: absolute;top: 50%;right: -1.3rem;margin-top: -.5rem;border: .5rem solid transparent;border-left: 1rem solid #fff;z-index: 2; }
  /*.balloon-right:after {content: "";position: absolute;top: 50%;right: -1.8rem;margin-top: -.8rem;border: .8rem solid transparent; border-left: 1.6rem solid #ccc;z-index: 1; }*/
  .bc-blue-light.balloon-right:before {border-left-color:#e5f7fc!important;}
  .bc-blue-light.balloon-right:after {border-left:none!important;}

  /* blog  */
#main-content img{width: 100%;}

/* ==========================================================================
plugin
========================================================================== */
.slick-dots {bottom: -35px!important;}
.slick-arrow {width: 25px!important; height: 25px!important; color: #000!important; z-index: 1;}
.slick-arrow:before  {font-size: 25px!important; fill: currentColor; color: #000!important;}
.slick-next {right: -3%!important;}
.slick-prev {left: -3%!important;}

.video{position:relative;width:100%;padding-top:56.25%;}
#play-video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#play-video.fade,.bgVideo.fade {opacity: 0;}
.video video,#movie iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
#movie iframe {z-index: 1;}
.bgVideo {position: relative; z-index: 2;}
.video-fade.active {display:none!important;}


/* ==========================================================================
Responsive
========================================================================== */

/* hack */
@media(max-width: 374px){
  #nav-header .ml-3 {margin-left: .5rem!important;}
  .hack-320 {display: none;}
}

@media(min-width:412px) and (max-width : 575px) {
  .mt-hack {margin-top:4rem!important;}
}

/* sp only */
@media(max-width: 575px){
  .row.add05x-gutters {margin-right: -.5rem!important;margin-left: -.5rem!important;}
  .add05x-gutters>.col, .add05x-gutters>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
}

/* sm */
@media(min-width: 576px){
  #logo {left: 50%;}
  .op-sm-6 {opacity: .6;}
  .container {max-width: 90%;}
  .img-align-sm-bottom {position: relative;z-index: 1;top: 100%;left: 50%;transform: translate(-50%,-100%);}
}
/* md */
@media(min-width: 768px){
  .position-md-absolute {position: absolute;}
  .container {max-width: 90%;}
  .img-align-md-bottom {position: relative;z-index: 1;top: 100%;left: 50%;transform: translate(-50%,-100%);}
}
@media(min-width: 768px) and (max-width: 991px){
}
/* lg */
@media(min-width: 992px){
  .img-align-lg-center {position: relative; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%);}
}
/* iPad landscape iPad Pro */
@media(min-width:1024px) and (max-width : 1366px) {
}
/*xl*/
@media(min-width:1200px){

}
/*xxl*/
@media(min-width:1366px){
  .container {
      max-width: 1280px;
  }
}
/*xxxl*/
@media(min-width:1600px){
.h-xxl-45vh{height: 45vh !important;}
.mah-xxl-0{max-height: none;}

}
@media(min-width:1800px){
}