@charset "utf-8";
@media screen and (max-width:640px) {

	/************************************************
	 共通設定
	************************************************ */
	body {
		color:#969688;
		font-family: 'Roboto Condensed', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		font-size:2.8vw;
		line-height:2;
		letter-spacing:0.1em;
		background:#FFFFFF;
		margin:0 auto;
		text-align:center;
		-webkit-text-size-adjust:100%;
	}

	/*-----------------------------------------------
	◆共通
	----------------------------------------------- */

	.for-sp {
		display: none;
	}
	.for-pc {
		display: block;
	}

	/* フロート回り込み解除
	----------------------------------------------- */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0px;
		line-height: 0px;
		visibility: hidden;
		content: ".";
	}
	.clearfix {
		display: block; /* for IE8 */
	}
	.clear {
		clear: both;
	}

	/* 共通項目
	----------------------------------------------- */

	a {
		color:#a0a094;
		text-decoration:underline;
	}

	a:hover {
		filter:alpha(opacity=70) !important;
		opacity:0.7 !important;
		color:#abedff;
		cursor:pointer;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}


	a img:hover {
		filter:alpha(opacity=70) !important;
		opacity:0.7 !important;
	}
	a.hover-act:hover {
		filter:alpha(opacity=30) !important;
		opacity:0.3 !important;
		background:#fff;
	}


	.no-text {
		display:block;
		overflow:hidden;
		text-indent:100%;
		white-space:nowrap;
		background-repeat:no-repeat;
		background-size: contain !important;
	}

	.tit-en {
		font-size: 1.5em;
		margin: 0 auto 0;
		padding-bottom: 5vw;
	}
	.tit-en:after {
		width: 80%;
	}
	.tit {
		letter-spacing: 0.3em;
		padding-top: 5vw;
		margin: 0 auto 15vw;
	}
	.tit-defo {
		margin: 1em auto;
		font-size: 1.5em;
	}
	.tit-sub {
		margin: 1em auto;
		font-size: 1em;
	}
	.btn {
		display: block;
		width: 40%;
		line-height: 2;
		padding: 5px;
		border: solid 1px #969688;
		box-sizing: border-box;
		color: #969688;
		position: relative;	
		text-decoration: none;
		letter-spacing: 0.15em;
		text-align: center;
		margin: 0 auto;
	}
	.btn:before {
		display: inline-block;
		content: ">";
		transform: scale(0.5 , 1.2) translateY(-50%);
		-webkit-transform: scale(0.5 , 1.2) translateY(-50%);
		-moz-transform: scale(0.5 , 1.2) translateY(-50%);
		color: #969688;
		top: 50%;
		left: 1em;
		position: absolute;
	}
	.btn:hover {
		transform: scale(0.95) !important;
		-webkit-transform: scale(0.95) !important;
		-moz-transform: scale(0.95) !important;
		border: solid 1px rgba(150,150,136,0.2) !important;
		color: #fff !important;
		background: rgba(150,150,136,0.2) !important;
	}
	.btn:hover:before {
		color: #fff;
	}

	/* 枠
	----------------------------------------------- */

	.inner {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
		text-align: center;
	}
	article {
		padding: 15vw 0;
	}
	.contents section {
		margin: 15vw auto;
	}
	.contents .textL section {
		margin: 5vw auto;
	}
	

	/* header
	----------------------------------------------- */

	#header {
		position: relative;
		z-index: 0;
		width: 100%;
		height: 80px;
		background: #f4f4f3;
	}
	#logo {
		width: 120px;
		height: auto;
		background: url(../images/common/logo.svg) no-repeat center center;
		text-align: center;
		margin: 0 auto;
	}
	#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}
	#header #logo {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	#header .logo-area {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#header .logo-area:after {
		width: 50vw;
		height: 50vw;
		bottom: -5vw;
	}
	#header .logo-area:hover:after {
		bottom: -30px;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}


	/* mv
	----------------------------------------------- */

	#mv {
		height: 100vh;
		width: 100%;
		box-sizing: border-box;
		background: url(../images/index/mv01.jpg) no-repeat center center;
		background-size: cover;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/* 左右中央寄せ */
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/* 上下中央寄せ */
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#mv #logo {
		width: 163px;
	}
	#mv .logo-dotted {
		display: block;
		width: 110px;
		height: 8px;
		background: url(../images/common/logo-dotted.svg) no-repeat center center;
		background-size: contain;
		margin: 40px auto;
	}
	#mv .inner {
		text-align: center;
		margin: 0 auto;
	}
	#mv p {
		line-height: 40px;	
	}
	#mv .btn {
		margin: 40px auto 0;
	}	

	/* footer
	----------------------------------------------- */

	footer {
		width: 100%;
		background: #969688;
		color: #fff;
	}
	#page-top {
		background: rgba(150,150,136,0.8);
		bottom: 1vw;
		right: 1vw;
		position: fixed;
		border-radius: 50%;
	}
	#page-top a {
		display: block;
		height: 48px;
		width: 48px;
	}
	#page-top a:before {
		border-color: transparent transparent #fff;
		border-style: solid;
		border-width: 0 12px 20.78px 12px;
		-webkit-box-shadow: 0 4px 3px -2px #a0a094;
		-moz-box-shadow: 0 4px 3px -2px #a0a094;
		box-shadow: 0 4px 3px -2px #a0a094;
		content: "";
		display: block;
		height: 0;
		left: 25%;
		position: absolute;
		top: 25%;
		width: 0;
	}
	footer #copy {
		font-size: 10px;
		padding: 2em;
	}

	/* index
	----------------------------------------------- */
	
	#calendar iframe {
		width: 90% !important;
		max-width: 90% !important;
		height: 80vh;
	}











	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}