@charset "UTF-8";

/*////////////////////////////////////////////////////////////////
PC
////////////////////////////////////////////////////////////////*/	
@media print, screen and (min-width: 641px) {
#page .main_box {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}
.pchd {
display: none;
}
#reason .box {
margin-bottom: 20px;
overflow: hidden;
}
#reason .bk01 {
background-image: url("/image/reason/bk01.png");
}
#reason .bk02 {
background-image: url("/image/reason/bk02.png");
}
#reason .bk03 {
background-image: url("/image/reason/bk03.png");
}
#reason .bk04 {
background-image: url("/image/reason/bk04.png");
}
#reason .bk05 {
background-image: url("/image/reason/bk05.png");
}
#reason .bgr {
background-position: right top;
overflow: hidden;
margin-bottom: 20px;
}
#reason .bgl {
background-position: left top;
overflow: hidden;
margin-bottom: 20px;
}
#reason .bgr .image {
float: left;
width: 506px;
height: 340px;
position: relative;
padding-top: 20px;
}
#reason .bgl .image {
float: right;
width: 506px;
height: 340px;
position: relative;
padding-top: 20px;
}
#reason .bgr p,
#reason .bgl p {
clear: both;
background-color: #57A117;
width: 420px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
font-size: 14px;
position: absolute;
bottom: -20px;
left: 10%;
}





}

/*////////////////////////////////////////////////////////////////
SP
////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 640px) {
#page .main_box {
	margin: 10px 0px 30px 0px;
	overflow: hidden;
}
.sphd {
display: none;
}
#reason .box {
margin-bottom: 20px;
overflow: hidden;
}
#reason .bk01 {
background-image: url("/image/reason/bk01.png");
}
#reason .bk02 {
background-image: url("/image/reason/bk02.png");
}
#reason .bk03 {
background-image: url("/image/reason/bk03.png");
}
#reason .bk04 {
background-image: url("/image/reason/bk04.png");
}
#reason .bk05 {
background-image: url("/image/reason/bk05.png");
}
#reason .bgr {
background-position: right top;
overflow: hidden;
margin-bottom: 10px;
background-size: 36%;
position: relative;
}
#reason .bgl {
background-position: left top;
overflow: hidden;
margin-bottom: 10px;
background-size: 36%;
position: relative;
}
#reason .bgr .image {
float: left;
width: 70%;
height: 180px;
padding-top: 20px;
}
#reason .bgl .image {
float: right;
width: 70%;
height: 200px;
padding-top: 20px;
}
#reason .bgr p,
#reason .bgl p {
clear: both;
background-color: #57A117;
width: 100%;
padding: 10px;
text-align: left;
color: #fff;
font-size: 14px;
position: absolute;
top : 65%;
left: 0;
}

}