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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/*
============================================================
基本レイアウト設定

★ 全ページ共通項目設定
★ ヘッダー / ハンバーガーメニュー
★ エントリーボタン
★ フッダー

============================================================
*/

/* 文中の文字や改行させたくないもの */

.ntpc{display: none;}
.no_ntpc{display: inline;}
@media screen and ( max-width:1400px) {
	.ntpc{display: inline;}
	.no_ntpc{display: none;}
}

.tbn{display: none;}
.no_tbn{display: inline;}
@media screen and ( max-width:1200px) {
	.tbn{display: inline;}
	.no_tbn{display: none;}
}

.tbl{display: none;}
.no_tbl{display: inline;}
@media screen and ( max-width:1100px) {
	.tbl{display: inline;}
	.no_tbl{display: none;}
}

.tb{display: none;}
.no_tb{display: inline;}
@media screen and ( max-width:767px) {
	.tb{display: inline;}
	.no_tb{display: none;}
}

.phone{display: none;}
.no_phone{display:inline;}
@media screen and ( max-width:520px) {
	.phone{display: inline;}
	.no_phone{display:none;}
}

.mobile{display: none;}
@media screen and ( max-width:374px) {
	.mobile{display: inline;}
}

/* marginを適応させたいとき */
.tb_b{display: none;}
.no_tb_b{display: block;}
@media screen and ( max-width:767px) {
	.tb_b{display: block;}
	.no_tb_b{display: none;}
}

.phone_b{display: none;}
.no_phone_b{display:block;}
@media screen and ( max-width:520px) {
	.phone_b{display:block;}
	.no_phone_b{display:none;}
}


/* ---------------------------------------------------------
■ デフォルトリセット
--------------------------------------------------------- */

* {
 box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.6;
	border: none;
	list-style-type: none;
}
img {
	vertical-align: top;
	width:100%;
	height:auto;
}

a{color:#333;}

a:link    {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: none; }


/* ---------------------------------------------------------
■ レイアウトベース
--------------------------------------------------------- */

html {font-size:16px;}

body {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	color:#222;
	font-feature-settings: "palt";
}

.youtube iframe{
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
}

/* ---------------------------------------------------------
■ アコーディオン
--------------------------------------------------------- */
.open_title{cursor:pointer;}
.open_box{display:none;}