@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

@font-face {
	font-family:"Century Gothic";
	src:url(../fonts/century_gothic.ttf);
}

body {
	margin: 0;
	padding: 0;
	font-family: "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:1400px;
	-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 { position:relative; }
.base {}

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


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

#header { position:absolute; top:0; z-index:2; width:100%; }
#header .head { margin:0 auto; max-width:1400px; width:100%; }
#header .head::after { /*float_clear*/ display:block; clear:both; content:""; }

/*** LOGO ******************************************************************/
#header h1 { float:left; text-indent:-9999px; text-decoration:none; margin:35px 45px; }
#header h1 a { display:block; width:300px; height:53px; background:url(../image/logo.png) ; background-size: contain; }

/*** NAVIGATION ************************************************************/
#Nav { float:right; }
#Nav ul { padding:40px 50px 25px 0; }
#Nav ul::after { display:block; clear:both; content:""; }
#Nav ul li { float:left; display:inline; }
#Nav ul li.contact { width:160px; text-align:center; padding:0; background:#182E3B; margin:-10px 0 0 50px; }
#Nav ul li::before { content:"/"; margin:0 20px; color:#FFF; }
#Nav ul li.contact::before,
#Nav ul li:first-child::before { content:""; margin:0; }
#Nav ul li a {
	text-decoration:none;
	color:#FFF;
	padding:10px 0;
	font-family:"Noto Sans JP";
	font-size:113%;
	font-weight:500;
}
#Nav ul li.contact a { display:block; }
#Nav ul li a.active,
#Nav ul li a:hover { border-top:2px solid #FFF; }
#Nav ul li.contact a.active,
#Nav ul li.contact a:hover { border-top:none; }
#Nav ul li.contact:hover a { opacity:0.7; }

#Nav ul li.sm{ display: none;}


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



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { width:100%; color:#FFF; background:#7f7d7d; font-family:Noto Sans JP; padding-top:54px; }
#footer .box { clear:both; max-width:1000px; width:100%; margin:auto; }
#footer .box::after { display:block; clear:both; content:""; }
#footer .box .logo { 
	float:left;
	margin-right:83px;
	background:url(../image/f_logo.png) no-repeat;
	background-size: cover;
	width:280px;
	height:51px;
	text-indent:-9999px!important;
}
#footer .box p.add { float:left; margin-bottom:54px; line-height:130%; }
#footer .box p.add span { margin-left:5px; }
#footer .box a { text-decoration:none; display:block; color:#fff; }
#footer .box a:hover { opacity:0.7; }
#footer .box ul.f_nav { 
	clear:both; 
	width:100%; 
	border-top:1px solid rgba(255,255,255,.1); 
	margin-bottom:60px; 
	padding-top:35px;
}
#footer .box ul.f_nav::after { clear:both; content:""; display:block; }
#footer .box ul.f_nav > li { float:left; width:16.6%; }
#footer .box ul.f_nav > li p a { 
	font-size:90%; 
	background:url(../image/arrow_right-wh.png) no-repeat left 10px; 
	padding-left:20px;
}
#footer .box ul.f_nav li ul { margin-left:35px;font-size:90%;  }
#footer .box ul.f_nav li ul a { position:relative; }
#footer .box ul.f_nav li ul a::after { 
	position:absolute;    
	content:'●';
    color:#fff;
    font-size:25%;
    left:-12px;
    top:0;
    margin:auto;
}
#footer .box ul.f_nav li.last ul{ display: block!important; list-style: none!important; margin-left: 0;font-size:100%; }
#footer .box ul.f_nav li.last ul a::after { display: none;}

#footer .copy { text-align:center; background:#606060; padding:12px; letter-spacing:0.1em; }


/*====================================================================================================
  DEVICE [No Touch]
====================================================================================================*/
#device {display:none; background:#FFF; padding:20px; text-align:center;}
#device::after {}
#device p {}
#device p a {
	display:block;
	padding:10px;
	color:#555;
	text-decoration:none;
	background:#EEE;
	border:1px solid #DDD;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}


/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:51px; height:51px;}
#page { position: fixed; bottom:100px; right: 80px;}
#page a {
	text-indent: -9999px;
	background:#444 url(../image/page_top.png) no-repeat;
}

/*====================================================================================================
  SNS
====================================================================================================*/

#sns,
#sns a { z-index: 9; display:block; width:51px; height:51px;}
#sns { position: fixed; top:220px; right: 14px;}
#sns a {}

/*====================================================================================================
  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;}