@charset "utf-8";

@media only screen and (min-width:769px){
	.sp_br{
		display: none;
	}
	/* ----- sec1 ----- */
	#sec01_wrap{
		margin-bottom: 40px;
	}
	#sec01{
		width: 100%;
		text-align: center;
		background-color: #ffffff;
		border-radius: 15px;
		background-image: url(../images/sec_bg1.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sec01 h2{
		color: #3e3a39;
		text-align: left;
		font-size: 2.0rem;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 20px 0 20px 50px;
	}
	#sec01 h3{
		color: #0059b3;
		text-align: left;
		font-size: 2.0rem;
		font-weight: bold;
		letter-spacing: 3px;
		padding: 0 0 0 50px;
	}
	#sec01 h3 span{
		font-size: 3.6rem;
	}
	#sec01 p{
		text-align: left;
		color: #3e3a39;
		font-size: 1.4rem;
		letter-spacing: 1px;
		line-height: 200%;
		padding: 20px 50px 20px;
	}
	/* ----- sec2 ----- */
	#sec02_wrap{
		margin-bottom: 40px;
	}
	#sec02{
		width: 100%;
		text-align: center;
	}
	/* ----- sec3 ----- */
	#sec03_wrap{
		margin-bottom: 40px;
	}
	#sec03{
		width: 100%;
		text-align: left;
		background-color: #ffffff;
		border: 1px solid #d9a573;
		border-radius: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sec03 h2{
		color: #ffffff;
		background-color: #663300;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		text-align: left;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 40px;
		padding: 0 10px;
	}
	.sec03_box2{
		width: 100%;
		display: table;
		table-layout: fixed;
		font-size: 1.3rem;
		padding: 15px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sec03_box2 dt{
		width: 25%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sec03_box2 dd{
		width: 75%;
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	/* ----- sec4 ----- */
	#sec04_wrap{
		margin-bottom: 120px;
	}
	#sec04_wrap #map{
		width: 100%;
		height: 320px;
		border-radius: 15px;
		margin: 0 auto;
	}
}

@media only screen and (max-width : 768px ){
	.pc_br{
		display: none;
	}
	/* ----- sec1 ----- */
	#sec01_wrap{
		margin-bottom: 40px;
	}
	#sec01{
		max-width: 640px;
		width: 94%;
		text-align: center;
		background-color: #ffffff;
		border-radius: 15px;
		background-image: url(../images/sec_bg1.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}
	#sec01 h2{
		color: #333333;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 20px 0 20px;
	}
	#sec01 h3{
		color: #0059b3;
		text-align: left;
		font-size: 2.0rem;
		font-weight: bold;
		letter-spacing: 3px;
		padding: 0 0 0 50px;
	}
	#sec01 p{
		text-align: left;
		color: #333333;
		font-size: 1.3rem;
		letter-spacing: 1px;
		line-height: 200%;
		padding: 10px 10px 10px;
	}
	/* ----- sec2 ----- */
	#sec02_wrap{
		margin-bottom: 40px;
		text-align: center;
	}
	#sec02 figure img{
		max-width: 640px;
		width: 98%;
	}
	/* ----- sec3 ----- */
	#sec03_wrap{
		margin-bottom: 20px;
	}
	#sec03{
		max-width: 640px;
		width: 94%;
		margin: 0 auto;
		text-align: center;
		background-color: #ffffff;
		border: 1px solid #d9a573;
		border-radius: 6px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sec03 h2{
		color: #ffffff;
		background-color: #663300;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		text-align: left;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 180%;
		padding: 5px 10px;
	}
	.sec03_box2{
		width: 100%;
		font-size: 1.2rem;
		padding: 10px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sec03_box2 dt{
		text-align: left;
		padding: 0 0 5px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sec03_box2 dd{
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	/* ----- sec4 ----- */
	#sec04_wrap{
		margin-bottom: 20px;
	}
	#sec04_wrap #map{
		max-width: 640px;
		width: 96%;
		height: 280px;
		border-radius: 6px;
		margin: 0 auto;
	}
}

@media only screen and (max-width : 420px ){

}