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


.section_01{background-image: url("../img/sec_01_back_pc.webp");background-repeat: no-repeat;background-size: cover;background-position: top center;}
.sec_01_illust{width: 40%;margin: 5em auto;}
.sec_01_illust img{width: 100%;}
.sec_01_box{width: 46%;margin: 5em auto 0;position: relative;padding: 2em 0;height: 460px;}
.sec_01_box img.sec_01_ttl{width: 350px;position: absolute;right: 0;}

p.copy_p{font-weight: normal;font-size: 1.14em;color:#3e3a39;position: absolute;right: 400px;line-height: 1.8;height: 450px;text-align: justify;}
.tategaki {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
/* IE対応 */
}
.text-block {
   writing-mode: vertical-rl;
    height: 300px;
  }


.hanbai_copy{text-align: center;color: #800012;margin: 0.4em 0;}

.section_02{background-image: url("../img/sec_02_back_pc.svg");background-repeat: no-repeat;background-size: cover;background-position: top center;}
.headline-block {
  text-align: center;
  padding: 40px 20px;
  max-width: 900px;
  margin: 0 auto;
}

.sub-title {
  font-size: 1rem;
  letter-spacing: 0.5em;
  margin-bottom: 6px;
  color: #000;
}

.main-title {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.6;
  color: #000;
  margin: 0 auto 15px;
  white-space: nowrap;
}

/* 中央の縦ライン */
.divider {
  width: 2px;
  height: 60px;
  background-color: #800012; /* 赤系のライン */
  margin: 0 auto;
}
.pb70{padding-bottom: 70px;}

.kanban{position: relative; width: 70%;margin-left: 35%; margin-top: 8%;}
/* -----------------------------
   レスポンシブ対応
----------------------------- */
@media screen and (max-width: 768px) {
  .sub-title {
    font-size: 0.85rem;
    letter-spacing: 0.3em;
  }

  .main-title {
    font-size: 2.0rem;
    white-space: normal; /* スマホでは折り返す */
  }

  .divider {
    height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .sub-title {
    font-size: 0.75rem;
  }

  .main-title {
    font-size: 1.3rem;
  }

  .divider {
    height: 30px;
  }
}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
	

.section_01{background-image: url("../img/sec_01_back_sp.webp");background-repeat: no-repeat;background-size: cover;background-position: top center;}
.sec_01_illust{width: 60%;margin: 2em auto;}
.sec_01_box{width: 100%;margin: 0em auto 0;position: relative;padding: 2em 0 1em;height: auto;}
.sec_01_box img.sec_01_ttl{width: 100%;position: relative;right: 0%;}

p.copy_p{font-weight: normal;font-size: 1em;color:#3e3a39;position: relative;right: 0;line-height: 1.8;height: auto;padding: 0 10%;width: 80%;}
.text-block {
	display: block;
	writing-mode: horizontal-tb;
  font-size: 1.2rem;
  line-height: 1.8;
  width: 100%;
}
	
.section_02{background-image: url("../img/sec_02_back_sp.svg");background-repeat: no-repeat;background-size: cover;background-position: top center;}
.kanban{position: relative; width: 80%;margin-left: 10%; margin-top: 8%;}
}