@charset "UTF-8";

/*
■ リセット

■ テキスト・フォント設定
■ 変数設定
■ カラー設定
■ 横幅最大値・左右余白設定

■ ヘッダー
■ グローバルナビ
■ フッターナビ
■ フッター
■ ページの先頭へ

■ 下層ページレイアウト
■ パン屑リスト
■ コンテンツ領域
■ ローカルナビ

■ 見出し
■ リード・画像

■ セクション
■ 関連情報

■ カラム

■ リスト
■ 記述リスト
■ 表組み
■ 囲み

■ テキストリンクアイコン
■ リンクアイコン
■ ボタン
■ アイコン

■ 動画埋め込み
■ マップ埋め込み

■ ページネーション
■ 検索窓

■ フォーム

■ 個別調整

■ 印刷用設定

■ JSライブラリ
*/



/* ■ リセット（#Beta） ==================================================================================== */

* { margin: 0; padding: 0; }
*,*:before,*:after,*::before,*::after { box-sizing: border-box; }
body { line-height: 1.0; -webkit-text-size-adjust: none; }
*:focus { outline: none; }
figure,img,picture,video,canvas,svg { display: block; max-width: 100%; height: auto; border: none; vertical-align: bottom; }
form { margin: 0; padding: 0; }
li { list-style-type: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
strong, em { font-style: normal; }
input, select, textarea, button { border-style: none; font-size: inherit; }
button { cursor: pointer; }

img {
width: 100%;
}

pre {
max-height: 300px;
margin-top: 1rem;
padding: 0 2rem;
border: 1px solid #ededed;
font-size: 1.4rem;
line-height: 1.6em;
background-color: #f8f8f8;
overflow: scroll;
}

/* ■ PC表示にする際のレスポンシブ対応 ==================================================================================== */

body {
	min-width: 1110px;
}

@media only screen and (max-width: 767px) {

	body {
	min-width: initial;
	}

}

/* ■ テキスト・フォント設定 ==================================================================================== */

body {
font-size: 1.6rem;
font-family: "M PLUS 1", sans-serif;
}

/* フォームにもフォントを指定する場合（#Beta） */
input, select, textarea {
font-family: "M PLUS 1", sans-serif;
}

.WF1 {
font-family: "Reddit Sans", sans-serif;
}

.WF2 {
}

h1,h2,h3,h4,h5,h6,th,strong,em {
font-weight: 700;
}

small {
font-size: calc(1.6rem * 0.9);
}

@media only screen and (max-width: 767px) {

	html {
	font-size: calc(10 / 16 * 100%);
	}
	
}

@media print, screen and (min-width: 768px) {

	html {
	font-size: calc(9 / 16 * 100%);
	}

}

@media print, screen and (min-width: 1110px) {

	html {
	font-size: calc(10 / 16 * 100%);
	}

}

@media only screen and (max-width: 767px) {

	.PC {
	display: none;
	}

}

@media print, screen and (min-width: 768px) {

	.SP {
	display: none;
	}

}

@media print, screen and (min-width: 1110px) {


}



/* ■ 変数設定 ==================================================================================== */

/*
フォントサイズ
カラー
gap（余白）
border-radius
*/


/* フォントサイズ --------------------------------------------------- */

:root {
--fontsize-int: 1.6rem;
}


/* カラー --------------------------------------------------- */

:root {
--color-main: #ffaa23;
--color-sub1: #333333;
--color-sub2: #0f58bd;
--color-sub3: #000;
--color-sub4: #b8b8b8;
--color-sub5: #e1ded8;
--color-link: #1567a6;
--color-alert: #e90000;
}


/* gap（余白） --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	/* パーツ初期値 */
	:root {
	--gap-int: 1.5rem;
	}

}

@media print, screen and (min-width: 768px) {

	/* パーツ初期値 */
	:root {
	--gap-int: 2rem;
	}

}


/* border-radius --------------------------------------------------- */

:root {
--border-r1: 0.2rem;
}



/* ■ カラー設定 ==================================================================================== */

/* 
bodyテキスト色・背景色
リンク色
アラート色
テキスト色
ボーダー色
背景色
*/


/* bodyテキスト色・背景色 --------------------------------------------------- */

body {
color: #333333;
background-color: #fff;
}


/* リンク色 --------------------------------------------------- */

a:link {
color: #333333;
text-decoration: none;
}

a:active {
color: #333333;
text-decoration: none;
}

a:visited {
color: #333333;
text-decoration: none;
}

a:hover {
color: #333333;
text-decoration: none;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1110px) {

	a:link {
	transition: color 0.2s ease 0.01s, background-color 0.2s ease 0.01s, opacity 0.2s ease 0.01s;
	}

	a:hover {
	opacity: 0.8;
	}

}


/* アラート色 --------------------------------------------------- */

.Alert {
color: var(--color-alert) !important;
}

.Box.Alert {
border-color: var(--color-alert) !important;
}

.ListDisc.Alert li:before,
.ListDiscS.Alert li:before {
background-color: var(--color-alert) !important;
}


/* テキスト色 --------------------------------------------------- */

.TxtColorWhite {
color: #fff !important;
}

.TxtColor1 {
color: #fff !important;
}

.TxtColor2 {
color: #b8b8b8 !important;
}

.TxtColor3 {
color: #b8b8b8 !important;
}


/* ボーダー色 --------------------------------------------------- */

.BorderColor1 {
border-color: #ccc !important;
}

.BorderColor2 {
border-color: #ccc !important;
}

.BorderColor3 {
border-color: #ccc !important;
}


/* 背景色 --------------------------------------------------- */

.BgColor1 {
background-image: linear-gradient(128deg, #ffca75, #ffa311);
}

.BgColor2 {
background-color: #f8f7f5 !important;
}

.BgColor3 {
background-color: var(--color-sub5) !important;
}



/* ■ 横幅最大値・左右余白設定 ==================================================================================== */


@media only screen and (max-width: 767px) {

	#Layout1,
	#Layout2,
	#Layout3,
	.Width1 {
	padding: 0 2.5rem;
	}


	.Width3 {
	padding: 0 2.5rem;
	}

}

@media print, screen and (min-width: 768px) {


	#Layout1,
	#Layout2,
	.Width1 {
	max-width: 111rem;
	margin: 0 auto;
	padding: 0 3rem;
	}

	#Layout3 {
	}

	.Width2 {
	max-width: 124rem;
	margin: 0 auto;
	padding: 0 3rem;
	}

	.Width3 {
	max-width: 80rem;
	margin: 0 auto;	
	}

}


@media print, screen and (min-width: 1110px) {

	.Width1,
	.Width3 {
	padding: 0 0;
	}

}


/* ■ ヘッダー ==================================================================================== */

#Header {
background-color: #fff;
}

#HeaderUnit {
position: relative;
}

/* ロゴ */
.Header_ServiceName {
display: inline-block;
}

.Header_TagLine {
display: inline-block;
font-size: 1.4rem;
letter-spacing: 0.05em;
font-weight: 400;
color: #333;
}

/* ヘッダー2 */
#Header.Header2 {
background-color: var(--color-main);
}

#Header.Header2 .Header_ServiceName {
filter: invert(89%) sepia(55%) saturate(13%) hue-rotate(206deg) brightness(107%) contrast(103%);
}

#Header.Header2 .Header_Logo a {
pointer-events: none;
}

#Header.Header2 .Header_TagLine {
color: #fff;
}

@media only screen and (max-width: 767px) {

	#Header {
	position: sticky;
	top: 0;
	z-index: 1000;
	}

	#Header.Header2 {
	position: inherit;
	}

	#HeaderUnit {
	display: flex;
	height: 7rem;
	}
		
	/* ロゴ */
	.Header_Logo {
	display: inline-block; /* flexの親要素の横幅を子要素に合わせるために外側の要素をinline-block化 */
	padding-left: 1.5rem;
	width: 12rem;
	}

	.Header_Logo a {
	order: 2;
	display: flex;
	flex-flow: column;
	margin-top: 0.7rem;
	}

	.Header_Logo img {
	order: 2;
	margin-top: 0.9rem;
	}

	.Header_ServiceName {
	width: 10rem;
	}

	.Header_TagLine {
	order: 1;
	font-size: 0.7rem;
	white-space: nowrap;
	}

	/* サブメニュー */
	.Header_Menu {
	display: none;
	}
	
	/* ハンバーガーメニュー */
	#Header_HamburgerMenu {
	display: block;
	position: absolute;
	top: 3.3rem;
	right: 1.5rem;
	width: 5rem;
	height: 3rem;
	padding-left: 0.2rem;
	font-size: 1rem;
	line-height: 9rem;
	text-align: center;
	color: var(--color-sub1);
	}

	#Header_HamburgerMenu .HamburgerItem {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 3rem;
	height: 0.3rem;
	background-color: var(--color-sub1);
	transition: 0.3s ease 0.01s;
	}
	
	#Header_HamburgerMenu .HamburgerItem:nth-child(1) {
	transform: translateY(-10px);
	}
	
	#Header_HamburgerMenu .HamburgerItem:nth-child(3) {
	transform: translateY(10px);
	}
	
	#Header_HamburgerMenu.Current .HamburgerItem:nth-child(1) {
	transform: translateY(0px) rotate(25deg);
	}
	
	#Header_HamburgerMenu.Current .HamburgerItem:nth-child(2) {
	transform: translateX(6.3333333333px);
	opacity: 0;
	}
	
	#Header_HamburgerMenu.Current .HamburgerItem:nth-child(3) {
	transform: translateY(0px) rotate(-25deg);
	}

	/* ヘッダー2 */
	#Header.Header2 .Header_Logo {
	padding-top: 0.1rem;
	}

	.MemberBtn {
	margin-top: 2rem;
	}
	
	.MemberBtn a {
	display: block;
	position: absolute;
	top: 16px;
	right: 65px;
	width: 110px;
	padding: 1.2rem 2rem 1.4rem 3.5rem;
	border-radius: 50rem;
	font-size: 1.1rem;
	letter-spacing: 0.2em;
	background: #333;
	color: #fff;
	}

	.MemberBtn a:before {
	position: absolute;
	left: 19px;
    top: 12px;
	content: '';
	display: inline-block;
	width: 11px;
	height: 12px;
	background-image: url(../img/common/header/Icon_Member.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	vertical-align: middle;	
	}

	.Lg_SelectList {
	margin-top: 1.8rem;
	margin-left: 2rem;
	margin-right: 2.2rem;
	padding-left: 40px;
	font-size: 1.5rem;
	color: #333;
	}
	
	.Lg_Select {
	position: relative;
	}
	
	.Lg_Select:before {
	position: absolute;
	top: 5px;
	left: 8px;
	width: 16px;
	height: 16px;
	margin-top: 1.5rem;
	margin-left: 3rem;
	margin-right: 2rem;
	content: '';
	display: inline-block;
	background-image: url(../img/common/header/Icon_language.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	}
	
	.Lg_Select {
	position: absolute;
	top: 1rem;
	right: 18rem;
	display: inline-block;
	}
	
	.Lg_SelectList {
	font-size: 16px;
	border-radius: 4px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	}
	
	.Lg_Select::after {
	content: "";
	}
	
	.select-arrow {
	position: absolute;
	pointer-events: none;
	right: 1rem;
	top: 28px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #333; /* ▼の色 */
	}
	
	.Header_MenuWrap {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: calc(100% - 12rem);
	}
	

}

@media print, screen and (min-width: 768px) {

	#Header {
	position: sticky;
	/* position: fixed; */
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 11rem;
	}

	#HeaderUnit {
	display: flex;
	padding: 0 2rem 0 3rem;
	 min-width: 110rem;
	}

	/* ロゴ */
	.Header_Logo {
	width: 40rem;
	margin-right: auto;
	}

	.Header_ServiceName {
	width: 14rem;
	}

	.Header_TagLine {
	padding-left: 2rem;
	padding-bottom: 1.4rem;
	font-size: 1.3rem;
	}
	
	/* サブメニュー */
	.Header_SubMenu {
	display: flex;
	}

	.Header_SubMenu li {
	margin-left: 2rem;
	font-size: 1.5rem;
	}

	.Header_SubMenu a {
	color: #333;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	}
	
	/* ハンバーガーメニュー */
	#Header_HamburgerMenu {
	display: none;
	}

	/* ヘッダー2 */
	#Header.Header2 .Header_Logo {
	padding-top: 0.1rem;
	}

	.Header_Logo {
	margin-top: 2rem;	
	}
	
	.Header_Logo a {
	display: flex;
	align-items: center;
	white-space: nowrap !important;
	}
	
	.Header_Menu {
	margin-top: 2.3rem;
	}
	
	.Header_MenuWrap {
	display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;

	}
	
	.MemberBtn {
	margin-top: 1.5rem;
	}
	
	.MemberBtn a {
	position: relative;
    display: block;
    width: 15rem;
	padding: 1.2rem 0 1.4rem 5.5rem;
	border-radius: 50rem;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	background: #333;
	color: #fff !important;
	}

	.MemberBtn a:before {
	position: absolute;
	left: 37px;
	top: 14px;
	content: '';
	display: inline-block;
	width: 11px;
	height: 12px;
	background-image: url(../img/common/header/Icon_Member.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	vertical-align: middle;	
	}

	.Lg_SelectList {
	margin-top: 2.3rem;
	margin-left: 2rem;
	margin-right: 2.2rem;
	padding-left: 4rem;
/* 	border-left: 1px solid #e1ded8; */
	font-size: 1.5rem;
	}
	
	.Lg_Select {
	position: relative;
	}
	
	.Lg_Select:before {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 16px;
	height: 16px;
	margin-top: 1.5rem;
	margin-left: 3rem;
	margin-right: 2rem;
	content: '';
	display: inline-block;
	background-image: url(../img/common/header/Icon_language.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	}
	
	.Lg_Select {
	position: relative;
	display: inline-block;
	}
	
	.Lg_SelectList {
	padding-right: 0.5em; /* 矢印分の余白 */
	font-size: 16px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	color: #333;
	}
	
	.Lg_Select::after {
	content: "";
	}
	
	.select-arrow {
	position: absolute;
	pointer-events: none;
	right: 2rem;
	top: 33px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #333; /* ▼の色 */
	}
	
	

}

@media print, screen and (min-width: 1110px) {

	/* ロゴ */
	.Header_Logo a:hover {
	opacity: 1.0;
	}

}



/* ■ グローバルナビ（GlobalNav） ==================================================================================== */

/* SmartMenus：初期設定 */
.sm { position: relative; z-index: 9999; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.sm,.sm ul,.sm li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; }
.sm-rtl,.sm-rtl ul,.sm-rtl li { direction: rtl; text-align: right; }
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 { margin: 0; padding: 0; }
.sm ul { display: none; }
.sm li,.sm a { position: relative; }
.sm a.disabled { cursor: default; }
.sm::after { content: ""; display: block; height: 0; font: 0px/0 serif; clear: both; overflow: hidden; }
.sm *,.sm *::before,.sm *::after { box-sizing: inherit; }

#GlobalNav {

}

#GlobalNavUnit {
position: relative;
}

.GlobalNav_Menu a {
display: block;
}

/* 親メニュー */
a.GlobalNav_Level1_Parent {
color: #333;
}

/* SmartMenus：設定（基本hover色と同じ） */
.GlobalNav_Level1_Parent.highlighted {

}

.GlobalNav_Level2_Parent.highlighted {

}

@media only screen and (max-width: 767px) {

	#GlobalNav {
	display: none;
	position: fixed;
	left: 0;
	top: 7rem;
	z-index: 10000;
	width: 100%;
	height: 100vh;
	padding-bottom: 20rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	}

	#GlobalNavUnit {
	padding: 2rem 1.5rem;
	}
	
	.GlobalNav_Menu {
	border-top: 1px solid var(--color-main);	
	}

	/* 親メニュー */
	a.GlobalNav_Level1_Parent {
	position: relative;
	padding: 1.5rem 1rem;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	border-bottom: 1px solid var(--color-main);
	}

	a.GlobalNav_Level1_Parent::before,
	a.GlobalNav_Level1_Parent::after {
	display: block;
	position: absolute;
	top: 49%;
	right: 1rem;
	width: 1.2rem;
	height: 0.2rem;
	background-color: var(--color-main);
	content: "";
	}
	
	a.GlobalNav_Level1_Parent.IconAllow:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 1.2rem;
	width: 0.8rem;
	height: 0.8rem;
	margin-top: -0.4rem;
	border-top: solid 2px var(--color-main);
	border-right: solid 2px var(--color-main);
	transform: rotate(45deg);
	background: transparent;
	content: '';	
	}

	a.GlobalNav_Level1_Parent.IconAllow:after {
	display: none;
	}
	
	a.GlobalNav_Level1_Parent::after {
	transform: rotate(90deg);
	}
	
	a.GlobalNav_Level1_Parent.highlighted::after {
	display: none;
	}

	/* 子メニュー */
	.GlobalNav_Level2 {
	padding: 0 1rem !important;
	background-color: #f8f7f5;
	border-bottom: 1px solid var(--color-main);
	}

	a.GlobalNav_Level2_Parent {
	position: relative;
	padding: 1.2rem 4rem 1.2rem 4rem;
	border-top: 1px solid #b96e14;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.08em;
	color: #333;
	}

	.GlobalNav_Level2 li:first-child a.GlobalNav_Level2_Parent {
	border-top: none;	
	}

	a.GlobalNav_Level2_Parent::before {
	display: block;
	position: absolute;
	background-color: #b96e14;
	content: "";
	top: 49%;
	left: 20px;
	right: 14px;
	width: 10px;
	height: 2px;
	}

	a.GlobalNav_Level1_Parent.highlighted {
	background: var(--color-main);
	color: #fff;
	}
	
	a.GlobalNav_Level1_Parent.highlighted::before {
	background-color: #fff;
	}

}


@media print, screen and (min-width: 768px) {

	#GlobalNav {
	display: block !important;
	width: 100%;
	}

	/* 親メニュー */
	.GlobalNav_Menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 1rem;
	}
	
	.GlobalNav_Menu .GlobalNav_Level1 {
	margin-left: 3rem;
	}

	a.GlobalNav_Level1_Parent {
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	}

	a.GlobalNav_Level1_Parent:last-child {

	}

	a.GlobalNav_Level1_Parent:hover {
	opacity: 1;
	}

	a.GlobalNav_Level1_Parent.Current {
	/* background-color: var(--color-sub1); */
	}

	/* 子メニュー */
	.GlobalNav_Level2 {
	position: absolute;
	top: 4.1rem !important;
	z-index: 1000;
	min-width: 20rem !important;
	padding: 1.5rem 0 !important;
	background-color: #f8f7f5;
	}
	
	.GlobalNav_Level2 li {
	display: block;
	float: none;
	width: 100%;
	border: none;
	text-align: left;
	}

	a.GlobalNav_Level2_Parent {
	position: relative;
	padding: 0.8rem 2rem 0.8rem 4rem;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #333;
	}

	.GlobalNav_Level2 li:last-child a.GlobalNav_Level2_Parent {
	border-bottom: none;
	}

	a.GlobalNav_Level2_Parent:after {
	display: block;
	position: absolute;
	background-color: var(--color-main);
	content: "";
	top: 51%;
	left: 20px;
	right: 14px;
	width: 10px;
	height: 2px;

	}

	a.GlobalNav_Level2_Parent:hover {
	opacity: 1.0;
	}
	
	.GlobalNavWrap {
	display: block !important;
	width: 100%;	
	}

	a.GlobalNav_Level1_Parent.highlighted {
	color: var(--color-main);
	}

	#GlobalNav_Menu .GlobalNav_Level1:last-child .GlobalNav_Level2 {
	left: auto !important;
	right: -1rem;
	}

}

@media print, screen and (min-width: 900px) {

	a.GlobalNav_Level1_Parent {
	font-size: 1.3rem;
	}

}

@media print, screen and (min-width: 1110px) {

	/* 親メニュー */
	.GlobalNav_Level1_Parent:hover {
	color: var(--color-main);
	}

	/* 子メニュー */
	.GlobalNav_Level2_Parent:hover {
	color: var(--color-main);
	}
	
	a.GlobalNav_Level1_Parent {
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	}

}



/* ■ フッターナビ（FooterNav） ==================================================================================== */

#FooterNav {
  
}

#FooterNav a {
display: block;
color: #333;
letter-spacing: 0.08em;
}

/* 親メニュー */

@media only screen and (max-width: 767px) {

	#FooterNav {
	padding: 3.5rem 2rem;
	}

	#FooterNavUnit {
	border-top: 1px solid #b96e14;
	}

	/* 親メニュー */
	.FooterNav_Level1 {
	border-bottom: 1px solid #b96e14;
	}

	.FooterNav_Level1_Parent {
	padding: 1.5rem 1rem;
	font-size: 1.4rem;
	}

	/* 子メニュー */
	.FooterNav_Level2 {
	display: none;
	}

	.FooterNav_Level2_Parent {
	position: relative;
	padding: 1rem 4rem 1rem 1.5rem;
	border-top: 1px solid #333;
	font-size: 1.3rem;
	line-height: 1.5;
	background-color: #fff;
	}
	
    .FooterNav_Level2_Parent::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 0.8rem;
    height: 0.8rem;
    margin-top: -0.4rem;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    transform: rotate(45deg);
    content: '';
    }


}

@media print, screen and (min-width: 768px) {

	.FooterNavWrap {
	display: flex;
	justify-content: flex-end;
	padding: 7rem 4rem 4rem 4rem;
	}
	
	.FooterLogo {
	width: 50%;
	}

	#FooterNav {
	width: 50%;

	}

	.FooterNav_Menu2,
	.FooterNav_Menu1 {
	padding-right: 2rem;

	}

	/* 親メニュー */
	.FooterNav_Level1 {
	padding-bottom: 4rem;
	}

	.FooterNav_Level1:last-child {
	border-right: none;
	}

	.FooterNav_Level1_Parent {
	font-size: 1.5rem;
	position: relative;
   white-space: nowrap;
	}
	
	.IconLine {
	position: relative;	
	}

	.IconLine:before {
	display: block !important;
	position: absolute;
	background-color: #b96e14;
	content: "";
	top: 0.8rem;
	left: -2.5rem;
	width: 1.3rem;
	height: 2px;
	}

	.FooterNav_Level1_Parent.LinkIconPlus::before,
	.FooterNav_Level1_Parent.LinkIconPlus::after {
	display: none;
	}

	/* 子メニュー */
	.FooterNav_Level2 {
	display: block !important;
	margin-top: 1.5rem;
	}

	.FooterNav_Level2_Parent {
	margin-top: 1rem;
	font-size: 1.3rem;
	}
	
	.NonLink {
	pointer-events: none !important;	
	}

}



/* ■ フッター（Footer） ==================================================================================== */

/* サブメニュー */
.Footer_SubMenu a {
color: #000;
}

/* ロゴ */
.Footer_ServiceName {
display: inline-block;
}

/* コピーライト */
.Footer_Copyright {
letter-spacing: 0.04em;
}

/* フッター2 */
#Footer.Footer2 {
border-top: 1px solid var(--color-sub4);
}

#Footer.Footer2 .Footer_Logo a {
pointer-events: none;
}

@media only screen and (max-width: 767px) {

	#Footer {
	margin-top: 2rem;	
	}

	/* サブメニュー */
	.Footer_SubMenu {
	display: flex;
	justify-content: center;
	}

	.FooterLogo {
	margin-top: 4rem;
	text-align: center;
	}

	.Footer_SubMenu a {
	font-size: 1.2rem;
	}

	/* クレジット */
	.Footer_Credit {
	margin-top: 1.5rem;
	text-align: center;
	}

	/* ロゴ */
	.Footer_ServiceName {
	width: 10rem;
	}

	/* コピーライト */
	.Footer_Copyright {
	margin-top: 0.8rem;
	font-size: 1.0rem;
	letter-spacing: inherit;
	}

	/* フッター2 */
	#Footer.Footer2 .Footer_Credit {
	margin-top: 0;
	}

}

@media print, screen and (min-width: 768px) {

	#FooterNavUnit {
	display: flex;
	justify-content: space-between;
	}
	
	#FooterNav .MemberBtn a {
	margin-left: auto;
	}

	#FooterUnit {
	display: flex;
	align-items: center;
	margin-top: 3rem;
	}
	
	/* サブメニュー */
	.Footer_SubMenu {
	display: flex;
	}

	.Footer_SubMenu li {

	}

	.Footer_SubMenu li:last-child {
	margin-right: 0;
	}

	.Footer_SubMenu a {
	font-size: 1.3rem;
	}
		
	/* クレジット */
	.Footer_Credit {
	margin-left: auto;
	text-align: right;
	}

	/* ロゴ */
	.Footer_Logo a:hover {
	opacity: 1.0;
	}

	.Footer_ServiceName {
	width: 13rem;
	}

	/* コピーライト */
	.Footer_Copyright {
	font-size: 1.1rem;
	letter-spacing: 0.08em;
	}
	
	.FooterNav_Level1_Parent.LinkIconPlus {
	padding-right: 0 !important;
	}
	
}



/* ■ ページの先頭へ ==================================================================================== */

#PageTop {
display: none;
position: fixed;
z-index: 3000;
cursor: pointer;
}

#PageTopSP {
display: none;
position: fixed;
z-index: 3000;
cursor: pointer;
}


@media only screen and (max-width: 767px) {

	#PageTopSP {
	right: 0;
	bottom: 0;
	}

	#PageTopSP img {
	width: 4rem;
	height: 4rem;
	}

}

@media print, screen and (min-width: 768px) {

	#PageTop {
	right: 4rem;
	bottom: 4rem;
	}

	#PageTop img {
	width: 6rem;
	height: 6rem;
	}

}



/* ■ 下層ページレイアウト ==================================================================================== */

/*
レイアウト1
レイアウト2
*/


/* レイアウト1 --------------------------------------------------- */

#Layout1 {
display: flex;
flex-wrap: wrap;
}

#Layout1 .BreadCrumb {
width: 100%;
}
	
@media only screen and (max-width: 767px) {

	#Layout1 .BreadCrumb {
	order: 3;
	}

	#Layout1 #Contents {
	order: 1;
	width: 100%;
	}

	#Layout1 #LocalNav {
	order: 2;
	width: 100%;
	}

}

@media print, screen and (min-width: 768px) {

	#Layout1 {
	padding-top: 1rem;
	padding-bottom: 8rem;
	}

	#Layout1 #Contents {
	width: 100%;
	}

	#Layout1 #LocalNav {
	width: 100%;
	}

}

@media print, screen and (min-width: 1110px) {

	#Layout1 .BreadCrumb {
	order: 1;
	}

	#Layout1 #Contents {
	order: 3;
	width: 75%;
	padding-left: 5%;
	}

	#Layout1 #LocalNav {
	order: 2;
	width: 25%;
	}

}


/* レイアウト2 --------------------------------------------------- */

#Layout2 {
display: flex;
flex-wrap: wrap;
}

#Layout2 .BreadCrumb,
#Layout2 #Contents {
width: 100%;
}
	
@media only screen and (max-width: 767px) {

	#Layout2 .BreadCrumb {
	order: 2;
	}

	#Layout2 #Contents {
	order: 1;
	}

}

@media print, screen and (min-width: 768px) {

	#Layout2 {
	padding-top: 1rem;
	padding-bottom: 8rem;
	}

}

@media print, screen and (min-width: 1110px) {

}



/* ■ パン屑リスト ==================================================================================== */

.BreadCrumbUnit li {
display: inline;
position: relative;
margin-right: 0.4rem;
padding-left: 1.4rem;
line-height: 1.5;
}

.BreadCrumbUnit li a {
color: #333;
}

.BreadCrumbUnit li:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.BreadCrumbUnit li:first-child {
padding-left: 13px;
background-image: url(../img/common/icon/Icon_PathHome.png?ver=250606);
background-repeat: no-repeat;
}

.BreadCrumbUnit li:first-child:after {
display: none;
}

.BreadCrumbUnit li:last-child a {
color: #8f8f8f;
text-decoration: none;
}

@media only screen and (max-width: 767px) {

	.BreadCrumb {
	padding: 0 0 1.2rem 2.5rem;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	white-space: nowrap;
	}

	.BreadCrumbUnit {
	width: 100%;
	white-space: nowrap;
	}

	.BreadCrumbUnit li {
	display: inline-block;
	max-width: 200px;
	font-size: 1rem;
	letter-spacing: 0.08em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}

	.BreadCrumbUnit li:first-child {
	background-position: 0 49%;
	}

}

@media print, screen and (min-width: 768px) {

	.BreadCrumbUnit {
	padding: 0 0 1.5rem 4rem;
	}

	.BreadCrumbUnit li {
	font-size: 1.2rem;
	letter-spacing: 0.08em;
	}

	.BreadCrumbUnit li:first-child {
	background-position: 0 50%;
	}
	
}



/* ■ コンテンツ領域 ==================================================================================== */

@media only screen and (max-width: 767px) {

	#Contents {
	padding-top: 3.5rem;
	padding-bottom: 4rem;
	}

	.TitleUnit {
	padding-top: 3.5rem !important;
	}


}

@media print, screen and (min-width: 768px) {

	#Contents {
	padding-top: 7rem;
	padding-bottom: 8rem;
	}

	/* .TitleUnit {
	padding-top: 17rem !important;
	} */


}



/* ■ ローカルナビ ==================================================================================== */

/* 見出し */
.LocalNav_Mds {
text-align: center;
color: #fff;
background-color: var(--color-main);
}

.LocalNav_Menu li {
border-bottom: 1px solid #b8b8b8;
}	

/* 親メニュー */
.LocalNav_Menu li a,
.LocalNav_Menu li.Disabled {
display: block;
}

/* 親メニュー：Disabled */
.LocalNav_Menu li.Disabled {
background-image: none;
}

.LocalNav_Menu li.Disabled span {
opacity: 0.25;
}

/* 親メニュー：カレント */
.LocalNav_Menu li.Current {
background-color: #bb2218;
}

.LocalNav_Menu li > ul li {
border-bottom: none;
font-weight: normal;
}

/* 子メニュー */
/* 子メニュー：カレント */
.LocalNav_Menu li > ul li.Current a {
background-color: #fff;
}

/* 子メニュー */
.LocalNav_Menu li > ul {
padding: 5px 0;
background-color: #fff;
}

.LocalNav_Menu li > ul li a,
.LocalNav_Menu li > ul li.Disabled {
}

/* Extraナビ */
.ExtraNav1 li,
.ExtraNav2 li {
margin-bottom: 10px;
}

.ExtraNav1 {
margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {

	/* 見出し */
	.LocalNav_Menu {
	padding: 10px 15px;
	font-size: 108%;
	background-color: #000;
	}

	/* 親メニュー */
	.LocalNav_Menu li a,
	.LocalNav_Menu li.Disabled {
	padding: 15px 30px 15px 15px;
	line-height: 1.5em;
	background-position: 97% 50%;	
	}

	/* 親メニュー：カレント */
	.LocalNav_Menu li.Current {
	font-weight: bold;
	}

	/* 子メニュー */
	.LocalNav_Menu li > ul li a,
	.LocalNav_Menu li > ul li.Disabled {
	padding: 6px 15px 4px 25px;
	font-size: 93%;
	background-position: 13px 11px;
	}

	/* Extraナビ */
	.ExtraNav1,
	.ExtraNav2 {
	padding: 0 15px;
	}

	.ExtraNav1 li,
	.ExtraNav2 li {
	width: 100%;
	}

}

@media print, screen and (min-width: 768px) {

	#LocalNav {
	margin-top: 2em;
	}
	
	/* 見出し（カテゴリ名） */
	.LocalNav_Mds {
	padding: 0.75em 0.5em;
	font-size: 1.8rem;
	font-weight: normal;
	}

	/* 親メニュー */
	.LocalNav_Menu {
	background-color: #f2f2f2;
	}

	.LocalNav_Menu li:first-child {
	border-top: none;
	}
	
	.LocalNav_Menu li a,
	.LocalNav_Menu li.Disabled {
	padding: 10px 15px 10px 25px;
	font-size: 100%;
	line-height: 1.6em;
	background-position: 10px 19px;
	}

	.LocalNav_Menu li.Current a {
	color: #fff;
	}

	/* 親メニュー：ホバー */
	.LocalNav_Menu li a:hover {
	}
	
	.LocalNav_Menu li > ul li a,
	.LocalNav_Menu li > ul li.Disabled {
	padding: 6px 15px 4px 25px;
	font-size: 93%;
	color: #000 !important;
	background-position: 13px 11px;
	}

	/* 子メニュー：ホバー */
	.LocalNav_Menu li > ul li a:hover,
	.LocalNav_Menu li > ul li.Current a:hover {
	background-color: #efefef;
	}

}



/* ■ 見出し（h1〜） ==================================================================================== */


/* h1 */
.MdsH1 {
line-height: 1.2;
}

/* h2 */
.MdsH2 {
line-height: 1.4;
}

/* h3 */
.MdsH3 {
background-color: var(--color-sub5);
}

/* h4 */
.MdsH4 {
position: relative;
}

.MdsH4::before {
position: absolute;
left: 0;
background: #000;
content: "";
}
	
/* h5 */
.MdsH5 {
line-height: 1.4;
}

@media only screen and (max-width: 767px) {

	/* h1 */
	.MdsH1 {
	padding-bottom: 1rem;
	font-size: 3rem;
	}
	
	/* h2 */
	.MdsH2 {
	padding-bottom: 0.5rem;
	font-size: 3rem;
	letter-spacing: 0.1em;
	text-align: center;
	}
	
	/* h3 */
	.MdsH3 {
	padding: 0.5rem 1rem;
	font-size: 1.8rem;
	line-height: 1.6;
	}
	
	/* h4 */
	.MdsH4 {
	margin-top: 1.5rem;
	padding-left: 1.6rem;
	font-size: 1.8rem;
	line-height: 1.4;
	}

	.MdsH4::before {
	top: 0.7rem;
	width: 1.1rem;
	height: 1.1rem;
	}

	/* h5 */
	.MdsH5 {
	margin-top: 1.5rem;
	font-size: 1.6rem;
	line-height: 1.4;
	}

}

@media print, screen and (min-width: 768px) {

	/* h1 */
	.MdsH1 {
	padding-bottom: 1.5rem;
	font-size: 4rem;
	}
	
	/* h2 */
	.MdsH2 {
	padding-bottom: 1rem;
	font-size: 4rem;
	letter-spacing: 0.1em;
	text-align: center;
	}
	
	/* h3 */
	.MdsH3 {
	padding: 0.8rem 1.5rem;
	font-size: 2rem;
	line-height: 1.5;
	}
	
	/* h4 */
	.MdsH4 {
	margin-top: 2.5rem;
	padding-left: 1.8rem;
	font-size: 1.8rem;
	line-height: 1.5;
	}

	.MdsH4::before {
	top: 0.9rem;
	width: 1rem;
	height: 1rem;
	}

	/* h5 */
	.MdsH5 {
	margin-top: 2.5rem;
	font-size: 1.6rem;
	line-height: 1.8;
	}

}



/* ■ リード・画像 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.LeadMain {
	margin-top: 1em;
	line-height: 1.8;
	}

	.Lead {
	margin-top: 1.5rem;
	line-height: 1.8;
	}

	.Photo {
	margin-top: 1.5rem;
	}

}

@media print, screen and (min-width: 768px) {

	.LeadMain {
	margin-top: 2em;
	font-size: 1.8rem;
	line-height: 1.8;
	}

	.Lead {
	margin-top: 2.5rem;
	line-height: 2;
	}

	.Photo {
	margin-top: 2.5rem;
	}

}



/* ■ セクション ==================================================================================== */

@media only screen and (max-width: 767px) {

	.SectionMain {
	padding-top: 4rem;
	}

	.SectionSub {
	padding-top: 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionMain {
	padding-top: 6rem;
	}

	.SectionSub {
	padding-top: 4rem;
	}

}



/* ■ 関連情報 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.RelatedInfo {
	margin-top: 2rem;
	}

	.RelatedInfo_Mds {
	font-size: 2rem;
	}

	.RelatedInfo_Menu {
	margin-top: 2rem;
	}

	.RelatedInfo_Menu li {
	margin-top: 1.25rem;
	}
	
}

@media print, screen and (min-width: 768px) {

	.RelatedInfo {
	margin-top: 3rem;
	}

	.RelatedInfo_Mds {
	font-size: 2rem;
	}

	.RelatedInfo_Menu {
	margin-top: 2rem;
	}

	.RelatedInfo_Menu li {
	margin-top: 1.5rem;
	}
	
}



/* ■ カラム ==================================================================================== */

/*
成り行き
固定
*/


.Cols {
display: grid;
gap: 2rem;
margin-top: var(--gap-int);
}


/* 成り行き --------------------------------------------------- */

.ColAuto3 {
grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}

.ColAuto4 {
grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
}


/* 固定 --------------------------------------------------- */

.Col2 {
grid-template-columns: repeat(2, 1fr);
}

.Col3 {
grid-template-columns: repeat(3, 1fr);
}

.Col4 {
grid-template-columns: repeat(4, 1fr);
}

.Col5 {
grid-template-columns: repeat(5, 1fr);
}

.Col6 {
grid-template-columns: repeat(6, 1fr);
}


@media only screen and (max-width: 767px) {

	.Col2_SP {
	grid-template-columns: repeat(2, 1fr);
	}
	
	.Col3_SP {
	grid-template-columns: repeat(3, 1fr);
	}
	
	.Col4_SP {
	grid-template-columns: repeat(4, 1fr);
	}
	
	.Col5_SP {
	grid-template-columns: repeat(5, 1fr);
	}
	
	.Col6_SP {
	grid-template-columns: repeat(6, 1fr);
	}

	/* 2対1 */
	.Col2v1 {
	grid-template-columns: 1fr;
	}

	/* 1対2 */
	.Col1v2 {
	grid-template-columns: 1fr;
	}

}

@media print, screen and (min-width: 768px) {

	.Col2_PC {
	grid-template-columns: repeat(2, 1fr);
	}
	
	.Col3_PC {
	grid-template-columns: repeat(3, 1fr);
	}
	
	.Col4_PC {
	grid-template-columns: repeat(4, 1fr);
	}
	
	.Col5_PC {
	grid-template-columns: repeat(5, 1fr);
	}
	
	.Col6_PC {
	grid-template-columns: repeat(6, 1fr);
	}

	/* 2対1 */
	.Col2v1 {
	grid-template-columns: 2fr 1fr;
	}

	/* 1対2 */
	.Col1v2 {
	grid-template-columns: 1fr 2fr;
	}

}



/* ■ リスト各種 ==================================================================================== */

/*
マーカーなし（ListNoMarker）
ディスク：中（ListDisc）
ディスク：小（ListDiscS）
米印：中（ListKome）
米印：小（ListKomeS）
連番：中（ListNum）
連番：小（ListNumS）
連番米印：小（ListKomeNumS）
入れ子調整
*/

.List {
margin-top: var(--gap-int);
}

.List li {
position: relative;
}

.List li::before {
display: inline-block;
position: absolute;
}

/* ディスク：中（ListDisc） */
.ListDisc li::before {
border-radius: 100%;
background-color: #333;
content: '';
}

/* ディスク：小（ListDiscS） */
.ListDiscS li::before {
border-radius: 100%;
background-color: #000;
content: '';
}

/* 米印：中（ListKome） */
.ListKome li::before {
content: '※';
}

/* 米印：小（ListKomeS） */
.ListKomeS li::before {
content: '※';
}

/* 連番：中（ListNum） */
.ListNum {
counter-reset: ListNum;
}

.ListNum li::before {
counter-increment: ListNum;
content: counter(ListNum)".";
}

/* 連番：小（ListNumS） */
.ListNumS {
counter-reset: ListNumS;
}

.ListNumS li::before {
counter-increment: ListNumS;
content: counter(ListNumS)".";
}

/* 連番米印：小（ListKomeNumS） */
.ListKomeNumS {
counter-reset: ListKomeNumS;
}

.ListKomeNumS li::before {
counter-increment: ListKomeNumS;
content: "※"counter(ListKomeNumS);
}

@media only screen and (max-width: 767px) {

	.ListNoMarker li,
	.ListDisc li,
	.ListKome li,
	.ListNum li {
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 1.8;
	}
	
	.ListDiscS li,
	.ListKomeS li,
	.ListNumS li,
	.ListKomeNumS li {
	margin-top: 0.75rem;
	font-size: 1.4rem;
	line-height: 1.7;
	}

}

@media print, screen and (min-width: 768px) {

	.ListNoMarker li,
	.ListDisc li,
	.ListKome li,
	.ListNum li {
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 1.8;
	}
	
	.ListDiscS li,
	.ListKomeS li,
	.ListNumS li,
	.ListKomeNumS li {
	margin-top: 0.75rem;
	font-size: 1.4rem;
	line-height: 1.7;
	}

}


/* マーカーなし（ListNoMarker） --------------------------------------------------- */


/* ディスク：中（ListDisc） --------------------------------------------------- */

.ListDisc li > .ListDisc li::before {
width: 0.8rem;
height: 0.1rem;
border-radius: 0;
}

.ListDisc li {
position: relative;
}

@media only screen and (max-width: 767px) {

	.ListDisc li {
	padding-left: 1.7rem;
	}

	.ListDisc li::before {
	left: 0.2rem;
	top: 1rem;
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	}

	/* 入れ子時 */
	.ListDisc li > .ListDisc li {
	padding-left: 1.8rem;
	}

	.ListDisc li > .ListDisc li::before {
	top: 1.4rem;
	}

	/* Android */
	.Android .ListDisc li::before {
	top: 0.9rem;
	}

	.Android .ListDisc li > .ListDisc li::before {
	top: 1.3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.ListDisc li {
	margin-top: 0.5rem;
	padding-left: 1.8rem;
	}
	
	.ListDisc li::before {
	left: 0.2rem;
	top: 1.1rem;
	width: 1rem;
	height: 1rem;
	position: absolute;
	}

	.Mac .ListDisc li::before {
	top: 1rem;
	}

	/* 入れ子時 */
	.ListDisc li > .ListDisc li {
	padding-left: 2rem;
	}

	.ListDisc li > .ListDisc li::before {
	left: 0.3rem;
	top: 1.3rem;
	}

}

/* Firefox */
@-moz-document url-prefix() {

	.ListDisc li::before {
	top: 1rem;
	}

	.Mac .ListDisc li::before {
	top: 1.1rem;
	}

	/* 入れ子時 */
	.ListDisc li > .ListDisc li::before {
	top: 1.4rem;
	}

}


/* ディスク：小（ListDiscS） --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.ListDiscS li {
	padding-left: 1.6rem;
	}
	
	.ListDiscS li::before {
	left: 0.4rem;
	top: 0.9rem;
	width: 0.6rem;
	height: 0.6rem;
	}

	/* Android */
	.Android .ListDiscS li:before {
	top: 0.7rem;
	}
	
}

@media print, screen and (min-width: 768px) {

	.ListDiscS li {
	padding-left: 1.6rem;
	}
	
	.ListDiscS li::before {
	left: 0.4rem;
	top: 0.8rem;
	width: 0.6rem;
	height: 0.6rem;
	}

	.Mac .ListDiscS li::before {
	top: 0.9rem;
	}

	/* Safari */
	_::-webkit-full-page-media,
	_:future, :root .ListDiscS li::before {
	top: 0.8rem;
	}
	
}


/* 米印：中（ListKome） --------------------------------------------------- */

.ListKome li:before {
left: 0.2rem;
}

@media only screen and (max-width: 767px) {

	.ListKome li {
	padding-left: 1.7rem;
	}

	.ListKome li::before {
	top: -0.1rem;
	font-size: 1.5rem;
	}

	/* Android */
	.Android .ListKome li::before {
	top: 0;
	}
	
}

@media print, screen and (min-width: 768px) {

	.ListKome li {
	padding-left: 2.2rem;
	}

	.Mac .ListKome li {
	padding-left: 1.8rem;
	}
	
	.ListKome li::before {
	top: 0;
	}

	.Mac .ListKome li::before {
	top: -0.15rem;
	}

}


/* 米印：小（ListKomeS） --------------------------------------------------- */

.ListKomeS li::before {
left: 0.2rem;
}

@media only screen and (max-width: 767px) {

	.ListKomeS li {
	padding-left: 1.6rem;
	}
	
	.ListKomeS li::before {
	top: -0.15rem;
	}

	/* Android */
	.Android .ListKomeS li::before {
	top: 0;
	}
	
}

@media print, screen and (min-width: 768px) {

	.ListKomeS li {
	padding-left: 2rem;
	}

	.Mac .ListKomeS li {
	padding-left: 1.5rem;
	}
	
	.ListKomeS li::before {
	top: 0;
	}

	.Mac .ListKomeS li::before {
	top: -0.1rem;
	}
	
}


/* 連番：中（ListNum） --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.ListNum {
	padding-left: 0.5rem;
	}

	.ListNum li {
	padding-left: 1.8rem;
	}

	.ListNum li::before {
	left: 0.1rem;
	top: 0;
	}

	.ListNum li:nth-child(n+10)::before {
	left: -0.7rem;
	}

}

@media print, screen and (min-width: 768px) {

	.ListNum {
	padding-left: 1.2rem;
	}

	.ListNum li {
	padding-left: 1rem;
	}

	.ListNum li::before {
	left: -0.8rem;
	top: 0;
	}

	.ListNum li:nth-child(n+10)::before {
	left: -1.6rem;
	}
	
}


/* 連番：小（ListNumS） --------------------------------------------------- */

.ListNumS {
padding-left: 0.4rem;
}

@media only screen and (max-width: 767px) {

	.ListNumS li {
	padding-left: 1.7rem;
	}

	.ListNumS li::before {
	left: 0.1rem;
	top: 0;
	}

	.ListNumS li:nth-child(n+10)::before {
	left: -0.7rem;
	}

}

@media print, screen and (min-width: 768px) {

	.ListNumS li {
	padding-left: 1.7rem;
	}

	.ListNumS li::before {
	left: 0.1rem;
	top: 0;
	}

	.ListNumS li:nth-child(n+10)::before {
	left: -0.45rem;
	}

}


/* 連番米印：小（ListKomeNumS） --------------------------------------------------- */

.ListKomeNumS {
padding-left: 0.4rem;
}

.ListKomeNumS li::before {
letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {

	.ListKomeNumS li {
	padding-left: 2.4rem;
	}

	.ListKomeNumS li::before {
	left: 0.1rem;
	top: 0;
	}

	.ListKomeNumS li:nth-child(n+10)::before {
	left: -0.7rem;
	}

}

@media print, screen and (min-width: 768px) {

	.ListKomeNumS li {
	padding-left: 3rem;
	}

	.Mac .ListKomeNumS li {
	padding-left: 2.4rem;
	}

	.ListKomeNumS li::before {
	left: 0.1rem;
	top: 0;
	}

	.ListKomeNumS li:nth-child(n+10)::before {
	left: -0.45rem;
	}
	
}


/* インライン表示 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.List.ListInline_SP li {
	display: inline-block;
	margin-right: 1rem;
	}

}

@media print, screen and (min-width: 768px) {

	.List.ListInline_PC li {
	display: inline-block;
	margin-right: 1rem;
	}

}


/* 入れ子調整 --------------------------------------------------- */

.List li > .List {
margin-top: 0;
}



/* ■ 記述リスト（DLHori、DLVert、DLTable） ==================================================================================== */

/*
左右（dlh）
上下（dlv）
テーブルスタイル（dlt）
*/


/* 左右（dlh） --------------------------------------------------- */

.DLHori dd {
flex: 1;
}

@media only screen and (max-width: 767px) {

	.DLHori dl {
	display: block;
	}

	.DLHori dt {
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	}

	.DLHori dd {
	font-size: 1.4rem;
	line-height: 1.6;
	}

	/* 縦並び */
	.DLHori_SP dl {
	flex-flow: column;
	}

}

@media print, screen and (min-width: 768px) {

	.DLHori dl {
	display: flex;
	line-height: 1.8;
	border-top: 1px solid #c5cbce;
	}
	
	.DLHori {
	border-bottom: 1px solid #c5cbce;
	}

	.DLHori dt {
	width: 20rem;
	font-weight: 600;
	}

	.DLHori_Mds {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	}

	.DLHori dt,
	.DLHori dd {
	font-size: 1.5rem;
	letter-spacing: 0.08em;
	}

}




/* 上下（dlv） --------------------------------------------------- */

.DLVert dl {
line-height: 1.6;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}


/* テーブルスタイル（dlt） --------------------------------------------------- */

.DLTable {
margin-top: var(--gap-int);
border-top: 1px solid var(--color-sub4);
}

.DLTable dl {
display: flex;
line-height: 1.6;
border-left: 1px solid var(--color-sub4);
}

.DLTable dt,
.DLTable dd {
padding: 0.75rem 1.5rem;
border-right: 1px solid var(--color-sub4);
border-bottom: 1px solid var(--color-sub4);
}

.DLTable dt {
background: var(--color-sub5);
}

.DLTable dd {
flex: 1;
}

@media only screen and (max-width: 767px) {

	.DLTable dt {
	width: 40%;
	}

	/* 縦並び */
	.DLTable_SP dl {
	flex-flow: column;
	}

	.DLTable_SP dt {
	width: 100%;
	}

}

@media print, screen and (min-width: 768px) {

	.DLTable dt {
	width: 30%;
	}

}



/* ■ 表組み（Table1、Table2） ==================================================================================== */


.Table1 th,
.Table1 td {
padding: 0.75rem 1.5rem;
line-height: 1.6;
border-right: 1px solid #c5cbce;
border-bottom: 1px solid #c5cbce;
}

.Table1 th:last-child,
.Table1 td:last-child {
  border-right: none;
}


.Table1 th,
.Table2 th {
background-color: var(--color-sub5);
}

.Table1 td {
background-color: #fff;
}

.Table1 th {
text-align: left;
}

.Table2 th {
border-right: 1px solid #fff;
font-weight: normal;
letter-spacing: 0.2em;
}

.Table_TdA {
letter-spacing: 0.2em;
background: #f8f7f5 !important;
}

.Table_TdB {
letter-spacing: 0.2em;
background: #2b99b0 !important;
color: #fff;
}

.Table_TdC {
letter-spacing: 0.2em;
background: #71d0d6 !important;
color: #fff;
}

.Table_TdD {
letter-spacing: 0.2em;
background: #f8f7f5 !important;
color: #333;
font-weight: normal;
}

.Table2 td {
border-right: 1px solid #c5cbce;
border-bottom: 1px solid #c5cbce;
}

.Table2 td:last-child {
  border-right: none;
}

@media only screen and (max-width: 767px) {


	.Table1 th {
	width: 40%;
	}
	
	.Table1 th,
	.Table1 td {

	}

	/* 縦並び */
	.Table1_SP th,
	.Table1_SP td {
	display: block;
	}

	.Table1_SP tr:not(:first-of-type) th,
	.Table1_SP td {
	border-top: none;
	}

	.Table1_SP th {
	width: 100%;
	}

	/* 横スクロール表示 */
	.TableScroll {
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	}

	.Table2 th {
	padding: 2rem;
	color: #fff;
	background: #8f8f8f;
	font-size: 1.3rem;
	line-height: 1.6;
	}
	
	.Table2 td {
	padding: 2rem;
	font-size: 1.3rem;
	line-height: 1.6;
	}
	

}

@media print, screen and (min-width: 768px) {

	.Table1 th {
	width: 30%;
	}
	
	.Table2 th {
	padding: 2rem;
	color: #fff;
	background: #8f8f8f;
	line-height: 1.6;
	}
	
	.Table2 td {
	padding: 2rem;
	line-height: 1.6;
	}
	

}



/* ■ 囲み（Box） ==================================================================================== */

.Box {
margin-top: var(--gap-int);
border: 1px solid var(--color-sub4);
}

@media only screen and (max-width: 767px) {

	.Box {
	padding: 1.25em 1.25em;
	}

}

@media print, screen and (min-width: 768px) {

	.Box {
	padding: 1.5em 1.5em;
	}

}



/* ■ テキストリンクアイコン ==================================================================================== */

.LinkFwd,
.LinkBack,
.LinkDown,
.LinkUp,
.LinkNewWin,
.LinkPDF {
line-height: 1.8;
}

.LinkFwd,
.LinkBack,
.LinkDown,
.LinkUp {
display: inline-block;
position: relative;
padding-left: 1.6rem;
font-weight: 700;
}

.LinkFwd::after,
.LinkBack::after,
.LinkDown::after,
.LinkUp::after {
display: block;
position: absolute;
left: 0;
top: 1.4rem;
width: 0.8rem;
height: 0.8rem;
margin-top: -0.4rem;
border-top: 2px solid;
border-right: 2px solid;
content: '';
}

.LinkNewWin,
.LinkPDF {
display: inline-block;
position: relative;
font-weight: 700;
}

.LinkNewWin {
padding-right: 1.5rem;
}

.LinkPDF {
padding-left: 2rem;
}

.LinkNewWin::before,
.LinkPDF::before,
.LinkNewWin::after,
.LinkPDF::after {
display: block;
position: absolute;
content: '';
}

/* 進む（LinkFwd） */
.LinkFwd::after {
transform: rotate(45deg);
}

/* 戻る（LinkBack） */
.LinkBack::after {
left: 0.2rem;
transform: rotate(225deg);
}

/* 下へ（LinkDown） */
.LinkDown::after {
margin-top: -0.5rem;
transform: rotate(135deg);
}

/* 下へ（LinkUp） */
.LinkUp::after {
margin-top: -0.2rem;
transform: rotate(-45deg);
}

/* 別ウインドウ（LinkNewWin） */
.LinkNewWin::before {
right: 0;
top: 1.4rem;
width: 0.9rem;
height: 0.7rem;
margin-top: -0.2rem;
border: 1px solid var(--color-link);
background-color: #fff;
}

.LinkNewWin::after {
right: -0.2rem;
top: 1.1rem;
width: 0.9rem;
height: 0.7rem;
margin-top: -0.2rem;
border: 1px solid var(--color-link);
border-top: 2px solid;
background-color: #fff;
}

/* PDF（LinkPDF） */
.LinkPDF::before {
left: 0;
top: 1.4rem;
width: 1.3rem;
height: 1.6rem;
margin-top: -0.8rem;
border: 1px solid #a6a6a6;
background-color: #fff;
}

.LinkPDF::after {
left: -0.2rem;
top: 1rem;
width: 1rem;
height: 0.4rem;
font-size: 0.6rem;
background-color: #cc0000;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}



/* ■ リンクアイコン ==================================================================================== */

/*
矢印1
プラス・マイナス
*/


/* 矢印1 --------------------------------------------------- */

.LinkIcon1 {
display: block;
position: relative;
}

.LinkIcon1::before {
display: block;
position: absolute;
border-top: solid 1px #000;
border-right: solid 1px #000;
transform: rotate(45deg);
content: '';
}

@media only screen and (max-width: 767px) {

	.LinkIcon1 {
	padding-right: 4rem;
	}

	.LinkIcon1::before {
	top: 50%;
	right: 1.5rem;
	width: 0.8rem;
	height: 0.8rem;
	margin-top: -0.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.LinkIcon1 {
	padding-left: 1.3rem;
	padding-left: 1.3rem;
	line-height: 1.5;
	}

	.LinkIcon1::before {
	left: 0;
	top: 0.8rem;
	width: 0.6rem;
	height: 0.6rem;
	}

}


/* プラス・マイナス --------------------------------------------------- */

.LinkIconPlus {
display: block;
position: relative;
}

.LinkIconPlus::before,
.LinkIconPlus::after {
display: block;
position: absolute;
top: 50%;
right: 1.5rem;
width: 1.5rem;
height: 0.2rem;
background-color: #b96e14;
content: "";
}

.LinkIconPlus::after {
transform: rotate(90deg);
}

.LinkIconPlus.Current::after {
display: none;
}

@media only screen and (max-width: 767px) {

	.LinkIconPlus {
	padding-right: 4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.LinkIconPlus {
	padding-right: 8rem;
	}

}

@media only screen and (max-width: 767px) {

	.LinkIconAllow {
	position: relative;
	}


	.LinkIconAllow:before {
	display: block;
	position: absolute;
	top: 49%;
	right: 1.8rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.4rem;
	border-top: solid 1px #b96e14;
	border-right: solid 1px #b96e14;
	transform: rotate(45deg);
	content: '';
	}

}


/* ■ ボタン ==================================================================================== */

.BtnS,
.BtnM,
.BtnL {
display: inline-block;
position: relative;
border-radius: 50px !important;
text-align: center;
}

/* 文字サイズ */
.BtnS {
font-size: calc(1.6rem * 0.9);
}

.BtnM {
font-size: calc(1.6rem * 1);
}

.BtnL {
font-size: calc(1.6rem * 1.2);
}

/* 矢印 */
.BtnAllowLeft::after,
.BtnAllowRight::after,
.BtnAllowBack::after,
.BtnAllowDownLeft::after,
.BtnAllowDownRight::after,
.BtnAllowUpLeft::after,
.BtnAllowUpRight::after {
display: block;
position: absolute;
top: 50%;
width: 1rem;
height: 1rem;
margin-top: -0.5rem;
border-top: solid 2px;
border-right: solid 2px;
content: '';
}

/* 矢印：左 */
.BtnAllowLeft::after {
left: 1rem;
transform: rotate(45deg);
}

/* 矢印：右 */
.BtnAllowRight::after {
right: 1.5rem;
transform: rotate(45deg);
}

/* 矢印：戻る */
.BtnAllowBack::after {
left: 1.5rem;
transform: rotate(225deg);
}

/* 矢印：下向き左 */
.BtnAllowDownLeft::after {
left: 1.5rem;
margin-top: -0.7rem;
transform: rotate(135deg);
}

/* 矢印：下向き右 */
.BtnAllowDownRight::after {
right: 1.5rem;
margin-top: -0.7rem;
transform: rotate(135deg);
}

/* 矢印：上向き左 */
.BtnAllowUpLeft::after {
left: 1.5rem;
margin-top: -0.3rem;
transform: rotate(-45deg);
}

/* 矢印：上向き右 */
.BtnAllowUpRight::after {
right: 1.5rem;
margin-top: -0.3rem;
transform: rotate(-45deg);
}

/* 閉じる */
.BtnClose::before,
.BtnClose::after {
display: block;
position: absolute;
left: 2rem;
top: 50%;
height: 1.4rem;
margin-top: -0.7rem;
border: 1px solid;
content: "";
}

.BtnClose::before {
transform: rotate(-45deg);
}

.BtnClose::after {
transform: rotate(45deg);
}

/* カラー：1 */
.BtnColor1,
a.BtnColor1 {
color: #fff;
background-color: var(--color-main);
}

.BtnColor1::after {
border-color: #fff;
}

/* カラー：2 */
.BtnColor2,
a.BtnColor2 {
color: #fff;
background-color: #e85700;
}

.BtnColor2::after {
border-color: #fff;
}

/* カラー：3 */
.BtnColor3,
a.BtnColor3 {
color: #fff;
background-color: #9f9f9f;
}

.BtnColor3::after {
border-color: #fff;
}

@media only screen and (max-width: 767px) {

	.BtnS {
	padding: 1rem 4rem;
	}

	.BtnM {
	padding: 1.4rem 4rem;
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	}
	
	.BtnL {
	padding: 2.25rem 4rem;
	}

	/* 矢印：左 */
	.BtnAllowLeft,
	.BtnAllowBack,
	.BtnAllowDownLeft,
	.BtnAllowUpLeft,
	.BtnClose {
	padding-left: 5rem;
	}
	
}

@media print, screen and (min-width: 768px) {

	.BtnS {
	padding: 0.8rem 4rem;
	}
	
	.BtnM {
	padding: 1.4rem 4rem;
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	}
	
	.BtnL {
	padding: 1.8rem 4rem;
	}

	/* 矢印：左 */
	.BtnAllowLeft,
	.BtnAllowBack,
	.BtnAllowDownLeft,
	.BtnAllowUpLeft,
	.BtnClose {
	padding-left: 5rem;
	}

}



/* ■ アイコン ==================================================================================== */

.Icon {
display: inline-block;
line-height: 1;
text-align: center;
color: #fff;
}

.Icon_N {
display: inline-block;
line-height: 1;
text-align: center;
color: #fff;
}

.Icon_1 {
background-color: #3664b8;
}

.Icon_2 {
background-color: #3691b8;
}

.Icon_3 {
background-color: #36b8aa;
}

.Icon_4 {
background-color: #1f75b7;
}


@media only screen and (max-width: 767px) {

	.Icon_N {
    min-width: 8rem;
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
	}

}

@media print, screen and (min-width: 768px) {

	.Icon_N {
	min-width: 11rem;
	padding: 0.7rem 1rem 0.8rem 1rem;
	font-size: 1.1rem;
	letter-spacing: 0.1em;
	line-height: 1;
	}

}



/* ■ 動画埋め込み ==================================================================================== */

/* video */
video {
margin-top: var(--gap-int);
}

/* iframe */
.MovieWrap {
position: relative;
width: 100%;
margin-top: var(--gap-int);
padding-top: 56.25%;
/* aspect-ratio: 16 / 9; */
overflow: hidden;
}

.MovieWrap iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}



/* ■ マップ埋め込み ==================================================================================== */

.MapWrap {
position: relative;
width: 100%;
/* aspect-ratio: 16 / 9; */
margin-top: var(--gap-int);
padding-top: 56.25%;
overflow: hidden;
}

.MapWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* ■ ページネーション ==================================================================================== */

.PageNation_Num {
font-feature-settings: "palt";
}

.PageNation_Menu a {
display: block;
color: #333;
}

.PageNation_Menu .Current a {
display: block;
border: 1px solid #e1ded8;
}

.PageNation_Prev a,
.PageNation_Next a {
position: relative;
display: block;
width: 4rem;
height: 4rem;
color: #fff;
background-color: var(--color-main);
text-indent: -9999px;
}

.PageNation_Prev a:before,
.PageNation_Next a:before {
display: block;
position: absolute;
top: 50%;
width: 1rem;
height: 1rem;
margin-top: -0.4rem;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
content: '';
}

.PageNation_Prev a:before {
left: 1.7rem;
transform: rotate(225deg);
}

.PageNation_Next a:before {
right: 1.7rem;
transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {

	.PageNation {
	display: flex;
	justify-content: center;
	margin-top: 4rem;
	}

	.PageNation_Num {
	margin-right: auto;
	padding: 1rem 0;
	}
	
	.PageNation_Menu {
	display: flex;
	margin-left: -0.8rem;
	}
	
	.PageNation_Menu li {
	margin-left: 0.8rem;
	}
	
	.PageNation_Menu a {
	padding: 1rem 1.5rem;
	}

	.PageNation_Current a {
	color: #000;
	}
	
	.PageNation_Abbr {
	display: block;
	padding: 0.75rem 0.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.PageNation {
	display: flex;
	justify-content: center;
	margin-top: 7rem;
	margin-bottom: 7rem;
	}

	.PageNation_Num {
	margin-right: auto;
	padding: 1rem 0;
	}
	
	.PageNation_Menu {
	display: flex;
	}
	
	.PageNation_Menu li {
	margin-left: 1rem;
	}
	
	.PageNation_Menu a {
	padding: 1rem 1.5rem;
	}

	.PageNation_Current a {
	color: #000;
	}
	
	.PageNation_Abbr {
	display: block;
	padding: 0.75rem 0.2rem;
	}

}



/* ■ 検索窓 ==================================================================================== */

.SearchBox_Txt {
width: 80%;
padding: 0 1rem;
vertical-align: middle;
background: #fff;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
}

.SearchBox_Btn {
width: 20%;
padding: 0 1rem;
border: 1px solid #000;
border-radius: 0 var(--border-r1) var(--border-r1) 0;
letter-spacing: 0.2em;
vertical-align: middle;
color: #fff;
background: var(--color-main);
cursor: pointer;
}

@media only screen and (max-width: 767px) {

	.SearchBox_Txt {
	height: 3em;
	border: 1px solid var(--color-sub4);
	border-radius: var(--border-r1) 0 0 var(--border-r1);
	}
	
	.SearchBox_Btn {
	height: 3em;
	box-sizing: border-box;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchBox_Txt {
	height: 2.4em;
	border-top: 1px solid var(--color-sub4);
	border-right: none;
	border-bottom: 1px solid var(--color-sub4);
	border-left: 1px solid var(--color-sub4);
	border-radius: var(--border-r1) 0 0 var(--border-r1);
	line-height: 2.4;
	}
	
	.Win .SearchBox_Txt {
	line-height: 2.2;
	}
	
	.SearchBox_Btn {
	height: 2.4em;
	line-height: 2.2;
	}

}



/* ■ フォーム ==================================================================================== */

/*
リセット・変数
レイアウト設定
必須アイコン
注釈等
フリー入力欄（type="text" textarea等）
セレクトボックス
ラジオボタン・チェックボックス
アクションボタン

エラーメッセージ
エラーチップ
エラー処理

完了画面
*/


/* リセット・変数 --------------------------------------------------- */

.FormUnit input,
.FormUnit textarea,
.FormUnit select {
-webkit-appearance: none;
appearance: none;
}

.FormUnit {
--color-border1: #bbb;
--color-bg1: #bbb;
--color-shadow1: #bbb;
--color-err1: #bbb;
--color-err2: #bbb;
--border-r: 0.2rem;
}


/* レイアウト設定 --------------------------------------------------- */

.Form_MdsSub {
font-weight: 700;
}


@media only screen and (max-width: 767px) {

	.FormList {
	margin-top: 2.5rem;
	}

	.FormUnit dt {
	padding: 0.5rem 1rem;
	}

	.FormUnit dd {
	padding: 1.5rem 1rem;
	}

	.Form_MutiUnit:not(:first-of-type) {
	margin-top: 1.5rem;
	}

	.Form_MdsSub {
	margin-bottom: 0.5rem;
	}

	.Form_RadioCheckbox p:not(:first-of-type) {
	margin-top: 1.25rem;
	}

	.Form_PrivacyLink {
	margin-bottom: 1rem;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormList {
	margin-top: 3rem;
	}

	.FormUnit dt,
	.FormUnit dd {
	padding: 2rem;
	}
	
	.FormUnit dt {
	width: 30%;
	}

	.Form_MutiUnit:not(:first-of-type) {
	margin-top: 1.5rem;
	}

	.Form_MdsSub {
	margin-bottom: 0.5rem;
	}

	.Form_RadioCheckbox p:not(:first-of-type) {
	margin-top: 0.5rem;
	}

	.Form_PrivacyLink {
	margin-bottom: 1rem;
	}

}


/* 必須アイコン --------------------------------------------------- */

.Form_Required {
display: block;
position: relative;
}

.Form_Required::before {
position: absolute;
right: 0;
border-radius: var(--border-r);
letter-spacing: 0.15em;
text-align: center;
color: #fff;
background-color: #ff6e3c;
content: "必須";
}

@media only screen and (max-width: 767px) {

	.Form_Required::before {
	top: -0.35rem;
	padding: 0.5rem 0.75rem;
	font-size: 1.2rem;
	}

}

@media print, screen and (min-width: 768px) {
	
	.Form_Required::before {
	top: 0.1rem;
	padding: 0.5rem 1rem;
	font-size: 1.3rem;
	}

}


/* 注釈等  --------------------------------------------------- */

.Form_NoteUpper {
margin-bottom: 0.5rem;
font-size: 1.3rem;
line-height: 1.5;
}

.Form_NoteMiddle {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.4rem;
line-height: 1.5;
}

.Form_NoteLower {
margin-top: 0.5rem;
font-size: 1.3rem;
color: #808080;
}
	
.Form_NoteSide {
margin-left: 1rem;
font-size: 1.3rem;
color: #808080;
}

/* 単位 */
.Form_NoteUnit {
margin-left: 0.75rem;
vertical-align: middle;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}

		
/* フリー入力欄（type="text" textarea等）  --------------------------------------------------- */

.FormUnit input[type=text],
.FormUnit input[type=email],
.FormUnit input[type=tel],
.FormUnit input[type=password],
.FormUnit textarea {
border: 1px solid #bbb;
border-radius: var(--border-r);
vertical-align: middle;
background-color: #fff;
transition: all 0.1s ease 0.1s;
}

.FormUnit input[type=text]:focus,
.FormUnit input[type=text]:focus,
.FormUnit input[type=email]:focus,
.FormUnit input[type=tel]:focus,
.FormUnit input[type=password]:focus,
.FormUnit textarea:focus {
background-color: #f7f7f7;
}

@media only screen and (max-width: 767px) {

	.FormUnit input[type=text],
	.FormUnit input[type=email],
	.FormUnit input[type=tel],
	.FormUnit input[type=password] {
	padding: 0 1rem;
	line-height: 2.5;
	}

	.FormUnit textarea {
	width: 100%;
	height: 10em;
	padding: 1.5rem 1.5rem;
	line-height: 1.5;
	}
	
}

@media print, screen and (min-width: 768px) {
	
	.FormUnit input[type=text],
	.FormUnit input[type=email],
	.FormUnit input[type=tel],
	.FormUnit input[type=password] {
	padding: 0 1rem;
	line-height: 2.5;
	}

	.FormUnit textarea {
	width: 80%;
	height: 15em;
	padding: 1.5rem 1.5rem;
	line-height: 1.5;
	}

}


/* セレクトボックス --------------------------------------------------- */

.FormUnit select {
border: 1px solid #b1b1b1;
border-radius: var(--border-r);
color: #000;
background: url(/img/common/icon/Allow_DoglegBelow.svg) no-repeat;
background-size: 1.5rem auto;
}

@media only screen and (max-width: 767px) {
	
	.FormUnit select {
	line-height: 2.5;
	padding-left: 1rem;
	padding-right: 5rem;
	background-position: 94% 50%;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit select {
	line-height: 2.5;
	padding-left: 1rem;
	padding-right: 4rem;
	background-position: 95% 50%;
	}

}

/* Firefox用調整 */
@-moz-document url-prefix() {
	.FormUnit select {
	padding-left: 0.6rem;	
	}
}


/* ラジオボタン・チェックボックス --------------------------------------------------- */

/* 既成のラジオボタンとチェックボックスは非表示にして、labelの疑似要素で見た目を表現 */

.FormUnit input[type=radio],
.FormUnit input[type=checkbox] {
display: none;
}

.FormUnit input[type=radio] + label,
.FormUnit input[type=checkbox] + label {
display: inline-block;
position: relative;
cursor: pointer;
}

.FormUnit input[type=radio] + label::before,
.FormUnit input[type=checkbox] + label::before {
display: block;
position: absolute;
left: 0;
border: 1px solid #bbb;
background-color: #fff;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
content: "";
}

.FormUnit input[type=radio] + label::before {
border-radius: 100vh;
}

.FormUnit input[type=checkbox] + label::before {
border-radius: var(--border-r);
}

/* 選択時の背景色 */	
.FormUnit input[type=radio]:checked + label::before,
.FormUnit input[type=checkbox]:checked + label::before {
border: none;
background-color: #777;
box-shadow: none;
}

.FormUnit input[type=radio]:checked + label::after,
.FormUnit input[type=checkbox]:checked + label::after {
display: block;
position: absolute;
content: "";
}

/* ラジオボタン選択時のドット */
.FormUnit input[type=radio]:checked + label::after {
border-radius: 100vh;
background-color: #fff;
}

/* チェックボックス選択時のチェックマーク */
.FormUnit input[type=checkbox]:checked + label::after {
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {

	.FormUnit input[type=radio] + label,
	.FormUnit input[type=checkbox] + label {
	padding-left: 3.2rem;
	}
	
	.FormUnit input[type=radio] + label::before,
	.FormUnit input[type=checkbox] + label::before {
	top: -0.2rem;
	width: 2.4rem;
	height: 2.4rem;
	}
	
	/* ラジオボタン選択時のドットのサイズ・位置 */
	.FormUnit input[type=radio]:checked + label::after {
	left: 0.6rem;
	top: 0.4rem;
	width: 1.2rem;
	height: 1.2rem;
	}
	
	/* チェックボックス選択時のチェックマークのサイズ・位置 */
	.FormUnit input[type=checkbox]:checked + label::after {
	left: 0.6rem;
	top: 1.6rem;
	width: 1.4rem;
	height: 0.8rem;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit input[type=radio] + label,
	.FormUnit input[type=checkbox] + label {
	padding-left: 2.75rem;
	}
	
	.FormUnit input[type=radio] + label::before,
	.FormUnit input[type=checkbox] + label::before {
	top: 1.5rem;
	width: 2rem;
	height: 2rem;
	margin-top: -0.9rem;
	}

	/* ラジオボタン選択時のドットのサイズ・位置 */
	.FormUnit input[type=radio]:checked + label::after {
	left: 0.5rem;
	top: 1.6rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
	}
	
	/* チェックボックス選択時のチェックマークのサイズ・位置 */
	.FormUnit input[type=checkbox]:checked + label::after {
	left: 0.5rem;
	top: 2.8rem;
	width: 1.2rem;
	height: 0.7rem;
	margin-top: -0.6rem;
	}

}


/* アクションボタン  --------------------------------------------------- */

.Form_Action {
display: flex;
justify-content: center;
}

.Form_Action input {
line-height: 1;
cursor: pointer;
}

@media only screen and (max-width: 767px) {

	.Form_Action {
	flex-flow: column;
	margin-top: 2rem;
	}

	.Form_Action button:nth-of-type(2) {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 1.6rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Form_Action {
	gap: 2rem;
	margin-top: 4rem;
	}

	.Form_Action button:nth-of-type(1) {
	order: 2;
	padding-left: 10rem;
	padding-right: 10rem;
	}

	.Form_Action button:nth-of-type(2) {
	order: 1;
	}
		
}


/* エラーメッセージ  --------------------------------------------------- */

.Form_ErrMsg {
background-color: #fff;
}

@media only screen and (max-width: 767px) {

	.Form_ErrMsg_Mds {
	font-size: 2.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Form_ErrMsg_Mds {
	font-size: 2.8rem;
	}

}


/* エラーチップ  --------------------------------------------------- */

.Form_ErrTip  {
display: inline-block;
position: relative;
border-radius: var(--border-r);
font-feature-settings: "palt";
color: #fff;
background-color: var(--color-alert);
}

.Form_ErrTip::after {
position: absolute;
left: 2rem;
bottom: -1.7rem;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid var(--color-alert);
content: "";
}

@media only screen and (max-width: 767px) {

	.Form_ErrTip  {
	margin-bottom: 1.5rem;
	padding: 0.5rem 1rem 0.6rem 1rem;
	font-size: 1.4rem;
	line-height: 1.5;
	}
	
}

@media print, screen and (min-width: 768px) {
	
	.Form_ErrTip  {
	margin-bottom: 1.5rem;
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	line-height: 1.6;
	}
	
}


/* エラー処理  --------------------------------------------------- */

dt.Form_Err {
color: var(--color-alert);
background-color: #ffebeb !important;
}

dd.Form_Err {
background-color: #fff9f9 !important;
}


/* 完了画面 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.Form_Notice {
	margin-top: 2rem;
	}

	.Form_Notice_Mds {
	font-size: 1.8rem;
	line-height: 1.5;
	}

	.Form_Notice .Lead {
	margin-top: 1.5rem;
	font-size: 1.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Form_Notice {
	margin-top: 4rem;
	}

	.Form_Notice_Mds {
	font-size: 2.5rem;
	line-height: 1.5;
	}

	.Form_Notice .Lead {
	margin-top: 1.5rem;
	}

}

/* エラーチップ（カラー設定）  --------------------------------------------------- */

.FormUnit .ErrTip  {
display: inline-block;
position: relative;
border-radius: 5px;
color: #ffffff;
background: #e90000;
}

.FormUnit .ErrTip:after {
position: absolute;
left: 25px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #e90000;
margin-left: -10px;
content: "";
}

@media only screen and (max-width: 767px) {

	.FormUnit .ErrTip  {
	margin-bottom: 15px;
	padding: 5px 10px 5px 15px;
	line-height: 1.5em !important;
	}
	
	.FormUnit .ErrTip:after {
	top: 96%;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit .ErrTip  {
	margin-bottom: 20px;
	padding: 6px 10px 6px 15px;
	line-height: 1.6em !important;
	}
	
	.FormUnit .ErrTip:after {
	top: 92%;
	}
	
	.FormUnit .RadioCheckboxUnit .ErrTip {
	margin-bottom: 15px;
	}

}

@media print, screen and (min-width: 1090px) {

}

/* ■ 個別調整 ==================================================================================== */

/*
汎用
左・右・中央 寄せ
マージントップ
マージンボトム
横幅「%」指定
フォントサイズ
非推奨
*/


/* 汎用 --------------------------------------------------- */

/* ボーダー無し */
.NoBorder {
border: none !important;
}

/* パディング無し */
.NoPadding {
padding: 0 !important;
}

/* 横幅「Inherit」 */
.WidthInherit {
width: inherit !important;
}

/* opacity:1 */
.Opacity1 {
opacity: 1 !important;
}

/* 太字にしない */
.FontWN {
font-weight: normal !important;
}

/* 文字詰め「palt」 */
.TxtPalt {
font-feature-settings: "palt" !important;
}

/* 箱組「TxtJustify」 */
.TxtJustify {
text-align: justify !important;
}

/* 非アクティブ */
.Disabled {
opacity: 0.3;
pointer-events: none;
}

.Disabled:hover {
opacity: 0.3;
}

@media only screen and (max-width: 767px) {

	.PC {
	display: none !important;
	}

}

@media print, screen and (min-width: 768px) {

	.SP {
	display: none !important;
	}

}


/* 左・右・中央 寄せ --------------------------------------------------- */

.AlignL {
text-align: left !important;
}

.AlignC {
text-align: center !important;
}

.AlignR {
text-align: right !important;
}

@media only screen and (max-width: 767px) {

	.AlignL_SP {
	text-align: left !important;
	}
	
	.AlignC_SP {
	text-align: center !important;
	}
	
	.AlignR_SP {
	text-align: right !important;
	}

}

@media print, screen and (min-width: 768px) {

	.AlignL_PC {
	text-align: left !important;
	}
	
	.AlignC_PC {
	text-align: center !important;
	}
	
	.AlignR_PC {
	text-align: right !important;
	}

}


/* マージントップ --------------------------------------------------- */

.MT0 {
margin-top: 0 !important;
}

.MT5 {
margin-top: 0.5rem !important;
}

.MT10 {
margin-top: 1rem !important;
}

.MT15 {
margin-top: 1.5rem !important;
}

.MT20 {
margin-top: 2rem !important;
}

.MT25 {
margin-top: 2.5rem !important;
}

.MT30 {
margin-top: 3rem !important;
}

.MT35 {
margin-top: 3.5rem !important;
}

.MT40 {
margin-top: 4rem !important;
}

.MT45 {
margin-top: 4.5rem !important;
}

.MT50 {
margin-top: 5rem !important;
}

@media only screen and (max-width: 767px) {

	.MT0_SP {
	margin-top: 0 !important;
	}
	
	.MT5_SP {
	margin-top: 0.5rem !important;
	}
	
	.MT10_SP {
	margin-top: 1rem !important;
	}
	
	.MT15_SP {
	margin-top: 1.5rem !important;
	}
	
	.MT20_SP {
	margin-top: 2rem !important;
	}
	
	.MT25_SP {
	margin-top: 2.5rem !important;
	}
	
	.MT30_SP {
	margin-top: 3rem !important;
	}
	
	.MT35_SP {
	margin-top: 3.5rem !important;
	}
	
	.MT40_SP {
	margin-top: 4rem !important;
	}
	
	.MT45_SP {
	margin-top: 4.5rem !important;
	}
	
	.MT50_SP {
	margin-top: 5rem !important;
	}

}

@media print, screen and (min-width: 768px) {

	.MT0_PC {
	margin-top: 0rem !important;
	}
	
	.MT5_PC {
	margin-top: 0.5rem !important;
	}
	
	.MT10_PC {
	margin-top: 1rem !important;
	}
	
	.MT15_PC {
	margin-top: 1.5rem !important;
	}
	
	.MT20_PC {
	margin-top: 2rem !important;
	}
	
	.MT25_PC {
	margin-top: 2.5rem !important;
	}
	
	.MT30_PC {
	margin-top: 3rem !important;
	}
	
	.MT35_PC {
	margin-top: 3.5rem !important;
	}
	
	.MT40_PC {
	margin-top: 4rem !important;
	}
	
	.MT45_PC {
	margin-top: 4.5rem !important;
	}
	
	.MT50_PC {
	margin-top: 5rem !important;
	}

}


/* マージンボトム --------------------------------------------------- */

.MB0 {
margin-bottom: 0 !important;
}

.MB5 {
margin-bottom: 0.5rem !important;
}

.MB10 {
margin-bottom: 1rem !important;
}

.MB15 {
margin-bottom: 1.5rem !important;
}

.MB20 {
margin-bottom: 2rem !important;
}

.MB25 {
margin-bottom: 2.5rem !important;
}

.MB30 {
margin-bottom: 3rem !important;
}

.MB35 {
margin-bottom: 3.5rem !important;
}

.MB40 {
margin-bottom: 4rem !important;
}

.MB45 {
margin-bottom: 4.5rem !important;
}

.MB50 {
margin-bottom: 5rem !important;
}

@media only screen and (max-width: 767px) {

	.MB0_SP {
	margin-bottom: 0 !important;
	}
	
	.MB5_SP {
	margin-bottom: 0.5rem !important;
	}
	
	.MB10_SP {
	margin-bottom: 1rem !important;
	}
	
	.MB15_SP {
	margin-bottom: 1.5rem !important;
	}
	
	.MB20_SP {
	margin-bottom: 2rem !important;
	}
	
	.MB25_SP {
	margin-bottom: 2.5rem !important;
	}
	
	.MB30_SP {
	margin-bottom: 3rem !important;
	}
	
	.MB35_SP {
	margin-bottom: 3.5rem !important;
	}
	
	.MB40_SP {
	margin-bottom: 4rem !important;
	}
	
	.MB45_SP {
	margin-bottom: 4.5rem !important;
	}
	
	.MB50_SP {
	margin-bottom: 5rem !important;
	}

}

@media print, screen and (min-width: 768px) {

	.MB0_PC {
	margin-bottom: 0rem !important;
	}
	
	.MB5_PC {
	margin-bottom: 0.5rem !important;
	}
	
	.MB10_PC {
	margin-bottom: 1rem !important;
	}
	
	.MB15_PC {
	margin-bottom: 1.5rem !important;
	}
	
	.MB20_PC {
	margin-bottom: 2rem !important;
	}
	
	.MB25_PC {
	margin-bottom: 2.5rem !important;
	}
	
	.MB30_PC {
	margin-bottom: 3rem !important;
	}
	
	.MB35_PC {
	margin-bottom: 3.5rem !important;
	}
	
	.MB40_PC {
	margin-bottom: 4rem !important;
	}
	
	.MB45_PC {
	margin-bottom: 4.5rem !important;
	}
	
	.MB50_PC {
	margin-bottom: 5rem !important;
	}

}


/* 横幅「%」指定 --------------------------------------------------- */

.W5 {
width: 5% !important;
}

.W10 {
width: 10% !important;
}

.W15 {
width: 15% !important;
}

.W20 {
width: 20% !important;
}

.W25 {
width: 25% !important;
}

.W30 {
width: 30% !important;
}

.W35 {
width: 35% !important;
}

.W40 {
width: 40% !important;
}

.W45 {
width: 45% !important;
}

.W50 {
width: 50% !important;
}

.W55 {
width: 55% !important;
}

.W60 {
width: 60% !important;
}

.W65 {
width: 65% !important;
}

.W70 {
width: 70% !important;
}

.W75 {
width: 75% !important;
}

.W80 {
width: 80% !important;
}

.W85 {
width: 85% !important;
}

.W90 {
width: 90% !important;
}

.W95 {
width: 95% !important;
}

.W100 {
width: 100% !important;
}

@media only screen and (max-width: 767px) {

	.W5_SP {
	width: 5% !important;
	}
	
	.W10_SP {
	width: 10% !important;
	}
	
	.W15_SP {
	width: 15% !important;
	}
	
	.W20_SP {
	width: 20% !important;
	}
	
	.W25_SP {
	width: 25% !important;
	}
	
	.W30_SP {
	width: 30% !important;
	}
	
	.W35_SP {
	width: 35% !important;
	}
	
	.W40_SP {
	width: 40% !important;
	}
	
	.W45_SP {
	width: 45% !important;
	}
	
	.W50_SP {
	width: 50% !important;
	}
	
	.W55_SP {
	width: 55% !important;
	}
	
	.W60_SP {
	width: 60% !important;
	}
	
	.W65_SP {
	width: 65% !important;
	}
	
	.W70_SP {
	width: 70% !important;
	}
	
	.W75_SP {
	width: 75% !important;
	}
	
	.W80_SP {
	width: 80% !important;
	}
	
	.W85_SP {
	width: 85% !important;
	}
	
	.W90_SP {
	width: 90% !important;
	}
	
	.W95_SP {
	width: 95% !important;
	}
	
	.W100_SP {
	width: 100% !important;
	}

}

@media print, screen and (min-width: 768px) {

	.W5_PC {
	width: 5% !important;
	}
	
	.W10_PC {
	width: 10% !important;
	}
	
	.W15_PC {
	width: 15% !important;
	}
	
	.W20_PC {
	width: 20% !important;
	}
	
	.W25_PC {
	width: 25% !important;
	}
	
	.W30_PC {
	width: 30% !important;
	}
	
	.W35_PC {
	width: 35% !important;
	}
	
	.W40_PC {
	width: 40% !important;
	}
	
	.W45_PC {
	width: 45% !important;
	}
	
	.W50_PC {
	width: 50% !important;
	}
	
	.W55_PC {
	width: 55% !important;
	}
	
	.W60_PC {
	width: 60% !important;
	}
	
	.W65_PC {
	width: 65% !important;
	}
	
	.W70_PC {
	width: 70% !important;
	}
	
	.W75_PC {
	width: 75% !important;
	}
	
	.W80_PC {
	width: 80% !important;
	}
	
	.W85_PC {
	width: 85% !important;
	}
	
	.W90_PC {
	width: 90% !important;
	}
	
	.W95_PC {
	width: 95% !important;
	}
	
	.W100_PC {
	width: 100% !important;
	}

}


/* テキストサイズ（#Beta） --------------------------------------------------- */

.FontSizeSSS {
font-size: calc(var(--fontsize-int) * 0.7) !important;
}

.FontSizeSS {
font-size: calc(var(--fontsize-int) * 0.8) !important;
}

.FontSizeS {
font-size: calc(var(--fontsize-int) * 0.95) !important;
}

.FontSizeM {
font-size: var(--fontsize-int) !important;
}

.FontSizeL {
font-size: calc(var(--fontsize-int) * 1.25) !important;
}

.FontSizeLL {
font-size: calc(var(--fontsize-int) * 1.5) !important;
}

.FontSizeLLL {
font-size: calc(var(--fontsize-int) * 2) !important;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}


/* 非推奨 --------------------------------------------------- */

/* フロート */
.FloatL {
float: left;
margin: 3rem 3rem 1rem 0;
}

.FloatR {
float: right;
}

/* ClearFix */
.CF::after { display: block; clear: both; content: ""; }

@media only screen and (max-width: 767px) {

	/* フロート */
	.FloatL {
	margin: 2rem 2rem 1rem 0;
	}

	.FloatR {
	margin: 2rem 0 1rem 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	/* フロート */
	.FloatL {
	margin: 3.5rem 3rem 1rem 0;
	}

	.FloatR {
	margin: 3.5rem 0 1rem 3rem;
	}

}



/* ■ 印刷用設定 ==================================================================================== */

@media print {

	.Header_TagLine,
	.Header_Menu,
	.BreadCrumb,
	#GlobalNav,
	#LocalNav,
	#FooterNav,
	#Footer {
	display: none !important;
	}

	#Layout1,
	#Layout2,
	#Layout3,
	#Layout4,
	#Layout5 {
	padding-bottom: 0 !important;
	}

	#Contents {
	width: 100% !important;
	padding-left: 0 !important;
	}

	/* メインセクションで改ページさせない場合は以下をコメントアウト */
	.SectionMain:not(:first-of-type) {
	page-break-before: always;
	}

}



/* ■ JSライブラリ ==================================================================================== */

/*
アコーディオンメニュー
タブメニュー
slick
Magnific Popup
Modaal
*/


/* アコーディオンメニュー：初期設定 --------------------------------------------------- */

.AccoTarget {
display: none;
}


/* タブメニュー：初期設定 --------------------------------------------------- */

.TabContent {
display: none;
}

.TabContent.Current {
display: block;
}


/* slick 初期設定 --------------------------------------------------- */

.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}

.slick-track:before,
.slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

[dir='rtl'] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
display: none;
}


/* Magnific Popup 初期設定 --------------------------------------------------- */

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
display: none;
}

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}

.mfp-ajax-cur {
cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.mfp-loading.mfp-figure {
display: none;
}

.mfp-hide {
display: none !important;
}

.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}

.mfp-preloader a {
color: #ccc;
}

.mfp-preloader a:hover {
color: #fff;
}

.mfp-s-ready .mfp-preloader {
display: none;
}

.mfp-s-error .mfp-content {
display: none;
}

button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}

.mfp-close:active {
top: 1px;
}

.mfp-close-btn-in .mfp-close {
color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}

.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}

.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}

.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}

.mfp-arrow-left {
left: 0;
}

.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}

.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
right: 0;
}

.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}

.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
top: -40px;
}

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}

.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}

.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}

.mfp-figure figure {
margin: 0;
}

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}

.mfp-image-holder .mfp-content {
max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

	/* Remove all paddings around the image on small screen */
	
	.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
	}
	
	.mfp-img-mobile img.mfp-img {
	padding: 0;
	}
	
	.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
	}
	
	.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
	}
	
	.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box;
	}
	
	.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
	}
	
	.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
	}
	
	.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
	}

}

@media all and (max-width: 900px) {

	.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	}
	
	.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
	}
	
	.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
	}
	
	.mfp-container {
	padding-left: 6px;
	padding-right: 6px;
	}

}


/* Modaal 初期設定 --------------------------------------------------- */

/*
Modaal - accessible modals - v0.4.4
by Humaan, for all humans.
http://humaan.com
*/

.modaal-noscroll {
overflow: hidden;
}

.modaal-accessible-hide {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}

.modaal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
}

.modaal-wrapper {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow: auto;
opacity: 1;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
border: none;
background: transparent;
padding: 0;
-webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
display: none;
opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
overflow: hidden;
}

.modaal-outer-wrapper {
display: table;
position: relative;
width: 100%;
height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
display: block;
}

.modaal-inner-wrapper {
display: table-cell;
width: 100%;
height: 100%;
position: relative;
vertical-align: middle;
text-align: center;
padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
padding: 0;
display: block;
vertical-align: top;
}

.modaal-container {
position: relative;
display: inline-block;
width: 100%;
margin: auto;
text-align: left;
color: #000;
max-width: 1000px;
border-radius: 0px;
background: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
cursor: auto;
}

.modaal-container.is_loading {
height: 100px;
width: 100px;
overflow: hidden;
}

.modaal-fullscreen .modaal-container {
max-width: none;
height: 100%;
overflow: auto;
}

.modaal-close {
position: fixed;
right: 20px;
top: 20px;
color: #fff;
cursor: pointer;
opacity: 1;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
outline: none;
background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
background: #b93d0c;
}

.modaal-close span {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
display: block;
content: " ";
position: absolute;
top: 14px;
left: 23px;
width: 4px;
height: 22px;
border-radius: 4px;
background: #fff;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}

.modaal-close:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.modaal-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
background: #afb7bc;
right: 10px;
top: 10px;
}

.modaal-content-container {
padding: 30px;
}

.modaal-confirm-wrap {
padding: 30px 0 0;
text-align: center;
font-size: 0;
}

.modaal-confirm-btn {
font-size: 14px;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
cursor: pointer;
border: none;
background: transparent;
}

.modaal-confirm-btn.modaal-ok {
padding: 10px 15px;
color: #fff;
background: #555;
border-radius: 3px;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
text-decoration: none;
color: #2f2f2f;
}

.modaal-instagram .modaal-container {
width: auto;
background: transparent;
box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
padding: 0;
background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
}

.modaal-instagram iframe {
opacity: 0;
margin: -6px !important;
border-radius: 0 !important;
width: 1000px !important;
max-width: 800px !important;
box-shadow: none !important;
-webkit-animation: instaReveal 1s linear forwards;
animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
padding-left: 140px;
padding-right: 140px;
}

.modaal-image .modaal-container {
width: auto;
max-width: 100%;
}

.modaal-gallery-wrap {
position: relative;
color: #fff;
}

.modaal-gallery-item {
display: none;
}

.modaal-gallery-item img {
display: block;
}

.modaal-gallery-item.is_active {
display: block;
}

.modaal-gallery-label {
position: absolute;
left: 0;
width: 100%;
margin: 20px 0 0;
font-size: 18px;
text-align: center;
color: #fff;
}

.modaal-gallery-label:focus {
outline: none;
}

.modaal-gallery-control {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
cursor: pointer;
color: #fff;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border: none;
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
opacity: 0;
cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
outline: none;
background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
background: #afb7bc;
}

.modaal-gallery-control span {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
display: block;
content: " ";
position: absolute;
top: 16px;
left: 25px;
width: 4px;
height: 18px;
border-radius: 4px;
background: #fff;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
margin: -5px 0 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.modaal-gallery-control:after {
margin: 5px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.modaal-gallery-next-inner {
left: 100%;
margin-left: 40px;
}

.modaal-gallery-next-outer {
right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
left: 22px;
}

.modaal-gallery-prev:before {
margin: 5px 0 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
margin: -5px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
right: 100%;
margin-right: 40px;
}

.modaal-gallery-prev-outer {
left: 45px;
}

.modaal-video-wrap {
margin: auto 50px;
position: relative;
}

.modaal-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
background: #000;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.modaal-iframe .modaal-content {
width: 100%;
height: 100%;
}

.modaal-iframe-elem {
width: 100%;
height: 100%;
display: block;
}

.modaal-loading-spinner {
background: none;
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
margin: -100px 0 0 -100px;
-webkit-transform: scale(0.25);
-ms-transform: scale(0.25);
transform: scale(0.25);
}

.modaal-loading-spinner > div {
width: 24px;
height: 24px;
margin-left: 4px;
margin-top: 4px;
position: absolute;
}

.modaal-loading-spinner > div > div {
width: 100%;
height: 100%;
border-radius: 15px;
background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .12s;
animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .25s;
animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .37s;
animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .62s;
animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .75s;
animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: .87s;
animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {

	.modaal-video-container {
	padding-bottom: 0;
	height: 731px;
	}

}

@media only screen and (max-width: 1140px) {

	.modaal-image .modaal-inner-wrapper {
	padding-left: 25px;
	padding-right: 25px;
	}
	
	.modaal-gallery-control {
	top: auto;
	bottom: 20px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background: rgba(0, 0, 0, 0.7);
	}
	
	.modaal-gallery-control:before,
	.modaal-gallery-control:after {
	background: #fff;
	}
	
	.modaal-gallery-next {
	left: auto;
	right: 20px;
	}
	
	.modaal-gallery-prev {
	left: 20px;
	right: auto;
	}

}

@media screen and (max-width: 900px) {

	.modaal-instagram iframe {
	width: 500px !important;
	}

}

@media only screen and (max-width: 600px) {

	.modaal-instagram iframe {
	width: 280px !important;
	}

}

@media screen and (max-height: 1100px) {

	.modaal-instagram iframe {
	width: 700px !important;
	}

}

@media screen and (max-height: 1000px) {

	.modaal-inner-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
	}
	
	.modaal-instagram iframe {
	width: 600px !important;
	}

}

@media screen and (max-height: 900px) {

	.modaal-instagram iframe {
	width: 500px !important;
	}
	
	.modaal-video-container {
	max-width: 900px;
	max-height: 510px;
	}

}

@media only screen and (max-height: 820px) {

	.modaal-gallery-label {
	display: none;
	}

}

@keyframes instaReveal {

	0% {
	opacity: 0;
	}
	
	100% {
	opacity: 1;
	}

}

@-webkit-keyframes instaReveal {

	0% {
	opacity: 0;
	}
	
	100% {
	opacity: 1;
	}

}

@-webkit-keyframes modaal-loading-spinner {

	0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	}
	
	100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	}

}

@keyframes modaal-loading-spinner {

	0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	}
	
	100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	}

}