@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    margin
    hide
    module
    page
========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   hover
--------------------------------------------- */
.hover {
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }
  .hover:hover {
    opacity: 0.8; }

/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
.keyvisual {
  height: 50vw;
  position: relative; }
  .keyvisual .swiper-container {
    height: 100%; }
  .keyvisual .swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .keyvisual .swiper-slide--slide1 {
      background-image: url(../dioxy/img_mainvisual1.jpg); }
    .keyvisual .swiper-slide--slide2 {
      background-image: url(../dioxy/img_mainvisual2.jpg); }
  .keyvisual .swiper-slide__text {
    color: #fff;
    width: 78.125vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 980px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 65px; }
  .keyvisual .swiper-slide__text-upper {
    font-size: 3.125rem;
    font-weight: 300;
    line-height: 1.3; }
  .keyvisual .swiper-slide__text-lower {
    font-size: 1.875rem;
    margin-top: 10px; }
  .keyvisual__scroll {
    position: absolute;
    bottom: -38px;
    width: 87px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5; }
  .keyvisual__image {
    position: absolute;
    z-index: 5;
    right: calc(50% - 480px);
    bottom: -75px;
    width: 250px;
    z-index: 5; }
  @media screen and (max-width: 738px) {
    .keyvisual {
      height: 150vw; }
      .keyvisual .swiper-slide {
        background-size: 100%; }
        .keyvisual .swiper-slide--slide1 {
          background-image: url(../img/img_mainvisual1_sp.jpg); }
        .keyvisual .swiper-slide--slide2 {
          background-image: url(../img/img_mainvisual2_sp.jpg); }
      .keyvisual .swiper-slide__text {
        padding: 0;
        width: 74.21875vw;
        margin-bottom: 10.15625vw; }
      .keyvisual .swiper-slide__text-upper {
        font-size: 6.25vw;
        line-height: 1.3; }
      .keyvisual .swiper-slide__text-lower {
        font-size: 3.3vm;
        margin-top: 1.5vw; }
      .keyvisual__scroll {
        bottom: -5.5vw;
        width: 13.4375vw;
        left: 14vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .keyvisual__image {
        right: 7vw;
        bottom: -15vw;
        width: 31.5625vw; } }


/* ---------------------------------------------
*   sense
--------------------------------------------- */
.sense {
  height: 50vw;
  position: relative; }
  .sense .swiper-container {
    height: 100%; }
  .sense .swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .sense .swiper-slide--slide1 {
      background-image: url(../img/img_mainvisual3.jpg); }
    .sense .swiper-slide--slide2 {
      background-image: url(../img/img_mainvisual4.jpg); }
  .sense .swiper-slide__text {
    color: #fff;
    width: 78.125vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 980px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 65px; }
  .sense .swiper-slide__text-upper {
    font-size: 3.125rem;
    font-weight: 300;
    line-height: 1.3; }
  .sense .swiper-slide__text-lower {
    font-size: 1.875rem;
    margin-top: 10px; }
  .sense__scroll {
    position: absolute;
    bottom: -38px;
    width: 87px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5; }
  .sense__image {
    position: absolute;
    z-index: 5;
    right: calc(50% - 480px);
    bottom: -75px;
    width: 250px;
    z-index: 5; }
  @media screen and (max-width: 738px) {
    .sense {
      height: 150vw; }
      .sense .swiper-slide {
        background-size: 100%; }
        .sense .swiper-slide--slide1 {
          background-image: url(../img/img_mainvisual3_sp.jpg); }
        .sense .swiper-slide--slide2 {
          background-image: url(../img/img_mainvisual4_sp.jpg); }
      .sense .swiper-slide__text {
        padding: 0;
        width: 74.21875vw;
        margin-bottom: 10.15625vw; }
      .sense .swiper-slide__text-upper {
        font-size: 6.25vw;
        line-height: 1.3; }
      .sense .swiper-slide__text-lower {
        font-size: 3.3vm;
        margin-top: 1.5vw; }
      .sense__scroll {
        bottom: -5.5vw;
        width: 13.4375vw;
        left: 14vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .sense__image {
        right: 7vw;
        bottom: -15vw;
        width: 31.5625vw; } }



/* ---------------------------------------------
*   section
--------------------------------------------- */
.section {
  background-color: #000;
  padding: 100px 0; }
  .section--contact {
    padding: 50px 0; }
  .section__inner {
    position: relative;
    width: 82vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 975px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section.visual-section {
    padding-bottom: 0px; }
  .section--banner .section__inner {
    width: 83.59375vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1050px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section--contact .section__inner {
    width: 65.625vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 820px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section__cassette {
    width: 48.8%; }
  .section__title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.1em; }
    .section__title:after {
      content: "";
      display: block;
      width: 100px;
      height: 5px;
      background-color: #fff;
      margin-top: 15px;
      margin-right: auto;
      margin-left: auto; }
  .section__slide img {
    width: 100%; }
  .section__title--noborder:after {
    content: none; }
  .section--column .section__title {
    text-align: center;
    letter-spacing: 0.1em; }
    .section--column .section__title:after {
      margin-left: 0;
      margin-right: auto; }
  .section__lead {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 15px;
    text-align: center; }
      .section__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 
  .section--column .section__lead {
    text-align: center; }
  .section__text {
    color: #fff;
    letter-spacing: 0em;
    margin-top: 10px; }
  .section__square {
    position: absolute;
    left: 0;
    top: -160px;
    width: 20.6%; }
  .section__body {
    margin-top: 55px; }
  .section__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    
  .section__column-cassette {
    width: 28.4%; }
  .section__column-image {
    margin-bottom: 12px; }
    .section__column-image img {
      width: 100%; }
  

  .section__column-cassette4 {
    width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
  }
   .section__column-image4 {
    margin-bottom: 0px; }
    .section__column-image4 img {
      width: 100%; }
      
  @media screen and (max-width: 768px) {
  .section__column-cassette4 {
    width: 10%;
    padding-top: 5%;
   padding-left: 0%;
    text-align: center;
       }
   .section__column-image4 {
    margin-bottom: 5%; }
    .section__column-image4 img {
      width: 100%; }}


  .section__column-cassette5 {
    width: 60%;
}

  @media screen and (max-width: 768px) {
  .section__column-cassette5 {
    width: 70%;
   padding-left: 15%;
   }}





 .section__column-title {
    font-size: 1rem;
    font-weight: normal;
    color: #9c1a3c;
    line-height: 1.3;
    margin-bottom: 13px; }
  .section__column-caption {
    font-size: 0.8rem;    line-height: 1;}
  .section__btn {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section__btn-cassette {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28.4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center;
    background-color: #9c1a3c;
    color: #fff;
    font-weight: bold;
    padding: 10px 0; }
    .section__btn-cassette small {
      display: block;
      font-size: 0.75rem; }
    .section__btn-cassette:nth-of-type(n+4) {
      margin-top: 40px;     
      }
    .section__btn-cassette--white {
      border: 2px solid #9c1a3c;
      background-color: #fff;
      color: #9c1a3c; }
    .ie11 .section__btn-cassette {
      padding: 15px 0 10px; }
  .section__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section__grid-item {
    width: 65%;
    font-size: 1rem; }
    .section__grid-item img {
      width: 100%; }
  .section__grid-item2 {
    width: 35%;
    font-size: 1rem; }
    .section__grid-item2 img {
      width: 100%; }
  .section__grid--banner .section__grid-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42.87%; }
    .section__grid--banner .section__grid-item a {
      display: block; }
      .section__grid--banner .section__grid-item a img {
        border: 1px solid #000; }
  @media screen and (max-width: 738px) {
    .section {
      padding: 15.625vw 0; }
      .section--contact {
        padding: 7.03125vw 0; }
      .section--system, .section--information {
        padding-top: 25.78125vw;
	padding-right: 3vw;
        padding-left: 3vw;}
      .section__inner {
        padding: 0;
        width: 100%; }
      .section__body {
        width: 77.73438vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 975px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section--banner .section__inner {
        width: 83.59375vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 1050px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section--contact .section__inner {
        padding: 0;
        width: 100%; }
      .section--column .section__body {
        display: block; }
      .section__cassette {
        width: 100%; }
        .section__cassette:nth-of-type(n+2) {
          margin-top: 5.46875vw; }
      .section__title {
        font-size: 4.6875vw;
        letter-spacing: 0.1em; }
        .section__title:after {
          width: 15.625vw;
          height: 0.3125vw;
          margin-top: 2.34375vw; }
      .section__lead {
        font-size: 3.125vw;
        margin-top: 2.34375vw; }
    
      .section2__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 
      .section__text {
        margin-top: 1.5625vw; }
      .section__square {
        top: -36vw;
        left: 4vw;
        width: 31.25vw; }
      .section__body {
        margin-top: 7.8125vw; }
      .section__column {
        display: block; }
      .section__column-cassette {
        width: 50vw;
        margin: 0 auto; }
        .section__column-cassette:nth-of-type(n+2) {
          margin-top: 7.03125vw; }
      .section__column-image {
        margin-bottom: 1.875vw; }
      .section__column-title {
        font-size: 3.125vw;
        margin-bottom: 2.03125vw; }
      .section__column-caption {
        font-size: 3.5vw;     line-height: 1vm;}
      .section__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        margin-top: 7.8125vw; }
      .section__btn-cassette {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 42.5vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.875vw 0;
        min-height: 11.1vw; }
        .section__btn-cassette small {
          font-size: 1.875vw; }
        .section__btn-cassette:nth-of-type(n+2) {
          margin-top: 3.125vw; }
        .section__btn-cassette--white {
          border-width: 1px; }
      .section__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column; }
        .section__grid--reverse {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-flow: column-reverse;
          flex-flow: column-reverse; }
      .section__grid-item {
        width: 100%;
        font-size: 3.125vw; }
        .section__grid-item:nth-of-type(n+2) {
          margin-top: 9.375vw; }
      .section__grid--reverse .section__grid-item {
        margin-bottom: 4.6875vw; }
        .section__grid--reverse .section__grid-item:nth-of-type(n+2) {
          margin-top: 0; }
      .section__grid--banner .section__grid-item {
        width: 100%; }
	}
  @media screen and (max-width: 768px) {
    .section__btn-cassette {
      font-size: 12px; } }


/* ---------------------------------------------
*   section2
--------------------------------------------- */
.section2 {
  background-color: #fff;
  padding: 100px 0; }
  .section2:nth-of-type(even) {
    background-color: #fff; }
  .section2--contact {
    padding: 50px 0; }
  .section2__inner {
    position: relative;
    width: 82vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 975px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section2.visual-section {
    padding-bottom: 0px; }
  .section2--banner .section__inner {
    width: 83.59375vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1050px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section2--contact .section__inner {
    width: 65.625vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 820px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section2--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section2__cassette {
    width: 48.8%; }
  .section2__title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    line-height: 1.2;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.1em; }
  .section2__slide img {
    width: 100%; }
  .section2__title--noborder:after {
    content: none; }
  .section2--column .section__title {
    text-align: center;
    letter-spacing: 0.1em; }
    .section2--column .section__title:after {
      margin-left: 0;
      margin-right: auto; }

  .section2__lead {
    font-size: 1rem;
    color: #000;
    letter-spacing: 0.1em;
    margin-top: 15px;
    text-align: center; }
      .section2__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 
	
  .section2__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.5rem;
    color: #B1A26C;
    letter-spacing: 0em;
    margin-top: 15px;
    text-align: center; }
      .section2__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 

  .section21__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.5rem;
    color: #B1A26C;
    letter-spacing: 0em;
    margin-top: 15px;
    text-align: center; }
      .section2__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 
	
   .section3__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 2.5rem;
    color: #fff;
    letter-spacing: 0em;
    margin-top: 15px;
    text-align: center; }

    .section4__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 0.8rem;
    color: #fff;
    line-height: 2.5;
    letter-spacing: 0.2em;
    margin-top: 15px;
    text-align: center; }

    .section5__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.5rem;
    color: #000;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-bottom: 20px;
    text-align: left; }
    
    
    .section__column_midashi {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1rem;
    color: #B1A26C;
    position: relative;
    letter-spacing: 0em;
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: left; }

    .section__column_midashi:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%; }

    .section__column_midashi span {
    background-color: #fff;
    padding-left: 0 em;
    position: relative }


    .section__column_midashi2 {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1rem;
    color: #B1A26C;
    position: relative;
    letter-spacing: 0em;
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: left; }

    .section__column_midashi2:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%; }

    .section__column_midashi2 span {
    background-color: #fff;
    padding-left: 0 em;
    position: relative }



  .pc_br{
    display: none;
  } 
  .sp_br{
    display: block;
  }   
  
  @media screen and (max-width: 738px) {
  .pc_br{
    display: block;
  }   
  .sp_br{
    display: none;
  }   
   .section2__lead {
    font-size: 1rem;
    color: #000;
    letter-spacing: 0.1em;
    margin-top: 15px;
    text-align: left; }
      .section2__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: left; } 

  .section2__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 2em;
    color: #B1A26C;
     line-height: 1.5;
   letter-spacing: 0em;
    margin-top: 15px;
    text-align: center; }
    
    
   .section21__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 2em;
    color: #B1A26C;
     line-height: 1.2;
    letter-spacing: 0em;
    margin-top: 0;
    text-align: center; }

   
   .section3__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 300%;
    color: #fff;
   line-height: 1.5;
    letter-spacing: 0em;
    margin-top: 15px;
    text-align: center; }


 .section4__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 0.8rem;
    color: #fff;
    line-height: 2.5;
    letter-spacing: 0.2em;
    margin-top: 15px;
    text-align: left; }

   .section5__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.1rem;
    color: #000;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left; }
    
    .section__column_midashi {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 0.8rem;
    color: #B1A26C;
    position: relative;
    letter-spacing: 0em;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 10%;
    text-align: left; }

    .section__column_midashi:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 90%; }

    .section__column_midashi span {
    background-color: #fff;
    padding-left: 0 em;
    position: relative }
    
    .section__column_midashi2 {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 0.8rem;
    color: #B1A26C;
    position: relative;
    letter-spacing: 0em;
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: left; }

    .section__column_midashi2:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%; }

    .section__column_midashi2 span {
    background-color: #fff;
    padding-left: 0 em;
    position: relative } }






	
   
	
    
.section2--column .section__lead {
    text-align: left; }

  .section2__text {
    color: #000;
    letter-spacing: 0em;
    margin-top: 10px; }
  .section2__square {
    position: absolute;
    left: 0;
    top: -160px;
    width: 20.6%; }
  .section2__body {
    margin-top: 55px; }
  .section2__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section2__column-cassette {
    width: 28.4%; }
  .section2__column-image {
    margin-bottom: 12px; }
    .section2__column-image img {
      width: 100%; }
  .section2__column-title {
    font-size: 1rem;
    font-weight: normal;
    color: #9c1a3c;
    line-height: 1.3;
    margin-bottom: 13px; }
  .section2__column-caption {
    font-size: 0.75rem; }
  .section2__btn {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section2__btn-cassette {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28.4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center;
    background-color: #9c1a3c;
    color: #fff;
    font-weight: bold;
    padding: 10px 0; }
    .section2__btn-cassette small {
      display: block;
      font-size: 0.75rem; }
    .section2__btn-cassette:nth-of-type(n+4) {
      margin-top: 40px;     
      }
    .section2__btn-cassette--white {
      border: 2px solid #9c1a3c;
      background-color: #fff;
      color: #9c1a3c; }
    .ie11 .section2__btn-cassette {
      padding: 15px 0 10px; }
  .section2__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section2__grid-item {
    width: 30%;
    font-size: 1rem; }
    .section__grid-item img {
      width: 100%; }
           
      
  .section2__grid--banner .section2__grid-item2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42.87%; }
    .section__grid--banner .section__grid-item a {
      display: block; }
      .section__grid--banner .section__grid-item a img {
        border: 1px solid #000; }
  @media screen and (max-width: 738px) {
    .section2 {
      padding: 15.625vw 0; }
      .section2--contact {
        padding: 7.03125vw 0; }
      .section2--system, .section2--information {
        padding-top: 25.78125vw; }
      .section2__inner {
        padding: 0;
        width: 100%; }
      .section2__body {
        width: 90vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 975px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section2--banner .section__inner {
        width: 83.59375vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 1050px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section2--contact .section__inner {
        padding: 5%;
        width: 100%; }
      .section2--column .section2__body {
        display: block; }
      .section2__cassette {
        width: 100%; }
        .section__cassette:nth-of-type(n+2) {
          margin-top: 5.46875vw; }
      .section2__title {
        font-size: 4.6875vw;
        letter-spacing: 0.1em; }
        .section2__title:after {
          width: 15.625vw;
          height: 0.3125vw;
          margin-top: 2.34375vw; }
      .section2__lead {
        font-size: 3.125vw;
        padding: 5%;
	margin-top: 2.34375vw; }  
      .section2__text {
        margin-top: 1.50625vw; }
      .section2__square {
        top: -36vw;
        left: 4vw;
        width: 31.25vw; }
      .section2__body {
        margin-top: 7.8125vw; }
      .section2__column {
        display: block; }
      .section2__column-cassette {
        width: 55vw;
        margin: 0 auto; }
        .section2__column-cassette:nth-of-type(n+2) {
          margin-top: 7.03125vw; }
      .section2__column-image {
        margin-bottom: 1.875vw; }
      .section2__column-title {
        font-size: 3.125vw;
        margin-bottom: 2.03125vw; }
      .section2__column-caption {
        font-size: 1.875vw; }
      .section2__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        margin-top: 7.8125vw; }
      .section2__btn-cassette {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 42.5vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.875vw 0;
        min-height: 11.1vw; }
        .section2__btn-cassette small {
          font-size: 1.875vw; }
        .section2__btn-cassette:nth-of-type(n+2) {
          margin-top: 3.125vw; }
        .section2__btn-cassette--white {
          border-width: 1px; }
      .section2__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column; }
        .section2__grid--reverse {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-flow: column-reverse;
          flex-flow: column-reverse; }
      .section2__grid-item {
        width: 60%;
      padding-left: 20%;
	font-size: 3.125vw; }
        .section2__grid-item:nth-of-type(n+2) {
          margin-top: 9.375vw; }
      .section__grid-item2 {
        width: 80%;
	      padding-left: 10%;
        font-size: 3.125vw; }
        .section2__grid-item:nth-of-type(n+2) {
          margin-top: 9.375vw; }
      .section2__grid--reverse .section__grid-item {
        margin-bottom: 4.6875vw; }
        .section2__grid--reverse .section__grid-item:nth-of-type(n+2) {
          margin-top: 0; }
      .section2__grid--banner .section__grid-item {
        width: 100%; } }



    .section5__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.7rem;
    color: #000;
  line-height: 1.7;
    letter-spacing: 0em;
    margin-top: 0%;
    margin-bottom: 5%;
    text-align: left; }
    
 
    .section7__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-bottom:3%;
    padding:5px;
    background-color:#560617;
    text-align: center; }
    
    .section8__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-bottom:3%;
    padding:5px;
    background-color:#000;
    text-align: center; }
    

  @media screen and (max-width: 738px) {
    .section7__point {
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-bottom:3%;
    padding:2px;
    background-color:#560617;
    text-align: center; }}





   
    .column_text {
    font-size: 0.7rem;
    color: #000;
  line-height: 1.8;
    letter-spacing: 0em;
    margin-top: 5%;
    text-align: center; }


    .column_text2 {
    font-size: 0.9rem;
    color: #000;
  line-height: 1.8;
    letter-spacing: 0em;
    margin-top: 5%;
    text-align: left; }





  @media screen and (max-width: 768px) {
    .section5__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.2rem;
    color: #000;
  line-height: 1.2;
    letter-spacing: 0em;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: left; }


      .column_text {
    font-size: 0.8rem;
    color: #000;
  line-height: 1.8;
    letter-spacing: 0em;
    margin-top: 5%;
    text-align: center; }

      .column_text2 {
    font-size: 0.8rem;
    color: #000;
  line-height: 1.8;
    letter-spacing: 0em;
    margin-top: 5%;
    text-align: left; }
    
  .section2__btn-cassette {
      font-size: 12px; } }
 


/* ---------------------------------------------
*   section3
--------------------------------------------- */
.section3 {
  background-color: #E9E9E9;
  padding: 100px 0; }
  .section3:nth-of-type(even) {
    background-color: #f0f0ea; }
  .section3--contact {
    padding: 50px 0; }
  .section3__inner {
    position: relative;
    background-color: #fff;
    width: 82vw;
    padding-top: 5vw;
    padding-right: 5vw;
    padding-left: 5vw;
    max-width: 975px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section3.visual-section {
    padding-bottom: 0px; }
  .section3--banner .section__inner {
    width: 83.59375vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1050px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section3--contact .section__inner {
    width: 65.625vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 820px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section3--column .section2__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section3__cassette {
    width: 48.8%; }
  .section3__title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.1em; }
    .section3__title:after {
      content: "";
      display: block;
      width: 100px;
      height: 5px;
      background-color: #fff;
      margin-top: 15px;
      margin-right: auto;
      margin-left: auto; }
  .section3__slide img {
    width: 100%; }
  .section3__title--noborder:after {
    content: none; }
  .section3--column .section__title {
    text-align: center;
    letter-spacing: 0.1em; }
    .section3--column .section__title:after {
      margin-left: 0;
      margin-right: auto; }

  .section3__lead {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 15px;
    text-align: center; }
      .section3__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 
  .section3--column .section__lead {
    text-align: center; }

  .section3__text {
    color: #fff;
    letter-spacing: 0em;
    margin-top: 10px; }
  .section3__square {
    position: absolute;
    left: 0;
    top: -160px;
    width: 20.6%; }
  .section3__body {
    margin-top: 55px; }
  .section3__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    
  .section3__column-cassette {
    width: 28.4%; }
  .section3__column-image {
    margin-bottom: 12px; }
    .section__column-image img {
      width: 100%; }
  

  .section3__column-cassette4 {
    width: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
  }
   .section3__column-image4 {
    margin-bottom: 0px; }
    .section__column-image4 img {
      width: 100%; }
      
  @media screen and (max-width: 768px) {
  .section3__column-cassette4 {
    width: 3%;
    padding-top: 5%;
   padding-left: 0%;
    text-align: center;
       }
   .section3__column-image4 {
    margin-bottom: 5%; }
    .section__column-image4 img {
      width: 100%; }}

  .section3__column-cassette5 {
    width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}


 .section3__column-title {
    font-size: 1rem;
    font-weight: normal;
    color: #9c1a3c;
    line-height: 1.3;
    margin-bottom: 13px; }
  .section3__column-caption {
    font-size: 0.75rem; }
  .section3__btn {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section__btn-cassette {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28.4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center;
    background-color: #9c1a3c;
    color: #fff;
    font-weight: bold;
    padding: 10px 0; }
    .section3__btn-cassette small {
      display: block;
      font-size: 0.75rem; }
    .section3__btn-cassette:nth-of-type(n+4) {
      margin-top: 40px;     
      }
    .section3__btn-cassette--white {
      border: 2px solid #9c1a3c;
      background-color: #fff;
      color: #9c1a3c; }
    .ie11 .section3__btn-cassette {
      padding: 15px 0 10px; }
  .section3__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section3__grid-item {
    width: 60%;
    font-size: 1rem; }
    .section3__grid-item img {
      width: 100%; }
  .section3__grid-item2 {
    width: 30%;
    font-size: 1rem; }
    .section3__grid-item2 img {
      width: 100%; }
  .section3__grid--banner .section__grid-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42.87%; }
    .section3__grid--banner .section__grid-item a {
      display: block; }
      .section3__grid--banner .section__grid-item a img {
        border: 1px solid #000; }
  @media screen and (max-width: 738px) {
    .section3 {
      padding: 15.625vw 0; }
      .section3--contact {
        padding: 7.03125vw 0; }
      .section3--system, .section3--information {
        padding-top: 25.78125vw; }
      .section3__inner {
        padding-bottom: 20%;
        width: 80%; }
      .section3__body {
        width: 77.73438vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 975px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section3--banner .section__inner {
        width: 83.59375vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 1050px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section3--contact .section3__inner {
        padding: 0;
        width: 100%; }
      .section3--column .section3__body {
        display: block; }
      .section3__cassette {
        width: 100%; }
        .section3__cassette:nth-of-type(n+2) {
          margin-top: 5.46875vw; }
      .section3__title {
        font-size: 4.6875vw;
        letter-spacing: 0.1em; }
        .section3__title:after {
          width: 15.625vw;
          height: 0.3125vw;
          margin-top: 2.34375vw; }
      .section3__lead {
        font-size: 3.125vw;
        margin-top: 2.34375vw; }
    

      .section3__text {
        margin-top: 1.5625vw; }
      .section3__square {
        top: -36vw;
        left: 4vw;
        width: 31.25vw; }
      .section3__body {
        margin-top: 7.8125vw; }
      .section3__column {
        display: block; }
      .section3__column-cassette {
        width: 42.5vw;
        margin: 0 auto; }
        .section3__column-cassette:nth-of-type(n+2) {
          margin-top: 7.03125vw; }
      .section3__column-image {
        margin-bottom: 1.875vw; }
      .section3__column-title {
        font-size: 3.125vw;
        margin-bottom: 2.03125vw; }
      .section3__column-caption {
        font-size: 1.875vw; }
      .section3__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        margin-top: 7.8125vw; }
      .section3__btn-cassette {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 42.5vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.875vw 0;
        min-height: 11.1vw; }
        .section3__btn-cassette small {
          font-size: 1.875vw; }
        .section3__btn-cassette:nth-of-type(n+2) {
          margin-top: 3.125vw; }
        .section3__btn-cassette--white {
          border-width: 1px; }
      .section3__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column; }
        .section__grid--reverse {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-flow: column-reverse;
          flex-flow: column-reverse; }
      .section3__grid-item {
        width: 100%;
        font-size: 3.125vw; }
        .section3__grid-item:nth-of-type(n+2) {
          margin-top: 9.375vw; }
      .section3__grid--reverse .section__grid-item {
        margin-bottom: 4.6875vw; }
        .section3__grid--reverse .section__grid-item:nth-of-type(n+2) {
          margin-top: 0; }
      .section3__grid--banner .section__grid-item {
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .section3__btn-cassette {
      font-size: 12px; } }


     
/* ---------------------------------------------
*   section4
--------------------------------------------- */
.section4 {
  background-color: #FAD7D7;
  padding: 50px 0; }

  .section4--contact {
    padding: 50px 0; }
  .section4__inner {
    position: relative;
    border-radius: 3em;
    background-color: #fff;
    width: 82vw;
    padding-top: 5vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 975px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section4.visual-section {
    padding-bottom: 0px; }
  .section4--banner .section__inner {
    width: 83.59375vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1050px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section4--contact .section__inner {
    width: 65.625vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 820px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section4__cassette {
    width: 48.8%; }
  .section4__title {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
  font-style: italic;
    font-size: 3rem;
    color: #fff;
    line-height: 1.2;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.1em; }
  .section4__slide img {
    width: 100%; }
  .section4__title--noborder:after {
    content: none; }
  .section4--column .section__title {
    text-align: center;
    letter-spacing: 0.1em; }
    .section4--column .section__title:after {
      margin-left: 0;
      margin-right: auto; }

  .section4__lead {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 15px;
    text-align: center; }
      .section4__lead2 {
	font-size: 0.7rem;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 15px;
	text-align: center; } 
  .section4--column .section__lead {
    text-align: center; }

  .section4__text {
    color: #fff;
    letter-spacing: 0em;
    margin-top: 10px;
    }
  .section4__square {
    position: absolute;
    left: 0;
    top: -160px;
    width: 20.6%; }
  .section4__body {
    margin-top: 55px; }
  .section4__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    
  .section4__column-text {
	font-size: 1rem;    line-height: 1.5em; }
    
   .section4__column-text2 {
    line-height: 1.5em; }
   
  .section4__column-cassette {
    width: 33.3%;  overflow: visible;}
  .section4__column-image {
    margin-bottom: 12px; }
    .section4__column-image img {
      width: 100%; }

  .section__column-inner {
    width: 30vw;
    max-width: 85%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } 
    
   @media screen and (max-width: 768px) {   
   .section__column-inner {
    width: 70vw;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }}


    
    
    
    
    

  .section__column-inner-text1 {
    width: 12vw;
    max-width: 12%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 5%;
    margin-right: 0;
    margin-left: 5%; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } 
    
   @media screen and (max-width: 768px) {     
   .section__column-inner-text1 {
    width: 25vw;
    max-width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 5%;
    margin-right: 0;
    margin-left: 5%; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }  }      
    
    
    
    
    
  .section__column-inner-text2 {
    width: 75vw;
    max-width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }     
    
    .section__column-inner-text3 {
    width: 40vw;
    max-width: 85%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -5%;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } 
    
@media screen and (max-width: 768px) {     
    .section__column-inner-text3 {
    width: 100vw;
    max-width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -5%;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } } 
   





 
    
    
    
  .section__column-inner-text4 {
    width: 85vw;
    max-width: 85%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5%;
    margin-right: auto;
    margin-left: auto; }
  .section4--column .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } 

  
   .section6__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.2rem;
    color: #560617;
  line-height: 1.5;
    letter-spacing: 0em;
    margin-top: 0%;
    margin-bottom: 5%;
    text-align: left; }


  @media screen and (max-width: 738px) {
   .section6__point {
  font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 0.8rem;
    color: #560617;
  line-height: 1.5;
    letter-spacing: 0em;
    margin-top: 0%;
    margin-bottom: 5%;
    text-align: left; }}



 .section4__column-title {
    font-size: 1rem;
    font-weight: normal;
    color: #9c1a3c;
    line-height: 1.3;
    margin-bottom: 13px; }
  .section4__column-caption {
    font-size: 0.75rem; }
  .section4__btn {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section4__btn-cassette {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28.4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center;
    background-color: #9c1a3c;
    color: #fff;
    font-weight: bold;
    padding: 10px 0; }
    .section4__btn-cassette small {
      display: block;
      font-size: 0.75rem; }
    .section4__btn-cassette:nth-of-type(n+4) {
      margin-top: 40px;     
      }
    .section4__btn-cassette--white {
      border: 2px solid #9c1a3c;
      background-color: #fff;
      color: #9c1a3c; }
    .ie11 .section__btn-cassette {
      padding: 15px 0 10px; }
  .section4__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section4__grid-item {
    width: 50%;
    font-size: 1rem; }
    .section4__grid-item img {
      width: 100%; }
  .section4__grid-item2 {
    width: 45%;
    font-size: 1rem; }
    .section4__grid-item2 img {
      width: 100%; }
  .section4__grid--banner .section__grid-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42.87%; }
    .section4__grid--banner .section__grid-item a {
      display: block; }
      .section4__grid--banner .section__grid-item a img {
        border: 1px solid #000; }
  @media screen and (max-width: 738px) {
    .section4 {
      padding: 15.625vw 0; }
      .section4--contact {
        padding: 7.03125vw 0; }
      .section4--system, .section4--information {
        padding-top: 12vw; }
      .section4__inner {
        padding-top: 10%;
        width: 100%; }
      .section4__body {
        width: 100vw;
        padding-right: 0vw;
        padding-left: 0vw;
        max-width: 975px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section4--banner .section4__inner {
        width: 83.59375vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
        max-width: 1050px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto; }
      .section4--contact .section4__inner {
        padding: 0;
        width: 100%; }
      .section4--column .section4__body {
        display: block; }
      .section4__cassette {
        width: 100%; }
        .section4__cassette:nth-of-type(n+2) {
          margin-top: 5.46875vw; }
      .section4__title {
        font-size: 10vw;
        letter-spacing: 0.1em; }
        .section4__title:after {
          width: 15.625vw;
          height: 0.3125vw;
          margin-top: 2.34375vw; }
      .section4__lead {
        font-size: 3.125vw;
        margin-top: 2.34375vw; }
    
  .section4__column-text {
      font-size: 1rem;
     line-height: 1.5em; }
    
   .section4__column-text2 {
      font-size: 1.2rem;
        padding-left: 5vw;
        padding-right: 5vw;
     line-height: 1.5em; }
   
      .section4__text {
        margin-top: 1.5625vw; }
      .section4__square {
        top: -36vw;
        left: 4vw;
        width: 31.25vw; }
      .section4__body {
        margin-top: 7.8125vw; }
      .section4__column {
        display: block; }
      .section4__column-cassette {
    font-size: 1.5rem;
       width: 65vw;
        margin: 0 auto; }
        .section4__column-cassette:nth-of-type(n+2) {
          margin-top: 7.03125vw; }
      .section4__column-image {
        margin-bottom: 1.875vw; }
      .section4__column-title {
        font-size: 3.125vw;
        margin-bottom: 2.03125vw; }
      .section4__column-caption {
        font-size: 1.875vw; }
      .section4__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        margin-top: 7.8125vw; }
      .section4__btn-cassette {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 42.5vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.875vw 0;
        min-height: 11.1vw; }
        .section__btn-cassette small {
          font-size: 1.875vw; }
        .section__btn-cassette:nth-of-type(n+2) {
          margin-top: 3.125vw; }
        .section__btn-cassette--white {
          border-width: 1px; }
      .section4__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column; }
        .section__grid--reverse {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-flow: column-reverse;
          flex-flow: column-reverse; }
      .section4__grid-item {
        width: 100%;
        font-size: 3.125vw; }
        .section4__grid-item:nth-of-type(n+2) {
          margin-top: 9.375vw; }
      .section4__grid--reverse .section__grid-item {
        margin-bottom: 4.6875vw; }
        .section4__grid--reverse .section__grid-item:nth-of-type(n+2) {
          margin-top: 0; }
      .section4__grid--banner .section__grid-item {
        width: 100%; } }
	
  @media screen and (max-width: 768px) {
    .section4__btn-cassette {
      font-size: 12px; }
   .section4__grid-item2 {
    width: 70%;
    font-size: 1rem;
      margin: 0 auto;
    text-align:center;
    }
    .section4__grid-item2 img {
      width: 100%; }     
      
      }


     

/* ---------------------------------------------
*   visual-section
--------------------------------------------- */
.visual-section {
  background-color: #fff;
  padding-top: 0; }
  .visual-section__cassette {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1100px; }
    .visual-section__cassette--wall {
      background-image: url(../img/img_example1.jpg); }
    .visual-section__cassette--posters {
      background-image: url(../img/campaign.jpg); }
    .visual-section__cassette--pillar {
      background-image: url(../img/img_example3.jpg); }
    .visual-section__cassette--signage {
      background-image: url(../img/img_example4.jpg); }
    .visual-section__cassette:nth-of-type(n+2) {
      margin-top: 50px; }
  .visual-section__inner {
    position: relative;
    height: 100%;
    width: 79.6875vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .visual-section__cassette--wall .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .visual-section__cassette--pillar .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .visual-section__image {
    position: absolute;
    left: 0;
    top: -70px;
    width: 20.6%; }
  .visual-section__catch {
    font-size: 2.5rem;
    font-weight: 300;
    color: #fff; }
  @media screen and (max-width: 738px) {
    .visual-section__cassette {
      background-size: 100%;
      height: 110vw; }
      .visual-section__cassette--wall {
        background-image: url(../img/img_example1_sp.jpg); }
      .visual-section__cassette--posters {
        background-image: url(../img/campaign.jpg); }
      .visual-section__cassette--pillar {
        background-image: url(../img/img_example3_sp.jpg); }
      .visual-section__cassette--signage {
        background-image: url(../img/img_example4_sp.jpg); }
      .visual-section__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
    .visual-section__inner {
      width: 89.0625vw;
      padding-top: 4.6875vw;
      padding-bottom: 4.6875vw; }
    .visual-section__cassette--pillar .visual-section__inner {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .visual-section__image {
      top: -14vw;
      left: 0;
      width: 31.25vw; }
    .visual-section__catch {
      font-size: 6.25vw; } }

.visual-section2 {
  background-color: #fff;
  padding-top: 0; }
  .visual-section2__cassette {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 800px; }
    .visual-section2__cassette--wall {
      background-image: url(../img/beauty.jpg); }
    .visual-section2__cassette--posters {
      background-image: url(../img/campaign.jpg); }
    .visual-section2__cassette--pillar {
      background-image: url(../img/img_example3.jpg); }
    .visual-section2__cassette--signage {
      background-image: url(../img/img_example4.jpg); }
    .visual-section2__cassette:nth-of-type(n+2) {
      margin-top: 50px; }
  .visual-section2__inner {
    position: relative;
    height: 100%;
    width: 79.6875vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .visual-section2__cassette--wall .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .visual-section2__cassette--pillar .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .visual-section2__image {
    position: absolute;
    left: 0;
    top: -70px;
    width: 20.6%; }
  .visual-section2__catch {
    font-size: 2.5rem;
    font-weight: 300;
    color: #fff; }
  @media screen and (max-width: 738px) {
    .visual-section2__cassette {
      background-size: 100%;
      height: 80vw; }
      .visual-section2__cassette--wall {
        background-image: url(../img/beauty.jpg); }
      .visual-section2__cassette--posters {
        background-image: url(../img/campaign.jpg); }
      .visual-section2__cassette--pillar {
        background-image: url(../img/img_example3_sp.jpg); }
      .visual-section2__cassette--signage {
        background-image: url(../img/img_example4_sp.jpg); }
      .visual-section2__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
    .visual-section2__inner {
      width: 89.0625vw;
      padding-top: 4.6875vw;
      padding-bottom: 4.6875vw; }
    .visual-section2__cassette--pillar .visual-section__inner {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .visual-section2__image {
      top: -14vw;
      left: 0;
      width: 31.25vw; }
    .visual-section2__catch {
      font-size: 6.25vw; } }



.visual-section3 {
  background-color: #000;
  margin-top: 0px; }
  .visual-section3__cassette {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 110vw; }
    .visual-section3__cassette--wall {
      background-image: url(../img/dioxy_buy.jpg); }
    .visual-section3__cassette:nth-of-type(n+2) {
      margin-top: 50px; }
  .visual-section3__inner {
    position: relative;
    height: 100%;
    width: 79.6875vw;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .visual-section3__cassette--wall .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .visual-section3__cassette--pillar .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .visual-section3__image {
    position: absolute;
    left: 0;
    top: -70px;
    width: 20.6%; }
      
  @media screen and (max-width: 738px) {
.visual-section3 {
  background-color: #000;
  margin-top: 0vw 0; }
    .visual-section3__cassette {
      background-size: 100%;
      height: 175vw; }
      .visual-section3__cassette--wall {
        background-image: url(../img/dioxy_buy_SP.jpg); }
      .visual-section3__cassette:nth-of-type(n+2) {
        margin-top: 0vw; }
    .visual-section3__inner {
      width: 89.0625vw;
      padding-top: 4.6875vw;
      padding-bottom: 4.6875vw; }
    .visual-section3__cassette--pillar .visual-section__inner {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .visual-section3__image {
      top: -14vw;
      left: 0;
      width: 31.25vw; }
    .visual-section3__catch {
      font-size: 6.25vw; } }




.visual-section4 {
  background-color: #000;
  margin-bottom: 0;
}
  .visual-section4__cassette {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 45vw;
}
    .visual-section4__cassette--wall {
      background-image: url(../img/dioxy_banner_1.jpg); }
    .visual-section4__cassette--posters {
      background-image: url(../img/30day_banner.jpg); }
    .visual-section4__cassette--pillar {
      background-image: url(../img/zadankai_banner.jpg); }
    .visual-section4__cassette--signage {
      background-image: url(../img/campaign.jpg); }
    .visual-section4__cassette--dioxy {
      background-image: url(../img/dioxy_banner.jpg); }
    .visual-section4__cassette--company {
      background-image: url(../img/company.svg); }
    .visual-section4__cassette--store {
      background-image: url(../img/store.svg); }
    .visual-section4__cassette--teiki {
      background-image: url(../img/dioxy_teiki_banrer.jpg); }
    .visual-section4__cassette:nth-of-type(n+2) {
      margin-top: 0px; }
  .visual-section4__inner {
    position: relative;
    width: 80%;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .visual-section4__cassette--wall .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .visual-section4__cassette--pillar .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .visual-section4__image {
    position: absolute;
    left: 0;
    top: -70px;
    width: 20.6%; }
  .visual-section4__catch {
    font-size: 2.5rem;
    font-weight: 300;
    color: #fff; }
  @media screen and (max-width: 738px) {
    .visual-section4__cassette {
      background-size: 100%;
      height: 78vw; }
      .visual-section4__cassette--wall {
        background-image: url(../img/dioxy_banner_sp.jpg); }
      .visual-section4__cassette--posters {
        background-image: url(../img/30day_banner_sp.jpg); }
      .visual-section4__cassette--pillar {
        background-image: url(../img/zadankai_banner_sp.jpg); }
      .visual-section4__cassette--signage {
        background-image: url(../img/img_example4_sp.jpg); }
    .visual-section4__cassette--company {
      background-image: url(../img/company_sp.svg); }
    .visual-section4__cassette--store {
      background-image: url(../img/store_sp.svg); }
    .visual-section4__cassette--teiki {
      background-image: url(../img/dioxy_teiki_banrer_sp.jpg); }
      .visual-section__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
    .visual-section4__inner {
      width: 89.0625vw;
      padding-top: 4.6875vw;
      padding-bottom: 4.6875vw; }
    .visual-section4__cassette--pillar .visual-section__inner {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .visual-section4__image {
      top: -14vw;
      left: 0;
      width: 31.25vw; }
    .visual-section4__catch {
      font-size: 6.25vw; } }



.visual-section5 {
  background-color: #000;
  margin-bottom: 0;
}
  .visual-section5__cassette {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 50vw;
}
    .visual-section5__cassette--wall {
      background-image: url(../img/dioxy_banner_1.jpg); }
    .visual-section5__cassette--posters {
      background-image: url(../img/best_rate.jpg); }
    .visual-section5__cassette--pillar {
      background-image: url(../img/zadankai_banner.jpg); }
    .visual-section5__cassette--signage {
      background-image: url(../img/campaign.jpg); }
    .visual-section5__cassette--dioxy {
      background-image: url(../img/dioxy_banner.jpg); }
    .visual-section5__cassette--company {
      background-image: url(../img/company.jpg); }
    .visual-section5__cassette--store {
      background-image: url(../img/store.svg); }
    .visual-section5__cassette:nth-of-type(n+2) {
      margin-top: 0px; }
  .visual-section5__inner {
    position: relative;
    width: 80%;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .visual-section5__cassette--wall .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .visual-section5__cassette--pillar .visual-section__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .visual-section5__image {
    position: absolute;
    left: 0;
    top: -70px;
    width: 20.6%; }
  .visual-section5__catch {
    font-size: 2.5rem;
    font-weight: 300;
    color: #fff; }
  @media screen and (max-width: 738px) {
    .visual-section5__cassette {
      background-size: 100%;
      height: 47vw; }
      .visual-section5__cassette--wall {
        background-image: url(../img/dioxy_banner_sp.jpg); }
      .visual-section5__cassette--posters {
        background-image: url(../img/best_rate.jpg); }
      .visual-section5__cassette--pillar {
        background-image: url(../img/zadankai_banner_sp.jpg); }
      .visual-section5__cassette--signage {
        background-image: url(../img/img_example4_sp.jpg); }
    .visual-section5__cassette--company {
      background-image: url(../img/company_sp.jpg); }
    .visual-section5__cassette--store {
      background-image: url(../img/store_sp.svg); }
      .visual-section__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
    .visual-section5__inner {
      width: 89.0625vw;
      padding-top: 4.6875vw;
      padding-bottom: 4.6875vw; }
    .visual-section5__cassette--pillar .visual-section__inner {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .visual-section5__image {
      top: -14vw;
      left: 0;
      width: 31.25vw; }
    .visual-section5__catch {
      font-size: 6.25vw; } }





.btn_ec
{
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    position: absolute; 
    text-align: center;
    background-color: #FA0264;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 6%; 
    padding-right: 6%;
    bottom: 8%;
    border: 0px;
    border-radius: 300px;
    left: 50%; 
     transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
   transition: all 0.6s ease 0s;
  }

.btn_ec:hover {
  background: #333;
  color: #fff;
}



.btn_dioxy
{
    width: 40%;
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 300;
    position: relative; 
    text-align: center;
    background-color: #000;
    margin-top:10%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 6%; 
    padding-right: 6%;
    border: 0px;
    left: 50%; 
     transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
   }



@media screen and (max-width: 738px) {
.btn_ec
{
    width: 60%;
    font-size: 0.8rem;
    color: #fff;
    font-weight: 600;
    position: absolute; 
    text-align: center;
    background-color: #FA0264;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 4%; 
    padding-right: 4%;
    bottom: 7%;
    border: 0px;
    border-radius: 300px;
    left: 50%; 
     transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
   }

.btn_dioxy
{
    width: 90%;
    font-family: "A-OTF Ryumin Pro", "游明朝", "Yu Mincho", "MS明朝", serif;
    font-size: 1rem;
    color: #fff;
    font-weight: 300;
    position: relative; 
    text-align: center;
    background-color: #000;
    margin-top:20%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 4%; 
    padding-right: 4%;
    border: 0px;
    left: 50%; 
     transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
   }

 }


.btn_30
{
    font-size: 1.2rem;
    color: #560617;
    font-weight: 600;
    position: absolute; 
    text-align: center;
    background-color: #FAD7D7;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 6%; 
    padding-right: 6%;
    border-radius: 300px;
    border: 0px;
   transition: all 0.6s ease 0s;
  }

.btn_30:hover {
  background: #333;
  color: #fff;
}






@media screen and (max-width: 738px) {
.btn_30
{
    width: 80%;
    font-size: 0.8rem;
    color: #560617;
    font-weight: 600;
    position: absolute; 
    text-align: center;
    background-color: #FAD7D7;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 3%; 
    padding-right: 3%;
    border: 0px;
   }
   .btn_campaign
{
    width: 40%;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    position: absolute; 
    text-align: center;
    background-color: #FA0264;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 3%; 
    padding-right: 3%;
    border: 0px;
    left: 50%; 
     transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
   }}


.btn_campaign
{
    width: 450px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    position: absolute; 
    text-align: center;
    background-color: #FA0264;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 3%; 
    padding-right: 3%;
    border: 0px;
    left: 50%; 
     transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
   }





.campaign_box
{
    width: 35%;
    text-align: center;
    margin: 2%;}

@media screen and (max-width: 738px) {
.campaign_box
{
    width: 80%;
     text-align: center;
   padding-left: 7.777%;
   } }
   
   

/* ---------------------------------------------
*   contact
--------------------------------------------- */
.contact {
  color: #fff; }
  .contact__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .contact__tel a {
    position: relative;
    font-size: 2.5rem;
    font-weight: bold;
    padding-left: 80px; }
    .contact__tel a:before {
      content: "";
      position: absolute;
      left: 0;
      top: -22px;
      background: url(../img/icon_tel.svg) 0 0 no-repeat;
      background-size: 100%;
      width: 60px;
      height: 80px;
      margin-right: 15px; }
  .contact__mail a {
    position: relative;
    font-size: 2.5rem;
    font-weight: bold;
    padding-left: 110px; }
    .contact__mail a:before {
      content: "";
      position: absolute;
      left: 0;
      top: -12px;
      background: url(../img/icon_mail.svg) 0 0 no-repeat;
      background-size: 100%;
      width: 82px;
      height: 62px;
      margin-right: 15px; }
  .contact__mail span {
    font-size: 2.125rem;
    letter-spacing: -0.1em;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px; }
  .ie11 .contact__mail span {
    padding-bottom: 1px;
    display: inline-block;
    line-height: 1.1; }
  .contact__lower {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 30px; }
  @media screen and (max-width: 1200px) {
    .contact__upper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .contact__mail {
      margin-top: 40px; } }
  @media screen and (max-width: 738px) {
    .contact__upper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 65.625vw;
      padding-right: 0.78125vw;
      padding-left: 0.78125vw;
      max-width: 820px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: auto;
      margin-left: auto; }
    .contact__tel a {
      font-size: 6.25vw;
      padding-left: 16vw; }
      .contact__tel a:before {
        top: -22px;
        width: 9.6875vw;
        height: 12.8125vw;
        margin-right: 5vw; }
    .contact__mail {
      margin-top: 7vw;
      margin-right: 6vw; }
      .contact__mail a {
        font-size: 5.3125vw;
        padding-left: 17vw; }
        .contact__mail a:before {
          top: -1.9vw;
          width: 12.5vw;
          height: 9.375vw;
          margin-right: 0; }
      .contact__mail span {
        font-size: 5.3125vw;
        border-bottom-width: 2px;
        padding-bottom: 1.5vw; }
    .contact__lower {
      font-size: 3.125vw;
      margin-top: 8vw; } }

/* ---------------------------------------------
*   side-nav
--------------------------------------------- */
.side-nav {
  position: fixed;
  z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 6vw; }
  .side-nav__list-item.is-current {
    background-color: #fff; }
  .side-nav__list-item:nth-of-type(n+2) {
    margin-top: 20px; }
  .side-nav__list-item a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    background-color: transparent; }
  @media screen and (max-width: 738px) {
    .side-nav {
      display: none; } }

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */
/* ==========================================================
*
*   margin
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--m160 {
  margin-top: -160px !important; }

.mgt-pc--m80 {
  margin-top: -80px !important; }  

.mgt-pc--m40 {
  margin-top: -40px !important; }
    
.mgt-pc--m20 {
  margin-top: -20px !important; }

 .mgt-pc--0 {
  margin-top: 0 !important; }

.mgt-pc--5 {
  margin-top: 5px !important; }

.mgt-pc--10 {
  margin-top: 10px !important; }

.mgt-pc--15 {
  margin-top: 15px !important; }

.mgt-pc--20 {
  margin-top: 20px !important; }

.mgt-pc--25 {
  margin-top: 25px !important; }

.mgt-pc--30 {
  margin-top: 30px !important; }

.mgt-pc--35 {
  margin-top: 35px !important; }

.mgt-pc--40 {
  margin-top: 40px !important; }

.mgt-pc--45 {
  margin-top: 45px !important; }

.mgt-pc--50 {
  margin-top: 50px !important; }

.mgt-pc--55 {
  margin-top: 55px !important; }

.mgt-pc--60 {
  margin-top: 60px !important; }

.mgt-pc--65 {
  margin-top: 65px !important; }

.mgt-pc--70 {
  margin-top: 70px !important; }

.mgt-pc--75 {
  margin-top: 75px !important; }

.mgt-pc--80 {
  margin-top: 80px !important; }

.mgt-pc--85 {
  margin-top: 85px !important; }

.mgt-pc--90 {
  margin-top: 90px !important; }

.mgt-pc--95 {
  margin-top: 95px !important; }

.mgt-pc--100 {
  margin-top: 100px !important; }

.mgt-pc--105 {
  margin-top: 105px !important; }

.mgt-pc--110 {
  margin-top: 110px !important; }

.mgt-pc--115 {
  margin-top: 115px !important; }

.mgt-pc--120 {
  margin-top: 120px !important; }

.mgt-pc--125 {
  margin-top: 125px !important; }

.mgt-pc--130 {
  margin-top: 130px !important; }

.mgt-pc--135 {
  margin-top: 135px !important; }

.mgt-pc--140 {
  margin-top: 140px !important; }

.mgt-pc--145 {
  margin-top: 145px !important; }

.mgt-pc--150 {
  margin-top: 150px !important; }

.mgt-pc--155 {
  margin-top: 155px !important; }

.mgt-pc--160 {
  margin-top: 160px !important; }

.mgt-pc--165 {
  margin-top: 165px !important; }

.mgt-pc--170 {
  margin-top: 170px !important; }

.mgt-pc--175 {
  margin-top: 175px !important; }

.mgt-pc--180 {
  margin-top: 180px !important; }

.mgt-pc--185 {
  margin-top: 185px !important; }

.mgt-pc--190 {
  margin-top: 190px !important; }

.mgt-pc--195 {
  margin-top: 195px !important; }

.mgt-pc--200 {
  margin-top: 200px !important; }

.mgt-pc--205 {
  margin-top: 205px !important; }

.mgt-pc--210 {
  margin-top: 210px !important; }

.mgt-pc--215 {
  margin-top: 215px !important; }

.mgt-pc--220 {
  margin-top: 220px !important; }

.mgt-pc--225 {
  margin-top: 225px !important; }

.mgt-pc--230 {
  margin-top: 230px !important; }

.mgt-pc--235 {
  margin-top: 235px !important; }

.mgt-pc--240 {
  margin-top: 240px !important; }

.mgt-pc--245 {
  margin-top: 245px !important; }

.mgt-pc--250 {
  margin-top: 250px !important; }

@media screen and (max-width: 738px) {
.mgt-sp--m320 {
  margin-top: -50vw !important; }
  .mgt-sp--m160 {
  margin-top: -25vw !important; }  
 .mgt-sp--m80 {
  margin-top: -12.5vw !important; }  
 .mgt-sp--m40 {
  margin-top: -6.25vw !important; }
.mgt-sp--m20 {
  margin-top: -3.125vw !important; }
  .mgt-sp--0 {
    margin-top: 0 !important; }
  .mgt-sp--5 {
    margin-top: 0.78125vw !important; }
  .mgt-sp--10 {
    margin-top: 1.5625vw !important; }
  .mgt-sp--15 {
    margin-top: 2.34375vw !important; }
  .mgt-sp--20 {
    margin-top: 3.125vw !important; }
  .mgt-sp--25 {
    margin-top: 3.90625vw !important; }
  .mgt-sp--30 {
    margin-top: 4.6875vw !important; }
  .mgt-sp--35 {
    margin-top: 5.46875vw !important; }
  .mgt-sp--40 {
    margin-top: 6.25vw !important; }
  .mgt-sp--45 {
    margin-top: 7.03125vw !important; }
  .mgt-sp--50 {
    margin-top: 7.8125vw !important; }
  .mgt-sp--55 {
    margin-top: 8.59375vw !important; }
  .mgt-sp--60 {
    margin-top: 9.375vw !important; }
  .mgt-sp--65 {
    margin-top: 10.15625vw !important; }
  .mgt-sp--70 {
    margin-top: 10.9375vw !important; }
  .mgt-sp--75 {
    margin-top: 11.71875vw !important; }
  .mgt-sp--80 {
    margin-top: 12.5vw !important; }
  .mgt-sp--85 {
    margin-top: 13.28125vw !important; }
  .mgt-sp--90 {
    margin-top: 14.0625vw !important; }
  .mgt-sp--95 {
    margin-top: 14.84375vw !important; }
  .mgt-sp--100 {
    margin-top: 15.625vw !important; }
  .mgt-sp--105 {
    margin-top: 16.40625vw !important; }
  .mgt-sp--110 {
    margin-top: 17.1875vw !important; }
  .mgt-sp--115 {
    margin-top: 17.96875vw !important; }
  .mgt-sp--120 {
    margin-top: 18.75vw !important; }
  .mgt-sp--125 {
    margin-top: 19.53125vw !important; }
  .mgt-sp--130 {
    margin-top: 20.3125vw !important; }
  .mgt-sp--135 {
    margin-top: 21.09375vw !important; }
  .mgt-sp--140 {
    margin-top: 21.875vw !important; }
  .mgt-sp--145 {
    margin-top: 22.65625vw !important; }
  .mgt-sp--150 {
    margin-top: 23.4375vw !important; }
  .mgt-sp--155 {
    margin-top: 24.21875vw !important; }
  .mgt-sp--160 {
    margin-top: 25vw !important; }
  .mgt-sp--165 {
    margin-top: 25.78125vw !important; }
  .mgt-sp--170 {
    margin-top: 26.5625vw !important; }
  .mgt-sp--175 {
    margin-top: 27.34375vw !important; }
  .mgt-sp--180 {
    margin-top: 28.125vw !important; }
  .mgt-sp--185 {
    margin-top: 28.90625vw !important; }
  .mgt-sp--190 {
    margin-top: 29.6875vw !important; }
  .mgt-sp--195 {
    margin-top: 30.46875vw !important; }
  .mgt-sp--200 {
    margin-top: 31.25vw !important; }
  .mgt-sp--205 {
    margin-top: 32.03125vw !important; }
  .mgt-sp--210 {
    margin-top: 32.8125vw !important; }
  .mgt-sp--215 {
    margin-top: 33.59375vw !important; }
  .mgt-sp--220 {
    margin-top: 34.375vw !important; }
  .mgt-sp--225 {
    margin-top: 35.15625vw !important; }
  .mgt-sp--230 {
    margin-top: 35.9375vw !important; }
  .mgt-sp--235 {
    margin-top: 36.71875vw !important; }
  .mgt-sp--240 {
    margin-top: 37.5vw !important; }
  .mgt-sp--245 {
    margin-top: 38.28125vw !important; }
  .mgt-sp--250 {
    margin-top: 39.0625vw !important; } }

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */

  .mgb-pc--0 {
  margin-bottom: 0 !important; }

.mgb-pc--5 {
  margin-bottom: 5px !important; }

.mgb-pc--10 {
  margin-bottom: 10px !important; }

.mgb-pc--15 {
  margin-bottom: 15px !important; }

.mgb-pc--20 {
  margin-bottom: 20px !important; }

.mgb-pc--25 {
  margin-bottom: 25px !important; }

.mgb-pc--30 {
  margin-bottom: 30px !important; }

.mgb-pc--35 {
  margin-bottom: 35px !important; }

.mgb-pc--40 {
  margin-bottom: 40px !important; }

.mgb-pc--45 {
  margin-bottom: 45px !important; }

.mgb-pc--50 {
  margin-bottom: 50px !important; }

.mgb-pc--55 {
  margin-bottom: 55px !important; }

.mgb-pc--60 {
  margin-bottom: 60px !important; }

.mgb-pc--65 {
  margin-bottom: 65px !important; }

.mgb-pc--70 {
  margin-bottom: 70px !important; }

.mgb-pc--75 {
  margin-bottom: 75px !important; }

.mgb-pc--80 {
  margin-bottom: 80px !important; }

.mgb-pc--85 {
  margin-bottom: 85px !important; }

.mgb-pc--90 {
  margin-bottom: 90px !important; }

.mgb-pc--95 {
  margin-bottom: 95px !important; }

.mgb-pc--100 {
  margin-bottom: 100px !important; }

.mgb-pc--105 {
  margin-bottom: 105px !important; }

.mgb-pc--110 {
  margin-bottom: 110px !important; }

.mgb-pc--115 {
  margin-bottom: 115px !important; }

.mgb-pc--120 {
  margin-bottom: 120px !important; }

.mgb-pc--125 {
  margin-bottom: 125px !important; }

.mgb-pc--130 {
  margin-bottom: 130px !important; }

.mgb-pc--135 {
  margin-bottom: 135px !important; }

.mgb-pc--140 {
  margin-bottom: 140px !important; }

.mgb-pc--145 {
  margin-bottom: 145px !important; }

.mgb-pc--150 {
  margin-bottom: 150px !important; }

.mgb-pc--155 {
  margin-bottom: 155px !important; }

.mgb-pc--160 {
  margin-bottom: 160px !important; }

.mgb-pc--165 {
  margin-bottom: 165px !important; }

.mgb-pc--170 {
  margin-bottom: 170px !important; }

.mgb-pc--175 {
  margin-bottom: 175px !important; }

.mgb-pc--180 {
  margin-bottom: 180px !important; }

.mgb-pc--185 {
  margin-bottom: 185px !important; }

.mgb-pc--190 {
  margin-bottom: 190px !important; }

.mgb-pc--195 {
  margin-bottom: 195px !important; }

.mgb-pc--200 {
  margin-bottom: 200px !important; }

.mgb-pc--205 {
  margin-bottom: 205px !important; }

.mgb-pc--210 {
  margin-bottom: 210px !important; }

.mgb-pc--215 {
  margin-bottom: 215px !important; }

.mgb-pc--220 {
  margin-bottom: 220px !important; }

.mgb-pc--225 {
  margin-bottom: 225px !important; }

.mgb-pc--230 {
  margin-bottom: 230px !important; }

.mgb-pc--235 {
  margin-bottom: 235px !important; }

.mgb-pc--240 {
  margin-bottom: 240px !important; }

.mgb-pc--245 {
  margin-bottom: 245px !important; }

.mgb-pc--250 {
  margin-bottom: 250px !important; }

@media screen and (max-width: 738px) {
  .mgb-sp--0 {
    margin-bottom: 0 !important; }
  .mgb-sp--5 {
    margin-bottom: 0.78125vw !important; }
  .mgb-sp--10 {
    margin-bottom: 1.5625vw !important; }
  .mgb-sp--15 {
    margin-bottom: 2.34375vw !important; }
  .mgb-sp--20 {
    margin-bottom: 3.125vw !important; }
  .mgb-sp--25 {
    margin-bottom: 3.90625vw !important; }
  .mgb-sp--30 {
    margin-bottom: 4.6875vw !important; }
  .mgb-sp--35 {
    margin-bottom: 5.46875vw !important; }
  .mgb-sp--40 {
    margin-bottom: 6.25vw !important; }
  .mgb-sp--45 {
    margin-bottom: 7.03125vw !important; }
  .mgb-sp--50 {
    margin-bottom: 7.8125vw !important; }
  .mgb-sp--55 {
    margin-bottom: 8.59375vw !important; }
  .mgb-sp--60 {
    margin-bottom: 9.375vw !important; }
  .mgb-sp--65 {
    margin-bottom: 10.15625vw !important; }
  .mgb-sp--70 {
    margin-bottom: 10.9375vw !important; }
  .mgb-sp--75 {
    margin-bottom: 11.71875vw !important; }
  .mgb-sp--80 {
    margin-bottom: 12.5vw !important; }
  .mgb-sp--85 {
    margin-bottom: 13.28125vw !important; }
  .mgb-sp--90 {
    margin-bottom: 14.0625vw !important; }
  .mgb-sp--95 {
    margin-bottom: 14.84375vw !important; }
  .mgb-sp--100 {
    margin-bottom: 15.625vw !important; }
  .mgb-sp--105 {
    margin-bottom: 16.40625vw !important; }
  .mgb-sp--110 {
    margin-bottom: 17.1875vw !important; }
  .mgb-sp--115 {
    margin-bottom: 17.96875vw !important; }
  .mgb-sp--120 {
    margin-bottom: 18.75vw !important; }
  .mgb-sp--125 {
    margin-bottom: 19.53125vw !important; }
  .mgb-sp--130 {
    margin-bottom: 20.3125vw !important; }
  .mgb-sp--135 {
    margin-bottom: 21.09375vw !important; }
  .mgb-sp--140 {
    margin-bottom: 21.875vw !important; }
  .mgb-sp--145 {
    margin-bottom: 22.65625vw !important; }
  .mgb-sp--150 {
    margin-bottom: 23.4375vw !important; }
  .mgb-sp--155 {
    margin-bottom: 24.21875vw !important; }
  .mgb-sp--160 {
    margin-bottom: 25vw !important; }
  .mgb-sp--165 {
    margin-bottom: 25.78125vw !important; }
  .mgb-sp--170 {
    margin-bottom: 26.5625vw !important; }
  .mgb-sp--175 {
    margin-bottom: 27.34375vw !important; }
  .mgb-sp--180 {
    margin-bottom: 28.125vw !important; }
  .mgb-sp--185 {
    margin-bottom: 28.90625vw !important; }
  .mgb-sp--190 {
    margin-bottom: 29.6875vw !important; }
  .mgb-sp--195 {
    margin-bottom: 30.46875vw !important; }
  .mgb-sp--200 {
    margin-bottom: 31.25vw !important; }
  .mgb-sp--205 {
    margin-bottom: 32.03125vw !important; }
  .mgb-sp--210 {
    margin-bottom: 32.8125vw !important; }
  .mgb-sp--215 {
    margin-bottom: 33.59375vw !important; }
  .mgb-sp--220 {
    margin-bottom: 34.375vw !important; }
  .mgb-sp--225 {
    margin-bottom: 35.15625vw !important; }
  .mgb-sp--230 {
    margin-bottom: 35.9375vw !important; }
  .mgb-sp--235 {
    margin-bottom: 36.71875vw !important; }
  .mgb-sp--240 {
    margin-bottom: 37.5vw !important; }
  .mgb-sp--245 {
    margin-bottom: 38.28125vw !important; }
  .mgb-sp--250 {
    margin-bottom: 39.0625vw !important; } }


.pdt-pc--100 {
  padding-top: 100px !important; }
.pdl-pc--200 {
  padding-left: 200px !important; }
.pdl-pc--50 {
  padding-left: 50px !important; }
.pdl-pc--250 {
  padding-left: 250px !important; }
.pdl-pc--330 {
  padding-left: 330px !important; }
.pdl-pc--80 {
  padding-left: 80px !important; } 
  
@media screen and (max-width: 738px) {
.pdt-pc--100 {
  padding-top: 0 !important; }
.pdl-pc--200 {
  padding-left: 0 !important; }
.pdl-pc--50 {
  padding-left: 0 !important; }
.pdl-pc--250 {
  padding-left: 0 !important; }
.pdl-pc--330 {
  padding-left: 0 !important; }
.pdl-pc--80 {
  padding-left: 0 !important; }}




.mgt-pc--m100 {
  margin-top: -100px !important; }
  

.mgb-pc--m150 {
  margin-bottom: -150px !important; }
  





/* ==========================================================
*
*   30days
*
========================================================== */


.footer-link2__content {
    display: block;
    margin: 0 auto;
    margin-bottom: 100px;
    padding-right: 10%;
    width: 430px;
    text-align: center;
    font-size: 1.25rem;
    line-height: 3.2;
}

.ie11 .footer-link2__content {
    padding-top: 6.5px;
}

@media screen and (max-width: 738px) {
    .footer-link2__content {
        width: 70vw;
    padding-right: 15vw;
	font-size: 0.95238rem;
        line-height: 3;
    }
}

@media screen and (max-width: 738px) {
    .footer-link2__content {
        margin-bottom: 4.06504vw;
    }
}



.visual-section6 {
  background-color: #FEF2F2;
  padding-top: 50px;
  position: relative;
}
  .visual-section6__cassette {
    background-repeat: no-repeat;
    background-position: right center;
    object-fit: cover;
    height: 380px; }
    .visual-section6__cassette--1 {
      background-image: url(../img/30days_1.svg); }
    .visual-section6__cassette:nth-of-type(n+2) {
      margin-top: 50px; }

  @media screen and (max-width: 738px) {
    .visual-section6__cassette {
      background-size: 100%;
      height: 42vw; }
      .visual-section6__cassette--wall {
        background-image: url(../img/beauty.jpg); }
      .visual-section6__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
 }
 
 
.visual-section7 {
  background-color: #FEF2F2;
  padding-top: 50px;
  position: relative;}
  .visual-section7__cassette {
    background-repeat: no-repeat;
    background-position: left center;
    object-fit: cover;
    height: 400px; }
    .visual-section7__cassette--1 {
      background-image: url(../img/30days_2.svg); }
    .visual-section7__cassette:nth-of-type(n+2) {
      margin-top: 50px; }

  @media screen and (max-width: 738px) {
    .visual-section7__cassette {
      background-size: 100%;
      height: 40vw; }
      .visual-section7__cassette--wall {
        background-image: url(../img/beauty.jpg); }
      .visual-section7__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
 }


.visual-section8 {
  background-color: #FEF2F2;
  padding-top: 50px;
  position: relative;}
  .visual-section8__cassette {
    background-repeat: no-repeat;
    background-position: right center;
    object-fit: cover;
    height: 460px; }
    .visual-section8__cassette--1 {
      background-image: url(../img/30days_3.svg); }
    .visual-section8__cassette:nth-of-type(n+2) {
      margin-top: 50px; }

  @media screen and (max-width: 738px) {
    .visual-section8__cassette {
      background-size: 100%;
      height: 46vw; }
      .visual-section8__cassette--wall {
        background-image: url(../img/beauty.jpg); }
      .visual-section8__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
 }


.visual-section9 {
  background-color: #FEF2F2;
  padding-top: 50px;
  position: relative;}
  .visual-section9__cassette {
    background-repeat: no-repeat;
    background-position: left center;
    object-fit: cover;
    height: 440px; }
    .visual-section9__cassette--1 {
      background-image: url(../img/30days_4.svg); }
    .visual-section9__cassette:nth-of-type(n+2) {
      margin-top: 50px; }

  @media screen and (max-width: 738px) {
    .visual-section9__cassette {
      background-size: 100%;
      height: 44vw; }
      .visual-section9__cassette--wall {
        background-image: url(../img/beauty.jpg); }
      .visual-section9__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
 }


.visual-section10 {
  background-color: #FEF2F2;
  padding-top: 50px;
  position: relative;}
  .visual-section10__cassette {
    background-repeat: no-repeat;
    background-position: right center;
    object-fit: cover;
    height: 760px; }
    .visual-section10__cassette--1 {
      background-image: url(../img/30days_5.svg); }
    .visual-section10__cassette:nth-of-type(n+2) {
      margin-top: 50px; }

  @media screen and (max-width: 738px) {
    .visual-section10__cassette {
      background-size: 100%;
      height: 76vw; }
      .visual-section10__cassette--wall {
        background-image: url(../img/beauty.jpg); }
      .visual-section10__cassette:nth-of-type(n+2) {
        margin-top: 7.8125vw; }
 }
 
 
.border_1 {
  width: 15%;
  z-index: -1;
  position: relative;
  left: 50%;
  bottom: 40%;
}

.border_2 {
  width: 25%;
  z-index: -1;
  position: relative;
  left: 40%;
  bottom: 0%;
}

.border_3 {
  width: 15%;
  z-index: -1;
  position: relative;
  left: 40%;
  bottom: 20%;
} 
 
.border_4 {
  width: 15%;
  z-index: -1;
  position: relative;
  left: 45%;
  bottom: 5%;
} 
 



/* ==========================================================
*
*   hide
*
========================================================== */
@media screen and (min-width: 739px) {
  .pc-hide {
    display: none !important; } }

@media screen and (max-width: 738px) {
  .sp-hide {
    display: none !important; } }

.barw {
  width: 100%;
  height: 1px;
  background-color: #fff; }
  
.bar {
  width: 100%;
  height: 12px;
  background-color: #000; }

@media screen and (max-width: 738px) {
.bar {
  width: 100%;
  height: 6px;
  background-color: #000; } }