@charset "utf-8";



/****** ●●●●●●●● setting start ******/

body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	display: flex; /* フレックスボックスに有効に */
	flex-flow: column; /* 要素を縦に並べる */
	min-height: 100vh;
	font-family: "noto-sans", sans-serif;
	font-weight: 400;
}
.all-wrapper{
	flex: 1; 
}
a{
	text-decoration: none;
	color: #333333;
}



.width-90{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	right: 0;
	left: 0;
}
.width-1400{
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
	right: 0;
	left: 0;
}



.mincho-300{
	font-family: hiragino-mincho-pron, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.mincho-600{
	font-family: hiragino-mincho-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.noto-sans-400{
	font-family: "noto-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.noto-sans-500{
	font-family: "noto-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.noto-sans-700{
	font-family: "noto-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.optima-italic{
	font-family:'OptimaItalic';
	font-style: italic;
}
@font-face {
	font-family:'OptimaItalic';
	src: url( "font/optima-italic.eot") format('eot'); 
	src: url( "font/optima-italic.woff") format('woff'); 
	font-weight: normal;
	font-style: italic;
}
.muna-bold{
	font-family: 'muna-bold';
}
@font-face {
	font-family: 'muna-bold';
	src: url( "font/muna-bold.eot") format('eot'); 
	src: url( "font/muna-bold.woff") format('woff'); 
	font-weight: normal;
	font-style: normal;
}
.signpainter{
	font-family: 'SignPainter', 'Segoe Script', 'Brush Script MT', cursive;
	font-weight: 700; 
}
@font-face {
	font-family: 'SignPainter';
	src: url( "font/SignPainter.eot") format('eot'); 
	src: url( "font/SignPainter.woff") format('woff'); 
	font-weight: normal;
	font-style: normal;
}

.sab-title-en{
	font-size: 24px;
	font-weight: 600;
	color: #345AB4;
	letter-spacing: 2px;
}
@media screen and (min-width: 768px){
	.sab-title-en{
		font-size: 32px;
	}
}
@media screen and (min-width: 1080px){
	.sab-title-en{
		font-size: 42px;
	}
}

.sab-title-h2{
	font-size: 18px;
}
@media screen and (min-width: 768px){
	.sab-title-h2{
		font-size: 20px;
	}
}
@media screen and (min-width: 1080px){
	.sab-title-h2{
		font-size:24px;
	}
}


/****** ●●●●●●●● setting end   ******/