@charset "UTF-8";
/* CSS Document */

/* ------------------------------ PC -----------------------------  */
div.globalbody-pc {
  background:white;
  color: black;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
	font-size:14px;
  margin:0;
  padding: 0;
  height:85px;
  position:relative;
} 
@media screen and (max-width:1450px) {
	div.globalbody-pc { display: none; }
}


.narabi {
  display:inline-block;
  margin-top:0;
}


/* --- 社名 ---  */
.name {
  font-size:23px;
  font-weight:bold;
  letter-spacing:3px;
  margin-top:24px;
  margin-left:50px;
  margin-right:20px;
  color:black;
}
.name:hover {
  color: #D4D900;
}

.name-li {
  color:black;
  text-decoration:none;
}


/* --- navi ---  */
.navi-oya {
  position: absolute;
  text-align: center;
  top:24px;
  right:30px;

}

.navi {
  color:black;
  font-size:14px;
  letter-spacing:0px;
  margin-top:0;
  margin:10px;
}
.navi:hover {
  color: #D4D900;
}

.navi-li {
  text-decoration:none;
}

.navi-li-b {
  margin-left:30px;
}

.navi-li-2 {
  color:black;
  margin:-10px;
}


/* ------------------------------ sp -----------------------------  */
div.globalbody-sp {
  background: white;
  color: black;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
  margin:0;
  padding: 0;
  height:45px;
  position: relative;
} 
@media screen and (min-width:1451px) {
	div.globalbody-sp { display: none; }
} 


.siro-sp {
  background: white;
  height:43px;
  width:100%;
  position: fixed;
  z-index:10;
}

.narabi-sp {
  display:inline-block;
  margin-top:0;
}



/* --- 社名 ---  */
.name-sp {
  font-family: 'Kosugi Maru', sans-serif;
  font-size:20px;
  font-weight:bold;
  letter-spacing:2px;
  position: fixed;
  left:10px;
  top:-7px;
  z-index:10;
}
.name-sp:hover {
  color:#D4D900;
}

.name-li-sp {
  color:black;
  text-decoration:none;
}

/* --- link ---  */
.link-sp {
  font-size:14.5px;
  color:white;
  margin-top:0;
}

.link-li1-sp {
  background-color: black;
  width:50px;
  height:43px;
  text-align:center;
  text-decoration:none;
  margin:0;
  padding:0;
  position: fixed;
  right:100px;
  top:0;
  z-index:10;
}
.link-li1-sp:hover {
  background: #424242;
  color: white;
  text-decoration:none;
}


/* ---------------- navi（hamburger） ----------------  */

#nav-drawer {
position: fixed;
right:10px;
top:10px;
z-index:99;
}

.nav-unshown {
display:none;
}

#nav-open {
display: inline-block;
width: 30px;
height: 22px;
vertical-align: middle;
}

/*hamburger*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height:3.5px;
  width: 30px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  z-index: 99999;
  transition: all .4s;
}
@media screen and (max-width:751px) {
	#nav-open span, #nav-open span:before, #nav-open span:after { height: 3.5px; width: 25px; }
} 

#nav-open span:before {
  bottom: -10px;
}
#nav-open span:after {
  bottom: -20px;
}

/*click*/
#nav-open.active span {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
  bottom: 30px;
}
#nav-open.active span:before {
  opacity: 0;
}
#nav-open.active span:after {
  -webkit-transform: translateY(-20px) rotate(90deg);
  transform: translateY(-20px) rotate(90deg);
}

/*cover*/
#nav-close {
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}

/*naka*/
#nav-content {
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width: 350px;
max-width: 75%;
height: 100%;
padding-top:30px;
padding-left: 0;
padding-right: 35px;
text-align: center;
color: black;
font-size:16px;
line-height: 50px;
letter-spacing:0px;
background: linear-gradient(#D4D900 100%, white 0%);
transition: .3s ease-in-out;
-webkit-transform: translateX(200%);
transform: translateX(105%);
list-style: none;
overflow:hidden;
overflow: scroll;
}

#nav-content ul li {
  list-style-type:none; 
  background-image:none; 
  padding-left:20px; 
  text-align: left;
}


#nav-input:checked ~ #nav-close {
display: block;
opacity: .5;
}

#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/*link*/
.link-g {
  text-decoration: none;
  display:block;
}
.link-g:hover {
  text-decoration: none;
}
.link-g:link {
  color: black; 
}
.link-g:visited {
  color:  black;
}
.link-g:hover { 
  color:  rgb(107, 109, 1); 
}
.link-g:active {
  color:  black;
}

/*link2*/
.link-g-2 {
  text-decoration: none;
  display:block;
}
.link-g-2:hover {
  text-decoration: none;
}
.link-g-2:link {
  color: rgb(107, 109, 1); 
}
.link-g-2:visited {
  color:  rgb(107, 109, 1); 
}
.link-g-2:hover { 
  color:  black; 
}
.link-g-2:active {
  color:  rgb(107, 109, 1); 
}

/*sen*/
.sen-siro {
  margin:0;
  padding:0;
  margin-top:10px;
  margin-bottom:10px;
  border:solid 1px white;
}
@media screen and (max-width:751px) {
	.sen-siro { margin-top:0; margin-bottom:0; }
}