@charset "utf-8";

/* ==========================================
 page
========================================== */

.pc {
	display: block;
}
.sp {
	display: none;
}
:hover {
	transition: ease .1s;
}
.free {
	color: #DB3E75;
}
.inner {
	margin: auto;
	width: 1000px;
}
a[href^="tel:"] {
	cursor: default;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.wrap {
}
#page-title {
	background-color: #FFF;
	background-image: url(../image/common/bg_title.jpg);
}
#page-title h1 {
	padding: 50px 0;
	font-size: 3.6rem;
	text-align: center;
	color: #111;
}
#main {
	margin: auto;
	width: 1000px;
}

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

.pc {
	display: none;
}
.sp {
	display: block;
}

:hover {
	transition: .1s;
}
.free {
	color: #DB3E75;
}
.inner {
	margin: 0;
	width: 100%;
}
#page-title {
	padding-top: 60px;
}
#page-title h1 {
	padding: 25px 0 25px;
	font-size: 2.0rem;
}
#main {
	margin: auto;
	width: auto;
}

}

/* ==========================================
 title
========================================== */

.h2-01 {
	margin: 35px 0 15px;
	padding-bottom: 10px;
	font-size: 2.4rem;
	border-bottom: 3px solid #3096A5;
}
html.black .h2-01 {
	color: #FFF;
}


@media screen and (max-width: 999px) {
.h2-01 {
	margin: 15px 15px 15px;
	padding-bottom: 8px;
	font-size: 1.6rem;
	border-bottom: 2px solid #3096A5;
}
}

/* ==========================================
 topic-path
========================================== */

#topic-path {
	margin: 20px auto 60px;
	width: 1000px;
	display: flex;
}
#topic-path li {
	font-size: 14px;
	font-size: 1.167rem;
}
#topic-path li a {
	color: #17707d;
	padding-right: 18px;
	margin-right: 8px;
	font-size: 14px;
	font-size: 1.167rem;
	text-decoration: underline;
	position: relative;
}
#topic-path li a::after {
	display: block;
	content: "＞";
	color: #000;
	font-size: 8px;
	position: absolute;
	top: 2px;
	right: 0;
}
#topic-path li a:hover {
	text-decoration: none;
}
html.black #topic-path li,
html.black #topic-path li a::after {
	color: #FFF;
}
html.black #topic-path li a {
	color: #3096A5;
}

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

#topic-path {
	display: none;
}

}

/* ==========================================
 page
========================================== */

#page-index-menu {
	margin: 35px 0;
	padding: 50px 25px 25px;
	background-color: #FFF;
}
#page-index-menu ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
#page-index-menu ul li {
	margin: 0 2% 25px 2%;
	width: 46%;
	font-size: 1.6rem;
}
#page-index-menu ul li a {
	position: relative;
	display: block;
	padding: 12px 24px;
	background-color: #F0F0F0;
}
#page-index-menu ul li a:hover {
	background-color: #3096A5;
	color: #FFF;
}
#page-index-menu ul li a::after {
	position: absolute;
	right: 15px;
	height: 100%;
	font-family: "Font Awesome\ 5 Free";
	content: "\f105";
	font-weight: 900;
	transition: ease .1s;
}
#page-index-menu ul li a:hover::after {
	right: 10px;
}
#page-index-menu ul li a.crt {
	background-color: #17707D;
	color: #FFF;
}

.tablesc {
	margin: 15px 0;
	overflow: auto;
	white-space: nowrap;
}
.tablesc table {
	margin: 0;
}
.tablesc::-webkit-scrollbar {
	height: 5px;
}
.tablesc::-webkit-scrollbar-track {
	background-color: #F0F0F0;
}
.tablesc::-webkit-scrollbar-thumb {
	background-color: #3096A5;
}

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

#page-index-menu {
	margin: 15px 15px 35px;
	padding: 15px;
}
#page-index-menu ul {
	display: block;
	margin: 0;
}
#page-index-menu ul li {
	margin: 15px 0 0 0;
	width: auto;
	font-size: 1.2rem;
}
#page-index-menu ul li:first-child {
	margin-top: 0;
}

}

/* ==========================================
 sda
========================================== */

#chairman {
	margin: 35px 0;
	padding: 35px 25px;
	background-color: #FFF;
}
#chairman p {
	margin-bottom: 1em;
	font-size: 1.4rem;
}
#chairman #profile {
	margin: 0 25px 25px 0;
	float: left;
	text-align: center;
}
#chairman #profile dd {
	margi-top: 10px;
	font-size: 1.4rem;
}
#officer {
	margin: 35px 0;
	padding: 35px 25px;
	background-color: #FFF;
}
#officer p {
	margin: 1em 0;
	font-size: 1.4rem;
}
#officer table {
	border-bottom: 1px solid #DDD;
}
#officer table thead th {
	padding-bottom: 12px;
	border-top: 0;
	border-left: 1px solid #FFF;
	border-bottom: 3px solid #3096A5;
	font-size: 1.4rem;
	font-weight: bold;
}
#officer table thead th:first-child {
	border-left: 0;
}
#officer table thead th.of01 {
	width: 20%;
}
#officer table thead th.of02 {
	width: 20%;
}
#officer table thead th.of03 {
	width: 60%;
}
#officer table th,
#officer table td {
	padding: 12px 0;
	border-top: 1px solid #DDD;
	font-size: 1.4rem;
}
#officer table td b {
	font-weight: bold;
}
#history {
	margin: 35px 0;
	padding: 35px 25px;
	background-color: #FFF;
}
#history dt {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 3px solid #3096A5;
	font-size: 1.4rem;
	font-weight: bold;
}
#history dd {
	margin-bottom: 35px;
	padding-left: 1em;
	font-size: 1.4rem;
	line-height: 1.6;
}
#map {
	margin: 35px 0;
	padding: 35px 25px;
	background-color: #FFF;
}
#map p {
	margin: 1em 0;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: center;
}
.gmap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 480px;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

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

#chairman {
	margin: 25px 15px;
	padding: 15px;
}
#chairman p {
	margin-bottom: 1em;
	font-size: 1.2rem;
}
#chairman #profile {
	margin: 0 15px 15px 0;
}
#chairman #profile dd {
	margin-top: 10px;
	font-size: 1.2rem;
}
#officer {
	margin: 25px 15px;
	padding: 15px;
}
#officer p {
	font-size: 1.2rem;
}
#officer table thead th {
	padding-bottom: 12px;
	border-top: 0;
	border-left: 1px solid #FFF;
	border-bottom: 2px solid #3096A5;
	font-size: 1.2rem;
}
#officer table thead th.of01 {
	width: 20%;
}
#officer table thead th.of02 {
	padding-left: 5px;
	padding-right: 5px;
	width: 20%;
}
#officer table thead th.of03 {
	width: 60%;
}
#officer table th,
#officer table td {
	padding: 10px 0;
	font-size: 1.0rem;
}
#history {
	margin: 25px 15px;
	padding: 15px;
}
#history dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #3096A5;
	font-size: 1.2rem;
}
#history dd {
	margin-bottom: 25px;
	padding-left: 0;
	font-size: 1.2rem;
}
#map {
	margin: 25px 15px;
	padding: 15px;
}
#map p {
	margin: 1.5em 0;
	font-size: 1.2rem;
}

}



/* ==========================================
 koureishashika
========================================== */

#koureishashika {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#koureishashika .sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#koureishashika .sub-title h3 {
	margin-bottom: 8px;
	font-size: 3.2rem;
}
#koureishashika .sub-title p {
	font-size: 2.0rem;
	line-height: 1.8;
	color: #206BD2;
}
#koureishashika p {
	margin: 1em 0;
	font-size: 1.4rem;
}
#koureishashika .tablesc {
	white-space: normal;
}
.table01 {
	margin: 35px 0 25px;
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}
.table01 thead th {
	padding: 0 0 10px;
	border-bottom: 3px solid #CCC;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.table01 thead th:first-child {
	border-left: none;
	width: 100px;
}
.table01 tbody tr {
	border-bottom: 1px solid #CCC;
}
.table01 tbody th {
	font-size: 1.4rem;
	font-weight: bold;
	vertical-align: middle;
}
.table01 tbody td {
	padding: 12px 15px;
	line-height: 1.6;
	font-size: 1.4rem;
	text-align: center;
}
.table01 tbody td span {
	font-weight: bold;
	color: #17707D;
}
#ko01 {
	margin: 50px 0;
	padding: 25px 15px;
	border: 3px solid #17707D;
}
#ko01 h4 {
	font-size: 2.4rem;
	color: #17707D;
	text-align: center;
}
#ko01 p {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.8;
}
#ko02 {
	margin: 0 0 50px;
}
#ko02 ul {
	margin: 25px 0;
}
#ko02 ul li {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 18px;
	padding-left: 5px;
}
#ko02 ul li dt {
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: bold;
}
#ko02 ul li dd a {
	font-size: 1.4rem;
	color: #17707D;
}
#ko02 ul li dd a:hover {
	color: #666;
}


#koureishashika-visit {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#koureishashika-visit p {
	margin: 1em 0;
	font-size: 1.4rem;
}
#koureishashika-visit .sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#koureishashika-visit .sub-title h3 {
	margin-bottom: 8px;
	font-size: 3.2rem;
}
#kov01 {
	margin: 50px 0;
	padding: 5px 15px;
	border: 3px solid #17707D;
	text-align: center;
}
#kov01 p:nth-of-type(1) {
	font-size: 2.0rem;
	line-height: 1.8;
}
#kov01 p:nth-of-type(1) span {
	font-weight: bold;
	color: #F00;
}
#kov01 p:nth-of-type(1) b {
	font-weight: bold;
	text-decoration: underline;
}
#kov01 p:nth-of-type(2) {
	font-size: 1.8rem;
	line-height: 1.8;
	color: #206BD2
}
#kov02 {
	padding-bottom: 35px;
}
#kov02 h4 {
	margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #17707D;
}
#kov-about .kova-item {
	margin-bottom: 25px;
}
#kov-about dt {
	margin-bottom: .15em;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.7;
	color: #206BD2;
}
#kov-about dd p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.7;
}
.kov-download dt {
	margin: 0;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.7;
}
.kov-download dd {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.7;
}
.kov-download dd a {
	color: #17707D;
	text-decoration: underline;
}
.kov-download dd a:hover {
	color: #666;
}
.kov-link {
	margin: 25px 0;
}
.kov-link dt {
	margin: 0;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.7;
}
.kov-link dd {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.7;
}
#koureishashika-visit .kov-link dd p {
	width: 100%;
	margin: 0;
	line-height: 1.7;
}
#koureishashika-visit .kov-link dd p.ex {
	text-indent: -1em;
	padding-left: 1em;
}

.kov-link dd a {
	margin-right: 1em;
	color: #17707D;
	text-decoration: underline;
}
.kov-link dd a:hover {
	color: #666;
}
#kov02 .kov-notice {
	margin: 35px 0;
}
#kov02 .kov-notice p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.7;
}
#kov02 ol {
	margin: 0 0 25px 28px;
}
#kov02 ol li {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.7;
	list-style: decimal;
}


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

#koureishashika {
	margin: 0 15px;
	padding: 25px 15px;
}
#koureishashika p {
	font-size: 1.2rem;
}
#koureishashika .sub-title {
	margin-bottom: 25px;
}
#koureishashika .sub-title h3 {
	margin-bottom: 10px;
	font-size: 1.8rem;
}
#koureishashika .sub-title h3 span {
	display: inline-block;
}
#koureishashika .sub-title p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
}
#koureishashika .sub-title p br {
	display: none;
}
#koureishashika .tablesc {
	white-space: nowrap;
}
.table01 {
	width: auto;
	table-layout: auto;
}
.table01 thead th {
	padding: 0 0 8px;
	font-size: 1.2rem;
}
.table01 thead th:first-child {
	border-left: none;
}
.table01 tbody th {
	padding-right: 10px;
	font-size: 1.2rem;
}
.table01 tbody td {
	padding: 10px 10px;
	font-size: 1.2rem;
	text-align: left;
}
.table01 tbody tr:nth-of-type(2) td p:first-child {
	text-align: center;
}
#ko01 {
	margin: 35px 0;
	padding: 20px;
	border: 3px solid #17707D;
}
#ko01 h4 {
	font-size: 1.8rem;
}
#ko01 h4 span {
	display: inline-block;
}
#ko01 p {
	font-size: 1.2rem;
	line-height: 1.6;
}
#ko02 {
	margin: 0;
}
#ko02 ul {
	margin: 0;
}
#ko02 ul li {
	list-style: disc;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-left: 5px;
}
#ko02 ul li dt {
	margin-bottom: 5px;
	font-size: 1.2rem;
}
#ko02 ul li dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ko02 ul li dd a {
	font-size: 1.2rem;
}



#koureishashika-visit {
	margin: 25px 15px 0;
	padding: 25px 15px;
}
#koureishashika-visit p {
	font-size: 1.2rem;
}
#koureishashika-visit .sub-title {
	margin-bottom: 0;
}
#koureishashika-visit .sub-title h3 {
	font-size: 1.8rem;
}
#koureishashika-visit .sub-title h3 span {
	display: inline-block;
}
#kov01 {
	margin: 25px 0;
	padding: 5px 15px;
	text-align: left;
}
#kov01 p:nth-of-type(1) {
	font-size: 1.4rem;
	text-align: center;
}
#kov01 p:nth-of-type(2) {
	font-size: 1.4rem;
}
#kov02 {
	padding-bottom: 0;
}
#kov02 h4 {
	font-size: 1.6rem;
	text-align: center;
}
#kov02 h4 span {
	font-weight: bold;
	display: inline-block;
}

#kov-about .kova-item {
	margin-bottom: 25px;
}
#kov-about dt {
	font-size: 1.2rem;
}
#kov-about dd p {
	font-size: 1.2rem;
}
.kov-download dt {
	font-size: 1.2rem;
}
.kov-download dd {
	font-size: 1.2rem;
}
.kov-download dd a span {
	display: inline-block;
	text-decoration: underline;
}
.kov-link {
	margin: 20px 0;
}
.kov-link dt {
	font-size: 1.2rem;
}
.kov-link dd {
	font-size: 1.2rem;
}
#koureishashika-visit .kov-link dd p {
	width: 100%;
	margin: 0 0 .5em;
	line-height: 1.7;
}
.kov-link dd a {
	line-height: 2;
}
#kov02 .kov-notice {
	margin: 15px 0;
}
#kov02 .kov-notice p {
	font-size: 1.2rem;
}
#kov02 ol {
	margin: 0 0 25px 20px;
}
#kov02 ol li {
	font-size: 1.2rem;
}





}




/* ==========================================
 citizen
========================================== */

#fushime {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#fushime #sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#fushime #sub-title h3 {
	margin-bottom: 8px;
	font-size: 3.6rem;
}
#fushime #sub-title span {
	font-size: 2.4rem;
	color: #17707D;
}
#fushime01 {
	margin: 0 0 50px;
}
#fushime01 div {
	margin-bottom: 8px;
	text-align: center;
}
#fushime01 ruby {
	font-size: 2.4rem;
}
#fushime01 p {
	margin: 1em 0;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: center;
}
#fushime01 p span {
	font-size: 2.0rem;
}
#fushime01 p ruby,
#fushime01 p span {
	color: #17707D;
}
#fushime01 table {
	margin: 35px 0 25px;
	width: 100%;
}
#fushime01 table thead th {
	padding: 0 0 10px;
	border-bottom: 3px solid #CCC;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
#fushime01 table thead th:first-child {
	border-left: none;
}
#fushime01 table tbody tr {
	border-bottom: 1px solid #CCC;
}
#fushime01 table tbody th {
	font-size: 1.2rem;
	font-weight: bold;
}
#fushime01 table tbody td {
	padding: 12px 0px;
	line-height: 1.6;
	font-size: 1.2rem;
}
#fushime01 table tbody td span {
	font-weight: bold;
	color: #17707D;
}
#ex-fushime {
	margin: 1em 0;
	padding: 25px 15px;
	border: 3px solid #17707D;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: center;
}
#fushime02 {
	margin: 0 0 50px;
}
#fushime02 ul {
	margin: 25px 0;
}
#fushime02 ul li {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 18px;
	padding-left: 5px;
}
#fushime02 ul li dt {
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: bold;
}
#fushime02 ul li dd a {
	font-size: 1.4rem;
	color: #17707D;
}
#fushime02 ul li dd a:hover {
	color: #666;
}

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

#fushime {
	margin: 0 15px;
	padding: 25px 15px;
}
#fushime #sub-title {
	margin-bottom: 15px;
}
#fushime #sub-title h3 {
	margin-bottom: 5px;
	font-size: 1.8rem;
}
#fushime #sub-title span {
	font-size: 1.4rem;
}
#fushime01 {
	margin: 25px 0;
}
#fushime01 div {
	margin-bottom: 10px;
}
#fushime01 ruby {
	font-size: 1.6rem;
}
#fushime01 p {
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: center;
}
#fushime01 p span {
	font-size: 1.4rem;
}
#fushime01 table {
	margin: 35px 0 15px;
	width: 100%;
}
#fushime01 table thead th {
	padding: 0 8px 5px;
	font-size: 1.2rem;
}
#fushime01 table tbody th {
	font-size: 1.0rem;
	font-weight: bold;
}
#fushime01 table tbody td {
	padding: 12px 8px;
	line-height: 1.6;
	font-size: 1.0rem;
	text-align: left;
}
#fushime01 p#ex-fushime {
	margin: 35px 0;
	padding: 15px 15px;
	font-size: 1.2rem;
	line-height: 1.6;
}
#fushime02 {
	margin: 0;
}
#fushime02 ul {
	margin: 0;
}
#fushime02 ul li {
	margin-bottom: 15px;
	margin-left: 18px;
	padding-left: 5px;
}
#fushime02 ul li dt {
	margin-bottom: 3px;
	font-size: 1.2rem;
}
#fushime02 ul li dd a {
	font-size: 1.0rem;
}

}



/* ==========================================
 jigyosyo
========================================== */

#jigyosyo {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#jigyosyo #sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#jigyosyo #sub-title h3 {
	margin-bottom: 8px;
	font-size: 3.2rem;
}
#jigyosyo #sub-title span {
	font-size: 2.4rem;
	color: #17707D;
}
#jigyosyo p {
	margin: 1em 0;
	font-size: 1.4rem;
}
#jigyo01 {
	margin: 50px 0;
	display: flex;
	justify-content: center;
}
#jigyo01 ul {
	padding: 20px 25px;
	border: 3px solid #CCC;
}
#jigyo01 li {
	margin: 8px 0;
	font-size: 2.4rem;
	text-align: center;
}
#jigyo02 {
	margin: 50px 0;
}
#jigyo02 h3 {
	margin-bottom: 15px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #17707D;
}
#jigyo02 table {
	margin: 15px 0 50px;
	border-top: 1px dotted #CCC;
}
#jigyo02 table th,
#jigyo02 table td {
	padding: 12px 10px;
	font-size: 1.6rem;
	border-bottom: 1px dotted #CCC;
}
#jigyo02 table th {
	width: 240px;
	text-align: center;
	font-weight: bold;
}
#jigyo02 table td.price {
	font-weight: bold;
	color: #17427D;
}
#jigyo-footer-contact {
	margin: 35px 0;
	text-align: center;
}
#jigyo-footer-contact h3 {
	margin-bottom: 12px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #17707D;
}
#jigyo-footer-contact h4 {
	font-size: 1.8rem;
	font-weight: bold;
}
#jigyo-footer-contact p {
	font-size: 1.4rem;
	font-weight: normal;
	color: #333;
}

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

#jigyosyo {
	margin: 0 15px;
	padding: 25px 15px;
}
#jigyosyo #sub-title {
	margin-bottom: 15px;
}
#jigyosyo #sub-title h3 {
	margin-bottom: 5px;
	font-size: 1.8rem;
}
#jigyosyo #sub-title span {
	font-size: 1.4rem;
}
#jigyosyo p {
	font-size: 1.2rem;
}
#jigyo01 {
	margin: 25px 0;
}
#jigyo01 ul {
	padding: 20px 25px;
	border: 3px solid #CCC;
}
#jigyo01 li {
	margin: 8px 0;
	font-size: 1.4rem;
}
#jigyo02 {
	margin: 50px 0;
}
#jigyo02 h3 {
	margin-bottom: 15px;
	font-size: 1.6rem;
}
#jigyo02 table {
	margin: 15px 0 25px;
}
#jigyo02 table th,
#jigyo02 table td {
	padding: 12px 10px;
	font-size: 1.2rem;
}
#jigyo02 table th {
	width: 25%;
}

#jigyo-footer-contact {
	margin: 35px 0 15px;
}
#jigyo-footer-contact h3 {
	margin-bottom: 12px;
	font-size: 1.4rem;
}
#jigyo-footer-contact h4 {
	font-size: 1.4rem;
}
#jigyo-footer-contact p {
	font-size: 1.2rem;
	text-align: center;
}

}


/* ==========================================
 iryokanri
========================================== */

#iryokanri {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#iryokanri #sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#iryokanri #sub-title h3 {
	margin-bottom: 8px;
	font-size: 3.2rem;
}
#iryokanri p {
	margin: 1em 0;
	font-size: 1.4rem;
}
#iryokanri dl {
	margin: 25px 0;
}
#iryokanri dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 1.4rem;
	font-weight: bold;
	color: #17707D;
}
#iryokanri dd {
	font-size: 1.4rem;
	line-height: 1.6;
}
#iryokanri-contact {
	width: 600px;
	margin: 15px auto 50px;
	padding: 25px 25px 1px;
	border: 3px solid #17707D;
}
#iryokanri-contact p {
	margin: 1em 0;
	font-size: 1.2rem;
	line-height: 1.6;
}
#iryokanri-contact p strong {
	font-weight: bold;
	color: #C00000;
}
#iryokanri-contact h3 {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
#iryokanri-contact h3 strong {
	font-size: 2.0rem;
	color: #17427D;
}
#iryokanri-contact h3 .tel {
	padding-left: 1em;
}
#iryokanri #btn-qa {
	margin: 35px 0;
	text-align: center;
}
#iryokanri #btn-qa a {
	display: inline-block;
	width: 480px;
	height: 76px;
	text-indent: -9999px;
	background-image: url(../image/iryokanri/btn_qa_off.gif);
	background-repeat: no-repeat;
	transition: ease .1s;
}
#iryokanri #btn-qa a:hover {
	background-image: url(../image/iryokanri/btn_qa_on.gif);
}
#iryokanri-member {
	margin: 35px 0;
	display: flex;
}
#iryokanri-member #kaiinsho {
	margin: 0 25px 15px 0;
}
#qa {
	margin: 25px 0 50px;
	padding: 50px 25px;
	background-color: #FFF;
}
#qa dl {
	margin: 0 0 50px;
}
#qa dt {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 1.6rem;
	font-weight: bold;
	color: #17707D;
}
#qa dd {
	font-size: 1.4rem;
	line-height: 1.6;
}
#qa dd ul li {
	margin: 0 0 8px 0;
	line-height: 1.6;
}
#qa dd ul li a {
	color: #17707D;
	text-decoration: underline;
	transition: ease .1s;
}
#qa dd ul li a:hover {
	text-decoration: none;
}
.answerbox {
	margin: 50px 0;
}
.question {
	margin-bottom: 15px;
	padding: 3px 24px 10px;
	font-size: 1.6rem;
	background-color: #3096A5;
	border-radius: 10px;
	color: #FFF;
}
.question span {
	padding-right: 10px;
	font-size: 2.8rem;
	font-weight: bold;
}
.answer a {
	color: #17707D;
	text-decoration: underline;
	transition: ease .1s;
}
.answer a:hover {
	text-decoration: none;
}
.answer p {
	margin-bottom: 1em;
	font-size: 1.4rem;
	line-height: 1.6;
}
.answer p span {
	float: left;
	margin: 0 25px 5px 15px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #C00000;
}

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

#iryokanri {
	margin: 0 15px;
	padding: 25px 15px;
}
#iryokanri #sub-title {
	margin-bottom: 15px;
}
#iryokanri #sub-title h3 {
	margin-bottom: 5px;
	font-size: 1.8rem;
}
#iryokanri p {
	font-size: 1.2rem;
}
#iryokanri dl {
	margin: 25px 0;
}
#iryokanri dt {
	font-size: 1.2rem;
}
#iryokanri dd {
	font-size: 1.2rem;
}
#iryokanri-contact {
	width: auto;
	margin: 25px 0;
	padding: 15px 15px 1px;
	border: 2px solid #17707D;
}
#iryokanri-contact h3 {
	font-size: 1.4rem;
}
#iryokanri-contact h3 strong {
	font-size: 1.6rem;
	color: #17427D;
}
#iryokanri-contact h3 .tel {
	padding-left: 0;
	font-size: 1.4rem;
}
#iryokanri #btn-qa {
	margin: 35px 0;
	text-align: center;
}
#iryokanri #btn-qa a {
	width: 300px;
	height: 48px;
	background-size: cover;
}
#iryokanri-member {
	margin: 35px 0;
	display: flex;
}
#iryokanri-member #kaiinsho {
	margin: 0 25px 15px 0;
}
#iryokanri-member p {
	margin-top: 0;
}
#qa {
	margin: 0 15px;
	padding: 25px 15px;
}
#qa dl {
	margin: 0 0 25px;
}
#qa dt {
	font-size: 1.2rem;
}
#qa dd {
	font-size: 1.2rem;
}
#qa dd ul li {
	margin: 0 0 10px 0;
}
.answerbox {
	margin: 25px 0;
}
.question {
	margin-bottom: 15px;
	padding: 5px 12px 8px 2.5em;
	text-indent: -2em;
	font-size: 1.2rem;
}
.question span {
	padding-right: 5px;
	font-size: 1.6rem;
}
.answer p {
	font-size: 1.2rem;
}
.answer p span {
	float: left;
	margin: 0 15px 5px 15px;
	font-size: 1.8rem;
}

}

/* ==========================================
 bank
========================================== */

#bank {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#bank #sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#bank #sub-title h3 {
	margin-bottom: 8px;
	font-size: 3.2rem;
}
#bank p {
	margin: 1em 0;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	color: #17707D;
}
#bank dl {
	margin: 25px 0;
}
#bank dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 1.4rem;
	font-weight: bold;
	color: #17707D;
}
#bank dd {
	font-size: 1.4rem;
	line-height: 1.6;
}
#bank-footer-contact {
	margin: 35px 0;
}
#bank-footer-contact h3 {
	margin-bottom: 12px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #17707D;
	text-align: center;
}
#bank-footer-contact h4 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#bank-footer-contact p {
	font-size: 1.4rem;
	font-weight: normal;
	color: #333;
}

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

#bank {
	margin: 0 15px;
	padding: 25px 15px;
}
#bank #sub-title {
	margin-bottom: 15px;
}
#bank #sub-title h3 {
	margin-bottom: 8px;
	font-size: 1.8rem;
}
#bank p {
	font-size: 1.2rem;
	font-weight: normal;
	text-align: left;
}
#bank dl {
	margin: 25px 0;
}
#bank dt {
	font-size: 1.2rem;
}
#bank dd {
	font-size: 1.2rem;
	line-height: 1.6;
}
#bank-footer-contact {
	margin: 35px 0 15px;
}
#bank-footer-contact h3 {
	margin-bottom: 12px;
	font-size: 1.4rem;
}
#bank-footer-contact h4 {
	font-size: 1.4rem;
}
#bank-footer-contact p {
	font-size: 1.2rem;
	text-align: center;
}

}




/* ==========================================
 download
========================================== */

#download {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#download .sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#download .sub-title h3 {
	margin-bottom: 15px;
	font-size: 3.2rem;
}
#download .sub-title p {
	font-size: 1.6rem;
	text-align: center;
}
.download-box {
	margin: 50px 0;
	padding: 0 50px;
}
.download-box h3 {
	padding: 8px 1px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #FDF2CF;
	color: #4471C4;
}
.download-box p {
	margin: 1em 25px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.download-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.download-list li {
    width: calc(100% / 4 - 30px);
	margin: 0 15px 25px;
}
.download-list li.hz {
    align-self: center;
}
.download-list li dl dt img {
	border: 2px solid #17707D;
}
.download-list li dl dd {
	margin: 5px 0 0;
	font-size: 1.2rem;
	text-align: center;
	text-decoration: underline;
	color: #17707D;
}
.download-list li dl:hover dt img {
	border-color: #999;
}
.download-list li dl:hover dd {
	text-decoration: none;
	color: #999;
}

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

#download {
	margin: 0 15px;
	padding: 25px 15px;
}
#download .sub-title {
	margin-bottom: 15px;
}
#download .sub-title h3 {
	margin-bottom: 8px;
	font-size: 1.8rem;
}
#download .sub-title p {
	font-size: 1.2rem;
	text-align: left;
}
.download-box {
	margin: 25px 0;
	padding: 0;
}
.download-box h3 {
	padding: 5px 1px;
	font-size: 1.4rem;
}
.download-box p {
	margin: 1em 0;
	font-size: 1.2rem;
}
.download-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.download-list li {
	margin: 0 10px 20px;
	width: calc(100% / 2 - 20px);
}

}





/* ==========================================
 link
========================================== */

.linkbox {
	margin: 25px 0 50px;
	padding: 25px 25px 1px;
	background-color: #FFF;
}
.linkbox h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.6rem;
}
.linkbox ul {
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
}
.linkbox ul li {
	position: relative;
	margin-bottom: 10px;
	width: 25%;
	padding-right: 1em;
	padding-left: 17px;
	font-size: 1.4rem;
}
.linkbox ul li::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "■";
	color: #2996A6;
	font-size: 12px;
}
.linkbox ul li a {
	color: #2996A6;
	text-decoration: underline;
}
.linkbox ul li a:hover {
	color: #666;
}

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

.linkbox {
	margin: 15px 15px 25px;
	padding: 15px 15px 1px;
}
.linkbox h3 {
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.linkbox ul {
	margin-bottom: 25px;
	display: block;
}
.linkbox ul li {
	position: relative;
	margin-bottom: 10px;
	width: auto;
	padding-right: 1em;
	padding-left: 17px;
	font-size: 1.2rem;
}
.linkbox ul li::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "■";
	color: #2996A6;
	font-size: 10px;
}
.linkbox ul li a {
	color: #2996A6;
	text-decoration: underline;
}
.linkbox ul li a:hover {
	color: #666;
}

}

/* ==========================================
 contact
========================================== */

#contact {
	margin: 25px 0 50px;
	padding: 50px 25px;
	background-color: #FFF;
}
.contact-txt {
	padding: 25px;
	background-color: #FFF;
}
.contact-txt p {
	margin: 1em 0;
	font-size: 1.2rem;
	line-height: 1.5;
}
.contact-txt p strong {
	font-weight: bold;
	font-size: 1.6rem;
}
#contact-form {
	padding: 25px;
	background-color: #FFF;
}
#mail-contact {
	width: 100%;
}
#mail-contact th,
#mail-contact td {
	padding: 16px 10px;
	border-bottom: 1px dotted #CCC;
}
#mail-contact th {
	width: 25%;
	font-size: 1.6rem;
}
#mail-contact th span {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 5px;
	font-size: 1.0rem;
	border-radius: 2px;
	color: #FFF;
}
#mail-contact th span.must {
	background-color: #C00;
}
#mail-contact th span.arb {
	background-color: #17427D;
}
#mail-contact td#mf-submit {
	text-align: center;
}
#mail-contact td#mf-submit input {
	padding: 12px 24px;
	border: none;
	font-size: 1.6rem;
	background-color: #3096A5;
	color: #FFF;
	cursor: pointer;
}
#mail-contact td#mf-submit input:hover {
	background-color: #17707D;
	color: #FFF;
}
#mail-contact td #cfm01,
#mail-contact td #cfm02 {
	width: 100%;
	padding: 5px;
	font-size: 1.4rem;
}
#mail-contact td #cfm03 {
	width: 100%;
	height: 10em;
	padding: 5px;
	font-size: 1.4rem;
}
#contact-thanks {
	margin-bottom: 35px;
}
#contact-thanks p {
	margin: 4px 0;
	font-size: 1.4rem;
	text-align: center;
}
#contact-detail {
	margin: auto;
	border: 3px solid #3096A5;
	padding: 25px;
	width: 400px;
}
#contact-detail dl {
	line-height: 1.8;
	text-align: center;
}
#contact-detail dl dt {
	margin: 0 0 8px 0;
	font-size: 1.4rem;
	font-weight: bold;
}
#contact-detail dl dd {
	font-size: 1.2rem;
}

.formbox {
	padding: 50px 0;
	background: #FFF;
}


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

#contact {
	margin: 0 15px;
	padding: 25px 15px;
}
.contact-txt {
	margin: 0 15px;
	padding: 25px 15px 15px;
}
.contact-txt p {
	font-size: 1.2rem;
	line-height: 1.6;
}
.contact-txt p strong {
	font-size: 1.4rem;
}
#contact-form {
	margin: 0 15px;
	padding: 25px 15px;
}
#mail-contact {
	width: 100%;
}
#mail-contact th,
#mail-contact td {
	padding: 0;
	border: 0;
}
#mail-contact th {
	display: block;
	padding: 12px 5px;
	width: auto;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 1.2rem;
	background-color: #EEE;
}
#mail-contact td {
	display: block;
	padding: 12px 1px;
}
#mail-contact td#mf-submit {
	text-align: center;
}
#mail-contact td#mf-submit input {
	padding: 12px 24px;
	border: none;
	font-size: 1.6rem;
	background-color: #3096A5;
	color: #FFF;
	cursor: pointer;
}
#mail-contact td#mf-submit input:hover {
	background-color: #17707D;
	color: #FFF;
}
#mail-contact td #cfm01,
#mail-contact td #cfm02 {
	width: 100%;
	padding: 5px;
	font-size: 1.4rem;
}
#mail-contact td #cfm03 {
	width: 100%;
	height: 10em;
	padding: 5px;
	font-size: 1.4rem;
}
#contact-thanks {
	margin: 0px 0px 25px;
}
#contact-thanks p {
	font-size: 1.2rem;
	text-align: left;
}
#contact-detail {
	padding: 15px;
	width: auto;
}
#contact-detail dl {
	line-height: 1.8;
	text-align: center;
}
#contact-detail dl dt {
	margin: 0 0 8px 0;
	font-size: 1.4rem;
	font-weight: bold;
}
#contact-detail dl dd {
	font-size: 1.2rem;
}

}



/* ==========================================
 chirashi
========================================== */

#chirashi {
	margin: 25px 0 50px;
	padding: 50px 25px 1px;
	background-color: #FFF;
}
#chirashi #sub-title {
	margin-bottom: 35px;
	text-align: center;
}
#chirashi #sub-title h3 {
	margin-bottom: 15px;
	font-size: 3.2rem;
}
#chirashi #sub-title p {
	margin-bottom: 15px;
	font-size: 1.6rem;
	text-align: center;
}
.chirashi-box {
	margin: 50px 0;
	padding: 0 50px;
}
.chirashi-box h3 {
	margin: 50px 0 25px;
	padding: 12px 1px 18px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #4DB1B9;
	color: #FFF;
}
.chirashi-box h3 span {
	font-size: 3.2rem;
}
.chirashi-box p {
	margin: 1em 0;
	font-size: 1.4rem;
	line-height: 1.6;
}
.chirashi-list {
	display: flex;
	margin: 0 -10px;
	flex-wrap: wrap;
	justify-content: center;
}
.chirashi-list li {
	margin: 0 10px;
	padding: 0;
	width: 270px;
	background-color: #E9F5F7;
}
.chirashi-list li dl dt {
	padding: 25px 0 0;
	text-align: center;
}
.chirashi-list li dl dt img {
	width: 50%;
}
.chirashi-list li dl dd {
	padding: 15px 15px;
}
.chirashi-list li dl dd p {
	margin: 0 0 .5em;
	font-size: 1.2rem;
}
.chirashi-list li dl dd span {
	display: block;
	margin-bottom: .75em;
	font-size: 2.4rem;
	font-weight: bold;
	color: #4DB1B9;
	text-align: center;
}
.chirashi-list li dl dd b {
	font-weight: bold;
	color: #DB3E75;
}
.chirashi-list li dl dd.ex01 {
	padding: 8px 8px;
	border: 1px solid #3563B9;
	font-size: 1.0rem;
	line-height: 1.6;
	background-color: #8FAADC;
	color: #FFF;
}
#chirashi-service-box {
	margin: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#chirashi-service-box .service01,
#chirashi-service-box .service03 {
	width: 220px;
}
#chirashi-service-box .service02 {
	margin: 0 20px;
	width: 370px;
}
.pc #chirashi-service-box .service02 .tablesc {
	margin: 0;
}
#chirashi-service-box .service01 .ex01 {
	margin: 10px 0;
	padding: 8px 8px 8px 2em;
	text-indent: -1em;
	border: 1px solid #3563B9;
	font-size: 1.0rem;
	line-height: 1.6;
	background-color: #8FAADC;
	color: #FFF;
}
#chirashi-service-box .service01 table,
#chirashi-service-box .service03 table {
	border-top: 1px solid #CCC;
	width: 100%;
	font-size: 1.0rem;
}
#chirashi-service-box .service02 table {
	border-bottom: 1px solid #CCC;
	width: 100%;
	font-size: 1.0rem;
}
#chirashi-service-box .service01 table th,
#chirashi-service-box .service01 table td,
#chirashi-service-box .service03 table th,
#chirashi-service-box .service03 table td {
	padding: 15px 3px;
	border-bottom: 1px solid #CCC;
}
#chirashi-service-box .service02 table th {
	padding: 0 3px 9px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #4DB1B9;
}
#chirashi-service-box .service02 table td {
	padding: 15px 3px;
	border-top: 1px solid #CCC;
	text-align: center;
}
#chirashi-service-box .service01 table td,
#chirashi-service-box .service03 table td {
	text-align: right;
}
#chirashi-service-box .service02 p,
#chirashi-service-box .service03 p {
	font-size: 1.0rem;
}
#chirashi-service-box .service03 p b {
	font-weight: bold;
	color: #DB3E75;
}
#chirashi-service-box .service03 p.link-bnr-txt {
	margin-top: 1em;
	color: #ED7D31;
}
#chirashi-service-box h4 {
	margin-bottom: 1em;
	font-size: 1.8rem;
	font-weight: bold;
	color: #4DB1B9;
	text-align: center;
}
#chirashi-info {
	display: flex;
	padding: 25px 50px;
	background-color: #F0F0F0;
}
#chirashi-info dt {
	padding-right: 50px;
	font-size: 2.0rem;
	color: #4DB1B9;
	background-image: url(../image/chirashi/bg_chirashi01.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: auto cover;
}
#chirashi-info dd {
	padding-left: 25px;
	font-size: 1.2rem;
}
#chirashi-info dd b {
	font-weight: bold;
	color: #DB3E75;
}
#chirashi-contact {
	display: flex;
	margin: 50px auto;
	padding: 25px;
	border: 3px solid #CCC;
}
#chirashi-contact dl {
	width: 50%;
	padding: 0 25px;
}
#chirashi-contact dl dt {
	margin-bottom: 1em;
	font-size: 1.4rem;
	font-weight: bold;
	color: #4DB1B9;
}
#chirashi-contact dl dd {
	font-size: 1.2rem;
}
#chirashi-contact dl dd strong {
	display: inline-block;
	padding-bottom: 8px;
	font-size: 1.8rem;
	font-weight: bold;
}

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

#chirashi {
	margin: 0 15px;
	padding: 25px 15px;
}
#chirashi #sub-title {
	margin-bottom: 15px;
}
#chirashi #sub-title h3 {
	margin-bottom: 8px;
	font-size: 1.8rem;
}
#chirashi #sub-title p {
	font-size: 1.2rem;
}
.chirashi-box {
	margin: 25px 0 0;
	padding: 0;
}
.chirashi-box h3 {
	margin: 25px 0 15px;
	padding: 12px 1px 18px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.chirashi-box h3 span {
	font-size: 1.8rem;
}
.chirashi-box p {
	margin: 1em 0;
	font-size: 1.2rem;
}
.chirashi-list {
	margin: 0;
}
.chirashi-list li {
	display: block;
	margin: 0 0 15px 0;
	width: 100%;
}
.chirashi-list li dl dd span {
	font-size: 1.8rem;
}
.chirashi-list li dl dd.ex01 {
	padding: 5px 5px 5px 2em;
	text-indent: -1em;
}
#chirashi-service-box {
	margin: 25px 0;
}
#chirashi-service-box .service01,
#chirashi-service-box .service02,
#chirashi-service-box .service03 {
	margin: 0 0 15px;
	width: 100%;
}
#chirashi-service-box .service01 .ex01 {
	margin: 15px 0;
	padding: 5px 5px 5px 2em;
	text-indent: -1em;
}
#chirashi-service-box .service01 table th,
#chirashi-service-box .service01 table td,
#chirashi-service-box .service03 table th,
#chirashi-service-box .service03 table td {
	padding: 15px 3px 13px;
}
#chirashi-service-box .service02 table th {
	padding: 0 5px 5px;
}
#chirashi-service-box .service02 table td {
	padding: 15px 3px 13px;
}
#chirashi-service-box h4 {
	font-size: 1.8rem;
}
#chirashi-info {
	display: block;
	padding: 15px;
}
#chirashi-info dt {
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.8rem;
	background-image: none;
	text-align: center;
}
#chirashi-info dd {
	padding: 0;
	font-size: 1.0rem;
}
#chirashi-contact {
	display: block;
	margin: 25px 0;
	padding: 15px;
	border: 2px solid #CCC;
}
#chirashi-contact dl {
	width: 100%;
	margin: 20px 0;
	padding: 0 15px;
}
#chirashi-contact dl dt {
	margin-bottom: 8px;
	font-size: 1.2rem;
	text-align: center;
}
#chirashi-contact dl dd {
	font-size: 1.0rem;
	text-align: center;
}
#chirashi-contact dl dd strong {
	padding-bottom: 8px;
	font-size: 1.6rem;
}

}




/* poster-page 
=============================================== */

.h3-01 {
	margin: 25px 0;
	padding: 10px 10px 9px;
	font-size: 2.0rem;
	line-height: 1.6;
	color: #FFF;
	background-color: #3096A5;
}
.h4-02 {
	margin: .75em 0;
    padding: 5px 15px 5px 15px;
	font-size: 2.0rem;
	line-height: 1.6;
    border-left: 5px solid #CCC;
    border-bottom: 2px solid #CCC;
}
.h4-02.sp01 {
    border-left: 5px solid #E1BE00;
    border-bottom: 2px solid #E1BE00;
}
.h4-02.sp02 {
    border-left: 5px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
}
.h4-02.sp03 {
    border-left: 5px solid #793814;
    border-bottom: 2px solid #793814;
}
.poster-wrap {
    margin: 25px 0 50px;
    padding: 30px;
    background-color: #FFF;
}
.commentary-box {
    margin-bottom: 50px;
}
.commentary-box p {
    margin: 1em 0;
    font-size: 1.4rem;
    line-height: 1.6;
}
.commentary-box .commentary-info {
    margin-top: 1.5em;
    display: flex;
    justify-content: right;
}

.poster-thum {
    margin: 35px 0;
    text-align: center;
}
.poster-thum img {
    max-width: 600px;
    width: 100%;
}

.poster-item {
    margin: 50px 0 100px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.poster-img {
    flex: 5.0;
}
.poster-img img {
    width: 100%;
}
.poster-txt {
    flex: 5.0;
}
.p-name p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.8;
}
.p-name p span:nth-of-type(1),
.poster-list-item figure figcaption p span:nth-of-type(1) {
    font-size: 1.6rem;
}
.p-name p span:nth-of-type(2),
.poster-list-item figure figcaption p span:nth-of-type(2) {
    font-size: 2.2rem;
}
.poster-list.sp02 .poster-list-item figure figcaption {
    margin-top: 25px;
}
.poster-list.sp03 .poster-list-item figure figcaption {
    margin-top: 20px;
}
.poster-list-item figure figcaption p {
    font-size: 1.6rem;
    text-align: center;
}
.p-comment {
    margin-top: 20px;
}
.p-comment p {
    margin-top: 1em;
    font-size: 1.4rem;
    line-height: 1.6;
}
.p-comment p:first-child {
    margin-top: 0;
}
.poster-list {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
}
.poster-list.sp02 {
    gap: 100px;
}
.poster-list.sp03 {
    gap: 40px 20px;
}
.poster-list.sp02 .poster-list-item {
    flex-basis: calc((100% - 100px) / 2);
}
.poster-list.sp03 .poster-list-item {
    flex-basis: calc((100% - 50px) / 3);
}

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

.poster-wrap {
    padding: 0 25px;
}
.poster-item {
    margin: 50px 0 75px;
    gap: 25px;
}
.poster-list-item figure figcaption p span:nth-of-type(1) {
    font-size: 1.6rem;
}
.poster-list-item figure figcaption p span:nth-of-type(2) {
    font-size: 1.6rem;
}
.poster-list.sp02 {
    gap: 50px;
}
.poster-list.sp03 {
    gap: 20px;
}
.poster-list.sp02 .poster-list-item {
    flex-basis: calc((100% - 50px) / 2);
}
.poster-list.sp03 .poster-list-item {
    flex-basis: calc((100% - 40px) / 3);
}

}

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

.h3-01 {
	font-size: 1.6rem;
	line-height: 1.6;
}
.h3-01 span {
    font-size: 1.4rem;
}
.h4-02 {
	margin: .75em 0;
    padding: 5px 15px 8px 15px;
	font-size: 1.6rem;
	line-height: 1.6;
    border-left: 5px solid #CCC;
    border-bottom: 2px solid #CCC;
}
.h4-02.sp01,
.h4-02.sp02,
.h4-02.sp03 {
    border-width: 0 0 2px 5px;
}
.poster-thum {
    margin: 25px 0;
    text-align: center;
}
.poster-thum img {
    width: 80%;
}
.poster-wrap {
    padding: 20px 20px;
}
.poster-item {
    margin: 25px 0 50px;
    display: block;
}
.poster-img {
    max-width: none;
    width: 100%;
    text-align: center;
}
.poster-img img {
    max-width: 80%;
}
.poster-txt {
    margin-top: 20px;    
    max-width: none;
    width: 100%;
}
.p-name p {
    text-align: center;
    line-height: 1.4;
}
.p-name p span:nth-of-type(1),
.poster-list.sp02 .poster-list-item figure figcaption p span:nth-of-type(1) {
    font-size: 1.4rem;
}
.p-name p span:nth-of-type(2),
.poster-list.sp02 .poster-list-item figure figcaption p span:nth-of-type(2) {
    font-size: 1.8rem;
}
.poster-list.sp03 .poster-list-item figure figcaption p span:nth-of-type(1) {
   font-size: 1.2rem;
}
.poster-list.sp03 .poster-list-item figure figcaption p span:nth-of-type(2) {
    font-size: 1.4rem;
}
.poster-list.sp02 .poster-list-item figure figcaption {
    margin-top: 20px;
}
.poster-list.sp03 .poster-list-item figure figcaption {
    margin-top: 5px;
}
.poster-list-item figure figcaption p {
    font-size: 1.2rem;
    text-align: center;
}
.p-comment p {
    font-size: 1.4rem;
    line-height: 1.6;
}
.poster-list.sp02 {
    margin: 25px 0 0;
    gap: 0;
}
.poster-list.sp03 {
    margin: 25px 0 50px;
    gap: 30px 10px;
}
.poster-list.sp02 .poster-list-item {
    margin: 0 auto 50px;
    flex-basis: 80%;
}
.poster-list.sp03 .poster-list-item {
    flex-basis: calc((100% - 10px) / 2);
}


}