@charset "utf-8";
/* ---------------------
  - body
  - img

  - YakuHan

  - view
    - view768
    - view600
    - view425
    - viewPc
    - viewSp

  - hide
    - hide768

  - header
    - header__inner
  - headerLogo
    - headerLogo__img
  - headerBoard
    - headerBoard__figure
    - headerBoard__title
  - headerBoardText
    - headerBoardText__img
    - headerBoardText__img--01
  - headerFigure
    - headerFigure__left
    - headerFigure__right

  - main

  - secDomestic
    - secDomestic__inner
  - domesticTitle
  - domesticFigure
    - domesticFigure__item
  - domesticContents
  - domesticSubTitle
  - domesticCheck
    - domesticCheck__figure
    - domesticCheck__detail
  - domesticCheckList
    - domesticCheckList__item
  - domesticImages
    - domesticImages__top
    - domesticImages__bottom
  - domesticImagesTop
    - domesticImagesTop__left
    - domesticImagesTop__right
  - domesticImagesTopContents
    - domesticImagesTopContents__text
      - domesticImagesTopContents__text--01
      - domesticImagesTopContents__text--02
    - domesticImagesTopContents__figure
  - domesticImagesBottom
    - domesticImagesBottom__left
    - domesticImagesBottom__right

  - secCharm
    - secCharm__top
    - secCharm__bottom
  - charmTitle
  - charmList
    - charmList__item
  - charmListContents
    - charmListContents__figure
    - charmListContents__detail
  - charmListNumber
  -  charmListTitle
  - charmListText

  - secAbout
    - secAbout__inner
  - aboutTitle
  - aboutWhats
    - aboutWhats__about
    - aboutWhats__figure
  - aboutWhatsDetail
    - aboutWhatsDetail__title
    - aboutWhatsDetail__text
  - aboutContents
  - aboutPoint
    - aboutPoint__right
    - aboutPoint__left
  - aboutPointFigure
    - aboutPointFigure__item
  - aboutLiking
    - aboutLiking__icon
    - aboutLiking__text
  - aboutLikingText
    - aboutLikingText__ribbon
    - aboutLikingText__text
  - aboutQuality
    - aboutQuality__icon
    - aboutQuality__text
  - aboutQualityTextLarge
    - aboutQualityTextLarge__mark
    - aboutQualityTextLarge__text
    - aboutQualityTextLarge__closing
  - aboutFigure
    - aboutFigure__item

  - secPlanner
    - secPlanner__inner
  - plannerTitle
  - plannerListWrap
  - plannerList
    - plannerList__item
  - plannerListContents
    - plannerListContents__number
    - plannerListContents__detail
  - plannerListDetail
    - plannerListDetail__icon
    - plannerListDetail__text
  - plannerListContents--01
  - plannerListContents--02
  - plannerListContents--03
  - plannerListContents--04
  - plannerListContents--05

  - secExample
  - exampleTitle
  - exampleContainer
    - exampleContainer__top
    - exampleContainer__bottom
  - exampleContainerInner
    - exampleContainerInner--top
    - exampleContainerInner--bottom1622
    - exampleContainerInner--bottom1712
  - exampleContents
    - exampleContents__detail
    - exampleContents__figure
  - exampleContents--reverse
  - exampleMiddleTitle
  - examplePlace
  - exampleText
  - exampleFigure
    - exampleFigure__large
    - exampleFigure__small
  - exampleFigureSmall
    - exampleFigureSmall__item
  - exampleContents--01
  - exampleContents--02
  - exampleContents--03
  - exampleContents--04
  - examplePoint
    - examplePoint__subTitle
    - examplePoint__body
  - examplePointListWrap
  - examplePointList
    - examplePointList__item
  - examplePointCaption

  - secMessage
    - secMessage__inner
  - messageContents
    - messageContents__title
    - messageContents__text
  - messageText
    - messageText__item

  - secFaq
    - secFaq__innrer
  - taqTItle
  - faqList
    - faqList__item
  - faqListContainer
    - faqListContainer__title
    - faqListContainer___body
  - faqListMiddleTitle
    - faqListMiddleTitle__icon
    - faqListMiddleTitle__text
  - faqListContents
    - faqListContents__subTitle
    - faqListContents__body

  - secRestaurant
  - restaurantTitle
  - restaurantContainer
  - restaurantContents
    - restaurantContents__detail
    - restaurantContents__figure
  - restaurantContentsDetail
  - restaurantMiddleTitle
    - restaurantMiddleTitle__place
    - restaurantMiddleTitle__ballon
    - restaurantMiddleTitle__name
  - restaurantAccess
  - restaurantDescription
  - restaurantBtn
  - restaurantFigure
    - restaurantFigure__top
    - restaurantFigure__bottom
  - restaurantContents--reverse
  - restaurantContents--01
  - restaurantContents--02
  - restaurantContents--03
  - restaurantContents--04
  - restaurantFeature
    - restaurantFeature__title
    - restaurantFeature__body
  - restaurantFeatureList
    - restaurantFeatureList__item
  - restaurantSlide
    - restaurantSlide__item

  - viewBtn
  - viewBtnContents
  - viewBtnText
    - viewBtnText__top
    - viewBtnText__bottom
  - viewBtnBallon
    -viewBtnBallon__ballon
    - viewBtnBallon__btn

  - viewDetail
    - viewDetail__title
    - viewDetail__body
  - viewDetailText
    - viewDetailText__top
    - viewDetailText__bottom

  - footer
  - copyright

  - webfont
--------------------- */



/* =====================
  body
===================== */
body {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Noto Serif JP', serif;
  -ms-word-break: break-word;
      word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  -webkit-text-size-adjust: 100%;
}



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



/* =====================
  YakuHan
===================== */
.YakuHan {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
}



/* =====================
  view
===================== */
/*  view768
------------------------*/
.view768 {
  display: none;
}
@media screen and (max-width:768px) {
  .view768 {
    display: block;
  }
}


/*  view600
------------------------*/
.view600 {
  display: none;
}
@media screen and (max-width:600px) {
  .view600 {
    display: block;
  }
}


/*  view425
------------------------*/
.view425 {
  display: none;
}
@media screen and (max-width:425px) {
  .view425 {
    display: block;
  }
}


/*  viewPc
------------------------*/
@media screen and (max-width:600px) {
  .viewPc {
    display: none;
  }
}


/*  viewSp
------------------------*/
.viewSp {
  display: none;
}
@media screen and (max-width:600px) {
  .viewSp {
    display: block;
  }
}



/* =====================
  hide
===================== */
/*  hide768
------------------------*/
.hide768 {
  display: block;
}
@media screen and (max-width:768px) {
  .hide768 {
    display: none;
  }
}



/* =====================
  header
===================== */
/*  header__inner
------------------------*/
#header__inner {
  max-width: 1920px;
  margin: 0 auto;
}


/* =====================
  headerLogo
===================== */
#headerLogo {
  padding: 50px 70px;
}
@media screen and (max-width:1920px) {
  #headerLogo {
    padding: 2.6041666667vw 3.6458333333vw; /* 50/14.4 70/14.4 */
  }
}
@media screen and (max-width:768px) {
  #headerLogo {
    padding: 20px 28px;
  }
}


/*  headerLogo__img
------------------------*/
#headerLogo__img {
  width: -webkit-calc( 120px + 120 * ( 100vw - 320px ) / 1600 );
  width:         calc( 120px + 120 * ( 100vw - 320px ) / 1600 );
  max-width: 240px;
}



/* =====================
  headerBoard
===================== */
#headerBoard {
  width: 84.375%; /* 1620/19.2 */
  max-width: 1620px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #headerBoard {
    width: auto;
  }
}


/*  headerBoard__figure
------------------------*/
#headerBoard__figure {
  position: relative;
  z-index: 0;
}


/*  headerBoard__title
#headerBoard__title {
  position: relative;
  z-index: 0;
  width: 81.7283950617284%; 1324/16.2
  max-width: 1324px;
  margin: 0 auto;
  margin-top: -2.28395061728%; 37/16.2
}
@media screen and (max-width:600px) {
  #headerBoard__title {
    width: 81.7283950617284%; 1324/16.2
    width: auto;
    margin: 0 -webkit-calc( 15px + 10 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    margin: 0         calc( 15px + 10 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    margin-top: -2.28395061728%; 37/16.2
  }
}
------------------------*/

/* =====================
  headerBoardText
===================== */
#headerBoardText {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 14.62450592885%; /* 148/10.12 */
  background: -webkit-linear-gradient(right,  rgba(255,255,255,1) 25%, rgba(255,255,255,0) 75%);
  background:    -moz-linear-gradient(right,  rgba(255,255,255,1) 25%, rgba(255,255,255,0) 75%);
  background:         linear-gradient(to left,  rgba(255,255,255,1) 25%, rgba(255,255,255,0) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  width: 100%;
  padding: 3.086419753086%; /* 50/16.2 */
  padding-right: 7.22222222222%; /* 117/16.2 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:600px) {
  #headerBoardText {
    bottom: 6.670046156%; /* 25/3.7481 */
    background: -webkit-linear-gradient(right,  rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(right,  rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to left,  rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    padding: 4.1666667%; /* 25/6 */
    padding-right: 5.83333333333%; /* 35/6 */
  }
}


/*  headerBoardText__img
------------------------*/
/* headerBoardText__img--01 */
.headerBoardText__img--01 {
  width: 54.1637990364%; /* 787/14.53 */
  max-width: 787px;
  margin-left: auto;
}
@media screen and (max-width:600px) {
  .headerBoardText__img--01 {
    width: -webkit-calc( 236px + ( ( 393 - 236 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 236px + ( ( 393 - 236 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
  }
}

/* =====================
  fair
===================== */
.fair {
  margin-top: 5em;
  padding: 4.5em 0 5em;
  position: relative;
  color: #fff;
  background: #2d4a62;
  background: linear-gradient(90deg, rgba(32,62,90,1) 0%, rgba(63,91,110,1) 100%);
  overflow: hidden;
}

.fair::before {
  content: "";
  position: absolute;
  top: 1em;
  right: 0;
  left: 0;
  height: 0;
  display: block;
  border-top: 2px solid #af9b5f;
}

.fair::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1em;
  left: 0;
  height: 0;
  display: block;
  border-bottom: 2px solid #af9b5f;
}

@media only screen and (max-width: 770px) {
  .fair {
    margin-top: 3.5em;
    padding: 3.5em 0 4em;
  }
}

@media only screen and (max-width: 660px) {
  .fair {
    margin-top: 2.5em;
    padding: 2.5em 0 3em;
  }
  .fair::before {
    top: 0.8em;
  }
  .fair::after {
    bottom: 0.8em;
  }
}

.fairTitle {
  padding: 0 15px;
  position: relative;
  text-align: center;
}

.fairTitle img {
  margin: 0 auto 3em;
  width: 90%;
  max-width: 980px;
  display: block;
}

@media only screen and (max-width: 770px) {
  .fairTitle img {
    width: 96%;
    margin-bottom: 2em;
  }
}

@media only screen and (max-width: 660px) {
  .fairTitle {
    padding: 0 5px;
  }

  .fairTitle img {
    margin-bottom: 1.5em;
  }
}

.fairSlide {
  margin: 0 auto;
  width: 84.375%;
  max-width: 1620px;
  display: none;
}

.fairSlide.slick-initialized.slick-slider {
  display: block;
}

.fairSlide .slick-list {
  width: 100vw;
  margin-right: calc(50% - 50vw);
}

.fairSlide__item {
  margin-right: 0.5%;
  display: block;
  color: #fff;
}

@media only screen and (max-width: 770px) {
  .fairSlide {
    width: auto;
  }

  .fairSlide .slick-list {
    width: auto;
    margin-right: 0;
  }

  .fairSlide__item {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 600px) {
  .fairSlide__item {
    margin: 0 6px;
  }
}

.fairSlide__image {
  position: relative;
  display: block;
}

.fairSlide__image img {
  transition: all 0.3s ease;
}

.fairSlide__image:hover img {
  opacity: 0.8;
}

.fairSlide__image::before {
  content: "";
  position: absolute;
  z-index: 100;
  top: 15px;
  right: 15px;
  display: block;
  -webkit-border-radius: 2em;
          border-radius: 2em;
  padding: 2px 1em 1px;
  line-height: 1;
  color: #fff;
  background: rgba(50,50,50,0.7);
  font-size: 13px;
  -webkit-box-shadow: 0 0 8px 4px rgba(255,255,255,0.3);
          box-shadow: 0 0 8px 4px rgba(255,255,255,0.3);
}

.fairSlide__image--ha::before {
  content: "1/5";
}

.fairSlide__image--sud::before {
  content: "1/6";
}

.fairSlide__image--reims::before {
  content: "1/6";
}

.fairSlide__image--terakoya::before {
  content: "1/6";
}

.fairSlide__body {
  padding: 0.6em 0 1em;
}

.fairSlide__from {
  font-size: max(0.8vw,10px);
}

.fairSlide__name {
  margin-bottom: 0.4em;
  font-size: max(1.4vw,18px);
  white-space: nowrap;
}

.fairSlideLink {
  display: grid;
  gap: 0 8px;
  grid-template: auto / 1fr 1fr;
  list-style-type: none;
  text-align: center;
  font-size: max(1vw,14px);
}

.fairSlideLink__item a {
  -webkit-border-radius: 3em;
          border-radius: 3em;
  padding: 0.5em;
  display: block;
  color: #fff;
  background: #af9b5f;
  text-decoration: none;
  transition: all 0.4s ease;
}

.fairSlideLink__item a:hover {
  background: #947e3c;
}

.fairSlickFooter {
  margin: 2em auto 0;
  width: 84.375%;
  max-width: 1620px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 660px) {
  .fairSlickFooter {
    margin-top: 1.5em;
    width: 92%;
  }
}

.fairSlickPager {
  padding-left: 1em;
  white-space: nowrap;
}

@media only screen and (max-width: 660px) {
  .fairSlickPager {
    display: none;
  }
}

.fairSlickPager__item {
  margin-left: 1vw
  padding: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 2em;
          border-radius: 2em;
  position: relative;
  display: inline-block;
  width: 3.4em;
  height: 3.4em;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  appearance: none;
}

.fairSlickPager__item::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0.5em;
  display: block;
  width: 3.4em;
  height: 0.7em;
  border-bottom: 1px solid #fff;
  transform: skewX(15deg);
  transition: all 0.2s ease;
}

.fairSlickPager__item--prev::before {
  border-left: 1px solid #fff;
  left: 1.6em;
  transform: skewX(-45deg);
}

.fairSlickPager__item--prev:hover::before {
  left: 1.2em;
}

.fairSlickPager__item--next::before {
  border-right: 1px solid #fff;
  right: 1.6em;
  transform: skewX(45deg);
}

.fairSlickPager__item--next:hover::before {
  right: 1.2em;
}

.fairSlickPager__item + .fairSlickPager__item {
  margin-left: 5em;
}

.fairSlideText {
  padding-left: 4em;
  font-size: max(0.9vw,11px);
}

@media only screen and (max-width: 770px) {
  .fairSlideText {
    padding-left: 3em;
  }
}

@media only screen and (max-width: 660px) {
  .fairSlideText {
    padding-left: 0;
    text-align: center;
  }
}

.fairSlideText span {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 789px) {
  .fairSlickPager {
    padding-left: 0;
  }
}

.slick-dots {
  margin: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  gap: 0 8px;
  line-height: 8px;
}

.slick-dots button {
  padding: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  width: 8px;
  height: 8px;
  background: #fff;
  cursor: pointer;
  appearance: none;
  overflow: hidden;
  text-indent: 100%;
  opacity: 0.4;
}

.slick-dots .slick-active button {
  opacity: 1;
}

/* =====================
  headerFigureTitle
===================== */
.headerFigureTitle {
  margin: 0 auto;
  position: relative;
  width: 80%;
  max-width: 1339px;
  text-align: center;
}

.headerFigureTitle span {
  padding: 4.2em 10%;
  display: inline-block;
}

.headerFigureTitle span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 10%;
  background: url("../img/header/headBoardTitleBg.png") no-repeat 100% 100%;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}

.headerFigureTitle img {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 900px) {
  .headerFigureTitle {
    width: 50%;
  }

  .headerFigureTitle span {
    padding-bottom: 2.8em;
  }

  .headerFigureTitle span::after {
    right: -10%;
    width: 24%;
  }

  .headerFigureTitle img {
    width: 100%;
    max-width: 700px;
    display: block;
  }

  .headerFigureTitle img + img {
    margin-top: 0.5em;
  }
}

@media only screen and (max-width: 600px) {
  .headerFigureTitle {
    width: auto;
  }

  .headerFigureTitle span {
    padding: 2.8em 0 1.8em;
  }

  .headerFigureTitle span::after {
    right: 1%;
    width: 20%;
  }

  .headerFigureTitle img {
    max-width: 260px;
  }
}

@media only screen and (max-width: 420px) {
  .headerFigureTitle img {
    max-width: 235px;
  }
}

@media only screen and (max-width: 370px) {
  .headerFigureTitle img {
    max-width: 210px;
  }
}

/* =====================
  headerFigure
===================== */
#headerFigure {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: flex-start;
      align-items: flex-start;
  /* margin-top: 65px; */
}
/*
@media screen and (max-width:1920px) {
  #headerFigure {
    margin-top: 3.3854166667vw; 65/19.2
  }
}
@media screen and (max-width:768px) {
  #headerFigure {
    margin-top: -webkit-calc( 16px + 16 * ( 100vw - 320px ) / 448 );
    margin-top:         calc( 16px + 16 * ( 100vw - 320px ) / 448 );
  }
}
*/
@media screen and (max-width:600px) {
  #headerFigure {
    -webkit-flex-direction: column-reverse;
       -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
         -o-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.lb-data .lb-number {
  display: none !important;
}

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

.headerSlide.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/*  headerFigure__left
------------------------*/
#headerFigure__left {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  z-index: 9;
  width: 46.6666667%; /* 896/19.2 */
  max-width: 896px;
  margin-right: -68px;
  padding-top: 306px;
}
@media screen and (max-width:1920px) {
  #headerFigure__left {
    margin-right: -3.5416666667%; /* 68/19.2 */
    padding-top: 15.9375vw; /* 306/19.2 */
  }
}
@media screen and (max-width:600px) {
  #headerFigure__left {
    width: -webkti-calc( 268px + ( ( 448 - 268 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 268px + ( ( 448 - 268 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    /* margin-top: -15%; */
    margin-top: 20px;
    margin-right: 0;
    padding-top: 0;
  }
}


/*  headerFigure__right
------------------------*/
#headerFigure__right {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 56.875%; /* 1092/19.2 */
  max-width: 1092px;
}
@media screen and (max-width:600px) {
  #headerFigure__right {
    width: -webkit-calc( 273px + ( ( 546 - 273 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 273px + ( ( 546 - 273 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    margin-left: auto;
  }
}

/*.JS-headerSlide--left .slick-track {
  -webkit-transition-delay: 2s !important;
       -o-transition-delay: 2s !important;
          transition-delay: 2s !important;
}*/



/* =====================
  main
===================== */



/* =====================
  secDomestic
===================== */
#secDomestic {
  padding-top: 147px;
}
@media screen and (max-width:1920px) {
  #secDomestic {
    padding-top: 7.65625vw; /* 147/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secDomestic {
    padding-top: -webkit-calc( 36px + 36 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 36px + 36 * ( 100vw - 320px ) / 448 );
  }
}


/*  secDomestic__inner
------------------------*/
#secDomestic__inner {
 max-width: 1920px;
 margin: 0 auto;
}



/* =====================
  domesticTitle
===================== */
#domesticTitle {
  width: 69.7395833333%; /* 1339/19.2 */
  max-width: 1339px;
  margin: 0 auto;
  margin-bottom: 120px;
}
@media screen and (max-width:1920px) {
  #domesticTitle {
    margin-bottom: 6.25vw; /* 120/19.2 */
  }
}
@media screen and (max-width:768px) {
  #domesticTitle {
    width: -webkit-calc( 396px + ( ( 535 - 396 ) * ( ( 100vw - 426px ) / ( 768 - 426 ) ) ) );
    width:         calc( 396px + ( ( 535 - 396 ) * ( ( 100vw - 426px ) / ( 768 - 426 ) ) ) );
    margin-bottom: -webkit-calc( 30px + ( 30 * ( ( 100vw - 320px ) / ( 768 - 320 ) ) ) );
    margin-bottom:         calc( 30px + ( 30 * ( ( 100vw - 320px ) / ( 768 - 320 ) ) ) );
  }
}
@media screen and (max-width:425px) {
  #domesticTitle {
    width: auto;
    margin-right: 15px;
    margin-left: 15px;
  }
}



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


/*  domesticFigure__item
------------------------*/
.domesticFigure__item {
  flex-basis: 50%;
}



/* =====================
  domesticContents
===================== */
#domesticContents {
  margin-top: 120px;
}
@media screen and (max-width:1920px) {
  #domesticContents {
    margin-top: 6.25vw; /* 120/19.2 */
  }
}
@media screen and (max-width:768px) {
  #domesticContents {
    margin-top: -webkit-calc( 30px + 30 * ( 100vw - 320px ) / 448 );
    margin-top:         calc( 30px + 30 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  domesticSubTitle
===================== */
#domesticSubTitle {
  width: 60.3645833333%; /* 1159/19.2 */
  max-width: 1159px;
  margin: 0 auto;
  margin-bottom: 120px;
}
@media screen and (max-width:1920px) {
  #domesticSubTitle {
    margin-bottom: 6.25vw; /* 120/19.2 */
  }
}
@media screen and (max-width:768px) {
  #domesticSubTitle {
    width: -webkit-calc( 347px + ( ( 463 - 347 ) * ( 100vw - 426px ) / ( 768 - 426 ) ) );
    width:         calc( 347px + ( ( 463 - 347 ) * ( 100vw - 426px ) / ( 768 - 426 ) ) );
    margin-bottom: -webkit-calc( 30px + ( 30 * ( 100vw - 426px ) / ( 768 - 426 ) ) );
    margin-bottom:         calc( 30px + ( 30 * ( 100vw - 426px ) / ( 768 - 426 ) ) );
  }
}
@media screen and (max-width:425px) {
  #domesticSubTitle {
    width: auto;
    margin-right: 15px;
    margin-left: 15px;
  }
}



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


/*  domesticCheck__figure
------------------------*/
#domesticCheck__figure {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 60.9375%; /* 1170/19.2 */
  max-width: 1170px;
}
@media screen and (max-width:768px) {
  #domesticCheck__figure {
    width: 53.255208333%; /* 409/7.68 */
  }
}
@media screen and (max-width:600px) {
  #domesticCheck__figure {
    width: -webkit-calc( 300px + ( ( 526 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 300px + ( ( 526 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
  }
}


/*  domesticCheck__detail
------------------------*/
#domesticCheck__detail {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  z-index: 0;
  width: 45.2083333333%; /* 868/19.2 */
  max-width: 868px;
  margin-left: -120px;
  padding-top: 165px;
}
@media screen and (max-width:1920px) {
  #domesticCheck__detail {
    margin-left: -6.25%; /* 120/19.2 */
    padding-top: 8.59375vw; /* 165/19.2 */
  }
}
@media screen and (max-width:768px) {
  #domesticCheck__detail {
    width: 56.51041667%; /* 434/7.68 */
    margin-left: -9.765625%; /* 75/7.68 */
    padding-top: 5.33854167%; /* 41/7.68 */
  }
}
@media screen and (max-width:600px) {
  #domesticCheck__detail {
    width: -webkit-calc( 300px + ( ( 434 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 300px + ( ( 434 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    margin-top: -webkit-calc( ( 5px + 10 * ( 100vw - 320px ) / 280 ) * -1 );
    margin-top:         calc( ( 5px + 10 * ( 100vw - 320px ) / 280 ) * -1 );
    margin-left: auto;
    padding-top: 0;
  }
}



/* =====================
  domesticCheckList
===================== */
#domesticCheckList {
  list-style: none;
  padding: 148px 78px;
  background-color: #e8edf2;
}
@media screen and (max-width:1920px) {
  #domesticCheckList {
    padding: 7.708333333vw 4.0625vw; /* 148/19.2 78/19.2 */
  }
}
@media screen and (max-width:768px) {
  #domesticCheckList {
    padding: -webkit-calc( 27px + 10 * ( 100vw - 600px ) / 168 )
             -webkit-calc( 29px + 10 * ( 100vw - 600px ) / 168 );
    padding:         calc( 27px + 10 * ( 100vw - 600px ) / 168 )
                     calc( 29px + 10 * ( 100vw - 600px ) / 168 );
  }
}
@media screen and (max-width:600px) {
  #domesticCheckList {
    padding: -webkit-calc( 30px +  5 * ( 100vw - 320px ) / 280 )
             -webkit-calc( 25px + 10 * ( 100vw - 320px ) / 280 );
    padding:         calc( 30px +  5 * ( 100vw - 320px ) / 280 )
                     calc( 25px + 10 * ( 100vw - 320px ) / 280 );
  }
}


/*  domesticCheckList__item
------------------------*/
.domesticCheckList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  font-size: 25px;
  line-height: 1.6;
  letter-spacing: .12em;
}
@media screen and (max-width:1920px) {
  .domesticCheckList__item {
    font-size: 1.3020833333vw; /* 25/19.2 */
  }
}
@media screen and (max-width:768px) {
  .domesticCheckList__item {
    font-size: -webkit-calc( 12px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 12px + 2 * ( 100vw - 320px ) / 448 );
  }
}

.domesticCheckList__item:before {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  font-size: 1.04em; /* 26/25 */
  line-height: 1.538461538461538;
  font-family: 'icomoon';
  content: "\e903";
}

.domesticCheckList__item div {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  margin-left: .96em; /* 24/25 */
}

.domesticCheckList__item div > span {
  padding: .08em .28em; /* 2/25 7/25 */
  background-color: #fff;
}

.domesticCheckList__item + .domesticCheckList__item {
  margin-top: 1.36em; /* 34/25 */
}



/* =====================
  domesticImages
===================== */
#domesticImages {
  margin-top: -137px;
  padding-top: 137px;
}
@media screen and (max-width:1920px) {
  #domesticImages {
    margin-top: -7.1354166667vw; /* 137/19.2 */
    padding-top: 7.1354166667vw;
  }
}
@media screen and (max-width:768px) {
  #domesticImages {
    margin-top: 0;
    padding-top: -webkit-calc( 34px + 34 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 34px + 34 * ( 100vw - 320px ) / 448 );
  }
}


/*  domesticImages__top
------------------------*/
/*  domesticImages__bottom
------------------------*/
#domesticImages__bottom {
  margin-top: -21.25%; /* 408/19.2 */
}



/* =====================
  domesticImagesTop
===================== */
#domesticImagesTop {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: flex-start;
      align-items: flex-start;
  width: 79.947916667%; /* 1535/19.2 */
  max-width: 1535px;
  margin: 0 auto;
}
@media screen and (max-width:600px) {
  #domesticImagesTop {
    display: block;
    width: auto;
  }
}


/*  domesticImagesTop__left
------------------------*/
#domesticImagesTop__left {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 49.9674267100%; /* 767/15.35 */
  max-width: 767px;
}
@media screen and (max-width:600px) {
  #domesticImagesTop__left {
    width: -webkit-calc( 300px + ( ( 383 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 300px + ( ( 383 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
  }
}


/*  domesticImagesTop__right
------------------------*/
#domesticImagesTop__right {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 40.3908794788%; /* 620/15.35 */
  max-width: 620px;
  margin-left: 9.64169381107%; /* 148/15.35 */
  padding-top: 9.511401%; /* 146/15.35 */
}
@media screen and (max-width:600px) {
  #domesticImagesTop__right {
    width: -webkit-calc( 260px + ( ( 310 - 260 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 260px + ( ( 310 - 260 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    margin-left: auto;
  }
}



/* =====================
  domesticImagesTopContents
===================== */
/*  domesticImagesTopContents__text
------------------------*/
.domesticImagesTopContents__text {
  margin: 0 auto;
}


/* domesticImagesTopContents__text--01 */
.domesticImagesTopContents__text--01 {
  width: 64.0156453715%; /* 491/7.67 */
  max-width: 491px;
  margin-bottom: 13.29856584093%; /* 102/7.67 */
}


/* domesticImagesTopContents__text--01 */
.domesticImagesTopContents__text--02 {
  width: 63.8709677419%; /* 396/6.2 */
  max-width: 396px;
  margin-bottom: 12.74193548387%; /* 79/6.2 */
}


/*  domesticImagesTopContents__figure
------------------------*/



/* =====================
  domesticImagesBottom
===================== */
#domesticImagesBottom {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  width: 87.2395833333%; /* 1675/19.2 */
  max-width: 1675px;
  margin-right: auto;
}
@media screen and (max-width:600px) {
  #domesticImagesBottom {
    display: block;
    width: auto;
  }
}


/*  domesticImagesBottom__left
------------------------*/
#domesticImagesBottom__left {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 36.5970149253%; /* 613/16.75 */
  max-width: 613px;
}
@media screen and (max-width:600px) {
  #domesticImagesBottom__left {
    width: -webkit-calc( 245px + ( ( 367 - 245 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 245px + ( ( 367 - 245 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
  }
}


/*  domesticImagesBottom__right
------------------------*/
#domesticImagesBottom__right {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 59.7014925373%; /* 1000/16.75 */
  max-width: 1000px;
  margin-left: 3.70149253731%; /* 62/16.75 */
  padding-top: 9.49253731343%; /* 159/16.75 */
}
@media screen and (max-width:600px) {
  #domesticImagesBottom__right {
    width: -webkit-calc( 300px + ( ( 500 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 300px + ( ( 500 - 300 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    margin-left: auto;
  }
}



/* =====================
  secCharm
===================== */
#secCharm {
  padding-top: 85px;
  overflow: hidden;
}
@media screen and (max-width:1920px) {
  #secCharm {
    padding-top: 4.4270833333vw; /* 85/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secCharm {
    padding-top: -webkit-calc( 21px + 21 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 21px + 21 * ( 100vw - 320px ) / 448 );
  }
}



/*  secCharm__top
------------------------*/
#secCharm__top {
  max-width: 1920px;
  margin: 0 auto;
}


/*  secCharm__bottom
------------------------*/
#secCharm__bottom {
  position: relative;
  z-index: 0;
  margin-top: 120px;
  padding: 70px 0 135px;
  background-color: #e8edf2;
}
@media screen and (max-width:1920px) {
  #secCharm__bottom {
    margin-top: 6.25vw; /* 120/19.2 */
    padding: 3.6458333333vw 0 7.03125vw; /* 70/19.2 135/19.2 */
  }
}


#secCharm__bottom:before ,
#secCharm__bottom:after {
  display: block;
  position: absolute;
  top: 1px;
  z-index: 9;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 0;
  height: 0;
  border-style: solid;
  content: " ";
}

#secCharm__bottom:before {
  left: 0;
  border-width: 140px 0 0 50vw;
  border-color: transparent transparent transparent #e8edf2;
}
@media screen and (max-width:1920px) {
  #secCharm__bottom:before {
    border-width: 7.29166667vw 0 0 50vw; /* 140/19.2 */
  }
}

#secCharm__bottom:after {
  right: 0;
  border-width: 140px 50vw 0 0;
  border-color: transparent #e8edf2 transparent transparent;
}
@media screen and (max-width:1920px) {
  #secCharm__bottom:after {
    border-width: 7.29166667vw 50vw 0 0; /* 140/19.2 */
  }
}



/* =====================
  charmTitle
===================== */
#charmTitle {
  width: 79.6875%; /* 1530/19.2 */
  max-width: 1530px;
  margin: 0 auto;
  margin-bottom: 109px;
}
@media screen and (max-width:1920px) {
  #charmTitle {
    margin-bottom: 5.677083333vw; /* 109/19.2 */
  }
}
@media screen and (max-width:768px) {
  #charmTitle {
    width: -webkit-calc( 306px + 306 * ( 100vw - 320px ) / 448 );
    width:         calc( 306px + 306 * ( 100vw - 320px ) / 448 );
    margin-bottom: -webkit-calc( 27px + 27 * ( 100vw - 320px ) / 448 );
    margin-bottom:         calc( 27px + 27 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  charmList
===================== */
#charmList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  list-style: none;
}
@media screen and (max-width:600px) {
  #charmList {
    display: block;
  }
}


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



/* =====================
  charmListContents
===================== */
/*  charmListContents__figure
------------------------*/
.charmListContents__figure {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width:600px) {
  .charmListContents__figure {
    height: -webkit-calc( 350px + 150 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    height:         calc( 350px + 150 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}

@media screen and (max-width:600px) {
  .charmListContents__figure img {
    position: absolute;
    left: 0;
  }
}

@media screen and (max-width:600px) {
  .charmList__item:nth-of-type(1) .charmListContents__figure img {
    bottom: -5%;
  }
  .charmList__item:nth-of-type(2) .charmListContents__figure img {
    bottom: -webkit-calc( ( 45px + 140 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) * -1 );
    bottom:         calc( ( 45px + 140 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) * -1 );
  }
  .charmList__item:nth-of-type(3) .charmListContents__figure img {
    top: 0;
  }
}

/*  charmListContents__detail
------------------------*/
.charmListContents__detail {
  position: relative;
  z-index: 0;
  width: 75.2%; /* 481/6.3998 */
  max-width: 481px;
  margin: 0 auto;
  margin-top: -10.625265631%; /* 68/639.984 */
  padding: 0 2.7083333333vw; /* 52/19.2 */
  padding-top: 14.3753593839%; /* 92/639.984 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width:768px) {
  .charmListContents__detail {
    width: 96.09375%; /* 246/256 */
    padding: 0 -webkit-calc( 5px + 15 * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
    padding:         0 calc( 5px + 15 * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
    padding-top: 18.371875%; /* 47.032/2.56 */
  }
}
@media screen and (max-width:600px) {
  .charmListContents__detail {
    width: 81.25%;
    padding: 0 -webkit-calc( 26px + 5 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) )
               -webkit-calc( 26px + 5 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    padding:         0 calc( 26px + 5 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) )
                       calc( 26px + 5 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    padding-top: -webkit-calc( 50.406px + ( ( 58.812 - 50.406 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    padding-top:         calc( 50.406px + ( ( 58.812 - 50.406 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
  }
}



/* =====================
  charmListNumber
===================== */
.charmListNumber {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 45.5301455301%; /* 219/4.81 */
  max-width: 219px;
  margin-top: -21.62162162162%; /* 104/4.81 */
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (max-width:600px) {
  .charmListNumber {
    width: -webkit-calc( 120px + ( ( 140 - 120 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    width:         calc( 120px + ( ( 140 - 120 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    margin-top: -webkit-calc( ( 57px + ( ( 66 - 57 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) ) * -1 );
    margin-top:         calc( ( 57px + ( ( 66 - 57 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) ) * -1 );
  }
}


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

.charmListNumber > div {
  position: absolute;
  top: 21.00456621004%; /* 46/2.19 */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 53.8812785388%; /* 118/2.19 */
  max-width: 118px;
  padding-bottom: 21.0045662100%; /* 46/2.19 */
  border-bottom: 1px solid #000;
}

.charmListNumber > div:before ,
.charmListNumber > div:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,50%);
      -ms-transform: translate(-50%,50%);
       -o-transform: translate(-50%,50%);
          transform: translate(-50%,50%);
  border-radius: 50px;
  content: " ";
}

.charmListNumber > div:before {
  width: 10px;
  height: 10px;
  background-color: #fff;
}

.charmListNumber > div:after {
  width: 2px;
  height: 2px;
  background-color: #000;
}



/* =====================
  charmListTitle
===================== */
.charmListTitle {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.6923076923;
  letter-spacing: .02em;
  text-indent: .02em;
  text-align: center;
}
@media screen and (max-width:1920px) {
  .charmListTitle {
    font-size: 1.3541666667vw; /* 26/19.2 */
  }
}
@media screen and (max-width:768px) {
  .charmListTitle {
    font-size: -webkit-calc( 12px + 2 * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
    font-size:         calc( 12px + 2 * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
  }
}
@media screen and (max-width:600px) {
  .charmListTitle {
    font-size: -webkit-calc( 13px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    font-size:         calc( 13px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}



/* =====================
  charmListText
===================== */
.charmListText {
  margin-top: 1.75em; /* 35/20 */
  font-size: 20px;
  line-height: 2.2;
  letter-spacing: .02em;
  text-indent: .02em;
  text-align: justify;
}
@media screen and (max-width:1920px) {
  .charmListText {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .charmListText {
    font-size: -webkit-calc( 10px + 2 * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
    font-size:         calc( 10px + 2 * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
  }
}
@media screen and (max-width:600px) {
  .charmListText {
    font-size: -webkit-calc( 10px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    font-size:         calc( 10px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}



/* =====================
  secAbout
===================== */
#secAbout {
  padding-top: 169px;
}
@media screen and (max-width:1920px) {
  #secAbout {
    padding-top: 8.802083333vw; /* 169/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secAbout {
    padding-top: -webkit-calc( 42px + 42 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 42px + 42 * ( 100vw - 320px ) / 448 );
  }
}


/*  secAbout__inner
------------------------*/
#secAbout__inner {
  max-width: 1920px;
  margin: 0 auto;
}



/* =====================
  aboutTitle
===================== */
#aboutTitle {
  width: 44.7395833333%; /* 859/19.2 */
  max-width: 859px;
  margin: 0 auto;
  margin-bottom: 107px;
}
@media screen and (max-width:1920px) {
  #aboutTitle {
    margin-bottom: 5.5729166667vw; /* 107/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutTitle {
    width: -webkit-calc( 214px + 214 * ( 100vw - 320px ) / 448 );
    width:         calc( 214px + 214 * ( 100vw - 320px ) / 448 );
    margin-bottom: -webkit-calc( 26px + 26 * ( 100vw - 320px ) / 448 );
    margin-bottom:         calc( 26px + 26 * ( 100vw - 320px ) / 448 );
  }
}



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


/*  aboutWhats__about
------------------------*/
#aboutWhats__about {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  z-index: 0;
  width: 32.13541667%; /* 617/19.2 */
  max-width: 617px;
  margin-right: -151px;
  padding: 168px 0 0;
}
@media screen and (max-width:1920px) {
  #aboutWhats__about {
    margin-right: -7.86458333333%; /* 151/19.2 */
    padding: 8.75vw 0 0; /* 168/19.2 */
  }
}
@media screen and (max-width:600px) {
  #aboutWhats__about {
    width: auto;
    max-width: none;
    margin-right: 0;
    padding-top: 0;
  }
}


/*  aboutWhats__figure
------------------------*/
#aboutWhats__figure {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 75.72916667%; /* 1454/19.2 */
  max-width: 1454px;
}
@media screen and (max-width:600px) {
  #aboutWhats__figure {
    width: auto;
    max-width: none;
    margin-top: -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 );
    margin-top:         calc( 15px + 15 * ( 100vw - 320px ) / 280 );
  }
}



/* =====================
  aboutWhatsDetail
===================== */
#aboutWhatsDetail {
  background-color: #fff;
  padding: 55px 85px 70px;
  padding-left: 178px;
}
@media screen and (max-width:1920px) {
  #aboutWhatsDetail {
    padding: 2.8645833333vw 4.4270833333vw 3.6458333333vw; /* 55/19.2 85/19.2 70/19.2 */
    padding-left: 9.270833333vw; /* 178/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutWhatsDetail {
    padding: 2.8645833333vw 4.4270833333vw 3.6458333333vw; /* 55/19.2 85/19.2 70/19.2 */
  }
}
@media screen and (max-width:600px) {
  #aboutWhatsDetail {
    padding: 0 -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 ) 0;
    padding: 0         calc( 15px + 15 * ( 100vw - 320px ) / 280 ) 0;
  }
}


/*  aboutWhatsDetail__title
------------------------*/
#aboutWhatsDetail__title {
  width: 18.4375vw; /* 354/19.2 */
  max-width: 354px;
  margin: 0 auto;
  margin-bottom: 34px;
}
@media screen and (max-width:1920px) {
  #aboutWhatsDetail__title {
    margin: 0 auto;
    margin-bottom: 1.7708333333vw; /* 34/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutWhatsDetail__title {
    margin: 0 auto;
    margin-bottom: 1.7708333333vw; /* 34/19.2 */
  }
}
@media screen and (max-width:600px) {
  #aboutWhatsDetail__title {
    width: -webkit-calc( 141px + 36 * ( 100vw - 320px ) / 280 );
    width:         calc( 141px + 36 * ( 100vw - 320px ) / 280 );
    margin-bottom: -webkit-calc( 13px + 4 * ( 100vw - 320px ) / 280 );
    margin-bottom:         calc( 13px + 4 * ( 100vw - 320px ) / 280 );
  }
}


/*  aboutWhatsDetail__text
------------------------*/
#aboutWhatsDetail__text {
  font-size: 20px;
  line-height: 2.2;
  letter-spacing: .085em;
  text-indent: .085em;
  text-align: justify;
}
@media screen and (max-width:1920px) {
  #aboutWhatsDetail__text {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutWhatsDetail__text {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:          calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  aboutContents
===================== */
#aboutContents {
  margin-top: 125px;
}
@media screen and (max-width:1920px) {
  #aboutContents {
    margin-top: 6.5104166667vw; /* 125/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutContents {
    margin-top: -webkit-calc( 31px + 31 * ( 100vw - 320px ) / 448 );
    margin-top:         calc( 31px + 31 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  aboutPoint
===================== */
#aboutPoint {
  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: center;
  -ms-align-items: flex-start;
      align-items: flex-start;
}
@media screen and (max-width:600px) {
  #aboutPoint {
    display: block;
  }
}


/*  aboutPoint__right
------------------------*/
#aboutPoint__right {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  z-index: 0;
  width: 46.35416667%; /* 890/19.2 */
  max-width: 890px;
  margin-left: 70px;
  padding: 144px 0 0;
  overflow: hidden;
}
@media screen and (max-width:1920px) {
  #aboutPoint__right {
    margin-left: 3.64583333333%; /* 70/19.2 */
    padding: 7.5vw 0 0; /* 144/19.2 */
  }
}
@media screen and (max-width:600px) {
  #aboutPoint__right {
    width: auto;
    height: -webkit-calc( 360px + ( ( 680 - 360 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    height:         calc( 360px + ( ( 680 - 360 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) );
    margin-left: auto;
    padding: 0;
  }
}

@media screen and (max-width:600px) {
  #aboutPoint__right img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}


/*  aboutPoint__left
------------------------*/
#aboutPoint__left {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 50%; /* 960/19.2 */
  max-width: 960px;
}
@media screen and (max-width:600px) {
  #aboutPoint__left {
    width: auto;
    margin-top: -webkit-calc( 30px + 5 * ( 100vw - 320px ) / 105 );
    margin-top:         calc( 30px + 5 * ( 100vw - 320px ) / 105 );
  }
}



/* =====================
  aboutPointFigure
===================== */
/*  aboutPointFigure__item
------------------------*/



/* =====================
  aboutLiking
===================== */
#aboutLiking {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: flex-end;
      align-items: flex-end;
  padding: 140px 50px 148px;
}
@media screen and (max-width:1920px) {
  #aboutLiking {
    padding: 7.291666667vw 2.6041666667vw 7.708333333vw; /* 140/19.2 50/19.2 148/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutLiking {
    padding: -webkit-calc( 30px + 10 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 20px + 10 * ( 100vw - 320px ) / 448 );
    padding:         calc( 30px + 10 * ( 100vw - 320px ) / 448 )
                     calc( 20px + 10 * ( 100vw - 320px ) / 448 );
  }
}
@media screen and (max-width:425px) {
  #aboutLiking {
    display: block;
  }
}


/*  aboutLiking__icon
------------------------*/
#aboutLiking__icon {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 4.79166667vw; /* 92/19.2 */
  max-width: 92px;
}
@media screen and (max-width:768px) {
  #aboutLiking__icon {
    width: 8.85416667vw; /* 68/7.68 */
  }
}
@media screen and (max-width:600px) {
  #aboutLiking__icon {
    display: none;
  }
}


/*  aboutLiking__text
------------------------*/
#aboutLiking__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* =====================
  aboutLikingText
===================== */
#aboutLikingText {
  font-size: 20px;
  margin-left: 4.75em; /* 95/20 */
}
@media screen and (max-width:1920px) {
  #aboutLikingText {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutLikingText {
    margin-left: 1.583333333em; /* 19/12 */
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    text-align: justify;
  }
}
@media screen and (max-width:600px) {
  #aboutLikingText {
    margin-left: 0;
  }
}

@media screen and (max-width:768px) {
  #aboutLikingText br {
    display: none;
  }
}


/*  aboutLikingText__ribbon
------------------------*/
#aboutLikingText__ribbon {
  display: table;
  position: relative;
  z-index: 0;
  width: 6.875em; /* 110/16 */
  max-width: 110px;
  margin-bottom: .3125em; /* 5/16 */
  padding-right: .625em; /* 10/16 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #000;
  color: #fff;
  font-size: .8em; /* 16/20 */
  line-height: 1.625em; /* 26/16 */
  text-align: center;
  text-transform: uppercase;
}

#aboutLikingText__ribbon:after {
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .8125em .625em .8125em 0; /* 13/16 10/16 */
  border-color: transparent #fff transparent transparent;
  content: " ";
}


/*  aboutLikingText__text
------------------------*/
#aboutLikingText__text {
  display: block;
  line-height: 2.2;
  letter-spacing: .05em;
  text-indent: .05em;
}



/* =====================
  aboutQuality
===================== */
#aboutQuality {
  display: table;
  position: relative;
  z-index: 0;
  width: 67.7083333333%; /* 1300/19.2 */
  max-width: 1300px;
  margin: 0 auto;
  margin-top: -68px;
  padding: 106px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width:1920px) {
  #aboutQuality {
    margin-top:  -3.5416666667vw; /* 68/19.2 */
    padding: 5.520833333vw 0; /* 106/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutQuality {
    width: auto;
    padding: -webkit-calc( 25px + 25 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 20px + 10 * ( 100vw - 320px ) / 448 );
    padding:         calc( 25px + 25 * ( 100vw - 320px ) / 448 )
                     calc( 20px + 10 * ( 100vw - 320px ) / 448 );
  }
}
@media screen and (max-width:600px) {
  #aboutQuality {
    display: block;
    margin-top: -7%; /* 42/6 */
  }
}
@media screen and (max-width:425px) {
  #aboutQuality {
    margin-top: -7.05882352941%; /* 30/4.25 */
  }
}


/*  aboutQuality__icon
------------------------*/
#aboutQuality__icon {
  position: absolute;
  top: -66px;
  right: -25px;
  width: 11.25vw; /* 216/19.2 */
  max-width: 216px;
}
@media screen and (max-width:1920px) {
  #aboutQuality__icon {
    top: -3.4375vw; /* 66/19.2 */
    right: -1.3020833333vw; /* 25/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutQuality__icon {
    top:   -webkit-calc( ( 26px +  7 * ( 100vw - 601px ) / 167 ) * -1 );
    top:           calc( ( 26px +  7 * ( 100vw - 601px ) / 167 ) * -1 );
    right: -webkit-calc( ( -5px +  17 * ( 100vw - 601px ) / 167 ) * -1 );
    right:         calc( ( -5px +  17 * ( 100vw - 601px ) / 167 ) * -1 );
    width: -webkit-calc( 86px + 22 * ( 100vw - 601px ) / 167 );
    width:         calc( 86px + 22 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  #aboutQuality__icon {
    display: none;
  }
}


/*  aboutQuality__text
------------------------*/
#aboutQuality__text {
  position: relative;
  z-index: 0;
  font-size: 20px;
  line-height: 2.2;
  letter-spacing: .04em;
  text-indent: .04em;
  text-align: center;
}
@media screen and (max-width:1920px) {
  #aboutQuality__text {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  #aboutQuality__text {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px  ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px  ) / 448 );
  }
}


/* =====================
  aboutQualityTextLarge
===================== */
#aboutQualityTextLarge {
  display: block;
  font-weight: 500;
  font-size: 1.9em; /* 38/20 */
  letter-spacing: .075em;
  line-height: 1.7;
  text-indent: .075em;
}


/*  aboutQualityTextLarge__mark
------------------------*/
.aboutQualityTextLarge__mark {
  font-size: .5263157894em; /* 20/38 */
  line-height: 2.75;
  vertical-align: top;
}


/* aboutQualityTextLarge__mark--top */
.aboutQualityTextLarge__mark--top {
  margin-right: .25em;
}


/* aboutQualityTextLarge__mark--bottom */
.aboutQualityTextLarge__mark--bottom {
  margin-left: .25em;
}


/*  aboutQualityTextLarge__text
------------------------*/


/*  aboutQualityTextLarge__closing
------------------------*/
.aboutQualityTextLarge__closing {
  font-size: .5263157894em; /* 20/38 */
}
@media screen and (max-width:600px) {
  .aboutQualityTextLarge__closing {
    display: block;
  }
}



/* =====================
  aboutFigure
===================== */
#aboutFigure {
  position: relative;
  z-index: 0;
  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;
  width: 84.375%; /* 1620/19.2 */
  max-width: 1620px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #aboutFigure {
    width: auto;
    max-width: none;
    margin: 0 1.85185185185%;
  }
}


/*  aboutFigure__item
------------------------*/
.aboutFigure__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 100% - ( 1.85185185185% * 2 ) ) / 3 );
  width:         calc( ( 100% - ( 1.85185185185% * 2 ) ) / 3 );
}

.aboutFigure__item + .aboutFigure__item {
  margin-left: 1.85185185185%; /* 30/16.2 */
}



/* =====================
  secPlanner
===================== */
#secPlanner {
  margin-top: -110px;
  padding: 270px 0;
  padding-bottom: 170px;
  background-color: #e8edf2;
}
@media screen and (max-width:1920px) {
  #secPlanner {
    margin-top: -5.729166667vw; /* 110/19.2 */
    padding: 14.0625vw 0; /* 270/19.2 */
    padding-bottom: 8.854166667vw; /* 170/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secPlanner {
    margin-top: -webkit-calc( ( 27px + 27 * ( 100vw - 320px ) / 448 ) * -1 );
    margin-top:         calc( ( 27px + 27 * ( 100vw - 320px ) / 448 ) * -1 );
    padding: -webkit-calc( 67px + 67 * ( 100vw - 320px ) / 448 ) 0;
    padding:         calc( 67px + 67 * ( 100vw - 320px ) / 448 ) 0;
    padding-bottom: -webkit-calc( 42px + 42 * ( 100vw - 320px ) / 448 );
    padding-bottom:         calc( 42px + 42 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  plannerTitle
===================== */
#plannerTitle {
  width: 54.947916667%; /* 1055/19.2 */
  max-width: 1055px;
  margin: 0 auto;
  margin-bottom: 130px;
}
@media screen and (max-width:1920px) {
  #plannerTitle {
    margin-bottom: 6.770833333vw; /* 130/19.2 */
  }
}
@media screen and (max-width:768px) {
  #plannerTitle {
    width: -webkit-calc( 211px + 211 * ( 100vw - 320px ) / 448 );
    width:         calc( 211px + 211 * ( 100vw - 320px ) / 448 );
    margin-bottom: -webkit-calc( 32px + 32 * ( 100vw - 320px ) / 448 );
    margin-bottom:         calc( 32px + 32 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  plannerListWrap
===================== */
#plannerListWrap {
  width: 71.35416667vw; /* 1370/19.2 */
  max-width: 1370px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #plannerListWrap {
    width: -webkit-calc( 406px + 223 * ( 100vw - 426px ) / 342 );
    width:         calc( 406px + 223 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  #plannerListWrap {
    width: -webkit-calc( 240px + 40 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 240px + 40 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}




/* =====================
  plannerList
===================== */
#plannerList {
  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;
  list-style: none;
  margin: 0 0 -20px -220px;
}
@media screen and (max-width:1920px) {
  #plannerList {
    margin: 0 0 -1.0416666667vw -11.458333333vw; /* 20/19.2 220/19.2 */
  }
}
@media screen and (max-width:768px) {
  #plannerList {
    margin: 0 0
            -webkit-calc( ( 10px + 10 * ( 100vw - 426px ) / 342 ) * -1 )
            -webkit-calc( ( 10px + 45 * ( 100vw - 426px ) / 342 ) * -1 );
    margin: 0 0
                    calc( ( 10px + 10 * ( 100vw - 426px ) / 342 ) * -1 )
                    calc( ( 10px + 45 * ( 100vw - 426px ) / 342 ) * -1 );
  }
}
@media screen and (max-width:600px) {
  #plannerList {
    display: block;
    margin: 0 0 -40px -20px;
  }
}


/*  plannerList__item
------------------------*/
.plannerList__item {
  margin: 0 0 20px 220px;
}
@media screen and (max-width:1920px) {
  .plannerList__item {
    margin: 0 0 1.0416666667vw 11.458333333vw; /* 20/19.2 220/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerList__item {
    margin: 0 0
            -webkit-calc( 10px + 10 * ( 100vw - 426px ) / 342 )
            -webkit-calc( 10px + 45 * ( 100vw - 426px ) / 342 );
    margin: 0 0
                    calc( 10px + 10 * ( 100vw - 426px ) / 342 )
                    calc( 10px + 45 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerList__item {
    display: block;
    margin: 0 0 40px 20px;
  }
}

.plannerList__item:nth-of-type(3n) {
  flex: 100%;
}



/* =====================
  plannerListContents
===================== */
.plannerListContents {
  position: relative;
  z-index: 0;
  background-color: #fff;
  width: 29.947916667vw; /* 575/19.2 */
  max-width: 575px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width:768px) {
  .plannerListContents {
    width: -webkit-calc( 198px + 89 * ( 100vw - 426px ) / 342 );
    width:         calc( 198px + 89 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents {
    width: auto;
  }
}

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


/*  plannerListContents__number
------------------------*/
.plannerListContents__number {
  position: absolute;
  top: -44px;
  left: 0;
}
@media screen and (max-width:1920px) {
  .plannerListContents__number {
    top: -2.2916666667vw; /* 44/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents__number {
    top: -webkit-calc( ( 4px + 16 * ( 100vw - 426px ) / 342 ) * -1 );
    top:         calc( ( 4px + 16 * ( 100vw - 426px ) / 342 ) * -1 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents__number {
    top: -webkit-calc( ( 18px + -6 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) * -1 );
    top:         calc( ( 18px + -6 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) ) * -1 );
  }
}


/*  plannerListContents__detail
------------------------*/
.plannerListContents__detail {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}



/* =====================
  plannerListDetail
===================== */
/*  plannerListDetail__icon
------------------------*/
.plannerListDetail__icon {
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width:1920px) {
  .plannerListDetail__icon {
    margin-bottom: 2.0833333333vw; /* 40/19.2 */
  }
}
@media screen and (max-width:600px) {
  .plannerListDetail__icon {
    margin-bottom: -webkit-calc( 10px + 10 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    margin-bottom:         calc( 10px + 10 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}


/*  plannerListDetail__text
------------------------*/
.plannerListDetail__text {
  font-size: 20px;
  line-height: 2.2;
}
@media screen and (max-width:1920px) {
  .plannerListDetail__text {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListDetail__text {
    font-size: -webkit-calc( 10px + 2 * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    font-size:         calc( 10px + 2 * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}



/* =====================
  plannerListContents--01
===================== */
.plannerListContents--01 .plannerListContents__number {
  left: 90px;
  width: 3.90625vw; /* 75/19.2 */
  max-width: 75px;
}
@media screen and (max-width:1920px) {
  .plannerListContents--01 .plannerListContents__number {
    left: 4.6875vw; /* 90/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents--01 .plannerListContents__number {
    left: -webkit-calc( 27px + 18 * ( 100vw - 426px ) / 342 );
    left:         calc( 27px + 18 * ( 100vw - 426px ) / 342 );
    width: -webkit-calc( 22px + 15 * ( 100vw - 426px ) / 342 );
    width:         calc( 22px + 15 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--01 .plannerListContents__number {
    left: -webkit-calc( 37px + 3 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    left:         calc( 37px + 3 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width: -webkit-calc( 31px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 31px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}

.plannerListContents--01 .plannerListDetail__icon {
  width: 6.875vw; /* 132/19.2 */
  max-width: 132px;
}
@media screen and (max-width:768px) {
  .plannerListContents--01 .plannerListDetail__icon {
    width: -webkit-calc( 39px + 27 * ( 100vw - 426px ) / 342 );
    width:         calc( 39px + 27 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--01 .plannerListDetail__icon {
    width: -webkit-calc( 55px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 55px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}


/* =====================
  plannerListContents--02
===================== */
.plannerListContents--02 .plannerListContents__number {
  left: 78px;
  width: 5.9375vw; /* 114/19.2 */
  max-width: 114px;
}
@media screen and (max-width:1920px) {
  .plannerListContents--02 .plannerListContents__number {
    left: 4.0625vw; /* 78/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents--02 .plannerListContents__number {
    left: -webkit-calc( 23px + 16 * ( 100vw - 426px ) / 342 );
    left:         calc( 23px + 16 * ( 100vw - 426px ) / 342 );
    width: -webkit-calc( 34px + 23 * ( 100vw - 426px ) / 342 );
    width:         calc( 34px + 23 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--02 .plannerListContents__number {
    left: -webkit-calc( 32px + 3 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    left:         calc( 32px + 3 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width: -webkit-calc( 47px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 47px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}

.plannerListContents--02 .plannerListDetail__icon {
  width: 16.4583333333vw; /* 316/19.2 */
  max-width: 316px;
}
@media screen and (max-width:768px) {
  .plannerListContents--02 .plannerListDetail__icon {
    width: -webkit-calc( 94px + 64 * ( 100vw - 426px ) / 342 );
    width:         calc( 94px + 64 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--02 .plannerListDetail__icon {
    width: -webkit-calc( 132px + 10 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 132px + 10 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}


/* =====================
  plannerListContents--03
===================== */
.plannerListContents--03 .plannerListContents__number {
  left: 84px;
  width: 5.572916667vw; /* 107/19.2 */
  max-width: 107px;
}
@media screen and (max-width:1920px) {
  .plannerListContents--03 .plannerListContents__number {
    left: 4.375vw; /* 84/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents--03 .plannerListContents__number {
    left: -webkit-calc( 25px + 17 * ( 100vw - 426px ) / 342 );
    left:         calc( 25px + 17 * ( 100vw - 426px ) / 342 );
    width: -webkit-calc( 31px + 22 * ( 100vw - 426px ) / 342 );
    width:         calc( 31px + 22 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--03 .plannerListContents__number {
    left: -webkit-calc( 35px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    left:         calc( 35px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width: -webkit-calc( 44px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 44px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}

.plannerListContents--03 .plannerListDetail__icon {
  width: 9.2708333333vw; /* 178/19.2 */
  max-width: 178px;
  margin-bottom: 30px;
}
@media screen and (max-width:1920px) {
  .plannerListContents--03 .plannerListDetail__icon {
    margin-bottom: 1.5625vw; /* 30/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents--03 .plannerListDetail__icon {
    width: -webkit-calc( 53px + 36 * ( 100vw - 426px ) / 342 );
    width:         calc( 53px + 36 * ( 100vw - 426px ) / 342 );
    margin-bottom: -webkit-calc( 10px + 5 * ( 100vw - 320px ) / 448 );
    margin-bottom:         calc( 10px + 5 * ( 100vw - 320px ) / 448 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--03 .plannerListDetail__icon {
    width: -webkit-calc( 74px + 6 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 74px + 6 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}


/* =====================
  plannerListContents--04
===================== */
.plannerListContents--04 .plannerListContents__number {
  left: 84px;
  width: 5.26041667vw; /* 101/19.2 */
  max-width: 101px;
}
@media screen and (max-width:1920px) {
  .plannerListContents--04 .plannerListContents__number {
    left: 4.375vw; /* 84/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents--04 .plannerListContents__number {
    left: -webkit-calc( 25px + 17 * ( 100vw - 426px ) / 342 );
    left:         calc( 25px + 17 * ( 100vw - 426px ) / 342 );
    width: -webkit-calc( 30px + 20 * ( 100vw - 426px ) / 342 );
    width:         calc( 30px + 20 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--04 .plannerListContents__number {
    left: -webkit-calc( 35px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    left:         calc( 35px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width: -webkit-calc( 42px + 3 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 42px + 3 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}

.plannerListContents--04 .plannerListContents__detail {
  top: 52.5%;
}

.plannerListContents--04 .plannerListDetail__icon {
  width: 8.3333333333vw; /* 160/19.2 */
  max-width: 160px;
}
@media screen and (max-width:768px) {
  .plannerListContents--04 .plannerListDetail__icon {
    width: -webkit-calc( 48px + 32 * ( 100vw - 426px ) / 342 );
    width:         calc( 48px + 32 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--04 .plannerListDetail__icon {
    width: -webkit-calc( 67px + 5 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 67px + 5 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}


/* =====================
  plannerListContents--05
===================== */
.plannerListContents--05 .plannerListContents__number {
  left: 84px;
  width: 5.572916667vw; /* 107/19.2 */
  max-width: 107px;
}
@media screen and (max-width:1920px) {
  .plannerListContents--05 .plannerListContents__number {
    left: 4.375vw; /* 84/19.2 */
  }
}
@media screen and (max-width:768px) {
  .plannerListContents--05 .plannerListContents__number {
    left: -webkit-calc( 25px + 17 * ( 100vw - 426px ) / 342 );
    left:         calc( 25px + 17 * ( 100vw - 426px ) / 342 );
    width: -webkit-calc( 31px + 22 * ( 100vw - 426px ) / 342 );
    width:         calc( 31px + 22 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--05 .plannerListContents__number {
    left: -webkit-calc( 35px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    left:         calc( 35px + 2 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width: -webkit-calc( 44px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 44px + 4 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}

.plannerListContents--05 .plannerListContents__detail {
  top: 54%;
}

.plannerListContents--05 .plannerListDetail__icon {
  width: 14.84375vw; /* 285/19.2 */
  max-width: 285px;
}
@media screen and (max-width:768px) {
  .plannerListContents--05 .plannerListDetail__icon {
    width: -webkit-calc( 85px + 57 * ( 100vw - 426px ) / 342 );
    width:         calc( 85px + 57 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .plannerListContents--05 .plannerListDetail__iconn {
    width: -webkit-calc( 119px + 9 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    width:         calc( 119px + 9 * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}



/* =====================
  secExample
===================== */
#secExample {
  padding-top: 172px;
}
@media screen and (max-width:1920px) {
  #secExample {
    padding-top: 8.958333333vw; /* 172/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secExample {
    padding-top: -webkit-calc( 43px + 43 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 43px + 43 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  exampleTitle
===================== */
#exampleTitle {
  width: 28.072916667%; /* 539/19.2 */
  max-width: 539px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #exampleTitle {
    width: 28.072916667%; /* 539/19.2 */
    width: -webkit-calc( 161px + 54 * ( 100vw - 320px ) / 448 );
    width:         calc( 161px + 54 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  exampleContainer
===================== */
/*  exampleContainer__top
------------------------*/
.exampleContainer__top {
  padding: 140px 0 100px;
}
@media screen and (max-width:1920px) {
  .exampleContainer__top {
    padding: 7.291666667vw 0 5.2083333333vw; /* 140/19.2 100/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContainer__top {
    padding: -webkit-calc( 35px + 35 * ( 100vw - 320px ) / 448 ) 0
             -webkit-calc( 35px + 35 * ( 100vw - 320px ) / 448 );
    padding:         calc( 35px + 35 * ( 100vw - 320px ) / 448 ) 0
                     calc( 35px + 35 * ( 100vw - 320px ) / 448 );
  }
}

.exampleContainer:first-of-type .exampleContainer__top {
  padding-top: 92px;
}
@media screen and (max-width:1920px) {
  .exampleContainer:first-of-type .exampleContainer__top {
    padding-top: 4.7916666667vw; /* 92/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContainer:first-of-type .exampleContainer__top {
    padding-top: -webkit-calc( 23px + 23 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 23px + 23 * ( 100vw - 320px ) / 448 );
  }
}


/*  exampleContainer__bottom
------------------------*/
.exampleContainer__bottom {
  padding: 123px 0 103px;
  background-color: #e8edf2;
}
@media screen and (max-width:1920px) {
  .exampleContainer__bottom {
    padding: 6.40625vw 0 5.364583333vw; /* 123/19.2 103/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContainer__bottom {
    padding: -webkit-calc( 40px + 30 * ( 100vw - 320px ) / 448 ) 0
             -webkit-calc( 35px + 35 * ( 100vw - 320px ) / 448 );
    padding:         calc( 40px + 30 * ( 100vw - 320px ) / 448 ) 0
                     calc( 35px + 35 * ( 100vw - 320px ) / 448 );
  }
}


.exampleContainer:last-of-type .exampleContainer__bottom {
  padding-bottom: 153px;
}
@media screen and (max-width:1920px) {
  .exampleContainer:last-of-type .exampleContainer__bottom {
    padding-bottom: 7.96875vw; /* 153/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContainer:last-of-type .exampleContainer__bottom {
    padding-bottom: -webkit-calc( 38px + 38 * ( 100vw - 320px ) / 448 );
    padding-bottom:         calc( 38px + 38 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  exampleContainerInner
===================== */
.exampleContainerInner {
  margin: 0 auto;
}


/*  exampleContainerInner--top
------------------------*/
.exampleContainerInner--top {
  max-width: 1920px;
}


/*  exampleContainerInner--bottom1712
------------------------*/
.exampleContainerInner--bottom1712 {
  width: 89.1666667%; /* 1712/19.2 */
  max-width: 1712px;
}
@media screen and (max-width:768px) {
  .exampleContainerInner--bottom1712 {
    width: 90%;
  }
}


/*  exampleContainerInner--bottom1622
------------------------*/
.exampleContainerInner--bottom1622 {
  width: 84.47916667%; /* 1622/19.2 */
  max-width: 1622px;
}
@media screen and (max-width:768px) {
  .exampleContainerInner--bottom1622 {
    width: 90%;
  }
}



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


/*  exampleContents__detail
------------------------*/
.exampleContents__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding: 0 82px;
  padding-left: 108px;
  overflow: hidden;
}
@media screen and (max-width:1920px) {
  .exampleContents__detail {
    padding: 0 4.2708333333vw; /* 82/19.2 */
    padding-left: 5.625vw; /* 108/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContents__detail {
    padding: 0 4.2708333333vw;
  }
}
@media screen and (max-width:600px) {
  .exampleContents__detail {
    padding: 0 -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 );
    padding:        0  calc( 15px + 15 * ( 100vw - 320px ) / 280 );
  }
}


/*  exampleContents__figure
------------------------*/
.exampleContents__figure {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 62.5%; /* 1200/19.2 */
  max-width: 1200px;
}
@media screen and (max-width:600px) {
  .exampleContents__figure {
    width: auto;
    max-width: none;
    margin-top: -webkit-calc( 30px + 26.875 * ( 100vw - 320px ) / 280 );
    margin-top:         calc( 30px + 26.875 * ( 100vw - 320px ) / 280 );
  }
}


/* exampleContents--reverse */
.exampleContents--reverse {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.exampleContents--reverse .exampleContents__detail {
  padding: 0 48px;
  padding-right: 142px;
}
@media screen and (max-width:1920px) {
  .exampleContents--reverse .exampleContents__detail {
    padding: 0 2.5vw; /* 48/19.2 */
    padding-right: 7.395833333vw; /* 142/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContents--reverse .exampleContents__detail {
    padding: 0 4.2708333333vw;
  }
}
@media screen and (max-width:600px) {
  .exampleContents--reverse .exampleContents__detail {
    padding: 0 -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 );
    padding:         0 calc( 15px + 15 * ( 100vw - 320px ) / 280 );
  }
}


/* =====================
  exampleMiddleTitle
===================== */
.exampleMiddleTitle {
  width: 27.60416667vw; /* 530/19.2 */
  max-width: 530px;
  margin: 0 auto;
  margin-bottom: 70px;
}
@media screen and (max-width:1920px) {
  .exampleMiddleTitle {
    margin-bottom: 3.6458333333vw; /* 70/19.2 */
  }
}
@media screen and (max-width:600px) {
  .exampleMiddleTitle {
    width: -webkit-calc( 240px + 25 * ( 100vw - 320px ) / 280 );
    width:         calc( 240px + 25 * ( 100vw - 320px ) / 280 );
    margin-bottom: -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 );
    margin-bottom:         calc( 15px + 15 * ( 100vw - 320px ) / 280 )
  }
}



/* =====================
  examplePlace
===================== */
.examplePlace {
  display: table;
  margin-bottom: 1.111111111em; /* 20/18 */
  margin-left: 42px;
  padding: 0 .888888889em; /* 16/18 */
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.777777778;
  text-align: center;
}
@media screen and (max-width:1920px) {
  .examplePlace {
    margin-left: 2.1875vw; /* 42/19.2 */
    font-size: .9375vw; /* 18/19.2 */
  }
}
@media screen and (max-width:768px) {
  .examplePlace {
    margin-left: 0;
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  exampleText
===================== */
.exampleText {
  margin-left: 42px;
  font-size: 20px;
  line-height: 2.2;
  text-align: justify;
}
@media screen and (max-width:1920px) {
  .exampleText {
    margin-left: 2.1875vw; /* 42/19.2 */
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleText {
    margin-left: 0;
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  exampleFigure
===================== */
/*  exampleFigure__large
------------------------*/
/*  exampleFigure__small
------------------------*/
.exampleFigure__small {
  margin-top: 16px;
  overflow: hidden;
}
@media screen and (max-width:1920px) {
  .exampleFigure__small {
    margin-top: .8333333333vw; /* 16/19.2 */
  }
}



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


/*  exampleFigureSmall__item
------------------------*/
.exampleFigureSmall__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 100% - 20px ) / 2 );
  width:         calc( ( 100% - 20px ) / 2 );
}
@media screen and (max-width:1920px) {
  .exampleFigureSmall__item {
    width: -webkit-calc( ( 100% - 1.6666667% ) / 2 );
    width:         calc( ( 100% - 1.6666667% ) / 2 );
  }
}

.exampleFigureSmall__item + .exampleFigureSmall__item {
  margin-left: 20px;
}
@media screen and (max-width:1920px) {
  .exampleFigureSmall__item + .exampleFigureSmall__item {
    margin-left: 1.6666667%;
  }
}



/* =====================
  exampleContents--01
===================== */
.exampleContents--01 .exampleMiddleTitle {
  margin-top: 33px;
}
@media screen and (max-width:1920px) {
  .exampleContents--01 .exampleMiddleTitle {
    margin-top: 1.71875vw; /* 33/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContents--01 .exampleMiddleTitle {
    margin-top: 0;
  }
}


/* =====================
  exampleContents--02
===================== */
.exampleContents--02 .exampleMiddleTitle {
  margin-top: 185px;
}
@media screen and (max-width:1920px) {
  .exampleContents--02 .exampleMiddleTitle {
    margin-top: 9.6354166667vw; /* 185/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContents--02 .exampleMiddleTitle {
    margin-top: 0;
  }
}


/* =====================
  exampleContents--03
===================== */


/* =====================
  exampleContents--04
===================== */
.exampleContents--04 .exampleMiddleTitle {
  margin-top: 42px;
}
@media screen and (max-width:1920px) {
  .exampleContents--04 .exampleMiddleTitle {
    margin-top: 2.1875vw; /* 42/19.2 */
  }
}
@media screen and (max-width:768px) {
  .exampleContents--04 .exampleMiddleTitle {
    margin-top: 0;
  }
}



/* =====================
  examplePoint
===================== */
.examplePoint {
  position: relative;
  z-index: 0;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}


/*  examplePoint__subTitle
------------------------*/
.examplePoint__subTitle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-56.16438356164384%);
      -ms-transform: translateY(-56.16438356164384%);
       -o-transform: translateY(-56.16438356164384%);
          transform: translateY(-56.16438356164384%);
  width: 27.13541667vw; /* 521/19.2 */
  max-width: 521px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .examplePoint__subTitle {
    width: -webkit-calc( 240px + 46 * ( 100vw - 320px ) / 448 );
    width:         calc( 240px + 46 * ( 100vw - 320px ) / 448 );
  }
}


/*  examplePoint__body
------------------------*/
.examplePoint__body {
  padding: 78px 39px;
  padding-bottom: 64px;
}
@media screen and (max-width:1920px) {
  .examplePoint__body {
    padding: 4.2708333333vw 2.03125vw; /* 78/19.2 39/19.2 */
    padding-bottom: 3.3333333333vw; /* 64/19.2 */
  }
}
@media screen and (max-width:768px) {
  .examplePoint__body {
    padding: 4.2708333333vw 2.03125vw; /* 78/19.2 39/19.2 */
    padding-bottom: 3.3333333333vw; /* 64/19.2 */
    padding: -webkit-calc( 30px + 15 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 448 );
    padding:         calc( 30px + 15 * ( 100vw - 320px ) / 448 )
                     calc( 15px + 15 * ( 100vw - 320px ) / 448 );
    padding-bottom: -webkit-calc( 16px + 15 * ( 100vw - 320px ) / 448 );
    padding-bottom:         calc( 16px + 15 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  examplePointListWrap
===================== */
.examplePointListWrap {
  width: 68.75vw; /* 1520/19.2 */
  max-width: 1320px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .examplePointListWrap {
    width: -webkit-calc( 330px + 264 * ( 100vw - 426px ) / 342 );
    width:         calc( 330px + 264 * ( 100vw - 426px ) / 342 );
  }
}
@media screen and (max-width:600px) {
  .examplePointListWrap {
    width: auto;
  }
}
@media screen and (max-width:425px) {
  .examplePointListWrap {
    width: 180px;
  }
}



/* =====================
  examplePointList
===================== */
.examplePointList {
  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: flex-start;
      align-items: flex-start;
  list-style: none;
  margin: 0 0 -40px -40px;
}
@media screen and (max-width:1920px) {
  .examplePointList {
    margin: 0 0 -2.0833333333vw -2.0833333333vw; /* 40/19.2 */
  }
}
@media screen and (max-width:600px) {
  .examplePointList {
    margin: 0 0 -15px -15px;
  }
}
@media screen and (max-width:425px) {
  .examplePointList {
    display: block;
  }
}


/*  examplePointList__item
------------------------*/
.examplePointList__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 100% - ( 40px * 4 ) ) / 4 );
  width:         calc( ( 100% - ( 40px * 4 ) ) / 4 );
  margin: 0 0 40px 40px;
}
@media screen and (max-width:1920px) {
  .examplePointList__item {
    width: -webkit-calc( ( 100% - ( 2.0833333333vw * 4 ) ) / 4 );
    width:         calc( ( 100% - ( 2.0833333333vw * 4 ) ) / 4 );
    margin: 0 0 2.0833333333vw 2.0833333333vw; /* 40/19.2 */
  }
}
@media screen and (max-width:600px) {
  .examplePointList__item {
    width: -webkit-calc( ( 100% - ( 15px * 2 ) ) / 2 );
    width:         calc( ( 100% - ( 15px * 2 ) ) / 2 );
    margin: 0 0 15px 15px;
  }
}
@media screen and (max-width:425px) {
  .examplePointList__item {
      width: auto;
  }
}



/* =====================
  examplePointCaption
===================== */
.examplePointCaption {
  display: table;
  margin: 0 auto;
  margin-top: 1.388888889em; /* 25/18 */
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width:1920px) {
  .examplePointCaption {
    font-size: .9375vw; /* 18/19.2 */
  }
}
@media screen and (max-width:768px) {
  .examplePointCaption {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  secMessage
===================== */
#secMessage {
  background-image: url("../img/main/message/bg.jpg");
  background-position: right center;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width:768px) {
  #secMessage {
    background-position: 60% 50%;
  }
}
@media screen and (max-width:600px) {
  #secMessage {
    background-position: 85% 50%;
  }
}


/*  secMessage__inner
------------------------*/
#secMessage__inner {
  position: relative;
  z-index: 0;
  max-width: 1920px;
  margin: 0 auto;
}

#secMessage__inner:before {
  display: block;
  padding-top: 67.1875%; /* 1290/19.2 */
  content: " ";
}
@media screen and (max-width:768px) {
  #secMessage__inner:before {
    padding-top: -webkit-calc( 516px + 129 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 516px + 129 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  messageContents
===================== */
#messageContents {
  position: absolute;
  bottom: 212px;
  left: 0;
  width: 50vw; /* 960/19.2 */
  max-width: 960px;
}
@media screen and (max-width:1920px) {
  #messageContents {
    bottom: 11.041666667vw;
  }
}
@media screen and (max-width:600px) {
  #messageContents {
    width: -webkit-calc( 300px + 140 * ( 100vw - 320px ) / 280 );
    width:         calc( 300px + 140 * ( 100vw - 320px ) / 280 );
  }
}


/*  messageContents__title
------------------------*/
#messageContents__title {
  width: 71.875%; /* 690/9.6 */
  max-width: 690px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width:1920px) {
  #messageContents__title {
    margin-bottom: 2.0833333333vw; /* 40/19.2 */
  }
}
@media screen and (max-width:600px) {
  #messageContents__title {
    width: 65%;
  }
}


/*  messageContents__text
------------------------*/
#messageContents__text {
  padding: 106px 102px;
  padding-left: 138px;
  background-color: #fff;
}
@media screen and (max-width:1920px) {
  #messageContents__text {
    padding: 5.520833333vw 5.3125vw; /* 106/19.2 102/19.2 */
    padding-left: 7.1875vw; /* 138/19.2 */
  }
}
@media screen and (max-width:768px) {
  #messageContents__text {
    background-color: rgba(255,255,255,.75);
  }
}



/* =====================
  messageText
===================== */
#messageText {
  font-size: 22px;
  line-height: 2.1818181818;
  letter-spacing: .06em;
  text-indent: .06em;
}
@media screen and (max-width:1920px) {
  #messageText {
    font-size: 1.1458333333vw; /* 22/19.2 */
  }
}
@media screen and (max-width:768px) {
  #messageText {
    font-size: -webkit-calc( 11px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 11px + 2 * ( 100vw - 320px ) / 448 );
  }
}

@media screen and (max-width:768px) {
  #messageText br {
    display: none;
  }
}


/*  messageText__item
------------------------*/
.messageText__item + .messageText__item {
  margin-top: 1.1818181818em; /* 26/22 */
}



/* =====================
  secFaq
===================== */
#secFaq {
  background-color: #e8edf2;
}


/*  secFaq__innrer
------------------------*/
#secFaq__inner {
  width: 80vw; /* 1536/19.2 */
  max-width: 1536px;
  margin: 0 auto;
  padding: 134px 0 170px;
}
@media screen and (max-width:1920px) {
  #secFaq__inner {
    padding: 6.979166667vw 0 8.854166667vw; /* 134/19.2 170/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secFaq__inner {
    padding: -webkit-calc( 33px + 66 * ( 100vw - 320px ) / 448 ) 0
             -webkit-calc( 42px + 42 * ( 100vw - 320px ) / 448 );
    padding:         calc( 33px + 66 * ( 100vw - 320px ) / 448 ) 0
                     calc( 42px + 42 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  taqTItle
===================== */
#taqTItle {
  width: 15.69010417%; /* 241/15.36 */
  max-width: 241px;
  margin: 0 auto;
  margin-bottom: 84px;
}
@media screen and (max-width:1920px) {
  #taqTItle {
    margin-bottom: 4.375vw; /* 84/19.2 */
  }
}
@media screen and (max-width:768px) {
  #taqTItle {
    width: -webkit-calc( 72px + 48 * ( 100vw - 320px ) / 448 );
    width:         calc( 72px + 48 * ( 100vw - 320px ) / 448 );
    margin-bottom: -webkit-calc( 21px + 21 * ( 100vw - 320px ) / 448 );
    margin-bottom:         calc( 21px + 21 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  faqList
===================== */
/*  faqList__item
------------------------*/
.faqList__item + .faqList__item {
  margin-top: 70px;
}
@media screen and (max-width:1920px) {
  .faqList__item + .faqList__item {
    margin-top: 3.6458333333vw; /* 70/19.2 */
  }
}



/* =====================
  faqListContainer
===================== */
.faqListContainer {
  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;
  padding: 40px 50px;
  border: 1px solid #000;
  background-color: #fff;
}
@media screen and (max-width:1920px) {
  .faqListContainer {
    padding: 2.0833333333vw 2.6041666667vw; /* 40/19.2 50/19.2 */
  }
}
@media screen and (max-width:600px) {
  .faqListContainer {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width:600px) {
  .faqListContainer {
    padding: 0;
  }
}

.faqListContainer:before {
  display: block;
  -ms-align-self: stretch;
      align-self: stretch;
  margin: 0 50px;
  border-left: 1px solid #000;
  content: " ";
}
@media screen and (max-width:1920px) {
  .faqListContainer:before {
    margin: 0 2.6041666667vw; /* 50/19.2 */
  }
}
@media screen and (max-width:600px) {
  .faqListContainer:before {
    border: none;
    border-top: 1px solid #000;
    margin: 0;
  }
}


/*  faqListContainer__title
------------------------*/
.faqListContainer__title {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  justify-content: center;
  -ms-align-items: center;
       align-items: center;
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
  width: 14.6443514644%; /* 210/14.34 */
  max-width: 210px;
  text-align: center;
}
@media screen and (max-width:768px) {
  .faqListContainer__title {
    width: -webkit-calc( 136px + 21 * ( 100vw - 601px ) / 167 );
    width:         calc( 136px + 21 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  .faqListContainer__title {
    width: auto;
    max-width: none;
    padding: -webkit-calc( 15px + 5 * ( 100vw - 320px ) / 280 )
             -webkit-calc( 18px + 7 * ( 100vw - 320px ) / 280 );
    padding:         calc( 15px + 5 * ( 100vw - 320px ) / 280 )
                     calc( 18px + 7 * ( 100vw - 320px ) / 280 );
  }
}


/*  faqListContainer___body
------------------------*/
.faqListContainer___body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}
@media screen and (max-width:600px) {
  .faqListContainer___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;
  }
}



/* =====================
  faqListMiddleTitle
===================== */
.faqListMiddleTitle {
  font-weight: 700;
  font-size: 24px;
}
@media screen and (max-width:1920px) {
  .faqListMiddleTitle {
    font-size: 1.25vw; /* 24/19.2 */
  }
}
@media screen and (max-width:768px) {
  .faqListMiddleTitle {
    font-size: -webkit-calc( 12px + 2 * ( 100vw + 320px ) / 448 );
    font-size:         calc( 12px + 2 * ( 100vw + 320px ) / 448 );
  }
}
@media screen and (max-width:600px) {
  .faqListMiddleTitle {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    justify-content: center;
    -ms-align-items: center;
        align-items: center;
  }
}


/*  faqListMiddleTitle__icon
------------------------*/
.faqListMiddleTitle__icon {
  display: block;
  width: 2.33333333333em; /* 56/24 */
  max-width: 56px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .faqListMiddleTitle__icon {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    width: -webkit-calc( 14px + 14 * ( 100vw - 320px ) / 448 );
    width:         calc( 14px + 14 * ( 100vw - 320px ) / 448 );
  }
}


/*  faqListMiddleTitle__text
------------------------*/
.faqListMiddleTitle__text {
  display: block;
  margin-top: 1.0833333333em; /* 26/24 */
  letter-spacing: .06em;
  text-indent: .06em;
  white-space: nowrap;
}
@media screen and (max-width:600px) {
  .faqListMiddleTitle__text {
    margin-top: 0;
    margin-left: .54166666665em;
  }
}



/* =====================
  faqListContents
===================== */
.faqListContents {
  font-size: 32px;
}
@media screen and (max-width:1920px) {
  .faqListContents {
    font-size: 1.6666666667vw; /* 32/19.2 */
  }
}
@media screen and (max-width:768px) {
  .faqListContents {
    font-size: -webkit-calc( 16px + 3 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 16px + 3 * ( 100vw - 320px ) / 448 );
    padding: 1em;
  }
}


/*  faqListContents__subTitle
------------------------*/
.faqListContents__subTitle {
  padding: 1.25em 0; /* 40/32 */
  font-weight: 600;
  letter-spacing: .14em;
  text-indent: .14em;
}
@media screen and (max-width:600px) {
  .faqListContents__subTitle {
    padding: 0;
  }
}


/*  faqListContents__body
------------------------*/
.faqListContents__body {
  padding: 1.909090909em 0; /* 42/22 */
  border-top: .090909090909em dashed #000; /* 2/22 */
  font-size: .6875em; /* 22/32 */
  letter-spacing: .1em;
  line-height: 2.18181818182;
  text-indent: .1em;
}
@media screen and (max-width:600px) {
  .faqListContents__body {
    margin-top: 1em;
    padding-top: 1em;
  }
}



/* =====================
  secRestaurant
===================== */
#secRestaurant {
  padding-top: 166px;
}
@media screen and (max-width:1920px) {
  #secRestaurant {
    padding-top: 8.645833333vw; /* 166/19.2 */
  }
}
@media screen and (max-width:768px) {
  #secRestaurant {
    padding-top: -webkit-calc( 41px + 41 * ( 100vw - 320px ) / 448 );
    padding-top:         calc( 41px + 41 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  restaurantTitle
===================== */
#restaurantTitle {
  width: 51.25vw; /* 984/19.2 */
  max-width: 984px;
  margin: 0 auto;
  margin-bottom: 102px;
}
@media screen and (max-width:1920px) {
  #restaurantTitle {
    margin-bottom: 5.3125vw; /* 102/19.2 */
  }
}
@media screen and (max-width:768px) {
  #restaurantTitle {
    width: -webkit-calc( 196px + 196 * ( 100vw - 320px ) / 448 );
    width:         calc( 196px + 196 * ( 100vw - 320px ) / 448 );
    margin-bottom: -webkit-calc( 25px + 25 * ( 100vw - 320px ) / 448 );
    margin-bottom:         calc( 25px + 25 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  restaurantContainer
===================== */
.restaurantContainer + .restaurantContainer {
  margin-top: 149px;
}
@media screen and (max-width:1920px) {
  .restaurantContainer + .restaurantContainer {
    margin-top: 7.7604166667vw; /* 149/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContainer + .restaurantContainer {
    margin-top: -webkit-calc( 60px + ( 74 - 60 ) * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
    margin-top:         calc( 60px + ( 74 - 60 ) * ( ( 100vw - 601px ) / ( 768 - 601 ) ) );
  }
}
@media screen and (max-width:600px) {
  .restaurantContainer + .restaurantContainer {
    margin-top: -webkit-calc( 68px + ( 84 - 68 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
    margin-top:         calc( 68px + ( 84 - 68 ) * ( ( 100vw - 320px ) / ( 600 - 320 ) ) );
  }
}



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


/*  restaurantContents__detail
------------------------*/
.restaurantContents__detail {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  z-index: 0;
  width: 42.3958333333%; /* 814/19.2 */
  max-width: 814px;
  margin-right: -28.38541667%; /* 545/19.2 */
  padding-top: 175px;
}
@media screen and (max-width:1920px) {
  .restaurantContents__detail {
    padding-top: 9.114583333vw; /* 175/19.2 */
  }
}
@media screen and (max-width:600px) {
  .restaurantContents__detail {
    width: auto;
    max-width: none;
    margin-right: 0;
    padding-top: 0;
  }
}


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



/* =====================
  restaurantContentsDetail
===================== */
.restaurantContentsDetail {
  position: relative;
  z-index: 0;
  padding: 182px 92px 102px;
  padding-left: 190px;
  background-color: #fff;
}
@media screen and (max-width:1920px) {
  .restaurantContentsDetail {
    padding: 9.479166667vw 4.7916666667vw 5.3125vw; /* 182/19.2 92/19.2 102/19.2 */
    padding-left: 9.895833333vw; /* 190/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContentsDetail {
    padding: 9.479166667vw 4.7916666667vw 5.3125vw; /* 182/19.2 92/19.2 102/19.2 */
  }
}
@media screen and (max-width:600px) {
  .restaurantContentsDetail {
    padding: -webkit-calc( 17px + 17 * ( 100vw - 320px ) / 280 )
             -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 );
    padding:         calc( 17px + 17 * ( 100vw - 320px ) / 280 )
                     calc( 15px + 15 * ( 100vw - 320px ) / 280 );
  }
}


/* =====================
  slider
===================== */
.JS-ceremonyHallSlider {
  z-index: -1;
}

.JS-ceremonyHallSlider .preve-slide {
  transition-delay: .3s !important;
}

/* =====================
  restaurantMiddleTitle
===================== */
.restaurantMiddleTitle {
  margin-bottom: 14px;
}
@media screen and (max-width:1920px) {
  .restaurantMiddleTitle {
    margin-bottom: .7291666667vw; /* 14/19.2 */
  }
}

.restaurantMiddleTitle:after {
  display: block;
  margin-top: 2.5em; /* 50/20 */
  font-weight: 400;
  font-size: 20px;
  letter-spacing: .14em;
  content: attr(data-read);
}
@media screen and (max-width:1920px) {
  .restaurantMiddleTitle:after {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantMiddleTitle:after {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}


/*  restaurantMiddleTitle__place
------------------------*/
.restaurantMiddleTitle__place {
  display: table;
  margin-bottom: 3.625em; /* 58/16 */
  padding: 0 2.1875em; /* 35/16 */
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 2.125; /* 34/16 */
  letter-spacing: .012em;
  text-align: center;
  text-indent: .012em;
}
@media screen and (max-width:1920px) {
  .restaurantMiddleTitle__place {
    font-size: .8333333333vw; /* 16/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantMiddleTitle__place {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );;
    line-height: 1.666666667;
  }
}


/*  restaurantMiddleTitle__ballon
------------------------*/
.restaurantMiddleTitle__ballon {
  display: block;
  position: absolute;
}


/*  restaurantMiddleTitle__name
------------------------*/
.restaurantMiddleTitle__name {
  display: block;
}



/* =====================
  restaurantAccess
===================== */
.restaurantAccess {
  display: table;
  margin-bottom: 2.85em; /* 57/20 */
  padding: 0 1.3em; /* 26/20 */
  background-color: #e8edf2;
  font-size: 20px;
  letter-spacing: .14em;
  line-height: 1.95;
  text-align: center;
  text-indent: .14em;
}
@media screen and (max-width:1920px) {
  .restaurantAccess {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantAccess {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  restaurantDescription
===================== */
.restaurantDescription {
  font-size: 20px;
  letter-spacing: .14em;
  line-height: 2.2;
}
@media screen and (max-width:1920px) {
  .restaurantDescription {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantDescription {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    text-align: justify;
  }
}

@media screen and (max-width:768px) {
  .restaurantDescription br {
    display: none;
  }
}



/* =====================
  restaurantBtn
===================== */
.restaurantBtn {
  width: 16.9270833333vw; /* 325/19.2 */
  max-width: 325px;
  margin-top: 69px;
  margin-left: auto;
}
@media screen and (max-width:1920px) {
  .restaurantBtn {
    margin-top: 3.59375vw; /* 69/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantBtn {
    width: -webkit-calc( 162px + 33 * ( 100vw - 601px ) / 167 );
    width:         calc( 162px + 33 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  .restaurantBtn {
    width: auto;
    max-width: none;
    margin-top: -webkit-calc( 34px + 7 * ( 100vw - 320px ) / 280 );
    margin-top:         calc( 34px + 7 * ( 100vw - 320px ) / 280 );
  }
}

.restaurantBtn a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 0 2.1em; /* 42/20 */
  border: 1px solid #000;
  border-radius: 50px;
  color: #000;
  font-size: 20px;
  line-height: 2.4; /* 48/20 */
  letter-spacing: .14em;
  text-align: center;
  text-indent: .14em;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:1920px) {
  .restaurantBtn a {
    font-size: 1.0416666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantBtn a {
    font-size: -webkit-calc( 10px + 2 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 2 * ( 100vw - 320px ) / 448 );
  }
}
@media screen and (max-width:600px) {
  .restaurantBtn a {
    line-height: 3.02222222222;
  }
}

.restaurantBtn a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.533333333em; /* 23/15 */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: .75em; /* 15/20 */
  line-height: 1;
  font-family: 'icomoon';
  letter-spacing: 0;
  text-indent: 0;
  content: "\e902";
}

.restaurantBtn a:hover {
  background-color: #000;
  color: #fff;
}


/* =====================
  restaurantFigure
===================== */
/*  restaurantFigure__top
------------------------*/
.restaurantFigure__top {
  width: 80.314960629%; /* 1326/16.51 */
  max-width: 1326px;
  margin-left: auto;
}
@media screen and (max-width:600px) {
  .restaurantFigure__top {
    width: 90.314960629%;
  }
}


/*  restaurantFigure__bottom
------------------------*/
.restaurantFigure__bottom {
  width: 83.706844336%; /* 1382/16.51 */
  max-width: 1382px;
  margin-top: -43px;
  margin-right: auto;
}
@media screen and (max-width:1920px) {
  .restaurantFigure__bottom {
    margin-top: -2.2395833333vw; /* 43/19.2 */
  }
}
@media screen and (max-width:600px) {
  .restaurantFigure__bottom {
    width: 93.706844336%;
  }
}



/* =====================
  restaurantFeature
===================== */
.restaurantFeature {
  width: 49.47916667vw; /* 950/19.2 */
  max-width: 950px;
  margin: 0 auto;
  margin-top: 80px;
}
@media screen and (max-width:1920px) {
  .restaurantFeature {
    margin-top: 4.166666667vw; /* 80/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantFeature {
    width: -webkit-calc( 290px + ( 480 - 290 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    width:         calc( 290px + ( 480 - 290 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    margin-top: -webkit-calc( 22px + ( 32 - 22 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    margin-top:         calc( 22px + ( 32 - 22 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}


/*  restaurantFeature__title
------------------------*/
.restaurantFeature__title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: .05em;
  text-indent: .05em;
}
@media screen and (max-width:1920px) {
  .restaurantFeature__title {
    font-size: 1.145833333333333vw; /* 22/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantFeature__title {
    font-size: -webkit-calc( 12px + ( 16 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    font-size:         calc( 12px + ( 16 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}
@media screen and (max-width:600px) {
  .restaurantFeature__title {
    margin-bottom: 10px;
  }
}

.restaurantFeature__title span {
  display: table;
  margin: 0 auto;
}

.restaurantFeature__title span:before ,
.restaurantFeature__title span:after {
  display: inline-block;
}

.restaurantFeature__title span:before {
  margin-right: .25em;
  content: "<";
}

.restaurantFeature__title span:after {
  margin-left: .25em;
  content: ">";
}


/*  restaurantFeature__body
------------------------*/



/* =====================
  restaurantFeatureList
===================== */
.restaurantFeatureList {
  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;
  gap: 10px;
  list-style: none;
  font-weight: 600;
  font-size: 20px;
}
@media screen and (max-width:1920px) {
  .restaurantFeatureList {
    font-size: 1.041666666666667vw; /* 20/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantFeatureList {
    gap: -webkit-calc( 3px + ( 10 - 3 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    gap:         calc( 3px + ( 10 - 3 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    font-size: -webkit-calc( 12px + ( 14 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    font-size:         calc( 12px + ( 14 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}


/*  restaurantFeatureList__item
------------------------*/
.restaurantFeatureList__item {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  position: relative;
  z-index: 0;
}

.restaurantFeatureList__item a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 15px 5px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:1920px) {
  .restaurantFeatureList__item a {
    padding: .78125vw 5px; /* 15/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantFeatureList__item a {
    padding: -webkit-calc( 8px + ( 10 - 8 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) ) 3px;
    padding:         calc( 8px + ( 10 - 8 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) ) 3px;
  }
}

.restaurantFeatureList__item a:hover {
  opacity: .8;
}

.restaurantFeatureList__item a > span {
  display: table;
  margin: 0 auto;
  line-height: 1.35294;
  letter-spacing: .095em;
  text-indent: .095em;
}

/*.restaurantFeatureList__item a > span:after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 1.058823529411765em;  36/34
  line-height: 1;
  font-family: 'icomoon';
  letter-spacing: 0;
  text-indent: 0;
  content: "\e900";
}*/

.restaurantFeatureList__item:last-of-type a > span {
  letter-spacing: .025em;
  text-indent: .025em;
}



/* =====================
  restaurantSlide
===================== */
.restaurantSlide {
  margin-top: 117px;
}
@media screen and (max-width:1920px) {
  .restaurantSlide {
    margin-top: 6.09375vw; /* 117/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantSlide {
    margin-top: 6.09375vw; /* 117/19.2 */
    margin-top: -webkit-calc( 29px + 29 * ( 100vw - 320px ) / 448 );
    margin-top:         calc( 29px + 29 * ( 100vw - 320px ) / 448 );
  }
}


/*  restaurantSlide__item
------------------------*/
.restaurantSlide__item img {
  width: 100%;
  max-width: none;
}



/* =====================
  restaurantContents--reverse
===================== */
.restaurantContents--reverse {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.restaurantContents--reverse .restaurantContents__detail {
  margin-right: 0;
  margin-left: -28.38541667%; /* 545/19.2 */
}
@media screen and (max-width:600px) {
  .restaurantContents--reverse .restaurantContents__detail {
    margin-left: 0;
  }
}

.restaurantContents--reverse .restaurantContentsDetail {
  padding: 182px 190px 102px;
  padding-left: 92px;
}
@media screen and (max-width:1920px) {
  .restaurantContents--reverse .restaurantContentsDetail {
    padding: 9.479166667vw 9.895833333vw 5.3125vw; /* 182/19.2 190/19.2 102/19.2 */
    padding-left: 4.7916666667vw; /* 92/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContents--reverse .restaurantContentsDetail {
    padding: 9.479166667vw 4.7916666667vw 5.3125vw;
  }
}
@media screen and (max-width:600px) {
  .restaurantContents--reverse .restaurantContentsDetail {
    padding: -webkit-calc( 17px + 17 * ( 100vw - 320px ) / 280 )
             -webkit-calc( 15px + 15 * ( 100vw - 320px ) / 280 );
    padding:         calc( 17px + 17 * ( 100vw - 320px ) / 280 )
                     calc( 15px + 15 * ( 100vw - 320px ) / 280 );
  }
}


.restaurantContents--reverse .restaurantFigure__top {
  margin-right: auto;
  margin-left: 0;
}

.restaurantContents--reverse .restaurantFigure__bottom {
  margin-right: 0;
  margin-left: auto;
}



/* =====================
  restaurantContents--01
===================== */
.restaurantContents--01 .restaurantMiddleTitle__ballon {
  top: 68px;
  right: 91px;
  width: 12.76041667vw; /* 245/19.2 */
  max-width: 245px;
}
@media screen and (max-width:1920px) {
  .restaurantContents--01 .restaurantMiddleTitle__ballon {
    top: 3.5416666667vw; /* 68/19.2 */
    right: 4.7395833333vw; /* 91/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContents--01 .restaurantMiddleTitle__ballon {
    top:   -webkit-calc( 20px +  7 * ( 100vw - 601px ) / 167 );
    top:           calc( 20px +  7 * ( 100vw - 601px ) / 167 );
    right: -webkit-calc( 20px +  7 * ( 100vw - 601px ) / 167 );
    right:         calc( 20px +  7 * ( 100vw - 601px ) / 167 );
    width: -webkit-calc( 73px + 39 * ( 100vw - 601px ) / 167 );
    width:         calc( 73px + 39 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  .restaurantContents--01 .restaurantMiddleTitle__ballon {
    top: 0;
    right: -webkit-calc(  20px + 10 * ( 100vw - 320px ) / 280 );
    right:         calc(  20px + 10 * ( 100vw - 320px ) / 280 );
    width: -webkit-calc( 122px + 12 * ( 100vw - 320px ) / 280 );
    width:         calc( 122px + 12 * ( 100vw - 320px ) / 280 );
  }
}

.restaurantContents--01 .restaurantMiddleTitle__name {
  width: 20.625vw; /* 396/19.2 */
  max-width: 396px;
}
@media screen and (max-width:600px) {
  .restaurantContents--01 .restaurantMiddleTitle__name {
    width: -webkit-calc( 198px + 19 * ( 100vw - 320px ) / 280 );
    width:         calc( 198px + 19 * ( 100vw - 320px ) / 280 );
  }
}



/* =====================
  restaurantContents--02
===================== */
.restaurantContents--02 .restaurantMiddleTitle__ballon {
  top: 89px;
  right: 170px;
  width: 13.54166667vw; /* 260/19.2 */
  max-width: 260px;
}
@media screen and (max-width:1920px) {
  .restaurantContents--02 .restaurantMiddleTitle__ballon {
    top: 4.6354166667vw; /* 89/19.2 */
    right: 8.854166667vw; /* 170/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContents--02 .restaurantMiddleTitle__ballon {
    top:   -webkit-calc( 26px +  9 * ( 100vw - 601px ) / 167 );
    top:           calc( 26px +  9 * ( 100vw - 601px ) / 167 );
    right: -webkit-calc( 26px +  9 * ( 100vw - 601px ) / 167 );
    right:         calc( 26px +  9 * ( 100vw - 601px ) / 167 );
    width: -webkit-calc( 79px + 25 * ( 100vw - 601px ) / 167 );
    width:         calc( 79px + 25 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  .restaurantContents--02 .restaurantMiddleTitle__ballon {
    top: 0;
    right:         calc(  20px + 10 * ( 100vw - 320px ) / 280 );
    width: -webkit-calc( 130px + 13 * ( 100vw - 320px ) / 280 );
    width:         calc( 130px + 13 * ( 100vw - 320px ) / 280 );
  }
}

.restaurantContents--02 .restaurantMiddleTitle__name {
  width: 22.7083333333vw; /* 436/19.2 */
  max-width: 436px;
}
@media screen and (max-width:600px) {
  .restaurantContents--02 .restaurantMiddleTitle__name {
    width: -webkit-calc( 218px + 21 * ( 100vw - 320px ) / 280 );
    width:         calc( 218px + 21 * ( 100vw - 320px ) / 280 );
  }
}



/* =====================
  restaurantContents--03
===================== */
.restaurantContents--03 .restaurantMiddleTitle__ballon {
  top: 55px;
  right: 66px;
  width: 13.9583333333vw; /* 268/19.2 */
  max-width: 268px;
}
@media screen and (max-width:1920px) {
  .restaurantContents--03 .restaurantMiddleTitle__ballon {
    top: 2.8645833333vw; /* 55/19.2 */
    right: 3.4375vw; /* 66/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContents--03 .restaurantMiddleTitle__ballon {
    top:   -webkit-calc( 16px +  6 * ( 100vw - 601px ) / 167 );
    top:           calc( 16px +  6 * ( 100vw - 601px ) / 167 );
    right: -webkit-calc( 16px +  6 * ( 100vw - 601px ) / 167 );
    right:         calc( 16px +  6 * ( 100vw - 601px ) / 167 );
    width: -webkit-calc( 80px + 25 * ( 100vw - 601px ) / 167 );
    width:         calc( 80px + 25 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  .restaurantContents--03 .restaurantMiddleTitle__ballon {
    top: 0;
    right: -webkit-calc(  20px + 10 * ( 100vw - 320px ) / 280 );
    right:         calc(  20px + 10 * ( 100vw - 320px ) / 280 );
    width: -webkit-calc( 134px + 13 * ( 100vw - 320px ) / 280 );
    width:         calc( 134px + 13 * ( 100vw - 320px ) / 280 );
  }
}

.restaurantContents--03 .restaurantMiddleTitle__name {
  width: 27.5520833333vw; /* 529 /19.2 */
  max-width: 529px;
}
@media screen and (max-width:600px) {
  .restaurantContents--03 .restaurantMiddleTitle__name {
    width: -webkit-calc( 264px + 26 * ( 100vw - 320px ) / 280 );
    width:         calc( 264px + 26 * ( 100vw - 320px ) / 280 );
  }
}



/* =====================
  restaurantContents--04
===================== */
.restaurantContents--04 .restaurantContents__detail {
  padding-top: 140px;
}
@media screen and (max-width:1920px) {
  .restaurantContents--04 .restaurantContents__detail {
    padding-top: 7.291666667vw; /* 140/19.2 */
  }
}
@media screen and (max-width:600px) {
  .restaurantContents--04 .restaurantContents__detail {
    padding-top: 0;
  }
}

.restaurantContents--04 .restaurantMiddleTitle__ballon {
  top: -80px;
  right: 186px;
  width: 13.54166667vw; /* 260/19.2 */
  max-width: 260px;
}
@media screen and (max-width:1920px) {
  .restaurantContents--04 .restaurantMiddleTitle__ballon {
    top: -4.1666666667vw; /* 80/19.2 */
    right: 9.6875vw; /* 186/19.2 */
  }
}
@media screen and (max-width:768px) {
  .restaurantContents--04 .restaurantMiddleTitle__ballon {
    top:   -webkit-calc( ( 24px +  8 * ( 100vw - 601px ) / 167 ) * -1 );
    top:           calc( ( 24px +  8 * ( 100vw - 601px ) / 167 ) * -1 );
    right: -webkit-calc( 24px +  8 * ( 100vw - 601px ) / 167 );
    right:         calc( 24px +  8 * ( 100vw - 601px ) / 167 );
    width: -webkit-calc( 78px + 26 * ( 100vw - 601px ) / 167 );
    width:         calc( 78px + 26 * ( 100vw - 601px ) / 167 );
  }
}
@media screen and (max-width:600px) {
  .restaurantContents--04 .restaurantMiddleTitle__ballon {
    top:   -webkit-calc( -15px + 15 * ( 100vw - 320px ) / 280 );
    top:           calc( -15px + 15 * ( 100vw - 320px ) / 280 );
    right: -webkit-calc(  12px + 10 * ( 100vw - 320px ) / 280 );
    right:         calc(  12px + 10 * ( 100vw - 320px ) / 280 );
    width: -webkit-calc( 117px + 13 * ( 100vw - 320px ) / 280 );
    width:         calc( 117px + 13 * ( 100vw - 320px ) / 280 );
  }
}

.restaurantContents--04 .restaurantMiddleTitle__name {
  width: 26.51041667vw; /* 509/19.2 */
  max-width: 509px;
}
@media screen and (max-width:600px) {
  .restaurantContents--04 .restaurantMiddleTitle__name {
    width: -webkit-calc( 254px + 25 * ( 100vw - 320px ) / 280 );
    width:         calc( 254px + 25 * ( 100vw - 320px ) / 280 );
  }
}



/* =====================
  viewBtn
===================== */
.viewBtn {
  width: 49.47916667vw; /* 950/19.2 */
  max-width: 950px;
  margin: 0 auto;
  margin-top: 74px;
}
@media screen and (max-width:1920px) {
  .viewBtn {
    margin-top: 3.8541666667vw; /* 74/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtn {
    width: -webkit-calc( 285px + 190 * ( 100vw - 320px ) / 448 );
    width:         calc( 285px + 190 * ( 100vw - 320px ) / 448 );
    margin-top: -webkit-calc( 18px + 18 * ( 100vw - 320px ) / 448 );
    margin-top:         calc( 18px + 18 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtn a {
  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;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.viewBtn a:before {
  display: block;
  -ms-align-self: center;
      align-self: center;
  width: 0;
  height: 0;
  margin-bottom: -1px;
  border-style: solid;
  border-width: 0 11px 26px 11px;
  border-color: transparent transparent #000 transparent;
  content: " ";
}
@media screen and (max-width:1920px) {
  .viewBtn a:before {
    border-width: 0 .572916667vw 1.35416667vw .572916667vw; /* 11/19.2 26/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtn a:before {
    border-width: 0
                  -webkit-calc( 6px + 3 * ( 100vw - 320px ) / 448 )
                  -webkit-calc( 14px + 3 * ( 100vw - 320px ) / 448 )
                  -webkit-calc( 6px + 3 * ( 100vw - 320px ) / 448 );
    border-width: 0
                  calc( 6px + 3 * ( 100vw - 320px ) / 448 )
                  calc( 14px + 3 * ( 100vw - 320px ) / 448 )
                  calc( 6px + 3 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtn a:hover {
  opacity: .8;
}



/* =====================
  viewBtnContents
===================== */
.viewBtnContents {
  display: block;
  position: relative;
  z-index: 0;
  padding: 28px 97px 44px;
  background-color: #000;
}
@media screen and (max-width:1920px) {
  .viewBtnContents {
    padding: 1.4583333333vw 5.0520833333vw 2.2916666667vw; /* 28/19.2 97/19.2 44/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtnContents {
    padding: -webkit-calc( 10px +  5 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 24px + 27 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 15px +  8 * ( 100vw - 320px ) / 448 );
    padding:         calc( 10px +  5 * ( 100vw - 320px ) / 448 )
                     calc( 24px + 27 * ( 100vw - 320px ) / 448 )
                     calc( 15px +  8 * ( 100vw - 320px ) / 448 );
  }
}
@media screen and (max-width:600px) {
  .viewBtnContents {
    padding: -webkit-calc( 15px +  5 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 24px + 27 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 20px +  8 * ( 100vw - 320px ) / 448 );
    padding:         calc( 15px +  5 * ( 100vw - 320px ) / 448 )
                     calc( 24px + 27 * ( 100vw - 320px ) / 448 )
                     calc( 20px +  8 * ( 100vw - 320px ) / 448 );
  }
}



/* =====================
  viewBtnText
===================== */
.viewBtnText {
  display: table;
  margin: 0 auto;
  font-weight: 600;
  font-size: 45px;
  text-align: center;
}
@media screen and (max-width:1920px) {
  .viewBtnText {
    font-size: 2.34375vw; /* 45/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtnText {
    font-size: -webkit-calc( 16px + 7 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 16px + 7 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtnText:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: 1.155556em; /* 52/45 */
  font-weight: 400;
  font-size: 1em;
  line-height: 1;
  font-family: 'icomoon';
  content: "\e900";
}
@media screen and (max-width:768px) {
  .viewBtnText:after {
    margin-right: -webkit-calc( 8px + 20 * ( 100vw - 320px ) / 448 );
    margin-right:         calc( 8px + 20 * ( 100vw - 320px ) / 448 );
  }
}


/*  viewBtnText__top
------------------------*/
.viewBtnText__top {
  display: block;
}


/*  viewBtnText__bottom
------------------------*/
.viewBtnText__bottom {
  display: block;
  margin-top: .5789473684em; /* 11/19 */
  background-color: #fff;
  color: #000;
  font-size: .4222222222em; /* 19/45 */
  letter-spacing: .28em;
  line-height: 1.9473684210;
  text-indent: .28em;
}



/* =====================
  viewBtnBallon
===================== */
.viewBtnBallon {
  width: 54.1666667vw; /* 1040/19.2 */
  max-width: 1040px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .viewBtnBallon {
    width: -webkit-calc( 285px + 235 * ( 100vw - 320px ) / 448 );
    width:         calc( 285px + 235 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtnBallon .viewBtn {
  width: auto;
  max-width: none;
  min-width: auto;
  margin-top: 0;
}

.viewBtnBallon .viewBtn a {
  display: block;
}

.viewBtnBallon .viewBtn a:before {
  content: none;
}

.viewBtnBallon .viewBtnContents {
  padding: 19px 137px 42px;
}
@media screen and (max-width:1920px) {
  .viewBtnBallon .viewBtnContents {
    padding: .9895833333vw 7.1354166667vw 2.1875vw; /* 19/19.2 137/19.2 42/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtnBallon .viewBtnContents {
    padding: .9895833333vw 7.1354166667vw 2.1875vw; /* 19/19.2 137/19.2 42/19.2 */
    padding: -webkit-calc(  7px +  3 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 28px + 40 * ( 100vw - 320px ) / 448 )
             -webkit-calc( 14px +  8 * ( 100vw - 320px ) / 448 );
    padding:         calc(  7px +  3 * ( 100vw - 320px ) / 448 )
                     calc( 28px + 40 * ( 100vw - 320px ) / 448 )
                     calc( 14px +  8 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtnBallon .viewBtnText {
  font-size: 58px;
}
@media screen and (max-width:1920px) {
  .viewBtnBallon .viewBtnText {
    font-size: 3.0208333333vw; /* 58/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtnBallon .viewBtnText {
    font-size: -webkit-calc( 20px + 9 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 20px + 9 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtnBallon .viewBtnText:after {
  margin-right: 85px;
  font-size: .8965517241em; /* 52/58 */
  content: "\e901";
}
@media screen and (max-width:1920px) {
  .viewBtnBallon .viewBtnText:after {
    margin-right: 4.4270833333vw; /* 85/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtnBallon .viewBtnText:after {
    margin-right: -webkit-calc( 11px + 31 * ( 100vw - 320px ) / 448 );
    margin-right:         calc( 11px + 31 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtnBallon .viewBtnText__top {
  letter-spacing: .04em;
  text-indent: 0.04em;
}

.viewBtnBallon .viewBtnText__bottom {
  margin-top: .227272727273em; /* 5/22 */
  font-size: .379310344em; /* 22/58 */
  line-height: 2.1363636363;
}


/*  viewBtnBallon__ballon
------------------------*/
.viewBtnBallon__ballon {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  margin: 0 auto;
  margin-bottom: 1.0869565217em; /* 25/23 */
  font-weight: 600;
  font-size: 23px;
  line-height: 1.739130434;
  letter-spacing: .14em;
  text-indent: .14em;
  text-align: center;
}
@media screen and (max-width:1920px) {
  .viewBtnBallon__ballon {
    font-size: 1.1979166667vw; /* 23/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewBtnBallon__ballon {
    font-size: -webkit-calc( 10px + 4 * ( 100vw - 320px ) / 448 );
    font-size:         calc( 10px + 4 * ( 100vw - 320px ) / 448 );
  }
}

.viewBtnBallon__ballon:before ,
.viewBtnBallon__ballon:after {
  display: block;
  height: 3.82608695652em; /* 88/23 */
  border-left: 1px solid #000;
  content: " ";
}

.viewBtnBallon__ballon:before {
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
          transform: rotate(-15deg);
  margin-right: 1.739130434em; /* 40/23 */
}

.viewBtnBallon__ballon:after {
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
       -o-transform: rotate(15deg);
          transform: rotate(15deg);
  margin-left: 1.739130434em; /* 40/23 */
}


/*  viewBtnBallon__btn
------------------------*/



/* =====================
  viewDetail
===================== */
.viewDetail {
  width: 49.47916667vw; /* 950/19.2 */
  max-width: 950px;
  margin: 0 auto;
  margin-top: 74px;
}
@media screen and (max-width:1920px) {
  .viewDetail {
    margin-top: 3.8541666667vw; /* 74/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewDetail {
    width: -webkit-calc( 290px + ( 490 - 290 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    width:         calc( 290px + ( 490 - 290 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    margin-top: -webkit-calc( 30px + ( 45 - 30 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    margin-top:         calc( 30px + ( 45 - 30 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}


/*  viewDetail__title
------------------------*/
.viewDetail__title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: .28em;
  text-indent: .28em;
}
@media screen and (max-width:1920px) {
  .viewDetail__title {
    font-size: 1.145833333333333vw; /* 22/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewDetail__title {
    font-size: -webkit-calc( 12px + ( 16 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    font-size:         calc( 12px + ( 16 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}
@media screen and (max-width:600px) {
  .viewDetail__title {
    margin-bottom: 10px;
  }
}

.viewDetail__title span {
  display: table;
  margin: 0 auto;
}


/*  viewDetail__body
------------------------*/
.viewDetail__body a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 25px 105px 35px;
  background-color: #af9b5f;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:1920px) {
  .viewDetail__body a {
    padding: 1.302083333333333vw 5.46875vw 1.822916666666667vw; /* 25/19.2 105/19.2 35/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewDetail__body a {
    padding: -webkit-calc( 12px + ( 15 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) )
             -webkit-calc( 25px + ( 45 - 25 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) )
             -webkit-calc( 17px + ( 20 - 17 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    padding:         calc( 12px + ( 15 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) )
                     calc( 25px + ( 45 - 25 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) )
                     calc( 17px + ( 20 - 17 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}

.viewDetail__body a:hover {
  opacity: .8;
}

.viewDetail__body a:after {
  display: block;
  position: absolute;
  right: -10px;
  bottom: -10px;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 1px solid #af9b5f;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:1920px) {
  .viewDetail__body a:after {
    right: -.5208333333333333vw; /* 10/19.2 */
    bottom: -.5208333333333333vw;
  }
}
@media screen and (max-width:768px) {
  .viewDetail__body a:after {
    right:  calc( ( 5px + ( 7 - 5 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) ) * -1 );
    bottom: calc( ( 5px + ( 7 - 5 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) ) * -1 );
  }
}

.viewDetail__body a:hover:after {
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}



/* =====================
  viewDetailText
===================== */
.viewDetailText {
  display: table;
  margin: 0 auto;
  font-weight: 600;
  font-size: 34px;
  text-align: center;
}
@media screen and (max-width:1920px) {
  .viewDetailText {
    font-size: 1.770833333333333vw; /* 34/19.2 */
  }
}
@media screen and (max-width:768px) {
  .viewDetailText {
    font-size: -webkit-calc( 16px + ( 24 - 16 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    font-size:         calc( 16px + ( 24 - 16 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
  }
}

.viewDetailText:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) skewX(40deg);
      -ms-transform: translateY(-50%) skewX(40deg);
       -o-transform: translateY(-50%) skewX(40deg);
          transform: translateY(-50%) skewX(40deg);
  width: 1.4em;
  height: .3em;
  margin-right: 1.764705882352941em; /* 60/34 */
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}
@media screen and (max-width:768px) {
  .viewDetailText:after {
    margin-right: -webkit-calc( 12px + ( 25 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    margin-right:         calc( 12px + ( 25 - 12 ) * ( ( 100vw - 320px ) / ( 768 - 320 ) ) );
    width: 1em;
  }
}
@media screen and (max-width:768px) {
  .viewDetailText:after {
    border-bottom-width: 1px;
    border-right-width: 1px;
  }
}


/*  viewDetailText__top
------------------------*/
.viewDetailText__top {
  display: block;
}


/*  viewDetailText__bottom
------------------------*/
.viewDetailText__bottom {
  display: block;
  margin-top: 5px;
  background-color: #fff;
  color: #af9b5f;
  font-size: .4705882352941176em; /* 16/34 */
  letter-spacing: .4em;
  line-height: 2;
  text-indent: .4em;
}



/* =====================
  footer
===================== */
#footer {
  margin-top: 151px;
  padding: 60px;
  background-color: #000;
}
@media screen and (max-width:1920px) {
  #footer {
    margin-top: 7.864583333vw; /* 151/19.2 */
    padding: 3.125vw; /* 60/19.2 */
  }
}
@media screen and (max-width:768px) {
  #footer {
    padding: 24px;
  }
}



/* =====================
  copyright
===================== */
#copyright {
  width: 12.5vw; /* 240/19.2 */
  width: -webkit-calc( 120px + 120 * ( 100vw - 320px ) / 1600 );
  width:         calc( 120px + 120 * ( 100vw - 320px ) / 1600 );
  max-width: 240px;
  margin: 0 auto;
}



/* =====================
  webfont
===================== */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?lgd1l');
  src:  url('../fonts/icomoon.eot?lgd1l#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?lgd1l') format('truetype'),
        url('../fonts/icomoon.woff?lgd1l') format('woff'),
        url('../fonts/icomoon.svg?lgd1l#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-arrow_s-r:before {
  content: "\e900";
}

.icon-arrow_s-d:before {
  content: "\e901";
}

.icon-arrow-r:before {
  content: "\e902";
}

.icon-checkbox:before {
  content: "\e903";
}