@charset "UTF-8";
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
dl,
dt,
dd,
form,
nav,
header,
footer,
main,
article,
section,
aside,
figure,
figcaption,
button{
  margin: 0;
  padding: 0;
}
body{
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}
ol,
ul,
li{
  list-style: none;
}
main{
  display: block;
}
main,
nav,
aside,
header,
article,
section,
footer,
figure,
ul,
li,
dl,
dt,
dd,
div,
p,
a,
span,
input,
select,
button{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img{
  border: 0;
}
a > img{
  vertical-align: bottom;
}
@media screen and (max-width: 500px) {
  br.pc{
    display: none;
  }
}
*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
table td,
table th{
  /* box-sizing: border-box */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9{
  list-style-type: decimal !important;
  list-style-position: outside;
  margin-left: 36px;
  padding-left: 16px;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9{
  background-color: #272822 !important;
}
pre.prettyprint{
  padding: 10px!important;
  margin-bottom: 30px!important;
}
.ac{
  text-align: center!important;
}
.ar{
  text-align: right!important;
}
.w330{
  width: 330px!important;
}
.w100p{
  width: 100%!important;
}
.w90p{
  width: 90%!important;
}
.w80p{
  width: 80%!important;
}
.w70p{
  width: 70%!important;
}
.w60p{
  width: 60%!important;
}
.w50p{
  width: 50%!important;
}
.w40p{
  width: 40%!important;
}
.w30p{
  width: 30%!important;
}
.w20p{
  width: 20%!important;
}
.w10p{
  width: 10%!important;
}
.mb0{
  margin-bottom: 0!important;
}
.mb5{
  margin-bottom: 5px!important;
}
.mb10{
  margin-bottom: 10px!important;
}
.mb20{
  margin-bottom: 20px!important;
}
.mb30{
  margin-bottom: 30px!important;
}
.mb40{
  margin-bottom: 40px!important;
}
.mb50{
  margin-bottom: 50px!important;
}
.mb60{
  margin-bottom: 60px!important;
}
.mb70{
  margin-bottom: 70px!important;
}
.mb80{
  margin-bottom: 80px!important;
}
.mb90{
  margin-bottom: 90px!important;
}
.mb100{
  margin-bottom: 100px!important;
}
.mt10{
  margin-top: 10px!important;
}
.mt20{
  margin-top: 20px!important;
}
.mt30{
  margin-top: 30px!important;
}
.mt40{
  margin-top: 40px!important;
}
.mt50{
  margin-top: 50px!important;
}
.mt60{
  margin-top: 60px!important;
}
.mt70{
  margin-top: 70px!important;
}
.mt80{
  margin-top: 80px!important;
}
.mt90{
  margin-top: 90px!important;
}
.mt100{
  margin-top: 100px!important;
}
@media screen and (max-width: 768px) {
  .mb30{
    margin-bottom: 20px!important;
  }
  .mb40{
    margin-bottom: 30px!important;
  }
  .mb50{
    margin-bottom: 30px!important;
  }
  .mb60{
    margin-bottom: 30px!important;
  }
  .mb70{
    margin-bottom: 30px!important;
  }
  .mb80{
    margin-bottom: 50px!important;
  }
  .mb90{
    margin-bottom: 50px!important;
  }
  .mb100{
    margin-bottom: 50px!important;
  }
  .mt30{
    margin-top: 20px!important;
  }
  .mt40{
    margin-top: 30px!important;
  }
  .mt50{
    margin-top: 30px!important;
  }
  .mt60{
    margin-top: 30px!important;
  }
  .mt70{
    margin-top: 30px!important;
  }
  .mt80{
    margin-top: 30px!important;
  }
  .mt90{
    margin-top: 30px!important;
  }
  .mt100{
    margin-top: 30px!important;
  }
  .pbs10{
    padding-bottom: 10px!important;
  }
}
@media screen and (max-width: 500px) {
  .w330{
    width: 100%!important;
  }
}
html{
  height: 100%;
}
body{
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #1A1A1A;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  body{
    font-size: 14px;
  }
}
body.fixed{
  overflow-y: hidden;
}
_:-ms-lang(x)::-ms-backdrop,
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", serif;
}
h3{
  font-size: 16px;
}
p.big{
  font-size: 23px;
}
@media screen and (max-width: 768px) {
  p.big{
    font-size: 18px;
  }
}
p .big{
  font-size: 18px;
  margin-right: 10px;
}
p.bold{
  font-weight: bold;
}
a{
  color: #1a1a1a;
  text-decoration: none;
  -webkit-transition: color 0.2s, background-color 0.2s, opacity 0.2s;
  -o-transition: color 0.2s, background-color 0.2s, opacity 0.2s;
  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
}
a:active{
  color: #e60012;
}
a:hover{
  color: #e60012;
  text-decoration: underline;
}
@media screen and (max-width: 500px) {
  a:hover{
    color: inherit;
  }
}
a.noline{
  text-decoration: none;
}
a:hover.noline{
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
strong{
  color: #E4072B;
}
em,
i{
  font-style: normal;
}
#page{
  position: relative;
}
#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #wrapper{
    display: block;
  }
}
#main_top,
#main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#contents{
  padding: 30px;
  background: #FFF;
  width: 820px;
}
@media screen and (max-width: 1040px) {
  #contents{
    width: 100%;
    padding: 20px 20px 30px;
  }
}
#contents > p,
#contents .col2 p{
  line-height: 1.6;
  margin-bottom: 1.3em;
}
#contents > p:last-child,
#contents .col2 p:last-child{
  margin-bottom: 0;
}
/* ===============================
トップページヘッダー部分
================================== */
#header_top{
  height: 768px;
  width: 396px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1216px) {
  #header_top{
    height: auto;
    width: 320px;
  }
}
@media screen and (max-width: 768px) {
  #header_top{
    width: 100%;
  }
}
#header_top_in{
  padding: 68px 30px 30px;
  text-align: center;
}
@media screen and (max-width: 1216px) {
  #header_top_in{
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  #header_top_in{
    padding: 30px 10px;
  }
}
#header_top_in .logo{
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #header_top_in .logo{
    margin-bottom: 30px;
  }
}
#header_top_in .logo a{
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  display: block;
  width: 300px;
  height: 114px;
  background : url(logo.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: contain;
}
#header_top_in .logo a br{
  display: none;
}
@media screen and (max-width: 1216px) {
  #header_top_in .logo a{
    width: 240px;
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  #header_top_in .logo a{
    width: 300px;
    height: 114px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 413px) {
  #header_top_in .logo a{
    width: 280px;
    height: 106px;
  }
}
@media screen and (max-width: 374px) {
  #header_top_in .logo a{
    width: 240px;
    height: 100px;
  }
}
#header_top_in .status{
  width: 186px;
  height: 83px;
  background: #061283;
  color: #FFF;
  text-align: center;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#header_top_in .status p{
  font-size: 17px;
  font-weight: bold;
  line-height: 21px;
}
#header_top_in .address{
  margin-bottom: 0.5em;
}
#header_top_in .tel span,
#header_top_in .fax span{
  padding-left: 35px;
  line-height: 30px;
  font-size: 27px;
  font-weight: bold;
}
#header_top_in .tel{
  margin-bottom: 0.4em;
}
#header_top_in .tel span{
  background : url(icon_tel.svg) left center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 30px 30px;
}
#header_top_in .fax span{
  background : url(icon_fax.svg) left center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 30px 30px;
}
/* ===============================
サブページヘッダー部分
================================== */
#header{
  width: 220px;
  background: rgba(19, 144, 141, 0.2);
}
@media screen and (max-width: 768px) {
  #header{
    width: 100%;
  }
}
#header_in{
  padding: 50px 30px;
}
@media screen and (max-width: 768px) {
  #header_in{
    padding: 15px;
  }
}
#header_in .logo{
  width: 160px;
  height: 132px;
}
@media screen and (max-width: 768px) {
  #header_in .logo{
    margin: 0 auto;
  }
}
#header_in .logo a{
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 100%;
  background : url(logo_sub.png) center top / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: contain;
}
#header_in .logo a br{
  display: none;
}
/* ===============================
グロナビトップ
================================== */
#gnav_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  #gnav_top{
    padding: 0 5px 5px;
  }
}
#gnav_top ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 65px);
  margin-bottom: -5px;
}
#gnav_top ul li{
  width: calc((100% - 10px) / 3);
  text-align: center;
  font-size: 15px;
  height: 60px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#gnav_top ul li:nth-child(3n){
  margin-right: 0;
}
#gnav_top ul li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 183, 76, 0.5);
  line-height: 1.1;
  color: inherit;
  padding: 0 5px;
}
@media screen and (max-width: 1216px) {
  #gnav_top ul li a .brpc{
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #gnav_top ul li a .brpc{
    display: block;
  }
}
@media screen and (max-width: 413px) {
  #gnav_top ul li a{
    font-size: 12px;
  }
}
@media screen and (max-width: 374px) {
  #gnav_top ul li a .brpc{
    display: none;
  }
}
#gnav_top ul li a.green{
  background: rgba(19, 141, 144, 0.5);
}
#gnav_top ul li a:hover{
  text-decoration: none;
  background: #ffb74c;
}
#gnav_top ul li a:hover.green{
  background: #138d90;
  color: #FFF;
}
#gnav_top ul li.off{
  position: relative;
  overflow: hidden;
}
#gnav_top ul li.off a{
  top: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  width: 100%;
  height: 100%;
}
#gnav_top ul li.off a.off_show{
  top: 0;
}
/* ===============================
ページナビ（サブページ）
================================== */
#pnav{
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #pnav{
    display: none;
  }
}
#pnav h3{
  margin-bottom: 20px;
}
#pnav h3 span{
  display: block;
  background: #138d90;
  color: #FFF;
  padding: 10px 15px;
}
#pnav h3 a{
  display: block;
  color: #FFF;
  background: #138d90;
  padding: 10px 15px;
}
#pnav h3 a:hover{
  text-decoration: none;
  background: #fd3c3c;
}
#pnav ul{
  padding-left: 15px;
}
#pnav ul li a{
  display: inline-block;
  padding-left: 10px;
  font-size: 14px;
  position: relative;
}
#pnav ul li a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 5px;
  height: 6px;
  background : url(arrow_green.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
#pnav ul li.sub{
  padding-left: 1em;
}
#pnav ul li.sub a{
  padding-left: 12px;
}
#pnav ul li.sub a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 8px;
  height: 1px;
  background : url(bar_green.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
/* ===============================
ハンバーガーメニュー（トップ）
================================== */
.hamburger_top{
  display: block;
  position: relative;
  height: 60px;
  width: 60px;
  z-index: 100;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  background: #333333;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  /*
  span {
    background: #FFF;
    display: block;
    height: 3px;
    position: absolute;
    transition:all .3s;
    top: 50%;
    left: 50%;
    width: 28px;
    margin-left: -14px;

    &:first-child {
      margin-top: -12px;
    }
    &:nth-child(2) {
      margin-top: -1px;
    }
    &:nth-child(3) {
      margin-top: 10px;
    }
  }

  &:hover {
    span {
      background-color: #FFD200;
    }
  }

  &.active {
    span {
      &:first-child {
        margin-top: -1.5px;
        margin-left: -16px;
        width: 34px;
        transform: rotate(45deg);
      }
      &:nth-child(2) {
        transform:scaleX(0);
      }
      &:nth-child(3) {
        margin-top: -1.5px;
        margin-left: -16px;
        width: 34px;
        transform: rotate(135deg);
      }
    }
  }
*/
}
/* ===============================
ハンバーガーメニュー（サブ）
================================== */
.hamburger{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 60px;
  z-index: 100;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  /*
  span {
    background: #333;
    display: block;
    height: 3px;
    position: absolute;
    transition:all .3s;
    top: 50%;
    left: 50%;
    width: 28px;
    margin-left: -14px;

    &:first-child {
      margin-top: -12px;
    }
    &:nth-child(2) {
      margin-top: -1px;
    }
    &:nth-child(3) {
      margin-top: 10px;
    }
  }

  &:hover {
    span {
      background-color: #111;
    }
  }

  &.active {
    span {
      background-color: #FFF;
      &:first-child {
        margin-top: -1.5px;
        margin-left: -16px;
        width: 34px;
        transform: rotate(45deg);
      }
      &:nth-child(2) {
        transform:scaleX(0);
      }
      &:nth-child(3) {
        margin-top: -1.5px;
        margin-left: -16px;
        width: 34px;
        transform: rotate(135deg);
      }
    }
  }
*/
}
@media screen and (max-width: 768px) {
  .hamburger{
    left: inherit;
    right: 10px;
    top: 10px;
  }
}
/* ===============================
ドロワーナビ
================================== */
#drawer{
  display: none;
  background: rgba(19, 141, 144, 0.9);
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  width: 413px;
  height: 100%;
  z-index: 6;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #drawer{
    left: inherit;
    right: 0;
  }
}
@media screen and (max-width: 500px) {
  #drawer{
    width: 100%;
  }
}
/* ===============================
ドロワーナビ
================================== */
#drawer_in{
  width: 100%;
  max-width: 1040px;
  min-height: 100%;
  margin: 0 auto;
  padding: 20px 0 40px 0;
  overflow: auto;
}
#drawer_in h2{
  margin-left: 60px;
  width: 190px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #drawer_in h2{
    margin-left: 40px;
  }
}
#drawer_in a{
  color: #FFF;
  text-decoration: none;
}
#drawer_in > .nav{
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
#drawer_in > .nav > li{
  position: relative;
  overflow-x: hidden;
}
#drawer_in > .nav > li.active{
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
#drawer_in > .nav > li > a{
  display: block;
  font-size: 17px;
  line-height: 24px;
  padding: 18px 20px 18px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  font-weight: bold;
}
#drawer_in > .nav > li .plus,
#drawer_in > .nav > li .minus{
  position: absolute;
  width: 60px;
  height: 60px;
  right: 0;
  top: 0;
  outline: none;
  border: none;
  cursor: pointer;
  background : url(btn_plus.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 20px 20px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
#drawer_in > .nav > li .minus{
  background-size: 22px 22px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#drawer_in > .nav > li .sub_nav{
  font-size: 14px;
  overflow-y: hidden;
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
  height: 0;
}
#drawer_in > .nav > li .sub_nav ul{
  padding: 15px 15px 15px 40px;
}
#drawer_in > .nav > li .sub_nav ul li{
  margin-bottom: 0.4em;
}
#drawer_in > .nav > li .sub_nav ul li:last-child{
  margin-bottom: 0;
}
#drawer_in > .nav > li .sub_nav ul li a{
  display: inline-block;
  padding-left: 10px;
  font-size: 14px;
  position: relative;
}
#drawer_in > .nav > li .sub_nav ul li a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 5px;
  height: 6px;
  background : url(arrow_orange.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
#drawer_in > .nav > li .sub_nav ul li.sub{
  padding-left: 1em;
}
#drawer_in > .nav > li .sub_nav ul li.sub a{
  padding-left: 12px;
}
#drawer_in > .nav > li .sub_nav ul li.sub a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 8px;
  height: 1px;
  background : url(bar_orange.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
/* ======================================= */
/*  オーバーレイ部分
/* ======================================= */
#overlay{
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #666;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.active#overlay{
  z-index: 5;
  opacity: 0.65;
}
/* ===============================
フッター
================================== */
#footer,
#footer_sub{
  border-top: 5px solid #138d90;
}
#footer_in,
#footer_sub_in{
  width: 1040px;
  margin: 0 auto;
  padding: 50px 20px;
}
@media screen and (max-width: 1040px) {
  #footer_in,
  #footer_sub_in{
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #footer_in,
  #footer_sub_in{
    display: none;
  }
}
#footer_in .company,
#footer_sub_in .company{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
#footer_in .company h2,
#footer_sub_in .company h2{
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  width: 189px;
  height: 72px;
  background : url(logo.png) center top / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: contain;
  margin-right: 40px;
}
#footer_in .company h2 br,
#footer_sub_in .company h2 br{
  display: none;
}
#footer_in .company .address,
#footer_sub_in .company .address{
  font-size: 14px;
  margin-right: 30px;
}
#footer_in .company .tel,
#footer_sub_in .company .tel{
  background : url(icon_tel.svg) left center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 20px 20px;
  padding-left: 26px;
  font-size: 19px;
  font-weight: bold;
  margin-right: 30px;
}
#footer_in .company .fax,
#footer_sub_in .company .fax{
  background : url(icon_fax.svg) left center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 20px 20px;
  padding-left: 26px;
  font-size: 19px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #footer_sub{
    border-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #footer_sub_in{
    display: block;
    padding: 0 20px 20px;
  }
  #footer_sub_in .company{
    display: block;
    margin: 0;
  }
  #footer_sub_in .company h2{
    width: 258px;
    height: 98px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  #footer_sub_in .company .address{
    margin: 0 0 10px 0;
  }
  #footer_sub_in .company .tel,
  #footer_sub_in .company .fax{
    font-size: 25px;
    background-size: 25px 25px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  #footer_sub #fnav{
    display: none;
  }
}
/* ===============================
コピーライト
================================== */
#copyright{
  text-align: center;
  background: #138d90;
  line-height: 20px;
  font-size: 12px;
  color: #FFF;
  padding: 15px 20px;
}
/* ===============================
フッターナビ
================================== */
#fnav .fnav_row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
#fnav .fnav_row:last-child{
  margin-bottom: 0;
}
#fnav .fnav_row .fnav_col{
  width: calc(86.5% / 4);
  margin-right: 4.5%;
}
#fnav .fnav_row .fnav_col:last-child{
  margin-right: 0;
}
#fnav .fnav_row .fnav_col h3{
  border-bottom: 1px solid #138d90;
  margin-bottom: 5px;
  font-size: 14px;
}
#fnav .fnav_row .fnav_col ul li a{
  display: inline-block;
  padding-left: 10px;
  font-size: 14px;
  position: relative;
}
#fnav .fnav_row .fnav_col ul li a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 5px;
  height: 6px;
  background : url(arrow_green.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
#fnav .fnav_row .fnav_col ul li.sub{
  padding-left: 1em;
}
#fnav .fnav_row .fnav_col ul li.sub a{
  padding-left: 12px;
}
#fnav .fnav_row .fnav_col ul li.sub a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 8px;
  height: 1px;
  background : url(bar_green.svg) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
/* ===============================
ページ上部に戻るボタン
================================== */
#pagetop_area{
  width: 820px;
  padding: 0 30px 30px;
}
@media screen and (max-width: 1040px) {
  #pagetop_area{
    width: 100%;
    padding: 0 20px 30px;
  }
}
@media screen and (max-width: 768px) {
  #pagetop_area{
    padding: 0 0 30px;
  }
}
#btn_pagetop{
  display: block;
  width: 155px;
  height: 50px;
  background: #061283;
  color: #FFF;
  text-align: center;
  line-height: 46px;
  border: 2px solid #061283;
  font-size: 16px;
  font-weight: bold;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #btn_pagetop{
    width: 100%;
    text-align: right;
    padding-right: 40px;
  }
}
#btn_pagetop:hover{
  color: #061283;
  background: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #btn_pagetop:hover{
    color: #FFF;
    background: #061283;
  }
}
/* ===============================
汎用ボタン（小）
================================== */
.btn_small{
  display: inline-block;
  border: 1px solid #333;
  line-height: 20px;
  padding: 5px 14px;
}
.btn_small:hover{
  text-decoration: none;
  color: #FFF;
  background: #333;
}
/* ===============================
リンクボタン（大）
================================== */
.btn_link{
  display: block;
  margin: 0 auto 30px;
  text-align: center;
  max-width: 400px;
  width: 100%;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  padding: 20px;
  border: 1px solid #333;
}
@media screen and (max-width: 768px) {
  .btn_link{
    width: 100%;
  }
}
.btn_link:last-child{
  margin-bottom: 0;
}
.btn_link:hover{
  text-decoration: none;
  background: #ffb74c;
  color: inherit;
}
/* ===============================
リンクボタン（大）
================================== */
.btn_link_left{
  display: block;
  margin: 0 auto 30px;
  max-width: 400px;
  width: 100%;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  padding: 20px;
  border: 1px solid #333;
}
@media screen and (max-width: 768px) {
  .btn_link_left{
    width: 100%;
  }
}
.btn_link_left:last-child{
  margin-bottom: 0;
}
.btn_link_left:hover{
  text-decoration: none;
  background: #ffb74c;
  color: inherit;
}
/* ===============================
Section 1: スライドショー＆メインコピー
================================== */
#main_top{
  background: -webkit-gradient(linear, left top, right top, from(#14878a), to(#ffffff));
  background: -webkit-linear-gradient(left, #14878a, #ffffff);
  background: -o-linear-gradient(left, #14878a, #ffffff);
  background: linear-gradient(to right, #14878a, #ffffff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}
#main_top .latitude{
  position: absolute;
  top: 70px;
  left: 100px;
}
@media screen and (max-width: 1216px) {
  #main_top .latitude{
    top: 30px;
    left: 30px;
  }
}
@media screen and (max-width: 768px) {
  #main_top .latitude{
    top: 20px;
    left: 20px;
  }
}
#main_top .latitude p{
  font-size: 17px;
  color: #FFF;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #main_top .latitude p{
    font-size: 13px;
  }
}
#main_top .latitude p:last-child{
  margin-bottom: 0;
}
#map_top{
  width: 750px;
  margin: 0 auto;
  line-height: 0;
}
@media screen and (max-width: 1216px) {
  #map_top{
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #map_top{
    display: none;
  }
}
#map_top img{
  width: 100%;
}
#map_top_sp{
  display: none;
  line-height: 0;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #map_top_sp{
    display: block;
    padding-top: 105px;
  }
}
#map_top_sp img{
  width: 100%;
}
/* ===============================
パンくずリスト
================================== */
#breadcrumb{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 20px;
  background: rgba(255, 183, 76, 0.1);
  width: 100%;
}
@media screen and (max-width: 768px) {
  #breadcrumb{
    display: none;
  }
}
#breadcrumb li{
  font-size: 12px;
  line-height: 20px;
}
#breadcrumb li::after{
  content: "＞";
  margin: 0 0.5em;
}
#breadcrumb li:last-child::after{
  display: none;
}
/* ===============================
サブページコンテンツ
================================== */
#contents .hd01{
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #contents .hd01{
    text-align: center;
  }
}
#contents .hd02{
  text-align: center;
  color: #fd3c3c;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 413px) {
  #contents .hd02{
    font-size: 22px;
  }
}
#contents .hd03{
  font-size: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #138d90;
  margin-bottom: 20px;
}
#contents .hd04{
  font-size: 18px;
  color: #138d90;
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: bold;
}
#contents .hd05{
  font-size: 18px;
}
#contents .hd05::before{
  content: "●";
  color: #fd3c3c;
}
#contents .cmn_ul{
  margin-bottom: 30px;
  padding-left: 1em;
}
#contents .cmn_ul:last-child{
  margin-bottom: 0;
}
#contents .cmn_ul li{
  padding-left: 14px;
  position: relative;
}
#contents .cmn_ul li::before{
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #333333;
  left: 0;
  top: 9px;
}
#contents .attention{
  margin-bottom: 30px;
}
#contents .attention:last-child{
  margin-bottom: 0;
}
#contents .attention li{
  text-indent: -1em;
  padding-left: 1em;
}
#contents .attention li::before{
  content: "※";
}
#contents ol{
  margin-bottom: 30px;
}
#contents ol:last-child{
  margin-bottom: 0;
}
#contents ol li{
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 3px;
  /* 機種依存文字なので、20までしか使えない */
}
#contents ol li:first-child::before{
  content: "①";
}
#contents ol li:nth-child(2)::before{
  content: "②";
}
#contents ol li:nth-child(3)::before{
  content: "③";
}
#contents ol li:nth-child(4)::before{
  content: "④";
}
#contents ol li:nth-child(5)::before{
  content: "⑤";
}
#contents ol li:nth-child(6)::before{
  content: "⑥";
}
#contents ol li:nth-child(7)::before{
  content: "⑦";
}
#contents ol li:nth-child(8)::before{
  content: "⑧";
}
#contents ol li:nth-child(9)::before{
  content: "⑨";
}
#contents ol li:nth-child(10)::before{
  content: "⑩";
}
#contents ol li:nth-child(11)::before{
  content: "⑪";
}
#contents ol li:nth-child(12)::before{
  content: "⑫";
}
#contents ol li:nth-child(13)::before{
  content: "⑬";
}
#contents ol li:nth-child(14)::before{
  content: "⑭";
}
#contents ol li:nth-child(15)::before{
  content: "⑮";
}
#contents ol li:nth-child(16)::before{
  content: "⑯";
}
#contents ol li:nth-child(17)::before{
  content: "⑰";
}
#contents ol li:nth-child(18)::before{
  content: "⑱";
}
#contents ol li:nth-child(19)::before{
  content: "⑲";
}
#contents ol li:nth-child(20)::before{
  content: "⑳";
}
#contents .table_border{
  margin-bottom: 30px;
  width: 100%;
  border-top: 1px solid #138d90;
  border-left: 1px solid #138d90;
}
#contents .table_border:last-child{
  margin-bottom: 0;
}
#contents .table_border tr th,
#contents .table_border tr td{
  border-right: 1px solid #138d90;
  border-bottom: 1px solid #138d90;
  font-size: 15px;
  padding: 10px;
  text-align: left;
}
#contents .table_border tr th{
  background: rgba(19, 141, 144, 0.15);
}
#contents .table_borderless{
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
  margin-bottom: 30px;
}
#contents .table_borderless:last-child{
  margin-bottom: 0;
}
#contents .table_borderless tr th,
#contents .table_borderless tr td{
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  padding: 15px 20px;
}
@media screen and (max-width: 768px) {
  #contents .table_borderless tr th,
  #contents .table_borderless tr td{
    font-size: 14px;
    padding: 10px 5px;
  }
}
#contents .table_borderless tr th{
  background: rgba(255, 183, 76, 0.35);
}
#contents .table_borderless tr td{
  background: rgba(255, 183, 76, 0.15);
}
#contents .img{
  line-height: 0;
}
#contents .img img{
  width: 100%;
}
#contents .img p{
  margin-top: 5px;
  line-height: 1.4;
}
#contents .title{
  text-align: center;
  color: #fd3c3c;
  margin-bottom: 40px;
}
#contents .title img{
  margin-bottom: 40px;
}
#contents #menu{
  padding: 0 20px;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1040px) {
  #contents #menu{
    max-width: 560px;
    padding: 0;
    margin: 0 auto 30px;
  }
}
#contents #menu li{
  width: calc(85% / 5);
  margin-right: 3%;
  position: relative;
}
@media screen and (max-width: 1040px) {
  #contents #menu li{
    max-width: 120px;
    width: calc(90% / 3);
    margin-right: 5%;
    margin-bottom: 20px;
  }
  #contents #menu li:nth-child(3n){
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #contents #menu li{
    margin-bottom: 15px;
  }
}
#contents #menu li::before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#contents #menu li:last-child{
  margin-right: 0;
}
#contents #menu li a{
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #138d90;
  color: #FFF;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #contents #menu li a{
    font-size: 16px;
  }
}
@media screen and (max-width: 374px) {
  #contents #menu li a{
    font-size: 14px;
  }
}
#contents #menu li a:hover{
  background: #fd3c3c;
}
#contents .box_2cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#contents .box_2cols:last-child{
  margin-bottom: 0;
}
#contents .box_2cols .col{
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}
#contents .box_2cols .col:nth-child(2){
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #contents .box_2cols .col{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #contents .box_2cols .col:last-child{
    margin-bottom: 0;
  }
}
#contents .box_2cols .col .img,
#contents .box_2cols .col > p{
  margin-bottom: 10px;
}
#contents .box_2cols .col .img:last-child,
#contents .box_2cols .col > p:last-child{
  margin-bottom: 0;
}
#contents .box_3cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#contents .box_3cols:last-child{
  margin-bottom: 0;
}
#contents .box_3cols .col{
  width: calc(90% / 3);
  margin-right: 5%;
  margin-bottom: 25px;
}
#contents .box_3cols .col:nth-child(3n){
  margin-right: 0;
}
@media screen and (max-width: 1040px) {
  #contents .box_3cols .col{
    width: calc(90% / 2);
    margin-right: 10%;
  }
  #contents .box_3cols .col:nth-child(3n){
    margin-right: 10%;
  }
  #contents .box_3cols .col:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 500px) {
  #contents .box_3cols .col{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #contents .box_3cols .col:nth-child(3n),
  #contents .box_3cols .col:nth-child(2n){
    margin-right: 0;
  }
}
#contents .box_3cols .col .img,
#contents .box_3cols .col > p{
  margin-bottom: 10px;
}
#contents .box_3cols .col .img:last-child,
#contents .box_3cols .col > p:last-child{
  margin-bottom: 0;
}
#contents .box_2cols_ex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#contents .box_2cols_ex:last-child{
  margin-bottom: 0;
}
#contents .box_2cols_ex .col:nth-child(2n + 1){
  width: 26.3%;
  margin-right: 7.9%;
}
#contents .box_2cols_ex .col:nth-child(2n){
  width: 65.8%;
}
@media screen and (max-width: 768px) {
  #contents .box_2cols_ex .col{
    margin-right: 0;
    margin-bottom: 30px;
  }
  #contents .box_2cols_ex .col:nth-child(2n + 1),
  #contents .box_2cols_ex .col:nth-child(2n){
    width: 100%;
    margin-right: 0;
  }
  #contents .box_2cols_ex .col:last-child{
    margin-bottom: 0;
  }
}
#contents .box_2cols_ex .col .img,
#contents .box_2cols_ex .col > p{
  margin-bottom: 10px;
}
#contents .box_2cols_ex .col .img:last-child,
#contents .box_2cols_ex .col > p:last-child{
  margin-bottom: 0;
}
#contents .chara_box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}
#contents .chara_box:last-child{
  margin-bottom: 0;
}
#contents .chara_box .chara{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center;
  margin-right: 50px;
}
@media screen and (max-width: 1040px) {
  #contents .chara_box .chara{
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
#contents .chara_box .chara a{
  display: block;
  width: 100px;
  height: 134px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}
#contents .chara_box .chara a.btn_dog{
  background : url(icon_dog.png) center top / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 95px 109px;
  margin-right: 30px;
}
#contents .chara_box .chara a:hover.btn_dog{
  background-image : url(icon_dog_o.png);
}
#contents .chara_box .chara a.btn_cat{
  background : url(icon_cat.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 98px 86px;
}
#contents .chara_box .chara a:hover.btn_cat{
  background-image : url(icon_cat_o.png);
}
#contents .chara_box .copy{
  font-size: 16px;
}
@media screen and (max-width: 1040px) {
  #contents .chara_box .copy{
    text-align: center;
  }
}
#contents .box_guardian{
  font-size: 15px;
  padding-left: 1em;
  margin-bottom: 30px;
}
#contents .box_guardian:last-child{
  margin-bottom: 0;
}
#contents .box_insta_2cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#contents .box_insta_2cols:last-child{
  margin-bottom: 0;
}
#contents .box_insta_2cols .instagram{
  width: 300px;
  margin-right: 30px;
}
@media screen and (max-width: 1040px) {
  #contents .box_insta_2cols .instagram{
    width: 100%;
    max-width: 540px;
    margin: 0 auto 30px;
  }
}
#contents .box_insta_2cols .instagram .instagram-media{
  max-width: 100% !important;
  min-width: initial !important;
}
#contents .box_insta_2cols .col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 1040px) {
  #contents .box_insta_2cols .col{
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: 100%;
  }
}
#contents .box_insta_2cols .col .table_border tr th{
  border-right: none;
  width: 110px;
}
#contents .table_comment{
  width: 100%;
  border-top: 1px solid #138d90;
  border-left: 1px solid #138d90;
  margin-bottom: 30px;
}
#contents .table_comment:last-child{
  margin-bottom: 0;
}
#contents .table_comment tr th,
#contents .table_comment tr td{
  border-right: 1px solid #138d90;
  border-bottom: 1px solid #138d90;
  font-size: 15px;
  padding: 10px;
  text-align: left;
}
@media screen and (max-width: 1040px) {
  #contents .table_comment tr th,
  #contents .table_comment tr td{
    display: block;
  }
}
#contents .table_comment tr th{
  font-size: 18px;
  line-height: 1.2;
}
#contents .table_comment tr th:first-child::before{
  content: "■";
  color: #fd3c3c;
  margin-right: 5px;
}
#contents .table_comment tr th:last-child{
  background: rgba(19, 141, 144, 0.3);
}
#contents .box_color{
  margin-bottom: 30px;
  font-size: 15px;
  padding: 20px;
  background: rgba(19, 141, 144, 0.2);
}
#contents .box_color:last-child{
  margin-bottom: 0;
}
.spacer10{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 10px;
}
.spacer10 br{
  display: none;
}
.spacer20{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 20px;
}
.spacer20 br{
  display: none;
}
.spacer30{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 30px;
}
.spacer30 br{
  display: none;
}
.spacer40{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 40px;
}
.spacer40 br{
  display: none;
}
.spacer50{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 50px;
}
.spacer50 br{
  display: none;
}
.spacer60{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 60px;
}
.spacer60 br{
  display: none;
}
.spacer70{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 70px;
}
.spacer70 br{
  display: none;
}
.spacer80{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 80px;
}
.spacer80 br{
  display: none;
}
.spacer90{
  line-height: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-bottom: 90px;
}
.spacer90 br{
  display: none;
}
@media screen and (max-width: 768px) {
  .spacer10{
    margin-bottom: 10px;
  }
  .spacer20{
    margin-bottom: 20px;
  }
  .spacer30{
    margin-bottom: 30px;
  }
  .spacer40{
    margin-bottom: 30px;
  }
  .spacer50{
    margin-bottom: 30px;
  }
  .spacer60{
    margin-bottom: 40px;
  }
  .spacer70{
    margin-bottom: 40px;
  }
  .spacer80{
    margin-bottom: 40px;
  }
  .spacer90{
    margin-bottom: 50px;
  }
}
/* ===============================
ハンバーガーメニュー（トップ）
================================== */
.hamburger_top{
  background : url(btn_modal_open_top.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
.hamburger_top.active{
  background : url(btn_modal_close_top.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
}
/* ===============================
ハンバーガーメニュー（サブ）
================================== */
.hamburger{
  background : url(btn_modal_open.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 40px 40px;
}
.hamburger.active{
  background : url(btn_modal_close.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
  background-size: 40px 40px;
}
.gcal{
	height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-bottom: 30px;
}
.gcal iframe{
	position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.dummy{
	;
}