/* =========================================================
		itp30
========================================================= */
.en1{font-family: "Noto Serif JP", sans-serif; font-weight: 500;}
.itp30_con img{width: 100%;}
.itp30_con{width: 900px;
    margin: 50px auto 45px;
    position: relative;
	
}
.itp30_con .itp_m_ttl{font-size: 39px !important;
    color: #e60012;
    text-align: center;
    padding: 55px 0 5px !important;
    border-bottom: 2px solid #e60012 !important;
    display: table;
    margin: 0 auto 55px !important;}


.interview_con{display: flex; justify-content: space-between; align-items: center; width: 94%; margin: 0 auto 35px;}
.interview_con .interview_detail{width: 67%;}
.interview_con .interview_pic{width: 23%;}
.interview_detail .inter_ttl{color: #e60012; font-size: 31px; padding-bottom: 20px; font-weight: 500;}
.interview_detail .copy1{font-size: 17px; padding-bottom: 12px; font-weight: 500; line-height: 1.8;}
.itp30_con .itp_sub_ttl{font-size: 39px !important;
    color: #e60012 !important;
    text-align: center;
    padding: 20px 0 5px !important;
    border-bottom: 2px solid #e60012 !important;
    display: table;
    margin: 0 auto 40px;}

.itp30_con .ankete_pic{padding: 30px 30px; background: #eee7df; margin-bottom: 25px;}

.history_con{padding: 50px 75px; margin-bottom: 25px;}
.history_con.sapuli{background: #f3faf0;}
.history_con.cosme{background: #fff5fa;}
.history_con .his_ttl{ font-size: 44px; text-align: center; padding: 0 0 3px;
    border-bottom: 1px solid #30ae73;
    display: table;
    margin: 0 auto 40px;}
.history_con.cosme .his_ttl{border-bottom: 1px solid #e40074; margin: 0 auto 65px;}
.green_bg{ color: #30ae73;}
.pink_bg{color: #e40074;}
.his_main_pic{padding: 35px 60px 25px; border-radius: 8px; background: #fff; width: 600px; margin: 0 auto;}
.his_main_pic .his_age{font-size: 30px; text-align: center; padding-bottom: 20px;}
.his_main_pic .his_age span{font-size: 1.25em;}


.his_inner{width: 670px; margin: 0 auto; position: relative; height: 620px;}
.his_inner_a{height: 320px;}
.his_inner2{width: 720px; margin: 0 auto; position: relative; height: 1600px;}
.his_inner:before{
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #30ae73;
    z-index: 1;
}
.his_inner2:before{
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #e40074;
    z-index: 1;
}
.history_box{display: flex; justify-content: right;}
.history_box .inner_box{padding: 20px 30px 15px; background: #fff; border-radius: 8px;}
.history_box .inner_box .his_age2{font-size:26px; padding-bottom: 15px; text-align: center;}
.history_box .inner_box .brand_pic{width: 255px;}
.his_inner .history1{
	position: absolute; top: 25px; right: 0;
}
.his_inner .history2{
	position: absolute; top: 125px; left: 0;
}
.his_inner .history3{
	position: absolute; top: 325px; right: 0;
}
.his_inner .history4{
	position: absolute; top: 40px; left: 0;
}
.his_point1{width: 10px;
  height: 10px;
  background-color: #30ae73;
  border-radius: 50%;
position: absolute;
left: 49.25%;
top: 90px;}
.his_point2{top:240px;}
.his_point3{top: 430px;}
.his_point4{top: 160px;}



.history_box .inner_box .his_age2a{font-size:26px; padding-bottom: 0; text-align: center;}
.history_box .inner_box .his_name{font-size:20px; padding-bottom: 0px; text-align: center; line-height: 1.1;}
.history_box .inner_box .his_name span{font-size:0.7em;}
.history_box .inner_box .his_copy2{font-size: 14px; padding:8px 0; text-align: center;}
.history_box .inner_box .brand_pic2b{width: 270px;}

.brand_box{display: flex; justify-content: space-between; align-items: center; width: 270px;}
.brand_box .brand_pic2{width: 42%;}
.brand_box .brand_copy{width: 55%;}

.his_inner2 .history1a{position: absolute; top: 0; left: 0;}
.his_inner2 .history2a{position: absolute; top: 120px; right: 0;}
.his_inner2 .history3a{position: absolute; top: 320px; left: 0;}
.his_inner2 .history4a{position: absolute; top: 570px; right: 0;}
.his_inner2 .history5a{position: absolute; top: 730px; left: 0;}
.his_inner2 .history6a{position: absolute; top: 1080px; right: 0;}
.his_inner2 .history7a{position: absolute; top: 1300px; left: 0;}


.his_point1a{
  background-color: #e40074;
top: 0;}
.his_point2a{
  background-color: #e40074;
top: 190px;}


.his_point3a{
  background-color: #e40074;
top: 420px;}


.his_point4a{
  background-color: #e40074;
top: 630px;}

.his_point5a{
  background-color: #e40074;
top: 830px;}

.his_point6a{
  background-color: #e40074;
top: 1200px;}

.his_point7a{
  background-color: #e40074;
top: 1400px;}