:root {
  --color-primary: #adff2f;/*greenyellow*/
  --color-font: #747474;/**/
  --color-font2: #060528;/**/
  --color-onMouse: #32cd32;/*limegreen*/
}
body {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	line-height:1.75;
/*	background-color:#b4fda06e;*/
}
.bdy{
	position: relative;
	background-image:url("../images/bck_l.jpg");
	background-size:contain;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
}
.page {
	position: absolute;
	left: 0px;
	top: 0px;
	width:auto;
	opacity:1;
}

#header{box-shadow:none;}
#loading-wrapper { 
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #CCC5C1; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  transition: all 0.3s; 
  z-index: 9999;
}
.loader {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.completed {
  opacity: 0;
  visibility: hidden;
}
.section-padding {
    padding: 0px 0;
}
.section-title h3 {
    font-size: 38px;
    padding-bottom: 30px;
}
#header .main-nav > ul > li > a {
/*    color: #ecb800;*/
	color: #b18a00;
	font-size: 0.9em;
	padding:10px 5px;
}
#header .main-nav > ul > li > a:link, #header .main-nav > ul > li > ul	> li > a:link{
  color: #b18a00;
}
#header .main-nav > ul > li > a:visited{
//	color: #00BFFF;
}
#header .main-nav > ul > li > a:hover, #header .main-nav > ul > li > ul	> li > a:hover{
	font-weight:bold;
//	color: #B22222;
}
#header .main-nav > ul > li > a:active{
//	color: #FF4500;
}

#header {
	padding-top:5px;
	height: 90px;
}
#header.header-scrolled, #header.header-pages {
/*	padding-top:5px;少し動くのをやめたければコメントアウトする*/
  height: 100px;
}
#header .logo img {
 /*   padding: 0;
    margin: 7px 0;*/
    max-height: 80px;
}
#header .main-nav {
/*	margin-top:-30px;*/
	margin-top:0;/*ロゴがない場合*/
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
.sec_about {
    padding-bottom: 4%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}
h2 {
    display: block;
    margin: 0 auto 0.8em;
    position: relative;
    text-align: center;
    border: 0;
    font-weight: bold;
    padding: 0 0 0.8em;
    font-size: 34px;
    font-size: 2.4rem;
    color: #222222;
}
.sec_about .h2_title {
    text-align: center;
}
/*
.sec_about .h2_title h2:before {
    content: "";
    display: block;
    position: absolute;
    background: #b28ed1;
    width: 100px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    transform: translateX(0%);
    left: auto;
}
.sec_about .h2_title h2:after {
    background: none;
    background: #b28ed1;
    width: 170px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: -60%;
    transform: translateX(-60%);
}
.sec_about h2:after {
    content: '';
    display: block;
    position: absolute;
    background-size: cover;
    width: 46px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
*/
.sec_about .h2_title h2 span {
    display: block;
    font-size: 22px;
    font-size: 1.6rem;
    font-weight: 300;
}
p.text {font-size:20px; font-size: 1.3rem;margin-bottom:1em;}
.ei {
    font-family: 'epress';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 16px;
    font-size: 1.0rem;
}
.ei.ei_square_s:before {
	content: '◇';
/*content: '\e91b';*/
	margin-left:2em;
	padding-top:5px;
}
.page-banner {
	margin-top: 100px;
	background-color:black;
}
.section-padding h3 {
	padding:0;
	font-size: 64px;
	letter-spacing: 10px;
}
h3.midashi3 {
font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
	width:100%;
/* b18a00 の逆の色 
	background-color:DarkGoldenrod;*/
	background-color:var(--color-onMouse);
	color:white;
	margin:0 0 30px 0;
	padding:30px 0;
	border-radius: 0.5em;/*角丸*/
	letter-spacing: 2px;
}
h3.midashi3a {
/*	font-size: 36px; IE8以下とAndroid4.3以下用フォールバック */
/*	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); 24px~36pxで可変*/
	width:100%;
	min-height:2em;
	font-family: "游ゴシック Midium", "游ゴシック", serif;
	background: var(--color-onMouse);
/*	background: -moz-linear-gradient(top, #1E00FF 0%, #05FBFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E00FF), color-stop(100%,#05FBFF));
background: -webkit-linear-gradient(top, #1E00FF 0%,#05FBFF 100%);
	background: linear-gradient(#1E00FF, #05FBFF);*/
	color:white;
	margin:0;
	padding:0.5em;
	border-radius: 0.5em;/*角丸*/
}
h3.midashi3b {
	color:white;
	font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
	width:100%;
	font-family: "游ゴシック Midium", "游ゴシック", serif;
	background-color:Navy;
	padding:30px 0;
/*	color:white;
	margin:0 0 30px 0;*/
	border-radius: 0.5em;角丸
}
div.maru1 {
	width:5em;
	height:5em;
	color:white;
	background: linear-gradient(#1E00FF, #05FBFF);
/*	background-color:red;
	border: 5px solid red;
	border-left: linear-gradient(#05FBFF, #1E00FF);*/
	float:left;
	border-radius: 50%;/*角丸*/
	padding-top:1.0em;
	text-align:center;
	line-height: 1.5em;
}
/*
h3.midashi3a:before {
content:"";
display:block;
height:1px;
width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#f00), to(#00f));
	background:-moz-linear-gradient(left, #f00, #00f);
	background:linear-gradient(left, #f00, #00f);
}*/
h4.midashi4 {
font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.5));/* 24px~36pxで可変*/
line-height:2.6;
	width:100%;
}
h5.midashi5 {
    font-size: 24px;
    font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.5));
    line-height: 1.5;
    color: white;
    padding: 0.55em 0 0.5em 1em;
    background-color: DarkGreen;
    /* width: 100%; */
    /* background: linear-gradient(transparent 90%,#ffee00 80%); */
    text-align: left;
    margin-top: 1em;
    border-radius: 0.5em;
}
h5.midashi5a {
    font-size: 2.25vw+10px;
    line-height: 1.25;
		min-height:2em;
    color: var(--color-font2);
    padding: 0.5em 0 0.5em 0.25em;
    background-color: var(--color-primary);
    /* width: 100%; */
    /* background: linear-gradient(transparent 90%,#ffee00 80%); */
    margin-top: 1em;
    border-radius: 0.5em;
}
h5.midashi5b {
  font-size: 2.25vw+10px;
  line-height: 1.25;
	min-height:2em;
  color: black;
	font-weight:700;
  margin-top: 1em;
}

p.textP1 {
	font-size:1.2em;
	text-align:left;
	color:#333333;
	margin-top:20px;
	line-height:1.75;
}
p.textP1a {
	font-size:1.2em;
	color:#333333;
	width:85%;
	margin:0 auto;
	margin-top:20px;
	line-height:1.75;
}
p.textP1b {
	font-size:1.2em;
	text-align:left;
	color:#333333;
	width:85%;
	margin:0 auto;
	margin-top:20px;
	line-height:1.75;
}
p.textP2 {
	font-size:1.4em;
	text-align:left;
	font-weight:bold;
	margin:30px 0;
/*	color:red;
	line-height:2.0em;*/
}
span.span1 {
	color: #364e96;/*文字色*/
	border: solid 3px lime/*#364e96*/;/*線色*/
	padding: 0.5em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
}
span.span1u {
  color: #364e96;/*文字色*/
  padding: 0;/*上下の余白*/
/*  border-top: solid 3px #364e96;上線
	background: linear-gradient(transparent 90%,lime 90%);*/
/*  border-bottom: solid 2px lime*//*#364e96*/;/*下線*/
	font-weight: bold;
}
span.span2 {
	color: #364e96;/*文字色*/
	border: solid 3px DeepPink/*#364e96*/;/*線色*/
	padding: 0.5em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
}
span.span2u {
  color: #364e96;/*文字色*/
  padding: 0;/*上下の余白*/
/*  border-top: solid 3px #364e96;上線
background: linear-gradient(transparent 90%,DeepPink 90%);*/
/*  border-bottom: solid 2px DeepPink*//*#364e96*/;/*線色*/
	font-weight: bold;
}
span.span2ua {
	color: #333333;/*文字色*/
  padding: 0;/*上下の余白*/
	background: linear-gradient(transparent 25%,#ffee00 90%);
	font-weight:bold;
}

span.span3u {
	color: white;/*文字色*/
  padding: 5px;/*上下の余白*/
	background-color:DarkGreen;
/*	background: linear-gradient(transparent 5%,lime 90%);*/
}
span.span3ua {
	color: #333333;/*文字色*/
/*	color:black;文字色*/
  padding: 0;/*上下の余白*/
	font-weight:bold;
	background: linear-gradient(transparent 25%,#ffee00 90%);
}
.bShadow1 {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	margin-bottom:10px;
	border-radius: 0.5em;/*角丸*/
}

.sakuraFont {font-family: "Midashi Min MA3", "ＭＳ ゴシック", serif;}
/*
h1{font-family:"Midashi Min MA31";font-size:30px;}
p{font-family:"Ryumin Medium KL";font-size:16px;}
*/
.border-gradation {
	border-left: 30px solid;
	border-image: linear-gradient(to top, DarkGreen 0%, lime 50%);
	border-image-slice: 1;
/*	border-radius: 10px;角丸*/
}
.clear {clear:both;}
.midashi5 {
/*	margin-left:-15px;*/
	background-color:#ffed00;
	text-shadow: 1px 1px 0 #333;
}
p.rec {
	font-size:1.8em;
	color:navy;
}
.feature-content h4 {
	color:white;
	text-shadow: 1px 1px 0 #555;
}
#footer {
	border-top: 3px solid #00aeda;
}
#footer .footer-top {
	padding: 60px 0 30px 0;
	background-color: #222;
	padding-left: 10px;
}
#footer .footer-top h3 {
	color:white;
}
#footer .footer-top .footer-info h3, #footer .footer-top .footer-links h3, #footer .footer-top .footer-contact h3{
	font-size: 20px;
	letter-spacing: 2px;
}
#footer .footer-top .footer-info h4, #footer .footer-top .footer-links h4, #footer .footer-top .footer-contact h4{
	color:#999;
	font-size: 16px;
	font-weight:normal;
	letter-spacing: 2px;
}
#footer .footer-top .footer-info .footer-recent-post ul, #footer .footer-top .footer-links ul {
	display: block;
	list-style-type: none;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 20px;
	padding-left:0;
}
#footer .footer-top .footer-info ul,#footer .footer-top .footer-info ul {
	margin: 0;
	padding: 0;
}
#footer .footer-top .footer-links ul a{
	color:#999;
}
#footer .footer-top .footer-contact p {
	color:#999;
	line-height: 20px;
	margin-bottom:10px;
}
#footer .footer-address .footer-content {
	display: inline-block;
}
#footer .footer-address .footer-content h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer .footer-address a {
	display: inline-block;
	font-size: 28px;
	width: 40px;
	color: #999;
}
#footer .footer-address span.va25 {
	margin-top: 6px;
	margin-left: 2px;
	vertical-align: 0.25em;
}
#footer .footer-links li:before {
    font-family: 'icomoon';
    content: "\e02d";
    padding-right: 5px;
}

/* contact-form */
.page-title {
    color: #fff;
    /* font-size: 24px; */
    font-size: 36px;
    letter-spacing: 1px;
    text-shadow: 1px 2px 3px #808080;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.page-banner .breadcrumb {
    background: transparent;
    float: right;
}
.page-banner .breadcrumb li {
    list-style: none;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    //padding-right: 5px;
}
.page-banner .breadcrumb li:after {
    content: '/';
    padding-left: 5px;
    /* color: #fff; */
    color: gray;
}
.breadcrumb li.tGray {
    color: white;
    /* color: gray; */
    text-shadow: 1px 2px 3px black;
}
.contact-info-box span {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
/*    background: #00aeda;*/
    background: var(--color-primary);
    margin: 0 0 20px;
}
.contact-info-box span i {
    color: #ffffff;
    font-size: 30px;
    line-height: 100px;
}
#map {
	height: 600px;
}
#map iframe {
	width:100%;
}
#contact-form input[type="text"], #contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #cccccc;
    margin-bottom: 30px;
    outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #999999;
    font-size: 13px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}
#contact-form input[type=text]:focus,
/*input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=url]:focus,*/
#contact-form textarea:focus,
#contact-form select:focus {
	color: #003a6c;
	background-color: #d9f6ff;
}
#contact-form input,
#contact-form textarea,
#contact-form select{
	letter-spacing:1px;
}

#contact-form input[type="submit"], #contact-form input[type="reset"] {
	color:var(--color-font);
	font-size:2em;
	background-color:var(--color-primary);
	border:0px solid darkblue;
	padding:1em;
	margin:1.5em;
	border-radius: 10px;
}

#contact-form .submit-area {
    text-align: center;
}
#contact-form .hov:hover {
	background-color:var(--color-onMouse); 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:white;
}
/* End contact-form */


/* Start About us Staff */
.about-text table {
	font-size:1.2em;
	border: 1px solid gray;
	background-color:transparent;
}
.about-text table th, .about-text table td {
	padding:0.75em;
	border: 1px solid gray;
}
.about-text table th {
	background-color: #E7E7E7;
}
.about-text p {
	line-height: 1.2em;
	margin-bottom:0.5em;
}
.about-text p.p1 {
	margin-bottom: 0px;
	line-height: 1.6em;
}
.panel-body {
	padding: 10px 5px;
	background-color: white;
}
.about-text figure {
	float: right;
	margin: 0 15px 15px 20px;
	width: 30%;
}
.about-text img {
	max-width: 90%;
	height: auto;
}
.about-text .bShadow1 {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	margin-bottom:10px;
	border-radius: 0.5em;/*角丸*/
}
.about-text .bShadow2 {
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	margin-bottom:10px;
}
.about-text .image-round {
  border-radius: 50%;
}
.about-text h3.midashi3, .use-text h3.midashi3 {
	text-align:center;
}
.about-text h4 {
	margin-top:20px;
	font-weight:bold;
}
/* End About us Staff */

/* Start Use_flow */
.use-text h4.m0 {
	text-align:left;
	padding:10px 0;
	padding-left:10px;
	font-weight:bold;
/*	background: linear-gradient(transparent 60%,#ffff66 60%);
	background: linear-gradient(transparent 50%,#ffee00 90%);*/
	background: linear-gradient(transparent 50%,#00ff00 90%);
}
.use-text h4.m1{
	margin-top:3em;
}
.use-text ul {
	display: block;
	list-style-type: none;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
	margin-top:2em;
	margin-left:1em;
}
.use-text ul li {
	margin-top:0.5em;
	font-size:1.2em;
	color:#333;
	padding-left:1em;
	text-indent:-1em;
}
.use-text li:before {
	font-family: 'icomoon';
	content: '\e90f';
	margin-right: 5px;
	color:#009933;
	font-weight:bold;
}
.use-text ol.tejun {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff;
}
.use-text ol.tejun li {
	margin-left:2.5em;
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}
.use-text ol.tejun li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
/*  background: #5c9ee7;
	background-color:#ecb800;*/
	background-color:#009933;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* End Use_flow */
/* Start Aタグ 共通 */
.a-tag a {
/*    color: #ecb800;*/
	color: #b18a00;
	font-size: 1em;
	padding:10px 10px;
}
.a-tag a:link{
  color: #b18a00;
}
.a-tag a:visited{
/*	color: #00BFFF;*/
}
.a-tag a:hover{
	font-weight:bold;
/*	color: #B22222;*/
}
.a-tag a:active{
/*	color: #FF4500;*/
}
/*a.anchor{
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}*/
.text-cen {
	text-align:center;
}
.footer-link ul li {
	padding-left:1em;
	text-indent:-1em;
}
#stafff, #privacy {
	padding-top:100px;
	margin-top:-100px;
}
/* End Aタグ 共通 */
/*  */
.alldiv a:link {

}
.alldiv a:visited {

}
.alldiv a:hover {

}
.alldiv a:active {
}
.tele a[href*="tel:"] {
	color:blue;
	text-align:center;
/*	pointer-events: none;*/
	cursor: default;
  position: fixed;
  bottom:0px;
	left:0px;
  width: 100%;
  height: 2em;
	background-color:white;
	padding:0.25em 0;
}
/*20220323 追加*/
#fixed {
position: fixed; /* 要素の位置を固定する */
top:0;
/*bottom: 0;  基準の位置を画面の一番下に指定する */
right: 0; /* 基準の位置を画面の一番右に指定する */
/*width: 300px;  幅を指定する */
/*border: 3px solid #326693;  ボーダーを指定する */
}
#header{
	padding-top:15px;
}
#relname{
/*position: relative;
float:left;
top:10px;
left:10px;*/
}
.teladr {
/*	position:absolute;
	top:10px;
	right:0px;*/
}
#relname p{font-size:1.0em;letter-spacing:1px;color:#b18a00;margin:0;line-height: 1;}
#relname span{font-weight:700;}
#rel{
position: relative;
float:right;
top:0px;
right:10px;
}
#rel-xs{
position: relative;
float:right;
top:0px;
right:40px;
}
#rel-sm{
position: relative;
float:right;
top:0px;
right:20px;
}
#rel-md{
position: relative;
float:right;
top:0px;
right:10px;
}
#rel p, #rel-xs p, #rel-md p, #rel-sm p{font-size:0.75em;margin:0;line-height: 1.25;}
.logo{
	background-image: url(../images/genialcompany.png);
	background-position: left 0px top 20px;
	background-repeat: no-repeat;
	background-size: 225px;
	height:50px;
	padding-top:1em;
	color:#ffffff00;
}
.logo	a{color:#ffffff00;}
.logo1{
	background-image: url(../images/genialcompany.png);
	background-position: left 150px top 25px;
	background-repeat: no-repeat;
	background-size: 275px;
}
.logo2{
	background-image: url(../images/Logo.png);
	background-position: left 25px top 0px;
	background-repeat: no-repeat;
	background-size: 80px;
	padding-top:1.25em;
	height:80px;
}
.logoX {
	position:absolute;
	top:44px;
	right:38px;
/*	left:125px;
  margin: 0;
  padding: 0;*/
}
.logoXsm {
	position:absolute;
	top:44px;
	right:20px;
}
.flex{
display: flex;
}

.text-le{text-align:left;}
.text-cen{text-align:center;}
.text-ri{text-align:right;}
.box {
  /* 子要素のタイトルを aboslute 配置するため必要 */
  position: relative;
	height:45px;
}
.box .box_Left {
  position: absolute;
  left: 0;
}
.box .box_Right {
  position: absolute;
  right: 0;
}

.image-round {
    border-radius: 50%;
}
.marginT{margin-top:2em;}
.ribbonX {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
	margin-bottom:25px;
}
.ribbonX:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -14px;
  left: -26px;
/*  z-index: -2;*/
  border: 20px solid #4be52f;
  border-left-color: transparent;/*山形に切り抜き*/
}

.ribbonX:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -14px;
  right: -26px;
  z-index: 0;
  border: 20px solid #4be52f;/*#56adf3;*/
  border-right-color: transparent;/*山形に切り抜き*/
}

.ribbonX h3 {
	text-align:center;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 30px;
  line-height: 45px;
  font-size: 24px;
	font-weight: bold;
  color: #FFF;
  background: var(--color-onMouse);/*#1aab08;#2196F3;真ん中の背景色*/
	z-index:2;
	padding-top:4px;
/*  display: inline-block;
  vertical-align: middle;*/
}
.ribbonX h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #009900;/*左の折り返し部分*/
}
.ribbonX h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #009900;/*#397eb5;右の折り返し部分*/
	z-index:1;
}
.waku1{
	margin:100px auto;
	padding:25px 0;
	width:60%;
	min-width:480px;
/*	border-left:double 5px #009900;*/
}
/*.waku2{
	margin:0px auto;
	padding:25px 0;
	width:60%;
	min-width:480px;
	border-left:double 5px #009900;
}*/
.more a {
    display: block;
    border: 1px solid var(--color-primary);
/*    color: #fff;*/
    color: var(--color-font);
    background: var(--color-primary);
    padding: 0.4em;
    margin: 10px auto 1px;
    max-width: 320px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    border-radius: 10px;
    font-size: 20px;
    font-size: 1.8rem;
    font-weight: bold;
}
.add_arrow {
    display: block;
    position: relative;
}
a {
    color: #222222;
    text-decoration: underline;
}
.more a:hover {
	background-color:var(--color-onMouse); 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:white;
}