@charset "UTF-8";
/*-------------------------------------------
 variable
-------------------------------------------*/
/*color*/
/*font-size*/
/***  num  ***/
/***  screen  ***/
/***  font(NotoSansJP)  ***/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/*-------------------------------------------
 reset
-------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: baseline;
  caret-color: transparent; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none !important;
  border-radius: 0; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px; }

/*-------------------------------------------
 style - tag
-------------------------------------------*/
html {
  font-size: 62.5%; }
  @media screen and (max-width: 770px) {
    html {
      font-size: 52.5%; } }

body {
  font-family: 'Noto Sans JP','游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif;
  color: #333333;
  font-size: 1.6rem;
  line-height: 1.0; }
  @media screen and (max-width: 770px) {
    body {
      padding-top: 7.0rem; } }
  body.open {
    overflow: hidden;
    position: relative;
    height: 100%; }

h1, h2, h3, h4, h5 {
  font-weight: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }

article {
  width: 100%;
  max-width: 1140px;
  padding-left: 2.0rem;
  padding-right: 2.0rem;
  margin: 3.0rem auto 10.0rem; }
  @media screen and (max-width: 770px) {
    article {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  article.wide {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }

img {
  height: auto; }

a {
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s; }
  a:hover {
    opacity: 0.6;
    -webkit-transition: all .3s;
    transition: all .3s; }
    @media screen and (max-width: 770px) {
      a:hover {
        opacity: 1.0; } }

p {
  font-size: 1.6rem;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6; }

/*-------------------------------------------
 style - common
-------------------------------------------*/
/* title,text */
.wide .headline-wrap {
  padding-left: 2.0rem;
  padding-right: 2.0rem; }
  @media screen and (max-width: 770px) {
    .wide .headline-wrap {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.headline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .headline-wrap.ptn-02 .headline {
    border-top: none;
    border-bottom: none;
    padding: 0; }
  .headline-wrap.ptn-03 {
    margin-bottom: 2.0rem; }
    .headline-wrap.ptn-03 .headline {
      border-top: none;
      border-bottom: none;
      padding: 0; }
  .headline-wrap .headline {
    color: #ff8100;
    font-size: 3.6rem;
    font-weight: 900;
    line-height: 1.3;
    text-align: center;
    padding: 1.0rem 3.0rem;
    border-top: 4px solid #ff8100;
    border-bottom: 4px solid #ff8100;
    margin-top: 0.5rem;
    margin-bottom: 1.0rem; }
    @media screen and (max-width: 770px) {
      .headline-wrap .headline {
        font-size: 3rem;
        font-weight: 700;
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
  .headline-wrap .supple {
    color: #000000;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 3.0rem; }

footer .headline-wrap .headline {
  color: #ffffff;
  text-align: center;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  width: 100%;
  margin-bottom: 3.0rem; }
footer .headline-wrap .supple {
  color: #ffff00;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 3.0rem; }

.heading-wrap {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.0rem;
  padding-right: 2.0rem;
  margin-bottom: 3.0rem; }

.heading {
  color: #000000;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #ff8100;
  padding-bottom: 1.0rem;
  margin-top: 5.0rem;
  margin-bottom: 3.0rem; }
  @media screen and (max-width: 770px) {
    .heading {
      font-size: 3rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .heading b {
    background-color: #ff8100;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 500;
    white-space: pre;
    line-height: 1.0;
    border-radius: 0.4rem;
    margin-right: 1.0rem;
    padding: 0.5rem;
    position: relative;
    top: 0.5rem; }
    @media screen and (max-width: 770px) {
      .heading b {
        margin-bottom: 1.0rem; } }

.title {
  color: #000000;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 2.0rem;
  margin-bottom: 2.0rem;
  position: relative;
  z-index: 9; }
  .title.ptn-02 {
    color: #ff8100; }
  .title + .title {
    margin-top: -1.0rem; }

.subtitle {
  color: #432f2f;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1.0rem;
  margin-bottom: 1.0rem;
  padding-left: 0.8rem;
  border-left: 5px solid #432f2f; }

.band {
  background-image: url("../img/common/bk_02.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  width: 100%;
  height: 16.0rem;
  max-width: 100%; }
  .band .wrap {
    text-align: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .band .wrap h1 {
      color: #261A0C;
      font-size: 4rem;
      font-weight: 900;
      line-height: 1.3;
      letter-spacing: 1.4rem; }
      .band .wrap h1.nar {
        letter-spacing: 0.5rem; }
      .band .wrap h1 b {
        color: #555555;
        font-size: 1.6rem;
        line-height: 1.3;
        letter-spacing: 0rem;
        display: block; }

.copy-prod {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
  line-height: 1.3;
  margin-top: 1.0rem;
  margin-bottom: 2.0rem; }

.kome {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  display: block;
  padding-left: 2.0rem;
  position: relative; }
  .kome.big {
    color: #ec1212;
    font-weight: 700; }
    .kome.big::before {
      color: #ec1212; }
  .kome::before {
    content: '※';
    color: #666666;
    font-size: 1.4rem;
    line-height: 1.3;
    position: absolute;
    left: 0; }

.pict-prod {
  padding: 1.0rem;
  border: 1px solid #ECEFE8;
  border-radius: 0.4rem; }
  .pict-prod figure {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
    .pict-prod figure img {
      width: 100%; }

/* button,frame */
.btn-01 {
  width: 100%;
  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;
  margin-top: 3.0rem; }
  @media screen and (max-width: 770px) {
    .btn-01 {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .btn-01.ptn2 a {
    background-color: #ff8100;
    color: #ffffff; }
  .btn-01 a {
    background-color: #ffffff;
    color: #ff8100;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.0rem 5.0rem;
    border-top: 10px solid #ffb366;
    border-bottom: 10px solid #ffb366; }
    @media screen and (max-width: 960px) {
      .btn-01 a {
        font-size: 2rem; } }
    @media screen and (max-width: 770px) {
      .btn-01 a {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    .btn-01 a img {
      width: 2.2rem;
      margin-right: 1.0rem; }
      @media screen and (max-width: 960px) {
        .btn-01 a img {
          width: 1.8rem; } }

.bubble-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .bubble-01 .bubble {
    background-image: url("../img/common/bubble_01.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.5rem 3.5rem;
    position: relative; }
    .bubble-01 .bubble .num {
      color: #ffffff;
      font-size: 4.8rem;
      font-weight: 900; }
    .bubble-01 .bubble .unit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0.5rem; }
      .bubble-01 .bubble .unit .top {
        color: #ffffff;
        font-size: 1.4rem;
        font-weight: 500;
        text-align: center;
        border: 2px solid #ffffff;
        border-radius: 0.5rem;
        padding: 0.2rem 0.4rem;
        margin-bottom: 0.5rem;
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg); }
      .bubble-01 .bubble .unit .bototm {
        color: #ffffff;
        font-size: 1.6rem;
        font-weight: 700; }

.bubble-02 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 1.0rem; }
  .bubble-02 .bubble {
    background-image: url(../img/common/bubble_03.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 180px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.0rem;
    position: relative; }
    .bubble-02 .bubble .num {
      color: #ec1212;
      font-size: 4.8rem;
      font-weight: 900; }
    .bubble-02 .bubble .unit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0.5rem; }
      .bubble-02 .bubble .unit .top {
        background-color: #ec1212;
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
        border: 2px solid #ec1212;
        padding: 0.2rem 0.2rem;
        margin-bottom: 0.2rem; }
      .bubble-02 .bubble .unit .bototm {
        color: #ec1212;
        font-size: 1.8rem;
        font-weight: 900; }

.price-wrap {
  background-color: #ffffff;
  padding: 1.0rem 2.0rem 2.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  @media screen and (max-width: 960px) {
    .price-wrap {
      padding-left: 1.0rem;
      padding-right: 1.0rem; } }
  .price-wrap .in {
    width: 100%; }
  .price-wrap .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 960px) {
      .price-wrap .wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
    .price-wrap .wrap .left {
      width: calc(100% - 180px); }
      @media screen and (max-width: 960px) {
        .price-wrap .wrap .left {
          width: 100%; } }
    .price-wrap .wrap .right {
      width: 180px;
      position: relative; }
      @media screen and (max-width: 960px) {
        .price-wrap .wrap .right {
          width: 100%; } }
      .price-wrap .wrap .right .bubble-02 {
        margin-top: 0;
        position: absolute;
        bottom: -1.0rem;
        right: -0.5rem; }
  .price-wrap .price-01 {
    color: #432f2f;
    font-size: 2rem;
    font-weight: 500;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    margin-bottom: 0.5rem; }
    @media screen and (max-width: 960px) {
      .price-wrap .price-01 {
        font-size: 1.8rem; } }
    @media screen and (max-width: 770px) {
      .price-wrap .price-01 {
        font-size: 1.6rem; } }
    .price-wrap .price-01 b {
      font-size: 3rem;
      margin-left: 1.0rem; }
      @media screen and (max-width: 960px) {
        .price-wrap .price-01 b {
          font-size: 2.6rem; } }
      @media screen and (max-width: 770px) {
        .price-wrap .price-01 b {
          font-size: 2.4rem; } }
  .price-wrap .price-02 {
    text-align: right;
    width: 100%;
    position: relative; }
    .price-wrap .price-02.sum i:nth-last-of-type(1)::before {
      content: '総額';
      background-color: #ec1212;
      color: #ffff00;
      font-size: 1.6rem;
      font-style: normal;
      font-weight: 500;
      text-shadow: none;
      text-align: center;
      width: 7.0rem;
      padding: 0.5rem 0.8rem;
      border-radius: 0.4rem;
      position: absolute;
      top: -3.0rem;
      right: 1.0rem; }
      @media screen and (max-width: 770px) {
        .price-wrap .price-02.sum i:nth-last-of-type(1)::before {
          width: 5.0rem; } }
    .price-wrap .price-02.sum b {
      font-size: 6.0rem;
      font-weight: 900; }
      @media screen and (max-width: 960px) {
        .price-wrap .price-02.sum b {
          font-size: 5.6rem; } }
    .price-wrap .price-02.body i {
      font-weight: 900; }
      .price-wrap .price-02.body i b {
        font-size: 7.0rem; }
        @media screen and (max-width: 960px) {
          .price-wrap .price-02.body i b {
            font-size: 4.8rem; } }
        @media screen and (max-width: 770px) {
          .price-wrap .price-02.body i b {
            font-size: 4rem; } }
        @media screen and (max-width: 500px) {
          .price-wrap .price-02.body i b {
            font-size: 6.4rem; } }
        @media screen and (max-width: 320px) {
          .price-wrap .price-02.body i b {
            font-size: 5.6rem; } }
    .price-wrap .price-02 i {
      color: #ec1212;
      font-size: 2.4rem;
      font-weight: 700;
      -webkit-font-feature-settings: "palt";
              font-feature-settings: "palt";
      letter-spacing: 0;
      text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff;
      position: absolute;
      top: 0;
      right: 0; }
      @media screen and (max-width: 960px) {
        .price-wrap .price-02 i {
          font-size: 2.4rem; } }
      @media screen and (max-width: 770px) {
        .price-wrap .price-02 i {
          font-size: 1.8rem; } }
      .price-wrap .price-02 i:nth-of-type(1) {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25), 2px 2px 4px rgba(0, 0, 0, 0.25); }
      .price-wrap .price-02 i:nth-last-of-type(1) {
        position: relative; }
    .price-wrap .price-02 b {
      font-size: 5.6rem;
      letter-spacing: -0.2rem;
      padding-right: 0.5rem; }
      @media screen and (max-width: 960px) {
        .price-wrap .price-02 b {
          font-size: 4.8rem; } }
      @media screen and (max-width: 320px) {
        .price-wrap .price-02 b {
          font-size: 14.0vw; } }

.frame {
  width: 100%;
  border: 4px solid #ec1212;
  border-radius: 0.4rem;
  margin-bottom: 1.0rem; }
  .frame.blue {
    border: 4px solid #318CFF; }
    .frame.blue h4 {
      background-color: #318CFF;
      color: #ffffff; }
  .frame h3, .frame h4 {
    background-color: #ec1212;
    color: #ffff00;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    padding: 0.5rem 1.5rem 1.0rem 1.5rem; }
    @media screen and (max-width: 960px) {
      .frame h3, .frame h4 {
        text-align: left; } }
  .frame h4 b {
    font-size: 2rem; }
  .frame h5 {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    width: 100%;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    margin-bottom: 1.0rem; }
    .frame h5.plural {
      margin-top: 2.0rem; }
    .frame h5.blue {
      background-color: #318CFF; }
    .frame h5.aqua {
      background-color: #1d939e; }
    .frame h5.green {
      background-color: #009e08; }
    .frame h5.red {
      color: #ffff00;
      font-size: 1.8rem;
      font-weight: 700;
      background-color: #ec1212; }
    .frame h5 i {
      font-style: normal;
      font-weight: 400; }
  .frame .detail {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.0;
    padding: 1.5rem 2.0rem 1.5rem; }

.plan {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 2.0rem 2.0rem;
  position: relative; }
  @media screen and (max-width: 960px) {
    .plan {
      background-image: url("../img/page/exam_comment_02.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom right; } }
  .plan .left {
    width: calc(100% - 300px);
    padding-right: 2.0rem; }
    @media screen and (max-width: 960px) {
      .plan .left {
        width: 100%; } }
  .plan .right {
    width: 300px; }
    @media screen and (max-width: 960px) {
      .plan .right {
        display: none; } }
    .plan .right img {
      width: 100%;
      position: relative;
      bottom: -2.0rem; }

/* list */
.list-bread {
  width: 100%;
  max-width: 1140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.0rem auto 3.0rem;
  padding-left: 2.0rem;
  padding-right: 2.0rem; }
  .list-bread li {
    color: #333333;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3;
    padding-right: 3rem;
    position: relative;
    margin-bottom: 0.5rem; }
    .list-bread li a {
      color: #ff8100;
      position: relative; }
      .list-bread li a::after {
        content: '';
        width: 0.8rem;
        height: 0.8rem;
        border-top: solid 1px #333333;
        border-right: solid 1px #333333;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 0.4rem);
        right: -1.5rem; }

.list-reco-swiper {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .list-reco-swiper .swiper-reco {
    width: 100%;
    max-width: 1040px;
    overflow: visible;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 770px) {
      .list-reco-swiper .swiper-reco {
        padding-left: 5.0rem;
        padding-right: 5.0rem; } }
    .list-reco-swiper .swiper-reco .swiper-slide {
      border: 6px solid #ffb366;
      border-radius: 0.4rem; }
  .list-reco-swiper .price-wrap .price-02 b {
    font-size: 4.8rem; }

.list-reco-wrap {
  background-color: #ff8100;
  width: 100%;
  padding-top: 5.0rem;
  padding-bottom: 5.0rem; }
  @media screen and (max-width: 770px) {
    .list-reco-wrap {
      padding-top: 3.0rem;
      padding-bottom: 3.0rem; } }
  .list-reco-wrap ul.list-reco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.0rem;
    padding-left: 2.0rem;
    padding-right: 2.0rem; }
    @media screen and (max-width: 770px) {
      .list-reco-wrap ul.list-reco {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-bottom: 0; } }
    .list-reco-wrap ul.list-reco > li {
      width: calc(50% - 0.75rem);
      margin-bottom: 1.5rem;
      border: 6px solid #ffb366;
      border-radius: 0.4rem; }
      @media screen and (max-width: 770px) {
        .list-reco-wrap ul.list-reco > li {
          width: calc(50% - 0.5rem);
          margin-bottom: 1.0rem;
          border: none; } }
      @media screen and (max-width: 500px) {
        .list-reco-wrap ul.list-reco > li {
          width: 100%; } }
  .list-reco-wrap .btn-01 {
    margin-top: 0.5rem; }

.reco-child {
  background-color: #ffffff;
  display: block;
  /* cont */ }
  .reco-child .cont-wrap {
    background-color: #ffffff;
    padding: 1.5rem; }
  .reco-child .cont {
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 100%;
    min-height: 340px; }
    @media screen and (max-width: 770px) {
      .reco-child .cont {
        min-height: 260px; } }
    @media screen and (max-width: 500px) {
      .reco-child .cont {
        min-height: auto; } }
    .reco-child .cont h3 {
      color: #ff8100;
      font-size: 3.6rem;
      font-weight: 900;
      line-height: 1.3; }
      @media screen and (max-width: 960px) {
        .reco-child .cont h3 {
          font-size: 3rem; } }
    .reco-child .cont .set {
      color: #000000;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.3;
      -webkit-font-feature-settings: "palt";
              font-feature-settings: "palt";
      margin-bottom: 1.0rem;
      width: 100%; }
      @media screen and (max-width: 960px) {
        .reco-child .cont .set {
          font-size: 1.4rem; } }
    .reco-child .cont .pick {
      background-color: #318CFF;
      color: #ffffff;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 1.3;
      display: inline-block;
      padding: 0.5rem 1.5rem;
      border-radius: 2.0rem;
      margin-bottom: 1.0rem; }
      @media screen and (max-width: 960px) {
        .reco-child .cont .pick {
          font-size: 1.4rem; } }
    .reco-child .cont ul.list-spec {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .reco-child .cont ul.list-spec li {
        background-image: url("../img/common/icon_check_01.png");
        background-size: 1.4rem;
        background-repeat: no-repeat;
        background-position: center left;
        color: #000000;
        font-size: 1.4rem;
        font-weight: 500;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff;
        line-height: 1.3;
        padding-left: 2.0rem;
        margin-bottom: 0.5rem; }
    .reco-child .cont .bubble-02 {
      margin-top: 0.5rem; }
      @media screen and (max-width: 960px) {
        .reco-child .cont .bubble-02 {
          margin-top: 0.5rem; } }
      @media screen and (max-width: 770px) {
        .reco-child .cont .bubble-02 {
          margin-top: 0; } }
      .reco-child .cont .bubble-02 .bubble {
        background-image: url("../img/common/bubble_02.png");
        width: 170px;
        height: 100px; }
        @media screen and (max-width: 770px) {
          .reco-child .cont .bubble-02 .bubble {
            width: 120px;
            height: 75px; } }
        .reco-child .cont .bubble-02 .bubble .num {
          color: #ffff00; }
          @media screen and (max-width: 770px) {
            .reco-child .cont .bubble-02 .bubble .num {
              font-size: 4rem; } }
        .reco-child .cont .bubble-02 .bubble .unit .top {
          background: none;
          border: 2px solid #ffffff;
          border-radius: 0.5rem; }
          @media screen and (max-width: 770px) {
            .reco-child .cont .bubble-02 .bubble .unit .top {
              background-color: #ffffff;
              color: #ec1212;
              font-weight: 700;
              padding: 0.2rem 0.4rem;
              margin-bottom: 0.2rem;
              border: none;
              border-radius: 0.2rem; } }
        .reco-child .cont .bubble-02 .bubble .unit .bototm {
          color: #ffff00; }
  .reco-child .price-wrap {
    background-color: #f5f0d4;
    padding: 2.0rem 2.0rem 2.5rem; }
    @media screen and (max-width: 960px) {
      .reco-child .price-wrap {
        padding: 1.5rem 1.0rem 2.5rem; } }

.list-option {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .list-option .swiper-option {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible; }
    @media screen and (max-width: 770px) {
      .list-option .swiper-option {
        padding-left: 5.0rem;
        padding-right: 5.0rem; } }
  .list-option .swiper-slide {
    height: 100%; }
    .list-option .swiper-slide .in {
      border: 2px solid #ff8100;
      border-radius: 0.4rem;
      cursor: default;
      height: 100%; }
      .list-option .swiper-slide .in h3 {
        background-color: #ff8100;
        color: #ffffff;
        font-size: 2.4rem;
        font-weight: 500;
        text-align: center;
        padding: 1.0rem 1.0rem 1.2rem; }
      .list-option .swiper-slide .in h4 {
        color: #432f2f;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 1.0rem; }
      .list-option .swiper-slide .in img {
        width: 100%; }
      .list-option .swiper-slide .in .wrap {
        padding: 1.5rem 2.0rem 2.5rem; }
        @media screen and (max-width: 960px) {
          .list-option .swiper-slide .in .wrap {
            padding: 1.0rem 1.5rem 2.0rem; } }
        .list-option .swiper-slide .in .wrap p {
          color: #333333;
          padding-bottom: 2.0rem; }

.list-const-wrap {
  background-color: #f5f0d4;
  width: 100%;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem; }
  @media screen and (max-width: 770px) {
    .list-const-wrap {
      padding-top: 3.0rem;
      padding-bottom: 3.0rem; } }
  @media screen and (max-width: 770px) {
    .list-const-wrap .btn-01 {
      margin-top: 2.0rem; } }

.list-const {
  width: 100%;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 770px) {
    .list-const {
      padding-left: 5.0rem;
      padding-right: 5.0rem; } }
  .list-const .swiper-const {
    width: 100%;
    max-width: 1040px;
    overflow: visible;
    margin-left: auto;
    margin-right: auto; }

.const-child {
  background-color: #ffffff;
  display: block;
  border: 2px solid #f5f0d4;
  border-radius: 0.4rem; }
  .const-child .const {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .const-child .const figure {
      width: 50%; }
      .const-child .const figure img {
        width: 100%;
        display: block; }
      .const-child .const figure figcaption {
        color: #ffffff;
        font-size: 1.4rem;
        font-weight: 700;
        text-align: center;
        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
        .const-child .const figure figcaption.before {
          background-color: #666666; }
        .const-child .const figure figcaption.after {
          background-color: #318CFF; }
  .const-child .wrap {
    background-color: #fffff5;
    padding: 1.0rem 1.5rem 1.0rem 1.5rem; }
    .const-child .wrap p {
      color: #333333;
      margin-bottom: 1.0rem; }

ul.list-const-exam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 960px) {
    ul.list-const-exam {
      padding-left: 2.0rem;
      padding-right: 2.0rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (max-width: 770px) {
    ul.list-const-exam {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  ul.list-const-exam > li {
    width: calc(33.3% - 2.0rem);
    margin-right: 2.0rem;
    margin-bottom: 2.25rem; }
    @media screen and (max-width: 960px) {
      ul.list-const-exam > li {
        width: calc(50% - 1.0rem);
        margin-right: 0;
        margin-bottom: 2.0rem; } }
    @media screen and (max-width: 770px) {
      ul.list-const-exam > li {
        width: 100%;
        margin-bottom: 1.0rem; } }
    ul.list-const-exam > li:nth-of-type(3n) {
      margin-right: 0; }

ul.list-motive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  ul.list-motive li {
    background-color: #f5f0d4;
    width: calc(50% - 1.0rem);
    margin-bottom: 2.0rem;
    border-radius: 0.4rem; }
    @media screen and (max-width: 770px) {
      ul.list-motive li {
        width: 100%; } }
    @media screen and (max-width: 500px) {
      ul.list-motive li {
        margin-bottom: 1.0rem; } }
    ul.list-motive li:nth-last-of-type(1), ul.list-motive li:nth-last-of-type(2) {
      margin-bottom: 0; }
    @media screen and (max-width: 500px) {
      ul.list-motive li:nth-last-of-type(2) {
        margin-bottom: 1.0rem; } }
    ul.list-motive li h3 {
      background-color: #ff8100;
      color: #ffffff;
      font-size: 2rem;
      font-weight: 500;
      line-height: 1.3;
      padding: 1.5rem 2.0rem;
      border-top-left-radius: 0.4rem;
      border-top-right-radius: 0.4rem; }
      @media screen and (max-width: 500px) {
        ul.list-motive li h3 {
          padding: 1.0rem; } }
    ul.list-motive li .motive {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 2.0rem; }
      @media screen and (max-width: 960px) {
        ul.list-motive li .motive {
          padding: 1.5rem; } }
      @media screen and (max-width: 500px) {
        ul.list-motive li .motive {
          padding: 1.0rem; } }
      ul.list-motive li .motive figure {
        width: 200px; }
        @media screen and (max-width: 770px) {
          ul.list-motive li .motive figure {
            width: 120px; } }
        @media screen and (max-width: 500px) {
          ul.list-motive li .motive figure {
            width: 80px; } }
        ul.list-motive li .motive figure img {
          width: 100%; }
      ul.list-motive li .motive .wrap {
        width: calc(100% - 200px);
        padding-left: 2.0rem; }
        @media screen and (max-width: 960px) {
          ul.list-motive li .motive .wrap {
            width: calc(100% - 120px); } }
        @media screen and (max-width: 500px) {
          ul.list-motive li .motive .wrap {
            width: calc(100% - 80px);
            padding-left: 1.5rem; } }
        ul.list-motive li .motive .wrap p {
          font-size: 1.6rem;
          line-height: 1.6; }

ul.list-tag {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.0rem;
  margin-bottom: 1.0rem; }
  ul.list-tag > li {
    background-color: #f0e08b;
    color: #333333;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 2.0rem;
    padding: 0.6rem 1.2rem;
    margin-right: 0.5rem;
    margin-bottom: 1.0rem; }

.list-pict {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .list-pict .swiper-pict-body {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.0rem; }
    .list-pict .swiper-pict-body img {
      border: 1px solid #cccccc;
      padding: 0.5rem; }
  .list-pict .swiper-pict-thumb img {
    border: 1px solid #cccccc;
    padding: 0.25rem; }
  .list-pict .swiper-pict-thumb .swiper-slide {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .list-pict .swiper-slide img {
    width: 100%; }
  .list-pict .swiper-pict-thumb {
    width: 100%;
    max-width: 100%; }
  .list-pict .swiper-slide img {
    width: 100%; }

ul.list-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem 2.0rem 0.5rem; }
  ul.list-check li {
    background-image: url("../img/common/icon_check_02.png");
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 0.5rem;
    color: #000000;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    padding-left: 2.5rem;
    margin-right: 2.0rem;
    margin-bottom: 1.0rem; }

ul.list-faq {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  ul.list-faq > li {
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem; }
    ul.list-faq > li .qa {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      width: 100%;
      margin-bottom: 1.0rem;
      padding: 1.0rem 0.5rem;
      border-bottom: 2px solid #ec1212;
      position: relative; }
      ul.list-faq > li .qa span {
        background-color: #ec1212;
        color: #ffffff;
        font-size: 2rem;
        font-weight: 700;
        width: 3.0rem;
        height: 3.0rem;
        border-radius: 3.0rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      ul.list-faq > li .qa p {
        color: #ec1212;
        font-size: 2rem;
        font-weight: 500;
        width: calc(100% - 20px);
        padding-left: 1.0rem; }
    ul.list-faq > li .an {
      background-color: #ffffff;
      border-radius: 0.4rem;
      position: relative; }
      ul.list-faq > li .an p {
        color: #000000; }

ul.list-news {
  border-top: 1px solid #ECEFE8; }
  ul.list-news > li {
    border-bottom: 1px solid #ECEFE8; }
  ul.list-news a {
    color: #333333;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 1.5rem 3.0rem 1.5rem 1.5rem;
    line-height: 1.3;
    position: relative; }
    @media screen and (max-width: 770px) {
      ul.list-news a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    ul.list-news a::after {
      content: '';
      background-image: url("../img/common/icon_arrow_09.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 1.5rem;
      height: 100%;
      position: absolute;
      top: 0;
      right: 1.5rem; }
    ul.list-news a b {
      background-color: #ff8100;
      color: #ffffff;
      font-size: 1.4rem;
      font-weight: inherit;
      font-weight: 500;
      padding: 0.4rem 0.8rem;
      margin-right: 2.0rem;
      border-radius: 0.4rem; }
      @media screen and (max-width: 770px) {
        ul.list-news a b {
          background-color: #ECEFE8;
          color: #261A0C;
          margin-bottom: 0.5rem; } }

.list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.0rem;
  position: relative;
  z-index: 9; }

.list-box-child {
  background-color: #f5f0d4;
  color: #432f2f;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1.0rem 1.0rem;
  border-radius: 0.4rem;
  margin-right: 1.0rem;
  margin-bottom: 0.5rem;
  display: inline-block; }

ul.list-flow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.0rem; }
  ul.list-flow > li {
    width: calc(50% - 1.0rem);
    border: 1px solid #f5f0d4;
    border-radius: 0.4rem;
    padding: 2.0rem; }
    @media screen and (max-width: 770px) {
      ul.list-flow > li {
        width: calc(50% - 0.5rem); } }
    ul.list-flow > li ul.list-btn {
      margin-top: 1.0rem; }
      ul.list-flow > li ul.list-btn li {
        width: auto; }
        ul.list-flow > li ul.list-btn li a {
          padding-left: 2.0rem;
          padding-right: 2.0rem; }
    ul.list-flow > li p {
      margin-top: 1.0rem;
      margin-bottom: 1.5rem; }
    ul.list-flow > li .comb {
      margin-bottom: 0; }
      ul.list-flow > li .comb .left {
        width: 50%; }
        @media screen and (max-width: 770px) {
          ul.list-flow > li .comb .left {
            width: 100%; } }
      ul.list-flow > li .comb .right {
        width: 50%; }
        @media screen and (max-width: 770px) {
          ul.list-flow > li .comb .right {
            width: 100%; } }
        ul.list-flow > li .comb .right img {
          width: 100%; }

dl.list-law {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  border-top: 1px solid #ECEFE8; }
  dl.list-law dt {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 500;
    width: 240px;
    border-bottom: 1px solid #ECEFE8;
    padding: 1.0rem 0 1.0rem 1.0rem; }
    @media screen and (max-width: 960px) {
      dl.list-law dt {
        width: 25%; } }
  dl.list-law dd {
    width: calc(100% - 240px);
    font-size: 1.4rem;
    line-height: 1.6;
    border-bottom: 1px solid #ECEFE8;
    padding: 1.0rem 1.0rem 1.0rem 0; }
    @media screen and (max-width: 960px) {
      dl.list-law dd {
        width: 75%;
        padding-left: 2.0rem; } }
    dl.list-law dd ul {
      list-style: disc;
      padding-left: 2.0rem; }
      dl.list-law dd ul li {
        list-style: inherit; }

dl.list-policy dt {
  color: #ec1212;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 4.0rem;
  margin-bottom: 1.0rem; }
dl.list-policy dd {
  font-size: 1.6rem;
  line-height: 2.0; }
  dl.list-policy dd ol {
    list-style-type: decimal;
    padding-left: 3.0rem; }
    dl.list-policy dd ol li {
      list-style-type: inherit;
      font-size: inherit;
      line-height: 1.6;
      text-align: justify;
      padding-left: 0.5rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }

ul.list-contact {
  background-color: #fafff4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 2.0rem;
  padding: 2.0rem 4.0rem 2.0rem 2.0rem;
  border-radius: 0.4rem; }
  @media screen and (max-width: 770px) {
    ul.list-contact {
      padding-right: 2.0rem; } }
  ul.list-contact .item {
    font-size: 1.6rem;
    font-weight: 700;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media screen and (max-width: 770px) {
      ul.list-contact .item {
        width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    ul.list-contact .item .req {
      background-color: #ec1212;
      color: #ffffff;
      font-size: 1.2rem;
      font-weight: 500;
      padding: 0.5rem 0.8rem;
      border-radius: 0.4rem;
      margin-left: 0.5rem; }
  ul.list-contact .val {
    width: 75%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 3.0rem; }
    @media screen and (max-width: 770px) {
      ul.list-contact .val {
        width: 100%;
        padding-left: 0;
        padding-top: 1.0rem;
        padding-bottom: 2.0rem; } }
    ul.list-contact .val input[type="text"], ul.list-contact .val input[type="email"], ul.list-contact .val textarea {
      font-size: 1.6rem;
      width: 100%;
      padding: 1.0rem 1.5rem;
      border: 1px solid #999999;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      caret-color: auto; }
    ul.list-contact .val .horizontal-item {
      margin-left: 0; }
      @media screen and (max-width: 770px) {
        ul.list-contact .val .horizontal-item {
          margin-bottom: 1.0rem; } }
    @media screen and (max-width: 770px) {
      ul.list-contact .val fieldset {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    ul.list-contact .val .mwform-checkbox-field-text {
      font-size: 1.6rem;
      font-weight: 500;
      margin-right: 2.0rem;
      cursor: pointer; }
      @media screen and (max-width: 770px) {
        ul.list-contact .val .mwform-checkbox-field-text {
          margin-right: 0; } }
    ul.list-contact .val ul.pict {
      background-color: #ffffff;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%;
      padding: 1.0rem 2.0rem;
      border: 1px dashed #cccccc; }
      ul.list-contact .val ul.pict > li {
        font-size: 1.6rem;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 1.0rem;
        padding-bottom: 1.0rem;
        border-bottom: 1px dashed #cccccc; }
        @media screen and (max-width: 770px) {
          ul.list-contact .val ul.pict > li {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
        ul.list-contact .val ul.pict > li:nth-last-of-type(1) {
          border-bottom: none; }
        ul.list-contact .val ul.pict > li b {
          font-weight: 500;
          width: 25%;
          white-space: nowrap; }
          @media screen and (max-width: 770px) {
            ul.list-contact .val ul.pict > li b {
              width: 100%;
              margin-bottom: 1.0rem; } }
        ul.list-contact .val ul.pict > li input[type="file"] {
          margin-left: 3.0rem; }
          @media screen and (max-width: 770px) {
            ul.list-contact .val ul.pict > li input[type="file"] {
              margin-left: 0; } }

.form-button {
  text-align: center;
  margin: 6.0rem auto 2.0rem; }
  .form-button input[type="submit"] {
    background: #ec1212;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
    padding: 2.0rem 6.0rem;
    border-radius: 0.4rem;
    cursor: pointer;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s; }
    .form-button input[type="submit"]:hover {
      opacity: 0.6;
      -webkit-transition: all ease-in-out .2s;
      transition: all ease-in-out .2s; }

.list-nav-maker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1.0rem;
  margin-bottom: 2.5rem;
  padding-left: 2.0rem;
  padding-right: 2.0rem; }
  .list-nav-maker li {
    margin-right: 1.0rem;
    margin-bottom: 1.0rem; }
    .list-nav-maker li:nth-last-of-type(1) {
      margin-right: 0; }
    .list-nav-maker li a {
      color: #333333;
      font-weight: 700;
      font-size: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 75px;
      border: 3px dashed #f5f0d4;
      border-radius: 0.4rem;
      padding: 1.0rem 1.5rem; }
      @media screen and (max-width: 770px) {
        .list-nav-maker li a {
          min-height: 50px;
          padding-left: 1.0rem;
          padding-right: 1.0rem; } }
      .list-nav-maker li a:hover {
        border: 3px solid #ffd700;
        opacity: 1.0; }
      .list-nav-maker li a.active {
        border: 3px solid #ffd700; }
      @media screen and (max-width: 770px) {
        .list-nav-maker li a.hitachi img {
          width: 72px; } }
      @media screen and (max-width: 770px) {
        .list-nav-maker li a.mitsubishi img {
          width: 86px; } }
      @media screen and (max-width: 770px) {
        .list-nav-maker li a.corona img {
          width: 90px; } }

.comb {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4.0rem; }
  @media screen and (max-width: 770px) {
    .comb {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .comb > .left {
    width: 500px; }
    @media screen and (max-width: 960px) {
      .comb > .left {
        width: 300px; } }
    @media screen and (max-width: 770px) {
      .comb > .left {
        width: 100%;
        margin-bottom: 1.0rem; } }
  .comb > .right {
    width: calc(100% - 500px);
    padding-left: 3.0rem; }
    @media screen and (max-width: 960px) {
      .comb > .right {
        width: calc(100% - 300px); } }
    @media screen and (max-width: 770px) {
      .comb > .right {
        width: 100%;
        padding-left: 0; } }
    .comb > .right h3 {
      color: #000000;
      font-size: 2.2rem;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .comb > .right h3 b {
        background-color: #ff8100;
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.0;
        border-radius: 0.4rem;
        margin-right: 1.0rem;
        padding: 0.5rem;
        position: relative;
        top: 0.25rem; }
    .comb > .right .parts {
      color: #000000;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 1.05rem; }
    .comb > .right ul.list-option {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .comb > .right ul.list-option li {
        background-color: #318CFF;
        color: #ffffff;
        font-size: 1.4rem;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        line-height: 1.0;
        display: inline-block;
        padding: 0.5rem 1.5rem;
        border-radius: 2.0rem;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem; }
    .comb > .right ul.list-spec {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 0.5rem; }
      .comb > .right ul.list-spec li {
        background-color: #1d939e;
        color: #ffffff;
        font-size: 1.4rem;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        line-height: 1.0;
        display: inline-block;
        padding: 0.5rem 1.5rem;
        border-radius: 2.0rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem; }
    .comb > .right .note {
      color: #333333;
      font-size: 1.4rem;
      -webkit-font-feature-settings: "palt";
              font-feature-settings: "palt";
      line-height: 1.6;
      text-align: justify;
      margin-bottom: 3.5rem; }
    .comb > .right .mark {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      margin-top: 1.0rem;
      margin-bottom: 1.0rem; }
      .comb > .right .mark.plus {
        margin-top: -0.5rem;
        margin-bottom: 0.5rem; }
    @media screen and (max-width: 770px) {
      .comb > .right .bubble-02 .bubble {
        width: 140px;
        height: 90px; } }

.box-ba {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: auto;
  margin-bottom: 3rem;
  position: relative; }
  .box-ba::after {
    content: '';
    background-image: url(../img/common/icon_arrow_08.svg);
    background-size: 4.0rem;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 770px) {
      .box-ba::after {
        background-size: 2.0rem; } }
    @media screen and (max-width: 320px) {
      .box-ba::after {
        content: none; } }
  .box-ba .frame {
    margin-bottom: 0; }
    .box-ba .frame h3 {
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.5rem 0.5rem 1rem 0.5rem; }
  .box-ba .box-b {
    width: calc(50% - 3.0rem); }
    @media screen and (max-width: 770px) {
      .box-ba .box-b {
        width: calc(50% - 1.5rem); } }
    @media screen and (max-width: 320px) {
      .box-ba .box-b {
        width: 50%; } }
    .box-ba .box-b.frame {
      border-color: #666666; }
      .box-ba .box-b.frame h3 {
        background-color: #666666; }
  .box-ba .box-a {
    width: calc(50% - 3.0rem); }
    @media screen and (max-width: 770px) {
      .box-ba .box-a {
        width: calc(50% - 1.5rem); } }
    @media screen and (max-width: 320px) {
      .box-ba .box-a {
        width: 50%; } }
    .box-ba .box-a.frame {
      border-color: #318CFF; }
      .box-ba .box-a.frame h3 {
        background-color: #318CFF; }
  .box-ba .maker {
    background-color: #fffff5;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.5rem 1.0rem; }
    .box-ba .maker figure {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      @media screen and (max-width: 960px) {
        .box-ba .maker figure {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .box-ba .maker figure img {
        height: 26px;
        margin-right: 2.0rem;
        position: relative;
        top: 0.2rem; }
        @media screen and (max-width: 960px) {
          .box-ba .maker figure img {
            margin-right: 0; } }
        @media screen and (max-width: 770px) {
          .box-ba .maker figure img {
            height: 16px; } }
      .box-ba .maker figure figcaption {
        color: #000000;
        font-size: 3rem;
        font-weight: 900;
        line-height: 1.3; }
        @media screen and (max-width: 770px) {
          .box-ba .maker figure figcaption {
            font-size: 2.4rem;
            font-weight: 700; } }
  .box-ba .pict {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .box-ba .pict img {
      width: 100%; }

dl.list-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #ECEFE8; }
  dl.list-item dt {
    font-weight: 500;
    width: 15%;
    background-color: #ECEFE8;
    border-top: 1px solid #ECEFE8;
    border-left: 1px solid #ECEFE8; }
    @media screen and (max-width: 770px) {
      dl.list-item dt {
        width: 30%;
        border-top: 1px solid #ffffff; } }
    @media screen and (max-width: 770px) {
      dl.list-item dt:nth-of-type(1) {
        border-top: 1px solid #ECEFE8; } }
  dl.list-item dd {
    width: 35%;
    border-top: 1px solid #ECEFE8;
    border-left: 1px solid #ECEFE8;
    border-right: 1px solid #ECEFE8; }
    @media screen and (max-width: 770px) {
      dl.list-item dd {
        width: 70%; } }
  dl.list-item dt, dl.list-item dd {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

/* adjustment */
html body .pb00 {
  padding-bottom: 0; }
html body .pb05 {
  padding-bottom: 0.5rem; }
html body .pb10 {
  padding-bottom: 1.0rem; }
html body .pb15 {
  padding-bottom: 1.5rem; }
html body .pb20 {
  padding-bottom: 2.0rem; }
html body .pb25 {
  padding-bottom: 2.5rem; }
html body .pb30 {
  padding-bottom: 3.0rem; }
html body .pb35 {
  padding-bottom: 3.5rem; }
html body .pb40 {
  padding-bottom: 4.0rem; }
html body .pb45 {
  padding-bottom: 4.5rem; }
html body .pb50 {
  padding-bottom: 5.0rem; }
html body .pr00 {
  padding-right: 0; }
html body .pr05 {
  padding-right: 0.5rem; }
html body .pr10 {
  padding-right: 1.0rem; }
html body .pr15 {
  padding-right: 1.5rem; }
html body .pr20 {
  padding-right: 2.0rem; }
html body .pr25 {
  padding-right: 2.5rem; }
html body .pr30 {
  padding-right: 3.0rem; }
html body .pr35 {
  padding-right: 3.5rem; }
html body .pr40 {
  padding-right: 4.0rem; }
html body .pr45 {
  padding-right: 4.5rem; }
html body .pr50 {
  padding-right: 5.0rem; }
html body .mt00 {
  margin-top: 0; }
html body .mt05 {
  margin-top: 0.5rem; }
html body .mt10 {
  margin-top: 1.0rem; }
html body .mt15 {
  margin-top: 1.5rem; }
html body .mt20 {
  margin-top: 2.0rem; }
html body .mt25 {
  margin-top: 2.5rem; }
html body .mt30 {
  margin-top: 3.0rem; }
html body .mt35 {
  margin-top: 3.5rem; }
html body .mt40 {
  margin-top: 4.0rem; }
html body .mt45 {
  margin-top: 4.5rem; }
html body .mt50 {
  margin-top: 5.0rem; }
html body .mb00 {
  margin-bottom: 0; }
html body .mb05 {
  margin-bottom: 0.5rem; }
html body .mb10 {
  margin-bottom: 1.0rem; }
html body .mb15 {
  margin-bottom: 1.5rem; }
html body .mb20 {
  margin-bottom: 2.0rem; }
html body .mb25 {
  margin-bottom: 2.5rem; }
html body .mb30 {
  margin-bottom: 3.0rem; }
html body .mb35 {
  margin-bottom: 3.5rem; }
html body .mb40 {
  margin-bottom: 4.0rem; }
html body .mb45 {
  margin-bottom: 4.5rem; }
html body .mb50 {
  margin-bottom: 5.0rem; }
html body .tl {
  text-align: left; }
html body .tc {
  text-align: center; }
html body .tr {
  text-align: right; }

/*-------------------------------------------
 style - plugin
-------------------------------------------*/
/***   swiper  ***/
.swiper-scrollbar {
  background: none; }

.swiper-button-prev,
.swiper-button-next {
  display: none;
  background-color: #666666;
  margin-top: 0;
  width: 60px;
  height: 100%;
  top: 0; }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    content: none; }
  .swiper-button-prev img,
  .swiper-button-next img {
    width: 100%; }

.swiper-button-prev {
  left: 0; }
  @media screen and (max-width: 770px) {
    .swiper-button-prev {
      left: -5px; } }

.swiper-button-next {
  right: 0; }
  @media screen and (max-width: 770px) {
    .swiper-button-next {
      right: -5px; } }

/*-------------------------------------------
 style - header
-------------------------------------------*/
header {
  width: 100%;
  /* .wrap */
  /* menus-pc */ }
  @media screen and (max-width: 770px) {
    header {
      position: fixed;
      top: 0;
      z-index: 999; } }
  header .band-copy {
    background-color: #ff8100;
    width: 100%; }
    @media screen and (max-width: 770px) {
      header .band-copy {
        display: none; } }
  header .copy {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3;
    width: 100%;
    max-width: 1140px;
    padding: 0.5rem 2.0rem;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 960px) {
      header .copy span {
        display: none; } }
  header .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 1140px;
    padding-left: 2.0rem;
    padding-right: 2.0rem;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 770px) {
      header .wrap {
        background-color: #ffffff;
        padding-left: 1.5rem;
        padding-right: 0.5rem;
        -webkit-box-shadow: 0 0.5rem 0.5rem rgba(50, 50, 0, 0.05);
                box-shadow: 0 0.5rem 0.5rem rgba(50, 50, 0, 0.05);
        border-top: 2px solid #fffff5;
        border-bottom: 2px solid #f5f0d4; } }
    header .wrap .left {
      padding-right: 2.0rem;
      width: 300px;
      position: relative; }
      @media screen and (max-width: 960px) {
        header .wrap .left {
          width: 250px; } }
      @media screen and (max-width: 770px) {
        header .wrap .left {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 7.0rem;
          padding-right: 0; } }
      header .wrap .left h1 {
        padding-top: 1.0rem;
        position: relative;
        bottom: -0.5rem; }
        @media screen and (max-width: 770px) {
          header .wrap .left h1 {
            width: 150px;
            bottom: 0; } }
        header .wrap .left h1 a {
          display: block;
          width: 100%; }
          header .wrap .left h1 a img {
            width: 100%; }
    header .wrap .right {
      width: calc(100% - 300px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 960px) {
        header .wrap .right {
          width: calc(100% - 250px); } }
      @media screen and (max-width: 770px) {
        header .wrap .right {
          display: none; } }
      header .wrap .right .phone a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        header .wrap .right .phone a strong {
          color: #7f4d2a;
          font-size: 1.6rem;
          font-weight: 700;
          line-height: 1.3;
          margin-bottom: 0.2rem; }
          @media screen and (max-width: 960px) {
            header .wrap .right .phone a strong {
              font-size: 1.4rem;
              font-weight: 500; } }
        header .wrap .right .phone a img {
          width: 300px; }
          @media screen and (max-width: 960px) {
            header .wrap .right .phone a img {
              width: 230px; } }
      header .wrap .right .mail {
        margin-left: 2.5rem; }
        @media screen and (max-width: 960px) {
          header .wrap .right .mail {
            margin-left: 1.5rem; } }
        header .wrap .right .mail a {
          -webkit-font-feature-settings: "palt";
                  font-feature-settings: "palt";
          background-color: #318CFF;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 1.0rem 1.5rem;
          border-radius: 0.4rem; }
          @media screen and (max-width: 960px) {
            header .wrap .right .mail a {
              padding: 1.0rem; } }
          header .wrap .right .mail a strong {
            color: #ffff00;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 0.2rem; }
            @media screen and (max-width: 960px) {
              header .wrap .right .mail a strong {
                font-size: 1.4rem; } }
          header .wrap .right .mail a p {
            color: #ffffff;
            font-size: 2.4rem;
            font-weight: 700;
            line-height: 1.3; }
            @media screen and (max-width: 960px) {
              header .wrap .right .mail a p {
                font-size: 2rem; } }
  header .menus-pc {
    width: 100%;
    border-top: 5px solid #f5f0d4;
    /* menu-pc */ }
    @media screen and (max-width: 770px) {
      header .menus-pc {
        display: none; } }
    header .menus-pc ul.menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto; }
      header .menus-pc ul.menu li {
        width: 15%; }
        header .menus-pc ul.menu li:nth-of-type(4), header .menus-pc ul.menu li:nth-of-type(6) {
          width: 20%; }
        header .menus-pc ul.menu li:nth-of-type(1) a::before {
          content: "";
          border-right: 1px dashed #cccccc;
          position: absolute;
          top: 15%;
          left: 0;
          height: 70%; }
        header .menus-pc ul.menu li.current-menu-item {
          position: relative; }
          header .menus-pc ul.menu li.current-menu-item::after {
            content: '';
            width: 100%;
            border-bottom: 3px solid #ff8100;
            position: absolute;
            bottom: 0;
            z-index: 1; }
        header .menus-pc ul.menu li a {
          text-align: center;
          display: block;
          position: relative; }
          header .menus-pc ul.menu li a::after {
            content: "";
            border-right: 1px dashed #cccccc;
            position: absolute;
            top: 15%;
            right: 0;
            height: 70%; }
          header .menus-pc ul.menu li a span {
            color: #261A0C;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.0;
            display: inline-block;
            padding-left: 2.0rem;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            position: relative; }
            header .menus-pc ul.menu li a span::after {
              content: '';
              background-image: url("../img/common/icon_arrow_01.svg");
              background-size: auto;
              background-repeat: no-repeat;
              background-position: center center;
              width: 1.2rem;
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              position: absolute;
              top: 0.2rem;
              left: 0; }
  header .menus-sp {
    display: none;
    background-color: #ffffff;
    width: 100%;
    height: calc(100% - 7.0rem);
    overflow: scroll;
    position: fixed;
    top: 7.0rem;
    /* menu-sp-wrap */ }
    header .menus-sp.open {
      display: block; }
    header .menus-sp ul.menu {
      background-color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%;
      max-width: 1140px;
      border-top: 2px solid #f5f0d4;
      position: relative;
      z-index: 999; }
      header .menus-sp ul.menu li {
        width: 100%;
        border-bottom: 1px solid #f5f0d4; }
        header .menus-sp ul.menu li a {
          color: #261A0C;
          font-size: 1.8rem;
          font-weight: 700;
          line-height: 1.0;
          display: block;
          padding-left: 2.0rem;
          padding-top: 2.0rem;
          padding-bottom: 2.5rem;
          position: relative; }
          header .menus-sp ul.menu li a::after {
            content: '';
            background-image: url("../img/common/icon_arrow_01.svg");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            width: 1.6rem;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            position: absolute;
            top: 0;
            right: 2.0rem; }
    header .menus-sp .address {
      padding-top: 1.8rem;
      padding-bottom: 4.0rem; }
      header .menus-sp .address h2 {
        margin-top: 2.0rem;
        border-bottom: 2px solid #f5f0d4; }
        header .menus-sp .address h2 a {
          display: block;
          position: relative;
          padding-left: 2.0rem; }
          header .menus-sp .address h2 a img {
            width: 200px;
            position: relative;
            top: 0.2rem; }
      header .menus-sp .address p {
        padding: 1.0rem 2.0rem 1.5rem 2.0rem; }
      header .menus-sp .address .list-btn {
        padding-left: 2.0rem;
        padding-right: 2.0rem;
        margin-bottom: 2.0rem; }
        @media screen and (max-width: 770px) {
          header .menus-sp .address .list-btn {
            padding-left: 1.5rem;
            padding-right: 1.5rem; } }
      header .menus-sp .address .exit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-left: 1.5rem;
        padding-right: 1.5rem; }
        header .menus-sp .address .exit .wrap {
          width: 100%;
          height: 6.0rem;
          padding-left: 2.0rem;
          padding-right: 1.0rem;
          border-radius: 0.4rem;
          border: 1px solid #ff8100; }
          header .menus-sp .address .exit .wrap .in {
            color: #ff8100;
            font-size: 2rem;
            font-weight: 700; }
          header .menus-sp .address .exit .wrap .icon {
            position: relative;
            width: 4.0rem;
            height: 4.0rem; }
            header .menus-sp .address .exit .wrap .icon span {
              background-color: #ff8100;
              display: block;
              width: 100%;
              height: 0.4rem;
              position: absolute;
              right: 0;
              -webkit-transition: all ease-out .3s;
              transition: all ease-out .3s; }
              header .menus-sp .address .exit .wrap .icon span.line-1 {
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg); }
              header .menus-sp .address .exit .wrap .icon span.line-2 {
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg); }

.icon-menu {
  display: none; }
  @media screen and (max-width: 770px) {
    .icon-menu {
      width: 7.0rem;
      height: 6.0rem;
      padding: 1.0rem;
      border-radius: 0.2rem;
      display: block;
      cursor: pointer;
      z-index: 999; } }
  .icon-menu.open .menu span.line-1 {
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .icon-menu.open .menu span.line-2 {
    opacity: 0.0;
    left: 6.0rem; }
  .icon-menu.open .menu span.line-3 {
    top: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .icon-menu .menu {
    position: relative;
    width: 100%;
    height: 100%; }
    .icon-menu .menu span {
      background-color: #ff8100;
      display: block;
      width: 100%;
      height: 0.6rem;
      position: absolute;
      right: 0;
      -webkit-transition: all ease-out .3s;
      transition: all ease-out .3s; }
      .icon-menu .menu span.line-1 {
        top: 0; }
      .icon-menu .menu span.line-2 {
        opacity: 1.0;
        top: calc(50% - 0.2rem); }
      .icon-menu .menu span.line-3 {
        bottom: 0; }

/*-------------------------------------------
 style - footer
-------------------------------------------*/
footer {
  margin-top: 20.0rem; }
  @media screen and (max-width: 960px) {
    footer {
      margin-top: 12.0rem; } }

.inquiry {
  background-color: #ff8100;
  width: 100%;
  padding-top: 7.0rem;
  padding-bottom: 18.0rem;
  position: relative; }
  @media screen and (max-width: 960px) {
    .inquiry {
      margin-top: 10.0rem; } }
  @media screen and (max-width: 770px) {
    .inquiry {
      padding-bottom: 15.0rem; } }
  .inquiry::after {
    content: '';
    background-image: url("../img/common/bk_01.svg");
    background-size: auto;
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-position: bottom center;
    width: 100%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 0;
    right: 0; }
  .inquiry .wrap {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.0rem;
    padding-right: 2.0rem;
    /* list-inquiry-phone */
    /* list-inquiry-sns */ }
    @media screen and (max-width: 770px) {
      .inquiry .wrap {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    .inquiry .wrap .heads {
      color: #ffffff;
      font-size: 4rem;
      line-height: 1.3;
      padding: 1.5rem 3.0rem;
      border-top: 2px solid #ffffff;
      border-bottom: 2px solid #ffffff;
      margin-top: 0.5rem;
      margin-bottom: 1.0rem; }
    .inquiry .wrap .notice {
      color: #ffffff;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.3;
      text-align: center;
      margin-bottom: 2.5rem; }
    .inquiry .wrap ul.list-inquiry-phone {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin-bottom: 5.0rem;
      position: relative; }
      .inquiry .wrap ul.list-inquiry-phone li.left {
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: calc(100% - 300px);
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        border-top-left-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem; }
        @media screen and (max-width: 960px) {
          .inquiry .wrap ul.list-inquiry-phone li.left {
            width: calc(100% - 200px); } }
        @media screen and (max-width: 770px) {
          .inquiry .wrap ul.list-inquiry-phone li.left {
            padding: 2.0rem 2.0rem;
            border-radius: 0.4rem;
            width: 100%; } }
        .inquiry .wrap ul.list-inquiry-phone li.left h3 {
          color: #318CFF;
          font-size: 2rem;
          font-weight: 700;
          line-height: 1.3;
          text-align: center;
          margin-bottom: 0.5rem; }
          @media screen and (max-width: 770px) {
            .inquiry .wrap ul.list-inquiry-phone li.left h3 {
              font-size: 1.8rem; } }
        .inquiry .wrap ul.list-inquiry-phone li.left p {
          color: #333333;
          font-size: 2rem;
          font-weight: 500;
          -webkit-font-feature-settings: "palt";
                  font-feature-settings: "palt";
          line-height: 1.3;
          text-align: center;
          margin-bottom: 1.5rem; }
          @media screen and (max-width: 960px) {
            .inquiry .wrap ul.list-inquiry-phone li.left p {
              font-size: 1.6rem; } }
          @media screen and (max-width: 770px) {
            .inquiry .wrap ul.list-inquiry-phone li.left p {
              font-size: 1.4rem; } }
        .inquiry .wrap ul.list-inquiry-phone li.left figure {
          width: 670px;
          position: relative; }
          @media screen and (max-width: 960px) {
            .inquiry .wrap ul.list-inquiry-phone li.left figure {
              width: 400px; } }
          @media screen and (max-width: 770px) {
            .inquiry .wrap ul.list-inquiry-phone li.left figure {
              width: 100%;
              max-width: 350px; } }
          .inquiry .wrap ul.list-inquiry-phone li.left figure img {
            width: 100%; }
      .inquiry .wrap ul.list-inquiry-phone li.right {
        background-color: #f5f0d4;
        width: 300px;
        border-top-right-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem; }
        @media screen and (max-width: 960px) {
          .inquiry .wrap ul.list-inquiry-phone li.right {
            width: 200px; } }
        @media screen and (max-width: 770px) {
          .inquiry .wrap ul.list-inquiry-phone li.right {
            display: none; } }
        .inquiry .wrap ul.list-inquiry-phone li.right figure {
          position: relative;
          height: 100%; }
          .inquiry .wrap ul.list-inquiry-phone li.right figure img {
            width: 120%;
            position: absolute;
            bottom: 0;
            right: 0; }
    .inquiry .wrap ul.list-inquiry-sns {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 770px) {
        .inquiry .wrap ul.list-inquiry-sns {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .inquiry .wrap ul.list-inquiry-sns li {
        width: calc(50% - 1.0rem); }
        @media screen and (max-width: 770px) {
          .inquiry .wrap ul.list-inquiry-sns li {
            width: 100%; } }
        .inquiry .wrap ul.list-inquiry-sns li.mail a {
          background-color: #318CFF; }
        @media screen and (max-width: 770px) {
          .inquiry .wrap ul.list-inquiry-sns li.mail {
            margin-bottom: 1.0rem; } }
        .inquiry .wrap ul.list-inquiry-sns li.line a {
          background-color: #009e08; }
        .inquiry .wrap ul.list-inquiry-sns li a {
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 2.5rem 1.0rem;
          border-radius: 0.4rem; }
          .inquiry .wrap ul.list-inquiry-sns li a h3 {
            color: #ffff00;
            font-size: 2.4rem;
            font-weight: 500;
            line-height: 1.3;
            margin-bottom: 0.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            @media screen and (max-width: 960px) {
              .inquiry .wrap ul.list-inquiry-sns li a h3 {
                font-size: 2rem; } }
            .inquiry .wrap ul.list-inquiry-sns li a h3 img {
              margin-right: 0.5rem; }
          .inquiry .wrap ul.list-inquiry-sns li a p {
            color: #ffffff;
            font-size: 4rem;
            font-weight: 700;
            line-height: 1.3; }
            @media screen and (max-width: 960px) {
              .inquiry .wrap ul.list-inquiry-sns li a p {
                font-size: 2.6rem; } }

.bound {
  width: 100%;
  margin-top: 4.0rem; }
  .bound .wrap {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto; }
    .bound .wrap h2 {
      width: 100%;
      max-width: 1140px;
      padding-left: 2.0rem;
      padding-right: 2.0rem;
      margin-left: auto;
      margin-right: auto; }
      .bound .wrap h2 a {
        display: block;
        width: 290px; }
      .bound .wrap h2 img {
        width: 100%; }

/* bound */
.list-nav-wrap {
  background-color: #fffff5;
  width: 100%;
  border-top: #f5f0d4 5px solid;
  margin-top: -0.5rem; }
  .list-nav-wrap .list-nav {
    width: 100%;
    max-width: 1140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2.0rem;
    margin-left: auto;
    margin-right: auto; }
    .list-nav-wrap .list-nav > div {
      width: 300px; }
      @media screen and (max-width: 770px) {
        .list-nav-wrap .list-nav > div {
          width: 100%; } }
      .list-nav-wrap .list-nav > div h3 {
        background-color: #318CFF;
        color: #ffffff;
        font-size: 1.4rem;
        text-align: center;
        padding: 0.5rem;
        border-radius: 1.5rem;
        margin-bottom: 1.0rem; }
      .list-nav-wrap .list-nav > div p {
        color: #432f2f;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 0.5rem; }
      @media screen and (max-width: 770px) {
        .list-nav-wrap .list-nav > div figure {
          width: 100%;
          max-width: 350px;
          margin-left: auto;
          margin-right: auto; } }
      .list-nav-wrap .list-nav > div figure img {
        width: 100%; }
    .list-nav-wrap .list-nav > nav {
      width: calc(100% - 300px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 770px) {
        .list-nav-wrap .list-nav > nav {
          display: none; } }
      .list-nav-wrap .list-nav > nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-bottom: 1.0rem; }
        .list-nav-wrap .list-nav > nav ul.footer-menu-bottom {
          margin-bottom: 0; }
        .list-nav-wrap .list-nav > nav ul li {
          margin-left: 1.5rem;
          margin-bottom: 1.0rem; }
          .list-nav-wrap .list-nav > nav ul li:nth-last-of-type(1) {
            margin-left: none; }
          .list-nav-wrap .list-nav > nav ul li a {
            color: #432f2f;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.3;
            padding-left: 2.0rem;
            position: relative; }
            .list-nav-wrap .list-nav > nav ul li a::before {
              content: '';
              background-image: url("../img/common/icon_arrow_01.svg");
              background-size: auto;
              background-repeat: no-repeat;
              background-position: center center;
              width: 1.2rem;
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              position: absolute;
              bottom: 0;
              left: 0; }

/* list-nav-wrap */
.writing {
  background-color: #f5f0d4;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 8.5rem; }
  .writing small {
    color: #432f2f;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    text-align: center;
    padding-bottom: 1.0rem; }
  .writing .btn-fix {
    background-color: rgba(245, 240, 212, 0.8);
    width: 100%;
    padding: 1.5rem 2.0rem;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    bottom: 0;
    z-index: 998; }
    @media screen and (max-width: 770px) {
      .writing .btn-fix {
        padding: 1.0rem; } }
    .writing .btn-fix .wrap {
      width: 100%;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto; }

ul.list-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  ul.list-btn li {
    width: calc(33.333% - 0.5rem); }
    @media screen and (max-width: 770px) {
      ul.list-btn li {
        width: calc(33.333% - 0.25rem); } }
    ul.list-btn li a {
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.3;
      padding: 2.0rem 0.5rem;
      border-radius: 0.4rem; }
      @media screen and (max-width: 960px) {
        ul.list-btn li a {
          font-size: 1.6rem; } }
      @media screen and (max-width: 770px) {
        ul.list-btn li a {
          padding-top: 1.0rem;
          padding-bottom: 1.0rem; } }
      @media screen and (max-width: 770px) {
        ul.list-btn li a b {
          font-size: 1.2rem;
          font-weight: 500;
          display: block; } }
      ul.list-btn li a.phone {
        background-color: #318CFF; }
      ul.list-btn li a.mail {
        background-color: #ff8100; }
      ul.list-btn li a.line {
        background-color: #009e08; }
      ul.list-btn li a img {
        margin-right: 0.5rem; }

/*-------------------------------------------
 style - home
-------------------------------------------*/
.view-wrap {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 4.0rem; }
  .view-wrap .view {
    background-image: url("../img/page/top_bk_01.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    /* catch-wrap */ }
    .view-wrap .view .wrap {
      width: 100%;
      height: 100%;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    .view-wrap .view .pict {
      background-image: url("../img/page/top_first-pict_01.png");
      background-size: contain;
      background-position: bottom right;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      max-width: 1140px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 960px) {
        .view-wrap .view .pict {
          background-position-x: 110%; } }
      @media screen and (max-width: 770px) {
        .view-wrap .view .pict {
          background-size: cover;
          background-position-x: 95%;
          left: 0; } }
      @media screen and (max-width: 500px) {
        .view-wrap .view .pict {
          background-position-x: 80%; } }
      .view-wrap .view .pict img {
        width: 100%; }
    .view-wrap .view .list-maker-wrap {
      width: 100%;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 2.0rem;
      padding-right: 2.0rem;
      margin-bottom: 2.5rem;
      position: relative;
      z-index: 9;
      /* list-maker-wrap */ }
      @media screen and (max-width: 500px) {
        .view-wrap .view .list-maker-wrap {
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 1.0rem; } }
      .view-wrap .view .list-maker-wrap .in {
        background-color: rgba(255, 255, 255, 0.75);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 1.0rem 2.0rem 1.0rem 1.5rem;
        border-bottom-right-radius: 0.4rem;
        position: relative; }
        @media screen and (max-width: 770px) {
          .view-wrap .view .list-maker-wrap .in {
            padding-left: 1.0rem;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        .view-wrap .view .list-maker-wrap .in::before {
          content: '';
          background-color: rgba(255, 255, 255, 0.6);
          width: 100.0rem;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          position: absolute;
          bottom: 0;
          left: -100.0rem; }
        .view-wrap .view .list-maker-wrap .in p {
          background-color: #ffffff;
          color: #000000;
          font-size: 1.6rem;
          font-weight: 700;
          line-height: 1;
          padding: 1.0rem 1.0rem;
          border: 2px dashed #f5f0d4;
          border-radius: 0.4rem;
          display: inline-block; }
          @media screen and (max-width: 770px) {
            .view-wrap .view .list-maker-wrap .in p {
              background-color: rgba(255, 255, 255, 0.6);
              border: 1px solid #ffffff;
              padding-top: 0.5rem;
              padding-bottom: 0.5rem;
              margin-bottom: 0.5rem; } }
          .view-wrap .view .list-maker-wrap .in p a {
            color: inherit; }
        .view-wrap .view .list-maker-wrap .in ul.list-maker {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .view-wrap .view .list-maker-wrap .in ul.list-maker li {
            margin-left: 2.0rem; }
            @media screen and (max-width: 500px) {
              .view-wrap .view .list-maker-wrap .in ul.list-maker li {
                margin-left: 1.5rem; } }
            .view-wrap .view .list-maker-wrap .in ul.list-maker li a {
              display: block; }
              @media screen and (max-width: 500px) {
                .view-wrap .view .list-maker-wrap .in ul.list-maker li a.hitachi {
                  width: 72px; } }
              @media screen and (max-width: 500px) {
                .view-wrap .view .list-maker-wrap .in ul.list-maker li a.mitsubishi {
                  width: 86px; } }
              @media screen and (max-width: 500px) {
                .view-wrap .view .list-maker-wrap .in ul.list-maker li a.corona {
                  width: 90px; } }
              @media screen and (max-width: 500px) {
                .view-wrap .view .list-maker-wrap .in ul.list-maker li a img {
                  width: 100%; } }
    .view-wrap .view .catch-wrap {
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 2.0rem;
      padding-right: 2.0rem;
      padding-bottom: 4.0rem; }
      @media screen and (max-width: 770px) {
        .view-wrap .view .catch-wrap {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
          padding-bottom: 1.5rem; } }
      .view-wrap .view .catch-wrap .catch {
        position: relative;
        z-index: 1; }
        .view-wrap .view .catch-wrap .catch p {
          background-color: #318CFF;
          color: #ffffff;
          font-size: 1.6rem;
          line-height: 1.3;
          padding-left: 1.0rem;
          padding-right: 1.0rem;
          margin-left: 2.0rem;
          margin-bottom: 1.0rem;
          height: 3.6rem;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          position: relative; }
          @media screen and (max-width: 770px) {
            .view-wrap .view .catch-wrap .catch p {
              margin-top: 20.0rem; } }
          .view-wrap .view .catch-wrap .catch p::before {
            content: "";
            width: 0;
            height: 0;
            border-left: 1.5rem solid transparent;
            border-bottom: 3.6rem solid #318CFF;
            position: absolute;
            top: 0;
            left: -1.4rem; }
          .view-wrap .view .catch-wrap .catch p::after {
            content: "";
            width: 0;
            height: 0;
            border-right: 1.5rem solid transparent;
            border-top: 3.6rem solid #318CFF;
            position: absolute;
            top: 0;
            right: -1.4rem; }
          .view-wrap .view .catch-wrap .catch p b {
            font-weight: 500; }
        .view-wrap .view .catch-wrap .catch ul.list-catch li.list-catch-01 {
          width: 680px; }
          @media screen and (max-width: 770px) {
            .view-wrap .view .catch-wrap .catch ul.list-catch li.list-catch-01 {
              width: 100%; } }
        .view-wrap .view .catch-wrap .catch ul.list-catch li.list-catch-02 {
          width: 560px; }
          @media screen and (max-width: 770px) {
            .view-wrap .view .catch-wrap .catch ul.list-catch li.list-catch-02 {
              width: 100%; } }
        .view-wrap .view .catch-wrap .catch ul.list-catch li.list-catch-03 {
          width: 520px; }
        .view-wrap .view .catch-wrap .catch ul.list-catch li img {
          width: 100%; }
  .view-wrap .list-point-wrap {
    background-color: #f5f0d4;
    width: 100%; }
    .view-wrap .list-point-wrap .in {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
      padding: 1.5rem 2.0rem; }
      @media screen and (max-width: 770px) {
        .view-wrap .list-point-wrap .in {
          padding: 1.0rem; } }
      .view-wrap .list-point-wrap .in ul.list-point {
        width: calc(100% - 460px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 960px) {
          .view-wrap .list-point-wrap .in ul.list-point {
            width: calc(100% - 300px); } }
        @media screen and (max-width: 770px) {
          .view-wrap .list-point-wrap .in ul.list-point {
            width: 65%; } }
        .view-wrap .list-point-wrap .in ul.list-point li {
          width: 33.333%;
          margin-right: 2.0rem; }
          .view-wrap .list-point-wrap .in ul.list-point li:nth-last-of-type(1) {
            margin-right: 0; }
          @media screen and (max-width: 960px) {
            .view-wrap .list-point-wrap .in ul.list-point li {
              margin-right: 1.0rem; } }
          @media screen and (max-width: 770px) {
            .view-wrap .list-point-wrap .in ul.list-point li {
              margin-right: 0.5rem; } }
          .view-wrap .list-point-wrap .in ul.list-point li img {
            width: 100%; }
    .view-wrap .list-point-wrap figure {
      width: 460px;
      position: relative; }
      @media screen and (max-width: 960px) {
        .view-wrap .list-point-wrap figure {
          width: 300px; } }
      @media screen and (max-width: 770px) {
        .view-wrap .list-point-wrap figure {
          width: 35%; } }
      .view-wrap .list-point-wrap figure img {
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0; }
        @media screen and (max-width: 770px) {
          .view-wrap .list-point-wrap figure img {
            display: none; } }
        .view-wrap .list-point-wrap figure img.sp {
          display: none; }
          @media screen and (max-width: 770px) {
            .view-wrap .list-point-wrap figure img.sp {
              width: 110%;
              display: block;
              bottom: -1.0rem;
              z-index: 1; } }

/*-------------------------------------------
 style - product
-------------------------------------------*/
/*-------------------------------------------
 style - contact
-------------------------------------------*/
.num-contact {
  margin-top: 2.0rem;
  margin-bottom: 6.0rem;
  position: relative; }
  @media screen and (max-width: 770px) {
    .num-contact {
      margin-top: 1.0rem; } }
  .num-contact::after {
    content: '';
    background-image: url("../img/common/phone-pict_01.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 400px;
    height: 340px;
    position: absolute;
    bottom: -2.0rem;
    right: 0;
    z-index: 1; }
    @media screen and (max-width: 770px) {
      .num-contact::after {
        content: none; } }
  .num-contact a {
    display: inline-block;
    position: relative;
    z-index: 9; }
    .num-contact a img {
      width: 100%;
      max-width: 600px; }