@charset "UTF-8";

body {
  margin:0;
  padding:0;
  color:#000;
  width:100%;
  line-height:normal;
  letter-spacing:normal;
  text-align:justify;
  font-size:10.5pt;
  font-family: Verdana,'メイリオ','ＭＳ Ｐゴシック',sans-serif,'Hiragino Kaku Gothic ProN', Meiryo;
  position:relative;
  background:#fff;
}

p,li{
  font-size:16px;
  line-height:24px;
  text-align:left;
}

/* ここからモーダル */

#header .repayment .modal-open {
  color: #245dff;
  font-size: 13px;
  text-decoration: underline;
  background: none;
  position: absolute;
  top: -12px;
  right: 15px;
}

#footer .repayment .modal-open{
  color: #fff;
  font-size:15px;
  text-decoration: underline;
  background-color: #245dff;
  border-radius: 5px;
  padding: 5px 10px;
}

#repayment_modal h2 {
  font-size: 24px;
}

#repayment_modal li {
  border-top: 2px solid #000;
  padding-top: 5px;
  margin-top: 10px;
}

#repayment_modal li h3 {
  font-weight: bold;
  margin-bottom: 5px;
}

#repayment_modal li:nth-of-type(5) p {
  text-indent: -2em;
  padding-left: 2em;
}

#repayment_modal .modal-close {
  display: block;
  text-align: center;
  margin-top: 35px;
}

.lock {
  overflow:hidden;
}
.modal-overlay {
  z-index:9998;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.75);
}
.modal-wrap {
  z-index:9999;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}
/*---モーダルの中身---*/
.modal-content{
  display: none;
  position: absolute;
  z-index: 999999;
  width:960px;
  padding: 40px 50px 20px;
  background:#fff;
}
.modal-content .demo{
  font-size: 15px;
  line-height: 1.5;
}
.modal-content .close{
  margin-top: 20px;
  font-size: 20px;
  text-align: center;
}
/* ここまでモーダル */

/*--------------------
ヘッダーエリア
--------------------*/

#header{
  background:#fff;
  height:59px;
  padding:14px 0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}

.inner{
  margin-left:auto;
  margin-right:auto;
  width:950px;
  position: relative;
}

.cont_inner{
  margin:0 auto;
  width:860px;
}

h1 a,
#tel_area,
#info_button a{
  float:left;
  background:url(../img/kaiho_bg.png) no-repeat;
}

h1 a,
#tel_area,
#info_button a{
  display:block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

h1 a:hover,
#info_button a:hover,
a.free_info:hover,
.bl_fv_form_btn:hover{
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

h1 a{
  width:243px;
  height:58px;
  background-position:0px 0px;
}

#tel_area{
  width:262px;
  height:51px;
  margin:0 0 0 145px;
  font-size:30px;
  background-position:0px -78px;
}

#tel_area span{font-size:16px;}

#info_button a{
  width:276px;
  height:63px;
  background-position: -262px -70px;
  padding: 12px 0 0px;
  margin: -2px 0 0 15px;
}

.image_center{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/*--------------------
ファーストビュー
--------------------*/
#fv_cont{
  background-image: url(../img/fv_bg_concentrated.png), url(../img/fv_bg02.png);
  background-repeat: no-repeat, repeat-x;
  background-position: center;
  padding-bottom: 40px;
  margin:87px 0 45px;
}

#fv_cont h2 {
  text-align: center;
  padding: 45px 0 25px;
}

#fv_cont .fv_inner {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#fv_cont .fv_inner .fv_form {
  background: #b7e1f9;
  border: 4px solid #6f96cf;
  padding: 15px 20px;
  margin-left: 10px;
}

#fv_cont .fv_inner .fv_form p {
  text-align: center;
  margin-bottom: 15px;
}

#fv_cont .fv_inner .fv_form dl + dl {
  margin-top: 15px;
}

#fv_cont .fv_inner .fv_form dt {
  font-size: 15px;
  text-align: left;
  margin-bottom: 3px;
}

#fv_cont .fv_inner .fv_form dd input {
  width: 300px;
  height: 46px;
  padding: 0 5px;
}

#fv_cont .fv_inner .fv_form .agree {
  display: table;
  position: relative;
  margin-bottom: 30px;
}

#fv_cont .fv_inner .fv_form .agree p {
  width: 235px;
  font-size: 15px;
  position: absolute;
  top: 5px;
  left: 55px;
}

#fv_cont .fv_inner .fv_form .agree span {
  border-bottom: 1px solid #475963;
  cursor: pointer;
}

#fv_cont .fv_inner .fv_form .agree input[type=checkbox] {
  opacity: 0;
}

#fv_cont .fv_inner .fv_form .agree input[type=checkbox] + label {
  cursor: pointer;
  display: block;
  font-size: 15px;
  color: #000;
  width: 100%;
  position: relative;
  user-select: none;
  transition: 0.2s;
  margin-left: 40px;
}

.agree input[type=checkbox] + label::before {
  content: "";
  background: #fff;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -13px;
  top: 50%;
  margin-top: -8px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.agree input[type=checkbox] + label::after {
  content: "";
  border-right: 3px solid #ff7139;
  border-bottom: 3px solid #ff7139;
  display: block;
  opacity: 0;
  width: 6px;
  height: 9px;
  position: absolute;
  left: -9px;
  top: 50%;
  margin-top: -8px;
  transform: rotate(45deg);
  transition: 0.2s;
}

.agree input[type=checkbox]:checked + label::after {
  opacity: 1;
}

.bl_fv_form_btn {
  background: url(../img/fv_form_button.png) no-repeat;
  display: block;
  width: 286px;
  height: 80px;
  margin: 0 auto;
  border: none;
  cursor: pointer;
}

#policy_modal {
  width: 278px;
  background: #fff;
  padding: 40px 33px 20px;
}

#policy_modal p:first-child {
  font-size: 18px;
  font-weight: bold;
  text-align: left !important;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#policy_modal li {
  font-size: 16px;
  margin-bottom: 10px;
}

#policy_modal p.modal-close {
  width: 70px;
  color: #000;
  border-bottom: 1px solid #000;
  margin: 40px auto 0;
  cursor: pointer;
}

.formError .formErrorContent {
  width: 100%;
  background: #be2222;
  position: relative;
  color: #fff;
  cursor: pointer;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  z-index: 991;
}

.formError.agreeformError {
  position: relative !important;
  top: 7px !important;
  left: 0 !important;
  right: -271px !important;
}

#plus_cont01{
  width:822px;
  padding:0 40px;
  margin:10px auto 45px;
}

#plus_cont01 p.bikou{
  text-align:right;
  font-size:12px;
  line-height:20px;
  margin-bottom: 10px;
}

#plus_cont01 dl{
  border:1px solid #afafaf;
  background:#fff;
  padding:4px;
  display:inline-block;
  vertical-align:bottom;
  width:814px;
  margin:2px 0 5px;
}

#plus_cont01 dt{
  background:#b7e1f9;
  padding:10px 0;
  text-align:center;
  width:135px;
  font-weight:700;
  font-size:18px;
  line-height:30px;
  margin:0 10px 0 0;
  float:left;
}

#plus_cont01 dd{
  font-size:14px;
  line-height:22px;
}

#plus_cont01 .big_title{
  line-height:50px;
}

#movie_box{
  width:744px;
  height:613px;
  box-sizing: border-box;
  padding:120px 48px 0 75px;
  margin:15px auto 0;
  background:url(../img/movie_box.png) no-repeat top center/744px auto;
}

#movie_box p{
  font-size:15px;
  line-height:22px;
  margin:0 0 20px;
}

#renew{
  background:url(../img/new_cont_bg02.png) no-repeat;
  width:312px;
  height:88px;
  margin:45px auto 0;
  font-size:16px;
  line-height:24px;
  padding:195px 480px 0 110px;
}

.space01{
  margin-bottom:65px;
}

#c_voice{
  width:100%;
  background:url(../img/syouhyou_bg.png) repeat-x top #fff;
  margin:60px 0 40px;
  padding:75px 0 0 ;
}

/*--------------------
無料相談フォーム
--------------------*/

.info_area{
  height:179px;
  background:url(../img/info_area_bg.png) no-repeat;
  padding:175px 0 0 0;
}

a.free_info{
  width:698px;
  height:135px;
  background:url(../img/info_free.png) no-repeat;
  display:block;
  margin:0 auto;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

/*--------------------
コンテンツ01
--------------------*/

div#benrishi{
  width:563px;
  height:395px;
  padding:40px 430px 0 0;
  margin:0 auto 65px auto;
  background:url(../img/benrishi_bg.png) #fff no-repeat top;
}

h2#benrishi_midashi{
  width:1000px;
  height:60px;
  background:url(../img/h2_benrishi.png) no-repeat left;
  margin:70px 0 0 0;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

div#benrishi p{
  font-size:16px;
  line-height:24px;
}

.section2{
  margin:125px 0 25px 0;
}

div#benrishi h3{
  font-size:19px;
  margin:0 0 5px 0;
}

.img_wrap_01{
  width:100%;
  height:198px;
  display:block;
  margin:0 auto;
  background:url(../img/img_bg.png) repeat;
}

.img_wrap_01 img{
  width:786px;
  height:140px;
  margin:0 auto;
  display:block;
  padding:31px 0 0 0;
}

#saiyasu,
#tsuikanashi{
  width:351px;
  height:95px;
  padding:145px 30px 0 30px;
  float:left;
  margin-top:30px;
  margin-bottom:30px;
}

#tsuikanashi_desc{padding:0 40px;}

#tsuikanashi_desc span{
  font-size:14px;
  display:block;
}

#saiyasu{
  margin-right:30px;
  margin-left:45px;
  background:url(../img/saiyasu_bg.png) no-repeat top;
}

#saiyasu p,
#tsuikanashi p{
  font-size:15px;
  line-height:22px;
}

#tsuikanashi{
  margin-right:45px;
  background:url(../img/tsuikanashi_bg.png) no-repeat top;
}

h2#syouhyou{
  width:887px;
  height:57px;
  background:url(../img/h2_syouhyou.png) no-repeat left;
  margin:35px auto 30px auto;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

.hiyou_table{
  width:823px;
  display:block;
  margin:0 auto 45px auto;
}

.hiyou_table p{
  font-size:14px;
  line-height:22px;
  margin:10px 0 0 0;
}

#cashback{
  width:802px;
  height:102px;
  margin:55px auto;
  padding:290px 80px 0 80px;
  background:url(../img/cashback_bg02.png) no-repeat left;
}

#speed_eigyou{
  width:855px;
  height:100px;
  margin:50px auto 50px auto;
  padding:240px 0 0 0;
  background:url(../img/1eigyou.png) no-repeat center top;
}

.step01,
.step02,
.step03{
  width:276px;
  height:70px;
  padding:140px 20px 0 20px;
  background:url(../img/speed_step_bg.png) no-repeat;
  float:left;
}

#speed_step{height:210px;}

.step01{
  background-position:0px 0px;
}

.step02{
  background-position:-320px 0px;
}

.step03{
  background-position:-640px 0px;
}

h2#soukishinsa{
  width:887px;
  height:57px;
  background:url(../img/h2_soukishinsa.png) no-repeat;
  margin:50px auto 30px auto;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

.b_margin{
  margin:0 0 75px 0;
}

#cloud_kanri{
  width:525px;
  height:72px;
  margin:40px auto 40px auto;
  padding:90px 370px 0 55px;
  background:url(../img/cloud_kanri_bg.png) no-repeat center top;
}

#kigen_kanri{
  width:509px;
  height:90px;
  margin:40px auto 60px auto;
  padding:370px 397px 0 45px;
  background:url(../img/kigen_kanri_bg.png) no-repeat center top;
}

#kigen_kanri p{
  font-size:15px;
  line-height:22px;
}

h2#tyuuto{
  width:887px;
  height:57px;
  background:url(../img/h2_tyuuto.png) no-repeat;
  margin:50px auto 30px auto;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

span.small{
  font-size:15px;
}

#tyuuto_wrap{
  width:395px;
  height:84px;
  margin:0 auto 70px auto;
  padding:35px 473px 0 0;
  background:url(../img/tyuuto_wrap_bg.png) no-repeat center top / contain;
  position: relative;
}
#tyuuto_wrap .annotation {
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: -30px;
}

#syouhyou_wrap{
  width:100%;
  background:url(../img/syouhyou_bg.png) repeat-x top #fff;
  margin:50px 0 110px 0;
  padding:75px 0 0 ;
}

#syouhyou_wrap h2{
  width:311px;
  height:43px;
  background:url(../img/h2_syougyou.png) no-repeat;
  margin:0 auto 80px auto;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

#syouhyou_nagare li{
  margin:0 auto;
  display:block;
  line-height:22px;
  text-align:left;
}

#syouhyou_nagare li span{
  margin:16px 0 0 0;
  padding:18px 20px;
  font-size:15px;
  display:inline-block;
  vertical-align:bottom;
  border:1px solid #3d8fff;
}

.syouhyou_step01{
  background:url(../img/s_step01.png) no-repeat;
  width:525px;
  padding:35px 20px 0 270px;
  height:285px;
}

.syouhyou_step02{
  background:url(../img/s_step02.png) no-repeat;
  width:520px;
  padding:55px 20px 0 275px;
  height:164px;
}

.syouhyou_step03{
  background:url(../img/s_step03.png) no-repeat;
  width:520px;
  padding:55px 20px 0 275px;
  height:164px;
}

.syouhyou_step04{
  background:url(../img/s_step04.png) no-repeat;
  width:520px;
  padding:35px 20px 0 275px;
  height:143px;
}

h2#syutsugan{
  width:887px;
  height:57px;
  background:url(../img/h2_syutsugan.png) no-repeat;
  margin:45px auto 30px auto;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

span.str{
  font-weight:700;
  font-size:18px;
  line-height:26px;
  margin:0 5px 0 0;
}

.txt_center{
  text-align:center;
}

.Imp_inner{
  margin:20px auto 30px auto;
  width:826px;
}

#Imp_wrap{
  height:550px;
  margin-bottom:50px;
}

dl,dt,dd{
  margin:0;
  padding:0;
}

.Imp{
  border:1px solid #aeaeae;
  background:#fff;
  display:inline-block;
  vertical-align:bottom;
  float:left;
  width:400px;
  margin-bottom:22px;
}

.Imp dt{
  padding:20px 20px 20px 0;
  border-bottom:1px solid #aeaeae;
}

.cont01{
  margin-right:22px;
}

.Imp dt h3{
  font-size:22px;
  font-weight:700;
  padding:0 0 0 15px;
  color:#000;
  border-left:5px solid #245dff;
}

.Imp dd{
  padding:16px 22px 8px 22px;
  font-size:15px;
  line-height:22px;
  color:#000;
  height:165px;
}

.Imp span{
  text-align:right;
  display:block;
}

#c_voice h2{
  width:305px;
  height:43px;
  background:url(../img/h2_gokansou02.png) no-repeat;
  margin:0 auto 60px;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

#c_voice dl{
  margin:0 0 20px;
}

#c_voice dt{
  font-weight:700;
  color:#245dff;
  font-size:22px;
  margin:0 0 20px;
}

#c_voice dd{
  font-size:15px;
  line-height:22px;
}

#c_voice dd span{
  display:block;
  text-align:right;
}

.c_voice_box{
  width:802px;
  margin:0 auto;
}

.c_voice01{
  background:url(../img/c_voice01.png) no-repeat;
  width:564px;
  height:177px;
  padding:25px 20px 0 213px;
}

.c_voice02{
  background:url(../img/c_voice02.png) no-repeat;
  width:564px;
  height:177px;
  padding:25px 215px 0 18px;
}

.c_voice03{
  background:url(../img/c_voice03.png) no-repeat;
  width:560px;
  height:177px;
  padding:25px 20px 0 201px;
}

.c_voice04{
  background:url(../img/c_voice04.png) no-repeat;
  width:564px;
  height:177px;
  padding:25px 215px 0 18px;
}

h2#benrishi_syoukai_midashi{
  width:887px;
  height:57px;
  background:url(../img/h2_benrishi_syoukai.png) no-repeat;
  margin:85px auto 40px auto;
  text-indent:120%;
  white-space:nowrap;
  overflow:hidden;
}

#benrishi_syoukai{
  width:585px;
  height:445px;
  margin:65px auto 40px -60px;
  padding:0 0 0 400px;
  background:url(../img/benrishi_syoukai_bg.png) no-repeat left bottom;
}

#benrishi_syoukai h3{
  font-size:46px;
  line-height:48px;
  font-weight:700;
  text-indent:25px;
  margin:0 0 20px 0;
}

#benrishi_syoukai p{
  font-size:14px;
  line-height:22px;
}

#orange_box{
  border:1px solid #ff8644;
  padding:15px 20px;
  display:inline-block;
  vertical-align:bottom;
}


#orange_out{
  padding:20px 18px;
}


#benrishi_syoukai h3 span{margin:0 0 0 15px;}

#benrishi_syoukai h3 span,
#benrishi_syoukai h4{
  font-size:24px;
  font-weight:normal;
}

#benrishi_syoukai h4{
  line-height:26px;
  margin:0 0 5px 0;
}

#qa_wrap{
  display:inline-block;
  vertical-align:bottom;
  margin:60px 0 70px 0;
}

.qa_box{
  display:inline-block;
  vertical-align:bottom;
}

.qa_list{
  float:left;
  width:451px;
}

.qa_list p{
  font-size:15px;
  line-height:22px;
}

.mtop{margin-top:60px;}

.lefty{margin-right:48px;}

.qa_list h3{
  background:url(../img/h3_q.png) no-repeat left top;
  font-size:18px;
  padding:10px 0 0 55px;
  font-weight:700;
  width:395px;
  height:51px;
  margin:0 0 25px 0;
}

.qa_list h3.nidan{
  padding:0 0 0 55px;
  height:61px;
  line-height:22px;
}

.qa_list p{
  padding:0 12px;
}

#footer{
  width:100%;
  margin:60px 0 0 0;
  padding:55px 0 30px 0;
  border-top:2px solid #245dff;
  display:inline-block;
  vertical-align:bottom;
}

#comp_desc{
  display:inline-block;
  vertical-align:bottom;
  margin:0 0 20px 0;
}

#footer dl {
  overflow: hidden;
  width: 100%;
}

#footer dt,
#footer dd,
#copy{
  font-size:15px;
  margin:0 0 10px 0;
  word-break:break-all;
  word-wrap:break-word;
  padding:0;
  text-align:left;
}

#footer dd{
  display:block;
}

#left{
  float:left;
  width:490px;
  margin-left:80px;
}


#right{
  float:left;
  width:380px;
}

#footer dt{
  float:left;
  width:135px;
}

#copy{text-align:center;}
