@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------------------------------

   Fonts

--------------------------------------------------------------------------------------------- */

/*
 * Noto Sans JP (wght@400;700) + Ibarra Real Nova
 * index.php の <head> で非同期読み込み済み（@import 削除）
-----------------------------------------------------------*/

/*font-family: 'Noto Sans JP', sans-serif;*/
/*font-family: 'Ibarra Real Nova', serif;*/


/* ---------------------------------------------------------------------------------------------

   H2

--------------------------------------------------------------------------------------------- */
h2.text-jp{
    text-align: center;
    font-weight: normal;
    color: #fff;
    text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000;
    margin-bottom: 25px;
}

h2.text-eg{
    color: #e9e4d4;
    text-align: center;
	font-family: 'Ibarra Real Nova', serif;
    font-weight: normal;
    text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000;
    margin-bottom: 25px;
}

h3.text-eg{
    color: #e9e4d4;
	font-family: 'Ibarra Real Nova', serif;
    font-weight: normal;
    text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000;
    margin-top: 25px;
}

.text-jp{
    color: #fff;
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
}
.text-eg{
    color: #e9e4d4;
	font-family: 'Ibarra Real Nova', serif;
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
}


/* ---------------------------------------------------------------------------------------------

   Pタグ他

--------------------------------------------------------------------------------------------- */
.text-72{
	font-size: clamp(60px, 3vw, 72px);
}
.text-60{
	font-size: clamp(48px, 3vw, 60px);
}
.text-48{
	font-size: clamp(36px, 3vw, 48px);
}
.text-36{
	font-size: clamp(24px, 3vw, 36px);
}
.text-30{
	font-size: clamp(20px, 3vw, 30px);
}
.text-24{
	font-size: clamp(18px, 3vw, 24px);
}
.text-20{
	font-size: clamp(16px, 3vw, 20px);
}
.text-18{
	font-size: clamp(16px, 3vw, 18px);
}
.text-16{
	font-size: clamp(14px, 3vw, 16px);
}
.text-14{
	font-size: clamp(12px, 3vw, 14px);
}
.text-12{
	font-size: clamp(10px, 3vw, 12px);
}


/* ---------------------------------------------------------------------------------------------

   Br

--------------------------------------------------------------------------------------------- */
.br-1400{
	display: none;
}
@media screen and (max-width:1400px) {
.br-1400{
	display: block;
}
}

.br-1000{
	display: none;
}
@media screen and (max-width:1000px) {
.br-1000{
	display: block;
}
}

.br-700{
	display: none;
}
@media screen and (max-width:700px) {
.br-700{
	display: block;
}
}

.br-500{
	display: none;
}
@media screen and (max-width:500px) {
.br-500{
	display: block;
}
}

.br-400{
	display: none;
}
@media screen and (max-width:400px) {
.br-400{
	display: block;
}
}

.br-350{
	display: none;
}
@media screen and (max-width:350px) {
.br-350{
	display: block;
}
}