@charset "utf-8";
/* CSS Document */
.mail_magazine{
	padding: 60px 0;
    width: 960px;
    margin: 0 auto;
	box-sizing:border-box;
}
.mb1{
	margin-bottom:1rem;
}

.mb3{
	margin-bottom:3rem;
}
.mb5{
	margin-bottom:5rem;
}

.mb8{
	margin-bottom:8rem;
}
span.small{
	display:block;
	font-size:0.9rem;
}
span.red{
	color:#af0b0b;
	font-weight:700;
}
.center{
	text-align:center;
}
.big{
	font-size:1.2rem;
}

.mail_magazine p{
	line-height:1.8;
}
.mail_magazine_outview{
	display:flex;
	margin-bottom:2rem;
}

.outview{
	width:480px;
	padding:30px 0;
}
.outview{
	border-right:1px solid #cacaca;
}
.outview th{
	width:120px;
	font-size:1.2rem;
	padding:20px 0;
	text-align:left;
	font-weight:500;
	vertical-align:top;
}
.outview td{
	font-weight:500;
	font-size:1.2rem;
	vertical-align:top;
	padding:20px 0;
}

.form{
	width:480px;
	padding:30px 20px 30px 50px;
}
	
.form input { 
	display: block; 
	width: 100%; 
	padding: 15px 10px; 
	margin: 0 auto 15px auto; 
	font-size: 1rem; 
	font-weight: normal; 
}
.form input[type="submit"] { 
	font-size: 1.1rem; 
	font-weight: 500; 
	padding: 15px 10px; 
	border: none; 
	font-family: 'Noto Serif JP', serif;
	background:#600f18;
	color:#ffffff;
	margin-bottom:2rem;
	cursor:pointer;
}
.form p{
	font-size:0.8rem;
}

.mm_faq p{
	white-space:pre-wrap;
	font-size:0.9rem;
}
.mm_faq{
	display:flex;
	justify-content:space-between;
	background:#dfd6c5;
	padding:30px 20px;
	margin-bottom:8rem;
	border:1px solid #eeeeee;
}
.mm_faq .for_faq{
 position: relative;
 padding:1rem 1rem 1.1rem;
 color:#000;
 font-family: 'Noto Serif JP', serif; 
 font-weight:500;
 font-size:0.9rem;
 border:1px solid #333;
 background:#ffffff;
 width:250px;
 margin:0 auto;
 text-align:center;
}

.mm_faq .faq_arrow {
  position: absolute;
  right: left;
  top: 55%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  margin: auto;
  margin: auto;
  width: 15%;
}


.mail_magazine h3 { 
font-family: 'Noto Serif JP', serif;	  
font-weight: 500; 
font-size: 1.8rem;
text-align:center;
margin-bottom:3rem;
}

.mail_magazine_contents{
	display:flex;
	justify-content:space-between;
	margin-bottom:8rem;
}

.mail_magazine_content{
	width:300px;
}
.mail_magazine_content figure img{
	width:300px;
	object-fit: cover;
	aspect-ratio: 3 / 2;
	object-position:top;
	margin-bottom:0.5rem;
}
.mail_magazine_contents h4{
	font-size:1.1rem;
	margin-bottom:0.5rem;
}
.mail_magazine_contents p{
	font-size:0.85rem;
	white-space:pre-wrap;
}

.campaign_table{
	width:100%;
	text-align:center;
	font-weight:500;
	margin-bottom:8rem;
}
.campaign_table th{
	background:#ab9c7b;
	color:#111111;
	padding:5px 0;
}
.campaign_table td{
	background:#dfd6c5;
	padding:20px;
	
	
}

.how_to_use_mailmagazine_discount{
	width:650px;
	margin:0 auto;
}
.step1{
	padding-left:4rem;
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:3rem;
}
.step1 span{
	display:block;
	font-size:1rem;
	color:#666;
}
.step1::before {
	content: '①';
	position:absolute;
	left:0;
	top:-0.6rem;
	font-size:2.4rem;
}


.step2{
	padding-left:4rem;
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:3rem;
}
.step2 span{
	display:block;
	font-size:1rem;
	color:#666;
}
.step2::before {
	content: '②';
	position:absolute;
	left:0;
	top:-0.6rem;
	font-size:2.4rem;
}


.step3{
	padding-left:4rem;
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:3rem;
}
.step3 span{
	display:block;
	font-size:1rem;
	color:#666;
}
.step3::before {
	content: '③';
	position:absolute;
	left:0;
	top:-0.6rem;
	font-size:2.4rem;
}

.step4{
	padding-left:4rem;
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:8rem;
}
.step4 span{
	display:block;
	font-size:1rem;
	color:#666;
}
.step4::before {
	content: '④';
	position:absolute;
	left:0;
	top:-0.6rem;
	font-size:2.4rem;
}



.mail_magazine_rules{
	background:#dfd6c5;
	border:1px solid #d3d3d3;
	border-radius:10px;
	font-weight:500;
	padding-top:50px;
	margin-bottom:8rem;
	

}
.mail_magazine_rules ul{	
	padding:0 50px 80px 130px;
}
.mail_magazine_rules li{
	margin-bottom:1rem;
	font-size:0.9rem;
	text-indent:-1.1rem;
	white-space:pre-wrap;
}
.mail_magazine_rules li::before {
	content: '※';
	font-size:0.9rem;
	padding-right:0.2rem;
	
	
}


.form2 form{
	display:flex;
	justify-content:space-evenly;
}

.form2 input { 
	display: block; 
	padding: 10px 10px; 
	font-size: 1rem; 
	font-weight: normal;
	height:60px;
}
.form2 input[type="submit"] { 
	font-size: 1.1rem; 
	font-weight: 500; 
	padding: 10px 10px; 
	border: none; 
	font-family: 'Noto Serif JP', serif;
	color:#ffffff;
	margin-bottom:2rem;
	cursor:pointer;
}
.form2 .public-email{
	width:58%;
	
}

.form2 .public-btn{
	width:20%;
	background:#F37021;
	
}

.form2 .reject{
	background:#4e3f39;
}