/*!
Template:rishun
Theme Name: rishun_child
Theme URI: https://rishuntrading.co.jp
Description: Rishun is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: RishunTrading Limited.
Author URI: https://rishuntrading.co.jp
Version: 1.0.0
Requires at least: 1.0
Tested up to: 1.0.0
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Rishun WordPress theme, Copyright (C) 2022 RishunTrading Limited.
Rishun WordPress theme is licensed under the GPL.
Update Author:RishunTrading Limited
Update Author URI:https://rishuntrading.co.jp/
Version:1.0.0
*/
@charset "utf-8";
/************************************************************/
:root{
    --lora: Lora,Serif;
    --fontawesome:"Font Awesome 5 Free";
    --blue1:#225eac;
    --blue2:#bbd8ff;
    --mobile-menu-bkcolor:-webkit-linear-gradient(top,#2249ac, #4cb4e8);
    --mobile-menu-bkcolor:-moz-linear-gradient(top,#2249ac, #4cb4e8);
    --mobile-menu-bkcolor:linear-gradient(to bottom, #2249ac, #4cb4e8);
    --ptnB-sp-header-height:70px;
    --ptnB-pc-header-height: 80px;
    --pghead-font-frame-color:rgba(0, 0, 0, 0.2);
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-size:17px;
}
body a{
    color:#333;
}
body a:hover{
    color:#333;
    text-decoration: none;
}
.nodata{
    color:#ff0000;
}
img{
    width:100%;
    height:auto;
}
figure{
    width:100%;
    padding-top:75%;
    margin:0;
    position:relative;
    overflow:hidden;
}
figure>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
}

/*==================================
  origin
===================================*/
.imgarea {
    margin-bottom:10px;
    text-align: center;
}
.gmap-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
}
.gmap-wrap iframe, .gmap-wrap object, .gmap-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.detail-wrap {
    padding:30px 0;
}
img.aligncenter {
    display: block;
    margin-left:auto;
    margin-right:auto;
}
img.alignleft {
    float:left;
}
img.alignright{
    float:right;
}
img.aligncenter {
    display: block;
    margin-left:auto;
    margin-right:auto;
}
a.tellink {
    transition: all .3s;
}
table {
    border-collapse: collapse;
}
@media(min-width:768px){
    .gmap-wrap {
        padding-bottom:75%;
    }
}
@media(min-width:992px){
    .gmap-wrap {
        padding-bottom:56.25%;
    }
    a.tellink {
        pointer-events: none;
    }
}

/* title,font
_____________________________*/
.h1org {
    font-family:var(--lora);
    font-size:28px;
    margin-bottom: 50px;
}
.h2org {
    font-weight:500;
    font-family:var(--lora);
    font-size:22px;
    border-left: 12px solid #bbb;
    padding-left: 15px;
    margin-bottom: 2rem;
}
.h2wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    margin-bottom:2rem;
}
.h2wrap>div {
    font-size:24px;
    font-weight:500;
    line-height: 1.6;
    text-align: center;
    font-family:var(--lora);
}
.h2wrap h2 {
    font-size:15px;
    font-weight:400;
}
.h2org1 {
    color:#000;
    font-weight:500;
    font-size:22px;
    margin-bottom:2rem;
    display: flex;
    align-items:center;
    justify-content:center;
    width:100%;
    font-family:var(--lora);
}
.h2org1::before,.h2org1::after,.h2wrap::before,.h2wrap::after {
    border-top:3px solid #bbb;
    flex-grow:1;
    content:'';
}
.h2org1::before,.h2wrap::before {
    margin-right:2rem;
}
.h2org1::after,.h2wrap::after {
    margin-left:2rem;
}
.h3org {
    font-weight:500;
    font-size:20px;
    padding-bottom:5px;
    border-bottom:2px solid #ccc;
    padding-left:5px;
    color:#000;
    margin-bottom:1.5rem;
}
.h4org {
    font-size:18px;
    font-weight:500;
    font-family:var(--lora);
    color:#000;
    margin-bottom:1rem;
}
.a-btn {
    display: block;
    margin: 0 auto 1.5rem;
    border: 1px solid #888;
    border-radius: 56px;
    color: #888;
    font-size: 1rem;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    position: relative;
    letter-spacing: .1em;
    transition:all .5s;
}
.a-btn::after {
    position: absolute;
    font-family: var(--fontawesome);
    content:'\f0d7';
    right:20px;
    font-size:15px;
    color:#888;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.a-btn:hover {
    color:#fff;
    background:#888;
    border-color: #fff;
}
.a-btn:hover::after {
    color:#fff;
}
.a-btn.next {
    width:90%;
}
.a-btn.next::after {
    display: none;
}
.a-btn.next .arrow {
    display: flex;
    position: absolute;
    top: 35%;
    right: -15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    color:#888;
}
.a-btn.next .arrow::after {
    content: '';
    width: 50px;
    height: 10px;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    transform: skew(45deg);
}
.a-btn.next:hover .arrow {
    right: -20px;
}
@media(min-width:768px){
    .h1org {
        font-size:36px;
    }
    .h2org,.h2org1 {
        font-size:24px;
    }
    .h2wrap>div {
        font-size:28px;
    }
    .h2wrap h2 {
        font-size:16px;
    }
    .h3org {
        font-size:22px;
    }
    .h4org {
        font-size:18px;
    }
    .a-btn {
        max-width:500px;
    }
    .a-btn.next:hover .arrow {
        right: -25px;
    }
}
@media(min-width:992px){
    .h1org {
        font-size:40px;
    }
    .h2org,.h2org1 {
        font-size:30px;
    }
    .h2wrap>div {
        font-size:34px;
    }
    .h2wrap h2 {
        font-size:17px;
    }
    .h3org {
        font-size:24px;
    }
    .h4org {
        font-size:20px;
    }
}

/*////////////////////////////////
  header
////////////////////////////////*/
.logo-ttl img {
    height:40px;
    object-fit: contain;
}
.mobile-navi-btn.right {
    width:52px;
    height:52px;
    top:6px;
}
.site-mobile-nav>div {
    background:transparent;
}
.site-mobile-menu>li {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom:0;
}
.site-mobile-menu>li>a {
    display: block;
    font-size:22px;
    font-weight:400;
    font-family:var(--lora);
    margin-bottom:3px;
    text-shadow:0 3px 15px #555;
    transition: all .2s;
}
.site-mobile-menu>li>a::after {
    content: attr(data-desc);
    font-size:14px;
    display: block;
}
.site-mobile-menu>li::after {
    content: "";
    width: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #E0E0E0;
}
@media(min-width:992px){
    .ptnB .site-header-inner {
        height:var(--ptnB-pc-header-height);
    }
    .logo-ttl img {
        height:50px;
    }
    .site-header-menu>li {
        text-align: center;
    }
    .site-header-menu>li::after {
        content:'';
        position: absolute;
        top:50%;
        right:0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background:#ccc;
        width:1px;
        height:50%;
    }
    .site-header-menu>li:last-of-type::after {
        display: none;
    }
    .site-header-menu>li>a {
        font-family:var(--lora);
        font-weight:500;
        line-height:1.2;
        padding: 10px 15px;
        letter-spacing: 0px;
    }
    .site-header-menu>li>a::after {
        content: attr(data-desc);
        font-size:10px;
        display: block;
        margin-top:3px;
    }
}
@media(min-width:1200px){
    .site-header-menu>li>a {
        font-size:17px;
    }
    .site-header-menu>li>a::after {
        font-size:12px;
    }
    .site-header-menu>li>a span {
        font-size:12px;
    }
}
/*////////////////////////////////
  footer
////////////////////////////////*/
.site-footer {
    padding-bottom:0;
}
.site-footer>.site-footer-wrap>.container {
    padding-bottom:40px;
}
.site-footer .ftr-copy {
    padding:20px 0;
    background:var(--mobile-menu-bkcolor);
}
.ftr-copy p.copyright {
    font-weight:400;
}
.footerwidget {
    justify-content: center;
    padding-bottom:30px;
}
.ftr-logo img {
    width:260px;
}
.ftr-logo {
    margin:0 auto 1rem;
    text-align: center;
}
.ftr-info p {
    font-size:16px;
}
.site-footer-menu {
    text-align: center;
}
.site-footer-menu>li>a {
    font-size:15px;
    color:#444;
}
.site-footer-menu>li>a:hover {
    opacity: 0.7;
}
@media(min-width:768px){
    .ftr-logo {
        margin-left:0;
    }
    .site-footer>.site-footer-wrap>.container {
        display: flex;
    }
    .footerwidget {
        justify-content: left;
        width:40%;
        padding-bottom:0;
    }
    .site-footer-nav {
        width:60%;
        display: flex;
        justify-content: flex-end;
    }
    .site-footer-menu>li {
        padding-bottom:0;
    }
}
/*////////////////////////////////
  page header
////////////////////////////////*/
.page-header {
    background-image: url(./img/default-pghead.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
}
.about-us-pgheader {
    background-image:url(./img/head/aboutus.jpg);
}
.team-pgheader {
    background-image:url(./img/head/team.jpg);
}
.services-pgheader {
    background-image:url(./img/head/services.jpg);
}
.contact-pgheader {
    background-image: url(./img/head/contact.jpg);
}
.page-header-ttl {
    line-height:1.5em;
}
.page-header-ttl .jp {
    font-size:16px;
    letter-spacing: .2em;
}
.page-header-ttl .en {
    font-size:24px;
}
@media(min-width:768px){
    .page-header-ttl {
        line-height:2em;
    }
    .page-header-ttl .jp {
        font-size:18px;
        font-weight:bold;
    }
    .page-header-ttl .en {
        font-size:40px;
        font-weight:300;
    }
}
/*////////////////////////////////
  news (archive)
////////////////////////////////*/
.ul-cat {
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0;
}
.ul-cat li {
    list-style-type: none;
    margin-right:10px;
    margin-bottom:10px;
}
.ul-cat li a {
    padding:5px;
    background:var(--blue1);
    color:#fff;
    font-size:13px;
    font-weight:500;
    transition:all .3s
}
.ul-cat li a:hover {
    color:var(--blue1);
    background:var(--blue2);
}
.ul-cat li a.current {
    color:var(--blue1);
    background:var(--blue2);
    pointer-events: none;
}
.ulnews {
    padding-inline-start: 0;
    border-top:1px dashed #bebebe;
}
.ulnews>li {
    list-style-type:none;
    border-bottom:1px dashed #bebebe;
    margin:0;
    padding:0;
}
.ulnews>li>a {
    display: block;
    padding:15px 10px;
}
.ulnews>li>a .p-date {
    margin-bottom:7px;
    letter-spacing: .1em;
    color:#777;
    font-size:15px;
    font-weight:600;
}
.ulnews>li>a h3 {
    font-size:16px;
    font-weight:400;
    color:#000;
    transition:all .3s;
    margin-bottom:0;
}
.ulnews>li>a:hover h3 {
    color:var(--blue1);
}
div#toyear {
    padding-bottom:40px;
}
.year-list {
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.year-list li {
    list-style-type: none;
    margin-bottom:5px;
    line-height:2.2;
    border-bottom:1px solid var(--blue1);
}
.year-list li a {
    padding:0 10px;
    font-size:18px;
    color:#333;
}
.year-list li a:hover {
    color:var(--blue1);
}
.year-list li.on a {
    pointer-events: none;
    color:var(--blue1);
}
@media(min-width:768px){
    .year-list {
        text-align: center;
    }
}
@media(min-width:768px){
    .ulnews>li>a {
        padding-left:20px;
    }
    .ulnews>li>a .p-date {
        font-size:16px;
    }
    .ulnews>li>a h3 {
        font-size:17px;
    }
    .ul-cat li a {
        font-size:14px;
    }
    .year-list li a {
        font-size:20px;
    }
}
@media(min-width:992px){
    .ul-cat li a {
        font-size:15px;
    }
}
/*////////////////////////////////
  news (single)
////////////////////////////////*/
.ul-singlecat {
    padding-inline-start: 0;
    display: flex;
    flex-wrap:wrap;
}
.ul-singlecat li {
    list-style-type: none;
    padding:3px;
}
.ul-singlecat li a{
    background:var(--blue1);
    color:#fff;
    font-size:13px;
    padding:5px;
    transition:all .3s;
}
.ul-singlecat li a:hover {
    color:var(--blue1);
    background:#a1caff;
}
.entry-content img {
    display: inline;
}
@media(min-width:768px){
    .ul-singlecat li a {
        font-size:14px;
    }
}
/*////////////////////////////////
  blog (archive)
////////////////////////////////*/
.archive-blog .h2org.tags {
    display: none;
}
.tax-blog_tag .h2org span {
    margin-right:1rem;
}
.archive-blog .nav-links {
    margin-bottom:30px;
}
.bggray {
    background:#f4f4f4;
}
.ul-blog {
    padding-inline-start:0;
    padding-bottom:30px;
}
.ul-blog li {
    list-style-type: none;
    padding:10px;
}
.ul-blog figure {
    padding-top:100%;
}
.ul-blog figure:before {
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(180deg,transparent 50%,rgba(0, 0, 0, 0.8));
}
.ul-blog li a:hover figure:before {
    background:rgba(0, 0, 0, 0.7);
}
.ul-blog figure img {
    z-index:-1;
}
.ul-blog figcaption {
    position: absolute;
    bottom:0;
    left:0;
    z-index:1;
    transition:all .2s;
    padding:10px;
    padding-top:0;
    width:100%;
}
.ul-blog li a:hover figcaption {
    opacity: 0;
}
.ul-blog figcaption h3 {
    color:#fff;
    font-family: var(--lora);
    font-weight:600;
    font-size:18px;
    line-height:1.4;
    margin-bottom:5px;
}
.ul-blog figcaption .p-date {
    font-size:0.9rem;
    color:#fff;
    font-weight:600;
    letter-spacing: 0.1em;
}
.view-more {
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width:90%;
    height:90%;
    white-space: nowrap;
    opacity:0;
    border:3px solid #fff;
    transition:all .3s;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-more p {
    font-family: var(--lora);
    letter-spacing: 0.1em;
}
.ul-blog li a:hover .view-more {
    width:70%;
    height:70%;
    opacity: 1;
    z-index:1;
}
.h4org.tags {
    text-align: center;
    font-weight:400;
    color:#555;
}
.ul-tags {
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.ul-tags li {
    padding:5px;
    list-style-type: none;
}
.ul-tags li a {
    display: block;
    border: 1px solid var(--blue1);
    border-radius: 56px;
    color: var(--blue1);
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .1em;
    transition:all .5s;
    width:fit-content;
    padding:0 30px;
}
.ul-tags li a:hover {
    color:#fff;
    background:var(--blue1);
}
.ul-tags li a.current {
    color:#fff;
    background:var(--blue1);
    pointer-events: none;
}
.a-btn.totags {
    max-width:300px!important;
}
.nav-links {
    background:#eee;
    padding:5px;
}
.page-numbers {
    background-color:transparent;
    margin:0 5px;
    font-weight:500;
    border-bottom:1px solid #aaa;
}
.nav-links>a:hover {
    background-color:transparent;
    color:#888;
}
.page-numbers.current {
    background-color: transparent;
    color:#888;
    border-bottom:none;
}
@media(min-width:550px){
    .ul-blog {
        display: flex;
        flex-wrap:wrap;
    }
    .ul-blog li {
        width:50%;
        padding-bottom:40px;
    }
}
@media(min-width:768px){
    .ul-blog li {
        width:33.3333%;
        padding-bottom:60px;
    }
    .h4org.tags {
        font-size:30px;
    }
    .ul-tags li a {
        font-size:15px;
    }
}
@media(min-width:992px){
    .ul-blog li {
        padding:20px 20px 60px;
    }
}
/*////////////////////////////////
  blog (single)
////////////////////////////////*/
.single .entry-body {
    padding:40px 0;
}
.entry-body img {
    display: inline;
}
.entry-header .h1org {
    margin-bottom:10px;
}
.p-date.single {
    font-size:16px;
    color:#555;
    letter-spacing: .1em;
    margin-bottom:10px;
}
.ul-singletag {
    padding-inline-start: 0;
    margin-bottom:1rem;
}
.ul-singletag li {
    display: inline;
    list-style-type: none;
    margin-right: 9px;
    line-height: 1rem;
}
.ul-singletag li a {
    font-size:14px;
    color:#777;
    font-weight:600;
    letter-spacing: .1em;
}
.ul-singletag li a:hover {
    filter:brightness(1.2);
}
@media(min-width:768px){
    .ul-singletag li a {
        font-size:15px;
    }
}
@media(min-width:992px){
    .p-date.single {
        font-size:17px;
    }
    .ul-singletag li a {
        font-size:16px;
    }
}
/*////////////////////////////////
  top page
////////////////////////////////*/
#js-fade{
    animation-name:fadeInAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes fadeInAnime{
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}
.fadeUp {
    animation-name:fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translateY(100px);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
}
#js-fade2 {
    opacity: 0;
}
.index-fv-sec {
    position:relative;
    height:600px;
}
.index-fv-sec .fv-img {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width:90%;
}
.index-fv-sec .fv-img img {
    width:80%;
    max-width:400px;
    object-fit: contain;
}
.index-fv-sec a#js-fade {
    position:absolute;
    bottom:40px;
    left:50%;
    transform: translateX(-50%);
    width:fit-content;
    text-align: center;
}
.index-fv-sec a#js-fade span {
    display: block;
    font-size:16px;
    letter-spacing: .2em;
    margin-bottom:7px;
}
.index-concept-sec .h2wrap {
    margin-bottom:40px;
}
.index-concept-sec .cct-st {
    padding-top:20px;
    margin-bottom:60px;
}
.index-concept-sec .cct-st strong {
    font-size:24px;
    font-family: var(--lora);
}
.index-fv-sec a#js-fade svg {
    font-size: 30px;
}
.cct {
    padding-bottom:40px;
}
.cct br {
    display: none;
}
.index-blog-sec {
    background:#efefef;
}
.index-blog-sec .ul-blog figure:before {
    z-index: 1;
}
.index-blog-sec .ul-blog figure img {
    z-index: 0;
}
ul.page_nav {
    padding-inline-start: 0;
    max-width: 930px;
    margin:0 auto;
}
ul.page_nav li {
    list-style-type: none;
    padding:10px;
}
ul.page_nav a {
    display: block;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    padding:20px;
    font-size:16px;
    font-weight:600;
    transition:all .2s;
    color:#000;
    background:#fff;
}
ul.page_nav a div {
    transition:all .3s;
    padding-left:15px;
    border-left:15px solid var(--blue1);
}
ul.page_nav a span {
    font-size:30px;
    font-weight:bold;
    margin-bottom:7px;
    display: block;
}
ul.page_nav a:hover {
    color:#fff;
    background:#0c2685;
}
ul.page_nav a:hover div {
    border-left:15px solid rgba(255,255,255,0.8);
}
@media(min-width:430px){
    .index-concept-sec .cct-st strong br {
        display: none;
    }
}
@media(min-width:600px){
    .index-fv-sec {
        height:600px;
    }
    .index-fv-sec a#js-fade span {
        font-size:18px;
    }
    .index-concept-sec .cct-st,.cct p {
        text-align: center;
    }
    .cct br {
        display: inline;
    }
}
@media(min-width:768px){
    .index-concept-sec .cct-st strong {
        font-size:28px;
    }
    .index-blog-sec .ul-blog li {
        padding-bottom:10px;
    }
    .index-blog-sec .ul-blog li:last-child {
        display: none;
    }
    ul.page_nav {
        display: flex;
        flex-wrap:wrap;
        justify-content: center;
    }
    ul.page_nav li {
        width:50%;
    }
}
@media(min-width:992px){
    .index-fv-sec {
        height:700px;
    }
    .index-concept-sec .cct-st strong {
        font-size:32px;
    }
}
/*////////////////////////////////
  aboutus page
////////////////////////////////*/
.aboutus-sec.values p.str {
    margin-bottom:2rem;
    color:#555;
}
.aboutus-sec.values strong {
    font-size:24px;
    font-weight:400;
}
.aboutus-sec p.values {
    font-weight:bold;
}
.aboutus-sec p.values br {
    display: none;
}
table.office {
    width: 100%;
    line-height: 1.9;
    margin: 0 auto;
    border-top: 1px dashed #bebebe;
}
table.office th {
    padding: 10px;
    width: 100%;
    display: block;
    background: #f3f3f3;
    white-space: nowrap;
    border-bottom: 1px dashed #bebebe;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}
table.office td {
    padding: 10px 0;
    width: 100%;
    display: block;
    border-bottom: 1px dashed #bebebe;
    vertical-align: middle;
}
.acc-txt p{
    margin-top:2rem;
    font-family:var(--lora);
}
@media(min-width:430px){
    .aboutus-sec.values strong br {
        display: none;
    }
}
@media(min-width:550px){
    table.office .br2 {
        display: none;
    }
}
@media(min-width:768px){
    .aboutus-sec.values p.str {
        text-align: center;
    }
    .aboutus-sec.values strong {
        font-size:28px;
    }
    .aboutus-sec p.values {
        text-align: center;
    }
    .aboutus-sec p.values br {
        display: inline;
    }
    table.office {
        border-top: 1px solid #ccc;
        width:80%;
    }
    table.office tr {
        border-bottom: 1px solid #ccc;
    }
    table.office th {
        padding: 18px;
        width: auto;
        display: table-cell;
        border-bottom: none;
        text-align: right;
    }
    table.office td {
        padding: 18px;
        width: auto;
        display: table-cell;
        border-bottom: none;
    }
}
@media(min-width:992px){
    .aboutus-sec.values strong {
        font-size:32px;
    }
    .aboutus-sec.access .gmap-wrap {
        padding-bottom:50%;
    }
}

/*////////////////////////////////
  service (archive)
////////////////////////////////*/
.en.services {
    font-size:36px;
    font-weight:300;
    color:var(--blue1);
    text-align: center;
    margin-bottom:2rem;
    line-height:1.2;
}
.archive-services .ul-services {
    margin-top:2rem;
}
.ul-services {
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ul-services li {
    width:50%;
    align-items:stretch;
    padding:10px;
    list-style-type: none;
}
.ul-services li a {
    aspect-ratio:1/1;
    display: flex;
    justify-content: center;
    align-items:center;
    border-radius:30px;
    background:#ddd;
    transition:all .3s;
    padding:10px;
}
.ul-services li a h2 {
    font-size:16px;
    font-weight:600;
    color:#000;
    text-align: center;
    margin-bottom:0;
    transition:all .3s;
}
.ul-services li a:hover {
    background:#1a2859;
}
.ul-services li a:hover h2 {
    color:#fff;
}
@media(min-width:450px){
    .ul-services li{
        padding:15px;
    }
    .ul-services li a h2 {
        font-size:20px;
    }
}
@media(min-width:768px){
    .ul-services li {
        width:25%;
        padding:10px;
    }
    .ul-services li a h2 {
        font-size:18px;
    }
}
@media(min-width:992px){
    .en.services {
        font-size: 50px;
    }
    .ul-services li {
        padding:15px;
    }
    .ul-services li a h2 {
        font-size:20px;
    }
}
/*////////////////////////////////
  service (single)
////////////////////////////////*/
.ser-ttl {
    background: var(--mobile-menu-bkcolor);
    color:#fff;
    font-weight:bold;
    padding:15px;
    margin-bottom:40px;
    font-size:18px;
}
.single-services .page-header {
    height:200px;
}
@media(min-width:768px){
    .ser-ttl {
        font-size:20px;
        text-align: center;
    }
    .single-services .page-header {
        height:300px;
    }
}
@media(min-width:992px){
    .ser-ttl {
        font-size:24px;
    }
    .single-services .page-header {
        height:350px;
    }
}

/*////////////////////////////////
  team (single)
////////////////////////////////*/
/* non pageheader */
.single-team .page-header.team-pgheader{
    display:none;
}
.single-team .team-sec.page-section{
    padding-top:0;
    position:relative;
}
.single-team .team-sec.page-section:before{
    content:'';
    width:100%;
    height:100%;
    z-index:-1;
    background: url(./img/bk-washi.jpg) center center / 300px 300px repeat;
    position:absolute;
    top:0;
    left:0;
}
/*
.single-team .entry-header.team {
    padding-top:90px;
}
*/
.entry-header.team img {
    width:100%;
    object-fit:cover;
    aspect-ratio: 2.2/1;
    margin-bottom:1rem;
    box-shadow: 0px 0px 30px 0px rgb(128 128 128/15%);
}
.entry-header.team img.d-md-block {
    display: none;
}
.team-ttl {
    position:relative;
    top:-30px;
    width:80%;
    margin:0 auto;
    padding:10px 0;
    z-index: 1;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
}
.team-ttl::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:skewX(-30deg);
    background:var(--mobile-menu-bkcolor);
    z-index: -1;
}
.team-ttl p {
    color:#fff;
    font-size:15px;
}
.team-ttl p.en {
    font-size:24px;
    font-weight:300;
    letter-spacing: .1em;
}
.team-ttl h1 {
    font-size:18px;
    font-family:var(--lora);
    color:#fff;
    margin-bottom:0;
    line-height:1.6;
}
.entry-wrap {
    padding:30px 15px 0;
    background:#fff;
    box-shadow: 0px 0px 30px 0px rgb(128 128 128/15%);
}
.entry-wrap .h2org1 {
    width:85%;
    margin:0 auto 2rem;
}
.single-team .btn-wrap {
    margin-top:40px;
}
.entry-wrap.profile{
    margin-top:40px;
}
@media(min-width:600px){
    .entry-header .team-ttl {
        top:0;
    }
    .team-ttl p {
        font-size:16px;
    }
    .team-ttl p.en {
        font-size:30px;
    }
    .team-ttl h1 {
        font-size:22px;
    }
}
@media(min-width:768px){
    .single-team .entry-header.team {
        padding-top:40px;
    }
    .entry-header.team {
        position: relative;
    }
    .entry-header.team img {
        margin-bottom:0;
    }
    .team-ttl {
        position:absolute;
        width:fit-content;
        text-align: left;
        padding:15px 60px 15px 0;
        top:auto;
    }
    .entry-header .team-ttl {
        top:auto;
        left:10%;
        bottom:100px;
    }
    .entry-header .team-ttl::before {
        left: -10%;
        width:80%;
    }
    .team-ttl p {
        display: inline;
        margin-right:1rem;
    }
    .team-ttl p.en {
        margin-left:0;
        display: block;
    }
    .entry-wrap {
        padding:40px 20px 0;
    }
    .entry-wrap .entry-body {
        width:85%;
        margin:0 auto;
    }
}
@media(min-width:992px) {
    .entry-header.team {
        padding:0;
        margin-bottom:40px;
    }
    .team-ttl {
        padding:15px 100px 15px 0;
    }
    .team-ttl p {
        font-size:18px;
    }
    .team-ttl p.en {
        font-size:40px;
    }
    .team-ttl h1 {
        font-size:28px;
    }
    .entry-wrap .h2org1,.entry-wrap .entry-body {
        width:80%;
    }
}
@media(min-width:1200px) {
    .team-ttl {
        padding:15px 120px 15px 10px;
    }
}
/*////////////////////////////////
  team (archive)
////////////////////////////////*/
.ul-team {
    padding-inline-start: 0;
}
.ul-team>li {
    list-style-type: none;
    margin-bottom:40px;
}
.ul-team>li>a {
    display: block;
    position:relative;
}
.team-thum {
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}
.team-thum img {
    aspect-ratio: 16/9;
    object-fit: cover;
    transition:all .3s;
}
.ul-team>li>a:hover .team-thum img {
    transform:scale(1.1);
}
.ul-team .team-ttl p.en {
    font-size:22px;
}
.ul-team .team-ttl h1 {
    font-size:17px;
}
.ul-team .team-ttl,.ul-team .team-ttl p,.ul-team .team-ttl h1,.ul-team .team-ttl::before {
    transition:all .3s;
}
.ul-team>li>a:hover .team-ttl p,.ul-team>li>a:hover .team-ttl h1 {
    color:var(--blue1);
}
.ul-team>li>a:hover .team-ttl:before {
    background:rgba(239, 239, 239,0.8);
}
@media(min-width:600px){
    .team-thum {
        width:90%;
    }
}
@media(min-width:768px){
    .ul-team>li {
        margin-bottom:80px;
    }
    .ul-team>li:nth-child(even) .team-thum {
        width:70%;
        margin-left:0;
    }
    .ul-team>li:nth-child(even) .team-ttl {
        bottom:50px;
        right:0;
        left:auto;
    }
    .ul-team>li:nth-child(odd) .team-thum {
        margin-right:0;
        width:70%;
    }
    .ul-team>li:nth-child(odd) .team-ttl {
        bottom:50px;
        left:0;
    }
}
@media(min-width:992px){
    .ul-team .team-ttl {
        padding:20px 40px;
    }
    .ul-team .team-ttl p.en {
        font-size:28px;
    }
    .ul-team .team-ttl h1 {
        font-size:22px;
    }
    .ul-team>li:nth-child(even) .team-ttl {
        right:5%;
    }
    .ul-team>li:nth-child(odd) .team-ttl {
        left:5%;
    }
}

/*////////////////////////////////
  privacy page
////////////////////////////////*/
.privacy-sec p {
    margin-bottom:1rem;
}
.ol-pri {
    margin:1rem 0;
    padding-inline-start: 30px;
}
.ol-pri>li {
    margin-bottom:10px;
    font-size:17px;
}
.ul-pri {
    padding-inline-start: 20px;
}
.ul-pri li {
    list-style-type: disc;
    margin-bottom:5px;
    font-size:17px;
}

/*////////////////////////////////
  contact page
////////////////////////////////*/
p.contact {
    margin-bottom:2rem;
}
p.contact a {
    color:var(--blue1);
}
p.contact br.d-lg-inline {
    display: none;
}
p.contact a:hover {
    text-decoration: underline;
}
.contact-sec .contains-wrap>iframe{
    display:block;
    max-width:720px;
    margin:0 auto;
}
@media(min-width:992px){
    p.contact {
        text-align: center;
    }
}