/*!
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";
/************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&family=Caveat:wght@400..700&family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');
/*
font-family: "Zen Antique Soft", serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/
:root{
    --main-color:#3a0066;
    --attention-color:#DC0500;
    --yellow-color:#ffff00;
    --bk-content-color:#fcf5f0;
    --gradient-sitetitle:linear-gradient(90deg, #7624b4 30%, #3a0066 95%);
    --gradient-hd-btn:linear-gradient(90deg, #fafa45 30%, #ffee00 95%);
    --gradient-kaitori:linear-gradient(180deg, #FB3F00 20%, #DC0500 80%);
    --gradient-circle:linear-gradient(135deg, #7624b4 20%, #3a0066 90%);
    --gradient-globalmenu:linear-gradient(to bottom, #fb73c7 30%, #FF4ABA 100%);
    --gradient-pgheader-sub-ttl:linear-gradient(180deg, #FB3F00 20%, #DC0500 80%);
    --reason-gradient1:linear-gradient(45deg, #FB3F00 0%, #DC0500 100%);
    --bk-circle-gradient: linear-gradient(45deg, #CFD7F1, #f9e6e6 86%);
    --gradient-beforeft:#FF4ABA;
    --flow-num-bkcolor:#000;
    --company-ttlbarcolor:#0075CE;
    --company-th-color:#d2f7fc;
    --company-td-color:#f3fdfe;
    --form-border-color:#E1DEDE;
    --emphasis-color3:#DC0500;
    --point-num-color:#f9e6e6;
    --emphasis-color:#aaa;
    --ptnB-pc-header-height: 120px;
    --site-header-wrap:70px;
    --title-font-family:"Zen Antique Soft", serif;
    --caveat:"Caveat", cursive;
    --noto-serif:'Noto Serif JP', serif;
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-size:17px;
    font-family: "Noto Sans JP", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
body a{
    color:#333;
    transition: all .3s ease;
    font-family: "Noto Sans JP", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    text-decoration:none;
}
body a:hover{
    color:#333;
}
.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;
}
.page-section{
    padding:80px 0;
}
.grecaptcha-badge{
    margin-bottom:60px;
    z-index:900;
}
#rishun-returntop{
    caret-color: transparent;
    bottom:145px;
}
@media(min-width:768px){
    .grecaptcha-badge{
        margin-bottom:65px;
    }
    #rishun-returntop{
        bottom:150px;
    }
}
/*==========================================================*/
/* header       											*/
/*==========================================================*/
.site-header-wrap{
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1800;
    height: var(--ptnB-sp-header-height);
    background: var(--header-bk-color);
}
.site-header-logo{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
.site-header-logo a{
    display:table;
    height:auto;
    line-height:1;
    margin-left:auto;
    margin-right:auto;
}
.site-header-logo a span.logo-ttl-ch{
    font-size:12px;
    white-space:nowrap;
    vertical-align:middle;
    line-height:1;
}
.site-header-logo a span.logo-ttl-wrap{
    display:block;
    position:relative;
    height:34px;
}
.site-header-logo a span.logo-ttl-bk{
    display:table;
    font-size:28px;
    height:34px;
    font-family: var(--title-font-family);
    font-weight:400;
    white-space:nowrap;
    text-shadow: 3px 0 2px rgba(255,255,0,1),
                0 3px 2px rgba(255,255,0,1),
                3px 3px 2px rgba(255,255,0,1),
                -3px 0 2px rgba(255,255,0,1),
                -3px 3px 2px rgba(255,255,0,1),
                0 -3px 2px rgba(255,255,0,1),
                -3px -3px 2px rgba(255,255,0,1),
                3px -3px 2px rgba(255,255,0,1);
    color:#fff;
    letter-spacing:-1px;
    line-height:1;
}
.site-header-logo a span.logo-ttl-top{
    display:table;
    font-size:28px;
    height:34px;
    font-family: var(--title-font-family);
    background:var(--gradient-sitetitle);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow:none;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    white-space:nowrap;
    letter-spacing:-1px;
    line-height:1;
}
.site-header-logo a:hover{
    filter:brightness(1.2);
    opacity:1;
}
.hd-app-btn{
    display:none;
}
@media(min-width:992px){
    .site-header-wrap{
        height: var(--site-header-wrap);
    }
    .scrolled .site-header-wrap {
        width: 100%;
        height: var(--site-header-wrap);
        display: block;
        position: relative;
/*
        top: 0;
        left: 0;
        z-index: 1800;
        background: var(--header-bk-color);
*/
    }    
    .ptnB .site-header-inner{
        height: var(--site-header-wrap);
    }
    .site-header-logo a{
        font-size:32px;
        letter-spacing:2px;
    }
    .site-header-wrap{
        position:relative;
    }
    .ptnB .container.site-header-container{
        display: grid;
        grid-template-columns: 300px calc(100% - 300px);
        grid-template-rows: 1fr;
    }
    .hd-app-btn{
        grid-row: 1/2;
        grid-column: 2/3;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .hd-app-btn>a{
        width:250px;
        height:45px;
        background:var(--gradient-hd-btn);
        color:var(--main-color);
        display:flex;
        justify-content: center;
        align-items:center;
        border-radius:23px;
        font-weight:700;
        position:relative;
        padding-right:20px;

    }
    .hd-app-btn>a.hd-applink{
        margin-right:20px;
    }
    .hd-app-btn>a.hd-applink .arrow-circle{
        width:35px;
        height:35px;
        background:var(--main-color);
        border-radius:50%;
        color:var(--yellow-color);
        display:flex;
        justify-content:center;
        align-items: center;
        position:absolute;
        top:50%;
        right:10px;
        transform:translateY(-50%);
    }
    .hd-app-btn>a.hd-applink:hover{
        color:var(--main-color);
        text-decoration:none;
        transform:scale(1.1);
    }
    .hd-app-btn>a.hd-inqlink{
        width:200px;
        padding:0;
        background:#FF4ABA;
        border:2px solid #fff;
        color:#fff;
        padding-left:1em;
        position:relative;
    }
    .hd-app-btn>a.hd-inqlink i{
        display:inline-block;
        font-size:24px;
        position:absolute;
        top:50%;
        left:10%;
        transform:translateY(-50%);
    }
    .hd-app-btn>a.hd-inqlink:hover{
        filter:brightness(1.1);
    }
}
/*==========================================================*/
/* mobile menu     											*/
/*==========================================================*/
/* button */
.mobile-navi-btn{
    background:transparent;
}
.mobile-navi-btn.right{
    width: 44px;
    height: 44px;
    position: fixed;
    top: 9px;
    right: 10px;
}
.mobile-navi-btn.right>span{
    position: absolute;
    width: 25px;
    height: 2px;
    background: #fff;
    transition: all 0.2s;
    right: 10px;
}
.mobile-navi-btn.right>span:nth-child(1){
    top: 10px;
}
.mobile-navi-btn.right>span:nth-child(2){
    top: 20px;
}
.mobile-navi-btn.right>span:nth-child(3){
    top: 30px;
}
.mobile-navi-btn.mobile-navi-open{
    background:transparent;
}
.mobile-navi-btn.mobile-navi-open>span:nth-child(1) {
    background: #fff;
    transform: translateY(10px) rotate(-135deg);
}
.mobile-navi-btn.mobile-navi-open>span:nth-child(2) {
    opacity:0;
}
.mobile-navi-btn.mobile-navi-open>span:nth-child(3) {
    background: #fff;
    transform: translateY(-10px) rotate(135deg);
}
.ul-snslink{
    display:flex;
    padding:0;
    margin:0;
    list-style:none;
    flex-flow:row nowrap;
    justify-content:center;
}
.ul-snslink>li>a{
    display:flex;
    width:45px;
    height:45px;
    background:#000;
    padding:5px;
    margin-right:20px;
    justify-content:center;
    align-items:center;
    transition:all 0.3s;
    overflow:hidden;
}
.ul-snslink>li>a>img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transition:all 0.3s;
}
.ul-snslink>li>a>svg, .ul-snslink>li>a>i{
    color:#fff;
    font-size:36px;
    transition:all 0.3s;
}
.ul-snslink>li>a:hover{
    background:#888;
}
.ul-snslink>li>a:hover img{
    transform:scale(1.1);
}
.ul-snslink>li>a:hover svg, .ul-snslink>li>a:hover i{
    transform:scale(1.1);
}
/*==========================================================*/
/* global menu     											*/
/*==========================================================*/
@media(min-width:992px){
    .ptnB .site-header-nav{
        width:100%;
        background:var(--gradient-globalmenu);
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .site-header-menu>li>a{
        display:flex;
        width:135px;
        height:50px;
        align-items:center;
        justify-content:center;
        font-size:16px;
        border-right: 1px solid rgba(0,0,0,0.1);
    }
    .site-header-menu>li:first-of-type a{
        border-left: 1px solid rgba(0,0,0,0.1);
    }
    .site-header-menu>li>a:before{
        content:none;
    }
    .site-header-menu>li>a:hover{
        color:var(--yellow-color);
        opacity:1;
        background:rgba(255,255,255,0.3);
    }
    .scrolled .ptnB .site-header-nav{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1800;
    }
}
/*==========================================================*/
/* page-header    											*/
/*==========================================================*/
.page-header{
    background:url('./img/pghead-default.jpg') center center / cover no-repeat;
}
.page-header-ttl{
    font-family: "Noto Sans JP", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.page-header-ttl .jp{
    font-weight:900;
}
.page-header-ttl .en{
    display:table;
    background:var(--gradient-pgheader-sub-ttl);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow:none;
}
/*==========================================================*/
/* footer       											*/
/*==========================================================*/
.site-footer{
    padding-bottom:100px;
}
.dl-ft-menu{
    width:100%;
    display:block;
    margin-bottom:0;
}
.dl-ft-menu>dt{
    width:100%;
    display:block;
    margin-bottom:0;
}
.dl-ft-menu>dd{
    width:100%;
    display:block;
    margin-bottom:0;
}
.ft-lastmenu{
    width:100%;
}
.menu-lastfooter-container{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
}
.site-lastfooter-menu{
    margin:0;
    padding:0;
    list-style:none;
}
.site-lastfooter-menu>li{
    margin-bottom:8px;
}
.site-lastfooter-menu>li a{
    display:inline-block;
    color:#fff;
    font-weight:400;
    padding:3px 10px;
    transition:all 0.3s;
    font-size:14px;
}
.site-lastfooter-menu>li a:hover{
    text-decoration:none;
    background:rgba(255,255,255,0.3);
    color:#ffff00;
}
/* addition */
.footer-left{
    width:100%;
    padding-bottom:30px;
}
.footer-left-wrap{
    display:table;
    width:310px;
    margin:0 auto;
}
.footer-left-wrap>a{
    display:table;
    width:220px;
    margin:0 auto;
    transition:all 0.3s;
}
.footer-left-wrap>a:hover{
    text-decoration:none;
    filter:brightness(1.2);
}
.footer-left-wrap>h2{
    padding:10px 0;
    margin:0;
    font-size:17px;
    color:#fff;
}
.footer-left-wrap>.license>p{
    color:#fff;
    line-height:1.2;
    font-size:14px;
}
.footer-left-wrap>.license>p>span{
    display:block;
}
.footer-left-wrap>address{
    font-size:17px;
    color:#fff;
    margin:10px 0 0 0;
    line-height:1.2;
}
.footer-left-wrap>.businesstime{
    margin-top:10px;
}
.footer-left-wrap>.businesstime>p{
    line-height:1.2;
    color:#fff;
}
.footer-left-wrap>.telno{
    margin-top:10px;
}
.footer-left-wrap>.telno p{
    color:#fff;
    line-height:1.2;
    font-family: 'Roboto', sans-serif;
}
.footer-left-wrap>.telno p span{
    display:inline-block;
    text-align:justify;
    white-space:nowrap;
    width:50px;
    position:relative;
}
.footer-left-wrap>.telno p span:before{
    content:'：';
    display:inline-block;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
.footer-left-wrap>.telno p a{
    color:#fff;
}
.footer-left-wrap>.faxno p{
    text-align:justify;
    color:#fff;
    line-height:1.2;
    font-family: 'Roboto', sans-serif;
}
.footer-left-wrap>.faxno p span{
    display:inline-block;
    text-align:justify;
    white-space:nowrap;
    width:50px;
    position:relative;
}
.footer-left-wrap>.faxno p span:before{
    content:'：';
    display:inline-block;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
.footer-left-wrap>.faxno p a{
    color:#fff;
    pointer-events:none;
}
/* footer menu */
.menu-footermenu-container{
    width:100%;
    margin-bottom:30px;
}
.menu-footermenu-container .menu{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    width:100%;
}
.menu-footermenu-container .menu>li{
    display:inline-block;
    margin-bottom:10px;
    width:50%;
}
.menu-footermenu-container .menu>li:nth-of-type(2n+1){
    padding-right:5px;
}
.menu-footermenu-container .menu>li:nth-of-type(2n){
    padding-left:5px;
}
.menu-footermenu-container .menu>li>a{
    width:100%;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:400;
    border:1px solid #fff;
    transition:all 0.3s;
}
.menu-footermenu-container .menu>li>a:hover{
    text-decoration:none;
    background:rgba(255,255,255,0.2);
    color:#ffff00;
}
/* bottom menu */
.menu-bottommenu-container{
    width:100%;
    border-top:solid 1px rgba(255,255,255,0.4);
    padding-top:10px;
    margin-bottom:30px;
}
.menu-bottommenu-container .menu{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    width:100%;
}
.menu-bottommenu-container .menu>li{
    display:inline-block;
    margin-bottom:10px;
    width:50%;
    text-align:center;
}
.menu-bottommenu-container .menu>li>a{
    font-weight:400;
    transition:all 0.3s;
}
.menu-bottommenu-container .menu>li>a:hover{
    text-decoration:none;
    background:rgba(255,255,255,0.1);
    color:#ffff00;
}
.copyright{
    font-size:16px;
    font-weight:400;
    padding-bottom:100px;
}
@media(min-width:768px){
    .dl-ft-menu{
        width:100%;
        display:flex;
        flex-flow:row nowrap;
    }
    .dl-ft-menu>dt{
        display:inline-block;
        width:40%;
    }
    .dl-ft-menu>dd{
        display:flex;
        width:60%;
        align-items:center;
        justify-content: flex-end;
    }
    .menu-lastfooter-container{
        display:flex;
        width:100%;
        justify-content:flex-start;
        margin-bottom:0;
    }
    .site-lastfooter-menu{
        display:flex;
        flex-flow:row nowrap;
    }
    .site-lastfooter-menu>li{
        margin-bottom:0;
        margin-right:10px;
    }
    /* addition */
    .footerwidget{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:calc(100% - 60px) 60px;
        margin-bottom:60px;
    }
    .footer_widget_first{
        width:auto;
        display:inline-block;
        grid-row:1/3;
        grid-column:1/2;
    }
    .footer_widget_second{
        width:auto;
        display:flex;
        grid-row:1/2;
        grid-column:2/3;
        align-items:flex-end;
    }
    .footer_widget_second:last-of-type{
        width:auto;
        display:flex;
        grid-row:1/3;
        grid-column:2/3;
        align-items:flex-start;
        padding-top:75px;
    }
    /* left */
    .footer-left{
        padding-bottom:0;
    }
    .footer-left-wrap{
        width:100%;
        margin:0;
    }
    .footer-left-wrap>a{
        margin:0 auto 0 0;
    }
    .footer-left-wrap>h2{
        padding-top:20px;
        padding-bottom:5px;
    }
    .footer-left-wrap>address{
        margin-top:20px;
    }
    .footer-left-wrap>.telno p a{
        pointer-events:none;
    }
    /* right footermenu */
    .menu-footermenu-container{
        margin-bottom:0;
    }
    .menu-footermenu-container .menu>li{
        width:auto;
        margin:0 10px 10px 20px;
    }
    .menu-footermenu-container .menu>li:nth-of-type(2n+1){
        padding-right:0;
    }
    .menu-footermenu-container .menu>li:nth-of-type(2n){
        padding-left:0;
    }
    .menu-footermenu-container .menu>li>a{
        width:auto;
        height:auto;
        border:none;
        display:inline-block;
        padding:0 5px;
    }
    /* right bottommenu */
    .menu-bottommenu-container{
        margin-top:20px;
        margin-bottom:0;
        padding-top:20px;
    }
    .menu-bottommenu-container .menu>li{
        margin-bottom:0;
    }
    .menu-bottommenu-container .menu>li a{
        padding:0 5px;
    }
}
@media(min-width:992px){
    .footerwidget{
        display:grid;
        grid-template-columns:55% 45%;
        grid-template-rows:calc(100% - 60px) 60px;
        margin-bottom:60px;
    }
    .footer-left-wrap>.license>p>span{
        display:inline-block;
    }
    .footer-left-wrap>address .br-ad2{
        display:none;
    }
}
@media(min-width:1200px){
    .footer-left-wrap>address .br-ad1{
        display:none;
    }
}
/*==========================================================*/
/* beforefooter    											*/
/*==========================================================*/
.beforeft-fixed{
    display:block;
    position:fixed;
    padding:0;
    bottom:0;
    left:0;
    z-index:1800;
}
.beforeft-fixed>a{
    display:flex;
    width:100%;
    flex-flow:row nowrap;
    padding:10px 0;
    background:var(--gradient-beforeft);
    transition:all 0.3s;
    border:solid 1px #555;
}
.beforeft-fixed>a:hover{
    text-decoration:none;
    transform:scale(1.1);
}
.beforeft-fixed>a .word{
    display:flex;
    font-size:14px;
    font-weight:700;
    width:calc(50% - 27px);
    justify-content: center;
    align-items: center;
    color:#fff;
    display:none;
}
.beforeft-fixed>a .box{
    display:flex;
    width:calc(100% - 170px);
    align-items:center;
    justify-content:center;
}
.beforeft-fixed>a .box p{
    color:#fff;
    font-size:15px;
    font-weight:700;
}
/*
.beforeft-fixed>a .circle{
    width:54px;
    height:55px;
    border-radius:50%;
    background:#ffff00;
    display:flex;
    align-items:center;
    justify-content: center;
    font-weight:700;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0/15%);
}
.beforeft-fixed>a .circle small{
    display:block;
    font-size:12px;
    line-height:1.1;
    text-align:center;
    font-weight:700;
}
.beforeft-fixed>a .circle span span{
    display:block;
    line-height:1.1;
    text-align:center;
    color:var(--main-color);
}
*/
.beforeft-fixed>a .appli-square{
    display:flex;
    width:170px;
    line-height:1;
    justify-content:center;
    align-items:center;
    color:#fff;
}
.beforeft-fixed>a .appli-square>span{
    display:table;
    padding:5px 10px;
    border:solid 1px #fff;
    border-radius:10px;
}
@media(min-width:576px){
    .beforeft-fixed>a .word{
        display:flex;
        width:30%;
    }
    .beforeft-fixed>a .box{
        width:40%;
        background:var(--main-color);
        border-radius:5px;
    }
    .beforeft-fixed>a .appli-square{
        width:30%;
    }
}
@media(min-width:768px){
    .beforeft-fixed>a .word{
        font-size:20px;
    }
    .beforeft-fixed>a .box>p{
        font-size:20px;
    }
    .beforeft-fixed>a .appli-square>span{
        display:table;
        padding:5px 10px;
        border-radius:10px;
    }
    .beforeft-fixed>a .appli-square{
        line-height:1;
    }
    .beforeft-fixed>a .appli-square>span{
        padding:5px 20px;
    }
    .beforeft-fixed>a .appli-square>span b{
        font-size:22px;
    }
}
@media(min-width:992px){
    .beforeft-fixed>a .word{
        font-size:24px;
    }
    .beforeft-fixed>a .box>p{
        font-size:24px;
    }
    .beforeft-fixed>a .appli-square>span{
        padding:5px 30px;
    }
}
/*==========================================================*/
/* side sns link   											*/
/*==========================================================*/
.sidesnslink-wrap{
    position:fixed;
    top:30%;
    right:0;
    z-index:9999;
    display:none;
}
.scrolled .sidesnslink-wrap{
    display:block;
}
.ul-sidesnslink{
    display:block;
}
.ul-sidesnslink>li{
    display:block;
    margin-bottom:10px;
}
.ul-sidesnslink>li>a{
    display:flex;
    width:40px;
    height:40px;
    background:#000;
    padding:5px;
    justify-content:center;
    align-items:center;
    transition:all 0.3s;
    overflow:hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ul-sidesnslink>li.li_link_instagram a{
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.ul-sidesnslink>li.li_link_contact>a{
    background:var(--gradient-beforeft);
}
.ul-sidesnslink>li>a>img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transition:all 0.3s;
}
.ul-sidesnslink>li>a>svg, .ul-sidesnslink>li>a>i{
    color:#fff;
    font-size:36px;
    transition:all 0.3s;
}
.ul-sidesnslink>li.li_link_contact>a>svg,  .ul-sidesnslink>li.li_link_contact>a>i{
    font-size:24px;
}
.ul-sidesnslink>li>a:hover{
    filter:brightness(1.2);
}
.ul-sidesnslink>li>a:hover img{
    transform:scale(1.1);
}
.ul-sidesnslink>li>a:hover svg, .ul-sidesnslink>li>a:hover i{
    transform:scale(1.1);
}
@media(min-width:768px){
    .ul-sidesnslink>li>a{
        width:60px;
        height:60px;
        padding:10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .ul-sidesnslink>li>a>svg, .ul-sidesnslink>li>a>i{
        font-size:40px;
    }
    .ul-sidesnslink>li.li_link_contact>a>svg,  .ul-sidesnslink>li.li_link_contact>a>i{
        font-size:32px;
    }
}
/*==========================================================*/
/* common       											*/
/*==========================================================*/
.common-btn{
    display:flex;
    width:100%;
    justify-content:center;
    margin-top:20px;
    position:relative;
}
.common-btn>a{
    width:150px;
    height:45px;
    background:var(--gradient-circle);
    color:#fff;
    display:flex;
    justify-content: center;
    align-items:center;
    border-radius:23px;
    font-weight:700;
    color:#ffff00;
    position:relative;
    padding-right:20px;
    z-index:10;
}
.common-btn>a .arrow-circle{
    width:35px;
    height:35px;
    background:#fff;
    border-radius:50%;
    color:var(--main-color);
    display:flex;
    justify-content:center;
    align-items: center;
    position:absolute;
    top:50%;
    right:5px;
    transform:translateY(-50%);
}
.common-btn>a:hover{
    color:#ffff00;
    text-decoration:none;
    transform:scale(1.1);
}
/* shop-btn */
.shop-btn{
    margin-top:0;
    margin-bottom:40px;
}
.shop-btn:before{
    content:none;
}
.shop-btn>a{
    width:200px;
}
/**/

/* h2 */
.toppage-ttl{
    margin-bottom:30px;
    position:relative;
}
.toppage-ttl>h2{
    font-size:24px;
    text-align:center;
    font-weight:900;
    display:table;
    margin:0 auto 10px auto;
}
.toppage-ttl>p{
    display:table;
    font-size:14px;
    font-weight:900;
    margin:0 auto;
    background:var(--gradient-sitetitle);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-bottom:10px;
    position:relative;
}
.toppage-ttl>p:before{
    content:'';
    display:inline-block;
    width:80px;
    height:4px;
    background:#000;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
}
.company-title{
    font-size:24px;
    font-weight:700;
    padding-bottom:20px;
    margin-bottom:60px;
    position:relative;
    text-align:center;
}
.company-title:after{
    content:'';
    width:100px;
    height:5px;
    background:var(--main-color);
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50px);
}
@media(min-width:576px){
    .common-btn>a{
        width:200px;
    }
    /* shop-btn */
    .shop-btn:before{
        content:none;
    }
    /**/
    
}
@media(min-width:768px){
    .common-btn.big-btn>a{
        width:400px;
        height:110px;
        font-size:48px;
        border-radius:55px;
        font-weight:900;
        line-height:1.2;
    }
    .common-btn.big-btn>a>span{
        margin-bottom:8px;
    }
    .common-btn.big-btn>a .arrow-circle{
        width:50px;
        height:50px;
        right:20px;
        font-size:32px;
    }
    .common-btn.middle-btn>a{
        width:300px;
        height:70px;
        font-size:24px;
        border-radius:35px;
        font-weight:900;
        line-height:1.2;
    }
    .common-btn.middle-btn>a>span{
        margin-bottom:8px;
    }
    .common-btn.middle-btn>a .arrow-circle{
        width:40px;
        height:40px;
        right:20px;
        font-size:24px;
    }
    /* shop-btn */
    .shop-btn:before{
        content:none;
    }
    /**/
    /* h2 */
    .toppage-ttl>h2{
        font-size:48px;
    }
    .company-title{
        font-size:36px;
    }
}
@media(min-width:992px){
    /* shop-btn */
    .shop-btn:before{
        content:none;
    }
    /**/
}
/*==========================================================*/
/* topslide       											*/
/*==========================================================*/
.topslide-sec{
    padding:0;
    position:relative;
}
.topslide-wrap{
    width:100%;
    position:relative;
}
.topslide-wrap:before{
    content:'';
    width:100%;
    height:100%;
    z-index:-1;
    background:url('./img/bk-topslide.jpg') center center / cover no-repeat;
    position:absolute;
    top:0;
    left:0;    
}
.eyecatch{
    width:100%;
    height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.eyecatch>p{
    font-size:50px;
    font-weight:900;
    white-space: nowrap;
    display:table;
    position:relative;
    text-shadow: 3px 0 5px rgba(255,255,255,1),
                0 3px 5px rgba(255,255,255,1),
                3px 3px 5px rgba(255,255,255,1),
                -3px 0 5px rgba(255,255,255,1),
                -3px 3px 5px rgba(255,255,255,1),
                0 -3px 5px rgba(255,255,255,1),
                -3px -3px 5px rgba(255,255,255,1),
                3px -3px 5px rgba(255,255,255,1);
    color:#fff;
    text-align:center;
}
.eyecatch>p>span.gradation{
    display:table;
    background:var(--gradient-kaitori);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow:none;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
}
.eyecatch>h2{
    font-size:28px;
    color:var(--main-color);
    white-space: nowrap;
    display:table;
    position:relative;
    font-family: 'Dela Gothic One', cursive;
    text-shadow: 3px 0 5px rgba(255,255,255,1),
                0 3px 5px rgba(255,255,255,1),
                3px 3px 5px rgba(255,255,255,1),
                -3px 0 5px rgba(255,255,255,1),
                -3px 3px 5px rgba(255,255,255,1),
                0 -3px 5px rgba(255,255,255,1),
                -3px -3px 5px rgba(255,255,255,1),
                3px -3px 5px rgba(255,255,255,1);
    letter-spacing:2px;
    transform:scaleY(1.5);
    text-align:center;
}
.eyecatch>h2>span.gradation{
    display:table;
    background:var(--gradient-sitetitle);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow:none;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
}
.eyecatch>ul{
    list-style:none;
    display:flex;
    flex-flow:row nowrap;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
.eyecatch>ul>li{
    width:calc(50% - 60px);
    display:flex;
    justify-content: center;
    position:relative;
}
.eyecatch>ul>li:first-of-type, .eyecatch>ul>li:last-of-type{
    width:60px;
}
.eyecatch>ul>li:nth-of-type(2){
    justify-content:flex-start;
    align-items:flex-end;
    left:-40px;
}
.eyecatch>ul>li:nth-of-type(3){
    justify-content:flex-end;
    align-items:flex-end;
    right:-40px;
}
.eyecatch>ul>li>div{
    width:130px;
    height:130px;
    background:url('./img/attention-mark.png') center center / contain no-repeat;
    display:flex;
    justify-content:center;
    align-items: center;
}
.eyecatch>ul>li>div>p{
    line-height:1.2;
    color:var(--main-color);
    font-weight:700;
    text-align:center;
    font-size:13px;
}
.eyecatch>ul>li:first-of-type div{
    position:absolute;
    top:-2em;
    left:-1em;    
}
.eyecatch>ul>li:nth-of-type(2) div{
    position:absolute;
    bottom:-2em;
    left:-3em;
}
.eyecatch>ul>li:nth-of-type(3) div{
    position:absolute;
    bottom:-2em;
    right:-3em;
}
.eyecatch>ul>li:last-of-type div{
    position:absolute;
    top:-2em;
    right:-1em;
}
/* after topslide */
.buying-wrap{
    width:100%;
    padding:60px 0 40px 0;
}
.buying-wrap>p{
    display:table;
    font-size:24px;
    font-weight:900;
    margin:0 auto;
    position:relative;
    line-height: 1;
    margin-bottom:20px;
}
.top-msg{
    margin-bottom:60px;
}
.top-msg a{
    text-decoration:underline;
}
.top-cryptocurrency h2{
    display:table;
    font-size:24px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    font-weight:900;
    text-align:center;
    margin-bottom:20px;
}
.top-cryptocurrency h2:before{
    content: '';
    width: 40px;
    height: 40px;
    background: url(./img/attention-left.png) center center / contain no-repeat;
    position: absolute;
    top: -40%;
    left: -40px;
}
.top-cryptocurrency h2:after{
    content: '';
    width: 40px;
    height: 40px;
    background: url(./img/attention-right.png) center center / contain no-repeat;
    position: absolute;
    top: -40%;
    right: -40px;
}
.top-cryptocurrency p b{
    color:var(--attention-color);
}
.buying-wrap>p:before{
    content:'';
    width:40px;
    height:40px;
    background:url('./img/attention-left.png') center center / contain no-repeat;
    position:absolute;
    bottom:0;
    left:-50px;
}
.buying-wrap>p:after{
    content:'';
    width:40px;
    height:40px;
    background:url('./img/attention-right.png') center center / contain no-repeat;
    position:absolute;
    bottom:0;
    right:-50px;
}
.buying-wrap>h2{
    font-size:30px;
    font-weight:900;
    color:var(--attention-color);
    text-align:center;
    position:relative;
    z-index:5;
    margin-bottom:20px;
    text-shadow: 3px 0 1px rgba(255,255,255,0.6),
                0 3px 1px rgba(255,255,255,0.6),
                3px 3px 1px rgba(255,255,255,0.6),
                -3px 0 1px rgba(255,255,255,0.6),
                -3px 3px 1px rgba(255,255,255,0.6),
                0 -3px 1px rgba(255,255,255,0.6),
                -3px -3px 1px rgba(255,255,255,0.6),
                3px -3px 1px rgba(255,255,255,0.6);
}
@media(min-width:576px){
    .eyecatch>ul>li{
        width:calc(50% - 100px);
        display:flex;
        justify-content: center;
    }
    .eyecatch>ul>li:first-of-type, .eyecatch>ul>li:last-of-type{
        width:100px;
    }
    .eyecatch>ul>li:nth-of-type(2){
        justify-content:flex-start;
        align-items:center;
    }
    .eyecatch>ul>li:nth-of-type(3){
        justify-content:flex-end;
        align-items:center;
    }
    .eyecatch>ul>li>div{
        width:150px;
        height:150px;
    }
    .eyecatch>ul>li>div{
        font-size:14px;
    }
}
@media(min-width:768px){
    .topslide-wrap>figure{
        padding-top:600px;
    }
    .eyecatch>p{
        font-size:100px;
    }
    .eyecatch>h2{
        font-size:50px;
    }
    .eyecatch>ul>li{
        width:calc(50% - 100px);
        display:flex;
        justify-content: center;
    }
    .eyecatch>ul>li:first-of-type, .eyecatch>ul>li:last-of-type{
        width:100px;
    }
    .eyecatch>ul>li:nth-of-type(2){
        justify-content:flex-start;
        align-items:center;
    }
    .eyecatch>ul>li:nth-of-type(3){
        justify-content:flex-end;
        align-items:center;
    }
    .eyecatch>ul>li>div{
        width:200px;
        height:200px;
    }
    .eyecatch>ul>li>div>p{
        font-size:18px;
    }
    /* after topslide */
    .buying-wrap>p{
        font-size:38px;
    }
    .buying-wrap>p:before{
        width:60px;
        height:60px;
        left:-70px;
    }
    .buying-wrap>p:after{
        width:60px;
        height:60px;
        right:-70px;
    }
    .buying-wrap>h2{
        font-size:60px;
    }
    /* top-cryptocurrency */
    .top-cryptocurrency h2{
        font-size:38px;
    }
    .top-cryptocurrency h2:before{
        width: 60px;
        height: 60px;
        left: -70px;
    }
    .top-cryptocurrency h2:after{
        width: 60px;
        height: 60px;
        right: -70px;
    }
    .top-cryptocurrency p{
        text-align:center;
    }
}
@media(min-width:992px){
    .top-msg{
        display:flex;
        justify-content:center;
    }
    .eyecatch>p{
        font-size:150px;
    }
    .eyecatch>h2{
        font-size:70px;
    }
    .eyecatch>ul>li{
        width:calc(50% - 120px);
        display:flex;
        justify-content: center;
        position:relative;
    }
    .eyecatch>ul>li:first-of-type, .eyecatch>ul>li:last-of-type{
        width:120px;
    }
    .eyecatch>ul>li:nth-of-type(2){
        justify-content:flex-start;
        align-items:center;
    }
    .eyecatch>ul>li:nth-of-type(3){
        justify-content:flex-end;
        align-items:center;
    }
    .eyecatch>ul>li>div{
        width:250px;
        height:250px;
    }
    .eyecatch>ul>li>div>p{
        font-size:20px;
    }
    .eyecatch>ul>li>div>p br{
        display:none;
    }
    .eyecatch>ul>li:last-of-type div>p br{
        display:block;
    }
    /* after topslide */
}
@media(min-width:1200px){
    .topslide-wrap>figure{
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
    }
    .eyecatch>ul{
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
    }
}
/*==========================================================*/
/* cardlist-sec    											*/
/*==========================================================*/
.cardlist-sec{
    background:rgba(245,245,245);
}
.cardlist-wrap{
    width:100%;
}
/* cards-cardtype */
.cards-cardtype{
    margin-bottom:10px;
}
/* search word */
.wordsearch {
    display: flex;
    width:100%;
    height:40px;
    margin-bottom:2rem;
    border:2px solid #555;
}
.wordsearch input.searchbody {
    width:85%;
    height: 100%;
    padding: 0 10px;
    border:none;
}
.searchbutton {
    background-color: black;
    height: 100%;
    width: 15%;
    color:#bbb;
    border:none;
    font-size:18px;
    transition: all .3s;
}
.searchbutton:hover {
    background:#bbb;
    color:#000;
}
/* ul-cardlist  */
.ul-cardlist{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    width:100%;
}
.ul-cardlist>li{
    width:100%;
    margin-bottom:10px;
}
.cardlist-box{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:10px;
    background:#fff;
}
.cardlist-box>div{
    width:100%;
    display:flex;
    flex-flow:row nowrap;
}
.cardlist-pict{
    display:inline-block;
    width:20%;
}
.cardlist-pict>figure{
    padding-top:140%;
}
.cardlist-pict>figure>img{
    object-fit:contain;
}
.cardlist-desc{
    display:inline-block;
    width:80%;
    padding:0 10px;
}
.cardlist-box>div:not(:has(.cardlist-pict)) .cardlist-desc{
    width:100%;
}
.cardlist-price{
    width:100%;
    margin-bottom:8px;
}
.cardlist-price>p{
    line-height:1.2;
}
.cardlist-price>p small{
    display:block;
}
.cardlist-price>p strong{
    display:block;
    color:var(--attention-color);
    font-size:24px;
}
.cardlist-title{
    width:100%;
}
.cardlist-title h3{
    font-size:14px;
    line-height:1.2;
    font-weight:700;
}
.cardlist-date{
    width:100%;
    display:flex;
    justify-content:flex-end;
}
.cardlist-date p{
    font-size:14px;
    color:#888;
}
.ul-cardlist-type{
    margin:0;
    padding:0;
    list-style:none;
}
.ul-cardlist-type>li{
    display:inline-block;
    margin-right:10px;
}
.ul-cardlist-type>li>a{
    display:table;
    padding:5px 10px 7px 10px;
    font-size:12px;
    background:var(--main-color);
    color:#fff;
    border-radius:10px;
    line-height:1;
    transition:all 0.3s;
    box-shadow:3px 3px 3px #aaa;
}
.ul-cardlist-type>li>a:hover{
    text-decoration:none;
    box-shadow:none;
    transform:translate3d(1px, 1px, 1px);
    filter:brightness(1.2);
}
/*
.ul-cardlist-type>li>a.term_current{
    background:var(--attention-color);
    pointer-events: none;
    box-shadow:none;
    transform:translate3d(1px, 1px, 1px);
}
*/
@media(min-width:768px){
    .wordsearch{
        width:400px;
        margin-left:auto;
        margin-right:auto;
    }
    .wordsearch input.searchbody {
        width:340px;
    }
    .searchbutton {
        width:60px;
    }
    .cardlist-pict{
        display:inline-block;
        width:10%;
    }
    .cardlist-desc{
        display:flex;
        flex-flow:row nowrap;
        width:90%;
    }
    .cardlist-box>div:not(:has(.cardlist-pict)) .cardlist-desc{
        width:100%;
    }    
    .cardlist-title{
        width:calc(100% - 150px - 90px);
    }
    .cardlist-price{
        width:150px;
        padding-left:20px;
    }
    .cardlist-date{
        width:90px;
    }
}
@media(min-width:992px){
    .cardlist-title h3{
        min-height:initial;
        font-size:16px;
    }
    .cardlist-title{
        width:calc(100% - 150px - 110px);
    }
    .cardlist-price{
        width:150px;
        padding-left:20px;
    }
    .cardlist-date{
        width:110px;
    }
    .cardlist-price>p small{
        font-size:16px
    }
    .cardlist-date{
        font-size:16px;
    }
    .cardlist-date p{
        font-size:16px;
    }
}
/*==========================================================*/
/* cards-sec archive										*/
/*==========================================================*/
.cards-sec{
    position:relative;
    padding-top:40px;
}
.cards-attention{
    margin-bottom:40px;
    display:flex;
    width:100%;
    justify-content:center;
}
.cards-attention p{
    line-height:1.2;
    text-align: justify;
}
@media(min-width:768px){
    .cards-sec{
        min-height:1000px;
    }
}
/*==========================================================*/
/* reason-sec    											*/
/*==========================================================*/
.reason-sec{
    position:relative;
}
.reason-wrap{
    width:100%;
}
.reason-sec .toppage-ttl>h2{
    text-shadow: 3px 0 1px rgba(255,255,255,0.6),
                0 3px 1px rgba(255,255,255,0.6),
                3px 3px 1px rgba(255,255,255,0.6),
                -3px 0 1px rgba(255,255,255,0.6),
                -3px 3px 1px rgba(255,255,255,0.6),
                0 -3px 1px rgba(255,255,255,0.6),
                -3px -3px 1px rgba(255,255,255,0.6),
                3px -3px 1px rgba(255,255,255,0.6);
    position:relative;
    z-index:5;
}
.ul-feature{
    margin:0;
    padding:0 10px;
    width:100%;
    list-style:none;
}
.ul-feature>li{
    margin-bottom:30px;
}
.dl-feature{
    display:flex;
    width:100%;
    margin:0;
    flex-flow:row wrap;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.dl-feature>dt{
    display:block;
    width:100%;
    margin:0;
}
.dl-feature>dd{
    display:block;
    width:100%;
    margin:0;
    padding:10px;
    position:relative;
}
.dl-feature>dd>.num{
    display:none;
}
.feature-pict{
    width:100%;
    position:relative;
}
.feature-pict .feature-reason{
    display:flex;
    justify-content: center;
    align-items:center;
    position:absolute;
    top:-2em;
    left:-10px;
}
.feature-pict .feature-reason>p{
    display:table;
    font-size:40px;
    font-weight:700;
    background: var(--reason-gradient1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transform:rotate(-5deg);
    font-style:italic;
    font-family: var(--caveat);
    padding-right:1em;
}
.feature-pict .circle{
    width:70px;
    height:70px;
    border-radius:50%;
    background:var(--gradient-circle);
    display:flex;
    justify-content: center;
    align-items:center;
    position:absolute;
    bottom:10px;
    right:10px;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.feature-pict .circle.transparent{
    background:transparent;
}
.feature-pict .circle p{
    text-align:center;
    color:#fff;
    line-height:1;
    font-size:14px;
}
.feature-details{
    width:100%;
}
.feature-details h3{
    color:var(--emphasis-color3);
    background:#e5f6f8;
    padding:10px 5px;
    font-weight:900;
    font-size:20px;
    margin-bottom:10px;
    font-family:var(--noto-serif);
}
.feature-details h4{
    font-size:20px;
    margin-bottom:10px;
    font-weight:700;
    color:var(--main-color);
}
@media(min-width:768px){
    .reason-sec .toppage-ttl>h2{
        font-size:40px;
    }
    .dl-feature>dt{
        display:inline-block;
        width:50%;
        margin:0;
    }
    .dl-feature>dd{
        display:inline-block;
        width:50%;
        margin:0;
        padding:10px;
        position:relative;
    }
    .ul-feature>li{
        margin-bottom:60px;
    }
    .ul-feature>li:nth-of-type(2n) .dl-feature>dt{
        order:2;
    }
    .ul-feature>li:nth-of-type(2n) .dl-feature>dd{
        order:1;
    }
    .feature-pict>figure{
        padding-top:320px;
    }
    .dl-feature>dd>.num{
        display:inline-block;
        line-height:1;
        font-size:200px;
        font-style:italic;
        position:absolute;
        bottom:10px;
        right:10%;
        color:rgb(221, 100, 12, 0.1);
        z-index:-1;
    }
}
@media(min-width:992px){
    .reason-sec .toppage-ttl>h2{
        font-size:48px;
    }
    .dl-feature>dd{
        padding:20px;
    }
    .feature-head>div{
        font-size:24px;
    }
    .featuretitle p{
        font-size:32px;
    }
    .featuretitle strong{
        font-size:40px;
    }
    .featuretitle strong .num{
        font-size:180%;
    }
    .feature-details h3{
        font-size:24px;
    }
    .feature-details h4{
        font-size:24px;
    }
    .feature-pict .feature-reason{
        display:flex;
        justify-content: center;
        align-items:center;
        position:absolute;
        top:-2em;
        left:-10px;
    }
    .feature-pict .feature-reason>p{
        font-size:50px;
    }    
    .feature-pict .circle{
        width:80px;
        height:80px;
    }
    .feature-pict .circle p{
        font-size:18px;
    }
    .feature-pict>figure{
        padding-top:75%;
    }
    .feature-details p{
        font-size:18px;
    }
}
/*==========================================================*/
/* usecase-sec    											*/
/*==========================================================*/
.archive-usecase .section.breadSection{
    background:var(--bk-content-color);
}
.usecase-sec{
    background:var(--bk-content-color);
    position:relative;
}
.usecase-wrap{
    width:100%;
}
/* ul-usecaselist */
.ul-usecaselist{
    padding:0;
    margin:0;
    display:flex;
    flex-flow:row wrap;
    width:100%;
}
.ul-usecaselist>li{
    width:100%;
    display:block;
    padding:0 5px;
    margin-bottom:40px;
}
.usecaselist-box{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:10px;
    background:#fff;
}
.usecaselist-box>div{
    width:100%;
}
.usecaselist-pict{
    width:100%;
    margin-bottom:20px;
}
.usecaselist-title{
    width:100%;
    margin-bottom:20px;
}
.usecaselist-title h3{
    font-size:14px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:0;
    align-items:justify;
}
.usecaselist-price{
    width:100%;
    margin-bottom:20px;
}
.usecaselist-price>p{
    line-height:1.2;
}
.usecaselist-price>p small{
    display:block;
}
.usecaselist-price>p strong{
    display:block;
    color:var(--attention-color);
    font-size:24px;
}
.usecaselist-desc{
    border-top:solid 1px #ccc;
    padding-top:20px;
}
.usecaselist-desc p{
    line-height:1.2;
    font-size:14px;
}
.attention{
    padding-left:16px;
    position:relative;
    line-height:1.4;
    color:var(--attention-color);
}
.attention>small{
    display:block;
    position:relative;
}
.attention>small:before{
    content:'※';
    display:inline-block;
    position:absolute;
    top:0;
    left:-16px;
}
@media(min-width:768px){
    .ul-usecaselist>li{
        width:50%;
        display:inline-block;
        padding:0 5px;
        margin-bottom:10px;
    }
    .usecaselist-title h3{
        font-size:17px;
    }
    .usecaselist-price{
        display:flex;
        width:100%;
        justify-content:flex-end;
    }
    .usecaselist-price>p small{
        display:inline-block;
        margin-right:10px;
    }
    .usecaselist-price>p strong{
        display:inline-block;
    }    
}
@media(min-width:992px){
    .ul-usecaselist>li{
        width:25%;
    }    
}
/*==========================================================*/
/* usecase-sec archive									    */
/*==========================================================*/
/*==========================================================*/
/* flow-sec    											    */
/*==========================================================*/
.flow-sec{
    position:relative;
}
.flow-wrap{
    width:100%;
    padding-top:30px;
}
/* flow */
.flow-box{
	width:auto;
	position:relative;
    margin:0 20px 20px 20px;
}
.flow-box:after{
	content:'';
	width:5px;
	height:100%;
	background:rgba(230,230,230);
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
}
.dl-flow{
    width:100%;
	margin:0 0 60px 0;
	padding:0;
	position:relative;
}
.dl-flow:last-of-type{
	margin-bottom:0;
}
.dl-flow>dt,.dl-flow dd{
	border:0;
	margin:0;
	padding:0;
	background:#fff;
}
.dl-flow>dt{
	border:solid 1px #707070;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom:0;
    background:#E4F7F9;
}
.dl-flow>dd{
	border:solid 1px #707070;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top:0;
}
.dl-flow>dt .num{
	display:table;
	background:var(--flow-num-bkcolor);
	color:#fff;
	padding:3px 20px;
	font-size:16px;
	border-radius:30px;
	border:solid 5px rgba(230,230,230);
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
    font-style: italic;
    font-family: 'Roboto', sans-serif;
	z-index:2;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0/15%);
}
.dl-flow>dt .num span:last-of-type{
    font-size:1.2em;
}
.flow-img{
	width:100%;
	padding:30px 10px 10px 10px;
}
.flow-img figure{
	margin:0;
	width:100%;
	padding-top:75%;
	position:relative;
	overflow:hidden;
}
.flow-img figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.dl-flow>dd .inner{
	padding:10px 10px 20px 10px;
}
.dl-flow>dd .inner h3{
	border:none;
	margin:0 0 10px 0;
	padding:0;
	font-size:18px;
	font-weight:700;
    color:var(--flow-ttl-color);
}
.dl-flow>dd .inner h3:after{
	border:none;
}
.dl-flow>dd .inner a{
    font-weight:700;
    text-decoration:underline;
    transition:all 0.3s;
    width:280px;
    padding-right:25px;
}
.dl-flow>dd .inner a.come_link_contact{
    padding-right:0;
}
.dl-flow>dd .inner a .arrow-circle{
    right:5px;
}
.dl-flow>dd .inner a:hover{
    color:var(--font-color);
    text-decoration:none;
    opacity:0.6;
}
.dl-flow>dd .inner p.note{
    margin-top:20px;
    line-height:1.2;
}
.dl-flow>dd .inner h4{
    width:100%;
    font-weight:700;
    font-size:28px;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    text-align:center;
    margin-top:10px;
}
.dl-flow>dd .inner h4 span{
    padding:10px 0;
    display:table;
    margin:0 auto;
}
.dl-flow>dd .inner .fa-mobile-screen-button{
    margin-right:10px;
}
.dl-flow>dd .inner h4 a{
    text-decoration:none;
    color:var(--font-color);
}
/* .flow01-content */
.flow01-content{
    width:100%;
}
.flow01-content p{
    font-size:14px;
    font-weight:500;
}
.flow01-content .downloadurl{
    display:flex;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    color:var(--flow-dwnload-color);
    margin:10px 0 20px 0;
}
.dl-flow>dd .inner .flow01-content .downloadurl:hover{
    color:var(--flow-dwnload-color);
}
.application-btn{
    width:100%;
}
.dl-flow>dd .inner .application-btn>a{
    display:flex;
    width:270px;
    height:70px;
    margin:0 auto;
    justify-content:center;
    align-items:center;
    background:var(--appl-btn-color);
    border-radius:5px;
    position:relative;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    padding-left:60px;
    font-size:17px;
    line-height:1;
}
.dl-flow>dd .inner .application-btn>a img{
    display:inline-block;
    width:50px;
    height:50px;
    object-fit: contain;
    object-position:center center;
    position:absolute;
    top:50%;
    left:12%;
    transform:translateY(-50%);
}
/* .flow02-content */
.deliveryfree{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:var(--flow-deliveryfree-color);
    color:#fff;
    padding:5px 3px;
}
.deliveryfree p{
    font-size:14px;
    letter-spacing:-1px;
    line-height:1.2;
}
.deliveryfree .emphasis{
    color:var(--emphasis-color3);
}
.flow02-content p{
    font-size:14px;
    font-weight:500;
}
.ul-feature02{
    padding-left:20px;
    margin:10px 0;
}
.ul-feature02>li{
    font-size:14px;
    font-weight:500;
}
.flow02-content .sendaddress{
    margin-top:20px;
}
.flow02-content .sendaddress p{
    font-size:16px;
}
.dl-flow>dd .inner .flow02-content .sendaddress p span:first-of-type{
    margin-right:5px;
}
.dl-flow>dd .inner .flow02-content .sendaddress a{
    pointer-events: none;
    text-decoration:none;
}
/* .flow03-content */
.flow03-content p{
    font-size:14px;
    font-weight:500;
    margin-bottom:20px;
}
.flow03-content p:last-of-type{
    margin-bottom:0;
}
/* .flow04-content */
.flow04-content p{
    font-size:14px;
    font-weight:500;
}
.flow04-content>div{
    margin-top:20px;
}
.flow04-content>div>p{
    font-size:18px;
    color:var(--emphasis-color);
    font-weight:700;
    line-height:1.2;
}
.dl-flow>dd .inner .small-btn>a{
    text-decoration:none;
}
.dl-flow>dd .inner .small-btn>a:hover{
    text-decoration:none;
    color:#ffff00;
    opacity:1;
}
/* add start */
.flow-box{
    margin-left:0;
    margin-right:0;
}
.dl-flow>dt{
    position:relative;
    width:290px;
}
.dl-flow>dd{
    width:290px;
}
.flow-switch{
    margin-bottom:60px;
}
.dl-flow.dl-flow-div01>dt{
    margin:0 0 0 auto;
}
.dl-flow.dl-flow-div01>dd{
    margin:0 0 0 auto;
}
.dl-flow.dl-flow-div01:before{
    content:'';
    width: calc(100% - 30px);
    height: 5px;
    background: rgba(230,230,230);
    position: absolute;
    top: 50%;
    left:30px;
    transform: translateY(-50%);
    z-index: -1;
}
.dl-flow.dl-flow-div02>dt{
    margin:0 0 0 auto;
}
.dl-flow.dl-flow-div02>dd{
    margin:0 0 0 auto;
}
.dl-flow.dl-flow-div02:before{
    content:'';
    width: calc(100% - 30px);
    height: 5px;
    background: rgba(230,230,230);
    position: absolute;
    top: 50%;
    left:30px;
    transform: translateY(-50%);
    z-index: -1;
}
.flow-box:after{
    left:30px;
}
.flow01-content .common-btn{
    margin-bottom:20px;
}
.flow02-content .common-btn{
    margin-bottom:20px;
}
.flow-line-btn{
    margin:20px 0;
}
.dl-flow>dd .inner .flow-line-btn>a{
    width:250px;
    text-decoration:none;
}
.dl-flow>dd .inner .flow-line-btn>a:hover{
    width:250px;
    color:#fff;
    filter:brightness(1.1);
}

/* add end */
@media(min-width:768px){
    .flow-wrap{
        padding-top:60px;
    }
    .beforefooter-flow-ttl.flow-ttl{
        margin-bottom:100px;
    }
    .dl-flow{
        width:310px;
        margin:0 auto 60px auto;
    }
    .dl-flow>dt{
        width:100%;
    }
    .dl-flow>dd{
        width:100%;
    }
    .flow-switch{
        width:100%;
        display:flex;
        flex-flow:row nowrap;
    }
    .flow-switch .dl-flow{
        width:50%;
        margin-bottom:0;
    }
    .flow-switch .dl-flow>dt{
        width:310px;
        margin:0 auto;
    }
    .flow-switch .dl-flow>dd{
        width:310px;
        margin:0 auto;
        min-height:520px;
    }
    .flow-box:after{
        content:none;
    }
    .dl-flow.dl-flow-div01:before{
        content:none;
    }
    .dl-flow.dl-flow-div02:before{
        content:none;
    }
    .dl-flow-first{
        position:relative;
    }
    .dl-flow-first:before{
        content:'';
        width:100%;
        height:5px;
        background: rgba(230,230,230);
        position:absolute;
        bottom:0;
        left:0;
        transform:rotate(20deg);
        z-index:-1;
    }
    .dl-flow-first:after{
        content:'';
        width:100%;
        height:5px;
        background: rgba(230,230,230);
        position:absolute;
        bottom:0;
        left:0;
        transform:rotate(-20deg);
        z-index:-1;
    }
    .dl-flow-third{
        position:relative;
    }
    .dl-flow-third:before{
        content:'';
        width:100%;
        height:5px;
        background: rgba(230,230,230);
        position:absolute;
        top:-20px;
        left:0;
        transform:rotate(20deg);
        z-index:-1;
    }
    .dl-flow-third:after{
        content:'';
        width:100%;
        height:5px;
        background: rgba(230,230,230);
        position:absolute;
        top:-20px;
        left:0;
        transform:rotate(-20deg);
        z-index:-1;
    }
    .dl-flow-forth{
        position:relative;
    }
    .dl-flow-forth:before{
        content:'';
        width:5px;
        height:80px;
        background: rgba(230,230,230);
        position:absolute;
        top:-70px;
        left:50%;
        transform:translateX(-50%);
        z-index:-1;
    }
/*
	.dl-flow{
		display:flex;
		flex-flow:row nowrap;
		border:none;
		margin-bottom:80px;
		box-shadow:1px 1px 6px rgba(0,0,0,0.1);
	}
	.dl-flow dt{
		display:flex;
        align-items:center;
		width:50%;
		position: static;
        border:none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        }
	.dl-flow dd{
		display:flex;
        align-items:center;
		width:50%;
		position:relative;
		padding-top:0;
		padding-left:20px;
        border:none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
	}
	.dl-flow>dt .num{
		top:-52px;
		left:50%;   
		transform:translateX(-50%);
		z-index:2;
        padding: 5px 40px;
        font-size:24px;
        line-height:1;
	}
	.flow-img{
		padding:0;
	}
    .flow-img figure{
        padding-top:100%;
    }
	.dl-flow>dd{
		border:solid 1px rgba(230,230,230);
	}
	.dl-flow>dd .inner{
		padding:10px;
		background:#fff;
	}
	.flow-box:after{
		position:absolute;
		top:-20px;
		left:50%;
		transform:translateX(-50%);
		z-index:-1;
	}
    .dl-flow>dd .inner h4 a{
        pointer-events: none;
    }
*/
}
@media (min-width: 992px){
    .flow-sec .contains-frm{
        max-width:960px;
    }
    .flow-wrap{
        padding-top:100px;
    }
    .dl-flow{
        width:400px;
        margin:0 auto 60px auto;
    }
    .flow-switch .dl-flow>dt{
        width:400px;
        margin:0 auto;
    }
    .flow-switch .dl-flow>dd{
        width:400px;
        margin:0 auto;
        min-height:420px;
    }
    .dl-flow-first:before{
        transform:rotate(15deg);
    }
    .dl-flow-first:after{
        transform:rotate(-15deg);
    }
    .dl-flow-third:before{
        top:-20px;
        left:-30px;
        transform:rotate(13deg);
    }
    .dl-flow-third:after{
        top:-20px;
        left:30px;
        transform:rotate(-13deg);
    }
/*
    .flow-box:after{
		position:absolute;
		top:-50px;
		left:25%;
		transform:translateX(50%);
		z-index:-1;
	}
	.dl-flow{
		box-shadow:none;
        margin-bottom:180px;
	}
	.dl-flow>dt .num{
		top:-80px;
		left:25%;
		z-index:2;
	}
    .flow-img figure{
        padding-top:75%;
    }
    .flow-img{
        box-shadow: 0 2px 6px rgba(0, 0, 0, 15%);
    }
	.dl-flow>dd{
		border:none;
		background:transparent;
	}
	.dl-flow>dd .inner h3{
		font-size:24px;
	}
	.dl-flow:nth-of-type(odd) dt{
		order:2;
	}
	.dl-flow:nth-of-type(odd) dd{
		order:1;
	}
	.dl-flow:nth-of-type(even) dd .inner{
		width:110%;
		padding:20px 25px;
		position:absolute;
		top:50%;
		left:-10%;
		transform:translateY(-50%);
		box-shadow:0 2px 6px rgba(0, 0, 0, 15%);
	}
	.dl-flow:nth-of-type(odd) dd .inner{
		width:110%;
		padding:20px 25px;
		position:absolute;
		top:50%;
		right:-10%;
		transform:translateY(-50%);
		box-shadow:0 2px 6px rgba(0, 0, 0, 15%);
	}
*/
    /* .flow01-content */
/*
    .flow01-content p{
        font-size:17px;
        line-height:1.4;
    }
    .flow01-content .downloadurl{
        justify-content: flex-start;
        font-size:20px;
    }
    .dl-flow>dd .inner .application-btn>a{
        margin:0 auto 0 0;
    }
*/
    /* .flow02-content */
/*
    .deliveryfree{
        padding:5px 60px 5px 20px;
    }
    .deliveryfree p{
        font-size:17px;
        letter-spacing:0;
        line-height:1.2;
    }    
    .flow02-content p{
        font-size:17px;
        line-height:1.4;
    }
    .ul-feature02>li{
        font-size:17px;
    }
    .flow02-content .sendaddress p{
        font-size:17px;
    }
*/
    /* .flow03-content */
/*
    .flow03-content p{
        font-size:17px;
    }
*/
    /* .flow03-content */
/*
    .flow04-content p{
        font-size:17px;
        line-height:1.4;
    }
    .flow04-content>div>p{
        font-size:24px;
    }
*/
}
/*==========================================================*/
/* point-sec   											    */
/*==========================================================*/
.point-sec{
    position:relative;
    background:rgba(245,245,245);
}
.point-wrap{
    width:100%;
}
.ul-point{
    padding:0;
    margin:0;
    display:block;
    width:100%;
    list-style:none;
}
.ul-point>li{
    display:block;
    width:100%;
    margin-bottom:60px;
    position:relative;
}
.ul-point>li:last-of-type{
    margin-bottom:0;
}
.point-box{
    position:relative;
    display:flex;
    width:100%;
    flex-flow:row nowrap;
    z-index:10;
}
.point-pict{
    width:100px;
    height:100px;
    margin:0 auto 10px auto;
    border-radius:50%;
    padding:5px;
    box-shadow: 0 0 10px #FCE0E1;
    background:var(--bk-circle-gradient);
    position:relative;
}
.point-pict>figure{
    padding-top:100%;
    overflow:visible;
}
.point-pict>figure>img{
    width:130%;
    height:130%;
    object-fit:contain;
    transform:translate(-15%, -15%);
}
.point-box>h3{
    display:flex;
    width:calc(100% - 100px);
    color:var(--main-color);
    font-size:20px;
    font-weight:900;
    margin:0;
    align-items:center;
    padding-left:20px;
}
.point-desc{
    position:relative;
    z-index:10;
    padding-right:100px;
    min-height:180px;
}
.point-desc:before{
    content:'';
    width:100px;
    height:100px;
    background:url('./img/illust03.png') center center / contain no-repeat;
    position:absolute;
    bottom:0;
    right:0;
}
.point-desc>p{
    font-size:14px;
}
.point-num{
    position:absolute;
    top:50%;
    right:1em;
    transform:translateY(-50%);
    line-height:1;
}
.point-num>span{
    text-align:center;
    color:var(--point-num-color);
    display:block;
    font-size:20px;
    font-weight:700;
    font-family:var(--caveat);
    padding-right:1em;
    transform:rotate(-5deg);
}
.point-num>b{
    text-align:center;
    color:var(--point-num-color);
    display:block;
    font-size:100px;

}
@media(min-width:576px){
    .point-desc{
        min-height:120px;
        padding-right:120px;
    }
    .point-desc:before{
        width:120px;
        height:120px;
        bottom:auto;
        top:0;
    }
    .point-num{
        right:100px;
    }
}
@media(min-width:768px){
    .ul-point>li{
        margin-bottom:150px;
    }
    .point-pict{
        width:230px;
        height:230px;
        margin:0 auto 10px auto;
        border-radius:50%;
        padding:5px;
    }
    .point-box>h3{
        width:calc(100% - 230px);
        font-size:32px;
        font-weight:900;
        margin:0;
        align-items:flex-start;
        padding-left:40px;
        padding-top:20px;
    }
    .point-num>span{
        text-align:center;
        display:block;
        font-size:40px;
    }
    .point-num>b{
        text-align:center;
        display:block;
        font-size:200px;
    }
    .point-desc{
        width:calc(100% - 230px);
        position:absolute;
        top:100px;
        right:0;
        padding-left:40px;
        padding-right:0;
    }
    .point-desc>p{
        font-size:17px;
    }
    .ul-point>li:nth-of-type(2n+1) .point-box>h3{
        padding-left:0;
        padding-right:40px;
    }
    .ul-point>li:nth-of-type(2n+1) .point-pict{
        order:2;
    }
    .ul-point>li:nth-of-type(2n+1) .point-box{
        order:1;
    }
    .ul-point>li:nth-of-type(2n+1) .point-num{
        top:50%;
        right:auto;
        left:0;
        transform:translateY(-50%);
    }
    .ul-point>li:nth-of-type(2n+1) .point-desc{
        top:100px;
        right:auto;
        left:0;
        padding-left:0;
        padding-right:40px;
    }
}
@media(min-width:992px){
    .point-box>h3{
        padding-top:40px;
    }
}
/*==========================================================*/
/* comparison-sec										    */
/*==========================================================*/
.comparison-sec{
    position:relative;
}
.comparison-wrap{
    width:100%;
}
.comparison-box{
    overflow-x:auto;
    margin-bottom:40px;
}
.tbl-comparison{
    width:100%;
/*    min-width:680px;*/
}
.tbl-comparison>thead th{
    width:65%;
    font-weight:700;
    font-size:16px;
    text-align:center;
    padding:5px;
}
.tbl-comparison>thead td{
    width:35%;
    font-size:16px;
    text-align:center;
    padding:5px;
}
.tbl-comparison>thead td.tbl-ttl{
    width:35%;
    font-size:16px;
    text-align:center;
    background:transparent;
}
.tbl-comparison>thead th>div{
    width:100%;
    background:var(--gradient-sitetitle);
    border-radius:10px;
    color:#fff;
    line-height:1;
    padding:20px 10px;
    white-space:nowrap;
}
.tbl-comparison>thead td>div{
    width:100%;
    background:#ddd;
    border-radius:10px;
    line-height:1;
    padding:15px 10px;
    font-weight:700;
}
/* tbody */
.tbl-comparison>tbody th{
    font-weight:700;
    font-size:18px;
    text-align:center;
    padding:15px 10px;
    border-left:solid 5px var(--main-color);
    border-right:solid 5px var(--main-color);
    border-top:solid 1px #ddd;
}
.tbl-comparison>tbody td{
    font-size:18px;
    text-align:center;
    padding:15px 10px;
    border-top:solid 1px #ddd;
    border-right:solid 1px #ddd;
}
.tbl-comparison>tbody td.tbl-ttl{
    font-size:18px;
    text-align:center;
    background:transparent;
    padding:15px 5px;
    font-weight:700;
    color:var(--main-color);
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-right:none;
}
.tbl-comparison>tbody th>div{
    width:100%;
    display:flex;
    align-items:center;
}
.tbl-comparison>tbody th>div>span{
    text-align:justify;
}
.tbl-comparison>tbody tr:last-of-type td.tbl-ttl{
    border-bottom:solid 1px #ddd;
}
.tbl-comparison>tbody tr:first-of-type th{
    border-top:solid 5px var(--main-color);
}
.tbl-comparison>tbody tr:last-of-type th{
    border-bottom:solid 5px var(--main-color);
}
.tbl-comparison>tbody tr:nth-of-type(2n+1) th{
    background:#333;
    color:#fff;
}
.tbl-comparison>tbody tr:nth-of-type(2n) th{
    background:#fff;
    color:#000;
}
.tbl-comparison>tbody tr:nth-of-type(2n+1) td{
    background:#eee;
}
.tbl-comparison>tbody tr:nth-of-type(2n+1) td.tbl-ttl{
    background:#fff;
}
.comparisonafter{
    width:100%;
}
.comparisonafter p{
    font-weight:700;
    font-size:17px;
}
.comparisonafter p>strong{
    color:var(--attention-color);
}
@media(min-width:768px){
    .tbl-comparison{
        max-width:680px;
        margin:0 auto;
    }
    .tbl-comparison>thead th{
        width:60%;
        font-weight:700;
        font-size:18px;
        text-align:center;
        padding:5px;
    }
    .tbl-comparison>thead td{
        width:40%;
        font-size:18px;
        text-align:center;
        padding:5px;
    }
    .tbl-comparison>thead td.tbl-ttl{
        width:40%;
        font-size:18px;
        text-align:center;
        background:transparent;
    }
}
@media(min-width:992px){
    .tbl-comparison>thead th{
        width:30%;
        font-weight:700;
        font-size:18px;
        text-align:center;
        padding:5px;
    }
    .tbl-comparison>thead td{
        width:25%;
        font-size:18px;
        text-align:center;
        padding:5px;
    }
    .tbl-comparison>thead td.tbl-ttl{
        width:20%;
        font-size:18px;
        text-align:center;
        background:transparent;
    }    
}
/*==========================================================*/
/* contact-sec  										    */
/*==========================================================*/
.contact-sec{
    background:var(--bk-content-color);
}
.contact-wrap{
    width:100%;
    max-width:940px;
    margin:0 auto;
}
/* 2023/11/10 start */
.ul-switchform{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
    display:flex;
    flex-flow:row nowrap;
}
.ul-switchform>li{
    display:flex;
    width:50%;
    position:relative;
}
.ul-switchform>li:first-of-type{
    padding-right:10px;
}
.ul-switchform>li:last-of-type{
    padding-left:10px;
}
.ul-switchform>li:first-of-type:before{
    content:'';
    width:calc(100% + 10px);
    height:3px;
    background:#ccc;
    position:absolute;
    bottom:0;
    left:0;
}
.ul-switchform>li:last-of-type:before{
    content:'';
    width:calc(100% + 10px);
    height:3px;
    background:#ccc;
    position:absolute;
    bottom:0;
    right:0;
}
#switch-online, #switch-bring{
    width:100%;
    height:50px;
    display:flex;
    justify-content: center;
    align-items: center;
    background:#eee;
    border-left:3px #ccc solid;
    border-top:3px #ccc solid;
    border-right:3px #ccc solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:#666;
    cursor: pointer;
}
.switch-current>#switch-online,.switch-current>#switch-bring{
    background:var(--gradient-circle);
    color:#fff;
    cursor:auto;
}
.ul-switchform>li.switch-current:before{
    content:none;
}
/* online word 10% up*/
.dl-switch-online{
    display:flex;
    flex-flow:row nowrap;
    width:100%;
    padding:40px 0 20px 0;
}
.dl-switch-online>dt{
    display:flex;
    width:50%;
    margin:0;
    justify-content:flex-end;
}
.dl-switch-online>dd{
    display:flex;
    width:50%;
    margin:0;
}
.dl-switch-online>dt p:first-of-type{
    font-size:14px;
    line-height:1;
    text-align:right;
    letter-spacing:-1px;
}
.dl-switch-online>dt p:last-of-type{
    font-size:32px;
    line-height:1;
    text-align:right;
}
.dl-switch-online>dd p{
    color:var(--attention-color);
    font-size:42px;
    line-height:1;
    letter-spacing:-1px;
    font-weight:900;
}
#switch-online-wrap{
    width:100%;
    border-left:3px solid #ccc;
    border-right:3px solid #ccc;
    border-bottom:3px solid #ccc;
    padding:10px 10px 40px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display:none;
}
#switch-bring-wrap{
    width:100%;
    border-left:3px solid #ccc;
    border-right:3px solid #ccc;
    border-bottom:3px solid #ccc;
    padding:40px 10px 40px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display:none;
}
#switch-bring-wrap .desc p a{
    font-weight:700;
}
/* line & telno */
.contact-app-btn{
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    flex-flow:row wrap;
    list-style:none;
}
.contact-app-btn>li{
    display:block;
    width:100%;
    margin-bottom:20px;
}
.urllink_line{
    display:flex;
    width:250px;
    height:45px;
    background-color:rgba(6, 199, 85);
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    margin:0 auto;
    border-radius:10px;
    transition:all 0.3s;
}
.urllink_line:hover{
    text-decoration:none;
    color:#fff;
    filter:brightness(1.1);
}
.urllink_line>img{
    width:40px;
    height:40px;
    object-fit:contain;
    object-position:center center;
    margin-right:20px;
}
.shopname{
    text-align:center;
    margin-bottom:4px;
    font-weight:700;
    color:var(--main-color);
}
.urllink_telno{
    display:flex;
    width:250px;
    height:45px;
    background-color:var(--main-color);
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    margin:0 auto;
    border-radius:10px;
    transition:all 0.3s;
    font-size:24px;
}
.urllink_telno:hover{
    text-decoration:none;
    color:#fff;
    filter:brightness(1.2);
}
.urllink_telno svg, .urllink_telno i{
    font-size:32px;
    margin-right:20px;
}
.switch-bring-note{
    padding-top:20px;
}
.switch-bring-note p{
    font-size:14px;
}
#switch-online-wrap.switch-current, #switch-bring-wrap.switch-current{
    display:block;
}
/* 2023/11/10 end */
.contact-wrap h3{
    display:flex;
    width:100%;
    height:45px;
    background:var(--gradient-globalmenu);
    color:var(--main-color);
    justify-content: center;
    align-items: center;
    font-size:20px;
    border-radius:5px;
    font-weight:700;
    margin-bottom:40px;
}
.dl-contactfrm{
    display:block;
    width:100%;
    margin:0 0 20px 0;
}
.dl-contactfrm>dt{
    width:100%;
    margin:0;
    margin-bottom:8px;
}
.dl-contactfrm>dd{
    width:100%;
    margin:0;
}
.dl-contactfrm>dt label{
    margin:0;
}
.is_require{
    color:var(--attention-color);
    margin-left:10px;
    font-size:80%;
}
.dl-contactfrm>dd input[type='text']{
    display:inline-block;
    width:100%;
    padding:10px;
    border:none;
    border-radius:5px;
    outline:solid 2px #ddd;
}
.dl-contactfrm>dd input[type='email']{
    display:inline-block;
    width:100%;
    padding:10px;
    border:none;
    border-radius:5px;
    outline:solid 2px #ddd;
}
.dl-contactfrm>dd input[type='tel']{
    display:inline-block;
    width:100%;
    padding:10px;
    border:none;
    border-radius:5px;
    outline:solid 2px #ddd;
}
.dl-contactfrm>dd input[name='zip']{
    width:200px;
}
.dl-contactfrm>dd input[name='pref']{
    margin-bottom:8px;
}
.dl-contactfrm>dd input[name='city']{
    margin-bottom:8px;
}
.dl-contactfrm>dd textarea{
    display:inline-block;
    width:100%;
    border:none;
    outline:solid 2px #ddd;
}
.contactfrm-privacy{
    width:100%;
    display:flex;
    justify-content:center;
}
.contactfm-last-bt{
	display:flex;
	flex-flow:row nowrap;
	position:relative;
}
.contactfm-last-bt .wpcf7-spinner{
	position:absolute;
	top:calc( 50% + 10px);
	right:5%;
	transform:translateY(-50%);
}
input[type='submit']{
    width:100%;
    margin:0 auto;
    max-width:250px;
    height:55px;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content: center;
    background: var(--gradient-circle);
    color:#fff;
    font-weight:700;
    border-radius:50px;
    box-shadow:3px 3px 3px #ddd;
    transition:all 0.3s;
    position:relative;
    border:none;
}
input[type='submit']:hover{
    filter:brightness(1.1);
}
input[type='submit']:disabled {
    filter:brightness(0.8);
}
input[type='submit']:active{
    box-shadow:none;
    transform:translate3d(3px, 3px, 3px);
}
@media(min-width:768px){
    .contact-wrap h3{
        display:flex;
        width:100%;
        height:60px;
        font-size:24px;
        border-radius:5px;
        margin-bottom:40px;
    }
    .contactfrm-address{
        width:100%;
        display:flex;
        flex-flow:row nowrap;
    }
    .contactfrm-address>span{
        display:inline-block;
    }
    .contactfrm-address>span:first-of-type{
        display:inline-block;
        width:25%;
        padding-right:10px;
    }
    .contactfrm-address>span:nth-of-type(2){
        display:inline-block;
        width:30%;
        padding-right:10px;
    }
    .contactfrm-address>span:last-of-type{
        display:inline-block;
        width:45%;
    }
    .dl-contactfrm>dd input[name='pref']{
        margin-bottom:0;
    }
    .dl-contactfrm>dd input[name='city']{
        margin-bottom:0;
    }
    /* 2023/11/10 start */
    #switch-online-wrap{
        padding:10px 20px 40px 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    #switch-bring-wrap{
        padding:40px 20px 40px 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .dl-switch-online>dd p{
        font-size:50px;
    }
    .contact-app-btn{
        justify-content:baseline;
    }
    .contact-app-btn>li{
        width:50%;
        display:inline-block;
    }
    .contact-app-btn>li:first-of-type{
        display:flex;
        align-items:center;
    }
    .urllink_telno{
        pointer-events:none;
        background:transparent;
        color:var(--main-color);
        border:solid 2px var(--main-color);
    }    
    /* 2023/11/10 end */
}
/*==========================================================*/
/* company-sec  										    */
/*==========================================================*/
.company-sec{
    position:relative;
    min-height:1000px;
}
.company-wrap{
    width:100%;
}
.tbl-company{
    width:100%;
}
.tbl-company tr{
    display:block;
    padding:10px 20px;
    margin-bottom:20px;
    background:var(--company-td-color);
    border:solid 1px var(--emphasis-color);
    border-radius:10px;
}
.tbl-company tr:last-of-type{
    margin-bottom:0;
}
.tbl-company th, .tbl-company td{
    display:block;
    width:100%;
    font-size:17px;
    font-weight:500;
}
.tbl-company th{
    color:var(--main-color);
    font-weight:700;
}
.tbl-company td p{
    font-size:17px;
}
.tbl-company td p span{
    display:block;
}
.tocontact span:first-of-type{
    margin-right:0.5em;
}
.tocontact a{
    pointer-events: none;
    color:var(--emphasis-color);
}
.tbl-company td .telno{
    transition:all 0.3s;
}
.tbl-company td .telno:hover{
    opacity:0.8;
    text-decoration:underline;
}
@media(min-width:768px){
    .company-title{
        font-size:36px;
    }
    .tbl-company{
        border-bottom:solid 1px var(--emphasis-color);
    }
    .tbl-company tr{
        padding:0;
        margin-bottom:0;
        background:transparent;
        border:none;
        border-radius:0;
        display: table-row;
    }
    .tbl-company th{
        display: table-cell;
        width:40%;
        color:var(--font-color);
        background:var(--company-th-color);
        padding:30px 0 30px 30px;
        border-top:solid 1px var(--emphasis-color);
        border-left:solid 1px var(--emphasis-color);
        border-right:solid 1px var(--emphasis-color);
    }
    .tbl-company td{
        display: table-cell;
        width:60%;
        background:var(--company-td-color);
        padding:30px 0 30px 30px;
        border-top:solid 1px var(--emphasis-color);
        border-right:solid 1px var(--emphasis-color);
    }
    .tbl-company td .telno{
        pointer-events: none;
    }
}
@media(min-width:992px){
    .company-sec{
        padding-bottom:100px;
    }
    .tbl-company td p span{
        display:inline-block;
        padding-right:10px;
    }
}
/*==========================================================*/
/* privacy-policy-sec										*/
/*==========================================================*/
.page-privacy-policy{
    background: url('./img/bk-washi.jpg') center center / 300px 300px repeat;
}
.privacypolicy-sec{
    position:relative;
}
.privacypolicy-head{
    width:100%;
    margin-bottom:40px;
}
.privacypolicy-inner{
    width:100%;
    margin-bottom:40px;
}
.privacypolicy-inner h3{
    width:100%;
    height:45px;
    color:#fff;
    background:var(--main-color);
    font-size:17px;
    line-height:1;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding-left:20px;
    border-radius:10px;
    margin-bottom:20px;
}
.privacypolicy-inner>div{
    margin-bottom:1em;
}
.privacypolicy-inner ul{
    padding:0;
    list-style:none;
    margin:0;
}
.privacypolicy-inner ul>li{
    padding-left:18px;
    position:relative;
    font-size:16px;
}
.privacypolicy-inner ul>li:after{
    content:'◇';
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
}
/*==========================================================*/
/* shop-sec       										    */
/*==========================================================*/
.shopinfo-sec{
    position:relative;
    padding-top:40px;
}
.shopinfo-wrap{
    width:100%;
    margin-bottom:100px;
}
.dl-shopinfo{
    display:flex;
    width:100%;
    margin:0;
    flex-flow:row wrap;
    margin-bottom:20px;
}
.dl-shopinfo>dt{
    display:block;
    width:100%;
    margin-bottom:20px;
}
.dl-shopinfo>dd{
    display:block;
    width:100%;
    margin:0;
}
@media(min-width:768px){
    .dl-shopinfo>dt{
        display:inline-block;;
        width:50%;
        margin-bottom:0;
        padding:0 10px;
    }
    .dl-shopinfo>dd{
        display:inline-block;;
        width:50%;
        margin:0;
        padding:0 10px;
    }
}
/*==========================================================*/
/* sale-sec       										    */
/*==========================================================*/
.sale-sec{
    position:relative;
}
.regular-btn{
    margin-top:20px;
}
.regular-btn>a{
    display:flex;
    width:250px;
    height:50px;
    border-radius:25px;
    background:var(--gradient-circle);
    color:#fff;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    box-shadow:3px 3px 3px #aaa;
    position:relative;
    padding-left:1em;
}
.regular-btn>a i{
    font-size:24px;
    display:inline-block;
    position:absolute;
    top:50%;
    left:20%;
    transform:translateY(-50%);
}
.regular-btn>a:hover{
    color:#fff;
    filter:brightness(1.2);
    transform:translate3d(2px,2px,2px);
    box-shadow:none;
}
/*==========================================================*/
/*inquiry-sec      										    */
/*==========================================================*/
.inquiry-sec{
    position:relative;
}
.inquiry-wrap{
    max-width:940px;
    margin-left:auto;
    margin-right:auto;
}
.inquiry-wrap .inquiry-desc{
    margin-bottom:20px;
}
@media(min-width:768px){
    .inquiry-wrap .inquiry-desc{
        display:flex;
        justify-content:center;
    }
}