@charset "UTF-8";

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

CSSの名前：paid.css 

--------------------------------------------------------------------------

Paid用スタイル

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

/* =========▽crearFix========= */
div:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.flex{display:flex;}

/* For modern browsers */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
/* For IE 6/7 only */
.cf {
    *zoom: 1;
}


/* =========△crearFix========= */
#jsContents{font-family: sans-serif!important;background: #f1f4f8;padding:0 0 50px;}

#jsContents h1{margin:0 0 15px 0;	padding:30px 0 0 0;}
#jsContents h2{font-size:3.2em!important;font-weight: 700;}
#jsContents h3{position: relative;text-align: center;font-size:3.2em;clear:both;line-height:2.4em;margin:20px 80px 20px!important;font-weight: 600;}
#jsContents h3 span{position: relative;z-index: 2;display: inline-block;margin: 0 4em;text-align: left;background: #FFF;padding:10px 10px 0 10px;height:60px;}
#jsContents h3::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #444;}

#jsContents p{font-size:16px;line-height:1.5em;}
#jsContents p+p{margin-top:10px; }
#jsContents .small{font-size:14px!important;	}	
#jsContents .note{font-size:14px!important;}
#jsContents .big{font-size:20px;}
#jsContents .red{color:#CC0000;}
#jsContents img{vertical-align: bottom;}

.wBase{width:100%;background: #fff;padding:50px 0 50px;}
.wBase .readTxt{width:820px!important;text-align:left;}

.paidInner{width: 1095px!important;margin:0 auto;font-size:62.5%!important;margin-bottom: 80px;}

.readTxt{width:850px!important; margin:20px auto 40px;padding:0; text-align:center;}

.wBg{display: block; width:1055px; border-radius: 10px;padding:20px 25px 30px!important;margin: 0 auto 50px!important;background: #FFF;text-align: left;box-sizing: border-box;}

.flowBox{width:315px;height:360px;border:2px solid #00ac97;box-sizing: border-box;padding:180px 10px 10px;border-radius: 8px;margin: 0 10px 40px;}
.bg01{background: url("../images/detail/paid/circle01.png")no-repeat center 20px;}
.bg02{background: url("../images/detail/paid/circle02.png")no-repeat center 20px;}
.bg03{background: url("../images/detail/paid/circle03.png")no-repeat center 20px;}
.flowBox h4{text-align: center;color:#0a7d6f;margin-bottom: 5px;font-size: 1.9em;font-weight: 600;}


.gBg{background: #ebf9f0;width:850px;margin:10px auto 0;padding:40px;text-align: center;border-radius: 8px;}

.flowTable{width:900px!important;margin: 50px auto;}
.flowTable h4{font-size: 23px;font-weight: 600;}
.flowTable th{padding:0 20px 0 0;vertical-align: top;}
.flowTable td{padding:15px 0 15px 0;font-size:16px;}

.jyoukenTable{width:900px!important;margin: 30px auto!important;}
.jyoukenTable th,.jyoukenTable td{border:1px solid #999;padding:5px 0;text-align: center;font-size: 16px;}
.jyoukenTable th{background: #ebf9f0;width:50%;font-weight: bold;}

.tourokuTbl{width: 100%;}
.tourokuTbl th,.tourokuTbl td{border:1px solid #999;padding:3px 5px;font-size: 14px;}
.tourokuTbl th{background: #048071;color:#fff;text-align: center;}
.tourokuTbl td.midashi{background: #ebf9f0;text-align: center;}
.toiawaseBtn{width: 350px;margin: 10px auto 30px;border:2px solid #1e2faf;background:#1e2faf;color:#fff;font-size:18px;font-weight: bold;text-align: center;padding: 5px;border-radius: 8px;}
.toiawaseBtn:hover{background: #85cbff;color:#1e2faf;}

/* 注意書き
-------------------------------------------------------------*/		
#jsContents ul.notice{width:800px;margin:10px auto 50px;text-align: left;}
#jsContents ul.notice li{margin:5px 0 0;font-size:16px;line-height:1.4em;list-style-type:none;text-indent: -1em;}
#jsContents ul.notice li:before {display: inline;	font-weight:bold;content: "※";}	


/* 問い合わせ
-------------------------------------------------------------*/		
.grnBox{width:900px;background: #fff;border:4px solid #00ac97;border-radius: 8px;padding:20px 0;margin:40px auto 0;}
.grnBox .imgBox{width:200px;text-align: center;}
.txtBox{width:700px;text-align: center;font-size:1.6em;}
.txtBox h5{font-size:1.4em;font-weight: bold;}
a:hover{text-decoration: none!important;}
.btnToiawase{width:300px;margin:20px auto 0;background: #00ac97;color:#fff;padding:10px;border-radius:8px;border:2px solid #00ac97;}
a:hover .btnToiawase{background: #fff;color:#00ac97;}