@charset "utf-8";

@font-face {
font-family: "Gill Sans MT";
src: url(https://mamoruno.zipcare.co.jp/font/gill-sans-mt.ttf) ;
}
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css);             a{color: #2448be;}
a:hover{color: #657ed1;}
a.pointer-none{pointer-events: none;}
@media (min-width: 1280px){
a.tel{pointer-events: none;text-decoration: none;color: #261204;}
}
.frame-white{ border: 0.0625em solid #ffffff;}
.frame-dwhite{border: 0.0625em solid #fffdfd;}
.frame-beige{ border: 0.0625em solid #d8d2cc;}
.frame-brown{ border: 0.0625em solid #261204;}
.frame-cblue{ border: 0.0625em solid #00afb8;}
.frame-anchor{ border: 0.0625em solid #2448be;}
.frame-red{ border: 0.0625em solid #B00101;}
.bg-white{ background-color: #FFFFFF;}
.bg-dwhite{background-color: #fffdfd;}
.bg-beige{ background-color: #d8d2cc;}
.bg-brown{ background-color: #261204;}
.bg-cblue{ background-color: #00afb8;}
.bg-anchor{ background-color: #2448be;}
.c-white{ color: #FFFFFF;}
.c-dwhite{color: #fffdfd;}
.c-beige{ color: #D9D9D9;}
.c-brown{ color: #261204;}
.c-black{ color: #010101;}
.c-cblue{ color: #00afb8;}
.hover-op07:hover,
.hover-op07:hover img{opacity: .7;}
.cc-message{ font-size: 0.8em;}
.cc-compliance .cc-btn.cc-deny {display:none;}
.btn_rounded-corners{
padding-top: 2rem;
padding-bottom: 2rem;
}
.btn_rounded-corners a,.btn_rounded-corners button{
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: 1.143rem;
line-height: normal;
font-weight: bold;
background-color: #00AFB8;
color: #FFF;
padding: 1em 2.286em;
transition: all .5s;
}
.btn_rounded-corners a.pointer-none,.btn_rounded-corners button.pointer-none{	pointer-events: none;background-color: #e3e3e3;}
.btn_rounded-corners a:hover,.btn_rounded-corners button:hover{	background-color: #97CDD0;}
.btn_rounded-corners.type02 a,.btn_rounded-corners.type02 button{background-color: transparent;	border: .1rem solid #00AFB8;color: #00AFB8;}
.btn_rounded-corners.type02 a.pointer-none,.btn_rounded-corners.type02 button.pointer-none{	background-color: transparent;color: #97CDD0;	border: .1rem solid #97CDD0;}
.btn_rounded-corners.type02 a:hover,.btn_rounded-corners.type02 button:hover{background-color: #00AFB8;color:#ffffff;}
.btn_rounded-corners.type03 a,.btn_rounded-corners.type03 button{	background-color: #D8D2CC;color: #261204;}
.btn_rounded-corners.type03 a.pointer-none,.btn_rounded-corners.type03 button.pointer-none{	background-color: #e3e3e3;}
.btn_rounded-corners.type03 a:hover,.btn_rounded-corners.type03 button:hover{background-color: #00AFB8;color: #FFF;}
.btn_rounded-corners.type04 a,.btn_rounded-corners.type04 button{	background-color: #261204;color: #FFFFFF;}
.btn_rounded-corners.type04 a.pointer-none,.btn_rounded-corners.type04 button.pointer-none{	background-color: #e3e3e3;}
.btn_rounded-corners.type04 a:hover,.btn_rounded-corners.type04 button:hover{background-color: #00AFB8;color: #FFF;}
.btn_contact a{
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: 1.714rem;
line-height: normal;
font-weight: bold;
background-color: #261204;
border: .1em solid #261204;
color: #fff;
padding: .66em 1.33em;
transition: all .5s;
}
.btn_contact a.pointer-none{
pointer-events: none;
background-color: #e3e3e3;
}
.btn_contact a:hover{
background-color: #00AFB8;
border: .1em solid #FFFFFF;
color: #FFFFFF;
}    body {
color: #261204;
font-family: 'Roboto', 'Noto Sans JP', sans-serif, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1{font-size: 2.571em;}
h2{font-size: 2.286em;}
h3{font-size: 1.714em;}
h4{font-size: 1.143em;}
h5{font-size: 1em;}
h6{font-size: .857em;}
h1,h2,h3,h4,h5,h6{ clear: both;} .scrollTop {
position: fixed;
right: 1em;
bottom:  1em;
opacity: 0;
z-index: 1000;
transition: all 0.4s ease-in-out 0s;
}
.scrollTop a {
box-sizing: border-box;
border: .12rem solid #D8D2CC;
background-color: #261204;
color: #D8D2CC;
width: 3.75rem;
height: 3.75rem;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
border-radius: 1.9rem;
text-decoration: none;
}
.scrollTop a i{font-size: 2.4rem;}
.scrollTop a:hover{
color: #261204;
background-color: #D8D2CC;
border: .12rem solid #261204;
}
body{ height: auto;}
body.open {
height: 100%;
overflow: hidden;
} .header-wrap{height: 4rem;}
.header-corp-logo{background-color: #261204;}
.header-corp-logo .header-wrap{height: 3rem;}
header{
position: fixed;
width: 100%;
top: -4.2rem;
z-index: 10;
transition: all 0.4s ease-in-out 0s;
background-color: #261204;
border-top:.1rem solid #BBB5AE;
border-bottom:.1rem solid #BBB5AE;
}
header.with-others{top: 0;}
header .header-wrap{
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
header .header-catch{
height: 100%;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
header .header-catch .toggle{margin-left: -.5em;}
header .header-catch .toggle a{
position: relative;
font-size: .7rem;
width: 5rem;height: 1.8rem;
border-radius: 100vw;
border: .1rem solid #d8d2cc;
line-height: 1;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
padding-right: 1.5em;
transition: all 0.4s ;
text-decoration: none;
color: #d8d2cc;
}
header .header-catch .toggle a::before{
font-weight: 700;
content:"施設用";
}
header .header-catch .toggle a::after{
position: absolute;
display: block;
content:"";
width: 1.144rem;height: 1.144rem;
clip-path: circle(50% at 50% 50%);
background-color: #d8d2cc;
left: .3rem;
transform: translateX(3rem);
transition: all 0.5s ease 0s;
}
header .header-catch .toggle a:hover{
background-color: #d8d2cc;
color: #261204;
padding-right: auto;
padding-left: 2em;
}
header .header-catch .toggle a:hover::before{
content:"在宅用";
}
header .header-catch .toggle a:hover::after{
transform: translateX(0);
background-color: #261204;
}
header .header-catch .title{width: 15em;margin-left: 1em;}
header .header-catch .title img{display: block;width: 100%;}
header .global-nav{display: none;}
.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 4.785em;
left: 0;
z-index: 10;
opacity: 0;
transition: opacity .5s;
}
.overlay.open {
width: 100%;
height: 100%;
opacity: 1;
}
.menu-trigger{
display: block;
background: none;
border: none;
padding: 0;
width: 4em;
height: 4em;
color: #FFFFFF;
cursor: pointer;
text-align: center;
outline: none;
transform: translateX(0);
transition: all .5s;
margin-right: -1em;
}
.menu-trigger::after{
font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
content:'\f0c9';
transition:  all 2s ease-out;
font-size: 1.3em;
font-weight:900;
top: 50%;left: 50%;
position: fixed;
transform: translate(-50% , -50%);
}
.menu-trigger.active::after {
content:'\f00d';
transition: all .5s;
}
nav.drawer-innner{
width: 100%;
height: calc(100% - 4em);
box-sizing: border-box;
background-color: #261204;
position: fixed;
top: 3.99em;
right: 0;
z-index: 20;
transform: translateY(100%);
transition: all .0s;
font-size: 1rem;
}
nav.drawer-innner.open {
transform: translateY(0);
z-index: 1000;
}
nav.drawer-innner span,nav.drawer-innner a,nav.drawer-innner button{
background-color: transparent;
border: none;
box-sizing: border-box;
display: inline-block;
font-weight: bold;
padding: .57rem;
text-decoration: none;
color: #FFFFFF;
}
nav.drawer-innner ul{
list-style-type: none;
line-height: 1;
padding-left: 0;
}
nav.drawer-innner ul.page-menu{
width: 87.5%;
margin: 0 auto;
}
nav.drawer-innner ul.page-menu li{
padding: .857em 0;
}
nav.drawer-innner ul.page-menu a:hover,
nav.drawer-innner ul.page-menu a:active{color: #00AFB8;}
nav.drawer-innner .first-layer{
height: 30em;
padding-top: 3em;
padding-bottom: 3em;
}
nav.drawer-innner .second-layer{
height: 30em;
background-color: #261204;
position: fixed;
top: 0;
width: 100%;
transform: translateX(100%);
padding-left: 6.25%;
padding-right: 6.25%;
}
nav.drawer-innner .second-layer.open{transform: translateX(0%);}
nav.drawer-innner .second-layer button.return{font-size: .857rem;}
nav.drawer-innner .second-layer > ul > li{display: flex;}
nav.drawer-innner .second-layer > ul > li span{padding-top: calc(.857rem + .57rem);padding-bottom: calc(.857rem + .57rem);}
nav.drawer-innner .second-layer ul ul li{	padding: .857rem 0;}
nav.drawer-innner .second-layer ul ul li a{	font-size: .857rem;	color: #bbb5ae;}
nav.drawer-innner .second-layer.products > ul {padding-top: 5em;}
nav.drawer-innner .second-layer.learn > ul {padding-top: 9em;}
nav.drawer-innner .btn_contact a{
background-color: #00afb8;
font-size: 1.143rem;
padding: .66em 3.33em;
}
nav.drawer-innner .btn_contact a:hover,
nav.drawer-innner .btn_contact a:active{background-color: #97CDD0;}
#mamoone .header-corp-logo{background-color: #D8D2CC;}
#mamoone header{background-color: #D8D2CC;}
#mamoone header .header-catch .toggle a{border: .1rem solid #261204;color: #261204;}
#mamoone header .header-catch .toggle a::before{content:"在宅用";}
#mamoone header .header-catch .toggle a::after{background-color: #261204;}
#mamoone header .header-catch .toggle a:hover{ background-color: #261204; color: #d8d2cc;}
#mamoone header .header-catch .toggle a:hover::before{ content:"施設用";}
#mamoone header .header-catch .toggle a:hover::after{background-color: #d8d2cc;}
#mamoone .menu-trigger{color: #261204;}
#mamoone nav.drawer-innner{background-color: #D8D2CC;}
#mamoone nav.drawer-innner span,#mamoone nav.drawer-innner a,#mamoone nav.drawer-innner button{color: #261204;}
#mamoone nav.drawer-innner .second-layer{background-color: #D8D2CC;}
#mamoone nav.drawer-innner .second-layer ul ul li a{color: #817166;}
#mamoone nav.drawer-innner .btn_contact a{background-color: #00afb8;color: #fff;}
#mamoone nav.drawer-innner .btn_contact a:hover,
#mamoone nav.drawer-innner .btn_contact a:active{background-color: #97CDD0;}
.vacant{height: 4em;}
.link-container{padding-top: 4em;	margin-top: -4em;}
.container{padding-top: 3.43em;padding-bottom: 3.14em;}
@media (min-width: 768px){
.menu-trigger::after{font-size: 2em;}
nav.drawer-innner .first-layer{padding-top: 5em;}
nav.drawer-innner ul{text-align: center;}
nav.drawer-innner .second-layer > ul > li {display: block;}
nav.drawer-innner .second-layer span i{display: none;}
nav.drawer-innner .second-layer.products > ul,
nav.drawer-innner .second-layer.learn > ul {padding-top: 3em;}
.vacant{height: 4em;}
.link-container{padding-top: 4em;	margin-top: -4em ;}
.container{padding-top: 4.7em;padding-bottom: 3.428em;}
}
@media (min-width: 960px){
.header-wrap{height: 6rem;}
.menu-trigger{display: none;}
header{position: sticky;top: 0;}
header .global-nav{
list-style-type: none;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;}
header .global-nav li{
padding-left: 1.5em;
padding-right: 1.5em;
}
header .global-nav i{font-size: .7em;padding: 0 .5em;}
header .global-nav > li{
padding: 0 1em;
position: relative;
height: 100%;
}
header .global-nav li:last-child{	padding-right: 0;	}
header .global-nav li.contact{display: flex;-ms-align-items: center;align-items: center;}
header .global-nav li.contact a{
height: auto;
border-radius: 100vw;
background-color: #00AFB8;
color: #FFF;
padding: .7em 2.5em;
transition: all .5s;
}
header .global-nav li.contact a:hover{
background-color: #97CDD0;
color: #FFF;
}
header .global-nav > li > a,header .global-nav > li > span{
box-sizing: border-box;
display: inline-block;
font-weight: bold;
padding: .57em;
text-decoration: none;
color: #FFFFFF;
}
header .global-nav > li > a,header .global-nav > li > span{
height: 100%;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
header .global-nav > li > a:hover,header .global-nav > li > a:active,header .global-nav > li > a.current,
header .global-nav > li > span:hover,header .global-nav > li > span:active,header .global-nav > li > span.current{color: #00AFB8;}
header .global-nav > li > ul{
position: absolute;
width: 13em;
height: 0;
left: 0;
top: 6em;
overflow: hidden;
margin:0;
}
header .global-nav > li:hover > ul{
overflow: visible;
min-width: 13em;
width: auto;
height: auto;
padding: 1.7rem .714rem;
border-radius: .714rem;
background-color: #D8D2CC;
box-shadow: 0 0 .285rem rgba(0, 0, 0, 0.25);
display: flex;
justify-content: center;
flex-direction: column;
font-weight: bold;
}
header .global-nav > li > ul > li {
margin: 0;
font-size: 1em;
list-style-type: none;
text-align: center;
padding: 0;
}
header .global-nav > li > ul > li a{
width: 100%;
height: 100%;
padding: .7em .5em;
display: inline-block;
text-decoration: none;
color: #261204;
}
header .global-nav > li > ul > li a:hover{color: #00AFB8;}
#mamoone header .global-nav li.contact a{background-color: #00AFB8;color: #FFF;	}
#mamoone header .global-nav li.contact a:hover{background-color: #97CDD0;color: #FFF;}
#mamoone header .global-nav > li > a,#mamoone header .global-nav > li > span{color: #261204;}
#mamoone header .global-nav > li > a:hover,#mamoone header .global-nav > li > a:active,#mamoone header .global-nav > li > a.current,
#mamoone header .global-nav > li > span:hover,#mamoone header .global-nav > li > span:active,#mamoone header .global-nav > li > span.current{color: #00AFB8;}
#mamoone header .global-nav > li:hover > ul{min-width: 13em;background-color: #FFFDFD;}
#mamoone header .global-nav > li > ul > li a{color: #101010;	}
#mamoone header .global-nav > li > ul > li a:hover{color: #00AFB8;}
.vacant{height: 6em;}
.link-container{padding-top: 6em;	margin-top: -6em;	}
.container{padding-top: 6.64em;padding-bottom: 4.7em;}
}  #foot-cta{color: #fff; text-align: right;}
#foot-cta p{
font-size: 1.143em;
font-weight: bold;
line-height: 1.5;
}
#foot-cta .btn_contact a{font-size: 1.143em;}
@media (min-width: 768px){
#foot-cta .wrap{
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
justify-content: flex-end;
-ms-align-items: center;
align-items: center;
}
#foot-cta p,#foot-cta .btn_contact a{font-size: 1.714rem;}
#foot-cta p{margin-right: 1.5em;}
}
@media (min-width: 960px){
#foot-cta p{font-size: 1.714rem;margin-right: 1.5em;}
}
footer{
background-color: #D8D2CC;
padding-top: 3.6rem;
padding-bottom: 3.6rem;
}
footer ul{
list-style-type: none;
padding-left: 0;
}
footer,footer a{
color: #261204;
text-decoration: none;
}
footer a:hover{	color: #00AFB8;}
footer a:hover img{	opacity: .8;}
footer .site-map{margin-bottom: 2em;}
footer .site-map > ul > li{font-size: 1.143em; margin-bottom: 2rem;font-weight: 700;}
footer .site-map > ul > li > ul{
font-weight: 400;
font-size: .714rem;
margin-top: .857rem;
display: flex;
flex-wrap: wrap;
}
footer .site-map > ul > li > ul > li::after{content:"|";}
footer .site-map > ul > li > ul > li:last-child::after{content:"";}
footer .site-map > ul > li > ul > li a{	padding: 0 2em;}
footer .site-map > ul > li > ul > li:first-child a{padding-left: 0;}
footer .site-map a i{	font-size: .7em;padding-left: .5em;}
footer .foot .btn_TDHD a{
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: .857rem;
line-height: normal;
font-weight: bold;
background-color: #261204;
color: #fff;
padding: .2em 1.3em;
transition: all .5s;
}
footer .foot .btn_TDHD a::after{
font-family: "Font awesome 6 Free";
content:"\f08e";
font-weight: bold;
padding-left: 1em;
}
footer .foot .btn_TDHD a:hover{
color: #261204;
background-color: #fff;
}
footer .foot .sns-list{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
footer .foot .sns-list a{
display: inline-block;
width: 1.8em;
height: 1.8em;
margin-right: 1rem;
}
footer .foot .sns-list a img{width: 100%;}
footer .add a{
display: inline-block;
width: 12em;
margin-bottom: 1em;
}
footer .add a img{width: 100%;}
footer .add p{
margin: 0;
font-size: .857em;
line-height: 1.1;
}
footer p.copy{
font-size: .857em;
color: #939399;
font-weight: bold;
margin-top: 2rem;
}
#mamoone footer{	background-color: #261204;}
#mamoone footer,#mamoone footer a{color: #D8D2CC;}
#mamoone footer a:hover{color: #00AFB8;}
#mamoone footer .foot .btn_TDHD a{background-color: #d8d2cc; color: #1B0D03;}
#mamoone footer .foot .btn_TDHD a:hover{ color: #261204;background-color: #fff;}
@media (min-width: 768px){
footer .site-map > ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
footer .site-map > ul > li{width: 30%;}
footer .site-map > ul > li > ul{display: block;}
footer .site-map > ul > li > ul > li{margin-bottom: .5em;}
footer .site-map > ul > li > ul > li::after{content:"";}
footer .site-map > ul > li > ul > li a{	padding: .5em 0;}
footer p.copy{margin-top: 0;text-align: right;}
}
@media (min-width: 960px){
footer .wrap{display: flex;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap;}
footer .site-map{width: 55%;display: flex;}
footer .site-map > ul{display: block;	width: 50%;}
footer .site-map > ul > li{font-size: 1.143em;width: 100%;}
footer .site-map > ul > li > ul{font-size: .857em;}
footer .foot{width: 30%;}
footer p.copy{width: 100%;text-align: left;margin: 0;}
}
@media (min-width: 1920px) {
footer .out-wrap .wrap{width: 100%;}
footer .site-map{width: 78.17%;}
footer .site-map > ul{display: flex;width: auto;}
footer .site-map > ul > li{width: 14rem;}
footer .foot{width: 20%;}
}   .hero{width: 100%;min-height: 100svh;position: relative;background-color: #261204;color: #fff;}
img.header-logo{width: 6rem;} .header-wrap{display: flex;-ms-align-items: center;align-items: center;}
#top-hero.hero{z-index: 0;color: #FFFFFF;background-color: #261204;}
#top-hero .main-image{width: 58.72%;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%)}
#top-hero .main-image img{width: 100%;}
#top-hero .scrolldown{width: 10.09%;position: absolute;bottom: 2em;left: 50%;transform: translateX(-50%);}
#top-hero .scrolldown img{width: 100%;
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
#top-menu nav{display: flex;justify-content: center;width: 100%;height: 100svh;}
#top-menu nav .card{width: 50%;position: relative;}
#top-menu nav .card a{width: 100%;height: 100%;text-decoration: none;display: flex;-ms-align-items: center;align-items: center;}
#top-menu nav .card a:hover,#top-menu nav .card a:hover img{opacity: .7;}
#top-menu nav .card a div{width: calc(91.2% - 1em);}
#top-menu nav .card a .image,#top-menu nav .card a img{display: block;width: 100%;}
#top-menu nav .card a p{font-size: 1.143rem;font-weight: 700;height: 8em;}
#top-menu nav .card a p.sub{height: 2em;display: inline-block;line-height: 1;margin: 0;padding: .5em;border: .06em solid #000;}
#top-menu nav .card a h2{margin: 2rem 0;}
#top-menu nav .card.one a{background-color: #d8d2cc;color: #1B0D03;padding-right: 1em;justify-content: flex-end;text-align: right;}
#top-menu nav .card.ship a{background-color: #261204;color: #fff;padding-left: 1em;}
#top-menu nav .card.one a p.sub{border-color: #1b0d03;}
#top-menu nav .card.ship a p.sub{border-color: #fff;}
@media (min-width: 768px){
img.header-logo{width: 7.78rem;}
#top-hero .main-image{width: 41.3%;}
#top-hero .scrolldown{width: 8.2%;}
#top-menu nav .card.one a{padding-right: 2em;}
#top-menu nav .card.ship a{padding-left: 2em;}
#top-menu nav .card a h2{width: 85%;}
#top-menu nav .card.one a h2{margin-left: auto;margin-right: 0;}
#top-menu nav .card a p{font-size: 1.429rem;}
#top-menu nav .card a p.sub{font-size: 1.143rem;}
#top-menu nav .card a .image{width: 90%;}
#top-menu nav .card.one a .image{margin-left: auto;margin-right: 0;}
}
@media (min-width: 960px){
#top-hero .main-image{width: 19rem;}
#top-hero .scrolldown{width: 3.85rem;}
#top-menu nav .card.one a{padding-right: 13.5em;}
#top-menu nav .card.ship a{padding-left: 13.5em;}
#top-menu nav .card a div{width: 22rem;}
}   #one-hero.hero{background-color: #d8d2cc;color: #261204;}
.hero-wrap{width: 87.5%;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.hero-wrap .mamo-image{display: none;}
.hero-wrap p{font-size: 1.143rem;font-weight: 700;height: 8em;}
.hero-wrap p.sub{height: 2em;display: inline-block;line-height: 1;margin: 0;padding: .5em;border: .06em solid #000;}
#ship-hero .hero-wrap p.sub{border-color: #FFFFFF;}
#one-hero .hero-wrap p.sub{border-color: #261204;}
.hero-wrap h1{width: 17rem;margin: 2rem auto;}
.hero-wrap h1 img{display: block;width: 100%;}
.hero-wrap .main .image{width: 76.45%;margin: 0 auto;}
.hero-wrap .main .image img{width: 100%;}
@media (min-width: 768px) {
.hero-wrap{width: 93.55%;display: flex;justify-content: center;-ms-align-items: stretch;	align-items: stretch;}
#ship-hero .hero-wrap{text-align: left;}
#one-hero .hero-wrap{text-align: right;flex-direction: row-reverse;}
.hero-wrap h1{margin: 2rem 0;}
#one-hero .hero-wrap h1{margin: 2rem 0 2rem auto;}
.hero-wrap .mamo-image{width: 50%;display:flex;justify-content: center;-ms-align-items: center;	align-items: center;}
.hero-wrap .mamo-image img{width: 48%;height: auto;display: block;}
.hero-wrap .main{width: 50%;}
.hero-wrap p{font-size: 1.429rem;}
.hero-wrap p.sub{font-size: 1.143rem;}
#ship-hero .hero-wrap .main .image{margin-left: .857em;}
#one-hero .hero-wrap .main .image{margin-right: .857em;}
}
@media (min-width: 960px) {
.hero-wrap{width: 84.37%;}
.hero-wrap .mamo-image img{width: 15.2em;}
.hero-wrap h1{width: 18.7rem;}
.hero-wrap .main .image{width: 19.28em;}
#ship-hero .hero-wrap .mamo-image{justify-content: flex-end;padding-right: 4.6em;}
#ship-hero .hero-wrap .main{padding-left: 7.857em;}
#ship-hero .hero-wrap .main .image{margin-left: .857em;}
#one-hero .hero-wrap .mamo-image{justify-content: flex-start;padding-left: 4.6em;}
#one-hero .hero-wrap .main{padding-right: 7.857em;}
#one-hero .hero-wrap .main .image{margin-right: .857em;}
}
h2.title{font-size: 1.714rem;text-align: center;position: relative;padding-bottom: 2.28rem;margin-top: 1em;margin-bottom: 2em;}
h2.title::after{position: absolute;display: block;content:"";width: 14.3rem;background-color: #261204;height: 0.1rem;bottom: 0;left: 50%;transform: translateX(-50%);}
h2.title.c-white::after{background-color: #fff;}
h2.title.c-beige::after{background-color: #D8D2CC;}
h2.title.c-dwhite::after{background-color: #FFFDFD;}
@media (min-width: 768px){
h2.title{font-size: 2.571rem;}
} .hr-image{width: 100%;}
.hr-image img{display: block;width: 100%;}
#ship-charm h2{font-size: 1.714rem;line-height: 1.8;}
#ship-charm p.c-white{font-size: 1.143rem;line-height: 1.7;font-weight: 700;}
.ship-charm-tab{margin: 3em 0;}
.ship-charm-tab ul {
margin: 0 -.571rem;
padding: 0;
list-style: none;
display: flex;
}
.ship-charm-tab ul li {
width: 100%;
padding:2rem .57rem 1.2rem;
margin: 1.143rem .571rem;
color: #261204;
background-color: #d8d2cc;
border-radius: .2rem;
opacity: .3;
}
.ship-charm-tab ul li p.tab-title{margin: 0;font-size: .857rem;text-align: center;font-weight: bold;}
.ship-charm-tab ul li .image{width: 4rem;margin: auto;}
.ship-charm-tab ul li .image img{width: 100%;}
.ship-charm-tab ul li.selected {opacity: 1;}
.ship-charm-tab .tab-content {
display: none;
color: #261204;
background-color: #d8d2cc;
border-radius: .2rem;
padding: 3rem 2.8rem 5rem;
}
.ship-charm-tab .tab-content h3{
color: #00afb8;
font-size: 1.714rem;
line-height: 1.8;
}
.ship-charm-tab .tab-content .image{width: 100%;}
.ship-charm-tab .tab-content .image img{width: 100%;}
.ship-charm-tab .tab-content.selected {display: block;}
#ship-charm .btn_rounded-corners a{font-size: 1.714rem;padding: .7em 2em;line-height: 1;}
@media (min-width: 768px) {
.ship-charm-tab ul{margin: 0 -1rem;}
.ship-charm-tab ul li{margin: 2rem 1rem;padding:.5rem .57rem 1.2rem;}
.ship-charm-tab ul li p.tab-title{font-size: 1.714rem;}
.ship-charm-tab .tab-content {padding: 5rem 2.8rem 3.25rem;}
.ship-charm-tab .tab-content h3{font-size: 2.57rem;	line-height: 1.5;}
.ship-charm-tab .tab-content .image{width: 65%;margin: 3rem auto 0;}
}
@media (min-width: 960px){
.ship-charm-tab ul li{padding:1.2rem .57rem;display: flex;justify-content: center;-ms-align-items: center;align-items: center;flex-direction: row-reverse;}
.ship-charm-tab ul li p.tab-title{text-align: right;}
.ship-charm-tab ul li .image{width: 5.5rem;margin: 0 0 0 3.35rem;}
.ship-charm-tab .tab-content {padding: 6rem 1rem 4.8rem 6.7rem;}
.ship-charm-tab .tab-content .content{display: flex;justify-content: space-between;}
.ship-charm-tab .tab-content .text{width: 60%;}
.ship-charm-tab .tab-content .image{width: 40%;margin: 0;}
}
#ship-to-detail h3{font-size: 1.714rem;line-height: 1.8;text-align: center;}
#ship-to-detail .btn_rounded-corners.type02 a{font-size: 1.143em;padding: .5rem 3.5rem;}
.set-image{width: 100%;margin: 0 auto;}
.set-image img{width: 100%;}
#ship-to-detail .btn_rounded-corners a{font-size: 1.714em;padding: .9rem 4rem;}
@media (min-width: 768px){
#ship-to-detail p{text-align: center;font-size: 1.143em;font-weight: 700;}
}
@media (min-width: 960px){
.set-image{width: 70%;margin: 5em auto 3rem;}
}
#top-news{color: #FFFFFF;}
#top-news h2{font-size: 1.714rem;}
#top-news .news-list{
width: 100%;
margin: 2em auto;
}
#top-news .news-list dl{
position: relative;
padding: .1rem 2.5rem 1rem .2rem;
margin-bottom: 1rem;
border-bottom: .07rem solid #FFFFFF;
}
#top-news .news-list dl::after{
font-family: "Font awesome 6 Free";
content:"\f054";
font-size: 1.4em;
font-weight: bold;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
#top-news .news-list dt,#top-news .news-list dd{
margin-left: 1rem;
}
#top-news .news-list dt{
font-size: .857rem;
line-height: 1.5;
font-weight: bold;
}
#top-news .news-list dd a{
display: inline-block;
width: 100%;
text-decoration: none;
line-height: 1.7;
color: #FFFFFF;
border-radius: .14rem;
position: relative;
}
#top-news .news-list dd a:hover{	background-color: #BBB5AE;}
#top-news .btn_rounded-corners a{;padding: .9rem 4rem;}
@media (min-width: 768px){
#top-news .news-list dl{
display: flex;
-ms-align-items: center;
align-items: center;
padding: .2rem;
margin-bottom: 0;
}
#top-news .news-list dt,#top-news .news-list dd{margin-left: 0;}
#top-news .news-list dt{width: 8.857rem;text-align: center;	}
#top-news .news-list dd{width: calc(100% - 8.857rem);}
#top-news .news-list dd a{padding: 1rem 2.5rem 1rem 1rem;}
}
@media (min-width: 960px){
#top-news .news-list{width: 61.94%;}
#top-news .btn_rounded-corners{width: 61.94%; margin: auto;}
}
#top-faqs h2{font-size: 1.714rem;line-height: 1.3;}
#top-faqs h2 span{font-size: .714rem;}
.top-faqs-list .item{	width: 100%;margin: 3rem auto;}
.top-faqs-list .item a{
width: 100%;
height: 9em;
padding: 1.8em;
background-color: #fffdfc;
box-shadow: .285rem .285rem .285rem rgba(0, 0, 0, 0.25);
border-radius: .2rem;
text-decoration: none;
color: #515151;
display: flex;
-ms-align-items: center;
align-items: center;
transition: all .5s;
font-weight: bold;
}
.top-faqs-list .item a .icon{	width: 2.14em;margin-right: 2.14em;}
.top-faqs-list .item a .icon img{width: 100%;}
.top-faqs-list .item a .question{width: calc(100% - 4.28em);}
.top-faqs-list .item a:hover{margin-top: -2em;}
.top-faqs-list .item a:active{margin-top: 0;}
@media (min-width: 768px){
.top-faqs-list{	width: 46.98%;margin: 3rem auto;}
}
@media (min-width: 960px){
.top-faqs-list{
width: 100%;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.top-faqs-list .item{	width: 30%;font-size: 1em;}
.top-faqs-list .item a .icon{margin-right: 2.14em;}
.top-faqs-list .item a .question{width: calc(100% - 4.28em);}
} #one-overview h3{text-align: center;font-size: 1.143rem;line-height: 1.7;}
#one-overview p{text-align: center;}
#one-overview .video-wrap{width: 100%;margin: 3rem auto;}
@media (min-width: 768px){
#one-overview h3{font-size: 1.714rem;line-height: 1.8;}
#one-overview .video-wrap{width: 89.75%;}
}
@media (min-width: 960px){
#one-overview .video-wrap{width: 62.13%;}
}
.plan-pricing p.plan-title{font-size: 1.428rem;border: .07rem solid #261204;border-radius:.14rem ; text-align: center;}
.plan-pricing dl.price{display: flex;justify-content: center;align-items: baseline;}
.plan-pricing dl.price dt{font-size: 1.143rem;text-align: right;font-weight: 700;}
.plan-pricing dl.price dd{margin-left: 0;}
.plan-pricing dl.price dd b{font-family: "Gill Sans MT";font-size: 3.4rem;}
.plan-pricing dl.price + p{margin: 0;}
.plan-container .plan-pricing{color: #fff;margin-bottom: 3rem;}
.plan-container .plan-pricing p.plan-title{border-color: #FFFFFF;}
.plan-container .plan-pricing dl.price{flex-direction: column;align-items: center;}
.plan-container .plan-pricing dl.price dt,.plan-container .plan-pricing dl.price dd span{padding-left: .2rem;padding-right: .2rem;}
.note-wrap{border: .07rem solid #261204;border-radius:.14rem ;padding: 2.5rem 1.7rem;margin: 3rem auto;}
.note-wrap.frame-white{border-color: #fff;}
@media (min-width: 768px){
.plan-pricing p.plan-title{width: 29rem;margin: auto;}
.note-wrap{padding: 2.5rem 4rem;}
.plan-container .plan-pricing dl.price{flex-direction: row;align-items: baseline;}
}
@media (min-width: 960px){
.note-wrap{width: 60rem;padding: 2.5rem 11rem;}
.plan-container{display: flex;justify-content: space-evenly;margin-bottom: 5rem;}
.plan-container .plan-pricing{width: 63%;}
}
.step-item {margin-bottom: 5rem;}
.step-item dd{margin-left: 0;}
.step-item dt,.step-item dd h3{font-family: "Gill Sans MT";font-size: 1.78rem;line-height: 1.5;font-weight: 700;}
.step-item dd h4{font-size: 1.143rem;font-weight: 700;}
.step-item dd img{width: 60%;}
.step-item .image{margin: 1rem auto;}
@media (min-width: 960px){
.step-item {display: flex;justify-content: space-between;-ms-align-items: center;	align-items: center;margin-bottom: 7rem;}
.step-item dl{width: 50%;}
.step-item .image{margin: 0;width: 50%;}
}
.forte-container > div{padding-top: 2rem;padding-bottom: 2rem;}
.forte-container .screen-image{padding: 2rem 1rem;}
.forte-container .forte-item {margin-bottom: 2rem;}
.forte-container .forte-item dt{display: flex;align-items: center;margin-bottom: 1rem;}
.forte-container .forte-item dt .icon{display: flex;justify-content: center;align-items: center;}
.forte-container .forte-item dt .icon img{width: 3.62rem;height: 3.62rem;}
.forte-container .forte-item h3{font-size: 1.714rem;margin-bottom: 0;margin-left: 1rem;}
.forte-container .forte-item dd{margin-left: 0;}
.forte-container .forte-item .icons{display: flex;flex-wrap: wrap;margin-left: -.5rem;margin-top: 1rem;margin-bottom: 1rem;}
.forte-container .forte-item .icons img{display: block;width: calc(100% / 3);height: auto;padding:.5rem; }
.forte-container .forte-item .image{position: relative;width: 100%;height: 0;padding-bottom: 58.33%;overflow: hidden;}
.forte-container .forte-item .image img{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@media (min-width: 768px){
.forte-container > div{display: flex;justify-content: space-between;align-items: center;}
.forte-container .screen-image{padding: 0;width: 40%;}
.forte-container .discription{width: 48%;}
.forte-container .forte-item .icons{width: 90%;}
.forte-container .forte-item.forte01,.forte-container .forte-item.forte03{margin-bottom: 5rem;}
.forte-container .forte-item.forte01 .icons,.forte-container .forte-item.forte02 .icons,.forte-container .forte-item.forte03 dd{position: relative;}
.forte-container .forte-item.forte01 .icons::before,.forte-container .forte-item.forte01 .icons::after,.forte-container .forte-item.forte02 .icons::before,.forte-container .forte-item.forte03 dd::before{position: absolute;display: block;content:"";background-color: #BBBBBB;}
.forte-container .forte-item.forte01 .icons::before{top: 2rem;left: -18rem;width: 18rem;height: 9rem;clip-path: polygon(0% 0%,100% 0%,100% .1rem,.1rem .1rem,.1rem 100%,0% 100%);}
.forte-container .forte-item.forte01 .icons::after{top: 8rem;left: -8rem;width: 8rem;height: 30rem;clip-path: polygon(100% 0%, 70% 0%, 70% calc(100% - .1rem),0% calc(100% - .1rem),0% 100%,calc(70% + .1rem) 100%,calc(70% + .1rem) .1rem,100% .1rem);}
.forte-container .forte-item.forte02 .icons::before{bottom: 9rem;left: -10rem;width: 10rem;height: 31rem;clip-path: polygon(0% 0%,.1rem 0%,.1rem calc(100% - .1rem),100% calc(100% - .1rem),100% 100%,0% 100%);}
.forte-container .forte-item.forte03 dd::before{top: 6rem;left: -11.5rem;width: 11rem;height: 17rem;clip-path: polygon(0% 0%,100% 0%,100% .1rem,.1rem .1rem,.1rem 100%,0% 100%);}
}
@media (min-width: 960px){
.browser-image{width: 80%;margin: auto;}
.forte-container > div{display: block;position: relative;}
.forte-container .screen-image{position: absolute;width: 13.5rem;left: 50%;}
.forte-container .no01 .screen-image{transform: translate(-103%, 100%);}
.forte-container .no02 .screen-image{transform: translate(3%, -87%);}
.forte-container .discription{width: 100%; display: flex;justify-content: space-between;}
.forte-container .forte-item{width: 22rem;}
.forte-container .forte-item .icons{width: 100%;}
.forte-container .forte-item .image{padding-bottom: 66.66%;}
.forte-container .forte-item.forte01,.forte-container .forte-item.forte03{margin-bottom: 3.45rem;}
.forte-container .forte-item.forte01 .icons{justify-content: flex-end;}
.forte-container .forte-item.forte01 .icons::before{top: 2rem;left: auto;right: -5rem;width: 5rem;height: 19rem;clip-path: polygon(0 0, 50% 0, 50% calc(100% - .1rem), 100% calc(100% - .1rem), 100% 100%, calc(50% - .1rem) 100%, calc(50% - .1rem) .1rem, 0 .1rem);}
.forte-container .forte-item.forte01 .icons::after{top: 8rem;left: auto;right: -5rem;width: 5rem;height: 28rem;clip-path: polygon(0 0, 30% 0, 30% calc(100% - .1rem), 100% calc(100% - .1rem), 100% 100%, calc(30% - .1rem) 100%, calc(30% - .1rem) .1rem, 0 .1rem);}
.forte-container .forte-item.forte02 .icons::before{bottom: auto;top: 2rem; left: -20rem;width: 20rem;height: 16rem;clip-path: polygon(0 0,100% 0,100% .1rem,.1rem .1rem,.1rem 100%,0 100%);}
.forte-container .forte-item.forte03 dd::before{top: -18rem;left: auto;right: -26rem;width: 25.5rem;height: 24rem;clip-path: polygon(0 calc(100% - .1rem),calc(100% - .1rem) calc(100% - .1rem),calc(100% - .1rem) 0,100% 0%,100% 100%,0 100%);}
}
#switchbot {padding-top: 1rem;padding-bottom: 1rem;}
#switchbot div.bg-dwhite{margin-top: 3rem;margin-bottom: 1rem;padding: 2rem 1.725rem;border-radius:.14rem ;}
#switchbot p.c-cblue{font-size: .857rem;margin: 0;line-height:1.7;text-align:center;}
#switchbot h3{font-size: 1.143rem;line-height:1.7;text-align:center;}
#switchbot .link-list .item{margin-bottom: 1rem;}
#switchbot .link-list .item a{display: flex;justify-content: space-between;border-radius:.14rem ;background-color: #fffdfc;color: #261204;text-decoration: none;}
#switchbot .link-list .item a dl{width:56%;padding: 1rem .6rem;}
#switchbot .link-list .item a dt{font-weight: bold;font-size: 1.05rem;text-align: right;}
#switchbot .link-list .item a dd{margin-left: 0;text-align: center;}
#switchbot .link-list .item a .image{width: 38%;height: 7.5rem;overflow: hidden;position: relative;}
#switchbot .link-list .item a .image img{height: 101%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@media (min-width: 768px){
#switchbot div.bg-dwhite{margin-bottom: 1.5rem;padding: 2rem 4rem;}
#switchbot .link-list{display: flex;justify-content: space-between;align-items: stretch;}
#switchbot .link-list .item{width: calc(33.33% - 1rem);}
#switchbot .link-list .item a{flex-direction: column;height: 100%;}
#switchbot .link-list .item a dl{width: 100%;}
#switchbot .link-list .item a dt{text-align: center;}
#switchbot .link-list .item a .image{width: 70%;height: 0;padding-bottom: 70%;margin:0 auto 2rem;}
}
@media (min-width: 960px){
#switchbot div.bg-dwhite{margin-bottom: 1.5rem;padding: 2rem 4rem;}
#switchbot p.c-cblue{font-size: 1.143rem;}
#switchbot h3{font-size: 1.714rem;}
#switchbot .link-list .item a .image{width: 65%;padding-bottom: 38%;}
}
.flow{margin-bottom: 3rem;}
.flow .item .number{width: 4.7em;margin: 1rem auto;position: relative;}
.flow .item img{width: 100%;position: relative;}
.flow .item dt{font-size: 1.143rem;font-weight: bold;text-align: center;background-color: #D8D2CC;position: relative;}
.flow .item dd{background-color: #D8D2CC;margin: 1rem 0;position: relative;}
.flow .item .image{width: 13.57rem;margin: auto;}
@media (min-width: 768px){
.flow{display: flex;justify-content: space-between;flex-wrap: wrap; padding: 1rem;}
.flow .item{width: 17.857rem;position: relative;}
.flow .item .number::before{position: absolute;display: block;content:"";height: 0;border-top: .5rem dotted #FFFDFC;}
.flow .item.flow01 .number::before,.flow .item.flow03 .number::before{top: 50%;left: 4.7rem;width: 21rem;transform: translateY(-50%);}
.flow .item.flow02 .number::before{top: 20rem;left: -31.3rem;width: 41rem;transform: rotate(126deg);}
.flow .item.flow04 .number::before{display: none;}
.flow .item .number::after{position: absolute;display: block;content:"";width: 1.714rem;height: 2.143rem;background-color: #FFFDFC;clip-path: polygon(100% 50%, 0 0, 0 100%);}
.flow .item.flow01 .number::after,.flow .item.flow03 .number::after{top: 50%;left: 15rem;transform: translateY(-50%);}
.flow .item.flow02 .number::after{top: 20rem;left: -12.3rem;transform: rotate(126deg);}
.flow .item.flow04 .number::after{display: none;}
}
@media (min-width: 960px){
.flow .item{width: 13.57rem;}
.flow .item.flow01 .number::before,.flow .item.flow02 .number::before,.flow .item.flow03 .number::before{top: 50%;left: 4.7rem;width: 16rem;transform: translateY(-50%);}
.flow .item.flow01 .number::after,.flow .item.flow02 .number::after,.flow .item.flow03 .number::after{top: 50%;left: auto;right: -180%;transform: translateY(-50%);}
}
#trial-title > div{padding: 3rem 0;position: relative;}
#trial-title > div::before{position: absolute;display: block;content:"";width: 2rem;height: 1rem;background-color: #d8d2cc;clip-path: polygon(0 0, 100% 0, 80% 20%, 65% 45%, 54% 75%, 50% 100%, 46% 75%, 35% 45%, 20% 20%);top: 0;left: 50%;transform: translateX(-50%);}
#trial-title p{text-align: center;font-size: .857rem;margin-bottom: .5rem;}
#trial-title h2{text-align: center;font-size: 1.429rem;}
#trial-title h2 span{position: relative;}
#trial-title h2 span::before,#trial-title h2 span::after{position: absolute;display: block;content:"";width: 1.6rem;height: 3rem;background-position: center;background-size: contain; background-repeat: no-repeat;bottom: -.2rem;}
#trial-title h2 span::before{background-image: url(https://mamoruno.zipcare.co.jp/image/trial-title-decoration-l.svg);left: -2rem;}
#trial-title h2 span::after{background-image: url(https://mamoruno.zipcare.co.jp/image/trial-title-decoration-r.svg);right: -2rem;}
#trial-content .worry-card{position: relative;margin-bottom: 3rem;}
#trial-content .worry-card p{font-size: 1.143rem;font-weight: bold;padding: 1.286rem 2rem;background-color: #00AFB8;border-radius: .714rem;position: relative;}
#trial-content .worry-card p::before{position: absolute;display: block;content: ""; width: 1.1rem;height: 1.1rem;background-color: #00afb8;top: 1.286rem;}
#trial-content .worry-card.worry01 p::before{clip-path: polygon(0 50%, 100% 100%, 100% 0);left: -1rem;}
#trial-content .worry-card.worry02 p::before{clip-path: polygon(100% 50%, 0 100%, 0 0);right: -1rem;}
#trial-content .worry-card .image{position: absolute;width: 7rem;}
#trial-content .worry-card .image img{width: 100%;}
#trial-content .worry-card.worry01{padding-left: 7rem;}
#trial-content .worry-card.worry01 .image{top: -1rem;left: 0;}
#trial-content .worry-card.worry02{padding-right: 6rem;}
#trial-content .worry-card.worry02 .image{top: 0;right: 0;}
#trial-content p.c-white{font-size: 1.143rem;font-weight: bold;}
#trial-content p span.c-cblue{font-size: 1.429rem;line-height: 2;}
#trial-content .supporter-card p{position: relative;padding: 2.857rem 2.714rem;background-color: #00afb8;border-radius: .1rem;font-size: .1.143rem;font-weight: bold;color: #fff;margin-bottom: 2rem;}
#trial-content .supporter-card p::before{position: absolute;display: block;content:"";width: 2rem;height: 1rem;background-color: #00afb8;clip-path: polygon(0 0, 100% 0, 80% 20%, 65% 45%, 54% 75%, 50% 100%, 46% 75%, 35% 45%, 20% 20%);bottom: -.999rem;left: 50%;transform: translateX(-50%);}
#trial-content .supporter-card .image{width: 20rem;margin: auto;}
#trial-content .supporter-card .image img{width: 100%;}
.contact-links .item p,.contact-links .item ul,.contact-links .item > .d-f{font-size: .857rem;font-weight: bold;margin: 0 auto;}
.contact-links .item > p,.contact-links .item ul,.contact-links .item > .d-f{width: calc(100% - 2rem);}
.contact-links .item:first-child p{margin-bottom: .7rem;text-align: center;}
.contact-links .btn_rounded-corners{padding-bottom: 1rem;}
.contact-links .btn_rounded-corners a{border: .1rem solid #00afb8;background-color: #fff;color: #00afb8;width: 100%;padding: .7rem;text-align: center;}
.contact-links .btn_rounded-corners a i.icon{font-size: 2rem;padding-right: .5rem;vertical-align: middle;}
.contact-links .btn_rounded-corners a:hover{border: .1rem solid #97CDD0;background-color: #97CDD0;color: #fff;}
@media (min-width: 768px){
#trial-title > div::before{width: 3rem;height: 1.5rem;}
#trial-title p{font-size: 1.143rem;}
#trial-title h2{font-size: 2.571rem;}
#trial-title h2 span::before,#trial-title h2 span::after{width: 2.857rem;height: 4.857rem;}
#trial-title h2 span::before{left: -4rem;}
#trial-title h2 span::after{right: -4rem;}
#trial-content .worry-card{width: 46rem;margin:1rem auto;}
#trial-content .worry-card.worry01,#trial-content .worry-card.worry02{padding: 0 10rem;}
#trial-content .worry-card.worry02{margin-bottom: 5rem;}
#trial-content .worry-card p::before{top: 50%;transform: translateY(-50%);}
#trial-content .worry-card .image{width: 10rem;}
#trial-content .worry-card .image img{width: 100%;}
#trial-content .worry-card.worry02 .image{top: -6rem;}
#trial-content p.c-white{font-size: 1.714rem;}
#trial-content p span.c-cblue{font-size: 2.571rem;}
#trial-content .supporter-card p{font-size: 1.714rem;text-align: center;}
.contact-links{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 5rem;}
.contact-links .item{width: 48%;}
}
@media (min-width: 960px){
#trial-content .worry-card{width: 58rem;}
#trial-content .worry-card .image{width: 12rem;}
#trial-content .worry-card.worry01,#trial-content .worry-card.worry02{padding: 0 12rem;}
#trial-content .supporter-card p{width: 49rem;margin: 4rem auto 2rem;}
#trial-content .supporter-card .image{margin-bottom: 5rem;}
.contact-links .item{width: 28.8%;}
}
.important-points .item{background-color: #d8d2cc;border-radius: .14rem;padding: 1.714rem 2.286rem 2.286rem;margin-bottom: 2.286rem;}
.important-points .item h3{font-size: 1.714rem;margin-bottom: .857rem;}
.scroll-ttb{
box-sizing: border-box;
padding: 1em;
margin-bottom: 2em;
height: 30vh;
overflow-y: scroll;
border: 0.06em solid #dcdcdc;
border-radius: 0.1em;
font-size: .8em;
}
div.terms dl dd{margin-left: 1em;}
div.terms ol{padding-left: 1em;}
ol.in-brackets{
list-style: none;
counter-reset: number;
padding-left: 2em;
}
ol.in-brackets li::before {
counter-increment: number;
content: '('counter(number)')';
margin-left: -2em;
margin-right: .5em;
}
ol.katakana { list-style-type: katakana; }
ol.katakana li::before{content:"";margin-left: 0;margin-right: 0;}
#offer input[type="checkbox"]{width:1em; height:1em;}
#offer .link-btn a{
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: 1.714rem;
line-height: normal;
font-weight: bold;
background-color: #00AFB8;
color: #fff;
padding: .66em 1.33em;
transition: all .5s;
}
#offer .link-btn a:hover{	background-color: #97CDD0;color: #FFFFFF;}
#offer .link-btn a.none{pointer-events: none;background-color: #97CDD0;}
#offer a.tel{text-decoration: none;;color: #261204;font-size: 3.35rem;font-weight: bold;}
@media (min-width: 768px){
.important-points {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;margin-bottom: 3rem;}
.important-points .item{width: 100%;}
.important-points .item:first-child,.important-points .item:nth-child(2){width: 47.2%;}
#offer ul.note{width: 60%; margin: auto;}
}
@media (min-width: 960px){
.important-points .item:first-child,.important-points .item:nth-child(2){width: 48.5%;}
.important-points .item:nth-child(5),.important-points .item:nth-child(6),.important-points .item:nth-child(7){width: 31.358%;}
#offer a.tel{pointer-events: none;}
} div.trading{
padding: 1rem 2rem;
background-color: #fff;
border-radius: .14rem;
margin: auto;
}
div.trading dl{font-size: .875rem;padding-bottom: 1em;border-bottom: .1rem solid #261204;margin-bottom: 1em;}
div.trading dt{font-weight: bold;}
div.trading dd{margin-left: 1em;}
@media (min-width: 768px){
div.trading dl{display: flex;}
div.trading dt{width: 10em;}
div.trading dd{width: calc(100% - 11em);}
}
@media (min-width: 960px){
div.trading{width: 70%;}
}   .child-hero{width: 100%;position: relative;background-color: #261204;color: #fff;padding-top: .1rem;padding-bottom: .1rem;}
.child-hero .wrap h1{font-size: 1.714rem;margin-bottom: 0;} ul.breadcrumb{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding-left: 0;
margin: 1rem 0 3rem;
color: #FFFFFF;
font-size: .75rem;
list-style-type: none;
}
ul.breadcrumb li{	padding: 0.2em;padding-right: 0.6em;}
ul.breadcrumb li a{	color: #FFFFFF;text-decoration: underline;}
ul.breadcrumb li a:hover{color: #D9D9D9;}
ul.breadcrumb li::after{content: ">";padding-left: 0.6em;}
ul.breadcrumb li:last-child::after{	content: "";}
@media (min-width: 768px){
.child-hero .wrap h1{font-size: 2.857rem;margin-bottom: 2.285rem;}
} .detail-hero h2{font-size: 1.143rem;}
.detail-hero .set-image{padding: 4rem 0;}
@media (min-width: 768px){
.detail-hero {margin-top: -2.285rem;padding-bottom: 2rem;}
.detail-hero h2{font-size: 1.714rem;}
.detail-hero .set-image{padding: 6rem 0;}
}
.slider .case-card{width: 20.57rem;padding-top: 1.714rem;padding-bottom: 1.714rem;border-radius: .14rem;}
.slider .case-card .image{width: 83.33%;height: 0;padding-bottom: 51.173%;margin: 0 auto 1.143rem;position: relative;overflow: hidden;}
.slider .case-card .image img{position: absolute;display: block;height: 101%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.slider .case-card p{text-align: center;margin-top: 0;margin-bottom: 1.143rem;padding: 0 .2rem;font-size: 1.143rem;font-weight: bold;color: #d8d2cc;height: 6rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.slider .case-card .btn_rounded-corners{padding: 0;text-align: center;}
.slider .case-card .btn_rounded-corners a{text-align: center;width: 83.33%;padding: 1em 0;line-height: 1;}
.slider .case-card:nth-child(odd){background-color: #43392f;}
.slider .case-card:nth-child(even){background-color: #261204;}
@media (min-width: 768px){
.forte-container .forte-item.forte-ship01,.forte-container .forte-item.forte-ship03{margin-bottom: 5rem;}
.forte-container .forte-item.forte-ship01 .icons,.forte-container .forte-item.forte-ship02 .icons,.forte-container .forte-item.forte-ship03 dd{position: relative;}
.forte-container .forte-item.forte-ship01 .icons::before,.forte-container .forte-item.forte-ship01 .icons::after,.forte-container .forte-item.forte-ship02 .icons::before,.forte-container .forte-item.forte-ship03 dd::before{position: absolute;display: block;content:"";background-color: #BBBBBB;}
.forte-container .forte-item.forte-ship01 .icons::before{top: 2rem;left: -18rem;width: 18rem;height: 15rem;clip-path: polygon(0% 0%,100% 0%,100% .1rem,.1rem .1rem,.1rem 100%,0% 100%);}
.forte-container .forte-item.forte-ship01 .icons::after{top: 8rem;left: -8rem;width: 8rem;height: 30rem;clip-path: polygon(100% 0%, 70% 0%, 70% calc(100% - .1rem),0% calc(100% - .1rem),0% 100%,calc(70% + .1rem) 100%,calc(70% + .1rem) .1rem,100% .1rem);}
.forte-container .forte-item.forte-ship02 .icons::before{bottom: 9rem;left: -12rem;width: 12rem;height: 25rem;clip-path: polygon(0% 0%,.1rem 0%,.1rem calc(100% - .1rem),100% calc(100% - .1rem),100% 100%,0% 100%);}
.forte-container .forte-item.forte-ship03 dd::before{top: 6rem;left: -14.5rem;width: 14rem;height: 26rem;clip-path: polygon(0% 0%,100% 0%,100% .1rem,.1rem .1rem,.1rem 100%,0% 100%);}
}
@media (min-width: 960px){
.forte-container .ship-no01 .screen-image{transform: translate(-103%, 106%);}
.forte-container .ship-no02 .screen-image{transform: translate(3%, -88%);}
.forte-container .forte-item.forte-ship01,.forte-container .forte-item.forte-ship03{margin-bottom: 3.45rem;}
.forte-container .forte-item.forte-ship01 .icons{justify-content: flex-end;}
.forte-container .forte-item.forte-ship01 .icons::before{top: 2rem;left: auto;right: -5rem;width: 5rem;height: 19rem;clip-path: polygon(0 0, 50% 0, 50% calc(100% - .1rem), 100% calc(100% - .1rem), 100% 100%, calc(50% - .1rem) 100%, calc(50% - .1rem) .1rem, 0 .1rem);}
.forte-container .forte-item.forte-ship01 .icons::after{top: 8rem;left: auto;right: -5rem;width: 5rem;height: 28rem;clip-path: polygon(0 0, 30% 0, 30% calc(100% - .1rem), 100% calc(100% - .1rem), 100% 100%, calc(30% - .1rem) 100%, calc(30% - .1rem) .1rem, 0 .1rem);}
.forte-container .forte-item.forte-ship02 .icons::before{bottom: auto;top: 2rem; left: -20rem;width: 20rem;height: 16rem;clip-path: polygon(0 0,100% 0,100% .1rem,.1rem .1rem,.1rem 100%,0 100%);}
.forte-container .forte-item.forte-ship03 dd::before{top: -11.5rem;left: auto;right: -24rem;width: 24rem;height: 18rem;clip-path: polygon(0 calc(100% - .1rem),calc(100% - .1rem) calc(100% - .1rem),calc(100% - .1rem) 0,100% 0%,100% 100%,0 100%);}
}
.linkage-list .item{padding: 1.714rem;border-radius: .14rem;background-color: #FFFDFC;margin-bottom: 1.714rem;}
.linkage-list .item h3{font-size: 1.714rem;margin-bottom: .5rem;}
.linkage-list .item dd{margin-left: 0;}
.linkage-list .item dd img{display: block;width: 100%;height: auto;}
.linkage-list .item dd span{font-size: 2em;font-weight: bold;padding-right: 1em;}
@media (min-width: 768px){
.linkage-list{display: flex;justify-content: space-between;-ms-align-items: stretch;align-items: stretch;flex-wrap: wrap;}
.linkage-list .item{width: 48.06%;}
}
@media (min-width: 960px){
.linkage-list{width: 81.11%;margin-left: auto;margin-right: auto;}
.linkage-list .item{width: 47.5%;padding: 2.428rem 4.07rem;margin-bottom: 2.857rem;}
.linkage-list .item dd span{font-size: 2.8em;padding-right: .4em;}
}
.environment-list .item{padding: 1.714rem;border-radius: .14rem;background-color: #d8d2cc;margin-bottom: 1.714rem;}
.environment-list .item h3{font-size: 1.714rem;margin-bottom: .5rem;}
.environment-list .item .image{width: 100%;}
.environment-list .item .image img{width: 100%;}
.environment-cta{padding: 1.714rem;border-radius: .14rem;background-color: #65605B;margin-bottom: 1.714rem;}
.environment-cta p{font-size: 1.143rem;color: #d8d2cc;font-weight: 700;margin: 0;}
.environment-cta .btn_rounded-corners{padding-top: 1rem;padding-bottom: 1rem;}
.environment-cta .btn_rounded-corners a{font-size: 1.714rem;padding: 1em 1.5em;line-height: 1;color: #1b0d03;background-color: #d8d2cc;}
.environment-cta .btn_rounded-corners a:hover{color: #FFFFFF;background-color: #00AFB8;}
.environment-cta .image,.environment-cta .image img{width: 100%;}
@media (min-width: 768px){
.environment-list .item,.environment-cta{padding: 2.285rem;display: flex;justify-content: space-between;}
.environment-list .item:last-child{padding-right: .5rem;}
.environment-list .item .text,.environment-cta .text,.environment-list .item .image,.environment-cta .image{width: 49.5%;}
}
@media (min-width: 960px){
.environment-list,.environment-cta{width: 81.11%;margin-left: auto;margin-right: auto;}
.environment-list{display: flex;justify-content: space-between;-ms-align-items: stretch;align-items: stretch;}
.environment-list .item,.environment-cta,.environment-list .item:last-child{padding: 2.428rem 4.07rem;margin-bottom: 2.857rem;}
.environment-list .item{display: block;width: 48.06%;}
.environment-list .item .text,.environment-list .item .image{width: 100%;}
.environment-cta{-ms-align-items: center;	align-items: center;}
.environment-cta .text{width: 55%;}
.environment-cta .image{width: 45%;}
.environment-cta .text p:first-child{font-size: 1.714rem;}
}
.ship-option-tab{margin: 3em 0;}
.ship-option-tab ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
.ship-option-tab ul li { width: 50%;margin: 1.143rem .571rem;opacity: .3;}
.ship-option-tab ul li .image{width: 100%}
.ship-option-tab ul li .image img{width: 100%;}
.ship-option-tab ul li.selected {opacity: 1;}
.ship-option-tab .tab-content {display: none;}
.ship-option-tab ul.sensor-list{flex-wrap: wrap;}
.ship-option-tab ul.sensor-list li{margin: 0 0 2.857rem;width: 100%;opacity: 1;}
.ship-option-tab .tab-content .content{padding: 3rem 2.8rem 5rem;border-radius: .2rem;background-color: #fffdfc;}
.ship-option-tab .tab-content h3{font-size: 1.714rem;	line-height: 1.8;text-align: center;}
.ship-option-tab .tab-content p{text-align: center;}
.ship-option-tab .tab-content .image{width: 100%;padding-top: 5rem;}
.ship-option-tab .tab-content .image img{width: 100%;}
.ship-option-tab .tab-content.selected {display: block;}
@media (min-width: 768px){
.ship-option-tab ul li { width: 30%;margin: 1.143rem .571rem 2rem;}
.ship-option-tab ul.sensor-list{justify-content: space-between;}
.ship-option-tab ul.sensor-list li{margin-bottom:1.714rem;}
.ship-option-tab ul.sensor-list li:nth-child(-n+6){width: 48%;}
.ship-option-tab .tab-content .content{padding: 3rem 14rem 5rem;}
}
@media (min-width: 960px){
.ship-option-tab ul li{margin-bottom: 5rem;}
.ship-option-tab ul.sensor-list li{margin-bottom:2.857rem;width: 47.83%;}
.ship-option-tab ul.sensor-list li:nth-child(-n+6){width: 30.7%;}
.ship-option-tab .tab-content .content{padding: 3rem 1rem 5rem;display: flex;justify-content: space-evenly;-ms-align-items: center;align-items: center;}
.ship-option-tab .tab-content .text{width: 45%;}
.ship-option-tab .tab-content .image{width: 18.77%;padding-top: 0;}
} .modelroom-info,.modelroom-catch,.modelroom-content{color: #fff;}
.modelroom-info{border-radius: .14rem;border: .1rem solid #FFF;margin-bottom: 5rem;padding-top: 1.714rem;padding-bottom: 1.714rem;}
.modelroom-info > .image{padding: 0 1.714rem .5rem;}
.modelroom-info .image img{width: 100%;display: block;}
.modelroom-info .title{padding-left: 1.714rem;display: flex;-ms-align-items: center;align-items: center;margin-bottom: 1.714rem;}
.modelroom-info .title .image{width: 6rem;}
.modelroom-info .title h4{margin-bottom: 0;font-size: 1.143rem;color: #00AFB8;}
.modelroom-info p{margin: 0;padding-left: 1.714rem;padding-right: 1.714rem;}
.modelroom-info p.add{margin-bottom: 1rem;}
.modelroom-info p.add a{color: #fff;}
.modelroom-info p.add a:hover{color: #FFFDFC;}
.modelroom-catch{text-align: center;font-weight: bold;font-size: 1.143rem;}
.modelroom-content .image,.modelroom-content .image img{width: 100%;}
.modelroom-content p{font-size: 1.143rem;line-height: 2;}
.btn_rounded-corners.modelroom{padding-bottom: 5rem;}
.btn_rounded-corners.modelroom a{font-size: 1.143rem;}
@media (min-width: 768px){
.modelroom-info{padding-top: 4.5rem;padding-bottom: 4.5rem;}
.modelroom-info > .image{padding: 0 4.5rem .5rem;}
.modelroom-info .title{padding-left: 4.5rem;}
.modelroom-info p{padding-left: 4.5rem;padding-right: 4.5rem;}
.modelroom-catch{font-size: 1.714rem;}
.modelroom-content{width: 94.27%;margin: auto;}
.modelroom-content .image{position: relative;width: 100%;height: 0;padding-bottom: 55%;overflow: hidden;}
.modelroom-content .image img{position: absolute;width: 100.5%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.btn_rounded-corners.modelroom{padding-bottom: 10rem;}
}
@media (min-width: 960px){
.modelroom-info{padding:5.7rem 5rem;display: flex;justify-content: space-between;align-items: center;}
.modelroom-info > .image{padding: 0;width: 55.22%;}
.modelroom-info .text{width: 41.9%;}
.modelroom-info .title{padding-left: 0;}
.modelroom-info p{padding:0;}
.modelroom-content{width: 100%;display: flex;justify-content: space-between;margin-bottom: 2rem;}
.modelroom-content .image{width: 56.48%;padding-bottom: 32%;}
.modelroom-content .text{width: 40.556%;}
.modelroom-content .text p{margin: 0;}
} .prefectures-tab{
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 5rem;
}
.prefectures-tab .tab_item{
opacity: .3;
cursor: pointer;
width: calc(100% / 3 - 1rem);
height: 6rem;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
text-align: center;
margin-bottom: 1.5rem;
font-weight: bold;
font-size: 1.143em;
color: #261204;
background-color: #d8d2cc;
border-radius: .7rem;
}
.prefectures-tab .tab_item:hover { opacity: 0.75;color: #00afb8;}
.prefectures-tab input:checked + .tab_item {opacity: 1;color: #00afb8;}
input[name="tab_item"] { display: none;}
.prefectures-tab .tab_content {
display: none;
background-color: #d8d2cc;
border-radius: .7rem;
padding: 3rem 1.714rem 1.714rem;
width: 100%;
}
#tab01:checked ~ #tab01_content.tab_content,
#tab02:checked ~ #tab02_content.tab_content,
#tab03:checked ~ #tab03_content.tab_content,
#tab04:checked ~ #tab04_content.tab_content,
#tab05:checked ~ #tab05_content.tab_content,
#tab06:checked ~ #tab06_content.tab_content {display: block;}
.prefectures-tab .tab_content h2{font-size: 1.714rem;}
.section-tab .inner-block{ width: 70%;margin: auto;}
.section-tab svg{display: block;width: 100%;}
.section-tab svg g{cursor: pointer;}
.section-tab svg g .cls-1 {fill: #bbb5ae;}
.section-tab svg g .cls-1,.section-tab svg g .cls-2 {stroke-width: 0px;}
.section-tab svg g .cls-2 {fill: #fff;}
.section-tab svg g:hover .cls-1{fill: #97CDD0;}
.section-tab svg g.selected .cls-1{fill: #00afb8;}
.section-tab .tab-content {
display: none;
color: #261204;
background-color: #d8d2cc;
padding: 0;
}
.section-tab .tab-content h4{
color: #fff;
font-size: 1.143rem;
line-height: 1.8;
}
.section-tab .tab-content.selected {display: block;}
.subsidy-overview{margin-bottom: 1.143rem;}
.subsidy-overview a{display: block;text-decoration: none;background-color: #FFFDFC;padding: 1.429rem 1.714rem;border-radius: .14rem;}
.subsidy-overview dl{margin-bottom: 3rem;}
.subsidy-overview dt{font-size: 1.143rem;color: #BBB5AE;font-weight: 700;line-height: 1.3;}
.subsidy-overview dd{font-size: 1.714rem;color: #43392F;font-weight: 700;line-height: 1.3;margin-left: 0;}
.subsidy-overview dl.subsidized-pj dd{font-size: 1.143rem;}
.subsidy-overview a > i{font-size: 1.714rem;color: #00AFB8;}
.subsidy-overview a:hover{background-color: #00AFB8;}
.subsidy-overview a:hover dt,.subsidy-overview a:hover dd,.subsidy-overview a:hover > i{color: #fff;}
.subsidy-overview a.none{pointer-events: none;}
.subsidy-overview a.none > i{color: #BBB5AE;}
@media (min-width: 768px){
.prefectures-tab .tab_item{width: calc(100% / 6 - 1rem);}
.prefectures-tab .tab_content{padding: 3.7rem;}
.prefectures-tab .tab_content h2{font-size: 2.571rem;}
.section-tab .inner-block{width: 50%;}
.subsidy-overview a{display: flex;flex-wrap: wrap;justify-content: space-between;}
.subsidy-overview dl{margin-bottom: 0;}
.subsidy-overview dl.subsidized-pj{width: 100%;margin-bottom: 3rem;}
}
@media (min-width: 960px){
.prefectures-tab .tab_item{width: calc(100% / 6 - 1.5rem);font-size: 1.714rem;height: 8rem;}
.prefectures-tab .tab_content{padding: 6.7rem;}
.section-tab .inner-block {width: 30%;}
.section-tab .tab-content h4{padding-left: 3.57rem;}
.subsidy-overview a{-ms-align-items: center;align-items: center;padding: 1.429rem 3.57rem; border-radius: 100vw;}
.subsidy-overview dl.subsidized-pj{width: auto;margin-bottom: 0;}
} dl.faqs:last-child{margin-bottom: 3rem;}
dl.faqs dt,dl.faqs dd{
padding: 1rem 1rem 1rem 4.5rem;
border-radius: .14rem;
position: relative;
}
dl.faqs dt{font-size: 1.143em;font-weight: bold;background-color: #D8D2CC;color: #261204;}
dl.faqs dd{margin-left: 0;padding-top: 1.1rem;}
dl.faqs dd p:first-child{margin-top: 0;}
dl.faqs dd p:last-child{margin-bottom: 0;}
dl.faqs dt::before,dl.faqs dd::before{
position: absolute;
display: block;
width: 4.5rem;
text-align: center;
left: 0;
top: 1rem;
box-sizing: border-box;
font-weight: bold;
line-height: 1;
font-size: 1.7rem;
}
dl.faqs dt::before{content: 'Q';color: #00AFB8;}
dl.faqs dd::before{content: 'A';}
ul.faqs-menu{
list-style-type: none;
margin-left: -.57rem;
}
ul.faqs-menu li a{
display: inline-block;
padding: .57rem;
color: #1B0D03;
text-decoration: none;
font-weight: 700;
line-height: 1.5;
transition: all .5s;
}
ul.faqs-menu li a:hover{color: #00AFB8;}
h3.faqs-title{font-size: 1.714em;}
dl.faqs a{color: #261204;}
dl.faqs a:hover{color: #00AFB8;}
.c-white dl.faqs a{color: #fff;}
.c-white dl.faqs a:hover{color: #00AFB8;}
.faqs-link{padding-bottom: .8rem;}
.faqs-link a{
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: .857rem;
line-height: 1;
font-weight: bold;
background-color: #d8d2cc;
color: #1B0D03 !important;
padding: .8em 2em;
transition: all .5s;
}
.faqs-link a:hover{background-color: #00AFB8;color: #fff !important;}
@media (min-width: 768px){
ul.faqs-menu{
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-align-items: stretch;
align-items: stretch;
margin-left: calc(-.57rem + -3.4rem);
margin-right: calc(-.57rem + -3.4rem);
}
ul.faqs-menu li{padding: .57rem 3.1rem;}
}
@media (min-width: 960px){
dl.faqs{width: 83.33%;margin-left: auto;margin-right: auto;}
h3.faqs-title{width: 83.33%;margin-left: auto;margin-right: auto;}
} .contact-tab{
margin-bottom: 1.143rem;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-tab .tab_item{
opacity: .3;
cursor: pointer;
width: calc(50% - .857rem);
margin-bottom: 1.714rem;
}
.contact-tab .tab_item > div {
padding:.57rem;
color: #261204;
background-color: #d8d2cc;
border-radius: .2rem;
display: flex;
justify-content: center;
align-items: center;
}
.contact-tab .tab_item p.tab-title{margin: 0;font-size: 1.143rem;font-weight: bold;}
.contact-tab .tab_item .image{width: 6rem;}
.contact-tab .tab_item .image img{width: 100%;}
.contact-tab .tab_item:hover { opacity: 0.75;}
.contact-tab input:checked + .tab_item {opacity: 1;}
input[name="tab_item"] { display: none;}
.contact-tab .tab_content{width: 100%;}
.tab_content {
display: none;
color: #261204;
background-color: #d8d2cc;
border-radius: .2rem;
padding: 3rem 2.8rem 5rem;
}
#tab01:checked ~ #tab01_content.tab_content,
#tab02:checked ~ #tab02_content.tab_content {
display: block;
}
#howto01,#howto02,#howto03{padding-bottom: 2rem;}
.howto-others,.howto-others a{color: #fff;}
.howto-others{padding-top:5rem; }
.howto-others a:hover{color: #FFFDFC;}
.howto-others a{display: inline-block;}
.howto-others img{display: block;}
.howto-others dt{display: flex;-ms-align-items: center;align-items: center;}
.howto-others dt .icon{width: 2rem;height: 2rem;margin-right: .5rem;}
.howto-others dt h4{margin: 0;font-size: 1.143rem;}
.howto-others dd{margin-left: 2.5rem;}
.howto-others p,.howto-others ul{font-weight: bold;font-size: 1.143rem;}
.howto-others a.tel{font-size: 2.57rem;text-decoration: none;}
.howto-others a.line-link,.howto-others img.line-qr{margin-bottom: 1rem;}
.howto-others a.line-link img{width: 14rem;}
.howto-others img.line-qr{width: 7.5rem;}
@media (min-width: 768px) {
.contact-tab .tab_item p.tab-title{font-size: 1.714rem;}
.tab_content {padding: 5rem 2.8rem 3.25rem;}
}
@media (min-width: 960px){
.howto-container{display: flex; justify-content: space-between;padding-bottom: 5rem;}
#howto01{width: 59.62%;}
.howto-others{width: 27%;padding-top: 3.5rem;}
}
dl.form-preview-dl dt dd{color: #261204;margin-left: 0;}
input.form-preview-input01{
padding: .57rem;
border: .1rem solid #f3f3f3;
background-color: #f3f3f3;
}
.form-preview-dl{margin-bottom: 1em;} .form-preview-dl dt{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
margin-bottom: .5rem;
font-weight: 700;
}
.form-preview-dl .form-preview-reqiured{ color: #B00101;} .form-preview-dl .form-preview-not-reqiured{ color: transparent;} .form-preview-dl dd{margin-left: 0;}
.form-preview-dl input[type="text"],
.form-preview-dl input[type="password"],
.form-preview-dl select,
.form-preview-dl textarea{
background-color: #f3f3f3;
border-radius: .33em;
padding: .8em;
border: .06em solid #f3f3f3;
width: 100%;
}
.form-preview-dl label,
.form-preview-dl button{cursor: pointer;}
.form-preview-dl input[type="text"]:hover,
.form-preview-dl input[type="password"]:hover{
border: .06em solid #fafafa;
}
.form-preview-dl input[type="text"]:focus,
.form-preview-dl input[type="password"]:focus{
box-shadow: 0 0 .3em rgba(0, 0, 0, 0.16);
border: .12em solid #515151;
}
.form-preview-dl input.form-preview-input01-half[type="text"] {
display: inline-block;
width: calc(50% - 3em)!important;
margin-right: .5em;
}
.form-preview-dl.preview-address input.form-preview-input01-half[type="text"] {
width: 6em!important;
}
.form-preview-help-text,.form-preview-alert-text{
margin: 0 .2em;
}
.form-preview-alert-text {
margin: .5em;
color: #ff0000;
font-size: .9em;
} .show-page-btn {
padding-bottom: 2em;
}
.show-page-btn .btn {
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: 1.2rem;
line-height: normal;
font-weight: bold;
background-color: #261204;
color: #fff;
padding: .66em 1.33em;
transition: all .5s;
border: none;
}
.show-page-btn .btn::after{
font-family: "Font awesome 6 Free";
content:"\f054";
font-weight: bold;
padding-left: 1em;
}
#cancel-btn{
color: #fff;
background-color: #515151;
}
#cancel-btn::after{
content:"";
padding-left: 0;
}
#cancel-btn::before{
font-family: "Font awesome 6 Free";
content:"\f053";
font-weight: bold;
padding-right: 1em;
}
.show-page-btn .btn:last-child {
margin-right: 0; }
.show-page-btn .btn:focus {
outline: none; }
.show-page-btn .btn:active,
.show-page-btn .btn:hover {
background-color: #00AFB8;;
color: #fff;
}
#cancel-btn:hover{background-color: #97CDD0;}
.form-preview-dl.preview-user-name dd,
.form-preview-dl.preview-user-kana dd,
.form-preview-dl.preview-address dd{font-weight: normal;} .form-preview-dl-child{margin-top: .5em;margin-bottom: 0;}
.form-preview-dl-child dt{font-weight: normal;margin-bottom: .1em;}
.form-preview-dl.preview-address input.form-preview-input01-half[name="j_zip_code_1"],
.form-preview-dl.preview-address input.form-preview-input01-half[name="j_zip_code_2"]{margin-right: 0; width: 5em !important;}
#jpostal-execute{
border: .1rem solid #515151;
border-radius: .5rem;
line-height: normal;
font-weight: bold;
background-color: #515151;
color: #fff;
padding: .26em .1em;
width: 5rem !important;
transition: all .5s;
}
#jpostal-execute:hover{
color: #515151;
background-color: #fff;
}
.form-preview-dl select[name="j_pref_name"]{
width: 12em;
} [class*="preview-checkbox-"] dd{
display: flex;
flex-wrap: wrap;
}
[class*="preview-checkbox-"] label{
padding: .8em 0;
background-color: transparent;
border: none;
display: flex;
-ms-align-items: center;
align-items: center;
margin-right: 1rem;
margin-bottom: .7em;
width: 100%;
font-weight: 700;
}
[class*="preview-checkbox-"] input[type="checkbox"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 1em;
position: relative;
width: 2.5em;height: 2.5em;
margin-right: .5em;
border: .1rem solid #eaeaea;
border-radius: .7em;
}
[class*="preview-checkbox-"] .labeled_text{max-width: calc(100% - 3em);}
[class*="preview-checkbox-"] input[type="checkbox"]:checked::before{
position: absolute;
content:"";
top: .5em;
left: .8em;
transform: rotate(50deg);
width: .5em;
height: 1em;
border-right: .2em solid #515151;
border-bottom: .2em solid #515151;
}
.form-preview-dl.preview-checkbox-20240816135156823{margin-bottom: 0;} .form-preview-dl.preview-textarea-1{margin-top: 0;}
.form-preview-dl.preview-textarea-1 dt{display: none;} .preview-is_expect_mail dd{
display: flex;
flex-wrap: wrap;
}
.preview-is_expect_mail label{
display: flex;
-ms-align-items: center;
align-items: center;
height: 3rem;
font-weight: 700;
}
.preview-is_expect_mail input[type="radio"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 1em;
position: relative;
width: 2.5rem;height: 2.5rem;
margin-right: .5rem;
border: .1rem solid #eaeaea;
border-radius: 100vw;
}
.preview-is_expect_mail input[type="radio"]:checked::before{
position: absolute;
content:"";
top: 50%;
left: 50%;
transform: translate(-50% ,-50%);
width: 1.7rem;
height: 1.7rem;
background-color: #515151;
border-radius: 100vw;
} .preview-personal-info{padding-top: 3rem;}
.preview-personal-info dt{display: none;}
.preview-personal-info dd{
display: flex;
-ms-align-items: center;
align-items: center;
}
.preview-personal-info label{
display: flex;
-ms-align-items: center;
align-items: center;
}
.preview-personal-info label span{display: none;}
.preview-personal-info input[type="checkbox"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 1em;
position: relative;
width: 2.5em;height: 2.5em;
margin-right: .5em;
border: .1rem solid #eaeaea;
border-radius: .7em;
}
.preview-personal-info input[type="checkbox"]:checked::before{
position: absolute;
content:"";
top: .5em;
left: .8em;
transform: rotate(50deg);
width: .5em;
height: 1em;
border-right: .2em solid #515151;
border-bottom: .2em solid #515151;
}    .case-filter{margin-bottom: 3rem;}
.form-group{
font-size: 1.143rem;
margin-bottom: 1rem;
}
.select-wrap { position: relative;}
.select-wrap:before {
position: absolute;
z-index: 1;
right: 1rem;
top: 50%;
transform: translateY(-50%);
font-family: "Font awesome 6 Free";
content: '\f078';
font-weight: bold;
pointer-events: none;
}
.form-group .control-label{color: #fff;}
.form-group select{
outline:none;
-moz-appearance: none;
text-overflow: '';
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 2.85rem;
padding: .57rem .857rem;
width:100%;
border-radius:100vw;
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
}
.form-group select option{ background-color: #f5f5f5;color: #261204;}
.form-group select::-ms-expand {display: none;}
.form-group select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{ color:#fff;}
.select-wrap.select-primary > select{
color:#fff;
border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #fff;
}
.select-wrap.select-inverse:before{ color:#fff;}
.select-wrap.select-inverse > select{
color:#fff;
border-color: #fff;
}
.select-wrap.select-inverse > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #fff;
}
.case-list .item{
background-color: #D8D2CC;
border-radius: .14rem;
margin-bottom: 1.714rem;
}
.case-list .item .image{
position: relative;
overflow: hidden;
border-radius: .14rem;
width: 100%;
height: 0;
padding-top: 65.44%;
background-color: #fff;
margin-bottom: 1rem;
}
.case-list .item .image img{
width: 100%;
object-fit: cover;
aspect-ratio: 100 / 65.44;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.case-list .item p.delivery-add{
height: 3.5em;
font-size: .858rem;
line-height: 1.7;
color: #00AFB8;
font-weight: 700;
padding: 0 1.7rem;
}
.case-list .item h4.title{
font-size: 1.143rem;
line-height: 1.7;
margin-bottom: 2rem;
padding: 0 1.7rem;
}
.case-list .item ul.case-cat{
font-size: .714rem;
padding: 0 1.7rem;
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin-right: -.571rem;
}
.case-list .item ul.case-cat li{margin-right: .571rem; margin-bottom: .571rem;}
.case-list .item ul.case-cat li a{
display: inline-block;
line-height: 1.5;
text-decoration: none;
color: #515151;
background-color: #fff;
box-shadow: .142rem .142rem .142rem rgba(0, 0, 0, 0.25);
border-radius: .357rem;
padding: .571rem;
}
.case-list .item ul.case-cat li a:hover{color: #919191;}
.case-list .item ul.case-cat li a.none{pointer-events: none;}
.case-list .item .btn_rounded-corners{padding: 1.714rem 1.7rem;}
.case-list .item .btn_rounded-corners a{font-size: .857rem;background-color: #261204;padding: .7em 2.286em;}
.case-list .item .btn_rounded-corners a:hover{background-color: #00afb8;}
@media (min-width: 768px){
.case-filter{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.form-group{width: 48.3%;}
.case-list{
display: flex;
flex-wrap: wrap;
-ms-align-items: stretch;
align-items: stretch;
margin-right: -2.02%;
}
.case-list .item {
width: 47%;
margin-right: 3%;
margin-bottom: 3.78rem;
}
}
@media (min-width: 960px){
.case-list{	margin-right: -2.1333%;}
.case-list .item {
width: 31.2%;
margin-right: 2.1333%;
margin-bottom: 2.5rem;
}
.case-list .item ul.case-cat{	font-size: 1rem;}
} .share-container{
width: 100%;
padding: 1em 0;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.share-container p{
color: #fff	;
font-size: 1.429rem;
font-family: "Poppins", 'Roboto', 'Noto Sans JP', sans-serif;
font-weight:600;
margin: 0 2.286rem 0 0;
padding-bottom: .5rem;
}
.share-container ul{
padding-left: 0;
list-style-type: none;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.share-container li{padding-right:.857rem;}
.share-container li:last-child{padding-right:0;}
.share-container li button{
background-color: transparent;
border: none;
padding: 0;
}
.share-container li img{width: 2.286rem;height: auto;}
.share-container li button:hover img,.share-container li a:hover img{opacity: .7;}
.btn_rounded-corners.to-case{	font-size: 1.143em;}
.btn_rounded-corners.to-case a{font-size: 1em;padding: .7em 2.286em;}
.btn_rounded-corners.to-case a img.grid{display: inline-block;width: 1.313em;padding-right: .2em;}
.delivery-info{
background-color: #d8d2cc;
padding: 1.714rem;
border-radius: .14rem;
margin-bottom: 2.28em;
}
.delivery-info .image{
position: relative;
overflow: hidden;
border-radius: .14rem;
width: 100%;
height: 0;
padding-top: 56.27%;
background-color: #fff;
margin-bottom: 1rem;
}
.delivery-info .image img{
width: 100%;
object-fit: cover;
aspect-ratio: 100 / 56.27;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.delivery-info p.delivery-add{
font-size: 1.143rem;
line-height: 1.7;
font-weight: bold;
}
.delivery-info ul.case-cat{
font-size: .714rem;
padding-left: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin-right: -.571rem;
display: none;
}
.delivery-info ul.case-cat li{margin-right: .571rem; margin-bottom: .571rem;}
.delivery-info ul.case-cat li a{
display: inline-block;
line-height: 1.5;
text-decoration: none;
color: #515151;
background-color: #fff;
box-shadow: .142rem .142rem .142rem rgba(0, 0, 0, 0.25);
border-radius: .357rem;
padding: .571rem;
}
.delivery-info ul.case-cat li a:hover{color: #919191;}
.delivery-info ul.case-cat li a.none{pointer-events: none;}
.delivery-info .content p a{color: #261204;}
.delivery-info .content p a:hover{color: #00afb8;}
.delivery-info .btn_rounded-corners{padding-bottom: 0;}
.delivery-info .btn_rounded-corners{padding: 1.714rem 1.7rem;}
.delivery-info .btn_rounded-corners.to-case a{background-color: #261204;}
.delivery-info .btn_rounded-corners.to-case a:hover{background-color: #00afb8;}
.delivery-info .btn_rounded-corners.to-case a img.grid{width: 1em;}
.case-wrap .article-container{
background-color: #fff;
padding: 1.714rem;
border-radius: .14rem;
margin-bottom: 2.28em;
font-size: 1.143em;
line-height: 2;
}
h1.child-title{color: #00afb8;font-size: 1.5rem;margin-bottom: 1.5em;line-height: 1.5;}
.article-container h2{font-size: 1.3em;line-height: 1.5;}
.article-container h3{font-size: 1.2em;line-height: 1.5;}
.cta-mailmag{
background-color: #fff;
padding: 5rem 1.714rem;
border-radius: .14rem;
margin-bottom: 2.28em;
}
.cta-mailmag h3,.cta-mailmag p{font-weight: 700;font-size: 1em;text-align: center;}
.cta-mailmag .btn_rounded-corners a{font-size: .75em;padding: .7em 2.286em;background-color: #261204;}
.cta-mailmag .btn_rounded-corners a:hover{background-color: #00afb8;}
.case-wrap article .case-list .item:nth-child(2),.case-wrap article .case-list .item:nth-child(3){display: none;}
@media (min-width: 768px){
.delivery-info{padding: 3.857rem;margin-bottom: 3.57em;}
.delivery-info .image{padding-top: 35%;}
.delivery-info .image img{aspect-ratio: 100 / 35;}
.case-wrap .article-container{padding: 3rem 3.857rem;}
.cta-mailmag{padding: 5rem 3.857rem;}
.cta-mailmag h3{font-size: 1.5em;margin-bottom: 2em;}
.case-wrap article .case-list .item:nth-child(2){display: block;}
}
@media (min-width: 960px){
.case-wrap{margin-left: -5.429rem;margin-right: -5.429rem;display: flex;justify-content: space-between;align-items: flex-start;}
.delivery-info{width: 36.12%;position: sticky;top: 6em;}
.delivery-info .image{padding-top: 61.13%;}
.delivery-info .image img{aspect-ratio: 100 / 61.13;}
.case-wrap article{width: 59.497%;}
.case-wrap article .case-list .item:nth-child(3){display: block;}
}