@charset "utf-8";

@media screen and (max-width: 750.999px) {

  /* reset css */
  html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


  /*
   * defaut style
   */
  html { height:100%; overflow-y:scroll; background:#F2FAFC; font-size:14px; min-height:600px; -webkit-text-size-adjust: 100%; }
  body { color:#000;  word-wrap:break-word; -webkit-font-smoothing: antialiased; overflow:hidden; }
  body { font-family: 'Noto Sans JP', sans-serif; font-weight:400; }
  select,
  input[type=text],
  textarea { font-family: 'Noto Sans JP', sans-serif; font-size:15px; color:#000; }
  body.loading .contents,
  body.loading #header { opacity:0.2; }
  body.loading2 .contents,
  body.loading2 #header  { opacity:0; }
  body.loaded .contents,
  body.loaded #header { opacity:1; /* animation:fadeInEx2 0.5s ease 0.8s forwards!important; */ }
  body.loaded2 .contents,
  body.loaded2 #header { opacity:1; /* animation:fadeInEx 0.5s ease 0s forwards!important; */ }
  body.loading #header-inner { opacity:0; }
  body.loaded #header-inner { opacity:1; /* animation:fadeInEx 0.5s ease 0.8s forwards!important; */ }
  table { word-break:break-word; } 
  div { font-size:14px; letter-spacing:0.02em; }
  img,input[type=image],video { max-width:100%; height:auto; width:auto; vertical-align:bottom; border:none; }
  li { list-style-type:none; }
  ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; line-height:1.8; }
  ul li {  margin-left:20px; padding-left:5px; list-style-type:disc; margin-bottom:0.5em; line-height:1.8; }
  p { margin-bottom:2em; line-height:1.8; }
  p:last-child { margin-bottom:0; }
  p > a { color:#1B67B2; text-decoration:none; transition:0.3s ease-in-out; }
  a { color: inherit; text-decoration: none; }
  sup { position:relative; font-size:100%; top:-5px; }
  sub { position:relative; font-size:100%; bottom:-5px; }
  .clearfix { *zoom: 1; }
  .clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
  .pc { display:none!important; }
  .sp { display:block; }
  img.sp { display:inline-block; }
  .center { text-align:center; }
  .right { text-align:right; } 
  strong { /* color:#C00; */ }
  em { /* color:#960; */ font-weight:bold; font-style:normal; }
  .container iframe { max-width:100%; height:200px; }
  iframe[name=google_conversion_frame] { display:none; }
  .eng { font-family: din-2014, sans-serif; }


  #loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 9999;
  }
  #loader { position: fixed;	text-align: center; color: #333; z-index: 10000; width:80px; height:48px;	left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; }
  #loader span { position:absolute; width:80px; height:48px; left:0; bottom:0;  overflow:hidden; display:block; }
  #loader span:nth-child(2) { height:0%; }
  #loader span:nth-child(1) img { width:80px; }
  #loader span:nth-child(2) img { position:absolute; left:0; bottom:0; }








  /*
   * contents
   */
  body.loading { overflow:hidden; height:100%; }
  body.loading #container { visibility:hidden; }

  .contents { padding-top:0px; position: relative; z-index: 0; }
  .content-wrapper { }
  .main-content { margin:0 15px 0px; position:relative; z-index:1; }
  

  /* 汎用 */
  .section { margin-bottom:70px; pointer-events:none; }
  .section * { pointer-events:auto; }
  .section > .inner { }
  .section:last-child { margin-bottom:0; }
  .block { margin-bottom:50px; }
  .article { margin:0 0 75px; }
  .article p { }
  .indent01 { margin:40px 0 0; }
  .red { color:#e60012; }

  
  .title01 { position:relative; margin-top:0px; margin-bottom:56px; font-size:18px; font-weight:700; line-height:calc(27 / 18); text-align:center; }
  .title01:first-child { margin-top:0; }
  .title01:after {	content: ""; display: block; width:34px;	height: 4px; background: linear-gradient(135deg, rgba(0, 173, 178, 1) 40%, rgba(0, 82, 141, 1) 60%); position: absolute; left:50%; bottom: -18px; transform:translateX(-50%); }
  .title02 { position:relative; margin-top:0px; margin-bottom:20px; color: #00528D; font-size:16px; font-weight:700; line-height:calc(24 / 16); text-align:center; }
  .title02:first-child { margin-top:0; }
  .title02 span { display: inline-block; position: relative; }
  .title02 span:before {	content: ""; display: block; background: url("../img/img_heading_left.svg") no-repeat; background-size: cover; width: 17px; height: 10px; position: absolute; left:-37px; top: 8px; }
  .title02 span:after {	content: ""; display: block; background: url("../img/img_heading_right.svg") no-repeat; background-size: cover; width: 17px; height: 10px; position: absolute; right:-37px; top: 8px; }
  .title02 + h4 { font-size: 14px; font-weight: 400; text-align: center; margin-top: -0px; margin-bottom: 25px; }
  .title03 { margin-top: 35px; margin-bottom:20px; font-size:14px; font-weight:700; line-height:calc(20 / 14); background: #fff; border-radius: 5px; padding: 10px 15px 10px 28px; position: relative;}
  .title03:before {	content: ""; display: block; width:3px;	height: 23px; border-radius: 10px; background: linear-gradient(180deg, rgba(0, 173, 178, 1) 0%, rgba(0, 82, 141, 1) 100%); position: absolute; left: 10px; top:50%; transform:translateY(-50%); }
 
  
  .btn01 { }
  .btn01 > * { position:relative; display:inline-block; width:300px; line-height:50px; text-align:center; color:#fff; font-size:14px; font-weight:700; background: linear-gradient(169deg, rgba(0, 173, 178, 1) 28%, rgba(0, 82, 141, 1) 70%); border-radius:50px; transition:0.3s ease-in-out; }
  .btn01 > *:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(135deg, rgba(0,173,178,1) 50%, rgba(0,82,141,1) 100%); border-radius:50px; opacity:0; transition:0.3s ease-in-out; }
  .btn01 > * > span { display:block; position:relative; z-index:1; }
  .btn01 > * > span:before { content: ""; display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: #fff; border-radius: 50%; opacity: 0.2; }
  .btn01 > * > span:after { pointer-events:none; display: block; background: url("../img/arrow01.svg") no-repeat; background-size: cover;  position: absolute; top: 50%; right: 35px; transform: translateY(-50%) ; width: 11px; height: 8px; content: ""; }
  .btn01 > *:hover { text-decoration:none; }
  .btn01 > *:hover:before { opacity:1; }
  .btn01 > *:hover span:before { opacity:0.2; }
  .btn01 > *:hover span:after { border-color:#1B67B2; animation: move-arrow 0.5s linear ;}
  
  .box-flex { display:flex; flex-wrap:wrap; margin:0 auto; justify-content: space-between; }
  
  .table01 { margin-bottom:70px;}
  .table01 table { display: block; width:100%; line-height:calc(26 / 16); }
  .table01 table tbody { display: block; }
  .table01 table tr { display: block; border-bottom:1px solid #CCC; position: relative; padding:18px 10px 18px 10px; }
  .table01 table th { display: block; font-weight:400; padding:0; text-align:left; width:95px; position: absolute; left: 10px; top: 18px; }
  .table01 table td { display: block; padding:0; margin-left: 95px; text-align:left;  }


  .main-visual { position:relative; margin: 80px 0 30px; overflow: hidden; height: calc(100vh - 80px); max-height: 580px; }
  .main-visual .title { max-width: 375px; width: 100%; height: 100%; position: absolute; left: 50%; top: 32px; transform: translateX(-50%); z-index: 2; pointer-events: none; opacity:0; transition:opacity 0.5s ease-in-out 0.6s;}
  .main-visual .title > * { z-index: 3; display: block; }
  .main-visual .title > *:nth-child(1) { position: relative; width: calc(274 / 375 * 100%); left: calc(51 / 375 * 100%); margin-bottom: 28px;  }
  .main-visual .title > *:nth-child(2) { position: relative; width: calc(119 / 375 * 100%); left: calc(128 / 375 * 100%); margin-bottom:14px; }
  .main-visual .title > *:nth-child(3) { position: relative; width: calc(248 / 375 * 100%); left: calc(64 / 375 * 100%); }
  /* 通常時（1～2枚目）：白く発光 */
  .main-visual .title > *:nth-child(1),
  .main-visual .title > *:nth-child(3) {
      filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.5));
      transition: filter 0.5s ease;
  }

  /* _w画像に切り替わった時（3枚目以降）：黒く発光 */
  .main-visual .title.is-light-ver-sp > *:nth-child(1),
  .main-visual .title.is-light-ver-sp > *:nth-child(3) {
      filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
  }
  .main-visual .vegas-pc { display: none; }
  .main-visual .vegas-sp { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
  .main-visual .vegas-content img { display: none; }
  .main-visual .vegas-nav { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; gap: 15px; }
  .main-visual .nav-dot { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; border: none; cursor: pointer; padding: 0; outline: none; appearance: none; }
  .main-visual .nav-dot.active { background: #fff; }
  .main-visual.is-completed .title { opacity:1; }

  .intro-section { margin-bottom: 55px; }
  .intro-section > .inner { position: relative; padding: 20px 0; }
  .intro-section > .inner .bg { display: block; background: #fff; width: 100%; height: 100%; position: absolute; right: 0px; top: 0px; z-index: -1; border-radius: 0 50px 50px 0; box-shadow: 0 0 30px rgba(2,154,183,0.08); }
  .intro-section .sec-title { font-size: 15px; font-weight: 500; line-height: calc(22 / 15); text-align: center; margin-bottom: 25px; }
  .intro-section .group { transform:translateY(30px); opacity:0; transition:all 0.5s ease-in-out 0s; margin-left: 20px; margin-right: 20px; }
  .intro-section .sub-title { font-size: 14px; font-weight: 700; color: #00528D; line-height: calc(20 / 14); margin-bottom: 15px; }
  .intro-section .img { margin-left: -35px; margin-right: -20px; margin-bottom: 20px; }
  .intro-section .img img { }
  .intro-section.is-completed .group,
  .intro-section.is-completed .lead { transform:translateY(0); opacity:1; }
  .intro-section.is-completed .img { transform:translateX(0); opacity:1; }

  .about-section { padding-top: 40px; }
  .about-section:before { content: ""; display: block; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100vw; height: 100%; z-index: -1; }
  .about-section .lead { margin: 0 20px 30px; }

  .feature-items > .item { position: relative; border: 1px solid #019BB7; box-shadow: 0 0 30px rgba(90,204,219,0.2); border-radius: 0 20px 0 20px; margin-bottom: 35px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .feature-items > .item .group { margin: 0 20px; }
  .feature-items > .item .num { width: 43px; height: 43px; position: absolute; left: 0; top: 0; background: no-repeat; background-size: cover; }
  .feature-items > .item:nth-child(1) .num { background-image: url("../img/feature_num01.png"); }
  .feature-items > .item:nth-child(2) .num { background-image: url("../img/feature_num02.png"); }
  .feature-items > .item:nth-child(3) .num { background-image: url("../img/feature_num03.png"); }
  .feature-items > .item:nth-child(4) .num { background-image: url("../img/feature_num04.png"); }
  .feature-items > .item .num span { display: none; }
  .feature-items > .item .title { font-size: 14px; font-weight: 700; line-height: calc(20 / 14); margin-top: 16px; margin-bottom: 30px; margin-left: 40px; }
  .feature-items > .item p { margin-bottom: 30px; line-height: calc(26 / 16); }
  .feature-items > .item p .note { font-size: 12px; }
  .feature-items > .item > .group > .img { border-radius: 0 20px 0 0 ; overflow: hidden; margin-bottom: 15px; }
  .feature-items .img-items { display: flex; justify-content: space-between; margin: 20px 20px; width: 100%; flex-wrap: wrap;}
  .feature-items .img-items > .item { width: calc(145 / 303 * 100%); margin-bottom: 22px; }
  .feature-items .img-items > .item .caption { font-size: 10px; line-height: calc(26 / 10); margin-top: 6px; text-align: center;}

  .tour-block { padding-top: 40px; padding-bottom: 50px; }
  .tour-block:before { content: ""; display: block; background: #F2FAFC; width: 100vw; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; z-index: -1; }
  .tour-items { margin: 40px 20px; }
  .tour-items .item { margin-bottom: 25px; }
  .tour-items .item .title { text-align: center; line-height: calc(24 / 16); margin-bottom: 10px; }
  .tour-items .item .view { border: 1px solid #029AB7; height: 300px!important; overflow: hidden; }
  .tour-items .item .view iframe { height: 300px!important; }

  .temporary-block .intro { margin: 30px 0; flex-direction: column-reverse; }
  .temporary-block .intro h4 { font-size: 15px; font-weight: 700; line-height: calc(22 / 15); margin-bottom: 15px; }
  .temporary-block .intro .group { margin: 0 10px; }
  .temporary-block .intro .img { margin-bottom: 30px; }
  .temporary-block .intro .img .caption { font-size: 12px; line-height: calc(26 / 12); text-align: center; margin-top: 10px;}
  .temporary-block .history-title { font-size: 14px; font-weight: 500; line-height: calc(26/ 14); padding-bottom: 10px; border-bottom:1px solid #CCC; }
  .temporary-block .history-title:before { content: ""; display: inline-block; width: 11px; height: 11px; background: #1B67B2; border-radius: 50px; margin-right: 10px; }
  .temporary-block .history { display: block; }
  .temporary-block .history .group { }
  .temporary-block .history .group { margin: 0 0 0; }
  .temporary-block .history .group .img { margin: 15px 0 10px -95px; text-align: center; }
  .temporary-block .history .group .img img { padding: 0 30px; width: auto; height: auto; box-sizing: border-box; }
  .temporary-block .history .group .caption { font-size: 12px; line-height: 1.6; text-align: center; margin:0 0 15px -95px;}
  .temporary-block .intro.is-completed .group,
  .temporary-block .intro.is-completed .img,
  .temporary-block .history.is-completed .group,
  .temporary-block .history.is-completed .img-items { transform:translateY(0); opacity:1; }
  
  .association-block { padding-bottom: 50px; }
  .association { margin: 0 20px; }
  .association .banner { position: relative; max-width: 580px; width: 100%; margin:-20px auto 0; border: 1px solid #9FA0A0; transition:0.3s ease-in-out;}
  .association .banner img { transition:0.3s ease-in-out; }
  .association .banner:hover { border: 1px solid #019BB7; }
  .association .banner:hover img { opacity: 0.7; }

  .use-section .lead { font-size: 15px; font-weight: 500; line-height: calc(22 / 15); text-align: center; margin-bottom: 50px; }
  .use-section .lead + .img { position: relative; margin: 0 -15px 35px; }
  .use-section .lead + .img img { width: 100%; }
  .use-section .lead + .img + p { margin: 40px 10px 40px; }
  .use-section .lead + .img .btns { position: absolute; left: 0; top:0; width: 100%; height: 100%; }
  .use-section .lead + .img .btns .btn { position: absolute; left: 0; top: 0;  }
  .use-section .lead + .img .btns .use-btn01 { left: calc(283.3 / 375 * 100%); top: calc(149 / 550 * 100%); width: calc(79.68 / 375 * 100%); z-index: 2; }
  .use-section .lead + .img .btns .use-btn02 { left: calc(219.8 / 375 * 100%); top: calc(59 / 550 * 100%); width: calc(140.18 / 375 * 100%); }
  .use-section .lead + .img .btns .use-btn03 { left: calc(236 / 375 * 100%); top: calc(397 / 550 * 100%); width: calc(122 / 375 * 100%); }
  .use-section .lead + .img .btns .use-btn04 { left: calc(162 / 375 * 100%); top: calc(288 / 550 * 100%); width: calc(129 / 375 * 100%); }
  .use-section .lead + .img .btns .use-btn05 { left: calc(43.4 / 375 * 100%); top: calc(246 / 550 * 100%); width: calc(115 / 375 * 100%); z-index: 2; }
  .use-section .lead + .img .btns .use-btn06 { left: calc(20 / 375 * 100%); top: calc(49 / 550 * 100%); width: calc(170 / 375 * 100%); }
  .use-section .lead + .img .btns .use-btn07 { left: calc(129 / 375 * 100%); top: calc(439 / 550 * 100%); width: calc(75.92 / 375 * 100%); }
  .use-section .lead + .img .btns .use-btn08 { left: calc(120.3 / 375 * 100%); top: calc(170 / 550 * 100%); width: calc(115.69 / 375 * 100%); }
  .use-section .lead + .img .btns .use-btn09 { left: calc(11 / 375 * 100%); top: calc(402 / 550 * 100%); width: calc(96 / 375 * 100%); }
  
  .use-section .gallery { }
  .use-section .group { }
  .use-section .group h4 { font-size: 15px; font-weight: 700; line-height: calc(22 / 15); margin-bottom: 10px; }
  .use-section .group p { line-height: calc(26 / 16); }

  /* gallery */
  .gallery { width: 100%; margin-bottom: 20px; }
  .main-swiper { width: 100%; margin-bottom: 12px; position: relative; }
  .main-swiper img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 16 / 9; }
  .thumbnail-swiper { width: 100%; }
  .thumbnail-slide { width: calc(101 / 650 * 100%); aspect-ratio: 16 / 9; opacity: 0.7; cursor: pointer; flex-shrink: 0; margin-right: calc(8.8 / 650 * 100%); }
  .thumbnail-slide img { width: 100%; height: 100%; object-fit: cover; }
  .thumbnail-slide.swiper-slide-thumb-active { opacity: 1; border: 1px solid #009CB7; box-sizing: border-box; }
  .thumbnail-slide.swiper-slide-thumb-active:after { content: ""; display: block; background: #009CB7; opacity: 0.4; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
  .main-swiper .swiper-button-prev,
  .main-swiper .swiper-button-next { position: absolute; top: calc(50% + 10px); width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; z-index: 10; }
  .main-swiper .swiper-button-prev svg,
  .main-swiper .swiper-button-next svg { display: none; }
  .main-swiper .swiper-button-prev { left: 15px; background: url("../img/slide_prev.png") no-repeat; background-size: cover; }
  .main-swiper .swiper-button-next { right: 15px; background: url("../img/slide_next.png") no-repeat; background-size: cover; }
  .main-swiper .swiper-button-prev:after,
  .main-swiper .swiper-button-next:after { display: none; content: ""; }

  /* faq */
  .faq-section > .inner { position: relative; padding: 40px 0 40px; }
  .faq-section > .inner:before { content: ""; display: block; background: #fff; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1; }
  .faq-list { margin:0 auto; }
  .faq-list .item { padding:0; border: 1px solid #9FA0A0; border-radius: 10px; margin-bottom: 30px; transition:opacity 0.3s ease-in-out; }
  .faq-list .item:hover { border-color: #019BB7; }
  .faq-list .question { position:relative; font-size:14px; font-weight: 500; line-height:calc(24 / 14); margin:-2px; padding:13px 40px 15px 52px; }
  .faq-list .question:after { content:""; display:block; width: 13px; height: 13px; background:url(../img/ico_plus.png) no-repeat; background-size:cover; position:absolute; right:20px; top:50%; transform:translateY(-50%); }
  .faq-list .is_open { border-color: #019BB7; }
  .faq-list .is_open .question { font-weight:500; }
  .faq-list .is_open .question:after { content:""; display:block; width: 13px; height: 13px; background:url(../img/ico_minus.png) no-repeat; background-size:cover; position:absolute; right:20px; top:50%; transform:translateY(-50%); }
  .faq-list .question:before { content:"Q."; display:block; position:absolute; left:20px; top:17px; font-size:18px; font-weight:700; line-height: calc(30 / 28); font-family:'Roboto'; color:#009CB7; }
  .faq-list .answer { font-size:14px; height:0px; overflow:hidden; line-height:calc(24 / 14); position:relative; padding:0px 20px 0px 50px; transform:translateZ(0); transition:0.3s ease-in-out; box-sizing:content-box; }
  .faq-list .answer p { margin-bottom:1.5em; }
  .faq-list .answer:after { content:"A."; display:block; position:absolute; left:20px; top:5px; font-size:18px; font-weight:700; line-height: calc(30 / 28); font-family:'Roboto'; color:#1B67B2; transition:0.3s ease-in-out; }
  .faq-list .answer.is_open { padding:0px 20px 20px 50px; }
  .faq-list .answer.is_open:after { top:5px; }
  .faq-list .answer.is_open_fixed { height:auto; }

  .contact-section { background:url("../img/contact_bg.jpg") no-repeat center center; background-size: cover; height: 180px; }
  .contact-section .inner { max-width: 375px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
  .contact-section .title { font-size: 13px; font-weight: 400; line-height: calc(20 / 13); }

  
  body.error .content-wrapper { background: #fff; }
  .section.error h1 { width: 250px; margin: 0 auto 40px; padding-top: 150px; }
  .section.error h2 { font-size: 18px; font-weight: 500; margin-bottom: 40px; text-align: center; line-height: 1.6;}
  .section.error p { margin-bottom: 45px; }
  .section.error .btn01 { text-align: center; padding-bottom: 50px; margin-bottom: 0; }
  .section.error .btn01 a {  width: 240px; line-height: 50px; font-size: 14px; }
  .section.error .btn01 > * > span:before { right: 20px; }
  .section.error .btn01 > * > span:after { right: 25px; }
  
  /* animation */
  .standby { transform: translateY(30px); opacity:0; }
  .is-animated { transition-delay:0.50s!important; transform: translateY(0px); opacity:1; transition-duration: .5s!important; transition-property:transform,opacity!important; }
  .is-completed { transition-delay:0s!important; transition-duration:0s!important; }

  
  


  /*
   * header & footer
   */
  body { overflow: hidden; }
  #header .pc { display:none!important; }
  #header .sp { display:block!important; }
  #header img.sp { display:inline-block!important; }
  #header { position:fixed; left:0; top:0; width:100%; height:80px; z-index:1000; background:#fff; box-shadow: 0 3px 15px rgba(0,0,0,0.13); transition:0.3s ease-in-out; }
  #header ul li { list-style-type:none; }
  #header-inner { }
  #header .logo { width:204px; display:block; margin:0 auto; position:absolute; left:15px; top:17px; }
  #header .logo img { opacity:1; position:absolute; left:0; top:0; transition:opacity 0.3s ease-in-out; }
  #header .movinghouse-logo { width: 102px; position: absolute; left: 15px; top: 52px; }
  
  #header .header-gnav { position:absolute; width:100%; top:0px; /* opacity:0; */ height:100vh; pointer-events:none; transition:opacity 0.2s ease-in-out; }
  #header .header-gnav.isopen { opacity:1; height:100vh; padding:0 0 90px;  /* opacity:1; */ pointer-events:auto; overflow-y:scroll; }
  #sp-menu { position:absolute; z-index: 2; right:15px; top:50%; transform: translateY(-50%); background: linear-gradient(360deg,rgba(17, 80, 138, 1) 0%, rgba(0, 171, 174, 1) 100%); border-radius: 50px; width: 42px; height: 42px; transition:0.3s ease-in-out; cursor: pointer;}
  #sp-menu:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50px; background: linear-gradient(314deg,rgba(17, 80, 138, 1) 0%, rgba(0, 171, 174, 1) 59%);  opacity: 0; transition:0.3s ease-in-out; }
  #sp-menu .btn { width: 42px; height: 42px; text-align: center; display: flex; justify-content: center; align-items: center; }
  #sp-menu .btn i { height:1px; background:#fff; display:block; position:absolute; left:0; top:0; transform-origin: 50% 0%; transition:0.3s ease-in-out; }
  #sp-menu .btn i:nth-child(1) { width:13px; top:14px; left:15px; }
  #sp-menu .btn i:nth-child(2) { width:13px; top:20.5px; left:15px; }
  #sp-menu .btn i:nth-child(3) { width:13px; top:27px; left:15px; }
  #sp-menu.isopen { }
  #sp-menu.isopen:after { display: none; }
  #sp-menu.isopen .btn { top:20px; }
  #sp-menu.isopen .btn span { opacity: 0; }
  #sp-menu.isopen .btn i { opacity: 1; }
  #sp-menu.isopen .btn i:nth-child(1) { width:13px; top:20px; left:15px; transform:rotate(45deg); }
  #sp-menu.isopen .btn i:nth-child(2) { width:13px; top:20px; left:15px; transform: rotate(-45deg); }
  #sp-menu.isopen .btn i:nth-child(3) { opacity: 0; }
  
  #header .header-gnav { /* display:none; */ position:fixed; z-index:3; width:100%; top:80px; padding-top:0px; height:calc(0px); overflow: auto; -webkit-overflow-scrolling: touch; transition:height 0.5s ease-in-out; background:#029AB7; }
  #header .header-gnav.isopen { height:calc(100vh - 80px); /* display:block; */ }
  #header .header-gnav ul { margin-bottom: 0; }
  #header .header-gnav > .inner > ul { margin-bottom:0; }
  #header .header-gnav > .inner > ul { padding-bottom:0px; }
  #header .header-gnav > .inner > ul > li { margin:0 30px; padding:0; }
  #header .header-gnav > .inner > ul > li > a { font-size:14px; font-weight:400; color:#fff; position:relative; line-height:1.4; display:block; /* background:#fff; */ border-bottom:1px solid rgba(255,255,255,0.13); padding:18px 40px 18px 0px; }
  #header .header-gnav > .inner > ul > li > a:hover { text-decoration:none; }

  #header .header-gnav > .close { color:#fff; font-size:13px; text-align:center; margin-top:80px; }
  #header .header-gnav > .close a { cursor:pointer; }
  #header .header-gnav > .close a:hover { text-decoration:none; }
  #header .header-gnav > .close a:before{ content:""; display:inline-block; width: 10px; height: 10px; background:url(../img/common/ico_close.svg) no-repeat; background-size:10px 10px; margin-right:10px; }

  #footer { position:relative; z-index:1; font-size:11px; }
  #footer-inner { position:relative; max-width:375px; margin:0 auto; padding-top:30px; }
  #footer-inner a { }
  #footer .page-top { opacity:0; pointer-events:none; position:fixed; right:15px; bottom:15px; z-index:999; transition:0.3s ease-in-out; }
  #footer .page-top.visible { opacity:1; pointer-events:auto; }
  #footer .page-top a { background:url(../img/pagetop.png) no-repeat; background-size:cover; width:38px; height:38px; display:block; transition:0.3s ease-in-out; }
  #footer .footer-gnav { display:none; }
  
  #footer .footer-banner { display: block; margin: 0 auto; width: 232px; height: 70px; transition:0.3s ease-in-out; }
  #footer .footer-banner:hover { opacity: 0.7; }

  #footer .utils { margin-bottom:30px; }
  #footer .utils ul { margin: 0; padding: 0; text-align: center;}
  #footer .utils li { display:inline; font-size:10px; margin:0 0 0 0; padding:0; line-height: calc(20 / 10); }
  #footer .utils li:after { content: "｜"; margin: 0 10px; }
  #footer .utils li:last-child:after { display: none; }
  #footer .utils li a { transition:0.3s ease-in-out; }
  #footer .utils li a:hover { color:#019BB7; text-decoration:none; }

  #footer .logo-area { position:relative; margin-top: 10px; padding: 30px 0 30px; background: linear-gradient(-2deg, rgba(17, 80, 138, 1) -20%, rgba(0, 171, 174, 1) 107%); }
  #footer .logo-area > .inner { margin:0 auto; position:relative; }
  #footer .logo { display: block; margin: 0 auto 20px; width:200px; }
  #footer .logo-group  { display: block; margin: 0 auto 20px; width:94px; }
  #footer .copyright { text-align:center; color:#fff; font-size:10px; margin-top:15px; }
  
  .contact-section .inner { justify-content: center; flex-wrap: wrap; flex-direction: column; }
  .contact-section .inner > .title { text-align: center; margin-bottom: 25px; }

}