@charset "UTF-8";
/*--------------------------------------------------
import
--------------------------------------------------*/
/* WEB FONTS - EB Garamond */
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i');
/*--------------------------------------------------
media query format
--------------------------------------------------*/
@media (max-width:767px) {}
/*--------------------------------------------------
common
--------------------------------------------------*/
.p-article__body, .p-article__body * {
  position: relative;
}
.sans {
  font-family: "Harmonia Sans W01", "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.garamond {
  font-family: 'EB Garamond', serif;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.ac {
  text-align: center;
}
.al {
  text-align: left;
}
.ar {
  text-align: right;
}
@media (max-width:767px) {
  .sp-ac {
    text-align: center !important;
  }
  .sp-al {
    text-align: left !important;
  }
  .sp-ar {
    text-align: right !important;
  }
}
.green {
  color: #009474;
}
.c-paragraph--lg {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 32px;
  line-height: 3.2rem;
}
@media (max-width:767px) {
  .c-paragraph--lg {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.l-instagram {}
.l-instagram .l-col-sm-4 {}
@media (max-width: 767px) {
  .l-instagram .l-col-sm-4 {
    flex-basis: 33.3333% !important;
    padding: 0 5px;
  }
}
@media (max-width:767px) {
  .is-pc {
    display: none;
  }
}
@media (min-width:768px) {
  .is-sp {
    display: none;
  }
}
/*--------------------------------------------------
no00
--------------------------------------------------*/
#no00 {}
@media (min-width:768px) {}
@media (max-width:767px) {}


/*--------------------------------------------------
no2
--------------------------------------------------*/
#no2 .slick-dots li button:before {
    content: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/02/02_dots.png);
}

#no2 .no2-sp {
  display: none;
}
@media (max-width:767px) {
  #no2 .no2-pc {
    display: none;
  }
  #no2 .no2-sp {
    display: block;
  }
}
#no2 .no2-clr {
  margin-bottom: 0 !important;
}
#no2 .no2-rev {
  flex-direction: row-reverse;
}
#no2 .no2-wrp-01 {
  margin: 2rem 0 0;
  padding: 7rem 0;
  background: #f6f6f6;
}
@media (max-width:767px) {
  #no2 .no2-wrp-01 {
    padding: 5rem 0;
  }
}
#no2 .no2-ttl-01 {
  margin: 0 0 6rem;
  color: #003659;
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
}
@media (max-width:767px) {
  #no2 .no2-ttl-01 {
    margin: 0 0 3rem;
    font-size: 1.8rem;
  }
}
#no2 .no2-wrp-02 {
  margin: 0 auto;
  padding: 7rem 0 0;
  width: 80%;
  text-align: justify;
}
@media (max-width:767px) {
  #no2 .no2-wrp-02 {
    padding: 5rem 0 0;
    width: 100%;
  }
}
#no2 .no2-flx-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 7rem 0 0;
}
#no2 .no2-flx-01 > div:first-child {
  width: 40.5%;
}
@media (max-width:767px) {
  #no2 .no2-flx-01 > div:first-child {
    width: 100%;
  }
}
#no2 .no2-flx-01 > div:last-child {
  width: 53.5%;
}
@media (max-width:767px) {
  #no2 .no2-flx-01 > div:last-child {
    width: 100%;
  }
}
#no2 .no2-ttl-02 {
  color: #003659;
}
#no2 .no2-ttl-03 {
  margin: 0 0 2.5rem;
  font-size: 2.8rem;
  color: #003659;
  font-weight: bold;
}
@media (max-width:767px) {
  #no2 .no2-ttl-03 {
    margin: 0 0 1rem;
    font-size: 2rem;
  }
}
#no2 .no2-txt-01 {
  margin: 0 0 5.5rem;
}
@media (max-width:767px) {
  #no2 .no2-txt-01 {
    margin: 2rem 0 3.5rem;
  }
}
#no2 .no2-box-01 {
  padding: 0 4.7rem 4.7rem 4.7rem;
  color: #fff;
  background: #003659;
}
@media (max-width:767px) {
  #no2 .no2-box-01 {
    padding: 3rem;
  }
}
#no2 .no2-flx-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 3rem;
}
@media (max-width:767px) {
  #no2 .no2-flx-02 {
    align-items: baseline;
    margin: 0 0 2rem;
  }
}
#no2 .no2-flx-02 > div:first-child {
  width: 50%;
}
@media (max-width:767px) {
  #no2 .no2-flx-02 > div:first-child {
    margin: 0 0 2rem;
    width: 100%;
  }
}
#no2 .no2-flx-02 > div:last-child {
  width: 50%;
}
@media (max-width:767px) {
  #no2 .no2-flx-02 > div:last-child {
    width: 100%;
  }
}
#no2 .no2-flx-02 > div:last-child img {
  margin-bottom: 2.2rem;
  -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -o-transform: scale(1.13);
    -ms-transform: scale(1.13);
    transform: scale(1.13);
}
@media (max-width:767px) {
  #no2 .no2-flx-02 > div:last-child img {
    margin-bottom: 0;
    -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
  }
}
#no2 .no2-flx-02 > div:last-child {
  margin-top: -2rem;
  margin-right: -6.5rem;
}
@media (max-width:767px) {
  #no2 .no2-flx-02 > div:last-child {
    margin-top: 0;
    margin-right: 0;
  }
}
#no2 .no2-ttl-04 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
#no2 .no2-hr {
  margin: 8rem auto;
  width: 80%;
  border: none;
  height: 1px;
  background: #c6c6c6;
}
@media (max-width:767px) {
  #no2 .no2-hr {
    margin: 4rem auto;
  }
}
#no2 .no2-btm-01 {
  margin: 0 0 9rem;
}
@media (max-width:767px) {
  #no2 .no2-btm-01 {
    margin: 0 0 5rem;
  }
}
#no2 .no2-img-01 {
  text-align: center;
}
#no2 .no2-img-01 img {
  max-height: 20px;
}
@media (max-width:767px) {
  #no2 .no2-img-01 img {
    max-height: 15px;
  }
}
#no2 .no2-img-02 {
  margin: 0 0 1rem;
  text-align: center;
}
#no2 .no2-img-02 img {
  max-height: 90px;
}
#no2 .no2-ttl-05 {
  margin: 0 0 5rem;
  color: #003659;
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
}
@media (max-width:767px) {
  #no2 .no2-ttl-05 {
    margin: 0 0 3rem;
    font-size: 1.8rem;
  }
}
#no2 .no2-txt-02 {
  text-align: center;
}
#no2 .no2-txt-03 {
  margin: 0 0 4rem;
  color: #003659;
  font-size: 3rem;
  line-height: 3rem;
  text-align: center;
  font-weight: bold;
}
@media (max-width:767px) {
  #no2 .no2-txt-03 {
    margin: 0 0 3rem;
    font-size: 2rem;
  }
}
#no2 .no2-slider {
  margin: 0 0 5rem;
}
#no2 .no2-flex-03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem auto 5rem;
  width: 70%;
  text-align: justify;
}
@media (max-width:767px) {
  #no2 .no2-flex-03 {
    width: 100%;
  }
}
#no2 .no2-flex-03 > div:first-child {
  width: 70px;
}
#no2 .no2-flex-03 > div:first-child img {
  max-height: 70px;
}
#no2 .no2-flex-03 > div:last-child {
  width: calc(100% - 70px - 3rem);
}
@media (max-width:767px) {
  #no2 .no2-flex-03 > div:last-child {
    width: calc(100% - 70px - 2rem);
  }
}
#no2 .no2-txt-04 {
  margin: 6rem auto;
  max-width: 80%;
}
@media (max-width:767px) {
  #no2 .no2-txt-04 {
    margin: 3rem auto 5rem;
    max-width: 100%;
  }
}
#no2 .no2-flex-04 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 6rem auto;
  width: 80%;
  text-align: justify;
}
@media (max-width:767px) {
  #no2 .no2-flex-04 {
    margin: 3rem auto;
    width: 100%;
  }
}
#no2 .no2-flex-04.no2-rev {
  margin: 6rem auto 0;
}
@media (max-width:767px) {
  #no2 .no2-flex-04.no2-rev {
    margin: 3rem auto 0;
  }
}
#no2 .no2-flex-04 > div:first-child {
  width: 35%;
}
@media (max-width:767px) {
  #no2 .no2-flex-04 > div:first-child {
    margin: 0 auto 2rem;
    width: 100%;
  }
}
#no2 .no2-flex-04 > div:first-child img:nth-child(1) {
  margin: 0 0 1rem;
}
#no2 .no2-flex-04 > div:last-child {
  width: 59%;
}
@media (max-width:767px) {
  #no2 .no2-flex-04 > div:last-child {
    width: 100%;
  }
}
#no2 .no2-col-01 {
  color: #003659;
  font-weight: bold;
}
#no2 .no2-flex-05 {
  margin: 0;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: justify;
}
@media (max-width:767px) {
  #no2 .no2-flex-05 {
    width: 100%;
  }
}
#no2 .no2-flex-05.no2-rev {
  margin: 0 0 0 10%;
}
@media (max-width:767px) {
  #no2 .no2-flex-05.no2-rev {
    margin: 0;
  }
}
#no2 .no2-flex-05 > div:first-child {
  width: 42%;
  text-align: center;
}
@media (max-width:767px) {
  #no2 .no2-flex-05 > div:first-child {
    width: 100%;
  }
}
#no2 .no2-flex-05 > div:first-child img {
  margin: 0 0 3rem;
}
@media (max-width:767px) {
  #no2 .no2-flex-05 > div:first-child img {
    margin: 0 0 2rem;
  }
}
#no2 .no2-flex-05 > div:last-child {
  width: 52%;
}
@media (max-width:767px) {
  #no2 .no2-flex-05 > div:last-child {
    width: 100%;
  }
}
#no2 .no2-ttl-06 {
  color: #003659;
  font-size: 3rem;
  line-height: 3.4rem;
  font-weight: bold;
}
@media (max-width:767px) {
  #no2 .no2-ttl-06 {
    margin: 0 0 2rem;
    font-size: 2rem;
  }
}
#no2 .no2-flex-06 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 2rem;
}
#no2 .no2-flex-06 > p {
  width: calc(100% / 2 - 1rem);
}
@media (max-width:767px) {
  #no2 .no2-flex-06 > p {
    margin: 0 0 1rem;
    width: 100%;
  }
}
#no2 .no2-txt-05 {
  margin: 0 auto 4rem;
  width: 80%;
  text-align: justify;
}
@media (max-width:767px) {
  #no2 .no2-txt-05 {
    width: 100%;
  }
}

/*slick setting*/
#no2 .no2-slider {
  margin: 0 auto 8rem;
  width: 80%;
}
@media (max-width:767px) {
  #no2 .no2-slider {
    margin: 0 auto 8rem;
    width: 100%;
  }
}
#no2 .slick-dots {
  bottom: -40px;
}
#no2 .no2-arrow-prev,
#no2 .no2-arrow-next {
  max-height: 60px;
  cursor: pointer;
}
@media (max-width:767px) {
  #no2 .no2-arrow-prev,
  #no2 .no2-arrow-next {
    max-height: 45px;
  }
}
#no2 .no2-arrow-prev {
  position: absolute;
  top: calc(50% - 30px);
  left: -30px;
  z-index: 10;
}
@media (max-width:767px) {
  #no2 .no2-arrow-prev {
    position: absolute;
    top: calc(50% - 22.5px);
    left: -22.5px;
    z-index: 10;
  }
}
#no2 .no2-arrow-next {
  position: absolute;
  top: calc(50% - 30px);
  right: -30px;
  z-index: 10;
}
@media (max-width:767px) {
  #no2 .no2-arrow-next {
    position: absolute;
    top: calc(50% - 22.5px);
    right: -22.5px;
    z-index: 10;
  }
}

/*--------------------------------------------------
no5
--------------------------------------------------*/
#no5 .no5-wrap {
  max-width: 800px;
  margin: 50px auto;
}
#no5 .no5-wrap-txt {
  position: relative;
  color: #003659;
  color: #003659;
  font-size: 18px;
  font-weight: bold;
  padding-left: 2.2em;
  margin-bottom: .6em;
}
#no5 .no5-wrap-txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: .8em;
  border-bottom: solid 2px #003659; 
  width: 2em;
  left: 0;
}
#no5 .no5-variation {
  text-align: center;
  max-width: 600px;
  margin: 150px auto 100px;
}
#no5 .no5-variation .no5-img {
  margin: 50px 0 20px;
}
#no5 .no5-name {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #003659;
  margin: 40px 0 25px;
}
#no5 .no5-name small {
  display: block;
  font-size: 75%;
}
#no5 .no5-name02 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #003659;
  margin: 40px 0 25px;
}
#no5 .no5-name02 small {
  display: block;
  font-size: 75%;
}
@media (min-width:768px) {
  #no5 .no5-col1 {
    padding-right: 30px;
  }
  #no5 .no5-col2 {
    padding-left: 30px;
  }
}
@media (max-width:767px) {
  #no5 .no5-col2 {
    margin-top: 40px;
  }
  #no5 .no5-wrap-txt {
    font-size: 16px;
  }
	#no5 .no5-name02 {
	  text-align: center;
	  font-size: 18px;
	  font-weight: bold;
	  color: #003659;
	  margin: 40px 0 25px;
	}
	#no5 .no5-name02 small {
	  display: block;
	  font-size: 75%;
	}
}


/*--------------------------------------------------
no9
--------------------------------------------------*/

#no9 .no9-sp {
  display: none;
}
@media (max-width:767px) {
  #no9 .no9-pc {
    display: none;
  }
  #no9 .no9-sp {
    display: block;
  }
}

#no9 .no9-flex-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  margin: 0 0 7rem;
}
@media (max-width:767px) {
  #no9 .no9-flex-01 {
    flex-direction: column-reverse;
    padding: 50px 0 0;
  }
}
#no9 .no9-flex-01.no9-rev {
  flex-direction: row-reverse;
}
@media (max-width:767px) {
  #no9 .no9-flex-01.no9-rev {
    flex-direction: column-reverse;
    padding: 50px 0 0;
  }
}
#no9 .no9-flex-01 > div:first-child {
  width: 60%;
}
@media (max-width:767px) {
  #no9 .no9-flex-01 > div:first-child {
    width: 100%;
  }
}
#no9 .no9-flex-01 > div:last-child {
  width: 40%;
}
@media (max-width:767px) {
  #no9 .no9-flex-01 > div:last-child {
    width: 100%;
  }
}
#no9 .no9-txt-01 {
  position: relative;
  padding: 8rem 0 7rem;
  width: 110%;
  z-index: 2;
  text-align: justify;
}
@media (max-width:767px) {
  #no9 .no9-txt-01 {
    padding: 4rem 0 4rem;
    width: 100%;
  }
}
#no9 .no9-txt-01.no9-rev {
  margin: 0 0 0 -5rem;
}
@media (max-width:767px) {
  #no9 .no9-txt-01.no9-rev {
    margin: 0;
  }
}
#no9 .no9-ul-01 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin: 0 5rem 0 0;
}
@media (max-width:767px) {
  #no9 .no9-ul-01 {
    margin: 0;
  }
}
#no9 .no9-ul-01.no9-rev {
  margin: 0 0 0 5rem;
}
@media (max-width:767px) {
  #no9 .no9-ul-01.no9-rev {
    margin: 0;
  }
}
#no9 .no9-ul-01 > li {
  width: calc(100% / 3 - 1rem);
}
@media (max-width:767px) {
  #no9 .no9-ul-01 > li {
    margin: 0 0 5rem;
    width: 100%;
  }
  #no9 .no9-ul-01 > li:last-child {
    margin: 0;
  }
}
#no9 .no9-ul-01.no9-height > li > P:nth-child(1) {
  height: 250px;
}
@media (max-width:767px) {
  #no9 .no9-ul-01.no9-height > li > P:nth-child(1) {
    height: auto;
  }
}
#no9 .no9-price-01 {
  margin: 1rem 0 0;
}
@media (max-width:767px) {
  #no9 .no9-price-01 {
    text-align: center;
  }
}
#no9 .no9-price-02 {
  margin: 1rem 0 0;
  text-align: right;
}
#no9 .no9-price-02.no9-rev {
  text-align: left;
}
@media (max-width:767px) {
  #no9 .no9-price-02.no9-rev {
    text-align: right;
  }
}
#no9 .no9-flex-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 5rem 7rem;
}
@media (max-width:767px) {
  #no9 .no9-flex-02 {
    padding: 0 0 4rem;
  }
}
#no9 .no9-flex-02.no9-rev {
  flex-direction: row-reverse;
}
#no9 .no9-flex-02 > div:first-child {
  width: 45%;
}
@media (max-width:767px) {
  #no9 .no9-flex-02 > div:first-child {
    margin: 0 0 2rem;
    width: 100%;
  }
}
#no9 .no9-flex-02 > div:last-child {
  width: 49%;
}
@media (max-width:767px) {
  #no9 .no9-flex-02 > div:last-child {
    width: 100%;
  }
}
#no9 .no9-ttl-01 {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 3rem;
}
#no9 .no9-img-01 {
  position: absolute;
  top: 0;
  right: -3.5rem;
}
@media (max-width:767px) {
  #no9 .no9-img-01 {
    right: inherit;
    left: 0;
  }
}
#no9 .no9-img-01.no9-rev {
  right: inherit;
  left: 0;
}
#no9 .no9-img-01 img {
  width: 14px;
}
@media (max-width:767px) {
  #no9 .no9-img-01 img {
    width: 10px;
  }
}
#no9 .no9-ttl-02 {
  margin: 0 0 0.2rem;
  font-weight: bold;
}
@media (max-width:767px) {
  #no9 .no9-ul-02 {
    padding: 0 0 0 3rem;
  }
}
#no9 .no9-ul-02.no9-rev {
  padding: 0 0 0 5rem;
}
@media (max-width:767px) {
  #no9 .no9-ul-02.no9-rev {
    padding: 0 0 0 3rem;
  }
}
#no9 .no9-ul-02 li {
  margin: 0 0 2rem;
}
@media (max-width:767px) {
  #no9 .no9-ul-02 li {
    margin: 0 0 2.5rem;
  }
}
#no9 .no9-num-01 {
  padding: 0 0 0 2.5rem;
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/09/09_08.png) 0 0.3rem no-repeat;
  background-size: 18px;
}
#no9 .no9-num-02 {
  padding: 0 0 0 2.5rem;
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/09/09_09.png) 0 0.3rem no-repeat;
  background-size: 18px;
}
#no9 .no9-num-03 {
  padding: 0 0 0 2.5rem;
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/09/09_10.png) 0 0.3rem no-repeat;
  background-size: 18px;
}
#no9 .no9-img-02 {
  margin: 0 0 0.5rem;
}
#no9 .no9-img-02 img {
  max-height: 12px;
}
#no9 .no9-box-01 {
  position: relative;
  margin: 6rem 0;
}
@media (max-width:767px) {
  #no9 .no9-box-01 {
    margin: 4rem 0;
  }
}
#no9 .no9-video-01 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 56.25%;
}
@media (max-width:767px) {
  #no9 .no9-video-01 {
    width: calc(100% - 50px);
    padding-top: calc(56.25% - 25px);
  }
}
#no9 .no9-video-01 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#no9 .no9-wrap-01 {
  position: relative;
}
@media (max-width:767px) {
  #no9 .no9-wrap-01 {
    margin: 4rem 0 0;
  }
}
#no9 .no9-wrap-01::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: -10%;
  width: 90%;
  height: 65%;
  background: #e3f1ec;
}
@media (max-width:767px) {
  #no9 .no9-wrap-01::before {
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-wrap-01.no9-col-01::before {
  right: 13%;
  width: 67%;
  height: 88%;
  background: #f6f1cc;
}
@media (max-width:767px) {
  #no9 .no9-wrap-01.no9-col-01::before {
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-wrap-01.no9-col-02::before {
  right: -80%;
  width: 150%;
  height: 68%;
  background: #fce7d1;
}
@media (max-width:767px) {
  #no9 .no9-wrap-01.no9-col-02::before {
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-wrap-01.no9-col-03::before {
  right: inherit;
  left: -30%;
  width: 97%;
  height: 90%;
  background: #efe5e5;
}
@media (max-width:767px) {
  #no9 .no9-wrap-01.no9-col-03::before {
    left: inherit;
    right: 10%;
    width: 80%;
    height: 100%;
  }
}

#no9 .no9-wrap-02 {
  position: relative;
  margin: 0 0 7rem;
  height: 150px;
}
@media (max-width:767px) {
  #no9 .no9-wrap-02 {
    margin: 0;
    height: 50px;
  }
}
#no9 .no9-wrap-02::before {
  content: '';
  position: absolute;
  top: 0;
  right: -10%;
  width: 90%;
  height: 65%;
  background: #e3f1ec;
}
@media (max-width:767px) {
  #no9 .no9-wrap-02::before {
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-wrap-02.no9-col-01::before {
  right: 13%;
  width: 67%;
  background: #f6f1cc;
}
@media (max-width:767px) {
  #no9 .no9-wrap-02.no9-col-01::before {
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-wrap-02.no9-col-02::before {
  right: -80%;
  width: 150%;
  background: #fce7d1;
}
@media (max-width:767px) {
  #no9 .no9-wrap-02.no9-col-02::before {
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-wrap-02.no9-col-03::before {
  right: inherit;
  left: -30%;
  width: 97%;
  background: #efe5e5;
}
@media (max-width:767px) {
  #no9 .no9-wrap-02.no9-col-03::before {
    left: inherit;
    right: 10%;
    width: 80%;
    height: 100%;
  }
}
#no9 .no9-img-03 {
  position: absolute;
  top: 30px;
  left: -250px;
}
@media (max-width:1500px) {
  #no9 .no9-img-03 {
    left: -160px;
  }
}
@media (max-width:1300px) {
  #no9 .no9-img-03 {
    left: -80px;
  }
}
@media (max-width:1140px) {
  #no9 .no9-img-03 {
    top: 50px;
    left: -3vw;
  }
}
@media (max-width:767px) {
  #no9 .no9-img-03 {
    top: 30px;
    left: -2vw;
    z-index: 2;
  }
}
#no9 .no9-img-03 img {
  max-width: 100px;
}
@media (max-width:1300px) {
  #no9 .no9-img-03 img {
    max-width: 50px;
  }
}
@media (max-width:1140px) {
  #no9 .no9-img-03 img {
    max-width: 16px;
  }
}
@media (max-width:767px) {
  #no9 .no9-img-03 img {
    max-width: 30px;
  }
}

#no9 .no9-img-03.no9-rev {
  left: inherit;
  right: -250px;
}
@media (max-width:1500px) {
  #no9 .no9-img-03.no9-rev  {
    left: inherit;
    right: -160px;
  }
}
@media (max-width:1300px) {
  #no9 .no9-img-03.no9-rev  {
    left: inherit;
    right: -80px;
  }
}
@media (max-width:1140px) {
  #no9 .no9-img-03.no9-rev  {
    top: 50px;
    left: inherit;
    right: -3vw;
  }
}
@media (max-width:767px) {
  #no9 .no9-img-03.no9-rev  {
    top: 30px;
    left: inherit;
    right: -2vw;
    z-index: 2;
  }
}
#no9 .no9-img-03.no9-rev  img {
  max-width: 100px;
}
@media (max-width:1300px) {
  #no9 .no9-img-03.no9-rev  img {
    max-width: 50px;
  }
}
@media (max-width:1140px) {
  #no9 .no9-img-03.no9-rev  img {
    max-width: 16px;
  }
}
@media (max-width:767px) {
  #no9 .no9-img-03.no9-rev  img {
    max-width: 30px;
  }
}
#no9 .no9-flex-03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width:767px) {
  #no9 .no9-flex-03 {
    margin: 6rem 0 0;
  }
}
#no9 .no9-flex-03 > div:first-child {
  width: 150px;
}
@media (max-width:767px) {
  #no9 .no9-flex-03 > div:first-child {
    margin: 0 0 3rem;
    width: 100%;
  }
}
#no9 .no9-flex-03 > div:last-child {
  width: calc(100% - 150px - 3rem);
}
@media (max-width:767px) {
  #no9 .no9-flex-03 > div:last-child {
    width: 100%;
  }
}
#no9 .no9-img-04 {
  margin: 0 0 1.8rem;
}
#no9 .no9-img-04 img {
  max-height: 12px;
}
#no9 .no9-txt-02 {
  margin: 0 0 1.3rem;
}

/*--------------------------------------------------
no10
--------------------------------------------------*/
#no10 .no10-sp {
  display: none;
}
@media (max-width:767px) {
  #no10 .no10-pc {
    display: none;
  }
  #no10 .no10-sp {
    display: block;
  }
}
#no10 .no10-flex-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin: 5rem auto;
  align-items: center;
}
@media (max-width:767px) {
  #no10 .no10-flex-01 {
    margin: 5rem auto 4rem;
  }
}
#no10 .no10-flex-01 > div:nth-child(1) {
  padding: 0 0 0 5rem;
  width: 35%;
  box-sizing: border-box;
}
@media (max-width:767px) {
  #no10 .no10-flex-01 > div:nth-child(1) {
    padding: 0;
    width: 100%;
  }
}
#no10 .no10-flex-01 > div:nth-child(2)  {
  width: 65%;
}
@media (max-width:767px) {
  #no10 .no10-flex-01 > div:nth-child(2)  {
    width: 100%;
  }
}
#no10 .no10-ttl-01,
#no10 .no10-ttl-05,
#no10 .no10-ttl-06 {
  margin: 0 0 4rem;
}
@media (max-width:767px) {
  #no10 .no10-ttl-01,
  #no10 .no10-ttl-05 {
    margin: 0 0 3rem 4.5rem;
  }
  #no10 .no10-ttl-06 {
    margin: 0 0 2rem 4.5rem;
  }
}
#no10 .no10-ttl-01 img {
  max-height: 80px;
}
@media (max-width:767px) {
  #no10 .no10-ttl-01 img {
    max-height: 60px;
  }
}
#no10 .no10-ttl-05,
#no10 .no10-ttl-06  {
  position: relative;
  width: 120%;
  z-index: 2;
}
@media (max-width:767px) {
  #no10 .no10-ttl-05,
  #no10 .no10-ttl-06  {
    width: calc(100% - 6rem);
  }
}
#no10 .no10-ttl-02 {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:767px) {
  #no10 .no10-ttl-02 {
    left: 1rem;
  }
}
#no10 .no10-ttl-02 img {
  max-width: 9px;
}
#no10 .no10-txt-01 {
  position: relative;
  width: 120%;
  font-weight: bold;
  z-index: 2;
  text-align: justify;
}
@media (max-width:767px) {
  #no10 .no10-txt-01 {
    margin: 2rem 0 0;
    width: 100%;
  }
}
#no10 .no10-flex-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
  text-align: justify;
}
@media (max-width:767px) {
  #no10 .no10-flex-02 {
    flex-direction: column-reverse;
  }
}
#no10 .no10-flex-02.no10-col-01 {
  align-items: center;
}
#no10 .no10-flex-02.no10-col-02 {
  align-items: center;
}
#no10 .no10-flex-02 > div:nth-child(1) {
  width: 50%;
}
@media (max-width:767px) {
  #no10 .no10-flex-02 > div:nth-child(1) {
    width: 100%;
  }
}
#no10 .no10-flex-02 > div:nth-child(2)  {
  padding: 0 5rem 0 0;
  width: calc(50% - 6rem);
  box-sizing: border-box;
}
@media (max-width:767px) {
  #no10 .no10-flex-02 > div:nth-child(2)  {
    padding: 0;
    width: 100%;
  }
}
#no10 .no10-flex-02.no10-col-02 > div:nth-child(2) {
  padding: 0 5rem 10rem 0;
}
@media (max-width:767px) {
  #no10 .no10-flex-02.no10-col-02 > div:nth-child(2) {
    padding: 0;
  }
}
#no10 .no10-ttl-03 {
  margin: 0 0 4rem;
}
@media (max-width:767px) {
  #no10 .no10-ttl-03 {
    margin: 0 0 2.5rem;
  }
}
#no10 .no10-ttl-03 img {
  max-width: 270px;
}
@media (max-width:767px) {
  #no10 .no10-ttl-03 img {
    max-width: 200px;
  }
}
#no10 .no10-flex-03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
  text-align: justify;
  margin: -16rem 0 10rem;
}
@media (max-width: 1100px) {
  #no10 .no10-flex-03 {
    margin: -10rem 0 10rem;
  }
}
@media (max-width: 1000px) {
  #no10 .no10-flex-03 {
    margin: -5rem 0 10rem;
  }
}
@media (max-width: 900px) {
  #no10 .no10-flex-03 {
    margin: 0 0 10rem;
  }
}
@media (max-width: 850px) {
  #no10 .no10-flex-03 {
    margin: 5rem 0 10rem;
  }
}
@media (max-width: 767px) {
  #no10 .no10-flex-03 {
    margin: 0;
  }
}
#no10 .no10-flex-03.no10-col-01 {
  margin: -15rem 0 10rem;
}
@media (max-width: 1100px) {
  #no10 .no10-flex-03.no10-col-01 {
    margin: -10rem 0 10rem;
  }
}
@media (max-width: 1000px) {
  #no10 .no10-flex-03.no10-col-01 {
    margin: -5rem 0 10rem;
  }
}
@media (max-width: 900px) {
  #no10 .no10-flex-03.no10-col-01 {
    margin: 0 0 10rem;
  }
}
@media (max-width: 850px) {
  #no10 .no10-flex-03.no10-col-01 {
    margin: 5rem 0 10rem;
  }
}
@media (max-width: 767px) {
  #no10 .no10-flex-03.no10-col-01 {
    margin: 0;
  }
}
#no10 .no10-flex-03.no10-col-02 {
  margin: -23rem 0 10rem;
}
@media (max-width: 1100px) {
  #no10 .no10-flex-03.no10-col-02 {
    margin: -15rem 0 10rem;
  }
}
@media (max-width: 1000px) {
  #no10 .no10-flex-03.no10-col-02 {
    margin: -10rem 0 10rem;
  }
}
@media (max-width: 900px) {
  #no10 .no10-flex-03.no10-col-02 {
    margin: 0 0 10rem;
  }
}
@media (max-width: 767px) {
  #no10 .no10-flex-03.no10-col-02 {
    margin: 0;
  }
}
#no10 .no10-flex-03 > div:nth-child(1) {
  padding: 0 0 0 5rem;
  width: 64%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #no10 .no10-flex-03 > div:nth-child(1) {
    padding: 0;
    width: 100%;
  }
}
#no10 .no10-flex-03 > div:nth-child(2)  {
  width: calc(36% - 6rem);
}
@media (max-width: 767px) {
  #no10 .no10-flex-03 > div:nth-child(2)  {
    margin: -2rem 0 0;
    width: 100%;
  }
}
#no10 .no10-ttl-04 {
  margin: 0 0 2rem;
}
@media (max-width: 767px) {
  #no10 .no10-ttl-04 {
    margin: 4rem 0 -1rem;
  }
}
#no10 .no10-ttl-04 img {
  max-width: 270px;
}
@media (max-width: 767px) {
  #no10 .no10-ttl-04 img {
    max-width: 200px;
  }
}
#no10 .no10-flex-04,
#no10 .no10-flex-05 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: center;
  text-align: justify;
}
#no10 .no10-flex-04 {
  position: relative;
  margin: 0 0 17rem;
  padding: 5rem;
}
@media (max-width: 767px) {
  #no10 .no10-flex-04 {
    margin: 0 0 9rem;
    padding: 3rem 2rem 1rem;
  }
}
#no10 .no10-flex-04::before {
  content: '';
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 96%;
  background: #d3e4f4;
}
@media (max-width: 767px) {
  #no10 .no10-flex-04::before {
    left: 0;
    width: 100%;
    height: 100%;
  }
}
#no10 .no10-flex-04.no10-col-01::before {
  background: #ced7d1;
}
#no10 .no10-flex-04.no10-col-02::before {
  background: #ebe6dc;
}
#no10 .no10-flex-04 > div:nth-child(1) {
  width: 48%;
  padding: 0 0 0 5rem;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #no10 .no10-flex-04 > div:nth-child(1) {
    width: 100%;
    padding: 0;
  }
}
#no10 .no10-flex-04 > div:nth-child(2) {
  width: 50%;
  margin: -13rem -3rem 0 0;
}
@media (max-width: 767px) {
  #no10 .no10-flex-04 > div:nth-child(2) {
    width: 100%;
    margin: 0;
  }
}
#no10 .no10-flex-04 > div:nth-child(2) img {
  -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#no10 .no10-flex-05 {
  margin: 0 0 7rem;
}
@media (max-width: 767px) {
  #no10 .no10-flex-05 {
    margin: 0 0 3rem;
  }
}
#no10 .no10-flex-05 > div:nth-child(1) {
  width: 100px;
}
#no10 .no10-flex-05 > div:nth-child(2) {
  width: calc(100% - 100px - 2rem);
}
#no10 .no10-list-01 li {
  margin: 0 0 3rem;
  padding: 0 0 0 3.2rem;
}
@media (max-width: 767px) {
  #no10 .no10-list-01 li {
    margin: 0 0 4rem;
  }
}
#no10 .no10-list-01 li:nth-child(1) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_10.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01 li:nth-child(2) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_11.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01 li:nth-child(3) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_12.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01.no10-col-01 li:nth-child(1) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_21.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01.no10-col-01 li:nth-child(2) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_22.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01.no10-col-01 li:nth-child(3) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_23.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01.no10-col-02 li:nth-child(1) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_32.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01.no10-col-02 li:nth-child(2) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_33.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-list-01.no10-col-02 li:nth-child(3) {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/10/10_34.jpg) 0 0.3rem no-repeat;
  background-size: 2rem;
}
#no10 .no10-txt-02 {
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  #no10 .no10-txt-02 {
    margin: 2rem 0 3rem;
  }
}
#no10 .no10-mb {
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  #no10 .no10-img-01 {
    margin: -2rem 0 0 -2rem;
  }
}
@media (max-width: 767px) {
  #no10 .no10-txt-03 {
    margin: 0 0 0 -4rem;
    text-align: center;
  }
}


/*--------------------------------------------------
no11
--------------------------------------------------*/
#no11 .no11-bg {
  background: #e9edee;
  max-width: 1160px;
  margin: 50px auto 0;
  padding: 100px 0 80px;
}
@media (min-width:768px) {
  #no11 .no11-list .c-paragraph--xs {
    margin-top: 15px;
  }
  #no11 .no11-slider_wrap {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
  }
  #no11 .no11-bg * {
    position: static;
  }
  #no11 .no11-bg .c-paragraph--xs {
    position: absolute;
    top: 100px;
  }
}
@media (max-width:767px) {
  #no11 .no11-bg {
    padding: 60px 0 40px;
  }
  #no11 .no11-list {
    display: none;
  }
  #no11 .no11-slider .c-paragraph--xs {
    margin-top: 15px;
  }
  #no11 .no11-slider img {
    width: 100%;
  }
  #no11 .no11-slider_wrap * {
    position: static;
  }
  #no11 .no11-slider_wrap {
    padding: 0 30px;
    position: relative;
  }
  #no11 .bx-prev {
    left: 0;
  }
  #no11 .bx-prev::before {
    border-width: 20px 20px 20px 0;
    border-color: transparent #696969 transparent transparent;
  }
  #no11 .bx-next {
    right: 0;
  }
  #no11 .bx-next::before {
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #696969;
  }
  #no11 .bx-controls-direction a {
    position: absolute;
    top: 0;
    z-index: 66;
    width: 20px;
    height: 100%;
    color: transparent;
  }
  #no11 .bx-controls-direction a::before {
    content: '';
    position: absolute;
    border-style: solid;
    top: calc(50% - 80px);
  }
}


/*--------------------------------------------------
no12
--------------------------------------------------*/
#no12 .c-paragraph--sm {
  font-weight: 500;
}
#no12 .c-paragraph--20 {
  font-size: 2rem;
  font-size: 20px;
}
@media (max-width: 767px) {
  #no12 .c-paragraph--20 {
    font-size: 1.8rem;
    font-size: 18px;
    padding-top: 1em;
  }
}
#no12 .c-paragraph--18 {
  font-size: 2rem;
  font-size: 20px;
}
@media (max-width: 767px) {
  #no12 .c-paragraph--20 {
    font-size: 1.8rem;
    font-size: 18px;
  }
}
#no12 .no12-box {
  margin-top: 4rem;
}

#no12 img {
  width: 100%;
}

#no12 .z10 {
  z-index: 10;
}
#no12 .line-center {
  position: absolute;
  top: 45%;
}
@media (max-width: 767px) {
  #no12 .line-center {
    position: static;
  }
}

#no12 .ml-minus {
  margin-left: -14rem;
}
@media (max-width: 767px) {
  #no12 .ml-minus {
    margin-left: 0;
  }
}
#no12 .mr-minus {
  margin-right: -9.5rem;
}
@media (max-width: 767px) {
  #no12 .mr-minus {
    margin-right: 0;
  }
}

#no12 .quotation {
  display: inline-block;
  width: 50%;
}
@media (max-width: 767px) {
  #no12 .quotation {
    position: relative;
    width: 80%;
    margin: 2rem auto 0;
    display: block;
  }
}

#no12 .quotation:before {
  content: "“";
  font-weight: bold;
  font-size: 30px;
  position: absolute;
  top: -30px;
  left: -30px;
}

#no12 .quotation:after {
  content: "„";
  font-weight: bold;
  font-size: 30px;
  position: absolute;
  bottom: -30px;
  right: -30px;
}

#no12 .sec-mt {
  margin-top: 12rem;
}
@media (max-width: 767px) {
  #no12 .sec-mt {
    margin-top: 4rem;
  }
}
#no12 .sec-mt5 {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  #no12 .sec-mt5 {
    margin-top: 2rem;
  }
}
#no12 p.c-paragraph.c-paragraph--md.quotation.is-sp {
  display: none;
}
@media (max-width: 767px) {
  #no12 p.c-paragraph.c-paragraph--md.quotation.is-sp {
    display: block;
  }
}

#no12 .pt9 {
  padding-top: 8rem;
  padding-right: 5rem;
}
@media (max-width: 767px) {
  #no12 .pt9 {
    padding-top: 1.6em;
    padding-right: 0;
  }
}

#no12 .check-img {
  width: 35px;
  height: 32px;
  margin-right: 1rem;
}
#no12 .check-text {
  line-height: 1.4;
}
#no12 .flx {
  display: flex;
  align-items: center;
}
#no12 .item-text {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  #no12 .item-text {
    margin-top: 0;
  }
}
#no12 .item-price {
  margin-top: 2.3rem;
}

#no12 .align-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#no12 .pl-sm {
  padding-left: 8rem;
}

#no12 .pr-sm {
  padding-right: 8rem;
}
@media (max-width: 767px) {
  #no12 .pl-sm {
    padding-left: 15px;
  }
  #no12 .pr-sm {
    padding-right: 15px;
  }
}

#no12 .style01-img, .style02-img, .style03-img {
  margin-top: 12rem;
}
@media (max-width: 767px) {
  #no12 .style01-img, .style02-img, .style03-img {
    margin-top: 0rem;
    width: 40%;
  }
}

/* style01 */
#no12 .style01-text .quotation {
  position: absolute;
  right: 0;
  bottom: 5rem;
}
@media (max-width: 767px) {
  #no12 .style01-text .quotation {
    position: relative;
    bottom: 4rem;
  }
}

/* style02 */
#no12 .style02-text .quotation {
  position: absolute;
  left: 0;
  bottom: 5rem;
}

/* staff */
#no12 .no12-staff {
  margin-top: 2.7rem;
  padding-left: calc(8rem - 15px);
}
#no12 .no12-staff .c-paragraph--xs {
  font-weight: normal;
}
@media (max-width: 767px) {
  #no12 .no12-staff {
    padding-left: 0;
  }
}


/* stylist */
#no12 .no12-stylist {
  display: flex;
  margin-top: 5rem;
  padding-left: calc(8rem - 15px);
}
#no12 .stylist-img {
  width: 100px;
  height: 100px;
}
#no12 .stylist-img img {
  width: 100%;
}
#no12 .stylist-name {
  font-weight: bold;
  line-height: 1;
}
#no12 .stylist-text {
  padding-left: 3rem;
  margin-bottom: -.5rem;
}
@media (max-width: 767px) {
  #no12 .no12-stylist {
    display: block;
    padding-left: 0;
  }
  #no12 .stylist-text {
    margin-top: 1rem;
    padding-left: 0;
    margin-bottom: 0;
  }
  #no12 .stylist-explain {
    margin-top: .5rem;
  }
}

@media (max-width: 767px) {
  #no12 .margin-adjust {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  #no12 .mt-adjust {
    margin-top: 2rem;
  }
  #no12 .mt-adjust0 {
    margin-top: 0!important;
  }
}


/*--------------------------------------------------
no13
--------------------------------------------------*/

#no13 .no13-sp {
  display: none;
}
@media (max-width:767px) {
  #no13 .no13-pc {
    display: none;
  }
  #no13 .no13-sp {
    display: block;
  }
}

#no13 .no13-wrap-01 {
  margin: 0 auto;
  padding: 0 60px;
  max-width: 1550px;
}
@media (max-width:767px) {
  #no13 .no13-wrap-01 {
    padding: 0 25px;
  }
}
#no13 .no13-mb-01 {
  margin: 0 auto 12rem;
}
@media (max-width: 767px) {
  #no13 .no13-mb-01 {
    margin: 0 auto 4rem;
  }
}
#no13 .no13-mb-02 {
  margin: 0 auto 6rem;
}
@media (max-width: 767px) {
  #no13 .no13-mb-02 {
    margin: 0;
  }
}
#no13 .no13-mb-03 {
  margin: 0 auto 1rem;
}
#no13 .no13-flex-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
  height: 100%;
}
@media (max-width: 767px) {
  #no13 .no13-flex-01 {
    padding: 5rem 0 0;
  }
}
#no13 .no13-flex-01 > div:first-child {
  width: calc(20% - 6rem);
}
@media (max-width: 767px) {
  #no13 .no13-flex-01 > div:first-child {
    width: 100%;
  }
}
#no13 .no13-flex-01 > div:last-child {
  width: 80%;
  height: 100%;
}
@media (max-width: 767px) {
  #no13 .no13-flex-01 > div:last-child {
    width: 100%;
  }
}
#no13 .no13-img-01 {
  margin: 0 0 25rem;
}
@media (max-width: 767px) {
  #no13 .no13-img-01 {
    display: none;
  }
}
#no13 .no13-ttl-01 {
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  #no13 .no13-ttl-01 {
    margin: 0 0 2rem;
  }
}
#no13 .no13-ttl-01 img {
  height: 20px;
}
@media (max-width: 767px) {
  #no13 .no13-ttl-01 img {
    height: 30px;
  }
}
#no13 .no13-img-02 {
  margin: 0 0 8rem;
  padding: 0 8rem 8rem 8rem;
}
@media (max-width: 767px) {
  #no13 .no13-img-02 {
    display: none;
  }
}

@media (max-width: 767px) {
  #no13 .no13-box-01 {
    margin: 2rem 0 0;
  }
}
#no13 .no13-flex-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
#no13 .no13-flex-02 > div:first-child {
  width: 50%;
}
@media (max-width: 767px) {
  #no13 .no13-flex-02 > div:first-child {
    width: 100%;
  }
}
#no13 .no13-flex-02 > div:last-child {
  width: calc(50% - 6rem);
}
@media (max-width: 767px) {
  #no13 .no13-flex-02 > div:last-child {
    width: 100%;
  }
}
#no13 .no13-flex-02.no13-rev {
  flex-direction: row-reverse;
}
#no13 .no13-flex-03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
  color: #000;
}
#no13 .no13-flex-03.no13-col-01 {
  color: #000;
}
#no13 .no13-flex-03.no13-col-02 {
  color: #000;
}
#no13 .no13-flex-03.no13-col-03 {
  color: #000;
}
#no13 .no13-flex-03 > div:first-child {
  width: 50%;
}
@media (max-width: 767px) {
  #no13 .no13-flex-03 > div:first-child {
    width: 100%;
  }
}
#no13 .no13-flex-03 > div:last-child {
  width: calc(50% - 3rem);
}
@media (max-width: 767px) {
  #no13 .no13-flex-03 > div:last-child {
    width: 100%;
  }
}
#no13 .no13-ttl-02 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-family: serif;
  color: #585f77;
}
#no13 .no13-ttl-02_02 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-family: serif;
  color: #d1974b;
}
#no13 .no13-ttl-02_03 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-family: serif;
  color: #bfa38c;
}
#no13 .no13-ttl-02_04 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-family: serif;
  color: #338093;
}
@media (max-width: 767px) {
  #no13 .no13-ttl-02,
  #no13 .no13-ttl-02_02,
  #no13 .no13-ttl-02_03,
  #no13 .no13-ttl-02_04 {
    margin: 0 0 1.5rem;
  }
}
#no13 .no13-txt-01 {
  font-family: serif;
}
@media (max-width: 767px) {
  #no13 .no13-txt-01 {
    margin: 0 0 3rem;
  }
}
#no13 .no13-ul-01 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media (max-width: 767px) {
  #no13 .no13-ul-01 {
    display: none;
  }
}
#no13 .no13-ul-01 > li:nth-child(1) {
  margin: 0 5rem 0 0;
  width: calc(42% - 3rem);
}
#no13 .no13-ul-01 > li:nth-child(2) {
  width: calc(42% - 3rem);
}
#no13 .no13-ul-01 > li:nth-child(3) {
  width: calc(19.3% - 4rem);
}
#no13 .no13-ul-01.no13-rev {
  flex-direction: row-reverse;
}
#no13 .no13-ul-01.no13-rev > li:nth-child(1) {
  margin: 0 0 0 5rem;
  width: calc(42% - 3rem);
}
#no13 .no13-flex-04 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#no13 .no13-flex-04 > div:first-child {
  width: 200px;
}
@media (max-width: 767px) {
  #no13 .no13-flex-04 > div:first-child {
    margin: 0 0 2rem;
    width: 100%;
  }
}
#no13 .no13-flex-04 > div:last-child {
  width: calc(100% - 200px - 4rem);
}
@media (max-width: 767px) {
  #no13 .no13-flex-04 > div:last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #no13 .no13-ttl-03 {
    margin: 0 0 .5rem;
  }
}
#no13 .no13-box-02 {
  position: relative;
}
@media (max-width: 767px) {
  #no13 .no13-box-02 {
    margin: 0 0 2rem;
  }
}
@media (max-width: 767px) {
  #no13 .no13-ttl-04 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    max-width: 20%;
  }
}
@media (max-width: 767px) {
  #no13 .no13-img-03 img {
    width: 30.78%;
  }
}
@media (max-width: 767px) {
  #no13 .no13-box-03 {
    margin: 5rem auto 0;
  }
}


/*--------------------------------------------------
no14
--------------------------------------------------*/
#no14 .sec-mt {
  margin-top: 8rem;
}
#no14 .no14-ttl {
  margin: 0 auto 2rem;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
@media (max-width:767px) {
  #no14 .no14-ttl {
    font-size: 2rem;
  }
}

#no14 .keyword-block {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width:767px) {
  #no14 .keyword-block {
    display: block;
  }
}
#no14 .keyword-item {
  width: 50%;
  border: 1px solid #000;
}
#no14 .keyword-item.-w100 {
  width: 100%;
}
@media (max-width:767px) {
  #no14 .keyword-item {
    width: 100%;
  }
}
#no14 .keyword-item:nth-child(even) {
  border-left: 0;
}
@media (max-width:767px) {
  #no14 .keyword-item:nth-child(even) {
    border-left: 1px solid #000;
    border-top: 0;
  }
}
#no14 .keyword-item:nth-child(n + 3) {
  border-top: 0;
}
#no14 .keyword-ttl {
  line-height: 1;
  display: flex;
}
@media (max-width:767px) {
  #no14 .keyword-ttl.-sp-block {
    display: block;
  }
}

#no14 .keyword-col {
  padding: 18px 23px;
  display: inline-block;
}
#no14 .keyword-col.keyword-col-text {
  padding-right: 0;
  /* line-height: 1.3; */
}
@media (max-width:767px) {
  #no14 .keyword-col {
    padding: 13px 13px;
  }
}
@media (max-width:380px) {
  #no14 .keyword-col {
    padding: 10px 10px;
  }
}
/* keywordのテキスト */
#no14 .keyword-lg {
  font-size: 2.7rem;
  font-weight: bold;
}
@media (max-width:767px) {
  #no14 .keyword-lg {
    font-size: 2rem;
  }
}
@media (max-width:380px) {
  #no14 .keyword-lg {
    font-size: 1.5rem;
  }
}
/* keyword */
#no14 .keyword-col-key {
  line-height: 27px;
  vertical-align: bottom;
}
@media (max-width:767px) {
  #no14 .keyword-col-key {
    line-height: 20px;
  }
}
@media (max-width:380px) {
  #no14 .keyword-col-key {
    line-height: 15px;
  }
}

/* 数字 */
#no14 .keyword-col-number {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: bottom;
}
/* 下の説明 */
#no14 .keyword-text {
  border-top: 1px solid #000;
  padding: 25px 23px;
}

/* 横幅いっぱいの画像 */
#no14 .img-block img {
  width: 100%;
  margin-top: 3.5rem;
  margin-bottom: .5rem;
}
@media (max-width:767px) {
  #no14 .img-block img {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
  }
}

#no14 .question-ttl {
  margin-top: 2.5rem;
}

@media (max-width:767px) {
  .keyword-sp-line2 {
    line-height: 1.8;
  }
  .price-sp-mt {
    margin-top: 1rem;
  }
}

/* 「」 */
#no14 .no14-frame {
  position: relative;
  margin-top: 3rem;
  padding: 2rem;
}
@media (max-width:767px) {
  #no14 .no14-frame {
    margin-top: 1.5rem;
  }
}
#no14 .no14-frame::before, #no14  .no14-frame::after {
  content: '';
  width: 17px;
  height: 17px;
  position: absolute;
}

#no14 .flx {
  display: flex;
}

#no14 .check-img {
  width: 60px;
  height: 60px;
  margin-right: 1rem;
}
#no14 .check-img img {
  width: 100%;
}

#no14 .no14-frame::before {
  border-left: solid 1px #000000;
  border-top: solid 1px #000000;
  top: 0;
  left: 0;
}
.no14-frame::after {
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  bottom: 0;
  right: 0;
}

#no14 .no14-cap-left {
  float: left;
}
@media (max-width: 767px){
  #no14 .no14-cap-left {
    float: none;
  }
}
#no14 .no14-cap-right {
  float: right;
}
#no14 .no14-cap-right::after {
  content: '';
  clear: right;
}
#no14 .no14-ttl-md {
  font-size: 1.8rem;
  font-weight: bold;
  /* margin-top: 4rem; */
}
@media (max-width: 767px){
  #no14 .no14-ttl-md {
    font-size: 1.8rem;
    font-weight: bold;
  }
}
.no14-w-sm {
  padding-left: 10rem;
  padding-right: 10rem;
}
@media (max-width: 767px){
  .no14-w-sm {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.no14-left {
  padding-left: 10rem;
  padding-right: 10rem;
}
#no14 .pl10 {
  padding-left: 10rem;
}
@media (max-width: 767px){
  #no14 .pl10 {
    padding-left: 0;
    padding-right: 0;
  } 
}
.l-col-sm-6.-ml {
  z-index: 1;
}
#no14 .z100 {
  z-index: 100;
}
#no14 .text-top {
  margin-top: 10%;
}
@media (max-width: 767px){
  #no14 .text-top {
    margin-top: 2.5rem;
  }
}
#no14 .text-center {
  margin-top: 30%;
}
@media (max-width: 767px){
  #no14 .text-center {
    margin-top: 2.5rem;
  }
}
#no14 .lg-img-l {
  margin-left: -7rem;
}
@media (max-width: 767px){
  #no14 .lg-img-l {
    margin-left: 0;
  }
}
#no14 .p-mt40 {
  margin-top: 4rem;
}
#no14 .profile {
  display: flex;
  border: 1px solid #000;
}
#no14 .align-item-center {
  width: 100%;
}
#no14 .align-item-center p {
  padding: 1rem;

}
#no14 .profile {
  /* margin-top: 2.5rem; */
}
#no14 .profile-txt {
  border-bottom: 1px solid #000;
}
#no14 .profile-img {
  width: 14rem;
  border-right: 1px solid #000;
}
#no14 .profile-img img {
  width: 100%;
}
@media (max-width: 767px){
  #no14 .profile-img {
    width: 100%;
    border-right: 0;
  }
  #no14 .align-item-center p.profile-img {
    padding-bottom: 0;
    max-width: 400px;
  }
}

#no14 .interview-txt {
  border-right: 1px solid #000;
}
@media (max-width: 767px){
  #no14 .interview-txt {
    border-right: 0;
    width: 100%;
    border-bottom: 1px solid #000;
  }
}
#no14 .u-mt12 {
  margin-top: 12rem;
}
@media (max-width: 767px){
  #no14 .u-mt12 {
    margin-top: 9rem;
  }
}
#no14 .ideal {
  padding: 2rem;
}
#no14 .ideal02 {
  padding-top: 0;
}
#no14 .ideal {
  font-size: 1.3rem;
}
#no14 .ideal-name {
  font-size: 1.4rem;
}
@media (max-width: 767px){
  #no14 .ideal-name {
    font-size: 1.3rem;
  }
  #no14 .ideal {
    font-size: 1.2rem;
  }
}
/* @media (max-width: 767px){
  #no14 .ideal-name {
    font-size: 1.5rem;
  }
} */

/* ----------- */
#no14 .no14-bg {
	background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2019winter/36/36_23.jpg);
	background-size: 64px;
	/* padding: 115px 0; */
}
#no14 .no14-title {
	text-align: center;
	font-size: 20px;
	letter-spacing: .1em;
}
#no14 .no14-nav {
	border: solid 10px #fff;
	padding: 50px 13%;
	margin: 50px 0 150px;
}
#no14 .no14-nav li + li {
	margin-top: 1em;
}
#no14 .no14-nav li a {
	display: block;
	font-size: 24px;
	position: relative;
	padding-left: 6em;
}
#no14 .no14-nav li a em {
	font-style: normal;
	position: relative;
	padding-left: 1em;
}
#no14 .no14-nav li a em::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: .3em;
	border-style: solid;
	border-width: .25em 0 .25em .4em;
	border-color: transparent transparent transparent #000;
}
#no14 #sec1, #no14 #sec2, #no14 #sec3 {
	position: absolute;
	width: 100%;
	margin-top: -100px;
	left: 0;
}
#no14 .no14-nav li img {
	position: absolute;
	left: 0;
}
#no14 .no14-img-01 {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -30px;
}
#no14 .no14-sub {
	text-align: center;
	font-size: 28px;
	margin: 1em 0 2em;
}
#no14 .no14-shadow {
	box-shadow:0px 0px 13px 0px #a2a2a2;
}
#no14 .no14-coord {
	margin: 110px 0 60px;
	text-align: center;
}
#no14 .no14-name {
	text-align: center;
	font-size: 30px;
	line-height: 1.5;
	letter-spacing: .15em;
	margin-bottom: .5em;
}
#no14 .no14-name small {
	display: block;
	font-size: 66%;
	letter-spacing: .3em;
}
#no14 .no14-box {
	background: #fff;
	border: solid 1px #b5b5b5;
	padding: 50px;
	z-index: 1;
	position: relative;
}
#no14 .no14-item {
	font-size: 20px;
	letter-spacing: .3em;
	margin: 2.5em 0 .5em;
}
#no14 .no14-item em {
	font-style: normal;
}
#no14 .no14-item em.a {
	color: #4b459f;
}
#no14 .no14-item em.b {
	color: #c32d1b;
}
#no14 .no14-item em.c {
	color: #8c4a31;
}
#no14 .no14-point-wrap {
	border: solid 1px #fff;
	padding: 60px 80px;
	margin-top: 90px;
}
#no14 .no14-shop-name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1em;
}
@media (min-width:768px) {
	#no14 .no14-large2 {
		margin-left: -80px;
	}
	#no14 .no14-large1 {
		margin-right: -60px;
	}
}
@media (max-width:767px) {
	#no14 .no14-bg {
		padding: 60px 0;
	}
	#no14 .no14-title {
		font-size: 16px;
	}
	#no14 .no14-img-01 {
		top: -25px;
	}
	#no14 .no36-img-01 img {
		width: 180px;
	}
	#no14 .no14-nav {
		border: solid 6px #fff;
		padding: 30px 5% 20px;
		margin: 40px 0 100px;
	}
	#no14 .no14-nav li a {
		font-size: 18px;
		padding-left: 4.5em;
		line-height: 1.5;
	}
	#no14 .no14-nav li a em {
		display: block;
	}
	#no14 .no14-nav li a em::before {
		top: .4em;
	}
	#no14 #sec1, #no14 #sec2, #no14 #sec3 {
		margin-top: -60px;
	}
	#no14 .no14-nav li img {
		width: 60px;
	}
	#no14 .no14-sub {
		font-size: 20px;
		margin: 1em 0 1em;
	}
	#no14 .no14-coord {
		margin: 60px 0 40px;
	}
	#no14 .no14-name {
		font-size: 25px;
		margin-top: 1em;
	}
	#no14 .no14-box {
		padding: 30px;
	}
	#no14 .no14-item {
		font-size: 18px;
	}
	#no14 .no14-point-wrap {
		padding: 30px 20px;
		margin-top: 50px;
	}
	#no14 .no14-shop-name {
		font-size: 16px;
	}
	#no14 .no14-large1 {
		margin-bottom: 20px;
	}
}
#no14 .no14-sp {
  display: none;
}
@media (max-width:767px) {
  #no14 .no14-sp {
    display: block;
  }
  #no14 .no14-pc {
    display: none;
  }
}

/*--------------------------------------------------
no15
--------------------------------------------------*/
#no15 .no15-lead {
  background: #e0f1f0;
  border-radius: 60px;
  max-width: 1180px;
  margin: 0 auto 75px;
  overflow: hidden;
  padding: 45px 20px 20px;
}
#no15 .no15-lead-ttl {
  color: #32a7ae;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.2em;
  z-index: 2;
}
#no15 .no15-lead-ttl span {
  background: linear-gradient(transparent 40%, #fff 0%);
}
#no15 .no15-lead-ttl small {
  font-size: 81%;
}
#no15 .no15-lead-img {
  top: -120px;
  position: absolute;
  z-index: -1;
}
#no15 .no15-lead-txt {
  width: 100%;
  z-index: 1;
}
#no15 .no15-lead .c-paragraph + .c-paragraph {
  margin-top: 40%;
}
#no15 .no15-diag-ttl {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/15/15_30.png) repeat-x left top / 27px;
  font-size: 36px;
  font-weight: bold;
  color: #f29b76;
  text-align: center;
  padding: .75em .3em .55em;
  line-height: 1.23;
}
#no15 .no15-diag-ttl small {
  font-size: 80%;
}
#no15 .no15-diag-ttl::before, #no15 .no15-colabo::before {
  background: url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/15/15_31.png) repeat-x left bottom / 27px;
  content: '';
  height: 100%;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
}
#no15 .no15-diag {
  background: #ffeec0;
  padding: 0 25px 25px;
}
#no15 .no15-diag-box {
  background: #fff;
  border-radius: 30px;
  text-align: center;
  padding: 60px 0 45px;
  display: none;
}
#no15 .no15-diag-q {
  font-size: 27px;
  font-weight: bold;
  color: #7e634d;
  margin-bottom: 1.7em;
  line-height: 1.4;
}
#no15 .no15-diag-btn {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}
#no15 .no15-result {
  border-radius: 60px;
  padding: 40px 30px 30px;
  margin: 85px 0 50px;
}
#no15 .no15-shirokuma {
  background: #fdede3;
}
#no15 .no15-pengin {
  background: #f1f4d3;
}
#no15 .no15-tonkatsu {
  background: #fef5e7;
}
#no15 .no15-neko {
  background: #fdf6d2;
}
#no15 .no15-tokage {
  background: #eff7f1;
}
#no15 .no15-result-ttl {
  display: inline-block;
  background: linear-gradient(#fff 60%, transparent 0%);
  font-size: 39px;
  font-weight: bold;
  color: #7e634d;
  line-height: 1.5;
  z-index: 2;
  margin-bottom: .8em;
}
#no15 .no15-result-ttl small {
  font-size: 80.3%;
}
#no15 .no15-result-ttl2 {
  font-size: 18px;
  letter-spacing: .1em;
}
#no15 .no15-result-box {
  background: #fff;
  padding: 25px 30px 0;
  border-radius: 30px;
}
#no15 .no15-result-box a {
  text-decoration: underline;
}
#no15 .no15-img-left {
  margin-bottom: -34%;
}
#no15 .no15-img-right {
  margin: -23.5% 0 -30% -3%;
}
#no15 .no15-result-box .no15-img {
  text-align: center;
}

#no15 .no15-type-ttl {
  color: #7e634d;
  text-align: center;
  font-weight: bold;
  font-size: 39px;
  margin-bottom: .8em;
  line-height: 1.5;
}
#no15 .no15-type-ttl small {
  font-size: 83%;
}
#no15 .no15-type-list > div {
  margin-bottom: 12px;
  text-align: center;
}
#no15 .no15-colabo {
  background: #fffded url(//d168xaea3f86zy.cloudfront.net/magfile/upload/2020spring/15/15_30.png) repeat-x left top / 27px;
  padding: 42px 30px 25px;
  margin-top: 80px;
}
#no15 .no15-colabo-ttl {
  color: #f29b76;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 1em;
}
#no15 .no15-colabo-copy {
  text-align: right;
  font-size: 12px;
}
#no15 .no15-colabo-box {
  background: #fff;
  border: solid 1px #b9afa1;
  padding: 20px 25px 0;
  margin: 35px 0 30px;
}
#no15 .no15-colabo-box a {
  color: #003cfe;
  text-decoration: underline;
}
#no15 .no15-colabo-ttl2 {
  font-size: 18px;
  letter-spacing: .1em;
  margin-bottom: .8em;
}
@media (min-width:768px) {
  #no15 .no15-diag-q img {
    position: absolute;
    margin-left: 4%;
    top: 50%;
    transform: translateY(-50%);
  }
  #no15 .no15-diag-btn a {
    display: inline-block;
    width: 44%;
    margin: 0 2%;
  }
  #no15 .no15-result-box .no15-img {
    margin-top: -15px;
  }
  #no15 .no15-img-right + p, #no15 .no15-img-right + p + p, #no15 .no15-img-right + p + p + p, #no15 .no15-img-right + p + p + p + p, #no15 .no15-img-right + p + p + p + p + p {
    margin-left: 10%;
  }
  #no15 .no15-type-list {
    max-width: 910px;
    margin: 0 auto;
  }
  #no15 .no15-type-list > div {
    margin-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }
  #no15 .no15-type-01 {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
  }
  #no15 .no15-type-02 {
    -webkit-box-ordinal-group:1;
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
  }
  #no15 .no15-type-03 {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:3;
    -webkit-order:3;
    order:3;
  }
}

@media (max-width: 950px) {
  #no15 .no15-lead-img {
    top: -100px;
  }
}
@media (max-width:767px) {
  #no15 .no15-img-right {
    margin: -3% 0 -30% -3%;
  }
  #no15 .no15-lead-img {
    top: 50%;
    transform: translateY(-60%);
  }
  #no15 .no15-lead {
    border-radius: 30px;
  }
  #no15 .no15-lead-ttl {
    font-size: 4.4vw;
  }
  #no15 .no15-lead .c-paragraph + .c-paragraph {
    margin-top: 60%;
  }
  #no15 .no15-diag-start {
    text-align: center;
  }
  #no15 .no15-diag-box {
    margin-top: 25px;
    padding: 50px 35px 35px;
  }
  #no15 .no15-diag-btn a + a {
    margin-top: 20px;
    display: block;
  }
  #no15 .no15-diag-q {
    margin-left: 1.4em;
    text-indent: -1.4em;
    margin-bottom: .5em;
  }
  #no15 .no15-diag-q img {
    display: block;
    margin-left: auto;
  }
  #no15 .no15-result {
    border-radius: 30px;
    padding: 30px 20px 20px;
  }
  #no15 .no15-result-ttl {
    font-size: 4.8vw;
    white-space: nowrap;
  }
  #no15 .no15-result-box {
    padding: 20px 15px;
    border-radius: 15px;
  }
  #no15 .no15-type-ttl {
    font-size: 30px;
  }
  #no15 .no15-colabo {
    padding: 35px 15px 25px;
  }
  #no15 .no15-colabo-ttl {
    font-size: 24px;
  }
  #no15 .no15-colabo-box {
    padding: 20px 15px 0;
  }
}
#no15 .no15-sp {
  display: none;
}
@media (max-width:767px) {
  #no15 .no15-pc {
    display: none;
  }
  #no15 .no15-sp {
    display: block;
  }
}



/*--------------------------------------------------
no16
--------------------------------------------------*/
#no16 .no16-box {
  border: solid 2px #000;
  border-radius: 30px;
  margin: 55px 0 50px;
}
#no16 .no16-box > dt {
  border-bottom: solid 2px #000;
  border-top: solid 2px #000;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  padding: .2em 0;
}
#no16 .no16-box > *:nth-child(1) {
  border-top: none;
}
#no16 .no16-box > dd {
  padding: 30px 5% 10px;
}
#no16 .no16-box dd dt {
  font-size: 16px;
  margin-bottom: .5em;
  font-weight: bold;
}
#no16 .no16-box dd dd {
  position: relative;
  display: table;
  margin-bottom: 30px;
}
#no16 .no16-box dd dd p {
  display: table-cell;
  vertical-align: middle;
  width: calc(100% - 100px);
}
#no16 .no16-box dd dd > div {
  display: table-cell;
  width: 100px;
}
#no16 .no16-box-item {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .4em;
}
#no16 .no16-box-item i, #no16 .no16-day-item i {
  font-style: normal;
  color: #fff;
  font-size: 87.5%;
  background: #000;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  display: inline-block;
  margin-right: .5em;
  line-height: 1.5;
}
#no16 .no16-box-item + p + p {
  margin-top: -1em;
}
#no16 .no16-box li {
  padding-bottom: 10px;
}
#no16 .no16-day {
  margin-bottom: 90px;
  position: relative;
}
#no16 .no16-day-desc {
}
#no16 .no16-day-item {
  margin-left: .5em;
}
#no16 .no16-day-item i {
  margin: 0 .2em;
}
#no16 .no16-day-ttl {
  margin-bottom: 40px;
}
#no16 .no16-profile {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: .5em;
}

@media (min-width:768px) {
  #no16 .no16-day-desc {
    position: relative;
    z-index: 1;
  }
  #no16 .no16-day-desc.odd {
    margin-left: -25%;
    margin-right: -10%;
  }
  #no16 .no16-day-desc.even {
    margin-left: -10%;
    margin-right: -25%;
  }
  #no16 .no16-day-img.odd {
    margin: 0 -12%;
  }
  #no16 .no16-day-img.even {
    margin: 0 -3%;
  }
  #no16 .no16-day-list.odd {
    margin-left: -35%;
  }
  #no16 .no16-day-list.even {
    margin-right: -10%;
    text-align: right;
  }
}
@media (min-width:1440px) {
  #no16 .no16-day-desc.odd {
    margin-left: 0:
  }
  #no16 .no16-day-desc.even {
    margin-right: 0;
  }
  #no16 .no16-day-list.odd {
    margin-left: -200px;
    margin-right: -300px;
  }
  #no16 .no16-day-list.even {
    margin-left: -300px;
    margin-right: -200px;
  }
}
@media (max-width:767px) {
  #no16 .no16-day-img {
    margin: 25px 0;
  }
  #no16 .no16-day-img.even {
    margin-top: 0;
  }
  #no16 .no16-img-25 {
    margin-top: 25px;
  }
  #no16 .no16-profile {
    font-size: 16px;
  }
}

/*--------------------------------------------------
ie only
--------------------------------------------------*/
/* IE10〜11 */
_:-ms-input-placeholder, :root .l-header-logo svg {
  height: 20px;
}
/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
  .l-header-logo svg {
    height: 20px;
  }
}

_:-ms-input-placeholder, :root #no14 .keyword-col.keyword-col-text {
  padding-top: 22px;
  padding-bottom: 0;
}