@charset "UTF-8";
/* helpme2 */

.helpme_end_copy.helpme_end_copy2{
  background-color:#f4c5bd;
}

.pickup_detail_txt{
  height:80px;
}
.helpme_main_kv{
  background-image:url(../img/helpme2/helpme_main_kv2.jpg);
}
.helpme_main_kv .main_lead_txt{
  top:120px;
  left:35px;
  font-size:30px;
  line-height:52px;
}
.helpme_innr{
  background-image:none;
  background-color:#faf4f3;
}
.helpme_type_bg{
  border:10px solid #f87d82;
}
.helpme_type_bg2{
  border:10px solid #e8a075;
}
/*helpme_lead*/
.helpme_lead{
  margin:0 auto;
  padding:0 0 110px 0;
  width:1200px;
  color:#282828;
  text-align:center;
}
.helpme_read_ttl2{
  margin:0 auto;
  padding:0;
  width:770px;
}
.helpme_read_txt{
  margin:0 auto;
  padding:40px 0 65px 0;
  width:770px;
  font-size:18px;
  line-height:38px;
}
.helpme_lead_list2{
  margin:0 auto;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.helpme_lead_list2 li{
  margin:0 auto;
  padding:0;
  vertical-align:top;
}
.helpme_lead_detail{
  position:relative;
  margin:0 auto;
  padding:0;
  width:560px;
  height:650px;
  background-color:#fff;
  border:1px solid #000;
  box-sizing:border-box;
}
.helpme_select_ttl{
  margin:0 auto;
  padding:30px 0 25px 0;
  width:450px;
  height:auto;
}
.helpme_select_txt{
  margin:0 auto;
  padding:0 0 10px 0;
  width:450px;
  text-align:left;
  font-size:18px;
  line-height:38px;
}
.helpme_select_img{
  margin:0 auto;
  padding:0;
  width:400px;
}
.helpme_select_btn{
  position:absolute;
  width:460px;
  bottom:-30px;
  left:50%;
  margin-left:-230px;
  z-index:1;
  background-color:#fff;
}
.question_type{
  padding:70px 0 0 0;
}
.helpme_sec_main_ttl{
  margin:0 auto;
  padding:59px 0 0 0;
  width:635px;
  height:auto;
}
.answer_type{
  padding-bottom:50px;
}
.answer_sub_txt span{
  display:block;
  font-weight:600;
}
.answer_sub_txt .answer_sub_txt_pdgtop{
  padding-top:20px; 
}
.answer_ttl.answer_ttl3{
  background-image:url("../img/helpme2/a_txt_bg1.png");
}
.helpme_item_ttl2{
  margin:0 auto;
  padding:0;
  width:480px;
  height:auto;
}
/*helpme_howto2*/
.helpme_howto2{
  position:relative;
  margin:0 auto 60px auto;
  padding:0;
  width:1000px;
  height:540px;
}
.helpme_howto2.howto_type_hd{
  height:640px;
}
.helpme_howto2_innr{
  position:relative;
  margin:0 auto;
  padding:0;
  width:1000px;
  height:540px;
  border:1px solid #333;
  box-sizing:border-box;
  background-color:#fff;
  z-index:2;
}
.helpme_howto2_innr.howto_type_hd{
  height:640px;
}
.helpme_howto2_waku{
  position:absolute;
  width:1000px;
  height:540px;
  top:10px;
  right:-10px;
  border:1px solid #333;
  box-sizing:border-box;
  background-color:#fff;
  z-index:1;
}
.helpme_howto2_waku.howto_type_hd{
  height:640px;
}
.howto2_ttl{
  position:absolute;
  margin:0;padding:0;
  width:184px;
  height:auto;
  top:-22px;
  left:50%;
  margin-left:-92px;
  z-index:3;
}
.helpme_howto2_list{
  margin:55px auto 0 auto;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:850px;
}
.helpme_howto2_list li{
  position:relative;
  margin:0 90px 0 0;
  padding:0;
  display:inline-block;
  list-style:none;
  width:380px;
}
.helpme_howto2_list li.list_arrw::after{
  content:'';
  position:absolute;
  top:158px;
  right:-70px;
  width:42px;
  height:70px;
  background-image:url("../img/helpme2/step_arrw_icon.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
  z-index:2;
}
.helpme_howto2_list li:last-child{
  margin-right:0;
}
.howto_step_img{
  margin:0 auto;
  padding:0 0 38px 0;
  width:380px;
  height:auto;
}
.howto_step_txt{
  margin:0 auto;
  padding:0;
  width:380px;
  font-size:18px;
  line-height:35px;
  text-align:left;
}
/*helpme_type_listt*/
.helpme_type_list{
  width:800px;
}
.helpme_type_listt li{
  position:relative;
  margin:0 70px 0 0;
  padding:0;
  display:inline-block;
  list-style:none;
  width:350px;
}
.howto_type_img{
  margin:0 auto;
  padding:0 0 38px 0;
  width:350px;
  height:auto;
}
.howto_type_txt{
  margin:0 auto;
  padding:0;
  width:350px;
  font-size:18px;
  line-height:35px;
  text-align:left;
}
.howto_type_txt span.txt_line1{
  position:relative;
  padding-bottom: 2px;
  background: -moz-linear-gradient(rgba(249,206,225,0) 51%,rgba(249,206,225,1) 50%,#f9cee1 100%);
  background: -webkit-linear-gradient(rgba(249,206,225,0) 51%,rgba(249,206,225,1) 50%,#f9cee1 100%);
  background: linear-gradient(rgba(249,206,225,0) 51%,rgba(249,206,225,1) 50%,#f9cee1 100%);
}
.howto_type_txt span.txt_line2{
  position:relative;
  padding-bottom: 2px;
  background: -moz-linear-gradient(rgba(254,204,206,0) 51%,rgba(254,204,206,1) 50%,#feccce 100%);
  background: -webkit-linear-gradient(rgba(254,204,206,0) 51%,rgba(254,204,206,1) 50%,#feccce 100%);
  background: linear-gradient(rgba(254,204,206,0) 51%,rgba(254,204,206,1) 50%,#feccce 100%);
}
/*onepoint_conts*/
.onepoint_conts{
  position:relative;
  margin:0 auto 80px auto;
  padding:0;
  width:720px;
  border:1px solid #333;
  box-sizing:border-box;
}
.onepoint_cnr{
  position:absolute;
  margin:0;padding:0;
  width:30px;
  height:30px;
  z-index:2;
}
.onepoint_cnr.onepoint_cnr1{
  top:0;left:0;
}
.onepoint_cnr.onepoint_cnr2{
  bottom:0;left:0;
}
.onepoint_cnr.onepoint_cnr3{
  bottom:0;right:0;
}
.onepoint_cnr.onepoint_cnr4{
  top:0;right:0;
}
.onepoint_ttl{
  margin:0 auto;
  padding:40px 0 36px 0;
  width:481px;
  height:auto;
}
.onepoint_txt{
  margin:0 auto;
  padding:0 0 70px 0;
  width:600px;
  text-align:left;
  font-size: 18px;
  line-height: 34px;
}
.eyeshadow_select_ttl{
  margin:0 auto;
  padding:60px 0 0 0;
  width:383px;
  height:auto;
}
/*eyeshadow_type_list*/
.eyeshadow_type_list{
  margin:0 auto;
  padding:0 0 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:1000px;
}
.eyeshadow_type_list li{
  margin: 0 auto;
  padding:0;
  display:inline-block;
  list-style:none;
  width:50%;
  vertical-align:top;
}
.eyeshadow_type_btn{
  margin:0 auto;
  padding:0;
  width:460px;
  height:auto;
}
.helpme_type_sub{
  margin:0 auto;
  padding:0 0 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:100%;
}
.helpme_type_sub li{
  margin: 0 auto;
  padding:0;
  display:inline-block;
  list-style:none;
  width:50%;
  vertical-align:top;
}
.helpme_type_sub_ph{
  margin:0;padding:0;
  width:520px;
  height:auto;
}
.helpme_type_sub_ph.helpme_type_sub_ph2{
  margin:0 0 0 auto;
}
.helpme_type_sub_detail{
  margin:0;
  padding:0;
  width:482px;
  height:auto;
}
.helpme_type_sub_detail.helpme_type_sub_detail2{
  padding-left:120px;
}
.sub_type_ttl{
  margin:0;
  padding:0 0 40px 0;
  width:482px;
  height:auto;
}
.sub_type_txt{
  margin:0;
  padding:0;
  width:482px;
  text-align:left;
  font-size:18px;
  line-height:38px;
}