@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;
}
@media screen and (max-width: 766px) {
.h4_03 {
font-size: 16px;
font-weight: bold;
text-align: center;
}  
}
@media screen and (min-width: 768px) and (max-width: 1024px) {	
.h4_03 {
font-size: 16px;
font-weight: bold;
text-align: center;
} 
}

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

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

/* ★全体レイアウト */
.points {
  max-width: 960px;
  margin: 0 auto 80px;
  padding: 40px 20px;
}

.points-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

/* 左右カラム共通 */
.point-left, .point-right {
  flex: 1;
  min-width: 280px;
  display: flex;
  flex-direction: column;
}

/* 見出し */
.point-heading {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3,
    "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

/* サブ見出し */
.point-subtitle {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
  text-align: center;
}

/* 本文 */
.point-left p,
.point-right p {
  margin: 0 0 15px;
  line-height: 1.6;
  text-align: left;
}

/* 右カラム内（テキスト＋画像を横並びに） */
.point-right .point-content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.point-right .point-text {
  flex: 1;
}

.point-right .point-image img {
  max-width: 150px;
  height: auto;
  display: block;
}

/* スマホ対応 */
@media (max-width: 767px) {
  .points-inner {
    flex-direction: column;
  }

  .point-right .point-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .point-right .point-image {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .point-right .point-image img {
    max-width: 70%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

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