@charset "UTF-8";
.margin-top-1 {
    margin-top: 0px;
}
.margin-top-2 {
    margin-top: -100px !important;
}
.text_left {
    text-align: left;
	padding-left:1em;
	text-indent:-1em;
}
.txt_large {
    font-size: 120% !important;
}
.hdt_textAndImage {
padding: 70px 0 50px;
}
.hdt_textAndImage__inner {
max-width: 960px;
margin: 0 auto;
}
.hdt_textAndImage__content {
display: flex;
padding: 25px;
border: solid 3px #ededed;
}
.hdt_textAndImage__text {
width: 100%;
padding-right: 20px;
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;
}
.point_txt {
 padding: 0.2em;
 margin: 0 20px 20px 0;
 font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif' !important;
 font-size: 21px;
 font-weight: 500;
 color: #fff;
 background: #000;
}
.font01 {
	font-size:26px !important; 
	line-height:1.5em !important;
}
.sub_title1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
font-size: 27px;
font-weight: bold;
margin-top: 25px;
line-height: 1.5em;
margin-bottom: 25px;
padding-bottom: 7px;
}
.imgArea .imgCopy {
	margin-top: 8px;
	text-align: center;
}
.h4_01 {
font-size: 16px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
.h4_02 {
font-size: 16px;
font-weight: bold;
margin-top: 20px;
}
.h4_03 {
font-size: 16px;
font-weight: bold;
text-align: left;
}

/*２カラム部分：テキスト横幅調整*/
.otherPageBoxOtl2.column-module-5_6 .areaR p {
 padding-top: 12px;
 margin: 0 auto;
 width: 450px !important;
 text-align: left;
 }
.otherPageBoxOtl2.column-module-5_6 .areaL p {
 padding-top: 12px;
 margin: 0 auto;
 width: 450px !important;
 text-align: left;
 }

@media screen and (max-width: 766px) {
.h4_03 {
font-size: 16px;
font-weight: bold;
text-align: center;
}
.otherPageBoxOtl2.column-module-5_6 .areaR p {
   padding-top: 12px;
   width: 100% !important;
   text-align: left;
 }
.otherPageBoxOtl2.column-module-5_6 .areaL p {
   padding-top: 12px;
   width: 100% !important;
   text-align: left;
 }
}
  
@media screen and (min-width: 768px) and (max-width: 1024px) {	
.h4_03 {
font-size: 16px;
font-weight: bold;
text-align: center;
 }
.otherPageBoxOtl2.column-module-5_6 .areaR p {
 padding-top: 12px;
 text-align: left;
 width: 340px !important;
 }
.otherPageBoxOtl2.column-module-5_6 .areaL p {
 padding-top: 12px;
 text-align: left;
 width: 340px !important;
 }
}

@media screen and (max-width: 1279px) {
.hdt_textAndImage {
padding: 70px 25px 50px;
}
.hdt_textAndImage__inner {
max-width: 760px;
}
.img-max01 {
    width: 100%;
    max-width: 340px !important;
}
}
    
@media screen and (max-width: 766px) {
.margin-top-1 {
    margin-top: 20px !important;
}
.margin-top-2 {
    margin-top: 50px !important;
}
.hdt_textAndImage {
padding: 25px 25px 45px;
}
.hdt_textAndImage__content {
flex-direction: column;
}
.hdt_textAndImage__text {
width: 100%;
padding: 0;
}
.hdt_textAndImage__title {
font-size: 18px;
}
.point_txt {
 padding: 0.2em;
 margin: 0 0 20px 0;
 font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif' !important;
 font-size: 18px;
 font-weight: 500;
 color: #fff;
 background: #000;
}
.font01 {
	font-size:20px !important; 
	line-height:1.5em !important;
}
.img-max01 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
	margin-top: 20px;
 }
.otherPageBoxOtl2.column-module-5_6 .areaR p {
   padding-top: 12px;
   width: 100% !important;
   text-align: left;
 }
.otherPageBoxOtl2.column-module-5_6 .areaL p {
   padding-top: 12px;
   width: 100% !important;
   text-align: left;
 }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {	
.text_left {
    text-align: center;
	padding-left:1em;
	text-indent:-1em;
}
.img-max01 {
	margin: 30px auto 0;
	text-align: center;
    width: 100%;
    max-width: 340px !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.text_left {
    text-align: left;
	padding-left:1em;
	text-indent:-1em;
}
.img-max01 {
    width: 100%;
    max-width: 425px !important;
}
}

/* スマホ用<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; }
}