/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 22 2024 | 01:08:14 */
/*------------------------------------------------------------------
reset
------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,
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,caption,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video,main,
table.std, .std thead, .std tbody, .std tr .std th, .std td{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background-color: transparent;
}
address{font-style: normal;}
cite {font-style: normal;}

/*------------------------------------------------------------------
common
------------------------------------------------------------------*/
body:not(.home){
	overflow-x: hidden;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

.yu-g{
   font-family: '貂ｸ繧ｴ繧ｷ繝�け菴� Medium', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け Medium', 'Yu Gothic Medium', "yu-gothic-pr6n", 'Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', sans-serif;
}
.yu-m{
   font-family: '貂ｸ譏取悃菴�', 'Yu Mincho', YuMincho, '繝偵Λ繧ｮ繝取�譛� Pro', 'Hiragino Mincho Pro', 'MS P譏取悃', 'MS PMincho', "yu-mincho-pr6n", serif;
}
body .editor-styles-wrapper,
html body {
   width:100%;
   overflow-x: hidden;
   background-repeat:no-repeat;
   font-family: 'Montserrat', 'Noto Sans JP', '貂ｸ繧ｴ繧ｷ繝�け菴� Medium', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け Medium', 'Yu Gothic Medium', 'Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', sans-serif;
   -webkit-font-smoothing:antialiased;
   -webkit-text-size-adjust:100%;
   -webkit-appearance:none;
}
input,textarea,button{
   font-family:'Roboto','Noto Sans JP','Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','貂ｸ繧ｴ繧ｷ繝�け','Yu Gothic','貂ｸ繧ｴ繧ｷ繝�け菴�','YuGothic',sans-serif;
}
.body-inner{
   overflow: hidden;
}
html{
   scroll-behavior:smooth;
}

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

.z-index_1{
   position:relative;z-index:1;
}
.z-index_-1{
   position:relative;z-index:-1;
}

h1,h2,h3{
   position:relative;
}

h1,h2,h3, table th{
   font-weight:700;
   line-height:1.5em;
}
.line-h{
   display: inline-block;
   text-align: left!important;
}
.line-h .sub{
   display: inline-block;
   position: relative;
   color: #5e5e5e;
   font-size: 0.6em;
}
.line-h .sub::after{
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   height: 2px;
   margin-left: 12px;
   background: linear-gradient(90deg, #8c6cb0, #1caaaf);
}
a img, button img{
   transition:.3s;
}
a:hover img, button:hover img{
   opacity:.8;
   transform:scale(1.01);
   transition:.3s;
}
p{
   margin:.8em 0;
}
.sticky-area{
   position:sticky;
   top:0;
   width:100%;
   overflow:hidden;
}
.contents-container{
   padding:0 15px 70px;
   background-color: #fff;
   position: sticky;
   overflow-x: hidden;
}

.contents-container.with-top-img{
   margin-top: -60px;
   padding : 0 15px 100px;
   border-radius: 0 30px 0 0;
}

.contents-container main{
   max-width:1100px;
   margin: 0 auto;
   padding: 100px 0 30px;
}
span.url{
   word-break:break-all;
}
.clear{
   clear:both;
}
.to-works-link:hover{
   background-position:initial;
}
.strong{
   color:rgb(255,242,128);font-size:18px;
}
.wp-block-columns{
   justify-content:center;
}
.read-more{
   color: #4a708f;
}
/*wordpress蟇ｾ蠢�*/
.max-w-800>figure,
.max-w-800>img{
   max-width: 800px!important;
}
.max-w-700>figure,
.max-w-700>img{
   max-width: 700px!important;
}
.max-w-600>figure,
.max-w-600>img{
   max-width: 600px!important;
}
.max-w-500>figure,
.max-w-600>img{
   max-width: 500px!important;
}
.max-w-400>figure,
.max-w-400>img{
   max-width: 400px!important;
}
.max-w-300>figure,
.max-w-300>img{
   max-width: 300px!important;
}
.max-w-200>figure,
.max-w-200>img{
   max-width: 200px!important;
}

.center>figure,
img.center{
   display: flex!important;
   flex-direction: column;
   align-items: center;
}
/*------------------------------------------------------------------
text髢｢騾｣
------------------------------------------------------------------*/
@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;
}

.fa-chevron-down:before{
content: '\e913';
}
.icon-right{
   padding-left:.5em;
}
.icon-left{
   padding-right:.5em;
}
.icon-both{
   padding: 0.5em;
}

.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.std{
   background-color:transparent!important;
   background:linear-gradient(transparent 60%,#d0f5f9 0%);
   font-weight:700;
}
.cmt p.t1{
   padding-left:1em;
   text-indent:-1em;
}
.cmt p.t2{
   padding-left:1.8em;
   text-indent:-1.8em;
}

.cmt p.t1::before{
   content:"窶ｻ";
}
span.gray{
   color:#8b8b8b;
}
/*-----------------------------------------------------------------------
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: inline-block;
   width: auto;
   height: auto;
   margin: 0!important;
   background-color:rgb(70,81,100);
   color:#fff;
   z-index:10;
}
.num-msg.err{
   background-color:rgb(148,32,32);
}

/*-----------------------------------------------------------------------
rsp
-------------------------------------------------------------------------*/
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:767px){
   .del-767{
      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 (min-width:600px){
   .for-sp{
      display: none!important;
   }
}
@media screen and (min-width:768px){
   .for-768{
      display: none!important;
   }
}
@media screen and (min-width:900px){
   .for-900{
      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;
   max-width: 100%;
   height: auto;
   vertical-align:top;
}
.flexbox-center{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-content: center;
}
.grid{
   display: grid;
}
.grid.auto-fill{
   grid-template-columns:repeat(auto-fill,minmax(500px,1fr));
}
.grid.auto-fill{
   grid-template-columns:repeat(auto-fit,minmax(500px,1fr));
}
/*-----------------------------------------------------------------------
breadcrumbs
-------------------------------------------------------------------------*/
.main-header-bar.es-header-breadcrumb{
	background: transparent;
}
.main-header-bar.es-header-breadcrumb>.es-container{
	max-width: unset;
}
.main-header-bar.es-header-breadcrumb ol {
    padding: 0 20px 20px;
}
/*-------------------------------------------------
accordion
---------------------------------------------------*/
.scroll-control.active{
   overflow-y:auto;
}

/*-----------------------------------------------------------------------
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;
}

.search-box{
   display:flex;
   flex-wrap:nowrap;
   padding:3px;
}
#searchform button[type="submit"]{
   background-color:rgb(53,55,58);
   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!important;
   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:#8d8d8d;
   transition:.3s;
}

/*-----------------------------------------------------------------------
textLink
-------------------------------------------------------------------------*/
a{
   text-decoration:none;
   color: #246ab1;
   word-break: break-all;
}
a.textLink, p a,figcaption a ,a.textLink:visited ,p a:visited ,figcaption a:visited{
   text-decoration: underline;
   padding: 0 .3em;
   position: relative;
}
th a{
   font-weight:400;
}
sup a.textLink,sup a.textLink:visited{
   color:#ff7474;
   text-decoration:none;
}
address a{
   color:#333;
}
@media (min-width:600px){
   a[href*="tel:"]{
      pointer-events:none;
      cursor:default;
   }
}
.view-more{
   position:relative;
   padding:5px 22px 3px;
   transition:.5s;
   color:#333;
}
.view-more:hover::before,.view-more:hover::after{
   transform:translateX(3px);
   transition:.5s;
}
.view-more:hover{
   color:rgb(70,182,176);
}
.view-more:hover::before{
   border-right:6px solid rgb(70,182,176);
}
.view-more:hover::after{
   border-bottom:1px solid rgb(70,182,176);
}
.view-more::before{
   content:'';
   position:absolute;
   bottom:10px;
   right: 6px;
   border-top:6px solid transparent;
   border-right:6px solid #333;
   z-index:1;
   transition:.5s;
}
.view-more::after{
   content:"";
   position:absolute;
   bottom:0;
   left:17px;
   width:100px;
   border-bottom:1px solid #333;
   padding-bottom:5px;
   z-index:1;
   transition:.5s;
}

.atBlog .view-more {
   padding: 5px 22px 5px 22px;
}
.atBlog .view-more::before {
   content: '';
   position: absolute;
   bottom: 8px;
   left: 94px;
}
.atBlog .view-more::after {
   width: 88px;
}
p.large-margin{
   margin:50px 0
}
a.picLink:hover img{
   opacity:.7;
   transform:scale(1.01);
   transition:.2s;
}
a.picLink img{
   width:100%;
   height:auto;
   transition:.2s;
}

.sub.line::before {
   position: absolute;
   content: "";
   display: block;
   border-top: 1px solid #aba6a6;
   width: 100%;
   top: 3px;
}
.blog p.cat,
p.cat{
   position: absolute;
   background-color: rgba(255, 255, 255, .8);
   color: #464646;
   background-color: #fff;
   border: 1px solid #ccc;
   display: inline-block;
   padding: 0px 8px!important;
   line-height: 20px;
   font-weight: 600;
   font-size: 14px;
   right: -3px;
   top: -3px;
   margin: 0!important;
}
/*---------------------------------------------------
animation
----------------------------------------------------*/
.fade {
   opacity: 0;
  } 
.fade.displayed {
   animation: fade 1s ease-in-out forwards;
}
@keyframes fade{
   0%{ opacity: 0;}
 100%{ opacity: 1;}
}
.parallax{
   transition: .7s;
}
.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 2s cubic-bezier(0.1, 0.8, 0.2, 1.0) forwards;
}
@keyframes fadeInLeft{
   0%{ opacity: 0; transform: translateX(-20px);}
 100%{ opacity: 1; transform: translate(0);}
}
.fadeInRight {
   transform: translateX(20px);
   opacity: 0;
}
.fadeInRight.displayed {
   animation: fadeInRight 2s cubic-bezier(0.1, 0.8, 0.2, 1.0) forwards;
}
@keyframes fadeInRight{
   0%{ opacity: 0; transform: translateX(20px);}
 100%{ opacity: 1; transform: translate(0);}
}
.fadeUp{
  transform: translateY(30px);
  opacity: 0;
}
.fadeUp.displayed {
   animation: fadeUp 2s cubic-bezier(0.1, 0.8, 0.2, 1.0) forwards;
}
@keyframes fadeUp{
   0%{ opacity: 0; transform: translateY(30px);}
 100%{ opacity: 1; transform: translateY(0);}
}
.textAnima .char{
   opacity: 0;
}

.textAnima.displayed .char{
   display: inline-block;
   animation: textAnima 1s forwards;
}
@keyframes textAnima{
   0%{opacity: 0; transform:translateX(10px)}
  30%{opacity: 0; transform:translateX(10px)}
 100%{opacity: 1; transform:translateY(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-01{animation-delay: 0.1s!important;}
.delay-02{animation-delay: 0.2s!important;}
.delay-03{animation-delay: 0.3s!important;}
.delay-04{animation-delay: 0.4s!important;}
.delay-05{animation-delay: 0.5s!important;}
.delay-06{animation-delay: 0.6s!important;}
.delay-07{animation-delay: 0.7s!important;}
.delay-08{animation-delay: 0.8s!important;}
.delay-09{animation-delay: 0.9s!important;}
.delay-10{animation-delay: 1.0s!important;}
.delay-11{animation-delay: 1.1s!important;}
.delay-12{animation-delay: 1.2s!important;}
.delay-13{animation-delay: 1.3s!important;}
.delay-14{animation-delay: 1.4s!important;}
.delay-15{animation-delay: 1.5s!important;}
.delay-16{animation-delay: 1.6s!important;}
.delay-17{animation-delay: 1.7s!important;}
.delay-18{animation-delay: 1.8s!important;}
.delay-19{animation-delay: 1.9s!important;}
.delay-20{animation-delay: 1.0s!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.std, ol.std{
   padding:.1em 0 .1em 2.5em;
   list-style-type: none!important;
   margin: 11px 0;
   line-height: 2em;
}
.std.wide{
   padding:20px 0 20px 50px;
}

ul.std li>ul,ol.std li>ul{
   padding:1em 0 .1em 3em;
}
ul.std li{
   position:relative;
   text-indent:-.36em;
}
ul.std.line-h-s li{
   line-height: 1.3em;
}
table ul.std li{
   text-indent:0em;
}
ul.std li:not(:nth-of-type(1)){
   margin-top:.4em;
}
ul.std li::before{
   content:"";
   display:inline-block;
   position:relative;
   top:-.2em;
   left:-10px;
   width:6px;
   height:6px;
   border-radius:50%;
   background-color:#d77853;
}
ul.std li li::before{
   content: "";
   position: absolute;
   top: calc(50% + -2px);
   transform: translate(-50%);
   left: -17px;
   width: 6px;
   height: 2px;
   border-radius: 0;
   background-color:#d77853;
}

ol.std ol{
   padding:.5em 0em .5em 1.5em;
}
ol.std li{
   position:relative;
   counter-increment:FirstNode;
   padding-inline-start:1em;
}
ol.std li li{
   counter-increment:SecondNode;
   padding-inline-start:1em;
}
ol.std li:nth-of-type(-n + 9)::before{
   position:absolute;
   content:counter(FirstNode);
   font-weight:700;
   font-style: italic;
   color:#ef817c;
   left:-16px;
   top:-1px;
   font-size:1.2em;
}
ol.std li:nth-of-type(n + 10)::before{
   position:absolute;
   content:counter(FirstNode);
   font-weight:700;
   font-style: italic;
   color:#ef817c;
   left:-27px;
   top:-1px;
   font-size:1.2em;
}
ol.std.s-01 li:nth-of-type(-n + 9)::before{
   font-style:normal;
   color:#ef817c;
   left:-19px;
   top:-1px;
   font-size:1.2em;
}
ol.std.s-01 li:nth-of-type(n + 10)::before{
   font-style:normal;
   color:#ef817c;
   left:-30px;
   top:-1px;
   font-size:1.2em;
}


ol.std li::after{
   content: '.';
   color:#ef817c;
   position:absolute;
   left: 0;
   top: -2px;
   font-size: 1.5em;
}
ol.std.s-01 li::after{
   content: '|';
   color:#df998e;
   left:1px;
   width: 1px;
   height: 1em;
   font-size:1.2em;
}

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

ul.std.note li{
   text-indent:0em;
}
/*-----------------------------------------------------------------------
date
-------------------------------------------------------------------------*/
.date dl{
   display:flex;
   flex-direction:row;
   justify-content:flex-end;
   font-size:.9rem;
   margin:5px 10px 10px 10px;
}
.date dt{
   position:relative;
   width:auto;
   text-align:left;
   font-weight:400;
   padding:0 3px 0 0;
}
.date dd{
   position:relative;
   width:auto;
   border:none;
}
dd.publish{
   margin-right: 30px;
}
dt.update::before{
   position: absolute;
   content:"/";
   font-size: 14px;
   top: calc(50% - 1px);
   left: -18px;
   transform: translateY(-53%);
}
.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;
   border-top:15px solid rgb(230,230,230);
   border-right:10px solid transparent;
   border-left:10px solid transparent;
}
.preparing-link:hover .msg{
   text-align:center;
   display:inline-block;
   line-height:1.6em;
   padding:15px;
   width:270px;
   top:-90px;
   left:20px;
   border-radius:3px;
   background-color:rgb(230,230,230);
   color:#000;
}

/*-----------------------------------------------------------------------
table
-------------------------------------------------------------------------*/
table.simple{
   margin:0 auto;
   width:100%;
}
table.simple tr{
   border-bottom:1px solid #b7b7b7;
}
table.simple th{
   text-align:left;
   font-weight:700;
   padding: 15px 20px;
}
table.simple td{
   width:auto;
   padding:.8em 25px;
   line-height:1.6;
}
main table.simple ul{
   margin:0;
   padding:7px 0 7px 20px;
}

table.std{
	border-collapse: collapse;
    border-spacing:0;
}
.reference{
   color:#bd3434!important;
   font-weight:700;
   text-decoration:none!important;
}
span.fa-external-link-alt{
   margin:0 5px;
}
.border-right{
   border-right:solid 1px #ccc;
}

/*-----------------------------------------------------------------------
other documents
-------------------------------------------------------------------------*/
dl.std{
   display:flex;
   flex-wrap:wrap;
}
dl.std dt{
   width:25%;
   font-weight:700;
   text-align:right;
   padding:.5em 0em .5em .5em;
}
dl.std dd{
   width:70%;
   margin:auto 0 auto 1em;
   padding:.5em 0 .5em .5em;
}
dl.tips{position:relative;
   background-color:#eaebde;
   padding:10px 15px 10px 46px;
   border-radius:5px;
   transition:.5s;
}
dl.tips dt{
   font-weight:700;
   text-align:left;
   padding:10px 15px 0 25px;
}
dl.tips dd{
   margin:auto 0 auto 1em;
   padding:.5em 0 .5em .5em;
}
dl.tips dd::before{
   position:absolute;
   font-family:"icons",sans-serif;
   content:"\e902";
   top:50%;
   transform:translateY(-50%);
   left:15px;
   font-size:1.5rem;
   color:#516a62;
}
dl.tips dd::after{
   position:absolute;
   content:"";
   top:10px;
   bottom:10px;
   width:1px;
   left:50px;
   background-color:#8fa59e;
}
dl.tips.closed{
   display:block;
   height:150px;
   overflow-y:hidden;
   transition:.5s;
}
dl.tips.closed::after{
   content:"";
   position:absolute;
   top:66%;
   left:50%;
   transform:translate(-50%);
   border-radius:0 0 5px 5px;
   width:100%;
   height:51px;
   background:linear-gradient(rgba(236, 236, 236, 0.1),rgb(236,236,236, .3),rgb(236,236,236, .5),rgb(236,236,236, .9),rgb(236,236,236, 1))
}
dl.tips+button{
   position:absolute;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:20px;
   line-height:20px;
   bottom:0;
   left:50%;
   transform:translate(-50%);
   background-color:rgba(0,0,0,.5);
   color:#fff;
   border-radius:5px;
   width:110px;
   height:25px;
   z-index:2;
   transition:.5s;
}
dl.tips+button>span{
   position:relative;
}
dl.tips+button>span::before{
   content:"";
   position:absolute;
   transition:.5s;
   top:50%;
   left:-3px;
   transform:translateY(-50%) rotate(-135deg);
   width:2px;
   height:10px;
   background-color:#fff;
}
dl.tips+button>span::after{
   content:"";
   position:absolute;
   transition:.5s;
   top:50%;
   left:3px;
   transform:translateY(-50%) rotate(135deg);
   width:2px;
   height:10px;
   background-color:#fff;
}
dl.tips.closed+button>span::before{
   transform:translateY(-50%) rotate(-45deg);
   transition:.5s
}
dl.tips.closed+button>span::after{
   transform:translateY(-50%) rotate(45deg);
   transition:.5s;
}
dl.tips.closed+button{
   transition:.5s;
}
dl.tips+button:hover{
   opacity:.7;
   transition:.5s;
}
p.code{
   background-color: #3e3e3e;
   color: #fff!important;
   padding: 7px 20px!important;
   border-radius: 3px;
   font-family: Menlo,Consolas,'DejaVu Sans Mono',monospace;
  }

code{
   overflow-x:auto;
   background-color:#e3e3e3;
   padding:3px 5px;
   border-radius:2px;
   margin:0 5px;
   color:rgb(70, 70, 70);
   font-family:Menlo,Consolas,'DejaVu Sans Mono',monospace;
   font-size:14px;
   line-height:1.6em;
}
pre>code{
   display:block;
   padding:0;
   background-color:transparent;
}
pre{
   background-color:#eee;
   padding:1em;
   border-radius:2px;
   border:solid 1px #dbdbdb;
   color:#54687c;
   font-family:Menlo,Consolas,'DejaVu Sans Mono',monospace;
   white-space:pre-wrap;
   word-break:break-all;
}
pre ol{
   padding:1em 1em 1em .5em;
}
address.tel{
   margin-top:37px;
   font-size:46px;
   font-style:normal;
   color:#333;
}
#reception-time{
   margin-top:15px;
}
.search-highlight{
   font-weight:700;
   background:linear-gradient(transparent 0%,#d0f5f9 0%);
}
blockquote{
   position: relative;
   background-color: #eff1f1;
   border: 1px solid #ccc;
   padding: 10px 20px;
   margin: 30px 0;
}
blockquote::before,
blockquote::after{
   display: block;
   font-family: 'icons';
   font-size: 25px;
   color: #95a1a7;
}
blockquote::before{
   content: '\e924';
   text-align: left;
}
blockquote::after{
   content: '\e925';
   text-align: right;
}
blockquote p{
   margin: 0.8em 0 10px!important;
}
cite{
   display: inline-block;
   margin: 0 0 .8em;
}
.gmap-container {
   max-width: 660px;
   width: 100%;
   margin: 85px auto 20px;
   /*clip-path: inset(0 round 30px); 隗剃ｸｸ繧剃ｻ倥￠繧句�ｴ蜷�*/
}
#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;
   }
}
.max-w-800>figure,
.max-w-800>img{
   max-width: 100%!important;
}
/*********************************************************************************
767px
**********************************************************************************/
@media screen and (max-width: 767px){
.max-w-700>figure,
.max-w-700>img{
   max-width: 100%!important;
}
.entry-content h1.custom {
    font-size: 22px;
}
/*********************************************************************************
599px
**********************************************************************************/
@media screen and (max-width: 599px){
body{position:initial}
.for-spDesc{
   display:initial;
}
h1{
   margin: 0 auto;
}
.page-top-wrapper h1::before {
   top: -8px;
   left: 8px;
   width: 10px;
   height: 10px;
}
.page-top-wrapper h1::after {
   top: -16px;
   left: 15px;
   width: 10px;
   height: 10px;
}


h2.square-bracket::before{
   top: -6px;
   left: -17px;
}
h2.square-bracket::after{
   border-right:solid 1px #000;
   border-bottom:solid 1px #000;
   bottom: -6px;
   left: calc(100% - 3px);
}


.contents-container main {
   padding: 50px 0 30px;
}
   p.align-change,div.align-change{
      text-align:left!important;
   }
   pre{
      margin:.5em 0;
   }
   pre ol li span{
      width:100%;
   }
   h1:not(.home h1){
      font-size: 25px;
   }
   h1>span.sub{
      padding-bottom: 5px;
      line-height: 1.7em;
   }
   main h2.align-change::after{
      font-size:1.1rem;
      left:0;
      transform:translateX(0);
      width:30%;
   }
   main h2.square-bracket{
      text-align:center;
      width:90%;
   }
   main h3{
      font-size:1.1rem;
   }
   h1.align-change,
   h2.align-change{
      text-align:left
   }
   table.simple.rsp th,
   table.simple.rsp td{
      display:block;
      width:100%!important;
      padding: 10px 0;
   }
   table.simple.rsp td{
      padding:.8em .8em .8em 8px;
   }
   .date dl{
      font-size: 13px;
      margin:0 14px 15px 0;
   }
  dt.publish{
      padding:0 0 0 0;
   }
  dt.update{
      padding:0 5px 0 0;
   }
   span.sp-none{
      display:none;
   }
   dl.std{
      flex-direction:column;
   }
   dl.std dt{
      width:100%;
      font-weight:700;
      text-align:left;
   }
   dl.std dd{
      width:100%;
      padding:.5em 2.5em .5em 0;
   }
   main h2.lines-both-sides::before,main h2.lines-both-sides::after{
      width:10%;
   }
   .cmt p{
      font-size:14px;
   }
   .std.wide{
      padding:20px 0 20px 25px;
   }
   address.tel{
      font-size:31px;
   }
   #reception-time{
      margin-top:9px;
      font-size:.9rem;
   }
   .search-box-inner{
      width:100%;
   }
   .search-all-container{
      width:100%;
   }
/*wordpress蟇ｾ蠢�*/
.max-w-600>figure,
.max-w-600>img,
.max-w-500>figure,
.max-w-600>img,
.max-w-400>figure,
.max-w-400>img{
   max-width: 100%!important;
}
}