@charset "utf-8";

/* =====================
chapter1 page style
===================== */


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

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

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

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

/* section1 */

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

.sec1 .sec_inner_1{
  width: 282px;
  padding: 15px 0 0 30px;
}

.sec1 .sec_inner_1 p{
}
.sec1 .sec_inner_2{
  width: 290px;
  margin-right: 10px;
  margin-left: auto;
}
[data-page-category="kanto"] .sec1 .sec_inner_2{
}

.sec1_img1{
  position: absolute;
  width: 200px;
  top: 20px;
  right: 40px;
}

.sec1_img2{
  position: absolute;
  width: 188px;
  bottom: 40px;
  left: 60px;
}

/* section2 */

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

.sec2 .sec_inner_1{
  width: 253px;
  padding-top: 40px;
}
.sec2 .sec_inner_2{
  width: 252px;
  padding-top: 200px;
  padding-right: 20px;
}

.sec2{

}

.sec2_img2{
  position: absolute;
  top: 20px;
  right: 40px;
}

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

/* section3 */

.sec3 .sec_inner_1{
  width: 263px;
  padding-top: 284px;
}

.sec3_img1{
  position: absolute;
  right: 20px;
  bottom: 45px;
}
.sec3_img2{
  position: absolute;
  top: 120px;
  left: -20px;
  width: 194px;
}
.sec3_img3{
  position: absolute;
  top: 16px;
  right: -20px;
}


/* section4 */

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

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

.sec4_img1{
  position: absolute;
  top: 90px;
  right: -30px;
}


/* section5 */

.sec5 .sec_inner_1{
  margin-top: 15px;
}

.sec5_img1{
  display: block;
  width: 564px;
  margin: 0 auto;
  margin-top: 25px;
}

.sec5_img2{
  position: absolute;
  top: 10px;
  right: -16px;
}

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

/* section6 */

.sec6and7{
  flex-wrap: wrap;
}

.sec6{
  width: 245px;
}

.sec6 .sec_inner{
  padding-top: 30px;
}

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

/* section7 */

.sec7{
  width: 275px;
  box-sizing: border-box;
}

.sec7 .sec_a{
  position: relative;
  margin-top: 10px;
}

.sec7 .sec_inner{
  padding-top: 30px;
}

.sec7 + .sec_inner{
  width: 100%;
  margin-top: 20px;
}

.sec6and7_img1{
  position: absolute;
  top: 130px;
  left: 300px;
}

/* footer block */

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

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

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

.ft_voice span{
  color: #006CB6;
}

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

.voice2{
  width: 230px;
  top: 130px;
  left: 175px;
}

.voice3{
  top: 160px;
  right: 80px;
}

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

.ft_bird{
  position: absolute;
  top: 117px;
  left: 10px;
}

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