@charset "UTF-8";
.otherPageTtl1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.5em;
    margin: 0 0 30px;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm {
    width: 960px !important;
    margin: 0 auto;
}
.otherPageBoxOtl2.column-module-5_6 .areaL {
    float: left;
    width: 450px !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaR {
    float: left;
    width: 450px !important;
    margin-left: 30px;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea, .otherPageBoxOtl2.column-module-5_6 .areaR .imgArea {
    margin-top: 15px;
    max-width: 450px !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img {
    margin-top: 20px !important;
    width: 100% !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img {
    margin-top: 20px !important;
    width: 100% !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaL p, .otherPageBoxOtl2.column-module-5_6 .areaR p {
    padding-top: 12px;
    margin: 0 auto;
    width: 450px;
    text-align: left;
}
.hdt_textAndImage {
    padding: 70px 0 50px;
}
.hdt_textAndImage__inner {
    /*max-width: 960px;*/
    max-width: 860px;
    margin: 0 auto;
}
.hdt_textAndImage__content {
    display: flex;
    padding: 18px 20px;
    border: solid 3px #ededed;
}
.hdt_textAndImage__text {
    width: calc(100% - 340px);
    padding-right: 20px;
    box-sizing: border-box;
}
.hdt_textAndImage__image {
    width: 340px;
    box-sizing: border-box;
}
.hdt_textAndImage__title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
@media screen and (max-width: 1279px) {
    .hdt_textAndImage {
        padding: 70px 25px 50px;
    }
    .hdt_textAndImage__inner {
        max-width: 760px;
    }
    .hdt_textAndImage__title {
        font-size: 18px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1279px) {
    .otherPageBoxOtl2.column-module-5_6 .twoClm h3 {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
        font-weight: bold;
        font-size: 20px !important;
        padding-bottom: 7px;
        border-bottom: 1px solid #333;
    }
    .otherPageBoxOtl2.column-module-5_6 .twoClm {
        width: 710px !important;
        max-width: 760px;
        margin: 0 auto;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaL p, .otherPageBoxOtl2.column-module-5_6 .areaR p {
        padding-top: 12px;
        margin: 0 auto;
        width: 340px;
        text-align: left;
    }
}
@media screen and (max-width: 766px) {
    .otherPageTtl1 {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
        font-weight: bold;
        font-size: 26px;
        margin: 0 0 20px;
    }
    .otherPageBoxOtl2.column-module-5_6 .twoClm h3 {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
        font-weight: bold;
        font-size: 20px !important;
        text-align: center;
        padding-bottom: 7px;
        border-bottom: 1px solid #333;
    }
    .otherPageBoxOtl2.itemClm01-2 .otherPageBox .imgArea img {
        width: 100% !important;
        min-width: 325px !important;
        margin: 0 auto 0 -5px !important;
        text-align: center;
    }
    .otherPageBoxOtl2.column-module-5_6 .twoClm {
        width: 100% !important;
        margin: 0 auto;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaL {
        width: 100% !important;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaR {
        width: 100% !important;
        margin-left: 0px;
        margin: 45px auto 0px auto !important;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaL .imgArea, .otherPageBoxOtl2.column-module-5_6 .areaR .imgArea {
        margin-top: 0px;
        width: 100%;
        text-align: center;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img {
        margin-top: 20px !important;
        width: 100% !important;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img {
        margin-top: 20px !important;
        width: 100% !important;
    }
    .otherPageBoxOtl2.column-module-5_6 .areaL p, .otherPageBoxOtl2.column-module-5_6 .areaR p {
        padding-top: 12px;
        margin: 0 auto;
        width: 100% !important;
        text-align: left;
    }
    .hdt_textAndImage {
        padding: 25px 25px 45px;
    }
    .hdt_textAndImage__content {
        flex-direction: column;
    }
    .hdt_textAndImage__text {
        width: 100%;
        padding: 0;
    }
    .hdt_textAndImage__image {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .hdt_textAndImage__title {
        font-size: 18px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .margin-RL {
        margin-left: 20px;
        margin-right: 20px;
    }
}
/* 2カラム余白調整 */
@media screen and (min-width: 1366px) {
    .otherPageBox {
        width: 960px;
        margin: 0 auto;
        padding: 20px 0 50px !important;
        position: relative;
        z-index: 1;
    }
}
@media screen and (min-width: 767px) and (max-width: 1279px) {
    .otherPageBox {
        max-width: 760px;
        margin: 0px auto !important;
        padding: 40px 25px 20px !important;
        position: relative;
        z-index: 1;
        clear: both;
    }
}
@media screen and (max-width: 766px) {
    .otherPageBox {
        padding: 25px 25px 25px !important;
        position: relative;
        z-index: 1;
    }
}
/*-- 余白調整  -----*/
.MT01 {
    margin-top: 0px;
}
@media screen and (max-width: 766px) {
    .MT01 {
        margin-top: -20px !important;
    }
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
    .MT01 {
        margin-top: 0px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .MT01 {
        margin-top: 0px;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .MT01 {
        margin-top: 0px;
    }
}
/* スマホ用<br> */
@media screen and (max-width:414px) {
    .br-sp {
        display: block;
    }
    .br-tb {
        display: none;
    }
    .br-pc {
        display: none;
    }
}
/* tablet用<br> */
@media only screen and (min-width:415px) and (max-width:834px) {
    .br-sp {
        display: none;
    }
    .br-tb {
        display: block;
    }
    .br-pc {
        display: none;
    }
}
/* pc用<br> */
@media screen and (min-width:835px) {
    .br-sp {
        display: none;
    }
    .br-tb {
        display: none;
    }
    .br-pc {
        display: block;
    }
}