@charset "UTF-8";


/* SP：ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:680px ){




.noneSP {display:none !important;}

  .br-pc { display:none; }
  .br-sp { display:block;}
  
  
  .pc { display: none !important; }
  .sp { display: block !important; }



img{
	width:100%;
	height: auto
	}

	

p.kaisoufoot{
	position: relative;
	margin: -0px 0 -4px !important;
	}		
	
	
	
	


/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/

body{
	animation: fadeIn 2s ease 0s 1 normal;
   -webkit-animation: fadeIn 2s ease 0s 1 normal;
   letter-spacing: 0;
   font-family: "Noto Sans JP"; 
   height: auto;
   background-color: #fff;
   text-align: justify; // Required for IE and Edge 
   text-align-last: right;
   font-feature-settings: "palt";
   }


 @keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }




	
/*///////////////////////////////////////////////


ヘッダ


///////////////////////////////////////////////*/


header{
	margin:0;
	padding:0 5%;
}

	
h1 img{
	padding: 0;
	margin: 0;
	width: 45%;
	height: auto;
}
	


	

/*///////////////////////////////////////////////


メイン画面


///////////////////////////////////////////////*/




div.mainimg{
	margin: -10px auto 0;
}
	


div.bud img{
	text-align: center;
	margin: 1% auto;
	display: block;
	width: 25%;
	}


.budsp{
	width: 40% !important;
}



.mtmsp30{
	margin-top: -50px;
}





/*///////////////////////////////////////////////


コンテンツ説明


///////////////////////////////////////////////*/


section.contents{
	background: url(../img/bg_sp_contents.jpg) repeat-x;
	background-size:contain;
	background-position: center;
	padding: 0% 0 10%;
}




div.contentsimg{
	padding:0 1% ;
}



div.contentsimg img{
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 90%;
}



/*///////////////////////////////////////////////


リンクボックス


///////////////////////////////////////////////*/



.mlm10sp{
	margin-left: -10px;
}

	
ul.linkbtnsp{
	padding: 5% 5% 1% 5%;
	margin: 0;
}


ul.linkbtnsp li{
	margin-bottom: 2%;
}



div.bnr{
	margin: 0 auto;
	padding: 5%;
}


	
	










/*///////////////////////////////////////////////


インフォメーション詳細


///////////////////////////////////////////////*/



section.infomation{
	margin: 5% auto;
}



h2{
	background: url(../img/bg_h2sp.jpg) no-repeat;
	background-size: contain;
	color: #fff;
	text-align: center;
	width: 90%;
	height: 50px;
	margin: 0 5%;
	padding: 12px 0 0 0;
	font-size: 130%;
	letter-spacing: 3px;
}



h3{
	background-color: #22ad38;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	width: 90%;
	height: 50px;
	margin: 0 5%;
	padding: 20px 0 0 0;
	font-size: 120%;
	letter-spacing: 3px;
}





section.infomation div.loan{
	font-size: 100%;
	padding:0 5% 3%;
	letter-spacing: 2px;
	line-height: 200%;
}



dl.loaninfo,dt,dd{
	padding: 0;
	margin: 0;
	line-height: 180%;
}


dl.loaninfo{
	padding: 3% 0 3%;
}


dl.loaninfo dt{
	font-weight: 700;
	font-size: 110%;
}


dl.loaninfo dd{
	font-size: 95%;
}


section.infomation div.loan p.coutiontxt{
	margin:0 0 5% 0;
	font-size: 80%;
	line-height: 200%;
}


p.season{
	font-weight: 700;
	font-size: 160%;
	letter-spacing: 4px;
	text-align: center;
}




div.infotxtbox{
	background-color: #fffde1;
	padding:3% 5%;
	margin-top: 8%;
	font-size: 85%;
	line-height: 200%;
}



p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 1%;
}




.containerstore {
	display: flex;
	text-align: center;
	margin: 4% auto;
  }



.store{
	margin:0 30px;
	text-align: center;
}



ul.store{
	margin: 5% 0 5% 5px;
	padding: 0;
}



ul.store li {
    float: left;
    font-size: 95%;
    line-height: 160%;
    letter-spacing: 2px;
    text-align: left;
	line-height: 220%;
	font-weight: 700;
	margin-right: 15px;
}



p.jaread{
	clear: both;
	text-align: center;
	font-weight:700;
	font-size: 130%;
	margin: 5% 0;
	padding: 5% 0 0;
	display: block;
	color: #22ad38;
	line-height: 170%;
}




p.jalogo{
	text-align: center;
	margin: 0 auto;
	width: 50%;
}




p.coutiontxt002{
	font-size: 75%;
	margin-bottom: 10%;
	line-height: 190%;
}



























/*///////////////////////////////////////////////


フッター


///////////////////////////////////////////////*/


footer{
	background-color: #2ab77c;
	padding: 5% 0;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	font-size: 70%;
	line-height: 180%;
}


	

}