body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", 'Noto Serif JP', "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;
	font-size:16px;
	line-height:180%;
	color: #222;
	min-width:1300px;
	-webkit-text-size-adjust: 100% ;/* iPhoneƒtƒHƒ“ƒgƒTƒCƒYŠg‘ε‘΍τ */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* Androidƒy[ƒW‚ΜP—v‘f‚ΜŒ„ŠΤ‘΍τ */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#wrapper {}
.base {}

.pc {display:block;}
.sm {display:none;}


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { max-width:1000px; width:100%; margin:30px auto 0; }
#header .h_box { clear:both; margin-bottom:25px; }
#header .h_box::after { clear:both; content:""; display:block; }

/* LOGO */
#header .h_box h1,
#header .h_box h1 a { width:359px; height:41px; display:block; }
#header .h_box h1 { float:left; }
#header .h_box h1 a {
	text-indent:-9999px;
	background:url(../image/logo.png) no-repeat;
}

/* CONTACT etc */
#header .h_box ul { float:right; clear:right; }
#header .h_box ul::after { clear:both; content:""; display:block; }
#header .h_box ul li { float:left; text-align:center; }
#header .h_box ul li a { 
	font-size:88%; 
	text-decoration:none; 
	color:#222; 
	font-weight:bold; 
	padding:5px 18px; 
	display:block; 
	background:url(../image/arrow_right_blk.png) no-repeat left;
}
#header .h_box ul li a:hover { opacity:0.7; }
#header .h_box ul li.contact { background:#0066ca; width:131px; height:38px; border-radius:25px; }
#header .h_box ul li.contact a { color:#fff; background:none; }
#header .h_box ul li.soudan { background:#01B25A; width:91px; height:38px; border-radius:25px; margin-right:13px; }
#header .h_box ul li.soudan a { color:#fff; background:none; }

/* « ‰οˆυκ—p */
#header .h_box li.kaiin { margin-left:13px; position:relative;}
#header .h_box li.kaiin ul {
	display:flex;
	flex-direction:column;
	width:100%;
	position:absolute;
	z-index:1000;
	height:0;
	opacity:0;
	transition:0.2s;
}
#header .h_box li.kaiin p,
#header .h_box li.kaiin ul li { font-size:100%; font-weight:bold;}
#header .h_box li.kaiin p { background:#24B4D3; color:#fff; padding:5px 23px;}
#header .h_box li.kaiin ul li { margin-top:1px; display:none;}
#header .h_box li.kaiin ul li a { background:#C2EDF5;}
#header .h_box li.kaiin:hover ul { height:auto; opacity:1;}
#header .h_box li.kaiin:hover ul li { display:block;}
#header .h_box li.kaiin:hover ul li a:hover { opacity:0.9;}



/*** NAVIGATION ************************************************************/
#navi { width:100%; margin:30px auto 0; height: 62px; background: #FFF; }
#navi {
       position: sticky;/*ŒΕ’θ‚·‚ι*/
       position: -webkit-sticky;/*Safari—pƒxƒ“ƒ_[ƒvƒŒƒtƒBƒbƒNƒX*/
       top: 0;/*ƒuƒ‰ƒEƒU‚̏ォ‚η‚Μ‹——£‚Νƒ[ƒ*/
		z-index:999;
	 border-bottom:1px solid #DDD;
}
#Nav ul { clear:both; margin: auto; max-width:1000px; position: relative;}
#Nav ul .pc {display:block!important;}
#Nav ul::after { clear:both; content:""; display:block; }
#Nav ul li { float:left; text-align:center; width:16%; }
#Nav ul li p { line-height:100%; border-left:1px solid rgba(96,96,96,.2); padding: 15px 0;}
#Nav ul li:last-child p { border-right:1px solid rgba(96,96,96,.2); }
#Nav ul li p:hover { opacity:0.7; }
#Nav ul li p a { display:block; text-decoration:none; }
#Nav ul li p a b { font-size:107%; color:#222; }
#Nav ul li p a small { display:block; font-size:63%; color:rgba(34,34,34,.5); }


#Nav ul li ul { position: absolute; top:62px; min-width:200px; width: 20%; z-index: 999; background: #F3F9F9; border-left: none;}


#Nav ul li ul li { float: none; width: 100%; /* height: 70px; */ box-sizing: border-box; text-align: left!important;
	
	border-bottom: 1px solid #EEE;
	border-right: none;}
#Nav ul li ul li a {
    display: block; 
    padding:10px 15px;
    /* height: 70px; */
    color: #333;
    font-size: 90%;
    background: #FFF url("../image/arrow_right_blk.png") no-repeat 95% center;
	text-decoration: none;
    font-weight: bold;
    box-sizing: border-box;
}
#Nav ul li ul li a:hover{ color: #FFF; background: #22b8d4 url("../image/arrow_right_wh.png") no-repeat 95% center;}


/* HOVER AND PULLDOWN ANIME*/
#Nav ul li p a  {}
#Nav ul li:hover p a {}
#Nav ul li a {transition: 0.5s;}
#Nav ul li ul,
#Nav ul li ul li { 
	overflow: hidden;
	height: 0;
	transition: 0.2s;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
#Nav ul li:hover ul,
#Nav ul li:hover ul li {
	overflow: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#Nav ul li:hover ul { height:auto;}
#Nav ul li:hover ul li,
#Nav ul li:hover ul li a { height:auto;}
#Nav ul li:hover ul li small { display:block;}

#Nav ul li:hover ul{border-top:1px solid #DDD;}

@media only screen and (max-width:1600px){
	#Nav ul li:hover ul li br { display: none;}
}

/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; position: relative; width:100%;}



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { background:#0066ca; width:100%; border-top:6px solid #F3F7FA; }
#footer .f_logo { background:#fff; padding:32px 0; }
#footer .f_logo .box { max-width:1000px; width:100%; margin:auto; }
#footer .f_logo .box p {
	text-indent:-9999px;
	background:url(../image/logo.png) no-repeat left;
	background-size:100% auto;
	width:359px;
	height:41px;
}

#footer .f_nav { max-width:1000px; margin:auto; clear:both; padding:47px 0 22px; color: #FFF; }
#footer .f_nav::after { clear:both; content:""; display:block; }
#footer .f_nav ul { clear:both; }
#footer .f_nav ul::after { clear:both; content:""; display:block; }
#footer .f_nav a { color:#fff; text-decoration:none; display:block; }

#footer .f_nav ul.nav1 { float:left; width:620px; }
#footer .f_nav ul.nav1 > li { float:left; height:240px; }
#footer .f_nav ul.nav1 > li:nth-child(1) { margin-right:70px; }
#footer .f_nav ul.nav1 > li:nth-child(2) { margin-right:70px; }
#footer .f_nav ul.nav1 > li:nth-child(4) { margin-right:40px; }
#footer .f_nav ul.nav1 li a:hover { text-decoration:underline; opacity:0.7; }
#footer .f_nav ul.nav1 li p { font-weight:bold; letter-spacing:0.1em; }
#footer .f_nav ul.nav1 li ul li a { font-size:82%; }
#footer .f_nav ul.nav1 li ul li a::before { content:"\2010"; }

#footer .f_nav ul.nav2 { float:right; width:316px; clear:right; }
#footer .f_nav ul.nav2 li { background:#fff; text-align:center; border-radius:5px; }
#footer .f_nav ul.nav2 li a { color:#0066cb; font-weight:bold; }
#footer .f_nav ul.nav2 li.con_btn { margin-bottom:11px; height:105px; }
#footer .f_nav ul.nav2 li.con_btn a { padding:29px 20px 20px; }
#footer .f_nav ul.nav2 li.con_btn a b { display:block; font-size:219%; position:relative; padding-left:20px; }
#footer .f_nav ul.nav2 li.con_btn a b::before {
	position:absolute;
	content:"";
	background:url(../image/icon_phone.png) no-repeat;
	width:23px;
	height:23px;
	left:0;
	top:2px;
}
#footer .f_nav ul.nav2 li.con_btn a small { font-size:88%; }
#footer .f_nav ul.nav2 li.mail_btn { height:60px; }
#footer .f_nav ul.nav2 li.mail_btn a { font-size:113%; padding:16px 20px 16px 60px; position:relative; }
#footer .f_nav ul.nav2 li.mail_btn a::before {
	position:absolute;
	content:"";
	background:url(../image/icon_mail.png) no-repeat;
	width:26px;
	height:20px;
	left:90px;
	top:20px;
}

#footer .f_nav ul.nav3 { padding-top:20px; }
#footer .f_nav ul.nav3 li { float:left; }
#footer .f_nav ul.nav3 li a { font-size:88%; padding:0 20px; border-left:1px solid rgba(255,255,255,.3); }
#footer .f_nav ul.nav3 li:last-child a { border-right:1px solid rgba(255,255,255,.3); }

#footer p.copy { background:#fff; color:#444; padding:30px 0 25px; }





/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:85px; height:85px; z-index:1; }
#page { position: fixed; bottom:130px; right:30px; }
#page a {
	text-indent: -9999px;
	background:#0066ca url(../image/page_top.png) no-repeat center 42%;
	clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}