@charset "UTF-8";
/*===============================================
  reset
===============================================*/
*{margin:0; padding:0; color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0;  padding:0; border:none; font-style:normal; font-weight:normal;  font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}
/*===============================================
  a,text
===============================================*/
a:hover{text-decoration:underline;}
a{text-decoration:none; color:#1800ff;}
/*=============================================== 
  base
===============================================*/
html,body{height:100%; background: #E2F5F7;}
/*===============================================
  font
===============================================*/
body{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input,textarea,select{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px;}
/* for IE6 */
* html body{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
/*===============================================
  font-size
===============================================*/
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f34{font-size:34px !important;}
/*===============================================
  float
===============================================*/
.left{float: left;}
.right{float: right;}
.clear{clear:both !important;}
/*===============================================
  margine
===============================================*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb80{margin-bottom:80px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
/*===============================================
  padding
===============================================*/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}
/*===============================================
  align
===============================================*/
.center{text-align:center !important; margin: 0 auto !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}
/*===============================================
  他span
===============================================*/
.underL{text-decoration:underline !important;}
.displayN{display:none !important;}
.bold{font-weight:bold !important;}
.strong-txt{font-weight: bold; padding:3px; background: #FFF9AE; margin: 0 2px;}
/*===============================================
  color
===============================================*/
.red01{color:#F00 !important;}
.red02{color:#e83838 !important;}
.red03{color:#DF3737 !important;}
.green01{color:#339900 !important;}
.blue01{color:#0000CC !important;}
.blue02{color:#2d6fab !important;}
.white{color:#FFF !important;}
.gray{color:#666 !important;}
.pink{color: #ff3034 !important;}
.epired{color: #EC383C !important;}
.marker{background-color: #ff0 !important; padding: 5px;}
/*===============================================
  cFix
===============================================*/
/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px;}

.inner-wrap {
  width: 1080px; padding: 50px; background: #fff;
  margin: auto; }

.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cFix {height:1%;}
.cFix {display:block;}

/*-------▼　メイン　▼-------*/
/*#mainBG{background: url(../img/main_bg.jpg) repeat-x center center; min-height: 300px; 
border-bottom: #4ECED8 5px solid; width: 100%; margin-bottom: 80px;}
#mainBG_in{width: 1000px; margin:0 auto; text-align: right; display: block; clear: both; position: relative; min-height: 300px;}
#mainBG_in img{ position: absolute; right: 0; bottom: 0; }
*/

section img{width: 30%;}
section {margin-bottom: 50px;}

/*-------▼　h1ビジュアル　▼-------*/
/*.article h1 {
  overflow: hidden; font-weight: bold;
  text-align: center;
  font-size: 2.8rem;
  padding: 100px 0;
  width: 1000px; }*/

.article p {
  margin-bottom: 30px;
  line-height: 2; }

/*-------▲　h1ビジュアル　▲-------*/


.section-box h1 {color: #364e96; padding: 0.5rem 0 1.2rem; border-top: solid 3px #364e96; border-bottom: solid 3px #364e96; text-align: center; font-weight: bold;
 font-size: 2rem; margin-bottom: 30px; line-height: 1.5rem; background: #FFF7C7;}
.h1_read{color: #364e96; font-size: 1.2rem; line-height: 2.5rem;}

.simulation table { width: 100%; border-collapse: collapse; }
.simulation .in-yen::after { background: #fff; border: 2px solid #ee783a; opacity: 0; position: absolute;
 bottom: -35px; left: -70px; padding: 5px 20px; border-radius: 10px; z-index: 10; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.simulation .simulation .in-yen.few::after { opacity: 1; -webkit-transition: .3s; -o-transition: .3s;  transition: .3s; }
.simulation .calculation { position: relative; }
.simulation .calculation::after {
  content: "未入力欄を記入してください。"; position: absolute; top: -30px; left: 0; color: red; font-size: 14px;
   right: 0; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.simulation .calculation.notyet::after { opacity: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.simulation .calculation:focus { outline: none; }
.simulation .input-yen , .simulation .input-yen2 , .simulation .input-yen3 , .simulation .input-yen4 , .simulation .input-yen5 , .simulation .input-yen6 ,.simulation .input-yen7 {
 width: 50%; height: 40px; font-size: 1rem; padding: 0 0 0 10px; margin-right: 10px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 1px 2px gray;}
.simulation .input-card , .simulation .input-card2 , .simulation .input-card3 , .simulation .input-card4 , .simulation .input-card5 , .simulation .input-card6 ,.simulation .input-card7 {
 width: 60%; height: 40px; font-size: 1rem; padding: 0 0 0 10px; margin-right: 10px; border: 1px solid #0daeff; background: white; border-radius: 5px;
box-shadow: 0px 1px 2px gray;}
.simulation .input-interest { width: 70%; padding: 0 0 0 10px; margin-right: 10px; }
.simulation .calculation {  text-align: center;  margin: 50px 0 20px; }
.simulation .calculation button {border: none; margin: auto; font-size: 1.4rem; border-radius: 50px; width: 40%;}
.simulation .calculation button a{ padding: 20px 50px; background: #1E52AF; color: #fff; font-size: 1.5rem; border-radius: 50px; letter-spacing: 3px; font-weight: bold;
display: block; box-shadow: 0px 3px 3px gray; width: 100%; text-decoration: none;}
.simulation .calculation button:hover {filter:alpha(opacity=70);  -moz-opacity: 0.7;  opacity: 0.7;}
.simulation .input-area th { background: #00aabb; color: #fff; font-weight: normal; text-align: center; font-size: 1.2rem; line-height: 1.4rem;
 padding: 10px 0; border-radius: 8px; border-left: 1px solid #fff; }
.simulation .input-area td {  background: #f8f8f8;  text-align: center;  padding: 10px 0;  border-left: 1px solid #fff; }
.simulation .td1 {  background: #FFD7D7 !important;}
.simulation .reference th { background: #1facc5; color: #fff; font-weight: normal; text-align: center; padding: 10px 0; border-left: 1px solid #fff; }
.simulation .reference td {  background: #f8f8f8;  padding: 10px;  border-left: 1px solid #fff; }
.simulation-result {  margin-top: 30px; }
.simulation-result table{  margin-bottom: 20px; }
.simulation-result th.caption1 {  background: #bbb;  color: #fff;  text-align: left;  padding: 10px 20px; }
.simulation-result th.caption {  background: #3C60A0;  color: #fff;  text-align: left;  border-radius: 8px;  padding: 20px; font-size: 1.4rem;}
.simulation-result th.monthly {  font-weight: bold; }
.simulation-result td.monthly {  font-weight: bold; }
.simulation-result th { font-weight: normal; padding: 10px; background: #fff; text-align: center; padding: 20px 0; font-size: 1.1rem; border-bottom: 1px solid #ccc;}
.simulation-result td { padding: 10px; background: #fff; text-align: center; font-size: 1rem; padding: 20px 0; border-bottom: 1px solid #ccc; }
.simulation-result .saiInput{ padding: 10px; background: #eee; color: #333; border: none; margin: 0 auto 10px; font-size: 1.2rem; border-radius: 50px; width: 30%;
box-shadow: 0px 3px 3px gray; border: 1px solid #aaa; display: block;}

/*お問い合わせフォーム*/
.simulation-form {  margin-top: 30px; }
.simulation-form table{  margin-bottom: 20px; }
.simulation-form th.caption1 { background: #bbb; color: #fff; text-align: left; padding: 10px 20px; }
.simulation-form th.caption { background: #57BBD2; color: #fff; text-align: left; border-radius: 8px; padding: 20px; font-size: 1.4rem; letter-spacing: 1px;}
.simulation-form th.monthly { font-weight: bold; }
.simulation-form th { font-weight: normal; padding: 10px; background: #F8FEFF; text-align: center; padding: 20px 0; font-size: 1.2rem;
 border-bottom: 1px solid #ccc; font-weight: bold; width: 30%;}
.simulation-form td { padding: 10px; background: #F8FEFF; text-align: left; color: #f00; font-size: 1.0rem; padding: 20px; border-bottom: 1px solid #ccc;}
.simulation-form .form-size01{padding: 5px; font-size: 1rem; width: 50%; height: 40px;}
.simulation-form .form-size02{padding: 5px; font-size: 1rem; width: 70%; height: 40px;}
.simulation-form .form-size03{padding: 5px; font-size: 1rem; width: 100%; height: 200px;}
.simulation-form p{margin:0 !important;}

/*確認フォーム*/
.simulation-form2 {  margin-top: 30px; }
.simulation-form2 table{  margin-bottom: 20px; }
.simulation-form2 th.caption1 { background: #bbb; color: #fff; text-align: left; padding: 10px 20px; }
.simulation-form2 th.caption { background: #57BBD2; color: #fff; text-align: left; border-radius: 8px; padding: 20px; font-size: 1.4rem; letter-spacing: 1px;}
.simulation-form2 th.monthly { font-weight: bold; }
.simulation-form2 th { font-weight: normal; padding: 10px; background: #F8FEFF; text-align: center; padding: 20px 0; font-size: 1.2rem;
 border-bottom: 1px solid #ccc; font-weight: bold; width: 30%;}
.simulation-form2 td { padding: 10px; background: #F8FEFF; text-align: left; color: #000; font-size: 1.0rem; padding: 20px; border-bottom: 1px solid #ccc;}
.simulation-form2 .form-size01{padding: 5px; font-size: 1rem; width: 50%; height: 40px;}
.simulation-form2 .form-size02{padding: 5px; font-size: 1rem; width: 70%; height: 40px;}
.simulation-form2 .form-size03{padding: 5px; font-size: 1rem; width: 100%; height: 200px;}
.simulation-form2 p{margin:0 !important;}


/*確認画面*/
.pageback{ padding: 10px; background: #eee; color: #333; border: none; margin: 0 auto 10px; font-size: 1.2rem; border-radius: 50px; width: 30%;
box-shadow: 0px 3px 3px gray; border: 1px solid #aaa; display: block;}
h2 {background: #57BBD2; font-size: 1.4rem; text-align: center; color: white; font-weight: bold; padding: 20px; margin-bottom: 20px; }
.error_messe{font-weight: bold; font-size: 1.2rem; color: red; padding: 20px; border: 1px solid #ddd; border-radius: 20px; text-align: center;}
.pagenext{ padding: 20px 50px; background: #1E52AF; color: #fff; border: none;
 margin: 0 auto 20px; font-size: 1.4rem; border-radius: 50px; width: 40%; box-shadow: 0px 3px 3px gray;}
h3{background: #FEFFD9; text-align: center; font-weight: bold; padding: 10px; font-size: 1rem; margin: 20px 0;}



/*フォーム*/
.simulation-form input,.simulation-form select,.simulation-form textarea{
  margin: 0 0 10px; max-width: 100%; padding: .2em; border: 1px solid #ddd; border-radius: 4px; background-color: #fff;font-size: 1em;}
.simulation-form p{margin-bottom: 0 !important;}
.label input{width: 5% !important; margin-left: 10px;}
#formWrap .submit{ padding: 20px; font-size: 1.2rem; color: white; background: #17bbc8; margin:20px auto; border: none; width: 60%; font-weight: bold; border-radius: 50px;}
#formWrap .submit:hover{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

.annotation { margin: 0 0 50px 0; padding: 20px; background: #FFF7C7; border-radius: 20px;}
.annotation li { font-size: 1rem; }
.annotation li::before { content: "※"; }

.simulation-result { display: none;  overflow: hidden; }
.simulation-form { display: none;  overflow: hidden; }

.red {  color: red; }
.block {  display: block; }

.confirm .expansion-button,
.confirm .expansion-button2,
.confirm .apply,
.note,
.confirm .personally textarea,
.confirm .personally .mwform-checkbox-field-text,
.confirm .personally h2,
.confirm .agree-check,
.show-hide,
.confirm .ng {  display: none; }
.confirm .show-hide {  display: inline; }
.apply-form.confirm .agree-button {  padding: 0; }
.apply-form.confirm .agree-button .submit {  margin: 0px 0 50px 0; }
.confirm .note {  display: block; }
.complete #mw_wp_form_mw-wp-form-848 {  text-align: center;  font-size: 1.1rem; }
.article.complete h1 {  padding: 30px 0; }
.mw_wp_form .questionnaire .horizontal-item + .horizontal-item,
.mw_wp_form .questionnaire .mwform-checkbox-field.horizontal-item {  margin-left: 0;  margin-bottom: 10px;  width: 30%; }

.cFix {display:block;}
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cFix {height:1%;}
.sp{display:none;}
.pc{ display: inline;}
li{list-style:none;}

.bunner img{width: 690px;}
.bunner img:hover  {filter:alpha(opacity=70);  -moz-opacity: 0.7;  opacity: 0.7;}

footer{background: #eee;}
.copyright{width: 980px; margin: 0 auto; padding: 20px 0; text-align: right; font-size: 0.8rem;;}

.CV_box{margin: 50px 0; border: #F27979 3px solid; border-radius: 10px;}
.CV_text{background: white; padding: 20px; margin:0 !important; border-radius: 10px; }
.CV_title{ text-align: center; font-weight: bold; color: white; padding: 20; font-size: 1.5rem; margin:0 !important; background: #F27979;}
.CV_left ,.CV_right {width: 50%; padding: 0; border-radius: 10px; padding: 0 20px 20px;}
.CV_left{float: left; padding-right: 10px;}
.CV_right{float: right; padding-left: 10px;}
.CV_box img{width: 100%; margin:0 auto; text-align: center;} 
.CV_box a{text-align: center; margin:0 auto; display: block;}
.CV_box a:hover  {filter:alpha(opacity=70);  -moz-opacity: 0.7;  opacity: 0.7;}

.outputcard1{display: none;}
.outputcard1{display: none;}


/*送信画面*/
.mail_point{border: 1px solid #364e96; padding: 20px; width: 100%; margin: 20px 0;}
.mail_point p{margin: 0;}

@media screen and (max-width: 640px) {
  .sp{ display: block;}
  .pc{ display: none;}
  body{width: 100%}
  article{width: 100%;}
  main{margin-bottom: 0;}
  section img{width: 50%; }

  #mainBG{ margin-bottom: 0;}
  #mainBG_in img{ position: absolute;  bottom: 0; width: 50%; }
  #main{width: 100%;}
  .inner-wrap{width: 100%; padding: 10px;}
  #mainBG_in{width: 100%;}
  .section-box h1{font-size: 1.5rem; line-height: 2rem;}
  .h1_read{font-size: 1rem;}
  .in-yen{margin-bottom: 10px;}
  .simulation .calculation button{width: 80%;}
  .simulation .input-area td{width: 50%;}
  .simulation .input-yen , .simulation .input-yen2 , .simulation .input-yen3 , .simulation .input-yen4 ,
  .simulation .input-yen5 , .simulation .input-yen6 ,.simulation .input-yen7 {
    width: 60%;  height: 30px;  font-size: 1rem; margin:0; border: 1px solid #ccc; border-radius: 5px; padding: 0;}
  .simulation .input-card , .simulation .input-card2 , .simulation .input-card3 , .simulation .input-card4 ,
  .simulation .input-card5 , .simulation .input-card6 ,.simulation .input-card7 {
    width: 80%;  height: 30px;  font-size: 1rem; margin:0; border: 1px solid #ccc; background: white; padding: 0;}
  .simulation .calculation{margin-bottom: 100px;}  
    /*追尾ボタン*/
  .tsuibi{width: 100%; position: fixed; bottom:0; z-index: 99; left: 0; background: #aaa; }
  .tsuibi img{width: 100%;}
  .tsuibi_tel{float: left; width: 50%;}
  .tsuibi_mail{float: right; width: 50%;}
  .copyright{width: 100%; text-align: center;}

  .CV_left , .CV_right{float: none; width: 100%; padding: 10px;}
  .simulation-result td{ width: 60%; }
  .simulation-result th{ width: 40%; }
  .simulation-form .form-size01{width: 100%;}
  .simulation-form .form-size02{width: 100%;}
  .simulation-result .saiInput{ width: 50%;}
  .error_messe{padding: 10px;}
  .pageback{width: 60%;}
  .pagenext{width: 80%;}
  .simulation .calculation button a{ padding: 20px 50px; background: #1E52AF; color: #fff; font-size: 1.4rem; border-radius: 50px;
display: block; box-shadow: 0px 3px 3px gray; width: 100%; text-decoration: none;}

  .simulation-form th { padding: 10px; padding: 20px 0 10px; font-size: 1.2rem; border-bottom: none; width: 100%; display: block;}
  .simulation-form td { padding: 10px; padding: 10px; width: 100%; display: block;}

}