@charset "utf-8";

body{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
  font-feature-settings: "palt";
	color:#333;
	background:#FFF;
}
p{text-align: justify;}
img{display:block;height:auto;max-width:100%; margin:0 auto}
a{color: #FFF}
a:hover{color: #d3ac6e}

.navbar{background: #222}
.navbar-header{margin:10px 0}

.catch{background:url(../img/catch-bg.jpg) center center no-repeat; padding:40px 0;}
.box-catch{
	background:#F0F2F3;
	border:1px solid #b4bdc2;
}
.box-catch h2{font-size: calc(1rem + 1vmin);}
.box-catch h3{font-size: calc(1.2rem + 1vmin);}

.button{
	display:inline-block;
	width:100%;
	text-align:center;
	text-decoration:none;
	border-radius:6px;
	outline:none;
	background-color:#FFF;
	color:#b27b8a;
  font-size: calc(.8rem + 1vmin);
	font-weight:bold;
	line-height:1em;
	letter-spacing:2px;
	padding:.6em .5em .5em;
}

.button_dic390{
	display:inline-block;
	width:100%;
	text-align:center;
	text-decoration:none;
	border-radius:6px;
	outline:none;
	background-color:#8CAB86;
	color:#000;
 font-size: calc(1.2rem + 1vmin);
	font-weight:bold;
	line-height:1em;
	letter-spacing:2px;
	padding:.6em .5em .5em;
}

.button:hover, .button .hover{letter-spacing:8px;color:#b27b8a; text-decoration:none}
.button_dic390:hover, .button_dic390 .hover{letter-spacing:6px;color:#000; text-decoration:none}

.button::before, .button::after {
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}
.button_dic390::before, .button_dic390::after {
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}
.button, .button::before, .button::after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.button_dic390, .button::before, .button_dic390::after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}

/*各プラン*/
.section{padding: 70px 0; position: relative;}
.section h2{
  /*color:#97b7c4;*/
  color:#b27b8a;
  font-weight: bold;
  font-size: calc(1rem + 1vmin);
}
.section h2 small{font-weight: normal;}
.section h2.cap {
  display: inline-block;
  padding: .5rem 18px .4rem;
  border-radius: 1rem;
  font-size: calc(1rem);
  color: #FFF !important;
  background-color: #b27b8a;
}
.section h3{color:#6e7181; font-size: calc(.8rem);}
.section p{font-size: calc(0.8rem + .4vmin);}
.section p strong{color:#FF0}

.section-blue{background-color: #F0F2F3;}
.section-red{background-color: #b27b8a; color:#FFF}
.section-red h2{
  color: #FFF;
  font-weight: bold;
  font-size: calc(1.4rem + 1vmin);
}



.section-gray{background-color: #778899;}
.section-gray{background-color: #b0c4de; color:#FFF}
.section-gray h2{
  color: #FFF;
  font-weight: bold;
  font-size: calc(1.4rem + 1vmin);
}



footer{margin-top:40px; text-align: center}
footer a, footer a:hover{color:#666; text-decoration:none}


@media screen and (min-width: 992px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 992px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
/*  .text-center{text-align: left !important}*/
  .text-center{text-align: justify !important}
  .text-none-sp { display:none; }
}