@charset "UTF-8";

/*共通*/
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    margin:0;
    padding:0;
}
body {
  font-size: 15px;
  background: #fff;
  color:#333;
  line-height:1.3;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  background-color: #ecf5fb;
  padding-top: 125px;
}
section{
  margin-top : -125px;
  padding-top : 125px;
}
@media screen and (max-width:768px) {
  body {padding-top:175px;}
  section{
    margin-top : -175px;
    padding-top : 175px;
  }
}
@media screen and (max-width:420px) {
  body {padding-top:117px;}
  section{
    margin-top : -117px;
    padding-top : 117px;
  }
}
@media screen and (max-width:380px) {
  body {padding-top:113px;}
  section{
    margin-top : -113px;
    padding-top : 113px;
  }
}

img{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}
ul {
  padding: 0;
  margin:  0;
  list-style: none;
}
a:hover, a:active, a:focus, a:visited {
  outline: none;
  text-decoration: none;
}
.opac:hover {
	opacity: 0.8
}
/*@media all and (min-width: 1030px) {
  .wrapper {
    display: flex;
  }
}*/
/*一番上の青*/
.swiper-button-prev, .swiper-button-next {
  background-size: 15px 30px;
}
.topnavi {
  display:table;
  width:100%;
  /*text-align: right;*/
  padding:6px 0;
  background-color: #2094C9;
  color: #ffffff;
}
.topnavi dl {
  display:table-row;
}
.topnavi dd {
  display:table-cell;
  vertical-align: middle;
}
.topnavi dd img {
  padding-left:10px;
}
.topnavi dd ul.list-inline li {
  vertical-align: middle;
  padding:0;
}
.topnavi dd ul.list-inline li h1 {
  /*font-size:15px;
  text-align: left;
  font-weight:normal;
  padding:0;*/
  display:none;
}
.topnavi a{
color: #ffffff;
}
.topnavi a:hover,a:focus{
transition:all .2s ease-in-out;
color: #f4aa15;
}
.topnavi ul li {
display: inline-block;
padding-right: 20px;
}
.xs-img-area {
  width:100%;
  padding:5px 10px;
}
.xs-img-area h1 {
  display: none;
}
/*navbar bootstrap調節*/
.navbar-default .navbar-nav>li>a {
  transition:all .4s ease-in-out;
  color: #333;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #1180b6;
    background-color: #c5dcea;
}
.navbar-default {
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
.nav>li>a {
  padding-left:10px!important;
  padding-right:10px!important
}
/*----- 背景 -----*/
.rental_bg{
  background-color: #fdf9f0;
}
.company_bg{
  background-color: #f0f0f0;
}
.box_shadow {
  box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
}
.backimage {
  background: url(../imgs/backimage.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
}
.backimage2 {
  background: url(../imgs/backimage2.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
}
.backimage3 {
  background: url(../imgs/backimage3.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
}
.backimage4 {
  background: url(../imgs/backimage4.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
}
.news_bg {
  background: url(../imgs/news_bg.jpg) no-repeat top center;
  /*background-attachment: fixed;*/
  background-size: cover;
}
.gray_border {
  background-color: rgba(0, 0, 0, 0.60);
  padding: 20px 0;
  margin-top: 30px;
}
.bg_gray {
  background-color: rgba(0, 0, 0, 0.30);
  padding: 50px 0;
}
.bg_blue {
  background-color: #95d9fc;
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1) inset;
  padding:100px 0 90px 0;
}

@media (max-width:420px){
  .backimage {
    background: url(../imgs/backimage-xs.jpg) no-repeat;
    background-size: cover;
  }
  .backimage2 {
    background: url(../imgs/backimage2-xs.jpg) no-repeat top center;
    background-size: cover;
  }
  .backimage3 {
    background: url(../imgs/backimage3-xs.png) no-repeat top center;
  }
  .backimage4 {
    background: url(../imgs/backimage4-xs.jpg) no-repeat top center;
    background-size: cover;
  }
  .news_bg {
    background-image: none;
    height: 350px;
  }
  .embed-responsive.embed-responsive-16by9.news {
    padding-bottom:86%!important;
  }
  .bg_gray {
    padding: 30px 0;
  }
  .bg_blue {
    padding:50px 0;
  }
}

@media screen and (max-width:380px){
  .embed-responsive.embed-responsive-16by9.news {
    padding-bottom:96%!important
  }
}

.mainback{
  background: url(../imgs/backimage.jpg) no-repeat top center;
}
/* columnカテゴリ */
h1 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  padding:70px 0 30px 0;
	}

h2 {
    font-size: 23px;
    font-weight: bold;
    margin-top: 20px;
    color: white;
    text-align: center;
  }
.orange{
  color: #ef8019;
}
.column_text{
    font-size: 18px;
    padding-bottom: 30px;
    text-align: center;
  }
  .cimg{
    border-radius: 10px;
    box-shadow: 0 0 10px gray;
    margin-bottom: 10px;
  }
  .oimg{
    border-radius: 10px;
    box-shadow: 0 0 9px #333;
    margin-bottom: 10px;
  }

/* 動画カテゴリ */
.tint{
  color: #1180b6;
}
h3 {
  font-size: 20px;
  font-weight: bold;
  color: #1b1464;
}
.caption_box{
  position: relative;
  border: 1px solid #ffffff;
  padding:50px;
  box-shadow: 0 0 5px 2px #ffffff inset;
}
.caption_box .caption{
  position: absolute;
  top: 0;
  padding: 0 1em;
  margin: 0;
  background-color: #95d9fc;
  transform: translateY(-50%) translateX(1em);
}
/* movieコメント揃え */
/* PC以上 */
.caption_box .caption{
  left: 38%;
}
/* ipadpro以上 */
@media (min-width:1023px){
  .caption_box .caption{
    left:35%;
  }
}
/* タブレット以上 */
@media (max-width:770px){
  .caption_box .caption{
    left:30%;
  }
}
/* スマホ以下 */
@media (max-width:420px){
    .caption_box .caption{
      left: 10%;
    }
  }
/* もっと小スマホ以下  */
@media (max-width:375px){
  .caption_box .caption{
    left: 5%;
  }
}
/* 5s以下  */
@media (max-width:330px){
  .caption_box .caption{
    left: 6%;
  }
}
/* watermaker */
.logowdt{
  width: 30%;
}
.wmbox{
  background: #a7d8e2;
  padding: 30px 20px;
  margin: 100px 0 30px 0;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.wmbox_1{
  font-size: 20px;
  color: #1b1464;
  font-weight: bold;
}
.wmbox_2{
  font-size: 28px;
  padding: 10px 0;
  color: #ffffff;
  text-shadow: 1px 1px 2px #1b1464, 0 0 1em #1b1464;
}
.logowdt{
  width: 80%;
}

.homebox{
  padding: 20px;
  margin-top: 30px;
  border-radius: 10px;
  border: 1px solid #106a95;
}
.home_text1{
  color: #2d88a5;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
}
.red{
  color: red;
}
/* 各見出しboxのcss */
.mainbox {
    background: #ffffff;
    border: 1px solid #a7d8e2;
    box-shadow: 0 0 10px #a7d8e2;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.mainbox .mainbox-title {
    background: #a7d8e2;
    box-shadow: 0 0 10px #a7d8e2;
    padding: 5px 0 10px 15px;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.box_container{
  padding: 0 30px;
}
/*----- footer -----*/
footer{
  background-color: #fff;
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1) inset;
}
.sns{
  text-align: center;
}
.sns span{
  padding:10px 8px;
  font-size: 25px;
  display: inline-block;
  text-decoration: none;
  color: #1180b6;
}
.snsbox a:hover{color:white;}
.snsbox .fa {line-height:40px}
.snsbox:hover{
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.policy a{
  color: #333;
  padding-right:15px;
  padding-left:15px;
}
.policy a:hover{
  transition:all .2s ease-in-out;
  color: #1180b6;
}
.copyright{
  color: #ffffff;
  background-color: #1180b6;
  text-align: center;
  padding: 8px 0;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 2px;
  margin-top: 20px;
}
.ftlogowdt{
  width: 60%;
  padding-top:5px;
}
.ftli{
  padding-top: 5px;
  padding-bottom: 2px;
}
/* PC以上 */
@media (min-width:1200px){
}
/* タブレット大以下 */
@media (max-width:1024px){
}
/* タブレット以下 */
@media (max-width:768px){
  h1{
    font-size: 23px;
    padding:40px 0 20px 0;
  }
  h2 {
      font-size: 21px;
    }
  .column_text{
      font-size: 15px;
      padding-bottom: 25px;
    }
    .logowdt{
      width: 35%;
    }
    .wmbox{
      padding: 20px 10px;
      margin: 60px 0 10px 0;
    }
    .ftlogowdt{
      width: 100%;
      padding-top: 3px;
    }
    .ftli{
      padding-bottom: 2px;
      padding-top: 2px;
    }
}
/* タブレット以上 */
@media (min-width:421px){
  .brxs{
    display: none;
  }
}
/* スマホ以下 */
@media (max-width:420px){
  h1{
    font-size: 18px;
    padding:20px 0;
  }
  h2 {
      font-size: 15px;
    }
  .column_text{
      font-size: 16px;
      padding-bottom: 10px;
    }
    .logowdt{
      width: 60%;
    }
    .caption_box{
      padding: 30px 15px;
    }
    .cimg{
      width: 90%;
      margin-top: 10px;
    }
    .wmbox_1{
      font-size: 18px;
      color: #1b1464;
      font-weight: bold;
    }
    .wmbox_2{
      font-size: 22px;
      padding: 10px 0;
      color: #ffffff;
      text-shadow: 1px 1px 2px #1b1464, 0 0 1em #1b1464;
    }
    .wmbox{
      padding: 20px 10px;
      margin: 50px 0 10px 0;
    }
    .box_container{
      padding: 0 15px;
    }
    .ftlogowdt{
      width: 80%;
      padding-top: 0px;
      padding-bottom: 15px;
    }
    h3 {
      font-size: 18px;
    }
    .ftli{
      padding-bottom: 0px;
      padding-top: 0px;
    }
    .copyright{
      padding: 6px 0;
      margin-top: 15px;
    }
}
@media screen and (min-width:421px){
  .brxs{
    display: none;
  }
}
/* 小スマホ以下 */
@media (max-width:400px){
}
/* もっと小スマホ以下  */
@media (max-width:375px){
}

/* margin追加クラス */
/*== margin-top ==*/
.margin-t-0 { margin-top:0 }
.margin-t-3 { margin-top:3px }
.margin-t-5 { margin-top:5px }
.margin-t-10 { margin-top:10px }
.margin-t-15 { margin-top:15px }
.margin-t-20 { margin-top:20px }
.margin-t-25 { margin-top:25px }
.margin-t-30 { margin-top:30px }
.margin-t-40 { margin-top:40px }
/*== margin-left ==*/
.margin-l-0 { margin-left:0 }
.margin-l-5 { margin-left:5px }
.margin-l-10 { margin-left:10px }
.margin-l-15 { margin-left:15px }
.margin-l-20 { margin-left:20px }
.margin-l-25 { margin-left:25px }
.margin-l-30 { margin-left:30px }
/*== margin-right ==*/
.margin-r-0 { margin-right:0 }
.margin-r-5 { margin-right:5px }
.margin-r-10 { margin-right:10px }
.margin-r-15 { margin-right:15px }
.margin-r-20 { margin-right:20px }
.margin-r-25 { margin-right:25px }
.margin-r-30 { margin-right:30px }
/*== margin-bottom ==*/
.margin-b-0 { margin-bottom:0 }
.margin-b-3 { margin-bottom:3px }
.margin-b-5 { margin-bottom:5px }
.margin-b-10 { margin-bottom:10px }
.margin-b-15 { margin-bottom:15px }
.margin-b-20 { margin-bottom:20px }
.margin-b-25 { margin-bottom:25px }
.margin-b-30 { margin-bottom:30px }
/* padding追加クラス */
/*== padding-top ==*/
.padding-t-0 { padding-top:0 }
.padding-t-5 { padding-top:5px }
.padding-t-10 { padding-top:10px }
.padding-t-15 { padding-top:15px }
.padding-t-20 { padding-top:20px }
.padding-t-25 { padding-top:25px }
.padding-t-30 { padding-top:30px }
.padding-t-40 { padding-top:40px }
.padding-t-50 { padding-top:50px }
.padding-t-100 { padding-top:100px }
/*== padding-left ==*/
.padding-l-0 { padding-left:0 }
.padding-r-2 { padding-left:2px }
.padding-l-1 { padding-left:1px }
.padding-l-5 { padding-left:5px }
.padding-l-10 { padding-left:10px }
.padding-l-15 { padding-left:15px }
.padding-l-20 { padding-left:20px }
.padding-l-25 { padding-left:25px }
.padding-l-30 { padding-left:30px }
.padding-l-40 { padding-left:40px }
.padding-l-50 { padding-left:50px }
/*== margin-right ==*/
.padding-r-0 { padding-right:0 }
.padding-r-1 { padding-right:1px }
.padding-r-2 { padding-right:2px }
.padding-r-5 { padding-right:5px }
.padding-r-10 { padding-right:10px }
.padding-r-15 { padding-right:15px }
.padding-r-20 { padding-right:20px }
.padding-r-25 { padding-right:25px }
.padding-r-30 { padding-right:30px }
.padding-r-40 { padding-right:40px }
.padding-r-50 { padding-right:50px }
/*== padding-bottom ==*/
.padding-b-0 { padding-bottom:0 }
.padding-b-1 { padding-bottom:1 }
.padding-b-3 { padding-bottom:3px }
.padding-b-5 { padding-bottom:5px }
.padding-b-10 { padding-bottom:10px }
.padding-b-15 { padding-bottom:15px }
.padding-b-20 { padding-bottom:20px }
.padding-b-25 { padding-bottom:25px }
.padding-b-30 { padding-bottom:30px }
.padding-b-40 { padding-bottom:40px }
.padding-b-50 { padding-bottom:50px }
.padding0 { padding:0 }
.padding5 { padding:5px }
/* line-height */
.lh15 { line-height:1.5em }
.lh20 { line-height:2.0em }
.lh25 { line-height:2.5em }
.lh30 { line-height:3.0em }
/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_t_30 { padding-top: 30px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_t_40 { padding-top: 40px; }
.pad_r_40 { padding-right: 40px; }
.pad_b_40 { padding-bottom: 40px; }
.pad_l_40 { padding-left: 40px; }
/* width */
.wdt{width:1200px;}
.wdt100 { width: 100%; }
.wdt90 { width: 90%; }
.wdt80 { width: 80%; }
.wdt70 { width: 70%; }
.wdt60 { width: 60%; }
.wdt50 { width: 50%; }
.wdt40 { width: 40%; }
.wdt30 { width: 30%; }
.wdt35 { width: 35%; }
.wdt20 { width: 20%; }
.wdt25 { width: 25%; }
.wdt15 { width: 15%; }
.wdt10 { width: 10%; }
.wdt5 { width: 5%; }

/*home以外のページ共通css*/
.navaction>a{
  color: #1180b6;
  background-color: #c5dcea;
}
/* スマホ以下 */
@media (max-width:420px){
  .navaction>a{
    color: initial;
    background-color: initial;
  }
}
/*ウォーターサーバーの比較*/
h4{
  font-size: 20px;
  color: #1b1464;
  font-weight: bold;
  padding:20px 0 10px 0;
}
.ws_inner{
  padding-top: 30px;
}
.wsimg{
  width: 100%;
}
/* タブレット以上 */
@media (min-width:421px){
  .ws_inner{
    padding-top: 20px;
  }
}
/* スマホ以下 */
@media (max-width:420px){
  .ws_inner{
    padding-top: 20px;
  }
  .wsimg{
    width: 45%;
  }
  h4{
    padding:10px 0 10px 0;
    font-size: 19px;
  }
  .num_t{
    font-size: 12px;
  }
  .num_u{
    font-size: 10px;
  }
}
.ws_l{
  background-color: #d8f4fd;
}
.wm_l{
  background-color: #fdeed8;
}
.ws_r{
  background-color: #fdfcf2;
}
.cant{
  color: #5a8dc9;
  font-weight: bold;
}
.can{
  color: #df5b5a;
  font-weight: bold;
}
.neither{
  color: #f4ab0b;
  font-weight: bold;
}
.wshr{
  border: 1px #b9cfea solid;
  margin-top: 30px;
}
.wblue{
  color: #2d88a5;
}
/*レンタル*/

.rental_cm{
  padding: 20px 0 3px 0;
  font-size: 16px;
  font-weight: bold;
}

/*タブ*/
.nav-justified {
    border-collapse: separate;
    border-spacing: 3px;
}
.account_nav a {
  border: 2px solid #29abe2;
  color:#000000;
}
.credit_nav a {
  border: 2px solid #fbb03b;
  color:#000000;
}
.account_nav.active a {
   background:#29abe2!important ;
   color:#000000;
   font-weight: bold;
 }
 .credit_nav.active a {
    background:#fbb03b!important ;
    color:#000000;
    font-weight: bold;
  }
 .nav-pills>li>a {
    border-radius: 0px;
 }
 .nav-pills>li+li{
   margin-left: 0px;
 }

/*タブ*/
 .a_cr{
   color :#29abe2;
 }
 .c_cr{
   color :#fbb03b;
 }
 .black{
   color :#333;
 }
.flow_num{
   border: 1px solid;
   font-size: 18px;
   padding: 1px 3px;
   margin-right: 8px;
 }
 .flow_midashi{
   font-size: 18px;
   padding: 15px 0 10px 0;
   font-weight: bold;
 }
 .flow_text{
   padding-left: 5px;
   padding-bottom: 5px;
 }
 .p_1{
   font-size: 15px;
   font-weight: bold;
   background-color: #ebf4fc;
   padding: 10px 18px;
 }
 .p_2{
   font-weight: bold;
   font-size: 35px;
 }
 .p_3{
   font-size: 15px;
   font-weight: bold;
   background-color: #fcf0f7;
   padding: 10px 18px;
   margin-top: 10px;
 }
 .p_4{
   font-weight: bold;
   font-size: 22px;
 }
 .s_1{
   background-color: #deebf9;
   padding: 15px;
   margin: 10px 0px;
   text-align: center;
 }
 .s_2{
   color:  #2d88a5;
   text-align: center;
   background-color: #deebf9;
   font-weight: bold;
   font-size: 19px;
   padding-bottom: 10px;
 }
 .s_3{
   background-color: #ffffff;
   font-size: 15px;
   padding: 15px 30px;
 }

/* タブレット以下 */
@media (max-width:768px){
}
/* スマホ以下 */
@media (max-width:420px){
  .p_1{
    font-size: 18px;
  }
  .p_2{
    font-size: 30px;
    padding-top:5px;
  }
  .s_3{
    background-color: #ffffff;
    font-size: 15px;
    padding: 15px 15px;
  }
}
/*faq*/
/*tab内*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
  .cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(37,91,193,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #0771cc;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
  color:#333;
	font-size: 1.7em;
	font-weight: lighter;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0s;
	        transition: transform 0s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0s;
	        transition: max-height 0s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content ul {
	margin: 1em 1em 1em 0.5em;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 200em;
	border: 10px solid rgba(37, 91, 193, 0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #0771cc;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*プライバシーポリシー*/
.privacy_box dt{
  padding: 20px 0 3px 0;
  color: #1180b6;
  font-size: 16px;
}
/*お問い合わせ ＆ 代理店募集*/
/*----- ステップバー -----*/
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  margin-top:10px;
  margin-bottom: 15px;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color: #1180b6;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #1180b6;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}
.stepwrap{
  margin-left: 300px;
  margin-right: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}
/*.form-group{
  padding-top: 20px;
  padding-bottom: 20px;
}*/
.form_container{
  padding: 0 50px;
}
.formbox{
  border:1px solid #778899;
  background-color: #f9f9f9;
  padding:20px 18px;
  margin: 20px 0px;
}
.conline{
  border-bottom: 1px #679091 dotted;
  margin-bottom: 20px;
}
.f_bottom{
  bottom:0;
  position: fixed;
  }
/* タブレット以下 */
@media (max-width:768px){
  .stepwrap{
    margin-left: 50px;
    margin-right: 50px;
  }
}
/* スマホ以下 */
@media (max-width:420px){
  .stepwrap{
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 0px;
  }
  .form-group{
    padding-top: 0px;
    padding-bottom: 3px;
  }
  .form_container{
    padding: 0 10px;
  }
  .conline{
    margin-right: 10px;
    margin-left: 10px;
  }
  .f_bottom{
    bottom:initial;
    position: relative;
  }
  .margin-b-15-xs {
    margin-bottom:15px;
  }
}
/* フォーム */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
table{
word-break: break-all
}
.form_label {
  padding-top:5px;
  padding-bottom:5px;
}
.form_container .form-horizontal .control-label {
  text-align: left!important
}
.form-caution_box {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
.form-caution_box ul.help_area {
  padding:10px;
  border: 1px solid #ff0000;
  border-radius: 3px;
  word-break: break-all;
  color:inherit!important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events:auto!important;
}

/*----- login -----*/
.login-area {
  margin:30px auto;
}
.login-box {
  border:1px solid #ddd;
  border-radius: 3px;
  padding:30px 20px;
  box-shadow: 1px 1px 5px #ddd;
  background-color: #fff;
}
.login-box h3 {
  font-size:20px;
  font-weight:bold;
  line-height:1.5em;
  margin-bottom:20px;
  text-align: center;
}
.login-box h3 {
  padding-bottom:5px;
  border-bottom:1px solid
}
.caution-box {
  font-size:12px;
  line-height:1.5em;
  text-align: left;
  color:#666;
  margin-bottom:20px;
}
.caution-box span {
  display: block;
  width:100%;
}
.error-box:empty {
  display:none;
}
.error-box {
  border:1px solid #ff0000;
  border-radius:2px;
  padding:10px 5px;
  color:#ff0000;
  font-weight:bold;
  margin-bottom:20px;
  text-align: center
}

/*----- pdf表示エリア -----*/
.pdf-area {
  margin:30px auto;
}
.embed-responsive-full {
  padding-bottom:40%;
}
.pdf-area_noticebox {
  width:100%;
  display:block;
  padding:10px;
  line-height: 1.5em;
  font-size:14px;
  color:#666;
  border:1px solid #e4e4e4;
  border-radius: 3px;
  box-shadow: 1px 1px 5px #999;
  margin-bottom:20px;
  background: #fff;
}
.pdf-area_noticebox span {
  width:100%;
  display:block;
}
.pdf-area_noticebox hr {
  margin-top:10px;
  margin-bottom:10px;
}
@media screen and (max-width:420px) {
  .embed-responsive-full {
    padding-bottom:100%;
  }
}

.iframe html {
  background: #000
}
/*.embed-responsive {
  overflow:auto!important;
  -webkit-overflow-scrolling:touch !important;
}*/
table.show_files td {
  vertical-align: middle!important;
}
table.show_files td span {
  width:100%;
  display:block;
  font-size:12px;
}
table.show_files .btn {
  font-size:12px!important
}
.non-scroll span {
  width:100%;
  display:block;
}
#tabs {
  margin-bottom:20px;
}
.tab-pane h4 {
  border-left:5px solid #337ab7;
  padding-left:5px;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:20px;
  font-size:16px;
}
.six-sec-ease-in-out {
  -webkit-transition: width 6s ease-in-out;
  -moz-transition: width 6s ease-in-out;
  -ms-transition: width 6s ease-in-out;
  -o-transition: width 6s ease-in-out;
  transition: width 6s ease-in-out;
}
.success_message {
  margin:10px 0 0 0;
  border: 1px solid #ff0000;
  border-radius: 2px;
  padding:5px;
  color:#ff0000;
}