@charset "UTF-8";
/* CSS Document */
#contents h3{
	border-bottom: solid 1px #666;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.25em;
}
#contents h3.ico_blue{
	color: #294C7F;
	background: url(../../img/common/ico_blue.png) no-repeat top left;
	padding-left: 45px;
}
#contents h3.ico_red{
	color: #A7212A;
	background: url(../../img/common/ico_red.png) no-repeat top left;
	padding-left: 45px;
}
#contents h3.ico_yellow{
	color: #BE8915;
	background: url(../../img/common/ico_yellow.png) no-repeat top left;
	padding-left: 50px;
}
#contents h3.ico_green{
	color: #5B6D2F;
	background: url(../../img/common/ico_green.png) no-repeat top left;
	padding-left: 45px;
}
#contents h3.ico_purple{
	color: #6C2E5D;
	background: url(../../img/common/ico_purple.png) no-repeat top left;
	padding-left: 50px;
}
#contents h3.ico_black{
	color: #000000;
	background: url(../../img/common/ico_black.png) no-repeat top left;
	padding-left: 50px;
}
#contents p.type01{
	padding: 0 5px;
	font-size: 15px;
	line-height: 2.3;
	letter-spacing: 0.15em;
}
.sec1{
	background: url(../../img/top/bg01.jpg) no-repeat top center;
	padding: 71px 0;
}
.sec1 h2{
	text-align: center;
	padding: 0 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sec2{
	background: url(../../img/top/bg02.gif) no-repeat top center;
	padding: 74px 0 50px;
}
.sec3,
.sec5,
.sec7{
	background: url(../../img/top/bg03.gif) repeat;
	padding: 74px 0;
}
.sec4{
	background: url(../../img/top/bg04.gif) no-repeat top center;
	padding: 74px 0;
}
.sec6{
	background: url(../../img/top/bg05.gif) no-repeat top center;
	padding: 74px 0 30px;
}
.sec8{
	background: url(../../img/top/bg06.gif) no-repeat top center;
	padding: 74px 0 120px;
}
.sec2 .sec2_1 .fl,
.sec3 .sec3_1 .fl,
.sec4 .sec4_1 .fl,
.sec5 .sec5_1 .fl,
.sec6 .sec6_1 .fl,
.sec8 .sec8_1 .fl{
	width: 53.2%;
}
.sec2 .sec2_1 .fr,
.sec3 .sec3_1 .fr,
.sec4 .sec4_1 .fr,
.sec5 .sec5_1 .fr,
.sec6 .sec6_1 .fr,
.sec8 .sec8_1 .fr{
	width: 38%;
}
.sec2 .sec2_1,
.sec2 .sec2_2{
	margin-bottom: 20px;
}
.sec2 .sec2_3{
	background: #000;
	padding: 5px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sec2 .sec2_3 .fl{
	width: 36.5%;
}
.sec2 .sec2_3 .fr{
	margin-top: 10px;
	width: 60%;
}
.sec2 .sec2_3 .fr .artist{
	color: #fff;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.25em;
}
.sec2 .sec2_3 .fr .outline{
	color: #fff;
	margin-bottom: 10px;
	font-size: 14.6px;
	font-weight: normal;
	letter-spacing: 0.25em;
}
.sec2 .sec2_3 .fr .btn_link{
	float: right;
}
.sec2 .sec2_3 .fr .btn_link a{
	display: block;
	background: #294C7F;
	color: #fff;
	padding: 10px 25px;
	width: 260px;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.15em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sec2 .sec2_3 .fr .btn_link a span{
	background: url(../../img/common/arw01.png) no-repeat center right;
	padding-right: 25px;
}
.sec6_2{
	margin-top: 30px;
}
.sec7_img_pc{
	display: block;
}
.sec7_img_sp{
	display: none;
}
.sec8 dl{
	color: #666;
	font-size: 15px;
	letter-spacing: 0.15em;
}
.sec8 dl dt{
	clear: both;
	float: left;
	width: 6em; 
}
.sec8 dl dd{
	padding-bottom: 5px;
	padding-left: 6em; 
}
#map{
	height:280px;
}
#map iframe{
	width:100%;
	height:280px;
}
#lowLink a{
	color:#fff;
}
#law {
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    font-family: Arial, Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', Meiryo, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
    margin: 0px auto;
    padding: 30px 40px 40px;
    text-align: left;
    width: 960px;
}
#law h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0 0 20px;
}
#law h3 {
    font-weight: bold;
    margin: 20px 0 5px;
}

.pc1{float: left;}

/*　max 960px
--------------------------------------------------------------------------------------- */
@media screen and (max-width:960px) {
	#contents p.type01 {
    line-height: 1.8;
	}
	.sec2 .sec2_3{
		margin: 0 10px;
		padding: 10px 20px;
	}
	.sec2 .sec2_3 .fr .outline{
		font-size: 14.6px;
	}
}

/*　max 640px
--------------------------------------------------------------------------------------- */
@media screen and (max-width:640px) {
	#contents h3{
		margin-bottom: 20px;
		font-size: 16px;
	}
	#contents h3.ico_blue{
		background: url(../../img/common/ico_blue.png) no-repeat left 0.2em;
		background-size: 20px; 
		padding-left: 30px;
	}
	#contents h3.ico_red{
		background: url(../../img/common/ico_red.png) no-repeat left 0.2em;
		background-size: 20px;
		padding-left: 30px;
	}
	#contents h3.ico_yellow{
		background: url(../../img/common/ico_yellow.png) no-repeat left 0.2em;
		background-size: 20px;
		padding-left: 30px;
	}
	#contents h3.ico_green{
		background: url(../../img/common/ico_green.png) no-repeat left 0.2em;
		background-size: 20px;
		padding-left: 30px;
	}
	#contents h3.ico_purple{
		background: url(../../img/common/ico_purple.png) no-repeat left 0.2em;
		background-size: 20px;
		padding-left: 30px;
	}
	#contents h3.ico_black{
		background: url(../../img/common/ico_black.png) no-repeat left 0.2em;
		background-size: 20px;
		padding-left: 30px;
	}
	.sec2{
		background: none;
		padding: 40px 0 30px;
	}
	.sec3,
	.sec5,
	.sec7{
		padding: 40px 0;
	}
	.sec4{
		padding: 40px 0;
	}
	.sec6{
		padding: 40px 0 30px;
	}
	.sec8{
		padding: 40px 0 40px;
	}
	#contents p.type01{
		font-size: 13px;
	}
	.sec2 .sec2_1 img{
		margin: 0 auto;
		width: 90%;
	}
	.sec2 .sec2_3 .fr .artist{
		font-size: 18px;
	}
	.sec2 .sec2_3 .fr .outline{
		font-size: 12px;
	}
	.sec2 .sec2_3 .fr .btn_link a{
		padding: 8px 15px;
		width: 200px;
		font-size: 13px;
	}
	.sec8 dl{
		font-size: 13px;
	}
	.sec8 dl dt{
		width: 6em; 
	}
	.sec8 dl dd{
		padding-left: 6em; 
	}
	#map{
		height:200px;
	}
	#map iframe{
		height:200px;
	}
	.pc1{display: none;}
	
}

/*　max 480px
--------------------------------------------------------------------------------------- */
@media screen and (max-width:480px) {
	.sec2{
		padding: 30px 0;
	}
	.sec3,
	.sec5,
	.sec7{
		padding: 30px 0;
	}
	.sec4{
		padding: 0 0 30px;
	}
	.sec6{
		padding: 30px 0;
	}
	.sec8{
		padding: 20px 0 30px;
	}
	.sec3 .sec3_1 .fr.mt30{
		margin-top: 0 !important;
	}
	.sec2 .sec2_1 .fl,
	.sec3 .sec3_1 .fl,
	.sec4 .sec4_1 .fl,
	.sec5 .sec5_1 .fl,
	.sec6 .sec6_1 .fl,
	.sec8 .sec8_1 .fl{
		width: 100%;
	}
	.sec2 .sec2_1 .fr,
	.sec3 .sec3_1 .fr,
	.sec4 .sec4_1 .fr,
	.sec5 .sec5_1 .fr,
	.sec6 .sec6_1 .fr,
	.sec8 .sec8_1 .fr{
		margin-bottom: 15px;
		width: 100%;
		text-align: center;
	}
	.sec2 .sec2_1 .fr.mt40{
		margin-top: 0 !important;
	}
	.sec2 .sec2_3 .fl{
		width: 100%;
		text-align: center;
	}
	.sec2 .sec2_3 .fr{
		margin-top: 10px;
		width: 100%;
	}
	.sec2 .sec2_3 .fr .outline{
		margin-bottom: 15px;
	}
	.sec2 .sec2_3 .fr .btn_link {
    float: none;
	}
	.sec2 .sec2_3 .fr .btn_link a{
		margin: 0 auto;
	}
	.sec7_img_pc{
		display: none;
	}
	.sec7_img_sp{
		display: block;
	}
	.mob img{max-width: 48% !important;}
}