@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=block");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=block");
@import url("https://fonts.googleapis.com/css2?family=Karma:wght@300;400;700&display=block");
@charset "UTF-8";
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
	white-space : pre;
}
[data-after]:after{
	content : attr( data-after );
	white-space : pre;
}
[data-both]:before{
	content : attr( data-both );
	white-space : pre;
}
[data-both]:after{
	content : attr( data-both );
	white-space : pre;
}
/*--------------------------------------------
MAP
---------------------------------------------*/
.map-container , .iframe-container{
	position : relative;
}
.map-container > #map , .map-container > iframe , .iframe-container > #map , .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
/*--------------------------------------------
FONTS
---------------------------------------------*/
.dmsans{
	font-family : "DM Sans", sans-serif;
}
.dmserif{
	font-family : "DM Serif Display", serif;
}
.karma{
	font-family : "Karma", serif;
}
.gothic{
	font-family : "游ゴシック体" , "Yu Gothic" , YuGothic , "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ" , Meiryo , sans-serif;;
}
*::-ms-backdrop , .gothic{
	font-family : "メイリオ" , Meiryo , "游ゴシック" , YuGothic , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;
}
/*--------------------------------------------
DISPLAY
---------------------------------------------*/
@media print,screen and (min-width: 751px){
	.is-sp{
		display : none;
	}
}
@media screen and (max-width: 750px){
	.is-pc{
		display : none;
	}
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
.title01 span{
	display : block;
	text-align : center;
	color : #234b6e;
}
.title01 .dmserif{
	letter-spacing : .1em;
}
.title01 .gothic{
	font-weight : 500;
}
@media screen and (max-width: 750px){
	.title01 .dmserif{
		font-size : 6rem;
	}
	.title01 .gothic{
		font-size : 2.4rem;
		margin-top : calc( 6 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.title01 .dmserif{
		font-size : 3.4rem;
	}
	.title01 .gothic{
		font-size : 1.2rem;
		margin-top : 3px;
	}
}
.title02.blue span{
	color : #234b6e;
}
.title02 span{
	display : block;
	text-align : center;
}
.title02 span:nth-of-type(1){
	font-weight : 500;
	letter-spacing : .1em;
}
.title02 .karma{
	font-weight : 300;
}
@media screen and (max-width: 750px){
	.title02 span:nth-of-type(1){
		font-size : 4rem;
	}
	.title02 .karma{
		margin-top : calc( 20 * 100vw / 750 );
		font-size : 2.8rem;
	}
}
@media print,screen and (min-width: 751px){
	.title02 span:nth-of-type(1){
		font-size : 2.2rem;
	}
	.title02 .karma{
		margin-top : 12px;
		font-size : 1.4rem;
	}
}
.title03{
	border-bottom-style : solid;
	border-bottom-color : #000;
	font-weight : 300;
	letter-spacing : .1em;
}
@media screen and (max-width: 750px){
	.title03{
		font-size : 4rem;
		padding-bottom : calc( 20 * 100vw / 750 );
		border-bottom-width : calc( 2 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.title03{
		font-size : 2.2rem;
		padding-bottom : 12px;
		border-bottom-width : 1px;
	}
}
/*--------------------------------------------
TEXT
---------------------------------------------*/
.text01{
	line-height : 1.75;
	font-weight : 500;
}
.text01 + .text01{
	margin-top : 1.75em;
}
@media screen and (max-width: 750px){
	.text01{
		font-size : 3.2rem;
	}
}
@media print,screen and (min-width: 751px){
	.text01{
		font-size : 1.6rem;
	}
}
/*--------------------------------------------
LINK
---------------------------------------------*/
.banner{
	transition : opacity .5s ease-in;
	backface-visibility : hidden;
	will-change : opacity;
}
.banner:hover{
	opacity : .5;
}
/*--------------------------------------------
TAGS
---------------------------------------------*/
.tags01{
	display : flex;
	flex-wrap : wrap;
}
.tags01 li{
	display : flex;
	align-items : center;
	white-space : nowrap;
	color : #fff;
	background-color : #fabeb9;
	font-weight : 500;
}
@media screen and (max-width: 750px){
	.tags01 li{
		height : calc( 38 * 100vw / 750 );
		font-size : 2.4rem;
		padding-left : calc( 10 * 100vw / 750 );
		padding-right : calc( 10 * 100vw / 750 );
		margin-left : calc( 20 * 100% / 346 );
		margin-top : calc( ( 18 - 7 ) * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.tags01{
		margin-left : -15px;
	}
	.tags01 li{
		height : 18px;
		font-size : 1.2rem;
		padding-left : 6px;
		padding-right : 6px;
		margin-top : 15px;
		margin-left : 15px;
	}
}
/*# sourceMappingURL=../maps/module.css.map */