@charset "utf-8";

/* 比較表
============================================================================= */
.dp-sect{padding:50px 0 !important;}
.dp-sect h2.page-title-h2{color:#2649A5;font-weight: 800;line-height: 2.5rem;}
.dp-sect h3.page-title-h3{
color: #2649A5;font-weight: 800;text-align: center;padding: 30px 0 10px 0;
 }


.dp-sect .dp-subttl{
	background: #2649A5;
    width: 90%;
    margin: 30px auto 0;
    border-radius: 15px;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 30px;
    }
.dp-sect table{width:85%; margin:10px auto 0; background: #fff;}
.dp-sect th,.dp-sect td{border: solid 2px #D2CFC7;padding:10px;}


.dp-sect th:nth-child(2){background: #f3d0d0;}
.dp-sect th:nth-child(3){background: #F3E6D0;
                        width: 29%;}
.dp-sect th:nth-child(4){background: #C6CAD0;}
/*.dp-sect td:nth-child(2),.dp-sect td:nth-child(3){width:40%;}*/
.dp-sect th:nth-child(1){width:18%;}
/*.dp-sect th:nth-child(2){width:33%;}*/
.dp-sect td a{color:#fff;}
.dp-sect ul{
    width: 65%;
    margin: 10px auto;
    }
.dp-sect ul li{
	background: #9a8e76;
    /*width: calc(100% / 3 - 10px);*/
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    margin: 8px;
    font-size: 17px;
    }
.dp-sect ul li a{color:#fff;}

.dp-sect p{
	text-align: center;
    color: #000;
    padding-top: 15px;
    font-size: 2.2rem;
    }

.dp-sect li a{
    display: block;
    height: 100%;
    width: 100%
}
.link {text-decoration:underline solid #000000;}

@media screen and (min-width:768px){
.sp-item { display: none; }
}
@media screen and (max-width: 759px) {
.dp-sect .dp-subttl{font-size: 1.5rem;}
.dp-sect .dp-subttl{width:100%;font-size: 1.3rem;line-height: 25px;}
.dp-sect ul {/*width: calc(100% / 2 - 10px)*/width:100%; }
.table-scroll {
	  overflow-x:scroll;
	  overflow-y:hidden;
       white-space: nowrap;
        width: 97%;
        margin: 0 auto;
        }
.table-scroll::-webkit-scrollbar{ 
   width:10px;
   height:10px;
}
.table-scroll::-webkit-scrollbar-thumb{ 
   background: #aaa;
   /*border-radius: 5px;*/
}
.table-scroll::-webkit-scrollbar-track-piece:end{
   background: #fff5;
}
}
@media screen and (max-width:767px){
.pc-item {display: none; }
}

.dp-sect .dp-subttl{width: 95%;}
.dp-sect table{margin:10px auto 2px;}
.dp-sect .dp-subttl{border-radius: 5px;margin: 20px auto 0;padding: 5px;}
.dp-sect p{font-size: 1.6rem;}


/*アンカーリンクボタン*/
.introduction_btn{
  margin-top: 40px;
  text-align: center;
  padding-bottom: 30px;
}

.introduction_btn div span.term::before, .introduction_btn div span.term::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 2px;
  background-color: #000;
  top: 50%;
  position: absolute;
}

 .introduction_btn div span.term {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 0 24px;
  position: relative;}


  .introduction_btn div span.term::before {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-65deg);
  transform: translateY(-50%) rotate(-65deg);
}

.introduction_btn div span.term::after {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(65deg);
  transform: translateY(-50%) rotate(65deg);
}

.introduction_btn .color .btn_base {
  border-color: #6B3BA8;
}

.btn_base {
  border: 2px solid ;
  border-radius: 50px;
  width: 340px;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 8px 0px 8px;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
  margin: 0 8px;
}


@media only screen and (min-width: 768px) {
 .introduction_btn {display: flex; justify-content: center; margin-bottom: 3em;}
}

.hikaku_tittle {text-align: center;}