/*!
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=Caveat:wght@400..700&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/************************************************************/
:root{
    --main-color:#ff80a5;
    --sub-color:#84bbff;
    --line-btn-color:#00c41a;
    --mail-btn-color:#ff9900;
    --font-color:#544545;
    --yellow-color:#ffea00;
    --number-color:#ff9900;
    --focus-color:#ff80a5;
    --submit-btn:#ff9900;
    --require-color:#B61D22;
    --bk-accent-color:#fff8de;
    --bk-accent-color2:#ffecf3;
    --bk-accent-color3:#fffbee;
    --font-fuchi-color:#fc96b3;
    --thin-bk-color:#e0f5f7;
    --thin-line-color:#e1fae1;
    --sakura-color:#ffd1e3;
    --faq-bk-color:#fff;
    --q-mark-color:#fc96b3;
    --a-mark-color:#ff9900;
    --tbl-th-color:#fa99b5;
    --tbl-bd-color:#fdb6ca;
    --linear-gradient-bk-color:linear-gradient(45deg, #fce6ec 20%, #feedf2 80%);
    --yellow-line:linear-gradient(transparent 60%, var(--yellow-color) 40%);
    --sp-header-height: 80px;
    --pc-header-height:120px;
    --ptnB-sp-header-height: 80px;    
    --noto-sans:"Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
    --Roboto:"Roboto", sans-serif;
    --Caveat:"Caveat", cursive;
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-size:16px;
    font-family:var(--noto-sans);
    color:var(--font-color);
    letter-spacing: 0.1em;
    text-align:justify;
}
body a{
    color:#333;
}
body a:hover{
    color:#333;
}
.nodata{
    color:#ff0000;
}
img{
    width:100%;
    height:auto;
}
.entry-body img{
    display:unset;
    width:auto;
    height: auto;
    max-width: 100%;
}
@media print {
    #mobile-menu {
        display: none !important;
    }
}
/*==========================================================*/
/* fade-in       											*/
/*==========================================================*/
.fade-in{
    opacity:0;
    transition:all 1s;
    transform:translateY(20px);
}
.fade-in.scroll-in{
    animation: fade-in ease 1s forwards;
}
.hd-style.scroll-in h2>span:before{
    animation: passing-bar 1s ease 0s 1 normal forwards;
    animation-delay: 1s;
}
.hd-style.scroll-in h2>span{
    animation:passing-txt 0s ease .5s 1 normal forwards;
    animation-delay: 1s;
}
.fade-right{
    transform:translateX(-100%);
    opacity:0;
    transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.fade-left{
    transform:translateX(100%);
    opacity:0;
    transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.fade-right.scroll-in{
    transform:translateX(0);
    opacity:1;
}
.fade-left.scroll-in{
    transform:translateX(0);
    opacity:1;
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@keyframes passing-txt{
	0% { opacity:0; }
	70% { opacity:0; }
	100% { opacity:1; }
}
@keyframes fade-in{
	0% {
         opacity:0;
         transform:translateY(20px);
    }
	100% {
        opacity:1;
        transform:translateY(0);
    }
}
/*==========================================================*/
/* common         											*/
/*==========================================================*/
@media(min-width:992px){
    .page-section{
        padding:80px 0;
    }
}
/*==========================================================*/
/* header         											*/
/*==========================================================*/
.site-header-wrap{
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1950;
    background: var(--header-bk-color);
    height: var(--sp-header-height);
}
.site-header-logo{
    line-height: 1.2;
    letter-spacing:0.1em;
    height:100%;
}
.site-header-logo a{
    display:flex;
    height:100%;
}
.site-header-logo a small{
    font-size:14px;
    display:block;
}
.scrolled .ptnB .site-header-wrap{
    z-index: 1950;
}

/*==========================================================*/
/* mobile menu  											*/
/*==========================================================*/
.mobile-navi-btn.right{
    position: fixed;
    width:var(--sp-header-height);
    height:var(--sp-header-height);
    top:0;
    right:0;
    background:transparent;
}
.scrolled .mobile-navi-btn.right{
    box-shadow:none;
}
.mobile-navi-btn span{
    position: absolute;
    background:var(--main-color);
    height:2px;
    width:30px;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.mobile-navi-btn span:nth-child(1){
    top:34%;
}
.mobile-navi-btn span:nth-child(2){
    top:50%;
}
.mobile-navi-btn span:nth-child(3){
    top:66%;
}
.mobile-navi-btn.mobile-navi-open{
    background:var(--burger-bkcolor);
    box-shadow:none;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(1){
    transform-origin: top center;
    top:50%;
    left:15px;
    transform: rotate(135deg) translate(0, -50%);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(2){
    opacity: 0;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(3){
    transform-origin: top center;
    left:15px;
    top:50%;
    transform: rotate(45deg) translate(0, -50%);
}
/* mobile menu */
.mobile-menu-slide{
    padding-top:var(--sp-header-height);
}
.site-mobile-nav{
    padding:0;
    height:calc(100vh - var(--sp-header-height));
    overflow-y: auto;
    background:var(--sub-color);
}
.site-mobile-nav>div{
    padding:0;
    background:transparent;
    width:100%;
}
.site-mobile-menu>li{
    margin:0;
    padding:0;
    border-bottom:solid 1px rgba(255,255,255,0.8);
    width:100%;
}
.site-mobile-menu>li>a{
    padding:0;
    margin:0;
    width:100%;
    height:55px;
    display:flex;
    align-items:center;
    padding-left:30px;
    position:relative;
    transition:all 0.5s;
    background:var(--main-color);
    font-family:var(--noto-sans);
    font-weight:400;
}
.site-mobile-menu>li>a:before{
    content: "\f054";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size:12px;
    position: absolute;
    top: 50%;
    right: 40px;
    translate:0 -50%;
    transition:all 0.5s;
}
.site-mobile-menu>li>a:hover{
    color:#fff;
    filter:brightness(1.1);
}
.site-mobile-menu>li>a:hover:before{
    right:35px;
}
/*==========================================================*/
/* fixed btn      											*/
/*==========================================================*/
.fixed-btn{
    position:fixed;
    bottom:0;
    left:0;
    z-index:100;
    height:70px;
}
.fixed-btn.contact-btn .linelink{
    width:25%;
    line-height:1;
    text-align:center;
    color:var(--line-btn-color);
    background:#fff;
    border-top:solid 1px var(--line-btn-color);
    font-weight:900;
    font-size:20px;
    letter-spacing:0;
}
.fixed-btn.contact-btn .maillink{
    width:25%;
    background:var(--line-btn-color);
    color:#fff;
}
.fixed-btn.contact-btn .telnolink{
    width:50%;
    background:var(--main-color);
    color:#fff;
    display:flex;
    justify-content:center;
}
.fixed-btn.contact-btn .maillink p{
    color:#fff;
    font-size:18px;
    letter-spacing:-1px;
    font-weight:700;
    text-align:center;
}
.fixed-btn.contact-btn .maillink p .font-emphasis{
    color:var(--yellow-color);
}
.fixed-btn.contact-btn .maillink p small{
    display:block;
    letter-spacing:-1px;
    font-size:12px;
}
.dl-contact-tel{
    width:100%;
    display:flex;
    margin:0;
    flex-flow:row nowrap;
    max-width:190px;
}
.dl-contact-tel>dt{
    width:45px;
    height:70px;
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
}
.dl-contact-tel>dd{
    width:calc(100% - 45px);
    margin:0;
    display:flex;
    align-items: center;
}
.dl-contact-tel>dt i{
    font-size:38px;
}
.dl-contact-tel>dd p, .dl-contact-tel>dd small{
    display:block;
    color:#fff;
    line-height:1;
}
.dl-contact-tel>dd p{
    font-size:20px;
    letter-spacing: -1px;
    transform:scaleY(1.2);
    font-weight:700;
    margin-bottom:4px;
}
.dl-contact-tel>dd small{
    letter-spacing: -1px;
}
.dl-contact-tel>dd small .font-emphasis{
    color:var(--yellow-color);
}
@media(min-width:768px){
    .fixed-btn.contact-btn .linelink{
        width:33.333%;
    }
    .fixed-btn.contact-btn .maillink{
        width:33.333%;
    }
    .fixed-btn.contact-btn .telnolink{
        width:33.333%;
    }
}
@media(min-width:992px){
    .fixed-btn{
        display:none!important;
    }
}
/*==========================================================*/
/* header menu  											*/
/*==========================================================*/
.pc-contact-btn{
    display:none;
}
.ptnB .site-header-inner{
    justify-content:flex-start;
}
/* for Safari */
.site-header-logo a{
    width:145.22px;
}
@media(min-width:992px){
    .site-header.ptnB{
        height: var(--pc-header-height);
    }
    .site-header-wrap{
        height: var(--pc-header-height);
    }
    .scrolled .ptnB .site-header-wrap{
        height: var(--pc-header-height);
        background:rgba(255,255,255,0.9);
        backdrop-filter: blur(2px);
    }
    .ptnB .container.site-header-container{
        grid-template-columns: 300px calc(100% - 300px);
        grid-template-rows: 65px calc(100% - 55px);
    }
    .ptnB .site-header-inner{
        grid-row: 1 / 2;
        display: flex;
        align-items: flex-end;
    }
    .ptnB .site-header-nav{
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        display: block;
        width:100%;
        height:100%;
    }
    .pc-contact-btn {
        display: flex;
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .ptnB .site-header-nav>div{
        display: block;
        width:100%;
        height:100%;
    }
    .ptnB .site-header-nav .site-header-menu{
        width:100%;
        height:100%;
        justify-content: space-between;
    }
    .telnolink{
        pointer-events: none;
    }
    .pc-contact-btn a{
        width:200px;
        height:45px;
        display:flex;
        justify-content:center;
        align-items:center;
        line-height:1;
        text-align:center;
        border-radius:23px;
        position:relative;
        transition:all 0.5s;
    }
    .pc-contact-btn .telnolink{
        color:var(--main-color);
        border:solid 2px var(--main-color);
        margin-right:5px;
    }
    .pc-contact-btn .linelink{
        background:var(--line-btn-color);
        color:#fff;
        padding-left:20px;
        margin-right:5px;
    }
    .pc-contact-btn .linelink i{
        position:absolute;
        top:50%;
        left:20px;
        translate:0 -50%;
        font-size:24px;
    }
    .pc-contact-btn .linelink:hover{
        filter:brightness(1.1);
        transform:scale(1.05);
    }
    .pc-contact-btn .maillink{
        background:var(--mail-btn-color);
        color:#fff;
        padding-left:20px;
    }
    .pc-contact-btn .maillink i{
        position:absolute;
        top:50%;
        left:20px;
        translate:0 -50%;
        font-size:24px;
    }
    .pc-contact-btn .maillink:hover{
        filter:brightness(1.1);
        transform:scale(1.05);
    }
    .pc-contact-btn .telnolink small{
        display:block;
        font-size:12px;
        margin-bottom:3px;
    }
    .site-header-menu>li>a{
        font-family:var(--noto-sans);
        font-weight:400;
        font-size:16px;
    }
}
@media(min-width:1200px){
    .site-header-menu>li>a{
        font-size:17px;
    }
}
/*==========================================================*/
/* top page      											*/
/*==========================================================*/
.tpslide-sec{
    padding:0;
}
.tpslide-wrap{
    width:100%;
    position:relative;
}
.tpslide-wrap .for_sp{
    display:block;
    width:100%;
}
.tpslide-wrap .for_pc{
    display:none;
    width:100%;
}
.catch_word{
    position:absolute;
    width:fit-content;
}
.main_catch{
    top:10px;
    left:50%;
    translate:-50% 0;
    z-index:10;
}
.sub_catch{
    bottom:0;
    left:50%;
    translate:-50% 0;
}
.catch_word h2{
    white-space:nowrap;
    text-align:center;
    text-shadow: 2px 0 0px var(--main-color),
                -2px 0 0px var(--main-color),
                0 2px 0px var(--main-color),
                0 -2px 0px var(--main-color),
                2px 2px 0px var(--main-color),
                -2px 2px 0px var(--main-color),
                2px -2px 0px var(--main-color),
                -2px -2px 0px var(--main-color);
    color: #fff;
    font-weight: 900;
    position: relative;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom:8px;
}
.catch_word p{
    text-align:center;
    text-shadow: 2px 0 0px var(--main-color), -2px 0 0px var(--main-color), 0 2px 0px var(--main-color), 0 -2px 0px var(--main-color), 2px 2px 0px var(--main-color), -2px 2px 0px var(--main-color), 2px -2px 0px var(--main-color), -2px -2px 0px var(--main-color);
    color: #fff;
    font-weight: 700;
    position: relative;
    font-size: 18px;
    line-height: 1.4;
}
.catch_word h3{
    white-space:nowrap;
    text-align:center;
    --color:#333;
    color:var(--color);
    font-size:22px;
    font-weight: 900;
    text-shadow: 0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color);
    -webkit-text-stroke: 0.5px #fff;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
    margin-bottom:10px;
}
.catch_word h3 span{
    --color:#f4256a;
    color:var(--color);
    font-size:1.2em;
    font-weight: 900;
    text-shadow: 0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color);
}
.ul_catch_circle{
    width:100%;
    display:flex;
    flex-flow:row nowrap;
    margin:0;
    padding:0;
    list-style: none;
    justify-content:space-between;
    margin-bottom:10px;
}
.ul_catch_circle>li{
    width:fit-content;
}
.ul_catch_circle>li .box{
    width:90px;
    height:90px;
    border-radius:45px;
    background:var(--sub-color);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    line-height:1.4;
}
.ul_catch_circle>li .box span{
    text-align:center;
}
.ul_catch_circle>li .box:before{
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    border:solid 1px #fff;
    position:absolute;
    top:-3px;
    left:-3px;
}
.dl-catch_circle{
    display:flex;
    width:100%;
    flex-flow:row nowrap;
    margin:0;
    justify-content:space-evenly;
}
.dl-catch_circle dt{
    font-weight:400;
}
.dl-catch_circle .box{
    width:150px;
    height:60px;
    border-radius:10px;
    background:var(--submit-btn);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:1.2;
    position:relative;
}
.dl-catch_circle .box:before{
    content:'';
    width:100%;
    height:100%;
    border-radius:10px;
    border:solid 1px #fff;
    position:absolute;
    top:-3px;
    left:-3px;
}
@media(min-width:768px){
    .tpslide-wrap .for_sp{
        display:none;
    }
    .tpslide-wrap .for_pc{
        display:block;
        width:100%;
    }
    .dl-catch_circle dt{
        padding-right:10px;
    }
    .dl-catch_circle dd{
        padding-left:10px;
    }
    .dl-catch_circle .box{
        width:200px;
        height:60px;
    }
}
@media(min-width:992px){
    .tpslide-wrap .for_pc{
        display:flex;
        width:100%;
        justify-content: center;
        background:var(--linear-gradient-bk-color);
    }
    .tpslide-wrap .for_pc>img{
        width:100%;
        height:700px;
        object-fit:cover;
    }
    .pc_catch_set{
        position:absolute;
        top:50%;
        left:5%;
        translate:0 -50%;
        width:fit-content;
    }
    .catch_word{
        width:100%;
        position:static;
        top:unset;
        left:unset;
        bottom:unset;
        translate:unset;
        z-index:unset;
    }
    .main_catch{
        margin-bottom:40px;
    }
    .ul_catch_circle{
        justify-content:space-evenly;

    }
    .catch_word h2{
        font-size:40px;
    }
    .catch_word p{
        font-size:24px;
    }
    .catch_word h3{
        font-size:24px;
    }
    .ul_catch_circle>li .box{
        width:100px;
        height:100px;
        border-radius:50px;
    }
}
@media(min-width:1200px){
    .catch_word h2{
        font-size:50px;
    }
    .catch_word p{
        font-size:32px;
    }
    .catch_word h3{
        font-size:32px;
    }
    .ul_catch_circle>li .box{
        width:100px;
        height:100px;
        border-radius:50px;
    }
}
@media(min-width:1400px){
    .tpslide-wrap .for_pc>img{
        object-position:top center;
    }
}
/*==========================================================*/
/* top concept     											*/
/*==========================================================*/
.tpconcept-sec{
    position:relative;
    background:var(--bk-accent-color);
    padding-top:0;
}
.tpconcept-sec .contains{
    padding:40px 20px 40px 20px;
    background:#fff;
    position:relative;
}
.tpconcept-sec .contains:before{
    content:'';
    width:100px;
    height:70px;
    border-top:35px solid #fff;
    border-left:50px solid var(--bk-accent-color);
    border-right:50px solid var(--bk-accent-color);
    border-bottom:35px solid var(--bk-accent-color);
    position:absolute;
    bottom:-70px;
    left:50%;
    translate:-50% 0;
    z-index:1;
}
.hd-style{
    width:100%;
    padding-bottom:40px;
}
.hd-style h2{
    display:table;
    font-size:22px;
    color:var(--main-color);
    font-weight:700;
    text-align:center;
    margin:0 auto;
    padding-bottom:16px;
    position:relative;
    line-height:1.4;
    letter-spacing:0;
}
.hd-style h2:before{
    content:'';
    position:absolute;
    left:-10px;
    right:-10px;
    height:10px;
    bottom:0;
    border-radius:999px;
    background-image:repeating-linear-gradient(135deg, #fff 0 6px, transparent 6px 12px), linear-gradient(var(--yellow-color), var(--yellow-color));
}
.hd-style p{
    font-size:14px;
    color:var(--main-color);
    font-weight:500;
    text-align:center;
    margin-top:10px;
}
.tpconcept-sec .hd-style{
    padding-bottom:0;
}
.tpconcept-wrap{
    width:100%;
    padding-top:80px;
}
.tpconcept-wrap .inner{
    padding:20px;
    background:#fff;
    border-radius:20px;
}
.hd-style2{
    width:100%;
}
.hd-style2 p{
    text-align:center;
    color:var(--main-color);
    font-weight:500;
}
.hd-style2 h2{
    font-size:22px;
    font-weight:500;
    text-align:center;
    line-height:1.4;
}
.hd-style2{
    padding-bottom:10px;
    position:relative;
    margin-bottom:40px;
}
.hd-style2:before{
    content:'';
    width:60px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    bottom:0;
    left:50%;
    translate:-50% 0;
}
.dl-flexbox{
    width:100%;
    display:flex;
    flex-flow:row wrap;
    margin:0;
    justify-content:space-between;
}
.dl-flexbox>dt{
    width:100%;
    margin-bottom:10px;
}
.dl-flexbox>dd{
    width:100%;
    margin-bottom:0;
}
.dl-flexbox>dt .pict{
    display:block;
    width:100%;
    max-width:350px;
    margin:0 auto;
}
.dl-flexbox>dt .pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}
.dl-flexbox>dt .pict video{
    width:100%;
    height:auto;
}
.viewmore-btn>a{
    width:100%;
    height:50px;
    max-width:280px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--main-color);
    color:#fff;
    border-radius:30px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    transition:all 0.5s;
}
.viewmore-btn>a i{
    position:absolute;
    right:20px;
    top:50%;
    translate:0 -50%;
    transition:all 0.5s;
}
.viewmore-btn>a:hover{
    filter:brightness(1.1);
    transform:scale(1.05);
    color:#fff;
}
.viewmore-btn>a:hover i{
    right:10px;
}
.tpconcept-wrap .viewmore-btn{
    margin-top:20px;
}
@media(min-width:768px){
    .hd-style h2{
        font-size:32px;
    }
    .hd-style p{
        font-size:16px;
    }
    .br_sp{
        display:none;
    }
    .hd-style2 h2{
        font-size:28px;
    }
}
@media(min-width:992px){
    .br_tb{
        display:none;
    }
    .tpconcept-sec .contains{
        padding-top:80px;
        padding-bottom:80px;
    }
    .tpconcept-wrap{
        padding-top:80px;
    }
    .tpconcept-wrap .inner{
        padding:40px;
    }
    .dl-flexbox>dt{
        width:48%;
        order:2;
    }
    .dl-flexbox>dd{
        width:48%;
        order:1;
    }
    .dl-flexbox>dt .pict>img{
        aspect-ratio:4/3;
    }
}
@media(min-width:1200px){
    .dl-flexbox>dt{
        width:38%;
    }
    .dl-flexbox>dd{
        width:58%;
    }
}
/*==========================================================*/
/* top advantage   											*/
/*==========================================================*/
.tpadvantage-sec{
    position:relative;
}
.tpadvantage-sec:before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.4;
    filter:blur(1px);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.tpadvantage-wrap{
    width:100%;
}
.ul-tpadvantage{
    width:100%;
    display:flex;
    flex-flow:row wrap;
    margin:0;
    padding:0;
    list-style:none;
}
.ul-tpadvantage>li{
    width:100%;
    margin-bottom:40px;
}
.dl-tpadvantage{
    width:100%;
    margin:0;
}
.dl-tpadvantage>dt{
    width:100%;
    margin-bottom:10px;
    position:relative;
}
.dl-tpadvantage>dd{
    margin:0;
}
.dl-tpadvantage>dt>span{
    font-size:100px;
    font-family:var(--Roboto);
    color:var(--number-color);
    position:absolute;
    top:10px;
    left:10px;
}
.dl-tpadvantage>dt .pict{
    width:100%;
    overflow:hidden;
    border-radius:50%;
    padding:15px;
    border:solid 3px #fff;
}
.dl-tpadvantage>dt .pict>img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:50%;
}
.ul-tpadvantage>li:nth-of-type(2) .dl-tpadvantage>dt>span{
    top:auto;
    bottom:10px;
    left:10px;
    right:auto;
}
.ul-tpadvantage>li:nth-of-type(3) .dl-tpadvantage>dt>span{
    top:10px;
    bottom:auto;
    left:auto;
    right:10px;
}
.ul-tpadvantage>li:nth-of-type(4) .dl-tpadvantage>dt>span{
    top:auto;
    bottom:10px;
    left:auto;
    right:10px;
}
.ul-tpadvantage>li:nth-of-type(5) .dl-tpadvantage>dt>span{
    top:10px;
    bottom:auto;
    left:10px;
    right:auto;
}
.ul-tpadvantage>li:nth-of-type(6) .dl-tpadvantage>dt>span{
    top:auto;
    bottom:10px;
    left:10px;
    right:auto;
}
.dl-tpadvantage>dd .desc{
    width:100%;
}
.dl-tpadvantage>dd .desc h3{
    color:var(--main-color);
    text-align:center;
    margin-bottom:10px;
    letter-spacing:0;
    font-size:22px;
    white-space:nowrap;
}
@media(min-width:768px){
    .ul-tpadvantage{
        justify-content: space-between;
    }
    .ul-tpadvantage>li{
        width:48%;
    }
}
@media(min-width:992px){
    .ul-tpadvantage>li{
        width:32%;
    }
    .ul-tpadvantage>li:nth-of-type(4) .dl-tpadvantage>dt>span{
        top:auto;
        bottom:10px;
        left:10px;
        right:auto;
    }
    .ul-tpadvantage>li:nth-of-type(5) .dl-tpadvantage>dt>span{
        top:10px;
        bottom:auto;
        left:10px;
        right:auto;
    }
    .ul-tpadvantage>li:nth-of-type(6) .dl-tpadvantage>dt>span{
        top:auto;
        bottom:10px;
        left:10px;
        right:auto;
    }
}
@media(min-width:1200px){
    .ul-tpadvantage>li{
        width:30%;
    }
}
/*==========================================================*/
/* top reason   											*/
/*==========================================================*/
.tpreason-sec{
    position:relative;
    background:var(--bk-accent-color);
}
.tpreason-wrap{
    width:100%;
}
.ul-tpreason{
    margin:0;
    padding:0;
    width:100%;
    display:flex;
    flex-flow:row wrap;
    list-style:none;
}
.ul-tpreason>li{
    width:100%;
    margin-bottom:40px;
}
.ul-tpreason>li .box{
    width:100%;
    background:#fff;
    border-radius:20px;
    position:relative;
    padding:80px 20px 40px 20px;
}
/* giza giza */
.merit-mk{
    --zigzag-size: 12px;
    --zigzag-width: 20px;
    background:var(--main-color);
    display:flex;
    width:140px;
    height:45px;
    justify-content: center;
    align-items:center;
    position:absolute;
    top:0;
    left:20px;
}
.merit-mk::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    height:10px;
    background:linear-gradient(45deg, var(--main-color) 50%, transparent 52%), linear-gradient(315deg, var(--main-color) 50%, transparent 52%);
    background-size: 10px 10px;
    background-repeat: repeat-x;
    transform:rotate(180deg);
}
.merit-mk>p{
    color:#fff;
    font-family:var(--Caveat);
    font-weight:900;
    font-size:24px;
}
.ul-tpreason>li .box .desc{
    width:100%;
}
.ul-tpreason>li .box .desc h3{
    display:table;
    font-size:24px;
    text-align:center;
    font-weight:800;
    color:var(--sub-color);
    background:var(--yellow-line);
    margin-left:auto;
    margin-right:auto;
    padding-bottom:5px;
    margin-bottom:25px;
}
.ul-tpreason>li .box .desc .wrap{
    display:table;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    position:relative;
}
.ul-tpreason>li .box .desc .wrap:before{
    content:'＼';
    color:var(--main-color);
    font-size:30px;
    position:absolute;
    bottom:0;
    left:-40px;
}
.ul-tpreason>li .box .desc .wrap:after{
    content:'／';
    color:var(--main-color);
    font-size:30px;
    position:absolute;
    bottom:0;
    right:-40px;
}
.ul-tpreason>li .box .desc .wrap>p{
    text-align:center;
    color:var(--main-color);
    font-weight:500;
}
.ul-tpreason>li .box .desc .wrap>h4{
    text-align:center;
    color:var(--main-color);
    font-weight:700;
    font-size:24px;
}
.ul-tpreason>li .box .desc .pict{
    width:100%;
    margin-bottom:20px;
}
.ul-tpreason>li .box .desc .pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}
.ul-tpreason>li .box .desc .viewmore-btn{
    margin-top:40px;
}
.tpreason-inner{
    padding-top:40px;
}
.h2fukidashi{
    width:auto;
    position:relative;
    width:300px;
    height:70px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}
.h2fukidashi:before{
    content:'';
    width:100%;
    height:100%;
    background:var(--sub-color);
    border-radius:35px;
    position:absolute;
    bottom:-10px;
    right:-10px;
    z-index:1;
}
.h2fukidashi>span{
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items:center;
    border-radius:35px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    border:solid 2px var(--main-color);
    font-size:22px;
    background:#fff;
    color:var(--main-color);
    z-index:2;
}
.h2fukidashi>span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: var(--main-color) transparent transparent;
  translate: -50% 100%;
}
.h2fukidashi>span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 15.2px 15.2px 0 0;
  border-color: #ffffff transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
}
.tpreason-inner .h2fukidashi{
    margin-bottom:0;
}
/* add */
.ul-tpreason_add{
    margin:0;
    padding:0;
    display:flex;
    width:100%;
    flex-flow:row wrap;
    list-style:none;
}
.ul-tpreason_add>li{
    width:100%;
    margin-top:100px;
}
.ul-tpreason_add>li .box{
    position:relative;
}
.ul-tpreason_add>li .box:before{
    content:'';
    width:100%;
    height:100%;
    background:var(--sub-color);
    position:absolute;
    bottom:-10px;
    right:-10px;
    z-index:1;
    border-radius:20px;
}
.ul-tpreason_add>li .box>div{
    width:100%;
    padding:100px 20px 40px 20px;
    position:relative;
    background:#fff;
    border:solid 1px var(--main-color);
    border-radius:20px;
    z-index:2;
}
.ul-tpreason_add>li .box .pict{
    width:auto;
    height:150px;
    position:absolute;
    top:-75px;
    left:50%;
    translate:-50% 0;
    z-index:2;
}
.ul-tpreason_add>li .box .pict>img{
    width:auto;
    height:100%;
}
.ul-tpreason_add>li .box h3{
    font-size:22px;
    font-weight:700;
    color:var(--main-color);
    text-align:center;
    padding-bottom:20px;
    position:relative;
    margin-bottom:20px;
    letter-spacing:0;
}
.ul-tpreason_add>li .box h3:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--main-color);
    position:absolute;
    bottom:0;
    left:0;
}
@media(min-width:768px){
    .h2fukidashi{
        width:400px;
        height:60px;
    }
    .h2fukidashi:before{
        border-radius:30px;
    }
    .h2fukidashi>span{
        border-radius:30px;
    }
    .ul-tpreason_add{
        justify-content: space-between;
    }
    .ul-tpreason_add>li{
        width:49%;
    }
    .ul-tpreason_add>li .box>div{
        min-height:440px;
    }
}
@media(min-width:992px){
    .ul-tpreason{
        justify-content:space-between;
    }
    .ul-tpreason>li{
        width:32%;
        margin-bottom:0;
    }
    .ul-tpreason>li:nth-of-type(3) .box .desc .wrap:before{
        left:-15px;
    }
    .ul-tpreason>li:nth-of-type(3) .box .desc .wrap:after{
        right:-15px;
    }
    .ul-tpreason>li .box .desc .pict>img{
        aspect-ratio:4/3;
    }
    /* add */
    .tpreason-inner{
        padding-top:80px;
    }
    .ul-tpreason_add>li .box .pict{
        height:100px;
        top:-50px;
    }
    .ul-tpreason_add>li{
        margin-top:80px;
        width:32%;
    }
    .ul-tpreason_add>li .box>div{
        min-height:440px;
    }
}
@media(min-width:1200px){
    .ul-tpreason_add>li{
        width:30%;
    }
    .ul-tpreason>li .box .desc>p{
        min-height:80px;
    }
    .ul-tpreason_add>li{
        width:30%;
    }
}
/*==========================================================*/
/* top experience  											*/
/*==========================================================*/
.tpexperience-sec{
    position:relative;
    background:var(--bk-accent-color2);
}
.tpexperience-wrap{
    width:100%;
}
.hd-style3{
    width:100%;
    position:relative;
    margin-bottom:40px;
}
.hd-style3 h3{
    text-align:center;
    text-shadow:
    2px 0 3px var(--font-fuchi-color),
    -2px 0 3px var(--font-fuchi-color),
    0 2px 3px var(--font-fuchi-color),
    0 -2px 3px var(--font-fuchi-color),
    2px 2px 3px var(--font-fuchi-color),
    -2px 2px 3px var(--font-fuchi-color),
    2px -2px 3px var(--font-fuchi-color),
    -2px -2px 3px var(--font-fuchi-color);  
    color:#fff;
    font-weight:700;
    position:relative;
    padding-bottom:15px;
    font-size:22px;
    line-height:1.4;
}
.hd-style3 h3:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--font-color);
    position:absolute;
    bottom:0;
    left:0;
}
.hd-style3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: var(--font-color) transparent transparent;
  translate: -50% 100%;
}
.hd-style3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 21px 21px 0 0;
  border-color: var(--bk-accent-color2) transparent transparent;
  translate: -50% calc(100% - 2px);
}
.tpexperience-wrap .inner{
    width:100%;
}
.h4org{
    display:table;
    font-size:22px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    text-align:center;
    position:relative;
    padding-bottom:10px;
    line-height:1.4;
}
.h4org:before{
    content:'';
    width:100%;
    height:1px;
    border-bottom:double 3px var(--main-color);
    position:absolute;
    bottom:0;
    left:0;
}
.h4org>span{
    position:relative;
}
.h4org>span:before{
    content:'・';
    color:var(--main-color);
    position:absolute;
    top:-0.8em;
    left:50%;
    translate:-50% 0;
}
.tpexperience-wrap .inner>p{
    font-weight:500;
    line-height:2;
}
.ul-tpexperience{
    margin:40px 0 0 0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
}
.ul-tpexperience>li{
    width:100%;
    margin-bottom:40px;
}
.ul-tpexperience>li .box{
    width:100%;
    padding:40px 20px;
    border-radius:20px;
    background:#fff;
}
.ul-tpexperience>li .box h3{
    font-size:20px;
    color:var(--main-color);
    font-weight:700;
    text-align:center;
    margin-bottom:30px;
}
.ul-tpexperience>li .box .pict{
    width:100%;
    margin-bottom:30px;
}
.ul-tpexperience>li .box .pict>img{
    width:100%;
    aspect-ratio: 16/9;
    object-fit:cover;
}
.ul-tpexperience>li .box .desc{
    width:100%;
}
.ul-tpexperience>li .box .desc p{
    font-size:14px;
    line-height:1.8;
}
.yellow_line{
    background:var(--yellow-line);
    font-weight:700;
}
.ul-pochi{
    list-style-type: disc;
    padding-left:20px;
    margin:0;
}
.ul-pochi>li{
    width:100%;
}
.ul-tpexperience>li .box .desc .ul-pochi{
    margin:10px 0;
}
.ul-tpexperience>li .box .desc .ul-pochi>li{
    font-size:14px;
}
.attention-wrap{
    margin-top:40px;
    padding:20px;
    background:#fff;
    border-radius:20px;
}
.tpexperience-wrap .viewmore-btn{
    margin-top:40px;
}
.h3org{
    font-size:22px;
    text-align:center;
    color:var(--main-color);
    margin-bottom:30px;
    font-weight:700;
}
.attention-wrap .ul-pochi{
    margin:10px 0;
}
@media(min-width:768px){
}
@media(min-width:992px){
    .tpexperience-sec{
        padding-bottom:40px;
    }
    .hd-style3{
        margin-bottom:60px
    }
    .hd-style3 h3{
        font-size:34px;
        text-shadow:
        2px 0 2px var(--font-fuchi-color),
        -2px 0 2px var(--font-fuchi-color),
        0 2px 2px var(--font-fuchi-color),
        0 -2px 2px var(--font-fuchi-color),
        2px 2px 2px var(--font-fuchi-color),
        -2px 2px 2px var(--font-fuchi-color),
        2px -2px 2px var(--font-fuchi-color),
        -2px -2px 2px var(--font-fuchi-color);
        letter-spacing:0.1em;
    }
    .hd-style3 h3:before{
        height:2px;
    }
    .hd-style3::after {
      translate: calc(-50% - 1px) calc(100% - 2px);
    }
    .h4org{
        font-size:26px;
    }
    .h4org:before{
        width:105%;
        border-bottom:double 6px var(--main-color);
        left:50%;
        translate:-50% 0;
    }
    .h4org>span:before{
        top:-1em;
    }
    .ul-tpexperience{
        justify-content:space-between;
    }
    .ul-tpexperience>li{
        width:32%;
        margin-bottom:0;
    }
    .ul-tpexperience>li .box .desc{
        min-height:605px;
    }
    .ul-tpexperience>li .box h3{
        width:100%;
        height:50px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:24px;
    }
    .h3org{
        font-size:28px;
    }
    .attention-wrap .h3org br{
        display:none;
    }
}
@media(min-width:1200px){
    .ul-tpexperience>li .box .desc p{
        font-size:16px;
    }
}
/*==========================================================*/
/* top misunderstand page									*/
/*==========================================================*/
.tpmisunderstand-sec{
    position:relative;
    background:var(--bk-accent-color2);
}
.hd-style4{
    position:relative;
    margin-bottom:30px;
}
.hd-style4:before{
    content:'';
    width:100%;
    height:2px;
    background:var(--main-color);
    position:absolute;
    top:-5px;
    left:-5px;
}
.hd-style4:after{
    content:'';
    width:100%;
    height:2px;
    background:var(--main-color);
    position:absolute;
    bottom:5px;
    left:-5px;
}
.hd-style4 .left{
    width:20px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    left:-5px;
    top:calc(50% - 5px);
    translate:0 -50%;
}
.hd-style4 .left:before{
    content:'';
    width:20px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    left:0;
    top:-20px;
}
.hd-style4 .left:after{
    content:'';
    width:20px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    left:0;
    top:20px;
}
.hd-style4 .right{
    width:20px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    right:5px;
    top:calc(50% - 5px);
    translate:0 -50%;
}
.hd-style4 .right:before{
    content:'';
    width:20px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    right:0;
    top:-20px;
    translate:0 -50%;
}
.hd-style4 .right:after{
    content:'';
    width:20px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    right:0;
    top:20px;
    translate:0 -50%;
}
.hd-style4 .box{
    width:100%;
    height:80px;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
}
.hd-style4 .box h2{
    font-size:12px;
    color:var(--main-color);
    text-align:center;
    line-height:1;
}
.hd-style4 .box p{
    font-size:22px;
    white-space:nowrap;
    letter-spacing:0;
    line-height:1;
    font-weight:700;
    color:#fff;
    text-shadow:
        3px 0 0px var(--sub-color),
        -2px 0 0px var(--sub-color),
        0 3px 0px var(--sub-color),
        0 -2px 0px var(--sub-color),
        3px 3px 0px var(--sub-color),
        -2px 2px 0px var(--sub-color),
        2px -2px 0px var(--sub-color),
        -2px -2px 0px var(--sub-color);
    text-align:center;
}
.tpexperience-sec .hd-style4 .box p{
    letter-spacing: 0;
}
.tpmisunderstand-wrap{
    margin-bottom:40px;
}
.tpoffice-wrap{
    width:100%;
}
.tpoffice-wrap .pict{
    width:100%;
    margin-bottom:20px;
}
.tpoffice-wrap .pict>img{
    width:100%;
    aspect-ratio: 16/9;
    object-fit:cover;
}
.h3org2{
    font-size:16px;
    color:var(--main-color);
    margin-top:20px;
    font-weight:700;
}
.tpoffice-wrap .attention-wrap{
    margin-bottom:40px;
}
.tax-wrap{
    width:100%;
}
.tax-wrap .pict{
    width:100%;
    margin-bottom:20px;
}
.tax-wrap .pict>img{
    width:100%;
    aspect-ratio: 16/9;
    object-fit:cover;
}
@media(min-width:768px){
    .hd-style4 .box h2{
        font-size:18px;
        font-weight:500;
        letter-spacing:0.2em;
    }
    .tpexperience-sec .hd-style4 .box p{
        letter-spacing: 0.1em;
    }
    .hd-style4 .box p{
        font-size:40px;
    }
    .hd-style4 .box{
        width:100%;
        height:120px;
    }
    .hd-style4:before{
        height:3px;
        top:-10px;
        left:-7px;
    }
    .hd-style4:after{
        width:100%;
        height:3px;
        bottom:7px;
        left:-7px;
    }
    .hd-style4 .left{
        width:25px;
        height:3px;
        left:-5px;
    }
    .hd-style4 .left:before{
        width:25px;
        height:3px;
        top:-30px;
    }
    .hd-style4 .left:after{
        width:25px;
        height:3px;
        top:30px;
    }
    .hd-style4 .right{
        width:25px;
        height:3px;
        right:5px;
    }
    .hd-style4 .right:before{
        width:25px;
        height:3px;
        top:-30px;
    }
    .hd-style4 .right:after{
        width:25px;
        height:3px;
        top:30px;
    }
}
@media(min-width:992px){
    .tpmisunderstand-sec{
        padding-top:40px;
    }
    .tpmisunderstand-wrap{
        margin-bottom:80px;
    }
    .tpoffice-wrap .pict{
        margin-bottom:40px;
    }
    .tpoffice-wrap .pict>img{
        width:100%;
        aspect-ratio: 2/1;
        object-fit:cover;
    }
    .tpoffice-wrap .attention-wrap{
        margin-bottom:80px;
    }
    .tax-wrap .pict{
        margin-bottom:40px;
    }
    .tax-wrap .pict>img{
        width:100%;
        aspect-ratio: 2/1;
        object-fit:cover;
    }
    .tpmisunderstand-sec .h4org br{
        display:none;
    }
}
/*==========================================================*/
/* top information      									*/
/*==========================================================*/
.tpblog-sec{
    position:relative;
    background:rgb(132, 187, 255, 0.1);
}
.tpblog-sec:before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict2.jpg') center center / cover no-repeat;
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.tpinfolist-img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow:hidden;
}
.tpinfolist-img .pict.no-image{
    background:#f0f0f0;
}
.ul-tpinfo li .img_link{
    display:block;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
    border-radius:10px;
    transition:all 0.5s;
}
.tpinfolist-txt{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.new-mark{
    font-size:12px;
    line-height:1;
}
.info-cat{
    font-size:12px;
    line-height:1;
}
.tpblog-sec .hd-style4{
    margin-bottom:80px;
}
/* bloglist */
.ul-tpblog{
    display:flex;
    flex-flow:row wrap;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.ul-tpblog>li{
    width:100%;
    margin-bottom:40px;
}
.ul-tpblog>li .box{
    width:100%;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    border-radius:10px;
    overflow:hidden;
}
.blog_imglink{
    display:block;
    width:100%;
    position:relative;
    overflow:hidden;
}
.blog_imglink:hover img{
    transform:scale(1.1);
    filter:grayscale(0);
}
.ul-tpblog>li .box .desc{
    width:100%;
    padding:10px;
    background:#fff;
}
.ul_blog_category{
    display:flex;
    flex-flow:row wrap;
    list-style:none;
    margin:0;
    padding:0;
}
.ul_blog_category>li{
    display:flex;
}
.ul_blog_category>li>a{
    padding:5px 10px;
    font-size:12px;
    background:var(--main-color);
    color:#fff;
    transition:all 0.5s;
    margin:0 10px 10px 0;
}
.ul_blog_category>li>a:hover{
    opacity:0.6;
}
.blog_txtlink{
    display:flex;
    margin-bottom:10px;
    transition:all 0.5s;
}
.blog_txtlink h3{
    font-size:20px;
}
.blog_txtlink:hover{
    text-decoration:underline;
}
.ul_blog_tag{
    display:flex;
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
}
.ul_blog_tag>li{
    display:flex;
}
.ul_blog_tag>li>a{
    font-size:14px;
    transition:all 0.5s;
    margin:0 10px 10px 0;
    position:relative;
}
.ul_blog_tag>li>a::before{
    content:'';
    width:100%;
    height:1px;
    background:var(--font-color);
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.ul_blog_tag>li>a:hover::before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.ul-tpblog>li .box .desc time{
    display:flex;
    justify-content:flex-end;
    font-size:14px;
}
@media(min-width:992px){
    .ul-tpblog>li{
        width:33.333%;
    }
    .ul-tpblog>li .box .desc{
        min-height:220px;
    }
    .ul-tpblog>li:nth-of-type(3n+1){
        padding-right:10px;
    }
    .ul-tpblog>li:nth-of-type(3n+2){
        padding:0 5px;
    }
    .ul-tpblog>li:nth-of-type(3n){
        padding-left:10px;
    }
}
/*==========================================================*/
/* top reward page      									*/
/*==========================================================*/
.tpreward-sec{
    position:relative;
    background:var(--bk-accent-color);
}
.tpreward-wrap{
    width:100%;
}
.ul-tpreward{
    display:flex;
    width:100%;
    margin:0;
    padding:0;
    flex-flow:row wrap;
    list-style:none;
}
.ul-tpreward>li{
    width:100%;
    margin-bottom:40px;
}
.ul-tpreward>li .box{
    background:#fff;
    padding:40px 20px;
    border-radius:10px;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.h3ribbon{
    display: flex;
    justify-content:center;
    align-items:center;
    position: relative;
    width:100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background: var(--main-color);
    color: #FFF;
    margin-bottom:40px;
    box-shadow: 0 5px 0 var(--sub-color);
}
.h3ribbon:before{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.h3ribbon:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.ul-tpreward>li .box .desc{
    margin-bottom:40px;
}
.dl-tpreward{
    width:100%;
    margin:0 0 40px 0;
}
.dl-tpreward>dt{
    width:100%;
    margin-bottom:30px;
}
.dl-tpreward>dd{
    width:100%;
    margin-bottom:0;
}
.dl-tpreward>dd .mdesc{
    display:flex;
    justify-content:center;
}
.dl-tpreward>dd .mdesc p{
    font-weight:500;
    font-size:18px;
}
.font-dai{
    font-size:1.5em;
    color:var(--main-color);
}
.tpreward-main{
    width:100%;
}
.tpreward-main>.inner{
    margin-top:30px;
}
.tpreward-main>.inner .dl-tpreward{
    margin-bottom:0;
    background:var(--sakura-color);
    padding:20px 10px 10px 10px;
}
.tpreward-main>.inner .dl-tpreward>dt{
    margin-bottom:10px;
    font-weight:400;
}
.dl-tpreward>dt .pict{
    width:100%;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}
.onlypict-wrap .pict{
    width:100%;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}
.tpreward-main>.inner .dl-tpreward>dt strong{
    display:block;
    text-align:center;
}
.tpreward-main>.inner .dl-tpreward>dt span{
    display:block;
    text-align:center;
}
.tpreward-main>.inner .dl-tpreward>dd>div{
    padding:10px;
    background:#fff;
}
.tpreward-main>.inner .dl-tpreward>dd>div p{
    text-align:center;
}
@media(min-width:768px){
    .ul-tpreward>li .box{
        padding:40px;
    }
}
@media(min-width:992px){
    .ul-tpreward>li .box{
        padding:60px;
    }
    .h3ribbon{
        font-size:24px;
    }
    .dl-tpreward>dd .mdesc br{
        display:none;
    }
    .tpreward-main>p{
        text-align:center;
    }
    .tpreward-main>.inner .dl-tpreward{
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }
    .tpreward-main>.inner .dl-tpreward>dt>p{
        text-align:center;
    }
    .tpreward-main>.inner .dl-tpreward>dt strong{
        display:inline;
    }
    .tpreward-main>.inner .dl-tpreward>dt span{
        display:inline;
        margin-left:10px;
    }
    .ul-tpreward>li{
        width:100%;
        margin-bottom:60px;
    }
}
/*==========================================================*/
/* top faq                									*/
/*==========================================================*/
.tpfaq-sec{
    position:relative;
}
.tpfaq-sec:before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.4;
    filter:blur(1px);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.dl_faq{
    margin: 0 auto 60px;
}
.dl_faq dt{
    margin-top:20px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    font-size: 14px;
    color:var(--font-color);
    font-weight:400;
    background:var(--faq-bk-color);
    min-height:80px;
    padding:0;
    display:flex;
    align-items:center;
    border-radius:5px;
    border:solid 1px var(--main-color);
}
.dl_faq dd{
    display: none;
    font-size:14px;
}
.dl_faq dd img{
    width:unset;
    height:unset;
    max-width:100%;
}
.dl_faq dt .wrap{
    width:100%;
    padding: 10px 5px;
    padding-right: 30px;
    padding-left:30px;
    position:relative;
}
.dl_faq dt .wrap:after{
    content:'Q';
    font-weight:700;
    font-size:24px;
    color:var(--q-mark-color);
    display:inline-block;
    position:absolute;
    top:0;
    left:10px;
}
.dl_faq dt .wrap:before{
    content:'';
    width:25px;
    height:25px;
    background:var(--q-mark-color);
    position:absolute;
    right:5.5px;
    top:50%;
    transform:translateY(-50%);
}
.dl_faq dt:before, .dl_faq dt:after{
    content:'';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 2px;
    border-radius: 50px;
    background: #fff;
    transition: all .3s;
    z-index:5;
}
.dl_faq dt:before{
    right: 10px;
    transform: translateY(-50%);
}
.dl_faq dt:after{
    right: 11px;
    top: calc(50% - 1px);
    transform: rotate(90deg) translateY(-50%);
}
.dl_faq dt.open::before{
    opacity:0;
}
.dl_faq dt.open::after {
    transform: rotate(0deg) translateY(-50%);
}
.dl_faq dd .entry-body{
    padding: 10px 5px 30px;
}
.dl_faq dd .wrap{
    padding:10px;
    padding-left:30px;
    position:relative;
    background:var(--bk-accent-color);
}
.dl_faq dd .wrap:after{
    content:'A';
    font-weight:700;
    font-size:24px;
    color:var(--a-mark-color);
    display:inline-block;
    position:absolute;
    top:3px;
    left:10px;
}
.dl_faq dd .wrap a{
    text-decoration: underline;
}
.dl_faq dd .wrap p{
    font-size:inherit;
}
@media(min-width:768px){
    .dl_faq dt .wrap{
        padding-left:35px;
    }
}
@media(min-width:992px){
    .dl_faq dt, .dl_faq dd{
        font-size:16px;
    }
}
/*==========================================================*/
/* before footer           									*/
/*==========================================================*/
.site-beforefooter{
    background:var(--bk-accent-color);
}
.beforeft-btn{
    position:relative;
    padding:40px 0;
}
.h2beforeft{
    display:table;
    font-size:22px;
    color:var(--main-color);
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-bottom:20px;
}
.h2beforeft:before{
    content:'＼';
    position:absolute;
    bottom:0;
    left:-1em;
}
.h2beforeft:after{
    content:'／';
    position:absolute;
    bottom:0;
    right:-1em;
}
.ul-beforeft{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    width:100%;
}
.ul-beforeft>li{
    width:100%;
    margin-top:20px;
}
.ul-beforeft>li>a{
    display:block;
    background:#fff;
    width:100%;
    border-radius:20px;
    padding:10px;
    transition:all 0.5s;
}
.ul-beforeft>li>a:hover{
    transform:translate3d(2px,2px,2px);
    box-shadow:none;
    filter:brightness(1.1);
}
.ul-beforeft>li>a .left{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100px;
}
.ul-beforeft>li>a .right{
    width:calc(100% - 100px);
}
.ul-beforeft>li>a .right p{
    line-height:1.4;
}
.ul-beforeft>li>a .left>i{
    font-size:40px;
}
.flex-box{
    width:100%;
    display:flex;
    flex-flow:row wrap;
}
.ftlinelink{
    border:solid 1px var(--line-btn-color);
    box-shadow:4px 4px 0 var(--line-btn-color);
}
.ftlinelink .left>i{
    color:var(--line-btn-color);
}
.ftctlink{
    border:solid 1px var(--mail-btn-color);
    box-shadow:4px 4px 0 var(--mail-btn-color);
}
.ftctlink .left>i{
    color:var(--mail-btn-color);
}
.fttellink{
    border:solid 1px var(--main-color);
    box-shadow:4px 4px 0 var(--main-color);
}
.fttellink .left>i{
    color:var(--main-color);
}
.nolinkbtn{
    margin-top:10px;
    display:flex;
    justify-content: center;
    align-items:center;
    width:250px;
    height:40px;
    border-radius:20px;
    color:#fff;
    margin-left:auto;
    margin-right:auto;
}
.ftlinelink .nolinkbtn{
    background:var(--line-btn-color);
}
.ftctlink .nolinkbtn{
    background:var(--mail-btn-color);
}
.ul-beforeft>li>a .right .tel{
    color:var(--main-color);
    font-weight:700;
    letter-spacing: 0;
    font-size:24px;
}
@media(min-width:768px){
    .fttellink{
        pointer-events: none;
    }
    .ul-beforeft{
        justify-content:center;
    }
    .ul-beforeft>li{
        width:50%;
        padding:0 5px;
    }
}
@media(min-width:992px){
    .ul-beforeft{
        justify-content: space-between;
    }
    .ul-beforeft>li{
        width:32%;
    }
    .ul-beforeft>li>a{
        padding:20px 10px;
        min-height:200px;
    }
    .ul-beforeft>li>a .left{
        width:100%;
    }
    .ul-beforeft>li>a .right{
        width:100%;
    }
    .ul-beforeft>li>a .left>i{
        font-size:50px;
        margin-bottom:10px;
    }
    .ul-beforeft>li>a .right p{
        text-align:center;
    }
    .ul-beforeft>li>a.fttellink{
        display:flex;
        align-items:center;
    }
    .ul-beforeft>li>a .right .tel{
        font-size:32px;
    }
}
/*==========================================================*/
/* footer                									*/
/*==========================================================*/
.site-footer{
    padding-bottom:0;
}
.footer_widget{
    width:100%;
    margin-bottom:20px;
}
.ft-logo{
    position:relative;
    width:100%;
    display:flex;
    justify-content:flex-start;
}
.ft-sitetitle{
    display:inline-block;
    color:#fff;
    transition:all 0.5s;
}
.ft-sitetitle img{
    width:200px;
    margin-left:auto;
    margin-right:auto;
}
.ft-sitetitle h2{
    text-align:center;
    font-size:24px;
    color:#fff;
}
.ft-sitetitle p{
    text-align:center;
    color:#fff;
    transition:all 0.5s;
}
.ft-sitetitle:hover{
    opacity:0.6;
}
.footerwidget ul.menu>li>a{
    transition:all 0.5s;
    position:relative;
}
.footerwidget ul.menu>li>a:before{
    content:'';
    width:100%;
    height:1px;
    background:#fff;
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.footerwidget ul.menu{
    margin-bottom:0;
}
.footerwidget ul.menu>li>a:hover{
    color:#fff;
}
.footerwidget ul.menu>li>a:hover:before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.ft-privacy-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    padding-bottom:40px;
}
.ft-privacy-wrap a{
    color:#fff;
    transition:all 0.5s;
    position:relative;
    font-size:14px;
}
.ft-privacy-wrap a:before{
    content:'';
    width:100%;
    height:1px;
    background:#fff;
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.ft-privacy-wrap a:hover{
    color:#fff;
}
.ft-privacy-wrap a:hover:before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.ft-attention{
    background:#fff;
    padding:20px 0;
}
.ft-attention>div{
    display:flex;
    justify-content:center;
    padding:0 20px;
    width:100%;
}
.dl-18{
    margin:0;
    width:100%;
}
.dl-18>dt{
    display:block;
    width:100%;
    margin-bottom:10px;
}
.dl-18>dd{
    display:block;
    width:100%;
    margin-bottom:0;
}
.dl-18>dt img{
    display:table;
    width:100%;
    max-width:50px;
    margin-left:auto;
    margin-right:auto;
}
.dl-18>dd p{
    font-size:12px;
    color:var(--main-color);
}
.ft-copyright{
    background:var(--sub-color);
    padding:20px 20px 40px 20px;
}
@media(min-width:768px){
    .footerwidget .footer_widget:first-of-type{
        width:220px;
    }
    .footerwidget .footer_widget:last-of-type{
        width:calc(100% - 220px);
    }
    .footerwidget ul.menu{
        display:flex;
        flex-flow:row wrap;
    }
    .footerwidget ul.menu>li{
        width:50%;
    }
    .footerwidget ul.menu>li>a{
        white-space: nowrap;
    }
    .dl-18{
        display:flex;
        flex-flow:row nowrap;
        width:fit-content;
    }
    .dl-18>dt{
        width:80px;
        margin-bottom:0;
    }
    .dl-18>dd{
        width:calc(100% - 80px);
        display:flex;
        align-items:center;
    }
}
@media(min-width:992px){
    .footerwidget ul.menu>li{
        width:33.333%;
    }
}
/*==========================================================*/
/* page header             									*/
/*==========================================================*/
.page-header{
    overflow:hidden;
}
.page-header::before{
    content:'';
    background:url('./img/pghd-default.jpg') center center / cover no-repeat;
    position:absolute;
    inset:0;
    filter:blur(3px);
    transform:scale(1.05);
    z-index:-1;
}
/*==========================================================*/
/* work sec             									*/
/*==========================================================*/
.work-sec{
    position:relative;
}
.work-sec:before{
    content:'';
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.5;
    filter:blur(1px);
    position:absolute;
    inset:0;
    z-index:-1;
}
.work-wrap{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
.work-sec .dl-flexbox>dt{
    margin-bottom:40px;
}
.work-sec .dl-flexbox>dt .pict{
    border-radius:unset;
    overflow:unset;
    position:relative;
}
.work-sec .dl-flexbox>dt .pict>img{
    aspect-ratio:4/3;
}
.work-sec .dl-flexbox>dt .pict:before{
    content:'';
    width:100%;
    height:100%;
    border:solid 1px var(--main-color);
    position:absolute;
    top:10px;
    left:10px;
}
.work-sec .dl-flexbox>dd .desc{
    width:100%;
}
.h3fuchi{
    --color:#f4256a;
    color:var(--color);
    font-size:22px;
    font-weight: 900;
    text-shadow: 0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color),
                0 0 1px var(--color);
    -webkit-text-stroke: 0.5px #FFF;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
    margin-bottom:20px;
}
.h3shadow{
    text-shadow:
    2px 0 0px var(--main-color),
    -2px 0 0px var(--main-color),
    0 2px 0px var(--main-color),
    0 -2px 0px var(--main-color),
    2px 2px 0px var(--main-color),
    -2px 2px 0px var(--main-color),
    2px -2px 0px var(--main-color),
    -2px -2px 0px var(--main-color);  
    color:#fff;
    font-weight:700;
    position:relative;
    padding-bottom:15px;
    margin-bottom:30px;
    font-size:18px;
    line-height:1.4;
}
.h3shadow:before{
content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:8px;
  background-image: radial-gradient(circle, #aaa 2px, transparent 2.5px);
  background-size: 10px 8px;
  background-repeat: repeat-x;
  background-position: left center;
}
.ul-features{
    margin:0;
    padding:0;
    width:100%;
    display:flex;
    flex-flow:row wrap;
    list-style:none;
    justify-content: space-between;
}
.ul-features>li{
    width:100%;
    margin-bottom:30px;
}
.ul-features>li .box{
    width:100%;
    position:relative;
    border:solid 2px var(--main-color);
    padding:10px;
    background:rgba(255,255,255,0.8);
}
.ul-features>li .box>.num{
    width:80px;
    height:60px;
    background:var(--main-color);
    display:flex;
    justify-content:center;
    align-items:flex-end;
    position:absolute;
    top:0;
    left:20px;
}
.ul-features>li .box>.num::before{
    content:'';
    width:80px;
    height:40px;
    border-top:20px var(--main-color) solid;
    border-left:40px var(--main-color) solid;
    border-right:40px var(--main-color) solid;
    border-bottom:20px transparent solid;
    position:absolute;
    bottom:-39px;
    left:0;
}
.ul-features>li .box>.num p{
    color:#fff;
    font-family:var(--Roboto);
    font-size:32px;
    position:relative;
    font-weight:700;
}
.ul-features>li .box>.num p:before{
    content:'';
    width:40px;
    height:2px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:50%;
    translate:-50% 0;
}
.ul-features>li .box>.wrap{
    padding:100px 20px 40px 20px;
    border:solid 1px var(--main-color);
}
.ul-features>li .box>.wrap>h3{
    color:var(--main-color);
    font-size:22px;
    margin-bottom:20px;
}
.work-sec .hd-style h2{
    white-space:nowrap;
    letter-spacing: 0;
}
@media(min-width:768px){
    .ul-features>li{
        width:49%;
    }
    .ul-features>li .box>.wrap>h3{
        min-height:80px;
    }
    .ul-features>li .box>.wrap>.desc{
        min-height:210px;
    }
}
@media(min-width:992px){
    .h3fuchi{
        font-size:26px;
    }
    .h3shadow{
        font-size:24px;
    }
    .work-sec .dl-flexbox>dt .pict>img{
        aspect-ratio:1/1;
    }
    .ul-features>li{
        width:33%;
    }
    .ul-features>li .box>.wrap>.desc{
        min-height:250px;
    }
    .ul-features>li .box>.wrap{
        padding:100px 10px 40px 10px;
    }
    .ul-features>li .box>.wrap>h3{
        min-height:50px;
    }
}
@media(min-width:1200px){
    .ul-features>li{
        width:31%;
    }
    .ul-features>li .box>.wrap>h3{
        min-height:50px;
    }
    .ul-features>li .box>.wrap>.desc{
        min-height:200px;
    }
    .ul-features>li .box>.wrap{
        padding:100px 20px 40px 20px;
    }
}
/*==========================================================*/
/* flow sec             									*/
/*==========================================================*/
.flow-sec{
    position:relative;
    background:var(--bk-accent-color3);
}
.flow-wrap{
    width:100%;
}
.ul-flow{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.ul-flow>li{
    width:100%;
    margin-bottom:50px;
}
.ul-flow>li:last-of-type{
    margin-bottom:0;
}
.dl-flow{
    margin:0;
    width:100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
.dl-flow>dt{
    width:100%;
    margin-bottom:20px;
}
.dl-flow>dd{
    width:100%;
    margin-bottom:0;
}
.dl-flow>dt .pict{
    padding:10px;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
}
.dl-flow>dt .pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:10px;
    overflow:hidden;
}
.dl-flow>dd .desc{
    width:100%;
    position:relative;
}
.h3flexflow{
    position:relative;
    color:var(--main-color);
    font-size:22px;
    font-weight:700;
    display:flex;
    width:100%;
    align-items:center;
}
.h3flexflow .circle{
    width:80px;
    height:80px;
    border-radius:50%;
    background:var(--main-color);
    display:flex;
    justify-content: center;
    align-items: center;
    margin-right:10px;
}
.h3flexflow .circle p{
    font-size:32px;
    color:#fff;
    text-align:center;
    line-height:1;
}
.h3flexflow .circle p>small{
    font-size:14px;
    display:block;
}
.dl-flow>dd .ul-pochi{
    margin:10px 0;
}
.app-btn{
    margin-top:10px;
}
.app-btn a{
    width: 200px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-align: center;
    border-radius: 23px;
    position: relative;
    transition: all 0.5s;
    flex-flow:row wrap;
}
.app-btn .telnolink{
    color: var(--main-color);
    border: solid 2px var(--main-color);
    margin-bottom:5px;
}
.app-btn .telnolink small{
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    width:100%;
}
.app-btn .telnolink>div{
    display:block;
    width:100%;
}
.app-btn .linelink{
    background: var(--line-btn-color);
    color: #fff;
    padding-left: 20px;
    margin-bottom:5px;
}
.app-btn .linelink i{
    font-size:22px;
    position:absolute;
    left:20px;
    top:50%;
    translate:0 -50%;    
}
.app-btn .emaillink{
    background: var(--mail-btn-color);
    color: #fff;
    padding-left: 20px;
}
.app-btn .emaillink i{
    font-size:22px;
    position:absolute;
    left:20px;
    top:50%;
    translate:0 -50%;    
}
@media(min-width:768px){
    .app-btn{
        display:flex;
        flex-flow:row wrap;
    }
    .app-btn>a{
        margin-right:5px;
        margin-bottom:0;
    }
}
@media(min-width:992px){
    .dl-flow>dt{
        width:49%;
        margin-bottom:0;
    }
    .dl-flow>dd{
        width:49%;
    }
    .dl-flow>dt .pict>img{
        aspect-ratio:4/3;
    }
    .ul-flow>li:nth-of-type(2n) .dl-flow>dt{
        order:2;
    }
    .ul-flow>li:nth-of-type(2n) .dl-flow>dd{
        order:1;
    }
}
/*==========================================================*/
/* merit sec             									*/
/*==========================================================*/
.merit-sec{
    position:relative;
    background:var(--bk-accent-color2);
}
.merit-wrap{
    width:100%;
}
.ul-merit{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
}
.ul-merit>li{
    width:100%;
    margin-bottom:40px;
    background:#fff;
    padding:20px;
    border:solid 1px var(--main-color);
}
.ul-merit>li:last-of-type{
    margin-bottom:0;
}
.dl-merit{
    width:100%;
    margin:0;
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.dl-merit>dt{
    width:100%;
    margin-bottom:20px;
}
.dl-merit>dd{
    width:100%;
    margin-bottom:0;
}
.dl-merit>dt .pict{
    width:100%;
}
.dl-merit>dt .pict>img{
    width:100%;
    aspect-ratio: 16/9;
    object-fit:cover;
}
.dl-merit>dd .desc{
    width:100%;
}
.dl-merit>dd .desc h3{
    margin-bottom:20px;
    font-size:20px;
    padding-bottom:10px;
    position:relative;
}
.dl-merit>dd .desc h3:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--main-color);
    position:absolute;
    bottom:0;
    left:0;
}
@media(min-width:992px){
    .ul-merit>li{
        padding:40px;
    }
    .dl-merit>dt{
        width:38%;
        margin-bottom:0;
    }
    .dl-merit>dd{
        width:58%;
        display:flex;
        align-items:center;
    }
    .dl-merit>dt .pict>img{
        width:100%;
        aspect-ratio: 4/3;
        object-fit:cover;
    }
}
/*==========================================================*/
/* application sec        									*/
/*==========================================================*/
.application-sec{
    position:relative;
}
.application-wrap{
    width:100%;
}
.tbl-application{
    width:100%;
}
.tbl-application tbody{
    width:100%;
}
.tbl-application tr{
    width:100%;
    display:block;
    margin-bottom:30px;
}
.tbl-application th{
    display:block;
    width:100%;
    background:var(--tbl-th-color);
    color:#fff;
    padding:0.5em;
    font-weight:400;
}
.tbl-application td{
    display:block;
    width:100%;
    padding:0.5em;
    border:solid 1px var(--tbl-bd-color);
}
.attention-txt{
    width:calc(100% - 10px);
    padding:20px;
    background:var(--bk-accent-color2);
    position:relative;
    margin-left:10px;
}
.attention-txt::before{
    content:'';
    width:100%;
    height:100%;
    border:solid 1px var(--main-color);
    position:absolute;
    top:-10px;
    left:-10px;
}
.attention-txt p{
    font-size:14px;
}
@media(min-width:768px){
    .tbl-application{
        margin-bottom:60px;
    }
    .tbl-application tr{
        width:100%;
        display: table-row;
        margin-bottom:0;
    }
    .tbl-application th{
        display: table-cell;
        width:30%;
        padding:1em;
        border:solid 1px var(--tbl-bd-color);
    }
    .tbl-application td{
        display: table-cell;
        width:70%;
        padding:1em;
        border:solid 1px var(--tbl-bd-color);
    }
    .attention-txt{
        padding:40px;
        margin-left:10px;
    }
}
/*==========================================================*/
/* support sec          									*/
/*==========================================================*/
.support-sec{
    position:relative;
}
.support-sec:before{
    content:'';
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.5;
    filter:blur(1px);
    position:absolute;
    inset:0;
    z-index:-1;
}
.support-wrap{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
/*==========================================================*/
/* reward sec             									*/
/*==========================================================*/
.reward-sec{
    position:relative;
}
.reward-sec::before{
    content:'';
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.5;
    filter:blur(1px);
    position:absolute;
    inset:0;
    z-index:-1;
}
.reward-wrap{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
.reward-ch-wrap{
    width:100%;
}
.reward-ch-wrap .pict{
    width:100%;
    margin-bottom:20px;
}
.reward-ch-wrap .pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}
@media(min-width:992px){
    .reward-ch-wrap .pict{
        margin-bottom:40px;
    }
    .reward-ch-wrap .pict>img{
        aspect-ratio:2/1;
        object-position:top center;
    }
}
/*==========================================================*/
/* system sec             									*/
/*==========================================================*/
.system-sec{
    position:relative;
    background:var(--bk-accent-color3);
}
/*==========================================================*/
/* payment sec             									*/
/*==========================================================*/
.payment-sec{
    position:relative;
    background:var(--bk-accent-color2);
}
.payment-wrap{
    width:100%;
}
.payment-wrap .pict{
    width:100%;
    margin-bottom:20px;
}
.payment-wrap .pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}
.ul-payment{
    margin:30px 0 0 0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
.ul-payment>li{
    width:100%;
    margin-bottom:40px;
}
.ul-payment>li .box{
    width:calc(100% - 5px);
    background:#fff;
    border:solid 1px var(--main-color);
    box-shadow:5px 5px 0 var(--main-color);
    padding:40px 20px;
}
.ul-payment>li .box h4{
    text-align:center;
    color:var(--main-color);
    padding:10px;
    border-bottom:solid 1px var(--main-color);
    font-weight:700;
}
.ul-payment>li .box .desc{
    width:100%;
}
.ul-payment2{
    margin:40px 0 0 0;
    padding:0;
    list-style:none;
    display:block;
    width:100%;
}
.ul-payment2>li{
    width:100%;
    margin-bottom:40px;
}
.ul-payment2>li:last-of-type{
    margin-bottom:0;
}
.ul-payment2>li .box{
    background:#fff;
    border:solid 1px var(--main-color);
    padding:20px;
}
.ul-payment2>li .box h3{
    color:var(--main-color);
    padding:10px;
    border-bottom:solid 1px var(--main-color);
    margin-bottom:20px;
    font-size:22px;
}
@media(min-width:768px){
    .ul-payment{
        margin-bottom:80px;
    }
    .ul-payment>li{
        width:32%;
        margin-bottom:0;
    }
    .ul-payment>li .box .desc{
        min-height:260px;
    }
}
@media(min-width:992px){
    .payment-wrap .pict{
        margin-bottom:40px;
    }
    .payment-wrap .pict>img{
        aspect-ratio:2/1;
        object-position:top center;
    }
    .ul-payment>li{
        width:31%;
    }
    .ul-payment>li .box .desc{
        min-height:180px;
    }
}
/*==========================================================*/
/* usecase sec             									*/
/*==========================================================*/
.usecase-sec{
    position:relative;
}
.usecase-sec::before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict3.jpg') center center / 300px 300px repeat;
    opacity:0.4;
    filter:blur(1px);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.ul-usecase{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
}
.ul-usecase>li{
    width:100%;
    margin-bottom:40px;
    background:#fff;
    padding:20px;
    border:solid 1px var(--main-color);
}
.ul-usecase>li:last-of-type{
    margin-bottom:0;
}
.dl-usecase{
    width:100%;
    margin:0;
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.dl-usecase>dt{
    width:100%;
    margin-bottom:20px;
}
.dl-usecase>dd{
    width:100%;
    margin-bottom:0;
}
.dl-usecase>dt .pict{
    width:100%;
}
.dl-usecase>dt .pict>img{
    width:100%;
    aspect-ratio: 4/3;
    object-fit:cover;
}
.dl-usecase>dt p{
    display:table;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:20px;
    font-weight:500;
    padding:10px;
    border-top:solid 1px var(--main-color);
    border-bottom:solid 1px var(--main-color);
}
.dl-usecase>dd .desc{
    width:100%;
    margin-bottom:20px;
}
.dl-usecase>dd h3{
    margin-bottom:20px;
    font-size:20px;
    padding-bottom:10px;
    position:relative;
}
.dl-usecase>dd h3::before{
    content:'';
    width:100%;
    height:1px;
    background:var(--main-color);
    position:absolute;
    bottom:0;
    left:0;
}
.usecase-txt{
    background:var(--bk-accent-color2);
    width:300px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.usecase-txt strong{
    color:var(--main-color);
    font-size:1.5em;
}
@media(min-width:992px){
    .ul-usecase>li{
        padding:40px;
    }
    .dl-usecase>dt{
        width:38%;
        margin-bottom:0;
    }
    .dl-usecase>dd{
        width:58%;
        display:flex;
        align-items:center;
    }
    .dl-usecase>dt .pict>img{
        width:100%;
        aspect-ratio: 4/3;
        object-fit:cover;
    }
    .dl-usecase>dt .pict>img{
        aspect-ratio: 1/1;
    }
}
@media(min-width:1200px){
    .dl-usecase>dt{
        width:37%;
        margin-bottom:0;
    }
    .dl-usecase>dd{
        width:57%;
        display:flex;
        align-items:center;
    }
    .dl-usecase>dt .pict>img{
        aspect-ratio: 4/3;
    }
}
/*==========================================================*/
/* treat sec             									*/
/*==========================================================*/
.treat-sec{
    position:relative;
}
.treat-sec::before{
    content:'';
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.5;
    filter:blur(1px);
    position:absolute;
    inset:0;
    z-index:-1;
}
.treat-wrap{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
.treat-ch-wrap{
    width:100%;
}
.treat-ch-wrap>.pict{
    width:100%;
    margin-bottom:20px;
}
.treat-ch-wrap>.pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}
.treat-sec .ul-features.ul-treat>li .box>.wrap .pict{
    width:100%;
}
.treat-sec .ul-features.ul-treat>li .box>.wrap .pict>img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}
@media(min-width:768px){
    .treat-sec .ul-features>li .box>.wrap>h3{
        display:flex;
        min-height:50px;
        align-items: center;
    }
    .treat-sec .ul-features.ul-treat>li .box>.wrap>.desc{
        min-height:300px;
    }
}
@media(min-width:992px){
    .treat-ch-wrap .pict{
        margin-bottom:40px;
    }
    .treat-ch-wrap .pict>img{
        aspect-ratio:2/1;
        object-position:top center;
    }
    .treat-sec .ul-features.ul-treat>li{
        width:48%;
    }
    .treat-sec .ul-features>li .box>.wrap>h3{
        width:calc(100% - 130px);
        position:absolute;
        top:30px;
        right:20px;
    }
    .treat-sec .ul-features.ul-treat>li .box>.wrap>.desc{
        min-height:210px;
    }
}
@media(min-width:1200px){
    .treat-sec .ul-features.ul-treat>li .box>.wrap>.desc{
        min-height:160px;
    }
}
/*==========================================================*/
/* env sec             									    */
/*==========================================================*/
.env-sec{
    position:relative;
    background:var(--bk-accent-color);
}
/*==========================================================*/
/* promise sec         									    */
/*==========================================================*/
.promise-sec{
    position:relative;
    background:#f7f7f7;
}
.headafter-wrap{
    width:100%;
    margin-bottom:40px;
}
.promise-wrap{
    width:100%;
    padding:20px;
    border-radius:20px;
    border:solid 2px var(--main-color);
    background:#fff;
}
.dl-promise{
    border-bottom:solid 1px #aaa;
}
.dl-promise>dt{
    color:var(--main-color);
    font-size:22px;
    padding:20px 0;
}
.dl-promise>dd{
    padding-bottom:20px;
}
.promise-wrap>div .dl-promise:last-of-type{
    margin-bottom:0;
    border-bottom:none;
}
@media(min-width:768px){
    .promise-wrap{
        padding:40px;
    }
}
/*==========================================================*/
/* experienced sec    									    */
/*==========================================================*/
.experienced-sec{
    position:relative;
}
.experienced-sec:before{
    content:'';
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.5;
    filter:blur(1px);
    position:absolute;
    inset:0;
    z-index:-1;
}
.experienced-wrap{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
.experienced-wrap .hd-style3 h3{
    white-space: nowrap;
}
.experienced-wrap .h4org{
    white-space: nowrap;
}
.experienced-wrap .ul-tpexperience>li .box{
    background:transparent;
    padding:0;
}
.experienced-wrap .ul-tpexperience>li .box .desc{
    width:calc(100% - 10px);
    background:var(--bk-accent-color2);
    position:relative;
    margin-left:10px;
    padding:40px 20px;
}
.experienced-wrap .ul-tpexperience>li .box .desc::before{
    content:'';
    width:100%;
    height:100%;
    border:solid 1px var(--main-color);
    position:absolute;
    top:-10px;
    left:-10px;
}
.experienced-wrap .ul-tpexperience>li .box h3{
    color:var(--font-color);
    padding-bottom:30px;
    position:relative;
    font-size:22px;
    margin-bottom:40px;
    font-weight:700;
}
.experienced-wrap .ul-tpexperience>li .box h3::before{
    content:'';
    width:60px;
    height:2px;
    background:var(--main-color);
    position:absolute;
    bottom:0;
    left:50%;
    translate:-50% 0;
}
.misunderstand-sec .tpmisunderstand-wrap{
    margin-bottom:80px;
}
.earn-wrap{
    width:100%;
    margin-bottom:80px;
}
.earn-wrap>.pict{
    width:100%;
    margin-bottom:40px;
}
.earn-wrap>.pict>img{
    width:100%;
    aspect-ratio: 16/9;
    object-fit:cover;
}
.h3btn{
    width:100%;
    height:70px;
    background:#fff;
    color:var(--main-color);
    border-radius:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    border:solid 3px var(--main-color);
    box-shadow:5px 5px 0 var(--sub-color);
    margin-bottom:40px;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}
.earn-wrap .ul-tpreason_add>li .box h3{
    white-space:nowrap;
}
.earn-wrap .ul-tpreason_add>li:first-of-type .box .pict>img{
    transform:scale(1.2);
    transform-origin:bottom center;
}
@media(min-width:768px){
    .experienced-wrap .ul-tpexperience>li .box h3 br{
        display:none;
    }
    .earn-wrap .ul-tpreason_add>li .box>div{
        min-height:600px;
    }
}
@media(min-width:992px){
    .experienced-wrap .ul-tpexperience{
        margin-top:0;
    }
    .experienced-wrap .ul-tpexperience>li{
        width:100%;
        margin-top:100px;
    }
    .experienced-wrap .ul-tpexperience>li .box h3{
        font-size:32px;
    }
    .experienced-wrap .ul-tpexperience>li .box .pict>img{
        aspect-ratio:2/1;
    }
    .experienced-wrap .ul-tpexperience>li .box .desc{
        min-height:unset;
    }
    .earn-wrap .ul-tpreason_add>li .box>div{
        min-height:650px;
    }
    .earn-wrap>.pict{
        margin-bottom:80px;
    }
    .earn-wrap>.pict>img{
        width:100%;
        height:500px;
        object-fit:cover;
    }
    .misunderstand-sec .h4org br{
        display:none;
    }
}
@media(min-width:1200px){
    .earn-wrap .ul-tpreason_add>li .box>div{
        min-height:600px;
    }
}
/*==========================================================*/
/* misunserstand sec   									    */
/*==========================================================*/
.misunderstand-sec{
    position:relative;
}
.misunderstand-sec::before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict3.jpg') center center / 300px 300px repeat;
    opacity:0.4;
    filter:blur(1px);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
/*==========================================================*/
/* faq sec             									    */
/*==========================================================*/
.faq-sec{
    position:relative;
}
.faq-sec::before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.4;
    filter:blur(1px);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.faq-wrap{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
.faq_start{
    margin-bottom:40px;
}
.faq_start p>a{
    color:var(--main-color);
    transition:all 0.5s;
    position:relative;
    font-weight:700;
}
.faq_start p>a::before{
    content:'';
    width:100%;
    height:1px;
    background:var(--main-color);
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.faq_start p>a:hover{
    color:var(--main-color);
}
.faq_start p>a:hover::before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.faq-cat-wrap{
    width:100%;
    margin-bottom:40px;
}
.ul-faqtype{
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
    flex-flow:row wrap;
    width:100%;
}
.ul-faqtype>li{
    width:100%;
    margin-top:20px;
}
.ul-faqtype>li a{
    display:flex;
    width:100%;
    max-width:300px;
    height:60px;
    border-radius:30px;
    background:var(--main-color);
    color:#fff;
    position:relative;
    justify-content:center;
    align-items:center;
    transition:all 0.5s;
    margin-left:auto;
    margin-right:auto;
}
.ul-faqtype>li a:before{
    content:'';
    width:100%;
    max-width:300px;
    height:60px;
    border-radius:30px;
    border:solid 1px var(--font-color);
    position:absolute;
    top:-5px;
    left:-5px;
    transition:all 0.5s;
}
.ul-faqtype>li a:hover{
    filter:brightness(1.1);
}
.ul-faqtype>li a:hover::before{
    top:0;
    left:0;
}
.faq-data-wrap{
    width:100%;
}
.h2underline{
    padding-top:40px;;
    font-size:22px;
    padding-bottom:10px;
    border-bottom:solid 1px var(--main-color);
}
@media(min-width:768px){
    .ul-faqtype{
        justify-content: center;
    }
    .ul-faqtype>li{
        width:50%;
    }
    .faq_start p{
        text-align:center;
    }
}
@media(min-width:992px){
    .h2underline{
        font-size:32px;
    }
    .ul-faqtype>li{
        width:33.333%;
        padding:0 10px;
    }
}
/*==========================================================*/
/* profile sec           									*/
/*==========================================================*/
.profile-sec{
    position:relative;   
}
.profile-sec:before{
    content:'';
    background:url('./img/bk-pict3.jpg') center center / 300px 300px repeat;
    opacity:0.5;
    filter:blur(1px);
    position:absolute;
    inset:0;
    z-index:-1;
}
.profile-wrap{
    background:#fff;
    border-radius:10px;
    padding:10px;
}
p.attention{
    padding-left:20px;
    position:relative;
}
p.attention::before{
    content:'※';
    position:absolute;
    top:0;
    left:0;
}
.company-wrap{
    width:100%;
}
.company-wrap>.pict{
    display:block;
    width:100%;
    max-width:350px;
    margin:0 auto;
}
.company-wrap>.pict video{
    width:100%;
    height:auto;
}
@media(min-width:768px){
    .profile-wrap{
        padding:40px;
    }
    .company-wrap .tbl-application{
        margin-bottom:10px;
    }
}
/*==========================================================*/
/* privacy policy          									*/
/*==========================================================*/
.pri_sec{
    position:relative;
}
.detail-wrap{
    margin-top:60px;
}
.detail-wrap .h2org{
    text-align:left;
    margin-bottom:30px;
}
.ul_pri{
    margin-top:20px;
    padding-left:20px;
    margin-bottom:0;
}
.ul_pri li{
    margin-top:10px;
    font-size:16px;
}
.detail-wrap a{
    color:var(--main-color);
    font-weight:700;
    position:relative;
}
.detail-wrap a:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--main-color);
    transform:scale(0, 1);
    transform-origin:right center;
    transition:transform 0.5s;
    position:absolute;
    bottom:0;
    left:0;
}
.detail-wrap a:hover:before{
    transform:scale(1, 1);
    transform-origin:left center;
}
@media(min-width:768px){
    .detail-wrap .h2org{
        font-size:24px;
    }
}
/*==========================================================*/
/* contact                									*/
/*==========================================================*/
.contact-sec{
    position:relative;
}
.contact-sec::before{
    content:'';
    width:100%;
    height:100%;
    background:url('./img/bk-pict.jpg') center center / 300px 300px repeat;
    opacity:0.4;
    filter:blur(1px);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.contact-inner{
    background:rgba(255,255,255,0.3);
    padding:20px;
    border-radius:5px;
    overflow:hidden;
}
.before-contact-wrap{
    width:100%;
    margin-bottom:40px;
}
.dl-contact{
    width:100%;
    display:flex;
    flex-flow:row wrap;
    margin:0;
}
.dl-contact dt{
    width:100%;
    margin-bottom:20px;
}
.dl-contact dd{
    width:100%;
    margin-bottom:0;
}
.contact-box{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 0;
    border-radius:5px;
}
.dl-contact dt .contact-box{
    background:var(--thin-bk-color);
}
.dl-contact dd .contact-box{
    background:var(--thin-line-color);
}
.contact-box h2{
    font-size:24px;
    font-weight:700;
    text-align:center;
    margin-bottom:10px;
}
.telno-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    align-items: center;
    margin-bottom:10px;
}
.telno-wrap p{
    display:flex;
    font-size:24px;
    align-items:center;
}
.telno-wrap .telnolink{
    position:relative;
}
.telno-wrap .telnolink:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--main-color);
    transform:scale(0, 1);
    transform-origin:right center;
    transition:transform 0.5s;
    position:absolute;
    bottom:0;
    left:0;
}
.telno-wrap .telnolink:hover:before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.telno-wrap i{
    margin-right:5px;
    color:var(--main-color);
    font-size:32px;
}
.contact-box>div>p{
    text-align:center;
}
.line-wrap{
    width:100%;
    margin-bottom:10px;
}
.line-wrap a{
    width:100%;
    max-width:280px;
    height:50px;
    border-radius:25px;
    display:flex;
    justify-content: center;
    align-items:center;
    background:var(--line-btn-color);
    color:#fff;
    letter-spacing:0.1em;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    transition:all 0.5s;
}
.line-wrap a i{
    font-size:32px;
    position:absolute;
    top:50%;
    left:50px;
    translate:0 -50%;
}
.line-wrap a:hover{
    filter:brightness(1.1);
    color:#fff;
}
.contact-wrap{
    margin-top:80px;
}
.contact-wrap .inner{
    margin-bottom:40px;
}
@media(min-width:768px){
    .telno-wrap .telnolink{
        font-weight:700;
    }
}
@media(min-width:992px){
    .before-contact-wrap>p{
        text-align:center;
    }
    .dl-contact{
        justify-content: space-between;
    }
    .dl-contact dt{
        width:49%;
        margin-bottom:0;
    }
    .dl-contact dd{
        width:49%;
    }
    .contact-box{
        height:210px;
    }
}
/* contact form */
.div-contactfm{
    width:100%;
    margin-bottom:20px;
}
.div-contactfm label{
    width:100%;
    font-weight:500;
    margin-bottom:10px;
    position:relative;
}
input[type='text'], input[type='email'], input[type='tel']{
    width:100%;
    height:60px;
    padding:5px;
    background-color:#fff;
    box-shadow: none !important;
    line-height: 1.5em;
    appearance: none;
    border: 1px solid #ccc;
}
input[type='text']:focus, input[type='email']:focus, input[type='tel']:focus{
    outline:solid 1px var(--focus-color);
}
textarea{
    width:100%;
    padding:5px;
    background-color:#fff;    
    box-shadow: none !important;
    line-height: 1.5em;
    appearance: none;
    border: 1px solid #ccc;
}
textarea:focus{
    outline:solid 1px var(--focus-color);
}
input[type='submit']{
    width:100%;
    max-width:460px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--submit-btn);
    color:#fff;
    border:none;
    margin:0 auto;
    transition:all 0.3s;
}
input[type='submit']:hover{
    filter:brightness(1.1);
}
input[type='submit']:disabled{
    filter:brightness(0.8);
}
input[type='submit']:hover:disabled{
    filter:brightness(0.8);
}
.pripol-btn{
    padding:10px 0;
}
.pripol-btn>div{
    margin-bottom:30px;
}
.pripol-btn a{
    text-decoration:underline;
    margin-right:5px;
    transition:0.5s;
    width:fit-content;
    position:relative;
}
.pripol-btn a:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--require-color);
    position:absolute;
    display:block;
    bottom:0;
    left:0;
    transform: scale(0, 1);
    transform-origin: right top;
    transition:transform 0.5s;
}
.pripol-btn a:hover:before{
    transform-origin: left top;
    transform: scale(1, 1);
}
.pripol-btn a:hover{
    text-decoration:none;
    opacity:0.8;
}
.pripol-btn .square{
    display:inline-block;
    position:relative;
    padding:10px;
}
.pripol-btn .square:before{
    content:'';
    width:13px;
    height:13px;
    border:solid 1px #555;
    border-radius:2px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}
.checkbox-pripol{
    display:flex;
    justify-content:center;
    align-items:center;
}
.checkbox-pripol label{
    display:flex;
    align-items:center;
}
input[name='acceptance-privacypolicy']{
    width:18px;
    height:18px;
    margin-right:10px;
}
.pripol-desc{
    display:flex;
    justify-content:center;
}
.p-desc .require{
    color:var(--require-color);
}
.require{
    font-weight:400;
    display:flex;
    width:50px;
    height:26px;
    justify-content:center;
    align-items:center;
    background:var(--require-color);
    color:#fff;
    font-size:12px;
    border-radius:13px;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
@media(min-width:992px){
    .tpcontact-sec{
        padding:80px 0;
    }
}
/*==========================================================*/
/* archive                									*/
/*==========================================================*/
.post-sec{
    padding-top:10px;
}
.category-wrap{
    margin-bottom:20px;
}
.ul-categorylist{
    margin-bottom:0;
}
.tag-wrap{
    margin-bottom:40px;
}
.ul-taglist{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
}
.ul-taglist>li>a{
    margin-right:10px;
    margin-bottom:10px;
    font-size:14px;
    position:relative;
}
.ul-taglist>li>a::before{
    content:'';
    width:100%;
    height:1px;
    background:var(--font-color);
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.ul-taglist>li>a:hover::before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.ul-taglist>li>a.current{
    background:transparent;
    color:var(--font-color);
    pointer-events: none;
    text-decoration:underline;
}
.cat-wrap{
    display:flex;
    justify-content:flex-start;
}
.stag-wrap{
    display:flex;
    justify-content:flex-end;
}