@charset "utf-8";

/* =====================
chapter2 page style
===================== */


.con_body_block{
  padding-bottom: 80px;
}

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

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

.sec_a{
  color: #E7364A;
}

.sec_list{
  color: #EB6D4E;
}
.sec_list::after{
  background: #F3D8D1;
}

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

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

[data-page-category="kanto"] .sec_list:not(:first-of-type) {
  margin-top: 4px;
}


/* section1 */

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

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

.sec1 .sec_inner_1 p{
}
.sec1 .sec_inner_2{
  width: 243px;
}
[data-page-category="kanto"] .sec1 .sec_inner_2{
}

.sec1 .sec_inner_2 p{
  padding-top: 20px;
}

.sec1_img1{
  position: absolute;
  top: 142px;
  left: -20px;
}

.sec1_img2{
  position: absolute;
  top: -30px;
  right: 265px;
}

/* section2 */

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

.sec2 .sec_inner_1{
  width: 366px;
  padding-top: 23px;
}

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

.sec2_img1{
  position: absolute;
  bottom: -17px;
  right: 30px;
}

[data-page-category="kanto"] .sec2_img1{
  position: absolute;
  bottom: 31px;
  right: -10px;
}

/* section3 */

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

.sec3 .sec_inner_1{
  width: 366px;
  padding-top: 25px;
}

.sec3 .sec_inner_2{
  width: 158px;
  padding-top: 25px;
}


/* section4 */

.sec4 .sec_a{
}

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

.sec4 .sec_inner_1{
  width: 240px;
  padding-top: 30px;
}

.sec4 .sec_inner_1 img{
  margin-left: 20px;
}

.sec4 .sec_inner_2{
  width: 255px;
  padding: 60px 10px 40px 0;
}

.sec4_img1{
  position: absolute;
  top: 150px;
  left: 50px;
}

.sec4_img2{
  position: absolute;
  top: 40px;
  right: -15px;
}

.sec4_btn{
  position: absolute;
  bottom: -40px;
  right: -20px;
}
.sec4_btn:hover{
  opacity: 0.7;
}

/* footer block */

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

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

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

.ft_voice span{
  color: #E4004F;
}

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

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

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

.voice3{
  top: 220px;
  right: 80px;
}
.voice3.tail1::before{
  left: 200px;
}
.voice3.tail1::after{
  left: 188px;
}

.voice4{
  top: 280px;
  left: 124px;
}

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

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