/* ==========================================================================
Base
========================================================================== */

/*@media only screen and (min-width:320px){html{font-size: 77%;}}
@media only screen and (min-width:360px){html{font-size: 85%;}}
@media only screen and (min-width:375px){html{font-size: 87%;}}
@media only screen and (min-width:412px){html{font-size: 96%;}}
@media (min-width: 768px){html{font-size: 94%;}}
@media (min-width: 992px){html{font-size: 97%;}}
@media(min-width:1200px){html{font-size: 98%;}}
@media(min-width:1600px){html{font-size: 110%;}}*/

html,html a{text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #231815 !important; }
html,body{overflow-x: hidden;height: 100%;}
body{position: relative;background-color:#fff!important;min-height: 100%;height: auto; color: #231815!important;font-family:'font-MediumGo',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;letter-spacing: .01rem;font-weight: 300!important;}
.w-max{width: 1200px;}
.bg-gra-wht{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}



.contents_innner {
    padding-top: 90px;
    margin-top:-90px;
}

.bg-gra-pink{background: rgb(230,46,139);background: linear-gradient(90deg, rgba(230,46,139,0.8) 0%, rgba(230,46,139,0.4) 100%);}
.bg-gra-yellow{background: rgb(248,182,45);background: linear-gradient(90deg, rgba(248,182,45,1) 0%, rgba(248,182,45,0.4) 100%);}
.bg-gra-orange{background: rgb(243,152,0);background: linear-gradient(90deg, rgba(243,152,0,1) 0%, rgba(243,152,0,0.4) 100%);}
.bg-gra-green{background: rgb(87,181,69);background: linear-gradient(90deg, rgba(87,181,69,1) 0%, rgba(87,181,69,0.4) 100%);}
.bg-gra-blue{background: rgb(0,175,233);background: linear-gradient(90deg, rgba(0,175,233,1) 0%, rgba(0,175,233,0.4) 100%);}

.clr-gra-pink{color: rgb(230,46,139);}
.clr-gra-yellow{color: rgb(248,182,45);}
.clr-gra-orange{color: rgb(243,152,0);}
.clr-gra-green{color: rgb(87,181,69);}
.clr-gra-blue{color: rgb(0,175,233);}

.bg-gra-sky{background: rgb(209,228,239);background: radial-gradient(circle, rgba(209,228,239,1) 40%, rgba(209,228,239,0) 82%);}
.bg-sky{background-color:#f2f7f8!important;}

.bg-sonodablue{background-color:#81bfdd!important;}
.clr-sonodablue{color:#81bfdd!important;}
.bc-sonodablue{border-color:#81bfdd!important;}

.bg-mitasublue4{background-color:#5c7886!important;}
.bg-mitasublue{background-color:#9cb0bb!important;}
.clr-mitasublue{color:#9cb0bb!important;}
.bc-mitasublue{border-color:#9cb0bb!important;}

.bg-mitasublue2{background-color:#b0d1e3!important;}
.clr-mitasublue2{color:#b0d1e3!important;}
.bc-mitasublue2{border-color:#b0d1e3!important;}

.bg-mitasublue3{background-color:#9cb0bb!important;}
.clr-mitasublue3{color:#9cb0bb!important;}
.bc-mitasublue3{border-color:#9cb0bb!important;}

.bg-mitasublue4{background-color:#5c7886!important;}
.bg-cmitasublue4{border-color:#5c7886!important;}
.clr-mitasublue4{color:#5c7886!important;}


.bg-sonodapink{background-color:#e61673!important;}
.clr-sonodapink{color:#e61673!important;}
.bc-sonodapink{border-color:#e61673!important;}
.hover-sonodapink:hover{color:#e61673!important;}
.hover-sonodblue:hover{background-color:#81bfdd; color: #fff!important;}
.hover-sonodblue:hover span{color: #fff!important;}

.text-ann,.text-ico{padding-left:1em!important;text-indent:-1em!important;}
.text-ann:before{content:"※";}


.round-cap-header:after {
    background-color: #00ae77; /* 線色 */
    border-radius: 3px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 5px; /* 線幅 */
}

.round-cap-footer:before {
    background-color: #00ae77; /* 線色 */
    border-radius: 3px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 5px; /* 線幅 */
}

.round-cap-section:before {
    margin-bottom: 10px;
    background-color: #00ae77; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 10px; /* 線幅 */
}

.box-hover:hover{border-color: #00ae77!important;}

.box-neumo{
  border-radius:4px;
  box-shadow: 9px 9px 16px rgb(170,228,210,0.6), -9px -9px 16px  rgba(255,255,255, 0.6);
}
.box-neumo2{
  border-radius:4px;
  box-shadow: 3px 3px 5px rgb(170,228,210,0.6), -3px -3px 5px  rgba(255,255,255, 0.6);
}

.bg-img-a{background: url('../img/s-egao.jpg') center center;background-size: cover;}
.bg-img-b{background: url('../img/s-aozora.jpg') center center;background-size: cover;}


a:hover{text-decoration: none !important;}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.bg-yellow{background-color: #f8b500!important;}
.box-shadow,.box-shadow:hover{box-shadow:rgba(62, 57, 107, 0.3) 0px 6px 16px 0px;}
.bg-blk-op{background-color: rgba(0,0,0,.6)}
.bg-wht-op{background-color: rgba(255,255,255,.9)}
.bg-wht-op05{background-color: rgba(255,255,255,.5)}
.h-1-3rem {height: 1.3rem!important;}
.hover-green:hover{color:#00ae77 !important;}
.hover-blk:hover{color:#000 !important;}
.p-05{padding: .1rem!important;}
.py-05{padding-top: .1rem!important;padding-bottom: .1rem!important;}
.clr-none{color:#212529!important;}
.clr-deepblue{color: #231815!important;}
.bg-deepblue{background-color:#231815!important;}
.bc-deepblue{border-color:#231815!important;}
.clr-pink{color:#d50050!important;}
.bg-pink{background-color:#d50050 !important;}
.bc-pink{border-color:#d50050 !important;}
.box-hov-green:hover{background-color:#00ae77!important;color:#fff!important; }
.box-hov-green:hover i{color:#fff!important; }
.clr-orange{color:#FF7F00!important;}
.clr-gray{color:#6B7A80 !important;}
.clr-green{color:#00ae77 !important;}
.bc-green{border-color:#00ae77 !important;}
.bg-green{background-color:#00ae77 !important;}
.bw-1 {border-width: 1px !important;}
.bc-gray-light{border-color:#E3E3E3 !important;}
.rotate{
  display: inline-block;
  transform: rotate(45deg)
}
dt{font-weight: 300!important;}
#is-loading {
 display: block;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background: #FFF;
 z-index: 20;
}
#loading {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 width: 200px;
 height: 200px;
 margin-top: -100px;
 margin-left: -100px;
 text-align: center;
 color: #fff;
 z-index: 21;
}

.Noto-SerifJP{font-family: 'Noto Serif JP', serif;transform: rotate(0.001deg);}
.font-NotoSansJP{font-family: 'Noto Sans JP', sans-serif;transform: rotate(0.001deg);}
.font-MPLUS1p{font-family: 'M PLUS Rounded 1c', sans-serif;transform: rotate(0.001deg);}
.font-Oswald{font-family: 'Oswald', sans-serif;transform: rotate(0.001deg);}
.font-SawarabiMincho{font-family:'Sawarabi Mincho', sans-serif;transform: rotate(0.001deg);}
.clr-pink{color:#E3007F !important;}
.fw-400{font-weight: 400!important;}
.fw-500{font-weight: 500!important;}
.fw-600{font-weight: 600!important;}
.fw-800{font-weight: 800!important;}
.fw-900{font-weight: 900!important;}
.text-shadow {text-shadow: -1px -1px 1px rgba(0,0,0,.2), 1px 1px 1px rgba(255,255,255,.2);}
.text-shadow-wht {text-shadow: 0px 0px 3px #ffffff, 0px 0px 8px #ffffff, 0px 0px 12px #ffffff;}

.mt-header{margin-top: 3.3rem;}
.pic-80{bottom:-80%;}
.pic-70{bottom:-70%;}
.pic-60{bottom:-60%;}
.pic-50{bottom:-50%;}
.pic-40{bottom:-40%;}
.pic-30{bottom:-30%;}
.pic-20{bottom:-20%;}
.z-0{z-index:0!important;}
.z-1{z-index:1!important;}
.z-5{z-index:5!important;}
.z-10{z-index:10!important;}
.z-15{z-index:15!important;}
.z-20{z-index:20!important;}
.topLeft{top: 0;left: 0;}
.topRight{top: 0;right: 2%;}
.bottomCenter{bottom: 0;left: 0;right: 0; margin: auto;}
.bottomLeft{bottom: 0;left: 0;}
.bottomRight{bottom: 0;right: 0%;}

.middleLeft{top: 50%;left: 0%;
transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.middleRight{top: 50%;right: 0%;
transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.middleCenter{top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.invisible {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.visible {
  transition: opacity 0.5s ease;
  opacity: 1.0;
}
/*7列*/
div.item7 {
  display: flex;
  flex-wrap: wrap;
}
div.item {
  width: 14.28%
}
@media (max-width: 767px) {
  div.item7 {
    display: block;
  }
}
/*斜め*/

.diagonal-line{
  position: relative;
  background:linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%
}

/* ==========================================================================
footer and more
========================================================================== */
/* Footer */
#footer-normal {background: #000;bottom: 0;z-index: 11;position: absolute;width: 100%;}
  .copyright{letter-spacing: 0;font-size: .75em;}
    .copyright a,.copyright small{color: #fff;}
  .grid-md-8{float: left;position: relative;min-height: 1px;padding-right: .25rem;padding-left: .25rem;width: 12.5%;}
  .box-bnr{padding-right:.7rem;padding-left:.7rem;}

  /*pagetop*/
  #pagetop{position:fixed;right:3%;bottom:2rem;z-index:500;display: none;}
    #pagetop a{position:relative;display: block;padding: 0 .5rem;text-decoration:none;font-size:3rem;opacity:0.9;cursor: pointer;color:rgba(0, 0, 0,.8);}
      #pagetop a:hover{opacity:1;cursor: pointer;}
      #pagetop a i.icon-chevron-sign-up:before{cursor: pointer;}


   /*modal*/

    .modal-backdrop.show {opacity: 1;}
      .modal-backdrop {background-color: #fff;}
    .modal-content{background: #fff;border-radius: 0;}
    .modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform: translate(0,-5%);-ms-transform: translate(0,-5%);-o-transform: translate(0,-5%);transform: translate(0,-5%);}
    .modal.in .modal-dialog {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
    .modal-backdrop.in {filter: alpha(opacity=80);opacity: .8;}
    .modal-body{padding: 0;}
    .modalOpen-fixed{position: fixed;width: 100%;}
    .modal-content,.modal-footer{border:none;}



.close {opacity: 1;line-height: 1;position: relative;top:-.15rem;font-size: 2rem;}

/* ==========================================================================
accordion
========================================================================== */

#accordion_menu > li {
    border: #ccc 1px solid;
    margin-bottom: -1px;
}
#accordion_menu a{
    color: #666;
}
#accordion_menu a[data-toggle="collapse"]{
    display: block;
    padding: 10px;
    text-decoration: none;
  position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover{
    background: #e7e7e7;
}
#accordion_menu a[data-toggle="collapse"]::after{
    content:"";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #666 1px solid;
    border-right: #666 1px solid;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#accordion_menu a[aria-expanded=false]::after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition-duration: 0.3s;
}


    /* --------------------------------
    cd-navModal
    -------------------------------- */
    .cd-primary-nav{display: none;visibility:hidden;opacity:0;overflow-y: scroll;position: relative;z-index: 100;-webkit-transition:opacity 0s .4s;-moz-transition:opacity 0s .4s;-ms-transition:opacity 0s .4s;transition:opacity 0s .4s}
        .cd-primary-nav.nav-open{display: block;visibility:visible;z-index:13;opacity:1;-webkit-transition:opacity 0s;-moz-transition:opacity 0s;-ms-transition:opacity 0s;transition:opacity 0s}
      .md-overlay{background: rgba(0, 0, 0, 0.6);z-index: 0;position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 12;opacity: 0;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}
      .nav-open.md-overlay{opacity: 1;visibility: visible;background: #fff;}
      .modal-dialog{margin: 0;}
      .modal-open{overflow-y: hidden;}


      .pageSecond:not(.pageHome) .cd-nav-trigger-fixed,.fixed .cd-nav-trigger-fixed{display: none;}
      .pageSecond #nav-service p{display: none;}


/*modal center*/
.modal-dialog{display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  margin: auto;
  pointer-events: none;}
  

  .modal-content{
    pointer-events: all
  }

/* =========================================================================
PLUGIN css
========================================================================== */

========================================================================== */
/*flickity*/
#news_slide .flickity-prev-next-button {top: -2.5rem !important;background: none !important;width: 1.8rem;height: 1.8rem !important;}
#news_slide .flickity-prev-next-button.next {right: auto !important;}
#news_slide .flickity-page-dots{bottom:-1.25rem !important}
#news_slide .flickity-page-dots .dot{width: .5rem !important;height: .5rem !important;}
.flickity-button {background: transparent !important;}
.flickity-button-icon {fill: white !important;}
  /* lg */
  @media (min-width: 992px){
    #news_slide .flickity-prev-next-button.previous {left: 18% !important;}
    #news_slide .flickity-prev-next-button.next {left: 20% !important;}
  }
  @media(min-width:1366px){
    #news_slide .flickity-prev-next-button.previous {left: 20% !important;}
    #news_slide .flickity-prev-next-button.next {left: 22% !important;}
  }
  /*xxl*/
  @media(min-width:1600px){
    #news_slide .flickity-prev-next-button.previous {left: 25% !important;}
    #news_slide .flickity-prev-next-button.next {left: 27% !important;}
  }

/*flickity mian_slide*/

#main-gallery .gallery-cell{background-color: #fff; }
#main-gallery .gallery-cell img{opacity: 0.4; }
#main-gallery .gallery-cell.is-selected img{opacity: 1; }
/*@media (min-width: 992px){
#main-gallery .gallery-cell {width: 100%;}}
@media(min-width:1366px){
#main-gallery .gallery-cell {width: 70%;}}
@media(min-width:1600px){
#main-gallery .gallery-cell {width: 60%;}}*/
/* --------------------------------
  cd-navModal
  -------------------------------- */
  .cd-primary-nav{display: none;visibility:hidden;opacity:0;overflow-y: scroll;position: relative;z-index: 100;-webkit-transition:opacity 0s .4s;-moz-transition:opacity 0s .4s;-ms-transition:opacity 0s .4s;transition:opacity 0s .4s}
      .cd-primary-nav.nav-open{display: block;visibility:visible;z-index:13;opacity:1;-webkit-transition:opacity 0s;-moz-transition:opacity 0s;-ms-transition:opacity 0s;transition:opacity 0s}
    .md-overlay{background: rgba(0, 0, 0, 0.6);z-index: 0;position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 12;opacity: 0;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}
    .nav-open.md-overlay{opacity: 1;visibility: visible;background: #000000;}
    .modal-dialog{margin: 0;}
    .modal-open{overflow-y: hidden;}


    .pageSecond:not(.pageHome) .cd-nav-trigger-fixed,.fixed .cd-nav-trigger-fixed{display: none;}
    .pageSecond #nav-service p{display: none;}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */