@charset "UTF-8";
/* CSS Document */

.under_about_head img{
width:  auto;
height: auto;
object-fit: cover;
}

.under_about_head {
position:relative;
}

.under_about_head h2{
position:absolute;
color:#fff;
top: 44%;
left: 5%;
font-size:30px;
font-weight:700;
transform: translate(0%, -50%);
}

.under_about_wrap{
max-width:745px;
margin-left:auto;
margin-right:auto;
margin-top:80px;
}

.under_about_wrap p{
font-size:19px;
line-height:2.2;
letter-spacing:0.06em;
color:#555;
margin-bottom:80px;
}

.under_about_wrap h3{
font-size:24px;
margin:0 auto 30px;
text-align:center;
letter-spacing:0.06em;
}

.under_about_wrap h3 span{
padding-left:0.5em;
padding-right:0.5em;
background:linear-gradient(transparent 50%, #b1f1fc 50%);
}


.slider_img {
/*   width:100%;
  display: flex !important; */
  margin-bottom:60px;
}

.slider_img img {
  height: 240px !important;
  width:auto !important;
  margin-right:15px;
}


/*
-----------------------------------------------
▼カテゴリー
----------------------------------------------- */
.category_box{
padding:20px 40px;
background:#ededed;
}

.category_box ul{
display: flex;
column-gap:15px;
flex-wrap:wrap
}

.category_box li a:hover{
text-decoration:none;
}

.category_box li .cate{
width:9em;
padding:6px;
font-size:13px;
}

.category_box li a{
border-radius:6px;
}

.news_category_h{
font-size:22px;
margin-top:30px;
border-bottom:solid 1px #999;
padding-bottom:10px;
}

@media screen and (max-width: 767px){
.category_box{
padding:10px;
background:#ededed;
}

.category_box ul{
gap:10px ;
justify-content:center;
}

.category_box li a:hover{
text-decoration:none;
}

.category_box li .cate{
width:7em;
padding:5px;
font-size:10px;
}

.news_category_h{
font-size:18px;
margin-top:16px;
border-bottom:solid 1px #999;
padding-bottom:6px;
}

}


@media screen and (max-width: 500px){
.under_about_head h2{
position:absolute;
color:#fff;
top: 46%;
left: 50%;
font-size:19px;
font-weight:700;
width:15em;
transform: translate(-50%, -50%);
}

.under_about_head img{
width:  auto;
height: 170px;
object-position: center 0;
object-fit: cover;
}

.under_about_wrap{
max-width:745px;
margin-top:30px;
padding-left:3%;
padding-right:3%;
margin-bottom:-20px;
}

.under_about_wrap h3{
font-size:18px;
margin:0 auto 20px;
text-align:center;
letter-spacing:0.06em;
}

.under_about_wrap p{
font-size:14px;
line-height:2.2;
letter-spacing:0.04em;
color:#555;
margin-bottom:40px;
}

.under_about_wrap p:last-child{
margin-bottom:0 !important;
}

}