@charset "utf-8";
/* CSS Document */
/* responsive_gray_style */



:root {
  --brown:#40220F;
  --pink:#D70051;
  --violet:#9659A1;
  --white:#FFFFFF;
  
 
}

/*.products_button {
	margin: 0 auto 20px;
	display: block;
	position: relative;
	width: 680px;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	color: #555555;
	background: #fff;
	border:2px solid #CC0033;
	font-size:1.1em;
	font-weight: bold;
}
.products_button:hover {
	 background: #CC0033;
         color: #fff;
	 cursor: pointer;
	 text-decoration: none;
	font-size:1.1em;
	font-weight: bold;
}*/

.products_button {
	margin: 0 auto 20px;
	display: block;
	position: relative;
	width: 680px;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #CC0033;
	border:2px solid #CC0033;
	font-size:1.1em;
	font-weight: bold;
}
.products_button:hover {
	 background: #fff;
         color: #555;
	 cursor: pointer;
	 text-decoration: none;
	font-size:1.1em;
	font-weight: bold;
}

p {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	margin: 2em 0;
}

.clear{
	clear:both;
}

.f_left{float:left;}
.f_right{float:right;}




body{
	color:#333;
	margin:0;
	padding:0;
	max-width:100%;
		font-family: 'Avenir Next','Avenir', 'Helvetica Neue','Helvetica Neue','Helvetica',YuGothic,'Yu Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	font-size: 0.95rem;
}

a{
	text-decoration:none;	
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.align-left{
text-align:left;
display:block;	

}




em{
font-style:normal;
font-weight:bold;	
	
}
#wrapper{text-align:center;  margin:auto; max-width:100%;}
#header{background-color:#DF0522;text-align:left; margin:0;max-width: 90%;padding:0.5em 5%;}

h1{
	text-align: center;
	margin:20px auto;
	padding:0;

}


h1 img{width:5em;}


section{
	padding-bottom:2rem;

}

#container{
	text-align:left; 
	margin-left:auto;
	margin-right:auto;
	width:80%;

}

.clear{clear:both;}


.note {
	text-align:left;
	/*display:inline-block;*/
	font-size:85%;
	border-radius:8px;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1rem;
	
}


		
/*.pc_only{display:inline-block;}*/		
.sp_only{display:none;}



.note a{


text-decoration: underline;
}


@media only screen and (max-width:979px){
	

}


@media only screen and (max-width:720px) {

	
.products_button{
width:90%;
	padding:0.8rem;
	}
	


#container{
	text-align:left; 
	margin-left:auto;
	margin-right:auto;
	width:95%;

}	
.sp_only{display:inline-block;}
.pc_only{display:none;}	
	

/*ナビゲーション上部固定*/
	
	

#wrapper{max-width:100%;}
	
header{
max-width:100%;		
}

#header ul{
max-width:50%;
margin-right:10px;	
}


#header ul img{
max-width:12%;
	
}


p{font-size:90%;}

p{max-height:100%;  }


#link_about_campaign,
#link_products_list,
#link_method,
#link_agreement
{
margin-top:-5rem;
padding-top:5rem;
}

}

@media only screen and (max-width:640px) {
	
h1{
	text-align: center;
	margin:20px auto;
	padding:0;

}


h1 img{width:4em;}
	
.products_button{
width:90%;
	padding:0.8rem;
	}	
	
	
	
	
	
	
}