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

/*/////////////////////////////////////////////////////////
file name:volunteer.css
description: 音声読み上げ用

///////////////////////////////////////////////////////// */


/* フロアマップ・ユニバーサルガイドブック */
.readingMap {
	max-width: 900px;
	margin: 0 auto;
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
	.readingMap {
		width: 96%;
		margin: 0 2%;
	}
}

.readingMap h1 {
	margin-bottom: 5rem;
	font-size: 3.6rem;
	line-height: 1.2;
}

@media screen and (max-width: 768px) {
	.readingMap h1 {
		font-size: 2.6rem;
	}
}

.readingMap h2 {
	margin-top: 5rem;
	margin-bottom: 2rem;
	font-size: 2.2rem;
	letter-spacing: -0.05em;
}

.readingMap h3 {
	margin-top: 3.5rem;
	font-size: 1.8rem;
}

.readingMap h2 + h3 {
	margin-top: 0;
}

.readingMap h4 {
	font-size: 1.4rem;
	line-height: 1.6;
}

.readingMap p {
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 1rem;
}

.readingMap div {
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 2rem;
}

.readingMap ul {
	list-style: none;
	line-height: 1.6;
	margin-top: 1rem;
}

.readingMap .pageBack {
	margin-top: 5rem;
}


/* 読み上げページ */
.readingWrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
	.readingWrap {
		width: 96%;
		margin: 0 2%;
	}
}

.readingWrap h1,
.readingWrap h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
	letter-spacing: -0.05em;
}

.readingWrap  h1.meinTitle {
	margin-bottom: 5rem;
	font-size: 3.6rem;
}

@media screen and (max-width: 768px) {
	.readingWrap h1.meinTitle {
		font-size: 2.6rem;
	}
}

.readingWrap h3 {
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
}

.readingWrap h4 {
	font-size: 1.4rem;
	line-height: 1.6;
}

.readingWrap p {
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 1rem;
}

.readingWrap div {
	font-size: 1.4rem;
	line-height: 1.6;
}

.readingWrap ul {
	list-style: none;
	line-height: 1.6;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.readingWrap ul li {
	margin-top: .5rem;
}
.readingWrap ul.disc {
	list-style-type: disc;
	padding-left: 2.5rem;
}
.readingWrap ul.circle {
	list-style-type: circle;
	padding-left: 2rem;
	margin-bottom: .5rem;
}

.readingWrap ol {
	line-height: 1.6;
	margin-top: 1rem;
	list-style: none;
}
.readingWrap ol li {
	margin-top: .5rem;
}
.readingWrap ol.decimal {
	list-style: decimal;
	padding-left: 2rem;
}
.readingWrap ol.decimal > li {
	padding-left: 0.5rem;
}
.readingWrap ol.decimal > li > ul {
	margin-top: 0;
}
.readingWrap .note {
	margin-left: 2rem;
}
.readingWrap .note li {
	margin-top: .5rem;
}

.readingWrap .pageBack {
	margin-top: 5rem;
}
.v-only {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.mt0 {margin-top: 0;}
.mt1 {margin-top: 1rem;}
.mt2 {margin-top: 2rem;}
.mt3 {margin-top: 3rem;}
.mt4 {margin-top: 4rem;}
.mt5 {margin-top: 5rem;}
.mt6 {margin-top: 6rem;}
.mt10 {margin-top: 10rem;}
.ml1{margin-left: 1rem;}
.pt0 {padding-top: 0;}
.pt1 {padding-top: 1rem;}
.pt2 {padding-top: 2rem;}
.pt3 {padding-top: 3rem;}
.pt4 {padding-top: 4rem;}
.pt5 {padding-top: 5rem;}
.f-bold {font-weight: bold;}