@charset "UTF-8";
abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-word;
}
a {
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background-color: #fff;
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
li::marker {
	content: none;
}
body {
	position: relative;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	font-weight: 500;
	font-family: 'Noto Sans JP', Meiryo, "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color: #1d1d1f;
}
body > iframe, body > img {
	display: none;
}
html {
	font-size: 10px;
	font-size: 1.3316vw;
	margin: 0 !important;
	padding: 0 !important;
}
@media (min-width: 750px) {
	html {
		font-size: 10px;
	}
}
img {
	display: block;
	width: 100%;
	height: auto;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
}
#wrapper {
	position: relative;
	z-index: 3;
	width: 100%;
	background-color: #061414;
}
#main {
	max-width: 750px;
	margin: 0 auto;
	background-color: #fff;
}
/* ------ main visual ------ */
#mv {
	position: relative;
	z-index: 2;
}
.mv_h1 {
	position: absolute;
	z-index: 3;
	top: 9.08%;
	left: 59.33%;
	width: 29.07%;
}
.mv_main {
	position: absolute;
	z-index: 4;
	top: 45.7%;
	left: 20.93%;
	width: 58.13%;
}
.mv_period {
	position: absolute;
	z-index: 3;
	top: 76.77%;
	left: 16.73%;
	width: 66.53%;
}
.mv_notes {
	position: absolute;
	z-index: 4;
	top: 86.81%;
	left: 61.33%;
	color: #fff;
	font-weight: 300;
	font-size: 2.1rem;
	text-shadow: 0 0 1rem #000;
}
.mv_catch {
	position: absolute;
	z-index: 4;
	top: 90.82%;
	left: 18.27%;
	width: 63.47%;
	box-shadow: 0 0 1rem #000;
}
.mv_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
.mv_logo01 {
	position: absolute;
	z-index: 3;
	top: 2.2%;
	left: 60.13%;
	width: 15.2%;
}
.mv_logo02 {
	position: absolute;
	z-index: 3;
	top: 3.15%;
	left: 77.07%;
	width: 19.07%;
}
/* ------ about 見て触って学べる恐竜展 ------ */
#about {
	position: relative;
	z-index: 4;
	padding: 0 0 11.5rem;
	background-image: url("../img/about_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#about:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 28.5rem;
	left: 0;
	width: 100%;
	height: 78rem;
	background-image: url("../img/about_bg_icon01.png"), url("../img/about_bg_icon02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 19.47% auto, 19.47% auto;
}
#about:after {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 32rem;
	background-image: url("../img/about_bg_bottom.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.about_ttl {
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 5.33% 0 3.33%;
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-weight: 800;
	font-size: 6.2rem;
	text-align: center;
	text-shadow: 0px 0.5rem 1.5rem #000;
}
.about_ttl .small {
	font-size: 80%;
}
.about_ttl .yellow {
	color: #fffa00;
	font-size: 6.2rem;
}
.about_txt01 {
	position: relative;
	z-index: 3;
	width: 100%;
	margin: 0 auto 4.67%;
	color: #fff;
	font-size: 2.5rem;
	line-height: 2.36;
	text-align: center;
	text-shadow: 0px 1rem 1rem #000;
}
/* ------ SP Navigation ------ */
#nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
	width: 100%;
	margin: 0 auto 2%;
}
.nav_btn01 {
	width: 22.6rem;
	margin: 0 0.8% 4.53%;
}
.nav_btn02 {
	width: 34.1rem;
	margin: 0 1.33%;
}
.about_txt02 {
	position: relative;
	z-index: 3;
	width: 82.27%;
	margin: 0 0 0 6%;
}
/* ------ Safari 恐竜が潜む「迷路の森」 ------ */
#safari {
	position: relative;
	z-index: 4;
	margin: -13rem auto 0;
}
.safari_ttl {
	position: relative;
	z-index: 2;
	width: 100%;
}
.safari_txt01 {
	position: absolute;
	z-index: 3;
	top: 13.22%;
	left: 62.67%;
	width: 32.93%;
}
.safari_txt02 {
	position: absolute;
	z-index: 3;
	top: 23.33%;
	left: 2.67%;
	width: 32.8%;
}
.safari_txt03 {
	position: absolute;
	z-index: 3;
	top: 79.7%;
	left: 56.67%;
	width: 33.2%;
}
.safari_bg {
	position: relative;
	z-index: 1;
}
/* ------ Fossil 触って学べる化石展 ------ */
#fossil {
	position: relative;
	z-index: 2;
	margin: -1px auto 0;
}
.fossil_ttl {
	position: absolute;
	z-index: 4;
	top: -0.41%;
	left: 0.67%;
	width: 97.07%;
}
.fossil_txt01 {
	position: absolute;
	z-index: 4;
	top: 28.78%;
	left: 76%;
	width: 18.53%;
}
.fossil_txt02 {
	position: absolute;
	z-index: 4;
	top: 52.63%;
	left: 3.33%;
	width: 17.6%;
}
.fossil_txt03 {
	position: absolute;
	z-index: 4;
	top: 23.44%;
	left: 6%;
	width: 65.87%;
}
.fossil_txt04 {
	position: absolute;
	z-index: 4;
	top: 74.01%;
	right: 0;
	width: 95.6%;
}
.fossil_img01 {
	position: absolute;
	z-index: 3;
	top: 45.64%;
	left: 13.73%;
	width: 75.47%;
	box-shadow: 1.3rem 1.3rem 0.5rem #614410;
}
.fossil_bg {
	position: relative;
	z-index: 2;
	width: 100%;
}
/* ------ Skeleton トリケラトプス半身骨格 ------ */
#skeleton {
	position: relative;
	z-index: 3;
	margin: -1px auto 0;
	background-color: #000;
}
.skeleton_ttl {
	position: absolute;
	z-index: 3;
	top: 0%;
	left: 3.33%;
	width: 96%;
}
.skeleton_txt01 {
	position: relative;
	z-index: 2;
	width: 100%;
}
.skeleton_txt02 {
	position: absolute;
	z-index: 3;
	top: 81.32%;
	left: 43.73%;
	width: 44.27%;
}
/* ------ Night Lab ナイトラボ ------ */
#nightlab {
	position: relative;
	z-index: 2;
	margin: -1px auto 0;
}
.nightlab_ttl {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 7.33%;
	width: 85.6%;
}
.nightlab_txt01 {
	position: absolute;
	z-index: 3;
	top: 16.87%;
	left: 3.73%;
	width: 60%;
}
.nightlab_txt02 {
	position: absolute;
	z-index: 3;
	top: 45.59%;
	left: 32.27%;
	width: 62.13%;
}
.nightlab_notes01 {
	position: absolute;
	z-index: 3;
	top: 95.59%;
	left: 67.33%;
	color: #fff;
	font-weight: 500;
	font-size: 1.8rem;
}
.nightlab_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
/* ------ SSchedule 開催期間・時間 ------ */
#schedule {
	position: relative;
	z-index: 2;
	margin: -1px auto 0;
	background-color: #030911;
	background-image: url("../img/schedule_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	overflow: hidden;
}
.schedule_dl div {
	width: 100%;
	margin: 0 auto 8%;
}
.schedule_dl dt {
	display: table;
	width: 25.33%;
	margin: 0 auto 3rem;
	padding: 1rem 0 1.6rem;
	border: 0.2rem solid #fff;
	color: #fff;
	font-size: 3.5rem;
	line-height: 1;
	text-align: center;
}
.schedule_dl dd {
	color: #fff;
	font-size: 2.8rem;
	line-height: 1.679;
	text-align: center;
}
.schedule_dl dd a {
	color: #fff;
}
/* ------ Event 恐竜にちなんだ様々なイベントを開催 ------ */
#event {
	position: relative;
	z-index: 2;
	background-color: #f7f7f7;
	overflow: hidden;
}
.event_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 20rem;
	margin: 0 auto 4rem;
	background-color: #37ab9e;
	color: #fff;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.4;
	text-align: center;
}
.event_ttl .small {
	font-size: 80%;
}
.event_block {
	width: 92%;
	margin: 0 auto 4%;
}
.event_block:last-child {
	border-bottom: none;
}
.event_block_label {
	position: relative;
	width: 19rem;
	margin: 0 0 2.9%;
	background-color: #37ab9e;
	color: #fff;
	font-weight: 500;
	font-size: 2.6rem;
	line-height: 1.6153846154;
	text-align: center;
}
.event_block_label:after {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 69rem;
	border-bottom: 0.3rem solid #27ab9e;
}
.event_block_ex {
	margin: 0 auto 5.07%;
	font-size: 2.8rem;
	line-height: 1.357;
}
.event_block_ex small {
	display: block;
	margin: 0.72% 0 -1.45%;
	font-size: 1.8rem;
}
.event_block_ex .marker {
	background: linear-gradient(transparent 10%, #fffe00 10%, #fffe00 95%, transparent 95%);
}
.event_section {
	margin: 0 auto 5.8%;
	padding: 0 0 5.8%;
	border-bottom: 0.2rem solid #c6c6c6;
}
.event_section:not(:has(~ .event_section)) {
	padding: 0;
	border-bottom: none;
}
.event_section_head {
	margin: 0 auto 3.62%;
	padding: 0 0 0 0.7rem;
	border-left: 0.7rem solid #27ab9e;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.25;
}
.event_section_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}
.event_section_flex .event_section_txt {
	width: 50.72%;
}
.event_section_txt p {
	margin: 0 auto 4.35%;
	font-size: 2.4rem;
	line-height: 1.5;
}
.event_section_txt table {
	table-layout: fixed;
	width: 100%;
}
.event_section_txt table th {
	width: 26%;
	padding: 0.4em 0;
	color: #37ab9d;
	font-weight: 700;
	font-size: 2.2rem;
	text-align: left;
}
.event_section_txt table td {
	padding: 0.4em 0.2em;
	font-size: 2.2rem;
	line-height: 1.273;
}
.event_section_txt table small {
	display: block;
	margin: 0.3em 0;
	font-size: 1.8rem;
	line-height: 1.333;
}
.event_section_img {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 46.38%;
	margin: 0.94% 0 0;
}
.event_section_img .shadow {
	box-shadow: 0.5rem 0.5rem 0 #37ab9d;
}
.event_section_img img {
	width: auto;
	max-width: 100%;
}
.event_section_wide {
	width: 100%;
	padding: 0.7rem 0 0 0;
}
.event_section_wide table {
	table-layout: fixed;
	width: 100%;
}
.event_section_wide img {
	display: block;
}
.event_section_wide p {
	margin: 0 auto 4.35%;
	font-size: 2.4rem;
	line-height: 1.5;
}
.event_section_wide table th {
	width: 13%;
	padding: 0.4em 0;
	color: #37ab9d;
	font-weight: 700;
	font-size: 2.2rem;
	text-align: left;
}
.event_section_wide table td {
	padding: 0.4em 0.2em;
	font-size: 2.2rem;
	line-height: 1.273;
}
.event_section_wide table small {
	display: block;
	margin: 0.3em 0;
	font-size: 1.8rem;
	line-height: 1.333;
}
.event_section_wide table b {
	font-weight: bold;
	color: #37ab9d;
}
.event_notes {
	margin: 2.9% 0 0;
	font-size: 1.8rem;
	line-height: 1.2;
}
.event_notes span {
	display: inline-block;
	margin: 0.3em 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
/* ------ Attraction 遊園地には恐竜のアトラクションも！ ------ */
#attraction {
	position: relative;
	z-index: 2;
	padding: 0 0 66.67%;
	background-image: url("../img/attraction_bg.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #f7f7f7;
	overflow: hidden;
}
.attraction_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 18rem;
	margin: 0 auto 3rem;
	background-color: #37ab9e;
	color: #fff;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.4;
	text-align: center;
}
.attraction_txt01 {
	width: 92%;
	margin: 0 auto 1.33%;
	font-size: 2.8rem;
	line-height: 1.357;
}
.attraction_notes01 {
	width: 92%;
	margin: 0 auto 5.33%;
	font-size: 1.8rem;
	line-height: 1.556;
}
.attraction_notes01 .marker {
	background: linear-gradient(transparent 10%, #fffe00 10%, #fffe00 95%, transparent 95%);
}
.attraction_block {
	width: 92%;
	margin: 0 auto 5.33%;
	border-bottom: 0.2rem solid #c6c6c6;
}
.attraction_block:not(:has(~ .attraction_block)) {
	border-bottom: none;
}
.attraction_block_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 2.9%;
}
.attraction_block_ttl {
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 4.6rem;
	line-height: 1.121;
	text-align: center;
	white-space: nowrap;
}
.attraction_block_img {
	width: 51.59%;
	box-shadow: 0.5rem 0.5rem 0 #37ab9d;
}
.attraction_block_dl {
	width: 100%;
	margin: 4.35% auto 5.8%;
}
.attraction_block_dl div {
	display: flex;
	margin: 0 auto 2.9%;
}
.attraction_block_dl dt {
	margin: 0 0.5em 0 0;
	color: #37ab9d;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.2;
}
.attraction_block_dl dd {
	font-size: 2.6rem;
	line-height: 1.2;
}
.attraction_txt02 {
	color: #37ab9d;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.44;
	text-align: center;
}
/* ------ Detail ジュラシックメイズinよみうりランド詳細 ------ */
#detail {
	position: relative;
	z-index: 3;
}
.detail_ttl {
	width: 58.27%;
	margin: -26.67% auto 0;
}
.detail_txt01 {
	width: 79.87%;
	margin: 0 auto 1.33%;
}
.detail_notes01 {
	width: 85.33%;
	margin: 0 auto 5.33%;
	font-size: 2.1rem;
	text-align: right;
}
.detail_dl div {
	margin: 0 auto 8.33%;
}
.detail_dl dt {
	display: table;
	min-width: 16%;
	margin: 0 auto 2.67%;
	padding: 1%;
	border: 0.2rem solid #000;
	font-size: 3.2rem;
	line-height: 1;
	text-align: center;
}
.detail_dl dd a {
	color: #000;
}
.detail_dl_01 dd {
	font-size: 3.2rem;
	line-height: 1.438;
	text-align: center;
}
.detail_dl_01 dd p {
	margin: 0 auto 1.67%;
}
.detail_dl_01 dd span {
	font-size: 80%;
}
.detail_dl_01 dd a {
	color: #000;
}
.detail_dl_02 dd {
	font-size: 3.2rem;
	line-height: 1.438;
	text-align: center;
}
.detail_dl_02 dd p {
	margin: 0 auto 1.67%;
}
.detail_dl_02 dd span {
	font-size: 80%;
}
.detail_dl_02 dd a {
	color: #000;
}
.detail_dl_03 dd {
	font-size: 3.2rem;
	line-height: 1.438;
	text-align: center;
}
.detail_dl_03 dd p {
	margin: 0 auto 1.67%;
}
.detail_dl_03 dd span {
	font-size: 80%;
}
.detail_dl_04_section {
	width: 80%;
	margin: 0 auto 4.67%;
	border-bottom: 0.3rem solid #37ab9d;
}
.detail_dl_04_section:last-child {
	border-bottom: none;
}
.detail_dl_04 .txt01 {
	margin: 0 auto 1.67%;
	font-size: 3.6rem;
	line-height: 1;
	text-align: center;
}
.detail_dl_04 .txt02 {
	margin: 0 auto 1.67%;
	font-size: 2.56rem;
	line-height: 1.278;
	text-align: center;
}
.detail_dl_04 .txt03 {
	margin: 0 auto 1.67%;
	font-size: 3rem;
	line-height: 1.533;
	text-align: center;
}
.detail_dl_04 .txt04 {
	margin: 0 auto 5%;
	font-size: 3rem;
	line-height: 1.533;
	text-align: center;
}
.detail_dl_04 .txt04 span {
	display: block;
	font-size: 1.8rem;
}
.detail_dl_04 .txt05 {
	width: 30.33%;
	margin: 0 0 -2.5% 1.67%;
}
.detail_dl_04 .txt06 {
	display: table;
	margin: 0 auto 4.17%;
	padding: 0.1em 0.2em;
	background: linear-gradient(transparent 0%, #fffe00 0%, #fffe00 100%, transparent 100%);
	font-size: 3.6rem;
	line-height: 1;
	text-align: center;
}
.detail_dl_04 .txt07 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 4.17%;
}
.detail_dl_04 .txt07 p {
	padding: 0.6rem 1rem;
	background-color: #d4d4d4;
	border-radius: 0.7rem;
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;
}
.detail_dl_04 .txt07 div {
	margin: 0 0.3em;
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;
}
.detail_dl_04 .txt08 {
	width: 100%;
	margin: 0 auto 0.83%;
}
.detail_dl_04 .txt09 {
	display: table;
	position: relative;
	z-index: 2;
	top: 0;
	left: 50%;
	margin: 0 0 4.17%;
	padding: 0.1em 0.2em;
	background: linear-gradient(transparent 0%, #fffe00 0%, #fffe00 100%, transparent 100%);
	font-size: 3.6rem;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	transform: translate(-50%, 0);
}
.detail_dl_04 .txt10 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 4.17%;
}
.detail_dl_04 .txt10 p {
	padding: 0.6rem 1rem;
	background-color: #37ab9d;
	border-radius: 0.7rem;
	color: #fff;
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;
}
.detail_dl_04 .txt10 div {
	margin: 0 0.3em;
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;
}
.detail_dl_04 .txt11 {
	margin: 0 auto 3.33%;
	font-size: 3.2rem;
	line-height: 1;
	text-align: center;
}
.detail_dl_04 .txt12 {
	margin: 0 auto 6.67%;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.8rem;
	line-height: 1.333;
}
.detail_dl_04 .txt13 {
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.375;
	text-align: center;
}
.table01, .table02, .table03 {
	width: 100%;
	border: 0.3rem solid #000;
}
.table01 {
	margin: 0 auto 5%;
}
.table02 {
	margin: 0 auto 6.67%;
}
.table03 {
	margin: 0 auto 0.83%;
}
.table03 .table_th {
	background-color: #37ab9d;
	color: #fff;
}
.table_row {
	height: 7.5rem;
}
.table_th {
	width: 50%;
	background-color: #d4d4d4;
	border: 0.3rem solid #000;
	font-size: 3rem;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}
.table_label {
	font-size: 100% !important;
}
.table_age {
	display: block;
	font-size: 70% !important;
}
.table_td {
	width: 50%;
	border: 0.3rem solid #000;
	font-size: 3rem;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}
.table_val {
	font-weight: 700;
	font-size: 4.2rem !important;
}
/* ------ Access アクセス ------ */
#access {
	position: relative;
	z-index: 2;
	padding: 6.67% 0;
	background-color: #e2e2e2;
}
.access_ttl {
	display: table;
	margin: 0 auto 5.33%;
	padding: 0 0 0.67%;
	border-bottom: 0.3rem solid #37ab9d;
	color: #37ab9d;
	font-weight: 700;
	font-size: 4.2rem;
}
.access_map {
	position: relative;
	z-index: 2;
	width: 92%;
	margin: 0 auto;
}
.access_map iframe {
	display: block;
	width: 100%;
}
/* ------ FAQ ------ */
#faq {
	position: relative;
	z-index: 2;
	padding: 8% 0 0;
}
.faq_ttl {
	display: table;
	margin: 0 auto 4%;
	padding: 0 0 1.33%;
	border-bottom: 0.3rem solid #37ab9d;
	color: #37ab9d;
	font-weight: 700;
	font-size: 4.2rem;
}
.faq_dl {
	width: 92%;
	margin: 0 auto;
}
.faq_dl div {
	width: 100%;
	margin: 0 auto 3.33%;
	border: 0.3rem solid #37ab9d;
	border-radius: 2.5rem;
	overflow: hidden;
}
.faq_dl dt {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 12rem;
	padding: 0 2.9%;
	background-color: #37ab9d;
	color: #fff;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.2;
	cursor: pointer;
}
.faq_dl dt:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 4rem;
	width: 3.5rem;
	height: 0.6rem;
	background-color: #fff;
	transform: translate(0, -50%);
}
.faq_dl dt:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 5.45rem;
	width: 0.6rem;
	height: 3.5rem;
	background-color: #fff;
	transform: translate(0, -50%);
}
.faq_dl_q {
	margin: 0 0.4em 0 0;
	font-size: 4.5rem;
}
.faq_dl dt.is-active:after {
	content: none;
}
.faq_dl dd {
	display: none;
}
.faq_dl dd p {
	position: relative;
	width: 100%;
	padding: 4.35% 1.45% 4.35% 13.77%;
	color: #515151;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.2;
}
.faq_dl_a {
	position: absolute;
	z-index: 2;
	top: 2rem;
	left: 3rem;
	color: #37ab9d;
	font-size: 4.5rem;
	line-height: 1;
}
.faq_dl dd small {
	display: block;
	margin: 0.8em 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 2rem;
}
/* ------ Inquiry お問い合わせ ------ */
#inquiry {
	position: relative;
	z-index: 2;
	padding: 0.93% 0 4%;
}
.inquiry_ttl {
	display: table;
	margin: 0 auto 2.67%;
	padding: 0 0 0.67%;
	border-bottom: 0.2rem solid #515151;
	color: #515151;
	font-size: 2.5rem;
	text-align: center;
}
.inquiry_link {
	margin: 0 auto 2.67%;
	font-size: 2.8rem;
	text-align: center;
}
.inquiry_link a {
	color: #515151;
	text-decoration: none;
}
.inquiry_txt01 {
	color: #515151;
	font-size: 2rem;
	text-align: center;
}
/* ------ Floating 追従ボタン ------ */
#floating {
	position: fixed;
	z-index: 99;
	top: 10rem;
	right: 0;
	width: 6.5rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
}
#floating.is-show {
	opacity: 1;
	visibility: visible;
}
/* ------ PageTop トップへ戻る ------ */
#pagetop {
	position: fixed;
	z-index: 99;
	bottom: 2rem;
	right: 0.5rem;
	width: 9.5rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
}
#pagetop.is-show {
	opacity: 1;
	visibility: visible;
}
/* ------ Footer ------ */
#footer {
	position: relative;
	z-index: 2;
	padding: 5.33% 0 0;
	background-color: #e2e2e2;
}
.footer_logo {
	width: 63.07%;
	margin: 0 auto 5.33%;
}
.footer_txt {
	margin: 0 auto 2.67%;
	font-size: 2rem;
	line-height: 1.721;
	text-align: center;
}
.footer_copyrightg {
	width: 100%;
	padding: 1.6rem 0;
	background-color: #fff;
	font-weight: 400;
	font-size: 1.8rem;
	text-align: center;
}
/* ------ PC Navigation ------ */
#pc_nav {
	display: none;
}
/* ------ タブレット用スタイル ------ */
@media (min-width: 750px) {
	html {
		font-size: 8px !important;
	}
	#wrapper {
		background-image: url("../img/wrapper_bg.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
	}
	#main {
		max-width: 600px;
	}
}
/* ------ デスクトップ用スタイル ------ */
@media (min-width: 1020px) {
	html {
		font-size: 6px !important;
	}
	#wrapper {
		display: flex;
		justify-content: center;
	}
	#main {
		max-width: 450px;
		margin: 0;
	}
	#about:before {
		height: 33.6rem;
	}
	.about_ttl {
		top: 4.78%;
	}
	.about_txt01 {
		top: 17.08%;
	}
	#nav {
		display: none;
	}
	.about_txt02 {
		bottom: -1.37%;
	}
	.about_bg .sp {
		display: none;
	}
	.about_bg .pc {
		display: block;
	}
	#floating {
		display: none !important;
	}
	#pc_nav {
		display: flex;
		align-items: center;
		position: relative;
		height: 100vh;
		margin: 0 0 0 40px;
		position: sticky;
		top: 0;
	}
	#pc_nav ul {
		margin: 0 0 clamp(1px, 6.2vh, 50px);
	}
	#pc_nav li {
		width: clamp(1px, 52.08vh, 420px);
		border-bottom: 1px solid #fff;
	}
	#pc_nav li:last-child {
		border-bottom: none;
	}
	#pc_nav li a {
		display: block;
		width: 100%;
		padding: clamp(1px, 2.48vh, 20px) 0 clamp(1px, 2.48vh, 20px) clamp(1px, 4.96vh, 40px);
		background-image: url("../img/pc_nav_icon.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: clamp(1px, 4.588vh, 37px) auto;
		color: #fff;
		font-weight: 700;
		font-size: clamp(1px, 3.72vh, 30px);
		text-decoration: none;
		text-shadow: 0 0 5px #000;
	}
	#pc_nav p {
		width: clamp(1px, 55.8vh, 450px);
		margin: 0 0 clamp(1px, 2.48vh, 20px);
	}
}