@charset "UTF-8";
.content_inner {
  overflow:hidden;

  box-sizing:border-box;
  width:1200px;
  margin:0 auto;
  }
#wrapper {
  position:relative;

  background-color:#000;

  }
@media screen and (max-width:768px) {
  .content_inner {
    box-sizing:border-box;
    width:100%;
    }
  #wrapper {
    background-color:#fff;

    }
  }
/*-----------------------------
header
------------------------------*/
header {
  position:relative;
  z-index:9999;

  border-bottom:solid 2px #041938;
  background:#fff;


  }
#top_nav h1 {
  font-size:18px;
  font-weight:bold;

  position:relative;
  z-index:100;

  float:left;

  margin-top:15px;

  color:#fff;

  }
#top_nav h1 a,#top_nav h1 a:hover,#top_nav h1 a:valid {
  text-decoration:none;

  color:#041938;
  }

@media screen and (max-width:768px) {
  header {
    position:relative;
    z-index:999;

    border:none;
    background-attachment:none;
    }

  #top_nav h1 {
    font-size:13px;

    margin-top:11px;
    margin-left:2%;
    }
  }

@media screen and (max-width:374px) {
  #top_nav h1 {
    font-size:11px;

    margin-top:12px;
    margin-left:2%;
    }
  }

/*-----------------------------
navgation
------------------------------*/
#top_nav {
  width:100%;
  height:60px;
  }
.gblnv_box {
  height:60px;
  margin:0 auto;

  }
.gblnv_box a {
  float:right;

  padding:30px 160px 30px 10px;
  padding-right:160px;

  text-decoration:none;

  background-color:#041938;
  }
.gblnv_box .menu-trigger:after {
  font-size:16px;
  font-weight:bold;

  position:absolute;
  top:18px;
  right:30px;

  content:"MENU";
  text-decoration:none;

  color:#fff;
  }
.gblnv_box .menu-trigger.active:after {
  font-size:16px;
  font-weight:bold;

  position:absolute;
  top:18px;
  right:25px;

  content:"CLOSE";
  text-decoration:none;

  color:#fff;
  }
.gblnv_box .menu-trigger.active {
  padding:30px 160px 30px 10px;

  }
.gblnv_block ul li:last-child:after {
  display:block;

  width:100%;
  height:99999px;

  content:"";

  color:#041938;
  }
.gblnv_block {
  position:absolute;
  top:60px;
  right:0;

  display:none;

  text-align:center;

  opacity:0.95;
  color:#041938;
  background-color:#041938;
  }
.gblnv_block ul {
  width:100%;
  padding-right:160px;
  }
.gblnv_block.onanimation ul {
  width:100%;
  padding-right:0;
  }
.gblnv_box.gblnv_box ul li a {
  font-size:14px;

  position:relative;
  z-index:99999;

  width:100%;
  padding-right:0;

  text-align:center;
  text-decoration:none;

  background:#041938;
  }
.gblnv_box.gblnv_box ul li a span.ttl {
  font-family:Arial, Helvetica, sans-serif;
  font-size:21px;
  font-weight:bold;
  }
.gblnv_box.gblnv_box ul li:nth-last-of-type(-n+4) a {
  background:url(../../common/images/ico_external.png), #041938;
  background-repeat:no-repeat;
  background-position:68% 40px;
  background-size:40px;
  }
.gblnv_box.gblnv_box ul li div.off{
  opacity: 0.2;
  text-decoration: line-through;
}

  /* Button hover */
.gblnv_box.gblnv_box ul li a:hover,.top_menu_box p:hover {
  transition:0.4s;

  color:#041938;
  background-color:#fff;
  }
.gblnv_box.gblnv_box ul li:nth-last-of-type(-n+4) a:hover {
  transition:0.4s;

  background:url(../../common/images/ico_external_hover.png), #fff;
  background-repeat:no-repeat;
  background-position:68% 40px;
  background-size:40px;
  }
.gblnv_block ul li {
  line-height:180%;

  z-index:9999;

  clear:both;
  overflow:hidden;
  }
.gblnv_block ul li a {
  font-size:26px;
  line-height:1.4;

  color:#fff;
  border-bottom:2px solid #fff;
  }
/*.gblnv_block ul li:nth-child(9) a:after {
  position:absolute;
  top:2px;
  left:0;

  width:100%;

  content:"";

  border:1px solid #ccc;
  }*/
.gblnv_block ul li:nth-child(13) a:after {
  position:absolute;
  top:2px;
  left:0;

  width:100%;

  content:"";

  border:1px solid #ccc;
  }
.gblnv_block ul li:last-child a {
  }
.onanimation {
  display:block;

  width:100vw;
  }
.menu-trigger,.menu-trigger span {
  z-index:999;

  display:inline-block;

  box-sizing:border-box;

  transition:all 0.4s;
  }
.menu-trigger {
  position:relative;

  width:40px;
  height:30px;
  }
.menu-trigger span {
  position:absolute;
  left:0;

  width:30%;
  height:4px;

  border-radius:4px;
  background-color:#fff;
  }
.menu-trigger span:nth-of-type(1) {
  top:15px;
  left:15px;
  }
.menu-trigger span:nth-of-type(2) {
  top:28px;
  left:15px;
  }
.menu-trigger span:nth-of-type(3) {
  bottom:15px;
  left:15px;
  }
.menu-trigger.active span:nth-of-type(1) {
  top:7px;
  left:22px;

  width:21%;

  -webkit-transform:translateY(20px) rotate(-45deg);
          transform:translateY(20px) rotate(-45deg);
  }
.menu-trigger.active span:nth-of-type(2) {
  left:50%;

  -webkit-animation:active-menu-bar02 0.8s forwards;
          animation:active-menu-bar02 0.8s forwards;

  opacity:0;
  }
@-webkit-keyframes active-menu-bar02 {
  100% {
    height:0;
    }
  }
@keyframes active-menu-bar02 {
  100% {
    height:0;
    }
  }
.menu-trigger.active span:nth-of-type(3) {
  bottom:8px;
  left:23px;

  width:21%;

  -webkit-transform:translateY(-20px) rotate(45deg);
          transform:translateY(-20px) rotate(45deg);
  }

@media screen and (max-width:768px) {
  header {
    background:none;
    }
  .gblnv_block {
    top:40px;
    }
  #top_nav {
    height:40px;
    }
  .gblnv_box.gblnv_box ul li a:hover,.top_menu_box p:hover {
    color:#fff;
    background-color:#041938;
    }
  figcaption {
    display:none;
    }
  #top_nav h3 {
    font-size:12px;

    margin-top:10px;
    }
  .gblnv_box {
    height:40px;

    border-bottom:2px solid #041938;
    background-color:#fff;
    background-size:30% 100%;
    }
  .gblnv_box .menu-trigger.active {
    padding:20px 160px 20px 10px;
    }
  .gblnv_box a {
    padding:20px 120px 20px 10px;
    }
  .gblnv_block.onanimation ul {
    }
  .gblnv_box .menu-trigger:after {
    top:9px;
    right:14px;
    }
  .menu-trigger span:nth-of-type(1) {
    top:10px;
    left:10px;

    width:25%;
    }
  .menu-trigger span:nth-of-type(2) {
    top:20px;
    left:10px;

    width:25%;
    }
  .menu-trigger span:nth-of-type(3) {
    bottom:7px;
    left:10px;

    width:25%;
    }
  .gblnv_box .menu-trigger.active:after {
    top:9px;
    right:15px;
    }
  .gblnv_box a {
    padding:20px 103px 20px 10px;

    background-color:#041938;
    }
  .gblnv_box .menu-trigger.active {
    padding:20px 103px 18px 10px;
    }
  .menu-trigger.active span:nth-of-type(1) {
    top:-2.5px;
    left:10px;

    width:19%;
    }
  .menu-trigger.active span:nth-of-type(3) {
    bottom:-3px;
    left:10.5px;

    width:19%;
    }
  .menu-trigger span {
    height:3px;
    }
  .gblnv_box.gblnv_box ul li:nth-last-of-type(-n+5) a {
    background:url(../../common/images/ico_external.png), #041938;
    background-repeat:no-repeat;
    background-position:90% 40px;
    background-size:40px;
    }
  }

@media screen and (max-width: 768px) and (orientation:landscape) {
  .gblnv_box {
    height:40px;

    background-size:17% 100%;
    }
  footer {
    padding-top:45%;
    }
  footer:before {
    top:34%;

    width:104%;
    height:28vw;

    content:" ";
    }
  footer dl.attention dt {
    width:26%;
    margin-bottom:0.2em;
    }
  footer dl.attention dd {
    font-size:16px;

    width:70%;
    margin:0 auto;
    }
  footer dl.attention {
    top:45%;
    }
  footer .sns {
    float:none;

    width:42%;
    margin:2% auto 5%;
    }
  }
/*-----------------------------
	footer
------------------------------*/
footer {
  position:relative;

  clear:both;

  padding-top:30px;

  border-top:3px solid #f00;
  background-color:#041938;
  }

footer dl.attention {
  z-index:999;
  }
footer dl.attention dt {
  font-size:18px;

  float:right;

  padding-left:1.6em;

  color:#f2f91d;
  background-image:url(../images/ico_footer_attention.png);
  background-repeat:no-repeat;
  background-size:contain;
  }
footer .attention {
  font-size:12px;

  clear:both;

  padding-top:10px;

  text-align:right;

  color:#fff;
  }
footer .bottom {
  position:relative;

  overflow:hidden;

  margin-top:40px;
  }
footer .sns {
  position:relative;
  z-index:999;
  display: inline-block;
  margin-top:1%;
  margin-left:2%;
  }
footer .sns a {
  margin-right:2em;
  padding-top:1em;
  padding-right:2em;
  padding-bottom:1em;
  text-decoration:none;
  color:#fff;
  background-image:url(../images/ico_footer_facebook.png);
  background-repeat:no-repeat;
  background-position:right 100%;
  background-size:1.6em;
  }
.win footer .sns a {
  /*Windows (全バージョン)のみ*/
  background-position:right 70%;
  }
footer .sns a.kyukatsu {
  display:inline-block;
  width:200px;
  margin-right:2em;
  padding:2em 14.5em 2em 0;
  transition:all 0.4s;
  text-decoration:none;
  color:#fff;
  background-image:url(../images/ico_footer_kyukatsu.png);
  background-repeat:no-repeat;
  background-position:22px 3px;
  background-size:194px;
  }

footer .sns a.instagram {
  background-image:url(../images/ico_footer_instagram.png);
  background-position:right center;
  }

footer .sns a.kyukatsu:hover {
  background-image:url(../images/ico_footer_kyukatsu_hover.png);
  background-position:22px 3px;
  background-size:194px;
  }
footer .sns dl dd {
  font-size:16px;

  color:#fff;
  }
footer .copyright {
  float:right;

  margin-top:50px;
  margin-right:2%;
  margin-bottom:20px;
  }
footer .copyright p {
  position:relative;
  z-index:999;

  float:right;

  width:141px;
  margin-bottom:0.5em;
  }
footer .copyright small {
  font-size:12px;

  display:block;
  clear:both;

  color:#fff;
  }

@media screen and (max-width:768px) {
  footer .bottom {
    margin-top:0;
    }
  footer:before {
    top:25%;
    }
  footer dl.attention dt {
    float:none;

    width:50%;
    margin:0 auto;

    text-align:center;
    }
  footer dl.attention {
    top:34%;
    right:50%;

    width:100%;
    margin-right:-50%;
    }
  footer .attention {
    width:80%;
    margin:0 auto;

    text-align:center;
    }
  footer .sns {
    width: 100%;
    margin:30px auto 6%;
    text-align:center;
    line-height: 2.4;
    }
  footer .sns a:last-child {
    margin-right:0;
    }
  footer .sns a:nth-child(2) {
    margin-right:0;
    }
  footer .sns a.instagram.fukuoka {
    margin-right:0;
    }
  footer .sns a.kyukatsu {
    display:inline-block;
    width:100px;
    margin:0 auto;
    padding:1.4em 0.5em 1.4em 0;
    text-align:left;
    background-image:url(../images/ico_footer_kyukatsu_sp.png);
    background-size:4em;
    }

  footer .sns a.kyukatsu:hover {
    background-image:url(../images/ico_footer_kyukatsu_sp.png);
    background-size:4em;
    }
  footer .copyright {
    float:none;
    margin:0 auto;
    }
  footer .copyright p {
    float:none;
    margin:0 auto 3%;
    }
  footer .copyright small {
    font-size:11px;
    display:block;
    margin:0 auto 3%;
    text-align:center;
    }

  .gblnv_box.gblnv_box ul li:nth-last-of-type(-n+5) a {
    padding-right:2em;

    background-position:97% 50%;
    background-size:25px;
    }
  }

@media screen and (max-width: 768px) and (orientation:landscape) {
  footer:before {
    top:29%;

    height:22vw;
    }
  footer .sns {
    /*display:table;
    float:none;*/

    margin:18% auto 6%;
    }
  footer dl.attention {
    top:40%;
    }
  }
/*-----------------------------
content
------------------------------*/

.contents {
  position:relative;

  overflow:hidden;

  width:100%;
  margin:0;
  padding:0 0;
  }
.head_visual {
  }

@media screen and (max-width:768px) {
  .head_visual {
    display:block;
    overflow:hidden;

    width:100%;
    height:0px;

    background:#000;
    }
  }
/*180403 add*/
.head_img {
  position:relative;
  z-index:10;

  overflow:hidden;

  margin-bottom:-120px;

  background:url(../images/bg_header-l.png) repeat-y top left, url(../images/bg_header-r.png) repeat-y top right;
  background-size:18% 120px,20% 120px;
  }
.head_img .content_inner {
  height:120px;

  background:url(../images/bg_header-t.png) no-repeat top center;
  background-size:1200px 120px;


  }
.head_img h2 {
  float:left;

  width:172px;
  margin-top:5px;
  margin-left:25px;
  }
.head_img h3 {
  float:left;

  width:540px;
  margin-top:12px;
  margin-left:48px;

  }
@media screen and (min-width:1800px) {
  .head_img {
    background-size:26% 120px,26% 120px;
    }
  }
@media screen and (max-width:768px) {
  .head_img,.head_img .content_inner {
    height:auto;
    margin-bottom:0;

    background:#fff;
    }
  .head_img h2 {
    width:26%;
    margin:2%;
    }
  .head_img h3 {
    float:right;

    width:57%;
    margin:3.5% 4% 0 0;
    }
  }





/* none */
.sponly{ }
.pconly{ }
@media screen and (min-width:768px){ .sponly{ display:none!important;}}
@media screen and (max-width:768px){ .pconly{ display:none!important;}}