/*!
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=Lato:wght@400;700;900&display=swap');
/************************************************************/
:root{
    --fontawesome:"Font Awesome 6 Free";
    --fontawesome2:"Font Awesome 6 Brands";
    --linecolor:#06c755;
    --main:#1E3A8A;
    --sub1:#3B82F6;
    --sub2:#06B6D4;
    --sub3:#9CA3AF;
    --base:#F5F7FA;
    --ac1:#10B981;
    --txt:#1F2937;
    --txtsub:#4B5563;
    --jpfont:YuGothic, 游ゴシック体, "Yu Gothic", 游ゴシック, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    --enfont:"Lato", sans-serif;
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-size:17px;
    color:var(--txt);
}
body a{
    transition: all .3s ease;
    text-decoration: none;
}
body a:hover{
    text-decoration:none;
}
.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;
    }
}
/*---- origin ----*/
.imgarea {
    margin-bottom:1rem;
    text-align: center;
}
.imgarea img {
    width:100%;
}
.gmap-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
}
.gmap-wrap iframe, .gmap-wrap object, .gmap-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.detail-wrap {
    padding:30px 0;
}
img.aligncenter {
    display: block;
    margin-left:auto;
    margin-right:auto;
}
img.alignleft {
    float:left;
}
img.alignright{
    float:right;
}
a.tellink {
    transition: all .3s;
}
table {
    border-collapse: collapse;
}
.entry-body {
    padding:40px 0;
}
.tb-inline,.tb-inline-block,.tb-block,.tb-flex,.pc-inline,.pc-inline-block,.pc-block,.pc-flex {
    display: none;
}
.bgoverlay {
    position: relative;
}
.bgoverlay::before {
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height:100%;
}
.bgoverlay>div {
    position: relative;
    z-index: 1;
}
@media(min-width:500px){
    .d-500-none {
        display: none;
    }
}
@media(min-width:768px){
    a.tellink {
        pointer-events: none;
    }
    .tb-inline {
        display: inline!important;
    }
    .tb-inline-block {
        display: inline-block!important;
    }
    .tb-block {
        display: block!important;
    }
    .tb-flex {
        display: flex!important;
    }
}
@media(min-width:992px){
    .pc-inline {
        display: inline!important;
    }
    .pc-inline-block {
        display: inline-block!important;
    }
    .pc-block {
        display: block!important;
    }
    .pc-flex {
        display: flex!important;
    }
}
/*---- title,font ----*/
.h1org{
    font-size:24px;
    line-height:1.5;
    font-weight:700;
    margin-bottom:0;
}
.h2_small{
    font-family:var(--enfont);
    display:flex;
    align-items:center;
    font-size:16px;
    margin-bottom:30px;
    line-height:1;
    font-weight:400;
    color:var(--txtsub);
}
.h2_small::before{
    content:'';
    width:16px;
    height:16px;
    display:block;
    margin-right:24px;
    border-radius:50%;
    border:4px solid var(--sub2);
}
.jp_en_ttl{
    margin-bottom:45px;
}
.jp_en_ttl span{
    display:flex;
    align-items:center;
    font-size:38px;
    line-height:1.2;
    font-weight:500;
}
.jp_en_ttl span::before{
    content:'';
    width:16px;
    height:16px;
    display:block;
    margin-right:24px;
    border-radius:50%;
    border:4px solid var(--sub2);
}
.jp_en_ttl h2{
    font-size:13px;
    margin-top:12px;
    margin-bottom:0;
}
.ttl_default{
    display:flex;
    align-items:center;
    font-size:23px;
    margin-bottom:45px;
    line-height:1.5;
    font-weight:600;
}
.ttl_default.simple{
    font-size:20px;
}
.ttl_default::before{
    content:'';
    width:16px;
    height:16px;
    display:block;
    margin-right:24px;
    border-radius:50%;
    border:4px solid var(--sub2);
}
@media(min-width:768px){
    .h1org {
        font-size:26px;
    }
    .jp_en_ttl span{
        font-size:44px;
    }
    .jp_en_ttl h2{
        margin-top:20px;
        font-size:15px;
    }
    .ttl_default{
        font-size:36px;
    }
    .ttl_default.simple{
        font-size:26px;
    }
}
@media(min-width:992px){
    .h1org {
        font-size:30px;
    }
}
/* link,button */
.a_btn{
    display:flex;
}
.a_btn>a{
    width:fit-content;
    display:flex;
    align-items:center;
    color:var(--txt);
    font-family:var(--enfont);
}
.a_btn span{
    display:flex;
    justify-content:center;
    align-items:center;
    width:55px;
    height:55px;
    border-radius:50%;
    margin-left:21px;
    background:var(--txt);
    transition:all .3s;
}
.a_btn span::before{
    content:'\f054';
    font-family:var(--fontawesome);
    font-weight:700;
    color:#fff;
}
.a_btn>a:hover,.a_btn>a:focus{
    color:var(--main);
}
.a_btn>a:hover span,.a_btn>a:focus span{
    background:var(--main);
    -webkit-transform:scale(1.1) translateX(5px);
    transform:scale(1.1) translateX(5px);
}
.a_btn.wh>a{
    color:#fff;
}
.a_btn.wh span{
    background:#fff;
}
.a_btn.wh span::before{
    color:var(--main);
}
.a_btn.wh>a:hover,.a_btn.wh>a:focus{
    color:#daf5f9;
}
.a_btn.wh>a:hover span,.a_btn.wh>a:focus span{
    background:#daf5f9;
}
.a_btn.cntr{
    justify-content:center;
}
.a_btn.btn-r{
    justify-content:flex-end;
}
/*==============
  header
===============*/
/* mobilemenu */
.mobile-navi-btn{
    background:var(--main);
}
.mobile-navi-btn.right{
    width:50px;
    height:50px;
    border-radius:50%;
    top:4px;
    right:7px;
    box-shadow: 1px 2px 3px rgba(20, 42, 105, 0.4);
}
.mobile-navi-btn span {
    position: absolute;
    background:#fff;
    height:1px;
    width:30px;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.mobile-navi-btn span:nth-child(1){
    top:30%;
}
.mobile-navi-btn span:nth-child(2){
    top:50%;
}
.mobile-navi-btn span:nth-child(3){
    top:70%;
}
.mobile-navi-btn.mobile-navi-open{
    background:var(--burger-bkcolor);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(1) {
    background:var(--main);
    top: 28%;
    left: calc(50% - 4px);
    transform: rotate(-45deg) translate(-50%,-50%);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(2){
    opacity: 0;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(3) {
    background:var(--main);
    top: 71%;
    left: calc(50% - 5px);
    transform: rotate(45deg) translate(-50%,-50%);
}
.site-mobile-nav>div{
    padding:0;
    background:rgba(255, 255, 255, 0);
}
.site-mobile-menu>li{
    padding: 0;
    margin: 0;
}
.site-mobile-menu>li>a{
    display: block;
    padding: 15px 5px;
    font-weight:500;
    font-family:var(--jpfont);
}
.site-mobile-menu>li>a:hover{
    opacity:0.8;
}
.site-mobile-menu>li.menu-item-has-children>a {
    position:relative;
}
.site-mobile-menu>li.menu-item-has-children>a::before,.site-mobile-menu>li.menu-item-has-children>a::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 2px;
    background:var(--txtsub);
    transition: all .3s;
}
.site-mobile-menu>li.menu-item-has-children>a::before{
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.site-mobile-menu>li.menu-item-has-children>a::after{
    right: 11px;
    top: calc(50% - 1px);
    -webkit-transform:rotate(90deg) translateY(-50%);
    transform:rotate(90deg) translateY(-50%);
}
.site-mobile-menu>li.menu-item-has-children.clicked>a::before {
    opacity: 0;
}
.site-mobile-menu>li.menu-item-has-children.clicked>a::after{
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}
.site-mobile-menu ul.sub-menu{
    padding-left: 15px;
    display: none;
}
.site-mobile-menu ul.sub-menu>li>a{
    display: block;
    padding:7px 5px;
}
.site-mobile-menu>li>a:not([href]):not([class]){
    color:var(--sp-menu-font-color);
}
.site-header{
    background:transparent;
    position:fixed;
    top:0;
    left:0;
    z-index:1800;
}
.ptnB .site-header-wrap{
    background:rgba(255, 255, 255, 0);
    box-shadow:none;
}
.scrolled .ptnB .site-header-wrap{
    background:rgba(255, 255, 255, 0);
}
.site-header-inner{
    justify-content:flex-start;
}
@media(min-width:992px){
    .site-header-menu>li{
        padding:0 10px;
        margin-right:10px;
    }
    .site-header-menu>li:last-child{
        margin-right:0;
    }
    .site-header-menu>li>a{
        font-family:var(--jpfont);
        letter-spacing:0;
        font-weight:500;
        padding:10px 0 15px;
    }
    .site-header-menu>li>a:not([href]):not([class]){
        cursor:pointer;
    }
    .site-header-menu>li>a:before{
        border-radius:0;
        width:100%;
        opacity:0;
    }
    .site-header-menu>li>a:hover:before{
        opacity:1;
    }
    .scrolled .ptnB .site-header-wrap{
        background:var(--header-bk-color);
        box-shadow: 0 2px 2px rgba(220,220,220,0.6);
    }
}

/* fade-in animation */
.fade-in,.load-in{
	opacity:0;
	transition:all .7s;
}
.fade-in.fade-in-up,.load-in.fade-in-up{
  -webkit-transform: translate(0,30px);
  -moz-transform: translate(0,30px);
  -ms-transform: translate(0,30px);
  transform: translate(0,30px);
}
.fade-in.fade-in-left{
  -webkit-transform:translate(-30px,0);
  -moz-transform:translate(-30px,0);
  -ms-transform:translate(-30px,0);
  transform:translate(-30px,0);
}
.fade-in.fade-in-right{
  -webkit-transform:translate(30px,0);
  -moz-transform:translate(30px,0);
  -ms-transform:translate(30px,0);
  transform:translate(30px,0);
}
.load-in.scroll-in,.fade-in.scroll-in{
  opacity:1;
  -webkit-transform: translate(0,0)!important;
  -moz-transform: translate(0,0)!important;
  -ms-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
}
/*---- #information page ----*/
figure{
    width:fit-content;
    max-width:100%;
    padding-top:0;
    position:static;
    overflow:unset;
    margin:0;
}
figure>img{
    width:auto;
    max-width:100%;
    height:auto;
    object-fit:contain;
    position:static;
    transition:none;
}
.p-date{
    display:inline-block;
    color:var(--txtsub);
    font-family:var(--enfont);
    font-size:15px;
}
.a_cat{
    display:inline-block;
    padding:4px 10px;
    text-align:center;
    border-radius:50px;
    background:var(--base);
    font-weight:700;
    font-size:15px;
    letter-spacing:1px;
    color:var(--txtsub);
    filter:drop-shadow(0 2px 3px #d4d7da);
}
a.a_cat{
    min-width:100px;
}
span.a_cat{
    padding:2px 7px;
    font-size:13px;
}
a.a_cat:hover,a.a_cat:focus,.a_cat.current{
    background:var(--ac1);
    color:#fff;
}
.a_cat.current{
    pointer-events:none;
}
/* archive */
.ul_cat,.ul_tag{
    padding-left:0;
    list-style:none;
}
.ul_cat{
    margin-bottom:2rem;
}
.ul_tag{
    margin-top:50px;
}
.ul_cat li,.ul_tag li{
    display:inline-block;
    margin-right:10px;
    margin-bottom:20px;
}
.ul_cat li:last-child,.ul_tag li:last-child{
    margin-right:0;
}
.a_tag{
    display:inline-block;
    color:var(--txtsub);
    font-size:15px;
}
a.a_tag:hover,a.a_tag:focus,.a_tag.current{
    color:var(--ac1);
}
.a_tag.current{
    background:rgba(255, 255, 255, 0);
    pointer-events:none;
    border-bottom:1px solid var(--ac1);
}
.ul_info{
    padding-left:0;
    list-style:none;
}
.ul_info li{
    border-bottom:1px solid var(--sub3);
}
.ul_info li:first-child{
    border-top:1px solid var(--sub3);
}
.ul_info li a{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    padding:25px 2px;
}
.ul_info .date_cat{
    width:100%;
}
.ul_info h3{
    font-size:16px;
    line-height:1.6;
    margin-bottom:0;
    color:var(--txt);
    width:calc(100% - 47px);
    padding-right:15px;
}
.info-arr{
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--base);
    width:47px;
    height:47px;
    border-radius:50%;
    transition:all .3s;
    color:var(--txtsub);
    filter:drop-shadow(0 2px 3px #d4d7da);
}
.info-arr::before{
    display:block;
    content:'\f054';
    font-family:var(--fontawesome);
    font-weight:700;
}
.ul_info li a:hover{
    opacity:0.8;
}
.ul_info li a:hover .info-arr{
    background:var(--ac1);
    color:#fff;
    -webkit-transform:scale(1.1) translateX(5px);
    transform:scale(1.1) translateX(5px);
}
.date_cat .p-date,.date_cat .a_cat{
    margin-bottom:10px;
    margin-right:10px;
}
.date_cat .a_cat:last-child{
    margin-right:0;
}
@media(min-width:992px){
    .ul_info .date_cat{
        width:210px;
        padding-right:10px;
    }
    .ul_info .date_cat .p-date,.ul_info .date_cat .a_cat{
        margin-bottom:0;
    }
    .ul_info h3{
        width:calc(100% - 257px);
    }
}
/* single */
.entry-header{
    padding-bottom:44px;
    border-bottom:1px solid #e1e4e6;
}
.entry-header .s_date_cat{
    margin-top:44px;
}
.s_date_cat .p-date{
    margin-bottom:10px;
    margin-right:1rem;
}
.s_date_cat .a_cat{
    margin-bottom:10px;
    margin-right:10px;
}
.s_date_cat .a_tag{
    margin-bottom:10px;
    margin-left:1rem;
}
.s_date_cat .a_cat:last-child{
    margin-right:0;
}
.entry-body p{
    margin-bottom:1rem;
}
.entry-body p:last-child{
    margin-bottom:0;
}
.singlethum{
    text-align:center;
    padding-top:40px;
}
.singlethum img{
    max-width:900px;
    max-height:600px;
    object-fit:contain;
}
/*---- #top page ----*/
/* #hero */
.hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  padding-top:calc(40px + var(--ptnB-sp-header-height));
}
.hero .contains-frm{
    width:90%;
}
.hero-content{
  position:absolute;
  top:50%;
  left:50%;
  width:90%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.shape-group {
  position:fixed;
  top: 0;
  left: 0;
  z-index:-1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.shape {
  position: absolute;
  opacity: 0;
  height:auto;
  aspect-ratio:1/1;
}
.circle { border-radius: 50%; }
.square { border-radius: 20px; }
.circle-outline {
  border-radius: 50%;
  border:20vw solid currentColor;
  background: transparent !important;
}
.rounded-square-outline {
  border-radius:30px;
  border:10vw solid currentColor;
  background:transparent !important;
}
.shape.triangle{
    will-change:clip-path;
    -webkit-clip-path:polygon(20% 0, 10% 100%, 100% 60%);
    clip-path:polygon(20% 0, 10% 100%, 100% 60%);
    border:none;
}
.shape-top-left{
    top:-27%;
    left:-42%;
    width:102%;
}
.shape-bottom-left{
    bottom:-5%;
    left:-5%;
    width:60%;
}
.shape-top-right{
    top:-13%;
    right:-30%;
    width:80%;
}
.shape-bottom-right{
    bottom:10px;
    right:-5%;
    width:55%;
}
.shape-mid-left{
    width:50%;
    top:50%;
    left:-5%;
    transform:translateY(-50%);
}
.shape-mid-right{
    top:25%;
    right:-10%;
    width:45%;
}
.main-jp{
  font-size:24px;
  font-weight:bold;
  margin-bottom:1rem;
  line-height:1.6;
  letter-spacing:-1px;
}
.main-jp .char {
  display: inline-block;
}
.main-en{
  font-size:16px;
  font-family:var(--enfont);
  font-weight:500;
  margin-bottom:2rem;
}
.hero-sub{
  font-size:15px;
  line-height:1.8;
  font-weight:500;
}
.main-jp .char,.main-en,.hero-sub{
    opacity:0;
    visibility:hidden;
}
/* 色クラス */
.deep-blue { background: #1E3A8A; color: #1E3A8A; }
.sky-blue { background: #3B82F6; color: #3B82F6; }
.turquoise { background: #06B6D4; color: #06B6D4; }
.green { background:#10B981; color: #10B981; }
.gray{ background:#dae1e9; color:#dae1e9; }
@media(min-width:500px){
    .shape-top-left{
        top:-70%;
    }
    .shape-bottom-left{
        bottom:-35%;
    }
    .shape-top-right{
        top:-42%;
    }
    .main-jp{
        font-size:40px;
    }
    .main-en{
        font-size:19px;
    }
    .hero-sub{
        font-size:16px;
    }
}
@media(min-width:576px){
    .hero-content{
        max-width:540px;
    }
}
@media(min-width:768px){
    .shape-top-left{
        top:-600px;
        left:-346px;
        width:845px;
    }
    .shape-top-right{
        top:-312px;
        right:-247px;
        width:660px;
    }
    .shape-bottom-left{
        width:495px;
        bottom:-300px;
        left:-100px;
    }
    .shape-bottom-right{
        bottom:-10%;
        right:0;
        width:350px;
    }
    .shape-mid-left{
        width:412px;
        left:-40px;
    }
    .shape-mid-right{
        width:310px;
    }
    .hero .contains-frm{
        width:100%;
    }
    .hero-content{
        max-width:720px;
        white-space:nowrap;
    }
    .main-jp .br1{
        display:none;
    }
}
@media(min-width:992px){
    .hero{
    padding-top:calc(40px + var(--ptnB-pc-header-height));
    }
    .main-jp{
        font-size:50px;
        letter-spacing:-5px;
    }
    .main-en{
        font-size:22px;
    }
    .hero-content{
        max-width:960px;
    }
    .hero-sub{
        font-size:18px;
    }
    .main-jp .br2{
        display:none;
    }
    .circle-outline,.rounded-square-outline{
        border-width:100px;
    }
}
@media(min-width:1320px){
    .hero-content{
        max-width:1140px;
    }
}
/* #top_cpt_sec */
.top_cpt_sec{
    position:relative;
}
.top_cpt_sec::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.8);
    -webkit-backdrop-filter:blur(20px);
    backdrop-filter:blur(20px);
}
.top_cpt_sec .contains-frm{
    position:relative;
}
.cpt-main{
    font-size:31px;
    font-weight:bold;
    line-height:1.7;
}
.cpt-main span{
    display:block;
}
.cpt-l{
    margin-bottom:41px;
}
.top_cpt_sec .a_btn{
    margin-top:50px;
}
@media(min-width:768px){
    .cpt-main{
        font-size:36px;
    }
    .top_cpt_sec .flx{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
    }
    .cpt-l{
        width:326px;
        margin-bottom:0;
    }
    .cpt-r{
        margin-top:49px;
        width:calc(100% - 326px);
    }
}
@media(min-width:992px){
    .top_cpt_sec{
        min-height:calc(100vh - var(--ptnB-pc-header-height));
    }
    .top_cpt_sec .contains-wrap{
        position:relative;
        height:100%;
        min-height:calc(100vh - var(--ptnB-pc-header-height));
    }
    .top_cpt_sec .flx{
        position:absolute;
        top:50%;
        left:20px;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);    
    }
    .cpt-r{
        padding-left:5%;
    }
    .cpt-main {
        font-size:40px;
    }
}
/* #top_srv_sec */
.top_srv_sec{
    margin-top:360px;
    padding-top:190px;
}
.top_srv_sec::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
}
.has_decotxt{
    position:relative;
}
.decotxt{
    position:absolute;
    color:var(--base);
    font-family:var(--enfont);
    font-size:80px;
    line-height:1;
    white-space:nowrap;
}
.txt-anim{
    top:10px;
    right:-20%;
    transition:all .5s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.has_decotxt .contains-frm{
    position:relative;
}
.srvshape{
    position:absolute;
    aspect-ratio:1/1;
    height:auto;
    transition:all .5s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.srvshape.s1{
    top:10%;
    right:-40%;
    width:400px;
    border-radius:10%;
    border:120px solid var(--base);
    transform:rotate(33.5deg);
}
.srvshape.s2{
    top:45%;
    left:-400px;
    width:480px;
    border-radius:50%;
    background:var(--base);
}
.srvshape.s3{
    top:75%;
    width:400px;
    right:-20%;
    background:var(--base);
    border-radius:10%;
    transform:rotate(40deg);
}
.top_srv_sec .flx{
    margin-bottom:60px;
}
.top_srv_sec .imgarea{
    margin-bottom:23px;
}
.top_srv_sec .imgarea img{
    aspect-ratio:4/3;
    object-fit:cover;
}
.top_srv_sec h3{
    font-size:22px;
    font-weight:bold;
    line-height:1.6;
    margin-bottom:23px;
}
.top_srv_sec .ts-sub{
    font-size:17px;
    font-weight:bold;
    line-height:1.8;
    margin-bottom:23px;
}
@media(min-width:500px) and (max-width:767px){
    .top_srv_sec h3{
        font-size:26px;
    }
    .top_srv_sec h3 br,.top_srv_sec .ts-sub .br1{
        display:none;
    }
    .top_srv_sec .ts-sub{
        font-size:18px;
    }
}
@media(min-width:768px){
    .top_srv_sec .flx{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
    }
    .top_srv_sec .flx.s2{
        flex-direction:row-reverse;
    }
    .top_srv_sec .flx .imgarea{
        width:45%;
        margin-bottom:0;
    }
    .top_srv_sec .flx .txtarea{
        width:47%;
    }
    .top_srv_sec .a_btn{
        justify-content:center;
    }
    .srvshape.s1{
        right:-5%;
    }
    .srvshape.s2{
        left:-250px;
    }
    .srvshape.s3{
        right:-2%;
    }
    .decotxt{
        font-size:120px;
    }
    .txt-anim{
        top:0;
    }
}
@media(min-width:992px){
    .has_decotxt.page-section{
        padding:180px 0;
    }
    .decotxt{
        font-size:180px;
    }
    .txt-anim{
        top:80px;
        right:-10%;
    }
    .srvshape.s1{
        top:15%;
    }
    .top_srv_sec h3{
        font-size:28px;
    }
    .top_srv_sec h3 br,.top_srv_sec .ts-sub .br1{
        display:none;
    }
    .top_srv_sec .ts-sub{
        font-size:18px;
    }
    .transWrap{
        padding:150px 0;
    }
}
@media(min-width:1200px){
    .srvshape.s1{
        top:15%;
        width:500px;
        right:-1%;
        border-width:180px;
    }
    .srvshape.s2{
        width:580px;
        left:-300px;
    }
    .srvshape.s3{
        right:10%;
        top:75%;
    }
}
/* #transWrap */
.transWrap{
    position:relative;
    margin-top:360px;
    margin-bottom:360px;
    background:#fff;
    padding:100px 0;
}
.srvshape.s4{
    top:-10px;
    right:-40%;
    width:400px;
    border-radius:10%;
    border:120px solid var(--base);
    transform:rotate(33.5deg);
}
.transtxt{
    width:fit-content;
    display:flex;
    position:relative;
    font-size:26vw;
    line-height:1;
}
.transtxt span{
    display:inline-block;
    white-space:nowrap;
}
.transtxt.t-l{
    color:var(--ac1);
    -webkit-animation: loop-L 80s linear infinite;
    animation: loop-L 80s linear infinite;
}
.transtxt.t-r{
    color:#fff;
    -webkit-animation: loop-R 80s linear infinite;
    animation: loop-R 80s linear infinite;
    text-shadow:1px 1px 0 var(--ac1), -1px -1px 0 var(--ac1),-1px 1px 0 var(--ac1), 1px -1px 0 var(--ac1),0px 1px 0 var(--ac1),  0 -1px 0 var(--ac1),-1px 0 0 var(--ac1), 1px 0 0 var(--ac1);
}
@-webkit-keyframes loop-L{
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
@keyframes loop-L{
  0%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-webkit-keyframes loop-R{
  0%{
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes loop-R {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media(min-width:600px){
    .srvshape.s4{
        right:-10%;
    }
}
@media(min-width:768px){
    .transtxt{
        font-size:170px;
    }
}
@media(min-width:992px){
    .srvshape.s4{
        right:0;
        width:500px;
        border-width:160px;
    }
}
/* #top_info_sec */
.top_info_sec{
    background:#fff;
}
.info.srvshape{
    border-radius:50%;
    border:30vw solid var(--base);
    bottom:-100px;
    left:-400px;
    width:480px;
}
.top_info_sec .a_btn{
    margin-top:50px;
}
.top_info_sec .txt-anim{
    right:-40%;
}
@media(min-width:768px){
    .top_info_sec .a_btn{
        justify-content:flex-end;
    }
    .info.srvshape{
        left:-250px;
        border-width:160px;
    }
}
/*---- #service page ----*/
.bgpgray{
    background:var(--base);
}
.bgpgray .decotxt{
    color:#fff;
}
.srv_sec .imgarea{
    margin:0 calc(50% - 50vw);
    width:100vw;
}
.srv_sec .imgarea img{
    height:300px;
    object-fit:cover;
}
.srv_sec .txtarea{
    margin-top:46px;
}
.srvshape.s5,.srvshape.s7,.srvshape.s8{
    border-radius:50%;
}
.srvshape.s5,.srvshape.s8{
    border:30vw solid var(--base);
}
.srvshape.s5{
    bottom:-100px;
    left:-400px;
    width:480px;
}
.srvshape.s6{
    top:20%;
    right:-40%;
    width:400px;
    border-radius:10%;
    border:120px solid #fff;
    transform:rotate(33.5deg);
}
.srvshape.s7{
    bottom:-50px;
    left:-500px;
    width:500px;
    background:#fff;
}
.srvshape.s8{
    bottom:-100px;
    left:-400px;
    width:480px;
}
.srv_sec.srv3 .txt-anim{
    right:-100%;
}
.about_ipfs{
    margin-top:46px;
}
.about_ipfs .ttl{
    font-size:18px;
    font-weight:700;
    margin-bottom:5px;
}
.about_ipfs .flx{
    margin-top:2rem;
}
.about_ipfs .cell{
    padding:1rem;
    background:#fff;
    border-radius:15px;
}
.about_ipfs .c1{
    margin-bottom:2rem;
}
.about_ipfs .ttl1{
    color:var(--main);
    font-weight:700;
    font-size:120%;
}
.about_ipfs .ttl2{
    color:var(--main);
    font-weight:500;
    margin-bottom:1rem;
}
.about_ipfs .cell ul{
    padding-left:20px;
}
.about_ipfs .cell ul li{
    margin-bottom:5px;
}
.ipfsimg{
    text-align:center;
}
.ipfsimg img{
    width:100%;
    max-width:350px;
    object-fit:contain;
}
@media(min-width:400px){
    .about_ipfs .cell{
        padding:20px;
    }
}
@media(min-width:580px){
    .srv_sec .imgarea{
        margin:0;
        width:100%;
    }
    .srv_sec .imgarea img{
        height:auto;
        aspect-ratio:16/9;
    }
    .srv_sec.srv2 .txt-anim{
        right:0;
    }
    .srv_sec.srv3 .txt-anim{
        right:-60%;
    }
}
@media(min-width:768px){
    .srv_sec .txtarea{
        margin-top:75px;
    }
    .srvshape.s5{
        left:-250px;
    }
    .srvshape.s6{
        right:-10%;
    }
    .srvshape.s7{
        left:-300px;
    }
    .srv_sec.srv3 .txt-anim{
        right:-100%;
    }
    .srvshape.s5,.srvshape.s8{
        border-width:100px;
    }
    .about_ipfs .flx{
        display:flex;
        justify-content:space-between;
    }
    .about_ipfs .cell{
        width:49%;
        margin-bottom:0!important;
    }
    .about_ipfs .cell ul{
        min-height:138px;
    }
}
@media(min-width:992px){
    .srv_sec .imgarea img{
        aspect-ratio:2/1;
    }
    .about_ipfs .cell{
        width:48%;
        padding:30px;
    }
    .about_ipfs .cell ul{
        min-height:113px;
    }
    .about_ipfs .ttl1{
        text-align:center;
        font-size:20px;
    }
    .about_ipfs .ttl2{
        font-size:18px;
        text-align:center;
    }
}
/*---- #product page ----*/
.pro_sec .imgarea{
    margin:0 calc(50% - 50vw);
    width:100vw;
}
.pro_sec .imgarea img{
    height:300px;
    object-fit:cover;
}
.pro_sec.pro1 .txtarea{
    margin-top:46px;
}
.ol_pro{
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.ol_pro li{
    margin-bottom:50px;
    counter-increment:pro;
}
.ol_pro .ttl{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}
.ol_pro .ttl .num{
    display:flex;
    justify-content:center;
    align-items:center;
    width:45px;
    margin-right:15px;
    height:auto;
    aspect-ratio:1/1;
    color:#fff;
    font-family:var(--enfont);
    font-weight:bold;
    background:var(--txt);
    font-size:18px;
    border-radius:50%;
}
.ol_pro .ttl .num::before{
    content:'0'counter(pro);
    display:block;
}
.ol_pro .ttl h3{
    max-width:calc(100% - 60px);
    font-size:17px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:0;
}
@media(min-width:580px){
    .pro_sec.pro1 .imgarea{
        margin:0;
        width:100%;
    }
    .pro_sec.pro1 .imgarea img{
        height:auto;
        aspect-ratio:16/9;
    }
}
@media(min-width:768px){
    .pro_sec.pro1 .txtarea{
        margin-top:75px;
    }
    .ol_pro .ttl .num{
        width:55px;
    }
    .ol_pro .ttl h3{
        font-size:20px;
    }
    .pro_sec .srvshape.s6{
        top:30%;
    }
}
/*---- #company page ----*/
.cmp_sec{
    padding:140px 0;
}
.srvshape.s9{
    bottom:0;
    right:-11%;
    width:350px;
    border-color:var(--base); 
}
.dl_cmp dt{
    padding:20px 5px 0px;
    font-size:16px;
}
.dl_cmp dd{
    padding:7px 5px 20px;
    margin-bottom:0;
    border-bottom:1px solid #e1e4e6;
}
.dl_cmp dt:first-of-type{
    border-top:1px solid #e1e4e6;
}
.dl_cmp .tellink,.beforemap .tellink{
    color:var(--main);
    font-weight:500;
}
.dl_cmp .tellink:hover,.beforemap .tellink:hover{
    opacity:0.8;
}
.cmp_sec.cmp2 .txtarea p{
    margin-bottom:1rem;
    line-height:2;
}
.cmp_sec.cmp2 .txtarea p.ceo-name{
    margin-bottom:0;
    text-align:right;
    font-size:90%;
}
.ceo-name span{
    margin-right:20px;
    font-size:120%;
}
.beforemap{
    font-size:16px;
    margin-bottom:40px;
}
@media(min-width:600px){
    .gmap-wrap{
        padding-bottom:75%;
    }
}
@media(min-width:768px){
    .cmp_sec{
        padding:190px 0;
    }
    .srvshape.s9{
        width:480px;
    }
    .dl_cmp{
        display:flex;
        flex-wrap:wrap;
    }
    .dl_cmp dt{
        padding:32px 10px;
        width:25%;
        border-bottom:1px solid #e1e4e6;
    }
    .dl_cmp dd{
        width:75%;
        padding:32px 10px;
        padding-left:0;
    }
    .dl_cmp dd:first-of-type{
        border-top:1px solid #e1e4e6;
    }
    .dl_cmp .tellink,.beforemap .tellink{
        color:inherit;
        font-weight:inherit;
        cursor:text;
    }
}
@media(min-width:992px){
    .dl_cmp,.cmp_sec.cmp2 .txtarea,.cmp_sec.cmp3 .maps{
        width:70%;
        margin-left:auto;
    }
    .cmp_sec .br1{
        display:none;
    }
}
/*---- #contact page ----*/
.telWrap{
  margin:0 auto 40px;
  padding:1rem;
}
.telWrap .tellink{
  font-size:26px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  font-weight:700;
}
.telWrap .tellink i{
  margin-right:5px;
  font-size:75%;
}
.telWrap .tellink:hover{
  opacity:0.8;
}
.aftertel{
  margin-top:5px;
  font-size:16px;
  text-align:center;
}
.beforeform{
    margin-bottom:60px;
}
.form_add{
    margin-top:40px;
    padding:1rem;
    background:var(--base);
}
.form_add p{
    color:var(--txtsub);
    font-size:15px;
}
@media(min-width:400px){
    .form_add{
        padding:20px;
    }
}
@media(min-width:768px){
    .beforeform{
        text-align:center;
    }
    .form_add{
        padding:30px;
    }
    .telWrap .tellink{
      font-size:32px;
      letter-spacing:1px;
    }
}
/*---- #privacy page ----*/
.ol_pri,.ul_pri {
    margin:1rem 0;
    padding-inline-start: 30px;
}
.ol_pri>li,.ul_pri>li {
    margin-bottom:10px;
}
.pri_sec p{
    font-size:16px;
}
.pri_sec a{
    color:var(--main);
    font-weight:500;
    margin:0 3px;
    border-bottom:1px solid var(--main);
}
.pri_sec a:hover,.pri_sec a:focus{
    opacity:0.8;
    border-color:rgba(255, 255, 255, 0);
}
/*---- #page heder ----*/
.page-header{
  overflow:hidden;
  height:100vw;
  padding:calc(80px + var(--ptnB-sp-header-height)) 5% 60px;
}
.page-header-ttl{
  position:relative;
  text-align:left;
}
.page-header-ttl .jp,.page-header-ttl .en{
    font-weight:500;
    opacity:0;
  -webkit-transform:translate(20px,20px);
  transform:translate(20px,20px);
  animation:ttl-trans 0.8s ease-in-out 0.5s 1 forwards;
}
@keyframes ttl-trans{
    0%{
        opacity:0;
        -webkit-transform:translate(20px,20px);
        transform:translate(20px,20px);
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
    }
}
.page-header-ttl .jp{
  display:block;
  margin-top:12px;
  font-size:14px;
  line-height:1.3;
  letter-spacing:1px;
  font-family:var(--jpfont);
  transition-delay:0.8s;
}
.page-header-ttl .en{
  display:flex;
  align-items:center;
  font-size:42px;
  letter-spacing:0.1em;
  line-height:1;
  font-family:var(--enfont);
}
.page-header-ttl .en::before{
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    margin-right:15px;
    border-radius: 50%;
    border: 4px solid var(--sub2);
}
.page-header .shape-group{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.page-header .shape {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  aspect-ratio:1/1;
  height:auto;
}
.page-header .shape-top-left {
    top: -2%;
    left: -6%;
    width: 50%;
}
.page-header .shape-top-right {
    top: -5%;
    right: -20%;
    width: 60%;
}
.page-header .shape-bottom-left {
    bottom: -20%;
    left: -11%;
    width: 50%;
}
.page-header .shape-bottom-right {
    bottom: -30%;
    right: -20%;
    width: 58%;
}
.page-header .shape-mid-right {
    top:40%;
    right:-12%;
    width:34%;
}
.page-header .shape.triangle{
    will-change:clip-path;
    -webkit-clip-path:polygon(20% 0, 10% 100%, 100% 60%);
    clip-path:polygon(20% 0, 10% 100%, 100% 60%);
    border:none;
}
@media (min-width:500px){
    .page-header{
        height:520px;
        padding:calc(100px + var(--ptnB-sp-header-height)) 8% 100px;
    }
    .page-header-ttl .jp{
        font-size:16px;
        padding-left:28px;
    }
}
@media (min-width:768px){
    .page-header-ttl .en{
        font-size:78px;
        font-weight:400;
    }
    .page-header .shape-top-right{
        top:-250px;
        right:-100px;
        width:500px;
    }
    .page-header .shape-bottom-right{
        bottom:-150px;
        right:-100px;
        width:520px;
    }
    .page-header .shape-bottom-left{
        bottom:-415px;
        left:-20px;
        width:600px;
    }
    .page-header .shape-top-left {
        top:-250px;
        left:-100px;
        width:550px;
    }
    .page-header .shape-mid-right {
        top:208px;
        right:-100px;
        width:370px;
    }
}
@media(min-width:992px){
    .page-header{
        padding:calc(100px + var(--ptnB-pc-header-height)) 8% 100px;
    }
}
@media(min-width:1200px){
    .page-header .shape-bottom-right{
        bottom: -52px;
        right: 16%;
        width: 420px;
    }
}
/*---- #footer ----*/
/* #site-beforefooter */
.site-beforefooter,.site-footer{
    padding:70px 20px;
}
.site-beforefooter{
    display:block;
    position:relative;
    background:var(--main);
}
.site-beforefooter .decotxt{
    white-space:nowrap;
    font-size:25vw;
    color:#fff;
    opacity:0.2;
    bottom:40px;
    right:50%;
    -webkit-transform:translateX(50%);
    transform:translateX(50%);
}
.site-beforefooter .bfinr{
    position:relative;
}
.site-beforefooter .bfinr p{
    font-weight:500;
    color:#fff;
    margin-bottom:40px;
    line-height:2;
}
.site-beforefooter .bfinr .a_btn>div{
    font-weight:700;
    letter-spacing:1px;
    text-shadow:1px 2px 3px rgba(20, 42, 105, 0.4);
    width:fit-content;
    display:flex;
    align-items:center;
    color:var(--txt);
    font-family:var(--enfont);
    transition:all .3s;
    color:#fff;
}
.site-beforefooter .bfinr .a_btn>div span{
    width:60px;
    height:60px;
    box-shadow:1px 2px 3px rgba(20, 42, 105, 0.4);
}
.site-beforefooter .bfinr .a_btn>div span::before{
    text-shadow:none;
}
.site-beforefooter:hover .a_btn span,.site-beforefooter:focus .a_btn span{
    -webkit-transform:scale(0.9) translateX(5px);
    transform:scale(0.9) translateX(5px);
    background:#daf5f9;
}
.site-beforefooter:hover .a_btn>div,.site-beforefooter:focus .a_btn>div{
    color:#daf5f9;
}
/* #site-footer */
.site-footer a:hover{
    opacity:0.8;
}
.ftrttl{
    margin-bottom:20px;
}
.ftrttl a{
    font-size:24px;
    font-weight:700;
    color:#fff;
    line-height:1.3;
}
.site-footer p,.site-footer a{
    color:var(--footer-font-color);
}
.site-footer-menu>li{
    display:block;
    padding:0;
    margin-bottom:3px;
    line-height:1;
}
.site-footer-menu>li>a{
    display:inline-block;
    font-weight:500;
    padding:16px 0;
    font-size:16px;
    font-family:var(--jpfont);
}
.ftr-pri{
    margin-top:25px;
    width:fit-content;
}
.ftr-pri a{
    color:var(--footer-font-menucolor);
    display:inline-block;
    padding:11px 0;
    font-size:12px;
}
.copyright{
    margin-top:30px;
    font-weight:400;
}
@media(min-width:600px){
    .site-footer-menu>li{
        width:calc(100% / 3);
    }
}
@media(min-width:768px){
    .site-beforefooter{
        padding:80px 0;
        height:410px;
        display:flex;
        align-items:center;
    }
    .site-beforefooter-wrap{
        width:100%;
    }
    .site-beforefooter .decotxt{
        top:99px;
        right:auto;
        left:-64px;
        font-size:210px;
        bottom:auto;
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
        transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1),-webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .site-beforefooter:hover{
        background:#274cb5;
    }
    .site-beforefooter:hover .decotxt{
        -webkit-transform:translateX(30px);
        transform:translateX(30px);
    }
    .site-beforefooter .bfinr{
        display:flex;
        justify-content:space-between;
        align-items:flex-end;
    }
    .site-beforefooter .bfinr p{
        width:calc(100% - 182px);
        margin-bottom:0;
    }
    .site-beforefooter .bfinr .a_btn{
        width:fit-content;
    }
    .site-footer-menu>li{
        width:25%;
    }
}
@media(min-width:965px){
    .site-footer{
        padding-top:121px;
        padding-bottom:121px;
        padding-right:60px;
    }
    .site-footer-wrap .container{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:flex-start;
    }
    .footerwidget{
        width:25%;
        padding-top:9px;
    }
    .ftrttl{
        margin-bottom:0;
    }
    .site-footer-nav{
        width:72%;
    }
    .site-footer-menu{
        display:flex;
        flex-wrap:wrap;
    }
    .site-footer-menu>li{
        width:25%;
        padding-right:20px;
    }
    .site-footer-menu>li:last-child{
        margin-right:0;
    }
    .copyright{
        order:1;
        width:fit-content;
    }
    .ftr-pri{
        order:2;
        width:fit-content;
    }
}
@media(min-width:1200px){
    .footerwidget{
        width:17%;
    }
    .site-footer-nav{
        width:80%;
    }
    .site-footer-menu{
        width:500px;
        margin-left:auto;
    }
    .ftrttl a{
        font-size:30px;
    }
}
/********************************************/
/* beauty                                   */
/********************************************/
/* fade-left / fade-right */
.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;
}
.dl-beauty{
    width:100%;
    margin-bottom:0;
}
.dl-beauty dt{
    width:100%;
    margin-bottom:20px;
}
.dl-beauty dd{
    width:100%;
    margin-bottom:0;
}
.dl-beauty dt .pict{
    width:100%;
}
.dl-beauty dt .pict>img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:5px;
}
.h3beauty{
    font-size:24px;
    font-weight:700;
    letter-spacing:0.2em;
    padding-left:16px;
    position:relative;
    margin-bottom:20px;
    margin-top:80px;
}
.h3beauty:before{
    content:'';
    width:4px;
    height:95%;
    background:var(--main);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.h4beauty{
    color:var(--main);
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
    letter-spacing: 0.1em;
}
.dl-beauty dd .desc{
    width:100%;
}
.add_wrap{
    width:100%;
    margin-bottom:10px;
    font-weight:500;
    font-size:14px;
    letter-spacing: 0.1em;
}
.tel_wrap{
    width:100%;
    margin-bottom:10px;
    font-weight:500;
    font-size:14px;
    letter-spacing: 0.1em;
}
.tel_wrap a{
    color:var(--txt);
    position:relative;
    font-weight:700;
}
.tel_wrap a:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--txt);
    position:absolute;
    left:0;
    bottom:0;
    transform:scale(0, 1);
    transform-origin:right bottom;
    transition:transform 0.5s;
}
.tel_wrap a:hover:before{
    transform:scale(1, 1);
    transform-origin:left bottom;
}
.biztime_wrap{
    width:100%;
    margin-bottom:10px;
    font-weight:500;
    font-size:14px;
    letter-spacing: 0.1em;
}
.url_wrap{
    width:100%;
    margin-bottom:10px;
    font-weight:500;
    font-size:14px;
    letter-spacing: 0.1em;
}
.url_wrap a{
    color:var(--txt);
    position:relative;
    font-weight:700;
}
.url_wrap a:before{
    content:'';
    width:100%;
    height:1px;
    background:var(--txt);
    position:absolute;
    left:0;
    bottom:0;
    transform:scale(0, 1);
    transform-origin:right bottom;
    transition:transform 0.5s;
}
.url_wrap a:hover:before{
    transform:scale(1,1);
    transform-origin:left bottom;
}
.access-wrap{
    width:100%;
}
.access-wrap .map{
    width:100%;
    padding-top:100%;
    position:relative;
    border-radius:5px;
    overflow:hidden;
}
.access-wrap .map iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
@media(min-width:768px){
    .access-wrap .map{
        padding-top:400px;
    }
    .h4beauty .br1{
        display:none;
    }
    .br_add{
        display:none;
    }
    .tel_wrap a{
        pointer-events:none;
        font-weight:500;
    }
}
@media(min-width:992px){
    .h4beauty .br2{
        display:none;
    }
    .dl-beauty{
        display:flex;
        flex-flow:row nowrap;
        position:relative;
    }
    .dl-beauty dt{
        width:40%;
        order:2;
    }
    .dl-beauty dd{
        width:60%;
        order:1;
    }
    .dl-beauty dt .pict{
        width:100%;
        position:absolute;
        top:50%;
        right:calc(((100vw - 940px) / 2) * -1) ;
        transform:translateY(-50%);
    }
    .dl-beauty dt .pict img{
        height:451px;
        aspect-ratio:unset;
    }
    .br_add1{
        display:none;
    }
    .access-wrap .map{
        padding-top:300px;
    }
}
@media(min-width:1200px){
    .dl-beauty dt{
        width:50%;
    }
    .dl-beauty dd{
        width:50%;
    }
    .dl-beauty dt .pict{
        width:100%;
        position:absolute;
        top:50%;
        right:calc(((100vw - 1120px) / 2) * -1) ;
        transform:translateY(-50%);
    }
}
@media(min-width:1400px){
    .dl-beauty dt .pict{
        width:100%;
        position:absolute;
        top:50%;
        right:calc(((100vw - 1300px) / 2) * -1) ;
        transform:translateY(-50%);
    }
    .br_zipcode{
        display:none;
    }
    .dl-beauty dt .pict img{
        height:425px;
    }
}