/*
*,*::after,*::before{box-sizing:border-box}
html{}
body{font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
color:#2e3233;background-color:#fff}

a{color:#69aa6f;text-decoration:none}
img{max-width:100%}
*/


.cd-intro{padding-top: 100px;}

@media only screen and (min-width:11200px){
.cd-intro{padding:250px 20px 0}
}

footer,.cd-main-content,.cd-main-header{position:relative;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
@media only screen and (max-width:1199px){
.cd-intro{padding-top: 50px;}
.cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

}
.cd-main-content{min-height:100vh;z-index:2;}
.cd-main-header{height:50px;background:#fff;z-index:3;box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.1);}
.nav-is-fixed .cd-main-header{position:fixed;top:0;width:100%}
@media only screen and (min-width:1200px){
.cd-main-header{height:110px}
}
/*.cd-logo{ width:50px;position:absolute;top:12px;left:5%}*/
.cd-logo{position:absolute;top:18px;}
.cd-logo img{display:block; width:200px;}
.aid { font-size:10px;position:absolute; top:80px; color:#000; font-weight:bold;}

.cd-header-buttons{
	position: absolute;
	display: inline-block;
	top: -1px;
	right: 2%;
}
.cd-header-buttons li{display:inline-block}

@media only screen and (min-width:1200px){
.cd-header-buttons{top:18px;right:4em}
}

.cd-search-trigger,.cd-nav-trigger{position:relative;display:block;width:44px;height:44px;overflow:hidden;white-space:nowrap;color:transparent;z-index:3}

.cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after{position:absolute;display:inline-block;height:3px;width:24px;background:#003366;}
.cd-nav-trigger span{position:absolute;top:50%;right:10px;margin-top:-2px;-webkit-transition:background .3s .3s;-moz-transition:background .3s .3s;transition:background .3s .3s}
.cd-nav-trigger span::before,.cd-nav-trigger span::after{content:'';-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;right:0;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform .3s .3s;-moz-transition:-moz-transform .3s .3s;transition:transform .3s .3s}
.cd-nav-trigger span::before{top:-6px}
.cd-nav-trigger span::after{top:6px}
.cd-nav-trigger.nav-is-visible span{background:transparent}
.cd-nav-trigger.nav-is-visible span::before,.cd-nav-trigger.nav-is-visible span::after{background:#003366}

/* 必要なし */
.cd-nav-trigger.nav-is-visible span::before{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg)}
.cd-nav-trigger.nav-is-visible span::after{-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg)}

@media only screen and (min-width:1200px){
.cd-nav-trigger{display:none}

}
.cd-primary-nav,.cd-primary-nav ul{
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
}

.cd-primary-nav a,.cd-primary-nav ul a{
	display: block;
	padding: 0 20px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform,opacity;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	-moz-transition: -moz-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;cursor:pointer;
	font-weight:bold;
}
.cd-primary-nav.is-hidden,.cd-primary-nav ul.is-hidden{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.cd-primary-nav.moves-out>li>a,.cd-primary-nav ul.moves-out>li>a{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
@media only screen and (max-width:1199px){
.cd-primary-nav,.cd-primary-nav ul{
	width: 260px;
}
.cd-primary-nav a,.cd-primary-nav ul a{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #3a3f40;

}
.cd-primary-nav .cd-nav-gallery h3 { font-weight:normal;overflow:hidden;text-overflow:ellipsis;}

.cd-logo{position:absolute;top:5px; margin-left:-35px;}
.cd-logo img{display:block;height:30px; padding-left:0px;}
.cd-logo_b{position:absolute;top:5px; left:75px;}
.cd-logo_b img{display:block;height: auto; width:80px !important; padding-top:0px;}

.cd-primary-nav{visibility:hidden;-webkit-transition:visibility 0s .3s;-moz-transition:visibility 0s .3s;transition:visibility 0s .3s}
.cd-primary-nav.nav-is-visible{visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s}
}
@media only screen and (min-width:1200px){
/*.cd-primary-nav{position:static;padding:0 150px 0 0;height:auto;width:auto;float:right;overflow:visible;background:0 0}*/
.cd-primary-nav{
	position: static;
	padding: 0 0px 0 0;
	height: auto;
	width: auto;
	overflow: visible;
	background: 0 0;
	float: right;
	margin-top:20px;
}
.cd-primary-nav::after{}
.cd-primary-nav.moves-out>li>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.cd-primary-nav ul{position:static;height:auto;width:auto;background:0 0;overflow:visible;z-index:3}
.cd-primary-nav ul.is-hidden{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-primary-nav ul.moves-out>li>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.cd-primary-nav>li{float:left;margin-left:0em;}
.cd-primary-nav>li>a{position:relative;display:inline-block;height:60px;line-height:60px;padding:0 10px;color:#000;overflow:visible;border-bottom:none;-webkit-transition:color .3s,box-shadow .3s;-moz-transition:color .3s,box-shadow .3s;transition:color .3s,box-shadow .3s}
.cd-primary-nav>li>a:hover{
	color: #000000;
	box-shadow:inset 0 -4px 0 #d90000;
	text-decoration: none;
}
.cd-primary-nav>li>a.selected{color:#000000;box-shadow:inset 0 -4px 0 #000000}
.cd-primary-nav .go-back{display:none}


.cd-primary-nav .cd-nav-gallery {
	position: fixed !important;
	top: 110px;
	width: 100vw !important;
	background-color: rgba(255,255,255,1.0);
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #CCC;
}

.cd-primary-nav .cd-nav-gallery::after {}
.cd-primary-nav .cd-nav-gallery.is-hidden {opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}

}
.has-children>a,.go-back a{position:relative}
.has-children>a::before,.has-children>a::after,.go-back a::before,.go-back a::after{content:'';position:absolute;top:50%;margin-top:-1px;display:inline-block;height:2px;width:10px;background:#999;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.has-children>a::before,.go-back a::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.has-children>a::after,.go-back a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
@media only screen and (min-width:1200px){
.has-children>a::before,.has-children>a::after,.go-back a::before,.go-back a::after{background:#c9cbc4}
.has-children>a:hover::before,.has-children>a:hover::after,.go-back a:hover::before,.go-back a:hover::after{background:#000000}
}
.has-children>a{padding-right:40px}
.has-children>a::before,.has-children>a::after{right:20px;-webkit-transform-origin:9px 50%;-moz-transform-origin:9px 50%;-ms-transform-origin:9px 50%;-o-transform-origin:9px 50%;transform-origin:9px 50%}
.cd-primary-nav .go-back a{padding-left:40px}
.cd-primary-nav .go-back a::before,.cd-primary-nav .go-back a::after{left:20px;-webkit-transform-origin:1px 50%;-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-o-transform-origin:1px 50%;transform-origin:1px 50%}
@media only screen and (min-width:1200px){
.has-children>a::before,.has-children>a::after{right:15%}
.cd-primary-nav>.has-children>a{padding-right:30px!important}
.cd-primary-nav>.has-children>a::before,.cd-primary-nav>.has-children>a::after{width:9px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background:#c9cbc4;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:width .3s,-webkit-transform .3s;-moz-transition:width .3s,-moz-transform .3s;transition:width .3s,transform .3s}
.cd-primary-nav>.has-children>a::before{right:12px}
.cd-primary-nav>.has-children>a::after{right:7px}
.cd-primary-nav>.has-children>a.selected::before,.cd-primary-nav>.has-children>a.selected::after{width:14px}
.cd-primary-nav>.has-children>a.selected::before{-webkit-transform:translateX(5px) rotate(-45deg);-moz-transform:translateX(5px) rotate(-45deg);-ms-transform:translateX(5px) rotate(-45deg);-o-transform:translateX(5px) rotate(-45deg);transform:translateX(5px) rotate(-45deg)}
.cd-primary-nav>.has-children>a.selected::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.cd-primary-nav .go-back a{padding-left:20px}
.cd-primary-nav .go-back a::before,.cd-primary-nav .go-back a::after{left:1px}
}

@media only screen and (min-width:1200px){
.cd-nav-trigger{display:none}
}
.cd-overlay{position:fixed;z-index:2;height:100%;width:100%;top:0;left:0;cursor:pointer;background-color:rgba(0,0,0,0.4);visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;-moz-transition:opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;transition:opacity .3s 0s,visibility 0s .3s,transform .3s 0s}
.cd-overlay.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;transition:opacity .3s 0s,visibility 0s 0s,transform .3s 0s}
@media only screen and (max-width:1199px){
.cd-overlay.is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

.cd-overlay.is-visible.search-is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
.no-js .cd-primary-nav{position:relative;height:auto;width:100%;overflow:visible;visibility:visible;z-index:2}


@media only screen and (min-width:1200px){
.no-js .cd-primary-nav{position:absolute;z-index:3;display:inline-block;width:auto;top:0;right:150px;padding:0}
.no-js .nav-is-fixed .cd-primary-nav{}
.cd-nav-gallery {
	justify-content: space-around;
	align-items: center;/* padding-left:10%; padding-right:10%;*/}
.cd-nav-gallery li {
	width: 23%;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
}
.cd-nav-gallery li a {padding: 10px;}
.cd-nav-gallery .itembox01 {margin-bottom:1em;}

}
/*-----------------------------------------追加--*/

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

.cd-nav-gallery {}
.cd-nav-gallery li {
	padding-top: 5px;
	padding-bottom: 1px;
}
.cd-nav-gallery .itembox01 {
	width: 60px;
	float: left;
}
.cd-nav-gallery h3 {
	padding-left: 10px;
	font-size:14px;
}
.aid { display:none;}
}

@media only screen and (min-width:1200px){
.cd-primary-nav .cd-secondary-nav,.cd-primary-nav .cd-nav-gallery,.cd-primary-nav .cd-nav-icons{
	position: fixed !important;

}

/*--スクロール後のhead--*/
.fixed{
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
}

.fixed .cd-primary-nav{margin-top:0px;}
.fixed .cd-primary-nav>li>a{position:relative;display:inline-block;height:50px;line-height:50px;}
.fixed .cd-nav-gallery { top:50px;}
.fixed .cd-logo {top: 3px;margin-bottom: 3px;}
.fixed .cd-logo img {height:44px;}
.fixed .aid { display:none;}

.close a{
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 1;
	cursor: pointer;
	background-color: #0a3f7f;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	padding: 0px;
	font-size: 12px;
	border-radius: 50%;
	color:#fff;
}
.close a:before{
	content: "×";
	display: block;
	font-size: 20px;
	line-height: 1em;
}
.close a:hover{
	text-decoration: none;
}
/*--------------------------------------------------メニューinner--*/
.menu-container {
	width: 100vw;
	padding: 1% 5% 1.5%;
}
.menu-inner {
	display: flex;
	color: #000;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
}
.menu-inner a {}
.menu-left {
	width: 24%;
	padding-right: 1%;
	margin-bottom: 2%;
}
.menu-right {
	width: 77%;
	margin-bottom: 0%;
	margin-right: 1%;
}
.menu-right h3 {text-align: left; padding-left:1em;}
.imgfull {padding-top: 30px;}
.imgfull img {
	width:100%;}
ol.olflex1, ol.olflex2, ol.olflex3 {
	display:flex;
	flex-wrap: wrap;
}
ol.olflex1 a, ol.olflex2 a, ol.olflex3 a {
	color:#000;}
ol.olflex1 a:hover, ol.olflex2 a:hover, ol.olflex3 a:hover { background-color:#f2f2f2;
	text-decoration: none;
}
ol.olflex1 li:hover, ol.olflex2 li:hover, ol.olflex3 li:hover {}
ol.olflex1 li {
	width: 24%;
	margin-right: 0%;
	margin-bottom: 1%;
	text-align: left;
}
ol.olflex1 .mgbox {display: flex;}
ol.olflex1 .mgbox .fas {width: 7%;}
ol.olflex1 .mgbox p { font-size:12px;margin-bottom:0; color:#ccc;}
ol.olflex1 .mgbox .mgboxch1 {
	width: 30%;
	padding-right: 10px;}
ol.olflex1 .mgbox .mgboxch1 img {width: 100%;}
ol.olflex1 .mgbox .mgboxch2 {width: 70%;}
ol.olflex2 .mgbox .mgboxch1 {width: 70%; display:inline;}
ol.olflex1 .mgbox h3 {
	font-size: 14px;
	white-space: normal;
	font-weight: bold;
	display: inline-block;
	line-height: 1.2em;
}

ol.olflex2 li {
	width: 47%;
	margin-right: 1%;
	margin-bottom: 0%;
	text-align: left;
}
ol.olflex2 .mgbox-nomal {display: inline-block;}
ol.olflex3 li {
	width: 30%;
	margin-right: 1%;
	margin-bottom: 1%;
	text-align: left;
}

ol.olflex3 .fas {
	margin-top: 0.3em;
	margin-right: 0.5em; 
}
ol.olflex2 .mgboxch1 {
	display: table-cell;
	width: 50px;
	padding-right: 10px;
}
ol.olflex3 .mgbox1 {
	display: flex;
	width: 100%;
	padding: 0px;
}

}


@media only screen and (max-width:1199px){
ol.olflex2 .mgbox .mgbox-nomal { display: inline-block;}

ol.olflex1 .mgbox .mgboxch1 {
	width: 30%;
	padding-right: 10px;}
ol.olflex1 .mgbox .mgboxch1 img {width: 100%;}
ol.olflex1 .mgbox .mgboxch2 {width: 70%;}
ol.olflex2 .mgbox .mgboxch1 {width: 70%; display:inline;}

}


/* ----------------------------------------------------------------- 追加 -- */
.menu-container {}

/*--topへ戻る--*/
#page_top{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom:0;
	background: #d90000;
	z-index:2;
}
#page_top:hover{
	background-color: #BD0000;
}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 12px;
  right: 15px;
  left: 0;
  margin: auto;
  text-align: center;
}

footer {
	background-color: #f2f2f2;
	padding-top: 26px;
}
ul.ulfoot {
	box-shadow: 0px 1px 0px 0px rgb(255,255,255);
	-webkit-box-shadow: 0px 1px 0px rgb(255,255,255);
	-moz-box-shadow: 0px 1px 0px rgb(255,255,255);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 4em;
	padding-bottom:1em;
	overflow:hidden;
}
ul.ulfoot li {
	float: left;
	margin-right: 20px;
	white-space: nowrap;
	font-weight: 600;
}
ul.ulfoot li a {color:#000000;}
ul.ulfoot li a:hover {
	text-decoration: underline;
}

ul.ulfoot2 {
	margin-bottom: 2em;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
ul.ulfoot2 li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size:90%;
	color:#000000;
	font-weight: 600;
}
ul.ulfoot2 li:nth-child(1) {
	padding-right: 10px;
}
ul.ulfoot2 li:nth-child(1)  img{
	width:160px;
}
ul.ulfoot2 li:nth-child(2)  {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-left: 1px solid #000000;
	padding-left: 20px;
}

#copyright {
	color: #fff;
	background-color: #000000;
	text-align: center;
	font-size: 12px;
	padding-top: 21px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
body{font-size: 90%;}
.container {margin-top:0px;}
#page_top{width: 45px;height: 40px;}
#page_top a{width: 45px;height: 40px;padding-top: 8px;}
#page_top a::before{font-size: 24px; top:0px;  right: 0px;}

ul.ulfoot2 li:nth-child(2)  {
	border-left: none;
}

#copyright {
	padding-top: 10px;
	padding-bottom: 11px;
}

}