@charset "utf-8";


.sectionBox2 {
    margin-bottom: 30px;
}
@media screen and (max-width:767px) {
    main .inner .mainArea section.sectionBox2 h2.deco1,
    main .inner .mainArea .deco1 {
        padding-right: 7.4vw;
        padding-left: 7.4vw;
    }
    main .inner .mainArea section.sectionBox2 h2.deco1.pc_big:before,
    main .inner .mainArea .deco1.pc_big:before,
    main .inner .mainArea .deco1:before {
        width: 7.2vw;
        background-position: left 10%;
        background-size: 7.2vw auto;
    }
    main .inner .mainArea section.sectionBox2 h2.deco1.pc_big:after,
    main .inner .mainArea .deco1.pc_big:after,
    main .inner .mainArea .deco1:after {
        width: 7.2vw;
        background-position: right 10%;
        background-size: 7.2vw auto;
    }
}


.whiteBox {
    padding: 30px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
}
.redBox {
    padding: 30px;
    background-color: #fbdcda;
    margin-bottom: 30px;
    margin-top: 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.whiteshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.whiteshadowbox > div.frame_red {
    padding: 25px;
    border: 2px solid #e70012;
    border-radius: 10px;
}
@media screen and (max-width:767px) {
    .whiteBox {
        padding: 15px;
    }
    .whiteBox2 {
        padding: 15px 0px;
    }
    .whiteBox2::after {
        content: '';
        display: block;
        clear: both;
    }
    .redBox {
        padding: 15px;
    }
    .whiteshadowbox {
        margin-bottom: 30px;
        padding: 3.6vw;
    }
    .whiteshadowbox > div.frame_red {
        padding: 3.6vw;
    }
}
.sectionBox2::after,
.whiteBox::after,
.redBox:after {
    content: '';
    display: block;
    clear: both;
}


main .inner .mainArea section.deadsea.sectionBox2 {
    padding-left: 107px;
    padding-right: 107px;
    text-align: left;
    background-size:cover;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
}
main .inner .mainArea section.deadsea.sectionBox2 p {
    margin-bottom: 1.5em;
    font-size: 1.5rem;
    line-height: 1.7;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
}
main .inner .mainArea .whiteBox > h2 {
    line-height: 1.2;
}
main .inner .mainArea .whiteBox > h2 span.small {
    font-size: 93%;
}

main .inner .mainArea section.deadsea .sectionBox2:last-child,
main .inner .mainArea section.deadsea .sectionBox2:last-child p:last-child {
    margin-bottom: 0;
}
main .inner .mainArea section.deadsea .sectionBox2 > h3 {
    margin: 0 0 1.0em;
    text-align: center;
    font-size: 2.4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
    line-height: 1.2;
}
main .inner .mainArea section.deadsea .sectionBox2 h4 {
    margin-bottom: 1.5em;
    font-size: 2.4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
    line-height: 1.1;
    text-align: center;
}
main .inner .mainArea section.deadsea .sectionBox2 > section .photo {
    margin-bottom: 1.5em;
    text-align: center;
}

@media screen and (max-width:767px) {
    main .inner .mainArea section.deadsea.sectionBox2 {
        padding-left: inherit;
        padding-right: inherit;
        text-align: left;
        background-size:cover;
    }
    
    main .inner .mainArea section.deadsea.sectionBox2 h3 {
        font-size: 2.0rem;
    }
    main .inner .mainArea section.deadsea.sectionBox2 h3 span {
        display: inline-block;
    }
    
    main .inner .mainArea section.deadsea.sectionBox2 h4 {
        font-size: 1.8rem;
    }
    main .inner .mainArea section.deadsea.sectionBox2 > section .photo img {
        width: 100%;
        max-width: 285px;
        height: auto;
    }
}



.imgTextBox .photo {
    float: left;
    width: 330px;
}
.imgTextBox .photo.b_red img {
    border: 1px solid #e70012;
}
.imgTextBox .text {
    float: left;
    width: 490px;
    padding: 0 0 0;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.5;
}
.imgTextBox > div:first-child {
    margin-right: 20px;
}
@media screen and (max-width:767px) {
    .imgTextBox .photo {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        text-align:center;
    }
    .imgTextBox .photo img {
        width: 100%;
        max-width: 428px;
    }
    .imgTextBox .text {
        float: none;
        width: 100%;
    }
}

main h3 {
    width: 730px;
    margin-left: auto;
    margin-right: auto;
    color: #e70012;
    font-size: 23px;
    font-size: 2.3rem;
}
.redBox h3 {
    width: 730px;
    color: #e70012;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}
.redBox .text {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.3;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
    font-weight: bold;
}
.redBox .text2 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: left;
}
.redBox .text .ta_left {
    text-align: left;
}
.redBox .text strong {
    font-size: 110%;
    color: #e70012;
}
@media screen and (max-width:767px) {
    main h2 {
        font-size: 19px;
        font-size: 5.5vw;
        line-height: 1.3;
    }
    main h3 {
        width: 100%;
        font-size: 17px;
        font-size: 4.6vw;
        line-height: 1.3;
    }
    .redBox h3 {
        width: 100%;
        color: #e70012;
        font-size: 16px;
        font-size: 4.9vw;
        line-height: 1.3;
    }
    .redBox .text {
        margin-bottom: 20px;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        font-size: 17px;
        font-size: 4.2vw;
    }
    .redBox .text2 {
        font-size: 17px;
        font-size: 3.5vw;
    }
    .redBox .arrow img {
        width: 8vw;
        height: auto;
    }
}


.whiteshadowbox {
    
}
.whiteshadowbox h3 {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: normal;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.3;
    color: #41220E;
}
.whiteshadowbox h3 strong {
    color: #e70012;
    font-size: 115%;
}
.whiteshadowbox h4 {
    margin: 25px 0;
    font-size: 22px;
    font-size: 2.2rem;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.whiteshadowbox h4 strong {
    color: #e70012;
}
.whiteshadowbox h5 {
    margin: 25px 0;
    font-size: 20px;
    font-size: 2.0rem;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.whiteshadowbox h5 strong {
    color: #e70012;
}
.whiteshadowbox p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
}
.whiteshadowbox p.center {
    text-align: center;
}
.whiteshadowbox p strong {
    color: #e70012;
}
.whiteshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 32px;
    background: url(../img/benefit/pomegranate_img_03_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.3;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    color: #e70012;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
}
.whiteshadowbox .point.row2 {
    padding-top: 56px;
}
.whiteshadowbox .point.row3b {
    padding-top: 40px;
}
.whiteshadowbox .point.row4 {
    padding-top: 33px;
    line-height: 1.2;
}
.whiteshadowbox .point strong {
    color: #e70012;
    font-size: 140%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
}
.whiteshadowbox .imgTextBox .photo {
    float: left;
    width: 330px;
}
.whiteshadowbox .imgTextBox .photo.b_red img {
    border: 1px solid #e70012;
}
.whiteshadowbox .imgTextBox .text {
    float: left;
    width: 436px;
    padding: 0 0 0;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.5;
}
.whiteshadowbox .imgTextBox > div:first-child {
    margin-right: 20px;
}
@media screen and (max-width:767px) {
    .whiteshadowbox h3 {
        font-size: 16px;
        font-size: 4.0vw;
        line-height: 1.3;
    }
    .whiteshadowbox h4 {
        font-size: 17px;
        font-size: 4.4vw;
        line-height: 1.3;
    }
    .whiteshadowbox h5 {
        margin-bottom: 0;
        font-size: 17px;
        font-size: 4.4vw;
    }
    .whiteshadowbox p {
        font-size: 14px;
        font-size: 3.8vw;
        line-height: 1.3;
        text-align: left;
    }
    .whiteshadowbox .point {
        width: 34.6vw;
        height: 34.6vw;
        margin: 25px auto 20px;
        padding-top: 7vw;
        background: url(https://baraka-style.com/assets/img/benefit/pomegranate_img_03_sp.png) center top no-repeat;
        background-size: contain;
        text-align: center;
        line-height: 1.3;
        font-size: 5.2vw;
        font-weight: bold;
    }
    .whiteshadowbox .point.row2 {
        padding-top: 10.5vw;
    }
    .whiteshadowbox .point.row3b {
        padding-top: 8vw;
    }
    .whiteshadowbox .point.row4 {
        padding-top: 7vw;
        line-height: 1.2;
    }
    
    .whiteshadowbox .imgTextBox .photo {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        text-align:center;
    }
    .whiteshadowbox .imgTextBox .text {
        float: none;
        width: 100%;
        padding: 0 0 0;
        text-align: left;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .whiteshadowbox .imgTextBox > div:first-child {
        margin-right: 0;
    }
    .whiteshadowbox ul li {
        margin-bottom: 1.5vw;
        line-height: 1.4;
    }
}



.columnlist.banner {
    width: 626px;
    margin: 0 auto;
}
.columnlist.banner .column {
    width: 283px;
    margin: 0 15px 30px;
}
.columnlist.banner .column img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:767px) {
    .columnlist.banner {
        width: 100%;
        margin: 0 auto;
    }
    .columnlist.banner .column {
        width: 48%;
        margin: 0 1% 30px;
    }
}
@media screen and (max-width:479px) {
    .columnlist.banner .column {
        float: none;
        width: 283px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
}



.columnlist.banner2 {
    width: 100%;
    margin: 0 auto;
}
.columnlist.banner2.pcCol2 .column {
    width: 440px;
    margin: 0 20px 30px 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.columnlist.banner2.pcCol4 .column {
    width: 209px;
    margin: 0 21px 30px 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.columnlist.banner2.pcCol2 .column:nth-child(2n) {
    margin-right: 0;
}
.columnlist.banner2.pcCol4 .column:nth-child(4n+2) {
    margin-right: 22px;
}
.columnlist.banner2.pcCol4 .column:nth-child(4n) {
    margin-right: 0;
}
.columnlist.banner2 .column img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:767px) {
    .columnlist.banner2 {
        width: 100%;
        margin: 0 auto;
    }
    .columnlist.banner2.spCol2 .column {
        float: left;
        width: 49%;
        margin: 0 2% 4vw 0;
    }
    .columnlist.banner2.spCol2 .column:nth-child(2n) {
    margin-right: 0;
    }
    .columnlist.banner2.spCol1 .column {
        width: 100%;
        margin: 0 0 4vw;
    }
}

.ul_center {
    text-align: center;
}
.ul_center ul {
    display: inline-block;
}
.ul_center ul li {
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

main h3.ie {
    letter-spacing: -2px;
}
.redBox h3.ie {
    font-size: 2.3rem;
    letter-spacing: -3px;
}


.fc_red {
    color: #e70012;
}