@charset "utf-8";
/* CSS Document */
.c-hdg-level2-03{
	font-weight: normal !important;
}
.triangle4 {
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 50px solid #bdbcbc;
  margin: 20px auto;
}
h1 {
  line-height: 1.7 !important;
}

h2.c-hdg-level2-03 span {
  border-bottom: 4px solid #fccf00;
}
/*h3.c-hdg-level3-02 span {
    border-left: 4px solid #fccf00;
    padding-left: 8px;
}*/
.c-hdg-level3-02 {
  font-size: 2.1rem !important;
}
/*#ank01 h3.c-hdg-level3-02 {
  background-color: #fccf00;
  padding: 5px 10px;
}
#ank02 h3, #ank03 h3 {
  background-color: #f0f0f0;
  padding: 5px 10px;
}*/
.lp-tile-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*margin-top: 60px;*/
}
.lp-tile-list__item {
  width: 24%;
}
.lp-tile-list__img {
  width: 100%;
  height: auto;
}
.lp-tile-list__item:nth-child(n+5) {
  margin-top: 12px;
}
.text--label {
  margin: 0 0 1.0em !important;
}
.unorder-list02 li {
  margin-bottom: 15px;
}
.text--label__label {
  background-color: #000 !important;
  color: #fff !important;
}
.c-lyt-service-02 .text {
  flex-basis: 64%;
}
.c-box-bg-color-01 {
  padding: 1% 0 5% 0;
}
.c-box-bg-color-01 .c-hdg-level2-03 {
  margin-top: 3vw;
}
#ank01 dl {
  font-size: 1.066666666666667vw;
}
#ank01 h3, #ank02 h3, #ank03 h3 {
  position: relative;
	font-weight: bold;
}
h3.c-hdg-level3-02:after, h3.c-hdg-level3-02:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
}
h3.c-hdg-level3-02:before{
    width: 100%;
    background-color: #f0f0f0;
}
 h3.c-hdg-level3-02:after {
    width: 131px;
    background-color: #fdd000;
}
dl:after {
  content: "";
  display: block;
  clear: both;
}
dt {
  float: left;
}
dd {
  overflow: hidden;
}
.c-nav-btn-03 a, .c-nav-btn-03 .btn {
  max-width: 390px !important;
  line-height: 2rem !important;
}
@media print, screen and (min-width: 1500px) {
  .c-list-link-01 {
    content: "";
    display: block;
    clear: both;
  }
  .c-list-link-01 > li {
    float: left;
    margin-right: 25px;
    padding: 0 0 15px 19px;
  }
  .Header__body {
    max-width: 1620px;
    height: 90px;
    margin: 0 auto;
    padding: 0 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  #ank01 dl {
    font-size: 17.5px;
  }
}
/*=========================================================================
                                pc体裁
=========================================================================*/
@media screen and (min-width: 768px) {
  .pc-hidden {
    display: none;
  }
  .Header__body {
    height: 90px;
    margin: 0 auto;
    padding: 0 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  [data-size-pc="2col"] {
    width: calc((100% - 300px) / 2 - 0.1px) !important;
  }

	h1 span {
  font-size: 4.0rem !important;
}
  .column {
    margin: 1.8em 0 0;
  }
  .Footer__inner {
    max-width: 1620px !important;
    margin: 0 auto !important;
    padding: 65px 40px !important;
  }
  .Footer__body {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .footer-copyright {
    flex-shrink: 0;
  }
  .footer-copyright__label {
    font-size: 1.2rem !important;
    color: #4c4c4c;
  }
  .footer-utility__list {
    display: -webkit-flex;
    display: flex;
  }
  .footer-utility__list > li {
    margin-left: 14px;
    padding-left: 14px;
    border-left: 1px solid #d8d8d8;
    font-size: 1.3rem;
    color: #4c4c4c;
  }
  .footer-utility__list > li:first-of-type {
    border-left: none;
  }
}
/*=========================================================================
                                sp体裁
=========================================================================*/
@media screen and (max-width: 767px) {
  .sp-hidden {
    display: none;
  }
  #l-container #l-content {
    padding-top: 0 !important;
  }
  .Header img {
    width: 100%;
  }
  .Header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .Header__inner {
    width: 100%;
    padding: 5px 4%;
  }
  .header-logo--body {
    width: 53%
  }
	.c-nav-anchor-01 .inner .column a{
		padding: 3.5vw 1vw !important;
	}
	h1  {
  font-size: 2.0rem !important;
}
	h1 span{
  font-size: 2.6rem !important;
}
	#ank01 h3.c-hdg-level3-02 span{
		font-size: 2.0rem !important;
	}
  .triangle4 {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #000;
    margin: 20px auto;
  }
  .customer-container {
    /*margin: 3.21em -15px;
    padding: 2.85em 15px !important;
    background: #f0f0f0;*/
  }
  .customer-container--members {
    margin-bottom: 0
  }
  .customer-container__inner > :first-child, .customer-container__inner > section:first-child > :first-child {
    margin-top: 0 !important;
  }
  .customer-container__inner > :last-child, .customer-container__inner > section:last-child > :last-child {
    margin-bottom: 0 !important;
  }
	.lyt-members-01{
		padding-left: 15px;
		padding-right: 15px;
	}
  .lyt-members-01__link-01 > a:before {
    border-width: 7.5px 0 7.5px 10px;
  }
  .lyt-members-01 {
    margin: 1.8em 0 0;
  }
  .lyt-members-01__title {
    margin-bottom: 1.647em;
    padding-bottom: 1.214em;
    font-size: 1.7rem;
    font-weight: 700;
  }
  .lyt-members-01__title:after {
    width: 25px;
  }
  .lyt-members-01__btn {
    margin-top: 2em !important;
  }
  .lyt-members-01__btn-01 > a {
    width: 100%;
  }
  .lyt-members-01__btn-02 {
    margin-top: 1em !important;
  }
  .lyt-members-01__btn-02 > a {
    width: 100%;
  }
  .lyt-members-01__link-01 {
    margin-top: 2em;
  }
  .lyt-members-01__link-01 > a {
    padding-left: 1.8em;
  }
  .lyt-members-01__list {
    margin-top: 2em;
  }
  .lyt-members-01__list__item {
    width: calc((100% - .8em)/2 - .1px);
    margin-top: 1em;
    margin-left: .8em;
  }
  .lyt-members-01__list__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .lyt-members-01__list__item:nth-child(odd) {
    margin-left: 0;
  }
  .lyt-members-01__list__link {
    border-radius: .7em;
  }
  .lyt-members-01__list__text {
    padding: .6em;
    font-weight: 700;
  }
    .c-hdg-level2-03 br {
        display: block !important;
    }
  #ank01 dl {
    font-size: 4.210526315789473vw;
  }
  .lp-tile-list {
    margin-top: 30px;
  }
  .lp-tile-list__item {
    width: 49%;
  }
  .lp-tile-list__item:nth-child(n+3) {
    margin-top: 10px;
  }
  .contact-box-v2__body {
    padding: 0 1.0em !important;
    border: none !important;
  }
  .media__image02 img {
    width: 60%;
  }
  .media__image03 img {
    width: 80%;
  }
  .Footer__inner {
    margin: 0 auto;
    padding: 50px 10% 25px;
  }
  .Footer__body {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .footer-copyright {
    margin-top: 30px;
    flex-shrink: 0;
  }
  .footer-copyright__label {
    font-size: 1.1rem !important;
    color: #4c4c4c;
  }
  .footer-utility__list {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .footer-utility__list > li {
    margin-top: 17px;
    padding: 3px 18px;
    border-right: 1px solid #d8d8d8;
    font-size: 1.2rem;
    color: #4c4c4c;
  }
  /*.footer-utility__list > li:first-of-type {
    margin-top: 0;
  }*/
  .footer-utility__list > li:nth-of-type(2) {
    border-left: 1px solid #d8d8d8;
  }
  .footer-utility__list > li:last-of-type {
    border-right: none;
  }
  .footer-utility__list__label {
    font-size: 1.2rem;
    color: #4c4c4c;
  }
}
/*=========================================================================
                                他
=========================================================================*/
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .Footer__body {
    flex-direction: column;
  }
}
/*=========================================================================
                                右ナビ
=========================================================================*/
.side-navi {
  z-index: 10;
  position: fixed;
  background-color: #fccf00
}
.side-navi__list, .side-navi__list > li {
  position: relative
}
.side-navi__list > li > a {
  display: flex;
  width: 100%
}
.side-navi__list > li + li > a:before {
  display: block;
  position: absolute;
  background-color: #141414;
  transition: all .25s cubic-bezier(.4, 0, .2, 1)
}
.side-navi__list__icon {
  display: flex;
  align-items: center;
  justify-content: center
}
.side-navi__list__icon:before {
  display: block;
  content: "";
  transition: all .25s cubic-bezier(.4, 0, .2, 1)
}
.side-navi__list__icon--shop:before {
  width: 32px;
  height: 30px
}
.side-navi__list__icon--tel:before {
  width: 8px;
  height: 31px
}
.side-navi__list__icon--web:before {
  width: 35px;
  height: 25px
}
.side-navi__list__icon--mobile:before {
  width: 23px;
  height: 30px
}
@media print, screen and (min-width:761px) {
	.side-navi {
    top: 275px;
    right: -100px;
    width: 173px;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
    transition: right .25s cubic-bezier(.4, 0, .2, 1)
  }
  .side-navi.is-open {
    right: 0
  }
  .side-navi.is-open .side-navi__list__icon {
    margin-right: 0
  }
  .side-navi__list > li > a {
    align-items: center;
    padding: 17px 0 17px 10px;
    overflow: hidden;
    font-weight: 700
  }
  .side-navi__list > li > a:focus, .side-navi__list > li > a:hover {
    background-color: #141414;
    color: #fccf00;
    opacity: 1
  }
  .side-navi__list > li + li > a:before {
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    content: ""
  }
  .side-navi__list > li + li > a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 63px;
    width: 100px;
    height: 1px;
    background-color: #fccf00;
    content: "";
    transition: all .25s cubic-bezier(.4, 0, .2, 1)
  }
  .side-navi__list > li:focus + li > a:after, .side-navi__list > li:focus + li > a:before, .side-navi__list > li:hover + li > a:after, .side-navi__list > li:hover + li > a:before {
    display: none
  }
  .side-navi__list__icon {
    width: 55px;
    height: 100%;
    margin-right: 10px;
    transition: margin .25s cubic-bezier(.4, 0, .2, 1)
  }
  .side-navi__list__icon--shop:before {
    background: url(/app-files/img/sprite/icon.svg#navi01-usage) no-repeat 0 0;
    background-size: contain
  }
  a:focus .side-navi__list__icon--shop:before, a:hover .side-navi__list__icon--shop:before {
    background: url(/app-files/img/sprite/icon.svg#navi01_on-usage) no-repeat 0 0
  }
  .side-navi__list__icon--tel:before {
    background: url(/app-files/img/sprite/icon.svg#navi02-usage) no-repeat 0 0;
    background-size: contain
  }
  a:focus .side-navi__list__icon--tel:before, a:hover .side-navi__list__icon--tel:before {
    background: url(/app-files/img/sprite/icon.svg#navi02_on-usage) no-repeat 0 0
  }
  .side-navi__list__icon--web:before {
    background: url(/app-files/img/sprite/icon.svg#navi03-usage) no-repeat 0 0;
    background-size: contain
  }
  a:focus .side-navi__list__icon--web:before, a:hover .side-navi__list__icon--web:before {
    background: url(/app-files/img/sprite/icon.svg#navi03_on-usage) no-repeat 0 0
  }
  .side-navi__list__icon--mobile:before {
    background: url(/app-files/img/sprite/icon.svg#navi04-usage) no-repeat 0 0;
    background-size: contain
  }
  body.is-active-modaal .side-navi {
    right: -173px
  }
}
@media only screen and (max-width:760.98px) {
	.side-navi {
    z-index: 2;
    bottom: -75px;
    left: 0;
    width: 100%;
    height: 75px;
    transition: bottom .25s cubic-bezier(.4, 0, .2, 1)
  }
  .side-navi.is-open {
    bottom: 0
  }
  .side-navi__list {
    display: flex;
    flex-flow: row-reverse
  }
  .side-navi__list > li {
    width: 25%
  }
  .side-navi__list > li > a {
    flex-flow: column;
    align-items: center;
    padding: .8em 10px 3em;
    font-size: 1.12rem;
    font-weight: 700
  }
  .side-navi__list > li + li > a:before {
    top: 1em;
    right: 0;
    width: 1px;
    height: 48px;
    margin: auto 0;
    content: ""
  }
  .side-navi__list__icon {
    width: 100%;
    height: 36px
  }
  .side-navi__list__icon--shop:before {
    background: url(/app-files/img/com_nav_ic01.png) no-repeat 0 0;
    background-size: contain
  }
  .side-navi__list__icon--tel:before {
    background: url(/app-files/img/com_nav_ic02.png) no-repeat 0 0;
    background-size: contain
  }
  .side-navi__list__icon--web:before {
    background: url(/app-files/img/com_nav_ic03.png) no-repeat 0 0;
    background-size: contain
  }
  .side-navi__list__icon--mobile:before {
    background: url(/app-files/img/com_nav_ic04.png) no-repeat 0 0;
    background-size: contain
  }
  .side-navi__list__label {
    margin-top: .2em
  }
  .side-navi__list[data-side-navi-sp="3"] > li {
    width: 33.33333%
  }
  body.is-active-modaal .side-navi {
    bottom: -75px
  }
}
@media print, screen and (min-width:761px) and (min-width:761px) {
  .side-navi.is-open .side-navi__list li + li > a:after {
    display: none
  }
  .size-box__table-column .table {
    overflow-x: auto
  }
}