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

@media only screen and (max-width: 768px) {
}


/* #topmain
----------------------------------------- */
#topmain {
	height: 100vh;
    z-index: 2;
}

#topmain .inner {
	max-width: none;
	height: 100%;
}

#topmain .topmain_layout {
    width : 100%;
	height: 100%;
    padding-top: 15rem;
    padding-left: 17.857vw;
	position: relative;
    z-index: 1;
}


#topmain .concept_txt {
	position: absolute;
	top: 50%;
	left: 7.143vw;
    transform: translate(0,-50%);
	z-index: 2;
    text-align: left;
    white-space: nowrap;
    /*filter: drop-shadow(0px 0px 6px rgba(51,51,51,0.20)) drop-shadow(0px 0px 2px rgba(51,51,51,0.20));*/
}
#topmain .concept_txt h1 {
    font-size: 6.0rem;
    font-weight: 600;
    line-height: calc(82/60);
    letter-spacing: 0;
    animation-name: concept_txt_anim2;/*アニメーションの定義名*/
    animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
    animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
    animation-delay: 1.5s;
    opacity:0;
    filter: drop-shadow(0px 0px 6px rgba(255,255,255,0.20)) drop-shadow(0px 0px 2px rgba(255,255,255,0.80));
}
@keyframes concept_txt_anim{
  from {
    opacity: 0;
  transform: translateX(-5rem);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}
#topmain .concept_txt .txt_wrap {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: calc(46/25);
    letter-spacing: 0.2em;
    margin-top: 3rem;
    animation-name: concept_txt_anim2;/*アニメーションの定義名*/
    animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
    animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
    animation-delay: 1.8s;
    opacity:0;
    filter: drop-shadow(0px 0px 6px rgba(255,255,255,0.20)) drop-shadow(0px 0px 2px rgba(255,255,255,0.80));
}
@keyframes concept_txt_anim2{
  from {
    opacity: 0;
    transform: translateY(5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#topmain .concept_txt .point_wrap {
    margin-top: 4rem;
    animation-name: concept_txt_anim3;/*アニメーションの定義名*/
    animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
    animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
    animation-delay: 2.1s;
    opacity:0;
    filter: drop-shadow(0px 0px 6px rgba(255,255,255,0.20)) drop-shadow(0px 0px 2px rgba(255,255,255,0.80));
}
@keyframes concept_txt_anim3{
  from {
    opacity: 0;
    transform: translateY(5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*#topmain .zeh {
    width: 14.286vw;
	position: absolute;
	top: 19.5rem;
	right: 3.571vw;
    transform: translate(0,0);
	z-index: 2;
}*/
#topmain .modelhouse {
    position: absolute;
    bottom: 2rem;
	right: 2rem;
}
#topmain .modelhouse a {
    display: flex;
    background-color: #FFFFFF;
    padding: 2rem;
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.16));
}
#topmain .modelhouse .img_wrap {
    width: 14rem;
}
#topmain .modelhouse .txt_wrap {
    width: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#topmain .modelhouse .txt_wrap .txt {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: calc(16/11);
    letter-spacing: 0.17em;
}
#topmain .modelhouse .txt_wrap .ttl {
    display: block;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: calc(30/25);
    letter-spacing: 0.12em;
    
    position: relative;
}
#topmain .modelhouse .txt_wrap .txt img {
    margin-top: 0.45em;
    margin-left: 0.5em;
}

#topmain .swiper-container,
#topmain .swiper-wrapper,
#topmain .swiper-slide {
	width: 100%;
    height: 100%;
    z-index: -3;
}
#topmain .slide_wrap {
    width: 100%;
	height: 100%;
	display: flex;
}
#topmain .slide_wrap .img {
	display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#topmain .pickup_news {
    flex-wrap: nowrap;
    position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
    animation-name: pickup_news_anim;/*アニメーションの定義名*/
    animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
    animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
    animation-delay: 2s;
    opacity:0;
    align-items: center;
    background-color: #f5f5f5;
    padding: 2.5rem;
    padding-bottom: 0;
}
@keyframes pickup_news_anim{
  from {
    opacity: 0;
    filter: blur(1rem);
  }

  to {
    opacity: 1;
    filter: none;
  }
}


#topmain .pickup_news .swiper-container,
#topmain .pickup_news .swiper-wrapper,
#topmain .pickup_news .swiper-slide {
    width: auto;
    height: auto;
    z-index: auto;
}

#topmain .pickup_news .swiper-slide {
    margin: 0 1rem;
}

#topmain .pickup_news .con {
    width: 100%;
    min-width: 27rem;
    margin-bottom: 0;
    position: relative;
    background-size: cover;
    z-index: 1;
}
#topmain .pickup_news .con::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.70);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#topmain .pickup_news .con a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5rem 0 2rem;
}

#topmain .pickup_news .con .info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    color: #000000;
    padding: 0 0.8rem;
}
#topmain .pickup_news .info .date {
    font-size: 1.1rem;
    font-weight: 300;
    display: flex;
    align-items: center;
}
#topmain .pickup_news .info .category {
    font-size: 1.0rem;
    font-weight: 400;
    margin-left: 0.8rem;
}

#topmain .pickup_news .post_ttl {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: calc(30/25);
    text-align: center;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
    color: #FFFFFF;
    white-space: nowrap;
}
#topmain .pickup_news .txt {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: calc(23/14);
    text-align: center;
    color: #FFFFFF;
    margin-top: 1rem;
    white-space: nowrap;
}

#topmain .pickup_news .swiper-button-next,
#topmain .pickup_news .swiper-button-prev {
    display: none;
}

#topmain .scroll_arrow {
    margin-top: 5rem;
    animation-name: concept_txt_anim2;/*アニメーションの定義名*/
    animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
    animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
    animation-delay: 2.0s;
    opacity:0;
}
#topmain .scroll_arrow a {
    width: 6rem;
    display: flex;
}
#topmain .scroll_arrow a svg {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px) {
#topmain {
	height : auto;
    min-height: inherit;
}
#topmain .inner {
	width: 100%;
	max-width: none;
	height: 100%;
}
    
#topmain .topmain_layout {
    width : 100%;
	height : 100vh;
    height : calc(var(--vh, 1vh) * 100);
    padding-top: 8rem;
    padding-left: 7rem;
	position: relative;
    z-index: 1;
}

#topmain .concept_txt {
	position: absolute;
	top: 15rem;
	left: 2rem;
    transform: translate(0,0);
}
#topmain .concept_txt h1 {
    font-size: 3.75rem;
    line-height: calc(45/37.5);
    /*letter-spacing: 0.15em;*/
}

#topmain .concept_txt .txt_wrap {
    font-size: 1.4rem;
    line-height: calc(26/14);
    letter-spacing: 0.2em;
    margin-top: 2.5rem;
}
    
#topmain .concept_txt .point_wrap {
    width: 70%;
    margin-top: 3.5rem;
}

#topmain .modelhouse {
    width: 28.5rem;
    bottom: 1.5rem;
    right: 1rem;
}
#topmain .modelhouse a {
    padding: 1.5rem;
}
#topmain .modelhouse .img_wrap {
    width: 12.5rem;
}
#topmain .modelhouse .txt_wrap {
    width: 14rem;
}
#topmain .modelhouse .txt_wrap .txt {
    font-size: 1.0rem;
}
#topmain .modelhouse .txt_wrap .ttl {
    display: block;
    font-size: 2.2rem;
    
    position: relative;
}
    

#topmain .pickup_news {
     width: 100%;
    padding: 4.5rem 0;
    padding-bottom: 0;
    position: relative;
	bottom: auto;
	right: auto;
}
    
#topmain .pickup_news .swiper-container,
#topmain .pickup_news .swiper-wrapper,
#topmain .pickup_news .swiper-slide {
    width: 100%;
    height: 100%;
}
    
#topmain .pickup_news .swiper-wrapper {
    /*width: 26rem;*/
}
#topmain .pickup_news .swiper-slide {
    width: 26rem;
    margin: 0;
}
    
#topmain .pickup_news .con {
    width: 24rem;
    min-width: inherit;
    margin-bottom: 0;
    position: relative;
    background-size: cover;
    z-index: 1;
}

#topmain .pickup_news .con a {
    padding: 5rem 0 2rem;
}

#topmain .pickup_news .con .info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    color: #000000;
    padding: 0 0.8rem;
}
#topmain .pickup_news .info .date {
    font-size: 1.1rem;
    font-weight: 300;
    display: flex;
    align-items: center;
}
#topmain .pickup_news .info .category {
    font-size: 1.0rem;
    font-weight: 400;
    margin-left: 0.8rem;
}

#topmain .pickup_news .post_ttl {
    font-size: 2.2rem;
}
#topmain .pickup_news .txt {
    font-size: 1.2rem;
    margin-top: 1rem;
}
    
#topmain .pickup_news .swiper-button-next,
#topmain .pickup_news .swiper-button-prev {
    display: flex;
}
#topmain .pickup_news .swiper-button-next {
    right: 3.8rem;
    top: 50%;
    transform: translateY(50%);
} 
#topmain .pickup_news .swiper-button-prev {
    left: 3.8rem;
    top: 50%;
    transform: translateY(50%);
} 
#topmain .pickup_news .swiper-button-next:after,
#topmain .pickup_news .swiper-rtl .swiper-button-prev:after {
    display: none;
}
#topmain .pickup_news .swiper-button-prev:after,
#topmain .pickup_news .swiper-rtl .swiper-button-next:after {
    display: none;
}

#topmain .scroll_arrow {
    margin-top: 3rem;
}
#topmain .scroll_arrow a {
    width: 4rem;
}
#topmain .scroll_arrow a svg {
    width: 100%;
}
}



/* #concept
----------------------------------------- */
#concept {
    z-index: 1;
    position: relative;
}
#concept::before {
    content: '';
    display: block;
    width: 94.643vw;
    height: calc(100% - 33rem);
    background-color: #FFFFFF;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 6rem;
}
#concept .inner {
    max-width: none;
	padding-top: 12rem;
}

#concept .layout.top {
    position: relative;
    z-index: 1;
    justify-content: flex-end;
}
#concept .layout.top h2 {
    font-size: 4.2rem;
    font-weight: 500;
    line-height: calc(70/42);
    letter-spacing: 0.075em;
    filter: drop-shadow(0px 0px 6px rgba(255,255,255,0.20)) drop-shadow(0px 0px 2px rgba(255,255,255,0.80));
    
    position: absolute;
    left: 11.429vw;
    bottom: 7rem;
}
#concept .layout.top .img {
    width: 67.857vw;
    height: 60rem;
    background-size: cover;
}


#concept .layout.bottom {
    position: relative;
    z-index: 1;
    margin-top: 9rem;
    padding-left: 5.357vw;
    justify-content: flex-start;
}

#concept .layout.bottom .img {
    width: 32.143vw;
    height: 65rem;
    background-size: cover;
}

#concept .layout.bottom .txt_wrap {
    margin-left: 8.929vw;
    padding-top: 6rem;
}
#concept .layout.bottom h3 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: calc(50/28);
    letter-spacing: 0.075em;
}
#concept .layout.bottom .txt {
    font-size: 1.5rem;
    line-height: calc(31/15);
    letter-spacing: 0.12em;
    margin-top: 4rem;
}
#concept .layout.bottom .btn_wrap {
    margin-top: 8rem;
}


@media screen and (max-width: 768px) {
#concept {
}
#concept::before {
    width: 35.5rem;
    height: calc(100% - 22rem);
    left: 0;
    bottom: 11rem;
}
#concept .inner {
	padding-top: 5rem;
}

#concept .layout.top {
    position: relative;
    z-index: 1;
    justify-content: flex-end;
    /*padding-bottom: 7.5rem;*/
    padding-bottom: 10.5rem;
}
#concept .layout.top h2 {
    font-size: 2.4rem;
    /*line-height: calc(48 / 40);*/
    line-height: calc(50 / 28);
    letter-spacing: 0.035em;
    position: absolute;
    left: 12%;
    bottom: 0;
}
#concept .layout.top .img {
    width: 33.25rem;
    height: 21rem;
    background-size: cover;
    margin-right: -2rem;
}


#concept .layout.bottom {
    position: relative;
    z-index: 1;
    margin-top: 5rem;
    padding-left: 0;
    justify-content: flex-start;
    flex-flow: column-reverse;
}

#concept .layout.bottom .img {
    width: 18rem;
    height: 26rem;
    background-size: cover;
    margin-left: -2rem;
}

#concept .layout.bottom .txt_wrap {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 4rem;
}
#concept .layout.bottom h3 {
    font-size: 2.0rem;
    letter-spacing: 0.035em;
}
#concept .layout.bottom .txt {
    font-size: 1.35rem;
    letter-spacing: 0.035em;
    margin-top: 2.5rem;
}
#concept .layout.bottom .btn_wrap {
    margin-top: 0;
    position: absolute;
    bottom: 20rem;
    right: 2rem;
}

}



/* #style_list_wrap
----------------------------------------- */
#style_list_wrap {
}

#style_list_wrap .inner {
    padding-top: 15rem;
    padding-bottom: 0;
}

#style_list_wrap .ttl_wrap {
    margin-bottom: 6rem;
}

@media screen and (max-width: 768px) {
#style_list_wrap {
}

#style_list_wrap .inner {
    padding-top: 8rem;
}

#style_list_wrap .ttl_wrap {
    margin-bottom: 4rem;
}
}



/* #about
----------------------------------------- */
#about {
    z-index: 1;
    position: relative;
}
#about .inner {
	padding-top: 19rem;
    padding-bottom: 15rem;
}

#about .layout {
    position: relative;
    z-index: 1;
}
#about .layout > div {
    width: calc(595/1200*100%);
}
#about .layout.quality {
    margin-top: 9rem;
}

#about .layout > .txt_wrap {
    width: calc(595/1200*100%);
    height: 52rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about .layout > .txt_wrap:hover {
    opacity: 1;
}
#about .layout > .txt_wrap:hover .btn_wrap .btn.arrow {
    opacity: 1;
    color: #0d793b;
}
#about .layout > .txt_wrap:hover .btn_wrap .btn.arrow .arrow #arrow_svg .cls-2 {fill:#0d793b;}

#about .layout.feature > .txt_wrap {
    background-color: #e4ebf2
}
#about .layout.quality > .txt_wrap {
    background-color: #e8f2e4
}

#about .layout.quality > .txt_wrap .btn_wrap {
}

#about .layout h2.con_ttl {
    text-align: center;
}
#about .layout h2.con_ttl .jp {
    color: #000000;
}
#about .layout .txt {
    text-align: center;
    margin-top: 6rem;
}
#about .layout .btn_wrap {
    display: flex;
    justify-content: center;
    margin-top: 7rem;
}

#about .layout.quality .img_wrap .img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

#about .layout.feature .img_wrap {
    display: grid;
    grid-template-columns: calc(295/595*100%) calc(295/595*100%);
    gap: 0.5rem;
}
#about .layout.feature .img_wrap > .img {
    width: 100%;
    padding-top: 87.1186%;
    background-size: cover;
}

#about .closing {
    margin-top: 12rem;
    text-align: center;
    font-size: 2.8rem;
    line-height: calc(49/28);
    font-weight: 500;
}
#about .closing span {
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-decoration-color: rgba(211,210,208,1.00);
    text-underline-offset: 1rem;
}

@media screen and (max-width: 768px) {
#about {
}
#about .inner {
	padding-top: 8rem;
    padding-bottom: 8rem;
}

#about .layout {
}
#about .layout > div {
    width: 100%;
}
#about .layout.feature {
}

#about .layout.quality {
    margin-top: 5rem;
    flex-flow: column-reverse;
}

#about .layout.quality > .img_wrap {
    height: 29.5rem;
}
    
#about .layout > .txt_wrap {
    width: 100%;
    height: 30rem;
    margin-top: 0.5rem;
}
#about .layout > .txt_wrap:hover {
    opacity: 1;
}

#about .layout h2.con_ttl {
    text-align: center;
}
#about .layout h2.con_ttl .jp {
    color: #000000;
}
#about .layout .txt {
    font-size: 1.25rem;
    margin-top: 3.5rem;
}
#about .layout .btn_wrap {
    margin-top: 3.5rem;
}

#about .layout.feature .img_wrap {
    display: grid;
    grid-template-columns: calc(295/595*100%) calc(295/595*100%);
    gap: 0.5rem;
}
#about .layout.feature .img_wrap > .img {
    width: 100%;
    padding-top: 87.1186%;
    background-size: cover;
}

#about .closing {
    margin-top: 6rem;
    text-align: center;
    font-size: 1.55rem;
}
#about .closing span {
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-decoration-color: rgba(211,210,208,1.00);
    text-underline-offset: 0.5rem;
}
    
}


/* #modelhouse
----------------------------------------- */
#modelhouse {
    background-color: #FFFFFF;
}

#modelhouse .inner {
	padding-top: 16rem;
    padding-bottom: 10rem;
}

#modelhouse h2.con_ttl {
    text-align: center;
    font-size: 2.8rem;
    line-height: calc(46/28);
    font-weight: 700;
    letter-spacing: 0.1em;
}

#modelhouse .lead {
    text-align: center;
    font-size: 1.4rem;
    line-height: calc(22/14);
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 3rem;
}

#modelhouse .layout {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, calc(500 / 1030 * 100%));
    justify-content: space-between;
}
#modelhouse .layout .con {
}
#modelhouse .layout .con .txt_wrap {
    font-size: 1.5rem;
    line-height: calc(24/15);
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    
    margin-top: 2rem;
}

#modelhouse .inner > .txt_wrap {
    font-size: 1.5rem;
    line-height: calc(24/15);
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    
    margin-top: 2rem;
}

#modelhouse .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}


@media screen and (max-width: 768px) {
#modelhouse {
}

#modelhouse .inner {
	padding-top: 8rem;
    padding-bottom: 6rem;
}
    
#modelhouse h2.con_ttl {
    font-size: 2.2rem;
}

#modelhouse .lead {
    font-size: 1.2rem;
    margin-top: 2rem;
}

#modelhouse .layout {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(1, 100%);
    gap: 2rem 0;
}
#modelhouse .layout .con {
}
#modelhouse .layout .con .txt_wrap {
    font-size: 1.4rem;
    
    margin-top: 1rem;
}

#modelhouse .inner > .txt_wrap {
    font-size: 1.4rem;
    
    margin-top: 1rem;
}
    
#modelhouse .btn_wrap {
    margin-top: 3rem;
}
}




/* #post_list_wrap
----------------------------------------- */
#post_list_wrap {
    background-color: #FFFFFF;
}

#post_list_wrap .inner {
	padding-top: 10rem;
    padding-bottom: 12rem;
}

#post_list_wrap .ttl_wrap {
    margin-bottom: 6rem;
}

#post_list_wrap .post_list_scroll {
    margin-right: calc(calc(100vw - 109rem) / -2);
    overflow-x: scroll;
}
#post_list_wrap .post_list_scroll::-webkit-scrollbar {
   height: 0.1rem;
}
#post_list_wrap .post_list_scroll::-webkit-scrollbar-track {
   background-color: #f5f5f5;
}
#post_list_wrap .post_list_scroll::-webkit-scrollbar-thumb {
   background-color: #d3d2d0;
}

#post_list_wrap .post_list {
    width: fit-content;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 0;
}

#post_list_wrap .post_list > li {
    width: 33rem;
    margin-right: 5rem;
}


#post_list_wrap .swiper-container,
#post_list_wrap .swiper-wrapper,
#post_list_wrap .swiper-slide {
    width: auto;
    height: auto;
    z-index: auto;
}

#post_list_wrap .swiper-slide {
}


#post_list_wrap .swiper-button-next,
#post_list_wrap .swiper-button-prev {
    display: none;
}

@media screen and (max-width: 1200px) {
#post_list_wrap .post_list_scroll {
    /*margin-right: 0;*/
}
}

@media screen and (max-width: 768px) {
#post_list_wrap .inner {
	padding-top: 8rem;
    padding-bottom: 8rem;
}

#post_list_wrap .ttl_wrap {
    margin-bottom: 4rem;
}

#post_list_wrap .post_list_scroll {
    width: 100vw;
    margin-left: calc(calc(100vw - 33.5rem) / -2);
    margin-right: 0;
    overflow-x: hidden;
}
#post_list_wrap .post_list_scroll::-webkit-scrollbar {
   height: 0.1rem;
}
#post_list_wrap .post_list_scroll::-webkit-scrollbar-track {
   background-color: #f5f5f5;
}
#post_list_wrap .post_list_scroll::-webkit-scrollbar-thumb {
   background-color: #d3d2d0;
}
    
#post_list_wrap .post_list > li {
    width: 26.4rem;
    margin-right: 2rem;
}
    
#post_list_wrap .swiper-container,
#post_list_wrap .swiper-wrapper,
#post_list_wrap .swiper-slide {
    width: 100%;
    height: 100%;
}
    
#post_list_wrap .swiper-wrapper {
    /*width: 26rem;*/
}
#post_list_wrap .swiper-slide {
    width: 26rem;
    margin: 0;
}
    
#post_list_wrap .swiper-button-next,
#post_list_wrap .swiper-button-prev {
    display: flex;
}
#post_list_wrap .swiper-button-next {
    right: 3.8rem;
    top: 50%;
    transform: translateY(50%);
} 
#post_list_wrap .swiper-button-prev {
    left: 3.8rem;
    top: 50%;
    transform: translateY(50%);
} 
#post_list_wrap .swiper-button-next:after,
#post_list_wrap .swiper-rtl .swiper-button-prev:after {
    display: none;
}
#post_list_wrap .swiper-button-prev:after,
#post_list_wrap .swiper-rtl .swiper-button-next:after {
    display: none;
}

}



/* #page_navi
----------------------------------------- */
#page_navi {
}

#page_navi .inner {
	padding-top: 15rem;
    padding-bottom: 14rem;
    display: flex;
    justify-content: space-between;
}

#page_navi .ttl_wrap {
    width: calc(540/1200*100%);
    padding-top: 5rem;
    border-top: 0.1rem solid #000000;
}
#page_navi .ttl_wrap > a {
    width: 100%;
}
#page_navi .ttl_wrap > a:hover .arrow #arrow_svg .cls-2 {fill:#0d793b;}


@media screen and (max-width: 768px) {
#page_navi {
}

#page_navi .inner {
	padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    flex-wrap: wrap;
}

#page_navi .ttl_wrap {
    width: 100%;
    padding-top: 4rem;
}
#page_navi .ttl_wrap > a {
    width: 100%;
}
    
#page_navi .ttl_wrap:last-child {
    margin-top: 4rem;
}
}