@charset "UTF-8";

@media screen and (min-width: 768px), print {
  .sp-only {
    display: none !important;
  }

  body {
    min-width: 1200px;
  }

  main {
    width: 100%;
  }

  .l-container {
    width: 1200px;
    margin: 0 auto;
  }

  .l-container2 {
    width: 1100px;
    margin: 0 auto;
  }

  .l-container3 {
    width: 1000px;
    margin: 0 auto;
  }

  .c-form {
    padding: 70px 0;
  }

  .c-form--banner {
    border: 20px solid #F0831E;
  }

  .c-form--banner {
    width: 1000px;
    margin: 0 auto 85px;
    padding: 48px 0 39px;
    background: url(../images/exterior/bg3.jpg) no-repeat center bottom;
  }

  .c-form--banner--tit {
    text-align: center;
    padding: 0 0 8px;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-form--banner--tit {
    font-size: 20px;
  }

  .c-form--banner--tel {
    text-align: center;
  }

  .c-form--banner--tel img {
    width: 570px;
  }

  .c-form--banner--time {
    background: #000;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 20px;
  }

  .c-form--banner--time {
    width: 490px;
    margin: 15px auto 0;
  }

  .c-form--banner--time .number {
    letter-spacing: 2.5px;
    padding-left: 35px;
    line-height: 45px;
  }

  .c-form--banner--time .number img {
    vertical-align: sub;
  }

  .c-form--banner--time .number img {
    margin-left: 6px;
    width: 176px;
  }

  .c-form--banner--time .red {
    background: #EA5A5C;
    text-align: center;
  }

  .c-form--banner--time .red {
    width: 150px;
    line-height: 45px;
  }

  .c-form--box {
    position: relative;
    background: #00A6BA;
    margin: 84px auto 0;
  }

  .c-form--box {
    padding: 50px;
    width: 1100px;
  }

  .c-form--content {
    background: #fff;
    border: 5px solid #DBDBDB;
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
  }

  .c-form--content {
    padding: 31px 48px 53px;
  }

  .c-form--content table {
    width: 100%;
  }

  .c-form--content table {
    font-size: 16px;
  }

  .c-form--content table th,
  .c-form--content table td {
    border: 1px solid #BFBFBF;
    vertical-align: top;
  }

  .c-form--content table th {
    background: #E9E9E9;
    text-align: left;
    letter-spacing: 0.5px;
  }

  .c-form--content table th {
    width: 222px;
    padding: 21px 28px;
  }

  .c-form--content table th span {
    color: #EA5A5C;
  }

  .c-form--content table td {
    padding: 10px 14px;
  }

  .c-form--content table td ul {
    padding: 20px 35px;
    letter-spacing: 1.5px;
  }

  .c-form--content table td ul li + li {
    margin-top: 12px;
  }

  .c-form--content table td ul.type2 li {
    display: inline-block;
    margin-right: 10px;
  }

  .c-form--content table td input[type=text] {
    text-indent: 5px;
  }

  .c-form--content table td input[type=text] {
    line-height: 32px;
    height: 32px;
    width: 482px;
  }

  .c-form--content table td textarea {
    padding: 10px;
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 155px;
  }

  .c-form--title {
    font-size: 20px;
    background: #FFDE00;
    text-align: center;
    position: absolute;
    font-weight: bold;
  }

  .c-form--title {
    line-height: 50px;
    width: 276px;
    top: -25px;
    left: calc(50% - 138px);
    letter-spacing: 1px;
  }

  .c-form--note {
    line-height: 20px;
    margin: 0 4px 33px;
    letter-spacing: 1px;
  }

  .c-form--note {
    font-size: 14px;
  }

  .c-form--note2 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
  }

  .c-form--note2 {
    margin: 38px 0 17px;
  }

  .c-form--privacy {
    margin: 0 auto;
    height: 142px;
    overflow: auto;
    border: 1px solid #707070;
  }

  .c-form--privacy {
    width: 800px;
    padding: 20px;
    font-size: 14px;
    line-height: 1.5;
  }

  .c-form--privacy p + p {
    margin-top: 20px;
  }

  .c-form--check {
    margin: 18px 0 43px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  .c-form--check {
    font-size: 14px;
  }

  .c-form--submit input {
    width: 247px;
    margin: 0 auto;
    height: 62px;
    background: #00A6BA;
    border: none;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 0 0 27px;
  }

  .c-form--confirm {
    margin-top: 20px;
  }

  .c-form--confirm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .c-form--confirm input {
    width: 247px;
    height: 62px;
    background: #FFDE00;
    border: none;
    color: #000;
    font-weight: bold;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 0 0 27px;
  }

  .c-form--confirm .back {
    width: 247px;
    height: 62px;
    line-height: 62px;
    background: #00A6BA;
    border: none;
    color: #fff;
    font-weight: bold;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 0 0 27px;
    margin-right: 11px;
    text-decoration: none;
    text-align: center;
  }

  .c-form--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-form--list {
    width: 900px;
    margin: 60px auto 0;
  }

  .c-form--list .u-item {
    position: relative;
  }

  .c-form--list .u-item {
    width: 280px;
    margin-top: 30px;
  }

  .c-form--list .u-item img {
    width: 100%;
  }

  .c-form--list .u-item.u-hide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
  }

  #form {
    width: 1100px;
    margin: 0 auto;
  }

  .c-title1 {
    text-align: center;
    background: url(../images/exterior/bg1.jpg);
    font-weight: bold;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 34px 0 24px;
  }

  .c-title1 {
    font-size: 18px;
    letter-spacing: 1px;
  }

  .c-title1 span {
    display: block;
    margin-top: 11px;
  }

  .c-title1 span {
    font-size: 28px;
    letter-spacing: 4px;
  }

  .c-title2--des {
    text-align: center;
  }

  .c-title2--des span {
    background: #FFF100;
    display: inline-block;
    border-radius: 50px;
    font-weight: bold;
  }

  .c-title2--des span {
    width: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 7px 0;
  }

  .c-title2--txt {
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
    font-weight: bold;
    text-align: center;
    color: #F0831E;
  }

  .c-title2--txt {
    font-size: 60px;
    margin: 40px 0 27px;
    letter-spacing: 3px;
  }

  .c-title2--txt span {
    color: #000;
  }

  .c-title2--txt span {
    font-size: 50px;
    display: inline-block;
    vertical-align: middle;
  }

  .c-title2--txt span span {
    font-size: 30px;
  }

  .c-title2--sub {
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
    text-align: center;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-title2--sub {
    font-size: 50px;
  }

  .c-title2--sub span {
    display: inline-block;
    vertical-align: middle;
  }

  .c-title2--sub span {
    font-size: 30px;
  }

  .c-list1 {
    border: 4px solid #00A6BA;
    border-top: none;
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list1 {
    padding: 39px 42px 12px;
  }

  .c-list1 .u-item {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    background: url(../images/exterior/v.svg) no-repeat top left;
    background-size: 28px 31px;
    line-height: 31px;
    font-weight: bold;
  }

  .c-list1 .u-item {
    width: 50%;
    margin-bottom: 39px;
    padding-left: 43px;
  }

  .c-list2 {
    background: #E1E0D5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list2 {
    margin: -43px 0 0;
    padding: 60px 50px 18px;
  }

  .c-list2--item {
    background: #fff;
  }

  .c-list2--item {
    width: 348px;
    margin: 0 0 25px 28px;
  }

  .c-list2--item:nth-child(3n+1) {
    margin-left: 0;
  }

  .c-list2--tit {
    background: #F0831E;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  .c-list2--tit {
    margin: 13px 19px 15px;
    font-size: 23px;
    line-height: 47px;
  }

  .c-list2--img {
    margin: 0 auto;
  }

  .c-list2--img {
    width: 226px;
  }

  .c-list2--img img {
    width: 100%;
  }

  .c-list2--box {
    background: #FDD000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .c-list2--box {
    margin-top: 17px;
    padding: 15px;
  }

  .c-list2--sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list2--sale--tag {
    font-size: 10px;
    background: #000;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 35px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  .c-list2--sale--num {
    color: #F0831E;
    font-weight: bold;
    background: #FFF100;
    line-height: 35px;
    padding: 0 10px;
    letter-spacing: 1px;
  }

  .c-list2--sale--num {
    font-size: 19px;
  }

  .c-list2--sale--num span {
    font-size: 15px;
    color: #000;
  }

  .c-list2--price {
    position: relative;
  }

  .c-list2--price:only-child {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .c-list2--price * {
    display: inline-block;
  }

  .c-list2--price--num {
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
    color: #E83B31;
    font-weight: bold;
  }

  .c-list2--price--num {
    font-size: 54px;
  }

  .c-list2--price--num span {
    font-size: 40px;
  }

  .c-list2--price--sub {
    position: absolute;
    font-size: 12px;
    right: -7px;
    font-weight: bold;
  }

  .c-list2--price--sub {
    top: 0;
  }

  .c-list2--price--txt {
    font-weight: bold;
  }

  .c-list2--price--txt {
    font-size: 25px;
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
  }

  .c-list3 {
    background: #00A6BA;
    position: relative;
  }

  .c-list3 {
    padding: 46px 50px 80px;
    margin-top: 69px;
  }

  .c-list3--title {
    text-align: center;
    font-weight: bold;
    color: #FFF100;
  }

  .c-list3--title {
    font-size: 30px;
  }

  .c-list3--title span {
    color: #fff;
    display: inline-block;
  }

  .c-list3--title span {
    margin-left: 10px;
  }

  .c-list3--title > * {
    display: inline-block;
    background: url(../images/exterior/zoom.svg) no-repeat center left;
    letter-spacing: 1px;
  }

  .c-list3--title > * {
    background-size: 28px 28px;
    padding-left: 38px;
  }

  .c-list3--box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-list3--box {
    margin-top: 29px;
  }

  .c-list3--item {
    background: #E4EDF2;
  }

  .c-list3--item {
    width: 260px;
  }

  .c-list3--img {
    width: 100%;
  }

  .c-list3--tit {
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    text-align: center;
    background: #055B65;
    color: #fff;
  }

  .c-list3--tit {
    line-height: 30px;
  }

  .c-list3--tag {
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    color: #00A6BA;
    border-bottom: 1px solid #00A6BA;
  }

  .c-list3--tag {
    line-height: 40px;
    padding: 0 15px;
  }

  .c-list3--text {
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    color: #000;
    padding: 8px 15px 15px;
    min-height: 70px;
    line-height: 26px;
    letter-spacing: 0;
  }

  .c-bnt1 {
    background: url(../images/exterior/arrow1.svg) no-repeat center right 25px #d4d4d6;
    background-size: 30px 30px;
    text-align: center;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 3px 0px 3px #c4c4c4;
    box-shadow: inset 0px 3px 0px 3px #c4c4c4;
  }

  .c-bnt1 {
    position: absolute;
    left: calc(50% - 300px);
    width: 600px;
    line-height: 80px;
    border-radius: 50px;
    bottom: -40px;
    font-size: 20px;
  }

  .c-bnt1 a {
    text-decoration: none;
  }

  .c-bnt1 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
  }

  .c-mess {
    position: relative;
  }

  .c-mess {
    padding-bottom: 78px;
  }

  .c-mess::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F2F2F2;
    top: 140px;
  }

  .c-mess-box {
    position: relative;
  }

  .c-mess-title {
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 1;
  }

  .c-mess-title {
    font-size: 25px;
    line-height: 50px;
    letter-spacing: 1.5px;
  }

  .c-mess-title img {
    display: block;
  }

  .c-mess-title img {
    margin-bottom: 16px;
  }

  .c-mess-img {
    position: absolute;
    top: -30px;
    right: -50px;
    width: 550px;
  }

  .c-mess-text {
    background: #fff;
    border: 2px solid #00A6BA;
    position: relative;
    font-weight: bold;
  }

  .c-mess-text {
    width: 670px;
    margin: 16px 0 0;
    padding: 30px 60px 40px;
    letter-spacing: 1.5px;
    line-height: 34px;
  }

  .c-step {
    max-width: 1000px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-step {
    margin: 0 auto;
  }

  .c-step--item {
    background: #00A6BA;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .c-step--item {
    width: 235px;
    font-size: 22px;
    min-height: 130px;
    line-height: 36px;
  }

  .c-step--item + .c-step--item::before {
    content: "+";
    color: #000;
    background: #fff;
    position: absolute;
    border-radius: 50px;
  }

  .c-step--item + .c-step--item::before {
    width: 46px;
    line-height: 46px;
    font-size: 20px;
    left: -33px;
    top: calc(50% - 23px);
  }

  .c-box1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
  }

  .c-box1--content {
    width: 520px;
  }

  .c-box1--title {
    font-weight: bold;
  }

  .c-box1--title {
    font-size: 28px;
    line-height: 44px;
    letter-spacing: 1.5px;
  }

  .c-box1--title span {
    display: block;
    color: #F0831E;
    letter-spacing: 0.5px;
    line-height: 1;
    font-size: 14px;
  }

  .c-box1--title span {
    margin-bottom: 4px;
  }

  .c-box1--text {
    letter-spacing: 1.5px;
  }

  .c-box1--text {
    font-size: 16px;
    margin: 11px 0 0;
    line-height: 35px;
  }

  .c-list4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 960px;
  }

  .c-list4 {
    margin-top: 46px;
    margin: 0 auto;
  }

  .c-list4--item {
    position: relative;
  }

  .c-list4--item {
    margin-bottom: 50px;
    width: 460px;
  }

  .c-list4--item::before {
    content: '';
    position: absolute;
    background: #fff;
    top: 115px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .c-list4--img {
    position: relative;
    z-index: 1;
  }

  .c-list4--img {
    max-width: 400px;
    margin: 0 auto;
  }

  .c-list4--img img {
    width: 100%;
  }

  .c-list4--text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    position: relative;
    z-index: 1;
    font-weight: bold;
    letter-spacing: 1.5px;
  }

  .c-list4--text {
    font-size: 16px;
    margin: 0 auto;
    max-width: 400px;
    padding: 23px 0 31px;
    line-height: 34px;
  }

  .c-list5--item {
    background: #F2F0E4;
  }

  .c-list5--item {
    border-top: 20px solid #E1E0D5;
    padding: 40px 50px 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-list5--item + .c-list5--item {
    margin-top: 50px;
  }

  .c-list5--img {
    width: 440px;
    position: relative;
  }

  .c-list5--img img {
    width: 100%;
  }

  .c-list5--cap {
    background: #F0831E;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  .c-list5--cap {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    font-size: 16px;
    line-height: 50px;
  }

  .c-list5--text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .c-list5--text {
    width: 630px;
    margin: -7px 0 0;
    letter-spacing: 1px;
    line-height: 35px;
  }

  .c-list6 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .c-list6 {
    width: 1000px;
    margin: 0 auto;
  }

  .c-list6 li + li {
    margin-top: 43px;
  }

  .c-list6--q {
    background: url(../images/bath/q.png) no-repeat center left 12px #00A6BA;
    font-weight: bold;
    line-height: 1.75;
    color: #fff;
  }

  .c-list6--q {
    background-size: 70px;
    border-radius: 50px;
    padding: 27px 112px;
    padding-right: 27px;
    letter-spacing: 1px;
    font-size: 20px;
  }

  .c-list6--a {
    background: url(../images/bath/a.png) no-repeat top 5px left 5px #fff;
    letter-spacing: 1.5px;
  }

  .c-list6--a {
    max-width: 900px;
    margin: 0 auto;
    background-size: 70px;
    margin-top: 17px;
    border: 6px solid #F0831E;
    padding: 20px 106px 24px;
    padding-right: 31px;
    border-radius: 44px;
    line-height: 35px;
  }

  .c-list7 {
    width: 1100px;
    margin: 23px auto 0;
  }

  .c-list7--item {
    background: #fff;
  }

  .c-list7--item + .c-list7--item {
    margin-top: 55px;
  }

  .c-list7--title {
    background: #F0831E;
    position: relative;
  }

  .c-list7--title {
    padding: 40px 20px 25px 126px;
  }

  .c-list7--point {
    background: #db6e0a;
    background: -webkit-linear-gradient(-45deg, #db6e0a 50%, #f89030 50%);
    background: -webkit-linear-gradient(135deg, #db6e0a 50%, #f89030 50%);
    background: linear-gradient(-45deg, #db6e0a 50%, #f89030 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db6e0a", endColorstr="#f89030", GradientType=1);
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }

  .c-list7--point {
    width: 89px;
    font-size: 14px;
    padding: 20px 0;
    left: 10px;
    top: calc(50% - 45px);
  }

  .c-list7--point span {
    display: block;
  }

  .c-list7--point span {
    font-size: 35px;
  }

  .c-list7--txt {
    text-shadow: white 2px 0px 0px, white 1.75517px 0.95885px 0px, white 1.0806px 1.68294px 0px, white 0.14147px 1.99499px 0px, white -0.83229px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.70157px 0px, white -1.30729px -1.5136px 0px, white -0.42159px -1.95506px 0px, white 0.56732px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.55883px 0px;
    color: #F0831E;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-list7--txt {
    font-size: 45px;
  }

  .c-list7--txt span {
    color: #000;
    letter-spacing: 1px;
  }

  .c-list7--txt span {
    font-size: 25px;
  }

  .c-list7--content::after {
    display: block;
    content: "";
    clear: both;
  }

  .c-list7--content {
    padding: 50px 50px;
  }

  .c-list7--content + .c-list7--content {
    padding-top: 0;
    margin: -20px 0 0;
  }

  .c-list7--content + .c-list7--content .c-list7--img {
    float: left;
    margin-left: 0;
    margin-right: 30px;
    margin-top: 0;
  }

  .c-list7--img {
    float: right;
    margin: 10px 0 0 30px;
  }

  .c-list7--box {
    overflow: hidden;
  }

  .c-list7--des {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: bold;
    border-bottom: 2px dotted #F0831E;
  }

  .c-list7--des {
    font-size: 20px;
    padding: 6px 0 12px 0;
    letter-spacing: 1px;
    margin: 0 0 16px;
    line-height: 42px;
  }

  .c-list7--text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .c-list7--text {
    font-size: 16px;
    line-height: 30px;
  }

  .c-list8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list8--item {
    width: 280px;
    margin: 0 0 29px 80px;
  }

  .c-list8--item:nth-child(3n +1) {
    margin: 0 0 29px;
  }

  .c-list8--item a {
    display: block;
    text-decoration: none;
  }

  .c-list8--img img {
    width: 100%;
    height: auto;
  }

  .c-list8--info {
    margin: 9px 0 0;
  }

  .c-list8--ttl {
    font-weight: bold;
    color: #00A6BA;
  }

  .c-list8--ttl {
    font-size: 18px;
    line-height: 1.5;
  }

  .c-list8--txt {
    color: #25272F;
  }

  .c-list8--txt {
    font-size: 14px;
    line-height: 1.43;
    margin: 6px 0 0;
  }

  .reason1 {
    position: relative;
    z-index: 1;
  }

  .reason1 .l-container {
    background-image: url(../images/reason/bg1.jpg);
    background-size: cover;
  }

  .reason1 .l-container {
    padding-bottom: 53px;
    width: 100%;
    max-width: 1280px;
  }

  .reason1--title {
    text-align: center;
  }

  .reason1--title {
    padding: 47px 0 25px;
  }

  .reason1--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 895px;
  }

  .reason1--list {
    margin: 0 auto;
  }

  .reason1--list li {
    width: 270px;
    margin-bottom: 17px;
  }

  .reason1--list li img {
    width: 100%;
  }

  .reason2 {
    margin-top: -155px;
  }

  .reason2--item {
    padding: 100px 0;
  }

  .reason2--item:first-child {
    padding-top: 265px;
  }

  .reason2--item:nth-child(2n+1) {
    background: #F2F0E4;
  }

  .reason2--title {
    background: #00A484;
    position: relative;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason2--title {
    padding: 24px 0 27px 126px;
    max-width: 1000px;
  }

  .reason2--title::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #017760 transparent transparent;
    position: absolute;
    left: 0;
  }

  .reason2--title::before {
    bottom: -30px;
    border-width: 0 70px 30px 0;
  }

  .reason2--title .num {
    color: #F9B700;
    background: url(../images/reason/bg2.svg);
    text-align: center;
    position: absolute;
  }

  .reason2--title .num {
    width: 102px;
    line-height: 102px;
    font-size: 54px;
    background-size: 102px 102px;
    top: -68px;
    left: 0;
  }

  .reason2--title .img {
    position: absolute;
  }

  .reason2--title .img {
    top: -55px;
    right: -100px;
  }

  .reason2--title .des {
    color: #fff;
  }

  .reason2--title .des {
    font-size: 32px;
  }

  .reason2--title .text {
    color: #FFF100;
  }

  .reason2--title .text {
    font-size: 45px;
    margin-top: 10px;
  }

  .reason2--txt1 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason2--txt1 {
    width: 585px;
    font-size: 16px;
    line-height: 26px;
    margin: 48px 0 0 50px;
  }

  .reason2--txt1 span {
    font-weight: bold;
  }

  .reason2--box {
    margin: 30px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1000px;
  }

  .reason2--box--img {
    width: 470px;
  }

  .reason2--box--txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason2--box--txt {
    font-size: 16px;
    line-height: 26px;
    margin: -2px 0 26px;
  }

  .reason2--box--txt02 {
    font-size: 16px;
    line-height: 26px;
    margin: 88px 0 26px;
  }

  .reason2--box--float {
    width: 490px;
  }

  .reason2--box--float img {
    width: 100%;
  }

  .reason2--box--float .banner {
    margin-top: 30px;
  }

  .reason2--title2 {
    text-align: center;
    margin: 52px 0 9px;
  }

  .reason2--banner {
    text-align: center;
  }

  .reason2--banner2 {
    margin-top: 38px;
    text-align: center;
  }

  .reason3--box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1065px;
    margin: 35px auto 0;
  }

  .reason3--item {
    width: 500px;
  }

  .reason3--item img {
    width: 100%;
  }

  .reason3--txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason3--txt {
    font-size: 16px;
    line-height: 23px;
    margin: 13px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  body {
    min-width: 320px;
    width: 100%;
  }

  main {
    width: 100%;
  }

  .l-container {
    width: 100%;
    padding: 0 10px;
  }

  .l-container2 {
    width: 100%;
    padding: 0 10px;
  }

  .l-container3 {
    width: 100%;
    padding: 0 15px;
  }

  .c-form {
    padding: 35px 0;
  }

  .c-form--banner {
    border: 20px solid #F0831E;
  }

  .c-form--banner {
    border-width: 10px;
    width: 100%;
    padding: 54px 0 39px;
    background: url(../images/exterior/bg3_sp.png) no-repeat top 33px left 20px;
    background-size: 32px;
  }

  .c-form--banner--tit {
    text-align: center;
    padding: 0 0 8px;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-form--banner--tit {
    font-size: 14px;
  }

  .c-form--banner--tel {
    text-align: center;
  }

  .c-form--banner--tel img {
    width: 325px;
    height: 48px;
    display: block;
    margin: 0 auto;
  }

  .c-form--banner--time {
    background: #000;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 20px;
  }

  .c-form--banner--time {
    width: 100%;
    max-width: 290px;
    margin: 8px auto 0;
  }

  .c-form--banner--time .number {
    font-size: 13px;
    line-height: 40px;
    padding-left: 18px;
    letter-spacing: 1.5px;
  }

  .c-form--banner--time .number img {
    vertical-align: sub;
  }

  .c-form--banner--time .number img {
    width: 108px;
    margin-left: 13px;
  }

  .c-form--banner--time .red {
    background: #EA5A5C;
    text-align: center;
  }

  .c-form--banner--time .red {
    font-size: 12px;
    width: 75px;
    line-height: 40px;
  }

  .c-form--box {
    position: relative;
    background: #00A6BA;
    margin: 84px auto 0;
  }

  .c-form--box {
    width: auto;
    margin: 90px -10px 0;
    padding: 25px;
  }

  .c-form--content {
    background: #fff;
    border: 5px solid #DBDBDB;
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
  }

  .c-form--content {
    padding: 10px;
    border-width: 2px;
  }

  .c-form--content table {
    width: 100%;
  }

  .c-form--content table {
    font-size: 12px;
  }

  .c-form--content table th,
  .c-form--content table td {
    border: 1px solid #BFBFBF;
    vertical-align: top;
  }

  .c-form--content table th,
  .c-form--content table td {
    display: block;
    width: auto !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .c-form--content table th {
    background: #E9E9E9;
    text-align: left;
    letter-spacing: 0.5px;
  }

  .c-form--content table th {
    padding: 10px;
  }

  .c-form--content table th span {
    color: #EA5A5C;
  }

  .c-form--content table td {
    padding: 10px;
    margin: -1px 0;
  }

  .c-form--content table td ul {
    padding: 10px 0;
    letter-spacing: 0;
  }

  .c-form--content table td ul li + li {
    margin-top: 12px;
  }

  .c-form--content table td input[type=text] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .c-form--content table td textarea {
    padding: 10px;
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 155px;
  }

  .c-form--title {
    font-size: 20px;
    background: #FFDE00;
    text-align: center;
    position: absolute;
    font-weight: bold;
  }

  .c-form--title {
    left: 25px;
    right: 25px;
    width: auto;
    line-height: 65px;
    top: -54px;
    letter-spacing: 1px;
  }

  .c-form--note {
    line-height: 20px;
    margin: 0 4px 33px;
    letter-spacing: 1px;
  }

  .c-form--note {
    font-size: 12px;
  }

  .c-form--note2 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
  }

  .c-form--note2 {
    margin: 20px 0;
  }

  .c-form--privacy {
    margin: 0 auto;
    height: 142px;
    overflow: auto;
    border: 1px solid #707070;
  }

  .c-form--privacy {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    line-height: 1.75;
  }

  .c-form--privacy p + p {
    margin-top: 20px;
  }

  .c-form--check {
    margin: 18px 0 43px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  .c-form--check {
    font-size: 12px;
  }

  .c-form--submit input {
    width: 247px;
    margin: 0 auto;
    height: 62px;
    background: #00A6BA;
    border: none;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 0 0 27px;
  }

  .c-form--submit input {
    max-width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
  }

  .c-form--confirm {
    margin-top: 20px;
  }

  .c-form--confirm {
    max-width: 247px;
    margin: 10px auto;
  }

  .c-form--confirm input {
    width: 247px;
    height: 62px;
    background: #FFDE00;
    border: none;
    color: #000;
    font-weight: bold;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 0 0 27px;
  }

  .c-form--confirm input {
    -webkit-appearance: none;
    border-radius: 0;
  }

  .c-form--confirm .back {
    width: 247px;
    height: 62px;
    line-height: 62px;
    background: #00A6BA;
    border: none;
    color: #fff;
    font-weight: bold;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 0 0 27px;
    margin-right: 11px;
    text-decoration: none;
    text-align: center;
  }

  .c-form--confirm .back {
    margin: 0 0 10px;
  }

  .c-form--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-form--list {
    margin: 34px auto 0;
    width: 100%;
  }

  .c-form--list .u-item {
    position: relative;
  }

  .c-form--list .u-item {
    margin-top: 20px;
    width: calc(50% - 15px);
  }

  .c-form--list .u-item img {
    width: 100%;
  }

  .c-form--list .u-item.u-hide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
  }

  .c-title1 {
    text-align: center;
    background: url(../images/exterior/bg1.jpg);
    font-weight: bold;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 34px 0 24px;
  }

  .c-title1 {
    font-size: 14px;
    letter-spacing: 0;
  }

  .c-title1 span {
    display: block;
    margin-top: 11px;
  }

  .c-title1 span {
    font-size: 21px;
    letter-spacing: 0;
  }

  .c-title2--des {
    text-align: center;
  }

  .c-title2--des span {
    background: #FFF100;
    display: inline-block;
    border-radius: 50px;
    font-weight: bold;
  }

  .c-title2--des span {
    width: 28px;
    line-height: 28px;
    font-size: 14px;
    margin: 5px 9px 0;
  }

  .c-title2--txt {
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
    font-weight: bold;
    text-align: center;
    color: #F0831E;
  }

  .c-title2--txt {
    font-size: 25px;
    margin: 19px 0 16px;
    letter-spacing: 1px;
  }

  .c-title2--txt span {
    color: #000;
  }

  .c-title2--txt span {
    font-size: 38px;
    display: block;
    margin-top: 14px;
  }

  .c-title2--txt span span {
    display: inline-block;
    font-size: 25px;
    margin: 0;
  }

  .c-title2--sub {
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
    text-align: center;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-title2--sub {
    font-size: 26px;
  }

  .c-title2--sub span {
    display: inline-block;
    vertical-align: middle;
  }

  .c-title2--sub span {
    font-size: 16px;
  }

  .c-list1 {
    border: 4px solid #00A6BA;
    border-top: none;
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list1 {
    padding: 32px 15px 12px;
    border-width: 2px;
  }

  .c-list1 .u-item {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    background: url(../images/exterior/v.svg) no-repeat top left;
    background-size: 28px 31px;
    line-height: 31px;
    font-weight: bold;
  }

  .c-list1 .u-item {
    width: 100%;
    font-size: 14px;
    letter-spacing: 1.5px;
    padding-left: 38px;
    margin-bottom: 15px;
    background-position: top -4px left;
  }

  .c-list2 {
    background: #E1E0D5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list2 {
    margin: -61px 0 0;
    padding: 80px 0 5px;
  }

  .c-list2--item {
    background: #fff;
  }

  .c-list2--item {
    width: 364px;
    margin: 0 auto;
    margin-bottom: 25px;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
  }

  .c-list2--tit {
    background: #F0831E;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  .c-list2--tit {
    margin: 8px 10px 21px;
    font-size: 18px;
    line-height: 40px;
  }

  .c-list2--img {
    margin: 0 auto;
  }

  .c-list2--img {
    width: 250px;
  }

  .c-list2--img img {
    width: 100%;
  }

  .c-list2--box {
    background: #FDD000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .c-list2--box {
    margin-top: 9px;
    padding: 12px 10px;
    position: relative;
  }

  .c-list2--sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list2--sale--tag {
    font-size: 10px;
    background: #000;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 35px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  .c-list2--sale--num {
    color: #F0831E;
    font-weight: bold;
    background: #FFF100;
    line-height: 35px;
    padding: 0 10px;
    letter-spacing: 1px;
  }

  .c-list2--sale--num {
    font-size: 2rem;
  }

  .c-list2--sale--num span {
    font-size: 15px;
    color: #000;
  }

  .c-list2--price {
    position: relative;
  }

  .c-list2--price:only-child {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .c-list2--price {
    position: absolute;
    right: 11px;
    bottom: 5px;
  }

  .c-list2--price:only-child {
    position: relative;
    right: inherit;
    bottom: inherit;
  }

  .c-list2--price * {
    display: inline-block;
  }

  .c-list2--price--num {
    text-shadow: white 5px 0px 0px, white 4.90033px 0.99335px 0px, white 4.60531px 1.94709px 0px, white 4.12668px 2.82321px 0px, white 3.48353px 3.58678px 0px, white 2.70151px 4.20736px 0px, white 1.81179px 4.6602px 0px, white 0.84984px 4.92725px 0px, white -0.146px 4.99787px 0px, white -1.13601px 4.86924px 0px, white -2.08073px 4.54649px 0px, white -2.94251px 4.04248px 0px, white -3.68697px 3.37732px 0px, white -4.28444px 2.57751px 0px, white -4.71111px 1.67494px 0px, white -4.94996px 0.7056px 0px, white -4.99147px -0.29187px 0px, white -4.83399px -1.27771px 0px, white -4.48379px -2.2126px 0px, white -3.95484px -3.05929px 0px, white -3.26822px -3.78401px 0px, white -2.4513px -4.35788px 0px, white -1.53666px -4.75801px 0px, white -0.56076px -4.96845px 0px, white 0.4375px -4.98082px 0px, white 1.41831px -4.79462px 0px, white 2.34258px -4.41727px 0px, white 3.17346px -3.86382px 0px, white 3.87783px -3.15633px 0px, white 4.4276px -2.32301px 0px, white 4.80085px -1.39708px 0px, white 4.98271px -0.41545px 0px;
    color: #E83B31;
    font-weight: bold;
  }

  .c-list2--price--num {
    font-size: 60px;
  }

  .c-list2--price--num span {
    font-size: 50px;
  }

  .c-list2--price--sub {
    position: absolute;
    font-size: 12px;
    right: -7px;
    font-weight: bold;
  }

  .c-list2--price--sub {
    top: 17px;
  }

  .c-list2--price--txt {
    font-weight: bold;
  }

  .c-list2--price--txt {
    font-size: 23px;
    text-shadow: white 2px 0px 0px, white 1.75517px 0.95885px 0px, white 1.0806px 1.68294px 0px, white 0.14147px 1.99499px 0px, white -0.83229px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.70157px 0px, white -1.30729px -1.5136px 0px, white -0.42159px -1.95506px 0px, white 0.56732px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.55883px 0px;
  }

  .c-list3 {
    background: #00A6BA;
    position: relative;
  }

  .c-list3 {
    padding: 26px 15px;
    margin-top: 33px;
  }

  .c-list3--title {
    text-align: center;
    font-weight: bold;
    color: #FFF100;
  }

  .c-list3--title {
    font-size: 23px;
  }

  .c-list3--title span {
    color: #fff;
    display: inline-block;
  }

  .c-list3--title span {
    margin: 13px 0 0;
  }

  .c-list3--title > * {
    display: inline-block;
    background: url(../images/exterior/zoom.svg) no-repeat center left;
    letter-spacing: 1px;
  }

  .c-list3--title > * {
    background-size: 19px 19px;
    background-position: top left;
    padding-left: 28px;
  }

  .c-list3--box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-list3--box {
    margin: 20px 0 8px;
  }

  .c-list3--item {
    background: #E4EDF2;
  }

  .c-list3--item {
    width: calc(50% - 7px);
    margin-bottom: 14px;
  }

  .c-list3--img {
    width: 100%;
  }

  .c-list3--tit {
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    text-align: center;
    background: #055B65;
    color: #fff;
  }

  .c-list3--tit {
    font-size: 12px;
    line-height: 25px;
  }

  .c-list3--tag {
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
    color: #00A6BA;
    border-bottom: 1px solid #00A6BA;
  }

  .c-list3--tag {
    font-size: 11px;
    line-height: 25px;
    padding: 0 10px;
  }

  .c-list3--text {
    font-size: 12px;
    padding: 10px 9px;
    line-height: 22px;
  }

  .c-bnt1 {
    background: url(../images/exterior/arrow1.svg) no-repeat center right 25px #d4d4d6;
    background-size: 30px 30px;
    text-align: center;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 3px 0px 3px #c4c4c4;
    box-shadow: inset 0px 3px 0px 3px #c4c4c4;
  }

  .c-bnt1 {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 14px;
    border-radius: 10px;
    line-height: 1.5;
    padding: 20px 50px 20px 10px;
    background-position: center right 15px;
  }

  .c-bnt1 a {
    text-decoration: none;
  }

  .c-bnt1 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
  }

  .c-mess {
    position: relative;
  }

  .c-mess {
    padding-bottom: 28px;
  }

  .c-mess::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F2F2F2;
    top: 140px;
  }

  .c-mess-box {
    position: relative;
  }

  .c-mess-title {
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 1;
  }

  .c-mess-title {
    font-size: 15px;
    padding: 0 15px;
    line-height: 24px;
    letter-spacing: 0;
  }

  .c-mess-title img {
    display: block;
  }

  .c-mess-title img {
    width: 122px;
    margin-bottom: 9px;
  }

  .c-mess-img {
    width: 100%;
    margin-top: 5px;
  }

  .c-mess-text {
    background: #fff;
    border: 2px solid #00A6BA;
    position: relative;
    font-weight: bold;
  }

  .c-mess-text {
    width: auto;
    margin: -72px 14px 0;
    padding: 14px 14px;
    font-size: 14px;
    line-height: 25px;
  }

  .c-step {
    max-width: 1000px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-step {
    margin: 0 35px;
  }

  .c-step--item {
    background: #00A6BA;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .c-step--item {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    padding: 40px 10px;
  }

  .c-step--item + .c-step--item {
    margin-top: 20px;
  }

  .c-step--item + .c-step--item::before {
    content: "+";
    color: #000;
    background: #fff;
    position: absolute;
    border-radius: 50px;
  }

  .c-step--item + .c-step--item::before {
    width: 60px;
    line-height: 60px;
    font-size: 26px;
    left: calc(50% - 30px);
    top: -38px;
  }

  .c-box1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
  }

  .c-box1--title {
    font-weight: bold;
  }

  .c-box1--title {
    font-size: 23px;
    line-height: 30px;
    letter-spacing: 0.5px;
  }

  .c-box1--title span {
    display: block;
    color: #F0831E;
    letter-spacing: 0.5px;
    line-height: 1;
    font-size: 14px;
  }

  .c-box1--title span {
    margin-bottom: 15px;
  }

  .c-box1--text {
    letter-spacing: 1.5px;
  }

  .c-box1--text {
    font-size: 14px;
    margin: 9px 0 0;
    line-height: 25px;
  }

  .c-box1--img {
    margin-top: 20px;
  }

  .c-list4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 960px;
  }

  .c-list4 {
    margin: 0 15px;
    margin-top: 58px;
  }

  .c-list4--item {
    position: relative;
  }

  .c-list4--item {
    margin-bottom: 35px;
  }

  .c-list4--item::before {
    content: '';
    position: absolute;
    background: #fff;
    top: 115px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .c-list4--img {
    position: relative;
    z-index: 1;
  }

  .c-list4--img {
    margin: 0 15px;
  }

  .c-list4--img img {
    width: 100%;
  }

  .c-list4--text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    position: relative;
    z-index: 1;
    font-weight: bold;
    letter-spacing: 1.5px;
  }

  .c-list4--text {
    font-size: 14px;
    padding: 7px 15px 12px;
    line-height: 25px;
  }

  .c-list5--item {
    background: #F2F0E4;
  }

  .c-list5--item {
    border-top: 10px solid #E1E0D5;
    padding: 17px 15px 22px;
    display: block;
  }

  .c-list5--item + .c-list5--item {
    margin-top: 35px;
  }

  .c-list5--img img {
    width: 100%;
  }

  .c-list5--cap {
    background: #F0831E;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  .c-list5--cap {
    font-size: 14px;
    line-height: 42px;
  }

  .c-list5--text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .c-list5--text {
    letter-spacing: 1.5px;
    line-height: 25px;
    font-size: 14px;
    margin: 17px 0 0;
  }

  .c-list6 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .c-list6 li + li {
    margin-top: 25px;
  }

  .c-list6--q {
    background: url(../images/bath/q.png) no-repeat center left 12px #00A6BA;
    font-weight: bold;
    line-height: 1.75;
    color: #fff;
  }

  .c-list6--q {
    font-size: 15px;
    background-size: 47px;
    background-position: top 6px left 7px;
    border-radius: 30px;
    padding: 16px 64px;
    padding-right: 5px;
    letter-spacing: 1.5px;
  }

  .c-list6--a {
    background: url(../images/bath/a.png) no-repeat top 5px left 5px #fff;
    letter-spacing: 1.5px;
  }

  .c-list6--a {
    font-size: 15px;
    background-size: 47px;
    background-position: top 6px left 7px;
    margin-top: 10px;
    border: 3px solid #F0831E;
    padding: 16px 64px;
    padding-right: 5px;
    border-radius: 27px;
    font-weight: bold;
    line-height: 1.75;
  }

  .c-list7 {
    width: 100%;
    margin: 34px auto 0;
  }

  .c-list7--item {
    background: #fff;
  }

  .c-list7--item + .c-list7--item {
    margin-top: 35px;
  }

  .c-list7--title {
    background: #F0831E;
    position: relative;
  }

  .c-list7--title {
    padding: 8px 20px 8px 85px;
    min-height: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .c-list7--point {
    background: #db6e0a;
    background: -webkit-linear-gradient(-45deg, #db6e0a 50%, #f89030 50%);
    background: -webkit-linear-gradient(135deg, #db6e0a 50%, #f89030 50%);
    background: linear-gradient(-45deg, #db6e0a 50%, #f89030 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db6e0a", endColorstr="#f89030", GradientType=1);
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }

  .c-list7--point {
    width: 65px;
    font-size: 10px;
    padding: 15px 0;
    left: 5px;
    top: calc(50% - 33px);
  }

  .c-list7--point span {
    display: block;
  }

  .c-list7--point span {
    font-size: 25px;
  }

  .c-list7--txt {
    text-shadow: white 2px 0px 0px, white 1.75517px 0.95885px 0px, white 1.0806px 1.68294px 0px, white 0.14147px 1.99499px 0px, white -0.83229px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.70157px 0px, white -1.30729px -1.5136px 0px, white -0.42159px -1.95506px 0px, white 0.56732px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.55883px 0px;
    color: #F0831E;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-list7--txt {
    font-size: 22px;
    line-height: 1.3;
  }

  .c-list7--txt span {
    color: #000;
    letter-spacing: 1px;
  }

  .c-list7--txt span {
    display: block;
    font-size: 15px;
    margin: 6px 0;
  }

  .c-list7--content::after {
    display: block;
    content: "";
    clear: both;
  }

  .c-list7--content {
    padding: 14px 15px 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
  }

  .c-list7--content + .c-list7--content {
    padding-top: 0;
    margin-top: -10px;
  }

  .c-list7--img {
    width: 100%;
    margin-top: 17px;
  }

  .c-list7--img img {
    width: 100% !important;
    margin: 0 !important;
  }

  .c-list7--box {
    width: 100%;
  }

  .c-list7--des {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: bold;
    border-bottom: 2px dotted #F0831E;
  }

  .c-list7--des {
    font-size: 15px;
    letter-spacing: 0.5px;
    border-width: 1px;
    padding: 6px 0 9px 0;
    margin: 0 0 14px;
    line-height: 28px;
  }

  .c-list7--text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .c-list7--text {
    font-size: 14px;
    line-height: 25px;
  }

  .c-list8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .c-list8--item {
    width: 48%;
    margin: 0 0 16px 4%;
  }

  .c-list8--item:nth-child(2n+1) {
    margin: 0 0 16px;
  }

  .c-list8--item a {
    display: block;
    text-decoration: none;
  }

  .c-list8--img img {
    width: 100%;
    height: auto;
  }

  .c-list8--ttl {
    font-weight: bold;
    color: #00A6BA;
  }

  .c-list8--txt {
    color: #25272F;
  }

  .reason1 {
    position: relative;
    z-index: 1;
  }

  .reason1 .l-container {
    background-image: url(../images/reason/bg1.jpg);
    background-size: cover;
  }

  .reason1 .l-container {
    padding-bottom: 4px;
  }

  .reason1--title {
    text-align: center;
  }

  .reason1--title {
    padding: 21px 14px 5px;
  }

  .reason1--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 895px;
  }

  .reason1--list {
    margin: 0 5px;
  }

  .reason1--list li {
    width: calc(50% - 17px);
    margin-bottom: 17px;
  }

  .reason1--list li img {
    width: 100%;
  }

  .reason2--item {
    padding: 50px 0;
  }

  .reason2--item:nth-child(2n+1) {
    background: #F2F0E4;
  }

  .reason2--title {
    background: #00A484;
    position: relative;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason2--title {
    padding: 24px 0 27px;
  }

  .reason2--title::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #017760 transparent transparent;
    position: absolute;
    left: 0;
  }

  .reason2--title::before {
    bottom: -15px;
    border-width: 0 35px 15px 0;
  }

  .reason2--title .num {
    color: #F9B700;
    background: url(../images/reason/bg2.svg);
    text-align: center;
    position: absolute;
  }

  .reason2--title .num {
    width: 67px;
    line-height: 67px;
    font-size: 35px;
    background-size: 67px 67px;
    top: -30px;
    left: 20px;
  }

  .reason2--title .img {
    position: absolute;
  }

  .reason2--title .img {
    top: calc(100% - 15px);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 250px;
  }

  .reason2--title .des {
    color: #fff;
  }

  .reason2--title .des {
    text-align: center;
    font-size: 20px;
  }

  .reason2--title .text {
    color: #FFF100;
  }

  .reason2--title .text {
    text-align: center;
    font-size: 30px;
    margin-top: 7px;
  }

  .reason2--txt1 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason2--txt1 {
    font-size: 14px;
    margin: 259px 2px 0;
    line-height: 25px;
  }

  .reason2--txt1 span {
    font-weight: bold;
  }

  .reason2--box {
    margin: 30px auto 0;
  }

  .reason2--box--img {
    width: 100%;
  }

  .reason2--box--txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason2--box--txt {
    font-size: 14px;
    line-height: 25px;
    margin: 22px 2px 32px;
  }

  .reason2--box--float {
    width: 100%;
  }

  .reason2--box--float img {
    width: 100%;
  }

  .reason2--box--txt02{margin: 4vw 0 0 0; font-size: 3.6vw; line-height: 1.6;}

  .reason2--title2 {
    max-width: 390px;
    margin: 16px auto 12px;
  }

  .reason2--banner2 {
    margin-top: 27px;
  }

  .reason #reason4 .reason2--title .img {
    width: 302px;
    left: calc(50% - 28px);
  }

  .reason #reason6 .reason2--title .img {
    width: 279px;
    left: calc(50% - 13px);
  }

  .reason3--item img {
    width: 100%;
  }

  .reason3--item + .reason3--item {
    margin-top: 23px;
  }

  .reason3--txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .reason3--txt {
    font-size: 14px;
    line-height: 23px;
    margin: 7px 0 0;
  }
}