@charset "UTF-8";


/*料金シミュレーション
-------------------------------------------------------------------------*/
.under section table.type_1.price tr th:first-child{
	width: 40%;
}

form.price table td select #ko{
	display: none;
}

.btn_price{
	text-align: center;
	margin: 0 auto 40px;
}

/*タブデザイン
-------------------------------------------------------------------------*/

/*タブ切り替え全体のスタイル*/
.tabs {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 30px auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 50px;
  border-bottom: 3px solid #385AA9;
  background-color: #CBD4E9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#dan1:checked ~ #dan1_content,
#dan2:checked ~ #dan2_content,
#dan3:checked ~ #dan3_content,
#dan4:checked ~ #dan4_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #385AA9;
  color: #fff;
}
.price .btn_area button {
    appearance: none;
    border: 0;
    border-radius: 5px;
    background: #385AA9;
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
}
.price .btn_area button:hover {
    background-color: #CBD4E9;
}
.price .flex_box {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.price table {
    width: 60%;
    /*width: calc(100% - 100px);*/
    margin: 20px 0;
    position: relative;
    margin-right: 20px;
    box-sizing: border-box;
}
ul.normal>li:before {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 5px;
    background: #CBD4E9;
}
 ul.normal li {
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    margin: 10px;
    padding-left: 25px;
}
.normal{
    margin-bottom: 50px;
}
.under section .price table select {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    font-size: 18px;
}
.price .btn_area label {
    line-height: 2.0;
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-width: 200px;
    display: block;
    margin: 20px auto;
}
/*スマホ*/
@media screen and (max-width: 780px) {

}