/* ---- SP max w375 | >576-sm | >768-md | >992-lg | >1200-xl ---- */

:root {
  --blue1 :rgba(10,86,235,1);
  --blue2 :rgba(45,155,255,1);
  --blue3 :rgba(225,240,255,1);
  --green1 :rgba(5,180,60,1);
  --green2 :rgba(230,255,230,1);
  --red1 :rgba(245,70,45,1);
  --orange1 :rgba(255,120,0,1);
  --yellow1 :rgba(255,255,0,1);
  --yellow2 :rgba(255,255,160,1);
  --yellow3 :rgba(255,255,225,1);
  --yellow4 :rgba(253,246,223,1);
  --gray1 :rgba(230,230,230,1);
  --black1: rgba(20, 20, 20, 1);
}

.indent-c1 { text-indent: -1em; padding-left: 1em }

.column-body-c1 p { margin-bottom: 20px }
.column-body-c1 h4 { border-left: solid 7px var(--blue1); border-bottom: solid 1px var(--blue1);
font-family: 'Noto Sans JP'; font-weight: 700 !important; padding: 10px 0 10px 10px; margin-bottom: 10px }

.btn-group button { background-color: rgba(255,255,255,1); border: 0 }
.dropdown-item { font-family: 'Noto Sans JP'; font-weight: 400 !important; padding: 10px 20px }

.blue1 { color: var(--blue1)}
.bg-blue1 { background-color: var(--blue1)}
.blue2 { color: var(--blue2)}
.bg-blue2 { background-color: var(--blue2)}
.green1 { color: var(--green1)}
.bg-green1 { background-color: var(--green1)}
.bg-green2 { background-color: var(--green2)}
.bg-orange1 { background-color: var(--orange1)}
.red1 { color: var(--red1)}
.bg-red1 { background-color: var(--red1)}
.yellow1 { color: var(--yellow1)}
.bg-orange1 { background-color: var(--orange1)}
.bg-yellow2 { background-color: var(--yellow2)}
.bg-yellow3 { background-color: var(--yellow3)}
.bg-yellow4 { background-color: var(--yellow4)}
.bg-gray1 { background-color: var(--gray1)}
.bg-gray2 { background-color: rgba(240,240,240,1)}
.bg-masu1 { background: url("../img/bg2.png") repeat }
.bg-img-blue1 { background: url("../img/bg1.png") repeat }
.bg-img-blue2 { background: url("../img/bg3.png") bottom center / cover no-repeat }
.bg-img1 { background: url("../img/bg4.jpg") bottom center / cover no-repeat }
.bg-img2 { background: url("../img/bg5.jpg") bottom center / cover no-repeat }
.bg-img3 { height: 654px; background : url("../img/bnr10-pc.jpg") bottom center no-repeat }
.bg-img4 { height: 258px; background : url("../img/bnr19-tit.jpg") bottom center no-repeat }
.bg-img5 { background: url("../img/inner-bg1.jpg") bottom center / cover no-repeat }
.bg-img6 { background: url("../img/etc1.png") center center / cover no-repeat }

.bgc-grad-nc1 {
  background: -webkit-linear-gradient( 180deg, rgba(10,86,235,0.8), rgba(10,86,235,1));
  background: linear-gradient( 180deg, rgba(10,86,235,0.8), rgba(10,86,235,1))}
.shadow-nc1 {box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2)}
.radius-c11 { border-radius: 20px !important}

.jp-r { font-family: 'Noto Sans JP'; font-weight: 400 !important }
.jp-m { font-family: 'Noto Sans JP'; font-weight: 500 !important }
.jp-b { font-family: 'Noto Sans JP'; font-weight: 700 !important }
.jp-bk { font-family: 'Noto Sans JP'; font-weight: 900 !important }

.tt-24-c1 { font-size: 21px } @media screen and ( min-width: 375px ) { .tt-24-c1 { font-size: calc(21px + 3 * ((100vw - 375px) / 825))}} @media screen and ( min-width: 1200px ) { .tt-24-c1 { font-size: 24px }}

.tt-32-c1 { font-size: 21px } @media screen and ( min-width: 375px ) { .tt-32-c1 { font-size: calc(21px + 11 * ((100vw - 375px) / 825))}} @media screen and ( min-width: 1200px ) { .tt-32-c1 { font-size: 32px }}

.tt-42-c1 { font-size: 32px } @media screen and ( min-width: 375px ) { .tt-42-c1 { font-size: calc(32px + 10 * ((100vw - 375px) / 825))}} @media screen and ( min-width: 1200px ) { .tt-42-c1 { font-size: 42px }}

.tt-72-c1 { font-size: 42px } @media screen and ( min-width: 375px ) { .tt-72-c1 { font-size: calc(42px + 30 * ((100vw - 375px) / 825))}} @media screen and ( min-width: 1200px ) { .tt-72-c1 { font-size: 72px }}

.lh-nc1 { line-height: 0.7 }

.hdeco-c1 { border-left: solid 7px var(--blue1); border-bottom: solid 1px var(--blue1)}
.fuchidori-c1 { color: rgba(40,40,40,1); -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff }

.kng-nc1 { letter-spacing : -0.05rem !important }
.kng-nc2 { letter-spacing : -0.15rem !important }
.px-c1 { padding-right: 10px !important; padding-left: 10px !important }
@media ( min-width: 768px ){ .px-c1 { padding-right: 0 !important; padding-left: 0 !important }}
.sec-p25-c1 { padding-bottom: 10px } @media screen and ( min-width: 375px ) { .sec-p25-c1 { padding-bottom: 10px }} @media screen and ( min-width: 1200px ) { .sec-p25-c1 { padding-bottom: 25px }}
.nmt-c1 { margin-top: -25px }
@media ( max-width: 768px ){ .icon-c1 { width: 50px }}

.underline-nc1 { background: linear-gradient(transparent 70%, var(--yellow1) 70%)}
.underline-nc2 { background: linear-gradient(transparent 50%, var(--yellow1) 50%)}
.border-nc1 { border-left: solid 5px rgba(0,0,0,1)}
.border-c2 { border: solid 5px var(--blue1)}
.border-c3 { border: solid 5px var(--green1); border-radius: 10px }
.border-c4 { border: solid 8px var(--blue1); border-radius: 10px }
.border-c5 { border-bottom: solid 5px var(--blue1); width: 50px }
.border-c6 { border: solid 1px var(--blue1); border-bottom: none }
.border-c6-2 { border-right: none }
.border-c6-3 { border-right: solid 1px rgba(255,255,255,1)}
.border-c6-4 { border-bottom: solid 1px var(--blue1)}
.border-c7-1 { border: solid 5px var(--blue2); border-radius: 5px }
.border-c7-2 { border-bottom: solid 5px var(--blue2)}
.border-c8 { border-left: solid 5px var(--blue1); background-color: var(--blue3)}
.rounded-c1 { border-radius: 10px }
.link-nc1 { text-decoration-line: underline; color: var(--blue2)} .link-nc1:hover { text-decoration-line: none; color: var(--blue2); opacity: 0.75 }
.marker-yellow1 {background-image: linear-gradient(to bottom, transparent, transparent 60%, var(--yellow1) 60%);}
.marker-yellow2 {background-image: linear-gradient(to bottom, transparent, transparent 60%, var(--yellow2) 60%);}
.over-dot-black1 {position: relative;} .over-dot-black1::before {content: ''; position: absolute; top: 0; left: 50%; width: 0.15em; height: 0.15em; background: var(--black1); border-radius: 50%; transform: translate(-50%, -50%); z-index: 1}
/* blog */
.thumbnail-c1 { width: 100%; border-radius: 5px }
.border-blog-green { border-top: solid 7px var(--green1)}
.border-blog-blue { border-top: solid 7px var(--blue1)}
.bg-blog1 { background: url("../img/voice-bg1.png") repeat }
.bg-blog2 { background: url("../img/column-bg1.png") repeat }
.tt-24-c1 { font-size: 21px } @media screen and ( min-width: 375px ) { .tt-24-c1 { font-size: calc(21px + 3 * ((100vw - 375px) / 825))}} @media screen and ( min-width: 1200px ) { .tt-24-c1 { font-size: 24px }}

.blog-tit1 {margin-top: -50px }
.blog-category1 { color: var(--green1)}
.blog-voice-category1 { border: solid 1px var(--green1); color: var(--green1); display: inline-block }
.blog-column-category1 { border: solid 1px var(--blue1); color: var(--blue1); display: inline-block }
.blog-contents1 p { font-size: 14px; line-height: 1.9; font-family: 'Noto Sans JP'; font-weight: 400 !important }
@media screen and ( min-width: 768px ) { .blog-contents1 p { font-size: 16px }}
.blog-contents1 h4 { font-size: 21px; line-height: 1.3; font-family: 'Noto Sans JP'; font-weight: 700 !important }
@media screen and ( min-width: 768px ) { .blog-contents1 h4 { font-size: 24px }}

.sidebar-tit1 { text-align: center; border-top: solid 7px var(--green1); padding: 15px 0; color: var(--green1); background-color: var(--green2); font-family: 'Noto Sans JP'; font-weight: 700 !important; font-size: 16px }
.sidebar-tit2 { text-align: center; border-top: solid 7px var(--blue1); padding: 15px 0; color: var(--blue1); background-color: var(--blue3); font-family: 'Noto Sans JP'; font-weight: 700 !important; font-size: 16px }
.cat-item { font-size: 14px; font-family: 'Noto Sans JP'; font-weight: 400 !important; border-bottom: solid 1px rgba(220,220,220,1); position: relative; display: flex; align-items: center }

.cat-item::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  content: "";
  background-image: url("../img/icon-category-blue.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: transform 0.2s ease-in-out }

.cat-item a { width: 100%; padding: 18px 10px }
.wp-pagenavi { font-size: 12px }
.wp-pagenavi a { color: #4a4a4a }
.pages {/* 左の表記 */ margin-right: 20px }
.wp-pagenavi .current,
.wp-pagenavi a.page {/* ボタン */
  margin: 0 6px 6px 0; display: inline-block; border: solid 1px #eee; width: 30px; height: 30px;
  border-radius: 50%; line-height: 30px; text-align: center }
.wp-pagenavi .current {/* カレント数字 */
  border: none; background: var(--orange1);
  color: #fff }
.wp-pagenavi a.page:hover {/* マウスオーバー */
    background: var(--orange1); color: #fff }
.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
    margin-right: 10px }
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号の削除 */
    display: none }

.main-widget ul li { font-size: 14px; font-family: 'Noto Sans JP'; font-weight: 400 !important; border-bottom: solid 1px rgba(220,220,220,1); position: relative; display: flex; align-items: center }
.main-widget ul li::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  content: "";
  background-image: url("../img/icon-category-blue.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: transform 0.2s ease-in-out }
.main-widget ul li a { width: 100%; padding: 18px 10px }

/* header */
.header-logo-c1 { width: 120px }
.header-tel-c1 { width: 180px }

.header-c2-sp { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 0 }
.hbg-c1 { display: flex; width: 44px; height: 44px; padding-right: 10px;
  justify-content: flex-end; align-items: center; z-index: 100; cursor: pointer }
.hbg-c1 span,
.hbg-c1 span:before,
.hbg-c1 span:after { content: ''; display: block; height: 2px; width: 25px; background: rgba(255,255,255,1); transition: .3s; position: absolute; z-index: 9999 }
.hbg-c1 span:before { bottom: 8px }
.hbg-c1 span:after { top: 8px }
.hbg-c1.op span { background: rgba(255,255,255,0)}
.hbg-c1.op span::before { bottom: 0; transform: rotate(45deg); background: rgba(40,40,40,1)}
.hbg-c1.op span::after { top: 0; transform: rotate(-45deg); background: rgba(40,40,40,1)}
.gnav-c1 { position: absolute; top:100%; right: -100%; background-color: rgba(255,255,255,0.95); height: 100vh; width: 100%; transition: .4s ease-in-out; border-top: solid 1px rgba(255,255,255,0.05); opacity: 0 }
.gnav-c1.active { right: 0; opacity: 1 }
.gnav-c1 ul li { margin-bottom: 20px; white-space: nowrap }

.sp-menu-c1 li { border-bottom: solid 1px rgba(0,0,0,0.25); padding: 15px 10px; margin: 0 !important }
.sp-menu-c1 li:last-child { border: none }
.sp-menu-c1 .sp-item { padding: 0 0 15px 33px; border: none; font-size: 14px }
.sp-menu-c1 .sp-border-c1 { border-top: solid 1px rgba(0,0,0,0.25)}

/* ----- ETC Parts ----- */
.table-nc1 { border: solid 2px var(--blue2)}
.table-nc1 th, td { line-height: 1.3; padding: 10px }
.table-nc1 th { border-bottom: solid 1px var(--blue2); border-right: solid 1px var(--blue2); white-space: nowrap; width: 25%; color: var(--blue2) }
.table-nc1 td { border-bottom: solid 1px var(--blue2)}

.icon-nc1 { width: 15px }
@media ( min-width: 992px ){ .icon-nc1 { width: 25px }}
.icon-nc2 { width: 40px }
@media ( min-width: 768px ){ .icon-nc2 { width: 80px }}

.eria-link-c1 li { float: left; margin-right: 10px }
.eria-link-c1 li a { text-decoration: underline }
.eria-link-c1 li a:hover { text-decoration: none; opacity: 0.75 }

.eria-link-c2 li a { text-decoration: underline }
.eria-link-c2 li a:hover { text-decoration: none; opacity: 0.75 }

/* ----- mv ----- */
.mv-pc { height: 502px; background : url("../img/mv-pc.jpg") bottom center no-repeat }
.mv-service-pc { height: 502px; background : url("../img/service-mv-pc.jpg") bottom center no-repeat }
.mv-service-sp { padding-top: 32px; padding-left: 20px; font-size: 32px }
.mv-toilet-pc { height: 502px; background : url("../img/toilet-mv-pc.jpg") bottom center no-repeat }
.mv-daidokoro-pc { height: 502px; background : url("../img/daidokoro-mv-pc.jpg") bottom center no-repeat }
.mv-ofuro-pc { height: 502px; background : url("../img/ofuro-mv-pc.jpg") bottom center no-repeat }
.mv-senmen-pc { height: 502px; background : url("../img/senmen-mv-pc.jpg") bottom center no-repeat }
.mv-haisui-pc { height: 502px; background : url("../img/haisui-mv-pc.jpg") bottom center no-repeat }
.mv-sonota-pc { height: 502px; background : url("../img/sonota-mv-pc.jpg") bottom center no-repeat }
.mv-toilet-sp { padding-top: 0; padding-left: 10px; font-size: 38px }
.mv-toilet-sp2 { font-size: 28px }
.mv-toilet-sp3 { font-size: 38px }

.mv-inner1-pc { height: 502px; background : url("../img/inner-mv1-pc.jpg") bottom center no-repeat }
.mv-inner2-pc { height: 502px; background : url("../img/inner-mv2-pc.jpg") bottom center no-repeat }
.mv-inner3-pc { height: 502px; background : url("../img/inner-mv3-pc.jpg") bottom center no-repeat }
.mv-inner4-pc { height: 502px; background : url("../img/inner-mv4-pc.jpg") bottom center no-repeat }
.mv-inner5-pc { height: 502px; background : url("../img/inner-mv5-pc.jpg") bottom center no-repeat }
.mv-inner6-pc { height: 502px; background : url("../img/inner-mv6-pc.jpg") bottom center no-repeat }
.mv-inner7-pc { height: 502px; background : url("../img/inner-mv7-pc.jpg") bottom center no-repeat }
.mv-inner8-pc { height: 502px; background : url("../img/inner-mv8-pc.jpg") bottom center no-repeat }
.mv-inner1-sp { padding-top: 24px; padding-left: 20px; font-size: 32px }
.mv-inner2-sp { padding-top: 24px; padding-left: 10px; font-size: 28px }
.mv-diary-pc { height: 502px; background : url("../img/diary-mv-pc.jpg") bottom center no-repeat }
.mv-diary-sp { padding-top: 8px; padding-left: 70px; font-size: 38px }

/* ----- 下層 ----- */
.bg-service1 { background: url("../img/service-bg1.jpg") bottom center / cover no-repeat }
.bg-service2 { background: url("../img/service-bg2.jpg") bottom center / cover no-repeat }
.bg-toilet1 { background: url("../img/toilet-bg1.jpg") bottom center / contain no-repeat }

.mv-inner1 { height: 100%; background : url("../img/service-bg3.jpg") top center no-repeat }
.service-icon1 { width: 80px; margin-top: -30px; margin-left: 10px }
@media ( min-width: 768px ){ .service-icon1 { width: 154px; margin-top: -50px; margin-left: 25px }}
.nmt-ic1 { margin-top: -50px }
@media ( min-width: 768px ){ .nmt-ic1 { margin-top: -120px }}
@media ( min-width: 768px ){ .map-c1 { height: 280px !important }}

/* swiper */
.swiper-button-prev { background-size: 10px }
@-webkit-keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1)}
  100% { -webkit-transform: scale(1.15); transform: scale(1.15)}}
@keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1)}
  100% { -webkit-transform: scale(1.15); transform: scale(1.15)}}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {
-webkit-animation: zoomUp 12s linear 0s; animation: zoomUp 12s linear 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.swiper-slide { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden }

.slider1 { width: 100%; height: auto }

/* ----- form ----- */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

form p {
	font-weight: 600;
  margin-bottom: 30px !important;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 12px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

input.wpcf7-submit {
	width: 100%;
	height: 60px;
	background: rgba(255, 115, 20, 1);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border: none;
	border-radius: 5px;
  box-shadow: 0 5px 1px rgba(225,85,0,1)
}

span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}

/* aco */
.aco-img-c1 { height: 75px; padding: 7px }
@media ( min-width: 768px ){ .aco-img-c1 { height: 120px; padding: 10px }}
.aco-img-c2 { height: 70px; padding: 5px }
@media ( min-width: 768px ){ .aco-img-c2 { height: 96px; padding: 7px }}
.aco-bdr-c1 { border-bottom: dotted 1px var(--blue1)}
.aco-bdr-c2 { border: solid 5px var(--blue2); border-top: none }
.aco-bg-c1 { background: url("../img/icon3.png") center center / cover no-repeat;
background-color:rgba(255,255,255,0.9); background-blend-mode:lighten }

.accordion-button {
  position: relative; display: flex; align-items: center;
  width: 100%; padding: 0 15px 0 0; font-size: 1rem; text-align: left;
  color: #fff; background-color: var(--blue1); border: 0; border-radius: 0;
  overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease }

@media (prefers-reduced-motion: reduce) { .accordion-button { transition: none }}
.accordion-button:not(.collapsed) {
  color: #fff; background-color: var(--blue1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125)}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/icon-aco1.svg");
  transform: rotate(-180deg)}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  content: "";
  background-image: url("../img/icon-aco2.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  transition: transform 0.2s ease-in-out }

@media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none }}
.accordion-button:hover { z-index: 2 }
.accordion-button:focus { z-index: 3; border: none; border-color: #fff;
  outline: 0; box-shadow: none }

.accordion-header { margin-bottom: 0 }

.accordion-item {  border: none; background-color: #fff }
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem }

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px)}

.accordion-item:not(:first-of-type) { border-top: 0 }
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem }

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px)}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem }

.accordion-body { padding: 0 }

.accordion-flush .accordion-collapse { border-width: 0 }
.accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 }
.accordion-flush .accordion-item:first-child { border-top: 0 }
.accordion-flush .accordion-item:last-child { border-bottom: 0 }
.accordion-flush .accordion-item .accordion-button { border-radius: 0 }

/* qa */
.icon-qa1 { height: 30px }
@media ( min-width: 768px ){ .icon-qa1 { height: 50px }}

.btn-nc1 {
  position: relative; display: flex; align-items: center; width: 100%; border: 0; border-radius: 0 }

.btn-nc1::after { flex-shrink: 0; width: 1rem; height: 1rem;
  margin-left: auto; content: "";
  background-image: url("../img/icon1-w.svg");
  background-repeat: no-repeat; background-size: 1rem;
  transition: transform 0.2s ease-in-out }

.aco-icon1 { width: 20px }
@media ( min-width: 768px ){ .aco-icon1 { width: 30px }}

.aco-qa .accordion-button {
  position: relative; display: flex; align-items: center;
  width: 100%; padding: 0 15px 0 0; font-size: 1rem; text-align: left;
  color: rgba(40,40,40,1); background-color: rgba(240,240,240,1); border: 0; border-radius: 0;
  overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease }

@media (prefers-reduced-motion: reduce) { .aco-qa .accordion-button { transition: none }}
.aco-qa .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); background-color: var(--blue1); color: #fff }

.aco-qa .accordion-button:not(.collapsed)::after {
  background-image: url("../img/icon-aco1.svg");
  transform: rotate(-180deg)}

.aco-qa .accordion-button::after {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  content: "";
  background-image: url("../img/icon-aco2-blue.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  transition: transform 0.2s ease-in-out }

@media (prefers-reduced-motion: reduce) { .aco-qa .accordion-button::after { transition: none }}
.aco-qa .accordion-button:hover { z-index: 2 }
.aco-qa .accordion-button:focus { z-index: 3; border: none; border-color: #fff;
  outline: 0; box-shadow: none }

/* EFX <a class="shiny-btn img-fluid" href="#"></a> */
@keyframes shiny { 0% { left: -20%; } 10% { left: 120%; } 100% { left: 120%; }}

.shiny-btn { position: relative; display: block; width: 750px; height: 300px;
  text-align: center; text-decoration: none; color: #fff; overflow: hidden;
  background : url(../img/bnr3.png) bottom center / contain no-repeat }

.shiny-btn::after { content: ''; position: absolute; top: -10%; left: -20%; width: 40px; height: 100%;
  transform: scale(2) rotate(20deg); background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite }


  /* ----- fuchidori normal ----- */
.fuchidori {
  display: inline-block;
}
.fuchidori text {
  font-weight       : inherit;
  font-size         : inherit;
  font-family       : inherit;
  stroke            : inherit;
  fill              : inherit;
  text-anchor       : start;
  dominant-baseline : alphabetic;
  filter: drop-shadow(0.1em 0.1em 0 rgba(0,0,0,0.4));
}
.fuchidori > svg > use {
  stroke-width      : 0.2em;
  paint-order       : stroke;
  stroke-linejoin   : round ;
}

/* ----- fuchidori yellow / blue ----- */
.fuchidori--yb {
  display: inline-block;
}
.fuchidori--yb text {
  font-weight       : inherit;
  font-size         : inherit;
  font-family       : inherit;
  stroke            : var(--blue1);
  fill              : var(--yellow1);
  text-anchor       : start;
  dominant-baseline : alphabetic;
  filter: drop-shadow(3px 3px 0 rgba(0,0,0,0.4));
}
.fuchidori--yb > svg > use {
  stroke-width      : 0.25em;
  paint-order       : stroke;
  stroke-linejoin   : round ;
}
/* ----- fuchidori black / white ----- */
.fuchidori--bw {
  display: inline-block;
}
.fuchidori--bw text {
  font-weight       : inherit;
  font-size         : inherit;
  font-family       : inherit;
  stroke            : #fff;
  fill              : rgba(20,20,20,1);
  text-anchor       : start;
  dominant-baseline : alphabetic;
  filter: drop-shadow(3px 3px 0 rgba(0,0,0,0.4));
}
.fuchidori--bw > svg > use {
  stroke-width      : 0.25em;
  paint-order       : stroke;
  stroke-linejoin   : round ;
}
/* ----- fuchidori white / blue ----- */
.fuchidori--wb {
  display: inline-block;
}
.fuchidori--wb text {
  font-weight       : inherit;
  font-size         : inherit;
  font-family       : inherit;
  stroke            : var(--blue1);
  fill              : #fff;
  text-anchor       : start;
  dominant-baseline : alphabetic;
  filter: drop-shadow(3px 3px 0 rgba(0,0,0,0.4));
}
.fuchidori--wb > svg > use {
  stroke-width      : 0.25em;
  paint-order       : stroke;
  stroke-linejoin   : round ;
}
/* ----- fuchidori blue / white ----- */
.fuchidori--blw {
  display: inline-block;
}
.fuchidori--blw text {
  font-weight       : inherit;
  font-size         : inherit;
  font-family       : inherit;
  stroke            : #fff;
  fill              : var(--blue1);
  text-anchor       : start;
  dominant-baseline : alphabetic;
  filter: drop-shadow(3px 3px 0 rgba(0,0,0,0.4));
}
.fuchidori--blw > svg > use {
  stroke-width      : 0.2em;
  paint-order       : stroke;
  stroke-linejoin   : round ;
}