@charset "utf-8";

/* webフォント
================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*
* "Noto Sans JP" licensed under the Open Font License.
* https://fonts.google.com/specimen/Noto+Sans+JP
* https://www.google.com/fonts/attribution
* https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
*/
/*
* "Lato" licensed under the Open Font License.
* https://fonts.google.com/specimen/Lato
* https://www.google.com/fonts/attribution
* https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
*/


/* ステラスreset
================================================================= */
table {
	border-collapse: collapse;
}
dt, th {
	font-weight: normal !important;
}
em {
	font-style: normal;
	font-weight: bold;
}
html {
	font-size: 62.5%;
	}
	@media screen and (max-width: 320px) {
	html { font-size: 54.6875%; }
}

/* サイト共通
================================================================= */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-size: clamp(1.4rem, 2vw, 1.6rem);
	color: #333;
}
section {
	padding-top: 80px;
	}
	@media screen and (max-width:1024px) {
	section {
		padding-top: 50px;
	}
}
#contentsArea {
	margin: 76px 0 0;
	}
	@media screen and (max-width:1024px) {
	#contentsArea {
		margin: 60px 0 0;
	}
}
.wrap {
	width: min(86%, 1140px);
	margin: 0 auto;
	}
	@media screen and (max-width:1024px) {
	.wrap {
		width: 86%;
	}
}
.wrap_w {
	width: min(86%, 1400px);
	margin: 0 auto;
	}
	@media screen and (max-width:1024px) {
	.wrap_w {
		width: 86%;
	}
}


/* パーツ
------------------------------------------------- */
/* 余白 */
.mgnT1 {
	margin-top: 1em;
}
.mgnB1 {
	margin-bottom: 1em;
}
.mgnB2 {
	margin-bottom: 2em;
}

/* 箇条書き */
.disc li {
	list-style-type: disc;
	margin: 0 0 0.8em 20px;
	padding-left: 0.3em;
	line-height: 1.8;
}

/* 順序リスト */
.decimal li {
	list-style-type: decimal;
	margin: 0 0 0.8em 20px;
	padding-left: 0.8em;
	line-height: 1.8;
	}
	@media screen and (max-width:1024px) {
	.decimal li {
		padding-left: 0.4em;
	}
}

/* ※つきリスト */
.kome li {
	position: relative;
	margin-bottom: 0.8em;
	line-height: 1.8;
	text-indent: -1em;
	padding-left: 1.5em;
}
.kome li::before {
	position: relative;
	content: "※";
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/* 改行なしリスト（.disc.noTurnなど重ね付けする） */
.noTurn li {
	margin-bottom: 0.5em;
}
.disc li:last-child,
.decimal li:last-child,
.kome li:last-child {
	margin-bottom: 0;
}

/* ボタンカラー */
.btn a {
	background: linear-gradient(90deg, rgba(201,8,6,1) 0%, rgba(230,0,0,1) 100%);
}

/* 矢印 */
.arrow {
	position: relative;
}
.arrow::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	right: 8%;
	height: 20px;
	width: 20px;
	transform: translate(0, -50%);
	mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23cccccc" viewBox="0 0 314.37 314.37"><path d="M313.45,163.15c0.07-0.22,0.13-0.44,0.19-0.67c0.1-0.37,0.19-0.74,0.27-1.12c0.04-0.19,0.08-0.38,0.12-0.57c0.21-1.15,0.32-2.3,0.33-3.46c0-0.16,0-0.31-0.01-0.47c-0.01-0.43-0.03-0.87-0.06-1.3c-0.01-0.18-0.03-0.35-0.05-0.53c-0.05-0.48-0.12-0.95-0.21-1.43c-0.02-0.1-0.03-0.21-0.05-0.31c-0.11-0.55-0.24-1.09-0.4-1.62c-0.06-0.2-0.13-0.41-0.19-0.61c-0.11-0.35-0.23-0.7-0.36-1.04c-0.08-0.22-0.17-0.44-0.26-0.65c-0.16-0.38-0.34-0.76-0.53-1.13c-0.07-0.15-0.14-0.3-0.21-0.44c-0.26-0.49-0.55-0.98-0.86-1.45c-0.11-0.17-0.22-0.33-0.34-0.49c-0.24-0.35-0.49-0.69-0.76-1.03c-0.11-0.15-0.23-0.29-0.35-0.44c-0.39-0.47-0.79-0.92-1.23-1.36L207.8,42.32c-7.81-7.81-20.47-7.81-28.29,0c-7.81,7.81-7.81,20.47,0,28.29l66.58,66.58H20c-11.05,0-20,8.95-20,20s8.95,20,20,20h226.09l-66.58,66.58c-7.81,7.81-7.81,20.47,0,28.28c3.91,3.91,9.02,5.86,14.14,5.86c5.12,0,10.24-1.95,14.14-5.86l100.72-100.72c0.04-0.04,0.07-0.08,0.11-0.12c0.42-0.43,0.83-0.88,1.22-1.35c0.08-0.09,0.14-0.19,0.22-0.28c0.29-0.37,0.57-0.75,0.84-1.14c0.13-0.19,0.25-0.38,0.37-0.56c0.2-0.31,0.39-0.64,0.57-0.96c0.11-0.2,0.23-0.4,0.33-0.61c0.24-0.48,0.47-0.96,0.68-1.47c0-0.01,0-0.01,0.01-0.02c0.08-0.2,0.15-0.41,0.23-0.61C313.22,163.86,313.34,163.51,313.45,163.15z"/></svg>');
	mask-size: contain;
	}
	@media screen and (max-width:1024px) {
	.arrow::before {
		height: 15px;
		width: 15px;
	}
}

/* リンク無効 */
a.no_lnk {
	pointer-events: none;
}

/* 別ウィンドウアイコン */
a[target="_blank"].arrow::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	right: 8%;
	height: 18px;
	width: 18px;
	transform: translate(0, -50%);
	mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23cccccc" viewBox="0 0 1573.57 1573.57"><path d="M1543.5,30.63c-19.26-19.26-45.38-30.08-72.61-30.08h-395.14c-56.71,0-102.69,45.98-102.69,102.69s45.98,102.69,102.69,102.69h147.23s-584.04,584.04-584.04,584.04c-40.1,40.1-40.1,105.12,0,145.22,20.05,20.05,46.33,30.08,72.61,30.08s52.56-10.03,72.61-30.08l584.05-584.05v147.24c0,56.71,45.97,102.69,102.69,102.69s102.69-45.98,102.69-102.69V103.24c0-27.24-10.82-53.35-30.08-72.61Z"/><path d="M1319.29,726.54c-56.71,0-102.69,45.97-102.69,102.69v538.42H205.37V356.41h538.42c56.71,0,102.69-45.98,102.69-102.69s-45.97-102.69-102.69-102.69H102.69C45.98,151.04,0,197.02,0,253.73v1216.61c0,56.71,45.98,102.69,102.69,102.69h1216.61c56.71,0,102.69-45.98,102.69-102.69v-641.1c0-56.71-45.98-102.69-102.69-102.69Z"/></svg>');
	mask-size: contain;
	}
	@media screen and (max-width:1024px) {
	a[target="_blank"].arrow::before {
		height: 14px;
		width: 14px;
	}
}

/* 角丸無効 */
.no_radius {
	border-radius: 0!important;
}

/* テキスト右寄せ */
.txt_r {
	text-align: right;
}


/* テキスト
------------------------------------------------- */
p, table, dl, ul, ol {
	line-height: 2;
}
p {
	margin-top: 1em;
}

/* header
================================================================= */
header {
	position: fixed;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 76px;
	background: #fff;
	padding: 0 30px;
	z-index: 999;
}
header h1 {
	width: min(22%, 280px);
	line-height: 1;
	margin: 20px 0;
	padding: 0;
}
header h2 {
	font-size: min(1.15vw, 1.4rem);
	line-height: 1;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin: 0 0 0 25px;
	padding: 0;
}
@media screen and (max-width:1280px) {
	header h1 {
		width: 208px;
	}
	header h2 {
		font-size: 1.1rem;
	}
}
@media screen and (max-width:1024px) {
	header {
		height: 60px;
		margin: 0;
		padding: 0 4px 0 8px;
	}
	header h1 {
		width: 200px;
		margin-left: 5px;
		z-index: 9999;
	}
	header h2 {
		font-size: 1rem;
		margin: 0 0 0 18px;
		z-index: 9999;
	}
}

/* ハンバーガーメニュー
------------------------------------------------- */
.openbtn1 {
	display: none;
	}
	@media screen and (max-width:1024px) {
	.openbtn1{
		display: block;
		position: relative;
		cursor: pointer;
		width: 50px;
		height:50px;
		margin-left: auto;
		z-index: 9999;
	}
	.openbtn1 span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 10px;
		height: 1px;
		background: #000;
		width: 60%;
	}
	.openbtn1 span:nth-of-type(1) {
		top:17px; 
	}
	.openbtn1 span:nth-of-type(2) {
		top:25px;
	}
	.openbtn1 span:nth-of-type(3) {
		top:33px;
	}
	.openbtn1.active span:nth-of-type(1) {
		top: 18px;
		left: 11px;
		transform: translateY(6px) rotate(-45deg);
		width: 64%;
	}
	.openbtn1.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn1.active span:nth-of-type(3){
		top: 30px;
		left: 11px;
		transform: translateY(-6px) rotate(45deg);
		width: 64%;
	}
}

/* navi
================================================================= */
#g-nav {
	position: relative;
	z-index: 999;
	height: 100%;
	background: transparent;
	visibility: visible;
	margin-left: auto;
}
#g-nav ul {
	position: static;
	display: flex;
	align-items: center;
}
#g-nav #g-nav-list {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
/*リストのレイアウト設定*/
#g-nav li {
	position: relative;	
}
#g-nav li a {
	display: block;
	padding: 0 min(0.7vw, 2rem);
	font-size: min(1.17vw, 1.6rem);
	font-weight: 500;
	line-height: 76px;
	transition: all 0.3s;
}
#g-nav li a:hover {
	opacity: 0.7;
}
#g-nav li.btn a {
	display: block;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
	border-radius: 100px;
	background: linear-gradient(90deg, rgba(190,11,8,1) 0%, rgba(230,0,0,1) 100%);
	padding: 12px 1.2vw;
	margin-left: 20px;
}
#g-nav li.btn a:hover {
	opacity: 1;
	transform: scale(1.1);
}
#g-nav li a.current {
	color: #e60000;
}
@media screen and (max-width:1280px) {
	#g-nav li a {
		padding: 0 7px;
		font-size: 1.2rem;
	}
}
@media screen and (max-width:1024px) {
	/* 表示切替 */
	header #g-nav ul {
		display:none !important;
	}
	header #g-nav.panelactive ul {
		display:block !important;
	}
	#g-nav {
		top: 0;
		left: 0;
		position: fixed;
		width: 100%;
		height: 100vh;
		background: #f5f5f5;
		visibility: hidden;
		opacity: 0;
		transition: 1s;
	}
	#g-nav.panelactive {
		visibility: visible;
		opacity: 1;
		transition: 1s;
	}
	#g-nav #g-nav-list {
		display: block;
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		text-align: center;
		padding: 100px 20px 30px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#g-nav ul {
		display: block;
	}
	#g-nav li a {	
		display: block;
		font-size: 1.8rem;
		line-height: 1.4;
		padding: 15px 0;
	}
	#g-nav li.btn a {
		width: 280px;
		padding: 14px 10px;
		margin: 35px auto 0;
	}
}
/* サブナビ（PC表示） */
@media screen and (min-width:1025px) {
	#g-nav .sub-menu {
		visibility: hidden;
		position: absolute;
		display: block;
		width: 300px; 
		height: auto;
		left: -30px;
		top: 80px;
		font-size: 1.5rem;
		background: #fff;
		box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
		border-radius: 30px;
		padding: 15px 30px;
		margin: auto;
		opacity: 0;
		z-index: 200;
		transition: all 0.2s;
	}
	#g-nav ul li:hover .sub-menu {
		visibility: visible;
		top: 70px;
		color: #333;
		opacity: 1;
	}
	#g-nav .sub-menu a {
		position: relative;
		display: block;
		line-height: 1.4;
		border-top: solid 1px #eee;
		padding: 15px 0 15px 25px;
	}
	#g-nav .sub-menu a::after {
		position: absolute;
		display: block;
		content: "";
		top: 26px;
		left: 0;
		width: 12px;
		height: 3px;
		background: #e60000;
		border-radius: 50px;
	}
	#g-nav .sub-menu li:first-child a {
		border-top: none;
	}
	#g-nav .sub-menu a:hover {
		color: #e60000;
		opacity: 1;
	}
	#g-nav .sub-menu a[target="_blank"] span {
		position: relative;
		display: inline-block;
	}
	#g-nav .sub-menu a[target="_blank"] span.arrow::before {
		position: absolute;
		display: block;
		content: "";
		top: 50%;
		right: -24px;
		height: 14px;
		width: 14px;
		transform: translate(0, -50%);
		mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23cccccc" viewBox="0 0 1573.57 1573.57"><path d="M1543.5,30.63c-19.26-19.26-45.38-30.08-72.61-30.08h-395.14c-56.71,0-102.69,45.98-102.69,102.69s45.98,102.69,102.69,102.69h147.23s-584.04,584.04-584.04,584.04c-40.1,40.1-40.1,105.12,0,145.22,20.05,20.05,46.33,30.08,72.61,30.08s52.56-10.03,72.61-30.08l584.05-584.05v147.24c0,56.71,45.97,102.69,102.69,102.69s102.69-45.98,102.69-102.69V103.24c0-27.24-10.82-53.35-30.08-72.61Z"/><path d="M1319.29,726.54c-56.71,0-102.69,45.97-102.69,102.69v538.42H205.37V356.41h538.42c56.71,0,102.69-45.98,102.69-102.69s-45.97-102.69-102.69-102.69H102.69C45.98,151.04,0,197.02,0,253.73v1216.61c0,56.71,45.98,102.69,102.69,102.69h1216.61c56.71,0,102.69-45.98,102.69-102.69v-641.1c0-56.71-45.98-102.69-102.69-102.69Z"/></svg>');
		mask-size: contain;
		background: #bbb;
	}
}

/* サブナビ（SP表示） */
@media screen and (max-width:1024px) {
	#g-nav .sub-menu {
		padding-bottom: 10px;
	}
	#g-nav .sub-menu a {
		font-size: 1.4rem;
		color: #777;
		padding: 8px 0;
	}
	#g-nav .sub-menu a[target="_blank"] span {
		position: relative;
		display: inline-block;
	}
	#g-nav .sub-menu a[target="_blank"] span.arrow::before {
		position: absolute;
		display: block;
		content: "";
		top: 50%;
		right: -22px;
		height: 12px;
		width: 12px;
		transform: translate(0, -50%);
		mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23cccccc" viewBox="0 0 1573.57 1573.57"><path d="M1543.5,30.63c-19.26-19.26-45.38-30.08-72.61-30.08h-395.14c-56.71,0-102.69,45.98-102.69,102.69s45.98,102.69,102.69,102.69h147.23s-584.04,584.04-584.04,584.04c-40.1,40.1-40.1,105.12,0,145.22,20.05,20.05,46.33,30.08,72.61,30.08s52.56-10.03,72.61-30.08l584.05-584.05v147.24c0,56.71,45.97,102.69,102.69,102.69s102.69-45.98,102.69-102.69V103.24c0-27.24-10.82-53.35-30.08-72.61Z"/><path d="M1319.29,726.54c-56.71,0-102.69,45.97-102.69,102.69v538.42H205.37V356.41h538.42c56.71,0,102.69-45.98,102.69-102.69s-45.97-102.69-102.69-102.69H102.69C45.98,151.04,0,197.02,0,253.73v1216.61c0,56.71,45.98,102.69,102.69,102.69h1216.61c56.71,0,102.69-45.98,102.69-102.69v-641.1c0-56.71-45.98-102.69-102.69-102.69Z"/></svg>');
		mask-size: contain;
		background: #bbb;
	}
}


/* ページの先頭へ
================================================================= */
#pageTop {
	position: fixed;
	bottom: 12px;
	right: 40px;
}
#pageTop a {
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	z-index: 999;
	text-indent: -9999px;
}
#pageTop a::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
	
@media screen and (max-width:1024px) {
	#pageTop {
		right: 18px;
	}
	#pageTop a {
		width: 26px;
		height: 26px;
	}
	#pageTop a::after {
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		width: 16px;
		height: 16px;
	}
}


/* footer
================================================================= */
footer {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1.4rem;
	color: #555;
	padding: 50px 0;
}
footer .contact {
	margin: 0;
}
footer .contact a {
	display: inline-block;
	line-height: 1;
	text-decoration: underline;
	margin-bottom: 20px;	
}
footer .contact a:hover {
	text-decoration: none;
}
@media screen and (max-width:1024px) {
	footer {
		font-size: 1.2rem;
		color: #555;
	}
}


/* コンテンツ
================================================================= */
/* 改行
------------------------------------------------- */
/* スマホだけ改行 */
br.sp { 
	display: none;
	}
	@media screen and (max-width:1024px) {
	br.sp {
		display: block;
	}
}
/* PCだけ改行 */
br.pc { 
	display: block;
	}
	@media screen and (max-width:1024px) {
	br.pc {
		display: none;
	}
}


/* セカンドページ
================================================================= */
.second #contentsArea {
	margin-bottom: 100px;
}
@media screen and (max-width:1024px) {
	.second #contentsArea {
		margin-bottom: 50px;
	}
}
.second section a {
	text-decoration: underline;
}
.second section a:hover {
	text-decoration: none;
}

/* visual
------------------------------------------------- */
.second .visual {
	text-align: center;
}
.second .visual h1 {
	position: relative;
	font-size: 1.8rem;
	font-weight: 500;
}
.second .visual h1 span {
	display: block;
	font-size: 6rem;
	line-height: 1.4;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #e60000;
}
.second .visual h1::before {
	position: absolute;
	display: block;
	content: "";
	bottom: -60px;
	right: 0;
	left: 0;
	width: 4px;
	height: 40px;
	background: #e60000;
	margin: auto;
	z-index: 1;
}
.second .visual .visual_pic {
	margin: 0;
}
.second .visual .visual_pic img {
	width: 90%;
	height: 600px;
	object-fit: cover;
	object-position: center top;
	border-radius: 30px;
	margin: 50px auto 0;
}
@media screen and (max-width:1024px) {
	.second .visual {
		padding-top: 40px;
	}
	.second .visual h1 {
		font-size: 1.6rem;
	}
	.second .visual h1 span {
		font-size: 4.2rem;
	}
	.second .visual h1::before {
		bottom: -56px;
		width: 4px;
		height: 36px;
	}
	.second .visual .visual_pic img {
		width: 90%;
		height: 200px;
		border-radius: 30px;
		margin: 50px auto 0;
	}
}
/* 上に文字 */
.second .visual .on_txt {
	position: relative;
	display: block;
}
.second .visual .on_txt .txt_box {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	top: 0;
	left: 0;
	right: 0;
	width: 90%;
	height: calc(100% - 50px);
	line-height: 1.6;
	color: #fff;
	background: rgba(60, 60, 60, 0.8);
	margin: 50px auto 0;
	border-radius: 30px;
}
.second .visual .on_txt .txt_box .copy {
	font-size: 3.6rem;
}
.second .visual .on_txt .txt_box .name {
	font-size: 2rem;
	margin-top: 1em;
}
@media screen and (max-width:1024px) {
	.second .visual .on_txt .txt_box .copy {
		font-size: 2rem;
	}
	.second .visual .on_txt .txt_box .name {
		font-size: 1.4rem;
	}
}

/* 見出し
------------------------------------------------- */
.second #contentsArea h2 {
	position: relative;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 1em;
}
.second #contentsArea h3 {
	font-size: 2.4rem;
	line-height: 1.6;
	color: #e60000;
}
.second #contentsArea h4 {
	font-size: 1.8rem;
	border-left: solid 3px #333;
	line-height: 1.6;
	padding-left: 15px;
}
.second #contentsArea h5 {
	font-weight: bold;
	line-height: 1.6;
}
@media screen and (max-width:1024px) {
	.second #contentsArea h2 {
		font-size: 2.2rem;
	}
	.second #contentsArea h3 {
		font-size: 1.8rem;
	}
	.second #contentsArea h4 {
		font-size: 1.6rem;
		padding-left: 10px;
	}
	.second #contentsArea h5 {
		font-size: 1.5rem;
	}
}

/* 写真付きブロック
------------------------------------------------- */
/* 1カラム */
.block_col1 .pic_box {
	width: 100%;
	text-align: center;
	margin-top: 60px;
}
.block_col1 .pic_box img {
	max-width: 900px;
	width: 100%;
	border-radius: 30px;
}
@media screen and (max-width:1024px) {
	.block_col1 .pic_box {
		margin-top: 30px;
	}
}

/* 2カラム */
.block_col2 {
	display: flex;
	justify-content: space-between;
}
.block_col2 .txt_box {
	width: 54%;
}
.block_col2 .pic_box {
	width: 40%;
	margin-top: 10px;
}
.block_col2 .pic_box img {
	width: 100%;
	border-radius: 30px;
}
.block_col2.pic_l {
	flex-direction: row-reverse;
}
@media screen and (max-width:1024px) {
	.block_col2 {
		display: block;
	}
	.block_col2 .txt_box {
		width: 100%;
	}
	.block_col2 .pic_box {
		width: 80%;
		margin: 30px auto 0;
	}
}

/* キャプション */
.pic_box .caption {
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
	margin: 20px 0 0;
}
.pic_box .caption span {
	display: block;
	font-size: 1.6rem;
	margin: 0.3em 0 0;
}

/* table
------------------------------------------------- */
table.list {
	width: 100%;
	border-top: 1px solid #ddd;
	border-collapse: collapse;
	background: transparent;
	line-height: 2;
	margin: 0 auto;
}
table.list th,
table.list td {
	display: table-cell;
	border-bottom: 1px solid #ddd;
	padding: 1em 0;
	box-sizing: border-box;
	text-align: left;
}
table.list th {
	width: 14em;
	font-weight: bold!important;
	line-height: 1.8;
}
table.list td {
	width: calc(100% - 14em);
}
@media screen and (max-width:1024px) {
	table.list {
		border-top: 1px solid #ddd;
		border-collapse: collapse;
		background: transparent;
		line-height: 2;
		margin: 0 auto;
	}
	table.list th,
	table.list td {
		display: block;
		width: 100%;
		text-align: left;
	}
	table.list th {
		border-bottom: none;
		padding-top: 1em;
		padding-bottom: 0;
	}
	table.list td {
		border-bottom: 1px solid #ddd;
		padding: 0.6em 0 1em;
	}
}


/* for appear
================================================================= */
/* エリア */
header,
footer,
.visualArea,
.visual {
	opacity: 0;
	top: 0;
}
section {
	opacity: 0;
	position: relative;
	top: 20px;
}