:root {
	--web-view-ids: web;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}

.map_box iframe {
    width: 100%;
    height: 100%;
}
a{
	text-decoration:none;
}
.contents_video {
    text-align: center;
    width: 65%;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}
footer p {
    font-size: 12px;
}

h1 {
    font-size: clamp(1.625rem, 1.042rem + 1.22vw, 2.5rem);
}

.contents_about {
    font-size: clamp(0.875rem, 0.708rem + 0.35vw, 1.125rem);
    padding: 30px 0 30px 0;
}

p.low_txt {
    width: 100%;
    text-align: center;
    font-size: clamp(1.5rem, 0.417rem + 2.26vw, 3.125rem);
    font-weight: 700;
    color: #168848;
}

p.top_txt1,p.top_txt2,p.top_txt3 {
    display: block;
    text-align: left;
}

p.top_txt3 {
    font-size: clamp(1rem, 0.333rem + 1.39vw, 2rem);
    font-weight: 500;
}

p.top_txt2 {
    font-size: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    font-weight: 700;
}

p.top_txt1 {
    font-size: clamp(2.188rem, 0.521rem + 3.47vw, 4.688rem);
}

h2 {
    display: inline-block;
    text-align: left;
    font-size: 40px;
}

.top_txt {
    width: 65%;
    margin: 0 auto;
    text-align: center;
}

.contents_about table {
    margin: 0 auto;
    text-align: center;
}

footer {
    text-align: center;
    margin: 0 auto;
    background-color: #165888;
    color: #FFFFFF;
    padding: 30px 0 20px 0;
}

ul {
    list-style: none;
    display: inline-block;
    text-align:left;
    line-height: 175%;
    padding-top: 20px;
    font-size: clamp(0.875rem, 0.208rem + 1.39vw, 1.875rem);
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #DEE4EB;
}


.sec_box {
    width: 50%;
}

.contents_sec2 .sec_box {text-align: right;}
.sec_box img {
    width: 80%;
}

.contents_sec1 {
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.contents_sec2 {
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.contents_video iframe {
    width: 100%;
    height: 100%;
    padding-top: 20px;
}

.contets {
    background-color: #DEE4EB;
    /* width: 65%; */
    margin: 0 auto;
}

.low img {
    width: 35%;
    grid-row: 2 / span 1;
    grid-column: 1 / span 1;
}

img.EBPL {
    margin-left: 15px;
}

img.invoice {
    margin-right: 15px;
}

.low h2 {
    width: 100%;
    text-align: center;
    grid-row: 1 / span 1;
    grid-column: 1 / span 2;
}

.low {
    width: 100%;
    background-color: #FFFFFF;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.img_box img {
    width: 15%;
    margin: 0 auto;
}

.img_box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.top_lead {
    text-align: center;
    background-color: #165888;
    color: #FFFFFF;
}

main {
    width: 100%;
}

button.contact {
    background: #EFEF00 0% 0% no-repeat padding-box;
    border-radius: 41px;
    font-weight: bold;
    font-size: clamp(1.125rem, 2.34vw, 2.813rem);
}

button.contact {
    padding: 10px 50px;
}


header {
    /* position: fixed; */
    width: 100%;
    height: auto;
    text-align: center;
    padding: 1%;
    background-color: #DEE4EB;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}


td.a1 {
	border-left: 1px solid;
	padding-left: 5px;
}
td.a2 {
    padding-left: 5px;
}

td.left {
    padding-right: 5px;
	text-align: left;
}

.sp{
	display: none;
}
@media screen and (max-width:768px) {

	.pc{
		display: none!important;
	}
	.sp{
		display: block!important;
	}

.contact {
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    background-color: #FFFFFF;
}

.map_box {
    width: 85%;
    margin: 0 auto;
}


.contact img {
    width: 85%;
    margin-bottom: 30px;
    box-shadow: 10px 10px 10px #00000029;
}


	.contents_video {
		text-align: center;
		width: 100%;
		padding: 0 7.5%;
		aspect-ratio: 16 / 9;
		margin: 0 auto;
		background-color: #FFFFFF;
	}
	footer p {
		font-size: 12px;
	}
	
	h1 {
		font-size: clamp(1.625rem, 1.042rem + 1.22vw, 2.5rem);
	}
	
	.contents_about {
		width: 85%;
		margin: 0 auto;
		font-size: clamp(0.75rem, 0.391rem + 1.53vw, 1.125rem);
		padding: 30px 0 30px 0;
	}
	
	p.low_txt {
		width: 100%;
		text-align: center;
		font-size: clamp(1.875rem, 0.38rem + 6.38vw, 3.438rem);
		font-weight: 700;
		color: #168848;
		grid-row: 2 / span 1;
	}
	
	p.top_txt1,p.top_txt2,p.top_txt3 {
		display: block;
		text-align: left;
	}
	
	p.top_txt3 {
		font-size: clamp(0.875rem, 0.397rem + 2.04vw, 1.375rem);
		font-weight: 500;
		margin-top: 10px;
	}
	
	p.top_txt2 {
		font-size: clamp(1.125rem, 0.647rem + 2.04vw, 1.625rem);
		font-weight: 700;
		margin-top: 10px;
	}
	
	p.top_txt1 {
		font-size: clamp(1.625rem, 0.668rem + 4.08vw, 2.625rem);
	}
	
	h2 {
		display: inline-block;
		text-align: left;
		font-size: 40px;
	}
	
	.top_txt {
		width: 85%;
		margin: 0 auto;
		text-align: center;
	}
	
	.contents_about table {
		margin: 0 auto;
		text-align: center;
	}
	
	footer {
		text-align: center;
		margin: 0 auto;
		background-color: #165888;
		color: #FFFFFF;
		padding: 10px 0 10px 0;
	}
	
	ul {
		list-style: none;
		display: inline-block;
		text-align:left;
		line-height: 175%;
		padding: 20px 0;
		font-size: clamp(0.875rem, 0.636rem + 1.02vw, 1.125rem);
	}
	
	body {
		font-family: 'Noto Sans JP', sans-serif;
		background-color: #DEE4EB;
	}
	
	
	.sec_box {
		width: 100%;
	}
	
	.contents_sec2 .sec_box {text-align: left;}
	.sec_box img {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		/* box-shadow: 10px 10px 10px #00000029; */
	}
	
	.contents_sec1 {
		width: 85%;
		margin: 0 auto;
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-content: center;
	}
	.contents_sec2 {
		width: 85%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	.contents_video iframe {
		width: 100%;
		height: 100%;
		padding-top: 20px;
	}
	
	.contets {
		background-color: #DEE4EB;
		/* width: 65%; */
		margin: 0 auto;
	}
	
	.low img {
		width: 80%;
		margin: 0 auto;
	}
	
	img.EBPL {
		/* margin-left: 15px; */
		grid-row: 3 / span 1;
		grid-column: 1 / span 1;
	}
	
	img.invoice {
		grid-row: 1 / span 1;
		/* box-shadow: 10px 10px 10px #00000029; */
	}
	
	.low h2 {
		width: 100%;
		text-align: center;
		grid-row: 1 / span 1;
		grid-column: 1 / span 2;
	}
	
	.low {
		width: 100%;
		background-color: #FFFFFF;
		margin: 0 auto;
		padding-top: 15vw;
		text-align: center;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		align-items: center;
	}
	
	.img_box img {
		width: 25%;
		margin: 0 auto;
	}
	
	.img_box {
		/* position: relative; */
		width: 80%;
		top: 4vw;
		margin: 0 auto;
		padding-top: 3%;
		margin-bottom: -9vw;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		/* z-index: 0; */
	}
	
	.top_lead {
		text-align: center;
		background-color: #165888;
		color: #FFFFFF;
	}
	
	main {
		width: 100%;
	}
	
	button.contact {
		background: #168848;
		border-radius: 20px;
		color: #BEDDCE;
		font-weight: bold;
		font-size: clamp(1.125rem, 0.647rem + 2.04vw, 1.625rem);
	}
	
	button.contact {
		padding: 15px 30px;
	}
	
	
	header {
		/* position: static; */
		width: 100%;
		height: auto;
		text-align: center;
		padding: 1%;
		background-color: #DEE4EB;
		top: 0;
	}

p.contact_sp {
    font-size: clamp(0.875rem, 0.397rem + 2.04vw, 1.375rem);
}

span.red {}

span.red {
    color: #D12727;
}
	
	
	td.a1 {
		border-left: 1px solid;
		padding-left: 5px;
	}
	td.a2 {
		padding-left: 5px;
	}
	
	td.left {
		padding-right: 5px;
		text-align: left;
	}

/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 3;
	left: 16px;
	top: 1vw;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	}

.hamburger.sp.active {}

.hamburger.sp.active p:before {
    content: 'CLOSE';
}

.hamburger.sp p:before {
    /* content: 'open'; */
}

.hamburger p {
    display: block;
    position: absolute;
    top: 25px;
    /* margin: 0 auto; */
    /* font-size: 20px; */
    right: 0px;
}

.hamburger.sp.active p {
    right: -5px;
}

.hamburger p:before {
    content: "OPEN";
}

.hamburger p:before {
    /* content: ''; */
}

.hamburger.sp.active p:before {
}
  .hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px;
	left    : 6px;
	background: #151517C7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
	}
  .hamburger span:nth-child(1) {
	top: 10px;
  }
  .hamburger span:nth-child(2) {
	top: 17px;
	}
  .hamburger span:nth-child(3) {
	top: 25px;
	}
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background: #151517C7;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
	}
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
	top: 16px;
	background: #151517C7;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
	}
  
  nav.globalMenuSp {
	position: fixed;
	display: none!important;
	z-index: 0;
	top  : 0;
	left : 0;
	color: #fff;
	background: #DEE4EB;
	text-align: center;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	}
  
  nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	/* height: 100vh; */
	padding: 20vw 0 0 9vw;
	}
  
  nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	font-size: clamp(0.875rem, 0.277rem + 2.55vw, 1.5rem);
	transition: .4s all;
	}
  nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover{
	background :#ddd;
  }
  
  nav.globalMenuSp ul li a {
	display: block;
	color: #151517C7;
	padding: 1em 0;
	text-decoration :none;
	}
  
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
	opacity: 100;
	display: block!important;
	}	
	
}