/* 全体 */
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', sans-serif;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 180%;
	letter-spacing: 1px;
}
.row{width: 100%;margin: 0;}

.mw200{max-width: 200px; margin-top: 10px;}
.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;}
.point-container{padding:2rem;}
.master-img{width:100%;}
.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:#021460;
    font-weight: 700;
    font-size: 2rem;	
}
.catch03 small{
	font-size: 70%;
}
.basebtn{
max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;	
}
.bg-white{
	padding:20px 30px;
}
.bg-white img{
	max-width:341px;
	position:relative;
	z-index:2;
	margin-top:-50px;
}
.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%;}
section h2 {
    line-height:120%;
	margin-bottom:30px;
	color:#021460;
	font-weight: 800;
}
section h2 span{margin-right:20px;}
.pc-none{display:none;}
.h5, h5 {
    font-size: 1.25rem;
    color: #021460;
    margin-bottom: 1rem;
}
.f-white{color:#fff;}
.black-box{
background: #404040;
    padding: 20px;
    box-shadow: 5px 5px 0px #a48362;	
	min-height:300px;
}
.black-box p{color:#fff;}
.price{max-width:800px;margin:0 auto;}
.price h3{
	background:#333;
	border-radius:100px;
	color:#cfb79f;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	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%;
}
footer a{
	color:#fff;
}
.f-orange{color:#ef7b1c;}
.cta{background:url("../img/cta-bg.png")bottom no-repeat,#fffbf0;background-size:cover;}
.cta2{background:url("../img/cta-bg.png")bottom no-repeat,url("../img/bg-cream-dot.png"); padding: 0;}
.cta-after{right: 50px; bottom: 50px;}

.cta{
	background:url("../img/cta-bg.jpg")no-repeat center;
	background-size:cover;
	padding:100px 10px;
}
	#s2{
		background:url("../img/cta-bg.jpg")no-repeat center;
		background-size:cover;
	}
#s4{background:url("../img/stripe.png");}
#s5{background:url("../img/s5-bg.png")no-repeat left top;}
#s6{background:url("../img/s6-bg.jpg")no-repeat center;background-size:cover;}
#s9{background:#f2f2f2;}
#contact-form{background:url("../img/contact-form-bg.jpg")no-repeat center;background-size:cover;}
#copyright{padding:20px; text-align:center;}

.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;}

.nav-link {padding: 0rem;}
.bg-secondary {background:rgba(255,255,255,.5) !important;}

.text-right {
    margin: 0 0 0 auto;
}

 .accordion-toggle a:after {
	font-family: "Font Awesome 5 Free";
    content: "\f00d";
    float: right;
    color: #021460;
	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: #021460;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
}
#s9 h4 {
    padding: 20px;
    border-radius: 200px;
    font-size: 1rem;
    color: #021460 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #021460;
	background:#fff;
}
.footer {
    padding-top: 1rem;
    padding-bottom: 100px;
    background-color: #25338f;
    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:#021460;}
a:active, a:focus, a:hover {
    color: #021460;
	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;}

.mw60p{
max-width:60%;
}

#point01{margin-top:50px;}
#point02{margin-bottom:50px;}
#point03{margin-bottom:50px;margin-bottom: 180px;}

#point01 .bg-white{
width: 60%;
position: absolute;
right: 0;
bottom: 0;
}

#point02 .bg-white{
width: 60%;
position: absolute;
left: 0;
bottom: 0;
}

#point02 .mw60p{
    margin: 0 0 0 auto;
}
#point03 .bg-white {
    width: 60%;
    position: absolute;
    right: 0;
    top: 25%;
}

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;
}

#fix-btn {
    width: 100%;
    position: fixed;
    right:0px;
    bottom:0px;
	z-index:100;
	max-width:300px;
	border-radius:20px;
}
#fix-btn a {
    color: white;
    padding: 10px;
    display: block;
    background: rgb(17,177,74);
    background: linear-gradient(180deg, rgba(17,177,74,1) 0%, rgba(36,139,56,1) 50%, rgba(17,177,74,1) 50%, rgba(36,139,56,1) 100%);
    text-align: center;
    width: 100%;
    left: 0;
    font-size: 24px;
    font-weight: 700;
}
#fix-btn a span{
    display: block;
    font-size: 18px;
	color: yellow;
}
#fix-btn img{
	width:100%;
}

/* タブレット以上 */
.f150{font-size:150%;}
.about dt, .about dd{border-bottom:1px dashed #666;}
@media (min-width: 992px){
#mainNav {
    padding-top: 0;
    padding-bottom: 0;
}
#mainNav.navbar-shrink {
    padding-top:0rem;
    padding-bottom:0rem;
	}
header.masthead {
    padding-top: 0rem;
    padding-bottom: 0rem;
}	
}

/* タブレット・スマホ */
@media (max-width: 992px){
	.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;
}
	header.masthead {
	padding-top: 0rem;
    padding-bottom: 0rem;
	}
.pc-none {display:block;}
	.logo{width:60%;}
	.logo img {width:100%;}
	h2 img{width:100%; padding:0 10px;}
	section{padding:10px !important;}
	.sp-btn{text-align:center; margin-bottom:20px;}
	.loop_css{height:100px;}
	#copyright{margin-bottom:0px;}
	footer{
    width: 100%;
}
.container{
	padding:10px 0 !important;
}
header.masthead {
    padding-bottom:0rem;
}
.white-box {
    padding: 20px;
}
.master-img{width:50%;}
.catch01 {
    font-size: 1rem;
    text-align: left;
    margin: 0 auto;
    line-height: 150%;
    padding-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    margin-top: 20px;
}
.point-container {
    padding: 1rem;
}
.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.3rem;
    margin-top: 20px;
}
br{display:none;}
section h2 {margin-top: 20px;}
section h2 span {margin-right:0px;}
	.text-right{text-align:center !important; margin-bottom:20px;}
	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;
}
.sp-p-0{padding:0;}
	#mainNav{display:none;}
#mv2 .container{padding-left:0;padding-right:0;}
.mb-50 {
    margin-bottom: 10px;
}
.f150{font-size:100%;margin-top:20px;}
#s5{background:transparent;}
.point-sp-box{
font-size: 1rem;
    font-weight: 700;
    background: url(../img/bg-cream-dot.png);
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 5px 5px 0px midnightblue;
	}
h2{font-size: 2rem !important; margin-bottom:10px !important;}
#s4 h4 {
    padding: 0;
    border-radius: 200px;
    font-size: 1.2rem;
    position: relative;
    text-align: left;
}
#point01{margin-top:0px;}
.mw60p {
    max-width: 100%;
}
#point01 .bg-white {
    width: 100%;
    position: inherit;
}
#point02 .bg-white {
    width: 100%;
    position: inherit;
}
#point03 .bg-white {
    width: 100%;
    position: inherit;
}
	#point03{
		margin-bottom:0;
	}
}