@charset "UTF-8";
/*************************
よくわかる外壁塗装講座
 *************************/

p,
dl{
	margin:0;
}

.main{
	margin-bottom:80px;
}

.main h2 img{
	width:100%;
	height:auto;	
}

.body_contents{
	margin-bottom:80px;
}

.border{
	border-bottom:1px solid #ccc;	
}

.lecture_box{
	margin-bottom:50px;	
}

.lead01{
	line-height:2;
	text-align:center;
	margin-bottom:60px;	
}

.bg01{
	background:#f0efe8;	
	padding:30px;
	margin-bottom:60px;
}

.bg01 .lead02{
	line-height:2;
	margin-bottom:40px;
}

.energy .e-box{
	background:#fff;
	padding:30px 30px 25px;	
}

.energy .e-box h5{
	font-weight:bold;
	font-size:16px;
	margin-bottom:15px;	
}

.energy .e-box table{
	width:100%;	
}

.energy .wave table th{
	width:40%;
	padding:0;
}

.energy .wave table td{
	width:60%;
	padding:0;
}

.energy .dissociation table th{
	width:18%;
}

.energy .dissociation table tr td{
	width:32%;	
}

.energy .dissociation table tr td:nth-child(n+3){
	width:40%;	
}

.deterioration dl dt{
	font-weight:bold;
	font-size:16px;
	color:#7bac2f;
}

.deterioration dl dd{
	margin-bottom:20px;
}

.ray .choking figcaption{
	padding:20px;
	background:#ebf0ee;
}

.ray .choking figure:before{
	content:url(../../../../img/page/lecture/yajirushi_bottom01.gif);
	display:block;
	margin-bottom:20px;
	text-align:center;
}

.ray .fading figcaption{
	padding:20px;
	background:#f0edef;
}

.ray .fading figure:before{
	content:url(../../../../img/page/lecture/yajirushi_bottom01.gif);
	display:block;
	margin-bottom:59px;
	text-align:center;
}

.ray dl dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;	
}

.box01{
	margin-bottom:20px;	
}

.box01 figure{
	background:#fff;
	padding:30px;
	text-align:center;
}

.box01 figure img{
	margin-bottom:20px;	
}

.box01 figure figcaption{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.box01 figure p{
	text-align:left;	
}

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


@media screen and (min-width:641px){

.lecture_box:after,
.bg01 .energy:after,
.ray:after,
.box01:after{
	content:"";
	display:block;
	clear:both;	
}

.f-right figure{
	float:right;
	width:35%;
}

.f-right .detail{
	float:right;
	width:60%;
	margin-right:5%;
}

.f-left figure{
	float:left;
	width:35%;
	margin-right:5%;
}

.f-left  .detail{
	float:left;
	width:60%;
}

.energy .wave{
	float:left;
	width:40%;
	margin-right:5%;
}

.energy .dissociation{
	float:left;
	width:55%;
}

.energy table{
	min-height:192px;
	height: auto !important;
    height: 192px;
}

.ray .choking{
	float:left;
	width:48%;
	margin-right:4%;
}

.ray .choking figcaption{
	min-height:180px;
	height: auto !important;
    height: 180px;
}

.ray .fading{
	float:left;
	width:48%;
}

.ray .fading figcaption{
	min-height:180px;
	height: auto !important;
    height: 180px;
}

.box01 figure{
	float:left;
	width:48%;
	margin-right:4%;
	min-height:322px;
	height: auto !important;
    height: 322px;
}

.box01 figure:last-child{
	margin-right:0;	
}

.box02 figure{
	float:left;
	width:22%;
	margin-right:4%;
}

.box02 figure:last-child{
	margin-right:0;	
}

}

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

p br{
	display:none;
}

.body_contents{
	margin-bottom:60px;
}

.lecture_box figure{
	text-align:center;
	margin-bottom:20px;
}

.lead01{
	line-height:1.6;
	text-align:left;
}
.lead02{
	line-height:1.6;
}

.bg01{
	padding:30px 20px;
}

.energy .e-box{
	padding:20px 20px 15px;	
}

.energy .wave{
	margin-bottom:20px;
}

.ray .choking{
	margin-bottom:50px;	
}

.ray figcaption dt{
	margin-bottom:10px;
}

.ray figcaption dd{
	text-align:left;	
}

.ray .fading figure:before{
	margin-bottom:20px;	
}

.box01 figure{
	margin-bottom:20px;
}

.box02 figure{
	float:left;
	width:48%;
	margin-right:4%;	
}

.box02 figure:nth-child(2n){
	margin-right:0;	
}

.box02 figure:first-child,
.box02 figure:nth-child(2){
	margin-bottom:15px;
}



}