/*
Theme Name: CIC Japan
Description:
Theme URI: 
Author: CIC Japan
Author URI: CIC Japan
Version: 1
License:
License URI: 
*/


:root {
    --basic-green: #03343c;
    --basic-org: #ff8100;
    --basic-lgreen: #278090;
    --basic-dark-green:#0d2126;
    --basic-btn-bg: #03343c;
    --basic-btn-text: #fff;
    --basic-grey-bg: #e0e0e0;
    --font-sml-en: 15px;
    --basic-font-size: 16px;
    --font-medium: 17px;
    --font-big: 20px;
    --font-basic: "Montserrat","Noto Sans JP", sans-serif;
    --font-jp: "Noto Sans JP", sans-serif;
    --font-en: "Montserrat", sans-serif;
}


body{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #666;
	color: var(--basic-green);
    font-size: var( --basic-font-size);
    font-family: var(--font-basic);
}

body.contents-english{
    font-family: var(--font-en);
    font-size: var( --font-medium);
}

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;	
}


a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    color: var(--basic-org);
}

img{
	width: 100%;
	display: block;
	height: auto;
}

@keyframes herotext {
  0% {
     opacity: 0;
     transform: translateX(-50px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

@keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

@keyframes fadeinleft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
     transform: translateX(0);
     opacity: 1;
  }
}

@keyframes fadeinright {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
     transform: translateX(0);
     opacity: 1;
  }
}

@keyframes orgbtm {
  0% {
     bottom: -74px;
     opacity: 0;
  }
  100% {
     bottom: -84px;
     opacity: 1;
  }
}

@keyframes fullwd {
  0% {
     width: 0;
  }
  100% {
     width: 100%;
  }
}

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

ul.list-circle{
    margin: 20px 0 0 0;
    padding: 5px 0 5px 1.5em;
    list-style: none;
}

ul.list-circle li:before{
    content: "";
    width: 10px;
    height: 10px;
    border: solid 1px #666;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}

ul.list-number{
    margin: 0;
    padding: 0 0 0 1.5em;
    list-style-type: decimal
}

ul.list-disc-green li,
ul.list-arrow li,
ul.list-dot li,
ul.list-number li{
    margin: 0 0 10px 0;
}

ul.list-dot li:last-child,
ul.list-number li:last-child{
    margin: 0;
}

ul.list-dot{
    margin: 0;
    padding: 0 0 0 1.5em;
}

ul.list-dot{
    list-style-type: disc
}

ul.list-arrow,
ul.list-disc-green{
    padding: 5px 0 5px 1.5em;
    margin: 0;
}

ul.list-arrow li,
ul.list-disc-green li{
    margin: 0 0 10px 0;
    list-style-type: none;
}


ul.list-disc-green li:last-child,
ul.list-arrow li:last-child{
    margin: 0;
}


ul.list-disc-green li:before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #008675;
    border-radius: 50%;
    text-align: center;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto .6em auto -1.2em;
}

ul.list-arrow li:before{
    font-family: 'cicicon';
    content: "\e908";
    color: #008675;
    margin: 0 .2em 0 -1.2em;

}

ul[class^="list-"] ul,
ul[class*=" list-"] ul {
    padding: 15px 0 15px 1.5em;
    margin: 0;
}

ul[class^="list-"] ul li,
ul[class*=" list-"] ul li{
    margin: 0 0 5px 0;
}

ul[class^="list-"] ul li:last-child,
ul[class*=" list-"] ul li:last-child{
    margin: 0;
}

ul.list-number-blacket{
    padding-left: 0!important;
}

ul.list-number-blacket li {
    list-style-type: none;
    counter-increment: cnt;
}

ul.list-number-blacket li::before {
    content: "(" counter(cnt) ") ";
}

ul.list-note{
    margin: 0;
    list-style: none;
    font-size: 12px;
    padding: 5px 0 5px 1.5em;
}

ul.list-note li:before{
    content: "※";
    width: 1em;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}

.fadein{
    opacity: 0;
}

.fadein.scrld{
    animation: 1.2s ease-in-out .2s fadein forwards;
}

.fadeinr{
    transform: translateX(50px);
    opacity: 0;
}

.fadeinr.scrld{
    animation: 1.2s ease-in-out .2s fadeinright forwards;
}

.fadeinl{
    transform: translateX(-50px);
    opacity: 0;
}

.fadeinl.scrld{
    animation: 1.2s ease-in-out .2s fadeinleft forwards;
}

.bd-top{
    border-top: solid 1px #E8E8E8;
}

.page-template-default p{
    margin: 0;
    padding; 0
}

.cf:before,
.cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.line-p p{
    display: block;
}

.row-full,
.row{
    padding: 80px 0;
}

.row-sml{
    padding: 40px 0;
}

.row-btm{
    padding: 0 0 80px 0;
}

.row-top{
    padding: 80px 0 0 0;
}

.row.bg-orgtop{
    padding: 80px 0 150px 0;
}

.row.bg-orgbtm{
    padding: 120px 0;
}

.row-btbd{
    border-bottom: solid 1px #e8e8e8;
}

.bg-orgtop.bg-orgtopnb{
    padding: 80px 0;
}

.section{
	margin-top: 80px;
	overflow: hidden;
}

.section-sml{
    margin-top: 40px;
    overflow: hidden;
}

.section-big{
    margin-top: 90px;
    overflow: hidden;
}

.section-bd{
    margin-top: 80px;
    padding-top: 80px;
    border-top: solid 1px #f3f1f1;
}

.bg-grey{
    background-color: #fafafa;
}


ul.list-circle{
    margin: 20px 0 0 0;
    padding: 5px 0 5px 1.5em;
    list-style: none;
}

ul.list-circle li:before{
    content: "";
    width: 10px;
    height: 10px;
    border: solid 1px #666;
    border-radius: 50%;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}

.wrap,
.wrap-sml,
.wrap-big{
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
}

.inner-wrap,
.wrap{
    max-width: 1350px;
}

.wrap-big{
    max-width: 1450px;
}

.wrap-sml{
    max-width: 850px;
}

.inner-wrap{
    padding: 50px 40px;
    margin: auto;
}

.note{
    font-size: 14px;
    margin: 10px 0 0 0;
}

.ta-left{
    text-align: left;
}

.ta-center{
    text-align: center;
}

.img-hero{
    position: relative;
    width: 100%;
    padding-bottom: 45%;
    max-height: 750px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    animation: 1s ease-in-out fadein forwards;
}

.hero-text{
    font-weight: bold;
    font-size: clamp(26px, 4vw, 55px);
    color: #fff;
    position: absolute;
    left: 48px;
    bottom: 30px;
    margin: 0;
    opacity: 0;
    animation: 1.2s ease-in-out .2s herotext forwards;
    z-index: 1;
}

.text-lbl{
    color: #278090;
}

.bg-lgrey{
    background-color: #f4f4f4;
}

.bg-green{
    background-color: var(--basic-green);
    color: #fff;
}


.bg-orgbtm .wrap-big{
    position: relative;
    background-color: var(--basic-green);
    color: #fff;
    position: relative;
}

.bg-orgbtm .wrap-big:before{
    content: "";
    position: absolute;
    left: 0;
    top: -69px;
    width: 100%; 
    height: 70px; 
    background-color: var(--basic-green); 
    clip-path: polygon(0 100%, 100% 100%, 100% 0); 
}

.bg-orgbtm .wrap-big:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -84px;
    width: 100%;
    height: 84px;
    background-color: var(--basic-org);
    clip-path: polygon(0 17%, 100% 100%, 100% 0, 0 0);
}

.bg-orgbtm .wrap-big.anm:after{
    bottom: -74px;
}

.bg-orgbtm .wrap-big.anm.scrld:after{
    animation: 1s ease-in-out 1s orgbtm forwards;
}

.bg-orgbtm.orgbtm-opp .wrap-big:before{
    background-color: var(--basic-org);
}

.bg-orgbtm.orgbtm-opp .wrap-big:after{
    background-color: var(--basic-green); 
}

.bg-orgtop .wrap-big{
    background-color: var(--basic-green);
    position: relative;
    color: #fff;
}

.bg-orgtop .wrap-big:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -7px;
    width: 100%;
    height: 100px; 
    background-color: var(--basic-org);
    clip-path: polygon(0% 0%, 0% 8.46%, 100% 100%, 100% 0%);
}


.bg-orgtop .wrap-big:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -149px;
    clip-path: polygon(0% 29.63%, 100% 89.63%, 100% 0%, 0% 0%);
    background-color: var(--basic-green); 
    width: 100%;
    height: 150px;
    fill: #0d3841;
}

.bg-orgtop.bg-orgtopnb .wrap-big:after{
    display: none;
}

.page-ttl{
    padding: 80px 20px 40px 20px;
    text-align: center;
}

.page-ttl-text{
    margin: 20px 0 0 0;
}

.page-ttl h1 span{
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--font-medium);
    font-family: var(--font-en);
}

.page-ttl h1{
    font-size: clamp(29px, 4vw, 40px);
    margin: 0;
    ont-weight: bold
}

.ttl-1{
    color: inherit;
    font-size: clamp(25px, 3vw, 35px);
    margin: 0 0 30px 0;
    text-align: center;
    font-family: var(--font-basic);
    font-weight: bold;
}

.ttl-1.ta-left{
    text-align: left;
}

.flbox .ttl-1{
    text-align: left;
}

.ttl-2{
    font-size: clamp(23px, 2.5vw, 26px);
    font-weight: bold;
    margin: 0 0 30px 0;
}

.ttl-3{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.ttl-4{
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: bold;
    margin: 0;
}

body.contents-english  .ttl-4{
    font-size: clamp(22px, 2.7vw, 28px);
}

.ttl-1 span,
.ttl-5{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 16px;
    display: block;
}

body.contents-english .ttl-1 span,
body.contents-english.ttl-5{
    font-size: 18px;
}

.ttl-6{
    font-weight: bold;
    font-size: var(--font-medium);
    margin: 0 0 10px 0;
}

body.contents-english .ttl-6{
    font-size: var(--font-big);
}


.ttl-7{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.ttl-7:before{
    content: "";
    background-color: var(--basic-green);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.ttl-8{
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: clamp(21px, 2.7vw, 24px);
}



.news-date,
.text-en{
	font-family: var(--font-en);
}

.header{
    position: relative;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
}

.header a{
    color: var(--basic-green);
    text-decoration: none;
}

.header ul{
    margin: 0;
    padding: 0;
    list-style: none;
}


.hd-top .menu-top-menu-container ul{
    display: flex;
    justify-content: flex-end;
}

.hd-top .wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 48px;
    line-height: 48px;
}

.hd-top ul li a:before{
    content: "";
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #C3C3C3;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hd-top ul li.current-menu-item a:before,
.hd-top ul li a:hover:before{
    background-color: #FF8100;
}

.wpml-ls-legacy-list-horizontal{
    padding: 0!important;
    border: none!important;
}

.wpml-ls-current-language{
    display: none!important;
}

.wpml-ls-legacy-list-horizontal a{
    padding: 0!important;
}

.hd-btm{
    padding: 69px 0 15px 0;
}

.hd-btm>.wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
    width: 82px;
    height: auto;
}

.main-nav{
    font-size: 15px;
}

.contents-english .main-nav{
    font-size: var(--font-medium);
}

.main-nav ul li a{
    text-decoration: none;
    font-weight: bold;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
}

.main-nav ul li.nav-locations>a{
    pointer-events: none;
}

.header .menu{
    display: flex;
    flex-basis: auto;
    align-items: center;
    gap: 5px;
    position: relative;
    padding: 0;
}

.header .menu li{
    padding: 0
}

.header .menu>li{
    padding: 10px 0
}


.header .menu li.current-menu-item>a:after,
.header .menu li:not(.nav-contact-us) a:after{
    content: "";
    background-color: #FF8100;
    height: 3px;
    width: 90%;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .menu>li.current-menu-item>a:after,
.header .menu li:not(.nav-contact-us) a:hover:after{
    bottom: 0;
    opacity: 1;
}


.header .menu>li>ul.sub-menu a:hover:after{
    height: 2px;
    bottom: 0;
}


.header .menu li a[href="#"]:after,
.header .menu li.nav-contact-us.current-menu-item>a:after,
.header .hd-top .menu li.current-menu-item>a:after,
.header .hd-top .menu li:not(.nav-contact-us) a:hover:after{
    display: none;
}

.header .menu li a[href="#"]{
    cursor: initial;
}

.main-nav ul li.nav-contact-us{
    margin-left: 10px;
    text-align: center;
}

.main-nav ul li.nav-contact-us a{
    color: #fff;
    padding: 10px 20px;
    background-color: var(--basic-green);
    font-size: 14px;
    border-radius: 25px;
}

.main-nav ul li.nav-contact-us a:hover{
    background-color: #FF8100;
}



.header ul.sub-menu {
    background-color: #fff;
    transition: top 0.3s ease, opacity 0.3s ease;
    z-index:10;
}

.header ul.menu>li>ul.sub-menu{
    position: absolute;
    top: calc(100% + 10px);
    -webkit-box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
    padding: 20px;
    display: none;
    opacity: 0;
}

.header ul.menu>li>ul.sub-menu>li{
    padding: 3px 0;
}


.header ul.menu>li>ul.sub-menu>li>ul.sub-menu>li{
    padding: 0;
}

.header ul.menu>li>ul.sub-menu>li>ul.sub-menu>li a{
    font-weight: normal;
    padding: 3px 10px;
    font-size: 14px;
}

.header ul.menu > li.hovered ul.sub-menu {
    display: block; 
    top: calc(100% - 5px)!important;
    opacity: 1; 
}

.header ul.menu>li.nav-locations>ul.sub-menu{
    right: 0;
    max-width: 400px;
}


.menu-trigger{
    display: none;
    z-index: 10;
    width: 50px;
}

.menu-trigger .menu-icon {
    width: 100%;
    display: block;
    height: 30px;
    position: relative;
}

.menu-trigger .menu-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background: #000;
    position: absolute;
    top: 8px;
    left: 0;
    right:  0;
    width: 70%;
    margin: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.menu-trigger .menu-icon span.first {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}


.menu-trigger .menu-icon span.last {
    top: 18px;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.nav-open  .menu-trigger .menu-icon span.first {
    -moz-transform: translate3d(6px,0,0) rotate(45deg);
    -o-transform: translate3d(6px,0,0) rotate(45deg);
    -ms-transform: translate3d(6px,0,0) rotate(45deg);
    -webkit-transform: translate3d(6px,0,0) rotate(45deg);
    transform: translate3d(6px,0,0) rotate(45deg);
}


.nav-open  .menu-trigger .menu-icon span.last {
    top: 8px;
    -moz-transform: translate3d(-6px,0,0) rotate(-45deg);
    -o-transform: translate3d(-6px,0,0) rotate(-45deg);
    -ms-transform: translate3d(-6px,0,0) rotate(-45deg);
    -webkit-transform: translate3d(-6px,0,0) rotate(-45deg);
    transform: translate3d(-6px,0,0) rotate(-45deg);
}

.header .menu li .icon-chevron-down{
    display: none;
}


.col-wrap,
.ort-wrap,
.flbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis:  auto;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.col-wrap{
    margin: 30px 0 0 0;
}

.col-wrap a{
    text-decoration: none;
    color: initial;
}

.col-text{
    margin: 20px 0 0 0;
}

[class^="flbox-"], 
[class*=" flbox-"]{
    flex-shrink: 0;
}

.flbox-70{
	width: 68%;	
}

.flbox-60{
    width: 58%;
}


.flbox-40{
    width: 38%;
}


.flbox-30{
	width: 28%;
}

.flbox-hlf{
    width: 48%;
    position: relative;
}


.flrev-wrap .flbox,
.fl-rev{
    flex-direction: row-reverse;
}


.flb-hlf-wrap,
.flb-25-wrap,
.flb-30-wrap{
    flex-wrap: wrap;
    align-items: flex-start;
}

.flb-25-wrap>div{
    width: 23%;
    margin: 30px 0;
}

.flb-30-wrap>div{
    width: 31%;
    margin: 30px 0;
}


.flb-hlf-wrap>div{
    flex-basis: 48%;
    margin: 30px 0;
}

.flb-hlf-wrap:after,
.flb-25-wrap:after,
.flb-30-wrap:after{
    display: block;
    content:"";
}

.flb-25-wrap:after{
    width: 23%;
}

.flb-30-wrap:after{
    width: 31%;
}

.flb-hlf-wrap:after{
    width: 48%;
}

.fl-col{
    align-items: normal!important;
}

.fl-col>div{
    flex-direction: column;
    display: flex;
}


.fl-col .btn{
    margin: auto 0 0;
    padding-top: 30px;
}

.tiles{
    justify-content: space-between;
    margin: 40px 0;
    flex-wrap: wrap;
    display: flex;
}

.tiles>div{
    width: 22%;
}

.tiles:after {
    display: block;
    content:"";
    width: 22%;
}


.tile-img{
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0 0 20px 0;
}

.tile-text{
    text-align: center;
    font-weight: normal;
}

.tile-text span{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px 0;
    display: block;
}

.btn{
    margin: 30px 0 0 0;
    width: 280px;
    overflow: hidden;
}

.btn a{
    background-color: var(--basic-btn-bg);
    color: var(--basic-btn-text);
    display: block;
    text-decoration: none;
    padding: 11px;
    text-align: center;
    border-radius: 35px;
    font-weight: bold;
    border: solid 2px;
}

.btn a:after {
    content: "";
    background-color: transparent;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    background-size: 18px 11px;
    background-image: url(/wp-content/uploads/2024/10/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 0 5px;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn a:hover:after {
    background-color: var(--basic-lgreen);
}

.btn a:hover{
    background-color: var(--basic-btn-text);
    color: var(--basic-btn-bg);
}

.btn.btn-center,
.btn.btn-big{
    margin: 60px 0 0 0;
    width: auto;
    text-align: center;
}

.btn.btn-center a,
.btn.btn-big a{
    display: inline-block;
    padding: 11px 40px;
    min-width: 270px;
}


.bg-orgbtm .btn a,
.bg-orgtop .btn a,
.bg-green .btn a{
    background-color: var(--basic-btn-text);
    color: var(--basic-btn-bg);
}

.bg-orgbtm .btn a:hover,
.bg-orgtop .btn a:hover,
.bg-green .btn a:hover{
    background-color: var(--basic-btn-bg);
    color: var(--basic-btn-text);
    border-color: var(--basic-btn-text);
}


.bg-orgbtm .btn a:after,
.bg-orgtop .btn a:after,
.bg-green .btn a:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-gr.png);
}

.bg-orgbtm .btn a:hover:after,
.bg-orgtop .btn a:hover:after,
.bg-green .btn a:hover:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-lgr.png);
    background-color: #fff;
}

.btn.flbtn a{
    padding: 20px;
    min-width: 270px;
}

.btn.flbtn a:after{
    display: none;
}

.btn.flbtn a:hover{
    background-color: inherit;
    color: inherit;
    border-color: inherit;
    opacity: .8;
}


.btn.btn-center{
    margin: 30px auto 0 auto;
}

.acd-list>div{
    border-bottom: solid 1px;
    border-color: var(--basic-green);
}

.acd-ttl{
    padding: 20px 0;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
}

.tglbtn {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    background-color: #278090;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tglbtn:hover{
    background-color: var(--basic-green)
}


.tglbtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25%;
    width: 50%;
    height: 2px;
    background-color: #fff;
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.tglbtn:after {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    width: 2px;
    height: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.prfopen .tglbtn,
.acdopen .tglbtn{
    transform: rotate(90deg);
}

.prfopen .tglbtn:before,
.acdopen .tglbtn:before {
       left: 50%;
    right: 50%;
    width: 0;
}


.acd-list .acd-content {
    display: none;
    padding: 0 0 20px 0;
}

.logo-list ul{
    margin: 0 -25px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.logo-list ul li{
    width: 20%;
    padding: 25px;
}

.fl-spbt{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.category-list a:after,
.link-text a:after,
.rm-link:after,
.arrow-link span:after,
.arrow-link a:after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 8px;
    background-image: url(/wp-content/uploads/2024/10/arrow.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 0 5px;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


ul.category-list a:hover:after,
.btn a:hover:after,
.link-text a:hover:after,
.card-wrap>div a:hover .rm-link:after,
a:hover .arrow-link span:after,
.arrow-link a:hover:after {
    transform: translateX(7px);
}

.link-text a:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-lgr.png);
}

.arrow-link a,
.arrow-link span{
    display: inline-block;
    position: relative;
    line-height: 1.8;
    text-decoration: none;
    color: var(--basic-green);
    font-weight: bold;
}

.arrow-link a:before,
.arrow-link span:before{
    content: "";
    position: absolute;
    width: 80%;
    left: 0;
    bottom: -5px;
    margin: auto;
    background-color: var(--basic-green);
    height: 2px;
}

.card-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.card-wrap>div{
    width: 31%;
    margin: 40px 0 0 0;
}

.card-wrap>div a{
    display: flex;
    flex-direction: column;
    height: 100%;
    
}

.postlist .card-wrap>div{
    margin: 40px 0 30px 0;
}

.card-wrap:after{
    display: block;
    content:"";
    width: 31%;
}

.card-wrap>div a{
    text-decoration: none;
    color: initial;
}

.card-img-wrap{
	overflow: hidden;
	margin-bottom: 20px;
	background-color: #000;
/*    border: solid 1px #eee;*/
}

.gr-cards .card-img-wrap{
    margin-bottom: 0;
    border: none;
}

.gr-cards a{
    text-decoration: none;
}

.card-img{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 72%;
    height: 100%;
    background-color: #eee;
    -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

a:hover .card-img{
	transform: scale(1.05);
	opacity: .7;
}


.rm-link{
    margin: auto 0 0 0;
    padding: 20px 0 0 0;
    font-family: var(--font-en);
    color: initial;
    position: relative;
    line-height: 1.8;
    display: inline-block;
}

.rm-link span{
    position: relative;
    display: inline-block;
}

ul.category-list a:before,
.rm-link span:before{
    content: "";
    position: absolute;
    left: 0;
    width: 83%;
    height: 2px;
    bottom: -2px;
    background-color: var(--basic-org);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card-wrap>div a:hover .rm-link span:before{
    width: 100%;
}

#top-report .flbox{
	justify-content: space-between;
}

#top-report .flbox-30 img{
	width: 80%;
}

.ort-wrap{
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 3;
}

.bg-orgtop .inner-wrap,
.inner-wrap.ort-wrap {
    padding: 90px 0 50px 0;
}

.ort-text,
.ort-img{
    width: 46%;
}

.ort-wrap [class^="ttl-"], 
.ort-wrap [class*=" ttl-"]{
    text-align: left;
}

.grc-text{
    padding: 20px;
    display: flex;
    flex-direction: column;
    background-color: var(--basic-dark-green);
    color: #fff;
}

.grc-text .arrow-link span{
    margin: auto 0 0 0;
    padding: 20px 0 0 0;
    font-size: 16px;
}

.grc-text .arrow-link span{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    
}

.btn a:after,
.grc-text .arrow-link span:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-wh.png);
}



.grc-text .arrow-link span:before{
    background-color: #fff;
}

.cls-wrap .slick-slide {
  margin: 0 10px;
}

.cls-wrap .slick-list {
  margin: 0 -10px;
}

.cls-nav {
    display: flex;
    width: 120px;
    justify-content: center;
    text-align: center;
    border: solid 1px;
    border-radius: 40px;
    padding: 10px 20px;
    margin: 20px 0 0 0;
    float: right;
    position: relative;
    z-index: 4;
}

.cls-nav .slick-arrow {
    position: static;
    height: auto;
    display: inline-block;
    opacity: 1;
}

.cls-nav .slide-arrow.next-arrow:after,
.cls-nav .slide-arrow.prev-arrow:after {
    content: "";
    width: 10px;
    height: 20px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.cls-nav .slide-arrow.prev-arrow:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-sml-l.png);
}

.cls-nav .slide-arrow.next-arrow:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-sml-r.png);
}

.cls-nav.cls-nav-wh .slide-arrow.prev-arrow:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-smlwh-l.png);
}

.cls-nav.cls-nav-wh .slide-arrow.next-arrow:after{
    background-image: url(/wp-content/uploads/2024/10/arrow-smlwh-r.png);
}

.cls-nav .slick-arrow.slick-disabled {
    display: block !important;
    opacity: .5;
    cursor: initial;
}

.prf-card{
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prf-card>div{
    background-color: var(--basic-grey-bg);
    padding: 20px;
    flex: 0 0 32%;
    margin: 0 0 20px 0;
    justify-content: space-between;
}

.anm-card>div{
    opacity: 0;
    transform: translateY(20px);
}

.anm-card.scrld>div{
    animation: fadeInUp 0.5s forwards;
    animation-delay: 0s;
}

.prf-card img{
    margin: 0 0 10px 0;
}

.prf-card:after {
    display: block;
    content:"";
    width: 32%;
}

.prf-rm {
    position: relative;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 7px 0;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.prf-dtl{
    display: none;
}

.breadcrumbs{
    text-transform: uppercase;
    font-family: var(--font-en);
    letter-spacing: 1px;
    font-size: 13px;
}

.breadcrumbs .icon-home{
    display: inline-block;
    margin-right: 5px;
}

.breadcrumbs a{
    text-decoration: none;
    color: initial;
}

.footer .arw-down{
    display: none;
}

.footer a{
    color: #fff;
    text-decoration: none;
}

.footer{
    background-color: #0D2126;
    color: #fff;
    padding: 50px 0;
}

.footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer a{
    text-decoration: none;
}

.ft-sns ul,
.ft-top,
.ft-btm{
    display: flex;
    flex-basis: auto;
}

.ft-top,
.ft-btm{
    justify-content: space-between;
}

.ft-btm{
    margin: 30px 0 0 0;
}

.ft-dtl{
    padding-right: 30px;
}

.ft-logo{
    width: 120px;
    height: auto;
    margin: 0 0 40px 0;
}

.ft-contact a{
    background-color: #fff;
    color: #03343C;
    display: inline-block;
    padding: 10px 0;
    border-radius: 26px;
    width: 180px;
    text-align: center;
}

.ft-contact a:after{
    content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px; /* Space between text and arrow */
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="%230D2126" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>') no-repeat center;
  background-size: 100% auto;
  vertical-align: -.25em;
  transition: transform 0.3s ease;
}

.ft-contact a:hover::after {
  transform: translateX(5px); /* Move the arrow on hover */
}

.ft-menu{
    flex: 1;
    font-size: 12px;
}

.ft-menu a:hover{
    color: var(--basic-org);
}

.ft-cr{
    font-size: 13px;
}

.ft-sns ul{
    gap: 20px;
    font-size: 20px;
}

.ft-sns ul li a{
    color: #fff;
}

.ft-sns ul li a:hover{
    color: var(--basic-org);
}

.footer .menu{
    display: flex;
}

.footer .menu>li{
    width: 14%;
    padding: 5px;
}

.footer .menu>li.nav-news{
    width: 11%;
}

.footer .menu>li.nav-locations{
    width: 33%;
}

.footer .menu>li.nav-startup{
    width: 16%;
}

body.contents-english .footer .menu>li.nav-locations{
    width: 38%;
}

.footer .menu>li.nav-about{
    width: 10%;
}

.footer .menu>li.nav-event{
    width: 16%;
}


.footer .menu li.nav-home-menu,
.footer .menu li.nav-contact-us{
    display: none;
}


.footer .menu>li>.sub-menu>li>a{
    margin: 0 0 8px 0;
    display: block;
}


.footer .menu>li a[href="#"],
.footer .menu>li.nav-locations>.sub-menu>li>a{
    pointer-events: none;
}

.footer .menu>li.nav-locations>.sub-menu>li>a{
    font-weight: bold;
}

.footer .menu>li>a{
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 20px 0;
    display: inline-block;
}

body.contents-english .footer .menu>li>a{
    font-size: var(--font-sml-en);
}


ul.menu li.nav-locations>ul.sub-menu{
    display: flex;
    width: 100%;
}

ul.menu li.nav-locations>ul.sub-menu>li{
    width: 40%;
    padding: 5px;
}

ul.menu li.nav-locations>ul.sub-menu>li:first-child{
    width: 28%;
}

ul.menu li.nav-locations>ul.sub-menu>li:last-child{
    width: 32%;
}

.footer ul.menu li.nav-locations>ul.sub-menu>li>ul.sub-menu{
    list-style: disc;
    padding: 0 0 0 1em;
}

.footer ul.menu li.nav-locations>ul.sub-menu>li>ul.sub-menu>li>a{
    padding: 5px 0;
    display: block;
}


.icon-list{
    display: flex;
    flex-wrap: wrap;
}

.icon-list>div{
    width: 20%;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    font-family: var(--font-jp);
}


.icon-list>div img{
    width: 80%;
    margin: 0 auto 20px auto;
}

.icon-list>div span{
    font-weight: normal;
    display: block;
    margin: 5px 0 0 0;
    font-size: 14px;
    text-align: left;
}

.tbl-1 table{
    width: 100%;
    border-top: solid 1px #707070;
    border-bottom: solid 1px #707070;
    border-collapse: collapse;
}

.tbl-1 table th,
.tbl-1 table td{
    border-bottom: solid 1px #B5B5B5;
    padding: 10px;
}

.tbl-1 table th{
    background-color: #f5f5f5;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    width: 30%;
}

.tbl-1 table td{
    font-size: 16px;
}


.tbl-2 table{
    width: 100%;border: none;
}

.tbl-2 table th,
.tbl-2 table td{
    border-bottom: solid 1px #e8e8e8;
    padding: 10px 0;
}

.tbl-2 table tr:last-child th,
.tbl-2 table tr:last-child td{
    border-bottom: none;
}

.tbl-2 table th{
    width: 7em;
    font-weight: normal;
    text-align: left;
    letter-spacing: 1px;
    font-size: 17px;
}

.indbox{
    padding: 0 0 0 50px ;
}

.imgtext-wrap>div{
    display: flex;
    background-color:#f4f4f4;
    margin: 40px 0 0 0;
    padding: 40px;
}

.imgtext-wrap>div:first-child{
    margin: 0;
}

.imgtext-text{
    flex-basis: 65%;
    padding-right: 30px;
}

.imgtext-img{
    flex-basis: 35%;
    padding-bottom: 30%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.postcat-wrap .postcat{
    margin: 80px 0 0 0;
}

.postcat-wrap .postcat:first-child{
    margin: 0;
}

.postcat .ttl-4{
    font-size: clamp(24px, 2.5vw, 30px);
}

.post-catname>span{
    border-left: solid 1px var(--basic-green);
    padding-left: 1em;
    margin-left: 1em;
}

.post-catname>span:first-child{
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.post-catname>span a{
    color: var(--basic-green);
}

.pagination {
    text-align: center;
    margin: 50px 0 20px 0;
}

.pagination span,
.pagination a {
    margin: 0 4px;
    padding: 5px;
    color: initial;
    text-decoration: none;
}

.pagination a:hover{
    color: var(--basic-org);
}

.pagination span.page-numbers.current {
    padding: 10px 13px;
    background-color: #eee;
    margin: 0 2px;
}

.prev.page-numbers,
.next.page-numbers{
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}

.prev.page-numbers{
    margin-right: 10px;
}

.next.page-numbers{
    margin-left: 10px;
}


.sgl-wrap{
    padding-bottom: 80px;
}

.wrap-big .bc-wrap .wrap,
.crc-wrap .bc-wrap .wrap,
.sgl-wrap .bc-wrap .wrap{
    max-width: 100%;
    padding: 0;
}

.sgl-ttl{
    position: relative;
    padding-top: 40px;
}

.sgl-ttl:after {
    content: "";
    background-color: #eee;
    clear: both;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4.5rem), 0 100%);
    content: "";
    display: block;
    height: calc(100% - 5rem);
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.ttl-5.sgl-date{
    font-weight: normal;
}

/*News*/
.contents-row{
    border-bottom: solid 1px #eee;
    padding: 30px 0;
    margin: 30px 0;
}

.contents-row-wrap .contents-row:first-child{
    padding:  0 0 30px 0;
    margin: 0 0 30px 0;
}

.contents-row-wrap .contents-row:last-child{
    border-bottom: none;
    padding: 0;
    margin: 0;
}

.it-wrap{
    overflow: hidden;
}

.it-text img{
    float: right;
    width: 37%;
    margin: 0 0 10px 15px;
    border: solid 1px #eee;
}

.it-wrap.img-left .it-text img{
    float: left;
    margin: 0 15px 10px 0;
}

.lp-ttl{
    text-align: center;
    color: #008675;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 30px;
    line-height: 1.3;
}

.lp-ttl span{
    display: block;
    font-size: 21px;
    margin: 10px 0;
}

.lp-btn{
    text-align: center;
    margin: 30px 0 0 0;
}

.lp-btn a {
    text-decoration: none;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    background-color: #ff8200;
    margin: 10px;
    width: 200px;
}

.lp-btn-big a{
    width: 250px;
}

.lp-btn a:hover{
    opacity: .8;
}

.lp-table th,
.lp-table td{
    vertical-align: top;
    text-align: left;
}

.lp-table tbody tr td:first-child{
    width: 20%;
    font-weight: initial;
    padding: 10px;
}

.lp-table thead th{
    color: #008675;
    font-weight: normal;
    padding: 10px;
}

.lp-table thead th:first-child,
.lp-table tbody tr td:first-child{
    padding: 10px 10px 10px 0;
}

.lp-table td{
    padding: 10px;
}

.lp-spacer{
    padding: 10px 0;
}

.lp-itl-wrap>div{
    display: flex;
    margin: 0 0 40px 0;
}

.lp-itl-wrap>div:last-child{
    margin: 0;
}

.lp-itl-wrap>div.fl-img-right{
    flex-direction: row-reverse;
}


.lp-itl-wrap .lp-table th,
.lp-itl-wrap .lp-table td{
    line-height: 1.3;
}

.lp-itl-wrap .lp-table thead th,
.lp-itl-wrap .lp-table td{
    padding: 7px;
}


.lp-itl-wrap .lp-table thead th:first-child,
.lp-itl-wrap .lp-table tbody tr td:first-child{
    padding: 7px 7px 7px 0;
}

.lp-itl-wrap .lp-table thead th{
    padding-bottom: 10px;
}

.lp-itl-text ul li,
.lp-table tbody tr td:first-child,
.lp-table tbody td{
    border-bottom: solid 1px #e8e8e8;
}

.lp-itl-text ul li{
    padding: 8px 0;
    margin: 0;
    position: relative;
}

.lp-itl-text ul li:fist-child{
    padding: 0 0 5px 0;
}

.lp-itl-img{
    width: 300px;
    flex-shrink: 0;
}

.lp-itl-text{
    padding: 0 0 0 20px;
    text-align: left;
    flex-grow: 1;
    word-break: break-all;
}

.lp-itl-wrap>div.fl-img-right .lp-itl-text{
    padding: 0 20px 0 0;
}

.lp-itl-text ul.list-disc-green{
    padding-top: 0;
}

.lp-heading{
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.lp-col3 .lp-heading,
.lp-col4 .lp-heading{
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 15px 0;
}

.lp-tile-wrap{
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
}

.page-template-page-lp .row>.wrap>div.lp-tile-wrap{
    margin-top: -30px;
}

.lp-tile-wrap .lp-tile-col{
    width: 100%;
    margin-top: 30px;
}

.lp-tile-wrap.lp-col2 .lp-tile-col{
    width: 48%;
}

.lp-tile-wrap.lp-col3 .lp-tile-col{
    width: 31%;
}

.lp-tile-wrap.lp-col4 .lp-tile-col{
    width: 23%;
}

.lp-itc-img{
    margin: 0 0 15px 0;
}

.lp-img-ar .lp-tile-img{
    background-color: #d9d8d8;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

/*.lp-img-ar.lp-col2 .lp-tile-img{
    height:  28.393vw;
}

.lp-img-ar.lp-col3 .lp-tile-img{
    height: 18.34vw;
}

.lp-img-ar.lp-col4 .lp-tile-img{
    height: 13.605vw;
}*/

.lp-img-ar .lp-tile-img img{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}

.lp-itc-img-bg{
    width: 100%;
    padding-bottom: 73%;
    margin: 0 0 20px 0;
    border: solid 1px #eee;
    background-color: #000;
    background-position: center;
    background-size: 100% auto;
}

.lp-itc-img-bg{
    width: 100%;
    padding-bottom: 73%;
    margin: 0 0 20px 0;
    border: solid 1px #eee;
    background-color: #000;
    background-position: center;
    background-size: 100% auto;
}

.itc-vid-date{
    color: #828282;
    display: block;
    margin: 5px 0 0 0;
    font-size: 13px;
}

a.lp-tile-col-link{
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
    padding: 0 0 60px 0;
    position: relative;
}

a.lp-tile-col-link:hover{
    opacity: .7;
}


a.lp-tile-col-link:hover .link-rm-arrow i{
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.lp-tile-col-link-btm{
    position: absolute;
    left: 0;
    bottom: 0;
}

a.lp-tile-col-link .itc-vid-date{
    margin: 0;
}

.single-post h2{
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 22px;
}

.single-post h3{
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
}

.single-post h4{
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 30px 0;
}


.single-post h5 {
    display: block;
    margin: 0 0 20px 0;
    font-size: 22px;
    color: #000;
    font-weight: 400;
}

.single-post h6 {
    display: block;
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.crc-ttl{
    padding: 100px 0 20px 0;
}

.crc-ttl h1{
    font-size: ;
}

.crc-ttl .flbox{
    align-items: flex-start;
}

.crc-ttl .btn{
    margin: 0;
}

.crc-ttl-btm{
    margin-top: 30px;
    font-weight: bold;
}

.crc-cat{
    margin: 0 0 50px 0;
}

.crc-cat ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.crc-cat ul li{
    display: inline-block;
}

.crc-cat ul li:after{
    content: "/";
    display: inline-block;
    margin: 0 5px;
}

.crc-content {
    background-color: #f3f1f1;
}

.crc-list>div{
    margin: 80px 0 0 0 ;
}

.crc-list>div ul{
    list-style: none;
}

.crc-list>div ul li{
    margin: 0 0 10px 0;
}

.crc-list>div ul li a{
    color: var(--basic-green);
}

.crc-list-loc{
    margin-left: 30px;
    color: #9d9e9e;
}

.crc-list>div .ttl-2{
    font-family: var(--font-en);
    text-transform: uppercase;
}

#tribe-events-pg-template{
    max-width: 100%!important;
}

#tribe-events-pg-template{
    padding: 0!important;
}

.ev-wrap{
    background-color: #fafafa;
    margin: 30px 0 0 0;
    padding: 40px 0 80px 0;
}

.tribe-events-notices ul {
    margin: 10px 0 0 0!important;
    padding: 0!important;
    list-style: none;
}

.tribe-events-single .page-ttl{
    padding: 100px 20px 80px 20px;
}

ul.tribe-events-sub-nav{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--prev a,
ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--next a{
    text-decoration: none;
    color: var(--basic-green);
}


.tribe-common button[disabled]{
    background-color: transparent!important;
    border: none!important;
}

ul.tribe-events-c-nav__list a:hover{
    color: var(--basic-org);
}


ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--prev li button[disabled]:before,
ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--next li button[disabled]:after,
ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--prev a:before,
ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--next a:after{
    font-family: 'cicicon';
    display: inline-block;
    vertical-align: middle;
}

ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--prev li[disabled] button:before,
ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--prev a:before{
    content: "\e904";
    margin-right: 10px;
}

ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--next li[disabled] button:after,
ul.tribe-events-c-nav__list li.tribe-events-c-nav__list-item--next a:after{
    content: "\e905";
    margin-left: 10px;
}

.ev-wrap .btn{
    margin: 30px auto 0 auto;
}

.tribe-events-calendar-list__event-row{
    border-bottom: solid 1px #dcdcdc!important;
    padding-bottom: 50px!important;
}

.cls-wrap a{
    text-decoration: none;
}

.prf-img {
    padding-bottom: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-bottom: 10px;
}

.link-text a{
    color: var(--basic-lgreen);
    text-decoration: none;
    margin: 10px 0 0 0;
}

.esr-cards>div{
    width: 49%;
    margin: 15px 0;
    display: flex;
    flex-direction: column;
}

.esr-cards>div>div.grc-text{
    flex: 1;
}

.esr-cards>div:nth-child(1){
    width: 100%;
    display: flex;
    flex-direction: row
}

.esr-cards>div:nth-child(1)>div{
    width: 50%;
}

.esr-cards>div:nth-child(1)>div.grc-text{
    padding: 50px 30px;
    flex: 1;
}

.esr-cards .card-img-wrap{
    margin-bottom: 0;
}

.esr-cards .card-img{
    padding-bottom: 60%;
}

.cls-section .slick-track{
    display: flex !important;
}

.cls-section .slick-track:before,
.cls-section .slick-track:after{
    display: none;
}

.cls-section .slick-slide{
    height: auto !important;

}

.cls-section .slick-slide>a{
    height: 100% !important;
    flex-direction: column;
    display: flex;
}

.cls-section .grc-text{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.cls-section .arrow-link{
    margin-top: auto;
}


.iframe-wrap {
    width: 100%;
    position: relative;
    padding-bottom: 55%;
    overflow: hidden;
    margin: 0 auto;
}

.iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.scrl {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.scrl.scrld {
    opacity: 1;
    transform: translateY(0);
}

#esr-amenities .flb-25-wrap{
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
}

#esr-amenities .flb-25-wrap:after{
    display: none;
}

#esr-amenities .flb-25-wrap>div{
    padding: 30px 20px;
}

#esr-amenities .flb-25-wrap .ttl-6{
    text-align: center;
}

#esr-contact .ttl-4{
    font-weight: normal;
}

.multi-btns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 20px;
    margin: 0 auto 80px auto;
    text-align: center;
    position: relative;
    max-width: 800px;
justify-content: center;
}

.multi-btns>a{
    border-radius: 3px;
    flex-basis:  33.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #FF8200;
    text-align: center;
    padding: 12px;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.multi-btns>a:hover{
    background-color: #008675;
}

.multi-btns span {
    position: absolute;
    bottom: -4em;
    left: 0;
    color: #333;
    font-size: 11px;
    text-align: left;
    width: 31%;
    color: #9f9e9e;
}

.bc-wrap{
    margin-top: 30px;
}

ul.category-list{
    margin: 50px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 30px;
    font-weight: bold;
    font-size: 18px;
}

ul.category-list a{
    display: inline-block;
    color: var(--basic-green);
    position: relative;
    text-decoration: none;
}

ul.category-list a:after{
    width: 24px;
    height: 14px;
}

.vid-hero-wrap {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


.vid-hero-wrap video {
    width: 100%;
    height: auto;
}
.vid-hero:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    left: 0;
    top: 0;
    z-index: 1;
}


.vid-hero {
    position: relative;
    overflow: hidden;
    padding-bottom: 41%;
}

.ev-player {
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
}

.ev-player-inner {
    max-width: 800px;
    margin: 80px auto 0 auto;
    width: 100%;
    position: relative;
    padding-bottom: 36%;
    overflow: hidden;
}

.ev-player-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.calendar-iframe-wrap {
  width: 100%;
  height: 1200px;
  overflow-y: scroll !important;
 }

 .calendar-iframe {
  width: calc(100% + 40px);
  height: 1200px;
  margin-left: -20px;
  border: 0;
  overflow-y: scroll !important;
 }


.bg-green .card-img-wrap{
    border: none;
}

#japan-office-address .flbox{
    align-items: flex-start;
}


#top-reason .tile-img {
    width: 80%;
    padding-bottom: 80%;
    margin: 0 auto 20px auto;
}

.kv-slider ul{
    marign: 0;
    padding: 0;
    list-style: none;
}

.kv-slide{
    padding-bottom: 23%;
    background-repeat: no-repeat;
    background-size: cover;
}

#pg-office-space #sct-jpn-offices.section{
    padding-bottom: 80px;
}

#pg-jpn-offices .flb-30-wrap>div{
    margin: 0;
}

.crc-list-item-wrap>div{
    margin-top: 40px;
}

.crc-list-item-wrap>div:first-child{
    margin-top: 0;
}


@media all and (min-width: 1350px) {
 .header ul.menu>li.nav-locations>ul.sub-menu{
    right: 0;
}
}

@media all and (min-width: 1001px) {
.hd-top{
    background-color: #F3F1F1;
    font-size: 13px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
}

@media all and (max-width: 1100px) {
.header .menu{
    gap: 0;
    font-size: 14px;
}


li#menu-item-12970>.sub-menu{
    display: block;
}

.footer .menu{
    display: block;
}

.footer .menu>li{
    margin: 0;
    width: 100%!important;
    border-bottom: solid 1px #fff;
    position: relative;
}

.footer .menu>li>a{
    padding: 15px 0;
    font-size: 18px;
    display: block;
    margin: 0;
}

.footer .menu>li>ul.sub-menu {
    display: none;
}

.ft-top{
    margin: 0 0 50px 0;
}

.footer .menu>li>.arw-down {
    display: flex;
    position: absolute;
    right: 0;
    top:14px;
    bottom: auto;
    margin: auto;
    padding: 10px 0;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.footer .menu>li>.arw-down i{
    font-size: 18px;
    display: block;
}

.footer ul.menu li.nav-locations>ul.sub-menu>li{
    padding: 3px 0;
}

.footer .menu>li.ft-subopen>.arw-down{
    transform: rotate(180deg);
}

.footer ul.menu li.nav-locations>ul.sub-menu{
    display: none;
}

.footer .menu>li>.sub-menu>li>a {
    font-weight: bold;
    margin: 15px 0px 4px 0;
    display: block;
    font-size: 15px;
}

.footer .menu>li>ul.sub-menu>li:last-child{
    margin-bottom: 20px;
}

}


@media all and (max-width: 1000px) {
body.nav-open{
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.logo {
    width: 100px;
    padding: 15px 10px;
    z-index: 10;
    position: relative;
}

.hd-top{
    margin: 30px 0 0 0;
}

.hd-top .wrap{
    justify-content: space-between;
    height: auto;
    line-height: 1.5;
}

.hd-btm{
    background-color: #fff;
    padding: 0;
}

.main-nav{
    position: absolute;
    background-color: #fff;
    padding: 20px;
    height: calc(100vh - 94px);
    overflow-y: scroll;
    width: 100vw;
    top: 63px;
    left: -101vw;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-open .main-nav{
    left: 0;
}

.header .menu{
    display: block;
    font-size: 16px;
}

.header .menu-main-menu-container .menu>li:not(.nav-contact-us) {
    padding: 0;
    border-bottom: solid 1px #eee;
}

.main-nav ul li a {
    padding: 15px;
    display: block;
}

.main-nav .hd-top ul li a {
    padding: 0;
}

.main-nav ul li ul.sub-menu a{
    padding: 0;
    font-size: 14px;
}

.menu-trigger{
    display: block;
}

.header ul.menu>li>ul.sub-menu{
    position: static;
    left: auto;
    top: auto;
    background-color: #fff;
    padding: 0 10px 10px 30px;
    transition-delay: 0s;
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header ul.menu>li>ul.sub-menu>li>a{
    margin-bottom: 5px;
}

.header ul.menu>li>ul.sub-menu>li{
    padding: 10px 0;
}

.header ul.menu>li>ul.sub-menu>li>ul.sub-menu>li a{
    padding: 4px 0;
}

.header ul.menu>li>ul.sub-menu{
    opacity: 1;
    
}

.header .menu>li>a{
    position: static;
}


.header .menu li.menu-item-has-children .arw-down {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 30px;
    text-align: right;
    z-index: 3;
    top: 19px;
    cursor: pointer;
}

.header .menu>li{
    border-bottom: solid 1px #eee;
}

.header .menu li.menu-item-has-children .icon-chevron-down {
    display: inline-block;
    color: #1E616D;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}   


.header .menu li.menu-item-has-children.sub-open .arw-down i,
#menu-main-menu > li.sub-open .icon-chevron-down{
    transform: rotate(180deg);
}

.header .menu li.menu-item-has-children{
    position: relative;
    padding-right: 30px;
}

.main-nav ul li.nav-contact-us{
    margin: 30px auto 0 auto;
    max-width: 380px;
    border-bottom: none;
}

.main-nav ul li.nav-contact-us a{
    padding: 15px;
}

.header{
    position: relative;
    z-index: 5;
}

.header .menu a:after{
    display: none;
}

.hd-top .wrap{
    padding: 0;
    justify-content: center;
}

.hd-top .menu-top-menu-container ul li a{
    margin-right:20px;
}

.footer ul.menu li.nav-locations>ul.sub-menu{
    display: none;
}

.footer ul.menu li.nav-locations>ul.sub-menu>li>ul.sub-menu>li>a{
    padding: 5px;
    display: block;
}

.prf-card>div{
    flex: 0 0 47%;
}

.prf-card:after{
    width: 48%;
}

.icon-list>div,
.icon-list:after {
    width: 32%;
}

.imgtext-img,
.imgtext-text {
    flex-basis: 50%;
}

.lp-tile-wrap.lp-col4 .lp-tile-col{
    width: 32%;
}

.lp-tile-wrap.lp-carousel.lp-col2 .lp-tile-col,
.lp-tile-wrap.lp-carousel.lp-col3 .lp-tile-col,
.lp-tile-wrap.lp-carousel.lp-col4 .lp-tile-col{
    width: auto;
    padding: 10px;
}

.lp-itl-img{
    width: 35%;
}

.lp-tile-wrap.lp-col2 .lp-tile-col,
.lp-tile-wrap.lp-col3 .lp-tile-col,
.lp-tile-wrap.lp-col4 .lp-tile-col{
    width: 48%;
}


.lp-tile-wrap.evit-list{
    display: block;
}

.lp-tile-wrap.lp-col4.evit-list .lp-tile-col{
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.lp-itl-wrap>div{
    display: block;
}

.lp-itl-img{
    width: 100%;
    margin: 0 0 15px 0;
}

.lp-itl-text{
    padding: 0;
}

.lp-heading{
    font-size: 19px;
}

.lp-col3 .lp-heading,
.lp-col4 .lp-heading{
    font-size: 17px;
}

.line-p p{
    display: inline;
}

.multi-btns span {
    bottom: -6em;
}

.ev-player-inner {
    max-width: 800px;
    margin: 80px auto 0 auto;
    width: 100%;
    position: relative;
    padding-bottom: 56%;
}

.inner-wrap {
    padding-left: 30px;
    padding-right: 0;
}


/*Space*/
.row,
.bg-orgtop.bg-orgtopnb{
    padding: 60px 0;
}

.row-btm{
    padding: 0 0 60px 0;
}

.row-top{
    padding: 60px 0 0 0;
}

.row.bg-orgtop{
    padding: 60px 0 150px 0;
}

.postcat-wrap .postcat,
.section{
    margin-top: 60px;
}

.section-big{
    margin-top: 80px;
}

.section-bd{
    margin-top: 60px;
    padding-top: 60px;
}


.page-ttl{
    padding: 60px 20px 40px 20px;
}


.sgl-wrap{
    padding-bottom: 60px;
}

.crc-ttl{
    padding: 60px 0 20px 0;
}

.crc-list>div{
    margin: 60px 0 0 0 ;
}

.ev-wrap{
    padding: 40px 0 60px 0;
}

.multi-btns{
    margin: 0 auto 60px auto;
}

.ev-player-inner {
    margin: 60px auto 0 auto;
}


#pg-office-space #sct-jpn-offices.section{
    padding-bottom: 60px;
}

.ev-player-inner {
    margin: 60px auto 0 auto;
}

.cr-langsw{
    display: inline-block;
}
}




@media all and (max-width: 767px) {
.card-wrap,
.col-wrap, 
.prf-card,
.ort-wrap,
.flbox{
    display: block;
}

.esr-cards>div:nth-child(1),
.esr-cards>div:nth-child(2),
.card-wrap>div,
.flb-25-wrap>div,
.flb-30-wrap>div,
.flbox-70,
.flbox-60,
.flbox-40,
.flbox-30,
.flbox-hlf,
.ort-text,
.ort-img{
    width: 100%;
}

.card-wrap>div,
.flbox>div,
.col-wrap>div{
    margin: 60px 0 0 0;
}

/*.card-wrap>div:first-child,
.flbox>div:first-child,
.col-wrap>div:first-child{
    margin: 0;
}
*/
.tiles>div{
    width: 47%;
    margin: 20px 0;
}

.flbox .ttl-1{
    text-align: center;
}

#top-report .flbox-30 img{
    margin: auto;
}

.logo-list ul li{
    width: 48%;
}

.logo-list ul{
    justify-content: space-between;
}

.logo-list ul:after {
    display: block;
    content:"";
    width: 48%;
}

.ort-img{
    margin: 30px 0 0 0;
}

.cls-nav{
    float: none;
    margin: 20px auto 0 auto;
    width: 140px;
}

.icon-list>div,
.icon-list:after {
    width: 48%;
}

.inner-wrap{
    padding-left: 0;
    padding-right: 0;
}
.wrap,
.wrap-big,
.wrap-sml{
    padding-left: 30px;
    padding-right: 30px;

}

.imgtext-wrap>div{
    display: block;
    padding: 30px;
}

.imgtext-img {
    flex-basis: 35%;
    padding-bottom: 80%;
}

.imgtext-text {
    text-align: center;
    padding: 0 0 30px 0;
}

.kv-wrap .btn,
.crc-ttl .btn,
.imgtext-text .btn{
    margin: 30px auto 0 auto;
}

.single-post h4{
    font-size: 24px;
}

.crc-ttl{
    text-align: center;
}

.crc-ttl .bc-wrap{
    text-align: left;
}

.crc-ttl-btm {
    margin: 50px 0 20px 0;
}

.ft-top{
    display: block;
}

.ft-menu{
    margin-top: 30px;
}

.tbl-1 table th,
.tbl-1 table td{
    font-size: 14px;
}

.tbl-1 table th{
    text-align: left;
    width: 180px;
}

.indbox{
    padding: 0 0 0 1.5em;
}

.tbl-2 table th, .tbl-2 table td{
    padding: 0;
}

#top-report{
    text-align: center;
}

#top-report .btn{
    margin: 30px auto 0 auto;
}

.esr-cards>div:nth-child(1) {
    display: block;
    width: 100%;
}

.esr-cards>div:nth-child(1)>div{
    width: 100%;
}

.esr-cards>div:nth-child(1)>div.grc-text{
    padding: 20px;
}

.multi-btns{
    display: block;
    margin: 30px 0;
}

.multi-btns>a{
    margin: 0 0 30px 0;
}

.multi-btns>a:first-child{
    margin: 0 0 5px 0;
}

.multi-btns>a:last-child{
    margin: 0;
}

.multi-btns span {
    position: relative;
    bottom: auto;
    margin: 0 0 30px 0;
    display: block;
    width: 100%;
}

.post-catname{
    text-align: center;
    margin: 0 0 20px 0;
}

.bg-green .inner-wrap{
    padding: 20px;
}

.hero-text{
    width: 100%;
    padding: 0 20px;
    text-align: center;
    top:50%;
    left:50%;
    bottom: auto;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    animation: 1.2s ease-in-out .2s fadein forwards;
}

.ev-player{
    padding: 30px;
}

.ev-player-inner {
    padding-bottom: 74%;
}

.sgl-content .row .wrap{
    padding-left: 0;
    padding-right: 0;
}

.hd-top{
    margin-bottom: 30px;
}

.hd-top .wrap{
    display: block;
}

.hd-top .wrap>div ul li,
.hd-top .wrap>div{
    display: inline-block;
}

.hd-top .wrap>div ul li{
    margin-right: 10px;
}

.header .hd-top .menu>li{
    border-bottom: none;
}


#pg-event-space .icon-list{
    display: block;
}

#pg-event-space .icon-list>div{
    width: 100%;
    padding: 0;
}

.ft-btm{
    display: block;
    text-align: center;
}

.ft-sns{
    margin-top: 20px;
}

.ft-sns ul{
    justify-content: center;
}

.cls-nav .slick-arrow {
    padding-bottom: 5px;
}
}



@media all and (max-width:480px){
.lp-tile-wrap.lp-col2 .lp-tile-col,
.lp-tile-wrap.lp-col3 .lp-tile-col,
.lp-tile-wrap.lp-col4 .lp-tile-col{
    width: 100%;
}

.lp-tile-wrap{
    display: block;
}

.lp-tile-wrap .lp-tile-col,
.lp-tile-col{
    margin-top: 40px;
}

.hd-top .wrap>div ul li,
.hd-top .wrap>div{
    display: block;
}

.hd-top .wrap>div ul li{
    margin: 0;
    padding: 0;
}

.hd-top .wrap>div ul li a{
    display: block;
    padding: 10px 0!important;
}
}