@charset "UTF-8";
html{
	scroll-behavior: smooth;
}
main {
    width: 100%;
    overflow: hidden;
}
body{
    background-color: #242424;
}
/*********************************

デバイス

**********************************/
@media screen and (max-width:768px) {
    .spnone {
        display: none !important;
    }
}

@media screen and (min-width:769px) {
    .pcnone {
        display: none !important;
    }
}

.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    /* transition: 0.3s ease-in-out;*/
}

.fade:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.flex {
    display: flex;
    justify-content: space-between;
}
.relative {
    position: relative;
}
.img{
    width: 100%;
    vertical-align: middle;
}
.content {
    max-width: 912px;
    width: 69.19575vw;
    margin: 0 4.8558% 0 25.9484%;
}
@media screen and (max-width:1020px) {
	.content {
    max-width: 100%;
    width: 88.154%;
    margin: 0 auto;
}
}
.mgb64{
	margin-bottom: 64px;
}
.mgb64:last-of-type{
	margin-bottom: 0;
}
@media screen and (max-width:768px) {
	.mgb64{
	margin-bottom: 20px;
}

}
/**************
     ボタン
****************/
/*footer上のお問い合わせ*/
.link_btn-light_blue {
	display: inline-block;
      width: 288px;
      padding: 20px 24px;
      border-radius: 10px;
      outline: 1px solid #F8F8F9;
      background: #F7F8FB;
	cursor: pointer;
	transition: transform 0.3s ease;
}
.link_btn-light_blue:hover {
        border-radius: 10px;
        outline: 1px solid #00197D;
        background: #00197D;
transition: transform 0.3s ease;
}
.link_btn-light_blue:hover span {
          color: #FFF;
transition: transform 0.3s ease;}
.link_btn-light_blue:hover span::after {
        transform: translateY(-50%) translateX(6px);
}
.link_btn-light_blue span {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #242424;
        font-feature-settings: 'palt' on;
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        /* 25.6px */
        letter-spacing: 0.48px;
transition: transform 0.3s ease;}
.link_btn-light_blue span::after {
          content: "";
          display: block;
          width: 32px;
          height: 32px;
          background-color: black;
          border-radius: 50%;
	cursor: pointer;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%) translateX(0);
	transition: transform 0.3s ease;
          background-image: url("../image/icon_membership-btn.svg");
          background-size: 10px 10px;
          background-position: center; }
.link_btn-light_blue.arrow.outline{
outline: 1px solid #B9C0DC;
}
.link_btn-light_blue.arrow span::after {
          background-image: url("../image/icon_right-arrow.svg");
}
@media screen and (max-width:768px) {
	.link_btn-light_blue {
display: block;
		margin: 0 auto;
 }

}
/*「一覧を見る」*/
a.view-all-posts{
	display: flex;
justify-content: center;
align-items: center;
gap: 16px;
		align-self: stretch;

}
	a.view-all-posts span{
		display: inline-flex;
  align-items: center;
  gap: 16px;
		color: #242424;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
letter-spacing: 0.48px;
transition: transform 0.3s ease;
}
a.view-all-posts span:hover{
	color: #2C4197;
      text-decoration: underline;
	text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
transition: transform 0.3s ease;
}
a.view-all-posts span::after{
	content: "";
          width: 40px;
          height: 40px;
          background-color: #2C4197;
          border-radius: 50%;
          background-image: url("../image/icon_right-arrow.svg");
          background-size: 12px 12px;
background-position: center;
  background-repeat: no-repeat;
	display: inline-block;
  flex-shrink: 0;
transform: translateX(0);
  transition: transform 0.3s ease;
}
a.view-all-posts:hover span::after {
	background-color: #242424;
transform: translateX(6px);
	transition: transform 0.3s ease;}
/*ホームページのボタン*/
.hp{
width: 288px;
padding: 20px 24px;
border-radius: 10px;
	background-color: #E7E8EA;
transition: background-color 0.3s ease;
}
.hp span{
        display: flex;
        justify-content: space-between;
        align-items: center;
	color: #242424;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
letter-spacing: 0.48px;
	transition: color 0.3s ease;
}

.hp span::after {
          content: "";
          display: block;
          width: 32px;
          height: 32px;
          background-color: #242424;
          border-radius: 50%;
          background-image: url("../image/icon_link-site.svg");
          background-size: 10px 10px;
          background-position: center;
}
.hp:hover {
   background-color: #3C3C3C;
	color: #fff;
}
.hp:hover.hp span {
	color: #fff;

}
@media screen and (max-width:768px) {
.hp{
width: 90%;
		}

}
/**************
　　共通項目
***************/
h3.h3{
	display: inline-block;
    width: 100%;
    padding: 24px 40px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 10px;
    background: #2C4197;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    /* 38.4px */
    letter-spacing: 0.72px;
    margin-bottom: 40px;
}
h3.h3.mgt{
	margin-top: -51px;
}
h3.h3.color-green{
	background: #007440;
}
@media screen and (max-width:768px) {
h3.h3{
    padding: 16px 40px;
    margin-bottom: 24px;
}
h3.h3.sp-pd{
    padding: 24px 40px;
}
h3.h3.mgt{
	padding: 24px 40px;
	margin-top: -43px;
}
h3.h3.sp-mgb40{
margin-bottom: 40px;
	}	
h3.h3.color-green{
	background: #007440;
}
	
}
/*下層ページのメインビジュアル*/
/*バックの画像が緑色*/
section.page-mv{
	width: 100%;
height: 544px;
flex-shrink: 0;
	background-image: url("../image/page-mv.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*バックの画像が青色*/
section.page-mv.single{
height: 302px;
	background-image: url("../image/page-mv-single.jpg");
}
section.page-mv.single h2{
	top: 184px;
}
@media screen and (max-width:768px) {
section.page-mv{
	width: 100%;
height: 400px;
flex-shrink: 0;
	background-image: url("../image/sp-page-mv.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*バックの画像が青色*/
section.page-mv.single{
height: 218px;
	background-image: url("../image/sp-page-mv-single.jpg");
}
section.page-mv.single h2{
	top: 55%;
	right: 21px;
}
}
/*パンくずリスト*/
div.breadcrumb{
display: flex;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
background: #F8F8F9;
    margin: 0 auto;
	padding: 16px 0;
}
div.breadcrumb nav{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
div.breadcrumb nav ol {
  display: flex;
  gap: 20px;
}
div.breadcrumb nav ol li {
    position: relative;
}
div.breadcrumb nav ol li:nth-child(1),div.breadcrumb nav ol li:nth-child(2){
	white-space: nowrap;
}
div.breadcrumb nav ol li a{
	color: #000;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 24px */
letter-spacing: 0.36px;
}
div.breadcrumb nav ol li:not(:last-child)::after {
        content: "/";
        position: absolute;
        right: -0.8em;
}
div.breadcrumb nav ol li a[aria-current="page"] {
	color: var(--suzenji-black, #242424);
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 24px */
letter-spacing: 0.36px;
      text-decoration: none;
      pointer-events: none;
    }

/*ボタン類*/
/*会員企業一覧*/
button.list-btn{
	display: flex;
align-items: center;
gap: 16px;
	color: var(--suzenji-black, #242424);
font-feature-settings: 'palt' on;

/* suzenji./16px-Bold */
font-family: "Noto Sans JP";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
letter-spacing: 0.48px;
}
/*お知らせのカテゴリー*/
div.post_category{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 4px;
}
.post_category p{
display: inline-block;
width: fit-content;
padding: 4px 12px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #2C4197;
color: #fff;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 19.2px */
letter-spacing: 0.36px;
				}
/*
@media screen and (max-width:768px) {
	.post_category p{
	margin-right: 0;
				}
}
*/

.acf-fields.-border{
	display: flex;
    justify-content: flex-start;
    align-items: center;

}
@media screen and (max-width:767px) {
.sp-flex{
		display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    gap: 20px;
	}
.sp-flex.g16{
	align-items: flex-start;
	    gap: 16px;
	margin-top: 0;
}
}
/*スクロールの文字の位置調整*/
.scroll-hint-icon-wrap {
  top: -360px; /* ← 数値を調整して上に移動 */
}

/*ページネーション*/
.pagenation {
  display: flex;
  justify-content: center;
 align-items: center;
}
.prev.disabled{
display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 40px;
    background: var(--suzenji-blue, #2C4197);
    color: #fff;
    margin-right: 16px;
}
ul.page-numbers{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
ul.page-numbers li{
		width: 32px;
    height: 32px;
display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100vh;
}
li span.page-numbers.current{
	display: inline-block;
	width: 32px;
    height: 32px;
	color: var(--suzenji-blue, #2C4197);
    text-align: center;
	border-radius: 100vh;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.42px;
	background-color: #E8EAF3;}
.nav-links{
   display:flex;
}
a.page-numbers {
	width: 32px;
    height: 32px;
display: flex;
    justify-content: center;
    align-items: center;    
	color: #242424;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    letter-spacing: 0.42px;
		transition: color 0.3s ease;
}
a.page-numbers:hover{
	color: #2C4197;
	
}
a.next{
	display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 40px;
    background-color: #2C4197;
    color: #fff;
    margin-left: 8px;
	transition: background-color 0.3s ease;
}
a.next:hover{
	background: #242424;
	color: #fff;
}
a.next .arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

a.next:hover .arrow {
	color: #fff;
  transform: translateX(4px); /* ← 右にスライド */
}
a.prev{
	display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 40px;
    background-color: #2C4197;
    color: #fff;
    margin-right: 8px;
	transition: background-color 0.3s ease;
}
a.prev:hover{
		background-color: #242424;
}
a.prev .arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

a.prev:hover .arrow {
	color: #fff;
  transform: translateX(-4px); /* ← 右にスライド */
}
.page-numbers.dots{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666; 
}
.PrevNext{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 17%;
}
@media screen and (max-width:767px) {
	.PrevNext{
	margin: 0 auto;
	}
}
.prev-arrow a{
display: flex;
    justify-content: center;
    align-items: center;
	gap: 8px;
	color: #242424;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 22.4px */
letter-spacing: 0.42px;
transition: transform 0.3s ease;
}
.prev-arrow a::before{
	content: "";
          display: inline-block;
          width: 32px;
          height: 32px;
          background-color: #2C4197;
          border-radius: 50%;
          background-image: url("../image/prev-arrow.svg");
          background-size: 10px 10px;
          background-position: center;
	transition: background-color 0.3s ease;
}
.next-arrow a{
display: flex;
    justify-content: center;
    align-items: center;
	gap: 8px;
		color: #242424;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 22.4px */
letter-spacing: 0.42px;
	transition: transform 0.3s ease;
}
.next-arrow a::after{
	content: "";
          display: inline-block;
          width: 32px;
          height: 32px;
          background-color: #2C4197;
          border-radius: 50%;
          background-image: url("../image/icon_right-arrow.svg");
          background-size: 10px 10px;
          background-position: center;
	transition: background-color 0.3s ease;
}
.prev-arrow a:hover {
  color: #2C4197;
  text-decoration: underline;
}
.prev-arrow a:hover::before {
  background-color: #242424;
}
.next-arrow a:hover {
  color: #2C4197;
  text-decoration: underline;
}
.next-arrow a:hover::after {
  background-color: #242424;
}
.list-link a{
	color: #242424;
font-feature-settings: 'palt' on;
font-family: "Noto Sans JP";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 22.4px */
letter-spacing: 0.42px;
	transition: transform 0.3s ease;
}
.list-link a:hover{
	color: #2C4197;
  text-decoration: underline;
	
}
/*イベントの様子*/
.h3-event{
	color: #242424;
	font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.72px;
	margin-bottom: 24px;
}
/*reCAPTCHA位置調整*/
.grecaptcha-badge {
    bottom: 30px !important;
}