@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:20px; 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 0 auto; padding:20px 0 17px 0; text-align:center; line-height:150%; width:80%; border-bottom:1px solid #bbbbbb; font-size:110%;}
h1 span.h1_span{padding:0 20px 17px 20px; border-bottom:3px solid #1c1c1c; text-align:center; margin:auto;}


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

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

.hamburger span {
  display : block;
  position: absolute;
  width   : 36px;
  height  :2px;
  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:20px;
height:1.5px;
}
.hamburger span:nth-child(3) {
  top:30px;
}

/* スマホメニューを開いてる時のボタン */
.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.95 ); text-align:left; width:100%; transform:translateX(100%); transition:all 0.7s; height:100%;}

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

nav.globalMenuSp ul li{
width:200px;
transition: .4s all;
font-size:70%;
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%;}

.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;}


.content{width:1150px; margin:0 auto; padding:0;}
.content_l{width:809px; margin:0; padding:60px 0 0 0; float:left; border-right:1px solid #ddd;}
.content_l h2{font-size:100%; border-top:4px solid #30709b; padding:20px 0 20px 15px; width:370px; text-align:left; font-weight:bold; color:#333;}
.content_l h3{font-size:100%; border-bottom:3px solid #30709b; padding:15px 0 10px 15px; text-align:left; font-weight:bold; width:755px; color:#333;}
.content_l div{width:770px;}
.content_l p{font-size:90%; line-height:200%; margin:10px 0; padding:0 10px; width:750px; color:#333;}
.content_l table{border-collapse:collapse; margin:40px 0; width:100%;}
.content_l table th, table td{border:solid 1px #ddd; font-size:75%; color:#333;}
.content_l table th{text-align:center; padding:17px 0; background-color:#f2f2f3; width:138px;}
.content_l table td{text-align:left; padding:17px 22px;}
.content_l table td ul{padding:0 0 0 15px;}
.content_l table td li{line-height:260%;}
.content_l ol li{line-height:240%; font-family:'游明朝 Medium', serif;}





#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;}

footer{width:100%; margin:0; padding:50px 0 0 0; border-top:7px solid #c3d0d9;}
footer .copyright{font-size:70%; color:#fff; text-align:center; margin:0; background:#7b94a5; padding:25px 0 25px 0;}


.arrow{position:relative; display:inline-block; padding:0; color:#fff; vertical-align:middle; text-decoration:none; font-size:90%;}
.arrow::before,.arrow::after{position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}

.arrow2{position:relative; display:inline-block; padding:0; color:#7b94a5; vertical-align:middle; text-decoration:none; font-size:90%;}
.arrow2::before,.arrow2::after{position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}

.arrow_menu{position:relative; display:inline-block; padding:0; vertical-align:middle; text-decoration:none;}
.arrow_menu::before,.arrow_menu::after{position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}

.arrow_icon1::before{left:60px; top:-2px; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.arrow_icon2::before{left:14px; top:0px; width:7px; height:7px; border-top:1px solid #7b94a5; border-right:1px solid #7b94a5; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.arrow_icon3::before{left:50px; top:-2px; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.arrow_icon_menu::before{left:-15px; top:-2px; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.arrow_icon_menu:hover:before{border-top:1px solid #7b94a5; border-right:1px solid #7b94a5;}

.arrow_icon_menu_r::before{left:-15px; top:-2px; width:5px; height:5px; border-top:1px solid #7b94a5; border-right:1px solid #7b94a5; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

a.btn1{display:block; position:relative; overflow:hidden; width:235px; background:#7b94a5; padding:20px 0 20px 20px; text-align:center; color:#fff; text-decoration:none;}
a.btn1:after{content:""; position:absolute; top:-100%; left:-150%; height:100%; width:285px; background :#fff; opacity:0.3; transition:.4s;}
a.btn1:hover:after{top:0; left:0;}

a.btn2{display:block; position:relative; overflow:hidden; width:225px; background:#fff; padding:15px 0 15px 30px; text-align:left; color:#7b94a5; text-decoration:none; border:solid 2px #c7d2d9; font-weight:bold; font-size:90%;}
a.btn2:after{content:""; position:absolute; top:-100%; left:-150%; height:100%; width:275px; opacity:0.1; transition:.4s; background:#7b94a5;}
a.btn2:hover:after{top:0; left:0;}

a.btn3{display:block; position:relative; overflow:hidden; width:215px; padding:10px 0 10px 40px; text-align:left; color:#000; text-decoration:none; border:0; font-weight:normal; font-size:75%;}
a.btn3:hover{color:#7b94a5;}

.slideConts{width:1010px; padding:0 0 0 65px; margin:0 auto; -webkit-transition:1.2s; -o-transition:1.2s; transition:1.2s; opacity:0;}
.slideConts2{width:990px; padding:0 0 0 65px; margin:0 auto; -webkit-transition:1.2s; -o-transition:1.2s; transition:1.2s; opacity:0;}
.slideConts3{width:1150px; padding:0 65px 0 0; margin:0 auto; -webkit-transition:1.2s; -o-transition:1.2s; transition:1.2s; opacity:0;}
.slideContsL{transform:translate(-100px, 0);}
.slideContsR{transform:translate(100px, 0);}
.slideContsL.show{transform:translate(-30px, 0) !important; opacity:1;}
.slideContsR.show{transform:translate(30px, 0) !important; opacity:1;}


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:block;}
.tablet{display:none;}
.sp{display:none;}
.only_sp{display:none;}

.br_sp{display:none;}

/* ----------- */
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;
}
input[type=checkbox]:enabled, input[type=radio]:enabled, input[type=checkbox]:enabled+span,
	input[type=radio]:enabled+span {
	cursor: pointer;
}

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;}