@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}


.page_title_jp{font-size: 2.4em;}
/* section_01 */
.sec01_mtb{margin-top: 1em;}
/* 外枠ボックス */
.trouble-box {
  max-width: 1100px;
  margin: 100px auto;
  padding: 60px 60px 40px;
  border: 1px solid #d7d7d7; /* 画像に近い薄いグレー */
  background: #fff;
	position: relative;
}

/* タイトル */
.trouble-title {
	text-align: center;
 position: absolute;
  top: 0;
  left: 50%;
display: inline-block;
  font-size: 1.6em;
  padding: 0em 0.4em;
  margin: 0;
  transform: translate(-50%, -50%);
  background-color: white;
	width: 46%;
	font-weight: normal;
}

.trouble-title::before {
  left: -50px;
}

.trouble-title::after {
  right: -50px;
}

/* リスト */
.trouble-list {
  list-style: none;
  padding-left: 0;
  font-size: 1.2rem;
  line-height: 1.6;
}

.trouble-list li {
  margin-bottom: 18px;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.trouble-list li::before {
  content: "・";
  margin-right: 0.4em;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {

  .trouble-box {
    padding: 40px 20px;
  }

  .trouble-title {
	 width: 66%;
    font-size: 1.2rem;
    padding: 0 20px;
  }

  .trouble-title::before,
  .trouble-title::after {
    width: 20%;
    left: auto;
    right: auto;
  }

  .trouble-title::before {
    transform: translateX(-120%);
  }

  .trouble-title::after {
    transform: translateX(120%);
  }

  .trouble-list {
    font-size: 1.0rem;
  }
}




/* section_02 */
.section_02{background-color: #eae8dc;}
.sec_02_box{position: relative;}
.sec_02_box img.illust{position: absolute;top: -50px;left:0;width: 30%;}
.point_box{margin-top: 5em;}
.point_width{width: 26% !important;}
.point_h3{font-size: 1.4em;margin: 0.6em 0;}
.point_p{font-size: 1.14em;text-align: justify;}

/* section_03 */
.section_03{position: relative;}
.section_03 img.illust_02{position: absolute;top: -100px;right:50px;width: 15%;}
.sec03_lead{text-align: center;font-weight: bold; font-size: 1.4em;color:#727171;}
.pc_mt{margin-top: 3em;}

/* section_04 */
.section_04{background-color: #d6dacf;position: relative;}
.sec_04_p{font-size: 1.14em;text-align: center;line-height: 1.6em;margin-top: 1.4em;}
/* section_05 */
.section_05{position: relative;}
.section_05 img.illust{position: absolute;top: -50px;left:50px;width: 20%;}
.sec05_h3{font-size: 1.4em;margin-bottom: 0.6em;}
.sec_05_btn{width: 48%;margin: 5em auto 2em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
.page_title{margin-top: 0.4em;}
.page_title_jp{font-size: 1.4em;margin-top: 0.4em;}
	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
/* section_01 */
	
/* section_02 */
.sec_02_box img.illust{position: absolute;top: -80px;left:0;width: 40%;}
.point_box{margin-top: 2em;}
.point_width{width: 23% !important;}
.point_h3{font-size: 1.0em;margin: 0.4em 0;}
.point_p{font-size: 0.9em;text-align: justify;}

/* section_03 */
.section_03 img.illust_02{position: absolute;top: -70px;right:20px;width: 30%;}
.sec03_lead{text-align: justify;font-size: 1.0em;}
.pc_mt{margin-top: 0em;}
/* section_04 */
.section_04{background-color: #d6dacf;position: relative;}
.sec_04_p{font-size: 0.9em;text-align: justify;line-height: 1.5em;}
/* section_05 */
.section_05 img.illust{position: absolute;top: -20px;left:20px;width: 40%;}
.sec05_h3{font-size: 1.0em;margin-bottom: 0.6em;}
.sec_05_btn{width: 100%;margin: 3em auto 0em;}
}