@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 30px 0;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
}
.baseBox {
    padding: 30px 60px;
    margin-bottom: 30px;
    margin-top: 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.blueBox {
    background-color: #e5f1ef;
}
.redBox {
    background-color: #fbdcda;
}
.orangeBox {
    background-color: #fff4d8;
}
.greenBox {
    background-color: #e0efd8;
}
.pinkBox {
    background-color: #ffedeb;
}
.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 #e60011;
    border-radius: 10px;
}
@media screen and (max-width:767px) {
    .whiteBox {
        padding: 15px;
    }
    .whiteBox2 {
        padding: 15px 0px;
    }
    .whiteBox2::after {
        content: '';
        display: block;
        clear: both;
    }
    .baseBox {
        padding: 15px;
        padding: 3.6vw;
    }
    .blueBox {
    }
    .redBox {
    }
    .orangeBox {
    }
    .greenBox {
    }
    .pinkBox {
    }
    .whitebox {
        margin-bottom: 30px;
        padding: 3.6vw;
    }
    .whiteshadowbox > div.frame_red {
        padding: 3.6vw;
    }
}
.sectionBox2::after,
.whiteBox::after,
.baseBox: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;
    }
}


main .imgbox {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}
main .text {
    margin-bottom: 30px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.3;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-feature-settings: "palt";
    font-weight: bold;
    text-align: left;
}
main .text p:last-child {
    margin-bottom: 0;
}
main .text.tcenter {
    text-align: center;
}
@media screen and (max-width:767px) {
    main .imgbox .img_02 {
        width: 76vw;
        height: auto;
    }
    main .text {
        margin-bottom: 30px;
        font-size: 4.2vw;
    }
}

main h3 {
    width: 730px;
    margin-left: auto;
    margin-right: auto;
    color: #41220E;
    font-size: 23px;
    font-size: 2.3rem;
}
.baseBox h3 {
    width: 400px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
}
.baseBox h3 span.small {
    font-size: 91.6666667%;
}
.baseBox h4 {
    margin-bottom: 20px;
    font-size: 25px;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1.2;
}
.baseBox h4 img.arrow {
    margin: 5px 0 10px;
}
.blueBox h4 {
    color: #00c1e0;
}
.blueBox h4.fc_mint {
    color: #5ad8a6;
}
.redBox h4 {
    color: #e60011;
}
.orangeBox h4 {
    color: #b7ab00;
}
.greenBox h4 {
    color: #33b16d;
}
.pinkBox h4 {
    color: #ff9fc5;
}
.baseBox .text2 {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
}
.baseBox .banner a {
    display: inline-block;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
@media screen and (max-width:767px) {
    main h2 {
        font-size: 19px;
        font-size: 5.5vw;
        line-height: 1.3;
    }
    main h2.no-scaling {
        font-size: 2.8rem;
        line-height: 1.2;
    }
    main h3 {
        width: 100%;
        font-size: 17px;
        font-size: 4.6vw;
        line-height: 1.3;
    }
    .baseBox h3 {
        width: 100%;
        font-size: 16px;
        font-size: 5.5vw;
        line-height: 1.3;
    }
    .baseBox img.arrow {
        width: 5.3333vw;
        height: auto;
    }
    .baseBox .text {
        margin-bottom: 20px;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        font-size: 17px;
        font-size: 4.2vw;
    }
    .baseBox .text2 {
        font-size: 17px;
        font-size: 3.5vw;
    }
    .baseBox .banner {
        margin-bottom: 2vw;
    }
}
@media screen and (max-width:750px) {
    .baseBox h4 {
        font-size: 5vw;
    }
    .baseBox h4 img.from {
        width: 15.4667vw;
        height: auto;
    }
}




.columnlist.banner {
    width: 632px;
    margin: 0 auto;
}
.columnlist.banner .column {
    width: 286px;
    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;
    text-align: center;
}
.columnlist.banner2.pcCol2 .column {
    float: none;
    display: inline-block;
    width: 440px;
    margin: 0 15px 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;
}


main .b_gold {
    border: 1px solid #d4c27c;
}
main .b_blue {
    border: 1px solid #00c1df;
}
main .b_red {
    border: 1px solid #e60011;
}
main .b_dyellow {
    border: 1px solid #b7ab00;
}
main .b_green {
    border: 1px solid #33b16d;
}
main .b_pink {
    border: 1px solid #ff9fc5;
}

.fc_gold {
    color: #d4c27c;
}
.fc_blue {
    color: #00c1df;
}
.fc_red {
    color: #e60011;
}
.fc_green {
    color: #33b16d;
}
.fc_pink {
    color: #ff9fc5;
}

.fc_purple {
    color: #5f52a1;
}
.fc_orange {
    color: #ec6100;
}
.fc_dyellow {
    color: #b7ab00;
}
.fc_yellow {
    color: #ffd000;
}
.fc_mint {
    color: #5ad8a6;
}

.banner_60-100_shadow {
	width: 60%;
	margin: 0 auto 30px auto;
}
@media screen and (max-width:767px) {
	.banner_60-100_shadow {
		width: 100%;
	}
}
.banner_60-100_shadow a {
	display: block;
	box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.whiteBox .ta_left {
	text-align: left;
}
.baseBox2 {
	padding: 15px 60px;
	margin-bottom: 30px;
	margin-top: 0;
}
.baseBox2:last-child {
	margin-bottom: 0;
}
@media screen and (max-width:767px) {
	.baseBox2 {
		margin-bottom: 1em;
		padding: 1em;
	}
	.baseBox2:last-child {
		margin-bottom: 0;
	}
}
.baseBox2 .text2 {
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
text-align: left;
}
@media screen and (max-width:767px) {
	.baseBox2 .text2 {
		padding: 0;
	}
}
a.blue_nodeco {
	color: #5078aa;
	text-decoration: none;
}
a.blue_nodeco:hover {
	color: #6ca3e5;
}
.wdth-80-100 {
	width: 80%;
}
@media screen and (max-width:767px) {
	.wdth-80-100 {
		width: 100%;
	}
}
.pos-c-c {
	margin-left: auto;
	margin-right: auto;
}
main h2.mgnB-1em {
	margin-bottom: 1em;
}
.pc-inline {
	display: inline;
}
.sp-inline {
	display: none;
}
@media screen and (max-width:767px) {
	.pc-inline {
		display: none;
	}
	.sp-inline {
		display: inline;;
	}
}
.al_center {
	text-align: center;
}
.pctb-al_center {
	text-align: center;
}
@media screen and (max-width:599px) {
	.pctb-al_center {
		text-align: left;
	}
}