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

#top #conWrap {
	padding-top: 0;
}

/*#top #g_navi_wrap {
    z-index: 2;
}*/

#top #g_navi_wrap.is_show {
    background-color: transparent;
}

#top #g_navi_wrap .navi_wrap {
    display: none;
}

#top.is_show #g_navi_wrap .inner {
    justify-content: center;
}

#top .navi_fix_wrap {
    position: fixed;
    top: 8rem;
    left: 2.5rem;
    z-index: 104;
    transition: all .3s;
}
#top.is_show .navi_fix_wrap {
    top: 3.5rem
}

#top .navi_fix_wrap .navigation {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 1.5rem 0;
}
#top .navi_fix_wrap .navigation > li {
    display: flex;
}
#top .navi_fix_wrap .navigation > li a {
    display: flex;
    align-items: center;
    column-gap: 0.3em;
    font-size: 1.4rem;
    line-height: 1;
}
#top .navi_fix_wrap .navigation > li a::before {
    content: '( ';
    transition: all .3s;
    opacity: 0;
    margin-top: -0.2em;
}
#top .navi_fix_wrap .navigation > li a::after {
    content: ' )';
    transition: all .3s;
    opacity: 0;
    margin-top: -0.2em;
}
#top .navi_fix_wrap .navigation > li a span {
    margin-top: -0.1em;
}
#top.navi_wht .navi_fix_wrap .navigation > li a {
    color: #FFFFFF;
}

#top.section-2 .navi_fix_wrap .navigation > li:nth-child(1) a::before,
#top.section-2 .navi_fix_wrap .navigation > li:nth-child(1) a::after {
    opacity: 1;
}
#top.section-3 .navi_fix_wrap .navigation > li:nth-child(2) a::before,
#top.section-3 .navi_fix_wrap .navigation > li:nth-child(2) a::after {
    opacity: 1;
}
#top.section-4 .navi_fix_wrap .navigation > li:nth-child(3) a::before,
#top.section-4 .navi_fix_wrap .navigation > li:nth-child(3) a::after {
    opacity: 1;
}
#top.section-5 .navi_fix_wrap .navigation > li:nth-child(4) a::before,
#top.section-5 .navi_fix_wrap .navigation > li:nth-child(4) a::after {
    opacity: 1;
}
#top.section-6 .navi_fix_wrap .navigation > li:nth-child(5) a::before,
#top.section-6 .navi_fix_wrap .navigation > li:nth-child(5) a::after {
    opacity: 1;
}
#top.section-7 .navi_fix_wrap .navigation > li:nth-child(6) a::before,
#top.section-7 .navi_fix_wrap .navigation > li:nth-child(6) a::after {
    opacity: 1;
}


#top.horizontal .navi_fix_wrap .navigation > li:nth-child(2) a::before,
#top.horizontal .navi_fix_wrap .navigation > li:nth-child(2) a::after {
    opacity: 1;
}
#top.horizontal.section-3 .navi_fix_wrap .navigation > li:nth-child(3) a::before,
#top.horizontal.section-3 .navi_fix_wrap .navigation > li:nth-child(3) a::after {
    opacity: 1;
}

#top h2.sec_ttl {
    font-size: 1.8rem;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
#top h2.sec_ttl {
    font-size: 1.3rem;
}
    
#top #g_navi_wrap .logo {
    margin-top: 1rem;
}
#top #g_navi_wrap .logo a {
    width: auto;
    height: 1.35rem;
}
#top #g_navi_wrap .logo a svg {
    width: auto;
    height: 100%;
} 
#top.is_show #g_navi_wrap .logo {
    margin-top: 0;
}
#top.is_show #g_navi_wrap .logo a {
    width: auto;
    height: 1.25rem;
}
    
#top .navi_fix_wrap {
    top: 6rem;
    left: 1.8rem;
}
#top.is_show .navi_fix_wrap {
    display: none;
}

#top .navi_fix_wrap .navigation {
    gap: 1rem 0;
}

#top .navi_fix_wrap .navigation > li a {
    column-gap: 0.3em;
    font-size: 1.2rem;
}
  
#top h2.sec_ttl {
    font-size: 1.3rem;
}
    
#top.drawer--left .drawer-hamburger {
    display: none;
}
#top.is_show.drawer--left .drawer-hamburger {
    display: flex;
}
#top.is_show #g_navi_wrap .inner {
    justify-content: space-between;
}
#top.is_show #g_navi_wrap .navi_wrap {
    display: block;
}
    
#top.navi_wht.drawer-open #logo_svg .a {
    fill: #000000;
}
}


/* #topmain
----------------------------------------- */
#topmain {
    width: 100%;
    height: 100vh;
}

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

#topmain .topmain_layout {
    width : 100%;
	height: 100%;
    display: flex;
    justify-content: space-between;
	position: relative;
}

#topmain .swiper-container,
#topmain .swiper-wrapper,
#topmain .swiper-slide {
	width: 100%;
    height: 100%;
}

#topmain .swiper-slide {
    width: 100% !important;
	display: flex;
    align-items: center;
    justify-content: center;
}
#topmain .slide_wrap {
    /*max-width: 100%;
    height: 100%;
    aspect-ratio: 880 / 1180;
    margin: auto;*/
    width: 100%;
    height: 100%;
}

#topmain .slide_wrap img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

#topmain .topmain_layout .txt {
    position: absolute;
    z-index: 2;
    font-size: 1.4rem;
    line-height: 1;
    color: #FFFFFF;
}
#topmain .topmain_layout .left_txt {
    line-height: calc(20/14);
    bottom: 3.2rem;
    left: 3.5rem;
}
#topmain .topmain_layout .right_txt {
    bottom: 3.5rem;
    right: 3.5rem;
}

#topmain .topmain_layout .lang_list {
    position: absolute;
    top: 3.5rem;
    right: 3.5rem;
    z-index: 106;
    display: flex;
    align-items: center;
}
#topmain .topmain_layout .lang_list > li {
    /*display: flex;*/
    font-size: 1.4rem;
    line-height: 1;
    color: #D5D5D5;
    
    display: none;
}
/*#topmain .topmain_layout .lang_list > li:not(:last-child)::after {
    content: '｜';
    padding: 0 0.2em;
}*/
#topmain .topmain_layout .lang_list > li a {
    font-size: 1.4rem;
    line-height: 1;
    color: #D5D5D5;
}
#topmain .topmain_layout .lang_list > li a:hover {
    opacity: 1;
    color: #FFFFFF;
}

#topmain .topmain_layout .lang_list > li.current {
    display: flex;
}
#topmain .topmain_layout .lang_list > li.current a {
    color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
#topmain {
	/*height : calc(100vh - 8rem);
    height : calc(calc(var(--vh, 1vh) * 100) - 8rem);*/
    height: 100vh;
    height : calc(var(--vh, 1vh) * 100);
    height: 100dvh;
    padding: 0;
}

#topmain .topmain_layout .txt {
    font-size: 1.2rem;
}
#topmain .topmain_layout .left_txt {
    bottom: 2.2rem;
    left: 2.5rem;
}
#topmain .topmain_layout .right_txt {
    bottom: 2.5rem;
    right: 2.5rem;
}

#topmain .topmain_layout .lang_list {
    top: 2.5rem;
    right: 2.5rem;
}
#topmain .topmain_layout .lang_list > li {
    font-size: 1.25rem;
}
#topmain .topmain_layout .lang_list > li a {
    font-size: 1.25rem;
}

}


/* #philosophy
----------------------------------------- */
#philosophy {
}
#philosophy .inner {
    padding-top: 20rem;
    padding-bottom: 18rem;
}
#philosophy .layout {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.5rem;
}
#philosophy .layout > .con {
    width: calc(530/1100*100%);
}
#philosophy .layout > .con .ttl {
    font-size: 2.8rem;
    line-height: calc(40/28);
    letter-spacing: -0.01em;
}
#philosophy .layout > .con .txt {
    font-size: 1.4rem;
    line-height: calc(30/14);
}
#philosophy .layout > .con .btn_wrap {
    margin-top: 5rem;
}

#philosophy .layout > .left_con {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
#philosophy .layout > .left_con .slider_wrap {
    margin-top: 26rem;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
#philosophy .layout > .left_con .slider_wrap .slider_1 {
    width: 33rem;
    position: absolute;
    top: -16rem;
    right: 4rem;
    z-index: 2;
}
#philosophy .layout > .left_con .slider_wrap .slider_2 {
    width: 33rem;
}

#philosophy .layout > .right_con {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}
#philosophy .layout > .right_con .slider_wrap {
    margin-top: 22rem;
}

#philosophy .layout > .con .slider_wrap,
#philosophy .layout > .con .swiper-wrapper,
#philosophy .layout > .con .swiper-slide {
    width: 100%;
}


@media screen and (max-width: 768px) {
#philosophy {
}
#philosophy .inner {
    padding-top: 3rem;
    padding-bottom: 7rem;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
    
#philosophy h2.sec_ttl {
    order: 2;
    
    margin-top: 2.5rem;
}
#philosophy .layout {
    display: contents;
}
#philosophy .layout > .con {
    width: 100%;
    display: contents;
}
#philosophy .layout > .con .ttl {
    font-size: 2rem;
    margin-top: 1.5rem;
    
    order: 3;
}
#philosophy .layout > .con .txt {
    font-size: 1.2rem;
    margin-top: 4rem;
    
    order: 4;
}
#philosophy .layout > .con .btn_wrap {
    margin-top: 4rem;
    
    order: 5;
}

#philosophy .layout > .left_con {
    display: contents;
}
#philosophy .layout > .left_con .slider_wrap {
    margin-top: 9rem;
    
    order: 6;
}
#philosophy .layout > .left_con .slider_wrap .slider_1 {
    width: 16.5rem;
    position: absolute;
    top: -4.5rem;
    right: 4rem;
    z-index: 2;
}
#philosophy .layout > .left_con .slider_wrap .slider_2 {
    width: 16.5rem;
}

#philosophy .layout > .right_con {
    display: contents;
}
#philosophy .layout > .right_con .slider_wrap {
    width: 18rem;
    margin-top: 0;
    margin-left: auto;
    
    order: 1;
}

}


#horizontal-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#horizontal-section > .horizontal-inner {
    display: flex;
    background-color: #272727;
}


/* #mils_lens
----------------------------------------- */
#mils_lens {
    background-color: #272727;
    color: #FFFFFF;
    
    /*min-width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;*/
}
#mils_lens .inner {
    padding-top: 20rem;
    padding-bottom: 20rem;
}
#mils_lens .layout {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 2.5rem;
}
#mils_lens .layout > .con {
    width: calc(500/1100*100%);
    color: #FFFFFF;
}
#mils_lens .layout > .con .ttl {
    font-size: 2.8rem;
    line-height: calc(44/28);
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
}
#mils_lens .layout > .con .txt {
    font-size: 1.4rem;
    line-height: calc(30/14);
    margin-top: 4rem;
}
#mils_lens .layout > .con .btn_wrap {
    margin-top: 5rem;
    display: flex;
    align-items: flex-start;
}

#mils_lens .layout > .img_con {
    padding-bottom: 4.5rem;
}

#mils_lens .layout > .left_con {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}


@media screen and (max-width: 768px) {
#mils_lens {
}
#mils_lens .inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
    
    display: flex;
    flex-flow: column;
}
    
#mils_lens .layout {
    display: contents;
}
#mils_lens .layout > .con {
    width: 100%;
    display: contents;
}
    
#mils_lens .layout > .con h2.sec_ttl {
    order: 1;
}
#mils_lens .layout > .con .ttl {
    font-size: 2.0rem;
    margin-top: 1.5rem;
    
    order: 2;
}
#mils_lens .layout > .con picture {
    order: 3;
    
    margin-top: 4rem;
}
#mils_lens .layout > .con .txt {
    font-size: 1.2rem;
    margin-top: 4rem;
    
    order: 4;
}
#mils_lens .layout > .con .btn_wrap {
    margin-top: 4rem;
    
    order: 5;
}

#mils_lens .layout > .img_con {
    padding-bottom: 0;
}
}


/* #products
----------------------------------------- */
#products {
    background-color: #272727;
    color: #FFFFFF;
    
    /*min-width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;*/
}
#products .inner {
    padding-top: 20rem;
    padding-bottom: 20rem;
}

#products .layout {
    display: flex;
    flex-flow: column;
    gap: 4rem;
}
#products .layout .ttl_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#products .product_list_wrap {
    width: 100%;
    height: 65rem;
    position: relative;
    z-index: 1;
}
#products .product_list_wrap .product_list {
    width: 100%;
    height: 100%;
    display: flex;
}
#products .product_list_wrap .product_list .product {
    width: calc(275/1100*100%);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s;
    background-color: rgba(0,0,0,0.35);
    position: relative;
    z-index: 1;
}
#products .product_list_wrap .product_list.open .product:not(.open) {
    background-color: rgba(0,0,0,0.50);
}
#products .product_list_wrap .product_list .product::after {
    content: '';
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
}
#products .product_list_wrap .product_list .product.open::after {
    display: none;
}
#products .product_list_wrap .product_list .product:not(:last-child) {
    border-right: 1px solid #A2A2A2;
}

#products .product_list_wrap .product_list .product .txt_con {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-flow: column;
    align-items: center;
    transition: all .6s;
}
#products .product_list_wrap .product_list.open .product:not(.open) .txt_con {
    top: 8rem;
    left: 50%;
    transform: translate(-50%,0);
}
#products .product_list_wrap .product_list .product .txt_con.is-hide {
    opacity: 0;
}
#products .product_list_wrap .product_list .product .txt_con.is-show {
    opacity: 1;
}

#products .product_list_wrap .product_list .product .o_view {
    display: none;
}

#products .product_list_wrap .product_list .product .txt_con .ttl {
    display: flex;
    flex-flow: column;
    align-items: center;
}
#products .product_list_wrap .product_list .product .txt_con .ttl .number {
    font-size: 1.4rem;
    line-height: 1;
}
#products .product_list_wrap .product_list .product .txt_con .ttl .name {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 1.5rem;
}
#products .product_list_wrap .product_list.open .product:not(.open) .txt_con .ttl .name {
    writing-mode: vertical-rl;
    margin-top: 3rem;
}

#products .product_list_wrap .product_list .product .txt_con .ttl .sub_ttl {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 1rem;
}
#products .product_list_wrap .product_list .product .txt_con .desc {
    font-size: 1.4rem;
    line-height: calc(25/14);
    margin-top: 14rem;
}
#products .product_list_wrap .product_list .product .txt_con .btn_wrap {
    margin-top: 3.5rem;
}

#products .product_list_wrap .product_list .product.open .txt_con {
    left: 6rem;
    transform: translate(0,-50%);
    /*padding-left: 6rem;*/
    align-items: flex-start;
}
#products .product_list_wrap .product_list .product.open .o_view {
    display: block;
}
#products .product_list_wrap .product_list .product.open .txt_con .ttl {
    align-items: flex-start;
}
#products .product_list_wrap .product_list .product.open .txt_con .ttl .number {
    font-size: 1.4rem;
}
#products .product_list_wrap .product_list .product.open .txt_con .ttl .name {
    font-size: 1.8rem;
    margin-top: 3.5rem;
}


#products .product_list_wrap .product_list.open .product {
    width: calc(80/1100*100%);
    height: 100%;
}
#products .product_list_wrap .product_list.open .product.open  {
    width: calc(860/1100*100%);
    height: 100%;
}


#products .product_list_wrap .product_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
#products .product_list_wrap .product_bg .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    transition: all .6s;
}
#products .product_list_wrap .product_bg .bg:first-child {
  opacity: 1;
}
#products .product_list_wrap .product_bg .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#products .product_list_wrap .product_bg .bg.current {
    opacity: 1;
}

#products .owl-classic_bn {
    width: 100%;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-top: 12rem;
    /*margin-top: 6rem;*/
}
#products .owl-classic_bn .ttl {
    display: flex;
    align-items: center;
    column-gap: 3rem;
}
#products .owl-classic_bn .ttl::after {
	content: "";
	width: 1.1rem;
    height: 0.8rem;
    background: url("../images/blank_w.svg") no-repeat center center / contain;
    border-radius: 0;
    background-color: transparent;
    margin-top: 0.5rem;
}
#products .owl-classic_bn .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
#products .owl-classic_bn .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

#products .layout {
    gap: 2.5rem;
}

#products .product_list_wrap {
    width: 100%;
    height: 55rem;
}
#products .product_list_wrap .product_list {;
    display: flex;
    flex-flow: column;
}
#products .product_list_wrap .product_list .product {
    width: 100%;
    height: 25%;
}
#products .product_list_wrap .product_list .product::after {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    bottom: 50%;
    left: auto;
    right: 2.5rem;
    transform: translate(0, 50%);
}
#products .product_list_wrap .product_list .product.open::after {
    display: none;
}
#products .product_list_wrap .product_list .product:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #A2A2A2;
}

#products .product_list_wrap .product_list .product .txt_con {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-flow: column;
    align-items: center;
    transition: all .6s;
}
#products .product_list_wrap .product_list.open .product:not(.open) .txt_con {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#products .product_list_wrap .product_list .product .txt_con .ttl {
    display: flex;
    flex-flow: row;
    align-items: center;
    column-gap: 2rem;
}
#products .product_list_wrap .product_list .product .txt_con .ttl .number {
    font-size: 1.25rem;
}
#products .product_list_wrap .product_list .product .txt_con .ttl .name {
    font-size: 1.4rem;
    margin-top: 0;
}
#products .product_list_wrap .product_list.open .product:not(.open) .txt_con .ttl .name {
    writing-mode: initial;
    margin-top: 0;
}
    
#products .product_list_wrap .product_list .product .txt_con .ttl .sub_ttl {
    font-size: 1.2rem;
    margin-top: 1rem;
}
#products .product_list_wrap .product_list .product .txt_con .desc {
    font-size: 1.2rem;
    margin-top: 5rem;
}
#products .product_list_wrap .product_list .product .txt_con .btn_wrap {
    margin-top: 2.5rem;
}
    
#products .product_list_wrap .product_list .product.open .txt_con {
    width: 27.6rem;
    left: 2.5rem;
    transform: translate(0,-50%);
    /*padding-left: 6rem;*/
    align-items: flex-start;
}
#products .product_list_wrap .product_list .product.open .o_view {
    display: block;
}
#products .product_list_wrap .product_list .product.open .txt_con .ttl {
     flex-flow: column;
     column-gap: 0;
}
#products .product_list_wrap .product_list .product.open .txt_con .ttl .number {
    font-size: 1.1rem;
}
#products .product_list_wrap .product_list .product.open .txt_con .ttl .name {
    font-size: 1.6rem;
    margin-top: 1.5rem;
}


#products .product_list_wrap .product_list.open .product {
    width: 100%;
    height: calc(55/550*100%);
}
#products .product_list_wrap .product_list.open .product.open  {
    width: 100%;
    height: calc(385/550*100%);
}

#products .owl-classic_bn {
    width: 100%;
    height: 13.8rem;
    margin-top: 8rem;
}
#products .owl-classic_bn .ttl {
    column-gap: 2rem;
}
#products .owl-classic_bn .ttl svg {
    width: auto;
    height: 1.6rem;
}
}



/* #post_list_wrap.journal
----------------------------------------- */
#post_list_wrap.journal .inner {
    padding-top: 16rem;
    padding-bottom: 0;
}
#post_list_wrap.journal .layout > .navi .btn_wrap {
    margin-top: 3rem;
}

#post_list_wrap.journal .post_list {
    margin-top: -3rem;
}

@media screen and (max-width: 768px) {
#post_list_wrap.journal .inner {
    padding-top: 8rem;
    padding-bottom: 0;
}
#post_list_wrap.journal .layout > .navi {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#post_list_wrap.journal .layout > .navi .btn_wrap {
    margin-top: 0;
}
#post_list_wrap.journal .post_list {
    margin-top: 0;
}
}


/* #post_list_wrap.feature
----------------------------------------- */
#post_list_wrap.feature.slide .inner {
    padding-top: 18rem;
    padding-bottom: 12rem;
}
#post_list_wrap.feature.slide {
    background-color: transparent;
}

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


/* #pickup_news
----------------------------------------- */
#pickup_news {
    
}
#pickup_news .inner {
    width: 100%;
    max-width: none;
    height: 10rem;
    display: flex;
    align-items: center;
    border-top: 1px solid #D5D5D5;
}

#pickup_news .pickup_news_slider {
    width: 100%;
    overflow: hidden;
}

#pickup_news .swiper-wrapper {
    transition-timing-function: linear;
}

#pickup_news .swiper-slide {
    width: auto;
    flex-shrink: 0;
    white-space: nowrap;
}

#pickup_news .post {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 3rem;
}

#pickup_news h3.post_ttl {
    font-size: 1.4rem;
	line-height: calc(25/14);
    font-weight: 500;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
}

#pickup_news .info_wrap {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    column-gap: 2rem;
}
#pickup_news .info_wrap .date {
    font-size: 1.3rem;
    letter-spacing: 0;
	line-height: calc(20/13);
}
#pickup_news .category {
}
#pickup_news .category .cat_list {
	flex-wrap: wrap;
	justify-content: flex-start;
    gap: 1rem;
}
#pickup_news .category .cat_list li {
	display: flex;
}
#pickup_news .category .cat_list a {
	font-size: 1.3rem;
    letter-spacing: 0;
	line-height: calc(20/13);
    color: #A2A2A2;
}
#pickup_news .category .cat_list a:hover {
}

@media screen and (max-width: 768px) {
#pickup_news .inner {
    height: 8rem;
}

#pickup_news h3.post_ttl {
    font-size: 1.2rem;
}

#pickup_news .info_wrap {
    column-gap: 1.5rem;
}
#pickup_news .info_wrap .date {
    font-size: 1.1rem;
}
#pickup_news .category .cat_list {
    gap: 1rem;
}
#pickup_news .category .cat_list a {
	font-size: 1.1rem;
}

}


/* #dealer
----------------------------------------- */
#dealer {
    height: 75rem;
    position: relative;
    z-index: 1;
}
#dealer .inner {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}
#dealer .txt_con {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    color: #FFFFFF;
}

#dealer .txt_con .ttl {
    font-size: 2.8rem;
    line-height: calc(44/28);
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
}
#dealer .txt_con .txt {
    font-size: 1.4rem;
    line-height: calc(30/14);
    margin-top: 10rem;
}

#dealer .txt_con .btn_wrap {
    margin-top: 2rem;
}

#dealer .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
#dealer .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media screen and (max-width: 768px) {
#dealer {
    height: 35.5rem;
}

#dealer .txt_con .ttl {
    font-size: 2rem;
    margin-top: 1.5rem;
}
#dealer .txt_con .txt {
    font-size: 1.2rem;
    margin-top: 4.5rem;
}

#dealer .txt_con .btn_wrap {
    margin-top: 2.5rem;
}

}