@charset "utf-8";
/* ---------------------
  - serviceSlide
    - serviceSlide__item

  - serviceMain

  - serviceSection
    - serviceSection__inner

  - serviceTitle
    - serviceTitle__main
    - serviceTitle__sub

  - serviceMiddleTitle

  - serviceText

  - serviceGraph
  - graph

  - productService

  - serviceTab
  - serviceTabList
    - serviceTab__item

  - serviceList
    - serviceList__item
  - serviceListContents
    - serviceListContents__detail
    - serviceListContents__thumb
  - serviceListTitle
    - serviceListTitle__main
    - serviceListTitle__sub
  - serviceListDescription
  -  serviceListLink

  - serviceSearchResult

  - serviceSearch

  - serviceSearchTab
  - serviceSearchTabList
    - serviceSearchTabList__item
      - serviceSearchTabList__item--all

  - serviceSearch
    - serviceSearch__item
  - serviceSearchContents
    - serviceSearchContents__detail
    - serviceSearchContents__thumb
  - serviceSearchTitle
  - serviceSearchDescription
  - serviceSearchLink
  - serviceSearchNoResults

  - serviceIntroduction

  - introductionSort
    - introductionSort__item
  - introductionGenre
    - introductionGenre__item
  -introductionSelect
  - introductionTag
  - introductionTagList
    - introductionTagList__item

  - introductionList
    - introductionList__item
  - introductionListArrow
    - introductionListArrow--prev
    - introductionListArrow--next
  - introductionContents
    - introductionContents__thumb
    - introductionContents__detail
  - introductionContentsTitle
    - introductionContentsTitle__main
    - introductionContentsTitle__sub
  - introductionContentsDescription
  - JS-introductionListSlide

  - introductionSlide

  - serviceRelated

  - relatedList
    - relatedList__item
  - relatedListContents
    - relatedListContents__detail
    - relatedListContents__thumb
  - relatedListTitle
  - relatedListDescription

  - productSection
    - productSection--bg
    - productSection--arrow

  - productSectionInner

  - productTitle
    - productTitle__main

  - productMiddleTitle
    - productMiddleTitle__main

  - productSubTitle
    - productSubTitle__main

  - productInnerTitle
    - productInnerTitle__main

  - productText

  - productTextDeco
    - productTextDeco--marker
    - productTextDeco--bold
    - productTextDeco--italic

  - productAnnotation

  - productIntroduction

  - productFeatures
    - productFeatures__detail
    - productFeatures__thumb
  - productFeaturesList
    - productFeaturesList__item

  - productPick
    - productPick__item
  - productPickContents
    - productPickContents__detail
    - productPickContents__thumb

  - productNotice
  - productNoticeList
    - productNoticeList__item
  - productNoticeContents
    - productNoticeContents__title
    - productNoticeContents__body
  - productNoticeDetail
    - productNoticeDetail__thumb
    - productNoticeDetail__text
  - productNoticeTitle
  - productNoticeText
  - productNoticeAnnotation

  - productMethod
    - productMethod__item
  - productMethodContents
    - productMethodContents__title
    - productMethodContents__body

  - productTabs
    - productTabs__item
  - productTabsContainer
    - productTabsContainer__item
     -productTabsContainer__item--select

  - productTabsContainer

  - productCoverage
    - productCoverage__item
    - productCoverage__text
    - productCoverage__thumb

  - productVisual
    - productVisual__img
      - productVisual__img--sportsAchievement001
      - productVisual__img--sportsAchievement002

  - productDistribute
  - productDistributeList__item
    - productDistributeList__item

  - productCase
    - productCase__item
  - productCaseContents
    - productCaseContents__thumb
    - productCaseContents__detail
  - productCaseTitle
    - productCaseTitle__main
  - productCaseText

  - productFaq
    - productFaq__item
  - productFaqContents
    - productFaqContents__question
    - productFaqContents__answer

  - productFunction
  - productFunctionList
    - productFunctionList__item
  - productFunctionContents
    - productFunctionContents__thumb
    - productFunctionContents__detail
  - productFunctionTag
    - productFunctionTag__item
  - productFunctionTitle
  - productFunctionDescription
  - productFunctionAnnotation
    - productFunctionAnnotation__item

  - productAchievementSection

  - productProvide
  - productProvideList
    - productProvideList__item
  - productProvideNew

  - productCorporate
  - productCorporateFrame
  - productCorporateList
    - productCorporate__item

  - productVoice
    - productVoice__item
  - productVoiceContents
    - productVoiceContents__title
    - productVoiceContents__text
    - productVoiceContents__name

  - productButton
    - productButton__item

  - productBack

  - serviceFooter
--------------------- */



/* =====================
  serviceSlide
=====================
.serviceSlide {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 10px;
}*/


/*  serviceSlide__item
------------------------
.serviceSlide__item img {
  width: 100%;
}*/



/* =====================
  serviceMain
===================== */
#serviceMain {
  position: relative;
  z-index: 9;
  overflow: hidden;
  background-color: #e5e5e5;
}



/* =====================
  serviceSection
===================== */
.serviceSection {
  overflow: hidden;
  padding: 70px 0;
}
@media screen and (max-width:1024px) {
  .serviceSection {
    padding: 50px 0;
  }
}
@media screen and (max-width:600px) {
  .serviceSection {
    padding: 30px 0;
  }
}


/*  serviceSection__inner
------------------------*/
.serviceSection__inner {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:999px) {
  .serviceSection__inner {
    padding: 0 20px;
  }
}



/* =====================
  serviceTitle
===================== */
.serviceTitle {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 10px;
  font-size: 46px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
@media screen and (max-width:1024px) {
  .serviceTitle {
    margin-bottom: 50px;
    font-size: 40px;
  }
}
@media screen and (max-width:768px) {
  .serviceTitle {
    font-size: 34px;
  }
}
@media screen and (max-width:600px) {
  .serviceTitle {
    margin-bottom: 30px;
    font-size: 28px;
  }
}

.serviceTitle:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 3.043479em; /* 140px */
  height: 5px;
  margin: 0 auto;
  background-color: #060606;
  content: " ";
}


/*  serviceTitle__main
------------------------*/
.serviceTitle__main {
  font-weight: 600;
  font-size: 1em;
}


/*  serviceTitle__sub
------------------------*/
.serviceTitle__sub {
  font-size: .347826em; /* 16px */
}



/* =====================
  serviceMiddleTitle
===================== */
.serviceMiddleTitle {
  margin-bottom: 50px;
  font-weight: 600;
  font-size: 42px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
@media screen and (max-width:1024px) {
  .serviceMiddleTitle {
    margin-bottom: 30px;
    font-size: 36px;
  }
}
@media screen and (max-width:768px) {
  .serviceMiddleTitle {
    font-size: 30px;
  }
}
@media screen and (max-width:600px) {
  .serviceMiddleTitle {
    font-size: 24px;
  }
}



/* =====================
  serviceText
===================== */
.serviceText {
  width: 80%;
  min-width: 240px;
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width:768px) {
  .serviceText {
    font-size: 14px;
  }
}
@media screen and (max-width:425px) {
  .serviceText {
    font-size: 12px;
  }
}



/* =====================
  serviceGraph
===================== */
#serviceGraph {
  padding-top: 0;
}

#serviceGraph .serviceTitle:after {
  background-color: #707070;
}

#serviceGraph .serviceTitle__main {
  color: #867669;
}

#serviceGraph .serviceTitle__sub {
  color: #747474;
}



/* =====================
  graph
===================== */
#graph {
  margin: 50px 0;
}
@media screen and (max-width:768px) {
  #graph {
    margin: 30px 0;
  }
}

#graph > .serviceMiddleTitle {
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  #graph > .serviceMiddleTitle {
    margin-bottom: -1.5vw;
  }
}
@media screen and (max-width:500px) {
  #graph > .serviceMiddleTitle {
    margin-bottom: -3.2vw;
  }
}
@media screen and (max-width:375px) {
  #graph > .serviceMiddleTitle {
    margin-bottom: -6vw;
  }
}

/*
#graph {
  margin: 50px 0;
  padding: 30px;
  background-color: #f1f3f5;
}
@media screen and (max-width:768px) {
  #graph {
    margin: 30px 0;
  }
}
@media screen and (max-width:600px) {
  #graph {
    padding: 20px;
  }
}

#graph > .serviceMiddleTitle {
  margin-bottom: 0;
}
*/

/*#graph > .serviceText {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (max-width:600px) {
  #graph > .serviceText {
    margin-top: 20px;
  }
}*/



/* =====================
  productService
===================== */
#productService {
  background-color: #171e27;
}

#productService .serviceTitle:after {
  background-color: #b4b4b4;
}

#productService .serviceTitle__main {
  color: #9e8878;
}

#productService .serviceTitle__sub {
  color: #fff;
}



/* =====================
  serviceTab
===================== */
.serviceTab {
  /*position: relative;*/
  margin-bottom: 1em;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}

/*.serviceTab::before ,
.serviceTab::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 10px;
  pointer-events: none;
}
@media screen and (max-width:979px) {
  .serviceTab::before ,
  .serviceTab::after {
    content: " ";
  }
}

.serviceTab::before {
  left: 0;
  background: linear-gradient(to left, rgba(23,30,39,0), #171e27);
}

.serviceTab::after {
  right: 0;
  background: linear-gradient(to right, rgba(23,30,39,0), #171e27);
}*/




/* =====================
  serviceTabList
===================== */
.serviceTabList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -8px -8px;
  /*overflow: auto;
  -ms-overflow-style: scrollbar;*/
}
/*@media screen and (max-width:979px) {
  .serviceTabList {
    padding: 0 10px;
  }
}*/


/*  serviceTabList__item
------------------------*/
.serviceTabList__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 8px * 6 ) ) / 6 );
  width:         calc( ( ( 100% - .1px ) - ( 8px * 6 ) ) / 6 );
  /*min-width: 150px;*/
  margin: 0 0 8px 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
@media screen and (max-width:979px) {
  .serviceTabList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 8px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .1px ) - ( 8px * 3 ) ) / 3 );
    /*width: auto;
    min-width: auto;*/
  }
}
@media screen and (max-width:599px) {
  .serviceTabList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 8px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 8px * 2 ) ) / 2 );
  }
}

/*.serviceTabList__item + .serviceTabList__item {
  margin-left: 8px;
}*/

.serviceTabList__item a {
  display: block;
  padding: .5em 1em;
  border: 1px solid #9e8878;
  border-radius: 50px;
  background-color: #9e8878;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width:979px) {
  .serviceTabList__item a {
    padding: .5em 1.5em;
  }
}

.serviceTabList__item a:hover,
.serviceTabList__item a.active {
  background-color: #f1f3f5;
  color: #9e8878;
}



/* =====================
  serviceList
===================== */
.serviceList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 -30px -30px;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .serviceList {
    margin: 0 0 -20px -20px;
  }
}
@media only screen and (max-width: 768px) {
  .serviceList {
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .serviceList {
    display: block;
  }
}


/*  serviceList__item
------------------------*/
.serviceList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -webkit-calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 3 );
  margin: 0 0 30px 30px;
  overflow: hidden;
  /*-webkit-box-shadow: 10px 10px 0 rgba(158,168,178,.2);
          box-shadow: 10px 10px 0 rgba(158,168,178,.2);*/
  background-color: #f1f3f5;
  color: #060606;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media only screen and (max-width: 1024px) {
  .serviceList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    margin: 0 0 20px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .serviceList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    /*-webkit-box-shadow: 4px 4px 0 rgba(158,168,178,.2);
            box-shadow: 4px 4px 0 rgba(158,168,178,.2);*/
  }
}
@media only screen and (max-width: 600px) {
  .serviceList__item {
    display: block;
    width: auto;
  }
}

/*.serviceList__item:hover {
  -webkit-box-shadow: 15px 15px 0 rgba(158,168,178,.7);
          box-shadow: 15px 15px 0 rgba(158,168,178,.7);
}
@media only screen and (max-width: 700px) {
  .serviceList__item:hover {
    -webkit-box-shadow: 6px 6px 0 rgba(158,168,178,.7);
            box-shadow: 6px 6px 0 rgba(158,168,178,.7);
  }
}*/



/* =====================
  serviceListContents
===================== */
.serviceListContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  min-height: 0%;
}


/*  serviceListContents__detail
------------------------*/
.serviceListContents__detail {
  margin: 20px;
}


/*  serviceListContents__thumb
------------------------*/
.serviceListContents__thumb {
  overflow: hidden;
}

.serviceListContents__thumb img {
  display: block;
  width: 100%;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.serviceList__item:hover .serviceListContents__thumb img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}



/* =====================
  serviceListTitle
===================== */
/*  serviceListTitle__main
------------------------*/
.serviceListTitle__main {
  font-weight: bold;
  font-size: 1.428571em; /* 20px */
  line-height: 1.3;
}


/*  serviceListTitle__sub
------------------------*/
.serviceListTitle__sub {
  display: table;
  position: relative;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #444141;
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
}

.serviceListTitle__sub::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 0;
  background-color: #444141;
  content: " ";
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.serviceListTitle__sub.on::after {
  width: 100%;
}

.serviceListTitle__sub > span {
  position: relative;
  z-index: 1;
}



/* =====================
  serviceListDescription
===================== */
.serviceListDescription {
  margin-top: 10px;
  line-height: 1.75;
}



/* =====================
  serviceListLink
===================== */
.serviceListLink {
  margin: 20px;
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  text-align: right;
}

.serviceListLink > span {
  display: inline-block;
  position: relative;
  z-index: 0;
  padding-right: 20px;
}

.serviceListLink > span::after {
  position: absolute;
  top: -1px;
  right: 3px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 4px;
  height: 4px;
  margin: auto 0;
  border-top: 1px solid #060606;
  border-right: 1px solid #060606;
  content: " ";
}



/* =====================
  serviceSearchResult
===================== */
#serviceSearchResult {
  display: none;
}



/* =====================
  serviceSearch
===================== */
#serviceSearch {
  background-color: #e5e5e5;
}

#serviceSearch .serviceTitle:after {
  background-color: #707070;
}

#serviceSearch .serviceTitle__main {
  color: #867669;
}

#serviceSearch .serviceTitle__sub {
  color: #747474;
}



/* =====================
  serviceSearchTab
===================== */
.serviceSearchTab {
  /*position: relative;*/
  margin-bottom: 1em;
  font-size: 14px;
  text-align: center;
}

/*.serviceSearchTab::before ,
.serviceSearchTab::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 10px;
  pointer-events: none;
}
@media screen and (max-width:979px) {
  .serviceSearchTab::before ,
  .serviceSearchTab::after {
    content: " ";
  }
}

.serviceSearchTab::before {
  left: 0;
  background: linear-gradient(to left, rgba(229,229,229,0), #e5e5e5);
}

.serviceSearchTab::after {
  right: 0;
  background: linear-gradient(to right, rgba(229,229,229,0), #e5e5e5);
}*/



/* =====================
  serviceSearchTabList
===================== */
.serviceSearchTabList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -8px -6px;
}
/*@media screen and (max-width:979px) {
  .serviceSearchTabList {
    -webkit-flex-wrap: nowrap;
       -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
         -o-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0;
    margin-bottom: -8px;
    padding: 0 10px;
    overflow: auto;
    -ms-overflow-style: scrollbar;
  }
}*/

/*.serviceSearchTabList .serviceSearchTabList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -8px -8px;
  overflow: visible;
}
@media screen and (max-width:979px) {
  .serviceSearchTabList .serviceSearchTabList {
    -webkit-flex-wrap: nowrap;
       -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
         -o-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 0;
  }
}*/


/*  serviceSearchTabList__item
------------------------*/
.serviceSearchTabList__item {
  /*width: -webkit-calc( ( ( ( 100% - .1px ) - 8px ) / 7 ) * 1 );
  width:         calc( ( ( ( 100% - .1px ) - 8px ) / 7 ) * 1 );*/
  margin: 0 0 8px 6px;
}
/*@media screen and (max-width:979px) {
  .serviceSearchTabList__item {
    width: -webkit-calc( ( ( ( 100% - .1px ) - 8px ) / 10 ) * 1 );
    width:         calc( ( ( ( 100% - .1px ) - 8px ) / 10 ) * 1 );
    margin: 0;
    margin-bottom: 8px;
  }
}*/

/*.serviceSearchTabList__item + .serviceSearchTabList__item {
  width: -webkit-calc( ( ( ( 100% - .1px ) - 8px ) / 7 ) * 6 );
  width:         calc( ( ( ( 100% - .1px ) - 8px ) / 7 ) * 6 );
  margin-left: 8px;
}
@media screen and (max-width:979px) {
  .serviceSearchTabList__item + .serviceSearchTabList__item {
    width: -webkit-calc( ( ( ( 100% - .1px ) - 8px ) / 10 ) * 9 );
    width:         calc( ( ( ( 100% - .1px ) - 8px ) / 10 ) * 9 );
    margin-left: 8px;
  }
}*/

.serviceSearchTabList__item a {
  display: block;
  padding: .5em 1em;
  border: 1px solid #9e8878;
  border-radius: 50px;
  color: #fff;
  background-color: #9e8878;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:979px) {
  .serviceSearchTabList__item a {
    padding: .5em 1.5em;
  }
}

.serviceSearchTabList__item a:hover,
.serviceSearchTabList__item a.active {
  background-color: #fff;
  color: #9e8878;
}

/*.serviceSearchTabList .serviceSearchTabList .serviceSearchTabList__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 8px * 6 ) ) / 6 );
  width:         calc( ( ( 100% - .1px ) - ( 8px * 6 ) ) / 6 );
  margin: 0 0 8px 8px;
}
@media screen and (max-width:979px) {
  .serviceSearchTabList .serviceSearchTabList .serviceSearchTabList__item {
    width: auto;
  }
}*/

/* serviceSearchTabList__item--all
.serviceSearchTabList__item--all {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:979px) {
  .serviceSearchTabList__item--all {
    min-width: 80px;
  }
}

.serviceSearchTabList__item--all a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  border-radius: 15px;
}
@media screen and (max-width:979px) {
  .serviceSearchTabList__item--all a {
    display: block;
    border-radius: 50px;
  }
}*/



/* =====================
  serviceSearch
===================== */
/*.serviceSearch {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -20px -20px;
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .serviceSearch {
    font-size: 12px;
  }
}*/

.serviceSearch {
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .serviceSearch {
    font-size: 12px;
  }
}


/*  serviceSearch__item
------------------------*/
/*.serviceSearch__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 6 ) ) / 6 );
  width:         calc( ( ( 100% - .1px ) - ( 20px * 6 ) ) / 6 );
  margin: 0 0 20px 20px;
  overflow: hidden;
  color: #444141;
  text-decoration: none;
}
@media screen and (max-width:1024px) {
  .serviceSearch__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 4 ) ) / 4 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 4 ) ) / 4 );
  }
}
@media screen and (max-width:600px) {
  .serviceSearch__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
  }
}
@media screen and (max-width:425px) {
  .serviceSearch__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
  }
}*/

.serviceSearch__item {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #444141;
  text-decoration: none;
}

.serviceSearch__item + .serviceSearch__item {
  border-top: none;
}


/*  serviceSearchContents
------------------------*/
/*.serviceSearchContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  min-height: 0%;
}*/

.serviceSearchContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
}
@media screen and (max-width:425px) {
  .serviceSearchContents {
    -webkit-flex-direction: column-reverse;
       -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
         -o-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}


/*  serviceSearchContents__detail
------------------------*/
/*.serviceSearchContents__detail {
  margin: 10px 0;
}*/

.serviceSearchContents__detail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  min-height: 0%;
}
@media screen and (max-width:425px) {
  .serviceSearchContents__detail {
    -webkit-flex: 0 1 auto;
       -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
         -o-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}


/*  serviceSearchContents__thumb
------------------------*/
/*.serviceSearchContents__thumb {
  overflow: hidden;
}*/

.serviceSearchContents__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( 100% / 7 );
  width:         calc( 100% / 7 );
  min-width: 133px;
  max-width: 142.85px;
  margin-right: 20px;
  overflow: hidden;
}
@media screen and (max-width:425px) {
  .serviceSearchContents__thumb {
    width: 100%;
    min-width: auto;
    max-width: none;
    margin: 0;
    margin-bottom: 20px;
  }
}

.serviceSearchContents__thumb img {
  display: block;
  width: 100%;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.serviceSearch__item:hover .serviceSearchContents__thumb img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


/* =====================
  serviceSearchTitle
===================== */
/*.serviceSearchTitle {
  font-size: 1.142857em;  16px
}*/

.serviceSearchTitle {
  font-size: 1.285714em; /* 18px */
}


/* =====================
  serviceSearchDescription
===================== */
.serviceSearchDescription {
  margin-top: 5px;
  line-height: 1.75;
}



/* =====================
  serviceSearchLink
===================== */
.serviceSearchLink {
  margin-top: auto;
  padding-top: 15px;
  text-align: right;
}

.serviceSearchLink > span {
  display: inline-block;
  position: relative;
  z-index: 0;
  padding-right: 20px;
}

.serviceSearchLink > span::after {
  position: absolute;
  top: -1px;
  right: 3px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 4px;
  height: 4px;
  margin: auto 0;
  border-top: 1px solid #060606;
  border-right: 1px solid #060606;
  content: " ";
}



/* =====================
  serviceSearchNoResults
===================== */
#serviceSearchNoResults {
  padding: 5em 1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width:1024px) {
  #serviceSearchNoResults {
    font-size: 18px;
  }
}
@media screen and (max-width:768px) {
  #serviceSearchNoResults {
    font-size: 16px;
  }
}
@media screen and (max-width:600px) {
  #serviceSearchNoResults {
    font-size: 14px;
  }
}



/* =====================
  serviceIntroduction
===================== */
#serviceIntroduction {
  background-color: #171e27;
}

#serviceIntroduction .serviceTitle:after {
  background-color: #b4b4b4;
}

#serviceIntroduction .serviceTitle__main {
  color: #9e8878;
}

#serviceIntroduction .viewAll {
  font-size: 16px;
}
@media screen and (max-width:600px) {
  #serviceIntroduction .viewAll {
    margin-top: 30px;
    font-size: 14px;
  }
}



/* =====================
  introductionSort
===================== */
.introductionSort {
  margin-bottom: 50px;
}
@media screen and (max-width:600px) {
  .introductionSort {
    margin-bottom: 30px;
  }
}


/*  introductionSort__item
------------------------*/
.introductionSort__item + .introductionSort__item {
  margin-top: 30px;
}



/* =====================
  introductionGenre
===================== */
.introductionGenre {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 30px;
}
@media screen and (max-width:600px) {
  .introductionGenre {
    display: block;
    font-size: 20px;
  }
}


/*  introductionGenre__item
------------------------*/
.introductionGenre__item {
  position: relative;
  z-index: 0;
  width: 48%;
}
@media screen and (max-width:600px) {
  .introductionGenre__item {
    width: auto;
  }
}

.introductionGenre__item + .introductionGenre__item {
  margin-left: 1.5em;
}
@media screen and (max-width:600px) {
  .introductionGenre__item + .introductionGenre__item {
    margin-top: 1.5em;
    margin-left: auto;
  }
}

.introductionGenre__item + .introductionGenre__item:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5em;
  width: 1.5em;
  height: 1em;
  margin: auto 0;
  color: #fff;
  line-height: 1.15em;
  text-align: center;
  content: "×";
}
@media screen and (max-width:600px) {
  .introductionGenre__item + .introductionGenre__item:before {
    top: -1.5em;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: 1.5em;
    margin: 0 auto;
    line-height: 1.65em;
  }
}



/* =====================
  introductionSelect
===================== */
.introductionSelect {
  position: relative;
  z-index: 0;
  border-radius: 3px;
  background-color: #fff;
}

.introductionSelect:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: -1;
  -webkit-transform: translateY(-65%) rotate(45deg);
      -ms-transform: translateY(-65%) rotate(45deg);
       -o-transform: translateY(-65%) rotate(45deg);
          transform: translateY(-65%) rotate(45deg);
  width: .3334em;
  height: .3334em;
  margin: auto 0;
  border-right: 2px solid #8f8f8f;
  border-bottom: 2px solid #8f8f8f;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.introductionSelect select {
  width: 100%;
  margin: 0;
  padding: 15px;
  padding-right: -webkit-calc( 35px + .3334em );;
  padding-right:         calc( 35px + .3334em );
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, YuGothicM, "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.introductionSelect select::-ms-expand {
  display: none;
}



/* =====================
  introductionTag
===================== */
.introductionTag {
  position: relative;
  margin-bottom: 1em;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width:600px) {
  .introductionTag {
    font-size: 12px;
  }
}
@media screen and (max-width:425px) {
  .introductionTag {
    font-size: 10px;
  }
}

/*.introductionTag::before ,
.introductionTag::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 10px;
  pointer-events: none;
}
@media screen and (max-width:979px) {
  .introductionTag::before ,
  .introductionTag::after {
    content: " ";
  }
}

.introductionTag::before {
  left: 0;
  background: -webkit-linear-gradient(right, rgba(23,30,39,0), #171e27);
  background:      -o-linear-gradient(right, rgba(23,30,39,0), #171e27);
  background:         linear-gradient(to left, rgba(23,30,39,0), #171e27);
}

.introductionTag::after {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(23,30,39,0), #171e27);
  background:      -o-linear-gradient(left, rgba(23,30,39,0), #171e27);
  background:         linear-gradient(to right, rgba(23,30,39,0), #171e27);
}*/



/* =====================
  introductionTagList
===================== */
.introductionTagList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -8px -6px;
}
@media screen and (max-width:979px) {
  .introductionTagList {
    justify-content: center;
    /*-webkit-flex-wrap: nowrap;
       -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
         -o-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0;
    margin-bottom: -8px;
    padding: 0 10px;
    overflow: auto;
    -ms-overflow-style: scrollbar;*/
  }
}


/*  introductionTagList__item
------------------------*/
.introductionTagList__item {
  margin: 0 0 8px 6px;
}
/*@media screen and (max-width:979px) {
  .introductionTagList__item {
    margin: 0;
    margin-bottom: 8px;
  }
}

@media screen and (max-width:979px) {
  .introductionTagList__item + .introductionTagList__item {
    margin-left: 8px;
  }
}*/

.introductionTagList__item a {
  display: block;
  padding: .5em 1em;
  border: 1px solid #9e8878;
  border-radius: 50px;
  color: #fff;
  background-color: #9e8878;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
/*@media screen and (max-width:979px) {
  .introductionTagList__item a {
    padding: .5em 1.5em;
  }
}*/

.introductionTagList__item a:hover ,
.introductionTagList__item a.active {
  background-color: #fff;
  color: #9e8878;
}



/* =====================
  introductionList
===================== */
.introductionList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -70px -30px;
}
@media screen and (max-width:1024px) {
  .introductionList {
    margin: 0 0 -50px -20px;
  }
}
@media screen and (max-width:600px) {
  .introductionList {
    display: block;
    margin: 0;
  }
}


/*  introductionList__item
------------------------*/
.introductionList__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 30px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 30px * 3 ) ) / 3 );
  margin: 0 0 70px 30px;
}
@media screen and (max-width:1024px) {
  .introductionList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 20px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .01px ) - ( 20px * 3 ) ) / 3 );
    margin: 0 0 50px 20px;
  }
}
@media screen and (max-width:768px) {
  .introductionList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .introductionList__item {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width:600px) {
  .introductionList__item + .introductionList__item {
    margin-top: 30px;
  }
}


/* =====================
  introductionListArrow
===================== */
.introductionListArrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 1em;
  background-color: #d8d8d8;
}
@media screen and (max-width:768px) {
  .introductionListArrow {
    background-color: transparent;
  }
}

.caseSection--bg .introductionListArrow {
  background-color: #171e27;
}
@media screen and (max-width:768px) {
  .caseSection--bg .introductionListArrow {
    background-color: transparent;
  }
}

.introductionListArrow:before ,
.introductionListArrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  margin: auto;
  content: " ";
}

.introductionListArrow:before {
  right: 0;
  left: 0;
  width: .5em; /* 30px */
  height: .5em; /* 30px */
  border-radius: 50px;
  background-color: #fff;
}

.introductionListArrow:after {
  left: 50%;
  width: .15em; /* 9px */
  height: .15em; /* 9px */
  border-top: .05em solid #8f8f8f; /* 3px */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.introductionListArrow:hover {
  cursor: pointer;
}


/*  introductionListArrow--prev
------------------------*/
.introductionListArrow--prev {
  left: 0;
}

.introductionListArrow--prev:after {
  -webkit-transform: translateX(-40%) rotate(-45deg);
      -ms-transform: translateX(-40%) rotate(-45deg);
       -o-transform: translateX(-40%) rotate(-45deg);
          transform: translateX(-40%) rotate(-45deg);
  border-left: .05em solid #8f8f8f; /* 3px */
}


/*  introductionListArrow--next
------------------------*/
.introductionListArrow--next {
  right: 0;
}

.introductionListArrow--next:after {
  -webkit-transform: translateX(-60%) rotate(45deg);
      -ms-transform: translateX(-60%) rotate(45deg);
       -o-transform: translateX(-60%) rotate(45deg);
          transform: translateX(-60%) rotate(45deg);
  border-right: .05em solid #8f8f8f; /* 3px */
}


/* =====================
  introductionContents
===================== */
.introductionContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 14px;
}
@media screen and (max-width:600px) {
  .introductionContents {
    font-size: 12px;
  }
}

.introductionContents a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  color: #fff;
  text-decoration: none;
}

.introductionContents .viewMore {
  max-width: 18.857143em; /* 264px */
  margin-top: auto;
  font-size: 1em;
}
@media screen and (max-width:768px) {
  .introductionContents .viewMore {
    max-width: 23.071429em; /* 323px */
  }
}

.introductionContents .viewMore span {
  border-color: #878a8f;
}

.introductionContents a:hover .viewMore span:after {
  width: 100%;
}


/*  introductionContents__thumb
------------------------*/
.introductionContents__thumb {
  overflow: hidden;
}

.introductionContents__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.introductionContents a:hover .introductionContents__thumb img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


/*  introductionContents__detail
------------------------*/
.introductionContents__detail {
  margin-top: 15px;
}



/* =====================
  introductionContentsTitle
===================== */
/*  introductionContentsTitle__main
------------------------*/
.introductionContentsTitle__main {
  font-weight: normal;
  line-height: 1.3;
  font-family: 'Noto Serif JP', serif;
}


/*  introductionContentsTitle__sub
------------------------*/
.introductionContentsTitle__sub {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: -5px 0 0 -5px;
  margin-bottom: 10px;
}

.introductionContentsTitle__sub span {
  margin: 5px 0 0 5px;
  padding: 3px 1em;
  border-radius: 50px;
  background-color: #86b9b2;
  color: #fff;
  font-size: 12px;
}



/* =====================
  introductionContentsDescription
===================== */
.introductionContentsDescription {
  margin: 15px 0 30px;
}



/* =====================
  JS-introductionListSlide
===================== */
.JS-introductionListSlide {
  display: block;
  position: relative;
  /*z-index: 0;*/
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  font-size: 60px;
}
@media screen and (max-width:768px) {
  .JS-introductionListSlide {
    padding: 0;
    font-size: 50px;
  }
}
@media screen and (max-width:600px) {
  .JS-introductionListSlide {
    font-size: 40px;
  }
}

.JS-introductionListSlide .slick-list {
  position: relative;
  z-index: 0;
  margin: 0 -15px;
}
@media screen and (max-width:768px) {
  .JS-introductionListSlide .slick-list {
    margin: 0;
    padding: 0 1em !important;
  }
}

.JS-introductionListSlide .slick-track {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    justify-content: flex-start;
    -ms-align-items: stretch;
        align-items: stretch;
}

.JS-introductionListSlide .slick-slide {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  float: none;
  height: auto;
  min-height: auto;
}

.JS-introductionListSlide .introductionList__item {
  margin: 0 15px;
}
@media screen and (max-width:768px) {
  .JS-introductionListSlide .introductionList__item {
    margin: 0;
  }
}

@media screen and (max-width:768px) {
  .JS-introductionListSlide .introductionList__item a {
    padding: 0 20px;
  }
}

@media screen and (max-width:768px) {
  .JS-introductionListSlide .introductionContents__thumb {
    margin: 0 -20px;
  }
}



/* =====================
  serviceRelated
===================== */
#serviceRelated {
  background-color: #171e27;
}

#serviceRelated .serviceTitle:after {
  background-color: #b4b4b4;
}

#serviceRelated .serviceTitle__main {
  color: #9e8878;
}

#serviceRelated .serviceTitle__sub {
  color: #fff;
}



/* =====================
  relatedList
===================== */
.relatedList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -20px -20px;
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .relatedList {
    font-size: 12px;
  }
}


/*  relatedList__item
------------------------*/
.relatedList__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 4 ) ) / 4 );
  width:         calc( ( ( 100% - .1px ) - ( 20px * 4 ) ) / 4 );
  margin: 0 0 20px 20px;
  /*-webkit-box-shadow: 6px 6px 0 rgba(158,168,178,.2);
          box-shadow: 6px 6px 0 rgba(158,168,178,.2);*/
  overflow: hidden;
  background-color: #f1f3f5;
  color: #060606;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .relatedList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    /*-webkit-box-shadow: 4px 4px 0 rgba(158,168,178,.2);
            box-shadow: 4px 4px 0 rgba(158,168,178,.2);*/
  }
}
@media only screen and (max-width: 600px) {
  .relatedList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
  }
}



/* =====================
  relatedListContents
===================== */
.relatedListContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  min-height: 0%;
}


/*  relatedListContents__detail
------------------------*/
.relatedListContents__detail {
  margin: 15px;
}


/*  relatedListContents__thumb
------------------------*/
.relatedListContents__thumb {
  overflow: hidden;
}

.relatedListContents__thumb img {
  display: block;
  width: 100%;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.relatedList__item:hover .relatedListContents__thumb img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}



/* =====================
  relatedListTitle
===================== */
.relatedListTitle {
  font-size: 1em;
  text-align: center;
}



/* =====================
  relatedListDescription
===================== */
.relatedListDescription {
  margin-top: 5px;
}



/* =====================
  productSection
===================== */
.productSection {
  padding: 70px 0;
}
@media screen and (max-width:1024px) {
  .productSection {
    padding: 50px 0;
  }
}
@media screen and (max-width:600px) {
  .productSection {
    padding: 30px 0;
  }
}

.productSection--arrow + .productSection {
  padding-top: 120px;
}
@media screen and (max-width:1024px) {
  .productSection--arrow + .productSection {
    padding-top: 100px;
  }
}
@media screen and (max-width:600px) {
  .productSection--arrow + .productSection {
    padding-top: 80px;
  }
}


/*  productSection--bg
------------------------*/
.productSection--bg {
  background-color: #171e27;
}


/*  productSection--arrow
------------------------*/
.productSection--arrow {
  position: relative;
  z-index: 0;
  padding-bottom: 120px;
}
@media screen and (max-width:1024px) {
  .productSection--arrow {
    padding-bottom: 100px;
  }
}
@media screen and (max-width:600px) {
  .productSection--arrow {
    padding-bottom: 80px;
  }
}

.productSection--arrow:before ,
.productSection--arrow:after {
  display: block;
  position: absolute;
  top: 100%;
  border-top: 70px solid #171e27;
  content: " ";
}
@media screen and (max-width:1024px) {
  .productSection--arrow:before ,
  .productSection--arrow:after {
    border-top-width: 50px;
  }
}
@media screen and (max-width:600px) {
  .productSection--arrow:before ,
  .productSection--arrow:after {
    border-top-width: 30px;
  }
}

.productSection--arrow:before {
  right: 50%;
  border-left: 50vw solid transparent;
}

.productSection--arrow:after {
  left: 50%;
  border-right: 50vw solid transparent;
}



/* =====================
  productSectionInner
===================== */
.productSectionInner {
  padding-top: 70px;
}
@media screen and (max-width:1024px) {
  .productSectionInner {
    padding-top: 50px;
  }
}
@media screen and (max-width:600px) {
  .productSectionInner {
    padding-top: 30px;
  }
}

.productSectionInner .productSection {
  padding: 0;
}

.productSectionInner .productSection + .productSection {
  margin-top: 70px;
}
@media screen and (max-width:1024px) {
  .productSectionInner .productSection + .productSection {
    margin-top: 50px;
  }
}
@media screen and (max-width:600px) {
  .productSectionInner .productSection + .productSection {
    margin-top: 30px;
  }
}



/* =====================
  productTitle
===================== */
.productTitle {
  margin-bottom: 30px;
  font-size: 46px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
@media screen and (max-width:1024px) {
  .productTitle {
    font-size: 40px;
  }
}
@media screen and (max-width:768px) {
  .productTitle {
    margin-bottom: 20px;
    font-size: 34px;
  }
}
@media screen and (max-width:600px) {
  .productTitle {
    font-size: 28px;
  }
}


/*  productTitle__main
------------------------*/
.productTitle__main {
  font-weight: 700;
  font-size: 1em;
}



/* =====================
  productMiddleTitle
===================== */
.productMiddleTitle {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 15px;
  color: #867669;
  font-size: 40px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
@media screen and (max-width:1024px) {
  .productMiddleTitle {
    margin-bottom: 50px;
    font-size: 35px;
  }
}
@media screen and (max-width:768px) {
  .productMiddleTitle {
    font-size: 30px;
  }
}
@media screen and (max-width:600px) {
  .productMiddleTitle {
    margin-bottom: 30px;
    font-size: 25px;
  }
}

.productMiddleTitle:after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 3em; /* 120px */
  height: 5px;
  margin: 0 auto;
  background-color: #707070;
  content: " ";
}

.productSection--bg .productMiddleTitle {
  color: #9e8878;
}

.productSection--bg .productMiddleTitle:after {
  background-color: #b4b4b4;
}


/*  productMiddleTitle__main
------------------------*/
.productMiddleTitle__main {
  font-weight: 700;
  font-size: 1em;
}



/* =====================
  productSubTitle
===================== */
.productSubTitle {
  margin-bottom: 30px;
  color: #9e8878;
  font-size: 28px;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:1024px) {
  .productSubTitle {
    font-size: 24px;
  }
}
@media screen and (max-width:768px) {
  .productSubTitle {
    font-size: 20px;
  }
}


/*  productSubTitle__main
------------------------*/
.productSubTitle__main {
  font-weight: 600;
  font-size: 1em;
}

.productSubTitle__main > span {
  margin-left: .208333em;
  font-size: .705882em;
}



/* =====================
  productInnerTitle
===================== */
.productInnerTitle {
  margin-bottom: 60px;
  font-size: 28px;
}
@media screen and (max-width:1024px) {
  .productInnerTitle {
    margin-bottom: 45px;
    font-size: 24px;
  }
}
@media screen and (max-width:768px) {
  .productInnerTitle {
    margin-bottom: 30px;
    font-size: 20px;
  }
}


/*  productInnerTitle__main
------------------------*/
.productInnerTitle__main {
  color: #fff;
  font-size: 1em;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}



/* =====================
  productText
===================== */
.productText {
  width: 80%;
  min-width: 240px;
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width:768px) {
  .productText {
    font-size: 14px;
  }
}



/* =====================
  productTextDeco
===================== */
/*  productTextDeco--marker
------------------------*/
.productTextDeco--marker {
  background: #ffd84c;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 65%, rgba(255,216,76,1) 65%, rgba(255,216,76,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%,rgba(255,216,76,1) 65%,rgba(255,216,76,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%,rgba(255,216,76,1) 65%,rgba(255,216,76,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd84c',GradientType=0 );
}


/*  productTextDeco--bold
------------------------*/
.productTextDeco--bold {
  font-weight: bold;
}

/*  productTextDeco--italic
------------------------*/
.productTextDeco--italic {
  font-style: italic;
}



/* =====================
  productAnnotation
===================== */
.productAnnotation {
  margin-top: 1em;
  color: #a6a6a6;
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .productAnnotation {
    font-size: 12px;
  }
}



/* =====================
  productIntroduction
===================== */
.productIntroduction {
  padding: 20px 0 50px;
}
@media screen and (max-width:768px) {
  .productIntroduction {
    padding: 10px 0 30px;
  }
}



/* =====================
  productFeatures
===================== */
.productFeatures {
  display: -webkit-flex;
  display:   -moz-flex;
  display:    -ms-flex;
  display:     -o-flex;
  display:        flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .productFeatures {
    display: block;
  }
}


/*  productFeatures__detail
------------------------*/
.productFeatures__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  /*margin-left: -8.1%;*/
}
@media screen and (max-width:999px) {
  .productFeatures__detail {
    padding-right: 20px;
  }
}
@media screen and (max-width:768px) {
  .productFeatures__detail {
    /*margin-top: -10%;*/
    margin-top: 20px;
    margin-left: 10%;
  }
}


/*  productFeatures__thumb
------------------------*/
.productFeatures__thumb {
  width: 50%;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}
@media screen and (max-width:768px) {
  .productFeatures__thumb {
    width: auto;
    margin-right: 15%;
  }
}

.productFeatures__thumb img {
  display: block;
  width: 100%;
}



/* =====================
  productFeaturesList
===================== */
.productFeaturesList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  list-style-type: none;
  font-size: 18px;
  counter-reset: point;
}
@media screen and (max-width:1000px) {
  .productFeaturesList {
    font-size: 1.8vw;
  }
}
@media screen and (max-width:768px) {
  .productFeaturesList {
    font-size: 16px;
  }
}
@media screen and (max-width:425px) {
  .productFeaturesList {
    font-size: 14px;
  }
}


/*  productFeaturesList__item
------------------------*/
.productFeaturesList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
       -o-transform: skewX(-10deg);
          transform: skewX(-10deg);
  min-height: 3em;
  padding: 1.5em;
  -webkit-box-shadow: 10px 10px 0 rgba(23,30,39,.5);
          box-shadow: 10px 10px 0 rgba(23,30,39,.5);
  background-color: #fff;
}
@media screen and (max-width:600px) {
  .productFeaturesList__item {
    padding: 1em;
  }
}

.productFeaturesList__item + .productFeaturesList__item {
  margin-top: 15px;
}

/*.productFeaturesList__item:nth-of-type(2n+1) {
  margin-right: 9.3%;
}
@media screen and (max-width:600px) {
  .productFeaturesList__item:nth-of-type(2n+1) {
    margin-right: 0;
  }
}*/

/*.productFeaturesList__item:nth-of-type(2n+0) {
  margin-left: 9.3%;
}
@media screen and (max-width:600px) {
  .productFeaturesList__item:nth-of-type(2n+0) {
    margin-left: 0;
  }
}*/

.productFeaturesList__item > div {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  -webkit-transform: skewX(10deg);
      -ms-transform: skewX(10deg);
       -o-transform: skewX(10deg);
          transform: skewX(10deg);
  padding-left: 4.5em;
}
@media screen and (max-width:600px) {
  .productFeaturesList__item > div {
    padding-left: 4em;
  }
}

.productFeaturesList__item > div:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.5em;
  margin: auto 0;
  border-radius: 50px;
  background-color: #171e27;
  color: #fff;
  font-weight: 500;
  font-style: italic;
  font-size: 2em;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  counter-increment: point;
  content: counter(point);
}



/* =====================
  productPick
===================== */
.productPick {
  max-width: 1000px;
  margin: 0 auto;
}


/*  productPick__item
------------------------*/
.productPick__item + .productPick__item {
  margin-top: 70px;
}
@media screen and (max-width:1000px) {
  .productPick__item + .productPick__item {
    margin-top: 7vw;
  }
}
@media screen and (max-width:768px) {
  .productPick__item + .productPick__item {
    margin-top: 50px;
  }
}
@media screen and (max-width:600px) {
  .productPick__item + .productPick__item {
    margin-top: 30px;
  }
}



/* =====================
  productPickContents
===================== */
.productPickContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  position: relative;
}
@media screen and (max-width:768px) {
  .productPickContents {
    display: block;
  }
}

.productPick__item:nth-child(2n+0).productPickContents {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width:1000px) {
  .productPickContents .productSubTitle {
    font-size: 2.8vw; /* 28px */
  }
}
@media screen and (max-width:768px) {
  .productPickContents .productSubTitle {
    font-size: 24px;
  }
}
@media screen and (max-width:600px) {
  .productPickContents .productSubTitle {
    font-size: 20px;
  }
}
@media screen and (max-width:425px) {
  .productPickContents .productSubTitle {
    margin-bottom: 7.058824vw; /* 30px */
  }
}

.productPickContents .productSubTitle__main {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
  font-weight: 700;
}

.productPickContents .productSubTitle__main:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
  width: 2em;
  height: 5px;
  background-color: #9e8878;
  content: " ";
}

.productPickContents .productText {
  color: #060606;
  width: auto;
  min-width: auto;
  max-width: none;
}
@media screen and (max-width:1000px) {
  .productPickContents .productText {
    font-size: 1.6vw; /* 16px */
  }
}
@media screen and (max-width:768px) {
  .productPickContents .productText {
    font-size: 14px;
  }
}


/*  productPickContents__detail
------------------------*/
.productPickContents__detail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  position: relative;
  z-index: 9;
  background-color: #fff;
  margin-top: 5%;
  padding: 30px;
  border: 5px solid #9e8878;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:1000px) {
  .productPickContents__detail {
    padding: 3vw;
  }
}
@media screen and (max-width:768px) {
  .productPickContents__detail {
    margin-top: -5%;
    padding: 30px;
  }
}
@media screen and (max-width:425px) {
  .productPickContents__detail {
    padding: 7.058824vw; /* 30px */
  }
}

.productPick__item:nth-child(2n+1) .productPickContents__detail {
  right: 20px;
  margin-left: -5%;
}
@media screen and (max-width:768px) {
  .productPick__item:nth-child(2n+1) .productPickContents__detail {
    margin-left: 10%;
  }
}

.productPick__item:nth-child(2n+0) .productPickContents__detail {
  left: 20px;
  margin-right: -5%;
}
@media screen and (max-width:768px) {
  .productPick__item:nth-child(2n+0) .productPickContents__detail {
    margin-right: 10%;
  }
}


/*  productPickContents__thumb
------------------------*/
.productPickContents__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 50%;
  margin-bottom: 5%;
}
@media screen and (max-width:768px) {
  .productPickContents__thumb {
    width: auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width:768px) {
  .productPick__item:nth-child(2n+1) .productPickContents__thumb {
    margin-right: 15%;
  }
}

@media screen and (max-width:768px) {
  .productPick__item:nth-child(2n+0) .productPickContents__thumb {
    margin-left: 15%;
  }
}

.productPickContents__thumb img {
  display: block;
  width: 100%;
}



/* =====================
  productNotice
===================== */
.productNotice {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:999px) {
  .productNotice {
    padding: 0 20px;
  }
}



/* =====================
  productNoticeList
===================== */
.productNoticeList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -4% -4%; /* 40/10 */
}
@media screen and (max-width:768px) {
  .productNoticeList {
    margin: 0 0 -30px -20px;
  }
}
@media screen and (max-width:425px) {
  .productNoticeList {
    display: block;
    margin: 0;
  }
}


/*  productNoticeList__item
------------------------*/
.productNoticeList__item {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  margin: 0 0 3.846154% 3.846154%; /* 40/10.4 */
}
@media screen and (max-width:768px) {
  .productNoticeList__item {
    -webkit-flex: 0 1 auto;
       -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
         -o-flex: 0 1 auto;
            flex: 0 1 auto;
    width: -webkit-calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    margin: 0 0 30px 20px;
  }
}
@media screen and (max-width:425px) {
  .productNoticeList__item {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width:425px) {
  .productNoticeList__item {
    margin-top: 30px;
  }
}



/* =====================
  productNoticeContents
===================== */
.productNoticeContents {
  padding-top: 1.25em; /* 20/16 */
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width:1000px) {
  .productNoticeContents {
    font-size: 1.6vw; /* 16/10 */
  }
}
@media screen and (max-width:768px) {
  .productNoticeContents {
    font-size: 14px;
  }
}


/*  productNoticeContents__title
------------------------*/
.productNoticeContents__title {
  position: relative;
  z-index: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6.25em; /* 100/16 */
  margin: 0 auto;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #9e8878;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  text-transform: capitalize;
}

.productNoticeContents__title:before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.productNoticeContents__title span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  margin: 0 auto;
}


/*  productNoticeContents__body
------------------------*/
.productNoticeContents__body {
  margin-top: 2.5em; /* 40/16 */
}



/* =====================
  productNoticeDetail
===================== */
/*  productNoticeDetail__thumb
------------------------*/
.productNoticeDetail__thumb img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


/*  productNoticeDetail__text
------------------------*/
.productNoticeDetail__text {
  margin-top: 1.25em; /* 20/16 */
}
@media screen and (max-width:768px) {
  .productNoticeDetail__text {
    margin-top: 20px;
  }
}



/* =====================
  productNoticeTitle
===================== */
.productNoticeTitle {
  font-weight: 500;
  font-size: 1.125em; /* 18/16 */
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}



/* =====================
  productNoticeText
===================== */
.productNoticeText {
  margin-top: 1.428571em; /* 20/14 */
  font-size: .875em; /* 14/16 */
  line-height: 1.75;
}
@media screen and (max-width:768px) {
  .productNoticeText {
    margin-top: 20px;
  }
}



/* =====================
  productNoticeAnnotation
===================== */
.productNoticeAnnotation {
  margin-top: 1em;
  color: #c0c0c0;
  font-size: .75em; /* 12/16 */
}



/* =====================
  productMethod
===================== */
.productMethod {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: stretch;
      align-items: stretch;
  list-style-type: none;
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  counter-reset: step;
}
@media screen and (max-width:799px) {
  .productMethod {
    padding: 0 20px;
    font-size: 14px;
  }
}
@media screen and (max-width:768px) {
  .productMethod {
    font-size: 1.822917vw;
  }
}
@media screen and (max-width:600px) {
  .productMethod {
    display: block;
    font-size: 14px;
  }
}



/*  productMethod__item
------------------------*/
.productMethod__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  position: relative;
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 25%;
  max-width: 100%;
  overflow: hidden;
}
@media screen and (max-width:600px) {
  .productMethod__item {
    min-width: auto;
    max-width: none;
  }
}
.productMethod__item:before ,
.productMethod__item:after {
  opacity: .05;
  position: absolute;
  right: -.3em;
  bottom: -.4em;
  z-index: 9;
  font-size: 5em;
  content: " ";
}

.productMethod__item:before {
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  line-height: 1.5em;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  counter-increment: step;
  content: counter(step);
}

.productMethod__item:after {
  width: 1.5em;
  height: 1.5em;
  border: 8px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* =====================
  productMethodContents
===================== */
.productMethodContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: 100%;
}
@media screen and (max-width:600px) {
  .productMethodContents {
    -webkit-flex-direction: row;
       -moz-flex-direction: row;
        -ms-flex-direction: row;
         -o-flex-direction: row;
            flex-direction: row;
  }
}


/*  productMethodContents__title
------------------------*/
.productMethodContents__title {
  color: #5b6373;
  font-weight: bold;
  font-size: 1.25em; /* 20px */
  text-align: center;
}
@media screen and (max-width:600px) {
  .productMethodContents__title {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    width: 1.5em;
    padding: 1em 0;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
       -moz-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
  }
}


/*  productMethodContents__body
------------------------*/
.productMethodContents__body {
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  z-index: 0;
  margin-top: 1em;
  padding: 1.5em;
  background-color: #5b6373;
  color: #fff;
}
@media screen and (max-width:600px) {
  .productMethodContents__body {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    margin-top: 0;
    margin-left: 1em;
  }
}

.productMethod__item + .productMethod__item .productMethodContents__body {
  padding-left: 2.5em;
  border-left: 1px solid #e5e5e5;
}
@media screen and (max-width:600px) {
  .productMethod__item + .productMethod__item .productMethodContents__body {
    padding-left: 1.5em;
    padding-top: 2.5em;
    border: none;
    border-top: 1px solid #e5e5e5;
  }
}

.productMethod__item:first-child .productMethodContents__body {
  border-radius: 10px 0 0 10px;
}
@media screen and (max-width:600px) {
  .productMethod__item:first-child .productMethodContents__body {
    border-radius: 10px 10px 0 0;
  }
}

.productMethod__item:last-child .productMethodContents__body {
  border-radius: 0 10px 10px 0;
}
@media screen and (max-width:600px) {
  .productMethod__item:last-child .productMethodContents__body {
    border-radius: 0 0 10px 10px;
  }
}

.productMethodContents__body:before ,
.productMethodContents__body:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto 0;
  border-width: 1em 0 1em .75em;
  border-style: solid;
}
@media screen and (max-width:600px) {
  .productMethodContents__body:before ,
  .productMethodContents__body:after {
    right: 0;
    bottom: auto;
    margin: 0 auto;
    border-width: .75em 1em 0 1em;
  }
}

.productMethodContents__body:before {
  left: 0;
  border-color: transparent transparent transparent #e5e5e5;
}
@media screen and (max-width:600px) {
  .productMethodContents__body:before {
    border-color: #e5e5e5 transparent transparent transparent;
  }
}

.productMethodContents__body:after {
  left: -2px;
  border-color: transparent transparent transparent #5b6373;
}
@media screen and (max-width:600px) {
  .productMethodContents__body:after {
    top: -1px;
    left: 0;
    border-color: #5b6373 transparent transparent transparent;
  }
}

.productMethod__item + .productMethod__item .productMethodContents__body:before ,
.productMethod__item + .productMethod__item .productMethodContents__body:after {
  content: " ";
}



/* =====================
  productTabs
===================== */
.productTabs {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-bottom: -1px;
  color: #171e27;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width:1000px) {
  .productTabs {
    padding: 0 20px;
  }
}
@media screen and (max-width:1024px) {
  .productTabs {
    font-size: 16px;
  }
}
@media screen and (max-width:768px) {
  .productTabs {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .productTabs {
    font-size: 12px;
    padding: 0 10px;
  }
}
@media screen and (max-width:425px) {
  .productTabs {
    font-size: 10px;
    padding: 0;
  }
}


/*  productTabs__item
------------------------*/
.productTabs__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  /*width: 100%;
  min-width: -webkit-calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 4 );
  min-width:         calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 4 );
  max-width: -webkit-calc( ( ( 100% - .1px ) - ( 30px * 2 ) ) / 3 );
  max-width:         calc( ( ( 100% - .1px ) - ( 30px * 2 ) ) / 3 );*/
  padding: 2px;
  padding-bottom: 0;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
/*@media screen and (max-width:1023px) {
  .productTabs__item {
    min-width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 4 );
    min-width:         calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 4 );
    max-width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 3 );
    max-width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 3 );
  }
}
@media screen and (max-width:768px) {
  .productTabs__item {
    min-width: -webkit-calc( ( ( 100% - .1px ) - ( 10px * 3 ) ) / 4 );
    min-width:         calc( ( ( 100% - .1px ) - ( 10px * 3 ) ) / 4 );
    max-width: -webkit-calc( ( ( 100% - .1px ) - ( 10px * 2 ) ) / 3 );
    max-width:         calc( ( ( 100% - .1px ) - ( 10px * 2 ) ) / 3 );
  }
}
@media screen and (max-width:600px) {
  .productTabs__item {
    min-width: -webkit-calc( ( ( 100% - .1px ) - ( 5px * 3 ) ) / 4 );
    min-width:         calc( ( ( 100% - .1px ) - ( 5px * 3 ) ) / 4 );
    max-width: -webkit-calc( ( ( 100% - .1px ) - ( 5px * 2 ) ) / 3 );
    max-width:         calc( ( ( 100% - .1px ) - ( 5px * 2 ) ) / 3 );
  }
}*/
@media screen and (max-width:425px) {
  .productTabs__item {
    /*min-width: -webkit-calc( ( ( 100% - .1px ) - ( 3px * 3 ) ) / 4 );
    min-width:         calc( ( ( 100% - .1px ) - ( 3px * 3 ) ) / 4 );
    max-width: -webkit-calc( ( ( 100% - .1px ) - ( 3px * 2 ) ) / 3 );
    max-width:         calc( ( ( 100% - .1px ) - ( 3px * 2 ) ) / 3 );*/
    padding: 0;
  }
}

.productTabs__item:hover {
  cursor: pointer;
}

.productTabs__item + .productTabs__item {
  margin-left: 30px;
}
@media screen and (max-width:1023px) {
  .productTabs__item + .productTabs__item {
    margin-left: 20px;
  }
}
@media screen and (max-width:768px) {
  .productTabs__item + .productTabs__item {
    margin-left: 10px;
  }
}
@media screen and (max-width:600px) {
  .productTabs__item + .productTabs__item {
    margin-left: 5px;
  }
}
@media screen and (max-width:425px) {
  .productTabs__item + .productTabs__item {
    margin-left: 2px;
  }
}

.productTabs__item > a ,
.productTabs__item > span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  padding: .75em .25em;
  border-radius: 6px 6px 0 0;
  line-height: 1.3;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:425px) {
  .productTabs__item > a ,
  .productTabs__item > span {
    padding: .75em .1em;
  }
}

.productTabs__item > a:hover ,
.productTabs__item > span:hover {
  background-color: #171e27;
  color: #fff;
  cursor: pointer;
}

.productTabs__item > a br ,
.productTabs__item > span br {
  display: none;
}
@media screen and (max-width:600px) {
  .productTabs__item > a br ,
  .productTabs__item > span br {
    display: inline;
  }
}

.productTabs__item--select > a ,
.productTabs__item--select > span {
  background-color: #171e27;
  color: #fff;
}



/* =====================
  productTabsContainer
===================== */
.productTabsContainer {
  position: relative;
  z-index: 0;
}


/*  productTabsContainer__item
------------------------*/
.productTabsContainer__item {
  display: none;
}


/* productTabsContainer__item--select */
.productTabsContainer__item--select {
  display: block;
}



/* =====================
  productCoverage
===================== */
.productCoverage {
  /*max-width: 800px;*/
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width:799px) {
  .productCoverage {
    padding: 0 20px;
  }
}
@media screen and (max-width:768px) {
  .productCoverage {
    /*display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    -webkit-flex-direction: column-reverse;
       -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
         -o-flex-direction: column-reverse;
            flex-direction: column-reverse;
    justify-content: flex-start;
    -ms-align-items: stretch;
        align-items: stretch;*/
    width: 80%;
    /*min-width: 240px;
    max-width: 800px;*/
  }
}


/*  productCoverage__item
------------------------
@media screen and (max-width:768px) {
  .productCoverage__item {
    min-height: 0%;
  }
}*/


/*  productCoverage__text
------------------------*/
@media screen and (max-width:768px) {
  .productCoverage__text {
    margin-top: 30px;
  }
}

.productCoverage__text .productText {
  width: auto;
  min-width: auto;
  max-width: none;
}
@media screen and (max-width:800px) {
  .productCoverage__text .productText {
    font-size: 2vw; /* 16px */
  }
}
@media screen and (max-width:768px) {
  .productCoverage__text .productText {
    font-size: 14px;
  }
}


/*  productCoverage__thumb
------------------------*/
.productCoverage__thumb {
  float: right;
  width: -webkit-calc( ( ( 100% - .1px ) - 30px ) / 2 );
  width:         calc( ( ( 100% - .1px ) - 30px ) / 2 );
  margin: 0 0 30px 30px;
}
@media screen and (max-width:768px) {
  .productCoverage__thumb {
    float: none;
    width: auto;
    margin: 0;
  }
}

.productCoverage__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}



/* =====================
  productVisual
===================== */
@media screen and (max-width:999px) {
  .productVisual {
    padding: 0 20px;
  }
}

.productVisual__img {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .productVisual__img {
    max-width: 681.5px;
  }
}
@media screen and (max-width:600px) {
  .productVisual__img {
    max-width: 327px;
  }
}

.productVisual__img:before {
  display: block;
  padding-top: 68.4%;
  background-image: url("/assets/corporate/images/main/service/ijamp/visual/pc.jpg");
  background-position: 50% 0;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:768px) {
  .productVisual__img:before {
    padding-top: 107.190022%;
    background-image: url("/assets/corporate/images/main/service/ijamp/visual/pad.jpg");
  }
}
@media screen and (max-width:600px) {
  .productVisual__img:before {
    padding-top: 176.1467%;
    background-image: url("/assets/corporate/images/main/service/ijamp/visual/phone.jpg");
  }
}


/* productVisual__img--sportsAchievement001 */
.productVisual__img--sportsAchievement001:before {
  padding-top: 66.7%;
  background-image: url("/assets/corporate/images/main/service/sports/achievement/003.jpg");
}


/* productVisual__img--sportsAchievement002 */
.productVisual__img--sportsAchievement002:before {
  padding-top: 57.4%;
  background-image: url("/assets/corporate/images/main/service/sports/achievement/004.jpg");
}



/* =====================
  productDistribute
===================== */
.productDistribute {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:999px) {
  .productDistribute {
    padding: 0 20px;
  }
}



/* =====================
  productDistributeList
===================== */
.productDistributeList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
           flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -30px -30px;
}
@media screen and (max-width:999px) {
  .productDistributeList {
    margin: 0 0 -20px -20px;
  }
}
@media screen and (max-width:600px) {
  .productDistributeList {
    display: block;
  }
}


/*  productDistributeList__item
------------------------*/
.productDistributeList__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 3 );
  margin: 0 0 30px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width:999px) {
  .productDistributeList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    margin: 0 0 20px 20px;
  }
}
@media screen and (max-width:600px) {
  .productDistributeList__item {
    width: auto;
  }
}

.productDistributeList__item .productSubTitle {
  margin-bottom: 0;
  padding: .7em;
  background-color: #9e8878;
  color: #fff;
  font-size: 18px;
}

.productDistributeList__item .productSubTitle__main {
  padding-left: .7em;
  border-left: 5px solid #fff;
}

.productDistributeList__item .productText {
  width: auto;
  min-width: auto;
  max-width: none;
  padding: 1em;
}



/* =====================
  productFunction
===================== */
.productFunction {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:999px) {
  .productFunction {
    padding: 0 20px;
  }
}



/* =====================
  productFunctionList
===================== */
.productFunctionList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -7% -3%; /* 70/10 30/10 */
}
@media screen and (max-width:768px) {
  .productFunctionList {
    margin: 0 0 -50px -20px;
  }
}
@media screen and (max-width:425px) {
  .productFunctionList {
    display: block;
    margin: 0;
  }
}


/*  productFunctionList__item
------------------------*/
.productFunctionList__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 2.912622% * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 2.912622% * 3 ) ) / 3 );
  margin: 0 0 6.796117% 2.912622%; /* 70/10.3 30/10.3 */
}
@media screen and (max-width:768px) {
  .productFunctionList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    margin: 0 0 50px 20px;
  }
}
@media screen and (max-width:425px) {
  .productFunctionList__item {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width:425px) {
  .productFunctionList__item + .productFunctionList__item {
    margin-top: 30px;
  }
}



/* =====================
  productFunctionContents
===================== */
.productFunctionContents {
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width:1000px) {
  .productFunctionContents {
    font-size: 1.4vw; /* 14/10 */
  }
}
@media screen and (max-width:768px) {
  .productFunctionContents {
    font-size: 14px;
  }
}
@media screen and (max-width:425px) {
  .productFunctionContents {
    font-size: 12px;
  }
}


/*  productFunctionContents__thumb
------------------------*/
.productFunctionContents__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}


/*  productFunctionContents__detail
------------------------*/
.productFunctionContents__detail {
  margin-top: 15px;
}



/* =====================
  productFunctionTag
===================== */
.productFunctionTag {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: -5px 0 0 -5px;
  font-size: .857143em; /* 12/14 */
  text-align: center;
}
@media screen and (max-width:425px) {
  .productFunctionTag {
    font-size: 12px;
  }
}


/*  productFunctionTag__item
------------------------*/
.productFunctionTag__item {
  margin: 5px 0 0 5px;
  padding: 3px 1em;
  border-radius: 50px;
  background-color: #86b9b2;
}



/* =====================
  productFunctionTitle
===================== */
.productFunctionTitle {
  margin-top: 10px;
  font-weight: normal;
  font-size: 1.285714em; /* 18/14 */
  line-height: 1.3;
  font-family: 'Noto Serif JP', serif;
}



/* =====================
  productFunctionDescription
===================== */
.productFunctionDescription {
  margin-top: 15px;
  line-height: 1.75;
}



/* =====================
  productFunctionAnnotation
===================== */
.productFunctionAnnotation {
  margin-top: 7%; /* 70/10 */
  color: #c0c0c0;
  font-size: 14px;
}
@media screen and (max-width:1000px) {
  .productFunctionAnnotation {
    font-size: 1.4vw;
  }
}
@media screen and (max-width:768px) {
  .productFunctionAnnotation {
    margin-top: 50px;
    font-size: 12px;
  }
}


/*  productFunctionAnnotation__item
------------------------*/
.productFunctionAnnotation__item + .productFunctionAnnotation__item {
  margin-top: .25em;
}



/* =====================
  productProvide
===================== */
.productAchievementSection.JS-productAchievementBody {
  display: none;
}



/* =====================
  productProvide
===================== */
.productProvide {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:999px) {
  .productProvide {
    padding: 0 20px;
  }
}



/* =====================
  productProvideList
===================== */
.productProvideList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -4% -8%; /* 40/10 80/10 */
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
@media screen and (max-width:1000px) {
  .productProvideList {
    font-size: 1.6vw;
  }
}
@media screen and (max-width:768px) {
  .productProvideList {
    margin: 0 0 -30px -30px;
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .productProvideList {
    margin: 0 0 -20px -20px;
  }
}


/*  productProvideList__item
------------------------*/
.productProvideList__item {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  width: -webkit-calc( ( ( 100% - .01px ) - ( 7.407408% * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 7.407408% * 3 ) ) / 3 );
  margin: 0 0 3.703704% 7.407408%; /* 40/10.8 80/10.8 */
  padding: 1.25em .625em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #9e8878;
}
@media screen and (max-width:768px) {
  .productProvideList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 30px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .01px ) - ( 30px * 3 ) ) / 3 );
    margin: 0 0 30px 30px;
  }
}
@media screen and (max-width:600px) {
  .productProvideList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .01px ) - ( 20px * 2 ) ) / 2 );
    margin: 0 0 20px 20px;
  }
}



/* =====================
  productProvideNew
===================== */
.productProvideNew {
  position: absolute;
  top: -.833333em; /* 10/12 */
  right: -.833333em;
  padding: .5em 1.75em;
  background-color: #f00;
  font-size: .75em; /* 12/16 */
  text-transform: uppercase;
}



/* =====================
  productCorporate
===================== */
.productCorporate {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:999px) {
  .productCorporate {
    padding: 0 20px;
  }
}



/* =====================
  productCorporateFrame
===================== */
.productCorporateFrame {
  padding: 5%; /* 50/10 */
  background-color: #fff;
}
@media screen and (max-width:600px) {
  .productCorporateFrame {
    padding: 28px;
  }
}



/* =====================
  productCorporateList
===================== */
.productCorporateList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  margin: 0 0 -30px -30px;
}
@media screen and (max-width:1000px) {
  .productCorporateList {
    margin: 0 0 -3vw -3vw; /* 30/10 */
  }
}
@media screen and (max-width:768px) {
  .productCorporateList {
    margin: 0 0 -20px -20px;
  }
}


/*  productCorporate__item
------------------------*/
.productCorporate__item {
  margin: 0 0 30px 30px;
}
@media screen and (max-width:1000px) {
  .productCorporate__item {
    margin: 0 0 3vw 3vw; /* 30/10 */
  }
}
@media screen and (max-width:768px) {
  .productCorporate__item {
    margin: 0 0 20px 20px;
  }
}

.productCorporate__item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}



/* =====================
  productVoice
===================== */
.productVoice {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 18px;
}
@media screen and (max-width:1000px) {
  .productVoice {
    padding: 0 20px;
    font-size: 1.8vw; /* 18/10 */
  }
}
@media screen and (max-width:768px) {
  .productVoice {
    font-size: 16px;
  }
}


/*  productVoice__item
------------------------*/
.productVoice__item + .productVoice__item {
  margin-top: 2.222222em; /* 40/18 */
}
@media screen and (max-width:768px) {
  .productVoice__item + .productVoice__item {
    margin-top: 30px;
  }
}



/* =====================
  productVoiceContents
===================== */
.productVoiceContents {
  position: relative;
  z-index: 0;
  padding: 2.777778em 6.666667em; /* 50/18 120/18 */
  background-color: #e5e5e5;
  color: #535050;
}
@media screen and (max-width:600px) {
  .productVoiceContents {
    padding: 71px 30px;
  }
}

.productVoiceContents:before ,
.productVoiceContents:after {
  display: block;
  position: absolute;
  color: #c8c8c8;
  font-size: 1.666667em; /* 30/18 */
  line-height: 1;
  font-family: 'service';
}
@media screen and (max-width:600px) {
  .productVoiceContents:before ,
  .productVoiceContents:after {
    font-size: 1.625em; /* 26/16 */
  }
}

.productVoiceContents:before {
  top: 1em;
  left: 1em;
  content: "\e901";
}
@media screen and (max-width:600px) {
  .productVoiceContents:before {
    top: 20px;
    left: 30px;
  }
}

.productVoiceContents:after {
  right: 1em;
  bottom: 1em;
  content: "\e900";
}
@media screen and (max-width:600px) {
  .productVoiceContents:after {
    right: 30px;
    bottom: 20px;
  }
}


/*  productVoiceContents__title
------------------------*/
.productVoiceContents__title {
  margin-bottom: .833333em; /* 15/18 */
  font-weight: bold;
  font-size: 1em;
}
@media screen and (max-width:768px) {
  .productVoiceContents__title {
    margin-bottom: 15px;
  }
}


/*  productVoiceContents__text
------------------------*/
.productVoiceContents__text {
  font-size: .888889em; /* 16/18 */
  line-height: 2;
}


/*  productVoiceContents__name
------------------------*/
.productVoiceContents__name {
  margin-top: 1.875em; /* 30/16 */
  font-size: .888889em; /* 16/18 */
  text-align: right;
}
@media screen and (max-width:768px) {
  .productVoiceContents__name {
    margin-top: 30px;
  }
}



/* =====================
  productButton
===================== */
.productButton {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width:600px) {
  .productButton {
    display: block;
    font-size: 14px;
  }
}


/*  productButton__item
------------------------*/
.productButton__item {
  width: 25%;
  min-width: 260px;
  max-width: 280px;
}
@media screen and (max-width:600px) {
  .productButton__item {
    margin: 0 auto;
  }
}

.productButton__item + .productButton__item {
  margin-left: 30px;
}
@media screen and (max-width:600px) {
  .productButton__item + .productButton__item {
    margin-left: auto;
    margin-top: 15px;
  }
}

.productButton__item a {
  display: block;
  padding: 1em 1.5em;
  border: 1px solid #9e8878;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  background-color: #9e8878;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.productButton__item a:hover {
  background-color: #fff;
  color: #9e8878;
}



/* =====================
  productCase
===================== */
.productCase {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width:799px) {
  .productCase {
    padding: 0 20px;
  }
}


/*  productCase__item
------------------------*/
.productCase__item + .productCase__item {
  margin-top: 50px;
}
@media screen and (max-width:600px) {
  .productCase__item + .productCase__item {
    margin-top: 30px;
  }
}



/* =====================
  productCaseContents
===================== */
.productCaseContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:600px) {
  .productCaseContents {
    display: block;
  }
}

.productCaseContents .viewMore {
  margin-top: auto;
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .productCaseContents .viewMore {
    font-size: 12px;
  }
}


/*  productCaseContents__thumb
------------------------*/
.productCaseContents__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 35%;
}
@media screen and (max-width:600px) {
  .productCaseContents__thumb {
    width: auto;
  }
}

.productCaseContents__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}


/*  productCaseContents__detail
------------------------*/
.productCaseContents__detail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-left: 30px;
  color: #fff;
}
@media screen and (max-width:600px) {
  .productCaseContents__detail {
    margin: 0;
    margin-top: 30px;
  }
}



/* =====================
  productCaseTitle
===================== */
.productCaseTitle {
  font-size: 22px;
}
@media screen and (max-width:768px) {
  .productCaseTitle {
    font-size: 20px;
  }
}


/*  productCaseTitle__main
------------------------*/
.productCaseTitle__main {
  position: relative;
  z-index: 0;
  padding-left: 1.5em;
  border-left: 3px solid #fff;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.3;
  font-family: 'Noto Serif JP', serif;
}



/* =====================
  productCaseText
===================== */
.productCaseText {
  margin: 30px 0;
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .productCaseText {
    font-size: 14px;
  }
}




/* =====================
  productFaq
===================== */
.productFaq {
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
}
@media screen and (max-width:999px) {
  .productFaq {
    padding: 0 20px;
  }
}


/*  productFaq__item
------------------------*/
.productFaq__item {
  padding: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width:425px) {
  .productFaq__item {
    padding: 30px 0;
  }
}

.productFaq__item + .productFaq__item {
  border-top: none;
}



/* =====================
  productFaqContents
===================== */
.productFaqContents {
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .productFaqContents {
    font-size: 14px;
  }
}


/*  productFaqContents__item
------------------------*/
.productFaqContents__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}

.productFaqContents__item:before {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 2em;
  height: 2em;
  margin-right: .75em;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  text-transform: uppercase;
}

.productFaqContents__item + .productFaqContents__item {
  margin-top: 1.25em;
}


/*  productFaqContents__question
------------------------*/
.productFaqContents__question {
  font-weight: bold;
  font-size: 1.25em;
}

.productFaqContents__question:before {
  background-color: #9e3d3d;
  font-size: 1em;
  line-height: 1.8;
  content: "q";
}


/*  productFaqContents__answer
------------------------*/
.productFaqContents__answer {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}

.productFaqContents__answer:before {
  background-color: #3d949e;
  font-size: 1.25em;
  line-height: 1.9;
  content: "a";
}



/* =====================
  productBack
===================== */
.productBack {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 16px;
  text-align: center;
}

.productButton + .productBack {
  margin-top: 50px;
}
@media screen and (max-width:600px) {
  .productButton + .productBack {
    margin-top: 30px;
  }
}

.productBack a {
  display: block;
  width: 25%;
  min-width: 260px;
  max-width: 280px;
  position: relative;
  z-index: 0;
  padding: 1em 1.5em;
  padding-left: 3em;
  border: 1px solid #9e8878;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  background-color: #fff;
  color: #9e8878;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:600px) {
  .productBack a {
    font-size: 14px;
  }
}

.productBack a:hover {
  background-color: #9e8878;
  color: #fff;
}

.productBack a:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.75em;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: .75em;
  height: .75em;
  margin: auto 0;
  border-top: 1px solid #9e8878;
  border-left: 1px solid #9e8878;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.productBack a:hover:before {
  border-color: #fff;
}



/* =====================
  serviceFooter
===================== */
#footer.serviceFooter {
  background-image: url("/assets/corporate/images/main/service/footer/bg.jpg");
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
}



/* =====================
  serviceFooterContainer
===================== */
.serviceFooterContainer {
  position: relative;
  z-index: 0;
  padding: 90px 45px;
}
@media screen and (max-width:1366px) {
  .serviceFooterContainer {
    padding: 6.58858vw 3.29429vw;
  }
}
@media screen and (max-width:768px) {
  .serviceFooterContainer {
    padding: 0;
  }
}

.serviceFooterContainer:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0,0,0,.56);
  content: " ";
}

.serviceFooterContainer + .serviceFooterContainer {
  padding: 15px 45px;
  background-color: #000;
  text-align: center;
}
@media screen and (max-width:768px) {
  .serviceFooterContainer + .serviceFooterContainer {
    padding: 15px 20px;
    border-top: 1px solid #fff;
    background-color: transparent;
  }
}

.serviceFooterContainer + .serviceFooterContainer:after {
  display: none;
}


/*  serviceFooterContainer__inner
------------------------*/
.serviceFooterContainer__inner {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 1609px;
  margin: 0 auto;
}



/* =====================
  serviceFooterContents
===================== */
.serviceFooterContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:1366px) {
  .serviceFooterContents {
    display: block;
  }
}
@media screen and (max-width:768px) {
  .serviceFooterContents {
    padding: 20px;
  }
}

.serviceFooterContents + .serviceFooterContents {
  margin-top: 80px;
}
@media screen and (max-width:768px) {
  .serviceFooterContents + .serviceFooterContents {
    margin-top: -20px;
  }
}


/*  serviceFooterContents__item
------------------------ */
.serviceFooterContents__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:1366px) {
  .serviceFooterContents__item {
    display: block;
  }
}

.serviceFooterContents__item + .serviceFooterContents__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  margin-left: 40px;
  padding-left: 40px;
  border-left: 2px solid #fff;
}
@media screen and (max-width:1366px) {
  .serviceFooterContents__item + .serviceFooterContents__item {
    margin: 0;
    margin-top: 40px;
    padding: 0;
    border: none;
  }
}



/* =====================
  serviceFooterPick
===================== */
.serviceFooterPick {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}


/*  serviceFooterPick__title
------------------------*/
.serviceFooterPick__title {
  display: table;
  margin: 0 auto;
  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:768px) {
  .serviceFooterPick__title {
    display: block;
    padding: 15px 20px;
    border: none;
    background-color: #c9c9c9;
    color: #060606;
    font-size: 16px;
  }
}

.serviceFooterPick__title.JS-toggleMenu {
  position: relative;
}
@media screen and (max-width:768px) {
  .serviceFooterPick__title.JS-toggleMenu {
    padding-right: 42px;
  }
}

.serviceFooterPick__title.JS-toggleMenu:after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: .5em;
  height: .5em;
  margin: auto 0;
  border-top: 1px solid #060606;
  border-right: 1px solid #060606;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:768px) {
  .serviceFooterPick__title.JS-toggleMenu:after {
    content: " ";
  }
}

.serviceFooterPick__title.JS-toggleMenu.JS-toggleMenu__active:after {
  top: -.25em;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}


/*  serviceFooterPick__body
------------------------*/
.serviceFooterPick__body {
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  .serviceFooterPick__body {
    margin-top: 0;
    padding: 0 20px;
    padding-top: 10px;
  }
}

@media screen and (max-width:768px) {
  .serviceFooterPick__body.JS-toggleMenuBody {
    display: none;
  }
}



/* =====================
  serviceFooterPickList
===================== */
.serviceFooterPickList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 16px;
}
@media screen and (max-width:880px) {
  .serviceFooterPickList {
    font-size: 14px;
  }
}
@media screen and (max-width:768px) {
  .serviceFooterPickList {
    display: block;
    font-size: 12px;
  }
}


/*  serviceFooterPickList__item
------------------------*/
.serviceFooterPickList__item + .serviceFooterPickList__item {
  margin-left: 30px;
}
@media screen and (max-width:880px) {
  .serviceFooterPickList__item + .serviceFooterPickList__item {
    margin-left: 20px;
  }
}
@media screen and (max-width:768px) {
  .serviceFooterPickList__item + .serviceFooterPickList__item {
    margin: 0;
  }
}

.serviceFooterPickList__item a {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width:768px) {
  .serviceFooterPickList__item a {
    display: block;
    padding: 10px 10px 8px;
    border-bottom: 1px solid #fff;
  }
}

.serviceFooterPickList__item a:hover {
  text-decoration: underline;
}
@media screen and (max-width:768px) {
  .serviceFooterPickList__item a:hover {
    text-decoration: none;
  }
}



/* =====================
  serviceFooterFlex
===================== */
.serviceFooterFlex {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: -40px 0 0 -40px;
}
@media screen and (max-width:768px) {
  .serviceFooterFlex {
    display: block;
    margin: 0;
  }
}


/*  serviceFooterFlex__item
------------------------*/
.serviceFooterFlex__item {
  margin: 40px 0 0 40px;
}

.serviceFooterFlex__item:nth-of-type(1) {
  width: -webkit-calc( 28% - 40px );
  width:         calc( 28% - 40px );
}

.serviceFooterFlex__item:nth-of-type(2) {
  width: -webkit-calc( 17.6% - 40px );
  width:         calc( 17.6% - 40px );
}

.serviceFooterFlex__item:nth-of-type(3) {
  width: -webkit-calc( 14.4% - 40px );
  width:         calc( 14.4% - 40px );
}

.serviceFooterFlex__item:nth-of-type(4) {
  width: -webkit-calc( 11.4% - 40px );
  width:         calc( 11.4% - 40px );
}

.serviceFooterFlex__item:nth-of-type(5) {
  width: -webkit-calc( 28.6% - 40px );
  width:         calc( 28.6% - 40px );
}
@media screen and (max-width:1400px) {
  .serviceFooterFlex__item:nth-of-type(1) {
    width: -webkit-calc( 36% - 40px );
    width:         calc( 36% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(2) {
    width: -webkit-calc( 24% - 40px );
    width:         calc( 24% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(3) {
    width: -webkit-calc( 21% - 40px );
    width:         calc( 21% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(4) {
    width: -webkit-calc( 19% - 40px );
    width:         calc( 19% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(5) {
    width: -webkit-calc( 36% - 40px );
    width:         calc( 36% - 40px );
  }
}
@media screen and (max-width:1366px) {
  .serviceFooterFlex__item:nth-of-type(1) {
    width: -webkit-calc( 28% - 40px );
    width:         calc( 28% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(2) {
    width: -webkit-calc( 17.6% - 40px );
    width:         calc( 17.6% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(3) {
    width: -webkit-calc( 14.4% - 40px );
    width:         calc( 14.4% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(4) {
    width: -webkit-calc( 11.4% - 40px );
    width:         calc( 11.4% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(5) {
    width: -webkit-calc( 28.6% - 40px );
    width:         calc( 28.6% - 40px );
  }
}
@media screen and (max-width:1200px) {
  .serviceFooterFlex__item:nth-of-type(1) {
    width: -webkit-calc( 37% - 40px );
    width:         calc( 37% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(2) {
    width: -webkit-calc( 24% - 40px );
    width:         calc( 24% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(3) {
    width: -webkit-calc( 20% - 40px );
    width:         calc( 20% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(4) {
    width: -webkit-calc( 18% - 40px );
    width:         calc( 18% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(5) {
    width: -webkit-calc( 37% - 40px );
    width:         calc( 37% - 40px );
  }
}
@media screen and (max-width:900px) {
  .serviceFooterFlex__item:nth-of-type(1) {
    width: -webkit-calc( 50% - 40px );
    width:         calc( 50% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(2) {
    width: -webkit-calc( 27% - 40px );
    width:         calc( 27% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(3) {
    width: -webkit-calc( 23% - 40px );
    width:         calc( 23% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(4) {
    width: -webkit-calc( 50% - 40px );
    width:         calc( 50% - 40px );
  }

  .serviceFooterFlex__item:nth-of-type(5) {
    width: -webkit-calc( 50% - 40px );
    width:         calc( 50% - 40px );
  }
}
@media screen and (max-width:768px) {
  .serviceFooterFlex__item {
    width: auto !important;
    margin: 0;
  }
}

@media screen and (max-width:768px) {
  .serviceFooterFlex__item + .serviceFooterFlex__item {
    margin-top: 20px;
  }
}



/* =====================
  serviceFooterMenu
===================== */
.serviceFooterMenu {
  font-size: 18px;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu {
    font-size: 16px;
  }
}

.serviceFooterMenu + .serviceFooterMenu {
  margin-top: 40px;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu + .serviceFooterMenu {
    margin-top: 0;
  }
}


/*  serviceFooterMenu__title
------------------------*/
.serviceFooterMenu__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: 400;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__title {
    padding: 15px 20px;
    border-bottom: none;
    background-color: #c9c9c9;
    color: #060606;
  }
}

.serviceFooterMenu__title.JS-toggleMenu {
  position: relative;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__title.JS-toggleMenu {
    padding-right: 42px;
  }
}

.serviceFooterMenu__title.JS-toggleMenu:after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: .5em;
  height: .5em;
  margin: auto 0;
  border-top: 1px solid #060606;
  border-right: 1px solid #060606;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__title.JS-toggleMenu:after {
    content: " ";
  }
}

.serviceFooterMenu__title.JS-toggleMenu.JS-toggleMenu__active:after {
  top: -.25em;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}

/*.serviceFooterMenu__title a {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__title a {
    display: block;
    padding: 10px 20px;
  }
}

.serviceFooterMenu__title a:hover {
  text-decoration: underline;
}*/


/*  serviceFooterMenu__body
------------------------*/
.serviceFooterMenu__body {
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__body {
    margin-top: 0;
    padding: 0 20px;
    padding-top: 10px;
  }
}

@media screen and (max-width:768px) {
  .serviceFooterMenu__body.JS-toggleMenuBody {
    display: none;
  }
}

/* serviceFooterMenu__body--flex */
.serviceFooterMenu__body--flex {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__body--flex {
    display: block;
  }
}

.serviceFooterMenu__body--flex .serviceFooterMenuList + .serviceFooterMenuList {
  margin-left: 15px;
}
@media screen and (max-width:768px) {
  .serviceFooterMenu__body--flex .serviceFooterMenuList + .serviceFooterMenuList {
    margin: 0;
  }
}



/* =====================
  serviceFooterMenuList
===================== */
.serviceFooterMenuList {
  font-size: 12px;
}


/*  serviceFooterMenuList__item
------------------------*/
.serviceFooterMenuList__item + .serviceFooterMenuList__item {
  margin-top: 10px;
}
@media screen and (max-width:768px) {
  .serviceFooterMenuList__item + .serviceFooterMenuList__item {
    margin-top: 0;
  }
}

.serviceFooterMenuList__item a {
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
}
@media screen and (max-width:768px) {
  .serviceFooterMenuList__item a {
    display: block;
    padding: 10px 10px 8px;
    border-bottom: 1px solid #fff;
  }
}

.serviceFooterMenuList__item a:hover {
  text-decoration: underline;
}
@media screen and (max-width:768px) {
  .serviceFooterMenuList__item a:hover {
    text-decoration: none;
  }
}



/* =====================
  serviceFooterNav
===================== */
.serviceFooterNav {
  display: table;
  margin: auto 0 0 auto;
  color: #fff;
  font-style: normal;
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  text-align: right;
}
@media screen and (max-width:768px) {
  .serviceFooterNav {
    display: block;
    margin: 0;
    font-size: 18px;
    text-align: center;
  }
}


/*  serviceFooterNav__title
------------------------*/
.serviceFooterNav__title {
  margin-right: -.25em;
  font-weight: 400;
  letter-spacing: .25em;
}
@media screen and (max-width:768px) {
  .serviceFooterNav__title {
    margin-right: 0;
    text-indent: .25em;
  }
}


/*  serviceFooterNav__body
------------------------*/
.serviceFooterNav__body {
  margin-top: 15px;
}
@media screen and (max-width:768px) {
  .serviceFooterNav__body {
    margin-top: 10px;
  }
}



/* =====================
  serviceFooterNavList
===================== */
.serviceFooterNavList {
  font-weight: 300;
  font-size: 12px;
}
@media screen and (max-width:768px) {
  .serviceFooterNavList {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
    justify-content: center;
    -ms-align-items: stretch;
        align-items: stretch;
  }
}


/*  serviceFooterNavList__item
------------------------*/
.serviceFooterNavList__item + .serviceFooterNavList__item {
  position: relative;
  z-index: 0;
  margin-top: 10px;
}
@media screen and (max-width:768px) {
  .serviceFooterNavList__item + .serviceFooterNavList__item {
    margin: 0;
    margin-left: 5px;
    padding-left: 6px;
  }
}

.serviceFooterNavList__item + .serviceFooterNavList__item:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 1em;
  margin: auto 0;
  background-color: #fff;

}
@media screen and (max-width:768px) {
  .serviceFooterNavList__item + .serviceFooterNavList__item:before {
    content: " ";
  }
}

.serviceFooterNavList__item a {
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
}

.serviceFooterNavList__item a:hover {
  text-decoration: underline;
}



@font-face {
  font-family: 'service';
  src:  url('/assets/corporate/fonts/service.eot?eguc2u');
  src:  url('/assets/corporate/fonts/service.eot?eguc2u#iefix') format('embedded-opentype'),
        url('/assets/corporate/fonts/service.ttf?eguc2u') format('truetype'),
        url('/assets/corporate/fonts/service.woff?eguc2u') format('woff'),
        url('/assets/corporate/fonts/service.svg?eguc2u#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quoteRight:before {
  content: "\e900";
  color: #b7b7b7;
}

.icon-quoteLeft:before {
  content: "\e901";
  color: #b7b7b7;
}