/*===============================================
●pc用のcssを記述
===============================================*/
@media screen and (min-width : 480px ){





	
 /*共通TXT-----------------*/		
	
.t-go {
    font-family: 'Noto Sans JP', sans-serif;
}
.t-min {
font-family: 'Noto Serif JP', serif;
}
	
.txt-body {
    width: 100%;
    font-size: 125%;
    line-height: 175%;
}

.txt-lead {
    width: 100%;
    font-size: 156%;
    line-height: 180%;
}
.txt-price {
    width: 100%;
    font-size: 218%;
    line-height: 140%;
}
.txt-caption {
    width: 100%;
    font-size: 88%;
    line-height: 130%;
}			
				

		
	



	
/*wrapp-----------------*/	
	
.wrapp_rec {
    max-width: 660px;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: table;	
}
	
.rec_content {
    margin-right: auto;
    margin-left: auto;
    display: table;
	height: 600px;
    width: 100%;
}		
	
.rec_01-poinbox{
    margin-right: auto;
    margin-left: auto;
    display: table;
	max-width: 660px;
    width: 100%;
}		
.rec_01-poinbox_box {
    margin-right: auto;
    margin-left: auto;
    display: table;
    width: 80%;
}	
	
.rec_01img {
    margin-right: auto;
    margin-left: auto;
    display: table;
    width: 100%;

}		
	
.rec_01-sien-box{
    margin-right: auto;
    margin-left: auto;
    display: table;
	max-width: 720px;
    width: 100%;
}	
.rec_01-sien-box_hidari{
float: left;
    display: table;
    width: 49%;
}	
.rec_01-sien-box_migi{
float: right;
    display: table;
    width: 49%;
}	
	
	

	
	
	
	
  	.w-991{
	visibility: hidden;
	display: none;
	}		
		.w-992{

	display: block;
	}	
		.w-768-hid{
	display: none;
	visibility: hidden;
			}	
			

.rec_08 {
    margin-right: auto;
    margin-left: auto;
	margin-top: 90px;
	margin-bottom: 20px;
    display: table;
    width: 100%;
	
}	

.rec_08_01_box {
    width: 101%;
	margin-left: auto;
	margin-right: auto;
    display: table;
    margin-bottom: 20px;
}		
.rec_08_01_mi {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}		
	
	
	
	
}




/*ここからスマートフォン用環境の設定---------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 479px ){




	
/*共通TXT-----------------*/		
	
.t-go {
    font-family: 'Noto Sans JP', sans-serif;
}
.t-min {
font-family: 'Noto Serif JP', serif;
}
	
.txt-body {
    width: 100%;
    font-size: 125%;
    line-height: 175%;
}

.txt-lead {
    width: 100%;
    font-size: 156%;
    line-height: 180%;
}
.txt-price {
    width: 100%;
    font-size: 218%;
    line-height: 140%;
}
.txt-caption {
    width: 100%;
    font-size: 88%;
    line-height: 130%;
}			
		


	
/*wrapp-----------------*/	
	
.wrapp_rec {
    width: 95%;
	max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    display: table;	
}
	
.rec_content {
    margin-right: auto;
    margin-left: auto;
    display: table;
	min-height: 600px;
    width: 100%;
}		

.rec_01img {
    margin-right: auto;
    margin-left: auto;
    display: table;
    width: 100%;


}		
	
.rec_01-sien-box{
    margin-right: auto;
    margin-left: auto;
    display: table;
	max-width: 720px;
    width: 100%;
}	
.rec_01-sien-box_hidari{
float: left;
    display: table;
    width: 100%;
}	
.rec_01-sien-box_migi{
float: right;
    display: table;
    width: 100%;
}			
	
  	.w-991{

	display: block;
	}		
	.w-992{
	visibility: hidden;
	display: none;
	}		
	
	
	

.rec_08 {
    margin-right: auto;
    margin-left: auto;
	margin-top: 90px;
	margin-bottom: 20px;
    display: table;
    width: 100%;
	
}	

.rec_08_01_box {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}		
.rec_08_01_mi {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}		
	


}
