@charset "utf-8";

/*
* main.css
* date---YYYY/MM/DD
*/

/*===============================================
	main.css 画面の横幅が700px以上
===============================================*/

/* ----------------------------------------------
 layout
---------------------------------------------- */

figure{
	margin: 0;
}
.img_l{
	float: left;
	padding: 0 20px 10px 0;
}
.img_r{
	float: right;
	padding: 0 0 10px 20px;
}
.img_l p,
.img_r p{ padding: 0 !important; }

section p{ margin: 0 0 10px;}	
@media screen and (max-width:767px){
	section p{ margin: 0 10px 10px;}
}

.w300{ width: 250px;}
.w300 img{ width: 100%;}
@media screen and (max-width:767px){
	.w300{ width: 100px;}
}

.btn_moushikomi,
.part2 .btn_moushikomi{
	width: 450px;
	margin: 10px auto;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
	.btn_moushikomi a,
    .part2 .btn_moushikomi a{
		display: block;
		padding: 10px 0;
		color: #FFF;
		background: #094;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: 2px solid #094;
		text-decoration: none;
	}
	.btn_moushikomi a:hover,
    .part2 .btn_moushikomi a:hover{
		color: #094;
		background: #FFF;
	}
	.part2 .btn_moushikomi a{
        color: #1B2BA4;
		background: #FFF;
		border: 2px solid #1B2BA4;
	}
	.part2 .btn_moushikomi a:hover{
		color: #FFF;
        background: #1B2BA4;
	}
@media screen and (max-width:767px){
	.btn_moushikomi,
    .part2 .btn_moushikomi{
		width: 250px;
		margin: 5px auto 0;
		font-size: 17px;
	}
		.btn_moushikomi a,
        .part2 .btn_moushikomi a{
			padding: 3px 0;
		}
}

.btn_shousai{
	width: 400px;
	margin: 20px auto 40px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
	.btn_shousai a{
		display: block;
		padding: 10px 0;
		color: #333;
		background: #FFF;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: 2px solid #333;
		text-decoration: none;
	}
	.btn_shousai a:hover{
		color: #FFF;
		background: #333;
	
	}
@media screen and (max-width:767px){
	.btn_shousai{
		width: auto;
		margin: 20px 10px;
		font-size: 15px;
	}
		.btn_shousai a{
			padding: 3px 0;
		}
}
p.btn_moushi_bottom a{
	display: block;
	width: 500px;
	margin: 20px auto 0;
	padding: 10px 0;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #094;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media screen and (max-width:767px){
	p.btn_moushi_bottom a{
		display: block;
		width: auto;
		margin: 20px 10px 0;
		padding: 8px 0;
		color: #FFF;
		font-size: 17px;
	}
}

/* main
------------------------------- */

ol.ol_list{
	list-style: decimal;
	margin: 10px 0 50px;
	padding-left: 50px;
	font-size: 20px;
}
	ol.ol_list li{
		margin-bottom: 10px;
	}
	ol.ol_list li h4{
		display: inline-block;
		margin-top: 10px;
		padding: 3px 10px;
		color: #FFF;
		background: #333;
		font-size: 15px !important;
	}
@media screen and (max-width:767px){
	ol.ol_list{
			margin-bottom: 20px;
			padding-left: 30px;
			font-size: 13px;
		}
		ol.ol_list li h4{
			margin: 10px 0 5px !important;
			color: #FFF !important;
			background: #333;
			font-size: 13px !important;
		}
}

dl.dl_list{
	margin-bottom: 50px;
	font-size: 20px;
	background: rgba(27,43,164,0.15);
	border-bottom: 1px solid #CCC;
}
	dl.dl_list dt{
		float: left;
		width: 6em;
		padding: 10px 0;
		text-align: center;
		border-top: 1px solid #CCC;
	}
	dl.dl_list dd{
		margin-left: 6em;
		padding: 10px 20px;
		background: #FFF;
		border-top: 1px solid #CCC;
	}
@media screen and (max-width:767px){
	dl.dl_list{
		margin-bottom: 20px;
		font-size: 13px;
	}
	dl.dl_list dt{
		width: 5em;
	}
	dl.dl_list dd{
		margin-left: 5em;
		padding: 10px 10px;
	}
}
ul.ul_list_profile{
	list-style: none;
}
	ul.ul_list_profile li{
		margin-bottom: 30px;
	}
	ul.ul_list_profile li h4 span{ font-size: 15px; }
	ul.ul_list_profile li figure{
		float: left;
		width: 150px;
	}
		ul.ul_list_profile li figure img{ width: 100%; }
	ul.ul_list_profile li div{
		margin-left: 180px;

	}
@media screen and (max-width:767px){
	ul.ul_list_profile{
		margin-right: 0;
	}
		ul.ul_list_profile li{
			float: none;
			width: auto;
			margin-right: 0;

		}
		ul.ul_list_profile li figure{
			float: none;
			width: 100px;
			margin: 0 auto;
		}
			ul.ul_list_profile li figure img{ width: 100%; }
		ul.ul_list_profile li div{
			margin-left: 0;

		}
}


/* ----------------------------------------------
 main
---------------------------------------------- */


/* btn */
p.btn_blue a,
p.btn_blue2 a{
	display: block;
	width: 250px;
	margin: 0 auto;
	color: #FFF;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
p.btn_blue a{ background: #4478C9 url(img/ic_yajirushi_pc.png) no-repeat right center;}
p.btn_blue2 a{ background: #4478C9 url(img/ic_yajirushi_pc.png) no-repeat right center;}

	.btn_blue a:hover,
	.btn_blue2 a:hover{
		filter:alpha(opacity=75);  /* IE7以下用 */
		-ms-filter: "alpha(opacity=75)"; /* IE8用 */
		-moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
		-khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
		opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
	}
@media screen and (max-width:767px){

}



/* ----------------------------------------------
 map
---------------------------------------------- */

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
@media screen and (min-width:768px){
.map_box{
	float: left;
	width: 600px;
	margin: 0 20px 40px 0;
}
}
@media screen and (max-width:767px){
	.map_box{
		float: none;
		width: auto;
		margin-right: 0;
	}
	.ggmap{
		margin: 0 10px 10px
	}
	
}



.place span{
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width:767px){
	.place{
		margin: 0 10px 10px;
	}
	.place span{
		font-size: 15px;
	}
}