@charset "utf-8";

/*---------------------------------------------------------------------
  layout_common
---------------------------------------------------------------------*/

body{
	color:#000;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:85%; /*13px*/
	line-height:1.5;
	text-align:center;
}

img{
	max-width:100%;
	height:auto;
}

header h1 picture{
	display: flex;
	justify-content: center;
	align-content: center;
	overflow: hidden;
    background:url("../img/header_bg.jpg") no-repeat center;
	background-size:auto;
}

header,
header p{
	width:100%;
}

header h1{
	padding:0;
}

#contents{
	padding: 0 5% 10%;
	box-sizing: border-box;
}

#contents
#contents a img{
	margin-bottom:1em;
}

.mainimg{
	margin: 40px 0;	
}

.muryo{
	margin:1em 0;	
}

.content{
	margin:10vw 0;
}

.content-img{
	width: 100%;
}

.meeting-place{
	margin: 4vw 0;
}

.meeting-place .btn{
	margin:4vw 0 0;
}

.info{
	margin-bottom: 4vw
}

.infotxt1{
	margin-bottom:1.5em;
}

.infotxt2{
	max-width:629px;
	margin:0 auto;
	margin-bottom:1em;
	text-align:left;	
}

.infotxt2 p{
	padding:0!important;
	margin:0 0 1em 0!important;
}

.titlemap{
	font-weight:bold;
	font-size:140%;
	text-align:center;
	margin-bottom:10px;
	color:#000;
}

.contact_txt{
	max-width:800px;
	margin:0 auto;
	/*border-top:1px solid #000;*/
	padding:10px!important;
	box-sizing:border-box;
	font-size:125%;
	text-align:left;
}

.contact_txt{
	font-weight:bold;
}

.contact_txt p{
	line-height:1.6;
	margin:0!important;
	padding:0!important;
}

.contact_txt br{
	display:none;
}

footer{
	padding:5vw;
	font-size:110%;
	font-weight:bold;	
	text-align:center;
	background: #D70C19;
	color:#FFF;
}

.form_btn {
	margin: 4vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form_btn {
	/*display:none!important;*/
}


.form_btn + p {
	text-align: center;
	font-size:18px;
	font-weight:bold;
	/*color:#D80C18;*/
	line-height: 1.8;
    background:rgba(0,37,139,1.00);
    color:#fff!important;
    display:block;
    padding:10px;
}

.pre_open {
    font-size: 16px;
    display: block;
    background: #CCC;
    padding: 10px 0 8px;
}

	
.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%;
}

.footer-img img{
	width: 100%;
}


@media print,screen and (max-width: 480px) {
	.contact_txt{
		font-size:80%;
	}
	.contact_txt br{
		display:inline;	
	}
	
	.mainimg{
	margin: 20px 0;	
}
	.meeting-place{
	padding: 0 10px;
}

	.meeting-place{
	margin: 8vw 0;
	padding: 0 0.5vw;
}
	.meeting-place .btn{
	margin:4vw 0 0;
}

	.info{
	margin-bottom: 6vw
}

.form_btn {
    /*width: 65%;*/
    display: block;
}

.form_btn + p {
	margin-top:10px;
	text-align: left;
	font-size:16px;
	font-weight:bold;
	color:#D80C18;
	line-height: 1.5;
}

.form_btn + p br {
	display: none;
}

}

@media print,screen and (min-width: 768px) {

body{
	text-align: left;
}

header h1{
	padding:0;
}

header h1 img {
    max-width: 800px;
    display: block;
}

.meeting-place .btn {
    margin: 30px 0 0;
}
.meeting-place .btn + .btn {
    margin: 15px 0 0;
}
	
.form_btn ,
.btn a {
    display: block;
    text-align: center;
}

.btn a {
	margin: 0 auto;
}
	
.form_btn {
	margin:auto!important;
	cursor:pointer;
    width: 300px;
}

#contents{
    padding: 0 5% 5%;
    box-sizing: border-box;
	margin:0 auto;
	max-width:868px;
}

.meeting-place {
    margin: 4vw 0 60px;
}

}


@media print,screen and (min-width: 1280px) {
	
	header p{
		margin:60px 0 30px;
	}
	
	header p img{
		width:auto;
	}
	
	#contents {
    	padding: 0 5% 60px;
	}
	
	#contents p,
	#contents a img{
		margin-top:20px;
	}
	
	.content{
		width:629px;
		margin:30px auto;
	}
	.infotxt2{
		width:629px;
		padding:0;
		margin:0 auto;
		text-align:left;
	}
	
	.contact_txt span{
		padding-left:7em;
	}
	footer{
		padding:20px;
	}
	img.img4 {
		max-width: 108%;
	}
	.pre_open {
		width: 480px;
		margin: 100px auto 0;
		font-size: 20px;
		font-weight: bold;
		padding: 14px 0 11px;
		letter-spacing: 1px;
	}

}

/* YouTube動画
---------------------------------------------------------------------------*/

/* youtube */
	.ytmovie{
		display:block;
		margin-bottom: 15px;
	}
	
	.ytmovie li{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	}
	.ytmovie li:first-child{
	margin-right:0;
	}
	
	.ytmovie li iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;	
	}
	.ytmovie + p {
	padding: 0 5%;
		box-sizing: border-box;
	}

@media print,screen and (min-width: 768px) {
	.ytmovie{
	}

	.ytmovie li:first-child{
	}
	
	.ytmovie li iframe{
	}
}

@media print,screen and (min-width: 1280px) {
	
	.ytmovie {
    	margin-bottom: 30px;
	}
}