/**************************************
■共通
**************************************/
html{
	max-width:3200px;
	width:100%;
	font-size: calc(12px + 0.25vw);
}
body{
	/*標準（デフォルト）*/
	font-family: "mplus-1p-light";
	/*font-size: 1.2rem;*/
	word-break: break-all;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{
	max-width:3200px;
	width:100%;
	height:auto;
}
a {
	color: inherit;
	text-decoration:none;
}
#inherit{
	color: inherit;
}
div#header{
	position: -webkit-sticky;
	position:sticky;
	z-index:0;
	max-width:3200px;
	width:100%;
	top:0%;
	left:0%;
	background-color:#ffffff;
	color:#000000;
}
div#content{
	position:relative;
	z-index:1;
	max-width:3200px;
	width:100%;
	top: 0%;
	left: 0%;
}
/*
div#footer{
	position: -webkit-sticky;
	position:sticky;
	z-index:1;
	max-width:3200px;
	width:100%;
	top: 0%;
	left: 0%;
}
*/
/**************************************
■メニュー
**************************************/
.menu_box{
	position: fixed;
	max-width:3200px;
	width:100%;
	top: 0%;
	left: 0%;
	z-index:1000;
}
.menu_list{
	position: absolute;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:3200px;
	width:100%;
	top: 0%;
	left: 0%;
	padding:1%;
	border:solid 0px #000000;
	background-color:#ffffff;
	color:#000000;
	font-size: calc(11px + 0.25vw);
	text-align:left;
	opacity:1;
}
/*スマホ用*/
.menu_button{
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 2% 0 2%;
}
.menu_item{
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 2% 0 2%;
	background-color:#ffffff;
	opacity:1;
}

/*PC用*/
.menu_image{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:200px;
	width:50%;
	padding-right:2%;
	vertical-align:middle;
}
.menu_image_box{
	position:absolute;
	max-width:3200px;
	width:100%;
	top:calc(-10% - 7.25vw);
}
.menu_image_title{
	position:relative;
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-left:4%;
	font-size: calc(10px + 1.75vw);
	color:#ffffff;
	font-weight:300;
	text-shadow:#444444 1px 1px 2px, 
				#444444 -1px 1px 2px,
				#444444 1px -1px 3px, 
				#444444 -1px -1px 3px;
	text-align:left;
	z-index:500;
}
.top_front_layer{
	position:relative
	max-width:3200px;
	width:100%;
	text-align:center;
	background-color:#ffffff;
	z-index:1;
}
.top_news{
	max-width:3200px;
	width:100%;
	font-size: calc(12px + 2.25vw);
	text-align:center;
	color:#404040;
	font-weight:400;
}
.top_animation_box{
	position:relative;
	overflow:hidden;
	max-width:3200px;
	width:100%;
}
.ani_layer1{
	display:table;
	max-width:3200px;
	width:100%;
	background-color:#ffffff;
	left:0%;
}
.ani_layer_item{
	display:table-cell;
	background-color:#cccccc;
	max-width:3200px;
	width:50%;
}
.ani_layer2{
	position:absolute;
	max-width:3200px;
	width:100%;
	bottom:5%;
	left:5%;
}
.ani_layer3{
	position:absolute;
	max-width:3200px;
	width:100%;
	bottom:15%;
	left:-22%;
	margin-left:-64px;
}
.ani_layer4{
	position:absolute;
	max-width:3200px;
	min-width:200px;
	width:100%;
	bottom:8%;
	left:8%;
}

.div_box{
	position:relative;
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	background-color:#ffffff;
	color:#404040;
	text-align:center;
	z-index:100;
	transform:translate3d(0,0,0);
}
.div_box > .title{
	font-size: calc(18px + 2.25vw);
	color:#2ea5de;
	font-weight:300;
	text-shadow:#00ceff 0 0 3px;
}
.div_box > .words{
	font-size: calc(11px + 0.50vw);
	font-weight:300;
	color:#404040;
}
.more{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:1% 8% 1% 8%;
	max-width:240px;
	color:#00ccff;
	border:solid 1px #00ccff;
}
.footer{
	position:relative;
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	font-size: calc(11px + 0.25vw);
	color:#ffffff;
	text-align:center;
	background-color:rgba(0,0,0,0.8);
}
/*
.footer2{
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	font-size:1vw;
	color:#ffffff;
	text-align:center;
	background-color:#000000;
	opacity:0.6;
}
*/
.googlemap_box{
	position:relative;
	max-width:3200px;
	width:80%;
	height:auto;
	padding-top:75%;
}
.googlemap_box iframe{
	position:absolute;
	max-width:3200px;
	width:100%;
	height:75%;
	top:0;
	left:0;
}

.info_box{
	display:table;
	max-width:3200px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:1%;
	text-align:left;
	/*font-size:0.7rem;*/
}
.info_box2{
	display:table;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:3200px;
	width:80%;
	text-align:center;
	/*font-size:0.7rem;*/
}


/*20200528ADDここから*/
.box_palet{
	position:relative;
	display:table;
	max-width:900px;
	width:90%;
	text-align:center;
	font-size:0.8rem;
}
.box_image{
	display:inline-block;
	max-width:3200px;
	min-width:240px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	width:280px;
}
.image_on_btn{
	position:absolute;
	max-width:3200px;
	width:100%;
	bottom:15%;
	right:0%;
}
.image_on_btn2{
	position:absolute;
	max-width:900px;
	width:100%;
	bottom:10%;
	right:0%;
}
.box_title{
	font-size:1.5rem;
	font-weight:700;
	text-align:left;
}
.box_text{
	font-size:0.9rem;
	font-weight:400;
	text-align:left;
}
.title_text{
	text-decoration:none;
	border-bottom:solid 1px #000000;
	padding-bottom:2px;
	color:#000000;
	max-width:3200px;
	width:80%;
	font-size: calc(12px + 1.40vw);
}
.subtitle_text{
	text-decoration:none;
	border-bottom:solid 1px #000000;
	padding-bottom:2px;
	color:#000000;
	font-size:0.9rem;
}
.mini_text{
	font-size:0.6rem;
}
/*20200528ADDここまで*/

.info_item{
	display:table-cell;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:3200px;
	width:100%;
	font-size: calc(11px + 0.25vw);
	padding:0% 1% 0% 1%;
	vertical-align:middle;
	text-align:left;
	color:#000000;
}
.info_btn{
	position:absolute;
	max-width:3200px;
	width:100%;
	bottom:-15%;
	left:0%;
}
.separater{
	max-width:3200px;
	width:80%;
	background-color:#2ea5de;
	color:#2ea5de;
	height:1px;
	border: none;
}
.txt_underline{
	max-width:3200px;
	width:80%;
	text-decoration:none;
	border-bottom:solid 1px #004095;
	padding-bottom:2px;
	color:#004095;
	font-size: calc(12px + 1.40vw);
}

.service_box{
	display:table;
	max-width:3200px;
	width:80%;
	text-align:center;
	font-size:0.8rem;
}
.service_image{
	max-width:3200px;
	min-width:200px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	width:49%;
}
.service_title{
	max-width:3200px;
	width:80%;
	font-size: calc(20px + 3.75vw);
	color:#2ea5de;
	text-shadow:#00ceff 0 0 4px;
	text-align:left;
}
.service_detail{
	max-width:3200px;
	width:80%;
	font-size: calc(12px + 0.30vw);
	color:#404040;
	text-align:left;
}

/*ニュース記事の表示エリア（記事が多くなるとデザインが崩れるため、一定以上の文章はスクロール表示）*/
.scroll_box {
	overflow:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	border:solid 0px #efefef;
	max-width:3200px;
	max-height:160px;
	width:100%;
	height:10%;
	font-size: calc(12px + 0.50vw);
	text-align:left;
	vertical-align:top;
}

/*お問い合わせフォーム用*/
.wpcf7-form-control{
	max-width:100%;
}

/*pagenavi用*/
.wp-pagenavi a,span{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:3px;
	font-size:calc(10px + 0.25vw);
	padding:1% 1% 1% 1%;
}

