@charset "utf-8";

/* ---------------------------------------- 
 - mainvisual
---------------------------------------- */
#mainvisual {
	background: url(../images/main_pc.jpg) center top no-repeat;
	background-size: cover;
}

@media screen and (max-width: 768px) {
#mainvisual {
}
}

/* ---------------------------------------- 
 - sideMenu
---------------------------------------- */
#index #contents #contentsCol #sideMenu > ul > li.index > a {
	background: #1d8376;
}

/* ---------------------------------------- 
 - img
---------------------------------------- */
img.fl_L {
	float:left !important; margin: 0 20px 20px 0;
}
img.fl_R {
	float:right !important; margin: 0 0 20px 20px;
}
@media screen and (max-width: 768px) {
#contents #contentsCol #main section img.fl_R {
	width: 37.93%;
}
#contents #contentsCol #main section img.fl_L {
	width: 37.93%;
}
}

/* ---------------------------------------- 
 - contents
---------------------------------------- */
#contents #contentsCol #main section {
	margin-bottom:70px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main section{	
	margin:0 auto;
	margin-bottom:3.5em;
	font-size:12px;
}
}

/* read */
#contents #contentsCol #main .read {
	overflow: hidden;
	text-align: left;
}
@media screen and (max-width: 768px) {
#contents #contentsCol #main .read p {
	margin-bottom: 2em;
}
}

/* flow */
#contents #contentsCol #main .flow .txt {
	margin-bottom: 30px;
}
#contents #contentsCol #main .flow dl {
	border:solid 1px #a1a1a1;
}
#contents #contentsCol #main .flow dl dt {
	background: #e2f9f4 url(../images/prevention/icon_flow_ttl.png) 30px center no-repeat;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 15px 70px;
	text-align: left;
	width: 100%;
	border-bottom:solid 1px #a1a1a1;
}
#contents #contentsCol #main .flow dl dd {
	padding: 20px 30px;
	overflow:hidden;
}
#contents #contentsCol #main .flow dl dd img.fl_R {
	margin: 0 0 0 20px;
}
#contents #contentsCol #main .flow .arw {
	text-align: center;
	margin:15px auto;
}
@media screen and (max-width: 768px) {
#contents #contentsCol #main .flow .txt {
	margin-bottom: 1.5em;
}
#contents #contentsCol #main .flow dl dt {
	font-size: 14px;
	width:100%;
}
#contents #contentsCol #main .flow dl dd {
	padding: 1.0em 5%;
}
#contents #contentsCol #main .flow dl dd img.fl_R {
	width: 20%;
	margin: 0 0 0 5%;
}
#contents #contentsCol #main .flow .arw {
	width:10%;
	margin:0.7em auto;
}
}

/* h5 */
h5 {
    background: #ede9e9;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    margin: 50px auto 25px;
    padding: 15px 30px;
    text-align: left;
    width: 100%;
}
@media screen and (max-width: 768px) {
h5 {
    font-size: 14px;
    width: 100%;
    margin: 2.5em auto 1.5em;
}
}