@charset "UTF-8";

html{
	visibility: hidden;
}

html.wf-active{
	visibility: visible;
}

/* ---------------------------------- ページ基本共通設定 ---------------------------------- */

*, *:after, *:before {
	box-sizing: border-box;
}

*:after, *:before {
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
::-webkit-input-placeholder {
color:#999999;
opacity:1;
}
::-moz-placeholder {
color:#999999;
opacity:1;
}
:-ms-input-placeholder {
color:#999999;
}
:focus::-webkit-input-placeholder {
opacity:1;
color:transparent;
}
:focus:-moz-placeholder {
opacity:1;
color:transparent;
}
:focus::-moz-placeholder {
opacity:1;
color:transparent;
}
:focus:-ms-placeholder {
opacity:1;
color:transparent;
}

html{
	font-size: calc(10px * 0.753);
}

/*
@media screen and (max-width:1540px) {
	html{
		font-size: 0.649vw;
	}
}*/

@media screen and (max-width:1160px) {
	html{
		font-size: 0.649vw;
	}
}

@media screen and (max-width: 750px) {
	html{
		font-size: 2.666vw;
	}
}

@media screen and (max-width: 750px) {
	html{
		font-size: 2.666vw;
	}
}

body{
  font-family: 'Noto Sans JP', sans-serif; 
	font-size: 100%;
  font-weight: 400;
  letter-spacing: normal;
	line-height: 1.71;
	color: #000;
	background-color: #fff;
	min-width: 32rem;
	font-size: 2.9rem;
	letter-spacing: -0.01em;
}

@media screen and (max-width: 750px) {
	body{
		font-size: 1.6rem;
	}
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, body { font-family: "メイリオ", Meiryo, sans-serif; } /* IE11 */
}

.font_shuei_l{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 400;
}

.font_shuei_b{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
}

.font_sans{
  font-family: 'Noto Sans JP', sans-serif; 
  font-weight: 300;
}


a {
	color: inherit;
	text-decoration: none;
}
.normal a:hover {
	text-decoration: underline;
}
.underline {
	text-decoration: underline;
}
a.underline {
	text-decoration: underline;
}
.normal a.underline:hover {
	text-decoration: none;
}

a.underline .c-flex_text .c-text{
	text-decoration: underline;
}

.normal a.underline:hover .c-flex_text .c-text{
	text-decoration: none;
}

a[href*="tel:"]{ cursor: default !important; text-decoration: none !important; opacity: 1 !important; }

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
input[type="text"],input[type="email"],textarea,.select_box{
  border: 1px solid #e5e5e5;
  padding: 0 1.28em;
  height: 5rem;
  line-height: 1;
  color: #000;
  border-radius: 1rem;
  width: 100%;
	background-color: #ffffff;
}

.error_color{
	border: 1px solid #e6b8b8 !important;
	background-color: #ffcccc !important;
}

textarea{
  height: 14.4rem;
  padding: 1em 1.28em;
  line-height: 1.4;
}

select{
  width: 100%;
}

hr {
	border-left: none;
	border-right: none;
	border-top: none;
	height: 0;
	border-bottom: 1px solid #66290a;
	margin: 1rem 0;
}

figure{
  line-height: 0;
}
picture{
	line-height: 0;
}

@media screen and (max-width:750px) {

input,textarea, select{
  font-size: 16px;
}
  
}