@charset "UTF-8";




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;	
}


/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

html { scroll-behavior: smooth;}

body {
	background-color: #fff;
/*	line-height: 1.6em;*/
	line-height: 1.8em;
	color: #333333;
	font-family: 'Noto Sans JP', sans-serif;
	word-wrap: break-word;


}


html, body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}





strong{
	font-weight: bold;	
}
.bold{
font-weight: bold;		
}

img {
	border: none;
	padding: 0px;
	vertical-align: bottom;
	max-width: 100%;
	top: auto;
	margin-right: 0px;
	
}


/*下マージンサイズ*/

.Btm5m {
	margin-bottom: 5px;
}
.Btm10m {
	margin-bottom: 10px;
}
.Btm15m {
	margin-bottom: 15px;
}
.Btm20m {
	margin-bottom: 20px;
}
.Btm25m {
	margin-bottom: 25px;
}
.Btm30m {
	margin-bottom: 30px;
}
.Btm35m {
	margin-bottom: 35px;
}
.Btm40m {
	margin-bottom: 40px;
}
.Btm45m {
	margin-bottom: 45px;
}
.Btm50m {
	margin-bottom: 50px;
}
.Btm60m {
	margin-bottom: 60px;
}
.Btm100m {
	margin-bottom: 100px;
}

.Right10m{
	margin-right: 10px;
}


.Right20m{
	margin-right: 20px;
}

.f12{
	
font-size: 0.8em;	
}
.f13{
	
font-size: 0.9em;	
}
.f14{
	
font-size: 1.2em;	
}


.dotLine{

  border: none;
  border-top: 1px dotted #999;
  height: 1px;

}


.txt-color-green{
	color: #22AA73;
}
.txt-color-green-B{
	color: #22AA73;
	font-weight: bold;
	font-size: 1.1em;
}

.txt-color-green2{
	color: #B0BF1E;
}
.txt-color-ye{
	color: #FFD500;
}

.txt-color-or{
	color: #F25A22;
}

.txt-color-red{
	color: #E60013;
}




.clr {
	clear: both;
}


a:link,a:visited {
	color: #004B9B;
	text-decoration: none;
}

a:hover,a:active {
	color: #004B9B;
	text-decoration: underline;
}



.Flex{
display: flex;
flex-wrap: wrap;

}
.Flex2{
display: flex;
	flex-wrap:nowrap;
}


.Flex2{
display: flex;

}



.Flex-B{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}



.Flex-C{
display: flex;
flex-wrap: wrap;
justify-content: center;
	gap: 20px;
}
.Flex-Cgap{
display: flex;
flex-wrap: wrap;
justify-content: center;
	gap: 20px;
}


/*clearfix*/

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.txt-center {
text-align: center;
}

.txt-right {
text-align: right;
}

/* リンク画像 */
a:hover img{
	filter:alpha(opacity=70);
	-ms-filter:""alpha(opacity=70)"";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}


/* ===============================================
ハンバーガーボタンのスタイリング
=============================================== */
.button-wrap {
	position: fixed;
	z-index: 100;
	right: 15px;
	top: 15px;
	background: #fff;
	border: 2px solid #00343d;
	width: 50px;
	height: 50px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.button {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.menu-text {
	font-size: 12px;
	color: #00343d;
	margin-bottom: 2px;
	line-height: 1;
	font-weight: bold;
	padding-top: 5px;
}

.button-icon {
  width: 35px;
  height: 35px;
  position: relative;
}

.button-bar {
  width: 100%;
  height: 2px;
  background: #00343d;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease;
}

.button-bar::before,
.button-bar::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #00343d;
  position: absolute;
  left: 0;
  transition: 0.3s ease;
}

.button-bar::before {
  top: -8px;
}

.button-bar::after {
  bottom: -8px;
}

.button.is-active .button-bar {
  background: transparent;
}

.button.is-active .button-bar::before {
  top: 0;
  transform: rotate(45deg);
}

.button.is-active .button-bar::after {
  bottom: 0;
  transform: rotate(-45deg);
}





.menu {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  inset: 0;
  transition: 0.3s ease;
	  z-index: 3;

}

.menu.is-active {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: 100vh;
  transition: 0.5s ease;
}

.overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
/*  background: rgba(124, 124, 124, 0.233);*/
	  background: rgba(0, 52, 61, 0.85);
}

.list {
	display: flex;
	z-index: 20;
	align-items: center;
	justify-content: center;
	height: 100vh;
	gap: 5px;
	font-size: 1em;
	flex-direction: column;
	list-style-type: none;
	position: relative;
}

.SpBtn-1 a {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-width:230px;
	color: #00343d;
	position: relative;
	font-size: 1em;
	line-height: 1em;
	background: #F3EC49;
	font-weight: bold;
}

.SpBtn-2 a {

	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-width: 230px;
color: #00343d;
	position: relative;
	font-size: 1em;
	line-height: 1em;
	background:#fff;
}



/**/