/* --------------------html----------------------------------- */
/* 75%に縮小して表示 */
/* html {
  transform: scale(0.75);
  transform-origin: left top;
  height: calc(100% / 0.75);
  width: calc(100% / 0.75);
} */

/* --------------------body----------------------------------- */

body{
  background-color: #F3F7F7;
}
.bg_wh{
  width: 100%;
  background-color: #fff;
}
.bg_wh .inner{
  width: 1150px;
  padding: 15px 10px;
  margin: auto;
}

header, footer, main, .navigation{
  width: 1150px;
  margin: 0 auto;
}
/* ---------------------------------pickup------------------------ */
#pickup{
  display: flex;
  justify-content: flex-start;
  width: 500px;
  height: 90px;
  float: left;
  border: 1px solid #c0c0c0;
}
#pickup .pickup_title{
  margin-right: 15px;
  width: 110px;
  display: table;
  background-color: #004BB1;
  position: relative;
}
#pickup .pickup_title.orange{
  background-color: #e55926;
}
#pickup .pickup_title.purple{
  background-color: #5F3D8E;
}

#pickup .pickup_title p{
  font-size: 20px;
  color: #fff;
  display: table-cell;
  vertical-align: top;
  padding-top: 15px;
  text-align: center;
}
#pickup .pickup_title .abs_link {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 12px;
}
#pickup .pickup_item{
  width: calc(100% - 150px);
  padding-bottom: 10px;
  padding-right: 15px;
}
#pickup .item_head{
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 300;
}
#pickup .label{
  margin-left: 33px;
  padding: 2px 30px;
  color: #CC0000;
  border: 1px solid #CC0000;
}
#pickup .item_content{
  color: #000;
}
#pickup .item_content .cont_title{
  margin-bottom: 10px;
}
#pickup .item_content .cont_text{
  padding-top: 10px;
}

/* ----------------------------banner main------------------------------------ */
.banner_main{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 200px;
  float: left;
}
.banner_main a {
  width: 200px;
  height: 70px;
}
.banner_main a:hover {
  text-decoration: none;
}
.banner_wrapper {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
.banner_date {
  color: #fff;
  font-size: 15px;
  font-weight: 200;
  list-style: none;
  position: relative;
  top: -23px;
}


/* -------------------------------------main inner------------------------------ */
#top .main_inner{
  padding: 15px 0 0 0;
  width: 1150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.cont_main_inner{
  padding: 15px 5px 0 5px;
  width: 1150px;
  margin: 0 auto;
  justify-content: space-between;
}

.sub_inner{
  display: flex;
}

.disp_result{
  width: 50%;
}

.disp_result_25{
  width: 25%;
}

.disp_total{
  margin-top: 10px;
}

.disp_total .font_red {
  color: #f00;
}

.btn_area{
  width: 50%;
  text-align: right;
}

.btn_area_center{
  width: 50%;
  text-align: center;
}

.sub_inner_2{
  margin: 0 0 15px 0;
  text-align: center;
  width: 1150px;
}


/* ---------------------------------------banner side------------------------------- */
.banner_side{
  width: 200px;
  margin-bottom: 15px;
}
.banner_side_sp{
  display: none;
}
.banner_side .title{
  margin-bottom: 12px;
  text-align: center;
}
.banner_side .banner_list{
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 20px #c4c8d040;
}
.banner_side .banner_list a{
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 15px;
  position: relative;
  transition: all .3s ease;
}
.banner_side .banner_list a:last-child{
  border-bottom: none;
}
.banner_side .banner_list a:hover, .banner_side .banner_list a:focus{
  text-decoration: none;
  background-color: #EBEBEB;
  transition: all .3s ease;
}

.banner_side .banner_list a::after{
  position: absolute;
  content: "";
  width: 8px;
  height: 13px;
  background-image: url(../../img/Member/chervon_bk.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.banner_side .banner_list .disabled-link{
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  pointer-events: none;
  color: #999;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 15px;
  position: relative;
  transition: all .3s ease;
}

/* -------------------------------------------news group-------------------------------- */
.news_group{
  width: 930px;
}
.news_group section{
  width: 535px;
  float: left;
  margin-bottom: 15px;
}
.news_group .sec_title{
  width: 100%;
  position: relative;
  padding: 5px 15px;
}
.news_group #news  .sec_title{
  background-color: #007bb1;
}
.news_group #minkan  .sec_title{
  background-color: #d39c08;
}
.news_group #nyusatsu  .sec_title{
  background-color: #004BB1;
}
.news_group #kekka  .sec_title{
  background-color: #5F3D8E;
}

.news_group .sec_title .sec_title_link{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 1.8;
}
.news_group .sec_title span{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-right: 10px;
}
.news_group .sec_title a{
  font-size: 16px;
  font-family: "Yu Gothic";
  color: #fff;
  font-weight: bold;
}
.news_group .sec_title a::after{
  content: "";
  display: inline-block;
  background-image: url(../../img/Member/chervon_wh.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin-left: 20px;
  vertical-align: middle;
}
.news_group .news_list{
  padding: 5px 15px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

/* --------------------------------- tooltip -------------------------------- */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: not-allowed;
  color: #999 !important;
  text-decoration: none;
}

.tooltip .tooltiptext {
  visibility: visible;
  width: 80px;
  background-color: #fff;
  color: #f00;
  text-align: center;
  border-radius: 3px;
  padding: 3px 4px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* 上に表示 */
  left: 50%;
  margin-left: -40px;
  opacity: 1;
  transition: opacity 0.3s;
  font-size: 11px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}