/* CSS Document */

.clear{ clear:both;}
img { border:0;}

#sf-test{ width:980px; margin:0 auto; padding:0 auto; font-size:16px; line-height:140%; color:#454545;}
#sf-test,#sf-test th,#sf-test td{font-family: -apple-system, BlinkMacSystemFont, "Nunito Sans", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}
/* IE8〜11はメイリオ */
@media screen\0 {
#sf-test {
    font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  }
}

#sf-test a{ text-decoration:none; color:#006699;}
#sf-test a:hover{ text-decoration:underline; color:#006699;}
#sf-test .header{ margin-bottom:15px;}
#sf-test .header h1 {color:#fff;
padding:30px 1em ;font-size: 28px;line-height: 150%;font-weight: 600;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 0%, #45484d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 0%,#45484d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 0%,#45484d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=1 ); /* IE6-9 */
}
#sf-test .main_img{ margin:0px auto 20px; padding: 0 auto;text-align:center;width: 100%;}
#sf-test .main_img img{ width: 100%; height: auto;}

#sf-test .wrap{ width:90%; margin:0 auto; padding:0 auto;text-align:left;}
#sf-test p{ padding:0; margin:10px 0 15px;line-height: 150%;}

#sf-test p.lead {font-size: 28px;color:#1672d0;font-weight:600;margin-bottom: 1em;}
#sf-test p.caption{ padding:0; margin:0;line-height: 150%;font-size: 90%;}
#sf-test p.important-text {font-weight:900;margin-top: 2em;margin-bottom: 2em;}

#sf-test .wrap h3{font-size:24px;font-weight: 600;margin: 1em auto 0.5em;}
#sf-test .wrap table{ width:100%; margin:0px auto 30px auto; border:#B3B3B3 1px solid; border-collapse:collapse;}
#sf-test .wrap table th{ border:#B3B3B3 1px solid; background:#F2F2F2; padding:7px 10px;width: 25%;line-height: 150%;font-weight:600;}
#sf-test .wrap table td{ border:#B3B3B3 1px solid; padding:7px 10px;line-height: 150%;}
#sf-test .wrap table td strong {font-weight: 600;}
#sf-test .wrap table td table.lounge {margin-top : 10px;margin-bottom: 10px;}
.lounge th,.lounge td { font-size: 0.9em; text-align:center;}
.lounge th p,.lounge td p{ margin: 0;}

.close {background: #ccc;}

#sf-test .btn-form a{
display:block;
margin: 40px auto;
padding-top: 20px;
padding-bottom: 20px;
border-radius:10px;
background:url(../img/btn_icon.png) no-repeat #1672d0 15px center/24px ;
width: 480px;
	font-size: 24px;
	color:#fff;
	font-weight: 600;
}

#sf-test .btn-form_close{
display:block;
margin: 40px auto;
padding-top: 20px;
padding-bottom: 20px;
border-radius:10px;
background:url(../img/btn_icon.png) no-repeat #999 15px center/24px ;
width: 480px;
	font-size: 24px;
	color:#fff;
	font-weight: 600;
}


#sf-test .btn-form a:hover,#sf-test .btn-form_b a:hover{opacity: 0.7;text-decoration:none;}

#sf-test p.note{ font-size:12px; border-top:#CCC 1px solid; padding:10px 0 0 0; margin:20px 0 0;}

.bold {
	font-weight: bold;
}

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.sp {display:none;}