@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&family=Tourney:ital,wght@0,100;1,100&display=swap");
/*  */
.pattern_grid{
    background-color:#358ed1;
    background-image:linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size:16px 16px,16px 16px;
    background-position:-1px -1px,-1px -1px}
.badge--new{
    display:inline-block;line-height:48px;
    height:48px;
    width:48px;
    padding:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    text-align:center;
    background-color:#ffeb3b;
    color:#222;font-size:12px}
@media screen and (max-width: 971px){
    .site_logo{
        text-align:center}
    .site_logo img{
        max-width:320px}}
@media all and (min-width: 972px){
    #global_header{
        width:972px;
        margin:16px auto 12px}
    #global_header:after{
        content:".";
        display:block;
        clear:both;
        height:0;
        overflow:hidden}
    .site_logo{
        width:320px;
        text-align:left;
        padding-top:12px;
        float:left}
    .widget_area--header{
        clear:none;
        width:500px;
        text-align:left;
        padding-top:12px;
        float:right}
    .widget_area--header .widget{
        margin-top:-12px;
        color:#555;
        text-transform:uppercase}
    .widget_area--header .widget .address_honsya{
        font-size:22px;
        font-size:2.2rem;
        font-weight:bold;
        color:#111}
    .widget_area--header .widget span{
        margin-left:-3.6em;
        display:inline-block;
        width:3.6em}}
    
    #global_nav{
        clear:both}
    #global_nav .menu_header>li a{
        font-weight:bold}
    #global_nav .menu_header>li a[data-description]:after{
        font-weight:normal}
    
@media screen and (min-width: 972px){
    #global_nav{
        padding-top:12px;
        padding-bottom:12px;
        border-bottom:1px solid #fff;
        background-color:#111}
    .menu_header>.menu-item{
        padding:0}
    .menu_header>.menu-item>.nav_menu_anchor{
        color:#fff !important;
        padding-top:12px;
        padding-bottom:12px}
    .menu_header>.menu-item>.nav_menu_anchor:hover{
        background-color:#efefef;
        color:#222 !important}
    .menu_header>.current-menu-item{
        background-color:#eee}
    .menu_header>.current-menu-item>.nav_menu_anchor{
        color:#111 !important}
    .menu_header>.current-menu-item>.nav_menu_anchor:hover{
        background-color:inherit !important}
    .menu_header .contact .nav_menu_anchor{
        background-color:#009fe8;
        color:#fff !important}
    .menu_header .contact .nav_menu_anchor:hover{
        background-color:#efefef;
        color:#222 !important}}
@media all and (min-width: 1111190px){
    body{
        padding-top:84px}
    .site_header{
        display:flex;
        justify-content:space-between;
        padding:16px 0;
        height:84px;
        z-index:100;
        background-color:#fff;
        box-shadow:0 0 25px 0 rgba(100,100,100,0.5);
        position:fixed;
        top:0;
        width:100%}
    .wpadminbar .logged-in .site_header{
        top:0}
    .admin-bar .site_header{
        top:32px}
    #global_top{
        position:absolute;
        width:1px;
        flex-basis:1px}
    #global_header{
        margin:0 0 0 12px}
    #global_header .site_logo{
        padding:0}
    #global_nav{
        margin-top:4px;margin-right:12px}}

   .bannar_area{
        border-top:1px solid #222;
        border-bottom:1px solid #222;
        margin:60px 0 32px}
    .bannar_area ul,.bannar_area li{
        padding:0;
        margin:0;
        list-style:none}
    .bannar_area ul{
        text-align:center;
        display:flex;
        justify-content:center}
    .bannar_area li{
        margin:16px}
    .bannar_area img{
        max-height:40px;width:auto}
    .to_page_top .to_page_top__anchor{
        background-color:#fff;
        color:#0484dd;
        border:1px solid #0484dd;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -ms-border-radius:50%;
        -o-border-radius:50%;
        border-radius:50%}
    .to_page_top .to_page_top__anchor:before{
        color:#0484dd}
    .to_page_top .to_page_top__anchor:hover{
        color:#fff;
        background-color:#0484dd}
    .to_page_top .to_page_top__anchor:hover:before{
        color:#fff}

@media screen and (max-width: 971px){
    .bannar_area{
        padding-right:0;
        padding-left:0;
        margin-right:-18px;
        margin-left:-18px}
    .bannar_area ul{
        flex-wrap:wrap}
    .bannar_area li{
        width:40%}
    .page:not(.home) .section__header{
        margin-right:-18px;
        margin-left:-18px}}
    
    .site_footer_nav{
        margin-top:80px;
        background-color:#111;
        padding:12px 0 16px}
    .site_footer_nav .menu{
        margin:0 -12px;
        padding:0}
    .site_footer_nav .menu li{
        list-style:none;
        display:inline-block;
        margin:0 12px}
    .site_footer_nav .menu li a{
        color:#fff}
    .site_footer_nav .widget_nav_menu{
        margin:0}

@media screen and (max-width: 971px){
    #global_footer_nav{
        margin-right:-12px;
        margin-left:-12px;
        padding-right:12px;
        padding-left:12px}
    .site_footer_nav a{
        display:inline-block;
        margin:8px 0}}
    
    #global_bottom iframe{
        width:100%;
        height:100%}
    #global_bottom .copyright{
        margin-top:32px;
        background-color:#ffc700;
        color:#111}
    #global_bottom .c-flexbox{
        margin-top:0}
    #global_bottom .c-flexbox p{
        margin:12px 0}
    #global_bottom .c-flexbox strong{
        color:#ff9902}

@media screen and (max-width: 971px){
    #global_bottom .c-flexbox__item{
        margin:16px 0}
    #global_bottom .copyright{
        margin-top:18px;
        margin-right:-18px;
        margin-left:-18px;
        padding-right:18px;
        padding-left:18px}}
    
    .bar_kyoto{
        background-color:#ffc700;
        text-align:center;
        padding:6px 0 0px;
        position:relative;
        z-index:100}
    .site_content{
        min-height:calc(100vh - 200px - 200px)}
    .page:not(.home) .section--article{
        margin-top:0}
    .page:not(.home) .section__header{
        max-width:inherit;
        background-color:#fffbe4}
    .page:not(.home) .page__title{
        text-align:center;
        background-image:url(../../img/mv3.svg);
        background-size:300px 250px;
        background-position:right center;
        background-repeat:no-repeat;
        color:#111;
        margin-top:0 !important;
        padding:32px;
        font-size:16px;
        font-size:1.6rem;
        text-shadow:1px 1px 2px rgba(100,100,100,0.4);
        line-height:1.2}
    .page:not(.home) .page__title:before{
        content:attr(ws-slug);
        display:block;
        text-transform:uppercase;
        font-size:46px;
        font-size:4.6rem;
        font-family:"Archivo", "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Hiragino Sans, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
        font-weight:bold}
    .page:not(.home) .page__title:before:first-letter{
        color:#009fe8}
    .page:not(.home) .main__content h1{
        margin-bottom:44px;
        font-size:30px;
        font-size:3.0rem;
        padding:12px;
        border-left:5px solid #FFA103}
    .page:not(.home) .main__content h2{
        margin-top:3.0em;
        border-bottom:6px solid #FFA103;
        padding-bottom:12px}
    .page:not(.home) .main__content h3{
        margin-top:2.0em;
        border-bottom:2px solid #FFA103;
        padding-bottom:12px}
    .page:not(.home) .main__content h4{
        color:#FFA103}

@media screen and (max-width: 971px){
    .bar_kyoto{
        padding-right:0;
        padding-left:0;
        margin-right:-18px;
        margin-left:-18px}}

@media all and (min-width: 972px){
    .site_logo{
        width:inherit;
        float:inherit;
        text-align:center}
    .site_logo img{
        width:450px;
        vertical-align:middle}
    .site_content__main{
        overflow:hidden}
    .page:not(.home) .page__title{
        clear:both;
        max-width:972px;
        margin-right:auto;
        margin-left:auto}}
    
    .home.page .main__content h2{
        font-size:30px;
        font-size:3.0rem;
        margin-top:120px;
        margin-bottom:32px;
        color:#000;
        position:relative;
        font-weight:bold}
    .home.page .main__content h2 span{
        display:block;
        text-transform:uppercase;
        white-space:nowrap;
        font-size:60px;
        font-size:6.0rem;
        color:#000;
        margin-top:12px;
        font-weight:bold;
        line-height:1;
        font-family:"Archivo", "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Hiragino Sans, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif}
    .home.page .main__content h2 span:first-letter{
        color:#ffc700}
    .content_box{
        margin-top:120px}
    .content_box h2{
        margin-top:0 !important}

@keyframes bggradient{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}}

    .content_box--info h2{
        position:relative;
        background-image:linear-gradient(135deg, #000 0 32%, #fff 32%, #fff 0 50%, #000 50%);
        -webkit-background-clip:text;
        color:transparent !important;overflow:hidden}
    .content_box--info h2:before{
        position:absolute;
        top:0;
        left:-60px;
        width:100%;
        height:100%;
        background:linear-gradient(135deg, #fff 0 32%, #ffc700 32%, #ffc700 50%, #fff 0 50%);
        content:'';
        z-index:-1;
        -webkit-transition:all 1s;
        -moz-transition:all 1s;
        -ms-transition:all 1s;
        -o-transition:all 1s;
        transition:all 1s}
    .content_box--info h2 span{
        color:transparent !important}
    .content_box--info h2.reach_window--loaded.reach_window--top--once:before{
        left:0}
    .content_box--info h2.reach_window--loaded{
        animation:bggradient 2s ease infinite}
    .content_box--info h2.reach_window--loaded.reach_window--bottom--once:before{
        left:0}
    
    .info-list{
        max-height : 280px;
        overflow: auto;
    }

    .info-list ul{
        padding-top:24px;
        padding-left:0}
    .info-list li{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        margin-top:12px;
        align-items:flex-start}
    .info-list li>.post-text{
        order:2}
    .info-list li>.post-date{
        order:1}
    .info-list li .post-date{
        margin:0}
    .info-list time{
        white-space:nowrap;
        margin-right:12px;
        margin-left:0}
    .cinfo-list time:before{
        display:none}
    .info-list .date{
        margin-top:0}

@keyframes animation{
    0%{transform:scale(1.07)}
    100%{transform:scale(1)}}
    
    .main_visual{
        background-color:#fffbe4;
        overflow:hidden;
        padding:20px 0}
    .main_visual .gallery-item{
        position:relative;margin:0}
    .main_visual .gallery-item dt{
        transform:translateX(-50%);
        margin-left:50%}
    .main_visual .gallery-item dt img{
        width:auto;
        vertical-align:middle;
        animation:animation 7s linear 1}
    .main_visual .gallery-item dd{
        transform:translateX(-50%);
        margin-left:50%;
        z-index:10;
        text-align:center;
        margin-top:-140px}
    .main_visual .gallery-item dd img{
        width:auto;width:700px}
        
@media screen and (max-width: 971px){
    .main_visual{
        padding:24px 0 120px;
        margin-right:-18px;
        margin-left:-18px}
    .main_visual .gallery-item dt{
        width:100%}
    .main_visual .gallery-item dd{
        padding-right:18px;
        padding-left:18px;
        margin-top:-160px}
    .main_visual .gallery-item dd img{
        max-width:calc(100vw - 36px)}}

 @media screen and (orientation: portrait) and (max-width: 971px){
    .main_visual .gallery-item{
        width:calc(100vw + 400px) !important;
        margin-left:-200px !important}}

@media all and (min-width: 972px){
    .home.page .main__content h2{
        font-size:50px;
        font-size:5.0rem}
    .home.page .main__content h2 span{
        font-size:90px;
        font-size:9.0rem}
    .main_visual{
        max-width:100%}
    .main_visual .gallery-item{
        min-height:560px}
    .main_visual .gallery-item dt{
        width:1600px}
    .main_visual .gallery-item dt img{
        max-width:inherit;
        height:528px}
    .main_visual .gallery-item dd{
        margin-top:-300px}
    .content_box--info{
        margin-right:auto;
        margin-left:auto;
        width:972px}
    .content_box--info li>.post-date{
        width:160px;
        min-width:160px}
    .content_box--info .archives__item__title{
        font-size:16px;
        font-size:1.6rem}}
    
    .content_box--service h2 span:first-letter{
        text-shadow:3px 3px 0 #000}
    .content_box--service h3{
        color:#3A4EAA;
        padding:8px 16px 10px;
        display:inline-block;
        margin-bottom:0;
        border:2px solid #3A4EAA}
    .content_box--service .c-gridbox{
        padding-top:64px}
    .content_box--service .c-gridbox .c-gridbox__item{
        background-color:#fefbf5;
        border:1px solid #ffc002;
        box-shadow:4px 4px 14px #f1f1f1;
        margin-top:24px;
        padding:20px;
        display:grid;
        grid-template-rows:subgrid;
        grid-row:span 5;
        text-decoration:none;
        color:#000;gap:12px}
    .content_box--service .c-gridbox .c-gridbox__item:hover{
        background-color:#fff6e3;
        border:1px solid #FFA103}
    .content_box--service .c-gridbox .c-gridbox__item:hover .item--link span{
        background-color:#111;
        color:#FFF}
    .content_box--service .c-gridbox .c-gridbox__item:hover .item--link:before{
        margin:0}
    .content_box--service .c-gridbox .badge{
        display:block;
        margin:-52px auto 12px;
        width:60px;
        text-align:center;
        font-size:24px;
        font-size:2.4rem;
        font-weight:bold;
        position:relative}
    .content_box--service .c-gridbox .badge span{
        width:60px;
        height:60px;
        padding:12px;
        display:block;
        background-color:#FFC700;
        color:#000;
        position:relative;z-index:3}
    .content_box--service .c-gridbox .badge:before{
        content:"";
        display:block;
        width:60px;
        height:60px;
        padding:0;
        background-color:#000;
        margin:4px;
        position:absolute;z-index:1}
    .content_box--service .c-gridbox h4{
        margin:0;text-align:center;
        color:#3A4EAA;
        font-weight:bold}
    .content_box--service .c-gridbox p{
        margin:0}
    .content_box--service .c-gridbox .item--img{
        text-align:center;
        margin:0;display:flex;
        justify-content:center;
        align-items:center}
    .content_box--service .c-gridbox .item--img img{
        max-height:160px}
    .content_box--service .c-gridbox .item--link{
        text-align:center;
        margin:0 auto;
        position:relative;
        z-index:3;
        display:block;
        white-space:nowrap}
    .content_box--service .c-gridbox .item--link span{
        display:inline-block;
        padding:4px 16px;
        background-color:#fff;
        border:1px solid #111;
        border-radius:50px;
        position:relative;z-index:13}
    .content_box--service .c-gridbox .item--link span:after{
        font-family:"FontAwesome";
        content:"\f061";
        display:inline-block;
        margin-left:16px}
    .content_box--service .c-gridbox .item--link:before{
        content:"";
        display:block;width:100%;
        height:100%;
        padding:0;
        background-color:#000;
        margin:2px;
        position:absolute;
        z-index:1;border-radius:50px}
    :root{--accent-color:#ddd5b3}

@media screen and (max-width: 971px){
    .content_box--service h2{
        padding:18px;
        margin-right:-18px;
        margin-left:-18px;
        position:relative;
        background-image:linear-gradient(135deg, #ffc700 0 50%, #000 50%);
        -webkit-background-clip:text}
    .content_box--service h2:before{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:linear-gradient(135deg, #ffc700 0 10%, #fff 10%, #fff 50%, #ffc700 0 50%);
        content:'';z-index:-1}
    .c-gridbox--service .c-gridbox__item{
        margin:6px 0}
    .c-gridbox--service h3{
        display:inline-block;
        background-color:#222;
        padding:4px 12px}
    .c-gridbox--service h3 a{
        color:#fff}
    .c-gridbox--service h4{
        font-size:2.0rem}
    .c-gridbox--service img{
        vertical-align:bottom}}

@media all and (min-width: 972px){
    .home.page .main__content .content_box--service h2:before{
        content:"";
        display:block;
        background-color:#FFC700;
        width:100vw;
        height:200px;
        position:absolute;left:calc( (972px - 100vw ) / 2 );
        top:-20px;z-index:-2}
    .home.page .main__content .content_box--service h2:after{
        content:"";
        display:block;
        background-color:#fff;
        width:40rem;
        height:202px;
        position:absolute;
        left:-60px;
        top:-21px;
        z-index:-1;
        transform:skewX(135deg);
        -webkit-transition:all 1s;
        -moz-transition:all 1s;
        -ms-transition:all 1s;
        -o-transition:all 1s;
        transition:all 1s}
    .home.page .main__content .content_box--service h2.reach_window--loaded:after{
        left:-1800px}
    .home.page .main__content .content_box--service h2.reach_window--loaded.reach_window--top--once:after{
        left:-60px}
    .home.page .main__content .content_box--service h2.reach_window--loaded.reach_window--bottom--once:after{
        left:-60px}
    .c-gridbox--service .c-gridbox__item{
        position:relative}}
    
    .content_box--effort{
        padding:100px 24px 100px;
        margin:0 0 120px;
        background-color:#efefef;
        color:#000;background-image:url(../../img/bg_about.png);
        background-size:cover;
        background-position:center bottom;
        background-repeat:no-repeat;
        position:relative}
    .content_box--effort:before{
        content:"";
        display:block;
        width:100%;
        height:200px;
        background-image:linear-gradient(180deg, #fff 10%, rgba(241,241,241,0.2) 80%);
        position:absolute;
        top:0;
        left:0}
    .content_box--effort .efforts_box{
        position:relative}
    .content_box--effort .efforts_box h3{
        background-color:#fff;
        background-color:#fefbf5;
        border:1px solid #ffc002;
        padding:12px;display:inline-block;
        font-weight:bold}
    .content_box--effort .efforts_box h3 span{
        display:inline-block;
        padding:8px 16px;
        background-color:#ffc002;
        color:#000;
        margin-right:12px}
    .content_box--effort .efforts_box h3 strong{
        color:#ffc002}
    .content_box--effort .efforts_box div{
        background-color:#fff;
        border:1px solid #ddd;
        margin-top:-72px;
        margin-left:18px;
        padding:60px 100px 18px 18px;
        box-shadow:4px 4px 14px #ddd;
        min-height:260px}
    .content_box--effort .efforts_box:after{
        content:"";
        display:block;
        width:100px;
        height:160px;
        background-image:url(../../img/e-01.svg);
        background-size:contain;
        background-position:center bottom;
        background-repeat:no-repeat;
        position:absolute;
        right:0;
        top:120px;
        z-index:5}
    .content_box--effort .efforts_box--02:after{
        background-image:url(../../img/e-02.svg)}
    .content_box--effort .efforts_box--03:after{
        background-image:url(../../img/e-03.svg)}

@media screen and (max-width: 971px){
    .content_box--effort{
        padding-right:18px;
        padding-left:18px;
        margin-right:-18px;
        margin-left:-18px}}

@media all and (min-width: 972px){
    .content_box--effort{
        width:100vw;
        padding:120px 0 140px;
        padding-right:calc((100vw - 972px) / 2);
        margin-left:calc( ( 972px - 100vw) / 2);
        padding-left:calc((100vw - 972px) / 2)}
    .content_box--effort .efforts_box div{
        margin-top:-60px;
        margin-left:38px;
        padding-top:48px;
        padding-right:124px;
        min-height:140px}
    .content_box--effort .efforts_box:after{
        top:32px}}
    .content_box--about{
        padding:100px 24px 100px;
        margin:120px 0 0;
        background-color:#FFC700;
        color:#000;
        background-image:url(../../img/bg_about.png);
        background-size:cover;
        background-position:center bottom;
        background-repeat:no-repeat}
    .content_box--about h2{
        margin-top:0 !important;
        color:#000 !important}
    .content_box--about h2 span{
        color:#000 !important}
    .content_box--about h2 span:first-letter{
        color:#fff !important}
    .content_box--about h2:after{
        content:"";
        display:block;
        width:200px;
        height:16px;
        background-color:#FFC700;
        margin:24px auto 12px;
        transform:skewX(135deg)}
    .content_box--about .cb_about__txt{
        padding:24px;
        margin:0 24px;
        position:relative;z-index:10}
    .content_box--about .cb_about__txt p{
        position:relative;
        z-index:10}
    .content_box--about .cb_about__txt:before{
        content:"";
        display:block;
        background-color:#fff;
        width:100%;
        height:100%;
        position:absolute;
        left:0;top:0;z-index:1}
    .content_box--about .cb_about__txt:after{
        content:"";
        display:block;
        background-color:#111;
        width:100%;
        height:100%;
        position:absolute;
        left:16px;
        top:16px;
        z-index:0}

@media screen and (max-width: 971px){
    .content_box--about{
        padding-right:18px;
        padding-left:18px;
        margin-right:-18px;
        margin-left:-18px}}

@media all and (min-width: 972px){
    .content_box--about{
        width:100vw;
        padding:120px 0 140px;
        padding-right:calc((100vw - 972px) / 2);
        margin-left:calc( ( 972px - 100vw) / 2);
        padding-left:calc((100vw - 972px) / 2);
        text-align:center}
    .content_box--about h2{
        margin:0 0 60px !important;
        padding-top:0}
    .content_box--about .cb_about__txt p{
        margin:16px 100px}
    .content_box--about .cb_about__txt:before{
        left:-24px;
        transform:skewX(135deg)}
    .content_box--about .cb_about__txt:after{
        left:-8px;
        transform:skewX(135deg)}}
    
    .telework .main__content h2,.telework .main__content h3{
        padding:12px}
    .tw_page-down{margin:0;
        padding:0;
        display:grid;
        gap:18px;
        grid-template-columns:1fr 1fr;
        margin-top:36px;
        margin-bottom:18px}
    .tw_page-down li{
        list-style:none;
        margin:0;
        padding:0}
    .tw_page-down a{
        display:block;
        padding:8px;
        text-align:center;
        background-color:#fefbf5;
        border:1px solid #ffc700;
        height:100%;color:#111}
    .tw_page-down a:after{
        font-family:"FontAwesome";
        content:"\f107";
        display:block}
    .tw_page-down a:hover{
        background-color:#fff6e3;
        border:1px solid #FFA103}
    .c-gridbox--about .c-gridbox__item{
        border-radius:50%;
        aspect-ratio:1;
        overflow:hidden}
    .c-gridbox--about .c-gridbox__item h4,.c-gridbox--about .c-gridbox__item p{
        height:50%;
        padding:0;
        margin:0;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center}
    .tw_about{
        display:grid;
        gap:24px;
        justify-items:center;
        grid-template-columns:1fr 1fr 1fr}
    .tw_about .circle{
        margin:0;
        padding:0;
        text-align:center;
        border-radius:50%;
        overflow:hidden;
        width:280px;
        border:1px solid #ffc700}
    .tw_about .circle dt,.tw_about .circle dd{
        margin:0;
        padding:4px;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        height:140px}
    .tw_about .circle dt{
        background-color:#ffd069}
    .tw_about .circle dd{
        background-color:#fefbf5}
    .tw_card dl{
        background-color:#fefbf5;
        border:1px solid #ffd069;
        padding:0;
        text-align:center}
    .tw_card dt{
        background-color:#ffd069;
        margin:0;
        padding:8px}
    .tw_card dd{
        text-align:left}
    .tw_card:after{
        font-family:"FontAwesome";
        content:"\f078";
        display:block;
        margin-left:16px;
        text-align:center}
    .tw_card.tw-card--last:after{
        display:none}
    .c-gridbox--color .c-gridbox__item{
        background-color:#fefbf5;
        border:1px solid #ffd069}
    .c-gridbox--color h4{
        background-color:#ffd069;
        color:#222 !important;
        margin:0;
        padding:8px;
        text-align:center}
    .c-gridbox--color p{margin:16px}

@media all and (min-width: 972px){
    .main__content .tw_page-down{
        gap:18px;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr}}