@charset "utf-8";


#contents h2{
    margin-bottom:60px;
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 150%;
}
    
#contents .box{
    float:left;
    margin:0 40px 40px 0;
    }

#contents .box h3{
    margin:0 0 20px 0;
    font-family: 'Noto Serif JP', serif;
    font-size: 21px;
    font-size: 2.1rem;
    }

#contents .box h3 span{
    font-size: 14px;
    font-size: 1.4rem;
    }
    
#contents .box .pic{
    margin:0 0 10px 0;
    }
    
#contents .box.mr0{
    margin:0 0 40px 0;
    }    
    
#contents .request{
    clear:both;
    width:600px;
    }

#contents .request h3{
    margin-bottom:20px;
    font-family: 'Noto Serif JP', serif;
    font-size: 21px;
    font-size: 2.1rem;
    }    
    
#contents .request .borderBox{
    border:1px solid #eaeaea;
    margin-bottom:10px;
    padding:25px;
    }

#contents .request .borderBox .img{
    float:right;
    margin-left:10px;
    }

#contents .request .borderBox p{
    font-size: 18px;
    font-size: 1.8rem;
    line-height:180%;
    }

#contents .request .borderBox p span{
    font-size: 14px;
    font-size: 1.4rem;
    }

/* カタログの請求 */
#contents.request_form {
	
}

#contents.request_form .column02{
	overflow: hidden;
	margin: 20px 0;
}

#contents.request_form .column02 > .floatL{
	width:650px;
}

#contents.request_form .column02 > .floatR{
	width:525px;
	float: right;
	display: table;
}

#contents.request_form .column02 h2{
	margin-bottom: 0;
}

#contents.request_form .column02 > .floatR > div{
	display: table-cell;
	vertical-align: middle;
}

#contents.request_form .column02 > .floatR > div:nth-child(1) img{
	width: 200px;
}

#contents.request_form .column02 > .floatR > div p{
	font-weight: normal;
	padding: 0;
	font-size: 18px;
	font-size: 1.8rem;
}

#contents.request_form .column02 > .floatR > div p.fontS{
	font-size: 14px;
	font-size: 1.4rem;
}

#contents.request_form .boxArea{
	overflow: hidden;
	margin-bottom:-10px;
}

#contents.request_form .boxArea .box{
	margin-bottom: 20px;
}

#contents.request_form .boxArea p{
	font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;	
}

#contents.request_form .boxArea p span{
    font-size: 12px;
    font-size: 1.2rem;	
}

#contents.request_form .privacyCheckBox{
	text-align: center;
	border:1px solid #ddd;
	background: #f6f6f6;
	padding: 10px;
	margin: 25px 0;
}

#contents.request_form .privacyCheckBox a{
	font-size: 12px;
	font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
#contents {
    padding: 20px 10px 10vw 10px;
}
    
#contents h2{
    margin-bottom:5vw;
    font-size: 18px;
}
    
#contents .box{
    float:left;
    width: 47%;
    margin: 0 0 5vw 0 !important;
    }

#contents .box:nth-of-type(even){
    float:right;
    }

#contents .box h3{
    margin:0 0 5px 0;
    font-size: 14px;
    }

#contents .box h3 span{
    font-size: 14px;
    font-size: 1.4rem;
    }
    
#contents .box .pic{
    margin:0 0 5px 0;
    }
    
#contents .request{
    width:100%;
    }

#contents .request h3{
    margin-bottom:5px;
    font-size: 16px;
    }    
    
#contents .request .borderBox{
    margin-bottom:5px;
    padding:15px;
    }

#contents .request .borderBox .img{
    width: 30%;
    }

#contents .request .borderBox p{
    font-size: 14px;
    font-size: 1.4rem;
    }

#contents .request .borderBox p span{
    font-size: 12px;
    font-size: 1.2rem;
    }
    
#contents.request_form {
	width: auto;
}
	
#contents.request_form .column02 {
    margin: 0;
}	

#contents.request_form .column02 > .floatL,
#contents.request_form .column02 > .floatR{
	width:100%;
	float: inherit;
	margin-bottom: 10px;
}

#contents.request_form .column02 h2{
    font-size: 16px;
    font-size: 1.6rem;
}

#contents.request_form .column02 > .floatR .img img{
	width: 100px;
	padding-right: 10px;
}

#contents.request_form .column02 > .floatR > div p{
	font-size: 14px;
	font-size: 1.4rem;
}

#contents.request_form .column02 > .floatR > div p.fontS{
	font-size: 10px;
	font-size: 1.0rem;
}
	
#contents.request_form .column02 + p{
	padding: 10px 0 0 0;
}

#contents.request_form .boxArea{
	margin-bottom:-10px;
}

#contents.request_form .boxArea .box{
	width:48%;
	margin: 0 0 10px 0;
	float: left;
}
	
#contents.request_form .boxArea .box:nth-child(even){
	float: right;
}

#contents.request_form .boxArea .box img{
	width: 100%;
	height: auto;
}
	
#contents.request_form .boxArea p{
    font-size: 12px;
    font-size: 1.2rem;	
}

#contents.request_form .boxArea p span{
    font-size: 10px;
    font-size: 1.0rem;	
}	
	
#contents.request_form .privacyCheckBox{
	padding: 5px;
	margin: 15px 0;
}

#contents.request_form .privacyCheckBox a{
	font-size: 10px;
	font-size: 1.0rem;
}
}