#sec_mv .inner{
 display: flex;
}
#sec_mv .inner .mv{
 width: 100%;
 height: auto;
 text-align: center;
}
.mv_sp{
 display: none;
}
#sec_mv .inner .msg{
 width: 600px;
 display: flex;
 justify-content: center;
 align-items: center;
}
#sec_mv .inner .msg .textV{
 width: 2em;
 margin: 0 auto;
 height: 380px;
 line-height: 1.8em;
 letter-spacing: 0.2em;
}
#sec_about_company .bg{
 background: url(../img/home/b_bg1.png) no-repeat;
 background-position: top 50% right calc( 50vw + 420px );
}
#sec_about_company .list{
 display: flex;
 justify-content: space-evenly;
}
#sec_about_company .list li{
 width: 32%;
 text-align: center;
}

#sec_about_base .bg{
 background: url(../img/home/b_bg2.png) no-repeat;
 background-position: top 50% right calc( 50vw + 350px );
}

#sec_guide .bg{
 background: url(../img/home/b_bg3.png) no-repeat;
 background-position: top 50% left calc( 50vw + 550px );
}
#sec_guide .box{
 background: rgba(255,255,255,0.5);
 border-radius: 15px;
 padding: 30px;
}
#sec_guide .list li{
 list-style: disc;
 list-style-position: inside;
 margin-bottom: 10px;
}

#sec_merit .list{
 display: grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
}
#sec_merit .list li {
    background: var(--orange);
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    display: flex;
    position: relative;
}
#sec_merit .list li .chara_ex_wrap {
    aspect-ratio: 1 / 1;
    display: grid;
    align-content: center;
    justify-content: center;
}
#sec_merit .list li .chara_ex_wrap img{
	text-align: center;
	margin: auto;
}
#sec_news .bg{
 background: url(../img/home/b_bg4.png) no-repeat;
 background-position: top 50% right calc( 50vw + 530px );
}
#sec_news .list{
 display: flex;
}
#sec_news .list .ttl{
 display: flex;
 background: var(--brown);
 color: #fff;
 justify-content: center;
 align-items: center;
 width: 200px;
 min-height: 200px;
 font-weight: normal;
 font-size: 100%;
}
#sec_news .list ul{
 width: calc( 100% - 200px );
 background: #FFE9E8;
 padding: 30px;
}
#sec_news .list ul li{
 word-break: break-all;
}
#sec_news .list ul li a{
 display: flex;
 padding: 5px;
}
#sec_news .list ul li a .date{
 min-width: 8em;
}

/* #sec_staff{
 background: url(../img/home/member_bg_202407.jpg) no-repeat center top;
 background-size: auto 100%;
} */
#sec_staff .list{
 display: flex;
 justify-content: center;
 gap:15px;
}
#sec_staff .list li img{
 border-radius: 50%;
}

#sec_blog .bg,
#sec_workforce .bg{
 background: url(../img/home/b_bg5.png) no-repeat;
 background-position: bottom 50% left calc( 50vw + 580px );
 min-height: 143px;
}
#sec_blog .list,
#sec_workforce .list,
#sec_making .list,
#sec_mommy .list,
#sec_job .list,
#sec_supporter .list,
#sec_happy .list
{
 display: flex;
 gap: 10px;
}
#sec_blog .list li,
#sec_workforce .list li,
#sec_making .list li,
#sec_mommy .list li,
#sec_job .list li,
#sec_supporter .list li,
#sec_happy .list li
{
 width: 25%;
 word-break: break-all;
}
#sec_blog .list li img,
#sec_workforce .list li img,
#sec_making .list li img,
#sec_mommy .list li img,
#sec_job .list li img,
#sec_supporter .list li img,
#sec_happy .list li img{
 width: 100%;
 height: auto;
 aspect-ratio: 1 / 1;
 object-fit: cover;
}

/*
===================================================
	pc large
===================================================
*/
/* @media screen and (min-width: 1920px) {
 #sec_staff{
  background: url(../img/home/member_bg_202407.jpg) no-repeat center top;
  background-size: cover;
 }
} */
/*
===================================================
	pc middle
===================================================
*/
@media screen and (max-width: 1300px) {
 #sec_mv .inner .mv{
  width: 100%;
 }
 #sec_mv .inner .msg{
  width: 400px;
 }
 #sec_mv .inner .msg .textV{
  height: 300px;
 }
}
@media screen and (max-width: 1050px) {
 #sec_merit .list{
  display: grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  color: #fff;
 }
 #sec_merit .list li{
  padding: 40px 15px 20px;
 }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 #sec_mv .inner{
  display: block;
 }
 #sec_mv .inner .mv{
  width: 100%;
 }
 #sec_mv .inner .msg{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 50px 15px;
 }
 #sec_mv .inner .msg .textV{
  width: 2em;
  margin: 0 auto;
  height: 300px;
  line-height: 1.8em;
  letter-spacing: 0.2em;
 }

 #sec_about_company .list{
  display: block;
 }
 #sec_about_company .list li{
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
 }

 #sec_guide .box{
  padding: 20px;
 }
 #sec_news .list{
  display: flex;
 }
 #sec_news .list .ttl{
  display: none;
 }
 #sec_news .list ul{
  width: 100%;
  padding: 20px;
 }
 #sec_news .list ul li a{
  display: block;
  padding: 5px;
 }

 /* #sec_staff{
  background: url(../img/home/member_bg_202407.jpg) no-repeat center top;
  background-size: auto 100%;
 } */
 #sec_staff .list{
  display: flex;
  flex-wrap: wrap;
  gap:15px;
 }
 #sec_staff .list li{
  width: 40%;
  text-align: center;
 }
 #sec_staff .list li img{
  border-radius: 50%;
 }

#sec_blog .list,
#sec_workforce .list,
#sec_making .list,
#sec_mommy .list,
#sec_job .list,
#sec_supporter .list,
#sec_happy .list{
  display: flex;
  gap: 10px;
  flex-wrap:wrap;
 }
#sec_blog .list li,
#sec_workforce .list li,
#sec_making .list li,
#sec_mommy .list li,
#sec_job .list li,
#sec_supporter .list li,
#sec_happy .list li{
	width: calc( 50% - 5px );
 }
}

@media screen and (max-width: 753px) {
#sec_mv .inner .mv .mv_pc{
	display: none;
}
#sec_mv .inner .mv .mv_sp{
	display: block;
}
#sec_merit .list li,
#sec_merit .list li .chara_ex_wrap{
	aspect-ratio: auto;
	display:block; 
	}
}

@media screen and (max-width: 596px) {
 /* #sec_staff{
  background: url(../img/home/member_bg_sp_202407.jpg) no-repeat left top;
  background-size: auto 138%;
 } */
#sec_merit .list li .chara_ex_wrap img {
	width: 60%;
	height: auto;
}
#sec_merit .list li .chara_ex_wrap{
	width: 80%;
	display: inline;
}
}
.min251{
	min-width: 251px;
}

@media screen and (max-width: 360px) {
#sec_about_company .sp-font-ll .border{
	font-size: 85%;
}
}

.styleBtn .blog_more_btn{
	background: #fff;
	color: var(--brown);
	border: solid 1px var(--brown);
}