@charset "UTF-8";

/*========================================

    REEL MAINTENANCE

========================================*/

.main_innr {
	padding-top: 0;
}

.main_innr .link {
	text-decoration: underline;
}

.main_innr .link:hover {
	opacity: .7;
}

@media screen and (max-width: 767px) {
	.com_pagettl .com_h1 h1 {
		line-height: 1.7em;
		padding: .8em 0 .5em 0;
	}
}

@media screen and (min-width: 768px) {
	.pagenav.active {
		position: fixed;
		left: 0;
		width: 100%;
		z-index: 10;
	}
}

.pagenav {
	background-color: #fff;
	border-bottom: 1px solid #888;
}

.pagenav ul {
	width: 1200px;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	padding: 0;
	padding: .8em 0;
}

.pagenav ul li {
	list-style: none;
	margin-left: 2em;
}

.pagenav ul li a {
	font-size: 16px;
}

.pagenav ul li a span::before {
	content: "\f107";
	font-family: FontAwesome;
	margin-right: .5em;
}

h2 {
	font-size: 28px;
	font-weight: bold;
}

h2 strong {
	font-size: 34px;
	font-weight: bold;
}

.mt {
	margin-top: 140px;
}

.btn {
	width: 800px;
	margin: 0 auto;
	background-color: #f0f0f0;
	margin-top: 50px;
	padding: 40px 20px;
}

.btn strong {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;
}

.btn .list {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	margin-top: 1em;
}

.btn ul li {
	margin-top: .4em;
}

.btn .btnbox {
	margin-top: 20px;
}


.btn a {
	min-width: 550px;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #000;
	border-radius: 8px;
	padding: 1em 2em;
	margin-top: 10px;
}

.btn a::before {
	content: "\f1c1";
	font-family: FontAwesome;
	margin-right: .5em;
}

.btn a:hover {
	opacity: .7;
	transition: .3s;
}

.btn .atten {
	list-style: none;
	margin-top: 1em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5em;
}


.txt_irai {
	margin: 0;
	margin-top: 20px;
}

.txt_irai dt {
	font-weight: bold;
	font-size: 116%;
}

.txt_irai dd {
	line-height: 1.6em;
	margin-top: .5em;
}

.txt_irai dd ul {
	list-style-position: inside;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}

.txt_irai dd ul li {}

.txt_irai dd ul .nomrk {
	list-style: none;
	margin-left: -1.2em;
	padding-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 767px) {
	.txt_irai {
		margin-top: 5vw;
		font-size: 3.6vw;
		padding-bottom: 3vw;
	}

	.txt_irai dd {
		text-align: left;
		margin-top: .3em;
	}

	.txt_irai dd ul {
		list-style-position: outside;
		padding-left: 1.5em;
		text-align: left;
	}

	.txt_irai dd ul .nomrk {}
}

.link,
.link:visited {
	text-decoration: underline;
	color: #05e;
}

@media screen and (max-width: 767px) {
	.top span img {
		width: 100%;
		height: auto;
	}

	.pagenav ul {
		width: 100%;
		display: block;
		text-align: left;
	}

	.pagenav ul li {
		margin-left: 0;
	}

	.pagenav ul li a {
		font-size: 3.8vw;
		display: block;
		padding: .5em 0;
	}

	h2 {
		font-size: 5vw;
		font-weight: bold;
	}

	h2 strong {
		font-size: 6vw;
	}

	.mt {
		margin-top: 20vw;
	}

	.btn {
		width: 100%;
		box-sizing: border-box;
		margin-top: 10vw;
		padding: 5vw 5vw;
		padding-top: 8vw;
	}

	.btn .tel {
		font-size: 3.6vw;
		text-align: left;
		padding-left: 1em;
		text-indent: -1em;
	}

	.btn .list {
		font-size: 3.6vw;
		padding-left: 1em;
	}

	.btn strong {
		font-size: 4.5vw;
	}


	.btn a {
		font-size: 4vw;
		padding: 1em 2em;
		min-width: 100%;
	}

	/*
	.btn .atten {
		font-size: 3vw;
		margin-top: 0;
	}
	*/
}



.box {
	margin-top: 90px;
}

.box p {
	margin-top: 30px;
}

.box p.readcopy {
	text-align: center;
	font-size: 18px;
}

.box p.copy {
	font-size: 15px;
	width: 800px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8em;
}

@media screen and (max-width: 767px) {
	.box {
		margin-top: 10vw;
	}

	.box p {
		margin-top: 8vw;
	}

	.box p.readcopy {
		font-size: 4vw;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.box p.copy {
		width: 100%;
		font-size: 3.4vw;
	}
}



.box2 {
	margin-top: 120px;
}

.box2 h2 {
	margin-bottom: 60px;
}

.cpy {
	padding-bottom: 3em;
}

.cpy.cpy2 {
	padding-bottom: 0;
	margin-top: 2em;
}

.cpy p {
	padding-bottom: 1em;
}

.cpy.cpy2 p {
	padding-bottom: 0;
}

.box2 .item {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	border-top: 1px solid #cbcbcb;
	padding: 50px 0;
	padding-left: 40px;
}

.box2 .item:last-child {
	border-bottom: 1px solid #cbcbcb;
}

.box2 .item .photo {
	width: 340px;
	margin-right: 40px;
}

.box2 .item .txt {
	text-align: left;
	width: 800px;
}

.box2 .item .txt h3 {
	font-size: 22px;
	font-weight: bold;
	border-left: 5px solid #222;
	padding: 3px 0;
	padding-left: 15px;
}

.box2 .item .txt h3 small {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
}

.box2 .item .txt p {
	font-size: 14px;
	margin-top: 1em;
}

.box2 .item .txt p small {
	font-size: 12px;
}

.box2 .item .txt ul.atten {
	list-style: none;
	margin-top: 1em;
	font-size: 12px;
}

.box2 .item .txt ul.atten li {
	padding-left: 1em;
	text-indent: -1em;
}

.box2 .item .txt .flexbox {
	display: flex;
	flex-wrap: wrap;
}

.box2 .item .txt .flexbox dl {
	width: 35%;
	margin-right: 5%;
}

.box2 .item .txt dl {
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

.box2 .item .txt dl dt {
	font-size: 13px;
	font-weight: bold;
}

.box2 .item .txt dl dt small {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.box2 .item .txt dl dd {
	font-size: 20px;
	letter-spacing: 1px;
	font-family: "Roboto Slab", serif;
}

.box2 .item .txt dl dd small {
	font-size: 12px;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
	.box2 {
		margin-top: 15vw;
	}

	.cpy {
		font-size: 3.6vw;
	}

	.cpy p {
		text-align: left;
	}

	.box2 h2 {
		margin-bottom: 8vw;
	}

	.box2 .item {
		width: 100%;
		flex-direction: column;
		padding: 7vw 0;
		padding-left: 0;
	}

	.box2 .item .photo {
		width: 100%;
		margin-right: 0;
	}

	.box2 .item .txt {
		margin-top: 5vw;
		width: 100%;
	}

	.box2 .item .txt h3 {
		font-size: 5vw;
		border-left: 3px solid #222;
		padding-left: 10px;
	}

	.box2 .item .txt h3 small {
		font-size: 3.5vw;
	}

	.box2 .item .txt p {
		font-size: 4vw;
		line-height: 1.6em;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.box2 .item .txt ul.atten,
	.box2 .item .txt p small {
		font-size: 3.2vw;
	}

	.box2 .item .txt .flexbox {
		display: block;
	}

	.box2 .item .txt .flexbox dl {
		width: 100%;
		margin-right: 0;
	}


	.box2 .item .txt dl dt {
		font-size: 3.5vw;
	}

	.box2 .item .txt dl dt small {
		font-size: 3.5vw;
	}

	.box2 .item .txt dl dd {
		font-size: 5.5vw;
	}

	.box2 .item .txt dl dd small {
		font-size: 3.5vw;
	}
}



.box3 {
	margin-top: 70px;
	padding-bottom: 120px;
	border-bottom: 1px solid #cbcbcb;
}

.box3 .item_box {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.box3 .item_box .item {
	width: 380px;
	background-color: #f0f0f0;
	box-sizing: border-box;
	padding: 25px;
}

.box3 .item_box .item dl {
	margin: 0;
	padding: 0;
}

.box3 .item_box .item dl dt {
	font-size: 24px;
	font-family: "Roboto Slab", serif;
	letter-spacing: 2px;
	border-bottom: 1px solid #222;
	padding-bottom: .3em;
}

.box3 .item_box .item dl dd strong {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: .8em;
	padding-bottom: .5em;
}


.box3 .item_box .item dl dd {
	font-size: 12px;
	text-align: left;
	line-height: 1.7em;
}

.box3 .item_box .item .pdfbox {
	margin-top: 1em;
}

.box3 .item_box .item .pdf {
	margin-top: 7px;
}

.box3 .item_box .item .pdf a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #222;
	border-radius: 5px;
	padding: .8em 1em;
}

.box3 .item_box .item .pdf a::before {
	content: "\f1c1";
	font-family: FontAwesome;
	margin-right: .5em;
}

.box3 .item_box .item ul {
	font-size: 12px;
	text-align: left;
	padding-left: 1.5em;
	margin-top: .8em;
}

.box3 .add {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 40px;
}

.box3 .add dt {
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #222;
	border-radius: 5px;
	margin-right: 40px;
	padding: 1em 2em;
}

.box3 .add dd {
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	.box3 {
		margin-top: 10vw;
		padding-bottom: 15vw;
	}

	.box3 .item_box {
		flex-direction: column;
		margin-top: 8vw;
	}

	.box3 .item_box .item {
		width: 100%;
		padding: 5vw;
		margin-bottom: 5vw;
	}

	.box3 .item_box .item dl dt {
		font-size: 5vw;
	}

	.box3 .item_box .item dl dd strong {
		font-size: 5vw;
	}

	.box3 .item_box .item dl dd {
		font-size: 3.5vw;
		text-align: center;
	}

	.box3 .item_box .item .pdf a {
		font-size: 4vw;
	}

	.box3 .add {
		display: block;
		text-align: center;
		margin-top: 5vw;
	}

	.box3 .add dt {
		display: inline-block;
		font-size: 5vw;
		margin-right: 0;
		margin-bottom: 3vw;
		padding: .5em 2em;
	}

	.box3 .add dd {
		font-size: 3.8vw;
	}
}



.box4 {
	text-align: left;
	padding-top: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #cbcbcb;
}

.box4 h2 {
	text-align: center;
}

.box4 h3 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #f0f0f0;
	padding: .6em 0;
	padding-left: 25px;
	margin-top: 40px;
}

.box4 p {
	font-size: 16px;
	text-align: left;
	margin-top: 20px;
	padding-left: 25px;
}

.box4 p strong {
	font-weight: bold;
}

.box4 .t14 {
	display: block;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 25px;
}

.box4 h4 {
	font-size: 20px;
	font-weight: bold;
	border-left: 3px solid #222;
	padding: 3px 0;
	padding-left: 15px;
	margin-top: 40px;
	margin-left: 25px;
}

.box4 h4 small {
	display: block;
	font-size: 15px;
	font-weight: normal;
	margin-top: 3px;
}

.box4 .table table {
	width: 780px;
	border-collapse: collapse;
	margin-top: 20px;
	margin-left: 25px;
}

.box4 .table table th {
	width: 260px;
	font-size: 16px;
	background-color: #f0f0f0;
	border-top: 1px solid #222;
	padding: .8em 0 .8em 1em;
}

.box4 .table table .end th {
	border-bottom: 1px solid #222;
}

.box4 .table table td {
	width: 520px;
	font-size: 16px;
	border-top: 1px solid #cbcbcb;
	padding: .8em 0 .8em 1em;
}

.box4 .table table .end td {
	border-bottom: 1px solid #cbcbcb;
}

.box4 .table table td small {
	font-size: 13px;
	margin-left: 20px;
}

.box4 .table span {
	display: block;
	font-size: 14px;
	margin-left: 25px;
	margin-top: 10px;
}

.box4 ul {
	display: flex;
	margin-top: 20px;
	margin-left: 25px;
}

.box4 ul li {
	color: #fff;
	font-size: 16px;
	list-style: none;
	background-color: #222;
	margin-right: 15px;
	padding: .3em .5em;
}

@media screen and (max-width: 767px) {
	.box4 {
		padding-top: 10vw;
		padding-bottom: 15vw;
	}

	.box4 h3 {
		font-size: 4.5vw;
		padding-left: 5vw;
		margin-top: 8vw;
	}

	.box4 p {
		font-size: 3.8vw;
		text-align: justify;
		text-justify: inter-ideograph;
		margin-top: 1em;
		padding-left: 0;
	}

	.box4 .t14 {
		font-size: 3.2vw;
		margin-top: 3vw;
		margin-left: 0;
	}

	.box4 h4 {
		font-size: 4.5vw;
		margin-top: 5vw;
		margin-left: 0;
		padding-left: 3vw;
	}

	.box4 h4 small {
		font-size: 3.8vw;
	}

	.box4 .table table {
		width: 100%;
		margin-top: 5vw;
		margin-left: 0;
	}

	.box4 .table table th {
		display: block;
		width: 100%;
		font-size: 4vw;
		box-sizing: border-box;
		padding: .8em 1em .8em 1em;
	}

	.box4 .table table .end th {
		border-bottom: none;
	}

	.box4 .table table td {
		display: block;
		width: 100%;
		font-size: 4vw;
		box-sizing: border-box;
		padding: .8em 1em .8em 1em;
	}

	.box4 .table table .end td {
		border-bottom: 1px solid #222;
	}

	.box4 .table table td small {
		font-size: 3.5vw;
	}

	.box4 .table span {
		font-size: 3.5vw;
		text-align: right;
		margin-left: 0;
		margin-top: 1vw;
	}

	.box4 ul {
		justify-content: space-between;
		margin-top: 3vw;
		margin-left: 0;
	}

	.box4 ul li {
		width: 21%;
		font-size: 4vw;
		text-align: center;
		margin-right: 0;
		padding: .3em auto;
	}

	.box4 ul li:last-child {
		width: 40%;
	}

	.box4 .space {
		display: none;
	}
}



.box5 {
	padding-top: 70px;
	padding-bottom: 120px;
	border-bottom: 1px solid #cbcbcb;
}

.box5 h3 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #f0f0f0;
	padding: .6em 0;
	padding-left: 25px;
	margin-top: 60px;
	text-align: left;
}

.box5 ul {
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

.box5 ul li {
	font-size: 16px;
	line-height: 1.7em;
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}

.box5 ul ul {
	margin-top: 0;
}

.box5 .btn a::before {
	display: none;
}

@media screen and (max-width: 767px) {
	.box5 {
		padding-top: 10vw;
		padding-bottom: 15vw;
	}

	.box5 h3 {
		font-size: 4.5vw;
		padding-left: 5vw;
		margin-top: 10vw;
	}

	.box5 ul {}

	.box5 ul li {
		font-size: 3.8vw;
	}
}


.box6 {
	padding-top: 70px;
	padding-bottom: 120px;
	border-bottom: 1px solid #cbcbcb;
}


.box6 .item {
	width: 1200px;
	margin: 0 auto;
	margin-top: 70px;
	text-align: left;
}

.box6 .item h3 {
	background-color: #333;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: .6em 1em;
}

.box6 .item h3 small {
	display: block;
	font-size: 80%;
	margin-top: .2em;
}

.box6 .atten {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
	font-size: 14px;
	margin-top: 4em;
}

.box6 .item .atten {
	margin-top: 1.5em;
}

.box6 .atten li {
	margin-top: .3em;
	line-height: 1.5em;
}

.box6 .item table {
	margin-top: 30px;
	width: 100%;
	border-collapse: collapse;
}

.box6 .item table th,
.box6 .item table td {
	padding: .8em;
	border-bottom: 2px solid #fff;
}

.box6 .item table th {
	background-color: #f1f1f1;
	white-space: nowrap;
	font-weight: bold;
	width: 10%;
}

@media screen and (max-width: 767px) {
	.box6 {
		padding-top: 10vw;
		padding-bottom: 15vw;
	}

	.box6 .item {
		width: 100%;
		margin-top: 10vw;
	}

	.box6 .item h3 {
		font-size: 4.6vw;
	}

	.box6 .atten {
		font-size: 3.2vw;
		margin-top: 3em;
	}


	.box6 .item table {
		margin-top: 5vw;
	}

	.box6 .item table th,
	.box6 .item table td {
		font-size: 3.6vw;
	}
}


.box7 {
	padding-top: 70px;
	padding-bottom: 120px;
	border-bottom: 1px solid #cbcbcb;
}

.box7 .innr {
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	display: flex;
	justify-content: space-between;
}

.box7 .innr .item {
	width: 48.5%;
}

.box7 dl {
	margin-top: 30px;
}

.box7 dl dt {
	background-color: #f0f0f0;
	font-weight: bold;
	font-size: 18px;
	padding: .7em .8em;
	cursor: pointer;
	transition: .3s;
}

.box7 dl dt:hover {
	background-color: #ddd;
}

.box7 dl dt span {
	display: block;
	position: relative;
	padding-right: 2em;
	padding-left: 1.5em;
}

.box7 dl dt span::before {
	position: absolute;
	top: 0px;
	left: 0;
	content: "Q";
	margin-right: .5em;
}

.box7 dl dt span::after {
	position: absolute;
	top: 5px;
	right: 0;
	content: "\f067";
	font-family: FontAwesome;
}

.box7 dl dt.open span::after {
	content: "\f068";
	font-family: FontAwesome;
}

.box7 dl dd {
	font-size: 15px;
	line-height: 1.8em;
	margin-top: 1em;
	display: none;
}


@media screen and (max-width: 767px) {
	.box7 {
		padding-top: 10vw;
		padding-bottom: 15vw;
	}

	.box7 .innr {
		width: 100%;
		margin-top: 10vw;
		display: block;
	}

	.box7 .innr .item {
		width: 100%;
	}

	.box7 dl {
		margin-top: 4vw;
	}

	.box7 dl dt {
		font-size: 4vw;
	}

	.box7 dl dt span {
		display: block;
		position: relative;
		padding-right: 2em;
		padding-left: 1.5em;
	}

	.box7 dl dt span::after {
		top: 2vw;
	}


	.box7 dl dd {
		font-size: 3.4vw;
	}
}