@charset "utf-8";
.wrapper { width: 100% ; margin: 0; }

.contents_wrap { width: 96%; max-width: 1000px; margin: 0 auto; }
.contents_wrap_s { width: 90%; max-width: 750px; margin: 0 auto; }
.base_contents { position: relative; }
img { max-width: 100%; vertical-align: bottom; }
strong { color: #B20000; display: block; font-size: 3rem; font-weight: bold;  }
.l-article strong { color: inherit; display: inline-block; font-size: inherit;  }
.full-img + .full-img { margin-top: 100px; }
.contsL { float: left; }
.contsR { float: right; }
.t-marker { background: #FF9; }
.t-center { text-align: center; }
.t-right { text-align: right; }

@media screen and (max-width: 1000px) {
  .contsL { float: none; display: block; }
  .contsR { float: none;display: block;  }
}

.pc-only { display: inline-block;}
.sp-only { display: none;}

@media screen and (max-width: 600px) {
  .pc-only { display: none;}
  .sp-only { display: inline-block;}
}

.loading { position: fixed; width: 100%; height: 100vh; background: #FFF; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999999;}
.loading .gear1 { width: 5rem; height: 5rem; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/gear-navy.svg) no-repeat center center; background-size: 100% 100%; 
  
  -webkit-animation: animation rotation 3s linear infinite;
  animation: rotation 3s linear infinite;
}
.loading .gear2 { width: 3rem; height: 3rem; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/gear-navy.svg) no-repeat center center; background-size: 100% 100%; 
  transform: translate(2rem, 1.5rem);
  -webkit-animation: animation2 rotation 3s linear infinite;
  animation: rotation2 3s linear infinite;
}
@-webkit-keyframes rotation {
  0% { -ms-transform: translate(-1rem, -1rem) rotate(0deg);-webkit-transform: translate(-1rem, -1rem) rotate(0deg);transform: translate(-1rem, -1rem) rotate(0deg);}
  100% {  -ms-transform: translate(-1rem, -1rem) rotate(360deg); -webkit-transform: translate(-1rem, -1rem) rotate(360deg); transform: translate(-1rem, -1rem) rotate(360deg);}
}
@keyframes rotation {
  0% { -ms-transform: translate(-1rem, -1rem) rotate(0deg);-webkit-transform: translate(-1rem, -1rem) rotate(0deg);transform: translate(-1rem, -1rem) rotate(0deg);}
  100% { -ms-transform: translate(-1rem, -1rem) rotate(360deg);-webkit-transform: translate(-1rem, -1rem) rotate(360deg);transform: translate(-1rem, -1rem) rotate(360deg);}
}


@-webkit-keyframes rotation2 {
  0% { -mw-transform: translate(2rem, 1.5rem) rotate(360deg);-webkit-transform: translate(2rem, 1.5rem) rotate(360deg);transform: translate(2rem, 1.5rem) rotate(360deg);}
  100% { -ms-transform: translate(2rem, 1.5rem) rotate(0deg);-webkit-transform: translate(2rem, 1.5rem) rotate(0deg);transform: translate(2rem, 1.5rem) rotate(0deg);}
}
@keyframes rotation2 {
  0% { -ms-transform: translate(2rem, 1.5rem) rotate(360deg);-webkit-transform: translate(2rem, 1.5rem) rotate(360deg);transform: translate(2rem, 1.5rem) rotate(360deg);}
  100% { -ms-transform: translate(2rem, 1.5rem) rotate(0deg); -webkit-transform: translate(2rem, 1.5rem) rotate(0deg); transform: translate(2rem, 1.5rem) rotate(0deg);}
}



/*layout*/
.box-section { padding: 120px 0; }
.box-section-t { padding-top: 120px; }
.box-section-s { padding: 60px 0; }
.box-section-s-t { padding-top: 60px ; }

.column2,
.column-max2,
.column3,
.column-max3,
.column4,
.column6 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.column-max2 > * { width: 49%; }
.column2 > * { width: 49%; }

.column-max3 > * { width: 32%; }
.column3 > * { width: 32%; }

@media screen and (max-width: 600px) {
  .column-max2 > * { width: 100%; margin-bottom: 2rem; }
  .column-max2 > *:nth-child(even) { margin-left: 0; }
  .box-section { padding: 60px 0; }
  .box-section-t { padding-top: 60px; }
  
  .column-max3 > * { width: 100%; margin-right: 0; margin-bottom: 1rem; }
}

/*contents*/
.logo {text-indent: 100%; white-space: nowrap; overflow: hidden;}
header { color: #FFF; background:#00007D; position: relative; padding: .8rem 0; text-align: right;  }
header .logo { width: 7.2rem; height: 2.6rem; background: url(../img/logo-head.svg) no-repeat left center; background-size: auto 100%; float: left; position: relative; z-index: 9999; margin-top: .5em;}

.gNavi { font-size: .85rem; letter-spacing: 0; position: relative; }
.gNavi > li { display: inline-block; padding: 1.7em 0; vertical-align: middle; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; text-align: center; line-height: 1.25; position: relative;}
.gNavi > li + li { margin-left: 2em; }
.gNavi > li a { position: relative; }
.gNavi > li.blog { line-height: 120%;  }

/* .gNavi > li .jp { position: absolute; opacity: 0; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display: block; white-space: nowrap; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;} */
.gNavi > li.hover:hover { color: #FFF100; }
/* .gNavi > li.hover:hover .jp { opacity :1; color: #FFF100; } */

.gNavi > li:hover .submenu { display: flex; flex-direction: column; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -webkit-transform: translateY(-50%) translateX; width: 176px; text-align: center; }
.gNavi .submenu { color: #00007D; display: inline-block; border-width: 0 1px 1px; border-style: solid; border-color: #00007D; background: #FFF; position: absolute; top: 100%; margin: auto; display: none; white-space: nowrap;}

.gNavi .submenu > li { display: inline-block; position: relative;  }
.gNavi .submenu > li a { font-weight: bold; color: #00007D; display: block; position: relative; padding: 1em 1.5em; line-height: 150%; }
.gNavi .submenu > li a:hover { color: #4FA7FF; }
.gNavi >li.havesub > a:after { content:''; width: 0; height: 0; border-style: solid; border-width: 0 1em 1em; border-color: transparent transparent #FFF; position: absolute; bottom: -1.5em; left: 0; right: 0; margin: auto; display: none; } 
.gNavi >li.havesub:hover > a:after { display: block; }

.btn_humberger { display: none; }
.btn-contact { border: 1px solid; padding: .5em 1em; }
.btn-facebook { width: 1.5em; height: 1.5em; background: url(../img/icon-facebook.svg) no-repeat center center; background-size: auto 100%; text-indent: 100%; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
header .btn-contact.hover:hover { color: #00007D; background: #FFF; }

@media screen and (max-width: 1000px) {
  header {padding:  1rem 0;}
  .gNavi > li + li { margin-left: 1em; }
  .gNavi > li:hover .submenu { display: inline-block; position: static; transform: none; -webkit-transform: none; width: auto; }
  .gNavi .submenu { right: 0; margin-right: -300%; width: 100%;}
}

@media screen and (max-width: 900px) {
  header { background: #FFF; color:#00007D; }
  
  header .logo { height: 2rem; z-index: 999999; position: relative; background-image: url(../img/logo-head-br.svg);}
  .btn_humberger { width: 2rem; height: 2rem; display: block; position: absolute; top: -.1rem;  right: 0; padding: 0; border: 0; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 9999; background: none; }
  .btn_humberger:before,
  .btn_humberger:after { content:''; width: 80%; height: 2px; background: #00007D; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;  }
  .btn_humberger:before { -ms-transform: translateY(-.6em); -webkit-transform: translateY(-.6em);transform: translateY(-.6em); box-shadow: 0 .6em #00007D; }
  .btn_humberger:after {-ms-transform: translateY(.6em); -webkit-transform: translateY(.6em);transform: translateY(.6em); }
  .btn_humberger.open:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg); box-shadow: none; }
  .btn_humberger.open:after {-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg); }
  #global_navi { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 100px 5%; background: #00007D; text-align: center; }
  
  
  #global_navi { display: none; position: fixed; top: 0; left: 0; right: 0; width: 100%; padding: 80px 5%; background: #FFF; text-align: center; white-space: normal; max-height:  100vh; overflow: scroll;}
  #global_navi.open { display: block; z-index: 9998;}
  .gNavi { float: none; }
  .gNavi > li { width: 100%; margin-bottom: 1em;  text-align: center; padding: 0; }
  .gNavi > li > a { padding: 1em 0; display: block; font-weight: bold; font-size: 1.2rem; }
  .gNavi > li + li { margin-left: 0; margin-top: 0; }
  .gNavi > li:nth-last-child(2),
  .gNavi > li:last-child { display: block; width: auto; margin: 2rem 1rem 1rem;text-align: center; }
  
  .gNavi .submenu { border: none; position: relative; left: auto; bottom: auto; right: 0; auto; white-space: normal; margin-right: 0;}
  .gNavi .submenu.open {display: block;}
  
  .gNavi .submenu > li {margin-bottom: 0; display: block;}
  .gNavi .submenu > li a {padding: .5em 1em; color: #666; }
  .gNavi .submenu li + li:before { display: none; }
  .gNavi >li.havesub:hover > a:after { display: none; }
  
  .btn-facebook { background-image: url(../img/icon-facebook-br.svg);}
}

.footer { color: #00007D; display: block; margin: 150px 0 0; padding-bottom: 50px; text-align: center; line-height: 200%; font-weight: bold; }
#home .footer { background: url(../img/bg-line2.svg) no-repeat center bottom; background-size: 100% auto; padding-top: 700px; margin-top: -600px;}
.footer > .contents_wrap { position: relative; }
.footer .foot-logo { width: 4.5rem; height: 7.8rem; display: block; margin: 0 auto 2rem; background: url(../img/logo-foot.svg) no-repeat center top; background-size: 100% auto; text-indent: 100%; overflow: hidden; white-space: nowrap;  }
.foot-navi .btn-map { font-size: .9rem; color: #FFF; background: #00007D; width: 6em; padding: 0; margin: 2rem auto; display: block;border: 2px solid #00007D;  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
.foot-navi .btn-contact { width: 10em; padding: .5em 0; font-size: 1.5rem; background: #FFF; display: block; margin: 1rem auto; border: 2px solid #00007D;  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;  }
.foot-navi .btn-privacy { font-size: .8rem; }

.foot-navi .btn-map:hover { color: #00007D; background: #FFF; }
.foot-navi .btn-contact:hover { color: #FFF; background: #00007D; }


.tel-fax > dt,
.tel-fax > dd { display: inline-block; vertical-align: middle; }
.tel-fax > dt:after { content: ':'; display: inline-block; vertical-align: middle; margin: 0 .5em; }
.tel-fax > dd + dt:before { content: '/'; margin: 0 .5em; display: inline-block; }

a.btn-gotop { color: #333; font-size: .7rem; line-height: 120%; letter-spacing: 0; width: 6em; height: 6em; display: block; border: 1px solid #000; text-align: center; position: absolute; bottom: 100%; right: 0; margin: auto; font-weight: bold; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
a.btn-gotop svg { width: 1em; height: 2em; display: block; margin: 1em auto .5em; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;  }
a.btn-gotop .hover:hover { color: #FFF; background: #333;  }
a.btn-gotop .hover:hover svg { fill: #FFF; }

.copyright { font-size: .8rem; margin-top: 2rem; }

#blog .footer { margin-top: 5rem; z-index: 2; }
#blog .footer a.btn-gotop { background: #FFF; top: -7rem; bottom: auto;}

@media screen and ( max-width: 1000px) {
  #blog .footer { margin-top: 3rem; z-index: 2; padding-top: 2rem; }
}

@media screen and ( max-width: 600px) {
/*  a.btn-gotop { position: relative; left: auto; right: auto; margin: 0 auto 2rem;  }
  .footer .foot-logo { width: 2.5rem; height: 4rem; float: left; margin-right: 1em; } */
  
  #home .footer { background-size: auto 100%; }
  
  .footer { font-size: .8rem; padding-top: 30rem; margin-top: -28rem; background-size: auto 100%; letter-spacing: 0; line-height: 150%; text-align: left; background-size: 100% auto; }
  .foot-navi .btn-map { display: inline-block; padding: .5em 1em; text-align: center; margin: 1em .5em 1em 0; }
/*  .foot-navi .btn-contact { font-size: .9rem; padding: .5em 1em; display: inline-block; width: auto; } */
  .foot-navi .btn-contact { text-align: center; }
  .foot-navi .btn-privacy { width: 100%; display: block; text-align: center; margin-top: 1.5rem; }
  .copyright { font-size: .7rem; text-align: center; }
  
}

header { z-index: 99; position: fixed; top: 0; left: 0; right: 0;}
main { position: relative; z-index: 2; padding-top: 5.2rem;}
#home main{
  padding-top: 0;
}
.footer { position: relative; z-index: 1; }

.anchor { padding-top: 7rem; margin-top: -7rem; }

@media screen and ( max-width: 1000px) {
main { padding-top: 4rem;}
.anchor { padding-top: 4rem; margin-top: -4rem; }
}
@media screen and ( max-width: 900px) {
main { padding-top: 2.5rem;}
.anchor { padding-top: 2.5rem; margin-top: -2.5rem; }
}
.inviewContents.inviewStd { opacity: 0; -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); -ms-transition: all .5s .3s; -webkit-transition: all .5s .3s; transition: all .5s .3s;  }
.inviewContents.inviewStd.inview { opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.enjoy_wrap {
  margin-top: -10rem;
}
.enjoyContents {
  display: flex;
  justify-content: space-between;
  margin-bottom: 200px;
}
.enjoyContents .item {
  width: 32%;
}
@media screen and (max-width: 900px) {
  .enjoyContents {
    display: block;
    justify-content: unset;
  }
  .enjoyContents .item {
    width: 100%;
    margin-bottom: 24px;
  }
  .enjoyContents .item:last-child {
    margin-bottom: 0;
  }
}