@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;900&display=swap');

/* 全体 */
html,body,main,div,p,a,ul,li,h1,h2,h3,h4,h5,h6,span,b,dl,dt,dd,th,td{
font-family: 'Noto Sans JP', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body{font-size:18px;}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 180%;
	letter-spacing: 1px;
	font-size:20px;
}
header{
	padding-bottom:50px;
}
.header-btn a{color:#fff !important;}
.row{width: 100%;margin: 0;}
.text-acc01{
	font-size:2rem;
	text-align:center;
	font-weight:900;
}
.text-acc01 span{
	color:#ee655f;
	font-size:3rem;
}
.mw200{max-width: 200px;}
.mw250{max-width:250px;}
.mw300{max-width:300px;margin:0 auto;}
.mw500{max-width:500px;margin:0 auto;}
.mw800{max-width:800px;margin:0 auto;}
.bg-cream{background-color:#fffbf0;}
.point-box{box-shadow:0 0 5px #ccc;margin-bottom:30px;}
.master-img{width:100%;}
.menu-title {
    background: #4b3a37;
    color: #fff;
    padding: 1rem;
}
.menu-box{
	background:#fff;
	box-shadow:0 0 10px #4b3a37;
	margin-bottom:30px;
}
.menu-box .col-md-7{
	font-size: 14px;
}
.menu-title-left{font-size:200%;}
.catch01{
	font-size: 1.3rem;
    text-align: center;
    margin: 0 auto;
    line-height: 200%;
    padding-bottom: 20px;
    font-weight: 700;	
}
.catch02{
    font-size: 1.5rem;
    color: #5d9c75;
    line-height: 150%;
    font-weight: 700;	
}
.catch03{
	color:#262626;
    font-weight: 700;
    font-size: 2rem;	
}
.catch03 small{
	font-size: 70%;
}
.basebtn{
max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;	
}
.history{
    font-size: 1rem;
    font-weight: 700;
    line-height: 200%;
    width: fit-content;
    border: 1px dashed;
    padding: 1rem 2rem 0 1rem;	
}
.arrow{
    max-width: 100px;
    margin: 20px auto 30px;	
}
.arrow img{width:100%;}
h2{
    text-align: center;
    font-weight: 900 !important;
    margin-bottom: 10px;
    letter-spacing: 2px;
    position: relative;
    z-index: 10;
    font-size: 2.5rem !important;
    color: #000;	
	line-height:125% !important;
}
h3 {
    line-height: 100%;
    background: goldenrod;
    color: #fff;
    text-align: center;
    font-size: 1.75rem;
    padding: 20px 10px;
    letter-spacing: 2px;
    border-radius: 100px;
    text-shadow: 0 0 5px #aaa;
}
.naiyou-box{
border-radius: 20px;
    border: 5px solid #eee;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 0 20px #999;	
	background:rgba(255,255,255,.5);
	margin-bottom:30px;
}
.black-box{
background: #404040;
    padding: 20px;
    box-shadow: 5px 5px 0px #a48362;	
	min-height: 260px;
}
.black-box p{color:#fff;}
.price{max-width:800px;margin:0 auto;}
.price h3{
	background:#333;
	border-radius:100px;
	color:#cfb79f;
	padding:15px;
}
.price table{width:100%;}
.price th, .price td{border-bottom:1px solid #a48362;padding:15px;}
.price th{width:50%;}
.price td{width:25%;text-align:right;}
.f-price{color:#a48362;font-weight:bold;}
footer{
    width: 100%;
}
.f-orange{color:#ef7b1c;}
.cta{background:url("../img/cta-bg.jpg")no-repeat center top,#fff; padding: 50px 10px;}
.cta2{background:url("../img/cta-bg.png")bottom no-repeat,url("../img/bg-cream-dot.png"); padding: 0;}
.cta-after{right: 50px; bottom: 50px;}

.header-logo {
    position: absolute;
    top: 0;
    right: 415px;
}
.header-app{
	position: absolute;
    top: 0;	
	right:0;
}
.header-tel{
	position: absolute;
	top: 10px;
    right: 120px;
}
.header-tel p{
	margin-bottom:10px;
}
.header-btn{
	background: #221715;
	line-height: 170%;
}
.f-red{
	color:#ee655f;
}
#content-01{padding:50px 0;background:#00a99d;}
#content-02{padding:50px 0;}
#content-03{padding:50px 0;background:url("../img/c3-bg.jpg")no-repeat center top,#fff;}
#content-04{padding:50px 0;background:#CAE0D8;color:#666666;}
#content-05{padding:50px 0;  background-image: -webkit-linear-gradient(transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%),
                    -webkit-linear-gradient(0deg, transparent 80%,rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
  background-image: linear-gradient(transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%),
                    liner-gradient(90deg, transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
  background-color:#f2f2f2;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;}
#content-06{padding:50px 0;background:#fffce9;}
#content-07{padding:50px 0;}
#content-08{padding:0;}
#aboutus{padding:50px 0;}
#content-09{padding:50px 0; background:#f2f2f2;}
footer{
	background:#52c2d0;
	color:#fff;
	padding:50px 0;
}
footer a{
	color:#fff !important;
}
.copyright{background:transparent;}

.lh-120{line-height:120%;}
.c1-list{list-style:none;text-align:center;}
.c1-list li{
    font-size: 24px;
    margin-bottom: 20px;	
	letter-spacing:2px;
}
.top-cta-btn{
	border-radius: 15px;
    border: 3px solid lightgreen;
    box-shadow: 0 0 10px #aaa;
}
.hikaku-table{
  width: 100%;
  border-collapse: collapse;
margin-bottom:50px;
}

.hikaku-table tr{
  border-bottom: solid 2px white;
}

.hikaku-table tr:last-child{
  border-bottom: none;
}

.hikaku-table th{
  position: relative;
  text-align: left;
  width: 25%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
	    table-layout: fixed;
}

.hikaku-table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.hikaku-table td{
  text-align: left;
  width: 25%;
  text-align: center;
  background-color: #f2f2f2;
  padding: 15px;
	    table-layout: fixed;
}
.hikaku-table.td2 td{
	width:75%;
}
.car-list{
	padding-left:0;
	list-style:none;
}
.car-list li{
	background:#fff;
	border-radius:100px;
	border:1px dashed #ccc;
	padding:10px;
	margin-bottom:10px;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box{
width: 100%;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto;	
}
.panel-body{margin-bottom:30px;}
.pc-side-btn{
    width: 100px;
    position: fixed;
    top: 30%;
    right: 0;	
}
.pc-side-btn p{
	margin-bottom:0;
}
.about-table{
	width: 100%;
}
.about-table tr{
	border-bottom:1px solid #ccc;
}
.about-table th{
width:30%;
padding:1rem;
}
.about-table td{
width:70%;	
padding:1rem;
}
.pp-table td{
	text-align:left;
}
.f-14rem{font-size: 1.4rem;}
.f-17rem{font-size: 1.7rem;}
.f-gold{color:goldenrod;}

.point-number{
	font-size: 36px;
    font-weight: 400;	
	margin-bottom:0px;
	color:goldenrod;
}
.point-title{
	font-size: 20px;
		font-weight:900;
}
.point-title span{
	font-size: 36px;
    color: #ffd4d1;
    letter-spacing: 5px;	
}
.point-title small{margin-left:10px;font-size:50%;}

.bd-brown{border:5px solid #262626;}
.cta-container{max-width:1140px; padding:20px; margin:0 auto; background:url("../img/bg-sky-dot.png"); border:5px solid yellow; border-radius:10px; box-shadow:0px 5px 0px #000;}
.lp-container{max-width:1000px; padding:20px; margin:0 auto; background:#fff; box-shadow:0px 0px 10px #333;}

.cta-sub{background:url("../img/bg-cta2.png");width:100%;padding:20px;}
.white-shadow{
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 20px #fff;	
}
.nav-link {padding: 0rem;}
.bg-secondary {background:rgba(255,255,255,.5) !important;}

.text-right {
    margin: 0 0 0 auto;
}
.point-anc{text-align:center;margin:50px 10px;}
 .accordion-toggle a:after {
	font-family: "Font Awesome 5 Free";
    content: "\f00d";
    float: right;
    color: #000;
	background: none;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.accordion-toggle a.collapsed:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    float: right;
    color: #000;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
}

h4 {
    padding: 20px;
    border-radius: 200px;
    font-size: 1.4rem;
    color: #000 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #000;
}
.footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #000;
    color: #fff;
}
.panel-default{background:url(../../img/stripe-bg.png); border-radius:10px;}
.panel-body{padding:10px 20px;}
#mainNav .navbar-toggler {
    background: #e54312 !important;
}
hr{border-color: #8fc31f !important; width:50%;}
a{color:#000;}
a:active, a:focus, a:hover {
    color: #000;
	text-decoration: none;
}

.mb-0{margin-bottom:0px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:20px;}
.mb-50{margin-bottom:50px;}

.mt-0{margin-top:0px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:20px;}
.mt-50{margin-top:50px;}

.f150{font-size:150%;}

.cta-title{
    color: #fff;
    font-size: 200%;
    letter-spacing: 2px;	
	margin-bottom:0;
}
.cta-title-sub{
	color:#fff;
	margin-bottom:20px;
	letter-spacing:2px;
}
.f-grow{
	text-shadow:0 0 10px #fff;
}
dl,
dt,
dd {
  box-sizing: border-box;
}
dt,
dd {
  padding: 10px 10px 0 10px;
}
dt {
  width: 30%;
  padding-bottom: 10px;
  float: left;
}
dd {
  width:70%;
  padding-bottom: 10px;
  float: left;
}
dd:after {
  content: '';
  display: block;
  clear: both;
}
.fixed-top {
    position: absolute;
}
.green-border-bottom{border-bottom:2px dashed #47693c;margin-bottom:40px;}
 .sp-footer-btn{
	display:none;
    position: fixed;
    z-index: 99999;
    bottom: 0;	
}
.sp-footer-btn .col-4{
	padding-left:0;
	padding-right:0;
}
/* タブレット以上 */
.f150{font-size:150%;}
.about dt, .about dd{border-bottom:1px dashed #666;}
h2 span{
font-size: 3rem;
    color: #e19629;	
}
.ls-5px{
letter-spacing:5px;	
}
.point-container {
    padding: 1rem;
	background:#fff;
	border:5px solid #f2f2f2;
	box-shadow:0 0 10px #999;
	border-radius:20px;
	margin-bottom:50px;
}
.point-container img{
	border-radius:15px;
	margin-top:20px;
}
.cta a img{
	border-radius: 15px;
    border: 3px solid lightgreen;
    box-shadow: 0 0 10px #aaa;
}
.pc-none{display:none;}
.sp-none{display:block;}
.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
@media (min-width: 992px){
#mainNav {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 0px 5px #333;
	background:#fff;
}
#mainNav.navbar-shrink {
    padding-top:0rem;
    padding-bottom:0rem;
	}
header.masthead {
    padding-top: 0rem;
    padding-bottom: 0rem;
}	
}

/* タブレット・スマホ */
@media (max-width: 992px){
body{font-size:16px;}
	.sp-footer-btn{display:block;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right:0px;
    padding-left:0px;
}
p {
    font-size: 16px;
	text-align:left !important;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
}
	.point-container{
		margin-bottom:15px;
	}
.point-container p{
		padding:0 10px;
}
.point-container li{
	text-align:left;		
}	
	.pc-side-btn{
	display:none;	
	}
.cta-title {
    font-size: 90%;
}
	header.masthead {
	padding-top: 0rem;
    padding-bottom: 0rem;
	}
	
	.logo{width:60%;}
	.logo img {width:100%;}
h2 img {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
}
	section{
    padding: 30px 10px !important;
}
#content-01 h2 img{width:60%;}
	.c1-list{padding-left:0;}
.c1-list li {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-align: left;
}
.cta p {
    text-align: left !important;
    margin: 0 0 20px 0 !important;
    font-size: 14px;
}
	.sp-btn{text-align:center; margin-bottom:20px;}
	.loop_css{height:100px;}
	#copyright{margin-bottom:0px;padding-bottom:100px;}
	footer{
    width: 100%;
	padding:20px;
}
header.masthead {
    padding-bottom:0rem;
}
	#aboutus img{
		max-width:80%;
		display: block;
		margin:0 auto 20px;
	}
section h2 {
    font-size: 1.2rem !important;
    letter-spacing: 1px;
    font-weight: 700 !important;
    margin-bottom: 10px;
    line-height: 146% !important;
}
	#content-05 .mb-5{
		margin-bottom:20px !important;
	}
.p-3 {
    padding: 0rem!important;
}
	.naiyou-box{
		padding:10px;
	}
.f-17rem {
    font-size: 1.2rem;
}
	.mt-5.mb-50{
		margin-top:10px !important;
	}
.point-anc {
    text-align: center;
    margin: 30px;
}
.point-anc img{width:50px;}
.master-img{width:50%;}
.catch01 {
    font-size: 1rem;
    text-align: left;
    margin: 0 auto;
    line-height: 150%;
    padding-bottom: 20px;
    font-weight: 700;
    margin-top: 20px;
}
.point-container {
    padding:0;
}
	.point-container.row img{
		max-width:50%;
		display:block;
		margin:20px auto 0;
	}
.list{
    padding-left: 1rem;
    margin-bottom: 0;		
}
.history {
    font-size: .5rem;
    padding: 1rem;
	margin-bottom:1rem;
}
.catch02 {
    font-size: 1.3rem;
}
.catch03 {
font-weight: 700;
    font-size: 1.5rem;
    margin-top: 20px;
    text-align: center !important;
}
dl,dt,dd{width:100%;}
.cta-sub{padding:5px; margin-top:-30px;}
.navbar-collapse {
    background: #fff;
}
h4 {
    padding: 20px 40px;
    border-radius: 200px;
    font-size: 1rem;
    position: relative;
    text-align: left;
}
.hikaku-table th, .hikaku-table td {
    width: 100%;
    float: left;
    border-bottom: 1px solid #52c2d0;
}
	.hikaku-table.td2 td{
		width:100%;
	}
	.hikaku-table th:after{
		display:none;
	}
.sp-p-0{padding:0;}
	#mainNav{display:none;}
#content-01{padding:10px 0;}
#content-02{padding:10px 0;}
#content-03{padding:10px 0; text-align:center;}
#content-04{padding:10px 0;}
#content-05{padding:20px 0 !important;}
#content-05 h2{text-align:center !important;}
#content-05 .f-14rem{color:#fff;text-align:center !important;}
#content-06{padding:10px;}
#content-07{padding:10px 0;}
#content-07 h2{text-align:center !important;}
#content-07 .f-14rem{text-align:center !important;margin-bottom:10px !important;}	
#content-08{padding:10px 0;}
#content-09{padding:10px 0;}
	#content-09 .f-14rem{margin-bottom:10px !important;}
	.cta br{display:block;}
	.cta p{text-align:center !important;}
	p.cta-title{margin-bottom:10px !important;}
.mb-50 {
    margin-bottom: 10px;
}
	.f150{font-size:90%;margin-top:20px;}
.text-acc01 {
    font-size: 1rem;
}	
.text-acc01 span {
    color: #ee655f;
    font-size: 1.2rem;
}
	.price th{width:100%;float: left;}
	.price td{width:100%;float: left;}
	#content-01 .col-6{padding-left:15px;padding-right:15px;}
	#content-06 .container{padding-left:0;padding-right:0;}
	.price{padding-left:15px;padding-right:15px;}
h2 {
  text-align: center !important;
  margin-bottom:30px;
line-height: 3rem !important;
}
	h2.mb-5{text-align:center !important; margin-bottom:10px !important;}
h2 span {
    position: inherit;
    display: block;
    margin: 0px auto;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
}
h2 span::before,
h2 span::after {
  display:none;
}
h3 {
    font-size: 1rem;
    padding: 10px 15px;
    line-height: 140%;
}
	.about-table th{width:100%;float:left;	padding:10px 10px 5px;}
.about-table td {
    width: 100%;
    float: left;
	padding:0 10px 10px;
    font-size: 1rem;
}
p.cta-title {
    margin-bottom: 10px !important;
    text-align: left !important;
    font-size: 19px;
    font-weight: 700;
}
p.cta-title-sub{margin-bottom:20px !important; text-align:left !important;}
.point-title {
    font-size: 21px;
	margin-bottom:0;
	font-weight:900;
}
.point-title span {
    font-size: 24px;
}
	.pc-none{display:block;}
	.sp-none{display:none;}
.menu-title-left {
    font-size: 150%;
}
#covid {
    background:url(../img/covid-bg01.png);
}
	.title-mini{font-size:19px;}
}