/*
Theme Name:kizuku_v3
Theme URI: 
Description:aaa

Author: okamuray
Author URI:
Version: 2
License: GNU General Public License
License URI:
Template: lightning
Created on :2023/06/12, 10:41:23
*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Shadows+Into+Light&display=swap');

@media (min-width: 768px){
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
}



/* — — — — — MOBILE — — — — — — */
@media only screen and (max-width: 47.9375em){

}
/* — — — — — TABLET — — — — — — */
@media only screen and (min-width: 48em){

}
/* — — — — — DEKTOP — — — — — — */
@media only screen and (min-width: 64.0625em){

}
/* — — — — — ALL MEDIA — — — — — — */



html { font-size: 62.5%; } /* font-sizeは16pxの62.5%の10px */
body,table td,table th,p { font-size: 1.6rem; } /*font-size : 16px と同等*/
.center{
    text-align: center;
}
/*------------------*/

.flex-sp-pc{
            display: flex;
        flex-wrap:wrap;
}
.flex-box > *{
}
.flex-a-ctr {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-j-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 768px){
    .flex-box{
        display: flex;
        flex-wrap:wrap;
        margin-bottom: 3rem;
    }
    .flex-box > *{
        margin-bottom: 0;
    }
    /*
    .flexbox.flexbox-col2 >*:first-child{
        padding-right:1rem;
    }
    .flexbox.flexbox-col2 >*:last-child{
        padding-left: 1rem;
    }
    */
}
.flex-box >*{
    box-sizing: border-box;
}
  
  @media screen and (max-width: 767px) {

    .flex-sp-block {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
    
  .flex-j-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 768px){

    .flex-2col > *{
        width: 50%;    padding: 1rem;
    }

    .flex-3col > *{
        width: 33%;    padding: 1rem;
    }
}
/*-------------------*/
.center{
    text-align: center;
}
.right{
    text-align: right;
}


.sp-none{
    display: none;
}
@media (min-width: 768px){
    .sp-none{
    display: block;
}
    
}

/*-----------------------------
vk-mobile-nav
----------------------------*/
.alert-info{
    display: none;
}
.vk-mobile-nav-menu-btn{
       display: none;
}




/* ハンバーガーメニュー
-------------------------------------------------------*/
.menu-ico-outer{
    display: block;
}
.menu-ico{
height: 20px;
    position: fixed;
    top: 30px;
    width: 30px;
    z-index: 1000002;
    cursor: pointer;
   right: 30px;
}

@media (min-width:992px){
    .menu-ico{
   
    }
}

.menu__line{
    background: #04a3e9;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%;
}
.menu__line.active{
    background: #fff;
}

@media (min-width: 1200px){
    .menu__line.active{
     
    }
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);

}
.menu__line--center.active{
    transform:scaleX(0);

}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);

}
/*gnav*/

@media (min-width: 1600px){
   .gnav .container{ 
    max-width: 1500px;
   }
}

.gnav .gnav__wrap{
display: none;
}
.gnav.open .gnav__wrap{

display:  block;

}
#nav-bg {
    content: "";
    width: 3700px;
    height: 3700px;
    margin-right: -1840px;
    margin-top: -1850px;
    top: 0;
    right: 0;
    display: block;
    position: fixed;
        background:#1987b8f0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    
         -webkit-transform: scale(0.02);
        transform: scale(0.02);
    
    
    z-index: -1;
}
.open #nav-bg {
    -webkit-transform: scale(1);
    transform: scale(1);
z-index:102;    
}

@media (min-width: 768px){
    #nav-bg {

    }

}
.gnav__wrap{
        z-index: 103;
        color:#FFF;position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    width: 100vw;
    height: 100vh;
    overflow: scroll;
    
}

    .gnav__wrap .menuSection-01 > *{

    margin-bottom: 35px;
    }
     .gnav__wrap .menuSection-02{
    padding-top: 6rem;
    padding-bottom: 6rem;
    border-top: 1px solid;
      
    }

@media (min-width: 992px){
    .gnav{
       
    }
    .gnav.open .gnav__wrap{
        display: flex;  
    }
    .gnav__wrap .container{
        align-items:center;
        display: flex;  
        justify-content: center;    padding-left: 80px;
    }
    .gnav__wrap .menuSection-01{
    width: calc(65% + 85px);
    margin: 0;
    padding: 0 6rem 0 0;
    }
    .gnav__wrap .menuSection-02{
        width: calc(35% - 2rem);
        border: none;
    }

    .gnav__wrap .menuSection-01{
        display: flex;
        flex-wrap: nowrap;
      justify-content: flex-start;
        flex-wrap: wrap;
    }
    .gnav__wrap .menuSection-01 > *{
    width: calc(100% / 3);
    margin-bottom: 35px;
    }
}

.gnav__wrap h2{
    border: none;
    color: #fff;
}
.gnav__wrap h2 a{
    color: #21c045;
}
 .gnav__wrap a{
color: #fff;
text-decoration: none;

}

.gnav__wrap i{
    margin-left: .5rem;
}



.gnav__menu__item{
    margin: 40px 0;
}

.gnav__menu__item a:hover{
    color: #666;
}
.gnav .widget_nav_menu>div>ul{
    padding-left: 2rem;
}
.gnav .widget_nav_menu>div>ul li{
    font-size: 1.4rem;
  list-style: disc;
}
.gnav .widget_nav_menu>div>ul ul.sub-menu li{
    list-style: none;
    padding-left: 2rem;
}

.gnav .widget_nav_menu>div>ul li::marker {
    color: #8BC34A;
}

.gnav .widget_nav_menu>div>ul li a{
    color:#FFF;    padding: 0.7rem 0;
}
.gnav .widget_nav_menu>div>ul li a:hover{
        color: #21c045;
}


.widget_bn{
  margin-bottom: 2rem;
    text-align: center;

}
.widget_bn a{
    display: block; 
}

.widget_bn a .logo{
       padding: 0.25rem 0;  background: #FFF;  
}
.widget_bn  span{
    display: block;font-size: 1.2rem;
}
.widget_bn img{
    max-height: 36px;
  
}

.fullnav{
    position: relative;
    z-index: 100;
}

h2{
    color: #56ad31;
    font-size: 2rem;
}
@media (min-width: 768px){
    h2{

    font-size: 3rem;
}
}

.entry-title{
    color: #56ad31; 
}

blockquote{
    border: none;
}

/*-----------------------------
lightning上書き
----------------------------*/
.site-body-container{
    padding-bottom: 6rem;
}
.page_top_btn{
    border-radius: 50%;
    /* bottom: 300px; */
    box-shadow: unset;
    right: unset;
    left: 3%;
}
.site-header{
box-shadow: none;
    z-index: 101;
    background: none;
    
}

.site-header .site-header-container{
    max-width:none;
}

.site-header-logo img {
    max-height: 100px;
    max-width: 75vw;
    
}
@media (min-width: 992px){
    .site-header-logo img {
         max-width:unset;
    }
    
    
}
@media (min-width: 992px){

.site-header-logo {
    padding-top:0;
    margin-bottom: 0;
    
    }
}

#breadcrumb{
    display: none;
}
.home  .site-body{
    padding: 0;
}

    .site-body{
     padding:10rem 0 0 0;
    }
@media (min-width: 992px){
    .site-body{
       padding:10rem 0 0 0;
    }

}

/*
.single-post .site-body,
.blog .site-body,
.archive .site-body{
    background: none;
    color:#000;
}
.site-body .box-wh a,
.single-post .site-body a,
.blog .site-body a,
.archive .site-body a{
    color:#333;
}

.blog .site-body a.btn,
.archive .site-body a.btn{
    color:#FFF;
}
.main-section h2{
    border: none;
    font-size: 2rem;

}*/
.vk_post_imgOuter_singleTermLabel {
    z-index: 1;
}
.main-section--margin-bottom--on{
    margin: 0;
}

.vk_post .vk_post_btn {
    padding: 0.8rem 4rem;
    border: none;
}

.author{
    display: none;
}

/*-----------------------*/
.global-nav-list>li{
    position: relative;
    z-index: 101;
}
.global-nav-list>li:before{
    content:none;
}
.global-nav-list>li .global-nav-name{
    font-size: 1.8rem;
}
.global-nav-list>li a strong:after{
content: '\f0a9';
    font-family: fontawesome;
    height: 1em;
    line-height: 1;
    display: inline-block;
    margin: auto;
    font-weight: bold;
    font-size: 20px;
    margin-left: .5rem;
        color: #56ad31;

}
@media (min-width: 992px) {
    
    .site-header--layout--nav-float .site-header-logo {
     
        width: auto;
    }
body:not(.header_scrolled) .global-nav--layout--float-right {

        justify-content: flex-start;
        width: 100%;
    }

}

 /*-----------------------------
common
----------------------------*/
 
 
input[type=submit] {
   font-size: 1.4rem;
}
.page_ttl--box{
}
h2,h3{
   border:none;
}    

.box-radius{
border-radius: 2rem;
    border: 3px solid #e9e8e5;
    padding: 3rem;
    background: #FFF;
}
.btn-block {
    margin: 2rem auto;
    text-align: center;

}
.btn-block .btn{
    margin-bottom: 1rem;
}
.btn{
     font-size: 16px;
    text-align: center;
    font-weight: bold;   
    border-radius: 100vh;
    padding: 10px 4rem;
    display: inline-block;
    position: relative;
    color:#FFF;
    background-position: 99%;
    background-size: 400%;
    -webkit-transition: background 0.6s ease;
    transition: background 0.6s ease;
    display: block;
}
@media (min-width: 768px){
    .btn{
        display: inline-block;
    }
}
.btn::before,
.btn::after{
        font-family: fontawesome;
    height: 1em;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    font-weight: bold;
    font-size: 20px;

}
.btn::after{
        content: '\f105';
}


.btn:hover{
    color:#FFF;
        background-position: 0;
}

.btn-large{
    font-size: 2rem;
    padding:1rem 6rem;
}

.btn-lightblue{
background-color: #00a1e9;
    background-image: linear-gradient(45deg, #65dbf7 50%, transparent 50%);
}
.btn-blue{

    
    background-color: #1f5ab2;
    background-image: linear-gradient(45deg, #71acfa 50%, transparent 50%);
}

.btn-purple{
    background-color: #b05dbe;
    background-image: linear-gradient(45deg, #e78cdc 50%, transparent 50%);
}


.btn-red{
    background-color: #f33b3b;
    background-image: linear-gradient(45deg, #ff5e3c 50%, transparent 50%);
}
.btn-yellow{
background-color: #d4a700;
    background-image: linear-gradient(45deg, #f0c468 50%, transparent 50%);
}
.btn-green{
    background-color: #28a745;
    background-image: linear-gradient(45deg, #28a745 50%, transparent 50%);
}

.btn-border{
    
          border:2px solid ;  
}
.btn-blue-border::hover{
    color:#FFF;
}

.btn-blue-border{
    border: 2px solid #1e64be !important;
    color: #1e64be;
    background-color: #ffffff !important;
    background-image: linear-gradient(45deg, #1e64be 50%, transparent 50%);
}

/*----------------------------------------
home_hello news
---------------------------------------*/
.hello_mainV{
    padding: 10rem 0;
    position: relative;
}
@media screen and (max-width: 47.9375em) {
    .hello_mainV{
    padding: 30vw 0;
    }
}
.swiper{
    max-width: 90vw;
        overflow: visible !important;
        z-index: 5;
}
@media (min-width: 992px){
    .swiper{
    max-width: 70vw;
    }
}
.swiper-slide::before{
position: absolute;
    inset: -10px 10px 10px -10px;
    border: 3px solid #40a1e4;
    content: '';
      /*border-radius: 0 8rem 0 8rem;*/
    border-radius: 42% 57% 58% 44% / 40% 37% 37% 41%;
    z-index:2;

}
.swiper picture img{
  /*border-radius: 0 8rem 0 8rem;*/
       border-radius: 24% 52% 51% 62% / 60% 51% 51% 38%;
    object-fit: cover; 
  
}
@media (min-width: 992px){
    .swiper picture img{
        max-height: 70vh;
    }
}
.swiper-slide{
    position: relative;
   
}


.ltg-slide-text-set{
    position: absolute;
    transform: unset;
    top: -5rem;
    left: 0;
    width: auto;
    /* position: relative; */
    z-index: 21;
}
@media screen and (max-width: 47.9375em) {
    .ltg-slide-text-set{
      top: -12rem;      
    }
    
}

.ltg-slide-text-set .container{
    padding: 0;
}
/*
.ltg-slide-text-title{
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-shadow: none !important;
    font-weight: normal;

    font-size: 2.5rem;
}
.ltg-slide-text-set h3{
    position: relative;
    z-index: 10;
}

.ltg-slide-text-title span{
    background: #43af09;
    color: #FFF;
    letter-spacing: 0.5rem;
    padding: 0.5rem;
    margin: 0 1rem;
    display: inline-block;
}

@media screen and (max-width: 47.9375em) {
    .ltg-slide-text-title span{

        margin: 0 0.25rem;
    }
}
@media (min-width: 768px){
    .ltg-slide-text-title{
        font-size: 2.5rem;
    }
}

@media (min-width: 992px){
      .ltg-slide-text-title{
        font-size: 4.5rem;
    }  
}
*/


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

/*---*/


.catch-copy{
    top:0;
    left: 2rem;
    z-index: 101;
    
    margin: 0;
    padding: 0;
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-shadow: none !important;
    font-weight: normal;

    font-size: 2.5rem;

}

.catch-copy::after{
    content:none;
}
.catch-copy span{
    background: #43af09;
    color: #FFF;
    letter-spacing: 0.5rem;
    padding: 0.5rem;
    margin: 0 .5rem;
    display: inline-block;
        position: relative !important;
}

@media (min-width: 768px){
    .catch-copy{
     left: 10%;
      top:3rem;
    }
    .catch-copy span{
        margin: 0 1rem;
    }
}
@media (min-width: 768px){
    .catch-copy{
        font-size: 2.5rem;
    }
}

@media (min-width: 992px){
      .catch-copy{
        font-size: 4.5rem;
    }  
}



.deco_wrap {
    width: 100%;
    overflow: hidden;

}
/*
.deco_wrap, .deco {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}*/
.deco {
    width: max(1920px, 100%);
}
.deco * {
    position: absolute;
}
.clip-home {
    -webkit-clip-path: polygon(50% 0%, 100% 33.8028169014%, 100% 100%, 0 100%, 0% 33.8028169014%);
    clip-path: polygon(50% 0%, 100% 33.8028169014%, 100% 100%, 0 100%, 0% 33.8028169014%);
    aspect-ratio: 869 / 781;
}

.clip-octagon {
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
aspect-ratio: 800 / 800;
}
.clip-home-yl {
    background-image: linear-gradient(to right bottom, #e0fff6, #f3f0e4);
}
.clip-home-pk2 {
        background-image: linear-gradient(to right bottom, #e0fff6, #e0f7dc);
}
.clip-home-pk {
  background-image: linear-gradient(to right top, #e0fff6, #dbe8ff);
}
.clip-home-yl {
    background-image: linear-gradient(to right bottom, #e0fff6, #f3f0e4);
}


.hero--home01 {
    display: none;
}

@media (min-width: 992px){
    .hero--home01 {
        bottom: 0px;
        left: -12%;
        width: 500px;
        display: block;
        transform: scaleY(-1);
    }
}
.hero--home02 {
    display: none;
}

@media (min-width: 992px){
    .hero--home02 {
        bottom: 89px;
        right: -1vw;
        width: 200px;
        display: block;
    }
}
.hero--home03 {
    top: -50px;
    right: 0;
    width: 50vw;
    transform: scaleY(-1);
}  
@media (min-width: 992px){
    .hero--home03 {
        top: -100px;
        left: unset;
        width: 50vw;
        right: 0;
    }
    
}
.hero--dot01 {
    top: 0;
    left: 40%;
    width: 100px;
}
@media (min-width: 992px){
    .hero--dot01 {
       top: 0;
       left: 40%;
    }
}

.hero--dot02 {
    bottom: 0;
    right: 20%;
    width: 120px;
    left: unset;
}
@media (min-width: 992px){
    .hero--dot02 {
      top: 712px;
      left:40vw;
  }  
}
    
.hero--dot03 {
    top: -138px;
    left: -16px;
    width: 91.5px;
}
@media (min-width: 992px){
    .hero--dot03 {
        top: -20px;
        right: -15px;
        width: 100px;
        left: unset;
    }
    
}
.hero--dot04 {
    top: 0;
    left: 0;
    width: 55.5px;
}
@media (min-width: 992px){
   .hero--dot04 {
        top: 331px;
        right: 7vw;
        width: 166px;
        left: unset;
    } 

}
.hero--dot05 {
    display:none
}
@media (min-width: 992px){
    .hero--dot05 {
        top: 60%;
        left: 0px;
        display: block;
       }   

}
    
    
.hero--octagon01 {
    bottom: 0;
    right: 40%;
    width: 300px;
    }

@media (min-width: 992px){
        .hero--octagon01 {
        top: 0;
        right: unset;
        width: 400px;
        left: 0;
    }
}
.hero--octagon02 {
    top: -19px;
    left: 7%;
    width: 157px;
}
@media (min-width: 992px){
        .hero--octagon02 {
        top: unset;
        bottom: -134px;
        left: 0;
        width: 300px;
    }
    
}

.hero--h01,.hero--h02{
    z-index: 100;
    width: 70vw;
}
.hero--h01{
top: -40px;
    right: -30px;
}
.hero--h02{
    bottom: -80px;
    left: -30px;
}


@media (min-width: 768px){
    .hero--h01,.hero--h02{
            width: 360px;

             z-index: 100;
    }
    .hero--h01{
        top: -52px;
        right: 0;
        bottom: unset;
        left: unset;
    }
    
    .hero--h02{
        top: unset;

        z-index: 100;
        right: unset;
        bottom: -67px;
        left: unset;
    }
}



@media (min-width: 992px){
    .hero--h01{
        top: -54px;
        width: 400px;
        right: 9vw;
        left: unset;
        bottom: unset;
        z-index: 100;
    }
    .hero--h02{
        top: unset;
        width: 400px;
        z-index: 100;
        right: unset;
        bottom: 0;
    } 
    
}

.bg--octagon01 {

    width: 300px;
    }

@media (min-width: 992px){
        .bg--octagon01 {
        top: 50px;
        right: unset;
        width: 400px;
        left: -5%;
    }
}
/*
@media screen and (max-width: 47.9375em) {

}

.hero--home02 {
    bottom: 0;
    left: -94px;
    width: 604px;
}

@media screen and (max-width: 47.9375em) {
    .hero--home02 {
        display: none;
    }
}

.hero--home03 {
    top: -272px;
    left: 1040px;
    width: 770px;
    transform: scaleY(-1)
}

@media screen and (max-width: 47.9375em) {
    .hero--home03 {
    top: -100px;
        left: unset;
        width: 50vw;
        right: 0;
    }
}

.hero--home04 {
    top: 789px;
    left: 1274px;
    width: 270px
}

@media screen and (max-width: 47.9375em) {
    .hero--home04 {
        left: 281.5px;
        width: 132.5px;
        bottom: 0;
        top: unset;
    }
}

.hero--dot01 {
    top: 0;
    left: 40%;
}

@media screen and (max-width: 47.9375em) {
    .hero--dot01 {
        top: 0;
        left: 40%;
        width: 100px;
    }
}

.hero--dot02 {
    top: 712px;
    left: 159px
}

@media screen and (max-width: 47.9375em) {
    .hero--dot02 {
        bottom: 0;
        right: 20%;
        width: 120px;
        left: unset;
    }
}

.hero--dot03 {
    top: 10px;
    right: 40%;
}

@media screen and (max-width: 47.9375em) {
    .hero--dot03 {
        top:263.5px;
        left: -20px;
        width: 55.5px
    }
}

.hero--dot04 {
    top: 331px;
    left: 1612px
}

@media screen and (max-width: 47.9375em) {
    .hero--dot04 {
        top: 0;
        left: 0;
        width: 55.5px;
    }
}

.hero--dot05 {
top: 117px;
    left: 0px;
}

@media screen and (max-width: 47.9375em) {
    .hero--dot05 {
        display:none
    }
}
.hero--circle01 {
top: 296px;
    left: 8%;
}

@media screen and (max-width: 47.9375em) {
    .hero--circle01 {
        top: 300.5px;
        right: 0;
        width: 106px;
        left: auto;
    }
}
.hero--octagon01 {
    bottom: 0;
    right: 40%;
    width: 300px;
    }

@media (min-width: 768px){
        .hero--octagon01 {
        bottom: 10%;
        right: -41px;
        width: 400px;
    }
}



.hero--octagon02 {
    top: 0;
    left: 5%;
    width: 156px;
}
@media (min-width: 768px){
        .hero--octagon02 {
            top: unset;
        bottom: -101px;
        left: 20%;
        width: 300px;
    }
    
}



.hero--h01{
        
    left: 0;
    bottom: 200px;
    width: 400px;
    z-index: 100;
    
}
.hero--h02{
top:0px;
    right: 0;
    width: 400px;
    z-index: 100;
    
}
@media screen and (max-width: 47.9375em) {
    .hero--h01,.hero--h02{
        z-index: 1;
        width: 100%;
    }
    .hero--h01{
        bottom: 0;
        left: -22vw;
    }
    .hero--h02{
            top: -50px;
        right: -36vw;
    }
}
@media only screen and (min-width: 48em){
    .hero--h02{
         top: -54px;
    }
}

@media only screen and (min-width: 64.0625em){
       .hero--h02{
         top:0px;
    } 
    
}
*/

.hero--search {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 31.75rem;
    height: 31.75rem;
    border-radius: 50%;
    background-image: linear-gradient(to bottom right, #ff6c5afa, rgb(237 190 0 / 95%));
    z-index: 50;
    overflow: hidden;
    transition: none;
    position: absolute;
    bottom: 0;
    right: 12%;
    padding: 3rem;
    text-align: center;

}

.hero--search h3{
    color: #FFF;
    font-size: 3rem;
    position: relative;
    margin: 0;
    padding: 0;
}
.hero--search h3 span{
    display: block;
    position: relative;
}
.hero--search h3::after{
    content:none;
}


@media screen and (max-width: 47.9375em) {
    .hero--search {
        width: 18rem;
        height:18rem;
        right: 0;
    }
    .hero--search h3{
      font-size: 1.6rem;                   
}
    
}


.hero--search_circle {
position: absolute;
    top: 0px;
    /* right: 20px; */
    bottom: 11px;
    left: 0px;
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-duration: 20s;
    animation-timing-function: linear;
}

.hero--hatena{
    position: relative;
    width: 100px;
}


@media screen and (max-width: 47.9375em) {
    .hero--search_circle {
        top:5.5px;
        right: 5.5px;
        bottom: 5.5px;
        left: 5.5px;
        width: calc(100% - 11px)
    }

    .hero--search_circle+img {
        width: 85.5px
    }
}

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

    100% {
        transform: rotate(360deg)
    }
}




/*------------------*/
.section-blue-bg{
    background:#bce4ff;
}
.section-green-bg{
    background: #45ba00;
}
.section-lightgreen-bg{
  background: #e1efd9;
}



/*------------------*/

/*強み
/*----------------------------------*/

.section-green-bg  .strength-container {
       color: #FFF; 
}
.section-blue-bg .strength-container {
     
}

.strength-container {

    padding-top: 5rem;
    padding-bottom: 0;
    
}


@media (min-width: 992px){
 .strength-container {

    padding-top: 10rem ;

    
}   
    
}
@media (min-width: 1600px) {
    .strength-container.container{
        max-width: 1400px;
    }
    
}



.strength-container .strength-block {
    margin-bottom: 10rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
@media (min-width: 1200px){

    .strength-container .strength-block {
            flex-direction: row;
    }
    
    .strength-container .strength-block figure{
        width: 60%;
    }

    .strength-container .strength-block .content_body{
        width: 40%;
         padding:0 0 0 5rem;
    }
    .strength-container .strength-block:nth-child(even){
            flex-direction: row-reverse;
    }
    
    .strength-container .strength-block:nth-child(even) .content_body{
        padding:0 5rem 0 0;
    }
    
           .about .strength-container .strength-block figure{
        width: 40%;
    }
    
     .about .strength-container .strength-block .content_body{
          width: 60%;
    }
    
    
}.strength-container .strength-block figure .circle-1{
     border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}


.strength-container .strength-block figure .circle-2{
    border-radius: 36% 30% 40% 62% / 32% 32% 41% 41%;
}



.strength-container .strength-block .content_body p{
 font-size: 1.8rem;   
}

.strength-container .strength-block .sub_tit{
    font-weight: bold;
    display: flex;
 
    line-height: 1.3;
    -ms-flex-align: center;
    align-items: center;
}


.strength-container .strength-block .sub_tit >*:last-child{
    margin-left: auto;
}


.strength-container .strength-block .sub_tit .tit--h02 img,
.strength-container .strength-block .sub_tit .tit--h01 img{
 width: 90px;
}


.strength-container .strength-block .sub_tit .number {
font-family: 'Oswald', sans-serif;
    font-size: 64px;
    font-weight: 400;
    /* padding-right: 2rem; */
    position: relative;
    padding-bottom: 1rem;
}
.strength-container .strength-block .sub_tit .number:after{
        bottom: 0;
    content: "";
    height: 5px;
    left: 52%;
    position: absolute;
    transform: translateX(-50%);
    width: 70px;
  background: #FFF;
}


.strength-container .strength-block .sub_tit .en{
    font-family: faricy-new-web, sans-serif;
    letter-spacing: 0.15rem;
    font-size: 1.8rem; 
    padding-left: 2rem;
}
.strength-container .strength-block h3{
    /* line-height: 2rem; */
    font-size: 3.2rem;
  
    /* font-weight: normal; */
    letter-spacing: .15rem;
    margin: 3rem 0;
    padding: 0;
}

.strength-container .strength-block h3::after{
    content:none;
}
.strength-block h3 span{
    display: block;   line-height: 1.6;
}
.strength-block h3 span.str{
    font-size: 3.2rem;   
}


/*----------------------------------------
home_hello news
---------------------------------------*/

.home_news {

}




@media (min-width: 768px){
    .home_news{
        max-width:600px;
    z-index: 1;
    position: relative;
    top: -5rem;
    margin: 0 auto;

    }
}
/*
.progressbar{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    overflow: hidden;
        bottom: 0;
    z-index: 1;
}
.progressbar  span{
display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #00a1e9;
    transform: scaleX(0);
    transform-origin: left center;
    transition-timing-function: linear;
    z-index: 2;
    height: 1px;
 }
 .swiper-button-next,
 .swiper-button-prev{
         color: #00a1e9;
    width: 4.5rem;
    height: 100%;
    display: flex;
    text-align: center;
    bottom: 0;
    top: auto;
     
     
 }
 */
 .new-posts-list{
    position: relative;

   background: #FFF;
    overflow: hidden;
    border: 3px solid #eaeaea;
 }
 
 
@media (min-width: 768px){
     .new-posts-list{
       border-radius:1rem;
   }
 
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
}
@media (min-width: 1560px){
     .new-posts-list{
 
     }
}


.new-posts-list-inner{
     display: flex;
 }
 .new-posts-list-inner .swiper{
     width: 100%;
 }

  .news_link_btn span{
  font-size:1.2rem;
 margin-top:.5rem;
  }
  .news_link_btn a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 12rem;
    height: 100%;
    background-color:#8fdc78;
    color: #ffffff;

  }
  .news_link_btn a:hover{
background-color: #1e64be;
  }
  
 .new-posts-list ul{
     margin: 0;
     padding: 0;
 }
 .new-posts-list li{
     list-style: none;
     padding: 0;
     display: flex;
     margin: 0;

 } 
 



 .new-posts-list li a{

    text-decoration: none;
    color: #000;
    background: #FFF;
    width: 100%;
    padding:2rem 80px 2rem 2rem;
 }
 @media (min-width: 768px){
    .new-posts-list li a{  
       padding:3rem 80px 3rem 3rem;
 }  
     
}
.new-posts-list li a .date{
          font-weight: bold;
          text-decoration: none;
          font-size: 1.3rem;
 }

.new-posts-list li a .ok,
.new-posts-list li a .no{
font-size: 1.2rem;
    border: 1px solid;
    display: inline-block;
    padding: 1px 3px;
    margin-left: 1rem;
}
.new-posts-list li a .ok{
    color:#00a1e9;
}
.new-posts-list li a .no{
    color:#666;
}
/*
.swiper-button-next{
    right: 0;
}
 .new-posts-list .swiper-button-prev{
 left: auto;
 right:40px; 
 }
 .swiper-button-next:after, .swiper-button-prev:after{
     font-size: 2rem;
     line-height: 2.5rem;
 }

*/
 @media (min-width: 768px){
     .new-posts-list li .flex-box{
         margin: 0;
     }
     .new-posts-list li .date{
      display: block;   
     }
     
 }     
 
 
 /*-------*/
 .main-header{
  position: relative;
  background: #e7f4ee;
 height:30rem;
    font-size: 2.25rem;
    color: #56ad31;

 }
 

 .main-header .inner{
      display: flex;
    align-items: center;  
        height:30rem;
            position: relative;
    z-index: 1;
 }

 @media (min-width: 992px){
      .main-header{
           height: 40rem;
          margin-bottom: 8rem;
      }
       .main-header .inner{
           height:40rem;
       }
     
 }
 
.wave {
  position: absolute;
 height: 10vh;
  width: 100%;
  background: #e7f4ee;
  bottom: 0;
}

.wave::before, .wave::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
}

.wave::before {
  width: 55%;
  height: 109%;
  background-color: #fff;
  right: -1.5%;
  top: 60%;
}
.wave::after {
  width: 55%;
  height: 100%;
  background-color:  #e7f4ee;
  left: -1.5%;
  top: 40%;
}
 
 
 
.main-header::before{
    
} 

.maindeco_wrap{

}

.main-header .hero--octagon01 {
    bottom: -100px;
    right: unset;
    width: 200px;
    top:unset;
    left: -58px;
    }

@media (min-width: 992px){
        .main-header .hero--octagon01 {

        right: unset;
       
    
    }
}

 .main-header .hero--octagon02 {
    top: unset;
    right: 0;
    width: 157px;
    left: unset;
    bottom: -43px;
}
@media (min-width: 992px){
         .main-header .hero--octagon02 {

    }
    
}
.main-header .hero--h02{
  
}

@media (min-width: 992px) {
    .main-header .hero--h02 {
        display: block;
        top: unset;
        width: 400px;
        z-index: 100;
        right: unset;
        bottom: -100px;
    }
}

 
 
  .main-header .pmain__sub{
     position: relative;
     z-index: 1;
 }
 
 .main-header .en {
    font-weight: 900;
    font-family: faricy-new-web, sans-serif;
    letter-spacing: 0.08em;
    line-height: 1.14;
    font-size: 5.5rem;
    display: block;
}
 @media (min-width: 992px) {
     .main-header .en {
        font-size: 9rem;
    }
}
 /*
 .page-header-title, h1.page-header-title{
     font-size: 3rem;
 }
 
 .page-header {
    color: #000;
    background-color: unset;
    min-height: 17rem;
    margin-bottom: 14rem;
    
}/*
.page-header::before{
           content:"";
    display: block;  
        clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    aspect-ratio: 800 / 800;
        background-image: linear-gradient(to right bottom, #e0fff6, #f3f0e4);
             top:0px;

    width: 20vw;
    transform: scaleY(-1);
    position: absolute;
    
}


 .page-header::after{
       content:"";
    display: block;  
        clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    aspect-ratio: 800 / 800;
         background-image: linear-gradient(to right top, #e0fff6, #dbe8ff);
             top: -50px;
    right: 0;
    width: 30vw;
    transform: scaleY(-1);
    position: absolute;
 }
 
 @media (min-width: 992px){
     .page-header::after{
        top: -100px;
        left: unset;
        width: 20vw;
        right: 0;
    }
    
}

.page-header-inner::before,
.page-header-inner::after{
    content: "";
    display: block;
    width: 20rem;
    height:20rem;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: 0 bottom;
}
.page-header-inner::before{
    right: 0;
        bottom: -200px;
      background-image: url(./_g3/assets/images/h01.svg);
}   
.page-header-inner::after{
    left: 0;
        bottom: -200px;
     background-image: url(./_g3/assets/images/h02.svg);
}

@media (min-width: 992px){
    .page-header-inner::before,
    .page-header-inner::after{  
        width: 40rem;
        height:40rem;
     }
 }*/
/*
 .page-header::after{
    content:"";
    display: block;
}

 .page-header::after{
    background-image: url(./_g3/assets/images/wavy.svg);
    background-position: 0 0;

    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2.4rem;
    z-index: 20;
}
 .page-header-inner{
     position: relative;
 }
.page-header-inner::before,
.page-header-inner::after{
    content: "";
    display: block;
    width: 20rem;
    height:20rem;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: 0 bottom;
}
@media (min-width: 992px){
    .page-header-inner::before,
    .page-header-inner::after{  
        width: 40rem;
        height:40rem;
     }
 }
.page-header-inner::before{
    right: 0;
        bottom: -200px;
      background-image: url(./_g3/assets/images/h01.svg);
}   
.page-header-inner::after{
    left: 0;
        bottom: -200px;
     background-image: url(./_g3/assets/images/h02.svg);
}
*/
/*-----------------------------

----------------------------*/   

.c-wavy {
    background-image: url(./_g3/assets/images/wavy.svg);
    background-position: 0 0;

    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2.4rem;
    z-index: 20;
}
.c-wavy.c-wavy-blue{
    background-image: url(./_g3/assets/images/wavy-blue.svg);    
}





.nav-section{
    padding: 5rem 0;
}
.section{
    position: relative;
    padding: 5rem 0;
}  
.section-illust::before,
.section-illust::after{
    content: "";
    display: block;

        width: 20rem;
    height:20rem;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;

    background-position: 0 bottom;
}

@media (min-width: 992px){
   .section-illust::before,
   .section-illust::after{  
    width: 40rem;
    height:40rem;
 }
 }
.section-illust::before{
    right: 0;
    bottom: 0;
      background-image: url(./_g3/assets/images/hello-left@4x.png);
}   
.section-illust::after{
    left: 0;
    bottom: 0;  
     background-image: url(./_g3/assets/images/hello-right@4x.png);
}
.section-mizutama{
    background-image: url(./_g3/assets/images/section-mizutama.png);
    background-repeat: repeat-x;    background-size: contain;
}



.section-tit{
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;letter-spacing: 0.1em;
    
}
.section-tit h2{
    margin-bottom: 0;
    padding: 1rem 0;
    font-size: 2.25rem;color: #56ad31;
}
.section-tit .en{
    font-weight: 900;
    font-family: faricy-new-web, sans-serif;

    letter-spacing: 0.08em;
    line-height: 1.14;
    font-size: 5rem;
    display: block;


}
@media (min-width: 992px){
    .section-tit .en{
     font-size: 9rem;
    }
    
    
}


.section-blue-bg .section-tit h2{
     color: #046bba;
}






/*
.section-hello-kzk{
    background-color: #8fdc78;
    color: #FFF;
    padding: 10rem 0;
}

.section-hello-kzk h2{
    font-size: 
        2.2rem;
}

@media (min-width:768px){
    .section-hello-kzk h2{
    font-size: 
        3.5rem;
}

  .section-hello-kzk .btn-block {
          width: 50%;
  }
}


.section-hello-kzk p{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
*/

p.hello-txt,
.section-hello-txt p.text{

    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.25rem;
    color: #3d9c15;
    padding: 1rem;
      margin-inline: auto;

position: relative;
    z-index: 1;
}
.section-hello-txt p.text span{
    background: #FFF;
}

@media (min-width: 768px){
    p.hello-txt,
    .section-hello-txt p.text{
         font-size: 2.2rem;
    }
}
.section-event-list .vk_post .vk_post_title{
    border-bottom: none;
}


.section-report-list{
       background: #f2fff6;
}
.section-report-list .post-list{
    z-index: 3;
    position: relative;
}


/*-----------*/


.stepbar {
margin: 0 auto;
    width: 90%;
    position: relative;
    z-index: 3;
}

 .radius-wrap {
margin: 2em 0;
    position: relative;
    background: #fff;
    border-radius: 2rem;
padding: 2rem;
}
@media (min-width: 768px){
     .radius-wrap {
    padding: 5rem;
}
}

.stepbar .radius-wrap .steptitle {
  display: inline-flex;
  align-items: center;    flex-direction: column;
}
@media (min-width: 768px){
    .stepbar .radius-wrap .steptitle {
    flex-direction: row;
    }
}
.stepbar .radius-wrap .steptitle .stepcircle {
    display: flex;
    width: 5em;
    height: 5em;
    content: "";
    border-radius: 50%;
    background-color:#8fdc78;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;    flex-direction: column;font-family: 'Quicksand', sans-serif;
}

.stepbar .radius-wrap .steptitle .stepcircle span {
    line-height: 1;
    font-size: 3rem;
    font-weight: bold;
    /* position: relative; */
    /* top: 0.9em; */

}

.stepbar .radius-wrap .steptitle .title {
    padding: 0;
    
    font-weight: bold;
    font-size: 2rem;
  
}
@media (min-width: 768px){
    .stepbar .radius-wrap .steptitle .title {
        width: calc(100% - 10rem);
          padding-left: 1rem;
           margin: 0.5em;
    }
    
}

.stepbar .radius-wrap .steptxt {
justify-content: space-between;
    line-height: 1.6;
    padding:  0;
    margin: 0;
}
.stepbar .radius-wrap .steptxt .image{
    margin-bottom: 1rem;
}
.stepbar .radius-wrap .steptxt .image img{
    border-radius: 1rem;
    max-height: 230px;
    margin: 0 auto;
    display: block;
}
.stepbar .radius-wrap .steptxt .image .notice{
font-size: 1.2rem;
    line-height: 1.4;
    display: block;
}
@media (min-width:992px){
    .stepbar .radius-wrap .steptxt {
            padding: 4rem 0 0 0;
    }
    .stepbar .radius-wrap .steptxt .image{
        max-width: 300px;
        margin-right: 20px;
    }
    .stepbar .radius-wrap .steptxt .txt {
        width: calc(100% - 320px);
    }

}

.stepbar .radius-wrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #000;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: -1;
}

.radius-wrap:last-of-type .stepline:last-of-type {
  display: none;
}

@media screen and (max-width: 960px) {
  .stepbar {
    width: 90%;
  }
}
/* page
********************************************** */
.post-name-education .entry-body{
    letter-spacing: .1rem;
    max-width: 800px;
    margin: 0 auto;
}

/* お問い合わせ
********************************************** */
@media (min-width: 992px){
    .table_dl {
       max-width: 800px;
        margin: 0 auto;
    }
}
.table_dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
       align-content: flex-start;
    align-items: stretch;
    flex-direction: column;
}
    .table_dl > *{
    margin: 0;
    padding: 1rem;
        width: 100%;

}
.table_dl dt{

}

.table_dl dt p{
    margin: 0;
    padding: 0;
}

.table_dl dd{
     border-bottom: 1px solid #CCC;
}
.table_dl .required {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 2px 5px;
    background-color: #00a1e9;
    color: #fff;
    line-height: 1.5em;
    font-size: 1.2rem;
}

@media (min-width:768px){
    .table_dl{
        flex-direction: row;
    }
    .table_dl > *{
    margin: 0;
    padding: 2rem;
    border-bottom: 1px solid #CCC;
}
    .table_dl dt{
    width: 30%;
    }
    .table_dl dd{
    width: 70%;
}
}
.table_dl input[type=text],
.table_dl input[type="url"], .table_dl input[type="email"], .table_dl input[type="tel"],
.table_dl textarea{
    font-size: 1.6rem;
    
}


.wpcf7-select{
    font-size: 1.6rem;
    appearance: auto;
    width: auto;
}
input.wpcf7-number.number{
    display: inline-block;
    width: 8rem;
    font-size: 1.8rem;
    margin: 0 .5rem;
}

.acceptance{
    margin: 4rem ;
}

.acceptance .wpcf7-submit{
    display: block;
    width: 100%;
}
@media (min-width: 768px){
  .acceptance .wpcf7-submit{
      width: auto;
  }
    
}

.acceptance .btn_group input{
    margin: 0 auto;
}
/*--site-body-bottom---*/

.site-footer{
       background:#345a26;
    border: none;
    color:#FFF;
}
.site-footer a{
    color:#FFF;
}
.site-body-bottom {
       background:#345a26;
    color: #FFF;
   padding:6rem 0 1rem 0;
}
@media (min-width: 768px){
    .site-body-bottom {
       padding: 10rem 0 1rem 0;
}
}
.site-body-bottom a{
    font-size: 1.4rem;
    color:#FFF;
}

.site-body-bottom .sub-section-title{
    border: none;
}
.site-body-bottom .sub-section-title:after{
    content:none;
}

.site-body-bottom .widget{
    margin-bottom: 3rem;
}

.site-body-bottom .widget_nav_menu ul{
 
}
.site-body-bottom .widget_nav_menu ul li{

    margin: 0 3rem 0 0;
 
}
.site-body-bottom .widget_nav_menu ul li a{
display: block;
    position: relative;
    padding: 5px 0;
}
/*
.site-body-bottom .widget_nav_menu ul li a:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    border-bottom: 1px solid #CCC;
    transition: all .3s ease-out;
}

.site-body-bottom .widget_nav_menu ul li a:hover:before{
    width: 100%;
}
*/


.site-body-bottom hr.wp-block-separator{
    border-color: rgb(255 255 255 / 10%);
}
@media (min-width: 768px){
    .site-body-bottom .footer-button{
        width: 30rem;

    }
}

.widget .fbnrList {
    margin: 0;
    padding: 0;
    display: grid;
    justify-items: start;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 10px;
}

@media (max-width: 992px){
    .widget .fbnrList{
    grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px){
    
        .widget .fbnrList{
    grid-template-columns: repeat(2, 1fr);
    }
}
.fbnrList li{
    list-style: none;

    padding: 0;
}
.fbnrList__list {
    padding: 1.5rem 0;
}



.fbnrList .fbnrList__img img{
max-height: 250px;
    object-fit: cover;
    border-radius: 5px;
    background: #FFF;
}

p.fbnrList__text{
    font-size: 1.4rem;
    text-align: center;
    margin: .5rem 0;
}

.copyright .flex-box{
    justify-content: space-between;
}
.copyright p{
        font-size: 1.2rem;
 
}
.foot_inline{
        margin: 2rem 0;
    padding: 0;
}
.foot_inline li{
    list-style: none;
    display: inline;
    margin: 0 0 1rem;
}


@media (min-width: 767px){
.foot_inline{
    margin: 0;
    padding: 0;

}
.foot_inline li{
  
    margin: 0 0 0 3rem;
    font-size: 1.2rem;
}
}

/*------------------*/

.supporters .entry-body .is-layout-flow img{
    max-height: 76px;
    display: block;
    margin: 0 auto;
    width: auto;
}


/*--------------------*/

.page-intro-txt{
   padding: 0 0 5rem 0;
  text-align: center;

}
.page-intro-txt p{
     letter-spacing: 0.25rem;
}
.education-txt{
    letter-spacing: 0.15rem;

}
.education-txt p{
    font-size: 1.8rem;
}
.education-txt .photo-block ul{
    list-style: none;
    margin: 0 0 6rem 0;
    padding: 0;
}
.education-txt .photo-block span{
    text-align: center;
    font-size: 1.2rem;
    display: block;
    color:#666;
}

@media (min-width: 768px){
    .education-txt .photo-block ul li{
    width: 50%;
    padding: 0 1rem;
    }
    .education-txt .photo-block span{
          text-align: right;
    }
}




.education-txt h2{
    font-size: 2rem;
}
.education-txt h2 span {
    background:linear-gradient(transparent 60%, #fafaaa 60%);
 
}
/*--------イベント：アーカイブ------------*/

.post-type-archive-event .vk_post.media{
    border: none;
}

.event_meta{
    line-height: 2rem;
    margin-bottom: 1rem;
}

.post-type-archive-event .vk_post_title{
    position: relative;
}
.post-type-archive-event .vk_post_title:before{
    content: '\f3c5';
    font-family: fontawesome;
    height: 1em;
    line-height: 1;
    display: inline-block;
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    margin: auto;
    font-weight: bold;
    font-size: 20px;
    margin-right: 1rem;
    color: #00a1e9;
}
.event_entry{
    border: 1px solid ;
    margin: 0 1rem;
    padding: 1px 1rem;
    color:#00a1e9;
    display: inline-block;    font-size: 1.3rem;

}
.event_entry.no{
     color:#999;
}

/*--------イベント：single------------*/
.single-event .vk_post,
.single-event .entry-meta{
    display: none;
}

.entry-header .entry-title{

    margin-bottom: 3rem;
    font-size: 3rem;
}

.single-event .table_dl{
    
    
    
}
/*-----------video----------------*/
.video-outer{
max-width: 800px;
    margin: 0 auto 6rem;
}
.video{
   
     
        position: relative;
        padding-top: 56.25%;
}

.video iframe{
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;
}


/*-----------------*/
.supporters-list{
    margin-bottom: 6rem !important;
}
.supporters-flex {
    flex-wrap:wrap;
    margin: 0;
        padding: 1rem;    line-height: 1.6;
}
.supporters-flex > *{
    margin: 0;
    padding: 0;
}

.supporters-flex{
     border-bottom: 1px solid #CCC;
}

@media (min-width: 768px){
    .supporters-flex > *{
        
    }
    .supporters-flex dt{
        width:30rem;
    }
    .supporters-flex dd.child_02{
        width: calc( 30rem);
    }
    .supporters-flex dd.child_03{
        width: calc( 100% - 60rem);
    }
}

.supporters-flex dt a{
    color:#36c;
}
.supporters-flex dt a:hover{
   text-decoration: underline;
}

/*------------*/


.reportList {
        justify-content: space-between;
        margin: 0;
        padding: 0;   
        position: relative;
    z-index: 1;
        
}
.reportList li {

    margin: 3.75em 0 0;
    border: 1px solid #CCC;
    list-style: none;
    border-radius: 1rem;
    background: #FFF;
}

@media (min-width: 768px){
    .reportList li {
        width: calc((100% - 3.5em) / 3);
        max-width: 384px;
    }
    
}

.reportList li div a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}
.reportList li div .imgBox {
    border-radius: 1rem 1rem 0 0;
    position: relative;
    overflow: hidden;
}
.reportList li div .txtBox{
  padding: 2.125rem 1.25rem 1.625rem;
    background: #FFF;
    border-radius: 0 0 1rem 1rem;  
}
.reportList li div span {
    display: block;
}
.reportList li div .img {
    padding-top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.6s ease;
}


/*----------*/
.postListText{
      padding: 2rem 0;
      border-bottom: 1px solid #CCC;
    
}
.postListText_date{
    font-size: 1.6rem;
    font-weight: bold;
    color: #5ab833;
}
.postListText_title{
      font-size: 1.6rem;  
      font-weight: bold;
      
}
.postListText_title a{
    text-decoration: none;
}
.vk_post_title_new{
    font-weight: 900;
    font-family: faricy-new-web, sans-serif;
        color: #5ab833;
}

.vk_posts.next-prev{
        margin-bottom: 3rem !important;
    justify-content: space-between;
}
/*---------------*/
.entry-footer{
    margin-top: 10rem;
}
.comment-respond{
        margin: 10rem 0;
}

.foot-mailmgazine{


}

.foot-mailmgazine h2{
    font-size: 3.75rem;
    margin: 0;
    padding: 0;
}

.foot-mailmgazine h3{
    font-size: 1.4rem;
    
}

.foot-mailmgazine h3:after{
    content:none;
}

@media (min-width: 768px){
    .foot-mailmgazine{
    width: 300px;
    }
    
}
.foot-mailmgazine #mc_embed_signup_scroll h2{
    display: none;
}


.boxzilla{
    border-radius: 1rem 1rem 0 0;
    background-image: url(./_g3/assets/images/mlmg_bg.jpg) !important;
    background-size: cover !important;
    background-color: unset !important;
    
    

    background-blend-mode: lighten !important;
    
}



.boxzilla::before {
    content: "";
    position: absolute;
    background-color: rgb(97 64 38 / 57%);
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    transition: 0.3s;
    border-radius: 1rem 1rem 0 0;
}

.boxzilla-content{
    position: relative;
}

.popup-newsletter h2{
font-weight: 900;
    font-family: faricy-new-web, sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 5rem;
    line-height: 1;
    margin: 0;
    padding: 0 0 3rem 0;
}
.popup-newsletter h3::after{
    content: none;
}
.popup-newsletter p.ico{
    text-align: center;
    font-size: 6rem;
    margin: 0;
    padding: 0;
    
}.popup-newslette p{
    text-align: center;
}
.popup-newsletter .boxzilla-close-icon{
background: #FFF;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    top: 1rem;
    right: .5rem;
    /* line-height: 3rem; */
    display: flex;
    align-items: center;
    justify-content: center;

}

.popup-newsletter .boxzilla-content{
    position: relative;
    z-index: 1
}

/*-----*/
.widget_nav_menu>ul li a,
.widget_link_list>ul li a,
.widget_archive>ul li a{
    font-size: 1.4rem;
    padding: 2rem 0.5rem;
    color: #000;
}

/*---------------*/
.post-type-archive-voice .post-list{
    display: none;
}


.voice-block li{
    list-style: none;
}
.voice-block li.flex-box{
    border: 3px solid #CCC;
    padding:3rem;
    margin-bottom: 3rem;
}
 .voice-block li.flex-box .ico{
    width:80px;
}
.voice-block li.flex-box h5{
background: #f4ecce;
    font-size: 1.3rem;
    padding: .5em;
    border-radius: var(--vk-size-radius);
}


@media (min-width: 768px){
    .voice-block li.flex-box .ico{
    width:160px;
}
.voice-block li.flex-box .ico img{
    width: 120px;
}
.voice-block li.flex-box .txt{
    width: calc(100% - 160px);
}
}

@media (min-width: 992px){
}

@media (min-width: 1200px){
}


.navigation.pagination{
    margin-bottom: 3rem;
}

.foot-note{
    text-align: center;
    border: 1px solid #ffffff6e;
    padding: 1rem;
    margin-bottom: 2rem;
}
.foot-sns ul{
    list-style: none;
    padding: 0;

}
.widget .foot-sns ul li{
    display: inline;
    font-size: 1.8rem;
}