@charset "utf-8";


@media screen and (min-width: 751px),print {
/* 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; overflow-x: hidden; font-size:18px; padding-top:0; margin-top:0!important; background:#F2FAFC; }
  body { /* min-height:100%; */  font-size: 100%; color: #000; word-wrap: break-word; /* overflow:hidden; */ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none /* for ipad */; }
  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:16px; color:#000; }
  ::placeholder { font-family: 'Noto Sans JP', sans-serif; font-size:16px;  color:#CDCCCC; }
  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; */ }
  div { font-size:16px; letter-spacing:0.02em; }
  table { word-break: break-word; }
  img { max-width: 100%; vertical-align: bottom; border: none; }
  li { list-style-type: none; }
  ol { margin-bottom:2.0em; }
  ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.2em; line-height:1.8; }
  ul { margin-bottom:2.0em; }
  ul li {  margin-left:20px; padding-left:0px; list-style-type:disc; margin-bottom:0.5em; line-height:1.8; }
  dt { font-weight:bold; line-height:1.6; margin-bottom:0.5em; }
  dd { margin-bottom:1.5em; line-height:1.6; }
  p { margin-bottom: 2.5em; line-height:1.8; }
  p:last-child { margin-bottom:0; }
  p > a { color:#1B67B2; text-decoration:none; transition:0.3s ease-in-out; }
  p > a:hover { color:#009CB7; text-decoration:none; }
  a { color: inherit; text-decoration: none; }
  a:hover { text-decoration: underline; }
  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; }
  .sp { display: none!important; }
  .center { text-align:center; }
  .pc-center { text-align:center; }
  .right { text-align:right; } 
  .pc-right { text-align:right; } 
  .img-left { float:left; margin-right:50px; margin-bottom:50px; width:41.66666666666667%; }
  .img-right { float:right; margin-left:50px; margin-bottom:50px; width:41.66666666666667%; }
  strong { /* color:#C00; */ }
  em { /* color:#960; */ font-weight:bold; font-style:normal; }
  * { box-sizing:border-box; }
  .nowrap { white-space:nowrap; display:inline-block; }
  .red { color:#ff0000; }
  .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:100px; height:60px; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; }
  #loader span { position:absolute; width:100px; height:60px; left:0; bottom:0;  overflow:hidden; display:block; }
  #loader span:nth-child(2) { height:0%; }
  #loader span:nth-child(1) img { width:100px; height:60px; }
  #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:0; position: relative; z-index: 0; }
  .content-wrapper { margin:0 auto; padding:0 0; position:relative; box-sizing: content-box; }
  .content-inner { display: flex; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: content-box;}
  .main-content { flex: 1; }
  


  /* 汎用 */
  .section { pointer-events:none; }
  .section * { pointer-events:auto; }
  .section:last-child { margin-bottom:0; }
  .section > .inner { max-width:1200px; }
  .block { margin-bottom:100px; position: relative; }


  .title01 { position:relative; margin-top:0px; margin-bottom:120px; font-size:34px; font-weight:700; line-height:calc(50 / 34); text-align:center; }
  .title01:first-child { margin-top:0; }
  .title01:after {	content: ""; display: block; width:50px;	height: 6px; background: linear-gradient(135deg, rgba(0, 173, 178, 1) 40%, rgba(0, 82, 141, 1) 60%); position: absolute; left:50%; bottom: -36px; transform:translateX(-50%); }
  .title02 { position:relative; margin-top:0px; margin-bottom:60px; color: #00528D; font-size:28px; font-weight:700; line-height:calc(41 / 28); 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: 50%; transform:translateY(-50%); }
  .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: 50%; transform:translateY(-50%); }
  .title02 + h4 { font-size: 14px; font-weight: 400; text-align: center; margin-top: -30px; margin-bottom: -35px; }
  .title03 { margin-top: 100px; margin-bottom:40px; font-size:20px; font-weight:700; line-height:calc(29 / 20); background: #fff; border-radius: 5px; padding: 15px 15px 15px 45px; position: relative;}
  .title03:before {	content: ""; display: block; width:5px;	height: 35px; border-radius: 10px; background: linear-gradient(180deg, rgba(0, 173, 178, 1) 0%, rgba(0, 82, 141, 1) 100%); position: absolute; left: 15px; top:50%; transform:translateY(-50%); }
 
  
  .btn01 { }
  .btn01 > * { position:relative; display:inline-block; width:400px; line-height:80px; text-align:center; color:#fff; font-size:20px; 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 { width:100%; line-height:calc(26 / 16); }
  .table01 table th { border-bottom:1px solid #CCC; font-weight:400; padding:18px 0 18px 15px; text-align:center; width:135px; }
  .table01 table td { border-bottom:1px solid #CCC; padding:18px 0 18px 15px; text-align:left;  }


  .main-visual { position:relative; margin: 80px 0 80px; overflow: hidden; height: calc(100vh - 80px); max-height: 770px; min-height: 650px; }
  .main-visual .title { max-width: 1200px; width: 100%; height: 100%; position: absolute; left: 50%; top: calc(115 / 770 * 100%); 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(810 / 1200 * 100%); left: calc(196 / 1200 * 100%); margin-bottom: 32px; }
  .main-visual .title > *:nth-child(2) { position: absolute; width: calc(173 / 1200 * 100%); left: calc(256 / 1200 * 100%); transform: translateY(10px); }
  .main-visual .title > *:nth-child(3) { position: relative; width: calc(473 / 1200 * 100%); left: calc(470 / 1200 * 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-pc > *:nth-child(1),
  .main-visual .title.is-light-ver-pc > *: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-sp { display: none; }
  .main-visual .vegas-pc { 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: 125px; }
  .intro-section > .inner { position: relative; padding: 80px 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: 34px; font-weight: 500; line-height: calc(50 / 34); text-align: center; margin-bottom: 50px; }
  .intro-section .group { width: calc(600 / 1200 * 100%); transform:translateY(30px); opacity:0; transition:all 0.5s ease-in-out 0s; }
  .intro-section .sub-title { font-size: 30px; font-weight: 700; color: #00528D; line-height: calc(45 / 30); margin-bottom: 42px; }
  .intro-section .img { position:absolute; left:calc(640 / 1200 * 100%); top:85px; width:920px; height:485px; background:url(../img/intro_pho01.jpg) no-repeat left center; background-size:cover; transform:translateX(60px); opacity:0; transition:all 0.5s ease-in-out 0.3s; }
  .intro-section .img img { display:none; }
  .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: 70px; }
  .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: 75px; text-align: center; }

  .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: 100px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .feature-items > .item .group { margin-left: 42px; width: calc(558 / 1198 * 100%); }
  .feature-items > .item .num { width: 70px; height: 70px; 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: 26px; font-weight: 700; line-height: calc(38 / 28); margin-top: 22px; margin-bottom: 35px; margin-left: 95px; }
  .feature-items > .item p { margin-bottom: 30px; line-height: calc(26 / 16); }
  .feature-items > .item p .note { font-size: 12px; }
  .feature-items > .item > .img { width: calc(550 / 1198 * 100%); }
  .feature-items .img-items { display: flex; justify-content: space-between; margin: 30px auto 40px; max-width: 1120px; width: 100%; }
  .feature-items .img-items > .item { width: calc(260 / 1120 * 100%); }
  .feature-items .img-items > .item .caption { font-size: 14px; line-height: calc(26 / 14); margin-top: 12px; text-align: center;}

  .tour-block { padding-top: 90px; 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 { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: calc(100vw - 40px); }
  .tour-items .item { width: calc(550 / 1200 * 100%); margin-bottom: 50px; }
  .tour-items .item .title { text-align: center; line-height: calc(24 / 16); margin-bottom: 20px; }
  .tour-items .item .view { border: 1px solid #029AB7; }
  .tour-items .item .view iframe { aspect-ratio:4/3; }

  .temporary-block .intro { margin: 110px 0; }
  .temporary-block .intro h4 { font-size: 26px; font-weight: 700; line-height: calc(38 / 26); margin-bottom: 38px; }
  .temporary-block .intro .group { width: calc(600 / 1200 * 100%); transform:translateY(30px); opacity:0; transition:all 0.5s ease-in-out 0s; }
  .temporary-block .intro .img { width: calc(540 / 1200 * 100%); transform:translateY(-30px); opacity:0; transition:all 0.5s ease-in-out 0.3s; }
  .temporary-block .intro .img .caption { font-size: 14px; line-height: calc(26 / 14); text-align: center; margin-top: 15px;}
  .temporary-block .history-title { font-size: 18px; font-weight: 500; line-height: calc(26/ 18); padding-bottom: 20px; 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 { align-items: flex-start; }
  .temporary-block .history .group { width: calc(560 / 1200 * 100%); transform:translateY(30px); opacity:0; transition:all 0.5s ease-in-out 0s; }
  .temporary-block .history .img-items { width: calc(540 / 1200 * 100%); margin: 80px 0 0; transform:translateY(-30px); opacity:0; transition:all 0.5s ease-in-out 0.3s; }
  .temporary-block .history .img-items .item { width: calc(260 / 540 * 100%); margin-bottom: 35px; }
  .temporary-block .history .img-items .item .caption { font-size: 14px; line-height: calc(26 / 14); text-align: center; margin-top: 5px;}
  .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: 120px; }
  .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: 26px; font-weight: 500; line-height: calc(38 / 26); text-align: center; margin-bottom: 65px; }
  .use-section .lead + .img { position: relative; }
  .use-section .lead + .img:before { content: ""; display: block; background: url("../img/use_img01_bg.png") repeat center center; background-size: auto 100%; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; opacity: 0.15; }
  .use-section .lead + .img + p { max-width: 920px; margin: 55px auto 100px; }
  .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(299.3 / 1200 * 100%); top: calc(339 / 550 * 100%); width: calc(124.68 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn02 { left: calc(319.8 / 1200 * 100%); top: calc(88 / 550 * 100%); width: calc(207.18 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn03 { left: calc(606 / 1200 * 100%); top: calc(329 / 550 * 100%); width: calc(172 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn04 { left: calc(982 / 1200 * 100%); top: calc(88 / 550 * 100%); width: calc(177 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn05 { left: calc(84.4 / 1200 * 100%); top: calc(350 / 550 * 100%); width: calc(188 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn06 { left: calc(3 / 1200 * 100%); top: calc(59 / 550 * 100%); width: calc(266 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn07 { left: calc(838 / 1200 * 100%); top: calc(184 / 550 * 100%); width: calc(110.92 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn08 { left: calc(690.3 / 1200 * 100%); top: calc(50 / 550 * 100%); width: calc(174.69 / 1200 * 100%); }
  .use-section .lead + .img .btns .use-btn09 { left: calc(982 / 1200 * 100%); top: calc(202 / 550 * 100%); width: calc(146 / 1200 * 100%); }
  .use-section .lead + .img .btns .btn:after { content: ""; display: block; position: absolute; left: 0; top: 0; background: no-repeat; background-size: 100% auto; width: 100%; height: 100%; opacity: 0; transition: 0.3s ease-in-out; }
  .use-section .lead + .img .btns .use-btn01:after { background-image: url("../img/use_btn01_on.png");  }
  .use-section .lead + .img .btns .use-btn02:after { background-image: url("../img/use_btn02_on.png");  }
  .use-section .lead + .img .btns .use-btn03:after { background-image: url("../img/use_btn03_on.png");  }
  .use-section .lead + .img .btns .use-btn04:after { background-image: url("../img/use_btn04_on.png");  }
  .use-section .lead + .img .btns .use-btn05:after { background-image: url("../img/use_btn05_on.png");  }
  .use-section .lead + .img .btns .use-btn06:after { background-image: url("../img/use_btn06_on.png");  }
  .use-section .lead + .img .btns .use-btn07:after { background-image: url("../img/use_btn07_on.png");  }
  .use-section .lead + .img .btns .use-btn08:after { background-image: url("../img/use_btn08_on.png");  }
  .use-section .lead + .img .btns .use-btn09:after { background-image: url("../img/use_btn09_on.png");  }
  .use-section .lead + .img .btns .btn:hover:after { opacity: 1; }
  
  .use-section .gallery { width: calc(650 / 1200 * 100%); }
  .use-section .group { width: calc(480 / 1200 * 100%); }
  .use-section .group h4 { font-size: 18px; font-weight: 700; line-height: calc(27 / 18); margin-bottom: 22px; }
  .use-section .group p { line-height: calc(26 / 16); }

  /* gallery */
  .gallery { width: 100%; max-width: 650px; 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 { border: 1px solid #fff; transition:border 0.3s ease-in-out; }
  .thumbnail-slide.swiper-slide:after { opacity: 0; content: ""; display: block; background: #009CB7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: opacity 0.3s ease-in-out; }
  .thumbnail-slide.swiper-slide:hover { opacity: 1; border: 1px solid #009CB7; box-sizing: border-box; }
  .thumbnail-slide.swiper-slide:hover:after { opacity: 0.4; }
  .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: 50%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; z-index: 10; transition: 0.3s ease-in-out; }
  .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:hover { background-image: url("../img/slide_prev_on.png") ; }
  .main-swiper .swiper-button-next:hover { background-image: url("../img/slide_next_on.png") ; }
  .main-swiper .swiper-button-prev:after,
  .main-swiper .swiper-button-next:after { display: none; content: ""; }

  /* faq */
  .faq-section > .inner { position: relative; padding: 80px 0 120px; }
  .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:0.3s ease-in-out; }
  .faq-list .question { position:relative; font-size:18px; font-weight: 500; line-height:calc(30 / 18); margin:-2px; padding:15px 100px 15px 80px; transition:0.3s ease-in-out; }
  .faq-list .question:after { content:""; display:block; width: 18px; height: 18px; background:url(../img/ico_plus.png) no-repeat; background-size:cover; position:absolute; right:35px; 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: 18px; height: 18px; background:url(../img/ico_minus.png) no-repeat; background-size:cover; position:absolute; right:35px; top:50%; transform:translateY(-50%); }
  .faq-list .question:before { content:"Q."; display:block; position:absolute; left:26px; top:15px; font-size:28px; font-weight:700; line-height: calc(30 / 28); font-family:'Roboto'; color:#009CB7; }
  .faq-list .answer { font-size:16px; height:0px; overflow:hidden; line-height:calc(30 / 16); position:relative; padding:0px 20px 0px 130px; 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:75px; top:0px; font-size:28px; 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:20px 20px 35px 130px; }
  .faq-list .answer.is_open:after { top:20px; }
  .faq-list .answer.is_open_fixed { height:auto; }
  .faq-list .item:hover { border-color: #019BB7; background: #F0FAF9; }
  .faq-list .item:hover .question { color: #019BB7; }

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

  body.error .content-wrapper { background: #fff; }
  .section.error h1 { width: 418px; margin: 0 auto 75px; padding-top: 205px; }
  .section.error h2 { font-size: 26px; font-weight: 500; margin-bottom: 70px; text-align: center;}
  .section.error p { margin-bottom: 90px; text-align: center; }
  .section.error .btn01 { text-align: center; padding-bottom: 100px; margin-bottom: 0; }
  .section.error .btn01 a {  width: 240px; line-height: 60px; font-size: 15px; }
  .section.error .btn01 > * > span:before { right: 20px; }
  .section.error .btn01 > * > span:after { right: 25px; }
  .section.error .btn01 > *:hover span:after { animation: move-arrow2 0.5s linear ;}
  
  
  /* 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; }


}


@media screen and (min-width: 1240.999px) {
	
  /*
   * header & footer
   */
  #header { position:fixed; top:0; height:80px; width:100%; z-index:1000; background:rgba(255,255,255,0.9);  transition:0.3s ease-in-out; }
  #header-inner { margin:0 auto; padding:0 0; position:relative; z-index:10; box-sizing:content-box; width: 100%; height: 100%; }
  #header .logo { width:292px; display:block; margin:0 auto; position:absolute; left:80px; top:24px; }
  #header .logo img { opacity:1; position:absolute; left:0; top:0; transition:opacity 0.3s ease-in-out; }
  #header .logo:hover { text-decoration:none; }
  #header .movinghouse-logo {  width: 164px; position: absolute; left: 400px; top: 46px; transform: translateY(-50%); }
  #header .header-gnav { position:absolute; right:80px; top:0px;}
  #header .header-gnav > .inner > ul { display:flex; }
  #header .header-gnav > .inner > ul > li { position:relative; list-style-type:none; margin-left:10px; margin-bottom:0; vertical-align:bottom; padding-right: 34px; }
  #header .header-gnav > .inner > ul > li:after { content: ""; display: block; background: url("../img/gnav_line.svg") no-repeat; background-size: cover; width: 21px; height: 22px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
  #header .header-gnav > .inner > ul > li:nth-child(3):after { display: none; }
  #header .header-gnav > .inner > ul > li > a { color:#000; display:inline-block; line-height:80px; font-size:15px; font-weight:500; position:relative; white-space:nowrap; transition:opacity,color 0.3s ease-in-out; }
  #header .header-gnav > .inner > ul > li > a:after { content:""; display:block; width:0px; height:0px; border-radius: 50px; background: #019BB7; position:absolute; left:50%; top:calc(50% - 20px); transform: translate(-50%,-50%); transition:0.3s ease-in-out; }
  #header .header-gnav > .inner > ul > li:hover > a { color:#0299B7; text-decoration:none; }
  #header .header-gnav > .inner > ul > li:hover > a:after { width: 8px; height: 8px; }
  #header .header-gnav > .inner > ul > li.btn.contact { padding-right: 0; }
  #header .header-gnav > .inner > ul > li.btn.contact:after { display: none; }
  #header .header-gnav > .inner > ul > li.btn.contact > a { display:block; font-size:15px; font-weight:500; background: linear-gradient(135deg, rgba(0, 173, 178, 1) 0%, rgba(0, 82, 141, 1) 100%); color:#fff; text-align:center; line-height:40px; width:140px; border-radius:50px; transition:0.3s ease-in-out; top:20px; }
  #header .header-gnav > .inner > ul > li.btn.contact > a:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(135deg, rgba(0,173,178,1) 30%, rgba(0,82,141,1) 90%); border-radius:50px; opacity:0; transition:0.3s ease-in-out; }
  #header .header-gnav > .inner > ul > li.btn.contact > a:after { display:none; }
  #header .header-gnav > .inner > ul > li.btn.contact > a span { display:block; position:relative; }

  #header .header-gnav > .inner > ul > li.btn.contact > a:hover { text-decoration:none; }
  #header .header-gnav > .inner > ul > li.btn.contact > a:hover:before { opacity:1; }
  #header .header-gnav > .inner > ul > li.btn.contact > a:hover span:before { opacity:1; }
  #header .header-gnav > .inner > ul > li.btn.contact > a:hover span:after { animation: move-contact-arrow 0.5s linear ;}

  #sp-menu { display:none; }
  


  #footer { position:relative; z-index:1; font-size:11px; }
  #footer-inner { position:relative; max-width:1200px; margin:0 auto; padding-top:0px; }
  #footer-inner a { }
  #footer .page-top { opacity:0; pointer-events:none; position:fixed; right:55px; bottom:40px; 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:57px; height:57px; display:block; transition:0.3s ease-in-out; }
  #footer .page-top a:hover { opacity: 0.7; }
  #footer .footer-gnav { margin: 85px 0 35px; }
  #footer .footer-gnav ul { display:flex; gap:30px; justify-content: flex-start; margin: 0; padding: 0; }
  #footer .footer-gnav ul li { list-style-type: none; margin: 0; padding: 0; }
  #footer .footer-gnav ul li a { transition: 0.3s ease-in-out; }
  #footer .footer-gnav ul li a:hover { text-decoration: none; color: #019BB7; }
  #footer .utils { margin-bottom:20px; }
  #footer .utils ul { margin: 0; padding: 0; }
  #footer .utils li { display:inline; font-size:12px; margin:0 0 0 0; padding:0; }
  #footer .utils li:after { content: "｜"; margin: 0 15px; }
  #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; padding: 45px 0 30px; background: linear-gradient(-2deg, rgba(17, 80, 138, 1) -20%, rgba(0, 171, 174, 1) 107%);
 }
  #footer .logo-area > .inner { max-width:1200px; margin:0 auto; position:relative; }
  #footer .logo { position:absolute; left:0; top:0; width:330px; }
  #footer .logo-group  { position:relative; text-align: right; }
  #footer .logo-group a { width:133.84px; display:inline-block; }
  #footer .copyright { text-align:right; color:#fff; font-size:10px; line-height:10px; margin-top:30px; }


  
}


@media screen and (min-width: 1240.999px) and (max-width: 1500px) {
  #header .logo { left:30px;  }
  #header .movinghouse-logo { left: 350px; }
  #header .header-gnav { right:30px;}
  #header .header-gnav > .inner > ul > li { padding-right: 20px; margin-right: 3px; margin-left: 5px; }
  #header .header-gnav > .inner > ul > li:after { content: ""; display: block; background: url("../img/gnav_line.svg") no-repeat; background-size: cover; width: 15px; height: 15px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
  #header .header-gnav > .inner > ul > li > a { font-size:13px;  }

}





@media screen and (min-width: 751px) and (max-width: 1239.999px) {
  /*
   * 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; background:#fff; border-top:1px solid #CCC; }
  #footer-inner { position:relative; max-width:1200px; margin:0 auto; padding-top:30px; }
  #footer-inner a { }
  #footer .page-top { opacity:0; pointer-events:none; position:fixed; right:55px; bottom:40px; 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:57px; height:57px; display:block; transition:0.3s ease-in-out; }
  #footer .page-top a:hover { opacity: 0.7; }
  #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; }


}



@media print {

  body {
      width: 1400px !important;
      zoom: .8;
  }

  #header-inner > *,
  .breadcrumb,
  #footer-inner,
  .lnav,
  .archive-menu,
  .pager,
  *[class^=btn],
  body.recruit .entry { display:none; }
  #header .logo { display:block; width:280px; margin-bottom:0px; }
  body.home #header { margin-bottom:80px!important; }
  body .page-title { margin-bottom:50px!important; }
  .copyright { text-align:center; margin-top:100px; }
  .contents { padding-left:0; }
  .content-wrapper { padding:0; }
  .anime-group,
  .anime-group * { transform: translateY(0px)!important; opacity: 1!important; }

}


/* IE10以上 */
@media print and (-ms-high-contrast: none) {
        /* @pageの指定いらないかも */
    @page {
        size: A4;
        margin: 12.7mm 9.7mm;
    }

    body {
				width: 1400px !important;
				zoom: .8;
        transform: scale(0.5);
        transform-origin: 0 0;
    }
}




@keyframes move-arrow {
  0% { right: 35px; opacity: 1;}
  30% { right: 25px ;opacity: 0;}
  60% { right: 45px ; opacity: 0;}
  100% { right: 35px; opacity: 1;}
}


@keyframes move-arrow2 {
  0% { right: 25px; opacity: 1;}
  30% { right: 15px ;opacity: 0;}
  60% { right: 35px ; opacity: 0;}
  100% { right: 25px; opacity: 1;}
}