@charset "UTF-8";

@media screen and (max-width: 768px){
body { 
    font-size: 14px;
}
main {
    margin-top: 60px;
}

.pc_none{
	display:block;
}
.sp_none{
	display:none;
}

#style01{
	width:100%;
}





/*　ヘッダー　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.header{
    width: 100%;
    justify-content: space-between;
    padding: 5px 10px;
	box-shadow: none;

}





.header_h1{
	display: none;
}
.hf_close{
	top: 4vw;
	right: 4vw;
}

.hf_box {
    max-width: 500px;
    grid-template-columns: 1fr;
	gap: 30px;
}

/* .hf_box{
    grid-template-columns: 1fr;
	gap: 5vw;
} */

.hf_box_l{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hf_logo{
	margin-bottom: 10px;
}

.hf_logo img{
	/* width: 40vw; */
    width: 156px;
}

.hf_sns_icon{
    max-width: 140px;
	gap: 10px;
}

.hf_sns_icon li{
	width: 39px;
}

.hf_box_link01{
	width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hf_box_link01 li{
	/* padding: 1vw 0; */
	font-size: 16px;
}

.hf_box_link01 li:not(:last-child){
	/* margin-bottom: 10px; */
    margin-bottom: 0;
}

.hf_box_link01 li a span{
	margin-right: 23px;
    font-size: 23px;
}

.hf_box_link02{
	/* justify-content: center;
	gap: 3vw; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    flex-wrap: wrap;
}

.hf_box_link02 a{
	/* width: 38vw;
	height: 16vw; */
    display: block;
    width: 100%;
    height: auto;
    padding: 5px;
    text-align: center;
}

.hf_box_link02_01{
	font-size: 19px;
}

.hf_box_link02_02{
	font-size: 12px;
}






/* フッター　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/


.footer01{
    padding: 60px 30px;
}
.footer01_box{
	display: flex;
	flex-direction: column;
	align-items: center;
    gap: 40px;
}
.footer_name{

}
.footer_menu{
	grid-auto-flow: unset;
    grid-template-columns: repeat(1, 1fr);
	gap: 4vw;
    text-align: center;
}
.footer_sns{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4vw;
}
.footer02_box {
    flex-direction: column;
    font-size: 12px;
    font-weight: normal;
}
.footer_ac{
	flex-direction: column;
    gap: 30px;
}
.footer_privacy{
	text-align: center;
}
.footer_adress{
    margin-top: 30px;
}
.footer_copy{
	text-align: center;
}


/* 下層ページの共通レイアウト　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/
.pageHead {
    margin-top: 100px;
}
.pageHead__title {

}
.pageHead__title::after {
    width: 10%;
    height: 1px;
    background: #707070;
}
.pageHead__title--en {
    font-size: 25px;
}
.pageHead__title--ja {
    font-size: 14px;
}

/* 下層ページのレイアウト */
.pageBody {
    margin-top: 60px;
}

/* 投稿ページのレイアウト */
.postBody__inner {
    flex-direction: column-reverse;
    gap: 60px;
}
.postBody__sidebar {
    width: 100%;
    padding-bottom: 0;
}
.postBody__contents {
    width: 100%;
}


/*　サイドバーの共通レイアウト　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/
.sidebar__title {
    font-size: 20px;
}



/*　news 一覧　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/* .newsList {
    gap: 10px;
}
.newsList.--archive-news {
    gap: 10px;
} */


.newsList{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}
/* newsページの個別設定 */
.newsList.--archive-news {
    gap: 5px;
}

.newsList_img {
	width: 30%;
    height: auto;
    min-height: 100px;
    /* aspect-ratio: 1; */
}
.newsList_img a img {
    width: 100%;
	height: 100%;
    object-fit: cover;
}


.newsList li {
    gap: min(2.56vw, 50px);
    padding: 10px;
}

.newsList_img img{
	width: 100%;
	height: auto;
    aspect-ratio: 1;
	object-fit: cover;
    border-radius: 17px;
}
.newsList_box {
    display: flex;
}
.newsList_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.newsList_date {
    font-size: 12px;
}
.newsList_category {
    display: inline-flex;
}
.newsList_title{
    margin-top: 6px;
	font-size: 14px;
}
.newsList_more {
    
}
.newsList_more a {
    font-size: 8px;
    padding-right: 13px;
}
.newsList_more a:after {
    width: 8px;
    height: 7px;
}


/*　ページネーション　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

/*　共通スライダー　タレントリスト　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

/* 下層ページ共通  セクションタイトル 共通  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/
.heading-title {
    flex-direction: column;
    align-items: start;
    gap: 0px;
}
.heading-title--en {
    font-size: 20px;
    line-height: 1.4;
    padding-left: 31px;
}
.heading-title--en::before {

}
.heading-title--ja {
    font-size: 12px;
    z-index: 2;
    padding-left: 31px;
}




/* パンクズリスト breadcrumb　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/
.breadcrumb__list-item {
    font-size: 12px;
}


/* トップへ戻る　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/


.to-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 40px;
}
.to-top__image {
    transform: rotate(-90deg);
    width: 10px;
    height: auto;
}

}/* end */