@charset "UTF-8";
/* CSS Document */

img { width: auto; max-width: 100%; height: auto;}
.comingSoon { cursor: default;}
.flexBox { display: flex; flex-wrap: wrap; justify-content: space-between;}
.flexBox > * { flex-grow:0; flex-shrink:1;}
.flexBox.center {justify-content: center;}
.flexBox.noWrap { flex-wrap: nowrap;}
.flexBox.start { justify-content: flex-start;}

.spChange{}

.content { width: 100%; max-width: 950px; box-sizing: border-box; padding:0 25px; margin: 0 auto;}
.bgf { background: #fff;}

/* HEADER */
#header { background: rgba(255,255,255,1); padding: 0 0 3px 0; position:relative; border-bottom: 3px solid #82c1ea;}
#header::after { content: ''; display: block; width:100%; height: 1px; line-height: 1; bottom:2px ; left: 0px; position: absolute; background: #9d8166;}
#header .logoBox { flex-basis:41.05%; position: relative}
#header .logoBox img { position: absolute; top: 50%; transform: translateY(-50%);}

#header .btnBox { flex-basis:50%; padding: 15px 0; }
#header .cvBox { flex-basis:43.15%; margin: 0 0 10px 0; }
#header .cvBox ul li { flex-basis:calc(50% - 5px);}
#header .telBox { flex-basis:53.68%; margin: 0 0 10px 0 ;}
#gNavi ul{ border-left:#000 solid 1px;}
#gNavi a { display: block; box-sizing: border-box; padding: 0.5em 0.5em; line-height: 1; font-size: 12px; color: #000; text-decoration: none; border-right:#000 solid 1px;}

#gNavi2 { width: 100%; max-width: 793px; margin: 0 auto 40px auto; padding: 0 0 0 0;}
#gNavi2 li { flex-basis:calc( 85% / 6 );}
#gNavi2 .spMenu { display: none;}
.basicSubTitle { text-align: center; width: 100%; max-width: 1050px; margin: 0 auto 40px;}
.basicMiddleTitle { text-align: center; width: 100%; max-width: 1050px; margin: 0 auto 50px; }
.basicMiddleTitle img { max-width: 890px; width: 100%; }
.basicText { font-size: 16px; text-align: center; }
.basicCaption { font-size: 12px; line-height: 1.5em; display: block;}

/* PAGE TOP */
#pageTop { position:fixed; right:20px; bottom:20px; width:149px; height:27px; z-index:2000; }
#pageTop a { position:relative; z-index:2; }

/* FOOTER */
#footerBnr {  display:flex; justify-content:space-between; margin:0 auto 0 auto; padding:20px; }
#footerBnr a { display:block; flex-grow:0; flex-shrink:1; flex-basis:calc(50% - 15px); text-align:center; box-sizing:border-box; padding: 5px 20px; text-decoration:none; color:#fff; }
#footerBnr a img{ max-height: 39px;}
#footerBnr a:nth-of-type(1) { background-color: #5bc2d5;}
#footerBnr a:nth-of-type(2) { background-color: #5bc2d5; }
#footerBnr a:nth-of-type(2):hover { background:#ccc; color:#fff;  }
#footerBnr a:nth-of-type(1):hover{ background:#ccc; color:#fff; text-decoration:none; }

#footer { background: rgba(255,255,255,1); box-shadow: 0 -3px 0 0 #9d8166; padding: 3px 0 0 0; position:relative;}
#footer::after { content: ''; display: block; width:100%; height: 1px; line-height: 1; top:2px ; left: 0px; position: absolute; background: #9d8166;}
#footer .flexBox p { display: block; font-size: 12px; font-weight: bold; margin: 0 0 0.5em 0;}
#footer .flexBox .logoBox { flex-basis:38.31%; padding: 10px 0; margin: 0 10px 0 0 ;}
#footer .flexBox .telBox { flex-basis:36.68%; padding: 10px 0; }

#footerSpBnr { display:none; background:#00b7ee; position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0; z-index:99999999; }
#footerSpBnr ul { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#footerSpBnr ul li { margin:0; }
#footerSpBnr ul li:nth-of-type(1)  { flex-grow:0; flex-shrink:1; flex-basis:40%; }
#footerSpBnr ul li:nth-of-type(2)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(3)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(4)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li a,
#footerSpBnr ul li a:hover { display:block;  text-align:center; line-height:1; }
#footerSpBnr ul li a img { width:100%; height:auto; }

/* add 19.08.30 */
.linkoff a{ opacity: 0.6!important; pointer-events: none!important;}
.linkoff a:hover{ pointer-events: none!important;}


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

@media screen and (min-width:768px) {
  .spOnly { display:none; }
}
@media screen and (max-width:767px) {
  .pcOnly { display:none; }

  /* HEADER */
  #header .logoBox { flex-basis:50%;}
  #header .btnBox { flex-basis:25%; padding: 0;}
  #header .cvBox { display: none;}
  #header .telBox { display: none;}
  #gNavi { display: none;}
  #header .spMenu { font-size: 5vw; display: block; text-align: right; padding: 0.5em 0; box-sizing: border-box; width: 100%;}

  .basicSubTitle { font-size:6vw;}
  .basicMiddleTitle { font-size: 5vw; }
  .basicStrongText { font-size: 4vw;}
  .basicText { font-size: 14px; }

  #gNavi2.active { position: fixed; width: 100%; height: 100%; top:0; left: 0; background: rgba(255,255,255,0.9); z-index:100000000; box-sizing: border-box; padding:15% 20px 20px 20px ;}
  #gNavi2.active .spMenu { display: block; background: #7ea19a; color: #fff; font-size: 4vw; padding: 0.25em 0; text-align: center; font-weight: bold; margin: 40px 0 0 0;}
  #gNavi2 li { flex-basis:calc( 85% / 3 ); margin: 0 0 10px 0;}

  /* PAGE TOP */
  #pageTop { bottom:25vw; }

  /* FOOTER */
  #footer { padding-bottom:20%; }
  #footer .flexBox .logoBox { flex-basis:100%; margin: 0 0 10px 0; text-align: center;}
  #footer .flexBox .telBox { flex-basis:100%; margin: 0 0 10px 0; text-align: center;}
  #footer #copyRight  { padding:5px 0; }

  #footerSpBnr { display:block; }
}