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

  File name: modal.css (/excludes/css/p/rev/monitor/modal.css)
  Summary: 
  Created: 2019-00-00 by -
  Last update: 
  Author: -

  Order of description
------------------------------------*/




/*-------------------------
	modal
-------------------------*/
#cboxClose {
	width: 39px;
	height: 39px;
	background: url(../images/close.png) no-repeat center center;
	top: -45px;
}
#cboxClose:hover{background-position: center center;}
#cboxOverlay{
	background:#000;
}
#cboxContent,
#cboxLoadedContent {
	max-width: 880px;
	background: none;
}
#cboxContent {
	margin-top: 70px;
}
#cboxLoadedContent {
	overflow: hidden !important;
}
.modalWrap {
	display:none;
}

.modal {
	width: 712px;
	padding: 40px;
	background: #fff;
	overflow: hidden;
}
.modal .modal__ttl01 {
	margin: 0 0 2em;
	padding: 0.8em 0;
	border: 2px solid #003462;
	font-size: 26px;
	font-weight: bold;
	line-height: 1em;
	color: #003462;
}
#faq02.modal .modal__ttl01 {
	margin: 0 0 1em;
}
.modal .modal__ttl02 {
	padding: 0 50px 0.8em 60px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1em;
	color: #003462;
	text-align: left;
}
.modal .modal__ttl03 {
	padding: 1em 0 0.8em;
	font-size: 22px;
	font-weight: bold;
	line-height: 1em;
	color: #003462;
}
.modal .modal__ttl04 {
	padding: 1em 0 0.8em;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #003462;
	text-align: left;
}
.modal .modal__txt01 {
	padding: 0 50px 2em 60px;
	font-size: 18px;
	line-height: 1.6em;
	text-align: left;
}
.modal .modal__txt01 small {
	font-size: 16px;
	line-height: 1.6em;
}
.modal .modal__txt02 {
	padding: 0 0 1em;
	text-align: left;
}


.modal .modal__list {
	margin: 1.5em 0 0;
	padding: 0 0 1em;
	border-bottom: 1px dotted #D7DCE1;
	text-align: left;
}
#faq02.modal .modal__list {
	margin: 0;
	border-bottom: none;
}
.modal .modal__list li {
	list-style: disc outside;
	margin: 0 0 0 1.2em;
}
.modal table {
 width: 100%;
 margin: 0 0 10px;
 border: 1px solid #E1E4E9;
 border-collapse: collapse;
 font-size: 12px;
 text-align:center;
}
.modal table th,
.modal table td {
 padding: 8px 10px;
 border: 1px solid #E1E4E9;
}
.modal table th {
	padding: 12px 10px;
	color: #004C72;
	font-weight:bold;
	font-size:12px;
	background:#EDF2F8;
	text-align: center;
}
.modal table td {
	text-align: left;
}
.modal table td.ta-l{
	text-align:left;
}
.modal table td sup{
	font-size:10px;
	line-height:10px;
}
.modal table td .fz-s{
	display:block;
	font-size:10px;
}
.modal .sub-txt{
	margin-bottom:20px;
	font-size:12px;
	text-align:center;
}
.modal table td.bd-cut01{
	border-right:none;
}
.modal table td.bd-cut02{
	border-left:none;
}
.modal table td.bd-cut03{
	border-bottom:none;
	padding-bottom:0;
}
.modal table td.bd-cut04{
	border-top:none;
	padding-top:0;
}
.modal table td.w-fix01{
	width:70px;
}
.modal table td.w-fix02{
	width:50px;
}

.modal .modal__table__fL{
	width: 48%;
	float: left;
}
.modal .modal__table__fR{
	width: 48%;
	float: right;
}
.modal .modal__attention {
    padding: 5px;
    text-align: center;
    background: #e5e5e5;
}
.modal .modal__note {
    padding: 0 0 1em;
    text-align: right;
}
.modal .modal__table td img {
	margin: 5px 0 0;
}

.modal .modal__table:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.modal .modal__table {zoom:100%;}



/* ----------------------------------------------------------
smartphone
---------------------------------------------------------- */

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

#cboxClose {
	width: 8vw;
	height: 8vw;
	background-size: contain;
	top: -9vw;
}
#cboxContent,
#cboxLoadedContent {
	max-width: 100%;
}
#cboxContent {
	margin-top: 24vw;
}

.modal {
	width: 100%;
	padding: 7vw 5vw 2vw;
}
.modal .modal__ttl01 {
	margin: 0 0 1.3em;
	padding: 0.7em 0;
	border: 1px solid #003462;
	font-size: 4.5vw;
	letter-spacing: 0.1em;
}
#faq02.modal .modal__ttl01 {
	margin: 0 0 1.3em;
	letter-spacing: 0;
}
.modal .modal__ttl02 {
	padding: 0 0 0.8em;
	font-size: 4vw;
}
.modal .modal__ttl03 {
	font-size: 4vw;
}
.modal .modal__ttl04 {
	font-size: 3.9vw;
	line-height: 1.4em;
}
.modal .modal__txt01 {
	padding: 0 0 2em;
	font-size: 3.5vw;
}
.modal .modal__txt01 small {
	font-size: 3vw;
}
.modal .modal__txt02 {
	padding: 0 0 1em;
	font-size: 3.5vw;
	text-align: left;
}

.modal .modal__list {
	margin: 1em 0 0;
}
.modal .modal__list li {
	font-size: 3.5vw;
}
.modal table {
	margin: 0 0 3vw;
	font-size: 3vw;
}
.modal table th,
.modal table td {
	padding: 0.2em 0.5em;
	font-size: 3vw;
}
.modal table td sup{
	font-size:2vw;
	line-height:1em;
}
.modal table td .fz-s{
	font-size:2vw;
}
.modal .sub-txt{
	margin-top:0.5em;
	margin-bottom:0;
	font-size:3vw;
	line-height: 1.2em;
	text-align:left;
	display: inline-block;
}
.modal table td.w-fix01{
	width:auto;
}
.modal table td.w-fix02{
	width:auto;
}

.modal .modal__table__fL,
.modal .modal__table__fR{
	width: 100%;
	float: none;
}
.modal .modal__attention {
    padding: 5px;
    text-align: center;
    background: #e5e5e5;
}
.modal .modal__note {
    padding: 0;
    text-align: left;
}
#faq02.modal h3 {
    padding: 3vw 10% 0;
}
#faq02.modal h3 img,
.modal .modal__catch img {
	width: 100%;
	height: auto;
}

}