@charset "UTF-8";

.SP{display:none !important;}
@media only screen and (max-width:1080px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}

body{background: #f7f7f9;}

.lp_main{
	background:url(https://ishiuchi.or.jp/tips/lp_data/apres-ski/img/lp_view_01.jpg)  center top no-repeat;
  background-size: 100%;
}

.lp_main.SP{
	background:none!important;
}

.title_set{
  text-align: center;
  padding:15vw 0 19vw 0!important;
}



.lp_main h2 img{
  max-width: 45vw;
  width: 100%;
}

.bold{
  font-weight: bold;
}

.f_blue{
  color: #008ed8;
}

.f_pink{
  color: #ff5e97;
}


.h2_read{
  text-align: center;
  font-size: 240%!important;
  margin: 0 0 3vw 0!important;
}

.lead{
  text-align: center;
  margin: 0 auto 4.5vw auto!important;
  width: 60vw;
  font-size: 1.1vw;
  line-height: 200%;
}


/* lp_cont02 */

.lp_cont02{
  background: #e4eef3;
  padding: 5vw;
}


.lp_cont02.white{
  background: #fff;
}


.lp_cont03{
  padding: 5vw;
  background:url(https://ishiuchi.or.jp/tips/lp_data/apres-ski/img/lp_view_last_arrow.jpg)  center top no-repeat #008ed8;
  position: relative;
}

.h3_cont{
  text-align: center;
  font-size: 200%;
  font-weight: 700;
  margin-bottom: 4vw;
}

.h3_cont span{
  display: block;
  font-size: 55%;
  color: #cd0016;
}



.last_read{
  max-width: 1200px;
  margin:5vw auto 0 auto;
  text-align: center;
  line-height: 200%;
  font-size: 120%;
}

.last_read p:first-child{
  font-size: 180%;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0095db;
}

.last_read p:first-child span{
  color: #ff0072;
}


/*ap_about*/
.ap_about{
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content:space-between;
  line-height: 220%;
}

.ap_about p:first-child{
  width: 35%;
}


.ap_about p:last-child{
  width: 60%;
}

/*ap_event*/
.ap_event{
  max-width: 1170px;
  margin: 0 auto 40px auto;
  display: flex;
  justify-content:space-between;
  line-height: 220%;
}

.ap_event:last-child{
  margin-bottom: 0;
}



.ap_event p:first-child{
  width: 45%;
}


.ap_event p:last-child{
  width: 50%;
}

.ap_event p:last-child span{
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

h4.ev{
  background: #cd0016;
  text-align: center;
  border-radius: 50px;
  color: #fff000;
  max-width: 1200px;
  margin: 0 auto 50px auto;
  font-weight: 700;
  font-size: 170%;
  padding: 10px 10px 14px 10px;
  line-height: 140%;
}


/* cont_last */
.cont_last{
  max-width:1200px; 
  margin: auto;
  background: #fff;
  padding: 5vw;
  text-align: center;
  box-shadow: 7px 7px 12px 3px rgba(3, 116, 162, .8);
  box-sizing: border-box;
}

.cont_last p{
  font-size: 110%;
  line-height: 200%;
}

.cont_last h2{
  font-size: 230%;
  font-weight: 800;
  margin-bottom: 40px!important;
}



/*SP*/
@media screen and (max-width: 1080px) {


.h2_read{
  line-height: 140%!important;
  padding: 0 20px;
  text-align: center;
  font-size: 140%!important;
  margin: 15px 0 0 0!important;
}


  .lead{
    width: 85%;
    font-size: 100%;
    margin-bottom:20px!important;
    margin-top:10px!important;
  }
  

.title_set{
  padding:20px 20px 30px 20px!important;
}

/* lp_cont02 */
 .lp_cont02 .lp_tit_h3{
   font-size: 130%!important;
   line-height: 130%!important;
 }
 
 
  /* cont_last */
  .lp_cont03{
    background-size: 10%;
    }
  
    .cont_last{
      max-width:100%; 
      padding: 20px;
    }
  
    .cont_last p{
      font-size: 100%;
      line-height: 160%;
    }
  
    .cont_last h2{
      font-size: 130%;
      margin-bottom: 15px!important;
      line-height: 140%!important;
    }
  
  .h3_cont{
    font-size: 140%;
    margin-bottom: 20px;
    line-height: 140%;
  }

  .h3_cont span{
    font-size: 70%;
  }

  /*ap_about*/
  .ap_about{
    display: block;
  }

  .ap_about p:first-child{
    width: 100%;
    margin-bottom: 20px;
  }


  .ap_about p:last-child{
    width: 100%;
  }


  /*ap_event*/
  .ap_event{
    max-width: 100%;
    margin: 0 auto 40px auto;
    display: block;
    line-height: 220%;
  }

  .ap_event:last-child{
    margin-bottom: 0;
  }



  .ap_event p:first-child{
    width: 100%;
    margin-bottom: 10px;
  }


  .ap_event p:last-child{
    width: 100%;
  }



  h4.ev{
    max-width: 100%;
    margin: 0 auto 20px auto;
    font-size: 120%;
    padding: 5px;
  }



}
