@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* 全体 */
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", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
html{
	background:url("../img/bg.jpg")no-repeat center top;
	background-size:contain;	
}
body{
	max-width:1300px;
	width:100%;
	margin:0 auto;
	padding:0 50px;
	background:rgba(255,255,255,.8);
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 180%;
	letter-spacing: 1px;
	font-size:18px;
}

section h2 {
    font-size: 3rem;
    line-height: 4.5rem;
    color: #20745e;
    font-weight: 900;
    margin-bottom: 20px;
}
.h2-pt01 {
    position: relative;
    background: #20745e;
    color: #fff;
    padding: 20px;
    margin-bottom: 70px;
}
.h2-pt01:after {
    position: absolute;
    bottom: -50px;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    border-width: 50px 50px 0 50px;
    border-style: solid;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-color: #20745e transparent transparent transparent;
}
.h2-pt02 {
    position: relative;
    background: #003980;
    color: #fff;
    padding: 20px;
    margin-bottom: 70px;
}
.h2-pt02:after {
    position: absolute;
    bottom: -50px;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    border-width: 50px 50px 0 50px;
    border-style: solid;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-color: #003980 transparent transparent transparent;
}
h5 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
background: rgb(24,177,137);
background: linear-gradient(180deg, rgba(24,177,137,1) 0%, rgba(21,115,200,1) 100%);
  color: #fff;
}

h5:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}
.subheading{
	font-size:20px;
	font-weight:900;
}

.f-large{font-size: 160%;}
.f-yellow{color:yellow;}
.f-red{color:#bf0000;}
.f-green{color:#20745e;}
.fs-120{font-size:120%;}
.fs-150{font-size:150%;}
.fs-200{font-size:200%;}
.f-shadow {
    text-shadow: 0 0px 5px #333;
}
.bg-iso{background:url("../img/about-bg02.jpg")no-repeat right top;}
h3.bg-green{background:url("../img/h3-bg-green.jpg");}

.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}
.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;}
.mw1500{max-width:1500px;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:#a48362;
    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%;}
h3{
	background: #000;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    padding: 30px 10px;	
	letter-spacing:2px;
}
.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 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #003980;
    color: #fff;
}
.f-orange{color:#ef7b1c;}
.cta{padding: 0;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-title {
    text-align: center;
    font-size: 36px;
    color: #fff;
    line-height: 150%;
}
.present{padding:0;}
#content-01{padding:50px 0;}
#content-02{padding:50px 0;background:url("../img/content03-bg01.jpg")no-repeat right top;background-size:cover;}
#content-03 {
    padding: 20px 0 10px;
}
#content-03 p{
	color:#fff;
}
#content-04 {
    padding: 20px 0 10px;
}
#content-04 p{
	color:#fff;
}
#content-03 h2 {
    color: #fff;
    font-size: 35px;
    line-height: 180% !important;
}
.bg-grad1{background: rgb(24,177,137);background: linear-gradient(180deg, rgba(24,177,137,1) 0%, rgba(21,115,200,1) 100%);}
.bg-grad2{background: rgb(24,177,137);background: linear-gradient(0deg, rgba(24,177,137,1) 0%, rgba(21,115,200,1) 100%);}
.about-area{background:url("../img/content05-bg01.jpg")no-repeat center;background-size:cover;padding:50px 0;}
.about-container{
    background: #fff;
    box-shadow: 0 0 10px #ccc;
}
.about-textarea{padding:30px;text-align:center;}
.about-textarea p{font-weight:900;}
#content-caution{background:#000;padding:50px 0;}
#content-point {
    padding: 0 0 50px;
	background:url("../img/bg-cream-dot.png");
}
#content-voice{background:url("../img/voice-bg.jpg")no-repeat bottom,#93aad4;background-size:auto;padding:50px 0;}
#copyright{background:#404040; padding:20px; text-align:center; color:#fff;}
.white-box{
	padding:30px;
	background:#fff;
	border-radius:30px;
}
.list1{
	padding-left:0;
}
.list1 li{
	width: 50%;
    text-align: center;
    list-style: none;
    float: left;
    font-size: 24px;
	font-weight:900;
}
.list1 li span {
    margin: 10px;
    display: block;
    background: #fff;
    padding: 20px;
	border:2px dashed #000;
}
.bd-brown{border:5px solid #a48362;}
.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;
}

 .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;
}
.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: none;
    border: none;
    background: transparent;
}
.bx-pager-link.active{background:#ffba00 !important;}
h4 {
    padding: 20px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 180%;
    text-align: center;
    background: #19314d;
}

.footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #20745e;
    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;}

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;}
#content-09 h4 {
    padding: 20px;
    border-radius: 200px;
    font-size: 1.4rem;
    color: #a48362 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #a48362;
	background:transparent;
}
.pp{
    border: 1px solid #aaa;
    padding: 30px;
    height: 400px;
    overflow-y: scroll;
    margin-top: 20px;
}	
::-webkit-scrollbar {
    width: 10px;
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: #20745e;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background: #fff;
}
.pc-none{display:none;}
@media (min-width: 992px){
#mainNav {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 0px 5px #333;
	background:#000;
}
#mainNav.navbar-shrink {
    padding-top:0rem;
    padding-bottom:0rem;
	}
header.masthead {
    padding-top: 0rem;
    padding-bottom: 0rem;
}	
}

/* タブレット・スマホ */
@media (max-width: 767px){
	body{
		padding:0;
	}
	section{padding:20px;}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 1px;
    font-size: 14px;
}
#content-02 {
    padding: 20px 0;
}
section h2 {
    font-size: 23px;
    line-height: 2.5rem;
    color: #20745e;
    font-weight: 900;
    margin-bottom: 0px;
}
h3{font-size:1.5rem;}
.cta-title {
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 150%;
}
.subheading {
    font-size: 14px;
    font-weight: 500;
}
.sp-none{display:none;}
	.pc-none{display:block;}	
#content-03 h2 {
    color: #fff;
    font-size: 18px;
    line-height: 180% !important;
    font-weight: 500;
	padding-bottom: 10px;
}
.f-large {
    font-size: 140%;
    font-weight: 900;
}
.about-textarea p {
    font-weight: 500;
}
.about-textarea {
    padding: 15px;
    text-align: left;
    font-size: 12px;
}
.fs-150 {
    font-size: 100%;
}
.f-red {
    font-weight:700;
}
.bg-iso {
    background:transparent;
}
.fs-200 {
    font-size: 160%;
    font-weight: 700;
}
h4 {
    padding: 10px;
    font-size: 16px;
}
#content-09 h4 {
    padding: 10px 50px;
    border-radius: 200px;
    font-size: 14px;
    color: #a48362 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #a48362;
    background: transparent;
}
#content-voice {
    padding: 20px 0;
}
.list1 li {
    width: 100%;
}
h5 {
    padding: 1rem 1rem calc(1rem + 10px);
}
footer {
    padding-bottom: 180px;
}
	.sp-footer-btn{display:block;}	
}
.red{color:red;}
.yureru-j {
    animation: yureru-j 2s infinite;
}
.sfb-main{
	padding:10px;
	background:#003980;	
}
.sfb-main img{
	border-radius:20px;
}
@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);
    }
}