/* 背景 */
body { 
	margin: 0;
	color:rgba(0, 45, 137, 1.0);
	background:rgba(255, 255, 255, 1.0) ;
}

/* 基本的なリンク */
/* リンク */
A {
	text-decoration: none;
	color:rgba(0, 45, 137, 1.0);
}

A:hover {
	color:rgba(255, 255, 255, 1.0);
}



/* ハンバーガーボタン */
/* エリア全体 */
.toggle-btn {
	position: fixed;
    top: 3vh;
    right: 3vw;
    display: flex;
    width: 3vw;
	height: 3.5vh;
    justify-content: center;
    align-items: center;
    z-index: 90;
	cursor: pointer;
}

/* ハンバーガーボタン */
/* エリア全体 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.toggle-btn {
		top: 2vh;
		right: 8vw;
		width: 7vw;
	}
}

/* ハンバーガーボタン */
/* オブジェクト領域 */
.toggle-btn span {
	position: absolute;
	display: block;
	right: 0;
	width: 3vw;
	height: 0.5vh; 
    background-color: rgba(0, 45, 137, 1.0);/* 壁紙によって色を変えること！：規定値207,207,207 */
	transition: all 0.5s;
	border-radius: 4px;
}

/* ハンバーガーボタン */
/* オブジェクト領域 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.toggle-btn span {
		width: 7vw;
		height: 0.5vh;
	}
}


/* ハンバーガーボタン */
/* 3本線：最上 */
.toggle-btn span:nth-child(1) {
	top: 0;
}

/* ×マークへの変形 */
.open .toggle-btn span:nth-child(1) {
    transform: translateY(1.5vh) rotate(315deg);
	background-color: rgba(255, 255, 255, 1.0);
}

/* ハンバーガーボタン */
/* 3本線：中央 */
.toggle-btn span:nth-child(2) {
	top: 1.5vh;
}

.open .toggle-btn span:nth-child(2) {
	opacity: 0;
}


/* ハンバーガーボタン */
/* 3本線：最下 */
.toggle-btn span:nth-child(3) {
	bottom: 0;
}

/* ×マークへの変形 */
.open .toggle-btn span:nth-child(3) {
    transform: translateY(-1.5vh) rotate(-315deg);
	background-color: rgba(255, 255, 255, 1.0);
}

/* メニュー */
/* エリア全体 */
nav {
	display: block;
	position: fixed;
	background-color:rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(5px);/* ブラー：ガラス表現 */
	top: 0;
	right: -100%;
	bottom: 0;
	width: 50%;
	transition: all 0.5s;
	z-index: 4;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	overflow: auto;
	opacity: 0;
}

/* メニュー */
/* エリア全体 */
/* 展開時 */
.open nav {
	display: flex;
	right: 0;
	opacity: 1;
}

/* メニュー */
/* エリア全体 */
/* 展開時 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.open nav {
		width: 100%;/*メニューを画面内全体へ*/
	}
}

/* メニュー */
/* オブジェクト領域 */
nav .inner {
	margin: 0;
	padding: 2% 2% 0 6%;
}

/* メニュー */
/* 大項目 */
.menu-content-main {
	text-align: left;
	display: block;
	font: 4vh 'Bungee', cursive;
	font-weight: 400;/* 400一択 */
	font-style: normal;/* normal一択 */
	color:rgba(255, 255, 255, 1.0);
	margin: 0;
}

/* メニュー */
/* 大項目 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.menu-content-main {
		font: 3vh 'Bungee', cursive;
		margin: 0 0 1vh 0;
	}
}

/* メニュー */
/* 小項目 */
.menu-content-sub {
	text-align: left;
	display: block;
	font: 2.5vh 'Bungee', cursive;/* 150% */
	font-weight: 400;/* 400一択 */
	font-style: normal;/* normal一択 */
	color:rgba(255, 255, 255, 1.0);
	padding: 0 2vw 2vh 2vw;
	word-spacing: 2vw;
	line-height: 4vh;
	margin: 0 0 3vh 0;
}

/* メニュー */
/* 小項目 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.menu-content-sub {
		font: 4.5vh 'Bungee', cursive;
		padding: 0 2vw 3vh 3vw;
		word-spacing: 100vw;
		line-height: 8vh;
	}
}

/* メニュー */
/* リンクされたテキスト */
div[class="inner"] A {
	color:rgba(255, 255, 255, 1.0);
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}

/* メニュー */
/* リンクされたテキスト */
/* マウスオーバー */
div[class="inner"] A:hover {
	animation: nijitxt1 45s infinite forwards;
	-webkit-animation: nijitxt1 45s infinite forwards;
	-moz-animation: nijitxt1 45s infinite forwards;
	-o-animation: nijitxt1 45s infinite forwards;
	-ms-animation: nijitxt1 45s infinite forwards;
}

/* メニュー */
/* サイトロゴ */
/* 領域 */
.siterogo {
	margin: 4vh 0 4vh 0;
	padding: 0;
}

/* メニュー */
/* サイトロゴ */
/* レイアウト */
div[class="siterogo"] img {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
	transition: 0.7s;
	width:4vw;
}

/* メニュー */
/* サイトロゴ */
/* レイアウト */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	div[class="siterogo"] img {
	width:12vw;
}
}

/* メニュー */
/* サイトロゴ */
/* マウスオーバー */
div[class="siterogo"] img:hover {
	opacity: 0.65;
}



/* 全ページ共通：コンテンツ入れ */
/* 領域 */
.contentsbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	width: 60vw;
	text-align: center;
	margin: 0 auto 6vh auto;
	padding: 0 auto 0 auto;
}

/* 全ページ共通：コンテンツ入れ */
/* 領域 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.contentsbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	width: 95%;
	text-align: center;
	margin: 0 auto 15vh auto;/* .footerとのかぶりを考慮(.footerのheight=10vw) */
	padding: 0 auto 0 auto;
}
}


/* 全ページ共通：ぱんくずメニュー */
/* 領域 */
.contentstitle {
	font: 1.3vw 'Bungee', cursive;
	margin: 2% 0 2% 0;
}

/* 全ページ共通：ぱんくずメニュー */
/* 領域 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.contentstitle {
		box-sizing: content-box;
		width: 60%;
		word-break: keep-all;
		word-wrap: break-word;
		font: 4vw 'Bungee', cursive;
		margin: 2% 0 2% 0;
	}
}

/* 全ページ共通：ぱんくずメニュー */
/* リンク */
.contentstitle A {
	color:rgba(0, 45, 137, 0.35);
}

/* 全ページ共通：ぱんくずメニュー */
/* リンク */
/* マウスオーバー */
.contentstitle A:hover {
	animation: nijitxt2 45s infinite forwards;
	-webkit-animation: nijitxt2 45s infinite forwards;
	-moz-animation: nijitxt2 45s infinite forwards;
	-o-animation: nijitxt2 45s infinite forwards;
	-ms-animation: nijitxt2 45s infinite forwards;
}


/* 全ページ共通：本文スペース */
/* 領域 */
.contentscase {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 auto 0 auto;
	text-align: left;
	overflow: left;
}


/* 全ページ共通：項目タイトル */
/* レイアウト */
.subcontent {
	font: 1.6vw 'Bungee', cursive;
	margin: 0;
}

/* 全ページ共通：項目タイトル */
/* レイアウト */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.subcontent {
	font: 8vw 'Bungee', cursive;
	margin: 0;
}
}


/* 全ページ共通：本文用テキスト */
/* レイアウト */
.txt1{
	color:rgba(0, 45, 137, 1.0);
	margin: 2vw 0 0 0;
	font: 0.98vw 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.715vw;
}

/* 全ページ共通：本文用テキスト */
/* レイアウト */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.txt1 {
	margin: 6vw 0 0 0;
	font: 4vw 'Noto Sans JP', sans-serif;
	line-height: 5.5vw;
	}
}


/* 全ページ共通：↑ボタン */
/* 位置と領域 */
.topbutton {
	position: fixed;
	bottom: 7.5vh;
	right: 6vw;
	margin: 0;
	padding: 0;
	filter: grayscale(100%);
	transition: 0.5s;
}

/* 全ページ共通：↑ボタン */
/* リンク設定 */
/* 一応リンクされているものなので */
/* メディアクエリ：iPhone */
/* スマホでは非表示 */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.topbutton A {
	visibility : hidden;
}
}

/* 全ページ共通：↑ボタン */
/* マウスオーバー */
.topbutton:hover {
	filter: grayscale(0%);
	transition: 0.5s;
}



/* 全ページ共通：フッター */
/* 位置と領域 */
.footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	margin: 0;/* backgroundの外側に透明色で領域を広げる場合はmargin */
	padding: 1vh 0;/* backgroundの色を保ったまま領域を広げる場合はpadding */
	background:rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(5px);/* ブラー：ガラス表現 */
	color:rgba(255, 255, 255, 1.0);
	font: 1.2vh 'Montserrat', sans-serif;
}

/* 全ページ共通：フッター */
/* 位置と領域 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.footer {
	margin: 0;/* backgroundの外側に透明色で領域を広げる場合はmargin */
	padding: 3.5vh 0;/* backgroundの色を保ったまま領域を広げる場合はpadding */
}
}



/* Contact */
/* メールフォーム */
/* 領域 */
.contact-form {
	margin: 7vh 0 10vh 0;
	padding: 0 2vw 0 2vw;
	align-items: center;
}

/* Contact */
/* メールフォーム */
/* 各項目 */
.item {
	font: 0.9vw 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin: 0 0 5vh 0;
}

/* Contact */
/* メールフォーム */
/* 各項目 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.item {
		font: 4vw 'Noto Sans JP', sans-serif;
	}
}

/* Contact */
/* メールフォーム */
/* 項目名 + 「必須」チップ */
/* 項目名 + 「必須」チップで1行：指定しないとフォームまでで1行になってしまう */
.item-box {
	display: block;
	margin: 0 0 0.75vh 0;
}

/* Contact */
/* メールフォーム */
/* 項目名 + 「必須」チップ */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.item-box {
			margin: 0 0 1vh 0;
	}
}

/* Contact */
/* メールフォーム */
/* 「必須」チップ */
.tips {
	color:rgba(255, 255, 255, 1.0);
	font: 0.5vw 'Noto Sans JP', sans-serif;
	font-weight: 800;
	background-color:rgba(255, 123, 59, 1.0);
	border-radius: 0.25em;
	padding: 0.2vh 0.5vw;
	margin: 0 0 0 0.25vw;
}

/* Contact */
/* メールフォーム */
/* 「必須」チップ */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.tips {
		font: 2vw 'Noto Sans JP', sans-serif;
		padding: 0.2vh 2vw;
		margin: 0 0 0 0.25vw;
	}
}

/* Contact */
/* メールフォーム */
/* 「任意」チップ */
.tips_optional {
	color:rgba(255, 255, 255, 1.0);
	font: 0.5vw 'Noto Sans JP', sans-serif;
	font-weight: 800;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius: 0.25em;
	padding: 0.2vh 0.5vw;
	margin: 0 0 0 0.25vw;
}

/* Contact */
/* メールフォーム */
/* 「任意」チップ */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.tips_optional {
		font: 2vw 'Noto Sans JP', sans-serif;
		padding: 0.2vh 2vw;
		margin: 0 0 0 0.25vw;
	}
}

/* Contact */
/* メールフォーム */
/* 「どちらか」チップ */
.tips_either {
	color:rgba(255, 255, 255, 1.0);
	font: 0.5vw 'Noto Sans JP', sans-serif;
	font-weight: 800;
	background-color:rgba(63, 159, 181, 1.0);
	border-radius: 0.25em;
	justify-content: center;
	line-height: center;
	padding: 0.2vh 0.5vw;
	margin: 0 0 0 0.5vw;
}

/* Contact */
/* メールフォーム */
/* 「どちらか」チップ */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.tips_either {
		font: 2vw 'Noto Sans JP', sans-serif;
		padding: 0.2vh 2vw;
		margin: 0 0 0 0.25vw;
	}
}

/* Contact */
/* メールフォーム */
/* 注意事項 */
.cfinfo {
	color:rgba(0, 45, 137, 0.65);
	font: 0.65vw 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin: 0 0 0.25vh 0;
}

/* Contact */
/* メールフォーム */
/* 注意事項 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.cfinfo {
		font: 2.5vw 'Noto Sans JP', sans-serif;
		font-weight: 400;
		margin: 0.5vh 0 0 0;
	}
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* お名前 */
input[class="input_name"] {
	border: 1px solid rgba(0, 45, 137, 0.5);
	border-radius: 0.5em;
	padding: 0.75em;
	width: 20em;
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* お名前 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	input[class="input_name"] {
		width: 100%;
		box-sizing: border-box;
		font-size: 2vh;
	}
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* お名前（フリガナ） */
input[class="input_name_kana"] {
	border: 1px solid rgba(0, 45, 137, 0.5);
	border-radius: 0.5em;
	padding: 0.75em;
	width: 20em;
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* お名前（フリガナ） */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	input[class="input_name_kana"] {
		width: 100%;
		box-sizing: border-box;
		font-size: 2vh;
	}
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* ご連絡可能なメールアドレス */
input[class="input_mail"] {
	border: 1px solid rgba(0, 45, 137, 0.5);
	border-radius: 0.5em;
	padding: 0.75em;
	width: 35em;
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* ご連絡可能なメールアドレス */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	input[class="input_mail"] {
		width: 100%;
		box-sizing: border-box;
		font-size: 2vh;
	}
}

/* Contact */
/* メールフォーム */
/* input欄 */
/* 入力時 */
input:focus {
	border: 1px solid rgba(0, 45, 137, 1.0);
	isolation: isolate;/* 背景の透明度に文字を依存させない */
	background:rgba(255, 255, 255, 1.0);
	background-image: linear-gradient(
		-45deg,
		rgba(228, 237, 255, 0.5),
		rgba(220, 255, 254, 0.5),
		rgba(234, 255, 233, 0.5),
		rgba(255, 255, 231, 0.5),
		rgba(255, 227, 228, 0.5),
		rgba(255, 255, 251, 0.5),
		rgba(235, 228, 255, 0.5)
		 );
	background-size: 100vw 100%;
	background-position: right;
	outline: none;
}

/* Contact */
/* メールフォーム */
/* input欄：入力例 */
input::placeholder {
	color:rgba(0, 0, 0, 0.35);
	font-size: 1.75vh;/* 入力文字は2vh：入力例文字の長さが枠をはみ出してしまうため調整 */
}

/* Contact */
/* メールフォーム */
/* ご用件 */
select {
	border: 1px solid rgba(0, 45, 137, 0.5);
	outline: none;
	border-radius: 0.5em;
	padding: 0.75em;
	width: 23em;
}

/* Contact */
/* メールフォーム */
/* ご用件 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	select {
		width: 100%;
		box-sizing: border-box;
		font-size: 2vh;
	}
}

/* Contact */
/* メールフォーム */
/* ご詳細 */
/* 入力欄 */
textarea {
	border: 1px solid rgba(0, 45, 137, 0.65);
	border-radius: 0.5em;
	padding: 1.5em;
	width: 100%;
	box-sizing: border-box;
	height: 20vh;
	resize: vertical;/* リサイズは縦方向のみ */
}

/* Contact */
/* メールフォーム */
/* ご詳細 */
/* 入力欄 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	textarea {
		padding: 0.9em;
		height: 30vh;
		font-size: 1.5vh;
	}
}

/* Contact */
/* メールフォーム */
/* ご詳細 */
/* 入力時 */
textarea:focus {
	border: 1px solid rgba(0, 45, 137, 1.0);
	isolation: isolate;/* 背景の透明度に文字を依存させない */
	background:rgba(255, 255, 255, 1.0);
	background-image: linear-gradient(
		-45deg,
		rgba(228, 237, 255, 0.5),
		rgba(220, 255, 254, 0.5),
		rgba(234, 255, 233, 0.5),
		rgba(255, 255, 231, 0.5),
		rgba(255, 227, 228, 0.5),
		rgba(255, 255, 251, 0.5),
		rgba(235, 228, 255, 0.5)
		 );
	background-size: 100vw 100%;
	background-position: right;
	outline: none;
}

/* Contact */
/* メールフォーム */
/* 規約 */
/* 領域 */
.terms_box {
	width: 100%;
	box-sizing: border-box;
	border-radius: 0.5em;
	border: 1px solid rgba(0, 45, 137, 1.0);
	background-color:rgba(0, 45, 137, 1.0);
	margin: 2vh 0 ;
	padding: 2em;
}

/* Contact */
/* メールフォーム */
/* 規約 */
.terms {
	color:rgba(255, 255, 255, 1.0);
	font: 0.75vw 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

/* Contact */
/* メールフォーム */
/* 規約 */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.terms {
		font: 1.75vh 'Noto Sans JP', sans-serif;
	}
}

/* Contact */
/* メールフォーム */
/* チェックボックス */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	input[type="checkbox"] {
    	width: 4vw;
		height: 2vh;
	}
}

/* Contact */
/* メールフォーム */
/* チェックボックス */
/* メディアクエリ：iPhone */
/* iPhoneでは疑似チェックボックスを作成 */

/* Contact */
/* メールフォーム */
/* 「同意する」項目：labelのclassが.checkbox */
/* 項目をクリックしてチェックボックスをONに */
.checkbox {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	width: 100%;
	border: 1px solid rgba(0, 45, 137, 1.0);
	border-radius: 0.5em;
	padding: 2em;
	cursor: pointer;
}

/* Contact */
/* メールフォーム */
/* 「同意する」項目 */
/* マウスオーバー */
.checkbox:hover {
	background:rgba(255, 255, 255, 1.0);
	background-image: linear-gradient(
		-45deg,
		rgba(228, 237, 255, 0.5),
		rgba(220, 255, 254, 0.5),
		rgba(234, 255, 233, 0.5),
		rgba(255, 255, 231, 0.5),
		rgba(255, 227, 228, 0.5),
		rgba(255, 255, 251, 0.5),
		rgba(235, 228, 255, 0.5)
		 );
	background-size: 100vw 100%;
	background-position: right;
}

/* Contact */
/* メールフォーム */
/* 「同意する」項目 */
/* チェックボックスがONになったら */
.checkbox:has(input:checked) {
	color:rgba(255, 255, 255, 1.0);
	background-image: none;
	background-color:rgba(0, 45, 137, 1.0);
}

/* Contact */
/* メールフォーム */
/* 「送信」ボタン */
/* 範囲 */
.submit_box {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	width: 100%;
	text-align: center;
}

/* Contact */
/* メールフォーム */
/* 「送信」ボタン */
input[type=submit] {
	box-sizing: border-box;
	font: 1.6vw 'Montserrat', 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color:rgba(255, 255, 255, 1.0);/* リンクの無いボタンのテキストはグレー */
	background:rgba(0, 0, 0, 1.0);	
	text-align: center;
	width: 100%;
	margin: 3vh 2vw 2vh 0;
	padding: 1.5vh 2vw;
	float: left;
	background-image: linear-gradient(
		-45deg,
		black 5%,
		rgba(127, 168, 255, 0.35),
		rgba(127, 255, 253, 0.35),
		rgba(131, 255, 127, 0.35),
		rgba(254, 255, 127, 0.35),
		rgba(255, 127, 131, 0.35),
		rgba(255, 127, 236, 0.35),
		rgba(127, 168, 255, 0.35),
		black 75%
		 );
	background-size: 50vw 100%;
	background-position: right;
	transition: background-position 0.2s ease;
	cursor: pointer;
}

/* Contact */
/* メールフォーム */
/* 「送信」ボタン */
/* メディアクエリ：iPhone */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
input[type=submit] {
	font: 7vw 'Montserrat', 'Noto Sans JP', sans-serif;
	font-weight: 700;
	margin: 4vh 8vw 4vh 0;
	padding: 1.5vh 2vw;
	background-image: linear-gradient(
		-45deg,
		black 15%,
		rgba(127, 168, 255, 0.2),
		rgba(127, 255, 253, 0.2),
		rgba(131, 255, 127, 0.2),
		rgba(254, 255, 127, 0.2),
		rgba(255, 127, 131, 0.2),
		rgba(255, 127, 236, 0.2),
		rgba(127, 168, 255, 0.2),
		black 100%
		 );
	background-size: 100vw 100%;
	background-position: right;
}
}

/* Contact */
/* メールフォーム */
/* 「送信」ボタン */
/* マウスオーバー */
input[type=submit]:hover {
	color: transparent;
	text-shadow: 0 0 0.15em rgba(255, 255, 255, 1.0);
	background-position: left;
}


/* Contact */
/* 本文用テキスト */
/* リンク */
.txt1 A{
	display: inline-block;/* 下線アニメーションのため */
	position: relative;/* 下線アニメーションのため */
	text-decoration: none;
	color:rgba(0, 58, 141, 1.0);
	transition: all 0.2s;
}

/* Contact */
/* 本文用テキスト */
/* リンク */
/* 下線アニメーション */
.txt1 A:after {
	background-color:rgba(0, 45, 137, 1.0);/* 下線の色 */
	bottom: 0.36vh;/* 要素の下端からの距離 */
	content: "";/* 要素に内容を追加 */
	height: 0.2vh;/* 下線の高さ */
	left: 0;/* 要素の左端からの距離 */
	position: absolute;/* 絶対位置指定 */
	transform: scale(0, 1);/* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
	transform-origin: center top;/* 変形の原点を中央上に指定 */
	transition: transform 0.2s;/* 変形をアニメーション化 */
	width: 100%; /* 要素の幅 */
}

/* Contact */
/* 本文用テキスト */
/* リンク */
/* 下線アニメーション */
/* メディアクエリ：iPhone */
/* 基本表示されないが、長タップすると表示されるため念のため */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	.txt1 A:after {
		bottom: 0vh;/* 要素の下端からの距離 */
	}
}

/* Contact */
/* 本文用テキスト */
/* リンク */
/* ホバー時の下線の表示 */
.txt1 A:hover::after {
	transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}

/* Contact */
/* メールフォーム */
/* このアドレスに届きます文のメールアドレス表記 */
.mailaddress {
	margin:2vh 0 7.5vh 0;
	font: 2.5vh 'Montserrat', sans-serif;
	font-weight: 800;
}


/* アニメーション：fadein */
@keyframes fadeIn {
    0% {
		opacity: 0;
	}
    100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
     0% {
		opacity: 0;
	}
    100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
    0% {
		opacity: 0;
	}
    100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
    0% {
		opacity: 0;
	}
    100% {
		opacity: 1;
	}
}

/* アニメーション：nijitxt1 */
/* ・ハンバーガーメニューのマウスオーバー */
@keyframes nijitxt1 {
	0% {
		color: rgba(255, 255, 255, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(255, 255, 255, 1.0);
	}
}
@-webkit-keyframes nijitxt1 {
	0% {
		color: rgba(255, 255, 255, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(255, 255, 255, 1.0);
	}
}
@-moz-keyframes nijitxt1 {
	0% {
		color: rgba(255, 255, 255, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(255, 255, 255, 1.0);
	}
}
@-o-keyframes nijitxt1 {
	0% {
		color: rgba(255, 255, 255, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(255, 255, 255, 1.0);
	}
}
@-ms-keyframes nijitxt1 {
	0% {
		color: rgba(255, 255, 255, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(255, 255, 255, 1.0);
	}
}

/* アニメーション：nijitxt2 */
/* ・パンくずメニューのマウスオーバー */
@keyframes nijitxt2 {
	0% {
		color: rgba(0, 45, 137, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(0, 45, 137, 1.0);
	}
}
@-webkit-keyframes nijitxt2 {
	0% {
		color: rgba(0, 45, 137, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(0, 45, 137, 1.0);
	}
}
@-moz-keyframes nijitxt2 {
	0% {
		color: rgba(0, 45, 137, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(0, 45, 137, 1.0);
	}
}
@-o-keyframes nijitxt2 {
	0% {
		color: rgba(0, 45, 137, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(0, 45, 137, 1.0);
	}
}
@-ms-keyframes nijitxt2 {
	0% {
		color: rgba(0, 45, 137, 1.0);
	}
	4% {
		color: rgba(127, 168, 255, 1.0);
	} 
	20% {
		color: rgba(127, 255, 253, 1.0);
	}
	36% {
		color: rgba(131, 255, 127, 1.0);
	}
	52% {
		color: rgba(254, 255, 127, 1.0);
	}
	68% {
		color: rgba(255, 127, 131, 1.0);
	}
	84% {
		color: rgba(255, 127, 236, 1.0);
	}
	96% {
		color: rgba(127, 168, 255, 1.0);
	}
	100% {
		color: rgba(0, 45, 137, 1.0);
	}
}

/* アニメーション：nijibacks（「戻る」ボタン部分：スマホでは常に適用） */
@keyframes nijibacks {
	to {
		background-position: 300px 100%;
	}
}
@-webkit-keyframes nijibacks {
	to {
		background-position: 300px 100%;
	}
}
@-moz-keyframes nijibacks {
	to {
		background-position: 300px 100%;
	}
}
@-o-keyframes nijibacks {
	to {
		background-position: 300px 100%;
	}
}
@-ms-keyframes nijibacks {
	to {
		background-position: 300px 100%;
	}
}