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

/* -------------------------------------------------------------------------- **
**  section
** -------------------------------------------------------------------------- */
/* 画面幅999px"以下"の時に読み込むスタイル */
@media screen and (max-width:999px) {
	section#index div.main{ padding: 0 10px; }
}

/************ t-main ************/
section#index div.t-main p {
	display: block;
	width: 100%;
	margin: 0 auto;
	height:0;
	padding-top:52%;
	line-height:504px;
	overflow:hidden;
	background:url(../images/index/m-img.png) no-repeat;
	background-size:contain;
	}

/************ kr2 kr2-end ************/
section#index div.main div.kr2-end{ margin-bottom: 0; }
section#index div.main div.kr2{
    display: block;
    margin-bottom: 2px;
    }
	section#index div.main div.kr2 ul{
		display: block;
		margin: 0;
		padding: 0;
		font-size: 16px;
		list-style: none;
		}
	section#index div.main div.kr2 ul li dl dd{
			display: block;
			line-height: 1.6em;
			margin: 0;
			padding: 0 7px;
			}
/* 画面幅800px"以上"の時に読み込むスタイル */
@media screen and (min-width:800px) {
	section#index div.main div.kr2 ul li{
		display: block;
		width: 50%;
		}
	section#index div.main div.kr2 ul li:nth-child(1){ float: left; }
	section#index div.main div.kr2 ul li:nth-child(2){ float: right; }
	section#index div.main div.kr2 ul li dl dt{
		display: block;
		width: 100%;
		margin:0 0 5px 0;
		height:0;
		padding-top:13%;
		line-height:60px;
		overflow:hidden;
		background:url("../images/index/m-tl01.png") no-repeat;
		background-size:contain;
		}
		section#index div.main div.kr2 ul li:nth-child(2) dl dt{ background:url("../images/index/m-tl02.png") no-repeat; background-size:contain; }
}
/* 画面幅800px"以下"の時に読み込むスタイル */
@media screen and (max-width:799px) {
		section#index div.main div.kr2 ul li dl dt{ 
			display: block;
			margin-bottom: 5px;
			padding: 5px 10px;
			font-size: 18px;
			color: #FFF;
			background-color: #594B4A;
			}
			section#index div.main div.kr2 ul li dl dt b{ color: #F19A1A; } 
}

/************ kr3 kr3-end ************/
section#index div.main div.kr3-end{ margin-bottom: 0; }
section#index div.main div.kr3{
	display: block;
	margin-bottom: 30px;
	}
	section#index div.main div.kr3 ul{
        display: block;
		margin: 0;
		padding: 0;
        font-size: 16px;
        line-height: 1.6em;
		list-style: none;
		}
	section#index div.main div.kr3 ul li dl dd{
			display: block;
			line-height: 1.6em;
			margin: 0;
			padding: 0 7px;
			}
/* 画面幅800px"以上"の時に読み込むスタイル */
@media screen and (min-width:800px) {
		section#index div.main div.kr3 ul li{
			display: block;
			width: 33%;
			float: left;
			}
			section#index div.main div.kr3 ul li:nth-child(1){  }
			section#index div.main div.kr3 ul li:nth-child(3){ float: right; }

	section#index div.main div.kr3 ul li dl dt{
		display: block;
		width: 100%;
		margin:0 0 5px 0;
		height:0;
		padding-top:33.3%;
		line-height:110px;
		overflow:hidden;
		background:url("../images/index/m-tl03.png") no-repeat;
		background-size:contain;
		}
		section#index div.main div.kr3 ul li:nth-child(2) dl dt{ background:url("../images/index/m-tl04.png") no-repeat; background-size:contain; }
		section#index div.main div.kr3 ul li:nth-child(3) dl dt{ background:url("../images/index/m-tl05.png") no-repeat; background-size:contain; }
}
/* 画面幅800px"以下"の時に読み込むスタイル */
@media screen and (max-width:799px) {
	section#index div.main div.kr3 ul li dl dt{ 
		display: block;
		margin-bottom: 5px;
		padding: 5px 10px;
		font-size: 18px;
		color: #FFF;
		background-color: #594B4A;
		}
		section#index div.main div.kr3 ul li dl dt b{ color: #F19A1A; } 
}

/************ table ************/
section#index div.table{
	display: block;
	margin-bottom: 60px;
	}		
	section#index div.table table{
		width: 100%;
		border-collapse: collapse;
		font-size: 16px;
		line-height: 2.0em;
		}
		section#index div.table table tr{ border: #AAAAAA 1px solid; }
			section#index div.table table tr th{ 
				margin:0; 
				padding:4px; 
				border: #AAAAAA 1px solid; 
				text-align: center; 
				font-size: 18px; 
				font-weight: bold; 
				background-color: #D3CBCB; 
				}
			section#index div.table table tr td{ 
				margin:0; 
				padding:3px; 
				border: #AAAAAA 1px solid; 
				text-align: center; 
				}
			section#index div.table table tr td.en{
				margin:0;
				height:0;
				overflow:hidden;
				background:url("../images/index/circle-sp.png") no-repeat center center;
		
				background-size:16px 16px;
				-o-background-size:16px 16px;
				-ms-background-size:16px 16px;
				-moz-background-size:16px 16px;
				-webkit-background-size:16px 16px;
				}
	section#index div.table p{ text-align: center; }


/************ lr-box ************/
section#index div.kr2 div.l-box ul.bn,section#index div.kr2 div.l-box ul.bn2{ 
	width:70%; 
	text-align: center;
	margin: 0 auto;
	}
	section#index div.kr2 div.l-box ul.bn2 li{ margin-bottom: 12px; }
	
/************ news ************/
section#index div.kr2 div.l-box div.news{
	display: block;
	padding: 20px;
	margin-bottom: 20px;
	border: #DDDDDD 1px solid; 
	}
	section#index div.kr2 div.l-box div.news h2{
		display: block;
		margin-bottom: 0;
		padding-bottom: 10px;
		font-size: 28px;
		border-bottom: #D0BD9F 1px dotted;
		}