@charset "UTF-8";

@media screen and (max-width: 767px) {
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
.site-title_wipe img { width: auto; height: auto; max-width: 240px !important;}

/* index */
main#toppage{}

/* static */
main#static{}

/* page layout */
body.page-template-default header.entry-header{ display: none;}
body.page-template-default #container main{ width: 100%; margin: 0px auto;}
body.page-template-default #container #secondary{ display: none;}

main#static article.contents{ margin: 0px auto; position: relative;}
main#static article.contents section{ width: 90%; margin: 0px auto; padding-block: 4.0rem;}
main#static article.contents section > p{ margin-top: 1.0em;}

p.intro{}
br.pcbr{ display: none;}
br.spbr{ display: block;}

/* contents layout */
.column02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column02 .inner{ width: 47%;}
.column02 .inner:nth-child(n+3){ margin-top: 4.8rem;}
.column03{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column03 .inner{ width: 100%;}
.column03 .inner:nth-child(n+2){ margin-top: 2.4rem;}

.half{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.half figure,
.half .inner{ width: 100%;}
.half .inner{ margin-top: 1.5em;}
.half figure img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
.half.left .inner p:nth-of-type(n+2){ margin-top: 1.0em;}

/*--------------------------------------------------------------
# top page
--------------------------------------------------------------*/
body#home .entry-header{ display: none;}
main#toppage article.contents{ margin: 0px auto; position: relative;}
main#toppage article.contents section{ width: 90%; margin: 0px auto; padding-block: 4.0rem;}
main#toppage article.contents section > p{ margin-top: 1.0em;}

#heroArea.home{ background: url("images/home/hero_bg.webp") no-repeat center bottom; background-size: 172%; padding: 2.0em 0;}
#heroArea.home article{ display: flex; justify-content: flex-start; width: 100%;}
#heroArea.home section{ width: 90%; margin: 0px auto; border: solid 4px var(--clr-blue); background: rgba(255,255,255,0.72);}
#heroArea.home section div{ padding: 0.8em; position: relative; z-index: 10;}
#heroArea.home section h2{ font-size: clamp(2.0rem,3.2vw,4.0rem); text-align: left; line-height: 1.2em; font-weight: 700;}
#heroArea.home section h2 span{ display: block; text-align: left; color: var(--clr-blue);}
#heroArea.home section p{ font-size: clamp(1.4rem,1.8vw,2.0rem); text-align: left; line-height: 1.4em; margin-top: 0.5em; font-weight: 700;}
#heroArea.home section a{ display: inline-block; font-size: 1.4rem; line-height: 1.0em; font-weight: 700; color: #FFF; text-decoration: none; background: var(--clr-red); border-radius: 100px; padding: 0.64em 0.96em; margin-top: 1.0em;}
#heroArea.home section a:hover{ background: #B93B12;}
#heroArea.home section a span{ display: none;}

/* slide 01 */
#heroArea.home .slide-1 section{ border-color: var(--clr-green);}
#heroArea.home .slide-1 section div{ padding-bottom: 4.0em;}
#heroArea.home .slide-1 section h2 span{ color: var(--clr-green);}
#heroArea.home .slide-1 section div:before{ content: ""; width: 42vw; height: calc(42vw * 0.8); background: url("images/home/slide_01_before.webp") no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; z-index: -1;}

/* slide 02 */
#heroArea.home .slide-2 section{ border-color: var(--clr-red);}
#heroArea.home .slide-2 section div{ padding-bottom: 4.0em;}
#heroArea.home .slide-2 section h2 span{ color: var(--clr-red);}
#heroArea.home .slide-2 section div:before{ content: ""; width: 48vw; height: calc(48vw * 0.7); background: url("images/home/slide_02_before.webp") no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; z-index: -1;}

/* slide 03 */
#heroArea.home .slide-3 section{}
#heroArea.home .slide-3 section div{ padding: 1.0em !important;}
#heroArea.home .slide-3 section h2{ font-size: clamp(2.4rem,3.2vw,4.0rem); text-align: center; line-height: 1.2em; font-weight: 700;}
#heroArea.home .slide-3 section h2 span{ display: block; text-align: center; color: var(--clr-blue);}
#heroArea.home  .slide-3 section p{ font-size: clamp(1.6rem,1.8vw,2.0rem); text-align: center; line-height: 1.2em; margin-top: 0.5em; font-weight: 700;}
#heroArea.home  .slide-3 section p br{ display: none;}

/* 地域の皆さまの“困った”を誠実にサポートします */
.introduction{}
.introduction h2{ text-align: center; font-size: clamp(2.4rem,2.4vw,4.8rem); line-height: 1.2em; font-weight: 700; margin-bottom: 0.72em;}
.introduction h2 span{ display: inline-block; color: var(--clr-red);}
.introduction ul{ width: 100%; margin: 2.4rem auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.introduction ul li{ width: 100%;}
.introduction ul li:nth-child(2),
.introduction ul li:nth-child(3){ display: none;}
.introduction ul li img{ width: 100%; height: auto; border-radius: 8px;}

/* サービス紹介 */
.service{}
.service h2{ font-size: clamp(2.0rem,2.4vw,4.0rem); text-align: center; font-weight: 700; line-height: 1.0em; color: var(--clr-blue); margin-bottom: 0.72em;}
.service .column{ display: flex; justify-content: center; flex-wrap: wrap;}
.service .column.large{ width: 100%;}
.service .column .inner{ padding: 1.0em; box-shadow: 0 0 16px rgba(0,0,0,0.16); border-radius: 8px; overflow: hidden;}
.service .column .inner figure{ width: calc(100% + 2.0em); position: relative; top: -1.0em; left: -1.0em;}
.service .column .inner figure img{ width: 100%; height: auto;}
.service .column.large .inner,
.service .column.small .inner{ width: 100%; margin-top: 2.4rem;}
.service .column .inner h3,
.service .column .inner h4{ font-weight: 700; line-height: 1.2em;}
.service .column .inner h4{ color: var(--clr-blue); margin-top: 0.4rem;}
.service .column .inner p{ margin-top: 0.5em;}
.service .column .inner a{ display: block; margin-top: 1.0em; background: var(--clr-yellow); font-weight: 700; line-height: 1.0em; color: #333; text-decoration: none; text-align: center; padding: 0.8em 0; border-radius: 100px;}
.service .column .inner a:hover{ background: #DDCB01; color: rgba(51,51,51,0.72);}
.service .column.large .inner h3{ font-size: clamp(2.4rem,2.0vw,2.4rem);}
.service .column.small .inner h3{ font-size: clamp(2.4rem,2.0vw,2.0rem);}
.service .column.large .inner h4{ font-size: clamp(1.6rem,2.0vw,2.0rem); min-height: 2.4em;}
.service .column.small .inner h4{ font-size: 1.6rem;}
.service .column.large .inner p{ min-height: 6.4em;}
.service .column.small .inner p{ min-height: 4.8em;}
.service .column.large .inner a{ width: 72%;}
.service .column.small .inner a{ width: 72%;}

/* 作業実績 */
.worksList{ background: var(--clr-blue); border-radius: 0 0 80px 0;}
.worksList h2{ font-size: clamp(2.0rem,2.4vw,4.0rem); text-align: center; font-weight: 700; line-height: 1.0em; color: #FFF; margin-bottom: 0.72em;}
.worksList p.intro{ color: #FFF;}

/* 新着情報 */
.newsList section{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsList section div.intro{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.newsList section div.intro h2{ font-size: 2.0rem; line-height: 1.2em; text-align: center; font-weight: 700;}
.newsList section div.intro a{ font-size: 1.4rem; line-height: 1.0em; padding: 0.64em 2.0em; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.16); text-align: center; color: #333; font-weight: 500; text-decoration: none; border-radius: 100px;}
.newsList section div.intro a:hover{ background: var(--clr-bg); box-shadow: none;}
ul.news-list{ width: 100%; border-top: solid 1px rgba(0,0,0,0.08); margin-top: 2.4rem;}
ul.news-list li{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; padding: 1.6em 0; line-height: 1.2em; border-bottom: solid 1px rgba(0,0,0,0.08);}
ul.news-list li .news-date{ width: 7.0em;}
ul.news-list li .news-cat{ width: 8.0em; font-size: 1.4rem; line-height: 1.0em; background: #EEE; padding: 0.32em 0; text-align: center; border-radius: 100px;}
ul.news-list li .news-cat.cat-news{ background: var(--clr-blue); color: #FFF;}
ul.news-list li .news-cat.cat-column{ background: var(--clr-red); color: #FFF;}
ul.news-list li a{ width: 100%; margin-top: 0.24em;}

/*--------------------------------------------------------------
# middle page
--------------------------------------------------------------*/
h2.heading{ text-align: center; font-size: clamp(2.4rem,2.4vw,4.8rem); line-height: 1.2em; font-weight: 700; color: var(--clr-navy); padding-bottom: 0.48em; position: relative; margin-bottom: 0.72em;}
h2.heading:before{ content: ""; width: 1.0em; height: 2px; background: var(--clr-red); position: absolute; bottom: 0; left: 50%;}
h2.heading:after{ content: ""; width: 1.0em; height: 2px; background: var(--clr-blue); position: absolute; bottom: 0; right: 50%;}
h2.heading.mt{ margin-top: 8.0rem;}

#heroArea{ width: 100%; height: 100vw; margin: 0px auto; position: relative;}
#heroArea:before{ content: ""; width: 100%; height: 100%; background: rgba(255,255,255,0.64); position: absolute; top: 0; left: 0; z-index: 1;}
#heroArea section{ width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; text-align: center;}

#page-title{ background: var(--clr-blue); padding: 1.6em 0; border-bottom: solid 1px rgba(0,0,0,0.08); border-top: solid 1px rgba(0,0,0,0.08);}
#page-title h1,
#page-title h2{ font-size: clamp(2.4rem,3.0vw,4.0rem); font-weight: 700; text-align: center; line-height: 1.0em; color: #FFF;}

/* 現在準備中
--------------------------------------------------------------*/
#preparing{ width: 90%; margin: 0px auto; padding-block: 8.0rem;}
#preparing h1{ font-size: clamp(4.0rem, 5.6vw,6.4rem); font-weight: 700; line-height: 1.0em; text-align: center;}
#preparing p{ font-size: clamp(2.4rem,2.4vw,3.2rem); line-height: 1.2em; font-weight: 700; text-align: center; margin-top: 0.5em;}
#preparing figure{ width: 56%; margin: 2.0em auto 0;}
#preparing figure img{ width: 100%; height: auto;}

/* page-title 一時非表示 */
body#huyouhin #page-title,
body#gaihekisenjo #page-title{ display: none;}

/* 引越し
--------------------------------------------------------------*/
body#hikkoshi #page-title{ display: none;}

#heroArea.hikkoshi{ background: url("images/hikkoshi/heroarea.webp") no-repeat center center; background-size: 150%;}
#heroArea.hikkoshi section h1{ font-size: clamp(3.2rem,7.0vw,9.6rem); line-height: 1.0em; font-weight: 700; display: inline-block; color: var(--clr-blue); background: rgba(255,255,255,0.88); padding: 0.16em;}
#heroArea.hikkoshi section h2{ text-align: center; margin-top: 0.24em;}
#heroArea.hikkoshi section h2 span{ display: inline-block; font-size: clamp(1.8rem,4.0vw,5.6rem); color: #FFF; line-height: 1.0em; font-weight: 700; background: rgba(var(--clr-navy-rgb),0.8); padding: 0.16em; margin: 0.16em 0;}
#heroArea.hikkoshi section h3{ font-size: clamp(2.0rem,2.4vw,3.2rem); color: var(--clr-navy); font-weight: 700; text-align: center; margin: 2.0rem 0 0;}
#heroArea.hikkoshi section ul{ display: none;}

/* ZEROの引っ越しが選ばれる理由 */
.contents.chosen .column02{ margin-top: 4.0rem;}
.contents.chosen .column02 .inner{ width: 100%; border: solid 4px var(--clr-sky); border-radius: 16px; position: relative;}
.contents.chosen .column02 .inner:nth-child(n+2){ margin-top: 4.0rem;}
.contents.chosen .column02 .inner figure.icon{ width: 48px; position: absolute; top: calc(-2.4rem - 2px); left: 50%; transform: translateX(-50%); border-radius: 100%; overflow: hidden;}
.contents.chosen .column02 .inner figure.icon img{ width: 100%; height: auto;}
.contents.chosen .column02 .inner dl dt{ background: rgba(var(--clr-bg-rgb),0.4); padding: 2.0em 0 1.0em 0; text-align: center;}
.contents.chosen .column02 .inner dl dt span{ display: block; display: flex; align-items: flex-end; justify-content: center; font-weight: 700; font-size: 2.0rem; line-height: 1.2em; color: var(--clr-navy);}
.contents.chosen .column02 .inner dl dd{ padding: 1.6em;}

/* こんなお引っ越しのお悩みはありませんか？ */
h2.Negative{ text-align: center; font-size: clamp(2.4rem,2.4vw,4.8rem); line-height: 1.2em; font-weight: 700; color: var(--clr-red); position: relative; margin-bottom: 0.72em;}
.contents.troubles ul{ display: flex; justify-content: center; flex-wrap: wrap; margin: 4.0rem 0;}
.contents.troubles ul li{ width: 31%; margin-right: 3.5%; border-radius: 8px; background: #FFF; box-shadow: 0 4px 16px rgba(0,0,0,0.16); padding: 0.5em; padding-bottom: 1.0em;}
.contents.troubles ul li:nth-child(3n),
.contents.troubles ul li:last-child{ margin-right: 0;}
.contents.troubles ul li:nth-child(n+4){ margin-top: 2.4rem;}
.contents.troubles ul li figure{ width: 80px; border-radius: 100%; margin: 0px auto; display: block;}
.contents.troubles ul li figure img{ width: 100%; height: auto;}
.contents.troubles ul li span{ display: block; text-align: center; min-height: 2.4em; line-height: 1.2em; font-weight: 600; margin-top: 0.5em;}
.contents.troubles h3{ font-size: clamp(2.0rem,2.4vw,4.0rem); margin-top: 2.4rem; line-height: 1.2em; text-align: center; font-weight: 700;}
.contents.troubles h3 span{ color: var(--clr-red);}
.contents.troubles h3 strong{ color: var(--clr-blue);}

/* cta */
.cta{ background: var(--clr-blue); padding-block:3.2rem;}
.cta section{ width: 90%; margin: 0px auto;}
.cta section h2{ font-size: clamp(2.0rem,2.4vw,4.0rem); font-weight: 700; line-height: 1.2em; text-align: center; color: var(--clr-yellow);}
.cta section h3{ margin-top: 1.6rem; text-align: center; font-weight: 700; color: #FFF; font-size: clamp(1.6rem,2.0vw,2.4rem); line-height: 1.2em;}
.cta section h3 span{ display: block; font-size: 72%; text-align: center;}
.cta section ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.4rem; padding-top: 2.4rem; border-top: solid 1px rgba(0,0,0,0.08);}
.cta section ul li{ width: 100%;}
.cta section ul li:nth-child(n+2){ margin-top: 1.2em;}
.cta section ul li strong{ display: none;}
.cta section ul li a{ display: block; background: var(--clr-red); text-align: center; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 0; border-radius: 100px;}
.cta section ul li a span{ display: inline-block; padding-left: 4.0rem; position: relative; font-size: 1.6rem; font-weight: 600; line-height: 1.0em;}
.cta section ul li a span:before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.cta section ul li:nth-child(1) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/mail.svg") no-repeat; background-size: cover;}
.cta section ul li:nth-child(2) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/line.svg") no-repeat; background-size: cover;}
.cta section ul li:nth-child(3) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/call.svg") no-repeat; background-size: cover;}
.cta section ul li a:hover{ background: #B93B12;}

/* ZEROの引っ越しサービス内容 */
.pattern01{ margin-top: 4.8rem;}
.pattern01 .inner figure img{ width: 100%; height: auto; border-radius: 8px;}
.pattern01 .inner h3{ font-size: clamp(1.6rem,2.0vw,2.4rem); font-weight: 700; line-height: 1.2em; text-align: center; color: var(--clr-blue); margin-top: 1.0em;}
.pattern01 .inner p{ margin-top: 0.5em;}

/* ご利用の流れ */
.flow{}
.flow .first-step{ background: #FFF; padding: 1.6rem; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.16); position: relative;}
.flow .first-step:before{ content: "\e5c5"; font-family: "Material Icons"; font-size: 6.4rem; line-height: 1.0em; color: var(--clr-blue); position: absolute; bottom: -0.72em; left: 50%; transform: translateX(-50%);}
.flow .first-step h3{ text-align: center; font-size: clamp(2.0rem,2.4vw,3.2rem); line-height: 1.2em; font-weight: 700; color: var(--clr-blue);}
.flow .first-step h3 span{ display: inline-block; padding-left: 5.6rem; position: relative;}
.flow .first-step h3 span:before{ content: ""; width: 48px; height: 48px; background: url("images/hikkoshi/call_blue.svg") no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.flow .first-step > p{ margin-top: 1.0em;}
.flow .first-step ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.4rem; padding-top: 2.4rem; border-top: solid 1px rgba(0,0,0,0.08);}
.flow .first-step ul li{ width: 100%;}
.flow .first-step ul li:nth-child(n+2){ margin-top: 1.2em;}
.flow .first-step ul li strong{ display: none;}
.flow .first-step ul li a{ display: block; background: var(--clr-red); text-align: center; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 0; border-radius: 100px;}
.flow .first-step ul li a span{ display: inline-block; padding-left: 4.0rem; position: relative; font-size: 1.6rem; font-weight: 600; line-height: 1.0em;}
.flow .first-step ul li a span:before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.flow .first-step ul li:nth-child(1) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/mail.svg") no-repeat; background-size: cover;}
.flow .first-step ul li:nth-child(2) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/line.svg") no-repeat; background-size: cover;}
.flow .first-step ul li:nth-child(3) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/call.svg") no-repeat; background-size: cover;}
.flow .first-step ul li a:hover{ background: #B93B12;}
.flow .column{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.flow .column .inner{ width: 100%; background: #FFF; border: solid 4px #FFF; border-radius: 16px; padding: 1.0em; box-shadow: 0 4px 16px rgba(0,0,0,0.16); position: relative; margin-top: 3.2rem;}
.flow .column .inner:before{ content: "\e5c5"; font-family: "Material Icons"; font-size: 6.4rem; line-height: 1.0em; color: var(--clr-blue); position: absolute; bottom: -0.76em; left: 50%; transform: translateX(-50%);}
.flow .column .inner:last-of-type{ border-color: var(--clr-blue);}
.flow .column .inner h3{ font-size: clamp(2.0rem,2.0vw,2.4rem); text-align: center; line-height: 1.2em; font-weight: 700; color: var(--clr-blue);}
.flow .column .inner figure{ display: block; width: 64%; margin: 1.0em auto;}
.flow .column .inner figure img{ width: 100%; height: auto; border-radius: 100%;}
.flow .column .inner:last-of-type:before{ content: none;}

/* 料金案内 */
.fee{}
.fee h3.subHeading{ font-size: clamp(2.0rem,2.4vw,3.2rem); font-weight: 700; line-height: 1.2em; text-align: center; color: var(--clr-green);}
.fee .column03{ margin-top: 3.2rem;}
.fee .column03 .inner{}
.fee .column03 .inner figure{ border-radius: 16px 16px 0 0; overflow: hidden;}
.fee .column03 .inner figure img{ width: 100%; height: auto;}
.fee .column03 .inner dl{ border: solid 4px var(--clr-bg); border-top: none; border-radius: 0 0 16px 16px; padding: 1.0em;}
.fee .column03 .inner dl dt{ font-size: clamp(2.0rem,2.0vw,2.4rem); font-weight: 700; line-height: 1.2em; text-align: center; color: var(--clr-blue);}
.fee .column03 .inner dl dd{ margin-top: 0.5em;}
.fee .column03 .inner dl dd em{ display: block; font-style: normal;}
.fee .column03 .inner dl dd span{ display: block; text-align: center; margin-top: 1.0em; font-size: clamp(2.4rem,2.4vw,3.2rem); font-weight: 700; color: var(--clr-red);}
.fee .column03 .inner dl dd span strong{ display: inline-block; font-size: clamp(4.8rem,4.0vw,6.4rem); font-weight: 700; line-height: 0.9em; position: relative; top: 3px;}
.fee .sup{ font-size: 1.2rem; line-height: 1.4em; text-align: center; margin-top: 1.0em;}
.fee .conclusion{ margin-top: 4.8rem;}
.fee .conclusion h2{ font-size: clamp(2.4rem,2.4vw,4.0rem); text-align: center; font-weight: 700; line-height: 1.0em; color: var(--clr-blue);}
.fee .conclusion h3{ font-size: clamp(1.6rem,2.0vw,2.4rem); line-height: 1.2em; font-weight: 700; text-align: center; margin-top: 0.5em;}
.fee .conclusion .button{ width: 80%; margin: 1.0em auto 0;}
.fee .conclusion .button a{ display: block; background: var(--clr-red); color: #FFF; font-size: 1.6rem; line-height: 1.0em; font-weight: 700; text-decoration: none; text-align: center; padding: 1.0em 0; border-radius: 100px;}
.fee .conclusion .button a:hover{ background: #B93B12;}

/* 作業実績・事例紹介/お客様の声 */
.evaluation{ background: rgba(var(--clr-bg-rgb),0.48);}
.evaluation{}
.evaluation .column03{ margin-top: 6.4rem;}
.evaluation .column03 .inner{ background: #FFF; padding: 1.0em; padding-top: 5.0em; border-radius: 16px; border: solid 4px var(--clr-bg); position: relative;}
.evaluation .column03 .inner figure{ width: 32%; position: absolute; top: -2.4em; left: 50%; transform: translateX(-50%);}
.evaluation .column03 .inner figure img{ width: 100%; height: auto; border-radius: 100%;}
.evaluation .column03 .inner dl dt{ font-weight: 700; line-height: 1.2em; font-size: clamp(1.6rem,2.0vw,2.0rem);}
.evaluation .column03 .inner dl dd{ margin-top: 0.5em;}

/* よくあるご質問 */
.faq dl{ width: 100%; margin: 0px auto;}
.faq dl dt{ font-size: 2.0rem; line-height: 1.2em; font-weight: 700; color: var(--clr-blue); padding: 1.0em 0; border-bottom: solid 1px #EEE; padding-left: 4.2rem; position: relative;}
.faq dl dt:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/icon_q.svg") no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.faq dl dt:nth-of-type(n+2){ margin-top: 2.4rem;}
.faq dl dd{ margin-top: 1.0em; padding-left: 4.2rem; position: relative;}
.faq dl dd:before{ content: ""; width: 32px; height: 18px; background: url("images/hikkoshi/icon_a.svg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}

/* 地元の会社にお願いしてよかった */
.close{ border-top: solid 1px #DDD;}
.close section > h2{ font-size: clamp(2.0rem,2.4vw,4.0rem); font-weight: 700; line-height: 1.0em; color: var(--clr-navy); text-align: center;}
.close section > h3{ font-size: clamp(1.4rem,2.0vw,2.4rem); font-weight: 700; line-height: 1.0em; text-align: center; margin-top: 0.5em;}
.close section > h4{ text-align: center; margin-top: 4.0rem;}
.close section > h4 span{ display: inline-block; color: #FFF; font-weight: 700; line-height: 1.0em; background: var(--clr-blue); padding: 0.4em 3.2em; border-radius: 100px;}
.close .column{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-top: 1.0em;}
.close .column figure{ width: 100%; order: 1;}
.close .column figure img{ width: 100%; height: auto;}
.close .column .inner{ width: 100%; order: 2; margin-top: 1.5em;}
.close .column .inner > h3{  font-size: clamp(1.6rem,2.0vw,2.4rem); font-weight: 700; color: var(--clr-blue); line-height: 1.0em; margin-bottom: 0.72em;}
.close .column .inner > h4{ font-size: clamp(1.6rem,2.0vw,2.0rem); font-weight: 700; line-height: 1.0em; margin: 4.0rem 0 0.72em;}
.close .column .inner dl{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.close .column .inner dl dt{ width: 8.5em;}
.close .column .inner dl dd{ width: calc(100% - 8.5em);}

/* 遺品整理
--------------------------------------------------------------*/
body#ihinseiri #page-title{ display: none;}

#heroArea.ihinseiri{ background: url("images/ihinseiri/heroarea.webp") no-repeat center top; background-size: 150%;}
#heroArea.ihinseiri section h1{ font-size: clamp(3.2rem,7.0vw,9.6rem); line-height: 1.0em; font-weight: 700; display: inline-block; color: var(--clr-blue); background: rgba(255,255,255,0.88); padding: 0.16em;}
#heroArea.ihinseiri section h2{ text-align: center; margin-top: 0.24em;}
#heroArea.ihinseiri section h2 span{ display: inline-block; font-size: clamp(1.6rem,4.0vw,5.6rem); color: #FFF; line-height: 1.0em; font-weight: 700; background: rgba(var(--clr-navy-rgb),0.8); padding: 0.16em; margin: 0.16em 0;}
#heroArea.ihinseiri section div{ width: 100%; margin: 2.4rem auto 0; border: solid 4px var(--clr-blue); border-radius: 16px; background: rgba(255,255,255,0.88); padding: 0.56em; position: relative;}
#heroArea.ihinseiri section div h3{ position: absolute; top: -1.1em; left: 50%; transform: translateX(-50%);}
#heroArea.ihinseiri section div h3 span{ font-size: 1.6rem; line-height: 1.0em; font-weight: 700; color: #FFF; display: inline-block; background: var(--clr-blue); padding: 0.24em 0.8em; border-radius: 100px;}
#heroArea.ihinseiri section div dl{ padding-top: 0.72em;}
#heroArea.ihinseiri section div dl dt{ font-size: 1.6rem; line-height: 1.2em; font-weight: 700; text-align: center; color: var(--clr-green);}
#heroArea.ihinseiri section div dl dd{ font-size: 1.2rem; line-height: 1.4em; text-align: center; margin-top: 0.5em;}

/* ZEROが選ばれる3つの理由 */
.img-clm03{ width: 100%; margin: 2.4rem auto 0;}
.img-clm03 li{ width: 100%;}
.img-clm03 li:nth-child(n+2){ display: none;}
.img-clm03 li img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}

/* 増え続ける“遺品整理の悩み” */
.worries{ background: rgba(var(--clr-bg-rgb),0.48); border-radius: 40px 40px 0 0;}
.worries h2{ text-align: center; font-size: clamp(2.0rem,2.4vw,4.0rem); font-weight: 700; line-height: 1.2em; color: var(--clr-navy);}
.worries .half{ margin-top: 3.2rem;}
.worries ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 2.4rem auto 0;}
.worries ul li{ width: 48%;}
.worries ul li img{ width: 100%; height: auto;}
.worries h3{ margin-top: 1.6rem; text-align: center; font-size: clamp(2.0rem,2.4vw,4.0rem); font-weight: 700; line-height: 1.2em; color: var(--clr-navy);}
.worries h3 span{ display: block; text-align: center; font-size: clamp(1.6rem,2.0vw,2.4rem); font-weight: 700; line-height: 1.0em; color: var(--clr-red);}
.worries h3 em{ display: block; text-align: center; font-style: normal; font-size: clamp(1.6rem,2.0vw,2.0rem); line-height: 1.2em;}

/* 遺品整理のサービス内容 */
.details{}
.details .half{ margin-top: 4.8rem; align-items: center;}
.details .half .inner h3{ font-size: clamp(2.0rem,2.4vw,3.2rem); font-weight: 700; line-height: 1.2em; color: var(--clr-blue); margin-bottom: 0.5em;}
.details .half .inner h3 span{ display: block; font-weight: normal; font-family: Arial, Helvetica, "sans-serif"; font-size: clamp(1.6rem,1.8vw,2.0rem); line-height: 1.2em;}
.support{ margin-top: 4.0rem; padding: 1.0em 0; position: relative; z-index: 10;}
.support:before{ content: ""; width: 110%; height: 100%; background: rgba(var(--clr-yellow-rgb),0.08); position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 16px; z-index: -1;}
.support h3{ font-size: clamp(2.0rem,2.2vw,2.4rem); font-weight: 700; line-height: 1.2em; text-align: center; color: var(--clr-red); text-decoration: underline; position: relative; margin-top: -1.5em; margin-bottom: 0.64em;}
.support .clm{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.4rem;}
.support .clm dl{ width: 100%;}
.support .clm dl:nth-child(n+2){ margin-top: 2.4rem;}
.support .clm dl dt{ text-align: center; font-size: clamp(1.6rem,1.8vw,2.0rem); font-weight: 700; line-height: 1.2em;}
.support .clm dl dt figure{ margin-bottom: 1.0em;}
.support .clm dl dt figure img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
.support .clm dl dd{ margin-top: 0.5em;}

/* 料金案内 */
.feeihin{}
.feeihin .box{ border: solid 4px #EEE; border-radius: 8px; padding: 1.0em;}
.feeihin h3{ font-size: clamp(2.0rem,2.4vw,3.2rem); font-weight: 700; line-height: 1.2em; color: var(--clr-blue); margin-bottom: 0.5em; text-align: center;}
.feeihin table{ width: 100%; margin: 2.4rem auto 0; border: solid 1px #DDD; border-collapse: collapse;}
.feeihin table thead th{ font-size: 1.4rem; line-height: 1.2em; border: solid 1px #DDD; border-collapse: collapse; background: var(--clr-bg); text-align: center; padding: 0.64em; color: var(--clr-blue);}
.feeihin table tbody th{ border: solid 1px #DDD; border-collapse: collapse; background: rgba(var(--clr-bg-rgb),0.4); padding: 0.64em; font-size: 1.4rem; line-height: 1.2em;}
.feeihin table tbody td{ border: solid 1px #DDD; border-collapse: collapse; text-align: center; padding: 0.64em; font-size: 1.4rem; line-height: 1.2em;}
.feeihin table tbody tr td:last-child{ text-align: right;}
.feeihin .box span{ display: block; width: 100%; font-size: 1.2rem; line-height: 1.0em; margin: 0.48em auto 0; text-align: right;}
.feeihin section > h3{ margin-top: 4.0rem;}
.feeihin ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.feeihin ul li{ width: 31%; margin-right: 3.5%;}
.feeihin ul li:nth-child(3n),
.feeihin ul li:last-child{ margin-right: 0;}
.feeihin ul li:nth-child(n+4){ margin-top: 1.6rem;}
.feeihin ul li figure img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
.feeihin ul li figcaption{ display: block; text-align: center; margin-top: 0.5em;}

/* 最下部 */
.ihin-close{ background: rgba(var(--clr-bg-rgb),0.48); border-radius: 40px 40px 0 0;}
.ihin-close section h2{ font-size: clamp(1.8rem,2.4vw,4.0rem); font-weight: 700; line-height: 1.0em; color: var(--clr-navy); text-align: center; color: var(--clr-red);}
.ihin-close section h3{ font-size: clamp(1.8rem,2.2vw,2.4rem); font-weight: 700; line-height: 1.2em; text-align: center; margin: 0.5em 0 1.0em;}
.ihin-close section div{ width: 100%; margin: 3.2rem auto 0; border: solid 4px var(--clr-blue); border-radius: 16px; background: rgba(255,255,255,0.88); padding: 1.0em; position: relative;}
.ihin-close section div h4{ position: absolute; top: -1.1em; left: 50%; transform: translateX(-50%);}
.ihin-close section div h4 span{ font-size: 1.6rem; line-height: 1.0em; font-weight: 700; color: #FFF; display: inline-block; background: var(--clr-blue); padding: 0.24em 0.8em; border-radius: 100px;}
.ihin-close section div dl{ padding-top: 0.72em;}
.ihin-close section div dl dt{ font-size: 1.6rem; line-height: 1.2em; font-weight: 700; text-align: center; color: var(--clr-green);}
.ihin-close section div dl dd{ font-size: 1.4rem; line-height: 1.2em; text-align: center; margin-top: 0.5em;}
.ihin-close section ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 2.4rem auto 0; padding-top: 2.4rem; border-top: solid 1px rgba(0,0,0,0.08);}
.ihin-close section ul li{ width: 100%;}
.ihin-close section ul li:nth-child(n+2){ margin-top: 1.0em;}
.ihin-close section ul li strong{ display: none;}
.ihin-close section ul li a{ display: block; background: var(--clr-red); text-align: center; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 0; border-radius: 100px; margin-top: 0.5em;}
.ihin-close section ul li a span{ display: inline-block; padding-left: 4.0rem; position: relative; font-size: 1.6rem; font-weight: 600; line-height: 1.0em;}
.ihin-close section ul li a span:before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.ihin-close section ul li:nth-child(1) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/mail.svg") no-repeat; background-size: cover;}
.ihin-close section ul li:nth-child(2) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/line.svg") no-repeat; background-size: cover;}
.ihin-close section ul li:nth-child(3) a span:before{ content: ""; width: 32px; height: 32px; background: url("images/hikkoshi/call.svg") no-repeat; background-size: cover;}
.ihin-close section ul li a:hover{ background: #B93B12;}

/* 不⽤品回収
--------------------------------------------------------------*/

/* 外壁洗浄
--------------------------------------------------------------*/
body#gaihekisenjo .contents.chosen{ border-top: solid 1px #DDD;}
body#gaihekisenjo .contents.available{ background: rgba(var(--clr-bg-rgb),0.48);}

.contents.chosen .column03{ margin-top: 2.4rem;}
.contents.chosen .column03 .inner{}
.contents.chosen .column03 .inner > figure.icon{ width: 48px; margin: 0px auto; border-radius: 100%; overflow: hidden;}
.contents.chosen .column03 .inner > figure.icon img{ width: 100%; height: auto;}
.contents.chosen .column03 .inner dl dt span{ display: block; text-align: center; font-size: 2.0rem; line-height: 1.2em; font-weight: 700; color: var(--clr-blue); margin: 0.48em 0 0.8em 0;}
.contents.chosen .column03 .inner dl dd figure{ display: block; margin-bottom: 1.0em;}
.contents.chosen .column03 .inner dl dd figure img{ width: 100%; height: auto; border-radius: 4px; overflow: hidden;}
.contents.chosen .caution{ margin-top: 4.8rem; border: solid 4px var(--clr-red); border-radius: 16px; padding: 1.5em; position: relative;}
.contents.chosen .caution h2{ display: inline-block; word-break: keep-all; font-size: 1.6rem; line-height: 1.2em; font-weight: 700; color: var(--clr-red); background: #FFF; padding: 0 1.0em; position: absolute; top: -1.4em; left: 50%; transform: translateX(-50%); z-
10;}
.contents.chosen .caution p{ font-weight: 700; line-height: 1.4em;}

.contents.available .imgClm04{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.4rem;}
.contents.available .imgClm04 li{ width: 48%; text-align: center; line-height: 1.2em; font-weight: 700;}
.contents.available .imgClm04 li:nth-child(n+3){ margin-top: 1.0em;}
.contents.available .imgClm04 li figure{ margin-bottom: 1.0em;}
.contents.available .imgClm04 li figure img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}

/* 料金案内 */
.fee .column02{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.4rem;}
.fee .column02 .inner{ width: 47%; border: solid 4px var(--clr-sky); border-radius: 16px; padding: 1.5em;}
.fee .column02 .inner dl dt{ text-align: center; font-weight: 700; color: var(--clr-navy); margin-bottom: 0.48em; line-height: 1.2em; min-height: 3.2em;}
.fee .column02 .inner dl dd{ text-align: center; font-size: clamp(2.0rem,2.4vw,3.2rem); font-weight: 700; line-height: 1.0em; color: var(--clr-navy);}
.fee .column02 .inner dl dd span{ font-size: clamp(3.2rem,4.0vw,6.4rem);}
.fee h3{ font-size: clamp(1.6rem,2.0vw,2.4rem); text-align: center; line-height: 1.2em; margin: 2.4rem auto 0; font-weight: 700;}
.fee h3.heading{ text-align: center; font-size: clamp(1.6rem,2.0vw,2.4rem); line-height: 1.2em; margin: 4.0rem auto 1.0em; font-weight: 700; color: var(--clr-navy);}
.clm02table{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.clm02table .inner{ width: 100%;}
.clm02table .inner table{ width: 100%; border-top: solid 1px #DDD;}
.clm02table .inner:nth-child(2) table{ border-top: none;}
.clm02table .inner table tr{ border-bottom: solid 1px #DDD;}
.clm02table .inner table tr th{ width: 50%; padding: 0.8em 0;}
.clm02table .inner table tr td{ width: 50%; padding: 0.8em 0; text-align: right; font-weight: 700;}

/* 作業実績
--------------------------------------------------------------*/
body.post-type-archive-work{}

/* 一覧 */
.archive-filter-area{ width: 90%; margin: 0px auto; max-width: 1200px; padding-bottom: 4.0rem;}
.archive-filter-area ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.archive-filter-area ul li{ width: 47%;}
.archive-filter-area ul li:nth-of-type(1){ width: 100%;}
.archive-filter-area ul li:nth-child(n+2){ margin-top: 0.64em;}
.archive-filter-area ul li a{ display: block; color: var(--clr-blue); text-decoration: none; line-height: 1.0em; border: solid 1px var(--clr-blue); background: #FFF; padding: 0.48em 0; text-align: center; border-radius: 100px;}
.archive-filter-area ul li a:hover{ background: var(--clr-blue); color: #FFF;}
.archive-filter-area ul li.current a{ background: var(--clr-navy); color: #FFF; border-color: var(--clr-navy);}

#work{ padding-block: 4.0rem; background: var(--clr-bg);}
#work-list{ width: 90%; margin: 0px auto; max-width: 1200px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#work-list .work-archive-list{ width: 100%; background: #FFF; border-radius: 8px; overflow: hidden; position: relative; transition: all 0.3s ease 0s;}
#work-list .work-archive-list:hover{ box-shadow: 0 0 16px rgba(0,0,0,0.16);}
#work-list .work-archive-list:nth-of-type(n+2){ margin-top: 2.4rem;}
#work-list .work-archive-list .work-image{ position: relative;}
#work-list .work-archive-list .work-image img{ width: 100%; height: auto;}
#work-list .work-archive-list .work-image .work-cat-label{ font-size: 1.2rem; line-height: 1.0em; color: #FFF; background: var(--clr-blue); padding: 0.48em; position: absolute; top: 0; right: 0; z-index: 1;}
#work-list .work-archive-list .work-content{ padding: 1.0em;}
#work-list .work-archive-list .work-content h2.work-title{ font-size: clamp(1.6rem,2.0vw,2.4rem); font-weight: 700; line-height: 1.2em; color: var(--clr-navy); padding-bottom: 1.6rem; margin-bottom: 1.6rem; border-bottom: solid 1px #EEE;}
#work-list .work-archive-list .work-content .work-meta{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#work-list .work-archive-list .work-content .work-meta .meta-row{ width: 48%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; padding: 0.24em 0;}
#work-list .work-archive-list .work-content .work-meta .meta-row dt{ font-size: 1.2rem; color: rgba(51,51,51,0.48);}
#work-list .work-archive-list .work-content .work-meta .meta-row:last-of-type dd{ font-weight: 700; color: var(--clr-red);}
#work-list .work-archive-list .work-content a span{ display: none;}
#work-list .work-archive-list .work-content a:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;}

/* no-results */
.no-results{ width: 100%;}
.no-results h2.page-title{ text-align: center; font-size: clamp(2.0rem,2.4vw,3.2rem); font-weight: 700; line-height: 1.0em; color: var(--clr-navy);}
.no-results p{ text-align: center; margin-top: 1.0em;}
.no-results .back-link{ text-align: center; margin-top: 1.0em;}

/* 詳細ページ */
#works-post{ width: 100%; padding-block: 4.0rem; position: relative;}
#works-post #detail{ width: 90%; margin: 0px auto; max-width: 1200px;}
#works-post #detail .entry-header{}
#works-post #detail .entry-header h2.entry-title{ font-size: clamp(2.4rem,3.0vw,4.0rem); font-weight: 700; line-height: 1.2em; color: var(--clr-navy); margin-bottom: 0.48em;}
#works-post #detail .visual{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#works-post #detail .visual li{ width: 100%; position: relative;}
#works-post #detail .visual li img{ width: 100%; height: auto;}
#works-post #detail .visual li span{ display: inline-block; color: #FFF; background: var(--clr-navy); padding: 0.24em; line-height: 1.0em; font-family: Arial, Helvetica, "sans-serif"; position: absolute; top: 0; left: 0;}
#works-post #detail h3.sideHeading{ font-size: clamp(2.0rem,2.4vw,3.2rem); line-height: 1.4em; font-weight: 700; color: var(--clr-navy); position: relative; margin: 4.8rem 0 0.72em;}
#works-post #detail .work-info{ background: rgba(var(--clr-bg-rgb),0.48); padding: 1.0em; display: flex; justify-content: space-between; flex-wrap: wrap;}
#works-post #detail .work-info dl{ width: 47%; padding: 0.24em 0;}
#works-post #detail .work-info dl dt{ font-size: 1.4rem; line-height: 1.2em; opacity: 0.56; color: var(--clr-navy);}
#works-post #detail .work-info dl dd{ font-size: clamp(1.6rem,2.0vw,2.0rem); line-height: 1.2em; font-weight: 700; color: var(--clr-navy); text-align: right; margin-top: 0.48em;}
#works-post #detail .work-comment{ border: solid 2px var(--clr-bg); border-radius: 8px; padding: 1.0em; padding-top: 1.5em; margin-top: 4.8rem; position: relative;}
#works-post #detail .work-comment h3.section-title{ background: var(--clr-bg); color: var(--clr-navy); font-weight: 700; line-height: 1.0em; padding: 0.48em 0.8em; border-radius: 100px; position: absolute; top: -1.0em; left: 1.0em;}
#works-post #detail .before-after{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#works-post #detail .before-after ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; position: relative;}
#works-post #detail .before-after ul:nth-child(n+2){ margin-top: 2.4rem;}
#works-post #detail .before-after ul:before{ content: "\eaaa"; font-family: "Material Icons"; font-size: clamp(2.4rem,3.0vw,4.0rem); color: var(--clr-navy); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
#works-post #detail .before-after ul li{ width: 50%;}
#works-post #detail .before-after ul li img{ width: 100%; height: auto;}
#works-post #detail .gallery-list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
#works-post #detail .gallery-list li{ width: 48%; margin-right: 4%;}
#works-post #detail .gallery-list li:nth-child(2n),
#works-post #detail .gallery-list li:last-of-type{ margin-right: 0;}
#works-post #detail .gallery-list li:nth-child(n+3){ margin-top: 1.6rem;}
#works-post #detail .gallery-list li img{ width: 100%; height: auto;}
#works-post .backBtn{ margin-top: 4.8rem;}

/* 会社概要
--------------------------------------------------------------*/
.greeting h2{ font-size: clamp(2.0rem,2.4vw,4.8rem); font-weight: 700; line-height: 1.2em; text-align: center; margin-bottom: 0.72em;}
.greeting h2 strong{ font-weight: 700; color: var(--clr-red);}
.greeting h3{ font-size: clamp(1.4rem,1.6vw,1.6rem); text-align: center; line-height: 1.2em; margin-top: 1.5em; font-weight: 700;}
.greeting h3 span{ display: inline-block; font-size: 120%; line-height: 1.0em; margin-left: 0.5em;}

.outline{ background: #F9F9F9;}
.outline table{ width: 100%; margin: 0px auto; border-top: solid 1px rgba(0,0,0,0.08);}
.outline table tr{ display: flex; flex-wrap: wrap; border-bottom: solid 1px rgba(0,0,0,0.08);}
.outline table th{ width: 100%; padding: 1.0em 0.5em 0; line-height: 1.4em; font-weight: 700; color: var(--clr-navy);}
.outline table td{ width: 100%; padding: 0.5em 0.5em 1.0em 0.5em; line-height: 1.4em;}

.accessMap{}
.accessMap .column{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 4.0rem;}
.accessMap .column .inner{ width: 100%;}
.accessMap .column .inner:nth-child(n+2){ margin-top: 4.0rem;}
.accessMap .column .inner .map{ width: 100%; padding-bottom: 100%; position: relative; border-radius: 16px; overflow: hidden;}
.accessMap .column .inner .map iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;}
.accessMap .column .inner dl{ margin-top: 1.0em;}
.accessMap .column .inner dl dt{ font-weight: 700; text-align: center;}
.accessMap .column .inner dl dd{ margin-top: 0.16em; text-align: center;}

/* お問い合わせ
--------------------------------------------------------------*/
.policy{ background: rgba(var(--clr-bg-rgb),0.4); padding: 1.0em; margin-top: 1.5em; border-radius: 16px;}
.policy dl{ max-height: 200px; overflow: auto;}
.policy dl dt{ font-weight: 600;}
.policy dl dt:nth-of-type(n+2){ margin-top: 1.5em;}
.policy dl dd{ margin-top: 0.5em;}

/* お問い合わせ送信完了
--------------------------------------------------------------*/
.thanks{}
.thanks .intro{ font-size: 2.0rem; line-height: 1.6em; font-weight: 700; color: var(--clr-navy);}

/* 404 not found
--------------------------------------------------------------*/
body#error-404 .page-header{ background: var(--clr-blue); padding: 4.0em 0; border-bottom: solid 1px rgba(0,0,0,0.08); border-top: solid 1px rgba(0,0,0,0.08);}
body#error-404 .page-header h1,
body#error-404 .page-header h2{ font-size: clamp(2.4rem,3.0vw,4.0rem); font-weight: 700; text-align: center; line-height: 1.0em; letter-spacing: 0.1em; color: #FFF;}

section.error404{ padding-block:8.0rem;}
section.error404 h2{ font-size: 6.5rem; line-height: 1.2em; text-align: center; color: rgba(51,51,51,0.4);}
section.error404 h2 strong{ display: block; text-align: center; font-size: 20.0rem; line-height: 1.0em;}
section.error404 p{ text-align: center; margin-top: 2.0em;}

/* post
--------------------------------------------------------------*/

/* category / archive / single */
main#archive,
main#primary,
main#single-post{ width: 90%; margin: 0px auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4.0rem 0;}
main#archive #archive-list,
main#primary #container,
main#single-post #detail{ width: 100%; order: 1;}
main#archive #secondary,
main#primary #secondary,
main#single-post #secondary{ width: 100%; order: 2; margin-top: 4.0rem;}

/* archive */
.simple-post-list{ border-top: solid 1px #DDD;}
.simple-post-list li{ display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: solid 1px #DDD; padding: 2.0em 0;}
.simple-post-list li .post-date{ color: var(--clr-blue);}
.simple-post-list li a{ width: 100%; color: #333; text-decoration: none;}
.simple-post-list li a:hover{ color: rgba(51,51,51,0.64);}

/* single */
#single-post .entry-header h2.entry-title{ font-size: clamp(2.4rem,2.4vw,3.2rem); line-height: 1.4em; font-weight: 700; color: var(--clr-navy);}
#single-post .entry-header .entry-meta{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 1.5em;}
#single-post .entry-header .entry-meta .posted-on,
#single-post .entry-header .entry-meta .posted-in{ position: relative; margin-right: 1.0em;}
#single-post .entry-header .entry-meta .posted-on:before{ content: "\e192"; font-family: "Material Icons"; margin-right: 0.24em; position: relative; top: 0.16em;}
#single-post .entry-header .entry-meta .posted-in:before{ content: "\e5d2"; font-family: "Material Icons"; margin-right: 0.24em; position: relative; top: 0.16em;}
#single-post .entry-header .entry-meta .posted-on a,
#single-post .entry-header .entry-meta .posted-in a{ color: rgba(51,51,51,0.48); text-decoration: none;}
#single-post .entry-header .entry-meta .posted-on a:hover,
#single-post .entry-header .entry-meta .posted-in a:hover{ color: rgba(51,51,51,1.0);}

.entry-content{}
.entry-content p{ margin-top: 1.5em;}

.backBtn{ width: 72%; margin: 2.4rem auto 0;}
.backBtn a{ display: block; border: solid 1px #DDD; color: #333; text-decoration: none; line-height: 1.0em; text-align: center; padding: 1.4em 0;}
.backBtn a:hover{ color: #FFF; background: #AAA; border-color: #AAA;}

/* pagenation */
.posts-navigation{ display: none;}
.wp-pagenavi{ margin-top: 6.4rem; display: flex; justify-content: center; flex-wrap: wrap;}
.wp-pagenavi a,
.wp-pagenavi span{ font-size: 1.6rem; line-height: 2.4rem; min-width: 3.2rem; text-align: center; padding: 0.5em !important; margin: 0 2px !important; border: solid 1px #DDD !important; border-radius: 2px;}
.wp-pagenavi span.current{ border-color: #CCC !important; background: #EEE; font-weight: normal !important;}
.wp-pagenavi a:hover{ background: #999 !important; color: #FFF !important; border-color: #888 !important;}

/* side navigation */
.wp-block-group{ border: solid 4px var(--clr-bg); padding: 1.0em;}
.wp-block-group h3.wp-block-heading{ font-size: clamp(2.0rem,2.0vw,2.0rem); line-height: 1.2em; font-weight: 700; color: var(--clr-navy);}
#block-12{ margin-top: 2.4rem;}
#block-11 h3.wp-block-heading:before{ content: "\f10d"; font-family: "Material Icons"; margin-right: 0.5em; font-size: 90%; position: relative; top: 5%;}
#block-12 h3.wp-block-heading:before{ content: "\e241"; font-family: "Material Icons"; margin-right: 0.5em; font-size: 90%; position: relative; top: 5%;}
.wp-block-group ul{ margin-top: 1.0em;}
.wp-block-group ul li{ border-bottom: solid 1px #EEE; position: relative;}
.wp-block-group ul li:last-child{ border-bottom: none;}
.wp-block-group ul li a{ display: block; padding: 1.0em 0; line-height: 1.2em; color: #333; text-decoration: none;}
.wp-block-group ul li a:hover{ color: rgba(51,51,51,0.64);}
.wp-block-group ul li a:after{ content: "\e5e1"; font-family: "Material Icons"; font-size: 1.2rem; position: absolute; top: 50%; right: 0.5em; transform: translateY(-50%); opacity: 0.4; transition: all 0.3s ease 0s;}
.wp-block-group ul li a:hover:after{ right: 0.0em; opacity: 1.0;}
.wp-block-group ul li a span.date{ display: block; font-size: 1.2rem; color: rgba(51,51,51,0.64);}

/* next back */
.post-navigation{ width: 100%; margin: 0px auto; }
.nav-links{ display: flex; justify-content: space-between; flex-wrap: wrap; border-top: double 3px #E4E4E4; padding-top: 2.0rem; margin: 0px auto;}
.nav-previous .nav-subtitle,
.nav-next .nav-subtitle{ display: none;}
.nav-previous a,
.nav-next a{ color: #333; text-decoration: none; display: inline-block; position: relative;}
.nav-previous a:hover,
.nav-next a:hover{ color: rgba(51,51,51,0.6);}
.nav-previous a:before{ content: "\e5e1"; font-family: "Material Icons"; color: var(--clr-prim); padding-right: 0.5em;}
.nav-next a:after{ content: "\e5e1"; font-family: "Material Icons"; color: var(--clr-prim); padding-left: 0.5em;}

/* contact form
--------------------------------------------------------------*/
.wpcf7{ background: #FFF; box-shadow: 0 0 16px rgba(0,0,0,0.08); border-radius: 16px; padding: 1.0em; padding-bottom: 2.0em; margin-top: 8.0rem}
span.red{ color: #FF0000; font-weight: 600;}

.wpcf7-form{}
.wpcf7-form dl{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.wpcf7-form dl dt{ width: 100%; padding: 1.0em 0 0; position: relative; display: flex; flex-wrap: wrap; align-items: center;}
.wpcf7-form dl dt span.req{ position: relative;}
.wpcf7-form dl dt span.req:before{ content: "必須"; width: 3.0em; background: var(--clr-red); padding: 0.24em 0; text-align: center; font-size: 1.2rem; line-height: 1.0em; border-radius: 2px; color: #FFF; position: absolute; top: 50%; left: calc(100% + 1.0em); transform: translateY(-50%);}
.wpcf7-form dl dt em{ display: block; font-size: 1.4rem; line-height: 1.2em; font-style: normal;}
.wpcf7-form dl dd{ width: 100%; padding: 0.24em 0 1.0em 0; border-bottom: solid 1px #EEE;}
.wpcf7-form dl dd input[type="tel"],
.wpcf7-form dl dd input[type="text"],
.wpcf7-form dl dd input[type="email"],
.wpcf7-form dl dd textarea{ border: solid 1px #DDD; background: #FFF; padding: 0.72em; border-radius: 4px; transition: all 0.3s ease 0s; margin: 0.24em; width: 100%;}
.wpcf7-form dl dd input[type="tel"]:focus,
.wpcf7-form dl dd input[type="text"]:focus,
.wpcf7-form dl dd input[type="email"]:focus,
.wpcf7-form dl dd textarea:focus{ outline: none; background: #FFF; border: solid 1px #CCC;}
.wpcf7-form dl dd input.wpcf7-not-valid,
.wpcf7-form dl dd textarea.wpcf7-not-valid{}
.wpcf7-form-control.wpcf7-acceptance.optional .wpcf7-list-item{ margin-left: 0px;}
.wpcf7-not-valid-tip{ font-size: 1.4rem !important; line-height: 1.2em !important; font-weight: 600; color: #FF0000 !important; margin-top: 0.5em;}
.wpcf7-form dl dd input#zip{ width: 80%;}
.wpcf7-list-item.first{ margin-left: 0;}
.wpcf7-spinner{ display: none !important;}
.submit{ text-align: center; margin-top: 1.0em;}
.submit input[type="button"]{ background: #EEE; border-color: E4E4E4; font-size: 1.6rem; font-weight: 600; line-height: 1.0em; padding: 1.25em 2.0em; border-radius: 0; cursor: pointer; border-radius: 4px; margin-right: 2.0em;}
.submit input[type="submit"]{ background: var(--clr-red); color: #FFF; border-color: var(--clr-red); font-size: 1.6rem; font-weight: 600; line-height: 1.0em; padding: 1.5em 6.4em; border-radius: 0; cursor: pointer; border-radius: 4px;}

.wpcf7-response-output{ text-align: center; background: #FFF;}

.wpcf7-checkbox{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.wpcf7-checkbox .wpcf7-list-item{ width: 100%; margin: 0;}

.agreement{ text-align: center; margin-top: 2.0em;}

/* Forms
========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { overflow: visible;}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { text-transform: none;}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button;}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0;}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto;}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px;}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
#wrapper{ width: 100%; margin: 0px auto; position: relative; overflow: hidden;}

/* header */
header#masthead{ background: var(--clr-blue);}
header#masthead .site-branding{ width: 180px !important; margin: 0px auto !important; border-bottom: none !important;}
header#masthead .site-branding img{ width: 100% !important; height: auto !important; vertical-align: bottom;}
header#masthead .site-branding .site-title{ width: auto !important;}
header#masthead ul.subHead_navi{ display: none;}

/* breadcrumb */
.breadcrumb-container{ display: none;}

/* footer */
footer#colophon{ background: var(--clr-ft); border-top: solid 4px var(--clr-red);}
footer#colophon section{ width: 90%; margin: 0px auto;}
footer#colophon section #ftInfo{ width: 100%; padding: 2.4rem 0; border-bottom: solid 1px rgba(255,255,255,0.16);}
footer#colophon section #ftInfo .site-title{ width: 180px; margin: 0px auto;}
footer#colophon section #ftInfo .site-title img{ width: 100%; height: auto;}
footer#colophon section #ftInfo h2.slogan{ color: #FFF; text-align: center; margin-top: 1.0em; font-size: 1.4rem; line-height: 1.0em;}
footer#colophon section #ftNavi{ padding-top: 2.4rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
footer#colophon section #ftNavi nav{ display: none;}
footer#colophon section #ftNavi .ftArea{ width: 100%;}
footer#colophon section #ftNavi .ftArea dt{ font-weight: 600; color: #FFF;}
footer#colophon section #ftNavi .ftArea dd{ font-size: 1.6rem; line-height: 1.4em; margin-top: 0.5em; color: #FFF;}
footer#colophon section #snsCopy{ padding: 2.4rem 0;}
footer#colophon section #snsCopy dl{}
footer#colophon section #snsCopy dl dt{ display: none;}
footer#colophon section #snsCopy dl dd ul{ display: flex; justify-content: center; flex-wrap: wrap;}
footer#colophon section #snsCopy dl dd ul li{ width: 4.8rem;}
footer#colophon section #snsCopy dl dd ul li:nth-child(n+2){ margin-left: 1.0em;}
footer#colophon section #snsCopy dl dd ul li img{ width: 100%; height: auto;}
footer#colophon section #snsCopy dl dd ul li a{ display: block; border-radius: 100%; overflow: hidden;}
footer#colophon section #snsCopy dl dd ul li a:hover{ opacity: 0.64;}
footer#colophon section #snsCopy p{ color: #FFF; line-height: 1.2em; font-size: 1.4rem; text-align: center; margin-top: 2.4rem;}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.menu-navigation-container{ display: none;}
#site-navigation{ display: none !important;}
.custom #wprmenu_menu_ul{ padding-top: 72px !important;}
.wprmenu_bar #custom_menu_icon.hamburger{ border-radius: 2px;}

/* Posts and pages
--------------------------------------------- */
.sticky { display: block;}
.post,
.page {}
.updated:not(.published) { display: none;}
.page-content,
.entry-content,
.entry-summary { margin: 0 auto;}
.entry-content{ padding: 0;}
.page-links { clear: both; margin: 0 0 1.5em;}

/* Comments
--------------------------------------------- */
.comment-content a { word-wrap: break-word;}
.bypostauthor { display: block;}

/* Widgets
--------------------------------------------- */
.widget {}
.widget select { max-width: 100%;}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block;}

/* Captions
--------------------------------------------- */
.wp-caption { margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text { margin: 0.8075em 0;}
.wp-caption-text { text-align: center;}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer { display: block;}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus { outline: 0;}

/* Alignments
--------------------------------------------- */
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em;}
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em;}

/* pagination
--------------------------------------------- */
.pagination { display: flex; align-items: center; justify-content: center; margin: 4.0rem 0; position: relative; font-size: 12px;}
.pagination span,
.pagination a { display: block; width: auto; margin: 4px; padding: 8px; border: 1px solid #555; color: #333; text-decoration: none; text-align: center; line-height: 16px; border-radius: 4px;}
.pagination .pager { width: 32px;}
.pagination a:hover,
.pagination .current { color: #fff; border-color: #555; background-color: #555;}
.pagination a.prev { margin-right: 16px;}
.pagination a.next { margin-left: 16px;}
.pagination a.first {}
.pagination a.last {}
.pagination span.page_num { display: none;}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { border-color: #ccc #bbb #aaa;}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus { border-color: #aaa #bbb #bbb;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus { color: #111;}
select { border: 1px solid #ccc;}
textarea { width: 100%;}

/*=============================================================
	common
=============================================================*/
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ 
	margin:0;
	padding:0;
	text-align:center;
	font-size: 1.6rem;
	line-height: 1.6em;
    font-family:-apple-system,YakuHanJP, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-optical-sizing: auto;
	color: #333;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
}

a{color: rgba(51,51,51,1.0); text-decoration:underline; transition: all 0.3s ease 0s;}
a:hover{color: rgba(51,51,51,0.64); text-decoration:none;}
}