@charset "UTF-8";
/****************************************
Setting
*****************************************/
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-style: normal;
  font-family: inherit;
  vertical-align: baseline; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  _text-align: left;
  /* IE6センタリング */ }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  box-sizing: content-box; }

* {
  letter-spacing: 0; }

/* IE7 */
ul {
  list-style: none; }

body {
  font-size: 16px;
  line-height: 1.8em;
  color: #333;
  position: relative;
  /* IE7拡大用 */
  _text-align: center;
  /* IE6センタリング */ }

/* font-style */
strong {
  font-weight: bold;
  /* font-style */ }

em {
  font-weight: bold;
  /* font-style */ }

.itaric {
  font-style: italic; }

.small {
  font-size: 80%; }

.big {
  font-size: 140%;
  font-weight: bold; }

.clear {
  clear: both; }

.hidden {
  display: none; }

.no-align, .no-alignment, .no-wrap, .wrapping {
  overflow: hidden; }

:focus {
  -moz-outline-style: none; }

/* Links */
a, a:visited {
  color: #0088cc;
  text-decoration: none; }

a:hover, a:active {
  text-decoration: underline; }

a:active, a:focus {
  outline: 0 none; }

/****************************************
img png_gif
*****************************************/
img {
  behavior: url(iepngfix.htc); }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

/****************************************
font-style
*****************************************/
html body {
  font-family: "Helvetica Neue", "Helvetica", 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 16px;
  -webkit-text-size-adjust: 100%; }

p {
  /* font-size: 16px; */
  -webkit-text-size-adjust: 100%; }

/*　Safari・Chrome用指定　*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  html body {
    font-family: "Helvetica Neue", "Helvetica", 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", Meiryo, sans-serif;
    font-weight: 300;
    font-size: 16px;
    -webkit-text-size-adjust: 100%; } }
.number {
  font-size: 1.3em; }

span.pre {
  white-space: pre;
  white-space: -moz-pre-wrap;
  font-weight: inherit; }

html body .ft_notoserif {
  font-family: 'Noto Serif JP', "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" ,  "メイリオ" , Meiryo , "ＭＳ Ｐ明朝" , "MS PMincho", serif; }
html body .ft_robot {
  font-family: "Roboto" , 'Helvetica Neue' , Helvetica , Arial , Verdana , 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, "游ゴシック体",  'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Meiryo UI' , "メイリオ" , Meiryo ,sans-serif;
  font-weight: 300; }
html body .ft_noto {
  font-family: "Helvetica Neue", "Helvetica", 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", Meiryo, sans-serif; }

/**************************
loading
**************************/
/*
.home #header {
	display: none;
}
.home #wrap {
	display: none;
}
*/
#loader-bg {
  width: 100vw;
  height: 100vh;
  /* transition: all 1s; */
  background: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9998;
  opacity: 1;
  visibility: visible; }

#loader {
  position: fixed;
  /* transition: all 1s; */
  top: 50%;
  left: 50%;
  width: 180px;
  height: 60px;
  margin-top: -30px;
  margin-left: -90px;
  z-index: 9999;
  opacity: 1;
  visibility: hidden; }
  @media screen and (min-width: 992px) {
    #loader {
      width: 310px;
      height: 60px;
      margin-top: -30px;
      margin-left: -155px; } }

#loading {
  position: fixed;
  /* transition: all 1s; */
  top: 50%;
  left: 50%;
  width: 180px;
  height: 60px;
  margin-top: -45px;
  margin-left: -90px;
  z-index: 9999;
  opacity: 1;
  /* visibility: hidden; */ }
  @media screen and (min-width: 992px) {
    #loading {
      width: 310px;
      height: 60px;
      margin-top: -30px;
      margin-left: -155px; } }

.loading-img-sp {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  width: 180px;
  height: 60px; }
  @media screen and (min-width: 992px) {
    .loading-img-sp {
      display: none; } }

.loading-img-pc {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  width: 310px;
  height: 60px; }
  @media screen and (min-width: 992px) {
    .loading-img-pc {
      display: block; } }

/***********************************
one-page-scroll edit-style
***********************************/
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  /* color: #333333; */
  color: #000000;
  /* main-color */ }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

img {
  width: 100%;
  height: auto;
  border: 0 #FFF;
  margin: 0;
  padding: 0; }

img.rounded-5 {
  border-radius: 0.5rem !important; }

img.vtt {
  vertical-align: top; }

h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.left, .right {
  display: inline-block; }

/* ネガティブマージン */
.nega-mx-10 {
  margin-left: -10px;
  margin-right: -10px; }

.nega-mx-15 {
  margin-left: -15px;
  margin-right: -15px; }

.ind-1 {
  text-indent: 1em; }

.ind-2 {
  text-indent: 2em; }

.ind-3 {
  text-indent: 3em; }

.lh-1 {
  line-height: 1 !important; }

.lh-1-5 {
  line-height: 1.5 !important; }

.lh-2 {
  line-height: 2 !important; }

.lh-2-7 {
  line-height: 2.7em !important; }

.pt-10v {
  padding-top: 2.66666vw; }

.pt-20v {
  padding-top: 5.33333vw; }

.pt-30v {
  padding-top: 8vw; }

.pt-40v {
  padding-top: 10.66666vw; }

.pt-50v {
  padding-top: 13.33333vw; }

.pt-60v {
  padding-top: 16vw; }

.pt-70v {
  padding-top: 18.66666vw; }

.pt-80v {
  padding-top: 21.33333vw; }

.pt-90v {
  padding-top: 24vw; }

.pt-100v {
  padding-top: 26.66666vw; }

@media screen and (min-width: 768px) {
  .pt-10v {
    padding-top: 10px; }

  .pt-20v {
    padding-top: 20px; }

  .pt-30v {
    padding-top: 30px; }

  .pt-40v {
    padding-top: 40px; }

  .pt-50v {
    padding-top: 50px; }

  .pt-60v {
    padding-top: 60px; }

  .pt-70v {
    padding-top: 70px; }

  .pt-80v {
    padding-top: 80px; }

  .pt-90v {
    padding-top: 90px; }

  .pt-100v {
    padding-top: 100px; } }
.pb-10v {
  padding-bottom: 2.66666vw; }

.pb-20v {
  padding-bottom: 5.33333vw; }

.pb-30v {
  padding-bottom: 8vw; }

.pb-40v {
  padding-bottom: 10.66666vw; }

.pb-50v {
  padding-bottom: 13.33333vw; }

.pb-60v {
  padding-bottom: 16vw; }

.pb-70v {
  padding-bottom: 18.66666vw; }

.pb-80v {
  padding-bottom: 21.33333vw; }

.pb-90v {
  padding-bottom: 24vw; }

.pb-100v {
  padding-bottom: 26.66666vw; }

@media screen and (min-width: 768px) {
  .pb-10v {
    padding-bottom: 10px; }

  .pb-20v {
    padding-bottom: 20px; }

  .pb-30v {
    padding-bottom: 30px; }

  .pb-40v {
    padding-bottom: 40px; }

  .pb-50v {
    padding-bottom: 50px; }

  .pb-60v {
    padding-bottom: 60px; }

  .pb-70v {
    padding-bottom: 70px; }

  .pb-80v {
    padding-bottom: 80px; }

  .pb-90v {
    padding-bottom: 90px; }

  .pb-100v {
    padding-bottom: 100px; } }
.no-gutters {
  margin: 0;
  padding: 0; }

.no-gutters　 > .col,
.no-gutters　 > [class*="col-"] {
  margin: 0;
  padding: 0; }

.lsp-003 {
  letter-spacing: 0.03em; }

.lsp-004 {
  letter-spacing: 0.04em; }

.lsp-005 {
  letter-spacing: 0.05em; }

.lsp-006 {
  letter-spacing: 0.06em; }

.lsp-008 {
  letter-spacing: 0.08em; }

.lsp-010 {
  letter-spacing: 0.1em; }

.lsp-014 {
  letter-spacing: 0.14em; }

/* view-size-point */
/*** #000000  ***/
/*** #dd0716 red ***/
/*** #dd0716 red ***/
/*** #32b4b4 green***/
/*** #42210b brown***/
/*** #646464 ***/
/*** #FF961E orange ***/
/*** #d46473 ***/
/*** #b41b59 ***/
/*** #e27aa8 ***/
/*** #ed6e93 ***/
/*** #00A0E9 ***/
/*** #89aae4 ***/
/*** #004896 blue ***/
/*** #FFF100 ***/
/*** #29ABE2 ***/
/*** #d78332 ***/
/*** #fafafa ***/
/*** #f5f5f5 ***/
/*** #f1f1f1 ***/
/*** font-size 17px ***/
/*** font-size 18px ***/
/*** font-size 19px ***/
/*** font-size 20px ***/
/*** font-size 24px ***/
/*** font-size 30px ***/
/*** font-size 15px ***/
/*** font-size 14px ***/
/*** font-size 13px ***/
.text-bold {
  font-weight: bold !important; }

.text-nml {
  font-weight: normal !important; }

.text-wht {
  color: #FFF !important; }

.text-gray {
  color: #666; }

.text-red {
  color: red; }

.text-blue {
  color: #004896; }

.text-brown {
  color: #42210b; }

.text-maincolor {
  color: black !important; }
  .text-maincolor:visited {
    color: black; }

.text-main2color {
  color: #dd0716 !important; }
  .text-main2color:visited {
    color: #dd0716; }

.text-pink {
  color: #d46473 !important; }
  .text-pink:visited {
    color: #d46473; }

.text-pink-2 {
  color: #b41b59 !important; }
  .text-pink-2:visited {
    color: #b41b59; }

.text-pink-3 {
  color: #e27aa8 !important; }
  .text-pink-3:visited {
    color: #e27aa8; }

.text-pink-4 {
  color: #ed6e93 !important; }
  .text-pink-4:visited {
    color: #ed6e93; }

.text-orange {
  color: #ff961e !important; }
  .text-orange:visited {
    color: #ff961e; }

.text-small {
  font-size: 0.8rem; }

.text-mid-small {
  font-size: 0.9375rem; }

.text-large {
  font-size: 1.5rem; }

.text-xlarge {
  font-size: 2rem; }

html .font-nml li {
  font-weight: 400; }

html table.font-nml th, html table.font-nml td {
  color: black;
  font-size: 14px;
  /* font-weight: 300; */
  font-weight: 400; }

p.text-bold {
  font-weight: bold !important; }

/**************************
hover
**************************/
a, a:visited {
  color: black;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }

a:hover {
  color: #646464; }

a {
  -webkit-backface-visibility: hidden;
  /* chrome */
  backface-visibility: hidden;
  /* chrome */ }
  a img {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    /* chrome */
    backface-visibility: hidden;
    /* chrome */
    background: transparent;
    /* chrome */ }
  a:hover img {
    opacity: 0.85;
    background: rgba(0, 0, 0, 0); }
  a.dkhov:hover img {
    opacity: 0.75;
    background: rgba(0, 0, 0, 0.2); }

a.invert:hover img {
  filter: invert(100%);
  opacity: 0.7; }

/**************************
responsive
**************************/
body #wrap {
  width: 100%;
  overflow: hidden !important; }

body .container {
  max-width: 960px; }

@media screen and (max-width: 1170px) {
  body .container {
    max-width: 768px; } }
/**************************
header
**************************/
header {
  margin: 0 auto;
  display: block;
  width: 100%;
  position: relative;
  color: #333;
  overflow: hidden;
  *zoom: 1;
  text-align: center; }

/**************************
nav
**************************/
#navToggle {
  /* display:none; */
  display: block;
  position: fixed;
  right: 10px;
  top: 15px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media screen and (min-width: 992px) {
    #navToggle {
      display: none; } }

#navToggle div {
  position: relative;
  display: block;
  margin: 0 0;
  padding: 0 0;
  width: 40px;
  height: 40px; }

#navToggle span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  border-bottom: solid 2px #646464;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out; }

#navToggle span:nth-child(1) {
  border-bottom: solid 2px #32b4b4;
  top: 5px; }

#navToggle span:nth-child(2) {
  top: 14px; }

#navToggle span:nth-child(3) {
  top: 23px; }

#slideMenu .menu {
  /* display: none; */ }
  @media screen and (min-width: 992px) {
    #slideMenu .menu {
      display: none; } }

#slideMenu.openNav {
  height: 100%; }
  #slideMenu.openNav .menu {
    height: 100%; }

#slideMenu .menu {
  display: block;
  position: fixed;
  left: auto;
  right: -100vw;
  /* top: 0; */
  top: 61px;
  height: 100vh;
  background: white;
  width: 100%;
  padding: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: 10;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#slideMenu ul {
  margin: 0 auto;
  padding: 35px 0;
  background: rgba(255, 255, 255, 0);
  /* width: 100vw; */
  width: 68vw;
  height: auto;
  overflow: auto;
  text-align: center; }

#slideMenu ul li {
  display: inline-block;
  width: 100%;
  height: auto;
  height: 12.8vw;
  margin: 0 auto;
  border-bottom: 0 none;
  line-height: 1; }
  #slideMenu ul li:first-child a {
    border-top: 1.5px solid #32b4b4; }
  @media screen and (min-width: 433px) {
    #slideMenu ul li {
      height: 50px; } }

#slideMenu ul li a {
  display: block;
  width: 100%;
  /* height: auto; */
  height: 100%;
  line-height: 12.8vw;
  font-size: 3.875vw;
  letter-spacing: 0.1em;
  color: #646464;
  /* font-weight: 200; */
  text-decoration: none;
  vertical-align: baseline;
  padding: 0 0;
  border-bottom: 1.5px solid #32b4b4; }
  @media screen and (min-width: 433px) {
    #slideMenu ul li a {
      height: 50px;
      line-height: 50px;
      font-size: 16.5px; } }
  #slideMenu ul li a img {
    display: block; }

#slideMenu ul li a.linktotop {
  position: relative;
  color: #FFF;
  background: #32b4b4; }
  #slideMenu ul li a.linktotop::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: auto;
    right: 10px;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto auto;
    padding: 0 0;
    background-image: url("images/icon-exlink-wht.svg");
    background-position: center,center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media screen and (min-width: 1400px) {
      #slideMenu ul li a.linktotop::after {
        right: 15px;
        width: 30px;
        height: 30px; } }

#slideMenu ul .entry-btn-wrap {
  padding-top: 30px;
  padding-bottom: 15px; }

#slideMenu ul .privacylink {
  color: #646464; }

#slideMenu ul li::after {
  content: ''; }

#slideMenu ul li:last-child {
  border-bottom: none; }

#slideMenu ul li.icon-bottom-item {
  margin-top: 54px; }

#slideMenu ul li .followus {
  margin-right: 10px; }

#slideMenu ul li a.sns-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  padding: 4px 4px;
  text-decoration: none;
  vertical-align: middle; }
  #slideMenu ul li a.sns-icon img {
    display: block;
    margin: 0;
    padding: 0;
    width: 22px; }

.openNav #navToggle span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg); }

.openNav #navToggle span:nth-child(2) {
  top: 15px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg); }

.openNav #navToggle span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg); }

/*
.openNav .menu {
    -moz-transform: translateY(100vh);
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
}
*/
.openNav .menu {
  -moz-transform: translateX(-100vw);
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw); }

.openNav #navToggle div {
  width: 40px;
  height: 40px; }

@media screen and (max-width: 480px) {
  #slideMenu.openNav {
    height: 100vh; }
    #slideMenu.openNav .menu {
      height: 100vh; }

  /*
  #slideMenu .menu {
      top: -100vh;
      height: 100vh;
  }
  */ }
/* *******************
accordion
******************* */
.accbox {
  margin: 0 0;
  padding: 0 0; }

.accbox label {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0;
  padding: 0 0;
  color: #CCC;
  cursor: pointer;
  transition: all 0.5s; }

.icon-acc {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  margin: auto auto;
  padding: 0 0;
  font-size: 22px;
  width: 22px;
  height: 22px;
  color: black;
  z-index: 1;
  transition: all 0.3s; }
  .icon-acc img {
    width: 100%;
    height: auto; }

.accbox label:hover {
  color: black; }

.accbox input {
  display: none; }

.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s; }

.cssacc:checked + label + .accshow {
  height: auto;
  padding: 0 0;
  opacity: 1; }

.accbox .accshow a {
  color: #EEE; }

.cssacc:checked + label .icon-acc {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

/**************************
global-menu
*************************/
nav {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 auto;
  background-image: url("images/bg-ip-nav.png");
  background-position: center center;
  text-align: center;
  position: relative; }

.global-menu {
  display: block;
  width: 100%;
  max-width: 1199px;
  margin: 0 auto;
  padding: 10px 0; }
  .global-menu li {
    display: inline-block;
    margin: 0 auto;
    padding: 0 2rem;
    border-right: 2px #FFF solid; }
    .global-menu li:last-child {
      border-right: 0 none; }
    .global-menu li a {
      display: block;
      width: 100%;
      color: black;
      font-size: 16px;
      letter-spacing: 0;
      font-weight: bold; }
      .global-menu li a:hover {
        color: #666;
        text-decoration: none; }

@media screen and (max-width: 768px) {
  .global-menu {
    display: none;
    margin: 0 auto;
    padding: 0 0; }
    .global-menu li {
      display: block;
      width: 100%;
      margin: 0 auto;
      padding: 1rem 2rem;
      border-right: 0 none;
      border-bottom: 1px #FFF solid; }
      .global-menu li:last-child {
        border-bottom: 0 none; } }
/**************************
icon
**************************/
.icon-ex {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  margin-left: 0.2rem;
  padding: 0 0;
  text-align: left;
  vertical-align: baseline; }

.icon-in {
  display: inline-block !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  margin: 0 auto;
  margin-left: 0.2rem;
  padding: 0 0;
  text-align: left;
  vertical-align: middle; }

/**************************
top
**************************/
#logo .opc {
  opacity: 0.8; }

header.cstm-header {
  z-index: 99; }
  @media screen and (min-width: 992px) {
    header.cstm-header {
      z-index: 3; } }

#header .head-bar {
  position: fixed;
  width: 100%;
  height: 74px;
  text-align: center;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  z-index: 7;
  line-height: 1;
  background: white;
  height: 60px;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  overflow: visible;
  /*
      .head-bar {
          position: relative;
         width: 100%;
         height: 100%;
                  			@media screen and (min-width: 992px) {
  
                  			   }
      }
  */ }
  @media screen and (min-width: 992px) {
    #header .head-bar {
      height: 84px; } }
  #header .head-bar::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    top: auto;
    left: 0;
    bottom: -2px;
    border-bottom: solid #32b4b4 2px;
    z-index: 8; }
    @media screen and (min-width: 992px) {
      #header .head-bar::after {
        display: none; } }
  #header .head-bar h1, #header .head-bar h2 {
    margin: 0;
    padding: 0;
    line-height: 0; }
  #header .head-bar .logo {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    left: 5vw;
    right: auto;
    width: 45vw;
    height: 9.75vw; }
    @media screen and (min-width: 433px) {
      #header .head-bar .logo {
        left: 10px;
        width: 180px;
        height: 39px; } }
    @media screen and (min-width: 992px) {
      #header .head-bar .logo {
        left: 3.125vw;
        width: 203px;
        height: 44px; } }
    #header .head-bar .logo a {
      display: inline-block;
      width: 100%;
      height: 100%;
      margin: auto auto;
      padding: 0 0;
      cursor: pointer; }
      #header .head-bar .logo a:hover {
        opacity: 0.7; }
  #header .head-bar .sublogo {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    left: 52vw;
    right: auto;
    width: 25vw;
    height: 4.5vw; }
    @media screen and (min-width: 433px) {
      #header .head-bar .sublogo {
        left: 225px;
        width: 110.5px;
        height: 19.5px; } }
    @media screen and (min-width: 768px) {
      #header .head-bar .sublogo {
        width: 173px;
        height: 19.5px; } }
    @media screen and (min-width: 992px) {
      #header .head-bar .sublogo {
        left: auto;
        right: 3.125vw;
        width: 16.666vw;
        height: 1.875vw;
        max-width: 320px;
        max-height: 36px; } }
    #header .head-bar .sublogo a {
      display: inline-block;
      width: 100%;
      height: 100%;
      margin: auto auto;
      padding: 0 0;
      cursor: pointer; }
      #header .head-bar .sublogo a:hover {
        opacity: 0.7; }

.home #header.is-header .head-bar {
  background: rgba(255, 255, 255, 0.9); }
  @media screen and (min-width: 992px) {
    .home #header.is-header .head-bar {
      background: white; } }

.home::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image: url("images/top/bg-top-sky-pc.jpg");
  background-position: top,center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media screen and (min-width: 1200px) {
    .home::before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      background-image: url("images/top/bg-top-sky-pc.jpg");
      background-position: top,center;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; } }

/*
#headermenu {
    display: none;
    -webkit-transition:.5s ease-in-out; 
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align: center;
            			@media screen and (min-width: 992px) {
            			        display: block;
            			        
                                position: absolute;
                                top: 36px;
                                left: auto;
                                right: 186px;
                                bottom: auto;
                                margin-left: auto;
                                margin-right: auto;
                                width: auto;
                                height: 21px;  
            			        text-align: right;
            			   }
    li {
        display: inline-block;
        width: auto;
        height: 21px;
        margin-left: 30px;
        a {
            font-size: 15px;
            letter-spacing: 0.1em;
            color: #000;
            -webkit-transition:.5s ease-in-out; 
            -moz-transition:.5s ease-in-out;
            transition:.5s ease-in-out;
            &:hover {
                color: #aaa;
                text-decoration: none;
            }  
        }
        
    }
}
*/
/*
.home #headermenu {
            			@media screen and (min-width: 992px) {
                                top: 154px;
                                right: 50px;
            			}
}
*/
/*
.home .is-header #headermenu {
            			@media screen and (min-width: 992px) {
                                top: 36px;
                                right: 186px;
            			}
}
*/
.page #header {
  background-color: rgba(255, 255, 255, 0.95); }

.gotocon-down {
  display: block;
  padding: 7px;
  width: 40px;
  height: 40px;
  border: 2px #FFF solid;
  border-radius: 50%;
  vertical-align: middle; }
  .gotocon-down span.glyphicon {
    line-height: 1;
    font-size: 26px;
    text-shadow: none; }

.cld-anchor {
  display: block;
  position: relative;
  /* top: -100px; */
  visibility: hidden;
  top: calc( -9.666vw - 74px); }
  @media screen and (min-width: 992px) {
    .cld-anchor {
      /* top: -174px; */
      top: calc( -9.666vw - 74px); } }

.cld-lo-anchor {
  display: block;
  position: relative;
  top: calc( -16vw - 50px);
  visibility: hidden; }
  @media screen and (min-width: 768px) {
    .cld-lo-anchor {
      top: calc( -9.666vw - 50px); } }
  @media screen and (min-width: 992px) {
    .cld-lo-anchor {
      top: calc( -9.666vw - 74px); } }

/**************************
hero1
**************************/
.home #hero1 {
  position: relative;
  width: 100%;
  /* height: 100%; */
  height: 100vh; }
  .home #hero1 #hero1-inner {
    width: 100vw;
    /* height: 62.5vw; */
    height: 100vh;
    max-height: 100%;
    position: relative; }
  .home #hero1 .copy-main {
    position: absolute;
    display: block;
    width: 10.36vw;
    height: 13.3vw;
    /* top: 40%; */
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    padding: auto;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .home #hero1 .copy-main {
        width: 8.6333vw;
        height: 11.0833vw; } }
    .home #hero1 .copy-main img {
      width: 100%;
      margin: 0;
      padding: 0; }
  .home #hero1 .scroll-box {
    position: absolute;
    display: block;
    width: 30px;
    height: 15px;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    margin: 0 auto;
    padding: 0;
    z-index: 3; }
    @media screen and (max-width: 420px) {
      .home #hero1 .scroll-box {
        /* width: 40px; */
        /* height: 41px; */
        display: none; } }
    .home #hero1 .scroll-box img {
      width: 100%;
      margin: 0;
      padding: 0; }

.archive #hero1,
.single #hero1 {
  position: relative;
  width: 100%; }
  .archive #hero1:before,
  .single #hero1:before {
    content: "";
    display: block;
    padding-top: 35%;
    /* 高さを幅の35% */
    z-index: -1; }
  .archive #hero1 #hero1-inner,
  .single #hero1 #hero1-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: white;
    background-image: url(images/news/img-main01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

.page #hero1 {
  position: relative;
  width: 100%; }
  .page #hero1:before {
    content: "";
    display: block;
    padding-top: 35%;
    /* 高さを幅の35% */
    z-index: -1; }
  .page #hero1 #hero1-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    .page #hero1 #hero1-inner.single-portfolio, .page #hero1 #hero1-inner.archive-portfolio {
      background-image: url(images/portfolio/img-main01.jpg); }
    .page #hero1 #hero1-inner.single-privacy, .page #hero1 #hero1-inner.single-sitemap {
      background-image: url(images/other/img-main01.jpg); }
    .page #hero1 #hero1-inner.single-contact, .page #hero1 #hero1-inner.single-contactpage {
      background-image: url(images/other/img-main02.jpg); }
    .page #hero1 #hero1-inner.single, .page #hero1 #hero1-inner.single-news, .page #hero1 #hero1-inner.archive, .page #hero1 #hero1-inner.archive-news {
      background-image: url(images/news/img-main01.jpg); }

@media screen and (max-width: 1199px) {
  .page #hero1 {
    text-align: center; } }
@media screen and (max-width: 420px) {
  .page #hero1:before {
    content: "";
    display: block;
    padding-top: 68%;
    /* 高さを幅の68% */ }
  .page #hero1 #hero1-inner {
    background-size: cover; } }
/**************************
contents
**************************/
p {
  /* line-height: 1.8; */
  /* line-height: 2; */ }

p.detail {
  line-height: 1.8;
  font-size: 0.9375rem; }

.text-shadow {
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.9); }

img {
  vertical-align: top; }

img.vab {
  vertical-align: bottom; }

.small-img {
  display: inline-block;
  margin: 1rem auto 0 auto;
  padding: 0;
  width: 200px; }

br.visible-xs {
  display: inline; }
  @media screen and (min-width: 567px) {
    br.visible-xs {
      display: none; } }

.hidden-xs {
  display: none; }
  @media screen and (min-width: 567px) {
    .hidden-xs {
      display: inherit; } }

br.visible-sm-md {
  display: none; }
  @media screen and (min-width: 767px) {
    br.visible-sm-md {
      display: inline; } }
  @media screen and (min-width: 992px) {
    br.visible-sm-md {
      display: none; } }

.visible-sp {
  display: inherit; }
  @media screen and (min-width: 768px) {
    .visible-sp {
      display: none; } }

.visible-pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .visible-pc {
      display: inherit; } }

/**************************
mainMenu
**************************/
/* pc_menu */
#mainMenu {
  display: none;
  position: absolute;
  z-index: 998;
  top: 15px;
  left: auto;
  right: 70px;
  background: transparent;
  text-align: right; }
  @media screen and (min-width: 860px) {
    #mainMenu {
      display: block; } }

ul.main-menu > li {
  display: inline-block;
  position: relative;
  /* width: 180px; */
  width: auto;
  text-align: center;
  				/*
                  &:after {
                      position: absolute;
                      content: "";
                      display: block;
                      width: 1px;
                      height: 14px;
                      top: 15px;
                      left: 0;
                      right: auto;
                      bottom: auto;
                      margin: 0;
                      padding: 0;
                      border-left: 1px #FFF solid;
                  }
                  */ }
  ul.main-menu > li.no-lsp a {
    letter-spacing: 0; }

ul.main-menu > li > a {
  position: relative;
  padding: 5px 15px;
  display: block;
  font-size: 14px;
  text-align: center;
  letter-spacing: .02em;
  color: #FFF;
  text-decoration: none; }
  ul.main-menu > li > a.no-lsp {
    letter-spacing: .01em; }
  ul.main-menu > li > a.current::before {
    position: absolute;
    bottom: 0;
    left: 10%;
    content: '';
    width: 80%;
    height: 2px;
    background: #FFF;
    z-index: -1; }
  ul.main-menu > li > a::after {
    	/*
      position: absolute;
      bottom: 0;
      left: 10%;
      content: '';
      width: 80%;
      height: 1px;
      background: #FFF;
      transform: scale(0, 1);
      transform-origin: center top;
      transition: transform .3s;
      */
    position: absolute;
    top: 5px;
    left: 5px;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    transform: scale(0, 0);
    transform-origin: center center;
    transition: transform .3s; }
  ul.main-menu > li > a:hover::after {
    transform: scale(1, 1); }
  ul.main-menu > li > a:visited {
    color: #FFF; }

ul.main-menu > li > span {
  margin-left: 1.2em; }

ul.main-menu > li:hover > a {
  text-decoration: none; }

/**************************
main
**************************/
body {
  background-color: transparent !important; }

/* html固定IE10以前でのみ有効 */
html {
  height: 100% \9 ;
  overflow: hidden\9; }

body {
  height: 100% \9 ;
  overflow: scroll\9; }

/* html固定IE10以降でのみ有効 */
@media all and (-ms-high-contrast: none) {
  html {
    height: 100%;
    overflow: hidden !important; }

  body {
    height: 100%;
    overflow: scroll; } }
body.home #wrap {
  width: 100%;
  overflow: hidden !important; }

.scroll-wrap {
  height: 100%;
  /* overflow: scroll; */ }

/**************************
cstm headermenu
**************************/
.headermenu-wrap {
  display: none;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .headermenu-wrap {
      display: block;
      position: fixed;
      top: auto;
      left: auto;
      right: 3.125vw;
      bottom: 30px;
      margin-left: auto;
      margin-right: auto;
      width: 16.666vw;
      /* max-width: 320px; */
      height: auto;
      text-align: center; } }

#headermenu {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto; }
  #headermenu li {
    display: inline-block;
    width: 100%;
    height: 44px; }
    @media screen and (min-width: 1400px) {
      #headermenu li {
        height: 60px; } }
    #headermenu li a {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 14px;
      /* font-weight: 200; */
      letter-spacing: 0.2em;
      color: #FFF;
      line-height: 44px;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      transition: .5s ease-in-out; }
      @media screen and (min-width: 1400px) {
        #headermenu li a {
          font-size: 18px;
          line-height: 60px; } }
      #headermenu li a:hover {
        /* color: $color-green; */
        text-decoration: none;
        position: relative;
        color: #32b4b4;
        background: rgba(255, 255, 255, 0.5); }
      #headermenu li a:hover::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: auto;
        right: 10px;
        bottom: 0;
        width: 20px;
        height: 20px;
        margin: auto auto;
        padding: 0 0;
        background-image: url("images/icon-exlink.svg");
        background-position: center,center;
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        @media screen and (min-width: 1400px) {
          #headermenu li a:hover::after {
            right: 15px;
            width: 30px;
            height: 30px; } }
    #headermenu li a.linktotop {
      position: relative;
      color: #32b4b4;
      background: rgba(255, 255, 255, 0.5); }
      #headermenu li a.linktotop:hover {
        color: #FFF;
        background: rgba(50, 180, 180, 0.5); }
      #headermenu li a.linktotop::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: auto;
        right: 10px;
        bottom: 0;
        width: 20px;
        height: 20px;
        margin: auto auto;
        padding: 0 0;
        background-image: url("images/icon-exlink.svg");
        background-position: center,center;
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        @media screen and (min-width: 1400px) {
          #headermenu li a.linktotop::after {
            right: 15px;
            width: 30px;
            height: 30px; } }

.headermenu-wrap .entry-btn-wrap {
  padding-top: 30px; }
.headermenu-wrap .entry-btn a {
  width: 16.666vw;
  height: 4.63vw;
  line-height: 4.63vw;
  font-size: 14px;
  border-radius: 2.315vw; }
  @media screen and (min-width: 1400px) {
    .headermenu-wrap .entry-btn a {
      font-size: 18px; } }
.headermenu-wrap .entry-btn a span {
  right: 20px;
  width: 18px;
  height: 18px; }
  @media screen and (min-width: 1900px) {
    .headermenu-wrap .entry-btn a span {
      right: 50px;
      width: 25px;
      height: 25px; } }
.headermenu-wrap .entry-btn-caption {
  margin-bottom: 10px;
  height: 13px; }
  .headermenu-wrap .entry-btn-caption span {
    height: 12px;
    font-size: 11px;
    color: #FFF;
    line-height: 12px; }
    @media screen and (min-width: 1280px) {
      .headermenu-wrap .entry-btn-caption span {
        font-size: 12px; } }
  .headermenu-wrap .entry-btn-caption span::before {
    width: 15px;
    height: 12px;
    border-bottom: 1px solid #FFF; }
  .headermenu-wrap .entry-btn-caption span::after {
    width: 15px;
    height: 12px;
    margin-left: -5px;
    border-bottom: 1px solid #FFF; }

/**************************
content-wrap
**************************/
html body .content-wrap h3, html body .content-wrap h4, html body .content-wrap h5, html body .content-wrap h6 {
  font-weight: 500; }
html body .content-wrap p {
  /* font-weight: 200; */ }

.main {
  position: relative;
  display: block;
  width: 100%;
  max-width: 433px;
  margin: 0 auto; }
  @media screen and (min-width: 992px) {
    .main {
      z-index: 10;
      box-shadow: 4px 0px 14px -2px rgba(0, 0, 0, 0.4); } }
  @media screen and (min-width: 1280px) {
    .main {
      width: 33.4vw;
      max-width: none; } }

.content-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 433px;
  margin: 0 auto; }
  @media screen and (min-width: 992px) {
    .content-wrap {
      /* z-index: 10; */ } }
  @media screen and (min-width: 1280px) {
    .content-wrap {
      max-width: none; } }

.content-inner {
  padding-left: 5.3125vw;
  padding-right: 5.3125vw; }
  @media screen and (min-width: 433px) {
    .content-inner {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 1280px) {
    .content-inner {
      padding-left: 1.774375vw;
      padding-right: 1.774375vw; } }

.title-wrap {
  padding-top: 11.5vw;
  text-align: center; }
  @media screen and (min-width: 433px) {
    .title-wrap {
      padding-top: 50px; } }
  @media screen and (min-width: 1280px) {
    .title-wrap {
      padding-top: 3.841vw; } }

.title-wrap span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 5.333vw;
  font-weight: 500;
  font-family: 'Noto Serif JP', "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" ,  "メイリオ" , Meiryo , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
  letter-spacing: 0.04em; }
  @media screen and (min-width: 433px) {
    .title-wrap span {
      font-size: 23px; } }
  @media screen and (min-width: 1280px) {
    .title-wrap span {
      font-size: 1.781222vw; } }

.title-wrap.title-green span {
  color: #32b4b4; }

.title-wrap.title-wht span {
  color: #FFF; }

.top-first-wrap {
  width: 100%;
  height: 100%;
  background-image: url("images/top/bg_sky_sp01.jpg");
  background-position: bottom,center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .top-first-wrap p.first-lead-copy {
    font-size: 3.34vw;
    line-height: 2.2;
    letter-spacing: 0.08em;
    color: #FFF;
    padding-top: 8.75vw; }
    @media screen and (min-width: 433px) {
      .top-first-wrap p.first-lead-copy {
        font-size: 13.4px;
        padding-top: 70px; } }
    @media screen and (min-width: 1280px) {
      .top-first-wrap p.first-lead-copy {
        font-size: 1.11556vw;
        padding-top: 2.9225vw; } }

/**************************
top pc-leadcopy
**************************/
.pc-leadcopy-wrap {
  display: none;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .pc-leadcopy-wrap {
      display: block;
      position: fixed;
      top: 11.354vw;
      right: auto;
      left: 3.125vw;
      bottom: auto;
      margin-left: auto;
      margin-right: auto;
      width: calc(46.875vw - 217px);
      height: auto;
      text-align: left; } }
  @media screen and (min-width: 1280px) {
    .pc-leadcopy-wrap {
      width: 29.875vw; } }
  .pc-leadcopy-wrap h2 {
    display: block;
    font-size: 1.875vw;
    font-weight: 500;
    color: #FFF;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 0.12em;
    margin: 0 0;
    padding: 0 0 1em 0; }
    @media screen and (min-width: 1400px) {
      .pc-leadcopy-wrap h2 {
        /* font-size: 30px; */ } }
  .pc-leadcopy-wrap p {
    font-size: 1.042vw;
    font-weight: 400;
    color: #FFF;
    margin: 0 0;
    padding: 0 0 0 0;
    text-align: left;
    line-height: 2;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 1400px) {
      .pc-leadcopy-wrap p {
        /* font-size: 20px;*/ } }

/**************************
acc
**************************/
.top-first-wrap {
  margin-top: 60px;
  /* head-bar height */ }
  @media screen and (min-width: 433px) {
    .top-first-wrap {
      margin-top: 60px; } }
  @media screen and (min-width: 992px) {
    .top-first-wrap {
      margin-top: 0; } }
  .top-first-wrap .accpanel {
    width: 100%;
    height: 100%;
    padding: 5vw 5.3125vw; }
    @media screen and (min-width: 433px) {
      .top-first-wrap .accpanel {
        padding: 40px 20px; } }
    @media screen and (min-width: 1280px) {
      .top-first-wrap .accpanel {
        padding: 1.67vw 1.774375vw; } }

.page-first-wrap {
  margin-top: 60px;
  /* head-bar height */ }
  @media screen and (min-width: 433px) {
    .page-first-wrap {
      margin-top: 60px; } }
  @media screen and (min-width: 992px) {
    .page-first-wrap {
      margin-top: 0; } }

.thanks-first-wrap {
  padding-top: 120px;
  min-height: calc(100vh - 300px);
  text-align: center; }
  @media screen and (min-width: 433px) {
    .thanks-first-wrap {
      padding-top: 120px; } }
  @media screen and (min-width: 992px) {
    .thanks-first-wrap {
      padding-top: 120px; } }

.about-acc-cont .accpanel {
  background-image: url("images/top/bg_sky_sp02.jpg");
  background-position: bottom,center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.about-acc-cont {
  padding-top: 30px; }
  .about-acc-cont h4 {
    display: block;
    font-size: 4vw;
    /* font-weight: 200; */
    color: #FFF;
    text-align: center;
    line-height: 1;
    margin-top: 8.75vw;
    padding: 0 0 1.25vw 0;
    border-bottom: 1px solid #FFF; }
    @media screen and (min-width: 433px) {
      .about-acc-cont h4 {
        font-size: 16px;
        margin-top: 35px;
        padding: 0 0 5px 0; } }
    @media screen and (min-width: 1280px) {
      .about-acc-cont h4 {
        font-size: 1.336vw;
        margin-top: 2.9225vw;
        padding: 0 0 0.4175vw 0;
        border-bottom: 2px solid #FFF; } }
  .about-acc-cont p {
    font-size: 3.7vw;
    color: #FFF;
    padding: 5vw 0 0 0;
    letter-spacing: 0.012em;
    font-weight: 500;
    line-height: 1.535; }
    @media screen and (min-width: 433px) {
      .about-acc-cont p {
        font-size: 15px;
        padding: 20px 0 0 0; } }
    @media screen and (min-width: 1280px) {
      .about-acc-cont p {
        font-size: 1.2358vw;
        padding: 1.67vw 0 0 0; } }
    .about-acc-cont p.mid-copy {
      font-size: 3.6vw;
      line-height: 1.88888; }
      @media screen and (min-width: 433px) {
        .about-acc-cont p.mid-copy {
          font-size: 14.4px; } }
      @media screen and (min-width: 1280px) {
        .about-acc-cont p.mid-copy {
          font-size: 1.2024vw; } }
    .about-acc-cont p.big-copy {
      font-size: 5.07vw;
      font-weight: 700;
      padding: 5vw 0 0 0;
      letter-spacing: 0.05em; }
      @media screen and (min-width: 433px) {
        .about-acc-cont p.big-copy {
          font-size: 20.5px;
          padding: 22px 0 0 0; } }
      @media screen and (min-width: 1280px) {
        .about-acc-cont p.big-copy {
          font-size: 1.69338vw;
          padding: 1.67vw 0 0 0; } }
    .about-acc-cont p.small-copy {
      font-size: 3.2vw; }
      @media screen and (min-width: 433px) {
        .about-acc-cont p.small-copy {
          font-size: 13px; } }
      @media screen and (min-width: 1280px) {
        .about-acc-cont p.small-copy {
          font-size: 1.0688vw; } }
    .about-acc-cont p.font-medium {
      font-weight: 500 !important; }
    .about-acc-cont p.small-medium-copy {
      font-size: 3.2vw;
      font-weight: 500;
      line-height: 1.79;
      letter-spacing: 0.08em; }
      @media screen and (min-width: 433px) {
        .about-acc-cont p.small-medium-copy {
          font-size: 13px; } }
      @media screen and (min-width: 1280px) {
        .about-acc-cont p.small-medium-copy {
          font-size: 1.02vw; } }
    .about-acc-cont p.ceoname {
      position: relative;
      display: inline-block;
      width: 44.625vw;
      height: auto;
      max-width: 193px;
      margin: 0 auto;
      padding: 6.25vw 0 0 0; }
      @media screen and (min-width: 433px) {
        .about-acc-cont p.ceoname {
          padding: 25px 0 0 0; } }
      @media screen and (min-width: 1280px) {
        .about-acc-cont p.ceoname {
          width: 14.90475vw;
          max-width: none;
          padding: 2.0875vw 0 0 0; } }
      .about-acc-cont p.ceoname img {
        display: block;
        width: 100%;
        margin: 0 0;
        padding: 0 0;
        vertical-align: top; }

#aboutaccopenclose-btnwrap .openclose-btn {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  #aboutaccopenclose-btnwrap .openclose-btn .open-btn {
    padding: 0 5.3125vw;
    padding-bottom: 9.75vw; }
    @media screen and (min-width: 433px) {
      #aboutaccopenclose-btnwrap .openclose-btn .open-btn {
        padding: 0 20px;
        padding-bottom: 42px; } }
    @media screen and (min-width: 1280px) {
      #aboutaccopenclose-btnwrap .openclose-btn .open-btn {
        padding: 0 1.774375vw;
        padding-bottom: 3.2565vw; } }
    #aboutaccopenclose-btnwrap .openclose-btn .open-btn div {
      position: relative;
      display: block;
      height: 9.2vw;
      background: white;
      border-radius: 5px;
      border: 1px solid #32b4b4;
      font-size: 3.325vw;
      color: #32b4b4;
      /* font-weight: 200; */
      font-weight: 500;
      text-align: center;
      line-height: 9.2vw; }
      @media screen and (min-width: 433px) {
        #aboutaccopenclose-btnwrap .openclose-btn .open-btn div {
          height: 40px;
          font-size: 13.5px;
          line-height: 40px; } }
      @media screen and (min-width: 1280px) {
        #aboutaccopenclose-btnwrap .openclose-btn .open-btn div {
          height: 3.0728vw;
          font-size: 1.11055vw;
          line-height: 3.0728vw; } }
      #aboutaccopenclose-btnwrap .openclose-btn .open-btn div::after {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        bottom: 0;
        right: 15px;
        width: 20px;
        height: 20px;
        margin: auto auto;
        background-image: url(images/top/icon-plus.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: 1; }
  #aboutaccopenclose-btnwrap .openclose-btn .close-btn {
    position: relative;
    display: none;
    width: 100%;
    height: 57.25vw;
    background-image: url("images/top/img-about-02.jpg");
    background-position: bottom,center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (min-width: 433px) {
      #aboutaccopenclose-btnwrap .openclose-btn .close-btn {
        height: 248px; } }
    @media screen and (min-width: 1280px) {
      #aboutaccopenclose-btnwrap .openclose-btn .close-btn {
        height: 19.1215vw; } }
    #aboutaccopenclose-btnwrap .openclose-btn .close-btn div {
      position: absolute;
      display: block;
      top: auto;
      left: auto;
      bottom: 15px;
      right: 15px;
      width: 126px;
      height: 9.2vw;
      background: white;
      border-radius: 5px;
      border: 1px solid #32b4b4;
      font-size: 3.325vw;
      color: #32b4b4;
      /* font-weight: 200; */
      font-weight: 500;
      text-align: left;
      line-height: 9.2vw;
      padding-left: 15px;
      letter-spacing: 0.01em; }
      @media screen and (min-width: 433px) {
        #aboutaccopenclose-btnwrap .openclose-btn .close-btn div {
          height: 40px;
          font-size: 13.5px;
          line-height: 40px; } }
      @media screen and (min-width: 1280px) {
        #aboutaccopenclose-btnwrap .openclose-btn .close-btn div {
          border-radius: 10px;
          width: 9.7vw;
          height: 3.0728vw;
          /* font-size: 1.11055vw; */
          font-size: 0.89066444vw;
          line-height: 3.0728vw;
          padding-left: 2.004vw; } }
      #aboutaccopenclose-btnwrap .openclose-btn .close-btn div::after {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        bottom: 0;
        right: 15px;
        width: 20px;
        height: 20px;
        margin: auto auto;
        background-image: url(images/top/icon-minus.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: 1; }
        @media screen and (min-width: 1280px) {
          #aboutaccopenclose-btnwrap .openclose-btn .close-btn div::after {
            right: 1.336vw;
            width: 1.558444vw;
            height: 1.558444vw; } }

#aboutaccopenclose-btnwrap .openclose-btn.accopen .open-btn {
  display: none; }
#aboutaccopenclose-btnwrap .openclose-btn.accopen .close-btn {
  display: block; }

/**************************
syokusyu
**************************/
.bg-greendot {
  background-image: url("images/top/bg-greendot.png");
  background-position: center,center;
  background-size: 7px 7px;
  background-repeat: repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.syokusyu-cont {
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .syokusyu-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .syokusyu-cont {
      margin-top: 2.2266778vw; } }

.syokusyu-card:nth-child(1) {
  margin-bottom: 20px; }

.syokusyu-detail {
  position: relative;
  padding: 20px 20px; }
  .syokusyu-detail h5 {
    display: block;
    font-size: 6vw;
    font-weight: 500;
    color: #FFF;
    text-align: left;
    line-height: 1;
    margin: 0 0;
    padding: 0 0 5px 0;
    border-bottom: 1.5px dotted #FFF; }
    @media screen and (min-width: 433px) {
      .syokusyu-detail h5 {
        font-size: 24px; } }
    @media screen and (min-width: 1280px) {
      .syokusyu-detail h5 {
        font-size: 2.004vw; } }
  .syokusyu-detail h6 {
    display: block;
    font-size: 4.125vw;
    font-weight: 500;
    color: #FFF;
    text-align: left;
    line-height: 1.5;
    margin: 0 0;
    padding: 15px 0 10px 0; }
    @media screen and (min-width: 433px) {
      .syokusyu-detail h6 {
        font-size: 16.5px; } }
    @media screen and (min-width: 1280px) {
      .syokusyu-detail h6 {
        font-size: 1.37775vw; } }
  .syokusyu-detail p {
    font-size: 3.06vw;
    color: #FFF;
    /* font-weight: 200; */
    padding: 0 0;
    line-height: 1.87; }
    @media screen and (min-width: 433px) {
      .syokusyu-detail p {
        font-size: 13px; } }
    @media screen and (min-width: 1280px) {
      .syokusyu-detail p {
        font-size: 1.02204vw; } }
  .syokusyu-detail .syokusyu-list-title {
    display: inline-block;
    width: 78px;
    height: 17px;
    font-size: 10px;
    /* font-weight: 200; */
    color: #32b4b4;
    text-align: left;
    line-height: 17px;
    margin: 0 0;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0 0;
    background: white; }
    @media screen and (min-width: 1280px) {
      .syokusyu-detail .syokusyu-list-title {
        width: 6.9026666444vw;
        height: 1.4696vw;
        line-height: 1.4696vw;
        font-size: 0.89066444vw;
        margin-bottom: 1.246933222vw; } }
    .syokusyu-detail .syokusyu-list-title span {
      display: inline-block;
      width: 100%;
      height: 100%;
      font-size: 10px;
      /* font-weight: 200; */
      color: #32b4b4;
      line-height: 17px;
      text-align: center;
      margin: 0 0;
      padding: 0 0; }
      @media screen and (min-width: 1280px) {
        .syokusyu-detail .syokusyu-list-title span {
          font-size: 0.89066444vw;
          line-height: 1.4696vw; } }
  .syokusyu-detail .syokusyu-list small {
    font-size: 0.9em;
    color: #FFF;
    /* font-weight: 200; */ }
  .syokusyu-detail ul, .syokusyu-detail li {
    font-size: 3.333vw;
    color: #FFF;
    /* font-weight: 200; */ }
    @media screen and (min-width: 433px) {
      .syokusyu-detail ul, .syokusyu-detail li {
        font-size: 14px; } }
    @media screen and (min-width: 1280px) {
      .syokusyu-detail ul, .syokusyu-detail li {
        font-size: 1.113222vw; } }
  .syokusyu-detail ul li {
    position: relative;
    list-style-type: none !important;
    padding: 0 0;
    padding-left: 1.2em;
    margin-bottom: 6px;
    line-height: 1.36;
    vertical-align: top; }
    @media screen and (min-width: 1280px) {
      .syokusyu-detail ul li {
        margin-bottom: 0.89066444vw; } }
  .syokusyu-detail ul li:before {
    position: absolute;
    display: block;
    content: '';
    top: .2em;
    left: 0;
    width: .8em;
    height: .8em;
    background: #646464;
    border-radius: 50%; }

/**************************
slick
**************************/
.slick-wrap.centermode-slick {
  margin-left: -5.3125vw;
  margin-right: -5.3125vw; }
  @media screen and (min-width: 433px) {
    .slick-wrap.centermode-slick {
      margin-left: -20px;
      margin-right: -20px; } }
  @media screen and (min-width: 1280px) {
    .slick-wrap.centermode-slick {
      margin-left: -1.774375vw;
      margin-right: -1.774375vw; } }

.slick-slide {
  padding: 0 7.5px; }
  @media screen and (min-width: 1280px) {
    .slick-slide {
      padding: 0 15px; } }

.centermode-slick .prev-arrow,
.centermode-slick .next-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: calc(50vw - 38px);
  display: block;
  width: 26px;
  height: 26px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10; }
  @media screen and (min-width: 433px) {
    .centermode-slick .prev-arrow,
    .centermode-slick .next-arrow {
      top: 179px; } }
  @media screen and (min-width: 1280px) {
    .centermode-slick .prev-arrow,
    .centermode-slick .next-arrow {
      top: calc(16.7vw - 45px);
      width: 30px;
      height: 30px; } }

.centermode-slick .prev-arrow {
  left: 17px; }
  @media screen and (min-width: 433px) {
    .centermode-slick .prev-arrow {
      left: 17px; } }
  @media screen and (min-width: 1280px) {
    .centermode-slick .prev-arrow {
      left: 30px; } }

.centermode-slick .next-arrow {
  right: 17px; }
  @media screen and (min-width: 433px) {
    .centermode-slick .next-arrow {
      right: 17px; } }
  @media screen and (min-width: 1280px) {
    .centermode-slick .next-arrow {
      right: 30px; } }

.slick-detail {
  display: none;
  margin-left: calc(5.3125vw - 30px);
  margin-right: calc(5.3125vw - 30px);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  @media screen and (min-width: 433px) {
    .slick-detail {
      margin-left: -10px;
      margin-right: -10px; } }
  @media screen and (min-width: 1280px) {
    .slick-detail {
      margin-left: -15px;
      margin-right: -15px; } }

.slick-active .slick-detail {
  display: block; }

/**************************

**************************/
/**************************
jigyo
**************************/
.jigyo-cont {
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .jigyo-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .jigyo-cont {
      margin-top: 2.2266778vw; } }

.jigyo-cont p {
  color: #646464; }
.jigyo-cont p.img-caption {
  text-align: right;
  font-size: 3.2vw;
  /* font-weight: 200; */
  padding-top: 8px; }
  @media screen and (min-width: 433px) {
    .jigyo-cont p.img-caption {
      font-size: 12.8px; } }
  @media screen and (min-width: 768px) {
    .jigyo-cont p.img-caption {
      font-size: 13px; } }
  @media screen and (min-width: 1280px) {
    .jigyo-cont p.img-caption {
      font-size: 1.0688vw;
      padding-top: 0.8016vw; } }

.jigyo-cont .slick-detail {
  padding-top: 24px;
  padding-bottom: 30px; }
  @media screen and (min-width: 1280px) {
    .jigyo-cont .slick-detail {
      padding-top: 40px;
      padding-bottom: 50px; } }
  .jigyo-cont .slick-detail p {
    font-size: 3.2vw;
    /* font-weight: 200; */
    line-height: 1.8;
    padding-bottom: 24px; }
    @media screen and (min-width: 433px) {
      .jigyo-cont .slick-detail p {
        font-size: 12.8px; } }
    @media screen and (min-width: 768px) {
      .jigyo-cont .slick-detail p {
        font-size: 13px; } }
    @media screen and (min-width: 1280px) {
      .jigyo-cont .slick-detail p {
        font-size: 1.0688vw;
        padding-bottom: 40px; } }

/**************************
voice
**************************/
.voice-cont {
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .voice-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .voice-cont {
      margin-top: 2.2266778vw; } }

.voice-cont .slick-detail * {
  color: #FFF; }
.voice-cont .slick-detail .voice-name-wrap {
  padding: 20px 0;
  text-align: center;
  font-size: 13px;
  line-height: 23px; }
  @media screen and (min-width: 1280px) {
    .voice-cont .slick-detail .voice-name-wrap {
      font-size: 1.002vw;
      line-height: 1.77354vw; } }
  .voice-cont .slick-detail .voice-name-wrap small {
    font-size: 12.5px; }
    @media screen and (min-width: 1280px) {
      .voice-cont .slick-detail .voice-name-wrap small {
        font-size: 0.96419vw; } }
  .voice-cont .slick-detail .voice-name-wrap span {
    padding-left: 5px;
    font-size: 23px;
    font-weight: 700; }
    @media screen and (min-width: 1280px) {
      .voice-cont .slick-detail .voice-name-wrap span {
        font-size: 1.77354vw; } }
.voice-cont .slick-detail h6 {
  padding: 5px 0 24px 0;
  font-size: 4vw;
  font-weight: 700;
  letter-spacing: 0.04em; }
  @media screen and (min-width: 433px) {
    .voice-cont .slick-detail h6 {
      font-size: 16px; } }
  @media screen and (min-width: 1280px) {
    .voice-cont .slick-detail h6 {
      padding: 0.3856698vw 0 1.77354vw 0;
      font-size: 1.336vw; } }
.voice-cont .slick-detail p {
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.8;
  padding-bottom: 24px; }
  @media screen and (min-width: 433px) {
    .voice-cont .slick-detail p {
      font-size: 12.8px; } }
  @media screen and (min-width: 768px) {
    .voice-cont .slick-detail p {
      font-size: 13px; } }
  @media screen and (min-width: 1280px) {
    .voice-cont .slick-detail p {
      font-size: 1.0688vw;
      padding-bottom: 1.77354vw; } }
.voice-cont .slick-detail .img-box {
  padding-bottom: 24px; }
  @media screen and (min-width: 1280px) {
    .voice-cont .slick-detail .img-box {
      padding-bottom: 1.77354vw; } }

.voice-acc-cont .openclose-btn {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  .voice-acc-cont .openclose-btn .open-btn {
    padding: 0 0;
    padding-bottom: 9.75vw; }
    @media screen and (min-width: 433px) {
      .voice-acc-cont .openclose-btn .open-btn {
        padding: 0 0;
        padding-bottom: 42px; } }
    @media screen and (min-width: 1280px) {
      .voice-acc-cont .openclose-btn .open-btn {
        padding-bottom: 3.2565vw; } }
    .voice-acc-cont .openclose-btn .open-btn div {
      position: relative;
      display: block;
      height: 9.2vw;
      background: white;
      border-radius: 5px;
      border: 1px solid #32b4b4;
      font-size: 3.325vw;
      color: #32b4b4;
      /* font-weight: 200; */
      font-weight: 500;
      text-align: center;
      line-height: 9.2vw; }
      @media screen and (min-width: 433px) {
        .voice-acc-cont .openclose-btn .open-btn div {
          height: 40px;
          font-size: 13.5px;
          line-height: 40px; } }
      @media screen and (min-width: 1280px) {
        .voice-acc-cont .openclose-btn .open-btn div {
          height: 3.0728vw;
          font-size: 1.11055vw;
          line-height: 3.0728vw;
          border-radius: 10px; } }
      .voice-acc-cont .openclose-btn .open-btn div::after {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        bottom: 0;
        right: 15px;
        width: 20px;
        height: 20px;
        margin: auto auto;
        background-image: url(images/top/icon-plus.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: 1; }
  .voice-acc-cont .openclose-btn .close-btn {
    position: relative;
    display: none;
    width: 100%;
    height: 9.2vw;
    padding: 0 5.3125vw;
    margin-bottom: 9.75vw; }
    @media screen and (min-width: 433px) {
      .voice-acc-cont .openclose-btn .close-btn {
        height: 40px;
        padding: 0 20px;
        margin-bottom: 42px; } }
    .voice-acc-cont .openclose-btn .close-btn div {
      position: absolute;
      display: block;
      top: 0;
      left: auto;
      bottom: auto;
      right: 0;
      width: 126px;
      height: 9.2vw;
      background: white;
      border-radius: 5px;
      border: 1px solid #32b4b4;
      font-size: 3.325vw;
      color: #32b4b4;
      /* font-weight: 200; */
      font-weight: 500;
      text-align: left;
      line-height: 9.2vw;
      padding-left: 15px;
      letter-spacing: 0.1em; }
      @media screen and (min-width: 433px) {
        .voice-acc-cont .openclose-btn .close-btn div {
          height: 40px;
          font-size: 13.5px;
          line-height: 40px; } }
      .voice-acc-cont .openclose-btn .close-btn div::after {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        bottom: 0;
        right: 15px;
        width: 20px;
        height: 20px;
        margin: auto auto;
        background-image: url(images/top/icon-minus.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: 1; }

.voice-acc-cont .openclose-btn.accopen .open-btn {
  display: none; }
.voice-acc-cont .openclose-btn.accopen .close-btn {
  display: block; }

/**************************
gaiyo-cont
**************************/
.gaiyo-cont {
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .gaiyo-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .gaiyo-cont {
      margin-top: 2.2266778vw; } }

.gaiyo-caption {
  width: 100%;
  text-align: right; }
  .gaiyo-caption small {
    font-size: 11px;
    /* font-weight: 200; */
    line-height: 11px; }
    @media screen and (min-width: 1280px) {
      .gaiyo-caption small {
        font-size: 0.84836vw;
        line-height: 0.84836vw; } }

.gaiyo-dl {
  width: 100%;
  display: grid;
  grid-template: auto / 5em 1fr;
  border-bottom: 1px solid #32b4b4;
  margin-bottom: 25px; }
  @media screen and (min-width: 1280px) {
    .gaiyo-dl {
      border-bottom: 2px solid #32b4b4;
      margin-bottom: 1.851362vw; } }
  @media screen and (min-width: 1400px) {
    .gaiyo-dl {
      grid-template: auto / 6em 1fr; } }
  .gaiyo-dl dt, .gaiyo-dl dd {
    font-size: 3.2vw;
    /* font-weight: 200; */
    height: 15.773vw;
    line-height: 15.773vw;
    margin: 0;
    padding: 0 0;
    border-top: 1px solid #32b4b4;
    letter-spacing: 0.07em; }
    @media screen and (min-width: 433px) {
      .gaiyo-dl dt, .gaiyo-dl dd {
        font-size: 13.8px;
        height: 67.43px;
        line-height: 67.43px; } }
    @media screen and (min-width: 1280px) {
      .gaiyo-dl dt, .gaiyo-dl dd {
        font-size: 1.0688vw;
        height: 5.268182vw;
        line-height: 5.268182vw;
        border-top: 2px solid #32b4b4; } }
  .gaiyo-dl dt {
    grid-column: 1;
    color: #32b4b4;
    position: relative;
    font-weight: 500; }
    .gaiyo-dl dt span {
      /* font-weight: 200; */
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-weight: 500; }
  .gaiyo-dl dd {
    grid-column: 2;
    color: #646464; }
    .gaiyo-dl dd.threelines {
      line-height: 1.29;
      padding: 1.5945vw 0; }
      @media screen and (min-width: 433px) {
        .gaiyo-dl dd.threelines {
          line-height: 1.29;
          padding: 6.9px 0; } }
      @media screen and (min-width: 1280px) {
        .gaiyo-dl dd.threelines {
          padding: 0.532563vw 0; } }

.gaiyo-cont p {
  font-size: 3.2vw;
  /* font-weight: 200; */
  line-height: 1.29;
  padding-bottom: 24px;
  letter-spacing: 0.06em;
  color: #646464; }
  @media screen and (min-width: 433px) {
    .gaiyo-cont p {
      font-size: 12.8px; } }
  @media screen and (min-width: 768px) {
    .gaiyo-cont p {
      font-size: 13px; } }
  @media screen and (min-width: 1280px) {
    .gaiyo-cont p {
      font-size: 1.0688vw;
      padding-bottom: 1.851362vw; } }
.gaiyo-cont p.gaiyo-gyoumunaiyo {
  line-height: 1.625; }
  .gaiyo-cont p.gaiyo-gyoumunaiyo span {
    display: inline;
    /* font-weight: 200; */
    color: #32b4b4;
    font-size: 2.6667vw;
    padding-right: 2px; }
    @media screen and (min-width: 433px) {
      .gaiyo-cont p.gaiyo-gyoumunaiyo span {
        font-size: 11.55px; } }
    @media screen and (min-width: 1280px) {
      .gaiyo-cont p.gaiyo-gyoumunaiyo span {
        font-size: 0.8906778vw; } }

.gaiyo-acc-cont {
  padding-top: 30px; }
  .gaiyo-acc-cont .openclose-btn {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    padding-bottom: 9.75vw; }
    @media screen and (min-width: 433px) {
      .gaiyo-acc-cont .openclose-btn {
        padding-bottom: 42px; } }
    .gaiyo-acc-cont .openclose-btn .open-btn {
      padding: 0 0;
      /* padding-bottom: 9.75vw; */ }
      @media screen and (min-width: 433px) {
        .gaiyo-acc-cont .openclose-btn .open-btn {
          padding: 0 0;
          /* padding-bottom: 42px; */ } }
      @media screen and (min-width: 1280px) {
        .gaiyo-acc-cont .openclose-btn .open-btn {
          padding-bottom: 3.2565vw; } }
      .gaiyo-acc-cont .openclose-btn .open-btn div {
        position: relative;
        display: block;
        height: 9.2vw;
        background: white;
        border-radius: 5px;
        border: 1px solid #32b4b4;
        font-size: 3.325vw;
        color: #32b4b4;
        font-weight: 500;
        text-align: center;
        line-height: 9.2vw; }
        @media screen and (min-width: 433px) {
          .gaiyo-acc-cont .openclose-btn .open-btn div {
            height: 40px;
            font-size: 13.5px;
            line-height: 40px; } }
        @media screen and (min-width: 1280px) {
          .gaiyo-acc-cont .openclose-btn .open-btn div {
            border-radius: 10px;
            border: 2px solid #32b4b4;
            height: 3.0728vw;
            font-size: 1.11055vw;
            line-height: 3.0728vw;
            border-radius: 10px; } }
        .gaiyo-acc-cont .openclose-btn .open-btn div::after {
          content: '';
          position: absolute;
          top: 0;
          left: auto;
          bottom: 0;
          right: 15px;
          width: 20px;
          height: 20px;
          margin: auto auto;
          background-image: url(images/top/icon-plus.png);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          z-index: 1; }
    .gaiyo-acc-cont .openclose-btn .close-btn {
      position: relative;
      display: none;
      width: 100%;
      height: 9.2vw;
      padding: 0 5.3125vw; }
      @media screen and (min-width: 433px) {
        .gaiyo-acc-cont .openclose-btn .close-btn {
          height: 40px;
          padding: 0 20px; } }
      .gaiyo-acc-cont .openclose-btn .close-btn div {
        position: absolute;
        display: block;
        top: 0;
        left: auto;
        bottom: auto;
        right: 0;
        width: 126px;
        height: 9.2vw;
        background: white;
        border-radius: 5px;
        border: 1px solid #32b4b4;
        font-size: 3.325vw;
        color: #32b4b4;
        font-weight: 500;
        text-align: left;
        line-height: 9.2vw;
        padding-left: 15px;
        letter-spacing: 0.1em; }
        @media screen and (min-width: 433px) {
          .gaiyo-acc-cont .openclose-btn .close-btn div {
            height: 40px;
            font-size: 13.5px;
            line-height: 40px; } }
        .gaiyo-acc-cont .openclose-btn .close-btn div::after {
          content: '';
          position: absolute;
          top: 0;
          left: auto;
          bottom: 0;
          right: 15px;
          width: 20px;
          height: 20px;
          margin: auto auto;
          background-image: url(images/top/icon-minus.png);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          z-index: 1; }

.gaiyo-acc-cont .openclose-btn.accopen .open-btn {
  display: none; }
.gaiyo-acc-cont .openclose-btn.accopen .close-btn {
  display: block; }

h6.title-dotline {
  position: relative;
  width: 100%;
  height: 3.866vw;
  margin: 5px 0 15px 0;
  padding: 0 0;
  font-size: 3.866vw;
  text-align: left; }
  @media screen and (min-width: 433px) {
    h6.title-dotline {
      height: 16.74px;
      font-size: 16.74px; } }
  @media screen and (min-width: 1280px) {
    h6.title-dotline {
      height: 1.291244vw;
      margin: 0.38568vw 0 1.15704vw 0;
      font-size: 1.291244vw; } }
  h6.title-dotline::before {
    content: '';
    position: absolute;
    display: block;
    top: calc(1.933vw - 0.5px);
    left: 0;
    width: 100%;
    margin: auto auto;
    height: 1px;
    border-bottom: 1px dotted #32b4b4;
    z-index: 0; }
    @media screen and (min-width: 433px) {
      h6.title-dotline::before {
        top: 8.37px; } }
    @media screen and (min-width: 1280px) {
      h6.title-dotline::before {
        top: calc(0.645622vw - 1.5px); } }
  h6.title-dotline span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    margin: auto auto;
    padding: 0 10px 0 0;
    height: 3.866vw;
    /* font-weight: 200; */
    line-height: 3.866vw;
    letter-spacing: 0.04em;
    background: #FFF;
    color: #32b4b4; }
    @media screen and (min-width: 433px) {
      h6.title-dotline span {
        height: 16.74px;
        font-size: 16.74px;
        line-height: 16.74px; } }
    @media screen and (min-width: 1280px) {
      h6.title-dotline span {
        padding: 0 10px 0 0;
        height: 1.291244vw;
        line-height: 1.291244vw;
        font-size: 1.291244vw; } }

/**************************
qa-cont	
**************************/
.qa-cont {
  padding-bottom: 12.5px;
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .qa-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .qa-cont {
      margin-top: 2.2266778vw; } }
  .qa-cont ul,
  .qa-cont li {
    margin: 0;
    padding: 0;
    list-style: none; }

.accordion {
  width: 100%;
  margin: auto;
  cursor: pointer; }
  .accordion li {
    display: inline-block;
    width: 100%;
    /* border-bottom: 1px $color-green solid; */
    text-align: left;
    background: #FFF;
    border: 1px #32b4b4 solid;
    border-radius: 5px;
    margin-bottom: 12.5px; }
    @media screen and (min-width: 1280px) {
      .accordion li {
        border: 2px #32b4b4 solid;
        border-radius: 7.5px;
        margin-bottom: 15px; } }
  .accordion .question {
    position: relative;
    /* padding: 32px 32px 32px 2em; */
    padding: 11px 50px 11px 15px;
    color: #32b4b4;
    list-style: none;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 3.333vw;
    line-height: 1.6; }
    @media screen and (min-width: 433px) {
      .accordion .question {
        font-size: 14.433px;
        padding: 10px 50px 10px 15px; } }
    @media screen and (min-width: 1280px) {
      .accordion .question {
        font-size: 1.0688vw; } }
    .accordion .question .icon {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: auto;
      right: 15px;
      font-size: 0;
      width: 20px;
      height: 20px;
      margin: auto auto;
      background-image: url(images/top/icon-plus.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      transition: all 0.3s; }
  .accordion .active .icon {
    background-image: url(images/top/icon-minus.png); }
  .accordion .answer {
    display: none;
    position: relative;
    margin: 0 15px 15px 15px;
    border-top: 1px dotted #32b4b4; }
    @media screen and (min-width: 433px) {
      .accordion .answer {
        margin: 0 15px 15px 15px; } }
    @media screen and (min-width: 1280px) {
      .accordion .answer {
        border-top: 2px dotted #32b4b4; } }
    .accordion .answer::before {
      display: block;
      position: absolute;
      top: 15px;
      bottom: auto;
      right: auto;
      left: 0;
      width: 21px;
      height: 21px;
      margin: 0 0;
      font-size: 21px;
      content: "A";
      color: #32b4b4;
      font-family: 'Noto Serif JP', serif;
      font-weight: 500; }
      @media screen and (min-width: 433px) {
        .accordion .answer::before {
          font-size: 22px; } }
      @media screen and (min-width: 1280px) {
        .accordion .answer::before {
          width: 1.7813333vw;
          height: 1.7813333vw;
          font-size: 1.7813333vw; } }
    .accordion .answer p {
      padding: 15px 0 0 25px;
      position: relative;
      display: inline-block;
      width: 100%;
      font-size: 12.25px;
      color: #646464;
      line-height: 1.87; }
      @media screen and (min-width: 1280px) {
        .accordion .answer p {
          padding-left: 2.04853222vw;
          font-size: 1.02426444vw; } }

/**************************
saiyo-cont	
**************************/
.saiyo-cont {
  padding-bottom: 25px; }
  @media screen and (min-width: 1280px) {
    .saiyo-cont {
      padding-bottom: 30px; } }

.saiyo-leadcopy {
  text-align: center; }
  .saiyo-leadcopy p.saiyo-leadcopy-attention {
    display: inline-block;
    width: auto;
    margin: 15px auto 0 auto;
    padding: 0 0 2px 0;
    font-size: 3.9vw;
    color: #ff5371;
    border-bottom: 1px solid #ff5371; }
    @media screen and (min-width: 433px) {
      .saiyo-leadcopy p.saiyo-leadcopy-attention {
        font-size: 16px; } }
    @media screen and (min-width: 1280px) {
      .saiyo-leadcopy p.saiyo-leadcopy-attention {
        font-size: 1.246933222vw;
        border-bottom: 2px solid #ff5371; } }

.green-blocktitle {
  display: block;
  width: 100%;
  height: 8vw;
  line-height: 8vw;
  margin: 0 auto;
  margin-top: 2.333vw;
  padding: 0 0;
  font-size: 4vw;
  letter-spacing: 0.02em;
  color: #FFF;
  background-color: #32b4b4;
  text-align: center; }
  @media screen and (min-width: 433px) {
    .green-blocktitle {
      height: 34.64px;
      line-height: 34.64px;
      font-size: 17.32px;
      margin-top: 20px; } }
  @media screen and (min-width: 1280px) {
    .green-blocktitle {
      height: 2.672vw;
      line-height: 2.672vw;
      font-size: 1.336vw; } }

.saiyo-dl {
  width: 100%;
  display: grid;
  grid-template: auto / 5em 1fr; }
  @media screen and (min-width: 1400px) {
    .saiyo-dl {
      grid-template: auto / 6em 1fr; } }
  .saiyo-dl.saiyo-dl-first {
    margin-bottom: 25px; }
    @media screen and (min-width: 1280px) {
      .saiyo-dl.saiyo-dl-first {
        margin-bottom: 1.851362vw; } }
  .saiyo-dl dt, .saiyo-dl dd {
    font-size: 3.2vw;
    /* font-weight: 200; */
    height: 15.773vw;
    line-height: 15.773vw;
    margin: 0;
    padding: 0 0;
    border-bottom: 1px solid #32b4b4;
    letter-spacing: 0.07em; }
    @media screen and (min-width: 433px) {
      .saiyo-dl dt, .saiyo-dl dd {
        font-size: 13.8px;
        height: 67.43px;
        line-height: 67.43px; } }
    @media screen and (min-width: 1280px) {
      .saiyo-dl dt, .saiyo-dl dd {
        font-size: 1.0688vw;
        height: 5.268182vw;
        line-height: 5.268182vw;
        border-bottom: 2px solid #32b4b4; } }
  .saiyo-dl dt {
    grid-column: 1;
    color: #32b4b4;
    position: relative;
    font-weight: 500; }
    .saiyo-dl dt span {
      /* font-weight: 200; */
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-weight: 500; }
    .saiyo-dl dt.autolines {
      height: auto;
      line-height: 1.29;
      padding: 5.6vw 0;
      vertical-align: top; }
      @media screen and (min-width: 433px) {
        .saiyo-dl dt.autolines {
          line-height: 1.29;
          padding: 24px 0 20px 0; } }
      @media screen and (min-width: 1280px) {
        .saiyo-dl dt.autolines {
          padding: 1.8704vw 0; } }
  .saiyo-dl dd {
    grid-column: 2;
    color: #646464; }
    .saiyo-dl dd.threelines {
      line-height: 1.29;
      padding: 1.5945vw 0; }
      @media screen and (min-width: 433px) {
        .saiyo-dl dd.threelines {
          line-height: 1.29;
          padding: 6.9px 0; } }
      @media screen and (min-width: 1280px) {
        .saiyo-dl dd.threelines {
          padding: 0.532563vw 0; } }
    .saiyo-dl dd.autolines {
      height: auto;
      line-height: 1.29;
      padding: 5.6vw 0;
      vertical-align: top; }
      @media screen and (min-width: 433px) {
        .saiyo-dl dd.autolines {
          line-height: 1.29;
          padding: 24px 0 20px 0; } }
      @media screen and (min-width: 1280px) {
        .saiyo-dl dd.autolines {
          padding: 1.8704vw 0; } }

.saiyo-dl ul {
  margin-top: 5px; }
.saiyo-dl ul, .saiyo-dl li {
  font-size: 3.06667vw; }
  @media screen and (min-width: 433px) {
    .saiyo-dl ul, .saiyo-dl li {
      font-size: 13.28px; } }
  @media screen and (min-width: 1280px) {
    .saiyo-dl ul, .saiyo-dl li {
      font-size: 1.02426444vw; } }
.saiyo-dl ul li {
  position: relative;
  list-style-type: none !important;
  padding: 0 0;
  padding-left: 1em;
  line-height: 1.36;
  vertical-align: top; }
.saiyo-dl ul li:before {
  position: absolute;
  display: block;
  content: '';
  top: .2em;
  left: 0;
  width: .8em;
  height: .8em;
  background: #646464;
  border-radius: 50%; }
.saiyo-dl ul li.kome:before {
  position: absolute;
  display: block;
  content: '※';
  font-size: 1em;
  top: .2em;
  left: 0;
  width: .8em;
  height: .8em;
  background: none;
  border-radius: 0;
  line-height: .8em; }

/**************************
flow-cont
**************************/
.flow-cont {
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .flow-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .flow-cont {
      margin-top: 2.2266778vw; } }

.flow-cont h6 {
  position: relative;
  width: 100%;
  height: 3.866vw;
  margin: 5px 0 15px 0;
  padding: 0 0;
  font-size: 3.866vw;
  text-align: left;
  /* font-weight: 200; */
  line-height: 3.866vw;
  letter-spacing: 0.04em;
  color: #32b4b4; }
  @media screen and (min-width: 433px) {
    .flow-cont h6 {
      height: 16.74px;
      font-size: 16.74px;
      line-height: 16.74px; } }
  @media screen and (min-width: 1280px) {
    .flow-cont h6 {
      height: 1.29146444vw;
      line-height: 1.29146444vw;
      font-size: 1.29146444vw; } }
  .flow-cont h6.mt-25px {
    margin-top: 25px; }

/**************************
instagram
**************************/
#instalist ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 10px;
  margin-left: -1%;
  margin-right: -1%; }

#instalist ul li {
  position: relative;
  list-style: none;
  width: 48%;
  margin-bottom: 2%; }
  #instalist ul li::before {
    content: "";
    display: block;
    padding-top: 100%; }
  #instalist ul li a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden; }
    #instalist ul li a img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%; }
    #instalist ul li a video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* min-width: 100%; */
      min-height: 100%;
      width: 100%; }

/**************************
note
**************************/
.note-cont {
  padding-bottom: 10px; }

.note_list {
  margin-top: 10px;
  margin-bottom: 10px; }

/**************************
access
**************************/
h3.title-access {
  text-align: center;
  color: #32b4b4;
  font-size: 5.29vw; }
  @media screen and (min-width: 433px) {
    h3.title-access {
      font-size: 23px; } }
  @media screen and (min-width: 1280px) {
    h3.title-access {
      font-size: 1.7813333222vw; } }

.access-cont {
  margin-top: 6.6667vw; }
  @media screen and (min-width: 433px) {
    .access-cont {
      margin-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .access-cont {
      margin-top: 2.2266778vw; } }

/**************************
foot-cont
**************************/
.foot-cont {
  padding-top: 30px;
  color: #646464; }

.address {
  position: relative;
  display: block;
  width: 100%;
  text-align: center; }
  .address .foot-logo {
    display: inline-block;
    width: 52.375vw;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 433px) {
      .address .foot-logo {
        width: 226px; } }
    @media screen and (min-width: 1280px) {
      .address .foot-logo {
        width: 17.49325vw; } }
  .address .foot-address {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 2.8vw;
    /* font-weight: 200; */
    line-height: 1.4; }
    @media screen and (min-width: 433px) {
      .address .foot-address {
        font-size: 12.5px; } }
    @media screen and (min-width: 1280px) {
      .address .foot-address {
        font-size: 0.9352vw; } }
  .address .foot-logo img, .address .foot-address img {
    display: block;
    width: 100%;
    vertical-align: top; }

.foot-menu {
  position: relative;
  padding-top: 30px;
  text-align: center;
  line-height: 1.4; }
  .foot-menu a {
    display: inline-block;
    width: auto;
    font-size: 2.8vw;
    letter-spacing: 0.04em;
    font-weight: 500;
    color: #646464; }
    @media screen and (min-width: 433px) {
      .foot-menu a {
        font-size: 12.5px; } }
    @media screen and (min-width: 1280px) {
      .foot-menu a {
        font-size: 0.9352vw; } }
    .foot-menu a:hover {
      color: #32b4b4;
      text-decoration: none; }
  .foot-menu span {
    display: inline-block;
    width: auto;
    font-size: 2.8vw;
    letter-spacing: 0.04em;
    /* font-weight: 200; */
    color: #646464;
    padding: 0 0.5em; }
    @media screen and (min-width: 433px) {
      .foot-menu span {
        font-size: 12.5px; } }
    @media screen and (min-width: 1280px) {
      .foot-menu span {
        font-size: 0.9352vw; } }

.foot-sub-menu {
  position: relative;
  padding-top: 30px;
  padding-bottom: 35px;
  text-align: center;
  line-height: 1.4; }
  .foot-sub-menu a {
    display: inline-block;
    width: auto;
    height: 20px;
    font-size: 2.8vw;
    letter-spacing: 0.04em;
    /* font-weight: 200; */
    color: #646464;
    line-height: 20px;
    margin: 0 5px;
    padding: 0 0;
    vertical-align: middle; }
    @media screen and (min-width: 433px) {
      .foot-sub-menu a {
        font-size: 12.5px; } }
    @media screen and (min-width: 1280px) {
      .foot-sub-menu a {
        font-size: 0.9352vw;
        margin: 0 10px; } }
    .foot-sub-menu a:hover {
      color: #32b4b4;
      text-decoration: none; }
      .foot-sub-menu a:hover img {
        opacity: 0.7; }
    .foot-sub-menu a.color-green-exlink {
      position: relative;
      color: #32b4b4;
      padding-right: 23px;
      font-weight: 500; }
    .foot-sub-menu a.color-green-exlink:hover {
      opacity: 0.7; }
    .foot-sub-menu a.color-green-exlink::after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: auto;
      right: 0;
      bottom: 0;
      width: 20px;
      height: 20px;
      margin: auto auto;
      padding: 0 0;
      background-image: url("images/icon-exlink.svg");
      background-position: center,center;
      background-size: contain;
      background-repeat: no-repeat;
      -webkit-background-size: contain;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .foot-sub-menu a.icon-insta {
      width: 20px;
      height: 20px; }
      @media screen and (min-width: 433px) {
        .foot-sub-menu a.icon-insta {
          width: 20px;
          height: 20px; } }
    .foot-sub-menu a.icon-insta:hover {
      opacity: 0.7; }
    .foot-sub-menu a.icon-note {
      width: 20px;
      height: 20px; }
      @media screen and (min-width: 433px) {
        .foot-sub-menu a.icon-note {
          width: 20px;
          height: 20px; } }
    .foot-sub-menu a.icon-note:hover {
      opacity: 0.7; }
    .foot-sub-menu a img {
      display: block;
      width: 100%;
      vertical-align: top; }

footer {
  width: 100%;
  height: 30px;
  background-color: #32b4b4;
  text-align: center; }

.footcont-copyright {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 8px;
  line-height: 30px;
  letter-spacing: 0.1em;
  color: #FFF; }

/**************************
entry
**************************/
.entry-leadcopy {
  margin-top: 6.6667vw;
  text-align: center; }
  @media screen and (min-width: 433px) {
    .entry-leadcopy {
      margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .entry-leadcopy {
      margin-top: 2.2266778vw; } }
  .entry-leadcopy p {
    position: relative;
    display: inline-block;
    padding: 0 0;
    width: 100%;
    font-size: 3.2vw;
    color: #646464;
    text-align: center; }
    @media screen and (min-width: 433px) {
      .entry-leadcopy p {
        font-size: 13.8px; } }
    .entry-leadcopy p.entry-leadcopy-attention {
      width: auto;
      margin: 15px auto 0 auto;
      padding: 0 0 2px 0;
      font-size: 3.9vw;
      color: #ff5371;
      border-bottom: 1px solid #ff5371; }
      @media screen and (min-width: 433px) {
        .entry-leadcopy p.entry-leadcopy-attention {
          font-size: 16px; } }

/**************************
page-cont
**************************/
.contactwrap {
  margin: 0 -15px; }
  @media screen and (min-width: 992px) {
    .contactwrap {
      padding-left: 5vw;
      padding-right: 5vw; } }

.contactwrap_left,
.contactwrap_right {
  text-align: center; }
  @media screen and (min-width: 992px) {
    .contactwrap_left,
    .contactwrap_right {
      width: 50%; } }

.contactwrap-inner {
  display: inline-block;
  width: 250px;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .contactwrap-inner {
      width: 343px;
      text-align: left; } }
  .contactwrap-inner p {
    text-align: center;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.01em;
    padding-bottom: 18px; }
    @media screen and (min-width: 992px) {
      .contactwrap-inner p {
        text-align: left;
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 25px; } }

/* ****************************************************************************** */
.text-indent {
  text-indent: 1em; }

.text-indent-negative {
  padding-left: 4rem;
  text-indent: -3rem; }

.disc-style {
  list-style-type: disc; }
  .disc-style li {
    margin-left: 1.4em; }

.bg-bk {
  background: black; }

.bg-bk p, .bg-bk span {
  color: #FFF; }

.bg-color2 {
  background: #ff961e; }

.bg-wht {
  background: white; }

.bg-wht-95 {
  background: rgba(255, 255, 255, 0.95); }

.bg-bk .bg-wht p, .bg-bk .bg-wht span {
  color: #000; }
.bg-bk .bg-wht * {
  color: #000; }

.bdr-green {
  border-top: 1.5px solid #32b4b4; }

/**************************

**************************/
.img-circle {
  display: block;
  width: 100%;
  height: auto;
  max-width: 180px;
  margin: 0 auto;
  padding: 0 0; }
  .img-circle img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0 auto;
    padding: 0 0;
    border-radius: 50%;
    over-flow: hidden; }
  .img-circle.img-circle-m {
    max-width: 280px; }
  .img-circle.img-circle-l {
    max-width: 380px; }
  .img-circle.emp-hidden-xs {
    display: none;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding: 0 0; }
    @media screen and (min-width: 576px) {
      .img-circle.emp-hidden-xs {
        display: block; } }
  .img-circle.emp-lg-hidden-xs {
    display: none;
    width: 360px;
    height: 360px;
    margin: 0 auto;
    padding: 0 0; }
    @media screen and (min-width: 576px) {
      .img-circle.emp-lg-hidden-xs {
        display: block; } }

.img-sqare {
  display: block;
  width: 100%;
  height: auto;
  max-width: 180px;
  margin: 0 auto;
  padding: 1rem 0;
  vertical-align: middle; }
  .img-sqare img {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: auto auto;
    padding: 0 0; }

/**********************************
googlemap
**********************************/
.map-wrap {
  position: relative;
  padding-bottom: 100%;
  padding-top: 0;
  /* margin-bottom: 30px; */
  height: 0;
  overflow: hidden; }

.map-wrap iframe,
.map-wrap object,
.map-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

a.gotop {
  position: relative;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, 30%);
  transform: translate(0, 30%);
  text-decoration: none;
  color: #FFF; }
  a.gotop:hover {
    color: #CCC; }

a.gotop {
  padding-top: 20px; }

a.gotop span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  box-sizing: border-box; }

a.gohome {
  position: relative;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, 30%);
  transform: translate(0, 30%);
  text-decoration: none;
  color: #FFF; }
  a.gohome:hover {
    color: #CCC; }

a.gohome {
  padding-top: 20px; }

.swipe-container {
  background-image: url("images/bg-p-1.jpg");
  background-size: cover;
  background-position: center center;
  text-align: center;
  position: relative; }

.gotop {
  padding-bottom: 2em; }
  .gotop a {
    padding: 1em; }
  .gotop img {
    width: 38px; }

/**********************************
backtotop-btn
**********************************/
.backtotop-btn {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
  max-width: 235px;
  height: 40px;
  text-align: center; }

.backtotop-btn a {
  display: block;
  margin: 0;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: #32b4b4;
  line-height: 40px;
  padding: auto;
  font-size: 13px;
  color: #FFF;
  letter-spacing: .03em;
  border: 1px #32b4b4 solid;
  border-radius: 20px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }

.backtotop-btn a:hover {
  text-decoration: none;
  color: #32b4b4;
  background-color: #F8F8F8; }

/**********************************
bo-btn
**********************************/
.btn-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 0;
  text-align: center; }
  .btn-wrap.btn-left {
    text-align: left; }

.bo-btn {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
  max-width: 235px;
  height: 50px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .bo-btn {
      width: 100%;
      max-width: 527px;
      height: 70px; } }

.bo-btn a {
  display: block;
  margin: 0;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: #000;
  line-height: 50px;
  padding: auto;
  font-size: 15px;
  color: #FFF;
  letter-spacing: .03em;
  border: 1px #000 solid;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  @media screen and (min-width: 768px) {
    .bo-btn a {
      line-height: 70px; } }

.bo-btn a:hover {
  text-decoration: none;
  color: #000;
  background-color: #ff961e; }

.bo-btn a.btn-cstm:hover {
  text-decoration: none;
  /* background-color: rgba(240,240,240,.5); */ }

.bo-btn.bo-btn-small a {
  line-height: 34px;
  font-size: 12px;
  border-radius: 17px; }

.bo-btn.bo-btn-xs-small a {
  line-height: 34px;
  font-size: 12px;
  border-radius: 17px; }
  @media screen and (min-width: 420px) {
    .bo-btn.bo-btn-xs-small a {
      line-height: 46px;
      font-size: 16px;
      border-radius: 23px; } }

.more-btn {
  display: inline-block;
  position: relative;
  margin: auto;
  margin-top: 0;
  margin-bottom: 10px;
  width: 120px;
  height: 32px;
  text-align: center; }
  @media screen and (max-width: 420px) {
    .more-btn {
      width: 140px; } }

.more-btn a {
  display: block;
  margin: 0;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: #FFF;
  line-height: 32px;
  padding: auto;
  font-size: 13px;
  color: #333;
  letter-spacing: .1em;
  border: 1px #333 solid; }

.more-btn a.btn-cstm:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #ff961e;
  border: 1px #ff961e solid;
  border-radius: 0 16px 16px 0; }

.btn-cstm::before, .btn-cstm::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: ''; }

.btn-cstm, .btn-cstm::before, .btn-cstm::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }

/**********************************
entry-btn
**********************************/
.entry-btn-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 0;
  padding-top: 30px;
  text-align: center; }

.entry-btn a {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 68vw;
  height: 71px;
  cursor: pointer;
  text-decoration: none;
  background-color: #646464;
  /* #646464 */
  line-height: 71px;
  padding: auto;
  font-size: 15.5px;
  font-weight: 500;
  color: #FFF;
  letter-spacing: .01em;
  border-radius: 35.5px;
  -webkit-transition: all .3s;
  transition: all .3s; }
  @media screen and (min-width: 375px) {
    .entry-btn a {
      width: 255px; } }

.entry-btn a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: rgba(100, 100, 100, 0.8); }

.entry-btn a span {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 40px;
  left: auto;
  margin: auto auto;
  width: 25px;
  height: 25px;
  padding: 0 0; }
  @media screen and (min-width: 375px) {
    .entry-btn a span {
      right: 50px; } }

.entry-btn-caption {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  height: 13px; }
  .entry-btn-caption span {
    position: relative;
    display: inline-block;
    width: auto;
    height: 12px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    /* font-weight: 200; */
    color: #32b4b4;
    letter-spacing: .01em;
    vertical-align: top;
    line-height: 12px; }
  .entry-btn-caption span::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 15px;
    height: 12px;
    margin: 0 0;
    padding: 0 0;
    border-bottom: 1px solid #32b4b4;
    -webkit-transform: rotate(52deg);
    -moz-transform: rotate(52deg);
    transform: rotate(52deg); }
  .entry-btn-caption span::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 15px;
    height: 12px;
    margin: 0 0;
    margin-left: -5px;
    padding: 0 0;
    border-bottom: 1px solid #32b4b4;
    -webkit-transform: rotate(-52deg);
    -moz-transform: rotate(-52deg);
    transform: rotate(-52deg); }

/**********************************
sns-icon
**********************************/
.sns-bar-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center; }
  .sns-bar-wrap .sub-sns-wrap {
    text-align: center; }
    .sns-bar-wrap .sub-sns-wrap a {
      font-size: 14px; }

.sns-bar-menu {
  height: 40px;
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 0 0;
  text-align: center;
  vertical-align: middle; }

.sns-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 15px;
  padding: 0 0; }
  .sns-icon a, .sns-icon img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 0;
    padding: 0 0; }

/**********************************
inq-btn
**********************************/
.inq-btn {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 255px;
  height: 50px;
  text-align: center; }
  @media screen and (min-width: 420px) {
    .inq-btn {
      width: 300px; } }

.inq-btn a {
  position: relative;
  display: block;
  margin: 0;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: #FFF;
  border: 2px #FFF solid;
  line-height: 50px;
  padding: auto;
  font-size: 15px;
  color: #333;
  letter-spacing: .1em;
  /* border: 1px #333 solid; */
  border-radius: 25px; }
  .inq-btn a .icon-inq {
    position: absolute;
    z-index: 1;
    display: block;
    content: '';
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto auto;
    padding: 0 0;
    width: 21px;
    height: 16px;
    background-image: url("images/icon-inq.svg");
    background-position: top,center;
    background-size: contain; }

.inq-btn a.btn-cstm:hover {
  text-decoration: none;
  /* background-color: $sub2-color; */
  border: 2px #ff961e solid; }

/**********************************
page-top
**********************************/
#page-top {
  width: 50px;
  height: 50px;
  /* display: none; */
  display: block;
  /* position: fixed; */
  position: absolute;
  right: 15px;
  /* bottom: 32px; */
  top: 30px;
  z-index: 9;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media screen and (min-width: 420px) {
    #page-top {
      width: 50px;
      height: 50px; } }
  #page-top p {
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    #page-top p:hover {
      opacity: 0.7; }
    #page-top p img {
      width: 50px;
      height: 50px; }
      @media screen and (min-width: 420px) {
        #page-top p img {
          width: 50px;
          height: 50px; } }

#move-page-top {
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  display: block;
  cursor: pointer; }
  @media screen and (min-width: 420px) {
    #move-page-top {
      line-height: 50px; } }

/*
.foot-menu {
	position: relative;
	padding-top: 30px;
	text-align: center;

            a {
                display:inline-block;
                width: auto;
                font-size: 2.666vw;
                letter-spacing: 0.02em;
                color: $sub-color;
                    			@media screen and (min-width: $ip) {
										font-size: 11.55px;
                    			}
                &:hover {
                     color: $color-green;
                     text-decoration: none;
                }
            } 
}
*/
footer {
  position: relative;
  width: 100%;
  margin: auto auto; }

.footer-inner {
  margin: 0 auto;
  margin-bottom: 1em; }
  .footer-inner ul {
    line-height: 2; }
    .footer-inner ul li {
      width: 100px;
      margin-bottom: 0.4em;
      padding-left: 1em;
      padding-right: 1em;
      border-left: 1px #EEE solid;
      border-right: 1px #EEE solid; }
  .footer-inner a {
    text-align: center;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #00a0e9;
    letter-spacing: 0.06em; }

p.copyright {
  font-size: 0.8em;
  letter-spacing: 0.06em;
  vertical-align: baseline; }

#footer p .btn.btn-block {
  width: initial;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  font-size: 18px; }

@media screen and (max-width: 768px) {
  footer.container {
    padding-left: 0;
    padding-right: 0; } }
/* ****************************************
page
**************************************** */
.title-bar {
  display: block;
  width: 100%;
  height: 100px;
  font-weight: 400 !important;
  font-size: 22px;
  color: #FFF;
  background-color: #acdedb;
  /* #acdedb */
  line-height: 100px;
  text-align: center; }

/* ****************************************
single
**************************************** */
.single .title-block {
  background-color: #fafafa; }
  .single .title-block h1, .single .title-block h2, .single .title-block h3 {
    color: #FFF; }
.single h1 {
  font-size: 20px; }
  @media screen and (min-width: 768px) {
    .single h1 {
      font-size: 24px; } }

/* ****************************************
side-block
**************************************** */
.side-block-wrap h6 {
  display: block;
  padding: 5px 0;
  font-size: 15px;
  color: #666;
  font-weight: bold;
  border-bottom: 2px solid #646464; }
.side-block-wrap li.cat-item {
  font-size: 0.9375rem; }

/* ****************************************
page cstm
**************************************** */
/* ****************************************
home_contact
**************************************** */
a.color_link,
a.color_link:visited {
  color: #ff961e !important; }
  a.color_link.un-line,
  a.color_link:visited.un-line {
    text-decoration: underline; }

a.color_link:hover,
a.color_link:visited:hover {
  color: black !important; }

a.un-line {
  text-decoration: underline; }

/* ****************************************

**************************************** */
.access-wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto; }
  @media screen and (min-width: 767px) {
    .access-wrap {
      width: 715px;
      height: 280px; } }
  .access-wrap .acc-cont {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0 0;
    text-align: left; }
    @media screen and (min-width: 767px) {
      .access-wrap .acc-cont {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: auto;
        margin: 0 0;
        margin-bottom: 0;
        padding: 0 0;
        width: 280px;
        height: 80px; } }
  .access-wrap .acc-img {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0; }
    @media screen and (min-width: 767px) {
      .access-wrap .acc-img {
        position: absolute;
        top: auto;
        left: auto;
        right: 0;
        bottom: 0;
        margin: 0 0;
        margin-bottom: 0;
        padding: 0 0;
        width: 280px;
        height: 190px; } }

.acc-map-wrap {
  position: relative;
  padding-bottom: 70%;
  padding-top: 0;
  margin-bottom: 30px;
  height: 0;
  overflow: hidden; }
  @media screen and (min-width: 767px) {
    .acc-map-wrap {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0 0;
      margin-bottom: 0;
      padding: 0 0;
      padding-bottom: 0;
      width: 400px;
      height: 280px; } }

.acc-map-wrap iframe,
.acc-map-wrap object,
.acc-map-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 767px) {
    .acc-map-wrap iframe,
    .acc-map-wrap object,
    .acc-map-wrap embed {
      position: relative;
      top: auto;
      left: auto; } }

/* ****************************************

**************************************** */
.dl-list-wrap dl {
  padding-bottom: 20px;
  font-size: 14px; }
.dl-list-wrap dt, .dl-list-wrap dd {
  display: inline-block;
  text-align: left;
  line-height: 2;
  vertical-align: top; }
.dl-list-wrap dt {
  font-weight: normal;
  /* font-weight: 400; */
  color: #333;
  width: 100%;
  padding-bottom: 1em; }
  @media screen and (min-width: 768px) {
    .dl-list-wrap dt {
      width: 32%;
      padding-right: 10px;
      padding-bottom: 0; } }
.dl-list-wrap dd {
  font-weight: lighter;
  /* font-weight: 200; */
  width: 100%;
  padding-left: 1em;
  border-left: 1px #646464 solid; }
  @media screen and (min-width: 768px) {
    .dl-list-wrap dd {
      width: 67%; } }
  .dl-list-wrap dd span {
    font-weight: lighter;
    /* font-weight: 200; */ }
.dl-list-wrap p {
  font-size: 14px; }

.data-item {
  padding-left: 20px;
  padding-right: 20px; }

.data-img-wrap {
  padding-top: 20px;
  padding-bottom: 20px; }
  .data-img-wrap img {
    display: block;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto; }
  .data-img-wrap small {
    /* font-weight: 200; */ }
  .data-img-wrap.emp-ist {
    padding: 40px 30px; }

.btn-prev, .btn-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.btn-next {
  right: -25px; }
  @media screen and (max-width: 420px) {
    .btn-next {
      right: -15px; } }

.btn-prev {
  left: -25px; }
  @media screen and (max-width: 420px) {
    .btn-prev {
      left: -15px; } }

.btn-prev, .btn-next {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  opacity: .75;
  color: white;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-prev.slick-disabled, .btn-next.slick-disabled {
  opacity: .25; }

/* *******************************************  */
.privacy-wrap .main-content {
  padding-bottom: 10px; }
  @media screen and (min-width: 992px) {
    .privacy-wrap .main-content {
      padding-left: 36px;
      padding-right: 36px;
      padding-bottom: 125px; } }
.privacy-wrap .title-block h3 {
  font-weight: 400;
  letter-spacing: 0.04em; }
  @media screen and (min-width: 992px) {
    .privacy-wrap .title-block h3 {
      letter-spacing: 0.1em; } }

.privacy-wrap {
  line-height: 2; }
  .privacy-wrap p, .privacy-wrap ul, .privacy-wrap li {
    color: #646464;
    font-weight: 300; }
  .privacy-wrap p {
    font-size: 11px; }
    @media screen and (min-width: 768px) {
      .privacy-wrap p {
        font-size: 13px; } }
    .privacy-wrap p.privacy-lead {
      font-size: 11px;
      margin-bottom: 4.375em;
      font-weight: 400;
      letter-spacing: 0.09em;
      line-height: 1.8; }
      @media screen and (min-width: 768px) {
        .privacy-wrap p.privacy-lead {
          font-size: 14px;
          line-height: 2; } }
    .privacy-wrap p.text-small {
      font-size: 11px; }
  .privacy-wrap a {
    font-size: 11px; }
    @media screen and (min-width: 768px) {
      .privacy-wrap a {
        font-size: 13px; } }
  .privacy-wrap a.u-llink {
    color: #000;
    text-decoration: underline; }
    .privacy-wrap a.u-llink:hover {
      opacity: 0.8; }
  .privacy-wrap ul p {
    font-size: 11px; }
    @media screen and (min-width: 768px) {
      .privacy-wrap ul p {
        font-size: 13px; } }
  .privacy-wrap li {
    position: relative;
    font-size: 11px;
    padding-left: 11px;
    vertical-align: top;
    line-height: 1.55; }
    @media screen and (min-width: 768px) {
      .privacy-wrap li {
        font-size: 13px;
        line-height: 2; } }
    .privacy-wrap li::after {
      content: '';
      display: block;
      position: absolute;
      left: 0.1rem;
      top: 7px;
      width: 3px;
      height: 3px;
      border-radius: 1.5px;
      background-color: black; }
      @media screen and (min-width: 768px) {
        .privacy-wrap li::after {
          top: 11.5px; } }
  .privacy-wrap a.link-red, .privacy-wrap a.link-red:visited {
    color: #dd0716;
    text-decoration: underline; }
    .privacy-wrap a.link-red:hover, .privacy-wrap a.link-red:visited:hover {
      opacity: 0.8; }
  .privacy-wrap h4 {
    position: relative;
    display: block;
    width: 100%;
    color: #646464;
    font-size: 11px;
    /* margin: 4em 0 0.9375em 0; */
    margin: 4em 0 1.2em 0;
    padding-bottom: 0.6em;
    font-weight: 400; }
    @media screen and (min-width: 768px) {
      .privacy-wrap h4 {
        font-size: 13px; } }
  .privacy-wrap h4.u-l::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    /* bottom: 0; */
    bottom: -5px;
    width: 2.25em;
    height: 1px;
    background-color: #646464; }
  .privacy-wrap dt {
    padding-top: 30px;
    line-height: 1.8;
    font-size: 14px; }
    @media screen and (min-width: 768px) {
      .privacy-wrap dt {
        font-size: 15px; } }
  .privacy-wrap dd {
    padding-top: 6px;
    line-height: 1.8;
    font-size: 14px;
    /* font-weight: 200; */ }
    @media screen and (min-width: 768px) {
      .privacy-wrap dd {
        font-size: 15px; } }
    .privacy-wrap dd ol {
      /* font-weight: 200; */
      padding-top: 4px;
      padding-left: 28px; }
      .privacy-wrap dd ol li {
        /* font-weight: 200; */
        font-size: 14px;
        text-indent: -14px;
        padding-left: 8px; }
    .privacy-wrap dd span {
      display: block;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 14px;
      line-height: 1.8;
      font-size: 14px;
      /* font-weight: 200; */ }
      @media screen and (min-width: 768px) {
        .privacy-wrap dd span {
          font-size: 14px; } }
  .privacy-wrap .privacy-date {
    margin-top: 4.375em; }

.bk-num-list {
  padding: 10px 0 20px 0; }
  .bk-num-list li {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: left;
    /* border-top: 1px #EEE solid; */ }
    .bk-num-list li a, .bk-num-list li a:visited {
      color: black;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0.04em; }

/**************************
form
**************************/
#formWrap {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  color: #646464;
  line-height: 1; }
  #formWrap table.formTable {
    width: 100%;
    margin: 0 auto;
    /* margin-bottom: 30px; */
    margin-bottom: 15px;
    border-collapse: collapse;
    background: #FFF; }
  #formWrap table.formTable th {
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    line-height: 1.4; }
  #formWrap table.formTable td {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.8;
    padding: 0 10px 10px 10px; }
    #formWrap table.formTable td span {
      display: inline-block;
      width: auto;
      padding: 3px 10px 3px 0;
      vertical-align: top; }
  #formWrap table.formTable th {
    /* font-weight: 400; */
    text-align: left;
    color: #646464;
    font-size: 11px; }
    #formWrap table.formTable th span {
      display: inline-block;
      /* margin-top: -2px; */
      padding: 3px 5px;
      color: #FFF;
      background-color: #32b4b4;
      font-size: 9px;
      font-weight: 400; }
  #formWrap input[type="text"], #formWrap textarea {
    width: 100%;
    padding: 5px;
    font-size: 110%;
    display: block; }

/*　responsive　*/
@media screen and (max-width: 572px) {
  #formWrap {
    /* width:95%; */
    margin: 0 auto;
    /* margin-top: 30px; */ }
    #formWrap table.formTable th, #formWrap table.formTable td {
      width: auto;
      display: block; }
    #formWrap table.formTable th {
      font-size: 11px;
      /* margin-top:5px; */
      border-bottom: 0; }
    #formWrap table.formTable td {
      font-size: 11px; }
      #formWrap table.formTable td span {
        width: 80%;
        padding-bottom: 20px; }
      #formWrap table.formTable td span:nth-child(2n) {
        width: 80%;
        padding-bottom: 20px; }
    #formWrap input[type="text"], #formWrap textarea {
      width: 100%;
      padding: 5px;
      font-size: 110%;
      display: block; }
    #formWrap input[type="submit"], #formWrap input[type="reset"], #formWrap input[type="button"] {
      display: block;
      width: 100%;
      height: 52px; } }
/**********************************
cstm radio
**********************************/
#formWrap input[type=radio] {
  display: none; }
#formWrap .radio {
  box-sizing: border-box;
  /*
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  */
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 0 0 38px;
  /* border-radius: 8px; */
  /* background-color: #f6f7f8; */
  vertical-align: middle;
  cursor: pointer; }
#formWrap .radio:hover {
  /* background-color: #e2edd7; */ }
#formWrap .radio:hover:after {
  /* border-color: #53b300; */ }
#formWrap .radio:after {
  /*
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  */
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 1px solid #646464;
  border-radius: 9px;
  content: ''; }
#formWrap .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 19.5px;
  display: block;
  margin-top: -5.5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #32b4b4;
  content: '';
  opacity: 0; }
#formWrap input[type=radio]:checked + .radio:before {
  opacity: 1; }

#formWrap input[type=checkbox] {
  display: none; }
#formWrap .checkbox {
  box-sizing: border-box;
  /*
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  */
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 0 0 38px;
  /* border-radius: 8px; */
  /* background-color: #f6f7f8; */
  vertical-align: middle;
  cursor: pointer; }
#formWrap .checkbox:hover {
  /* background-color: #e2edd7; */ }
#formWrap .checkbox:hover:after {
  /* border-color: #53b300; */ }
#formWrap .checkbox:after {
  /*
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  */
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 1px solid #646464;
  border-radius: 9px;
  content: ''; }
#formWrap .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 19.5px;
  display: block;
  margin-top: -5.5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #32b4b4;
  content: '';
  opacity: 0; }
#formWrap input[type=checkbox]:checked + .checkbox:before {
  opacity: 1; }

/**********************************
contact-cont
**********************************/
.contact-cont {
  text-align: left;
  padding: 15px 5px 30px 5px; }
  .contact-cont label {
    width: auto;
    text-align: left;
    margin-bottom: 20px; }
  .contact-cont input {
    width: 100%;
    /* max-width: 600px; */
    margin-bottom: 10px;
    border: 1px solid #969697; }
  .contact-cont textarea {
    width: 100%;
    /* max-width: 600px; */
    margin-bottom: 10px;
    border: 1px solid #969697; }
  .contact-cont input[type="radio"], .contact-cont input[type="checkbox"] {
    width: auto;
    transform: scale(1.5); }
  @media screen and (min-width: 420px) {
    .contact-cont .biginput input[type="checkbox"] {
      transform: scale(1.5);
      margin-right: 5px; } }
  @media screen and (min-width: 768px) {
    .contact-cont {
      padding: 60px 30px; } }
  .contact-cont.contact-check {
    padding: 0 30px 60px 30px; }
    .contact-cont.contact-check p.contact-check-setsumei {
      text-align: left;
      line-height: 1.7;
      padding-bottom: 1em; }
      @media screen and (min-width: 768px) {
        .contact-cont.contact-check p.contact-check-setsumei {
          text-align: center; } }

#agreecheck-wrap input[type=checkbox] {
  display: none; }
#agreecheck-wrap .checkbox {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0 0 0 38px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 11px; }
#agreecheck-wrap .checkbox:after {
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 1px solid #646464;
  border-radius: 9px;
  content: ''; }
#agreecheck-wrap .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 19.5px;
  display: block;
  margin-top: -5.5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #32b4b4;
  content: '';
  opacity: 0; }
#agreecheck-wrap input[type=checkbox]:checked + .checkbox:before {
  opacity: 1; }

.submit-btn-wrap {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0 0;
  width: 113px;
  height: 25px;
  text-align: center; }

#submit-btn.submit-btn-wrap input[type="submit"] {
  display: block;
  margin: 0 auto;
  width: 113px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
  /* line-height: 25px; */
  padding: auto;
  padding-left: 48px;
  font-size: 13px;
  text-align: center;
  color: #646464 !important;
  letter-spacing: .03em;
  /* border: 1px #000 solid; */
  border: 0 none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  @media screen and (min-width: 768px) {
    #submit-btn.submit-btn-wrap input[type="submit"] {
      /* line-height: 70px; */ } }

#submit-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  margin: auto auto;
  width: 25px;
  height: 25px;
  padding: 0 0;
  background-image: url("images/icon-submit-gray.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }

#submit-btn.abled::before {
  background-image: url("images/icon-submit.png"); }

#submit-btn.submit-btn-wrap input[type="submit"]:hover {
  text-decoration: none;
  color: #32b4b4 !important;
  background-color: rgba(255, 255, 255, 0);
  border: 0 none;
  box-shadow: none; }

.contact-cont .form-consent input {
  width: auto; }

/* cf7旧バージョン用 */
.contact-cont input.form-consent {
  width: auto; }

#submit-btn.submit-btn-wrap input[type="submit"][disabled] {
  color: #666  !important;
  border: 0 none; }

#submit-btn.submit-btn-wrap input[type="submit"][disabled]:hover {
  background-color: rgba(255, 255, 255, 0);
  color: #666  !important;
  border: 0 none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1; }

p.error_messe {
  margin: 0 0 30px 0;
  color: red; }

#formWrap.contact-check table.formTable th {
  color: #555; }

.contact-btn-wrap {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .contact-btn-wrap {
      margin-left: -30px;
      margin-right: -30px; } }

.contact-btn {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
  max-width: 235px;
  height: 50px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .contact-btn {
      width: calc(50% - 60px);
      margin: 0 30px;
      max-width: 420px;
      height: 70px; } }

input[type="button"] {
  display: block;
  margin: 0 auto;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: #000;
  line-height: 50px;
  padding: auto;
  font-size: 15px;
  color: #FFF !important;
  letter-spacing: .03em;
  border: 1px #000 solid;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  @media screen and (min-width: 768px) {
    input[type="button"] {
      line-height: 70px; } }

input[type="button"]:hover {
  text-decoration: none;
  color: #000;
  background-color: #555;
  border: 1px #555 solid;
  box-shadow: none; }

.thanks-wrap {
  width: 100%;
  margin: 0 auto;
  margin-top: 2rem;
  padding: 2.5rem 1rem;
  text-align: center;
  border: 1px solid #000; }
  @media screen and (min-width: 768px) {
    .thanks-wrap {
      padding: 2.5rem 2rem; } }
  .thanks-wrap .thanks-title {
    text-align: center;
    font-size: 1.25rem;
    padding-bottom: 1em; }
  .thanks-wrap .thanks-cont {
    display: inline-block;
    text-align: left; }

.thanks-backhome {
  display: block;
  text-align: center; }
  .thanks-backhome a, .thanks-backhome a:visited {
    color: black; }
    .thanks-backhome a:hover, .thanks-backhome a:visited:hover {
      color: #ff961e; }

.video-wrap-in {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 56.25%; }
  .video-wrap-in iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

/**************************
backgroundvideo
**************************/
#video-area {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh; }

#video-area-inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100vh; */
  z-index: 1;
  height: 0;
  padding: 0 0 179%; }
  @media screen and (min-width: 768px) {
    #video-area-inner {
      height: 100vh;
      padding: 0 0 0; } }

#video-sp {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block; }
  @media screen and (min-width: 768px) {
    #video-sp {
      display: none; } }

#video-pc {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-height: 100vh;
  min-width: 100%;
  display: none; }
  @media screen and (min-width: 768px) {
    #video-pc {
      display: block; } }

/*
.switch-sp {
	display: block;
                			@media screen and (min-width: 768px) {
								display: none;
            				}
}

.switch-pc {
	display: none;
                			@media screen and (min-width: 768px) {
								display: block;
            				}
}
*/
/**************************
bgm play btn
**************************/
.btn-play-pcwrap {
  display: block;
  position: fixed;
  top: auto;
  left: auto;
  right: 15px;
  bottom: 20px;
  margin: auto auto;
  padding: 0 0;
  width: 60px;
  height: 31px;
  z-index: 9999;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out; }
  @media screen and (min-width: 992px) {
    .btn-play-pcwrap {
      display: block;
      position: absolute;
      top: 25px;
      right: 50px;
      bottom: auto;
      width: 64px;
      height: 33px; } }

.home .btn-play-pcwrap {
  display: block;
  position: fixed;
  top: auto;
  left: auto;
  right: 15px;
  bottom: 20px;
  margin: auto auto;
  padding: 0 0;
  z-index: 9999; }
  @media screen and (min-width: 992px) {
    .home .btn-play-pcwrap {
      display: block;
      position: absolute;
      top: 58px;
      right: 50px;
      bottom: auto; } }

.home .is-header .btn-play-pcwrap {
  display: block;
  position: fixed;
  top: auto;
  left: auto;
  right: 15px;
  bottom: 20px;
  margin: auto auto;
  padding: 0 0;
  z-index: 9999; }
  @media screen and (min-width: 992px) {
    .home .is-header .btn-play-pcwrap {
      display: block;
      position: absolute;
      top: 25px;
      right: 50px;
      bottom: auto; } }

.btn-play-pcwrap.openNav {
  top: 88px;
  left: auto;
  right: 137px;
  bottom: auto; }
  @media screen and (min-width: 992px) {
    .btn-play-pcwrap.openNav {
      display: block;
      position: absolute;
      top: 25px;
      right: 50px;
      bottom: auto; } }

.home .btn-play-pcwrap.openNav {
  top: 88px;
  left: auto;
  right: 137px;
  bottom: auto; }
  @media screen and (min-width: 992px) {
    .home .btn-play-pcwrap.openNav {
      display: block;
      position: absolute;
      top: 58px;
      right: 50px;
      bottom: auto; } }

.home .is-header .btn-play-pcwrap.openNav {
  top: 88px;
  left: auto;
  right: 137px;
  bottom: auto; }
  @media screen and (min-width: 992px) {
    .home .is-header .btn-play-pcwrap.openNav {
      display: block;
      position: absolute;
      top: 25px;
      right: 50px;
      bottom: auto; } }

.btn-play-pcwrap button#btn-play {
  position: relative;
  /* display: none; */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  background-color: transparent;
  width: 60px;
  height: 31px; }
  @media screen and (min-width: 992px) {
    .btn-play-pcwrap button#btn-play {
      display: block;
      width: 64px;
      height: 33px; } }
  .btn-play-pcwrap button#btn-play::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #000000;
    bottom: -1px;
    /*アンダーラインがaタグの下端から現れる*/
    transform: scale(0, 1);
    /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
    transform-origin: left top;
    /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
    transition: transform 0.6s;
    /*変形の時間*/ }
  .btn-play-pcwrap button#btn-play:hover::after {
    /* transform: scale(1, 1); */
    /* タップ時はなしhover対策 */ }
    @media screen and (min-width: 768px) {
      .btn-play-pcwrap button#btn-play:hover::after {
        transform: scale(1, 1);
        /*ホバー後、x軸方向に1（相対値）伸長*/ } }

@media (hover: none) {
  .btn-play-pcwrap button#btn-play:active::after {
    transform: scale(1, 1);
    /* タップ時activeで変形 */ } }
@media (hover: hover) {
  .btn-play-pcwrap button#btn-play:hover::after {
    transform: scale(1, 1);
    /* hover */ } }
/**************************
cstm
**************************/
#btn-followus-wrap {
  display: none; }
  @media screen and (min-width: 992px) {
    #btn-followus-wrap {
      display: block;
      width: 22px;
      /* height:  143px; */
      height: 121px;
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 9;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; } }

.btn-followus {
  position: relative;
  display: block;
  width: 22px;
  /* height:  143px; */
  height: 121px;
  margin: 0;
  padding: 0;
  padding-top: 87px;
  text-align: center; }

.btn-followus-text {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 87px;
  height: 22px;
  margin: auto auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: 11px 11px;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 22px; }

.btn-followus-icon {
  width: 22px;
  height: 22px;
  color: #000;
  line-height: 22px;
  text-decoration: none;
  display: block;
  cursor: pointer; }
  .btn-followus-icon.mb10px {
    margin-bottom: 10px; }

.btn_bar-note_cont {
  width: 100%;
  margin: 0 auto;
  padding: 0 0; }
  .btn_bar-note_cont a, .btn_bar-note_cont a:visited {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 35px;
    padding: 0 0;
    padding-top: 0;
    background-color: #ccced2;
    border: 1px solid #ccced2;
    color: black;
    font-size: 15px;
    line-height: 50px;
    vertical-align: middle;
    letter-spacing: 0;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1; }
    .btn_bar-note_cont a .btn_bar-note_cont_icon, .btn_bar-note_cont a:visited .btn_bar-note_cont_icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 0;
      margin-left: 10px;
      padding: 0 0;
      vertical-align: middle;
      transform: translateY(-4px); }
      .btn_bar-note_cont a .btn_bar-note_cont_icon img, .btn_bar-note_cont a:visited .btn_bar-note_cont_icon img {
        width: 100%;
        margin: 0 0;
        padding: 0 0;
        vertical-align: top; }
    @media screen and (min-width: 768px) {
      .btn_bar-note_cont a, .btn_bar-note_cont a:visited {
        height: 13vw;
        padding-top: 0;
        font-size: 3.33333vw;
        line-height: 13vw; }
        .btn_bar-note_cont a .btn_bar-note_cont_icon, .btn_bar-note_cont a:visited .btn_bar-note_cont_icon {
          width: 4vw;
          height: 4vw; }
          .btn_bar-note_cont a .btn_bar-note_cont_icon img, .btn_bar-note_cont a:visited .btn_bar-note_cont_icon img {
            width: 100%;
            margin: 0 0;
            padding: 0 0;
            vertical-align: top; } }
    @media screen and (min-width: 1200px) {
      .btn_bar-note_cont a, .btn_bar-note_cont a:visited {
        height: 140px;
        margin-bottom: 70px;
        padding-top: 0;
        font-size: 40px;
        line-height: 140px; }
        .btn_bar-note_cont a .btn_bar-note_cont_icon, .btn_bar-note_cont a:visited .btn_bar-note_cont_icon {
          width: 53px;
          height: 53px;
          transform: translateY(-7px); }
          .btn_bar-note_cont a .btn_bar-note_cont_icon img, .btn_bar-note_cont a:visited .btn_bar-note_cont_icon img {
            width: 100%;
            margin: 0 0;
            padding: 0 0;
            vertical-align: top; } }
    .btn_bar-note_cont a:hover, .btn_bar-note_cont a:visited:hover {
      text-decoration: none;
      background-color: #e8e8e8;
      border: 1px solid #f8f8f8; }

.sns-icon.sns-icon-note {
  width: 40px;
  height: 26.7px;
  margin: 0 8px;
  transform: translateY(-5px);
  padding: 0 0; }
  @media screen and (min-width: 378px) {
    .sns-icon.sns-icon-note {
      width: 60px;
      height: 40px;
      transform: translateY(0); } }

.sns-bar-wrap.with_note_btn {
  padding-bottom: 60px; }
  @media screen and (min-width: 420px) {
    .sns-bar-wrap.with_note_btn {
      padding-bottom: 30px; } }

.tate-label {
  /* position: absolute; */
  position: fixed;
  display: block;
  width: 300px;
  height: 12px;
  top: 50%;
  bottom: 0;
  left: -150px;
  right: auto;
  margin: 0 0;
  padding: 0 0;
  /* padding-top: 24px; */
  z-index: 1;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  color: #000;
  background: rgba(255, 255, 255, 0);
  -webkit-transform: translateY(0) translateX(18px) rotate(90deg);
  transform: translateY(0) translateX(18px) rotate(90deg);
  /* transform-origin: 0 0; */ }
  @media screen and (min-width: 1200px) {
    .tate-label {
      height: 16px;
      font-size: 16px;
      -webkit-transform: translateY(0) translateX(35px) rotate(90deg);
      transform: translateY(0) translateX(35px) rotate(90deg); } }

/**************************
footer
**************************/
footer {
  position: relative;
  width: 100%; }

/**********************************
mark
**********************************/
.mailmark {
  letter-spacing: 0.02em; }

.form_ul span.mailmark {
  color: #333; }

.mailmark::before {
  content: "@"; }

/**********************************
pre
**********************************/
span.pre {
  white-space: pre;
  white-space: -moz-pre-wrap; }

/**********************************
edit
**********************************/
/**************************
effect
**************************/
/*----- フェードイン -----*/
.inviewfadeIn {
  opacity: 0;
  transition: 2s; }

.fadeIn {
  opacity: 1.0; }

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  transition: 1.6s; }

.fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

/*----- フェードインしながら右へスライド -----*/
.inviewfadeInLeft {
  opacity: 0;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  transition: 1.8s; }

.fadeInLeft {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

/*----- フェードインしながら左へスライド -----*/
.inviewfadeInRight {
  opacity: 0;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  transition: 1.8s; }

.fadeInRight {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

/**************************
print-adjust
**************************/
@media print {
  html, body {
    position: relative;
    width: 100%;
    overflow: hidden !important; }

  body.home #wrap {
    position: relative;
    width: 100%;
    overflow: hidden !important; }

  #wrap {
    position: relative;
    width: 100%;
    margin: 0 auto; }

  .scroll-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto; }

  .home #hero1 {
    position: relative;
    overflow: hidden;
    width: 100%; }

  .home #hero1:before {
    content: "";
    display: block;
    padding-top: 75%; }

  .home #hero1 #hero1-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 0;
    padding: 0 0;
    width: 100%;
    height: auto;
    max-height: auto;
    background-size: cover; }

  body .flexslider .slides li .logo-copy-wrap {
    width: 43%;
    height: 25%;
    top: 25%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  /**************************
  header
  **************************/
  header {
    margin: 0 auto;
    *zoom: 1;
    text-align: center;
    box-sizing: border-box; }

  /* header {
      position: fixed;
      top: 1px;
      left: 0;
      margin-top: -1px;
      width: 100%;
      display: block;
      height: 96px;
      z-index: 333;
      background: rgba(26,26,26,1);
  } */
  header#header {
    position: fixed;
    top: 1px;
    left: 0;
    margin-top: -1px;
    width: 100%;
    display: block;
    height: 50px; }

  .home header#header {
    position: fixed;
    top: 1px;
    left: 0;
    margin-top: -1px;
    width: 100%;
    display: block;
    height: 50px;
    background-color: rgba(110, 184, 68, 0);
    /* background-image: url("images/bg-header.png"); */
    background-image: none; }

  .header-inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 100%; }

  .home #header.is-header {
    background-color: rgba(110, 184, 68, 0);
    background-image: none; }

  /* @media screen and (max-width: 768px) {
  		header {
                      height: 60px;
  		  }
  		.header-inner {
                      height: 60px;
  		  }
  }  */
  .home .main-image {
    width: 100%;
    height: 56vw;
    position: relative; }

  .page .main-image {
    width: 100%;
    height: 56vw;
    position: relative; }

  /*----- フェードイン -----*/
  .inviewfadeIn {
    opacity: 1;
    transition: none; }

  .fadeIn {
    opacity: 1; }

  /*----- フェードインしながら上へスライド -----*/
  .inviewfadeInUp {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition: none; }

  .fadeInUp {
    opacity: 1.0;
    transform: none;
    -webkit-transform: none; }

  /*----- フェードインしながら右へスライド -----*/
  .inviewfadeInLeft {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition: none; }

  .fadeInLeft {
    opacity: 1.0;
    transform: none;
    -webkit-transform: none; }

  /*----- フェードインしながら左へスライド -----*/
  .inviewfadeInRight {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition: none; }

  .fadeInRight {
    opacity: 1.0;
    transform: none;
    -webkit-transform: none; }

  /**************************
  slideMenu
  **************************/
  #slideMenu {
    display: none; }

  /**************************
  school-list
  **************************/
  .school-list .school-list-item {
    padding: 20px 30px; }
    .school-list .school-list-item .item-left {
      width: 20%;
      padding: 5px 15px 5px 0; }
    .school-list .school-list-item .item-right {
      width: 79%; }

  /**************************
  page-top
  **************************/
  #page-top {
    display: none !important; } }
@media print {
  /**
   * Bootstrap Print v1.0.0 (https://github.com/onocom/bootstrap-print)
   * Copyright (c) 2017 Ono Takashi
   * Licensed under MIT (https://github.com/onocom/bootstrap-print/blob/master/LICENSE)
   */
  @page {
    margin: 8mm;
    margin: 10mm 8mm 10mm 8mm; }
  * {
    -webkit-print-color-adjust: exact !important;
    background-attachment: initial !important;
    overflow-y: visible !important; }

  html {
    overflow: visible !important;
    zoom: 0.7 !important; }

  body {
    min-width: 1240px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

  .container-fluid,
  .container {
    min-width: 1170px !important; }

  .row {
    margin-left: -15px !important;
    margin-right: -15px !important; }

  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }

  .dl-horizontal dd {
    margin-left: 180px; }

  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }

  .form-inline .form-control-static {
    display: inline-block; }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto; }

  .form-inline .input-group > .form-control {
    width: 100%; }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0; }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }

  .form-inline .has-feedback .form-control-feedback {
    top: 0; }

  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right; }

  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; }

  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; }

  .navbar-header {
    float: left; }

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0; }

  .navbar {
    border-radius: 4px; }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

  .navbar-collapse.collapse {
    display: block;
    height: auto;
    padding-bottom: 0;
    overflow: visible; }

  .navbar-collapse.in {
    overflow-y: visible; }

  .nav-justified {
    width: 100%; }

  .nav-justified > li {
    float: none; }

  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }

  .nav-justified > li {
    display: table-cell;
    width: 1%; }

  .nav-justified > li > a {
    margin-bottom: 0; }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static; }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0; }

  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; }

  .navbar-static-top {
    border-radius: 0; }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; }

  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; }

  .navbar-toggle {
    display: none; }

  .navbar-nav {
    float: left;
    margin: 0; }

  .navbar-nav > li {
    float: left; }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; }

  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }

  .navbar-form .form-control-static {
    display: inline-block; }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }

  .navbar-form .input-group > .form-control {
    width: 100%; }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0; }

  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px; }

  .navbar-left {
    float: left; }

  .navbar-right {
    float: right;
    margin-right: -15px; }

  .navbar-right ~ .navbar-right {
    margin-right: 0; }

  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px; }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px; }

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px; }

  .modal-dialog {
    width: 600px;
    margin: 30px auto; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-sm {
    width: 300px; }

  .modal-lg {
    width: 900px; }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }

  .carousel-indicators {
    bottom: 20px; }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    float: left; }

  .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 {
    width: 100%; }

  .col-lg-11, .col-md-11, .col-sm-11, .col-xs-11 {
    width: 91.66666667%; }

  .col-lg-10, .col-md-10, .col-sm-10, .col-xs-10 {
    width: 83.33333333%; }

  .col-lg-9, .col-md-9, .col-sm-9, .col-xs-9 {
    width: 75%; }

  .col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 {
    width: 66.66666667%; }

  .col-lg-7, .col-md-7, .col-sm-7, .col-xs-7 {
    width: 58.33333333%; }

  .col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 {
    width: 50%; }

  .col-lg-5, .col-md-5, .col-sm-5, .col-xs-5 {
    width: 41.66666667%; }

  .col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 {
    width: 33.33333333%; }

  .col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 {
    width: 25%; }

  .col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 {
    width: 16.66666667%; }

  .col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 {
    width: 8.33333333%; }

  .col-lg-pull-12, .col-md-pull-12, .col-sm-pull-12, .col-xs-pull-12 {
    right: 100%; }

  .col-lg-pull-11, .col-md-pull-11, .col-sm-pull-11, .col-xs-pull-11 {
    right: 91.66666667%; }

  .col-lg-pull-10, .col-md-pull-10, .col-sm-pull-10, .col-xs-pull-10 {
    right: 83.33333333%; }

  .col-lg-pull-9, .col-md-pull-9, .col-sm-pull-9, .col-xs-pull-9 {
    right: 75%; }

  .col-lg-pull-8, .col-md-pull-8, .col-sm-pull-8, .col-xs-pull-8 {
    right: 66.66666667%; }

  .col-lg-pull-7, .col-md-pull-7, .col-sm-pull-7, .col-xs-pull-7 {
    right: 58.33333333%; }

  .col-lg-pull-6, .col-md-pull-6, .col-sm-pull-6, .col-xs-pull-6 {
    right: 50%; }

  .col-lg-pull-5, .col-md-pull-5, .col-sm-pull-5, .col-xs-pull-5 {
    right: 41.66666667%; }

  .col-lg-pull-4, .col-md-pull-4, .col-sm-pull-4, .col-xs-pull-4 {
    right: 33.33333333%; }

  .col-lg-pull-3, .col-md-pull-3, .col-sm-pull-3, .col-xs-pull-3 {
    right: 25%; }

  .col-lg-pull-2, .col-md-pull-2, .col-sm-pull-2, .col-xs-pull-2 {
    right: 16.66666667%; }

  .col-lg-pull-1, .col-md-pull-1, .col-sm-pull-1, .col-xs-pull-1 {
    right: 8.33333333%; }

  .col-lg-pull-0, .col-md-pull-0, .col-sm-pull-0, .col-xs-pull-0 {
    right: auto; }

  .col-lg-push-12, .col-md-push-12, .col-sm-push-12, .col-xs-push-12 {
    left: 100%; }

  .col-lg-push-11, .col-md-push-11, .col-sm-push-11, .col-xs-push-11 {
    left: 91.66666667%; }

  .col-lg-push-10, .col-md-push-10, .col-sm-push-10, .col-xs-push-10 {
    left: 83.33333333%; }

  .col-lg-push-9, .col-md-push-9, .col-sm-push-9, .col-xs-push-9 {
    left: 75%; }

  .col-lg-push-8, .col-md-push-8, .col-sm-push-8, .col-xs-push-8 {
    left: 66.66666667%; }

  .col-lg-push-7, .col-md-push-7, .col-sm-push-7, .col-xs-push-7 {
    left: 58.33333333%; }

  .col-lg-push-6, .col-md-push-6, .col-sm-push-6, .col-xs-push-6 {
    left: 50%; }

  .col-lg-push-5, .col-md-push-5, .col-sm-push-5, .col-xs-push-5 {
    left: 41.66666667%; }

  .col-lg-push-4, .col-md-push-4, .col-sm-push-4, .col-xs-push-4 {
    left: 33.33333333%; }

  .col-lg-push-3, .col-md-push-3, .col-sm-push-3, .col-xs-push-3 {
    left: 25%; }

  .col-lg-push-2, .col-md-push-2, .col-sm-push-2, .col-xs-push-2 {
    left: 16.66666667%; }

  .col-lg-push-1, .col-md-push-1, .col-sm-push-1, .col-xs-push-1 {
    left: 8.33333333%; }

  .col-lg-push-0, .col-md-push-0, .col-sm-push-0, .col-xs-push-0 {
    left: auto; }

  .col-lg-offset-12, .col-md-offset-12, .col-sm-offset-12, .col-xs-offset-12 {
    margin-left: 100%; }

  .col-lg-offset-11, .col-md-offset-11, .col-sm-offset-11, .col-xs-offset-11 {
    margin-left: 91.66666667%; }

  .col-lg-offset-10, .col-md-offset-10, .col-sm-offset-10, .col-xs-offset-10 {
    margin-left: 83.33333333%; }

  .col-lg-offset-9, .col-md-offset-9, .col-sm-offset-9, .col-xs-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-8, .col-md-offset-8, .col-sm-offset-8, .col-xs-offset-8 {
    margin-left: 66.66666667%; }

  .col-lg-offset-7, .col-md-offset-7, .col-sm-offset-7, .col-xs-offset-7 {
    margin-left: 58.33333333%; }

  .col-lg-offset-6, .col-md-offset-6, .col-sm-offset-6, .col-xs-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-5, .col-md-offset-5, .col-sm-offset-5, .col-xs-offset-5 {
    margin-left: 41.66666667%; }

  .col-lg-offset-4, .col-md-offset-4, .col-sm-offset-4, .col-xs-offset-4 {
    margin-left: 33.33333333%; }

  .col-lg-offset-3, .col-md-offset-3, .col-sm-offset-3, .col-xs-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-2, .col-md-offset-2, .col-sm-offset-2, .col-xs-offset-2 {
    margin-left: 16.66666667%; }

  .col-lg-offset-1, .col-md-offset-1, .col-sm-offset-1, .col-xs-offset-1 {
    margin-left: 8.33333333%; }

  .col-lg-offset-0, .col-md-offset-0, .col-sm-offset-0, .col-xs-offset-0 {
    margin-left: 0%; }

  .visible-xs,
  .visible-sm,
  .visible-md {
    display: none !important; }

  .visible-lg {
    display: block !important; }

  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block {
    display: none !important; }

  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: block !important; }

  .hidden-xs,
  .hidden-sm,
  .hidden-md {
    display: block !important; }

  .hidden-lg {
    display: none !important; } }

/*# sourceMappingURL=style.css.map */