@charset "utf-8";

/* =====================
chapter3 page style
===================== */

.con_body_block{
  padding-bottom: 40px;
}

[data-page-category="kinki"] .con_body_block{
  background-color: #FDECD1;
}

[data-page-category="kanto"] .con_body_block{
  background-color: #F7D09E;
}

.sec_a{
  color: #ED7700;
}

.sec_list{
  color: #F08D2C;
}
.sec_list::after{
  background: #F8DBBE;
}

.sec_list::after{
  background: url(../img/chapter4/pc/c4_dotline1.png) repeat-x;
}

.sec_list:nth-of-type(n+4)::after {
  background: url(../img/chapter4/pc/c4_dotline2.png) repeat-x;
}

.sec_list:not(:first-of-type) {
  margin-top: 4px;
}


/* section1 */

.sec1 .sec_inner{
  display: flex;
  justify-content: space-between;
}

.sec1 .sec_inner_1{
  width: 288px;
  box-sizing: border-box;
}

.sec1 .sec_inner_1 .sec_qa{
    margin-bottom: 20px;
}

.sec1 .sec_inner_1 p{
  padding-top: 30px;
  padding-left: 145px;
  width: 146px;
}

.sec1 .sec_inner_2{
  width: 243px;
}

.sec1_img1{
    margin-top: 5px;
}

.sec1_img2{
  position: absolute;
  bottom: -3px;
  left: 20px;
}

.sec1_img3{
  position: absolute;
  bottom: -60px;
  right: 55px;
  z-index: 10;
}

.sec1_img4{
  position: absolute;
  top: 25px;
  left: 342px;
  width: 2px;
  height: 328px;
  background: url(../img/chapter4/pc/c4_dotline3.png) repeat-y;
}

/* section2 */

.sec2{
  padding-bottom: 20px;
}

.sec2 .sec_a{
  margin-top: 10px;
}

.sec2 .sec_inner{
  display: flex;
  justify-content: space-between;
}

.sec2 .sec_inner_1{
  width: 296px;
  padding-right: 24px;
  box-sizing: border-box;
}

.sec2 .sec_inner_1 > img{
  margin-top: 10px;
}

.sec2 .sec_inner_2{
    width: 243px;
    padding-right: 10px;
}

.sec2 .sec_inner_2 .sec_qa{
  margin-left: -5px;
}

.sec2 .sec_inner_2 > img{
  margin-top: 10px;
  padding-left: 10px;
}

.sec2 .sec_inner + p{
    padding-top: 10px;
}

.sec2_img3{
  position: absolute;
  top: 120px;
  left: 316px;
  width: 2px;
  height: 181px;
  background: url(../img/chapter4/pc/c4_dotline3.png) repeat-y;
}

/* section3 */

.sec3 .sec_a{
  margin-top: 10px;
}

.sec3 .sec_inner{
    margin-bottom: 20px;
}

.sec3 .sec_inner_1{
    width: 531px;
    margin: 0 auto;
    padding-top: 20px;
}

.sec3 .sec_inner_1 p{
    padding-top: 20px;
}

.con_body_block_bnr{
}

.con_body_block_bnr a{
    display: block;
    width: 537px;
    margin: 0 auto;
}
.con_body_block_bnr a:hover{
    opacity: 0.7;
}


/* footer block */

.con_footer_block{
  margin-top: -20px;
  padding-bottom: 346px;
  background: url(../img/chapter4/pc/c4_ft_bar_k.png) bottom center no-repeat;
}

[data-page-category="kanto"] .con_footer_block{
  background: url(../img/chapter4/pc/c4_ft_bar_s.png) bottom center no-repeat;
}

.ft_voice{
  background: #FDECD1;
}
.ft_voice.tail1::before,
.ft_voice.tail2::before{
  border-left: 16px solid #FDECD1;
  border-top: 16px solid #FDECD1;
}

.ft_voice span{
  color: #ED5100;
}

.voice1{
  top: 60px;
  right: 95px;
}

.voice1.tail1::before{
  left: 160px;
}
.voice1.tail1::after{
  left: 148px;
}

.voice2{
  width: 230px;
  top: 120px;
  left: 175px;
}
.voice2.tail2::before{
  left: 60px;
}
.voice2.tail2::after{
  left: 72px;
}

.voice3 {
    width: 200px;
    top: 180px;
    right: 80px;
}
.voice3.tail1::before{
  left: 60px;
}
.voice3.tail1::after{
  left: 48px;
}

.voice4{
  top: 240px;
  left: 148px;
}

.ft_bird{
  position: absolute;
  top: 132px;
  left: 39px;
  transform: rotate(336deg);
}

.ft_rv{
  position: absolute;
  top: 15px;
  right: 0;
}