/*@font-face { font-family:"Kozuka Gothic"; src:url(../fonts/-pr6n-el.otf); }*/

body {
	margin:0;
	padding:0;
	font-family:"Noto Serif JP", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic ProN", "ƒƒ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 { overflow:hidden; }
.base {}

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

@media screen and (max-width: 700px) {
    .is-pc-700 {
        display: none !important;
        }
}
@media screen and (min-width: 701px) {
    .is-sp-700 {
        display: none !important;
    }
}


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

#header {}
#header .head { margin:0 auto; max-width:880px; }
#header .head::after { /*float_clear*/ display:block; clear:both; content:""; }

/*** LOGO ******************************************************************/
#header h1 { float:right; margin:70px 0; }
#header h1 a {
	display:block;
	text-indent:-9999px;
	width:205px;
	height:114px;
	background:url(../image/logo.png) no-repeat;
}

/*** NAVIGATION ************************************************************/
#Nav { float:left; }
#Nav ul{ margin:70px 0; }
#Nav ul::after { display:block; clear:both; content:""; }
#Nav ul li { float:right; padding:0 45px; border-left:2px solid #000; }
#Nav ul li:first-child { border-right:2px solid #000; }
#Nav ul li a { display:block; text-decoration:none; writing-mode:vertical-rl; text-indent:-9999px; }
#Nav ul li a:hover { opacity:0.7; }
#Nav ul li#nav1 a { width:21px; height:107px; background:url(../image/nav1.png) no-repeat; }
#Nav ul li#nav2 a { width:20px; height:105px; background:url(../image/nav2.png) no-repeat; }
#Nav ul li#nav3 a { width:20px; height:103px; background:url(../image/nav3.png) no-repeat; }
#Nav ul li#nav4 a { width:21px; height:104px; background:url(../image/nav4.png) no-repeat; }
#Nav ul li#nav5 a { width:21px; height:108px; background:url(../image/nav5.png) no-repeat; }

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



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}
#footer ul { clear:both; width:100%; margin:auto; }
#footer ul::after { clear:both; content:""; display:block; }
#footer ul li { float:left; }
#footer a { text-decoration:none; display:block; }

#footer .contact { text-align:center; padding:170px 0 135px; font-family:"Noto Serif JP"; }
#footer .contact h3 { border-bottom:2px solid #c0d1c6; padding-bottom:20px; font-size:165%; }
#footer .contact p { font-size:111%; width:160px; height:32px; background:#cee3dd; margin:27px auto 41px; padding-top:2px; }
#footer .contact .tel { width:300px; margin:auto auto 25px; }
#footer .contact .tel a { font-size:281%; color:#000; }
#footer .contact .hours { padding-inline: 14px; }
#footer .contact .hours b { font-size:118%; }

/* 注意文追加 */
#footer .contact .hours span.hours-red {
	color: #c4010c;
	font-size:14px;
	line-height: 1.6em;
    display: block;
    margin-top: 4px;
}

#footer .contact .hours small { font-size:96%; display:block; font-weight:bold; }

#footer .central_group { background:#e5eaed; padding:65px 0 100px; font-family:"Yu Gothic"; }
#footer .central_group h3 { text-align:center; line-height:120%; margin-bottom:30px; }
#footer .central_group h3 b { font-size:102%; display:block; }
#footer .central_group h3 small { font-size:57%; }
#footer .central_group ul { max-width:661px; width:100%; }
#footer .central_group ul li { width:19.39%; }
#footer .central_group ul li+li { margin-left:5px; }
#footer .central_group ul li img { width:100%; }

#footer .f_nav { background:#231816; padding:16px 0 18px; }
#footer .f_nav ul { max-width:255px; text-align:center; }
#footer .f_nav ul li { border-right:2px solid #c4010c; width:33.33%; }
#footer .f_nav ul li:first-child { border-left:2px solid #c4010c; }
#footer .f_nav ul li a { color:#fff; font-size:74%; line-height:120%;}
#footer .f_nav ul li a:hover { opacity:0.7; }

#footer .add { background:#1f2c4e; color:#fff; padding:45px 0 55px; }
/* #footer .add .box { max-width:670px; width:100%; margin:auto; clear:both; }
#footer .add .box::after { clear:both; content:""; display:block; } */
#footer .add .box {
	max-width:670px;
	width:100%;
	margin:auto;
	display: flex;
	flex-direction: row;
	gap: 10px;
}

/* #footer .add .box::after { clear:both; content:""; display:block; } */
#footer .add .box h2.logo {
	/* float:left; */
	background:url(../image/f_logo.png) no-repeat center;
	background-size:100%;
	width:181px;
	height:90px;
	text-indent:-9999px;
	margin-right:28px;
}
/* #footer .add .box .box-r { float:right; } */
#footer .add .box .box-r .address { font-size:74%; line-height:190%; }
/* 注意文追加 */
#footer .add .box .box-r .address span {
	color: #FFCC00;
	line-height: 1.4em;
	display: block;
	margin-bottom: 4px;
}
#footer .add .box .box-r .tel { width:167px; height:21px; margin:5px 0; }
#footer .add .box .box-r .tel a {
	background:url(../image/tel.png) no-repeat center;
	background-size:100%;
	width:167px; 
	height:21px;
	text-indent:-9999px;
}
#footer .add .box .box-r .copy { font-size:68%; }


/*====================================================================================================
  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:80px; right: 20px; z-index: 100;}
#page a {
	text-indent: -9999px;
	background:#444 url(../image/page_top.png) no-repeat;
}

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