@charset "utf-8";

/************************************************************
 * ▼▼ PC
 * **********************************************************/
.news_list h4{
    color: #3b8eb1;
    margin: 10px 0 5px;
    font-size: 16pt !important;
    font-family: system-ui;
}
.news_list .news_list_box{
    width: 80%;
    margin: 20px 10%;
    padding-bottom: 25px;
    border-bottom: 2px dotted #3b8eb1;
}
.news_list_box img.news_img_link{
    width: 30%;
    margin-right: 5%;
}
.news_list_box .news_text_link{
    width: 60%;
}
.news_list_box img.news_img_link,
.news_list_box .news_text_link{
    float: left;
}
.news_list_box .news_text_link h4,
.news_list_box .news_text_link p.news_text_day,
.news_list_box .news_text_link p.news_text_detail{
    text-align: left !important;
}
div.button_left {
    margin-top: 18px;
}
.dli-plus {
    vertical-align: middle;
    color: #3b8eb1;
    line-height: 1;
    width: 1em;
    height: 0.1em;
    background: currentColor;
    border-radius: 0.1em;
    position: absolute;
    top: 23px;
    right: 15px;
}
.dli-plus::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.news_list_more{
    width: 30%;
    margin: 0 auto;
}
.news_text_day{
    margin: 0 0 15px 0 !important;
}

div#main div.main_inner div h2{
    /*margin: 0 0 40px 0;*/
}
a.news_link p{
    text-align: left !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
}
a.news_link img{
    width: 30px;
}
/************************************************************
 * ▲▲ PC
 * **********************************************************/

  /************************************************************
 * ▼▼ Tablet
 * **********************************************************/
@media screen and (max-width: 780px) {

.news_list_box img.news_img_link,
.news_list_box .news_text_link{
    float: none;
}
.news_list_box img.news_img_link {
    width: 100%;
}
.news_list_box .news_text_link {
    width: 100%;
}
div.main_content_button {
    width: 100%;
}

}/****************消さない****************/

  /************************************************************
 * ▲▲ Tablet
 * **********************************************************/

  /************************************************************
 * ▼▼ SP
 * **********************************************************/
@media screen and (max-width: 480px) {


}/****************消さない****************/

  /************************************************************
 * ▲▲ SP
 * **********************************************************/