@charset "utf-8";
/* CSS Document */
/*body {
  filter: grayscale(100%);
  display:none;
}*/
/****/
.c-hamburger {
    width: 66px;
    height: 66px;
  background-color: #DB8D94;
  border-radius: 9999px;
  border: 2px solid #DB8D94;
  position: fixed;
  top: 1.3em;
  right: 1em;
  z-index: 9999;
  transition: all 0.6s ease;
  cursor: pointer;
}
@media only screen and (max-width: 1599px) {
  .c-hamburger {
    width: 66px;
    height: 66px;
  }
}
.c-hamburger span {
  height: 1px;
  width: 30%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -15%;
  background-color: #ffffff;
  transition: all 0.3s ease;
}
.c-hamburger span.hidden {
  display: none;
}
.c-hamburger::before, .c-hamburger::after {
  content: "";
  height: 1px;
  width: 30%;
  position: absolute;
  left: 50%;
  margin-left: -15%;
  background-color: #ffffff;
  transition: all 0.3s ease;
}
.c-hamburger::before {
  top: 40%;
}
.c-hamburger::after {
  bottom: 40%;
}
.c-hamburger.is-act {
  color: #ffffff;
}
.c-hamburger.is-act span {
  display: none;
}
.c-hamburger.is-act:before {
  transform: rotate(135deg);
  top: 50%;
  background: #ffffff;
}
.c-hamburger.is-act:after {
  transform: rotate(-135deg);
  top: 50%;
  background: #ffffff;
}
.is-mouse .c-hamburger {
  transition: all 0.5s ease;
}
.is-mouse .c-hamburger:hover {
  background-color: #ffffff;
}
.is-mouse .c-hamburger:hover span {
  background-color: #DB8D94;
}
.is-mouse .c-hamburger:hover::before, .is-mouse .c-hamburger:hover::after {
  background-color: #DB8D94;
}
/*********/
#new_header{
	background:#fff;
	height:100px;
}
.hdnav li a{
	color:#333!important;
}
.hdnav li a:hover{
	background:#fff!important;
}

.subMenu{
	background:rgba(255,255,255,0.8)!important;
	color:#fff!important;
	top:90px!important;
}
.subMenu dt, .sumMenu dd{
	border-bottom:1px solid #eee!important;
	color:#fff!important;
}
.subMenu dt a{
	color:#333!important;
}
.subMenu dt a:hover{
	background:rgba(255,255,255,0.8)!important;
}
.subMenu dd{
	color:#333!important;
	background:#ccc!important;
	border-bottom:1px solid #eee!important;
}
.logo{
	width: 160px;
    margin: 25px 0 0 20px;
}
.hdnav{
	float:left!important;
	margin-left:50px!important;
	margin-top:10px;
}
.hdnav li.contact{
	margin-left:0!important;
}
.hdnav li.contact a{
	padding:0 2em!important;
}
/*********/

/*******************/
.c-common_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.25);
}
.c-common_overlay.is-act {
  opacity: 1;
  z-index: 7400;
  visibility: visible;
}

.c-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 7500;
  /*visibility: hidden;*/
  display:none;
}
.c-drawer_inner {
  position: relative;
  display: inline-block;
  overflow-y: scroll;
  width: 100%;
  max-width: 540px;
  background: #ffffff;
  padding: 150px 80px 90px;
  border-radius: 0 0 0 100px;
}
@media only screen and (max-width: 1599px) {
  .c-drawer_inner {
	padding:150px 60px 90px;
  }
}
@media only screen and (max-width: 767px) {
  .c-drawer_inner {
    max-width: calc(15.5102040816vw + 291.8367346939px);
  }
}
.c-drawer_nav {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1599px) {
  .c-drawer_nav {
  }
}
.c-drawer_nav li {
  margin-bottom: 1em;
  font-size:16px;
}
.c-drawer_nav li  a{
  width:150px;
  display:block;
}
.c-drawer_nav li:last-child {
  margin-bottom: 0;
}
.is-mouse .c-drawer_nav li a {
  transition: color 0.6s ease;
}
.is-mouse .c-drawer_nav li a:hover {
  color: #DB8D94;
}
.c-drawer_sns {
  display: flex;
  gap: 20px;
  margin: 40px 0;
}
@media only screen and (max-width: 1599px) {
  .c-drawer_sns {
    margin: calc(1.6326530612vw + 13.8775510204px) 0;
  }
}
@media only screen and (max-width: 767px) {
  .c-drawer_sns {
    gap: initial;
  }
}
@media only screen and (max-width: 767px) {
  .c-drawer_sns a {
    display: block;
    margin-right: 20px;
  }
}
.is-mouse .c-drawer_sns a {
  transition: color 0.6s ease;
}
.is-mouse .c-drawer_sns a:hover {
  color: #DB8D94;
}
.c-drawer_sns a i {
  font-size: 2rem;
}
.c-drawer_copyright {
  font-size: 1.5rem;
  line-height: 1;
}

body.is-fixed{
	overflow:hidden!important;
}
/***********/
.footer {
	background: url(../static/img/fbg.jpg) center center no-repeat!important;
	background-size: cover!important;
}
.copyright {
	background: none!important;
	line-height: 2!important;
	padding-bottom: 60px!important;
}
/*****/
.social-links{
	display:flex;
	justify-content:center;
}
.social-links a {
    display: inline-block;
    font-size: 14px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff!important;
    -webkit-transition: none;
    transition: none;
    margin-left: 5px;
}
.r_sub{
	margin-top:8px;
	line-height:30px;
	display:none;
}
.r_sub a{
	font-size:15px;
	padding-left:18px;
	color:#666!important;
	position:relative;
}
.r_sub a::after{
	content:'';
	position:absolute;
	left:0;
	top:-50%;
	transform:translate(6px, 26px);
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	border-color:transparent transparent transparent #aaa;

}

.r_sub a:hover {
  color: #DB8D94!important;
}
.r_sub a:hover::after {
	border-color:transparent transparent transparent #DB8D94;
}
.c-drawer_nav li.on .r_sub{
	display:block;
}
.c-drawer_nav li a.level_1{
	width:180px;
}