a.menulink2:visited {
  color: #2E2E2E;
} 
#PCMENU a.menulink1:link {
     border: none;
    background-color: initial !important;
    font-weight: 600;
}
#PCMENU li:last-of-type > a.menulink1 {
  background-color: #00B49D !important;
  margin-left: 8px;
}
#PCMENU li:last-of-type > a.menulink1:hover {
color: #00B49D !important;
background-color: #fff !important;
}
#PCMENU li.current > a.menulink1,
#PCMENU li.current > a.menulink1:hover,
#PCMENU li.infield > a.menulink1,
#PCMENU li.infield > a.menulink1:hover {
  background-color: initial !important;
}
#DEFAULT section {
  padding: 0 20px;
}
.footer {
  border: none;
  background-color: #2E2E2E;
  color: #fff;
  text-align: center;
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
.footer {
  height: 100%;
}
.footer_inner {
  display: inline-block;
}}
.footer_inner > div > div {
  display: inline-block;
  margin: 1rem;
  float: left;
}
@media screen and (max-width: 768px) {
.footer_inner > div > div{
  float: none;
}}
@media screen and (max-width: 768px) {
.footer_inner .footerlogo {
margin: 1rem auto;
float: left;
text-align: center;
width: 100%;
}
}
.footer_inner div.footnavibox {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding-right: 10px;
  margin: 2rem 1rem;
}

@media (max-width: 720px) {
.footer_inner div.footnavibox {
border-right: none;
border-left: none;
border-top: 1px solid #fff;
margin: 0;
padding: 1rem 0;
}}

.footnavibox a {
padding: 10px 0 10px 10px;
}
.footnavibox a:link,
.footnavibox a:visited {
 color: #fff;
}

@media (max-width: 720px) {
.footnavibox a {
display: inline-block;
text-align: center;
width: 46%;
padding: 10px 0;
}}
#page_top {
width: 120px;
border-radius: 0;
border: 1px solid #F1F1F1;
}
@media screen and (max-width: 768px) {
#page_top {
border-right:none;
border-left:none;
}}
#page_top span {
font-size: 1rem;
}
/*----- トップページ ------*/

@media (max-width: 720px) {
#TOPPAGE .wrapper, #TOPPAGE .content, #TOPPAGE .sidebar {
padding:0 ;
}}

#TOPPAGE header {
  position: relative;
  width: 100%;
  height: 800px;
  background-image: url(/img/usr/default/ySQ-4-NRf-4.jpg);
  background-size: cover;
}

#TOPPAGE header::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
#TOPPAGE header {
  height: 560px;
}}
#HEAD {
position: relative;
z-index: 100;
}
#HEAD .topmsg_box {
/* padding-top: 20vh; */
padding: 20vh 10px 0 10px;
}
#HEAD .topmsg_box strong {
font-size:3rem;
line-height: 1.5;
}
#HEAD .topmsg_box bold {
font-size:2rem;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
#HEAD .topmsg_box {
/* margin-top: 10vh; padding: 0 10px; */
padding: 14vh 10px 0 10px;
}
#HEAD .topmsg_box strong {
font-size:2rem;
}
#HEAD .topmsg_box bold {
font-size:1.5rem;
}
#HEAD .topmsg_box a {
margin-top: 0;
}
}
.headbox {
  position: fixed;
  display: block;
  width: 98%;
  padding: 1%;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(54,54,54,0.8) 90%);
  top: 0;
  z-index: 999;
}

.sitetitle {
  display: inline-block;
  float: left;
}

@media (max-width: 720px) {

.sitetitle a img {

  max-width: 200px;

  height: auto;

  padding: 1rem 0 0 1rem;

}}

.msgbox {

  color:#fff;

}

#TOPPAGE h2 {
  text-align: center;
  margin: 0;
  font-size: 3rem;
  line-height: 1.2;
  padding: 2rem 0;
  font-weight: 600;
}
#TOPPAGE h2 span {
  font-size: 1rem;
  display: block;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
#TOPPAGE h2 {
padding: 1rem;
}}

#HISTORY,
#NETWORK {
display: flex;
}
@media screen and (max-width: 768px) {
#HISTORY,
#NETWORK {
display: block;
}}

.box1,
.box2 {
}

.box1 {
  width: 24%;
  color: #fff;
  padding: 4rem 1rem 0 1rem;
}
@media screen and (max-width: 768px) {
.box1{
padding: 2rem 1rem;
}}
.topmsg_box a:link {
position: relative;
background-color: #fff;
display: inline-block;
max-width: 400px;
margin: 2rem 0;
width: 80%;
padding: 0.8rem 1.5rem;
border: 1px solid #fff;
font-weight: 600;
}
.topmsg_box a:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 20px;
width: 12px;
height: 12px;
margin-top: -4px;
background: #fff;
}
.topmsg_box a:before {  
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 17px;
width: 12px;
height: 12px;
margin-top: -4px;
background: #00B49D;
}
.topmsg_box a:hover {
background: #00B49D;
color: #fff;
} 
.topmsg_box a:hover:after { 
	background: #00B49D;
}
.topmsg_box a:hover:before { 
	background: #fff;
}

#NETWORK .topmsg_box a {
color: #91B400;
border: 1px solid #91B400;
}
#NETWORK .topmsg_box a:after {
background: #fff;
}
#NETWORK .topmsg_box a:before {  
background: #91B400;
}
#NETWORK .topmsg_box a:hover {
background: #91B400;
border-color: #fff;
color: #fff;
} 
#NETWORK .topmsg_box a:hover:after { 
background: #91B400;
}
#NETWORK .topmsg_box a:hover:before { 
background: #fff;
}

#CATALOG .topmsg_box a:link,
#CATALOG .topmsg_box a:visited {
color: #fff;
border: 1px solid #fff;
margin: 2rem 0 0 1rem;
background-color: #444;
}
@media screen and (max-width: 768px) {
#CATALOG .topmsg_box a:link {
margin: 2rem 0 0;
}}
#CATALOG .topmsg_box a:after {
background: #444;
}
#CATALOG .topmsg_box a:before {  
background: #fff;
}
#CATALOG .topmsg_box a:hover {
background: #fff;
border-color: #444;
color: #444;
} 
#CATALOG .topmsg_box a:hover:after { 
background: #fff;
}
#CATALOG .topmsg_box a:hover:before { 
background: #444;
}

.box2 {
width: 74%;
padding: 1rem 0;
}

#HISTORY .box1 {
  background-color:#00B49D;
}
.title_topenkaku {
  font-weight: 600;
  margin: 1rem 0 0 2rem;
  font-size: 1.5rem;
  color:#00B49D;
}
.title_topenkaku::after {
  content: url(/img/usr/default/U0Z-E-FUg-2.png);
  vertical-align: middle;
  display: inline-block;
  padding: 0 0 0 1rem;
}
@media screen and (max-width: 768px) {
.title_topenkaku::after {
  display: none;
}}
section .title_topenkaku {
  margin: 0;
}
#CATALOG {
  position: relative;
  background-image: url(/img/usr/default/ZG9-z-cUa-1.jpg);
  background-size: 100%;
  background-position: center;
  color: #fff;
  padding: 2rem 0 4rem;
}

#CATALOG::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#CATALOG > * {
  position: relative;
}
#NETWORK .box1 {
  background-color:#91B400;
  order: 2;
padding: 4rem 20px 1rem;
}

@media screen and (max-width: 768px) {
#NETWORK .box1 {
  order: 1;
}}

#NETWORK .box2 {
position: relative;
padding: 1rem 0;
background-image: url(/img/usr/default/Eoc-U-wUb-2.jpg);
background-size: cover;
background-position: center;
text-align: center;
color: #fff;
font-weight: 600;
}

#NETWORK .box2::before {

  content: '';

  background-color: rgba(0, 0, 0, 0.2);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

}

#NETWORK .box2 > * {
  position: relative;
}
#NETWORK .box2 p {
margin: 2rem 0;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
#NETWORK .box2 {
padding-bottom: 2rem;
}
#NETWORK .box2 p {
  font-size: 1rem;
  margin: 1rem;
}}
@media (max-width: 719px){
.box1,
.box2 {
width: 96%;
padding-right: 2% !important;
padding-left: 2% !important;
}}

a.network_office {
  display: inline-block;
  width: 280px;
  margin: 0 1rem 1rem 1rem;
  padding: 1rem 0;
  background-color: #fff;
  border-color: #707070;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  color: #070707;
  font-weight: normal;
  position: relative;
  overflow: hidden;
}
a.network_office:before{
  position: absolute;
  top: 0;
  left: calc(61% + 50px);
  width: 125%;
  height: 500%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);
  background: #ccc;
}
a.network_office:hover {
background: #eeeeee;
}
a.network_office:hover:before {
background: #91B400;
}
@media screen and (max-width: 768px) {
a.network_office {
width: 48%;
margin: 1%;
line-height: 1.5;
}
a.network_office:before{
display:none;
}}
a.network_office span {
  font-size: 1rem;
  display: block;
}
/* お知らせ */
#NEWS #headlinehead {
display:none;
}
#headlinebox {
margin-bottom: 2rem;
}
#headlinebox li {
border-bottom: 1px solid #848484;
display: block;
line-height: 2;
min-height: 1.8rem;
padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
#headlinebox li {
padding: 1rem 0;
}}
span.category {
width: 120px;
text-align: center;
font-size: 14px;
}
#headlinebox > p a:link,
#headlinebox > p a:visited {
position: relative;
color: #848484;
border: 1px solid #848484;
padding: 8px 2rem 8px 1rem;
text-decoration: none;
}
#headlinebox > p a:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 20px;
width: 12px;
height: 12px;
margin-top: -4px;
background: #f1f1f1;
}
#headlinebox > p a:before {  
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 17px;
width: 12px;
height: 12px;
margin-top: -4px;
background: #848484;
}


#headlinebox > p a:hover {
color: #fff;
background-color: #848484;
}
#headlinebox > p a:hover {
background: #fff;
border-color: #444;
color: #444;
} 
#headlinebox > p a:hover:after { 
background: #fff;
}
#headlinebox > p a:hover:before { 
background: #444;
}

/* 取り扱いメーカー */
#LINKS h3.head3 {
border-bottom: 1px solid #848484;
}
#LINKS {
background-color: #E2E2E2;
padding: 1rem 0;
}
#LINKS a:link {
color: #070707;
text-decoration: none;
background: #fff;
padding: 8px 10px;
text-align: center;
display: inline-block;
width: 17%;
margin: 10px 0 0 10px;
font-weight: 600;
}
@media screen and (max-width: 768px) {
#LINKS a:link {
width: 44%;
padding: 1%;
font-size: 4vw;
}}
#LINKS a:visited {
color: #070707;
}
#LINKS a:hover {
background: #eeeeee;
}
#LINKS span {
color: #707070;
font-size: 14px;
text-align: right;
display: block;
}
@media screen and (max-width: 768px) {
#LINKS span {
margin: 1rem 0;
}}

/* スクロールダウン */

a.scrolldwn {

  padding-top: 80px;

}

a.scrolldwn span {

  position: absolute;

  top: 0;

  left: 50%;

  width: 24px;

  height: 24px;

  margin-left: -12px;

  border-left: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-animation: sdb 2s infinite;

  animation: sdb 2s infinite;

  opacity: 0;

  box-sizing: border-box;

}

a.scrolldwn span:nth-of-type(1) {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

a.scrolldwn span:nth-of-type(2) {

  top: 16px;

  -webkit-animation-delay: .15s;

  animation-delay: .15s;

}

a.scrolldwn span:nth-of-type(3) {

  top: 32px;

  -webkit-animation-delay: .3s;

  animation-delay: .3s;

}

@-webkit-keyframes sdb {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

  100% {
    opacity: 0;
  }
}

@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#PCMENU a.menulink1 {

}

/* SNSボタン */

.snsbtn_ig,
.snsbtn_twitter {
text-align: center;
}

.snsbtn_ig p,

.snsbtn_twitter p {

margin-bottom: 5px;

font-weight: 600;

color: #00205B;

letter-spacing: 0.04rem;

display: inline-block;

position: relative;

margin: 32px 0 0;

}

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

.snsbtn_box div:first-child p{

margin-top: 0;

}}

.snsbtn_ig p:before, .snsbtn_ig p:after,

.snsbtn_twitter p:before, .snsbtn_twitter p:after {

display: inline-block;

position: absolute;

top: 45%;

width: 20px;

height: 3px;

border-radius: 5px;

background-color: #00205B;

content: "";

}

.snsbtn_ig p:before,

.snsbtn_twitter p:before {

left: -30px;

-webkit-transform: rotate( 50deg );

transform: rotate( 50deg );

}

.snsbtn_ig p:after,

.snsbtn_twitter p:after {

right: -30px;

-webkit-transform: rotate( -50deg );

transform: rotate( -50deg );

}

.snsbtn_ig a,

.snsbtn_twitter a {

position: relative;

display: flex;

justify-content: space-around;

align-items: center;

margin: 0 auto;

max-width: 240px;

padding: 10px 25px;

color: #FFF;

transition: 0.3s ease-in-out;

font-weight: 600;

filter: drop-shadow(0px 2px 4px #ccc);

border-radius: 3px;

}

.snsbtn_ig a:link, .snsbtn_ig a:hover, .snsbtn_ig a:visited,

.snsbtn_twitter a:link, .snsbtn_twitter a:hover, .snsbtn_twitter a:visited{

color: #FFF;

font-weight: 600;

}

.snsbtn_ig a {

background: #2E2E2E;

border: 1px solid #fff;

}

.snsbtn_twitter a {

background: #1DA1F2;

}

.snsbtn_ig a:before,

.snsbtn_twitter a:before{

content:'';

display: inline-block;

width: 36px;

height: 36px;

padding: 0 0 0 8px;

background-size: contain;

background-position: 50%;

background-repeat: no-repeat;

vertical-align: middle;

background-size: auto;

}

.snsbtn_ig a:before {

background-image: url(/img/usr/default/PLc-J-wLj-1.png);

}

.snsbtn_twitter a:before {

background-image: url(/img/usr/default/pVE-d-0Ma-1.png);

}

.snsbtn_ig a:hover,

.snsbtn_twitter a:hover {

transform: translateY(-2px);

box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);

}

/*----- 下層 ------*/

#DEFAULT header {

  position: absolute;

  width: 100%;

  height: 280px;

  background-image: url(/img/usr/default/ySQ-4-NRf-4.jpg);

  background-size: cover;

  background-position: 50% 30%;

}

#DEFAULT header::before {

  content: '';

  background-color: rgba(0, 0, 0, 0.2);

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;
  z-index: 0;
}
#DEFAULT #HEAD {
  position: absolute;
  z-index: 100;
  top: 0;
}
#DEFAULT .headbox {
}

#DEFAULT h1 {
  margin: 0;
  text-align: center;
  background-color: initial;
  color: #fff;
  padding-top: 80px;
  border: none;
  position: relative;
}
@media (max-width: 720px) {
#DEFAULT h1 {
font-size: 2rem;
}
}
#DEFAULT #HEAD h2 {
text-align: center;
margin: 0;
padding: 0;
line-height: 1;
font-size: 1rem;
}
@media (max-width: 720px) {
#DEFAULT #HEAD h2 {
}
}

#DEFAULT #BODYBOX {

  position: relative;
  z-index: 10;
  top: 200px;

  width: auto;

  max-width: 840px;

  display: block;

  margin: 0 auto;

  border-top: 3px solid #92BCB7;

}

#DEFAULT #BODY {

  background: #fff;

  border-bottom: 3px solid #92BCB7;

  padding-bottom: 2.5rem;

}

@media (max-width: 720px){

#DEFAULT .wrapper, #DEFAULT .content, #DEFAULT .sidebar {

padding: 0px;

}}

#DEFAULT #BODY .bbox1:first-of-type {

  margin-top: 2rem;

}
@media (max-width: 720px) {
#DEFAULT #BODY h2:first-of-type {

margin: 30px 10px 0px 10px;

}

#DEFAULT #BODY h2:first-of-type {
margin: 30px 0 0;
padding: 0;
}}

#DEFAULT .content {

padding-bottom: 1rem;
padding-bottom: 210px;
}

#DEFAULT #BODY .devmenu1 ul {

padding: 0 !important;

}

#DEFAULT .devmenu1 ul li {
float: left;
padding: 0;
text-align: center;
width: 20%;
border-right: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
}
#DEFAULT .devmenu1 ul li:last-child {
border-right: none;
}

#DEFAULT .devmenu1 ul li::before {
display:none;
}

#DEFAULT .devmenu1 ul li:hover,
#DEFAULT .devmenu1 ul li.current {
background:#F1F1F1;
}
@media screen and (max-width: 768px) {
#DEFAULT .devmenu1 {
border-bottom: 3px solid #eee;
}}
#DEFAULT .devmenu1 ul li {
  width: 33%;
}

#DEFAULT .devmenu1 ul li:hover a,

#DEFAULT .devmenu1 ul li.current a:visited,

#DEFAULT .devmenu1 ul li.current a:link {

color: #00B49D;

}

#DEFAULT .devmenu1 ul li a:link {
color: #070707;
padding: 1rem 0;
display: block;
}

.path {

margin: 1rem auto;

}
.sitemapbox {
}
.sitemapbox > div > div {
  padding: 0.5rem 0 0;
}
.sitemapbox a:link {
text-decoration: none;
}