@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&family=Noto+Serif+JP:wght@200;300;400;500;600&display=swap');
@import "https://fonts.googleapis.com/css?family=Lato:700,900";
@charset "UTF-8";
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
}
[data-after]:after{
	content : attr( data-after );
}
/*--------------------------------------------
WRAP OVER
---------------------------------------------*/
@media screen and (max-width:1439px){
	.fluid{
		margin-right : calc(50% - 50vw);
		margin-left : calc(50% - 50vw);
	}
}
/*--------------------------------------------
MAP
---------------------------------------------*/
.map-container{
	position : relative;
}
.map-container > #map , .map-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
img{
	height : auto;
	vertical-align : top;
	outline : none;
}
@media screen and (max-width: 768px){
	img{
		width : 100%;
	}
}
@media print, screen and (min-width: 769px){
	img{
		max-width : 100%;
	}
}
@media print, screen and (min-width: 769px){
	.is-sp{
		display : none;
	}
}
@media screen and (max-width: 768px){
	.is-pc{
		display : none;
	}
}
/*--------------------------------------------
FONTS
---------------------------------------------*/
.rato{
	font-family : "Lato", sans-serif;
}
.ryumin{
	font-family : 'Noto Serif JP', serif;
}
@media print, screen and (min-width: 1440px){
	a[href^="tel"]{
		pointer-events : none;
	}
}
/*--------------------------------------------
BOX
---------------------------------------------*/
.box.white{
	background-color : rgba(255,255,255,.8);
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
.title01{
	letter-spacing : .1em;
	color : #181818;
}
@media screen and (max-width: 768px){
	.title01{
		font-size : calc( 44 * 100vw / 768 );
		text-align : center;
	}
	.title01:after{
		content : "";
		display : block;
		background-color : #aed808;
		height : calc( 6 * 100vw / 768 );
		width : calc( 500 * 100% / 768 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 13 * 100vw / 768 );
	}
}
@media print, screen and (min-width: 769px){
	.title01{
		border-bottom : 2px solid #dcdddd;
		position : relative;
		font-size : 30px;
		padding-left : 4px;
		padding-bottom : 10px;
	}
	.title01:after{
		content : "";
		display : block;
		height : 2px;
		background-color : #00C5CD;
		position : absolute;
		right : 0;
		bottom : -2px;
		z-index : 1;
		width : 100px;
	}
}
.title02{
	text-align : center;
	letter-spacing : .1em;
	color : #222;
}
.title02:after{
	content : "";
	display : block;
	margin-left : auto;
	margin-right : auto;
	background-color : #00C5CD;
}
@media screen and (max-width: 768px){
	.title02{
		font-size : calc( 40 * 100vw / 768 );
	}
	.title02:after{
		margin-top : calc( 23 * 100vw / 768 );
		width : calc( 600 * 100% / 768 );
		height : calc( 6 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.title02{
		font-size : 30px;
	}
}
@media print, screen and (min-width: 1440px){
	.title02{
		font-size : 40px;
	}
}
@media print, screen and (min-width: 769px){
	.title02:after{
		margin-top : 23px;
		width : 600px;
		height : 4px;
	}
}
/*--------------------------------------------
TEXT
---------------------------------------------*/
.text{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	.text{
		font-size : calc( 24 * 100vw / 768 );
		line-height : 1.67;
	}
}
@media print, screen and (min-width: 769px){
	.text{
		font-size : 14px;
		line-height : 24px;
	}
}
/*--------------------------------------------
LIST
---------------------------------------------*/
.listBlock{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}
.listBlock a{
	width : 100%;
	height : 100%;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	color : #fff;
	font-weight : 500;
	line-height : 1.2;
}
@media screen and (max-width: 768px){
	.listBlock{
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	.listBlock li{
		width : calc( 360 * 100% / 736 );
		height : calc( 360 * 100vw / 768 );
	}
	.listBlock li:nth-child(n+3){
		margin-top : calc( 14 * 100vw / 768 );
	}
	.listBlock a{
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		font-size : calc( 26 * 100vw / 768 );
	}
}
@media print, screen and (min-width: 769px){
	.listBlock > li{
		width : 163px;
		height : 163px;
	}
	.listBlock > li + li{
		margin-left : 3px;
	}
	.listBlock a{
		-webkit-box-align : end;
		-ms-flex-align : end;
		align-items : flex-end;
		font-size : 16px;
		padding-bottom : calc( 9px - 1.6px );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.listBlock a{
		padding-left : 8px;
		padding-right : 8px;
	}
}
@media print, screen and (min-width: 1440px){
	.listBlock a{
		padding-left : 13px;
		padding-right : 13px;
	}
}
/*# sourceMappingURL=../maps/module.css.map */