@charset "UTF-8";
/*------------------------------------------------------------------------------
    config
------------------------------------------------------------------------------*/
/***  media ***/
/***  color ***/
/*** font ***/
#header {
  background: #F4F9FA;
}
#item {
  position: relative;
}
#item::after {
  position: absolute;
  content: "";
  width: 572px;
  height: 503px;
  bottom: -70px;
  right: 0px;
  background: url(../img/common/item_bg.png) no-repeat center / contain;
  transition: 0.3s ease-in-out;
  z-index: -1;
}
@media screen and (max-width: 850px) {
  #item::after {
    width: 300px;
    height: 264px;
    bottom: -30px;
  }
}
#item .inner {
  max-width: 940px;
}
#item .item_box {
  display: flex;
}
#item .item_box .item_box_l {
  width: 100%;
  padding-right: 30px;
}
#item .item_box .item_box_r {
  width: 100%;
  padding-left: 30px;
}
#item .item_box .item_list li {
  padding-bottom: 10px;
  text-align: left;
  border-bottom: 1px solid #707070;
}
#item .item_box .item_list li + li {
  margin-top: 15px;
}
@media screen and (max-width: 850px) {
  #item .item_box .item_list li + li {
    margin-top: 10px;
  }
}
#item .item_box .item_list .frist_ttl {
  padding-bottom: 50px;
}
#item .item_box .item_list .frist_ttl .h3_ttl {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #004890;
  text-align: left;
}
@media screen and (max-width: 850px) {
  #item .item_box .item_list .frist_ttl .h3_ttl {
    font-size: 22px;
  }
}
@media screen and (max-width: 850px) {
  #item .item_box {
    display: block;
  }
  #item .item_box .item_box_l {
    padding-right: 0;
  }
  #item .item_box .item_box_r {
    padding-left: 0;
    margin-top: 50px;
  }
}