/* ------------------------- 

 /guide/hajimete/index.html 

-------------------------*/
.clearfix{
  display:block;
  clear:both;
}
.sp_only{
  display:none;
}
.box_inner{
  width:956px;
  margin: 0 auto;
}
@media screen and (max-width: 667px) {
  #wrapper #content img{
    width:100%;
    max-width:100%;
    height:auto;
  }
  #wrapper #content .sp_only{
    display:block;
  }
  .box_inner{
    width:100%;
  }
}
#breadcrumbs{
 margin-bottom:0; 
}

#container #wrapper {
  width:100%;
}
#wrapper #content{
  width:100%;
}
.sec_first{
 background-image:url(/guide/hajimete/images/mv.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 background-color: #f8f8f8;
 background-size: auto;
 width:100%;
 height: 336px;
}
.sec_first>h1,
.sec_first>.lead{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
@media screen and (max-width: 667px) {
    .sec_first{
      background:none;
      height:auto;
    }
    .sec_first>h1,
    .sec_first>.lead{
      height:0;
    }
}
.anchor_link{
  position:relative;
  top: 299px;
  left:0;
  background: #4d4d4d;
}
.anchor_link>ul{
  display:flex;
  width:956px;
  height:100px;
  margin:auto;
}
.anchor_link>ul>li{
  width:190px;
  display:flex;
  align-items:center;
  border-right:#363636 solid 1px;
}
.anchor_link>ul>li:first-child{
  border-left:#363636 solid 1px;
}
.anchor_link>ul>li>a{
  width:190px;
  height:100px;
  display:block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
.anchor_link>ul>li>a:hover{
  opacity:0.7;
  text-decoration:none;
}
.anchor_link>ul>li:nth-of-type(1)>a{
  background-image:url(/guide/hajimete/images/anchor/anc_eq.png);
}
.anchor_link>ul>li:nth-of-type(2)>a{
  background-image:url(/guide/hajimete/images/anchor/anc_recommend.png);
}
.anchor_link>ul>li:nth-of-type(3)>a{
  background-image:url(/guide/hajimete/images/anchor/anc_search.png);
}
.anchor_link>ul>li:nth-of-type(4)>a{
  background-image:url(/guide/hajimete/images/anchor/anc_company.png);
}

@media screen and (max-width: 667px) {
    .anchor_link{
      top: 0;
    }
    .anchor_link>ul{
      width: 100%;
      flex-wrap:wrap;
      justify-content: center;
      height: auto;
      padding: 6px 0;
    }
    .anchor_link>ul>li{
      width:33%;
      border:none;
    }
    .anchor_link>ul>li>a{
      width:100%;
      background-size:80%;
    }
    .anchor_link>ul>li:nth-of-type(2){
      width:33%;
    }
    .anchor_link>ul>li:nth-of-type(4){
      width:40%;
    }
    .anchor_link>ul>li:nth-of-type(5){
      width:33%;
    }
    .anchor_link>ul>li:nth-of-type(1)>a{
      background-image:url(/guide/hajimete/images/sp/anchor/sp_anc_eq.png);
    }
    .anchor_link>ul>li:nth-of-type(2)>a{
      background-size:82%;
      background-image:url(/guide/hajimete/images/sp/anchor/sp_anc_recommend.png);
    }
    .anchor_link>ul>li:nth-of-type(3)>a{
      background-size:80%;
       background-image:url(/guide/hajimete/images/sp/anchor/sp_anc_search.png);
    }
    .anchor_link>ul>li:nth-of-type(4)>a{
      background-size:97%;
      background-image:url(/guide/hajimete/images/sp/anchor/sp_anc_company.png);
    }
}
#sec_eq{
  position: relative;
  background-image:url(/guide/hajimete/images/bg_eq.jpg);
  background-repeat:no-repeat;
  background-position: center top;
  background-size:auto;
  background-color: #f8f8f8;
  margin: 100px auto 0 auto;
  padding: 10px 0 88px 0;
}
#sec_eq h2,
#sec_eq .lead,
#sec_eq .btn>a{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_eq .sec_eq_box{
  position:relative;
  width:956px;
  margin:0 auto;
}
#sec_eq h2{
  width:240px;
  height:36px;
  text-align:center;
  background-image:url(/guide/hajimete/images/ttl_eq.png);
  margin: 68px auto 0;
}
#sec_eq .lead{
  position:relative;
  top: 78px;
  left: 322px;
  width:594px;
  height:48px;
  background-image:url(/guide/hajimete/images/ttl_eq_lead.png);
  margin: 0;
}
#sec_eq .btn{
  position:relative;
  display:block;
  width:370px;
  top: 116px;
  left: 550px;
  background-color:#990100;
  border-radius:40px;
  text-align:center;

}
#sec_eq .btn>a{
  position:relative;
  display:block;
  background-image:url(/guide/hajimete/images/btn_ttl_eq.png);
  background-repeat:no-repeat;
  background-position: 120px center;
  background-size:auto;
  width:370px;
  height:60px;
  box-sizing: border-box;
  text-align:center;
  margin:0 auto;
}
#sec_eq .btn>a::before{
  position:absolute;
  content:"";
  display:block;
  width:10px;
  height:15px;
  left: 98px;
  top:23px;
  bottom:0;
  background-image:url(/guide/hajimete/images/icon/icon_arrow_white_right.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_eq .btn>a:hover{
  opacity:0.7;
}

@media screen and (max-width: 667px) {
    #sec_eq{
      background-image:url(/guide/hajimete/images/sp/sp_bg_eq.jpg);
      background-position:center top;
      background-size:160%;
      background-color:#f3f3f3;
      padding: 55px 20px 20px 10px;
      margin-top: 0;
    }
    #sec_eq h2{
      width: 100%;
      padding-top: 5.4%;
      height: 0;
      line-height: 0;
      background-size: contain;
      margin: 0px auto 15px;
    }
    #sec_eq .sec_eq_box {
      width:100%;
    }
    #sec_eq .lead{
      position: absolute;
      width: 54%;
      height: auto;
      top: 15px;
      left: 45%;
      text-indent:unset;
      white-space:normal;
      background:none;
      font-size:15px;
    }
    #sec_eq .woman{
      position: relative;
      width: 40%;
      top: 0;
      margin-left: 15px;
    }
    #sec_eq .btn {
      position: relative;
      display: block;
      width: 84%;
      top: -20px;
      left: 8%;
    }
    #sec_eq .btn>a{
      width:100%;
      background-position: center center;
    }
    #sec_eq .btn>a::before {
      left: 15%;
    }
}
#sec_eq .sec_eq_detail{
  width:878px;
  margin-top:180px;
  padding:40px;
  background:#fff;
  border-top:#990100 solid 2px;
  border-bottom:#990100 solid 2px;
}
#sec_eq .sec_eq_detail>ul > li{
  float:left;
  width:50%;
}
#sec_eq .sec_eq_detail>ul > li>a{
  display:block;
  min-height:120px;
  padding-left:140px;
  background-repeat:no-repeat;
  background-position:left top;
  background-size:auto;
}
#sec_eq .sec_eq_detail>ul > li >a:hover{
  opacity:0.7;
  text-decoration:none;
}
#sec_eq .sec_eq_detail>ul >li:nth-of-type(1)>a{
  background-image:url(/guide/hajimete/images/eq_thumb01.jpg);
  margin-bottom:35px;
}
#sec_eq .sec_eq_detail>ul >li:nth-of-type(2)>a{
  background-image:url(/guide/hajimete/images/eq_thumb02.jpg);
  margin-bottom:35px;
}
#sec_eq .sec_eq_detail>ul >li:nth-of-type(3)>a{
  background-image:url(/guide/hajimete/images/eq_thumb04.jpg);
}
#sec_eq .sec_eq_detail>ul > li>a > dl >dt{
  font-size:18px;
  font-weight:bold;
}
#sec_eq .sec_eq_detail>ul > li>a > dl >dt::before{
  content:"";
  display: inline-block;
  width:10px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  background-image:url(/guide/hajimete/images/icon/icon_arrow_black_right.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_eq .sec_eq_detail>ul > li>a > dl >dd{
  margin-top:10px;
  font-size:14px;
}
@media screen and (max-width: 667px) {
    #sec_eq .sec_eq_detail {
      width: 100%;
      margin-top: 10px;
      padding: 25px 15px;
      box-sizing: border-box;
      border: #990100 solid 2px;
    }
    #sec_eq .sec_eq_detail >ul>li{
      width:100%;
      margin-bottom: 20px;
      float: none;
    }
    #sec_eq .sec_eq_detail>ul > li>a{
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      padding-left: 0;
      width: 100%;
      height: auto;
      min-height: 0;
      background-repeat:no-repeat;
      background-position:left top;
      background-size:26.5%;
      }
    #sec_eq .sec_eq_detail>ul >li>a::before{
      content:"";
      display: flex;
      width:30%;
      padding-top: 27%;
      height:auto;
    }

    #sec_eq .sec_eq_detail>ul >li:nth-of-type(1)>a{
      margin-bottom:0;
    }
    #sec_eq .sec_eq_detail>ul >li:nth-of-type(2)>a{
      margin-bottom:0;
    }
    #sec_eq .sec_eq_detail>ul >li:nth-of-type(4){
      margin-bottom:0;
    }
    #sec_eq .sec_eq_detail>ul >li>a>dl{
      width:70%;
      display: flex;
      flex-wrap: inherit;
    }
    #sec_eq .sec_eq_detail>ul > li>a > dl >dt {
      display: block;
      font-size: 15px;
    }
    #sec_eq .sec_eq_detail>ul > li>a > dl >dd{
      margin-top:8px;
    }
}

#sec_recommend{
  padding:60px 0 0;
}
#sec_recommend > h2{
  margin:0 auto 60px;
  width:221px;
  height:38px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-image:url(/guide/hajimete/images/ttl_recommend.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_recommend .sec_recommend_box{
  width:956px;
  padding: 28px 40px;
  box-sizing: border-box;
  margin:0 auto;
  background:#faeef2;
}

#sec_recommend .sec_recommend_box > h3{
  width:525px;
  height:27px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-image:url(/guide/hajimete/images/ttl_sub_duskin_dduet.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
  margin:50px auto;
}
#sec_recommend .rec_dduet{
  display:flex;
  justify-content: center;
}
#sec_recommend .rec_dduet>li{
  display:flex;
  width:418px;
}
#sec_recommend .rec_dduet>li>a:hover{
  opacity:0.7;
  text-decoration:none;
}
#sec_recommend .rec_dduet>li>a > dl >dt{
  font-size:18px;
  font-weight:bold;
  margin-top: 10px;
}
#sec_recommend .rec_dduet>li>a > dl >dt::before{
  content:"";
  display: inline-block;
  width:10px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background-image:url(/guide/hajimete/images/icon/icon_arrow_black_right.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_recommend .rec_dduet>li>a > dl >dd {
  margin-top: 10px;
  font-size: 14px;
}
#sec_recommend .btn_dduet >a {
  display:block;
  width:560px;
  height:70px;
  margin:50px auto 60px auto;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  border-radius:40px;
  background-color:#e95383;
  background-image:url(/guide/hajimete/images/btn_new_sign_up.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_recommend .btn_dduet>a:hover{
  opacity:0.7;
  text-decoration:none;
}

@media screen and (max-width: 667px) {
    #sec_recommend{
      padding:40px 0 0;
    }
    #sec_recommend > h2{
      margin: 0 auto 30px;
      width:32%;
      padding-top: 5.3%;
      height:auto;
      line-height: 0;
      background-size:contain;
     }
    #sec_recommend .sec_recommend_box{
      width:100%;
      padding: 30px 30px;
    }
    #sec_recommend .sec_recommend_box > h3 {
      width: 80%;
      padding-top:17.6%;
      line-height: 0;
      height: auto;
      background-image:url(/guide/hajimete/images/sp/sp_ttl_sub_duskin_dduet.png);
      background-size:contain;
      margin: 0 auto 20px;
    }
    #sec_recommend .rec_dduet{
      flex-wrap:wrap;
    }
    #sec_recommend .rec_dduet>li{
      width:100%;
      margin-bottom:30px;
    }
    #sec_recommend .btn_dduet >a {
      width: 100%;
      height:auto;
      padding-top: 16%;
      line-height: 1;
      margin: 20px auto 30px auto;
      background-size: 82%;
      border-radius: 50px;
      background-image:url(/guide/hajimete/images/sp/sp_btn_new_sign_up.png);
    }
}
#sec_recommend .rec_other{
  display:flex;
  margin: 50px auto;
  flex-wrap:wrap;
}
#sec_recommend .rec_other>li{
  display:flex;
  width:458px;
}
#sec_recommend .rec_other>li:nth-of-type(1){
  margin-right: 30px;
}
#sec_recommend .rec_other>li>a:hover{
  opacity:0.7;
  text-decoration:none;
}
#sec_recommend .rec_other>li>a > dl >dt{
  font-size:18px;
  font-weight:bold;
  margin-top: 10px;
}
#sec_recommend .rec_other>li>a > dl >dt::before{
  content:"";
  display: inline-block;
  width:10px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  background-image:url(/guide/hajimete/images/icon/icon_arrow_black_right.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_recommend .rec_other>li>a > dl >dd {
  margin-top: 10px;
  font-size: 14px;
}
@media screen and (max-width: 667px) {
    #sec_recommend .rec_other{
      display:block;
      padding:15px;
      margin: 50px auto;
    }
    #sec_recommend .rec_other>li{
      display:block;
      width:100%;
    }
    #sec_recommend .rec_other>li:nth-of-type(1){
      margin-right: 0;
      margin-bottom:20px;
    }
    #sec_recommend .rec_other>li>a > dl >dt{
      font-size:15px;
    }
}
/*ranking*/
#sec_ranking{
  padding:70px 0;
  background:#f6f5ec;
  box-sizing:border-box;
}
#sec_ranking .ranking{
  max-width: 986px;
  width:100%;
  padding:0 15px;
  margin:0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
#sec_ranking > h2{
  margin: 0 auto;
  width: 258px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url(/guide/hajimete/images/ttl_rank.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#sec_ranking #ranking h4{
  margin:50px auto 30px auto;
  text-align:center;
}
#sec_ranking .bx-viewport{
  padding-top: 30px;
}
#sec_ranking .slide_ranking >li{
  width:172px;
  float:left;
}
#sec_ranking .slide_ranking li>a{
  position:relative;
  display:block;
  box-sizing:border-box;
}
#sec_ranking .slide_ranking li>a::after{
  content:"";
  display:block;
  position:absolute;
  width:35px;
  height:31px;
  top:-22px;
  left: 0;
  right:0;
  margin:auto;
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
#sec_ranking .slide_ranking li>a:hover{
  opacity:0.7;
  text-decoration:none;
}
#sec_ranking .slide_ranking li>a p{
  margin-top:5px;
}
#sec_ranking .slide_ranking li:last-child{
  margin-right:0 !important;
}


@media screen and (min-width: 668px) {
  #sec_ranking .bx-controls.bx-has-pager{
    display:none;
  }
}
#sec_ranking .rank_info{
  font-size:14px;
  text-align:right;
}
@media screen and (max-width: 667px) {
  #sec_ranking{
    padding: 40px 0;
  }
  #sec_ranking > h2{
    width: 36.8%;
    padding-top: 5.3%;
    height: auto;
    line-height: 0;
    background-size: contain;
  }
  #sec_ranking #ranking h4{
    width:24.1%;
    height:auto;
    margin: 30px auto 10px auto;
  }
  #sec_ranking #ranking .rankService h4{
    width:18.8%;
    height:auto;
  }
  #sec_ranking .rank_info{
    font-size:12px;
    text-align:left;
  }
}
/*search*/
#sec_search{
  padding:60px 0 0;
}
#sec_search > h2{
  margin: 0 auto 60px auto;
  width: 354px;
  height: 34px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url(/guide/hajimete/images/ttl_search.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#sec_search .search_home_service,
#sec_search .search_business_service{
  border:#eee solid 1px;
  box-sizing: border-box;
}
#sec_search .search_home_service>h3,
#sec_search .search_business_service>h3{
  width:100%;
  height:auto;
  padding-top:10%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}
#sec_search .search_home_service>h3{
  background-image:url(/guide/hajimete/images/ttl_sub_search_home.jpg);
}
#sec_search .search_business_service>h3{
  background-image:url(/guide/hajimete/images/ttl_sub_search_business.jpg);
}
#sec_search .search_home_service h4,
#sec_search .search_business_service h4{
  margin:20px 0;
  padding:0 0 5px 0;
  font-size:24px;
  font-weight:bold;
  border-bottom:#990100 solid 4px;
  box-sizing:border-box;
}
#sec_search .service_various{
  padding:40px;
}
#sec_search .service_various:nth-of-type(2){
  padding:0 40px 40px 40px;
}
#sec_search .service_various > ul{
  display:flex;
}
#sec_search .service_various > ul >li{
  display:flex;
  width:418px;
  border:#eee solid 1px;
}
#sec_search .service_various > ul >li:nth-of-type(1){
  margin-right:40px;
}
#sec_search .service_various > ul >li>a{
  position:relative;
  display:block;
  width: 100%;
  font-size:20px;
  font-weight:bold;
  box-sizing: border-box;
}
#sec_search .service_various > ul >li>a::before,
#sec_search .service_various > ul >li>a::after{
  content:"";
  vertical-align:middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#sec_search .service_various > ul >li>a::before{
  display:inline-block;
  position:relative;
  width:118px;
  height:118px;
  left:0;
  top:0;
  margin-right: 20px;
}
#sec_search .service_various > ul >li>a:hover{
  opacity:0.7;
  text-decoration:none;
  color:#333;
}

#sec_search .service_various > ul >li:nth-of-type(1)>a::before{
  background-image:url(/guide/hajimete/images/thumb_search_home01.jpg);
}
#sec_search .service_various > ul >li:nth-of-type(2)>a::before{
  background-image:url(/guide/hajimete/images/thumb_search_home02.jpg);
}
#sec_search .service_various:nth-of-type(2) > ul >li:nth-of-type(1)>a::before{
  background-image:url(/guide/hajimete/images/thumb_search_home03.jpg);
}
#sec_search .service_various:nth-of-type(2) > ul >li:nth-of-type(2)>a::before{
  background-image:url(/guide/hajimete/images/thumb_search_home04.jpg);
}
#sec_search .search_business_service .service_various > ul >li:nth-of-type(1)>a::before{
  background-image:url(/guide/hajimete/images/thumb_search_business01.jpg);
}
#sec_search .search_business_service .service_various > ul >li:nth-of-type(2)>a::before{
  background-image:url(/guide/hajimete/images/thumb_search_business02.jpg);
}
#sec_search .service_various > ul >li>a::after{
  display:block;
  position:absolute;
  right:20px;
  top:0;
  bottom:0;
  width: 10px;
  height: 15px;
  margin:auto;
  background-image:url(/guide/hajimete/images/icon/icon_arrow_black_right.png);
}
#sec_search .search_business_service{ 
  margin:65px auto;
}
@media screen and (max-width: 667px) {
  #sec_search{
    padding: 40px 15px 0;
  }
  #sec_search > h2{
    margin: 0 auto 40px;
    width: 51.2%;
    height: auto;
    padding-top: 5.6%;
    background-size: contain;
  }
  #sec_search .search_home_service,
  #sec_search .search_business_service {
    box-sizing:border-box;
  }
  #sec_search .search_home_service h4,
  #sec_search .search_business_service h4{
    font-size:18px;
  }
  #sec_search .service_various{
    padding:15px;
    box-sizing:border-box;
  }
  #sec_search .service_various:nth-of-type(2){
    padding:0 15px 15px 15px;
  }
  #sec_search .service_various > ul {
    flex-wrap:wrap;
  }
  #sec_search .service_various > ul >li{
    margin:0 0 20px 0;
    box-sizing:border-box;
    width: 100%;
  }
  #sec_search .service_various > ul >li:nth-of-type(1) {
    margin-right: 0;
  }
  #sec_search .service_various > ul >li>a {
    width:100%;
    font-size: 15px;
    box-sizing:border-box;
  }
  #sec_search .service_various > ul >li>a::before{
    width:22.66%;
    height:auto;
    padding-top:22.66%;
    background-size:cover;
  }
  #sec_search .search_home_service>h3{
    background-image:url(/guide/hajimete/images/sp/sp_ttl_sub_search_home.jpg);
  }
  #sec_search .search_business_service>h3{
    background-image:url(/guide/hajimete/images/sp/sp_ttl_sub_search_business.jpg);
  }
  #sec_search .search_business_service {
    margin: 40px auto 60px;
  }
}
/*company_info*/
#sec_company_info{
  padding:60px 0 80px 0;
  background:#f2f2f2;
}
#sec_company_info > h2  {
  margin: 0 auto;
  width: 152px;
  height: 34px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url(/guide/hajimete/images/ttl_company_info.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#sec_company_info .list_company{
  display:flex;
  margin:60px auto 0 auto;
}
#sec_company_info .list_company>li:nth-of-type(1){
  margin-right:40px;
}
#sec_company_info .list_company>li>a:hover{
    opacity:0.7;
    text-decoration:none;
  }
@media screen and (max-width: 667px) {
  #sec_company_info{
    padding: 40px 0;
  }
  #sec_company_info > h2  {
    margin: 0 auto;
    width: 22.4%;
    height: auto;
    padding-top: 5.6%;
    line-height: 0;
    background-size: contain;
  }
  #sec_company_info .list_company{
    flex-wrap:wrap;
    padding: 30px 15px 0 15px;
    box-sizing:border-box;
    margin: 0 auto;
  }
  #sec_company_info .list_company>li{
    margin-bottom:20px;
  }
  #sec_company_info .list_company>li,
  #sec_company_info .list_company>li>a{
    width:100%;
  }
  #sec_company_info .list_company>li:nth-of-type(1){
    margin-right:0;
  }
}
/*contact*/
#sec_contact{
  padding:60px 0 0;
}
#sec_contact > h2  {
  margin: 0 auto 40px auto;
  width: 220px;
  height: 34px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url(/guide/hajimete/images/ttl_contact.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#sec_contact .contact_box{
  width:877px;
  margin:0 auto;
}
#sec_contact .lead_text{
  margin: 0 auto 40px;
  width: 454px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url(/guide/hajimete/images/ttl_sub_contact.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
@media screen and (max-width: 667px) {
  #sec_contact{
    padding:40px 0 0;
  }
  #sec_contact > h2  {
    margin: 0 auto 20px auto;
    width: 32.7%;
    height: auto;
    padding-top: 5.3%;
    line-height: 0;
    background-size: contain;
  }
  #sec_contact .contact_box{
    width:100%;
    padding:15px;
    margin:0 auto;
    box-sizing: border-box;
  }
  #sec_contact .lead_text{
    margin: 0 auto;
    width: 59.46%;
    height:auto;
    padding-top:10%;
    background-image:url(/guide/hajimete/images/sp/sp_ttl_sub_contact.png);
    background-size:contain;
  }
}
#sec_contact .contact_box > ul {
  display:flex;
  justify-content:center;
  align-items:center;
}
#sec_contact .contact_box > ul >li{
  display:flex;
  border:#ddd solid 1px;
  box-sizing:border-box;
}
#sec_contact .contact_box > ul >li:nth-of-type(1){
  margin-right:40px;
}
#sec_contact .contact_box > ul >li>a{
  position:relative;
  display: block;
  width:418px;
  font-weight:bold;
  font-size:16px;
  padding: 35px;
  box-sizing:border-box;
}
#sec_contact .contact_box > ul >li>a:hover{
    opacity:0.7;
    text-decoration:none;
    color:#333;
  }
#sec_contact .contact_box > ul >li>a::before,
#sec_contact .contact_box > ul >li>a::after{
  content:"";
  display:inline-block;
  margin-right:20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  vertical-align:middle;
}
#sec_contact .contact_box > ul >li:nth-of-type(1)>a::before{
  width:56px;
  height:46px;
  background-image:url(/guide/hajimete/images/icon/icon_contact_ai.png);  
}
#sec_contact .contact_box > ul >li:nth-of-type(2)>a::before{
  width:56px;
  height:38px;
  background-image:url(/guide/hajimete/images/icon/icon_contact_mail.png);  
}
#sec_contact .contact_box > ul >li>a::after{
  position:absolute;
  top:0;
  bottom:0;
  right: 25px;
  width:10px;
  height:15px;
  margin:auto;
  background-image:url(/guide/hajimete/images/icon/icon_arrow_black_right.png);
}
@media screen and (max-width: 667px) {
  #sec_contact .contact_box > ul {
    flex-wrap:wrap;
    width: 100%;
  }
  #sec_contact .contact_box > ul >li{
    width:100%;
  }
  #sec_contact .contact_box > ul >li:nth-of-type(1){
    margin-right:0;
  }
  #sec_contact .contact_box > ul >li>a{
    position:relative;
    display: block;
    width:100%;
    font-weight:bold;
    font-size:16px;
    padding: 25px 25px;
    max-height: 90px;
  }
  #sec_contact .contact_box > ul >li{
    margin-bottom:20px;
  }
  #sec_contact .contact_box > ul >li:nth-of-type(1)>a::before{
    display:block;
    position:absolute;
    left:25px;
  }
  #sec_contact .contact_box > ul >li:nth-of-type(1)>a{
    padding-left:105px;
  }
  #sec_contact .contact_box > ul >li>a::after{
    right: 20px;
  }
}
#sec_contact .tel_box{
  display:flex;
  border:#ddd solid 1px;
  padding:35px;
  margin: 40px auto;
}
#sec_contact .tel_box .tel_info{
  box-sizing:border-box;
  width: 40%;
  padding-left: 70px;
  font-weight:bold;
}
#sec_contact .tel_box .tel_info>span{
  display:block;
  font-size:14px;
}
#sec_contact .tel_box .tel_num{
  box-sizing:border-box;
  width: 60%;
  text-indent:100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url(/guide/hajimete/images/tel_num.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#sec_contact .peve_none{
  pointer-events: none;
}
@media screen and (max-width: 667px) {
  #sec_contact .tel_box .tel_info{
    display:none;
  }
  #sec_contact .tel_box .tel_info>span{
    display:none;
  }
  #sec_contact .tel_box .tel_num{
    background:none;
    width:100%;
    height:auto;
  }
  #sec_contact .tel_box{
    position:relative;
    background-image:url(/guide/hajimete/images/sp/sp_tel_num.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 70%;
    padding: 0;
    margin: 0 auto 40px auto;
  }
  #sec_contact .tel_box .tel_num>a{
    display:block;
    text-indent:150%;
    white-space: nowrap;
    overflow: hidden;
    padding: 35px;
    max-height: 90px;
  }
}


/* 20200907 */
#sec_ranking .slide_ranking li:nth-of-type(1)>a::after{
	background-image: url(/guide/hajimete/images/icon/icon_rank_no1.png);
}
#sec_ranking .slide_ranking li:nth-of-type(2)>a::after{
	background-image: url(/guide/hajimete/images/icon/icon_rank_no2.png);
}
#sec_ranking .slide_ranking li:nth-of-type(3)>a::after{
	background-image: url(/guide/hajimete/images/icon/icon_rank_no3.png);
}
#sec_ranking .slide_ranking li:nth-of-type(4)>a::after{
	background-image: url(/guide/hajimete/images/icon/icon_rank_no4.png);
}
#sec_ranking .slide_ranking li:nth-of-type(5)>a::after{
	background-image: url(/guide/hajimete/images/icon/icon_rank_no5.png);
}

.rankPriod p {
	font-size: 14px;
	text-align: right;
}

.no_ranking {
	font-size: 18px;
	text-align: center;
	margin: 40px 0 60px;
}


@media screen and (max-width: 667px) {
.rankPriod p {
	font-size: 12px;
}

.no_ranking {
	font-size: 4vw;
}
}