@charset "UTF-8";
/*
Theme Name: 株式会社マルシン
Theme URI: https://wazenmiyabi.info/
Description: 株式会社マルシン工事部
Version: 1.04
Author: Takahiro Shimokawa
Author URI: https://wazenmiyabi.info/
*/
/*------------------------------------*/
*{margin:0;padding:0;}
:root{
    --blue:#1d2088;
    --lightblue:#008dff;
    --color1:#F48B8B;
    --color2:#FFB86C;
    --color3:#FFD966;
    --color4:#7EDC92;
    --color5:#6FC4F6;
    --color6:#8F9BFF;
    --color7:#C18CFF;
}
.grecaptcha-badge {visibility: hidden;}/*reCAPTCHA*/
@media screen and (max-width:1000px){body{overscroll-behavior:none;}}
html{-webkit-font-smoothing:antialiased;}
body{font-family:"M PLUS Rounded 1c","Hiragino Kaku Gothic Pro","メイリオ";font-weight:400;font-style:normal;background:#fcfaf5;}
header,footer,main,article,section,nav,aside,small,div,uk,li,a
    {display:block;box-sizing:border-box;position:relative;}
h1,h2,h3,h4,p,small{font-size:100%;font-weight:normal;line-height:150%;position:relative;}
li{list-style: none;}
img{display:block;outline:none;width:100%;height:100%;object-fit:contain;}
iframe{border:none;width:100%;height:100%;}
a{text-decoration:none;}
/**/
.up,.lr,.rotaterl,.rotatelr{opacity:0;transition-duration:0.4s;}
.up{transform:translate(0,5em);}
.lr{transform:translate(-5em,0);}
.rotaterl{transform:rotate(5deg);}
.rotatelr{transform:rotate(-5deg);}
.inview{opacity:1 !important;transform:rotate(0deg) translate(0,0) !important;}
.border-bottom::before{content:'';position:absolute;width:0;height:1px;background:var(--blue);bottom:0;left:50%;transition-duration:0.4s;}
.border-bottom:hover::before{left:0 !important;width:100% !important;}
/**/
#wrap{overflow-x:hidden;margin:0 auto;background:white;}
@media screen and (min-width: 700px){
    html{font-size:62.5%;}
    body{font-size:clamp(11.625px,0.9375vw,18px);}
    h2{font-size:1.7em;}
    h3{font-size:1.4em;}
    h2,h3{margin-bottom:.5em;}
    #wrap{width:clamp(1240px,100vw,1920px);padding-top:6em;}
}
@media screen and (max-width:699px){
    body{font-size:16px;}
    h2{font-size:20px;}
    h3{font-size:18px;}
    h2,h3{text-align:center;margin-bottom:1em;}
    #wrap{width:100%;padding-top:5em;}
}
/*------------------------------------*/
.morebtn{display:inline-block;margin:2em auto;background:var(--blue);color:white;padding:.5em 3em;box-shadow:0 1em 1em -.5em black;border:.2em solid white;border-radius:1em;transition-duration:1s;}
@media screen and (min-width: 700px){
    .morebtn{font-size:1.5em;}
    .morebtn:hover{box-shadow:0 0 1em -1em black;}
}
/*------------------------------------*/
/*▼▼▼*/
/*全体*/
/*---------------------------------*/
/*header*/
#mainheader{position:fixed;top:0;left:0;z-index:9999;width:100%;background:white;}
.headtel span:nth-of-type(1){font-size:2em;line-height:1em;font-weight:bold;border-bottom:1px solid black;display:inline-block;}
.headtel span:nth-of-type(2){font-size:.9em;}

@media screen and (min-width: 700px){
    #mainheader{height:6em;}
    #mainheader>div{border-bottom:.3em solid var(--blue);padding:0 5%;background:white;width:clamp(1240px,100vw,1920px);margin:0 auto;height:100%;}
    #mainheader nav{margin-left:auto;}
    #mainheader nav li a{display:block;color:black;padding:0 .5em;margin:0 .5em;transition-duration:0.4s;}
    #mainheader nav li a:hover{color:var(--blue);}
    #mainheader .logo{width:20em;}
    #mainheader .headtel{margin:0 1em 0 2em;}
    #mainheader .headcontact span{background: var(--blue);color:white;font-size:1.5em;padding:.5em 1em;display:inline-block;border:.1em solid white;box-shadow:.1em .1em .3em #aaa;border-radius:1em;transition-duration:0.4s;}
    #mainheader .headcontact span:hover{background:var(--lightblue);}
    #mainheader .headcontact img{position: absolute;height:6em;width:6em;right:-5em;bottom:-26%;}
}
@media screen and (max-width:699px){
    #mainheader{height:5em;}
    #mainheader{border-bottom:.3em solid var(--blue);padding-left:.5em;}
    #mainheader .logo{width:16em;}
}
/*---------------------------------*/
/*footer*/
footer{background:url(images/footer.webp) no-repeat;}
footer li:nth-of-type(1) a,#mnav li:nth-of-type(1) a{background:var(--color1);}
footer li:nth-of-type(2) a,#mnav li:nth-of-type(2) a{background:var(--color2);}
footer li:nth-of-type(3) a,#mnav li:nth-of-type(3) a{background:var(--color3);}
footer li:nth-of-type(4) a,#mnav li:nth-of-type(4) a{background:var(--color4);}
footer li:nth-of-type(5) a,#mnav li:nth-of-type(5) a{background:var(--color5);}
footer li:nth-of-type(6) a,#mnav li:nth-of-type(6) a{background:var(--color6);}
footer li:nth-of-type(7) a,#mnav li:nth-of-type(7) a{background:var(--color7);}
footer li a span{color:#333;mix-blend-mode:color-burn;font-size:1.1em;}
footer .footerinfo>a{mix-blend-mode:darken;}
#copyright{border-top:.3em solid var(--blue);color:black;text-align:center;line-height:4em;background:white;}
@media screen and (min-width:700px){
    footer{background-position:center;background-size:cover;}
    footer>div{padding:6em 0;}
    footer ul{padding:1em;background:white;}
    footer li{width:calc(100% / 6);}
    footer li:hover a{opacity:.7;}
    footer li a{padding:1em 0;border-radius:1em;margin:0 .5em;}
    footer .footerinfo>a{width:24em;margin:0 auto 1em;}
    footer .footeraica{width:15em;position:absolute;right:5%;bottom:3em;height:auto;}
}
@media screen and (max-width:699px){
    footer{background-position:right 15% bottom;background-size:auto 80%;}
    footer>div{padding:2em 0;}
    footer ul{padding-bottom:.5em;background:white;}
    footer li{width:50%;}
    footer li a{padding:.5em 0;margin:.1em;border-radius:1em;}
    footer .footerinfo a{width:70%;margin:0 auto;}
    footer .footeraica{width:40%;margin:2em auto;}
    #mnav{z-index:9999;position:fixed;top:5em;height:calc(100vh - 5em);background:rgba(255,255,255,.8);width:100vw;left:-100vw;padding:2em 10%;transition-duration:0.8s;}
    .mnavon{left:0 !important;}
    #mnav li{margin:1%;box-shadow:.1em .1em .2em #aaa;width:35%;aspect-ratio:1 / 1;}
    #mnav li:nth-of-type(7){width:72%;margin:1% 0;aspect-ratio:2 / 1;}
    #mnav a{color:white;height:100%;}
    #mnav span:nth-of-type(2){position:absolute;bottom:.5em;width:100%;left:0;}
    .menu-trigger{width:3em;height:3em;position:absolute;right:1em;top:calc(50% - 1.5em);}
    .menu-trigger,.menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box;}
    .menu-trigger span{position:absolute;left:.3em;width:calc(100% - .6em);height:.2em;background-color:var(--blue);border-radius:.1em;}
    .menu-trigger span:nth-of-type(1){top:.4em;}
    .menu-trigger span:nth-of-type(2){top:calc(50% - .1em);}
    .menu-trigger span:nth-of-type(3){bottom:.4em;}
    .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(16px) rotate(-315deg);transform:translateY(16px) rotate(-315deg);}
    .menu-trigger.active span:nth-of-type(2){opacity:0;}
    .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-16px) rotate(315deg);transform:translateY(-16px) rotate(315deg);}
    #mcall{position:fixed;left:1em;bottom:1em;z-index:9999;}
    #mcall a{width:4em;height:4em;background:var(--blue) url(images/mcall.webp) center no-repeat;background-size:80% auto;border-radius:50%;}
}
/*-----------------------*/
/*front-page*/
#topimage{overflow:hidden;}
#topimage .topcatch{position:absolute;text-align:center;width:100%;color:white;text-shadow:0 0 .2em #092268;}
#topimage .sv{position:absolute;top:16%;width:100%;}
#topimage .sv>span{color:white;border-radius:50%;box-sizing:border-box;transform:rotateY(360deg) translate(0,5em);transition-duration:1s;opacity:0;}
#topimage .sv>span:nth-child(even){margin-top:1em;}
#topimage .sv>span:nth-of-type(1){background:var(--color1);-webkit-transition-delay:.6s;transition-delay:.6s;}
#topimage .sv>span:nth-of-type(1) span{letter-spacing:-.1em;margin-left:-.1em;}
#topimage .sv>span:nth-of-type(2){background:var(--color2);-webkit-transition-delay:1.2s;transition-delay:1.2s;}
#topimage .sv>span:nth-of-type(2) span{line-height:.85em;letter-spacing:-.18em;}
#topimage .sv>span:nth-of-type(3){background:var(--color3);-webkit-transition-delay:1.8s;transition-delay:1.8s;}
#topimage .sv>span:nth-of-type(3) span{line-height:.95em;}
#topimage .sv>span:nth-of-type(4){background:var(--color4);-webkit-transition-delay:.3s;transition-delay:.3s;}
#topimage .sv>span:nth-of-type(4) span{line-height:1em;letter-spacing:-.05em;}
#topimage .sv>span:nth-of-type(5){background:var(--color5);-webkit-transition-delay:1.5s;transition-delay:1.5s;}
#topimage .sv>span:nth-of-type(5) span{line-height:.9em;letter-spacing:-.18em;}
#topimage .sv>span:nth-of-type(6){background:var(--color6);-webkit-transition-delay:.9s;transition-delay:.9s;}
#topimage .sv>span:nth-of-type(6) span{line-height:.9em;letter-spacing:-.18em;}
#topimage .sv>span:nth-of-type(7){background:var(--color7);-webkit-transition-delay:2.1s;transition-delay:2.1s;}
#topimage .sv>span:nth-of-type(7) span{letter-spacing:-.1em;margin-left:-.1em;}
#topimage .sv span span{text-align:center;font-weight:bold;}
#topimage .topbtn{position:absolute;left:50%;transition-duration:.4s;-webkit-transition-delay:2.8s;transition-delay:2.8s;}
#topimage .topbtn a{border-radius:1em;background:rgb(10 57 129 / 65%);color:white;transform:translate(-50%,0);transition-duration:0.4s;}
#topimage .topimg{position:absolute;bottom:0;transition-duration:1s;}
/**/
#frontpage>article>section:nth-of-type(even){background:#ecf0ff;}
/**/
#front1 h2{line-height:1.2em;}
#front1 h2 span{color:green;font-weight:bold;}
#front1 img{margin:3em auto 0;}
/**/
#front2 li::before{content:'';position:absolute;border:.2em solid white;border-radius:50%;box-sizing:border-box;}
#front2 li:nth-of-type(1)::before{background:var(--color1);}
#front2 li:nth-of-type(2)::before{background:var(--color4);}
#front2 li:nth-of-type(3)::before{background:var(--color7);}
#front2 li div{aspect-ratio:3/2;margin-bottom:1em;border-radius:2em;overflow:hidden;}
#front2 li div img{object-fit:cover;}
/**/
.swiper-slide{aspect-ratio:16/9;border-radius:1em;overflow:hidden;}
.swiper-slide img{object-fit:cover;}
.swiper-button-next, .swiper-button-prev{color:white !important;}
#front3 li{overflow:hidden;}
#front3 li a>span{position:absolute;text-align:center;border:3px double white;color:white;border-radius:50%;font-weight:bold;transform:rotateY(360deg) translate(0, 5em);opacity:0;transition-duration:1s;}
#front3 li:nth-of-type(1) a>span{background:var(--color1);}
#front3 li:nth-of-type(2) a>span{background:var(--color2);}
#front3 li:nth-of-type(3) a>span{background:var(--color3);}
#front3 li:nth-of-type(4) a>span{background:var(--color4);}
#front3 li:nth-of-type(5) a>span{background:var(--color5);}
#front3 li:nth-of-type(6) a>span{background:var(--color6);}
#front3 li:nth-of-type(7) a>span{background:var(--color7);}
#front3 li:nth-of-type(8) a>span{background:var(--color1);}
#front3 li:nth-of-type(1) a span span{line-height:.95em;}
#front3 li:nth-of-type(2) a span span{line-height:.85em;letter-spacing:-.18em;margin-left:-.1em;}
#front3 li:nth-of-type(3) a span span{line-height:.95em;}
#front3 li:nth-of-type(4) a span span{line-height:1em;margin-top:-.28em;letter-spacing:-.05em;}
#front3 li:nth-of-type(5) a span span{line-height:1em;margin-top:-.28em;letter-spacing:-.05em;}
#front3 li:nth-of-type(6) a span span{line-height:.9em;letter-spacing:-.18em;margin-left:-.2em;}
#front3 li:nth-of-type(7) a span span{line-height:.95em;}
#front3 li:nth-of-type(8) a span span{letter-spacing:-.1em;margin-left:-.2em;line-height:1em;}
/**/
#front4 li a div{overflow:hidden;border-radius:2em;}
#front4 h2{position: absolute;padding:.25em 0;display:block;bottom:1em;left:calc(50% - 6em);width:12em;text-align:center;background:rgb(10 57 129 / 65%);text-shadow:.1em .1em .2em black;}
#front4 h3{font-weight:bold;margin-top:1em;}
@media screen and (min-width:700px){
    #topimage .topcatch{top:4%;font-size:4.5em;}
    #topimage .sv{font-size:2em;top:16%;padding:0 1em;}
    #topimage .sv>span{border:.2em solid white;width:7em;height:7em;}
    #topimage .sv span span{font-size:1.5em;}
    #topimage .sv>span:nth-of-type(1) span{transform:scale(1.5,1.8);}
    #topimage .sv>span:nth-of-type(2) span{transform:scale(1.4);margin-left:-.1em;}
    #topimage .sv>span:nth-of-type(3) span{transform:scale(1.3);}
    #topimage .sv>span:nth-of-type(4) span{transform:scale(1.3);margin-top:-.28em;}
    #topimage .sv>span:nth-of-type(5) span{transform:scale(1.5);margin-top:-.28em;margin-left:-.2em;}
    #topimage .sv>span:nth-of-type(6) span{transform:scale(1.4);margin-left:-.2em;}
    #topimage .sv>span:nth-of-type(7) span{transform:scale(1.5,1.8);}
    #topimage .topbtn{bottom:14%;}
    #topimage .topbtn a{padding:.5em 2em;font-size:2em;border:7px double white;box-shadow:0 2em 1em -1em #333;}
    #topimage .topbtn a:hover{background:rgb(10 124 129 / 65%);}
    #topimage .topimg{left:5%;height:25em;width:23em;}
    #topimage .topbtn img{position:absolute;width:10em;height:10em;left:-5em;top:-10em;}
    /**/
    #frontpage>article>section{padding:7em 0;}
    /**/
    #front1 h2{font-size:3em;}
    #front1 img{width:15em;}
    /**/
    #front2 ul{padding:0 5%;}
    #front2 li{width:30%;}
    #front2 li::before{width:4em;height:4em;left:calc(50% - 2em);top:-3.5em;}
    /**/
    .swiper{padding-bottom:5em !important;margin-bottom:2em;}
    .swiper-slide{width:60% !important;}
    #front3>ul{margin:7em auto 3em;}
    #front3 li{border-radius:2em;margin:.4em;}
    #front3 li a img{transition-duration:0.4s;}
    #front3 li a:hover img{opacity:.7;}
    #front3 li a>span{bottom:1em;right:1em;width:5em;height:5em;font-size:1.2em;}
    #front3 li:nth-of-type(1) a span span{transform:scale(1.3);}
    #front3 li:nth-of-type(2) a span span{transform: scale(1.4);}
    #front3 li:nth-of-type(3) a span span{transform:scale(1.3);}
    #front3 li:nth-of-type(4) a span span{transform: scale(1.3);}
    #front3 li:nth-of-type(5) a span span{transform: scale(1.3);}
    #front3 li:nth-of-type(6) a span span{transform:scale(1.4);}
    #front3 li:nth-of-type(7) a span span{transform:scale(1.3);}
    #front3 li:nth-of-type(8) a span span{transform:scale(1.2);}
    /**/
    #front4{padding:1em 0 7em !important;}
    #front4 li{padding:2em;}
    #front4 li a img{transition-duration:0.4s;}
    #front4 li a:hover img{opacity:.7;}
    #front4 li a:hover h2{background:rgb(10 124 129 / 65%) !important;box-shadow:0 0 1em -1em black;bottom:2em;}
    #front4 h2{font-size:1.5em;}
}
@media screen and (max-width:699px){
    #topimage{aspect-ratio:4/3;}
    #topimage>img{object-fit:cover;}
    #topimage .topcatch{top:3%;font-size:1.3em;}
    #topimage .sv{padding:0 1em;}
    #topimage .sv>span{border:.1em solid white;width:3em;height:3em;}
    #topimage .sv>span:nth-of-type(2) span{margin-top:.25em;}
    #topimage .sv>span:nth-of-type(4) span{font-size:14px;margin-top:-.1em;}
    #topimage .sv>span:nth-of-type(5) span{margin-top:-.1em;}
    #topimage .sv>span:nth-of-type(6) span{transform:scale(.9);margin-left:-.1em;}
    #topimage .topbtn{bottom:12%;}
    #topimage .topbtn a{padding:.2em 2em;border:3px double white;box-shadow: 0 1em 1em -1em black;}
    #topimage .topimg{left:2%;height:5em;width:5em;}
    #topimage .topbtn img{position:absolute;width:4em;height:4em;left:-2em;top:-4em;}
    /**/
    #frontpage>article>section{padding:3em 1em;}
    /**/
    #front1 p{margin-bottom:.5em;font-size:14px;}
    #front1 img{width:10em;}
    /**/
    #front2 ul{padding-top:2em;}
    #front2 li{margin-bottom:3em;}
    #front2 li:last-of-type{margin-bottom:0;}
    #front2 li::before{width:3em;height:3em;left:calc(50% - 1.5em);top:-2.5em;}
    /**/
    #front3 p{font-size:14px;margin-bottom:.5em;}
    .swiper{padding-bottom:3em !important;}
    .swiper-slide{width:80% !important;}
    #front3 ul{margin-bottom:2em;}
    #front3 li{border-radius:1em;margin:.15em;}
    #front3 li a>span{bottom:.5em;right:.5em;width:3em;height:3em;}
    #front3 li a span span{display:inline-block;}
    #front3 li:nth-of-type(8) a span span{font-size:.7em;}
    /**/
    #front4{padding:1em 1em 2em !important;}
    #front4 li{margin-bottom:3em;}
    #front4 h2{margin:0;}
    #front4 p{font-size:14px;}
}
/*------------------------------------*/
/*page共通*/
#pageheader{border-bottom:1px solid var(--blue);}
#pageheader h1{text-align:center;line-height:3em;}
@media screen and (min-width:700px){
    #page{padding-bottom:7em;}
    #pageheader h1{font-size:3em;}
    #page>article>section{padding:7em 0;}
}
@media screen and (max-width:699px){
    #page{padding-bottom:3em;}
    #pageheader h1{font-size:2em;}
    #page>article>section{padding:3em 0;}
}
/*---------------------------------*/
/*service*/
#service section>div h2{border-bottom:1px solid black;padding-bottom:.5em;margin-bottom:1em;}
#service section>div h2::before{content:'●';margin-right:.2em;}
#service1>div h2::before{color:var(--color1);}
#service2>div h2::before{color:var(--color2);}
#service3>div h2::before{color:var(--color3);}
#service4>div h2::before{color:var(--color4);}
#service5>div h2::before{color:var(--color5);}
#service6>div h2::before{color:var(--color6);}
#service7>div h2::before{color:var(--color7);}
#service8>div h2::before{color:var(--color1);}
#service9>div h2::before{color:var(--color2);}
#service section>div small{position:absolute;right:0;top:-2.5em;font-family:"system-ui";}
#service section>div small span{color:var(--blue);font-weight:bold;}
#service section>ul{-webkit-transition-delay:.4s;transition-delay:.4s;}
#service li{aspect-ratio:4/3;margin:.5em;overflow:hidden;}
#service img{object-fit:cover;}
@media screen and (min-width: 700px){
    #service section::before{width:60%;height:50%;content:'';position:absolute;bottom:10%;background:#d2dbf3;}
    #service section:nth-of-type(odd)::before{left:0;}
    #service section:nth-of-type(even)::before{right:0;}
    #service section>div{border:1px solid #ddd;background:white;width:40%;padding:5em;}
    #service section:nth-of-type(odd)>div{margin-right:5%;}
    #service section:nth-of-type(even)>div{margin-left:5%;-webkit-order:1;order:1;}
    #service section>div h2{font-size:2em;}
    #service section>div small{font-size:2em;}
    #service section>div small span{font-size:4em;}
    #service section>ul{width:45%;}
    #service li{border-radius:2em;}
    #service9 .morebtn{font-size:1.2em !important;}
}
@media screen and (max-width:699px){
    #service{padding:5em 1em 0;}
    #service section{margin-bottom:2em;}
    #service section:last-of-type{padding-bottom:0;}
    #service section>div{margin-bottom:1em;}
    #service section>div h2{font-size:1.5em;}
    #service section>div small span{font-size:3em;}
    #service li{border-radius:1em;}
    #service9 .morebtn{font-size:1em !important;}
}
/*---------------------------------*/
/*faq*/
#faq section{padding:0 !important;margin:5em auto;}
#faq h2{font-size:1.5em;}
#faq h2::before{content:'●';margin-right:.2em;}
#faq1 h2::before{color:var(--color1);}
#faq2 h2::before{color:var(--color2);}
#faq3 h2::before{color:var(--color3);}
#faq4 h2::before{color:var(--color4);}
#faq5 h2::before{color:var(--color5);}
#faq h2+p{color:#777;margin-bottom:2em;}
#faq section>div{padding:1em 2em 2em;background:#edf4ff;}
#faq details{transition-duration:0.4s;}
#faq summary{padding:.5em 0;cursor:pointer;border-bottom:1px solid;position:relative;}
#faq details:nth-of-type(8n+1) summary{border-color:var(--color1);}
#faq details:nth-of-type(8n+2) summary{border-color:var(--color2);}
#faq details:nth-of-type(8n+3) summary{border-color:var(--color3);}
#faq details:nth-of-type(8n+4) summary{border-color:var(--color4);}
#faq details:nth-of-type(8n+5) summary{border-color:var(--color5);}
#faq details:nth-of-type(8n+6) summary{border-color:var(--color6);}
#faq summary::marker{content:none;}
#faq summary:hover{opacity:.7;}
#faq summary::before{content:'Q. ';font-size:1.2em;font-weight:bold;}
#faq details p{background:white;padding:1em;margin-bottom:1em;border:1px solid #ccc;border-radius:1em;}
#faq details p::before{content:'A. ';font-size:1.5em;font-weight:bold;color:#b20000;}
#faq section a{display:inline;color:#006bff;text-decoration:underline;}
#faq .onbtn{height:1.5em;background:white;border-radius:1em;width:3em;margin:.5em auto 0 .5em;border:.1em solid #ccc;transition-duration:0.8s;display:block;position:absolute;}
#faq .onbtn span{width:1.1em;height:1.1em;border-radius:1em;background:#aaa;position:absolute;left:.1em;top:50%;transform:translate(0, -50%);transition-duration:0.8s;}
#faq .summaryon{font-weight:bold;color:var(--blue);border-bottom:none;padding-top:1.5em;}
#faq .summaryon .onbtn{background:#17d417;border-color:white;}
#faq .summaryon .onbtn span{left:calc(100% - 1.2em);background:#fafafa;}
@media screen and (min-width:700px){
    #faq section{width:80%;}
    #faq h2{padding-left:1em;}
    #faq section>div{border-radius:2em;overflow:hidden;}
    #faq summary .onbtn{right:.5em;bottom:.4em;}
    #faq details:nth-of-type(1) .summaryon{padding-top:.5em;}
}
@media screen and (max-width:699px){
    #faq h2{margin-left:.5em;margin-bottom:.5em;}
    #faq summary{padding-right:4em;}
    #faq summary .onbtn{right:.5em;top:50%;font-size:1em;transform:translate(0, -50%);}
    #faq .morebtn{font-size:1em;}
    #faq5{margin-bottom:0 !important;}
}
/*---------------------------------*/
/*review*/
#nopost{margin:5em auto;}
#review{margin-bottom:7em;}
#review ul{padding-top:5em;}
#review h2{font-size:1.5em;font-weight:bold;color:var(--blue);line-height:1.2em;margin:1em auto;}
#review h2::before{content:'';height:.1em;width:100%;position:absolute;bottom:-.5em;left:0;background:var(--lightblue);}
#review h2+p{margin-bottom:1em;font-size:.9em;}
#review li>div:nth-of-type(1){border-radius:2em;overflow:hidden;}
#review li div p{color:#555;}
@media screen and (min-width:700px){
    #review li{margin-bottom:3em;}
}
@media screen and (max-width:699px){
    #review li{width:90%;margin:0 auto 3em;}
}
/*---------------------------------*/
/*contact*/
#contact h3{border-bottom:1px solid #aaa;margin-bottom:0;}
#contact1 p:nth-of-type(1){line-height:1em;margin-top:.5em;}
#contact2{background:#f9f9f8;}
#contact2 small{font-size:.8em;color:red;font-weight:bold;text-align:center;margin-bottom:3em;}
.wpcf7 table{margin:0 auto;}
.wpcf7 th,.wpcf7 td{padding:0.3em 0.5em;}
.wpcf7 input:not([type="submit"]):not([type="radio"]),.wpcf7 textarea{width:100%;background:white;border-radius:3em;padding:.5em 1em;border:none;box-sizing:border-box;}
.wpcf7 textarea{border-radius:1.5em;height:10em;}
.doui{margin-top:3em;}
.doui p{margin-bottom:0;}
.doui a{color:#4880cb;font-weight:300;text-decoration:underline;display:inline;}
.wpcf7 .doui .wpcf7-list-item{margin-left:0;}
input[type="submit"],input[type="button"]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer;}
input[type="submit"]{display:inline-block;padding:0.5em 4em .5em 3em;border-radius:2em;background:#75be4d;margin:0 auto 5em;color:white;letter-spacing:.2em;transition-duration:0.8s;position:relative;}
#submit{margin:1em auto 0;}
#submit input[type="submit"]{padding:0.5em 4.5em 0.5em 5.5em;letter-spacing:1em;border:1px solid white;transition-duration:0.8s;}
.wpcf7-spinner{position:absolute !important;}
.hissu{font-size:.6em;font-weight:bold;color:red;vertical-align:text-bottom;margin-left:.5em;}
@media screen and (min-width:700px){
    #contact{padding-top:5em;}
    #contact h3{font-size:2em;}
    #contact1{margin:8em auto;}
    #contact1 p:nth-of-type(1){font-size: 4em;}
    #contact2{padding:5em;}
    .wpcf7 table{width:50em;}
    .wpcf7 th{text-align:right;width:20%;vertical-align:middle;}
}
@media screen and (max-width:699px){
    #contact{padding-top:2em;}
    #contact h3{font-size:1.5em;width:90%;margin:0 auto;}
    #contact1{margin:3em auto;}
    #contact1 p:nth-of-type(1){font-size: 3em;}
    #contact2{padding:2em;}
    .wpcf7 th,.wpcf7 td{display:block;text-align:left;}
    .wpcf7 th{font-weight:bold;}
    .wpcf7 .doui{text-align:center;}
    .wpcf7 .doui>p{font-size:14px;}
    .doui a{display:inline !important;}
    .wpcf7 tr:nth-of-type(1)>td{margin-bottom:2em;}
}
/*---------------------------------*/
/*jisseki archive*/
#archive #jisseki li{margin-bottom:3em;padding:1em;}
#archive #jisseki li div{aspect-ratio:1/1;overflow:hidden;border-radius:2em;}
#archive #jisseki img{object-fit:cover;}
#archive #jisseki h3{font-size:1.2em;color:black;margin-top:1em;}
@media screen and (min-width:700px){
    #archive #jisseki{margin:8em auto;}
    #archive #jisseki a *{transition-duration:0.4s;}
    #archive #jisseki a:hover img{transform:scale(1.1);}
}
@media screen and (max-width:699px){
    #archive #jisseki>div{margin-top:5em;}
    #archive #jisseki h3{margin-bottom:1em;}
}
/*---------------------------------*/
/*jisseki single*/
#single #jisseki section{padding:3em 0 5em;}
#single #jisseki section li{padding:1em;}
#single #jisseki section li>div{height:100%;overflow:hidden;border-radius:2em;}
#single #jisseki .comment{padding:0 2em;}
@media screen and (min-width:700px){
    #single #jisseki{padding-bottom:10em;}
    #single #jisseki h2{margin-bottom:1.5em;}
    #single #jisseki section .glid1{width:40%;}
    #single #jisseki section .glid1+.comment{width:60%;}
    #single #jisseki section .glid1+.comment{width:60%;margin-top:0;-webkit-order:-1;order:-1;}
    #single #jisseki .comment{margin-top:5em;}
    #single #jisseki .morebtn{font-size:1em;margin-top:3em;}
}
@media screen and (max-width:699px){
    #single #jisseki{padding-bottom:5em;}
    #single #jisseki .comment{margin-top:2em;}
    #single #jisseki .morebtn{font-size:1em;}
}
/*---------------------------------*/
/*blog archive*/
#archiveblog li{
    margin:1em;
}
#archiveblog a{
    border-radius: 1em;
}
#archiveblog a{
    border-radius: 1em;
    box-shadow:.1em .1em .3em #aaa;
    padding:1em;
    border:1px solid #aaa;
}
@media screen and (min-width: 700px){
    #archiveblog{
        padding:5em 0 7em;
    }
    #archiveblog a{
        transition-duration:0.4s;
        height: 100%;
    }
    #archiveblog a:hover{
        box-shadow: 0 0 .2em #aaa;
    }
    #archiveblog h2{
        color:#1862e2;
        line-height: 1.2em;
    }
    #archiveblog a div{
        overflow: hidden;
        margin-bottom:1em;
    }
    #archiveblog a img{
        transition-duration:0.4s;
    }
    #archiveblog a:hover img{
        transform:scale(1.1) rotate(3deg);
    }
}
@media screen and (max-width:699px){
    #archiveblog{
        padding:3em 0 5em;
    }
}
/*---------------------------------*/
/*blog single*/
#blog header{
    padding:2em 0;
    border-bottom:1px solid #aaa;
}
#singleblog .postthum{
    border-radius: 2em;
    overflow: hidden;
}
#singleblog section{
    margin-bottom:3em;
}
#singleblog h2{
    font-size: 1.2em;
    background: #f7f7f7;
    padding: .5em;
    border-bottom: 1px solid #aaa;
    margin-bottom: 1em;
    color:#004d14;
}
#singleblog .postcont h3{
    font-weight: bold;
    margin-top:1em;
}
#singleblog .postcont a{
    display: inline;
    color:#0061df;
}
#singleblog .postcont li{
    margin-bottom:1em;
}
#singleblog .postcont table{
    background: #aaa;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom:1em;
}
#singleblog .postcont tr>*{
    border:none;
    padding:.5em;
}
#singleblog .postcont th{
    background:#c6d7b9;
}
#singleblog .postcont td{
    background:white;
    text-align: center;
}
#singleblog .prevnext li{
    width: 48%;
    margin: 0 auto;
}
#singleblog .prevnext li a{
    text-align: center;
    padding: 1em 0;
    border-radius: 2em;
    background: #84b1ca;
    transition-duration: 0.8s;
    box-shadow: .1em .1em .3em #aaa;
    border: .15em solid white;
    color:white;
}
#singleblog .prevnext a:hover{
    background:#4c8ea9;
    box-shadow: 0 0 .2em #aaa;
}
#singleblog .prevnext a::before{
    content: '';
    position: absolute;
    top: 50%;
    width: .5em;
    height: .5em;
    transform: rotate(45deg) translate(0, -50%);
}
#singleblog .next a::before{
    right:1.5em;
    border-top: 1px solid white;
    border-right: 1px solid white;
}
#singleblog .prev a::before{
    left:1.5em;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}
#singleblog .ichiran{
    text-align: center;
    padding: 1em 0;
    border-top:3px double #aaa;
    border-bottom:3px double #aaa;
    margin-top:3em;
    transition-duration:0.4s;
}
#singleblog .ichiran:hover{
    letter-spacing: .1em;
}
#singleblog .ichiran a{
    color:#1a78e5;
}
#kanren{
    margin:7em auto;
}
#kanren h3{
    border-bottom:1px solid #aaa;
    margin-bottom:1em;
}
#kanren li{
    padding: 1em;
    border: 1px solid #aaa;
    margin: 1em;
    border-radius: 1em;
}
#kanren a>p{
    overflow: hidden;
}
#kanren img,
#singlesidebar img{
    transition-duration:0.4s;
}
#kanren a img:hover{
    transform:scale(1.1);
}
#singlesidebar img:hover{
    transform:scale(.9) rotate(-3deg);
}
#singlesidebar a{
    margin-bottom:1em;
}
#kanren .text-wrap{
    color:#007fff;
    line-height: 1.2em;
    margin-top:.5em;
}
@media screen and (min-width: 700px){
    #blog header{
        margin-bottom:3em;
    }
    #blog h1{
        font-size:2em;
    }
    #singleblog{
        width:70%;
    }
    #singleblog .postcont{
        margin:3em auto;
        border:1px solid #aaa;
        padding:3em;
        border-radius: 2em;
    }
    #singlesidebar{
        width:28%;
    }
}
@media screen and (max-width:699px){
    #blog h1{
        font-size:1.5em;
    }
    #singleblog{
        padding:1em;
    }
    #singleblog .postcont{
        margin-top:2em;
    }
    #singlesidebar{
        -webkit-order:-1;order: -1;
        margin-bottom:1em;
    }
}
/*▲▲▲*/
/*------------------------------------*/
/*404*/
#notfound{
	padding:0 10%;
	margin:5em auto;
}
#notfound header{
	margin-bottom:2em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
    font-size: 800%;
    line-height: 1em;
    margin-bottom: -.1em
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
	font-size:300%;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
	margin-bottom:3em;
}
@media screen and (min-width: 700px){
    #notfound>div>div:nth-of-type(1){
    	margin-right:3em;
    }
}
/*------------------------------------*/
@media screen and (min-width:700px){
    .ddn{display:none;}
    .txl{text-align:left !important;}
    .txc{text-align:center !important;}
    .txr{text-align:right !important;}
    .minwidth{width:80%;margin:0 auto;min-width:1240px;}
    .flexcenter{
        display:-webkit-box;display:flex;
        align-items:center;
        -webkit-justify-content:center;justify-content:center;
    }
    .glid1{display:grid;grid-template-columns:repeat(1,1fr);gap:0;}
    .glid2{display:grid;grid-template-columns:repeat(2,1fr);gap:0;}
    .glid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
    .glid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
    .glid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
    .glid6{display:grid;grid-template-columns:repeat(6,1fr);gap:0;}
    .glid8{display:grid;grid-template-columns:repeat(8,1fr);gap:0;}
    .flex{display:-webkit-box;display:flex;}
    .flexwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .itemstart{align-items: flex-start;}
    .itemcenter{align-items: center;}
    .itemend{align-items: flex-end;}
    .justifyspace{
        -webkit-justify-content:space-between;
        justify-content:space-between;
    }
    .justifyaround{
        -webkit-justify-content:space-around;
        justify-content:space-around;
    }
    .justifycenter{
        -webkit-justify-content:center;
        justify-content:center;
    }
}
@media screen and (max-width:699px){
    .mdn{display:none !important;}
    .m_txc{text-align:center !important;}
    .m_txl{text-align:left !important;}
    .m_txr{text-align:right !important;}
    .m_glid2{display:grid;grid-template-columns:repeat(2,1fr);gap:0;}
    .m_flexcenter{
        display:-webkit-box;display:flex;
        align-items:center;
        -webkit-justify-content:center;justify-content:center;
    }
    .m_flex{display:-webkit-box;display:flex;}
    .m_flexwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .m_itemstart{align-items: flex-start;}
    .m_itemcenter{align-items: center;}
    .m_itemend{align-items: flex-end;}
    .m_justifyspace{
        -webkit-justify-content:space-between;
        justify-content:space-between;
    }
    .m_justifyaround{
        -webkit-justify-content:space-around;
        justify-content:space-around;
    }
    .m_justifycenter{
        -webkit-justify-content:center;
        justify-content:center;
    }
}