@charset "UTF-8"; /*****contents*****/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grid {
    display: grid;
}

p.cmn_btn {
}

p.cmn_btn a {
    font-size: 2.4rem;
    font-weight: bold;
    border-radius: 10px;
    width: 36rem;
    height: 8rem;
    display: grid;
    align-items: center;
    padding: 1rem 3.5rem;
}

a.arrow {
    position: relative;
}

a.arrow::after {
    position: absolute;
    content: "";
    background-color: #000;
    width: 2rem;
    height: 2rem;
    -webkit-mask: url("../images/common/arrow.svg") no-repeat center / contain;
    mask: url("../images/common/arrow.svg") no-repeat center / contain;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%);
}

p.cmn_lead {
    font-size: 2.8rem;
    font-weight: bold;
    color: #fff;
    display: table;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    line-height: 1;
}

p.cmn_color_green {
    background: #8CC63F;
}

p.cmn_color_orange {
    background: #F7931E;
}

p.cmn_color_blue {
    background: #fff;
	color: #2996D2;
}

p.cmn_color_purple {
    background: #9070CA;
	color: #fff;
}


h2.cmn_ttl {
}

h2.cmn_ttl span {
    display: table;
    margin: 0 auto;
}

h2.cmn_ttl span.ja {    
	font-size: 6.4rem;
    font-weight: 900;
}

h2.cmn_color_green span.ja {
    color: #8CC63F;

}

h2.cmn_color_white span.ja {
	color: #fff;
}

h2.cmn_color_orange span.ja {
	color: #F7931E;
}
h2.cmn_color_purple span.ja {
	color: #9070CA;
}

h2.cmn_ttl span.en {
    line-height: 1;
    margin-top: -3rem;
    position: relative;
    z-index: -1;
}

h2.cmn_color_green span.en {
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.promo_frame {
    position: relative;
    min-height: 78rem;
    z-index: 0;
}

.promo_frame .promo_img {
    position: absolute;
    width: 71rem;
    z-index: -1;
}

.promo_frame .promo_fade {
  position: relative;
	aspect-ratio: 710 / 740;
}

.promo_frame .promo_fade picture {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.5s ease;
}

.promo_frame .promo_fade picture.is-show {
  opacity: 1;
  z-index: 1;
}

.promo_frame .promo_img.left {
    left: 0;
    bottom: 0;
}

.promo_frame .promo_img.right {
    right: 0;
    top: 0;
}

.promo_frame .promo_circle_bg {
    position: relative;
    z-index: 0;
    width: 74.2rem;
    height: 74.2rem;
    display: grid;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 0 8rem 5rem;
    top: -1rem;
}

.promo_frame .promo_circle_bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/home/promo_circle.png") no-repeat 50% / contain;
    -webkit-animation: 10s linear infinite rotate;
    animation: 10s linear infinite rotate;
    z-index: -1;
    top: 0;
    left: 0;
}

@-webkit-keyframes rotate {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.promo_frame .promo_circle_bg h2.promo_ttl {
    width: 80.5rem;
    margin: 15rem 3rem 0 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_message {
    position: relative;
    z-index: 0;
    padding-top: 12rem;
    padding-bottom: 14rem;
    overflow: hidden;
}

#home_message .bg {
    background: #F2F2F2;
    padding: 8rem 5rem 10rem;
}

#home_message .main_img {
    position: absolute;
}

#home_message .main_img.left {
    bottom: -10rem;
    left: calc(50% - 96rem);
    background: url("../images/home/message_left_circle.png") no-repeat left 106% top 42% / 63rem 63rem;
}

#home_message .main_img.left p.img.img01 {
    width: 45rem;
    margin-bottom: -7rem;
    margin-left: -2rem;
}

#home_message .main_img.left p.img.deco {
    width: 53.9rem;
    margin-bottom: -12rem;
    position: relative;
    left: -8rem;
}

#home_message .main_img.left p.img.img02 {
    width: 32rem;
    margin-bottom: -44rem;
    margin-left: auto;
    margin-right: -14rem;
}

#home_message .main_img.left p.img.img03 {
    width: 40rem;
    margin-left: 4rem;
}

#home_message .bese_width {
}

#home_message .inner {
    position: relative;
    z-index: 10;
}

#home_message .inner h2.main_ttl {
    width: 95.2rem;
    margin: 0 auto 3rem;
	position: relative;
	left: -3rem;
}

#home_message .inner p.main_txt {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    margin-bottom: 6rem;
}

#home_message .inner p.btn {
}

#home_message .inner p.btn a {
    margin: 0 auto;
	background: #fff;
}

@media screen and (min-width: 769px) {
	#home_message .inner p.btn a:hover {
    	background: #000;
		color: #fff;
	}
	
	#home_message .inner p.btn a:hover::after {
		background-color: #fff;
	}
}

#home_message .main_img.right {
    right: calc(50% - 95rem);
    top: 2.5rem;
    background: url("../images/home/message_right_circle.png") no-repeat left -235% bottom 0 / 60rem 60rem;
    padding-bottom: 7rem;
}

#home_message .main_img.right p.img.img01 {
    width: 44rem;
    margin-top: -31rem;
}

#home_message .main_img.right p.img.img02 {
    width: 47.9rem;
    margin-left: 2rem;
}

#home_message .main_img.right p.img.deco {
    width: 56.3rem;
    margin: -6rem 0 0 0rem;
    position: relative;
    left: -11rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
働く人
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_people {
    padding-top: 1.5rem;
    padding-bottom: 12rem;
}

#home_people p.cmn_lead {
    margin-bottom: 2rem;
}

#home_people h2.cmn_ttl {
	margin-bottom: 12rem;
}

#home_people h2.cmn_ttl span.ja {
}

#home_people h2.cmn_ttl span.en {
    width: 84.3rem;
}

#home_people ul.cmn_people_list {
    margin-bottom: 7.5rem;
}

#home_people p.btn {
}

#home_people p.btn a {
    font-size: 2.4rem;
    font-weight: 500;
    display: table;
    margin: 0 auto;
    position: relative;
    padding: 1rem 9rem 1rem 0;
}

#home_people p.btn a span {
    border-bottom: 1px solid #000;
    display: block;
}

#home_people p.btn a::after {
    content: "";
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
	border: 2px solid #000;
    background: url("../images/common/arrow_white.svg") no-repeat 50% / 1.5rem 1.5rem #000;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
	#home_people p.btn a {

	}

	#home_people p.btn a span {
	}

	#home_people p.btn a:hover::after {
		background-color: #fff;
		background-image: url("../images/common/arrow.svg");
	}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slider-wrap {
  overflow: hidden;
  width: 100%;
  height: 55.2rem; 
}

.slider-bg {
  height: 100%;
  width: calc(415.4rem * 2); 
  background-image: url("../images/home/slider.webp");
  background-repeat: repeat-x;
  background-size: 415.4rem 55.2rem;
  animation: slide 60s linear infinite;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-415.4rem);
  }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社を知る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_company {
    background: url("../images/home/company_bg.webp") no-repeat 50% / cover;
    position: relative;
    margin-top: 12.5rem;
    padding-top: 13rem;
    padding-bottom: 17rem;
}

#home_company .com_deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

#home_company .com_deco .deco {
    position: absolute;
    background-size: cover;
    background-position: center;
    will-change: transform, opacity;
}

#home_company .com_deco .deco.deco01 {
    --w: 50rem;
    --h: 50rem;
    --x: calc(50% - 85rem);
    --y: -3rem;
    background-image: url("../images/home/company-gallery-01.webp");
}

#home_company .com_deco .deco.deco02 {
    --w: 32rem;
    --h: 32rem;
    --x: calc(50% - 99rem);
    --y: 34rem;
    background-image: url("../images/home/company-gallery-02.webp");
}

#home_company .com_deco .deco.deco03 {
    --w: 33rem;
    --h: 33rem;
    --x: calc(50% - 88rem);
    --y: 27rem;
    background-image: url("../images/home/company-gallery-03.webp");
}

#home_company .com_deco .deco.deco04 {
    --w: 53rem;
    --h: 34.8rem;
    --x: calc(50% - 92rem);
    --y: 10rem;
    background-image: url("../images/home/company-gallery-04.webp");
}

#home_company .com_deco .deco.deco05 {
    --w: 44rem;
    --h: 44rem;
    --x: calc(50% - 100rem);
    --y: 46.5rem;
    background-image: url("../images/home/company-gallery-05.webp");
}

#home_company .com_deco .deco.deco06 {
    --w: 30rem;
    --h: 30rem;
    --x: calc(50% - 87rem);
    --y: 7.5rem;
    background-image: url("../images/home/company-gallery-06.webp");
}

@media screen and (max-width: 1600px) {
	#home_company .com_deco .deco.deco04{
		--x: calc(50% - 83rem);
		--y: 4rem;
	}
}


#home_company .com_deco .deco.w_h {
    width: var(--w);
    height: var(--h);
}

#home_company .com_deco .deco.left {
    left: var(--x);
}

#home_company .com_deco .deco.right {
    right: var(--x);
}

#home_company .com_deco .deco.top {
    top: var(--y);
}

#home_company .com_deco .deco.bottom {
    bottom: var(--y);
}

#home_company p.cmn_lead {
    margin-bottom: 2rem;
}

#home_company h2.cmn_ttl {
    margin-bottom: 9.5rem;
}

#home_company h2.cmn_ttl span.ja {
}

#home_company .works_wrap {
    width: 126rem;
    margin: 0 auto;
    position: relative;
}

#home_company .works_wrap .inner {
    background: #fff;
    border-radius: 40px;
    grid-template-columns: 1fr 54.8rem;
    align-items: center;
    padding: 2rem 6rem 0rem 10rem;
    margin-bottom: 5rem;
    position: relative;
}

#home_company .works_wrap .inner::after {
    position: absolute;
    content: "";
    background: url(../images/common/arrow_white.svg) no-repeat 50% / 1.5rem 1.4rem #2996D2;
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    bottom: 3.5rem;
    right: 3rem;
	border: 2px solid #2996D2;
	transition: .3s ease-in;
}

#home_company .works_wrap .inner .txt_area {
    margin-top: -3rem;
}

#home_company .works_wrap .inner .txt_area h3.ttl {
    margin-bottom: 4.5rem;
}

#home_company .works_wrap .inner .txt_area h3.ttl a {
    font-size: 5.6rem;
    letter-spacing: .06em;
    font-weight: 900;
    color: #2996D2;
}

#home_company .works_wrap .inner .txt_area p.txt {
    font-size: 2rem;
    font-weight: bold;
}

#home_company .works_wrap .inner p.img {
    margin-top: -4.5rem;
    position: relative;
    left: -2rem;
}

#home_company .works_wrap ul.items {
    grid-template-columns: repeat(3,1fr);
    gap: 3rem;
}

#home_company .works_wrap ul.items li {
    background: #fff;
    border-radius: 20px;
    padding: 3rem 2rem 6.5rem;
    position: relative;
}

#home_company .works_wrap ul.items li::after {
    position: absolute;
    content: "";
    background: url(../images/common/arrow_white.svg) no-repeat 50% / 1.2rem 1.2rem #2996D2;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    bottom: 2rem;
    right: 2rem;
	border: 2px solid #2996D2;
	transition: .3s ease-in;
}

#home_company .works_wrap ul.items li p.icon {
    width: 12rem;
    margin: 0 auto 3rem;
}

#home_company .works_wrap ul.items li h3.ttl {
    margin-bottom: 1.5rem;
}

#home_company .works_wrap ul.items li h3.ttl a {
    font-size: 3.2rem;
    color: #2996D2;
    text-align: center;
    margin-bottom: 1rem;
    display: block;
}

#home_company .works_wrap ul.items li p.txt {
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
}

@media screen and (min-width: 769px) {
	#home_company .works_wrap .inner:hover::after ,#home_company .works_wrap ul.items li:hover::after{
		background-color: #fff;
		background-image: url("../images/common/arrow_blue.svg");
	}
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
働く人を知る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_job {
    padding: 18rem 0 8rem;
    position: relative;
}

#home_job .content_wrap {
    margin-bottom: 8rem;
}

#home_job .content_wrap p.cmn_lead {
    margin-bottom: 2rem;
}

#home_job .content_wrap h2 {
    margin-bottom: 3rem;
}

#home_job .content_wrap p.main_txt {
    font-size: 2rem;
    line-height: 2;
    text-align: center;
    font-weight: bold;
}

#home_job .content_wrap .content_img {
    position: absolute;
    width: 59rem;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

#home_job .content_wrap .content_img p.img {
}

#home_job .content_wrap .content_img.left {
    top: 8rem;
    left: calc(50% - 92rem);
}

#home_job .content_wrap .content_img.left p.img01 {
    width: 27rem;
}

#home_job .content_wrap .content_img.left p.img02 {
    width: 30rem;
    margin-top: 8rem;
}

#home_job .content_wrap .content_img.right {
    top: 3.5rem;
    right: calc(50% - 95rem);
}

@media screen and (max-width: 1600px) {
	
	#home_job .content_wrap .content_img.left {
        left: calc(50% - 79rem);
        width: 50rem;
	}
	#home_job .content_wrap .content_img.right {
		
		right:calc(50% - 81rem);
		width: 50rem;
	}
}

#home_job .content_wrap .content_img.right p.img01 {
    width: 30rem;
}

#home_job .content_wrap .content_img.right p.img02 {
    width: 27rem;
    margin-top: 8rem;
}

/* ===== スクロール切り替えエリア ===== */
.scroll-section {
    height: 400vh;
    /* パネル数 × 100vh */
}

.scroll-section .scroll-inner {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

/* ===== パネル ===== */
.scroll-section .panel {
    position: absolute;
    inset: 0;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: #fff;
}

/* 表示中 */
.scroll-section .panel.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* ===== テスト用背景 ===== */
.scroll-section .panel .scroll_bg {
    background: no-repeat 50% / 185rem 90rem;
    width: 185rem;
    height: 90rem;
    position: relative;
    z-index: 0;
}

.scroll-section .panel .scroll_bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: -1;
	border: 12px solid #9070CA;
}

.scroll-section .panel-1 .scroll_bg {
    background-image: url("../images/home/works_slide01.webp");
}

.scroll-section .panel-1 .scroll_bg::after {
    
}

.scroll-section .panel-2 .scroll_bg {
    background-image: url(../images/home/works_slide02.jpg);
}

.scroll-section .panel-3 .scroll_bg {
    background-image: url(../images/home/works_slide03.jpg);
}

.scroll-section .panel-4 .scroll_bg {
    background-image: url(../images/home/works_slide04.jpg);
}

.scroll-section .scroll-pagination {
    position: absolute;
    right: 3.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.scroll-section .scroll-pagination .dot {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
	padding: 0;
}

.scroll-section .scroll-pagination .dot.is-active {
    background: #fff;
    opacity: 1;
}

#home_job p.job_en_ttl {
    position: absolute;
    bottom: 0;
    left: -1rem;
    color: #8670C0;
    font-family: "Lato", sans-serif;
    font-size: 13rem;
    font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: sideways;
	opacity: .7;
}

#home_job .panel-3 p.job_en_ttl{
	font-size: 12rem;
}

#home_job .panel-4 p.job_en_ttl{
	font-size: 10rem;
	left: 1rem
}

#home_job p.job_ja_ttl {
    font-size: 8rem;
    color: #fff;
    writing-mode: vertical-rl;
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: .3em;
}

#home_job p.job_ja_ttl_long {
	font-size: 7rem;
	top: 8%;
}

#home_job .txt_wrap {
    width: 53rem;
    margin-left: auto;
    margin-top: 23.5rem;
}

#home_job .txt_wrap h2.ttl {
    font-size: 4rem;
    line-height: 1.75;
    color: #fff;
    margin-bottom: 3rem;
}

#home_job .txt_wrap p.txt {
    font-size: 2rem;
    line-height: 2;
    color: #fff;
    margin-bottom: 5rem;
}

#home_job .txt_wrap p.btn {
}

#home_job .txt_wrap p.btn a {
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-right: 10rem;
    display: table;
}

#home_job .txt_wrap p.btn a::after {
    position: absolute;
    content: "";
    background: url("../images/common/arrow_white.svg") no-repeat 50% / 1.5rem 1.4rem #9070CA;
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

#home_job .txt_wrap p.btn a span {
    display: inline-block;
    padding-right: 1rem;
    border-bottom: 1px solid #fff;
    padding: .2rem 1rem .2rem 0;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
働く魅力を知る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_charm {
    padding: 9.5rem 0 6.5rem 5rem;
}

#home_charm .inner {
    justify-content: flex-end;
    margin-left: auto;
    flex-wrap: nowrap;
    align-items: center;
}

#home_charm .inner .txt_area {
    width: 71rem;
    margin-right: -16rem;
    position: relative;
    margin-bottom: 5rem;
}

#home_charm .inner .txt_area .content_wrap {
    margin-bottom: 6.5rem;
}

#home_charm .inner .txt_area .content_wrap p.cmn_lead {
    margin: 0 0 2rem;
}

#home_charm .inner .txt_area .content_wrap h2.cmn_ttl {
    margin-bottom: 2.5rem;
}

#home_charm .inner .txt_area .content_wrap h2.cmn_ttl span.ja {
    margin: 0;
}

#home_charm .inner .txt_area .content_wrap p.main_txt {
    font-size: 2rem;
    line-height: 2;
    font-weight: 700;
}

#home_charm .inner .txt_area ul.items {
    background: #fff;
    border-radius: 20px;
    padding: 0 3rem;
    overflow: hidden;
    position: relative;
    width: 68rem;
    margin-left: auto;
}

#home_charm .inner .txt_area ul.items > li {
    display: grid;
    grid-template-columns: 1fr 14rem;
    padding: 2.5rem 6rem 3.5rem 1rem;
    align-items: center;
    position: relative;
	
}

#home_charm .inner .txt_area ul.items > li:not(:last-child) {
    border-bottom: 1px solid #B3B3B3;
}

#home_charm .inner .txt_area ul.items > li::after {
    position: absolute;
    content: "";
    background: url("../images/common/arrow.svg") no-repeat 50% / 1.2rem 1.2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    border: 1px solid;
    bottom: 3rem;
    right: 0rem;
	transition: .3s ease-in;
}

@media screen and (min-width: 769px) {
	#home_charm .inner .txt_area ul.items > li:hover::after {
		background-image: url("../images/common/arrow_white.svg") ;
		background-color: #000;
	}
}

#home_charm .inner .txt_area ul.items > li .content_area {
}

#home_charm .inner .txt_area ul.items > li .content_area h3.ttl {
    margin-bottom: 1rem;
}

#home_charm .inner .txt_area ul.items > li .content_area h3.ttl a {
    font-size: 3.2rem;
    font-weight: bold;
    color: #F7931E;
    margin-bottom: 2rem;
}

#home_charm .inner .txt_area ul.items > li .content_area p.txt {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

#home_charm .inner .txt_area ul.items >li .content_area ul.tag {
    display: flex;
    gap: 2rem
}

#home_charm .inner .txt_area ul.items >li .content_area ul.tag li {
    font-size: 1.6rem;
    color: #666666;
}

#home_charm .inner .txt_area ul.items > li p.icon {
    width: 14rem;
}

#home_charm .inner .txt_area ul.items > li p.icon img {
}

#home_charm .inner p.main_img {
    width: 120rem;
    margin-bottom: 5rem;
}

#home_charm .inner p.main_img img {
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ニュース
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news {
    padding-top: 8rem;
}

#home_news .inner {
    display: grid;
    grid-template-columns: 21rem 78rem;
    justify-content: space-between;
    gap: 5rem
}

#home_news .inner .contents_wrap {
}

#home_news .inner .contents_wrap h2.main_ttl {
    margin-bottom: 4rem;
}

#home_news .inner .contents_wrap h2.main_ttl span {
    display: block;
}

#home_news .inner .contents_wrap h2.main_ttl span.en {
    margin-bottom: 2.5rem;
}

#home_news .inner .contents_wrap h2.main_ttl span.en img {
}

#home_news .inner .contents_wrap h2.main_ttl span.ja {
    font-size: 2.4rem;
    font-weight: bold;
    display: block;
    padding-left: 2rem;
}

#home_news .inner .contents_wrap p.btn {
}

#home_news .inner .contents_wrap p.btn a {
    font-size: 1.8rem;
    font-weight: 500;
    padding-left: 7.5rem;
    position: relative;
    display: table;
}

#home_news .inner .contents_wrap p.btn a::before {
    position: absolute;
    content: "";
    background: url(../images/common/arrow.svg) no-repeat 50% / 1.2rem 1.2rem;
    border: 1px solid;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
}

@media screen and (min-width: 769px) {
	#home_news .inner .contents_wrap p.btn a:hover::before {
		background-image: url("../images/common/arrow_white.svg");
		background-color: #000;
	}

}

#home_news .inner .post_wrap {
}

#home_news .inner .post_wrap p {
}