@charset "utf-8";
@media screen and (min-width: 751px) {
.fade {
  opacity: 0;
  transform: translateY(40px);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;}
.fade_on {
  opacity: 1;
  transform: translateY(0);}
}
/* ---------------------------------------
   H E A D E R
------------------------------------------ */
.noWrap{ white-space: nowrap; }
/* header */
.header-top{ position: relative; }
.head-logo{ display: inline-block; }
.page-main{
  overflow: hidden;
  height: 30vh;
  width: 100%; }
.page-main img{
  width: 100%;
  height: 100%;
  object-fit: cover; }
/* X < 480 */
@media screen and (max-width:480px) {
  .header-top{
    position: relative;
    padding: 25px 20px;
  }
}
/* X > 768 */
@media screen and (min-width:768px) {
  .header-top{ padding: 25px 40px; }
  .page-main{ height: 480px; }
  .head-logo img { height: 94px;}
}
@media screen and (max-width:768px) {
  .head-logo a{ display: inline-block; }
  .header-top{ padding: 25px 5vw; }
  .head-button .content-button{
    background: var(--gray);
    display: inline-block;
    width: auto; }
  .head-button p{ font-size: 0; }
  .head-button p:before{
    font-size: 0.9285rem;
    content: "公式ストア"; }
  .head-logo img { height: 84px;}
}
/* X < 1080 */
@media screen and (max-width:1080px) {
  .header-top{ display: flex; }
  .head-logo{
    background: var(--white);
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute; }
  .head-button{
    width: 100%;
    margin-right: 2em;
    justify-content: flex-end;
    display: flex; }
  .head-logo{
    max-width: 34vw;
    padding:  6px 10px 0px;
  }
}
/* X > 1080 */
@media screen and (min-width: 1080px) {
  header{ width: calc(100% - 100px); }
  .head-logo{ padding: 0; }
  .head-logo img { height: auto;}
  .header-top{ padding: 25px 0 20px; }
  .head-button{
    text-align: left;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0; }
  .header-top{
    text-align: center; }
}
/* ハンバーガー */
.hamburger{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff; }
.hamburger-button{
    z-index: 3;
    position: relative;
    padding: 6px 0;
    width: 30px; }
.hamburger-button__line {
  background: var(--main);
  display: block;
  height: 2px;
  transition: .2s;
  width: 100%; }
.hamburger-button__line:before,
.hamburger-button__line:after{
  content: "";
  transition: .2s;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  width: 75%;
  background: var(--main);
  position: absolute;
  display: block; }
  .hamburger-button__line:before{ top: 0; }
  .hamburger-button__line:after{ bottom: 0; }
/* 展開 */
.hamburger-open{ overflow: hidden; }
.hamburger-open .hamburger-nav{
  z-index: 1;
  visibility: visible;
  opacity: 1; }
.hamburger-open .hamburger-button__line{ background: transparent; }
.hamburger-open .hamburger-button__line:before,
.hamburger-open .hamburger-button__line:after{
  top: 0; bottom: 0;
  left: 0; right: 0;
  margin: auto; }
.hamburger-open .hamburger-button__line:before{
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); }
.hamburger-open .hamburger-button__line:after{
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }



/* -- min 768px  -  pc : o / sp : x -- */
@media screen and (min-width:768px) {
    .hamburger-button{
      position: relative;
      padding: 9px 0;
      width: 40px; }
    .hamburger:hover{ background: var(--gray); }
}
@media screen and (min-width: 1080px) {
  .hamburger{
    transition: .2s;
    cursor: pointer;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100px; }
}

/* ハンバーガー中身 */
.hamburger-nav{
  transition: .2s;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--white);
  position: fixed;
  height: 100vh;
  opacity: 0;
  visibility: hidden; }
.hamburger-content{ padding: 16vw 9vw 0; }
.hamburger-mainnav{ font-size: 1.25rem; }
.hamburger-mainnav a{ display: block; }
.hamburger-mainnav__item{ padding-left: 0.7em; }
.hamburger-mainnav__item:nth-child(n+2){ margin-top: 1.5em; }
.hamburger-mainnav__item > a{
  position: relative;
  padding-left: .7em;
  margin-left: -0.7em; }
.hamburger-mainnav__item .arow{
  top: 0.66em;
  transition: .2s;
  left: 0;
  position: absolute; }
.hamburger-mainnav__item a:hover .arow{ left: 0.15em; }
.hamburger-mainnav-sub{ padding: 0.75em 0 0 1em; }
.hamburger-mainnav-sub__item{ font-size: 0.9375rem; }
.hamburger-mainnav-sub__item:nth-child(n+2){ margin-top: 0.5em; }
.hamburger-mainnav-sub__item a{
  position: relative;
  padding-left: 0.75em; }
.hamburger-mainnav-sub__item a:before{
  content: "-";
  left: 0;
  position: absolute; }
.hamburger-nav .content-button{
  display: block;
  margin-top: 3.3333em;
  font-size: 1.125rem;
  max-width: none;
  width: 100%; }
.hamburger-subnav ul,
.hamburger-subnav aside{
  font-size: 0.9375rem;
  justify-content: center;
  display: flex;
  flex-wrap: wrap; }
  .hamburger-subnav-list__item:nth-child(n+2){
    position: relative;
    margin-left: 1em;
    padding-left: 1em; }
  .hamburger-subnav-list__item:nth-child(n+2):before{
    content: "｜";
    position: absolute;
    left: -0.5em; }
  .hamburger-subnav-list__item a{ position: relative; }
  .hamburger-subnav-list__item a:after{
    content: "";
    transition: .2s;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    bottom: 0;
    background: var(--main);
    width: 0; }
  .hamburger-subnav-list__item a:hover::after{ width: 100%; }
  .hamburger-sns-link{ margin-top: 1.3em; }
  .hamburger-sns-link__item:nth-child(n+2){ margin-left: 1.3em; }
.hamburger-img{
    background: url(../img/index/index-main02%402x.jpg);
    background-position: center;
    background-size: cover;
    text-align: center; }
@media screen and (max-width:480px) {
}
@media screen and (min-width:480px) {
  .hamburger-content{
    width: 100%;
    padding: 5vw; }
}

@media screen and (max-width:560px) {
  .hamburger-open .hamburger-button__line:before,
  .hamburger-open .hamburger-button__line:after{
    height: 2px;
    background: var(--white); }
  .hamburger-img{ padding: 8vw 0; }
  .hamburger-img img{ width: 36vw; }
  .hamburger-nav .pc{ display: none; }
  .hamburger-subnav{ padding: 16vw 0 150px; }
}
@media screen and (min-width:560px) {
  .hamburger-img{ padding: 5vw; }
  .hamburger-nav .sp{ display: none; }
  .hamburger-content{ padding: 16vw 8vw;}
  .hamburger-img{
    display: flex;
    justify-content: center;
    align-items: center; }
  .hamburger-nav{ display: flex; }
  .hamburger-subnav{ padding-top: 6vw; }
}
@media screen and (max-width:768px) {
  .hamburger-nav{ overflow: scroll; }
  .hamburger-mainnav:nth-child(n+2){ margin-top: 1.5em; }
}
@media screen and (min-width:768px) {
  .hamburger-content{
    padding: 40px 5vw;
    display: flex;
    justify-content: center; }
  .hamburger-content-inner{
    padding: 16vh 0 60px;
    position: relative; }
  .hamburger-mainnav-wrap{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap; }
  .hamburger-mainnav{
    width: 200px;
    font-size: 1.375rem; }
  .hamburger-subnav{
    left: 0; right: 0;
    bottom: 0;
    margin: auto;
    position: absolute; }
}
@media screen and (min-width:1080px) {
  .hamburger-nav{
    width: calc(100% - 100px);
    flex-wrap: wrap;
    display: flex; }
  .hamburger-img{ width: calc(50% - 40px); }
  .hamburger-content{
    margin-left: 40px;
    width: 50%;
    display: flex;
    justify-content: center; }
    .hamburger-mainnav__item{ font-size: 1.375rem; }
    .hamburger-mainnav-sub__item{ font-size: 0.9375rem; }
}
@media screen and (min-width:1550px) {
  .hamburger-mainnav{ width: 280px; }
  .hamburger-content-inner{ max-width: calc(600px + 6vw); }
}

/* ---------------------------------------
   G N A V
------------------------------------------ */
.gnav{ display: none; }

@media screen and (min-width:768px) {
  .gnav{
    width: 100%;
    padding: 1.75em 3vw;
    font-size: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex; }
  .gnav .main-nav{
    justify-content: center;
    display: flex; }
  .gnav .main-nav__item { margin-right: 2em; }
  .gnav .main-nav__item a{
    position: relative;
    display: block;
    padding: 0.625em 0; }
  .gnav .main-nav__item a:after{
    content: "";
    opacity: 0;
    transition: .2s;
    display: block;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    bottom: 0;
    background: var(--main);
    height: 1px;
    position: absolute; }
    .gnav .main-nav__item a:hover::after{
      opacity: 1;
      width: 40px; }
  .gnav .main-nav__item:last-child{ margin-right: 0; }
  .gnav .sub-nav{
    align-items: center;
    right: 3vw;
    position: absolute;
    display: flex; }
  .gnav .sub-nav a{
    margin-right: 15px;
    align-items: center;
    display: flex; }
  .gnav .sub-nav a:last-child{ margin-right: 10px; }
}
@media screen and (min-width:1080px) {
  .gnav{ width: calc(100% - 100px);}
  .gnav .sub-nav{ right: 100px; }
}
@media screen and (min-width:1280px) {
  .gnav{ justify-content: center; }
  .gnav .main-nav__item { margin-right: 3.75em; }
  .gnav .sub-nav a{ margin-right: 35px; }
  .gnav .sub-nav a:last-child{ margin-right: 20px; }
}
/* -- max 768px  -  pc : x / sp : o -- */
@media screen and (max-width:768px) {
}

/* ---------------------------------------
   F O O T E R
------------------------------------------ */
footer{
  padding: 12vw 5vw 0;
  color: #fff; }
.foot-contnt{ text-align: center; }
.foot-logo img{ width: 38vw; }
.foot-read{
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.7142;
  font-size: 1.5rem; }
.foot-sns{
  padding: 0.5em;
  font-size: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: solid 1px var(--white);
  border-bottom: solid 1px var(--white); }
.foot-copy{
	letter-spacing: 2px;
  opacity: 0.2;
  padding: 2.5em 0;
  font-size: 0.6875rem; }
.foo-sns__item+.foo-sns__item{ margin-left: 2em; }
.foot-sns a{ display: flex; justify-content: flex-end; }
@media screen and (min-width:480px) {
  .foot-logo img{ width: 32vw; }
  .foot-read{ font-size: 1.9325rem; }
}
@media screen and (min-width:768px) {
  footer{ padding: 80px 5vw 0; }
  .foot-logo img{ width: auto; }
  .foot-read{ font-size: 1.75rem; }
  .foot-sns{ padding: 1em; }
  .foo-sns__item+.foo-sns__item{ margin-left: 2em; }
  .foot-copy{
    padding: 4.5454em 0;
    font-size: 0.6875rem; }
}
@media screen and (min-width:1080px) {
    footer{ width: calc(100% - 100px);}
  }


/* ---------------------------------------
   O T H E R
------------------------------------------ */
/* --- margin --- */
.mgt0{margin-top:0px;}
.mgt10{margin-top:10px;}.mgt20{margin-top:20px;}.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}.mgt50{margin-top:50px;}.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}.mgt80{margin-top:80px;}.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}.mgt120{margin-top:120px;}.mgt140{margin-top:140px;}
.mgt160{margin-top:160px;}.mgt180{margin-top:180px;}.mgt200{margin-top:200px;}

.mgb10{margin-bottom:10px;}.mgb20{margin-bottom:20px;}.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}.mgb50{margin-bottom:50px;}.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}.mgb80{margin-bottom:80px;}.mgb90{margin-bottom:90px;}
.mgb100{margin-bottom:100px;}.mgb120{margin-bottom:120px;}.mgb140{margin-bottom:140px;}
.mgb160{margin-bottom:160px;}.mgb180{margin-bottom:180px;}.mgb200{margin-bottom:200px;}

/* --- padding- --- */
.pdt10{padding-top:10px;}.pdt20{padding-top:20px;}.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}.pdt50{padding-top:50px;}.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}.pdt80{padding-top:80px;}.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}.pdt120{padding-top:120px;}.pdt140{padding-top:140px;}
.pdt160{padding-top:160px;}.pdt180{padding-top:180px;}.pdt200{padding-top:200px;}

  .pdb10{padding-bottom:10px;}.pdb20{padding-bottom:20px;}.pdb30{padding-bottom:30px;}
  .pdb40{padding-bottom:40px;}.pdb50{padding-bottom:50px;}.pdb60{padding-bottom:60px;}
  .pdb70{padding-bottom:70px;}.pdb80{padding-bottom:80px;}.pdb90{padding-bottom:90px;}
  .pdb100{padding-bottom:100px;}.pdb120{padding-bottom:120px;}.pdb140{padding-bottom:140px;}
  .pdb160{padding-bottom:160px;}.pdb180{padding-bottom:180px;}.pdb200{padding-bottom:200px;}
@media screen and (max-width: 768px) {
  .mgt10{margin-top:5px;}.mgt20{margin-top:10px;}.mgt30{margin-top:15px;}
  .mgt40{margin-top:20px;}.mgt50{margin-top:25px;}.mgt60{margin-top:30px;}
  .mgt70{margin-top:35px;}.mgt80{margin-top:40px;}.mgt90{margin-top:45px;}
  .mgt100{margin-top:50px;}.mgt120{margin-top:60px;}.mgt140{margin-top:70px;}
  .mgt160{margin-top:80px;}.mgt180{margin-top:90px;}.mgt200{margin-top:100px;}
  .mgb10{margin-bottom:5px;}.mgb20{margin-bottom:10px;}.mgb30{margin-bottom:15px;}
  .mgb40{margin-bottom:20px;}.mgb50{margin-bottom:25px;}.mgb60{margin-bottom:30px;}
  .mgb70{margin-bottom:35px;}.mgb80{margin-bottom:40px;}.mgb90{margin-bottom:45px;}
  .mgb100{margin-bottom:50px;}.mgb120{margin-bottom:60px;}.mgb140{margin-bottom:70px;}
  .mgb160{margin-bottom:80px;}.mgb180{margin-bottom:90px;}.mgb200{margin-bottom:100px;}
  .pdt10{padding-top:5px;}.pdt20{padding-top:10px;}.pdt30{padding-top:15px;}
  .pdt40{padding-top:20px;}.pdt50{padding-top:25px;}.pdt60{padding-top:30px;}
  .pdt70{padding-top:35px;}.pdt80{padding-top:40px;}.pdt90{padding-top:45px;}
  .pdt100{padding-top:50px;}.pdt120{padding-top:60px;}.pdt140{padding-top:70px;}
  .pdt160{padding-top:80px;}.pdt180{padding-top:90px;}.pdt200{padding-top:100px;}
  .pdb10{padding-bottom:5px;}.pdb20{padding-bottom:10px;}.pdb30{padding-bottom:15px;}
  .pdb40{padding-bottom:20px;}.pdb50{padding-bottom:25px;}.pdb60{padding-bottom:30px;}
  .pdb70{padding-bottom:35px;}.pdb80{padding-bottom:40px;}.pdb90{padding-bottom:45px;}
  .pdb100{padding-bottom:50px;}.pdb120{padding-bottom:60px;}.pdb140{padding-bottom:70px;}
  .pdb160{padding-bottom:80px;}.pdb180{padding-bottom:90px;}.pdb200{padding-bottom:100px;}
}
/* 見出し */
.content-title01{ font-size:1.714285rem; }
.page-title{
  text-align: center;
  font-size:1.714285rem; }
.page-title .jp,.page-title .en{ display: block; }
.page-title .en{ font-size: 0.375em; }
@media screen and (min-width:480px) {
  .content-title01{ font-size: 2.5rem; }
  .page-title{ font-size: 2.5rem; }
}
@media screen and (min-width:768px) {
  .content-title01{ font-size: 3rem; }
  .page-title{ font-size: 3rem; }
}
/* background */
.bg-main{ background: var(--main); }
.bg-gray{ background: var(--gray); }
.bg-white{ background: var(--white); }
/* letter-spacing */
.l-spac-250{ letter-spacing: -0.25em; }
.l-spac40{ letter-spacing: 0.04em; } .l-spac80{ letter-spacing: 0.04em; }
.l-spac120{ letter-spacing: 0.14em;} .l-spac180{ letter-spacing: 0.18em;} .l-spac220{ letter-spacing: 0.22em;}

/* ボタン */
.content-button{
  text-align: left;
  transition: .2s;
  box-sizing: border-box;
  padding: 0.8em 2em 0.8em .5em;
  width: 100%;
  max-width: 210px;
  display: block;
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #0E0E2A; }
.content-button p{ position: relative; }

.content-button02{
  width: 100%;
  display: inline-block;
  line-height: 2;
  padding: 1em 3em;
  font-size: 1.125rem;
  text-align: center;
  background: #9898a4;
  border-radius: 5em;
  position: relative;
  color: var(--white); }
.content-button02 .button-icon{ width: 1em; }
.content-button02.arow-link .button-icon:before,
.content-button02.arow-link .button-icon:after{ background: var(--white); }

 .button-icon{
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.25em;
  display: block; }
   .button-icon{
    position: absolute;
    width: 1.25em;
    display: block; }
   .button-icon{ height: 0.333em; }
   .button-icon:before,
   .button-icon:after{
    content: "";
    position: absolute;
    transition: .2s;
    display: block; }
  /* arow */
  .arow-link .button-icon:before{
    transform: rotate(-45deg);
    right: 1px;
    width: 1px;
    height: 100%;
    background: var(--main); }
  .arow-link .button-icon:after{
    width: 100%;
    height: 1px;
    bottom: 0;
    background: var(--main); }
  .arow-link:hover .button-icon:before,
  .arow-link:hover .button-icon:after{ background: var(--white); }
  /* 別タブ */
  .button-icon{
    width: 1.25em;
  }
  .tab-link .button-icon{
    width: 0.9em;
    height: 0.6em; }
  .tab-link .button-icon:before{
    right: 0;
    top: 0;
    background: var(--main);
    height: 78%;
    width: 78%; }
  .tab-link .button-icon:after{
    left: 0;
    bottom: 0;
    height: 75%;
    width: 75%;
    border-left: solid 1px #0E0E2A;
    border-bottom: solid 1px #0E0E2A; }

@media screen and (min-width:480px) {
  .content-button{ max-width: 290px; }
}
/* -- min 768px  -  pc : o / sp : x -- */
@media screen and (min-width:768px) {
  .content-button02{ max-width: 360px; }
  .tab-link:hover .button-icon:before{ background: var(--white); }
  .tab-link:hover .button-icon:after{
    border-left-color: #fff;
    border-bottom-color: #fff; }
  .content-button:before{
    transition: .2s;
    top: 0;
    position: absolute;
    left: -100%;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--white);
    content: ""; }
  .content-button:hover{ color: var(--white); }
  .content-button:hover::before{
    left: 0;
    background: var(--main); }
  .bana-link img{ transition: .2s; }
  .bana-link:hover img{ opacity: 0.6; }
  .content-button{ font-size: 0.9375rem; }
  .content-button{
    padding: 1em 3em 1em 10px;
    max-width: 260px; }
     .button-icon{
      right: 10px; }
  .button-icon{ right: 1.25em; }
  .tab-link .button-icon{ width: 1.25em; }
  .tab-link .button-icon{ height: 0.9375em; }
  .tab-link .button-icon:before{
    height: 0.75em;
    width: 1.0625em; }
  .tab-link .button-icon:after{
    height: 0.625em;
    width: 0.875em; }
  /* flex */
  .flex-contents{
    flex-wrap: wrap;
    display: flex; }
  .flex-colom2 .flex-item{ width: 50%; }
  .flex-colom3 .flex-item{
    margin-right: 60px;
    width: calc((100% - 120px) / 3); }
  .flex-colom3 .flex-item:nth-child(3n){ margin-right: 0; }
}
@media screen and (min-width:1080px) {
  section > div{ max-width: calc(100% - 100px); }
}

/* タブボタン */
.tab-content__item.hide{ display: none; }

/* パン屑 */
.topic-path{
  font-size: 0.8125em;
  padding: 1.5em 0 0 1.5em;
  display: flex; }
  .topic-path a{
    text-decoration: underline;
    color: #e2b800; }
  .topic-path__item+.topic-path__item{
    position: relative;
    padding-left: 1em;
    margin-left: 0.5em; }
  .topic-path__item+.topic-path__item:before{
    content: "\03e";
    left: 0;
    position: absolute;
    display: block; }
@media screen and (min-width:480px) {}
@media screen and (min-width:768px) {
  .topic-path a:hover{ text-decoration: none; }
}
/* column */
@media screen and (min-width:768px) {
  .content-2column{
    flex-wrap: wrap;
    display: flex; }
  .main-column{
    margin-right: 60px;
    width: calc(100% - 260px); }
}
@media screen and (min-width:1080px) {
  .main-column{
    margin-right: 100px;
    width: calc(100% - 380px); }
}

/* side-nav */
.side-nav{ margin-top: 18vw; }
.side-nav ul{ padding-left: 1.5em; font-size: 1rem; }
.side-nav ul:nth-child(n+2){ margin-top: 1em; }
.side-nav li+li{ margin-top: 1.25em; }
.side-nav ul a{
  position: relative;
  padding-left: 1em; }
.side-nav ul a:before{
  content: "-";
  display: block;
  position: absolute;
  left: 0; }
.side-nav__title{
  padding-left: 0.5em;
  padding-top: 0.5em;
  border-top: solid 1px var(--main); }
.side-nav__title:nth-child(n+2){ margin-top: 3em; }
@media screen and (min-width:768px) {
  .side-nav ul a:after{
    content: "";
    transition: .2s;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    background: var(--white);
    left: 0;
    z-index: -1;
    bottom: 0; }
  .side-nav ul a:hover::after{
    background: var(--gray);
    visibility: visible;
    opacity: 1;
    width: 100%; }
  .side-nav{
    width: 200px;
    margin-top: 0; }
  .side-nav__title:nth-child(n+2){ margin-top: 6em; }
}
@media screen and (min-width:1080px) {
  .side-nav{ width: 280px; }
}

/* ---------------------------------------
   問い合わせリンク
------------------------------------------ */
#contact-link{
  padding: 18vw 5vw;
  color: var(--white);
  background-image: url(../img/index/index-contact_bg.jpg);
  background-size: cover;
  background-position: center;}
.contact-content{
  text-align: center; }
.contact-button{
  width: 100%;
  display: inline-block;
  background: #e2b800; }
.contact-item__title{
  margin-bottom: 0.25em;
  font-size: 1.5rem; }
.contact-item__title .icon{
  margin: auto;
  display: block;
  width: 1.8em }
.contact-item__text{ line-height: 2; }
.contact-button{
  overflow: hidden;
  position: relative;
  margin-top: 2.25em;
  padding: 1em;
  vertical-align: bottom;
  font-size: 0.9735rem;
  max-width: 200px; }
@media screen and (max-width:480px) {
  .contact-content:nth-child(n+2){
    margin-top: 12vw;}
}
@media screen and (min-width:480px) {
  #contact-link .flex-item{ width: 50%; }
  #contact-link.flex-contents{
    flex-wrap: wrap;
    display: flex; }
  .contact-content{
    white-space: nowrap;
    padding: 15px 3vw 15px;
    text-align: center; }
  .contact-content:nth-child(n+2){ border-left: solid 1px var(--white); }
  .contact-item__title .icon{
    height: 1.25em;
    display: flex;
    align-items: center;
    justify-content: center; }
  .contact-item__title .icon img{ max-height: 100%; }
  #contact-link{ padding: 18vw 1vw; }
}
@media screen and (max-width:768px) {
}
@media screen and (min-width:768px) {
  #contact-link{ padding: 90px 0; }
  .contact-content{ padding: 15px 1.5vw 40px; }
  .contact-item__title{
    margin-bottom: 0.5em;
    font-size: 2.25rem; }
  .contact-button{ max-width: 280px; }
  .contact-button p{ position: relative; }
  .contact-button:before{
    content: "";
    transition: .2s;
    visibility: hidden;
    background: transparent;
    position: absolute;
    left: -100%;
    top: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .contact-button:hover::before{
    visibility: visible;
    background: var(--main);
    left: 0; }
}
@media screen and (min-width:1080px) {
  #contact-link{ padding: 190px 0; }
}