@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;
}

@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;
    }
}

@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; }
}