/********************   main_photo   */
.main_photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 120px auto 0;
    width: 720px;
}

.main_photo_L {
    width: 355px;
}

.main_photo_R {
    margin-left: 10px;
    width: 355px;
}

.main_photo_01 {
    width: 100%;
    height: 480px;
}
.main_photo_01 .main_photo_box {
    background: url(../img/main_photo_01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.main_photo_02 {
    width: 100%;
    height: 480px;
}
.main_photo_02 .main_photo_box {
    background: url(../img/main_photo_02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.main_photo_box {
    width: 100%;
    height: 100%;
}

/********************   section_box   */
.section_box {
    margin: 120px auto 0;
}

/********************   section_introduction   */
.section_introduction {
    margin: 120px auto 0;
}
.section_introduction .section_introduction_title {
    color: #247dbe;
    text-align: center;
}
.section_introduction .section_introduction_title svg {
    fill: #247dbe;
}
.section_introduction .section_introduction_line {
    margin: 25px auto;
    width: 30px;
    height: 1px;
    background: #000;
}
.section_introduction .section_introduction_lead {
    text-align: center;
}
.section_introduction .section_introduction_lead p {
    font-size: 14px;
    line-height: 26px;
}

/********************   detail   */
.detail {
    margin: 0 auto;
    width: 900px;
}

/********************   detail_box   */
.detail_box {
    margin: 30px auto 0;
    width: 700px;
    background: #fff;
}
.detail_box .detail_box_title {
    padding: 30px 0 0;
    text-align: center;
    color: #247dbe;
}
.detail_box .detail_box_title h4 {
    font-size: 18px;
    line-height: 18px;
}
.detail_box .detail_box_title svg {
    fill: #247dbe;
}
.detail_box .detail_box_line {
    margin: 20px auto 0;
    width: 620px;
    height: 1px;
    position: relative;
    overflow: hidden;
}
.detail_box .detail_box_line svg {
    position: absolute;
    left: 0px;
    top: 0px;
    fill: #247dbe;
}
.detail_box .detail_box_text {
    margin: 30px auto 0;
    padding: 0 0 40px;
    width: 620px;
    text-align: justify;
}
.detail_box .detail_box_text p {
    font-size: 14px;
    line-height: 26px;
}

.detail_comment {
    margin: 25px auto 0;
    width: 700px;
}
.detail_comment p {
    font-size: 12px;
    line-height: 22px;
}

/********************   detail_photo_box   */
.detail_photo_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 30px auto 0;
    padding: 40px;
    width: 620px;
    background: #fff;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_title .detail_photo_box_title_text {
    height: 20px;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_title .detail_photo_box_title_price {
    margin-top: 10px;
    height: 25px;
    color: #247dbe;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_title .detail_photo_box_title_price svg {
    fill: #247dbe;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_title h4 {
    font-size: 20px;
    line-height: 30px;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_line {
    margin: 20px auto 0;
    width: 315px;
    height: 1px;
    position: relative;
    overflow: hidden;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_line svg {
    position: absolute;
    left: 0px;
    top: 0px;
    fill: #247dbe;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_text {
    margin: 30px auto 0;
    width: 315px;
    text-align: justify;
}
.detail_photo_box .detail_photo_box_text .detail_photo_box_text p {
    font-size: 14px;
    line-height: 26px;
}
.detail_photo_box .detail_photo_box_photo {
    width: 265px;
    height: 265px;
    background: #ccc;
}

.detail_photo_box_L {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.detail_photo_box_01 .detail_photo_box_photo {
    background: url(../img/detail_photo_01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.detail_photo_box_02 .detail_photo_box_photo {
    background: url(../img/detail_photo_02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.detail_photo_box_03 .detail_photo_box_photo {
    background: url(../img/detail_photo_03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.detail_photo_box_04 .detail_photo_box_photo {
    background: url(../img/detail_photo_04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

/********************   accordion   */
.accordion {
    margin: 100px auto 0;
}
.accordion .accordion_box {
    margin: 0 auto;
    width: 800px;
}

/**/
.accordion_box_title {
    margin-bottom: 5px;
    padding: 20px 0;
    height: 18px;
    text-align: center;
    background: #b4d2f5;
    position: relative;
    cursor: pointer;
}

.accordion_box_title::before,
.accordion_box_title::after {
    content: "";
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.accordion_box_title.open::before {
    opacity: 0;
}

.accordion_box_title::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.accordion_box_title.open::after {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}

/**/
.accordion_box_body_wrap {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.accordion_box_body {
    margin-bottom: 5px;
    padding: 20px 70px 70px;
    background: #fff;
    position: relative;
    top: -15px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/**/
.accordion_box_balloon {
    margin: 50px 0 0;
    position: relative;
}
.accordion_box_balloon .accordion_box_balloon_frame {
    padding: 35px 60px;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
}
.accordion_box_balloon .accordion_box_balloon_frame .accordion_box_balloon_text {
    text-align: justify;
}
.accordion_box_balloon .accordion_box_balloon_frame .accordion_box_balloon_text p {
    font-size: 14px;
    line-height: 26px;
}
.accordion_box_balloon .accordion_box_balloon_arrow {
    width: 82.7px;
    height: 60.571px;
    position: absolute;
    top: 0px;
}

.accordion_box_balloon_L .accordion_box_balloon_frame {
    margin-left: 28px;
}
.accordion_box_balloon_L .accordion_box_balloon_arrow {
    left: 0px;
}

.accordion_box_balloon_R .accordion_box_balloon_frame {
    margin-right: 28px;
}
.accordion_box_balloon_R .accordion_box_balloon_arrow {
    right: 0px;
}

.accordion_box_balloon_01 .accordion_box_balloon_frame {
    background: #e0effd;
}
.accordion_box_balloon_01 .accordion_box_balloon_arrow svg {
    fill: #e0effd;
}

.accordion_box_balloon_02 .accordion_box_balloon_frame {
    background: #dee4fa;
}
.accordion_box_balloon_02 .accordion_box_balloon_arrow svg {
    fill: #dee4fa;
}

.accordion_box_balloon_03 .accordion_box_balloon_frame {
    background: #ebfae1;
}
.accordion_box_balloon_03 .accordion_box_balloon_arrow svg {
    fill: #ebfae1;
}

.link_box:nth-child(4) {
    display: none;
}

/*  -960px  */
@media screen and (max-width: 960px) {
    /*  */
    /********************   main_photo   */
    .main_photo {
        margin-top: 70px;
        width: 100%;
    }

    .main_photo_L {
        width: 49.5%;
    }

    .main_photo_R {
        margin-left: 1%;
        width: 49.5%;
    }

    .main_photo_01 {
        padding-top: 135.4%;
        height: auto;
        position: relative;
    }

    .main_photo_02 {
        padding-top: 135.4%;
        height: auto;
        position: relative;
    }

    .main_photo_box {
        position: absolute;
        top: 0;
        left: 0;
    }

    /*
      .main_photo {
      margin: 120px auto 0;
      width: 720px;
      .main_photo_container {
      padding: 66.7% 0 0;
      position: relative;
      .main_photo_box {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      @include img_set(url(../img/main_photo.jpg));
      background: #ccc;
    }
    }
    }
      */
    /********************   section_box   */
    .section_box {
        margin-top: 70px;
    }

    /********************   section_introduction   */
    .section_introduction {
        margin: 70px 20px 50px;
    }
    .section_introduction .section_introduction_title {
        /*
              svg {
                transform: scale(0.75);
              }
        */
    }
    .section_introduction .section_introduction_line {
        margin: 20px auto;
        width: 20px;
    }
    .section_introduction .section_introduction_lead {
        text-align: justify;
    }

    /********************   detail   */
    .detail {
        margin: 0 auto;
        width: 100%;
    }

    /********************   line_title   */
    .line_title_point {
        top: 3px;
    }

    /********************   detail_box   */
    .detail_box {
        margin: 20px 20px;
        width: auto;
    }
    .detail_box .detail_box_title {
        padding-top: 20px;
        /*
              svg {
                transform: scale(0.8);
              }
        */
    }
    .detail_box .detail_box_line {
        margin: 12px 20px 0;
        width: auto;
    }
    .detail_box .detail_box_text {
        margin-top: 20px;
        padding: 0 20px 20px;
        width: auto;
    }

    .detail_comment {
        margin: 20px 20px;
        width: auto;
    }

    /********************   detail_photo_box   */
    .detail_photo_box {
        display: block;
        margin: 20px 20px;
        padding: 20px;
        width: auto;
    }
    .detail_photo_box .detail_photo_box_text .detail_photo_box_title .detail_photo_box_title_text {
        height: auto;
        text-align: center;
        /*
                  svg {
                    transform: scale(0.8);
                  }
        */
    }
    .detail_photo_box .detail_photo_box_text .detail_photo_box_title .detail_photo_box_title_price {
        margin-top: 10;
        height: auto;
        text-align: center;
        /*
                  svg {
                    transform: scale(0.8);
                  }
        */
    }
    .detail_photo_box .detail_photo_box_text .detail_photo_box_line {
        margin-top: 12px;
        width: auto;
    }
    .detail_photo_box .detail_photo_box_text .detail_photo_box_text {
        margin-top: 20px;
        width: auto;
    }
    .detail_photo_box .detail_photo_box_photo {
        margin-top: 20px;
        padding-top: 100%;
        width: auto;
        height: auto;
    }

    /********************   accordion   */
    .accordion {
        margin: 50px 20px 0;
    }
    .accordion .accordion_box {
        width: auto;
    }
    .accordion .accordion_box .accordion_box_title {
        height: 14px;
    }
    .accordion .accordion_box .accordion_box_title::before,
.accordion .accordion_box .accordion_box_title::after {
        content: "";
        width: 11px;
        right: 15px;
    }
    .accordion .accordion_box .accordion_box_body {
        padding: 5px 20px 20px;
    }
    .accordion .accordion_box .accordion_box_body .accordion_box_balloon {
        margin-top: 20px;
    }
    .accordion .accordion_box .accordion_box_body .accordion_box_balloon .accordion_box_balloon_frame {
        padding: 15px 20px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
    }
    .accordion .accordion_box .accordion_box_body .accordion_box_balloon .accordion_box_balloon_arrow {
        width: 41.35px;
        height: 30.2855px;
    }
    .accordion .accordion_box .accordion_box_body .accordion_box_balloon .accordion_box_balloon_arrow svg {
        width: 41.35px;
        height: 30.2855px;
    }
    .accordion .accordion_box .accordion_box_body .accordion_box_balloon_L .accordion_box_balloon_frame {
        margin-left: 12px;
    }
    .accordion .accordion_box .accordion_box_body .accordion_box_balloon_R .accordion_box_balloon_frame {
        margin-right: 12px;
    }
    /*  */
}
/*  */
/*  -770px  */
@media screen and (max-width: 770px) {
    /**/
    /**/
}
@media screen and (max-width: 770px) and (max-width: 370px) {
    .accordion .accordion_box:nth-child(1) .accordion_box_title {
        height: 38px;
    }
}
/**/
/*# sourceMappingURL=index.css.map */