@charset "UTF-8";

/* ==================================================
  style.css
================================================== */

html {
	/*スマホを横向きにしても文字サイズが変わらない設定*/
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

* {
  margin: 0;
  padding: 0;
}

body {
  box-sizing: border-box;
  color: #000;
  /*font-family: "Arial", "Segoe UI", "Helvetica", sans-serif;*/
  font-family: "游ゴシック","ヒラギノ角ゴ ProN","メイリオ",sans-serif;
}

@media screen and (min-width: 701px){
.l_wrap {
	   max-width: 1200px;
       margin: 0 auto;	
	}
    
img {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
  /* SP style */

	.l_wrap {
	 width: 100%;
     margin: 0 auto;
	 text-align: center;
	}
	
    .sp { 
		display: inline;
	}
	
}

  /* -------------------------------------------------
  .l-header
----------------------------------------------------*/
@media screen and (min-width: 701px){
.c-keyvisual_sp {
	   display: none;
	}
	
.c-keyvisual_pc img{
        width:100%;
    }
    
}

@media screen and (max-width: 700px) {
.c-keyvisual_sp {
		width: 100%;
	}
	
	.c-keyvisual_sp img{
		width: 100%;
	}
	
	.c-keyvisual_pc {
		display: none;
	}
    
}

  /* -------------------------------------------------
  .l-main
----------------------------------------------------*/

  /*	
   .p-firstBlock
---------------------------------------------------- */
@media screen and (min-width: 701px){
.p-firstBlock_sp {
		display: none;
	}
    
.p-firstBlock_sp_2 {
		display: none;
	}
}

@media screen and (max-width: 700px) {
    .p-firstBlock_sp img{
       width: 100%; 
    }
    
    .p-firstBlock_pc {
		display: none;
	}
    
}
	
  /*
   .p-secondBlock
---------------------------------------------------- */	
@media screen and (min-width: 701px){
.p-secondBlock_sp {
	    display: none;
    }
}

@media screen and (max-width: 700px) {
    .p-secondBlock_sp img{
       width: 100%; 
    }
    
    .p-secondBlock_pc {
	    display: none;
    }
    
}
	
  /*	
   .p-thirdBlock
---------------------------------------------------- */
@media screen and (min-width: 701px){
    
    .p-thirdBlock {
        padding-bottom: 100px;
    }
    
	.p-thirdBlock_sp {
		display: none;
	}
    
    .p-thirdBlock_button {
        display: flex;
        justify-content: center;
        padding: 30px 10px 0 10px;
    }
    
     .p-button-info-sp {
        display: none;
    }
    
    .p-button-kuchikomi-sp {
        display: none;
    }

    .p-thirdBlock_button > li:nth-child(3){
        padding-left: 50px;
    }
    
    .p-thirdBlock_button img {
        width: 100%;
    }

}

@media screen and (max-width: 700px) {
    .p-thirdBlock {
        padding-bottom: 15%;
        text-align: center;
    }
    
    .p-thirdBlock_pc {
        display: none;
    }
    
    .p-thirdBlock_text1 {
        font-size: 2.8rem;
        color: #ff668e;
        font-weight: 700;
    }
    
    .p-thirdBlock_text2 {
        font-size: 1.8rem;
        line-height: 30px;
        padding: 20px 0 70px;
        font-weight: 500;
    }
    
     .p-thirdBlock_text-end {
        font-size: 3.5rem;
        font-weight: 600;
    }

	.p-thirdBlock_sp {
		width: 100%;
	}
	
	.p-thirdBlock_sp img{
	   width: 100%;
    }
    
    .p-thirdBlock_button {
        padding-top: 5%;
    }
    
    .p-thirdBlock_button > li img {
       width: 100%;
       padding: 0 5%;
    }   

    .p-thirdBlock_button > li:nth-child(n+3){
      padding-top: 5%;
   }
    
    .p-button-info {
        display: none;
    }
    
    .p-button-kuchikomi {
        display: none;
    }

}

	
  /* -------------------------------------------------
  .l-footer
----------------------------------------------------*/
@media screen and (min-width: 701px){	
.l-footer {
		padding: 0 15%;
	}
	
	.l-footerWrap {
		width: 60%;
		margin: 0 auto;
		padding: 20px ;
	}
	
	.p-footer__logo {
		text-align: center; 
	}
	
	.p-footer__logoList {
		display: flex;
		justify-content: space-around;
        align-items: center;
	}
  
	.p-footer__list {
		display: flex;
		justify-content: space-around;
        align-items: center;
		font-size: 1.8rem;
	}
	
	.p-footer__number {
		padding-right: 5px;
	}
	
	.p-footer__andImg {
		margin: 0 5px;
	}
    
}

@media screen and (max-width: 700px) {
	.l-footerWrap {	
		padding: 20px 5%;
	}

	.p-footer__logo {
		text-align: center; 
	}
	
	.p-footer__logoList {
		display: flex;
		justify-content: space-around;
        align-items: center;
		width: 90%;
		margin: 0 auto;
	}
  
	.p-footer__list {
		display: flex;
		justify-content: space-around;
        align-items: center;
		width: 90%;
		margin: 0 auto;
	   	font-size: 1.6rem;
        white-space: nowrap;
	}
	
	.p-footer__list li a img{
		width: 100%;
	}
	
	.p-footer__logoList li a img{
		width: 100%;
	}
	
	.p-footer__andImg {
		padding: 0 5px;
	}
		
	.p-footer__number {
		padding-right: 5px;
	}

}

