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

@import url('https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@100;400;700;800&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..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;}
}

.tbs{display: none;}
.no_tbs{display: inline;}
@media screen and ( max-width:980px) {
	.tbs{display: inline;}
	.no_tbs{display: none;}
}

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

.phonel{display: none;}
.no_phonel{display:inline;}
@media screen and ( max-width:580px) {
	.phonel{display: inline;}
	.no_phonel{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; }


/* ---------------------------------------------------------
■ レイアウトベース
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	font-family:"M PLUS 1p",sans-serif;
	color:#333;
	font-size: 16px;
	background-color: #fff;
	font-feature-settings: "palt";
}

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

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


/* ---------------------------------------------------------
■ フェードイン
--------------------------------------------------------- */

.fadeIn {
	opacity: 0;
	transition: all .5s ease;
	transform: translate(0, 20px);
}
.fade-mov {
	opacity: 1;
	transform: none;
}


/* ---------------------------------------------------------
■ フェードイン
--------------------------------------------------------- */
.lodefadeIn{
	animation:lodefadeIn .5s none;
}

@keyframes lodefadeIn {
  0% {
    opacity: 0;
	transition: all .5s ease;
	transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
	transform: none;
  }
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/