@charset "UTF-8";

/*------------------------------------------------------------
implementation
------------------------------------------------------------*/
body.is-modal-open{
  overflow:hidden;
}




.page-implementation .l-mv h1{
  margin-bottom: 3rem;
  /* font-size: 5.6rem; */
  font-size: 3.6rem;
  font-weight: 700;
  font-family: "Libre Baskerville", serif;
  line-height: 1.25;
  letter-spacing: 0;
}

@media screen and (min-width: 600px) {
  .page-implementation .l-mv h1{
    margin-bottom: 1rem;
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
}

@media screen and (min-width: 1024px) {
  .page-implementation .l-mv h1{
    margin-bottom: 1.5rem;
    font-size: 10rem;
  }
}

@media screen and (min-width: 1366px) {
  .page-implementation .l-mv h1{
    font-size: 12rem;
  }
}



.page-implementation .l-header .languages .ja {
  background: none;
  color: var(--primary-color);
  pointer-events: none;
}

.page-implementation .c-small-two-lang-heading > span:nth-of-type(1).--ja{
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
}

.page-implementation .c-small-two-lang-heading > span:nth-of-type(1).--blue{
  color: var(--calm-blue);
}

.s-implementation .a-mv {
  height: 100svh;
  background: #eee;
}

.s-implementation .s-about {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .s-implementation .s-about {
    margin-top: -5rem;
  }
}


.s-implementation-nav .link-4{
  letter-spacing: 0;
}


.about_content{
}

.s-implementation .s-about > div > div {
  position: relative;
  background: var(--primary-color);
}

@media screen and (max-width: 599px) {
  .s-implementation .s-about > div > div {
    padding-top: 4rem;
    padding-bottom: 13rem;
  }
}

@media screen and (min-width: 600px) {
  .s-implementation .s-about > div > div {
    transform: translate(3rem, 0);
    width: 72.12871287%;
    margin-left: auto;
    padding-right: 4rem;
    padding-left: 5rem;
    padding-top: 5rem;
    padding-bottom: 10rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-implementation .s-about > div > div {
    transform: translate(5.9rem, 0);
    width: 77.12871287%;
    padding-right: 8.029703%;
    padding-left: 9.029703%;
    display: flex;
    flex-direction: column;
    padding-top: 8rem;
    padding-bottom: 15em;
  }
}

@media screen and (min-width: 1280px) {
  .s-implementation .s-about > div > div {
    transform: translate(14rem, 0);
    width: 89.605%;
    padding-right: 16%;
    padding-left: 16%;
    padding-top: 6rem;
    padding-bottom: 16rem;


  }
}

@media screen and (min-width: 1366px) {
  .s-implementation .s-about > div > div {
    transform: translate(16rem, 0);
  }
}




 .s-implementation .about-small-two-lang-heading > span:nth-of-type(2) {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
}

@media screen and (min-width: 600px) {
  .s-implementation .about-small-two-lang-heading > span:nth-of-type(2) {
    font-size: 2.4rem;
  }
}


@media screen and (min-width: 1024px) {
  .s-implementation .about-small-two-lang-heading > span:nth-of-type(2) {
    /* font-size: 2.8rem; */
    font-size: calc((28 / 1440) * 100vw);
  }
}






.s-implementation .s-about > div > div > p {
  margin-bottom: 2rem;
  color: rgba(0, 0, 0, 0.2);
  font-size: 7.4rem;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

@media screen and (min-width: 600px) {
  .s-implementation .s-about > div > div > p {
    position: absolute;
    top: 14rem;
    left: -25%;
    transform: translate(-50%, 0);
    margin-bottom: 0;
    color: rgba(48, 66, 77, 0.1);
  }
}

@media screen and (min-width: 1024px) {
  .s-implementation .s-about > div > div > p {
    top: 17rem;
    left: -41%;
    font-size: 16rem;
  }
}

@media screen and (min-width: 1280px) {
  .s-implementation .s-about > div > div > p {
    left: -32%;
  }
}

@media screen and (min-width: 1536px) {
  .s-implementation .s-about > div > div > p {
    left: -35%;
  }
}

.s-implementation .s-about > div > div picture {
  width: 15rem;
margin-left: auto;
margin-bottom: -1rem;
margin-top: -2rem;
}

@media screen and (min-width: 600px) {
  .s-implementation .s-about > div > div picture {
    max-width: 25.5rem;
    width: 100%;
    margin-left: auto;
    margin-right: -2rem;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    top: initial;
    left: initial;
    bottom: initial;
    transform:translateX(0%) translateY(0%);
  }
}





.s-implementation .s-about p.en {
  line-height: 2;
}

.s-implementation .s-about figure {
  overflow: hidden;
  width: 27rem;
  margin-top: -12.7rem;
  margin-left: auto;
}

@media screen and (min-width: 600px) {
  .s-implementation .s-about figure {
    width: 36.63366336%;
    margin-top: -26rem;
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .s-implementation .s-about figure {
    margin-top: -30rem;
  }
}

@media screen and (min-width: 1280px) {
  .s-implementation .s-about figure {
    margin-top: -37rem;
  }
}

.s-implementation .s-about figure img {
  display: block;
  transform: translate(0.1rem, 0);
}

@media screen and (max-width: 1023px) {
  .s-implementation .a-what {
    padding-top: 10rem;
  }
}

.s-implementation .a-what picture {
  max-width: 72rem;
  margin-right: auto;
  margin-left: auto;
}

.s-implementation .a-loop {
  overflow: hidden;
  width: 100%;
}

.s-implementation .a-loop p {
  opacity: .1;
  transform: translate(-0.6rem, 0);
  font-size: 7.4rem;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: center;
}

@media screen and (min-width: 600px) {
  .s-implementation .a-loop p {
    transform: none;
  }
}

@media screen and (min-width: 1024px) {
  .s-implementation .a-loop p {
    font-size: 16rem;
  }
}





/*------------------------------------------------------------
カード
PC:カードホバー&カードクリックでモーダルを開く　
SP:カードホバーなし&ボタンでモーダルを開く
------------------------------------------------------------*/




.a-local-site-cardArea{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  margin-top: 7rem;
}

@media screen and (min-width: 600px) {
  .a-local-site-cardArea{
    grid-template-columns:repeat(2,1fr);
  }
}

@media screen and (min-width: 1024px) {
  .a-local-site-cardArea{
    grid-template-columns:repeat(3,1fr);
  }
}

@media screen and (min-width: 1280px){
  .a-local-site-cardArea{
    gap:30px;
  }
}






.a-local-site-card{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 4;
  gap: 0;
}


@media screen and (min-width:1024px){
  .a-local-site-card{
    cursor:pointer;
  }
}



.a-local-site-card_btn{
  grid-row:4;
  margin-top:auto;
  margin-left: auto;
  display:grid;
  grid-template-columns:repeat(2, auto);
  align-items:center;
  gap:.8rem;
  width:fit-content;
  cursor:pointer;

}

@media screen and (min-width: 600px) {
  .a-local-site-card_btn{
    margin-left: 0;
  }
}





@media screen and (min-width:1024px){
  .a-local-site-card:hover .a-local-site-card_btnText {
    background-position:left bottom;
    background-size:100% .1rem;
    transition-duration:.4s;
  }
  
}


.a-local-site-card_icon{
  position:relative;
  display:block;
  width:58px;
  height:52px;
  flex-shrink:0;
}

.a-local-site-card_icon::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg fill='none' height='52' viewBox='0 0 58 52' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m49.1362 14.1064c2.0995 3.6365 1.8199 8.2583-.446 12.8411-2.2641 4.579-6.4896 9.0611-12.1556 12.3323-5.6659 3.2712-11.6603 4.6896-16.7579 4.3609-5.1018-.329-9.2441-2.3978-11.34369-6.0343-2.09954-3.6365-1.81993-8.2583.44601-12.8411 2.26408-4.579 6.48968-9.0611 12.15558-12.3323 5.666-3.27122 11.6603-4.68963 16.7579-4.36087 5.1018.32903 9.2442 2.39777 11.3437 6.03427z' stroke='%230c4944' stroke-opacity='.4'/%3E%3C/svg%3E") center/contain no-repeat;
  transform-origin:center;
}




@media screen and (min-width:1024px){
  .a-local-site-card:hover .a-local-site-card_icon::before {
    animation: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s both link-rotate;
  }
}





@media screen and (min-width:1024px){
  .a-local-site-card:hover .a-local-site-card_thumb img{
    transform: scale(1.1);
    transition-duration: 2.4s;
  }
  
}






@media screen and (min-width:1024px){
.a-local-site-card:hover .a-local-site-card_icon::after {
  transform: translate(-50%, -50%) rotate(180deg);
  }
}



.a-local-site-card_btn:hover .a-local-site-card_btnText{
  background-position:left bottom;
  background-size:100% .1rem;
  transition-duration:.4s;

}


.a-local-site-card_btn:hover .a-local-site-card_icon::before{
  animation:0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s both link-rotate;
}




.a-local-site-card_btnText{
  background:linear-gradient(to right, var(--primary-color), var(--primary-color)) right bottom / 0 .1rem no-repeat;
  font-size:1.4rem;
  font-weight:500;
  font-family:"Plus Jakarta Sans", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  transition:background-size .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}



.a-local-site-card_iconPlus{
  position:absolute;
  top:50%;
  left:50%;
  width:14px;
  height:14px;
  transform:translate(-50%, -50%);
  transition:.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.a-local-site-card_iconPlus::before,
.a-local-site-card_iconPlus::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  background:#0c4944;
  transform:translate(-50%, -50%);
}

.a-local-site-card_iconPlus::before{
  width:14px;
  height:1px;
}

.a-local-site-card_iconPlus::after{
  width:1px;
  height:14px;
}




.a-local-site-card_thumb{
  grid-row:1;
  aspect-ratio:320/180;
  overflow:hidden;
  border-radius:6px;
  margin-bottom:3rem !important;
  position:relative;
}

.a-local-site-card_thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition: transform 2.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.a-local-site-card_body{
  display:contents;
}

.a-local-site-card_title{
  grid-row:2;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.a-local-site-card_text{
  grid-row:3;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 600px) {
  .a-local-site-card_text{
    margin-bottom: 3rem;
  }
}



/*------------------------------------------------------------
モーダル内
------------------------------------------------------------*/



.a-local-site-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:100;
}

.a-local-site-modal.is-active{
  display:flex;
  align-items:center;
  justify-content:center;
}

.a-local-site-modal_overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.6);
}


.a-local-site-modal_close{
  display:grid;
  grid-template-columns:repeat(2, auto);
  align-items:center;
  gap:.8rem;
  width:fit-content;
  margin-left:auto;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  padding-bottom: 1rem;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_close{
    padding-bottom: 0;
  }
}



.a-local-site-modal_closeText{
  background:linear-gradient(to right, var(--primary-color), var(--primary-color)) right bottom / 0 .1rem no-repeat;
  font-size:1.4rem;
  font-weight:500;
  font-family:"Plus Jakarta Sans", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  transition:background-size .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.a-local-site-modal_closeIcon{
  width:58px;
  height:52px;
  position:relative;
  display:block;
  flex-shrink:0;
  transition:.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-right: -1rem;
  margin-top: -1rem;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_closeIcon{
    margin-right: 0;
    margin-top: 0;
  }
}


.a-local-site-modal_closeIcon::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg fill='none' height='52' viewBox='0 0 58 52' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m49.1362 14.1064c2.0995 3.6365 1.8199 8.2583-.446 12.8411-2.2641 4.579-6.4896 9.0611-12.1556 12.3323-5.6659 3.2712-11.6603 4.6896-16.7579 4.3609-5.1018-.329-9.2441-2.3978-11.34369-6.0343-2.09954-3.6365-1.81993-8.2583.44601-12.8411 2.26408-4.579 6.48968-9.0611 12.15558-12.3323 5.666-3.27122 11.6603-4.68963 16.7579-4.36087 5.1018.32903 9.2442 2.39777 11.3437 6.03427z' stroke='%230c4944' stroke-opacity='.4'/%3E%3C/svg%3E") center/contain no-repeat;
}



.a-local-site-modal_closeIconMark{
  position:absolute;
  top:50%;
  left:50%;
  width:14px;
  height:14px;
  transform:translate(-50%, -50%) rotate(45deg);
  transition:.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.a-local-site-modal_closeIconMark::before,
.a-local-site-modal_closeIconMark::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  background:#0c4944;
  transform:translate(-50%, -50%);
}

.a-local-site-modal_closeIconMark::before{
  width:14px;
  height:1px;
}

.a-local-site-modal_closeIconMark::after{
  width:1px;
  height:14px;
}

.a-local-site-modal_close:hover .a-local-site-modal_closeIconMark{
  transform:translate(-50%, -50%) rotate(225deg);
}




.a-local-site-modal_content{
  position:relative;
  width:min(90%,1010px);
  height:min(75vh,500px);
  background:#fff;
  padding: 2rem 1rem 3rem 2rem;
  z-index:1;
  display:flex;
  flex-direction:column;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_content{
    height: min(90vh, 810px);
    padding:40px;
  }
}


.a-local-site-modal_body{
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding-right:1rem;
}


.a-local-site-modal_name{
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin-bottom: 2rem;
  font-weight: 700;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_name{
    font-size: 2.8rem;
    margin-bottom: 4rem;
  }
}

.a-local-site-modal_thumb{
  width: 100%;
  max-width: 100%;
  margin: 0 auto 2.5rem !important;
  border-radius: .6rem;
  overflow:hidden;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_thumb{
    max-width: 640px;
    border-radius: 10px;
    margin: 0 auto 5rem !important;
  }
}


.a-local-site-modal_thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}



.a-local-site-modal_group + .a-local-site-modal_group{
  margin-top: 3rem;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_group + .a-local-site-modal_group{
    margin-top: 6rem;
  }
}

.a-local-site-modal_title{
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_title{
    font-size: 2.8rem;
    margin-bottom: 3rem;
    line-height: 1.5;
  }
}

.a-local-site-modal_title--s{
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_title--s{
    font-size: 1.8rem;
  }
}

.a-local-site-modal_text{
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
}

@media screen and (min-width: 600px) {
  .a-local-site-modal_text{
    font-size: 1.6rem;
  }
}

.a-local-site-modal_text p + p{
  margin-top: 1em;
}




/*------------------------------------------------------------
手引き
------------------------------------------------------------*/


.a-guideline{
  background: var(--primary-color);
  color: #fff;
}

.a-guideline_inner{
  position: relative;
  padding-top: 7.5rem;
  padding-bottom: 10rem;
}


.a-guideline--intro{
  position: relative;
}

@media screen and (min-width: 600px) {
  .a-guideline--intro{
    padding-top:14rem;
  }
}


.a-guideline_image{
  width: 15rem;
  margin-left: auto;
  margin-top: -11rem;
  margin-bottom: 2rem;
  margin-left: auto;

}

@media screen and (min-width: 600px) {
  .a-guideline_image{
    position: absolute;
    width: 100%;
    max-width: 25rem;
    margin-left: auto;
    margin-right: -2rem;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    right: 5rem;
    left: initial;
    bottom: initial;
    transform: none;
    transform:translateX(0%) translateY(0%);
  }
}




.a-guideline-feature{
background: #fff;
color: var(--primary-color);
padding: 4rem 2rem 2rem 2rem;
border-radius: 1rem;
margin-top: 6.5rem;

}

@media screen and (min-width: 600px) {
  .a-guideline-feature{
    padding: 6rem 10rem 6.8rem;
  }
}


.a-guideline-feature-list{
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}

.a-guideline-feature_title{
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin-bottom: 3.5rem;
  text-align: center;
}


.a-guideline-feature-list_item{
  position: relative;
  padding-left: 2.4rem;
}

.a-guideline-feature-list_item:before {
  content: '';
  display: block;
  position: absolute;
  top: .9rem;
  left: 0;
  width: .8rem;
  height: .8rem;
  border-radius: 100%;
  background: var(--calm-blue);
}

.a-guideline-feature-list_item_title{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}


.a-guideline-feature-list_item_text{
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.a-guideline-linkbox{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 4.2rem;
}

@media screen and (min-width: 600px) {
  .a-guideline-linkbox{
    flex-direction: row;
    gap: 3.2rem;
  }
}


.a-guideline_link{
  display: block;
  position: relative;
  background: var(--primary-color);
  border:2px solid var(--primary-color);
  color: #fff;
  height: 9.8rem;
  padding: 2rem 0.8rem;
  border-radius: .5rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-align: center;
  flex:1;
  transition:background-color .4s ease, color .4s ease;
}

@media screen and (min-width: 600px) {
  .a-guideline_link{
    padding: 2.4rem 0.8rem;
  }
}

.a-guideline_link .sub_text{
  display: block;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
  margin-bottom: 0.2em;
  transition:color .4s ease, opacity .4s ease;
}

@media screen and (min-width: 600px) {
  .a-guideline_link .main_text{
    font-size: 1.2rem;
  }
}

.a-guideline_link .main_text{
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;

  @media screen and (min-width: 600px) {
    font-size: 1.6rem;
  }
}

.a-guideline_link .border_text{
  border-bottom:1px solid #fff;
  transition:border-color .4s ease;
}

@media (hover:hover){
  .a-guideline_link:hover{
    background:#fff;
    color:var(--primary-color);
  }

  .a-guideline_link:hover .sub_text{
    color:var(--primary-color);
    opacity:.6;
  }

  .a-guideline_link:hover .border_text{
    border-bottom-color:var(--primary-color);
  }

  .a-guideline_link:hover .icon_download{
    --icon-download-color:var(--primary-color);
  }
}



.icon_download{
  --icon-download-color:#fff;
  display:inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: 1rem;
  vertical-align:-.2em;
  background-color:var(--icon-download-color);
  transition:background-color .4s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 11L2.75 6.41667L4.03333 5.0875L6.41667 7.47083V0H8.25V7.47083L10.6333 5.0875L11.9167 6.41667L7.33333 11ZM1.83333 14.6667C1.32917 14.6667 0.89757 14.4872 0.538542 14.1281C0.179514 13.7691 0 13.3375 0 12.8333V10.0833H1.83333V12.8333H12.8333V10.0833H14.6667V12.8333C14.6667 13.3375 14.4872 13.7691 14.1281 14.1281C13.7691 14.4872 13.3375 14.6667 12.8333 14.6667H1.83333Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 11L2.75 6.41667L4.03333 5.0875L6.41667 7.47083V0H8.25V7.47083L10.6333 5.0875L11.9167 6.41667L7.33333 11ZM1.83333 14.6667C1.32917 14.6667 0.89757 14.4872 0.538542 14.1281C0.179514 13.7691 0 13.3375 0 12.8333V10.0833H1.83333V12.8333H12.8333V10.0833H14.6667V12.8333C14.6667 13.3375 14.4872 13.7691 14.1281 14.1281C13.7691 14.4872 13.3375 14.6667 12.8333 14.6667H1.83333Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media screen and (min-width: 600px) {
  .icon_download{
    width: 1.5rem;
    height: 1.5rem;
  }
}




/*------------------------------------------------------------
Nature Positive Innovation Base
------------------------------------------------------------*/

.a-npib{
  background: var(--light-green);
}


.a-npib_wrap{
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

@media screen and (min-width: 600px) {
  .a-npib_wrap{
    flex-direction: row;
    gap: 6rem;
  }
}

.a-npib_imgbox{
width: 100%;
}

@media screen and (min-width: 600px) {
  .a-npib_imgbox{
    max-width: 294px;
  }
}


.a-npib_image{
  border-radius: 1rem;
  overflow: hidden;
}

.a-npib_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.a-npib_image + .a-npib_image{
  margin-top: 3.2rem;
}


.a-npib_textbox{
  flex:1;
}



.a-npib-mission{
  background: var(--white);
  padding: 4rem 2rem;
  margin-top: 7rem;
  border-radius: 1rem;
}


@media screen and (min-width: 600px) {
  .a-npib-mission{
    padding: 7rem 8.5rem;
  }
} 

.a-npib-mission_imgbox{
  width: 100%;
  margin-bottom: 5rem;
}


.a-npib-mission_listbox{
 
}

.a-npib-mission_list{
  display:grid;
  grid-template-columns:1fr;
  gap:3rem;
}

@media screen and (min-width: 600px) {
  .a-npib-mission_list{
    grid-template-columns:repeat(2,1fr);
    gap:3rem 3.2rem;
}
}

.a-npib-mission_item{
  position: relative;
  display: flex;
  gap: 2rem;
}


@media screen and (min-width: 600px) {
  .a-npib-mission_item {
    gap: 2rem;
  }

  .a-npib-mission_item:nth-child(1) {
    order: 1;
  }

  .a-npib-mission_item:nth-child(2) {
    order: 3;
  }

  .a-npib-mission_item:nth-child(3) {
    order: 5;
  }

  .a-npib-mission_item:nth-child(4) {
    order: 2;
  }

  .a-npib-mission_item:nth-child(5) {
    order: 4;
  }

  .a-npib-mission_item:nth-child(6) {
    order: 6;
  }
}

.a-npib-mission_item_inner{
  position: relative;
}

@media screen and (min-width: 600px) {
  .a-npib-mission_item_inner{
    padding-left: 4rem;
  }
}



.a-npib-mission_item_title{
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

@media screen and (min-width: 600px) {
  .a-npib-mission_item_title{
    padding-left: 0;
  }
}



.a-npib-mission_item_title .--num{
  font-family: "Libre Baskerville", serif;
  color: var(--calm-blue);
  font-size: 2rem;
  font-style: italic;
  margin-right: 1rem;

}

@media screen and (min-width: 600px) {
  .a-npib-mission_item_title .--num{
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
  }
}


.a-npib-mission_item_title .--text{
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  gap: 0.5rem 0;
}

.a-npib-mission_item_title .--en{
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  /* padding-right: 3.2rem; */
}


.a-npib-mission_item_title .--ja{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  position: relative;
  padding-left: 3.2rem;
} 

.a-npib-mission_item_title .--ja::after{
  content: '';
  display: block;
  width: 1.8rem;
  height: 1px;
  background: rgba(48, 66, 77, 0.4);
  position: absolute;
  top: 50%;
  left: 0.7rem;
  transform: translateY(-50%);
}


.a-npib-mission_item_text{
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
}