@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:16px; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif; overflow-x:hidden; color:#333;}
.wrap{overflow:hidden; position:relative; /* animation:fadein 2s forwards; */}
/* @keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}
 */
header{padding:0; width:100%; margin:0 auto;}
h1{margin:0 auto 30px auto; padding:50px 0 17px 0; text-align:center; line-height:150%; width:94%; border-bottom:1px solid #bbbbbb; font-size:125%;}
h1 span.h1_span{padding:0 3% 20px 3%; border-bottom:3px solid #1c1c1c; text-align:center; margin:auto;}

.hamburger {
  display : block;
  position: absolute;
  z-index : 99;
  right : 32px;
  top:-80px;
  width : 46px;
  height: 46px;
  cursor: pointer;
  text-align: center;
	margin-top: 100px;
	transition: top 300ms;
}

/*　ハンバーガーメニューボタン　*/

.hamburger span {
  display : block;
  position: absolute;
  width   : 46px;
  height  : 3px ;
  left    : 6px;
  background : #454545;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 25px;
}
.hamburger span:nth-child(3) {
  top: 40px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp{position:fixed; z-index:98; top:0; left:0; color:#fff; background:rgba( 71,70,73,0.9 ); text-align:left; width:100%; transform:translateX(100%); transition:all 0.7s; height:100%;}

nav.globalMenuSp ul{list-style:none; margin:20% auto 0 auto; padding:0; width:90%; border-top:1px solid #b5b5b5;}

nav.globalMenuSp ul li{
width:33.1%;
transition: .4s all;
font-size:90%;
line-height:100%;
margin:0;
border-bottom:1px solid #b5b5b5;
border-left:1px solid #b5b5b5;
float:left;

}
nav.globalMenuSp ul li:nth-child(3n){border-right:1px solid #b5b5b5; padding-bottom:0; width:33.1%;}
nav.globalMenuSp ul li:last-child{border-right:1px solid #b5b5b5; padding-bottom:0;}
nav.globalMenuSp ul li:hover{background:#ddd;}

nav.globalMenuSp ul li a{
  display: block;
  color: #fff;
  padding:33px 0 30px 70px;
  text-decoration :none;
	background:url("../../img/sp/arrow_menu.png") no-repeat 30px 28px;
background-size:auto 20px;
}
nav.globalMenuSp ul li a:hover{color:#000; background-image:url("../../img/sp/arrow_menu_h.png");}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}


/* searchMenu背景　*/
.searchMenu{position:fixed; z-index:98; top:0; left:0; color:#fff; background:rgba( 71,70,73,0.9 ); text-align:left; width:100%; transform:translateX(-100%); transition:all 0.7s; height:100%;}


/* クリックでjQueryで追加・削除 */
.searchMenu.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}

.searchMenu h2{margin:0 auto 20px auto; padding:20px 0 0 0; text-align:center; line-height:150%; width:60%; font-size:110%;}

.searchMenu input[type=checkbox]{margin:10px 10px;}

.searchMenu ul{width:96%; margin:5% auto; padding:0; list-style:none;}

.search_ico{background-image:url("../../img/pc/search_ico.png"); background-repeat:no-repeat; background-size:contain; width:25px; height:22px; display:block; position:absolute; top:27px; left:27px;}
.search_ico.active{background-image:url("../../img/pc/close_ico.png"); background-repeat:no-repeat; background-size:contain; width:25px; height:25px; display:block; position:absolute; top:27px; left:27px; z-index:100;}

#page_top{width:60px; height:60px; position:fixed; right:15px; bottom:67px; background:#b8c6d0; opacity:0.8; z-index:90;}
#page_top a{position:relative; display:block; width:60px; height:60px; text-decoration:none;}
/* #page_top a::before{border-top:3px solid #fff;　border-right:3px solid #fff;　transform:rotate(-45deg); font-size:25px; color:#fff; position:absolute; width:25px; height:25px; top:0; bottom:0; right:0; left:0; margin-top:5px; text-align:center;
} */
#page_top span.page_top_arrow{width:15px; height:15px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(-45deg); margin:0 auto 0 auto; position:absolute; top:25px; left:20px;}

select{font-size:90%;}

.spt15{margin-top:15px;}
.spt25{margin-top:25px;}
.spt50{margin-top:50px;}

hr{height:1px; border:none; background-color:#d5d4d4; margin:50px 0 0 0;}

.clearfix::after{content:""; display:block; clear:both;}
.clearfix{min-height:1px;}
* html .clearfix{
    height:1px; /*¥*/
    /*/ height:auto; overflow:hidden; /**/
}
.bottom20{margin-bottom:220px;}
.clear{clear:both;}
.pc{display:none;}
.tablet{display:none;}
.sp{display:block;}
/* ----------- */
div.wrap_scroll_h{width: 100%; overflow: scroll; height: 100%}

.err_msg_area, .error{color:#ED0003;}
span.require{color:#ED0003;font-weight: bold;}

.err_msg_area {margin: 10px auto;text-align: center;}
#loading {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	opacity: 0.3;
	background-image: url("../../img/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 100000;
}

div.warm_msg_span span{
	color: #18bd07;
	font-size: 130%;
}

ul.search_btn li button.reset_btn{text-decoration:none; color:#fff; padding:0; height:40px; border-radius:5px; display:flex; flex-direction:column; justify-content:center;border: 0;background-color: #94b8d8;font-size: 100%;display: inline-block;cursor: pointer;width: 150px;border-radius: 5px;font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;}

th.td_col_long{	min-width: 200px;}
td.tdleft{	text-align: left;}
div.disp_none{	display: none;}
.mikire_disp_btn, .mikire_hide_btn,.remark_toggle_btn{cursor: pointer; color: #2196f3;}