@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------------- **
**  section
** -------------------------------------------------------------------------- */
.mb0{ margin-bottom: 0; }

/* 画面幅999px"以下"の時に読み込むスタイル */
@media screen and (max-width:999px) {
	section#sub div.main{ padding: 0 10px; }
}	
/************ h1 ************/
section h1{
	display: block;
	background:url("../images/common/bk-h1.png") no-repeat center center;
	padding: 60px 0;
	background-size:cover;
	text-align: center;
	color: #594B4A;
	font-weight: bold;
	font-size: 35px;
	}

/************ r-img ************/
section#sub div.r-img{
	display: block;
	margin-bottom: 40px;
	}
	section#sub div.r-img div.l{
		display: block;
		float: left;
		width: 60%;
		}
		section#sub div.r-img div.l h2{
			display: block;
			margin-bottom: 10px;
			font-size: 30px;
			color: #6FBFCE;
			}
		section#sub div.r-img div.l p{
			display: block;
			font-size: 16px;
			line-height: 2.0em;
			}
	section#sub div.r-img p.r{
		display: block;
		float: right;
		width: 40%;
		text-align: right;
		}
/* 画面幅999px"以下"の時に読み込むスタイル */
@media screen and (max-width:999px) {
	section#sub div.r-img p.r img{ width: 100%; }
}
/* 画面幅650px"以下"の時に読み込むスタイル */
@media screen and (max-width:650px) {
	section#sub div.r-img div.l{ float: none; width: 100%; }
	section#sub div.r-img p.r{ float: none; width: 100%; }
}
/************ l-img ************/
section#sub div.l-img{
	display: block;
	margin-bottom: 40px;
	}
	section#sub div.l-img div.r{
		display: block;
		float: right;
		width: 60%;
		}
		section#sub div.l-img div.r h2{
			display: block;
			margin-bottom: 10px;
			font-size: 30px;
			color: #6FBFCE;
			}
		section#sub div.l-img div.r p{
			display: block;
			font-size: 16px;
			line-height: 2.0em;
			}
	section#sub div.l-img p.l{
		display: block;
		float: left;
		width: 370px;
		}

/************ nomal ************/
section#sub div.nomal{
	display: block;
	margin-bottom: 40px;
	}
section#sub div.mb0{ margin-bottom: 0; }
    section#sub div.nomal h2{
        display: block;
        margin-bottom: 10px;
        font-size: 30px;
        color: #6FBFCE;
        }
    section#sub div.nomal p{
        display: block;
        font-size: 16px;
        line-height: 2.0em;
        }
    section#sub div.nomal ul{
        display: block;
		list-style: disc;
        font-size: 16px;
        line-height: 2.0em;
        }
		section#sub div.nomal ul.mb0{ margin-bottom: 0; }
		section#sub div.nomal ul li{ margin-bottom: 20px; }
		section#sub div.nomal ul li.mb0{ margin-bottom: 0; }
    		section#sub div.nomal ul li table{ margin-bottom: 0; }
/* 画面幅650px"以下"の時に読み込むスタイル */
@media screen and (max-width:650px) {
	section#sub div.nomal ul { padding: 0 0 0 1.8em; }
}

/************ table ************/
section#sub div.table{
	display: block;
	margin-bottom: 40px;
	}
	section#sub div.table h2{
		display: block;
		margin-bottom: 10px;
		font-size: 30px;
		color: #6FBFCE;
		}
	section#sub div.table p{
		display: block;
		font-size: 16px;
		line-height: 2.0em;
		}
	section#sub div.table table{
		display: block;
		font-size: 16px;
		line-height: 2.0em;
		}
		section#sub div.table table td{ width: 90%; }
/* 画面幅999px"以下"の時に読み込むスタイル */
@media screen and (max-width:999px) {
	section#sub div.table table td{ width: 80%; }
}

/************ kr2 kr2-end ************/
section#sub div.kr2-end{ margin-bottom: 0; }
section#sub div.kr2{
	display: block;
	margin-bottom: 30px;
	}
	section#sub div.kr2-end div.l-box,section#sub div.kr2 div.l-box{ display: block; width: 50%; float: left; }
	section#sub div.kr2-end div.r-box,section#sub div.kr2 div.r-box{ display: block; width: 50%; float: right; }
	section#sub div.kr2-end div.l-box2,section#sub div.kr2 div.l-box2{ display: block; width: 60%; float: left; }
	section#sub div.kr2-end div.r-box2,section#sub div.kr2 div.r-box2{ display: block; width: 40%; float: right; }
    section#sub div.kr2-end h2,section#sub div.kr2 h2{
        display: block;
        margin-bottom: 10px;
        font-size: 30px;
        color: #6FBFCE;
        }
    section#sub div.kr2-end p,section#sub div.kr2 p{
        display: block;
        font-size: 16px;
        line-height: 2.0em;
        }
		section#sub div.kr2-end p,section#sub div.kr2 p img{ width: 98%; }
    section#sub div.kr2-end ul,section#sub div.kr2 ul{
        display: block;
        font-size: 16px;
        line-height: 2.0em;
        }
		section#sub div.kr2-end ul{ margin-bottom: 0; }
/* 画面幅650px"以下"の時に読み込むスタイル */
@media screen and (max-width:650px) {
	section#sub div.kr2-end div.l-box p img,section#sub div.kr2 div.l-box p img{ width: 100%; }
	section#sub div.kr2-end div.r-box p img,section#sub div.kr2 div.r-box p img{ width: 100%; }
	section#sub div.kr2-end div.l-box p img,section#sub div.kr2 div.l-box2 p img{ width: 100%; }
	section#sub div.kr2-end div.r-box p img,section#sub div.kr2 div.r-box2 p img{ width: 100%; }
	section#sub div.kr2-end div.l-box,section#sub div.kr2 div.l-box{ float: none; width: 100%; }
	section#sub div.kr2-end div.r-box,section#sub div.kr2 div.r-box{ float: none; width: 100%; }
	section#sub div.kr2-end div.l-box2,section#sub div.kr2 div.l-box2{ float: none; width: 100%; }
	section#sub div.kr2-end div.r-box2,section#sub div.kr2 div.r-box2{ width: 60%; float: none; margin: 0 auto; }
	/*section#sub div.kr2-end div.r-box2,section#sub div.kr2 div.r-box2{ display: none; }*/
}