@charset "UTF-8";
/* CSS Document */
/* フォントサイズ　リセット
----------------------------------------------*/
html {
  font-size: 62.5%;
  font-size: 10px; }

body {
  /*  font-size: 16px;
    font-size: 1.6rem;  
    /* sets the default sizing to make sure nothing is actually 10px */
  overflow-x: hidden; }

.wrapper {
  font-size: 16px;
  font-size: 1.6rem;
  color: #113486;
  	/*&:before {
  		position: fixed;
  		bottom:0;
  		right: 0;
  		content: "l";
  		color: #f00;
      
  		@include mq(m) {
  			content: "m";
  		}
  
  		@include mq(ls) {
  			content: "ls";
  		}
  
  		@include mq(s) {
  			content: "s";
  		}
  
  		@include mq(xs) {
  			content: "xs";
  		}
  
  		@include mq(xxs) {
  			content: "xxs";
  		}
  		
  		z-index: 100000000;
  	}*/ }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .wrapper {
      font-size: 15px;
      font-size: 1.5rem; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .wrapper {
      font-size: 15px;
      font-size: 1.5rem; } }
  @media screen and (max-width: 320px) {
    .wrapper {
      font-size: 15px;
      font-size: 1.5rem; } }

/*
---------------------------------*/
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  width: auto; }

* {
  box-sizing: border-box; }

/*
---------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

* html .clearfix {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/ }

/*
---------------------------------*/
.boxlink {
  cursor: pointer; }

/*
-------------------------------------------*/
.clearboth {
  clear: both; }

/* 折り返し禁止
----------------------------------------------*/
.nowrap {
  white-space: nowrap; }

/* マルチデバイス表示　リセット
----------------------------------------------*/
.xxs-media {
  display: none; }

.xs-media {
  display: none; }

.s-media {
  display: none; }

.ls-media {
  display: none; }

.m-media {
  display: none; }

.l-media {
  display: block; }

img.l-media {
  display: inline; }

span.l-media {
  display: inline; }

br.l-media {
  display: inline-block; }

* {
  box-sizing: border-box; }

@media screen and (min-width: 930.01px) and (max-width: 1200px) {
  .l-media {
    display: none; }

  img.l-media {
    display: none; }

  span.l-media {
    display: none; }

  br.l-media {
    display: none; }

  .m-media {
    display: block; }

  img.m-media {
    display: inline; }

  span.m-media {
    display: inline; }

  br.m-media {
    display: inline-block; }

  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  * {
    box-sizing: border-box; } }
@media screen and (min-width: 760.01px) and (max-width: 930px) {
  .l-media {
    display: none; }

  img.l-media {
    display: none; }

  span.l-media {
    display: none; }

  br.l-media {
    display: none; }

  .ls-media {
    display: block; }

  img.ls-media {
    display: inline; }

  span.ls-media {
    display: inline; }

  br.ls-media {
    display: inline-block; }

  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  * {
    box-sizing: border-box; } }
@media screen and (min-width: 600.01px) and (max-width: 760px) {
  .l-media {
    display: none; }

  img.l-media {
    display: none; }

  span.l-media {
    display: none; }

  br.l-media {
    display: none; }

  .s-media {
    display: block; }

  img.s-media {
    display: inline; }

  span.s-media {
    display: inline; }

  br.s-media {
    display: inline-block; }

  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  * {
    box-sizing: border-box; } }
@media screen and (min-width: 320.01px) and (max-width: 600px) {
  .l-media {
    display: none; }

  img.l-media {
    display: none; }

  span.l-media {
    display: none; }

  br.l-media {
    display: none; }

  .xs-media {
    display: block; }

  img.xs-media {
    display: inline; }

  span.xs-media {
    display: inline; }

  br.xs-media {
    display: inline-block; }

  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  * {
    box-sizing: border-box; } }
@media screen and (max-width: 320px) {
  .l-media {
    display: none; }

  img.l-media {
    display: none; }

  span.l-media {
    display: none; }

  br.l-media {
    display: none; }

  .xxs-media {
    display: block; }

  img.xxs-media {
    display: inline; }

  span.xxs-media {
    display: inline; }

  br.xxs-media {
    display: inline-block; }

  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  * {
    box-sizing: border-box; } }
/*
--------------------------------------------------------------*/
.head {
  background: #f0efed;
  padding: 0 20px; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .head {
      padding: 0 15px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head {
      padding: 0 0; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head {
      padding: 0 0; } }
  @media screen and (max-width: 320px) {
    .head {
      padding: 0 0; } }

.headb {
  max-width: 1100px;
  height: 75px;
  margin: 0 auto;
  position: relative; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .headb {
      height: 70px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .headb {
      height: 70px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .headb {
      height: auto; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .headb {
      height: auto; } }
  @media screen and (max-width: 320px) {
    .headb {
      height: auto; } }

/*
--------------------------------------------------------------*/
.head_logo {
  position: absolute;
  top: 12px;
  left: 0; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .head_logo {
      top: 12px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .head_logo {
      top: 12px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head_logo {
      padding: 0 50px 0 5px;
      max-width: 280px;
      position: static; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head_logo {
      padding: 0 140px 0 5px;
      max-width: 340px;
      position: static; } }
  @media screen and (max-width: 320px) {
    .head_logo {
      padding: 0 50px 0 5px;
      max-width: 230px;
      position: static; } }

.head_logob {
  max-width: 235px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .head_logob {
      max-width: 211.5px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .head_logob {
      max-width: 211.5px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head_logob {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 60px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head_logob {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 60px; } }
  @media screen and (max-width: 320px) {
    .head_logob {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 55px; } }

@media screen and (min-width: 600.01px) and (max-width: 760px) {
  .head_logoc {
    display: table-cell;
    vertical-align: middle; } }
@media screen and (min-width: 320.01px) and (max-width: 600px) {
  .head_logoc {
    display: table-cell;
    vertical-align: middle; } }
@media screen and (max-width: 320px) {
  .head_logoc {
    display: table-cell;
    vertical-align: middle; } }
.head_logoc img {
  vertical-align: middle; }

/*
-------------------------------------------------------------*/
.head_btn {
  position: absolute;
  right: 0;
  top: 7px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .head_btn {
      top: 8px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .head_btn {
      top: 8px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head_btn {
      bottom: auto;
      top: 5px;
      right: 105px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head_btn {
      bottom: auto;
      top: 5px;
      right: 105px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .head_btn {
      bottom: auto;
      top: 8px;
      right: 90px; } }
  @media screen and (max-width: 320px) {
    .head_btn {
      bottom: auto;
      top: 5px;
      right: 90px; } }

.head_btnb {
  max-width: 285px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .head_btnb {
      max-width: 256.5px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .head_btnb {
      max-width: 256.5px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head_btnb {
      max-width: 50px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head_btnb {
      max-width: 50px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .head_btnb {
      max-width: 45px; } }
  @media screen and (max-width: 320px) {
    .head_btnb {
      max-width: 45px; } }
  .no-touchevents .head_btnb a:hover {
    opacity: 0.7; }

/*
-------------------------------------------------------------*/
.head_telbtn {
  display: none;
  position: absolute;
  right: 0;
  top: 7px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head_telbtn {
      display: block;
      bottom: auto;
      top: 5px;
      right: 55px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head_telbtn {
      display: block;
      bottom: auto;
      top: 5px;
      right: 55px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .head_telbtn {
      bottom: auto;
      top: 8px;
      right: 45px; } }
  @media screen and (max-width: 320px) {
    .head_telbtn {
      display: block;
      bottom: auto;
      top: 5px;
      right: 45px; } }

@media screen and (min-width: 600.01px) and (max-width: 760px) {
  .head_telbtnb {
    max-width: 50px; } }
@media screen and (min-width: 320.01px) and (max-width: 600px) {
  .head_telbtnb {
    max-width: 50px; } }
@media all and (min-width: 0px) and (max-width: 360px) {
  .head_telbtnb {
    max-width: 45px; } }
@media screen and (max-width: 320px) {
  .head_telbtnb {
    max-width: 45px; } }
.no-touchevents .head_telbtnb a:hover {
  opacity: 0.7; }

/*
--------------------------------------------------------------*/
.head_menu {
  display: none;
  position: absolute; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .head_menu {
      display: block;
      top: -3px;
      right: 0px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .head_menu {
      display: block;
      top: -3px;
      right: 0px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .head_menu {
      display: block;
      top: 3px;
      right: 0px; } }
  @media screen and (max-width: 320px) {
    .head_menu {
      display: block;
      top: 0px;
      right: 0px; } }

@media screen and (min-width: 600.01px) and (max-width: 760px) {
  .head_menub {
    max-width: 60px; } }
@media screen and (min-width: 320.01px) and (max-width: 600px) {
  .head_menub {
    max-width: 60px; } }
@media all and (min-width: 0px) and (max-width: 360px) {
  .head_menub {
    max-width: 50px; } }
@media screen and (max-width: 320px) {
  .head_menub {
    max-width: 50px; } }

/*
-------------------------------------------------------------*/
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 200000;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.side-menu {
  opacity: 0;
  left: auto;
  right: -100%; }

.side-menu-in {
  position: relative;
  height: 100%; }

.side-menu-contents {
  -ms-overflow-y: scroll;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  position: relative; }

.slide-menu-overlay {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  position: fixed;
  background: rgba(239, 239, 255, 0.95);
  background: rgba(255, 255, 255, 0.95);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  z-index: 200000; }
  .side-menu-open .slide-menu-overlay {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0.93; }

/*
--------------------------------------------------------------------------*/
.spmenu_menu_close {
  position: absolute;
  top: 0px;
  right: 10px;
  -webkit-transition: none;
  transition: none; }
  .side-menu-open .spmenu_menu_close {
    opacity: 1;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out; }

.spmenu_menu_closeb {
  width: 50px; }

/*
--------------------------------------------------------------*/
.spmenu_logo {
  padding: 20px 20px 0 20px; }

.spmenu_logob {
  display: flex;
  align-items: center;
  height: 60px; }

.spmenu_logoc {
  width: 200px;
  margin: 0 auto; }
  @media screen and (max-width: 320px) {
    .spmenu_logoc {
      width: 180px; } }

/*
--------------------------------------------------------------*/
.spmenu_btnhome {
  position: absolute;
  right: 60px;
  top: 20px; }

.spmenu_btnhomeb a {
  display: block;
  border: 1px solid #191d69;
  background: #fff;
  text-decoration: none;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 20px;
  font-size: 14px;
  font-size: 1.4rem; }

/*
--------------------------------------------------------------*/
.spmenu_box {
  margin: 10px 0 0 0;
  padding: 0 15px 0 15px; }

.spmenu_boxb {
  max-width: 400px;
  margin: 0 auto 0 auto; }

/*
--------------------------------------------------------------*/
.spmenu_listb {
  font-size: 0; }

/*
--------------------------------------------------------------*/
.spmenu_list_single {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center; }

.spmenu_list_singleb {
  padding: 5px; }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .spmenu_list_singleb {
      padding: 3px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .spmenu_list_singleb {
      padding: 2px; } }

.spmenu_list_singled {
  display: table;
  width: 100%; }

.spmenu_list_single_txt {
  text-decoration: none;
  display: table-cell;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
  border: 1px solid #191d69;
  text-decoration: none;
  height: 70px;
  cursor: pointer;
  color: #fff;
  background: #113486;
  background: url("../images/common/btn2_bg.png") 50% 50% no-repeat;
  background-size: 100% 100%; }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .spmenu_list_single_txt {
      font-size: 13px;
      font-size: 1.3rem;
      height: 60px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .spmenu_list_single_txt {
      font-size: 12px;
      font-size: 1.2rem;
      height: 60px; } }
  .spmenu_list_single_txt > span {
    display: block;
    line-height: 1.2; }

/*
--------------------------------------------------------------*/
.headmargin-sp {
  display: none; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .headmargin-sp {
      display: block; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .headmargin-sp {
      display: block; } }
  @media screen and (max-width: 320px) {
    .headmargin-sp {
      display: block; } }
  .scrollnav_sp-fixed .headmargin-sp {
    height: 60px; }

.sp_main_menu {
  max-width: 100%;
  display: none; }
  .scrollnav_sp-fixed .sp_main_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    opacity: 0.95;
    z-index: 1000;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .scrollnav_sp-fixed .sp_main_menu {
        display: block; } }
    @media screen and (min-width: 320.01px) and (max-width: 600px) {
      .scrollnav_sp-fixed .sp_main_menu {
        display: block; } }
    @media screen and (max-width: 320px) {
      .scrollnav_sp-fixed .sp_main_menu {
        display: block; } }

.sp_main_menub {
  font-size: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 70px; }

.sp_main_menu_single {
  width: 50%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 5px 5px 15px 5px; }
  .sp_main_menu_single.sp_main_menu_single-mail {
    background: url("../images/common/btn_bg.png") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .sp_main_menu_single.sp_main_menu_single-tel {
    background: url("../images/common/btn3_bg.png") 50% 50% no-repeat;
    background-size: 100% 100%;
    border-left: 1px solid #fff;
    border-top: 1px solid #999; }
  .sp_main_menu_single.sp_main_menu_single-menu {
    background: url("../images/common/btn2_bg.png") 50% 50% no-repeat;
    background-size: 100% 100%;
    border-left: 1px solid #fff; }

.sp_main_menu_single_img {
  display: block;
  max-width: 140px;
  margin: 0 auto 0 auto; }
  @media screen and (max-width: 320px) {
    .sp_main_menu_single_img {
      max-width: 110px; } }

/*
--------------------------------------------------------------*/
.menu {
  background: #113486;
  position: relative;
  z-index: 1; }
  .scrollnav-fixed .menu {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    margin: 0 0 0 0; }

@media screen and (min-width: 600.01px) and (max-width: 760px) {
  .serviceList {
    display: none; } }
@media screen and (min-width: 320.01px) and (max-width: 600px) {
  .serviceList {
    display: none; } }
@media screen and (max-width: 320px) {
  .serviceList {
    display: none; } }
.serviceList.fixed {
  background: #ffffff;
  height: 60px;
  position: fixed;
  width: 100%;
  z-index: 1000;
  padding: 0 0 0 0;
  opacity: 0.95;
  position: fixed;
  top: 0;
  left: 0; }

.scrollnav-fixed .headmargin {
  height: 101px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .scrollnav-fixed .headmargin {
      display: none; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .scrollnav-fixed .headmargin {
      display: none; } }
  @media screen and (max-width: 320px) {
    .scrollnav-fixed .headmargin {
      display: none; } }

.menu_single:nth-of-type(2) {
  content: "";
  border-top: 1px solid #fff; }

.menu_singleb {
  max-width: 1100px;
  margin: 0 auto 0 auto; }
  .menu_singleb > ul {
    width: 100%;
    font-size: 0; }
    .menu_singleb > ul > li {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% / 6 - 0.5px);
      position: relative; }
      .menu_singleb > ul > li:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        bottom: 7px;
        height: 46px;
        width: 1px;
        background: #ccc; }
      @media screen and (min-width: 930.01px) and (max-width: 1200px) {
        .menu_singleb > ul > li:nth-of-type(1):before {
          display: none; } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        .menu_singleb > ul > li:nth-of-type(1):before {
          display: none; } }
      .menu_singleb > ul > li:nth-last-of-type(1):after {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        bottom: 7px;
        height: 46px;
        width: 1px;
        background: #ccc; }
        @media screen and (min-width: 930.01px) and (max-width: 1200px) {
          .menu_singleb > ul > li:nth-last-of-type(1):after {
            display: none; } }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          .menu_singleb > ul > li:nth-last-of-type(1):after {
            display: none; } }
      .menu_singleb > ul > li > a {
        height: 60px;
        color: #fff;
        line-height: 1.2;
        text-decoration: none;
        font-size: 14px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          .menu_singleb > ul > li > a {
            font-size: 12px;
            line-height: 1.5; } }
        .menu_singleb > ul > li > a:hover {
          background: rgba(255, 255, 255, 0.15); }
        .menu_singleb > ul > li > a > span {
          display: block; }

.scrollnav-fixed .headmargin {
  height: 60px; }

/*
--------------------------------------------------------------*/
/*
--------------------------------------------------------------*/
@media screen and (min-width: 320.01px) and (max-width: 600px) {
  .copyright {
    padding-right: 40px;
    padding-left: 40px; } }
@media all and (min-width: 0px) and (max-width: 375px) {
  .copyright {
    padding-left: 20px; } }

.copyrightb {
  padding: 20px 20px 80px 20px;
  max-width: 1200px;
  margin: 0 auto 0 auto;
  text-align: center; }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .copyrightb {
      padding: 20px 10px 80px 10px; } }
  @media screen and (max-width: 320px) {
    .copyrightb {
      padding: 20px 10px 80px 10px; } }

.copyrightc {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  letter-spacing: 2px; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .copyrightc {
      letter-spacing: normal; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .copyrightc {
      font-size: 11px;
      font-size: 1.1rem;
      letter-spacing: normal; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .copyrightc {
      font-size: 11px;
      font-size: 1.1rem;
      letter-spacing: normal; } }
  @media all and (min-width: 0px) and (max-width: 375px) {
    .copyrightc {
      font-size: 10px;
      font-size: 1.0rem;
      letter-spacing: normal; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .copyrightc span {
      display: inline-block; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .copyrightc span {
      display: inline-block; } }
  @media screen and (max-width: 320px) {
    .copyrightc span {
      display: inline-block; } }

/* コンテンツ部分　空白
--------------------------------------------------------------*/
.kojib {
  height: 1000px; }

/*
--------------------------------------------------------------*/
#pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 11;
  max-width: 60px; }

/*
------------------------------------------------*/
.pagelink {
  margin-top: -160px;
  padding-top: 160px; }

/*
--------------------------------------------------------------*/
#sidebtn {
  position: fixed;
  top: 50%;
  right: 10px;
  font-size: 77%;
  transform: translate(0, -50%);
  text-align: right;
  /*padding-right:10px; 
  width: 1440px;*/
  box-sizing: border-box;
  z-index: 10;
  width: 80px;
  display: none; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    #sidebtn {
      width: 40px;
      right: 0px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    #sidebtn {
      width: 35px;
      right: 0px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    #sidebtn {
      display: none !important; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    #sidebtn {
      display: none !important; } }
  @media screen and (max-width: 320px) {
    #sidebtn {
      display: none !important; } }

#sidebtnb img:hover {
  opacity: 0.8; }

.sidebtn_singleb {
  padding: 3px 0; }
  .no-touchevents .sidebtn_singleb a:hover {
    opacity: 0.7; }

/* コンテンツ部分　空白
--------------------------------------------------------------*/
.kojib {
  height: 1000px; }

/*
--------------------------------------------------------------*/
#pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 11;
  max-width: 60px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    #pagetop {
      max-width: 55px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    #pagetop {
      max-width: 50px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    #pagetop {
      max-width: 45px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    #pagetop {
      max-width: 45px; } }
  @media screen and (max-width: 320px) {
    #pagetop {
      max-width: 40px; } }
  #pagetop img:hover {
    opacity: 0.8; }

/*
------------------------------------------------*/
.pagelink {
  margin-top: -160px;
  padding-top: 160px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .pagelink {
      margin-top: -80px;
      padding-top: 80px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .pagelink {
      margin-top: -80px;
      padding-top: 80px; } }
  @media screen and (max-width: 320px) {
    .pagelink {
      margin-top: -80px;
      padding-top: 80px; } }

/*
-------------------------------------------------------------*/
.mgtop80 {
  margin-top: 80px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .mgtop80 {
      margin-top: 60px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .mgtop80 {
      margin-top: 50px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .mgtop80 {
      margin-top: 40px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .mgtop80 {
      margin-top: 40px; } }
  @media screen and (max-width: 320px) {
    .mgtop80 {
      margin-top: 40px; } }

.mgtop60 {
  margin-top: 60px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .mgtop60 {
      margin-top: 50px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .mgtop60 {
      margin-top: 40px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .mgtop60 {
      margin-top: 30px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .mgtop60 {
      margin-top: 30px; } }
  @media screen and (max-width: 320px) {
    .mgtop60 {
      margin-top: 30px; } }

.mgtop40 {
  margin-top: 40px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    .mgtop40 {
      margin-top: 30px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .mgtop40 {
      margin-top: 30px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .mgtop40 {
      margin-top: 20px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .mgtop40 {
      margin-top: 20px; } }
  @media screen and (max-width: 320px) {
    .mgtop40 {
      margin-top: 20px; } }

.mgtop20 {
  margin-top: 20px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .mgtop20 {
      margin-top: 10px; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .mgtop20 {
      margin-top: 10px; } }
  @media screen and (max-width: 320px) {
    .mgtop20 {
      margin-top: 10px; } }

.mgtop10 {
  margin-top: 10px; }

.mgtop0 {
  margin-top: 0px; }

/*
------------------------------------------------*/
.kometxt .kometxt_single {
  padding-left: 16px;
  padding-left: 1.6rem;
  text-indent: -16px;
  text-indent: -1.6rem; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .kometxt .kometxt_single {
      padding-left: 14px;
      padding-left: 1.4rem;
      text-indent: -14px;
      text-indent: -1.4rem; } }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .kometxt .kometxt_single {
      padding-left: 14px;
      padding-left: 1.4rem;
      text-indent: -14px;
      text-indent: -1.4rem; } }
  @media screen and (max-width: 320px) {
    .kometxt .kometxt_single {
      padding-left: 14px;
      padding-left: 1.4rem;
      text-indent: -14px;
      text-indent: -1.4rem; } }
  .kometxt .kometxt_single strong {
    font-weight: bold; }

/*
------------------------------------------------*/
.pos_rel {
  position: relative; }

/*
------------------------------------------------*/
.red {
  color: #a20308; }

/*
------------------------------------------------------------------*/
.sp-head-contact {
  display: none;
  max-width: 320px; }

html #boxer.inline {
  max-width: 320px;
  padding: 0px; }

.sp-head-contactb {
  background: #fff;
  padding: 30px 20px; }

.sp-head-contact_boxb {
  margin: -10px 0;
  color: #113486; }

html #boxer .boxer-close:before {
  color: #113486; }

.sp-head-contact_box_titleb {
  font-weight: bold;
  font-size: 19px;
  font-size: 1.9rem;
  text-align: center;
  line-height: 1.5; }

.sp-head-contact_box_txt {
  margin: 8px 0 0 0; }

.sp-head-contact_box_txtb {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center; }

/*
--------------------------------------------------------------*/
.sp-head-contact_listbox {
  margin: 10px 0 0 0; }

.sp-head-contact_listboxb {
  max-width: 400px;
  margin: 0 auto 0 auto; }

/*
--------------------------------------------------------------*/
.sp-head-contact_listbox_listb {
  font-size: 0; }

/*
--------------------------------------------------------------*/
.sp-head-contact_listbox_list_single {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center; }

.sp-head-contact_listbox_list_singleb {
  padding: 5px; }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .sp-head-contact_listbox_list_singleb {
      padding: 3px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .sp-head-contact_listbox_list_singleb {
      padding: 2px; } }

.sp-head-contact_listbox_list_singlec {
  display: table;
  width: 100%; }

.sp-head-contact_listbox_list_single_txt {
  text-decoration: none;
  display: table-cell;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
  text-decoration: none;
  height: 70px;
  cursor: pointer;
  background: #113486;
  background: 50% 50% no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 0 10px; }
  @media screen and (min-width: 320.01px) and (max-width: 600px) {
    .sp-head-contact_listbox_list_single_txt {
      font-size: 13px;
      font-size: 1.3rem;
      height: 60px; } }
  @media all and (min-width: 0px) and (max-width: 360px) {
    .sp-head-contact_listbox_list_single_txt {
      font-size: 12px;
      font-size: 1.2rem;
      height: 60px; } }
  .sp-head-contact_listbox_list_single-mitaka .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_mitaka.png"); }
  .sp-head-contact_listbox_list_single-niiza .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_niiza.png"); }
  .sp-head-contact_listbox_list_single-kokubunji .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_kokubunji.png"); }
  .sp-head-contact_listbox_list_single-kugayama .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_kugayama.png"); }
  .sp-head-contact_listbox_list_single-shiki .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_shiki.png"); }
  .sp-head-contact_listbox_list_single-omiya .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_omiya.png"); }
  .sp-head-contact_listbox_list_single-asakadai .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_asakadai.png"); }
  .sp-head-contact_listbox_list_single-ikebukuro .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_ikebukuro.png"); }
  .sp-head-contact_listbox_list_single-shinjuku .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_shinjuku.png"); }
  .sp-head-contact_listbox_list_single-kyoto .sp-head-contact_listbox_list_single_txt {
    background-image: url("../images/pop_telbox/btn_bg_kyoto.png"); }
  .sp-head-contact_listbox_list_single_txt:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border: 1px solid #fff;
    pointer-events: none;
    opacity: 0.5; }