@charset "UTF-8";

/*---index.php---*/
body{
  color: #000;
  background: #fff;
  font-size: 14px;
}
img{
  vertical-align: bottom;
}


#index{
  padding-top: 70px;
}
#index header{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9999;
}
#index header #header{
  position: relative;
  width: 980px;
  padding: 5px 0;
  margin: 0 auto;
}
#index header #header h1{
  float: left;
}
#index header #header dl.campaign{
  float: left;
  padding-top: 5px;
  margin-left: 8px;
}
#index header #header .campaign dt{
  font-size: 16px;
  color: #fff;
  background: #444;
  text-align: center;
  padding: 6px 13px 5px;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
#index header #header .campaign dd{
  font-size: 13px;
  text-align: center;
}
#index header #header .box{
  position: absolute;
  top: 10px;
  right: 0;
}
#index header #header .box dl{
  float: left;
  min-height: 48px;
  padding-left: 61px;
  margin-right: 18px;
  background: url(../img/header_tel_icon.png) no-repeat left top;
}
#index header #header .box dt{
  font-size: 12px;
  padding-top: 1px;
  margin-bottom: 11px;
}
#index header #header .box dd{}
#index header #header .box .btn{
  float: left;
  padding-top: 1px;
}

#index #fv{
  margin-bottom: 50px;
  height: 580px;
  background: url(../img/fv_bg.png) repeat-x;
}
#index #fv h2{
  padding-top: 44px;
  text-align: center;
}

#index #campaign{
  margin-bottom: 50px;
}
#index #campaign h2{
  text-align: center;
  margin-bottom: 28px;
}
#index #campaign .inner{
  width: 954px;
  margin: 0 auto;
}
#index #campaign .inner .map{
  float: left;
}
#index #campaign .inner dl{
  width: 653px;
  float: right;
  _padding-top: 16px;
}
#index #campaign .inner dt{
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 11px;
}
#index #campaign .inner dt span{
  font-size: 19px;
	font-weight:bold;
}
#index #campaign .inner dd{
  font-size: 16px;
  line-height: 1.5;
}
#index #campaign .inner dd span{
  color: #e40040;
}

#index .info_title{
  text-align: center;
  margin-bottom: 40px;
}
#index .info{}
#index .info .inner{
  height: 418px;
  background: url(../img/info_bg.png) repeat-x;
}
#index .info .inner .box{
  width: 980px;
  margin: 0 auto;
  padding-top: 35px;
}
#index .info .inner .box .mainImg{
  float: left;
}
#index .info .inner .box .left_box{
  float: right;
}
#index .info .inner .box .left_box .title{
  display: block;
  margin-bottom: 13px;
}
#index .info .inner .box .left_box .text{
  font-size: 16px;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 13px;
}
#index .info .inner .box .left_box .area{
	margin: 0 auto 14px;
	width: 585px;
  _margin-bottom: 14px;
}
#index .info .inner .box .left_box .telbox{
  background: #fff;
  padding: 16px 18px 12px 21px;
}
#index .info .inner .box .left_box .telbox dl{
  float: left;
  height: 78px;
  padding-left: 96px;
  background: url(../img/info_tel_icon.png) no-repeat left top;
}
#index .info .inner .box .left_box .telbox dt{
  font-size: 16px;
  padding-top: 3px;
  margin-bottom: 20px;
}
#index .info .inner .box .left_box .telbox dd{}
#index .info .inner .box .left_box .telbox .btn{
  float: right;
}

#index #spotlight{
  margin: 42px 0 48px;
}
#index #spotlight h2{
  padding: 45px 0 42px;
  margin-bottom: 40px;
  text-align: center;
  background: #ececec;
  border-bottom: #c3c3c3 solid 1px;
}
#index #spotlight ul{
  width: 980px;
  margin: 0 auto;
}
#index #spotlight li{
  float: left;
  margin-right: 76px;
}
#index #spotlight li:last-child{
  margin-right: 0;
}
#index #spotlight .check{
  padding: 23px 0 30px;
  background: #c5d7e7;
  text-align: center;
}
#index #spotlight .arrow{
  text-align: center;
  margin-bottom: 30px;
}
#index #spotlight .title{
  text-align: center;
  margin-bottom: 34px;
}
#index #spotlight dl{
  width: 981px;
  margin: 0 auto;
}
#index #spotlight dt{
  float: left;
  padding-top: 4px;
}
#index #spotlight dd{
  float: right;
}

#index #guide{
  margin-bottom: 50px;
  background: #c5d7e7;
}
#index #guide .top_textImg{
  text-align: center;
  padding: 35px 0 32px;
  background: #fff;
}
#index #guide h2{
  margin-bottom: 34px;
  padding: 10px 0;
  text-align: center;
  background: #012271;
}
#index #guide .guide{
  width: 980px;
  margin: 0 auto 34px;
  background: #fff;
}
#index #guide .guide .box{
  padding: 32px 20px;
  border-bottom: #e4e4e4 solid 2px;
}
#index #guide .guide .box:last-child{
  border-bottom: none;
}
#index #guide .guide .box p{
  float: left;
	width: 336px;
  _margin-right: 27px;
}
#index #guide .guide .box dl{
  float:right;
	width: 580px;
}
#index #guide .guide .box dt{
  margin-bottom: 21px;
}
#index #guide .guide .box dd{
  font-size: 16px;
  line-height: 1.5;
}
#index #guide .guide .box dd .color{
  color: #e40040;
}
#index #guide .guide .box dd hr{
  border: none;
  margin: 0;
  padding: 30px 0 0;
}
#index #guide .guide .box dd .size{
  font-size: 14px;
}
#index #guide .inner{
  width: 100%;
  padding: 40px 0 0;
  background: #fff;
}
#index #guide .inner .title{
  text-align: center;
  margin-bottom: 32px;
}
#index #guide .inner dl{
  width: 980px;
  margin: 0 auto;
}
#index #guide .inner dt{
  float: left;
}
#index #guide .inner dd{
  float: right;
  padding-top: 4px;
}

#index #price{
  margin: 55px 0 70px;
}
#index #price h2{
  margin-bottom: 48px;
  text-align: center;
}
#index #price .top{
  width: 918px;
  margin: 0 auto 22px;
}
#index #price .top ul{
  float: left;
}
#index #price .top li{
  margin-bottom: 40px;
}
#index #price .top .graph{
  float: right;
  margin-top: 10px;
}
#index #price .inner{
  border-top: #bbb solid 2px;
  width: 980px;
  margin: 0 auto 55px;
  padding: 40px 0 0;
}
#index #price .inner .title{
  margin-bottom: 20px;
}
#index #price .inner dl{
  font-size: 0;
  margin-bottom: 35px;
}
#index #price .inner dt{
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
#index #price .inner dd{
  display: inline-block;
  vertical-align: middle;
  width: 657px;
  font-size: 16px;
  line-height: 1.5;
}
#index #price .inner dd hr{
  display: block;
  border: none;
  margin: 0;
  padding: 28px 0 0;
}
#index #price .inner .tableImg{
  margin-bottom: 10px;
}
#index #price .inner .textImg{
  text-align: center;
}

#index #merit{
  margin: 48px 0 62px;
}
#index #merit h2{
  text-align: center;
  margin-bottom: 25px;
}
#index #merit .top_text{
  width: 980px;
  margin: 0 auto 25px;
  padding: 52px 0 30px;
  background: #e6eaed url(../img/merit_arrow.png) no-repeat center top;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
#index #merit .inner{
  width: 980px;
  margin: 0 auto 32px;
  padding: 0 20px 32px;
  border-bottom: #e4e4e4 solid 2px;
}
#index #merit .inner:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#index #merit .inner .title{
  margin-bottom: 40px;
}
#index #merit .inner dl{}
#index #merit .inner dt{
  float: left;
  padding-top: 4px;
  margin-right: 30px;
}
#index #merit .inner dd{
  float: left;
  width: 574px;
  font-size: 16px;
  line-height: 1.5;
}
#index #merit .inner dd hr{
  display: block;
  border: none;
  margin: 0;
  padding: 26px 0 0;
}
#index #merit .inner dd span{
  color: #e40040;
}

#index #plan{
  margin-bottom: 80px;
}
#index #plan h2{
  margin-bottom: 26px;
  text-align: center;
  background: url(../img/plan_h2_bg.png) repeat-x;
}
#index #plan .top_text{
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 32px;
}
#index #plan li{
  padding: 30px 0;
  text-align: center;
}
.bx-wrapper {
  width: 940px;
  margin: 0 auto;
  position: relative;
}
.bx-wrapper .bx-viewport{
  width: 940px;
  margin: 0 auto;
  position: relative;
  border: #c1c1c1 solid 1px;
}
.bx-wrapper .bx-pager {
  text-align: center;
  margin-top: 24px;
}
.bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-pager a {
  background: #d5d3d3;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.bx-pager a:hover,
.bx-pager a.active {
  background: #012271;
}
.bx-prev {
  left: -22px;
  background: url(../img/plan_prev_off.png) no-repeat;
}
.bx-next {
  right: -22px;
  background: url(../img/plan_next_off.png) no-repeat;
}
.bx-controls-direction a {
  position: absolute;
  top: 40%;
  width: 26px;
  height: 55px;
  text-indent: -9999px;
  z-index: 9999;
}
#index #plan .title{
  text-align: center;
  margin: 52px 0 30px;
}
#index #plan .box{
  width: 942px;
  margin: 0 auto;
}
#index #plan .box .zoom{
  float: left;
  width: 387px;
  height: 273px;
  padding: 220px 0 0 8px;
  margin-right: 30px;
  background: url(../img/plan_mainImg01.png) no-repeat;
}
#index #plan .box .textbox{
  width: 525px;
  float: left;
}
#index #plan .box .textbox .text{
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 45px;
}
#index #plan .box .textbox .text span{
  font-size: 14px;
  display: block;
  line-height: 1.5;
  margin-top: 26px;
}
/*モーダルウィンドウ*/
.lock {
  overflow:hidden;
}
.modal-overlay {
  z-index:99998;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.75);
}
.modal-wrap {
  z-index:99999;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}
/*---モーダルの中身---*/
.modal-content{
  display: none;
  position: absolute;
  z-index: 999999;
  width:980px;
  padding: 0 0 55px;
  background:#fff;
}
.modal-content .close_btn{
  text-align: right;
}
.modal-content .m_title{
  text-align: center;
  margin-bottom: 38px;
}
.modal-content .table{
  text-align: center;
}
.modal-content .close{
  margin-top: 40px;
  text-align: center;
}
.modal-content .close a{
  text-decoration: underline;
  color: #012271;
  font-size: 24px;
  font-weight: bold;
}
.modal-content .close a:hover{
  color: #ff31a4;
}

#index #faq{
  margin: 54px 0 60px;
}
#index #faq h2{
  text-align: center;
  margin-bottom: 30px;
}
#index #faq .top_text{
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 26px;
  margin-bottom: 40px;
  border-bottom: #adadad solid 1px;
}
#index #faq dl{
  width: 980px;
  margin: 0 auto 30px;
}
#index #faq dt{
  padding: 0 20px;
  margin-bottom: 20px;
}
#index #faq dd{
  padding: 24px 20px;
  background: #e6eaed;
}
#index #faq dd span{
  display: block;
  min-height: 48px;
  font-size: 16px;
  padding-left: 72px;
  line-height: 1.5;
  background: url(../img/faq_icon_a.png) no-repeat;
}
#index #faq dd span em{
  display: block;
  border: none;
  margin: 0 auto;
  padding: 26px 0 0;
  line-height: 1.5;
	font-style: normal;
}

#footer{
  margin-top: 60px;
}
#footer .footer{
  _display: table;
  margin: 0 auto 30px;
	padding: 0 0 0 177px;
	box-sizing: border-box;
	width:525px;
	background: url(../img/footer_logo.png) 0 0 no-repeat;
}
#footer .footer h2{
  float: left;
  margin-right: 30px;
}
#footer .footer ul{
  float: left;
}
#footer .footer li{
  font-size: 15px;
  margin-bottom: 10px;
}
#footer .footer li span{
  font-weight: bold;
}
#footer small{
  text-align: center;
  display: block;
  font-size: 14px;
  color: #fff;
  background: #052b79;
  padding: 13px 0 10px;
}








#form{}

#form header{
  width: 100%;
  background: #fff;
}
#form header #header{
  position: relative;
  width: 980px;
  padding: 5px 0;
  margin: 0 auto;
}
#form header #header h1{
  float: left;
}
#form header #header dl.campaign{
  float: left;
  padding-top: 5px;
  margin-left: 8px;
}
#form header #header .campaign dt{
  font-size: 16px;
  color: #fff;
  background: #444;
  text-align: center;
  padding: 6px 13px 5px;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
#form header #header .campaign dd{
  font-size: 13px;
  text-align: center;
}
#form header #header .box{
  position: absolute;
  top: 10px;
  right: 0;
}
#form header #header .box dl{
  float: left;
  min-height: 48px;
  padding-left: 61px;
  margin-right: 18px;
  background: url(../img/header_tel_icon.png) no-repeat left top;
}
#form header #header .box dt{
  font-size: 12px;
  padding-top: 1px;
  margin-bottom: 11px;
}
#form header #header .box dd{}



#form .home{
  width: 830px;
  padding: 0 20px;
  margin: 36px auto 400px;
}
#form .home strong{
  text-align: center;
  display: block;
  font-size: 30px;
  color: #00216d;
  margin-bottom: 34px;
}
#form .home .text2{
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
#form .home .text2 span{
  display: block;
  font-size: 16px;
  line-height: 1.5;
  padding-top: 24px;
  text-align: center;
}
#form .home .link{
  margin-top: 54px;
  text-align: center;
}
#form .home .link a{
  font-size: 16px;
  color: #00216d;
  text-decoration: underline;
}
#form .home .link a:hover{
  text-decoration: none;
}

#form .topbox{
  margin-bottom: 30px;
}
#form .topbox h2{
  background: url(../img/form_h2_bg.png) repeat-x;
  margin-bottom: 32px;
}
#form .topbox h2 span{
  display: block;
  height: 133px;
  padding-top: 50px;
  text-align: center;
  background: url(../img/form_h2_arrow.png) no-repeat center bottom;
}
#form .topbox .flowImg{
  text-align: center;
  margin-bottom: 24px;
}
#form .topbox .top_text{
  font-size: 16px;
  text-align: center;
}

#form .form_box{
  width: 830px;
  margin: 0 auto 140px;
  background: #fff;
}
#form .form_box table{
  width: 830px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#form .form_box table th,
#form .form_box table td{
  border: #d0d0d0 solid 1px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#form .form_box table th{
  vertical-align: middle;
  width: 230px;
  padding: 10px 0 10px 32px;
  background: #e3eff3;
}
#form .form_box table th label{
  padding-top: 1px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
#form .form_box table th span{
  font-size: 13px;
  line-height: 1.5;
  display: block;
  letter-spacing: 1px;
  margin-top: 11px;
}
#form .form_box table th sub{
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
#form .form_box table .v_top th{
  vertical-align: top;
  padding-top: 14px;
}

#form .form_box table td{
  vertical-align: middle;
  font-size: 16px;
  padding: 10px 20px;
}
#form .form_box table td span{
  font-size: 15px;
  display: inline-block;
}
#form .form_box table td .span1{
  display: block;
  font-size: 14px;
  padding: 15px 0 11px;
}
#form .form_box table td .span2{
  display: block;
  font-size: 14px;
  padding: 21px 0 12px;
  color: #e40040;
}
#form .form_box table td hr{
  display: block;
  border: none;
  margin: 0;
  padding: 16px 0 0;
}

#form .form_box table td label{
  border: #c9c9c9 solid 2px;
  padding: 6px 69px 5px 18px;
}



#form .form_box .lineheight{
  line-height: 1.3;
  vertical-align: top;
}

#form .form_box table td input[type="text"]{
  margin: 0;
  padding: 3px 4px 2px 8px;
  font-size: 16px;
  background: #fff;
  border: #b8b8b8 solid 1px;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#form .form_box table td textarea{
  width: 520px;
  height: 180px;
  margin: 0;
  padding: 3px 4px 2px;
  font-size: 16px;
  background: #fff;
  border: #b8b8b8 solid 1px;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color: #999;
    font-weight: normal;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
    color: #999;
    font-weight: normal;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
    color: #999;
    font-weight: normal;
}
input::-moz-placeholder,
textarea::-moz-placeholder{
    color: #999;
    font-weight: normal;
}

#form .form_box .w100p{width: 100% !important;}
#form .form_box .w120{width: 120px !important;}
#form .form_box .w230{width: 230px !important;}
#form .form_box .w340{width: 340px !important;}
#form .form_box .w520{width: 520px !important;}




#form .form_box .btnBox{
  width: 630px;
  margin: 48px auto 0;
}
#form .form_box .btnBox .btnL{
  float:left;
}
#form .form_box .btnBox .btnR{
  float: right;
}
#form .form_box .btnBox .btn{
  display: block;
  margin: 0 auto;
  border: none !important;
  cursor: pointer;
  outline: none;
}
#form .form_box .btnBox .btn1,
#form .form_box .btnBox .btn2,
#form .form_box .btnBox .btn3{
  width: 306px;
  height: 79px;
}
#form .form_box .btnBox .btn1{
  background: url(../img/form_btn01_off.png) no-repeat;
}
#form .form_box .btnBox .btn2{
  background: url(../img/form_btn02_off.png) no-repeat;
}
#form .form_box .btnBox .btn3{
  background: url(../img/form_btn03_off.png) no-repeat;
}
#form .form_box .btnBox .btn1:hover{
  background: url(../img/form_btn01_on.png) no-repeat;
}
#form .form_box .btnBox .btn2:hover{
  background: url(../img/form_btn02_on.png) no-repeat;
}
#form .form_box .btnBox .btn3:hover{
  background: url(../img/form_btn03_on.png) no-repeat;
}


.error{
  color: #f00;
  font-size: 14px;
  margin-bottom: 10px;
}