/*------------------------------------------------------------------
text関連
------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap');

@font-face{
   font-family:'icons';
   src:url(../resources/fonts/icons.ttf?1mxb0t) format('truetype'),
       url(../resources/fonts/icons.woff?1mxb0t) format('woff'),
       url('../resources/fonts/icons.svg?1mxb0t#icons') format('svg');
   font-weight:400;
   font-style:normal;
   font-display: swap;
}

[class^="fa-"],[class*=" fa-"]{
   font-family:'icons'!important;
   speak:never;font-style:normal;
   font-weight:400;
   font-variant:normal;
   text-transform:none;
   line-height:1;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
}

a[target="_blank"]::after{
   font-family:"icons";
   content:'\e922';
   font-size:90%;
   margin:0 .3em 0 .3em;
   display: inline-block;
   text-indent: 0;
}
#gmap a[target="_blank"]::after{
   content:none;
}

.icon-right{
   padding-left:.5em;
}
.icon-left{
   padding-right:.5em;
}

.yu-g{
   font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.yu-m{
   font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


.bold-w{font-weight:700;}
.normal-w{font-weight:400;}
.f-size0_7{font-size:.7rem;}
.f-size0_8{font-size:.8rem;}
.f-size0_9{font-size:.9rem;}
.f-size1_0{font-size:1rem;}
.f-size1_1{font-size:1.1rem;}
.f-size1_2{font-size:1.2rem;}
.f-size1_3{font-size:1.3rem;}
.f-size1_4{font-size:1.4rem;}
.f-size1_5{font-size:1.5rem;}
.f-size1_6{font-size:1.6rem;}
.f-size1_7{font-size:1.7rem;}
.f-size1_8{font-size:1.8rem;}
.f-size1_9{font-size:1.9rem;}
.f-size2_0{font-size:2rem;}
.line-h1_5{line-height:1.5em;}
.line-h1_6{line-height:1.6em;}
.line-h1_7{line-height:1.7em;}
.line-h1_8{line-height:1.8em;}
.line-h1_9{line-height:1.9em;}
.line-h2_0{line-height:2em;}
.line-h2_5{line-height:2.5em;}
.line-h5_0{line-height:5em;}
.t-center{text-align:center;}
.large{font-size:1.2em}
.italic{font-style:italic;}
p{
   line-height:2em;
}
p.left{
   text-align:left;
}
.center{
   text-align:center;
}
.indent-1em{
   text-indent: -1em;
   padding-left:1em;
}
.indent-mini{
   padding-left:.8em;
}
@media screen and (max-width:599px){
   .indent-mini{
      padding-left:3%;
   }
}
mark.standard{
   background-color:transparent!important;
   background:linear-gradient(transparent 60%,#fcee71 0%);
   font-weight:700;
}

/*------------------------------------------------------------------
reset
------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video,main{
   margin:0;
   padding:0;
   border:0;
   outline:0;
   font-size:100%;
   background:transparent;
}
table{
   border-spacing:0;
   border-collapse:collapse;
   vertical-align:initial;
}
address{font-style: normal;}

/*------------------------------------------------------------------
wp-reset
------------------------------------------------------------------*/
.wp-block-image .alignleft, .wp-block-image .alignright{
   margin: 0;
}

/*------------------------------------------------------------------
common
------------------------------------------------------------------*/
body{
   width:100%;
   overflow-x:hidden;
   font-family:'Roboto','Noto Sans JP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',sans-serif;
   -webkit-font-smoothing:antialiased;
   -webkit-text-size-adjust:100%;
   -webkit-appearance:none;
}
html{
   scroll-behavior:smooth;
}

*,*::before,*:after{
   box-sizing:border-box;
}

h1,h2,h3{
   position:relative;
}

h1,h2,h3,table th{
   font-weight:700;
   line-height:1.5em;
}

li{
   position:relative;
}
a img, button img{
   transition:.3s;
}
a:hover img, button:hover img{
   opacity:.8;
   transform:scale(1.01);
   transition:.3s;
}
p{
   margin: .8em 0;
}
.has-inline-color{
   background-color: transparent!important;
   background: linear-gradient(transparent 60%, #dafdff 0%);
 }
/*--------------------------------------------------------------------------
見出し
---------------------------------------------------------------------------*/
h2, h3{ color: #13335b; }
h2{ font-size: 34px; }
h3{ font-size: 20px; }
p{ color: #333; }
span.sub{
   font-family: 'Cormorant', serif;
   display: block;
   color: #79899c;
   position: relative;
   line-height: 50px;
   font-weight: 500;
}
span.sub::before{
   position: absolute;
   content: "";
   display: block;
   border-top: 1px solid #d4dbe3;
   width:0;
}
.displayed>span.sub::before{
   animation: line-to-right 1s ease-in-out .5s forwards;
}
@keyframes line-to-right{
     0% { width: 0%;}
   100% { width: 100%;}
}
/*-----------------------------------------------------------------------
input
-------------------------------------------------------------------------*/
input,textarea,button{
   font-family:'Roboto','Noto Sans JP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',sans-serif;
   font-size:1rem;
   -webkit-appearance:none;
   appearance:none;
   border-radius:0;
}
input[type="radio"]+label{
   position:relative;padding-left:23px;
}
input[type="radio"]+label::before{
   position:absolute;
   content:'';
   display:block;
   width:15px;
   height:15px;
   border-radius:50%;
   background:#fff;
   border:1px solid #bfbfbf;
   left:0;top:2px;
}
input[type="radio"]+label::after{
   position:absolute;
   content:'';
   display:block;
   width:9px;
   height:9px;
   border-radius:50%;
   background:#20c3ac;
   left:3px;
   top:5px;
   opacity:0;
   transition:.3s;
}
input[type="radio"]:checked+label::after{
   opacity:1;
}
input[type="checkbox"]:hover,input[type="radio"]:hover,input[type="radio"]+label:hover,select:hover{
   cursor:pointer;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="url"]:focus,textarea:focus{
   outline:none;
   box-shadow:inset 1px 1px 1px #e6f1fb,inset -1px -1px 1px #e6f1fb;
}
input[type="text"],input[type="email"],input[type="tel"],textarea{
   border:none;
   background-color:#ecf1f6!important;
   padding:.7em;
   width:100%;
}
textarea{
   height:15em;
   overflow:auto;
   resize:vertical;
}
button[type="submit"]{
   background-color:#0f1348;
   color:#fff;
   font-weight:700;
   box-shadow:0 3px 5px rgba(0,0,0,.7);
   padding:0 5px 0 5px;
}
button{
   cursor:pointer;
   border:none;
}
/*-----------------------------------------------------------------------
linkBtn
-------------------------------------------------------------------------*/
.linkBtn{
   position:relative;
}
.linkBtn span{
   position:relative;
   z-index:3;
   color:#fff;
}
.linkBtn:hover span,.linkBtn:hover span::before{
   color:#fff;
}
.linkBtn::before{
   content:'';
   position:absolute;
   top:0;
   left:0;
   z-index:2;
   background-color:rgba(255,255,255,.2);
   width:100%;
   height:100%;
   transition:transform .6s cubic-bezier(.8,0,.2,1) 0s;
   transform:scale(0,1);
   transform-origin:right top;
}
.linkBtn::after{
   content:'';
   position:absolute;
   bottom:8px;
   right:8px;
   border-top:7px solid transparent;
   border-right:7px solid #fff;
}
.linkBtn:hover::before{
   transform-origin:left top;
   transform:scale(1,1);
}
input[type="submit"]:hover,input[type="button"]:hover,button[type="submit"]:hover{
   opacity:.8;
   cursor:pointer;
   transition:.5s all;
}
.num-msg{
   position:relative;
   display:table;
   width:auto;
   height:auto;
   padding:0;
   background-color:rgb(70,81,100);
   color:#fff;
   z-index:10;
}
.num-msg.err{
   background-color:rgb(148,32,32);
}

/*-----------------------------------------------------------------------
responsive
-------------------------------------------------------------------------*/
html{
   font-size:16px;
   line-height:1.7em;
}
@media screen and (max-width:1024px){
   .f-size1_5-tb{
      font-size:1.5rem!important;
   }
   .f-size1_4-tb{
      font-size:1.4rem!important;
   }
   .f-size1_3-tb{
      font-size:1.3rem!important;
   }
   .f-size1_2-tb{
      font-size:1.2rem!important;
   }
   .f-size1_1-tb{
      font-size:1.1rem!important;
   }
   .f-size1_0-tb{
      font-size:1.0rem!important;
   }
}
@media screen and (max-width:599px){
   .f-size1_5-sp{
      font-size:1.5rem!important;
   }
   .f-size1_4-sp{
      font-size:1.4rem!important;
   }
   .f-size1_3-sp{
      font-size:1.3rem!important;
   }
   .f-size1_2-sp{
      font-size:1.2rem!important;
   }
   .f-size1_1-sp{
      font-size:1.1rem!important;
   }
   .f-size1_0-sp{
      font-size:1.0rem!important;
   }
}
@media screen and (max-width:1024px){
   .del-tb{
      display:none!important;
   }
}
@media screen and (max-width:599px){
   .del-sp{
      display:none!important;
   }
}
@media screen and (max-width:375px){
   .del-spMini{
      display:none!important;
   }
}
@media screen and (min-width:376px){
   .for-spMini{
      display:none!important;
   }
}
@media screen and (max-width:900px){
   .del-900{
      display:none!important;
   }
}
@media screen and (min-width:901px){
   .for-901{
      display:none!important;
   }
}
@media screen and (max-width:767px){
   .del-767{
      display:none!important;
   }
}
@media screen and (min-width:768px){
   .for-768{
      display:none!important;
   }
}

@media screen and (min-width:600px){
   .for-sp{
      display:none!important;
   }
}
@media screen and (min-width:1025px){
   .for-tb{
      display:none!important;
   }
}
.for-spDesc{
   display:none;
}
p.align-change,div.align-change{
   text-align:center;
}
.align-change::after{
   left:50%;
   transform:translateX(-50%);
   width:30%;
}
h1.center,h2.center,h3.center,h1.align-change,h2.align-change,h3.align-change{
   text-align:center;
}
img{
   image-rendering:-webkit-optimize-contrast;
   width:100%;
   height:auto;
}
.flexbox-center{
   display:flex;
   justify-content:center;
   flex-wrap:wrap;
   align-content:center;
}
.grid{
   display:grid;
   overflow:hidden;
   justify-items:center;
}
.grid.auto-fill{
   grid-template-columns:repeat(auto-fill,minmax(500px,1fr));
}
.grid.auto-fill{
   grid-template-columns:repeat(auto-fit,minmax(500px,1fr));
}
.grid>div{
   padding:10px;
}

/*-----------------------------------------------------------------------
breadcrumbs
-------------------------------------------------------------------------*/
.breadcrumbs{
   display:flex;
   align-items:center;
   margin:75px 0 0 17px;
   font-size: 14px;
   line-height:.8em;
   padding:.2em 0;
   overflow-x:auto;
   word-break:keep-all;
   white-space:nowrap;
}
.breadcrumbs>ul{
   display:flex;
   width:1200px;
   padding:.4em 15px .4em;
}

.breadcrumbs li a span{
   color:#755c54!important;
}
.breadcrumbs li a span:hover{
   text-decoration:underline;
}
.breadcrumbs li:not(:first-child){
   position:relative;
   margin-left:2em;
}
.breadcrumbs li:not(:first-child)::before{
   content:" > ";
   position:absolute;
   top:0;
   left:-1.3em;
}
/*-------------------------------------------------
accordion
---------------------------------------------------*/
.include-accordion button{
   display:block;
   position:relative;
   width:100%;
   background-color:inherit;
   text-align:left;
   padding:10px;
}
.include-accordion button:hover{
   background-color:rgb(194,209,211);
}
.include-accordion button::before,.include-accordion button::after{
   content:"";
   position:absolute;
   top:20px;
   width:2px;
   height:8px;
   background-color:#878787;
   transition:.5s;
}
.include-accordion button::before{
   transform:rotate(-45deg);right:210px;
}
.include-accordion button::after{
   right:204px;
   transform:rotate(45deg);
}
.include-accordion li.active button::before{
   transform:rotate(-135deg);
   transition:.5s;
}
.include-accordion li.active button::after{
   transform:rotate(135deg);
   transition:.5s;
}
.scroll-control.active{
   overflow-y:auto;
}
.include-accordion ul{
   height:0;
   padding:0;
   overflow:hidden;
   transition:.5s;
   background-color:transparent;
   margin:0;
}
.include-accordion>li{
   border-bottom:1px solid #cbcbcb;
}
.include-accordion li.active button{
   border-bottom:1px solid #cbcbcb;
}
.include-accordion li li:not(:last-of-type){
   padding:0 0 0 0;
   border-bottom:1px dotted #cecece;
}

/*-----------------------------------------------------------------------
blogs-list
-------------------------------------------------------------------------*/
.blogs-list.at-bottom{
   width:100%;
}
.blogs-list.at-bottom .include-accordion{
   width:100%;margin:0 auto;
}
.blogs-list.at-bottom a{
   padding:.5em 1em;
   text-decoration:none;
   color:#54687c;
   transition:.3s;
   display: block;
}
.blogs-list.at-bottom a:hover{
   color:#333;
   background-color:rgb(226,237,238);
   transition:.3s;
}
.blogs-list.at-bottom ul{
   background-color:#fdfdfd;
}

.blogs-list.at-bottom button{
   border-top:1px solid #cbcbcb;
   background-color:#cfcfcf;
   color:#333;
}
.include-accordion button::before{
   right:initial;
   left:170px;
}
.include-accordion button::after{
   right:initial;left:175px;
}
.search-box{
   display:flex;
   flex-wrap:nowrap;
   padding:3px;
}
#searchform button[type="submit"]{
   background-color:#1e2477;
   color:#fff;
   font-weight:400;
   box-shadow:none;
   width:72px;
}
#searchform{
   width:100%;
}
.search-box-inner{
   text-align:center;
   width:300px;
}

/*-------------------------
pagination
---------------------------*/
ul.page-numbers{
   display:flex;
   justify-content:center;
   gap:8px;
   margin:15px 0;
}
a.page-numbers{
   display: block;
   color:#fff;
   background-color:rgb(202,202,202);
   width:30px!important;
   height:30px!important;
   line-height:30px!important;
   text-align:center!important;
   transition:.3s;
}
.page-numbers.current{
   display: block;
   color:#fff;
   background-color:rgb(78,78,78);
   width:30px!important;
   height:30px!important;
   line-height:30px!important;
   text-align:center!important;
}
a.page-numbers:hover,.blogs-list a.page-numbers:hover{
   background-color:rgb(78,78,78);
   transition:.3s;
}

/*-----------------------------------------------------------------------
textLink
-------------------------------------------------------------------------*/
a{
   text-decoration:none;
}
a.textLink, p a,figcaption a ,a.textLink:visited ,p a:visited ,figcaption a:visited, .access-table a, .access-table a:visited{
   display: inline-block;
   color: #4e92ac;
   text-decoration:underline;
   padding:.1em .2em;
   position:relative;
}
a.textLink::after{
   text-decoration:none;
}
a.textLink, p a, .blog main a:not(.blog main .toc-container a, .atBlog a .blog main .share a){
   transition:.5s;
}
a.textLink:hover,p a:hover, .blog main a:not(.blog main .toc-container a , .atBlog a):hover,  .access-table a:hover{
   color:#08222c;
   transition:.5s;
   transform: translateY(-1px);
}
a.blogs-list-link{
   padding:5px 0;
}
a.blogs-list-link:hover{
   transition:.3s;
   background-color:rgb(242,247,247);
}
th a{
   font-weight:400;
}
sup a.textLink,sup a.textLink:visited{
   color:#ff7474;
   text-decoration:none;
}

a[href*="tel:"] {
    color: #333;
}
@media (min-width:600px){
   a[href*="tel:"]{
      pointer-events:none;
      cursor:default;
   }
}
a.view-more{
   position:relative;
   padding:5px 27px 5px 13px;
   transition:.5s;
   color:#333;
}
a.view-more:hover::before,a.view-more:hover::after{
   transform:translateX(3px);
   transition:.5s;
}
a.view-more:hover{
   color:rgb(70,182,176);
}
a.view-more:hover::before{
   border-right:6px solid rgb(70,182,176);
}
a.view-more:hover::after{
   border-bottom:1px solid rgb(70,182,176);
}
a.view-more::before{
   content:'';
   position:absolute;
   bottom: 9px;
   right: 11px;
   border-top:6px solid transparent;
   border-right:6px solid #333;
   z-index:1;
   transition:.5s;
}
a.view-more::after{
   content:"";
   position:absolute;
   bottom:0;
   left: 5px;
   width:126px;
   border-bottom:1px solid #333;
   padding-bottom:5px;
   z-index:1;
   transition:.5s;
}
p.large-margin{
   margin:50px 0
}
p.note,span.note{
   padding-left:1.2em;
   text-indent:-1.2em;
}
span.note{
   display:inline-block
}
a.picLink:hover img{
   opacity:.7;
   transform:scale(1.01);
   transition:.2s;
}
a.picLink img{
   width:100%;
   height:auto;
   transition:.2s;
}

/*---------------------------------------------------
animation
----------------------------------------------------*/
.fade {
   opacity: 0;
  } 
.fade.displayed {
   animation: fade 1s ease-in-out forwards;
}
@keyframes fade{
   0%{ opacity: 0;}
 100%{ opacity: 1;}
}

.parallaxLeft, .parallaxRight{
   position: relative;
}
.parallaxLeft::before,
.parallaxRight::before{
   content: "";
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #fff;
}
.parallaxLeft.displayed::before{
   left: 0;
}
.parallaxRight.displayed::before{
   right: 0;
}
.parallaxLeft.displayed::before,
.parallaxRight.displayed::before{
   animation: parallax 1s ease-in-out forwards;
}

@keyframes parallax{
   0%{ opacity: 1; width: 100%;}
   30%{ opacity: 1;}
 100%{ opacity: 0; width: 0;}
}

.fadeInLeft {
   transform: translateX(-20px);
   opacity: 0;
  } 
.fadeInLeft.displayed {
   animation: fadeInLeft 1s ease-in-out forwards;
}
@keyframes fadeInLeft{
   0%{ opacity: 0; transform: translateX(-20px);}
 100%{ opacity: 1; transform: translate(0);}
}

.fadeUp{
  transform: translateY(100px);
  opacity: 0;
}
.fadeUp.displayed {
   animation: fadeUp 1s ease-in-out forwards;
}
@keyframes fadeUp{
   0%{ opacity: 0; transform: translateY(30px);}
 100%{ opacity: 1; transform: translateY(0);}
}

span.char{
   display: inline-block;
   transform: translateX(20px);
}
.displayed span.char{
   animation:textAnima_on 1s ease-out forwards;
}
@keyframes textAnima_on{
     0% {transform: translateX(20px);}
   100% {transform: translateX(0);}
}
.textAnima.displayed span.sub{
   animation:fadeUpText 1s ease-out forwards;
}
@keyframes fadeUpText{
     0%{opacity:0; transform:translateY(10px)}
    30%{opacity:0; transform:translateY(10px)}
   100%{opacity:1; transform:translateY(0)}
}
.delay-02{
   animation-delay: 0.2s!important;
}
   
.delay-04{
   animation-delay: 0.4s!important;
}

/*-----------------------------------------------------------------------
ul,ol
-------------------------------------------------------------------------*/

a.list{
   display:block;
   width:100%;
}
ul,ol{
   list-style-type:none;
}
.inline{
   display:inline-block;
}
.order-01{ order:1 }
.order-02{ order:2 }
ul.standard,ol.standard{
   padding:.1em 0 .1em 2.5em;
   list-style-type: none;
}
ul.standard li>ul,ol li>ul{
   padding:1em 0 .1em 2.1em;
}
ul.standard li{
   position:relative;
   text-indent:-.36em;
}
table ul.standard li{
   text-indent:0em;
}

ul.standard li::before{
   content:"";
   display:inline-block;
   position:relative;
   top:-.2em;
   left:-10px;
   width:6px;
   height:6px;
   border-radius:50%;
   background-color:#a1bcdc;
}

ul.standard li li::before {
   content: "";
   position: absolute;
   top: calc(50% - 1px);
   transform: translateY(-50%);
   left: -1.4em;
   width: 7px;
   height: 1px;
}

ol.standard ol{
   padding:.5em 0em .5em 1.5em;
}
ol.standard li{
   position:relative;
   counter-increment:FirstNode;
   padding-inline-start:1.5ch;
}
ol.standard li li{
   counter-increment:SecondNode;
   padding-inline-start:1.5ch;
}
ol.standard li::before{
   position:absolute;
   content:counter(FirstNode);
   font-weight:700;
   font-style: italic;
   color:#a1bcdc;
   left:-16px;
   top:-1px;
   font-size:1.2em;
}

ol.standard.s-01 li::before{
   font-style:normal;
   color:#a1bcdc;
   left:-19px;
   top:-1px;
   font-size:1.2em;
}
ol.standard li::after{
   content:".";
   color:#a1bcdc;
   position:absolute;
   left: 0;
   top: -2px;
   font-size: 1.5em;
}

ol.standard.s-01 li::after{
   content:"|";
   color:#cad6e6;
   left:1px;
   width: 1px;
   height: 1em;
   font-size:1.2em;
}

ol.standard li li::before, ol.standard.s-01 li li::before{
   content:counter(FirstNode) '. ' counter(SecondNode);
   position:absolute;
   left:-40px;
}
ul.standard.note li::before{
   content:"※";
   top:0;
   left:-21px;
   width:0;
   height:0;
   border-radius:0;
   background-color:transparent;
}

ul.standard.note li{
   text-indent:0em;
}
.article-list h3{
   margin: 0 0 5px;
}

/*-----------------------------------------------------------------------
date
-------------------------------------------------------------------------*/
.date dl{
   display:flex;
   flex-direction:row;
   justify-content: flex-start;
   font-size:.9rem;
   margin: 0 10px 0 5px;
   gap: 30px;
}

.date dl>div {
   display: flex;
}
.date dt{
   width:auto;
   text-align:left;
   font-weight:400;
   padding:0 3px 0 0;
}
.publish{
   position: relative;
}
.publish::after{
   position: absolute;
   content:"/";
   font-size: 14px;
   top: calc(50% + 0px);
   right: -18px;
   transform: translateY(-50%);
}
.preparing-link{
   position:relative;
   color:rgb(187,187,187)!important;
}
.preparing-link .msg{
   display:none;
   position:absolute;
   z-index:10000;
}
.preparing-link .msg::after{
   content:"";
   position:absolute;
   left:100px;
   bottom:-12px;
}
   


/* -----------------------------------------------------------------
google map
------------------------------------------------------------------*/
.gmap-container {
   width: 580px;
 }
#gmap {
   height: 0;
   overflow: hidden;
   padding-bottom: 56.25%;
   position: relative;
   }
#gmap iframe {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
}
/*********************************************************************************
1024px
**********************************************************************************/
@media screen and (max-width:1024px){
   table.color{
      overflow-x:scroll;
   }
}

/*********************************************************************************
599px
**********************************************************************************/
@media screen and (max-width:599px){
   body{position:initial}
   .for-spDesc{
      display:initial;
   }
   .breadcrumbs{
      margin: 75px 0 0 0px;
   }

   p.align-change,div.align-change{
      text-align:left!important;
   }
   
   pre{
      background-color:#eee;
      margin:.5em 0;
   }
   pre ol li span{
      width:100%;
   }
   .breadcrumbs>ul{
      padding:0 15px 0;
      font-size:.8rem;
   }

   main h2.align-change::after{
      font-size:1.1rem;
      left:0;
      transform:translateX(0);
      width:30%;
   }
   h1.align-change,h2.align-change{
      text-align:left
   }
   .date dl{
      font-size: 13px;
      margin:0 14px 15px 0
   }
  dt.publish{
      padding:0 2px 0 0
   }
  dt.update{
      padding:0 2px 0 0
   }
   span.sp-none{
      display:none
   }
   dl.standard{
      flex-direction:column
   }
   dl.standard dt{
      width:100%;
      font-weight:700;
      text-align:left
   }
   dl.standard dd{
      width:100%;
      padding:.5em 2.5em .5em 0
   }
   main h2.lines-both-sides::before,main h2.lines-both-sides::after{
      width:10%
   }
   ol.standard li{
      padding-inline-start:.2ch
   }
   ol.standard li li{
      padding-inline-start:.2ch
   }
   .cmt p{
      font-size:14px
   }
   ol.standard li::before{
      left:-30px
   }
   ol.standard li li::before{
      left:-52px
   }
   ol.standard li::after{
      left:-11px
   }
   address.tel{
      font-size:31px
   }
   #reception-time{
      margin-top:9px;
      font-size:.9rem
   }
   .search-box-inner{
      width:100%
   }
   .search-all-container{
      width:100%
   }
   .date dl {
      gap: 20px;
  }
  .publish::after {
   top: calc(50% - 1px);
   right: -13px;
   transform: translateY(-50%);
}
}