@charset "utf-8";
/* CSS Document */

/* ===================================================================
 Reset
=================================================================== */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, btn, input, select, textarea { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
html, body, h1, h2, h3, h4, h5, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
 margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, header, footer, aside, figure, figcaption, nav, section { display:block; }
body { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
ol, ul { list-style: none; list-style-type: none; }


a,
a:visited { color: #663; text-decoration: underline; }
a:hover { color: #990; text-decoration: underline; -webkit-transition: all .3s; transition: all .3s; }
a:hover img{ opacity:0.75; filter: alpha(opacity=75); -webkit-transition: all .3s; transition: all .3s; }


/* ===================================================================
 Style
=================================================================== */

body { text-align: center; padding:0; margin:0 auto; color:#000; font-size:16px; letter-spacing:0.1em; line-height:1.5; }

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body { font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0.1em; }

img { max-width: 100%; height:auto; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }

#wrap { clear:both; width:100%; min-width:1000px; margin:0 auto; text-align:center;}


p { line-height:1.7; text-align:left; margin-bottom:1em; letter-spacing:0.05em;}
em { } 

.box { clear:both; margin-bottom:70px; }
.boxL { width:48.91304347826087%; float:left;}
.boxR { width:48.91304347826087%; float:right; }
.box:after,
.boxL:after,
.boxR:after { content:" "; display:block; clear:both;}

@media screen and (max-width:640px){
	.boxL { width:100%; float:none; margin-bottom:15px;}
	.boxR { width:100%; float:none; margin-bottom:15px;}
}

.flR { float:right;}
.flL { float:left;}

.clear { clear:both;}

a.bt { padding:12px 35px 10px 40px;  color:#FFF; font-size:18px; letter-spacing:0.12em; text-decoration:none; border:1px solid #fff; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius:30px;}  
a.bt:hover { color:#FFF; background-color:rgba(255,255,255,0.1); }

/* グループリンク */
.gr { cursor:pointer; }
.gr:hover { opacity:0.8; filter: alpha(opacity=80);}
.gr:hover img { opacity:0.8; filter: alpha(opacity=80);}


/* ===================================================================
 HEAD
=================================================================== */

.head-area { width:100%; min-width:1000px; height:130px; border-top:5px solid #195BA9; text-align:center; z-index:9999;  }
.head-h { width:1000px; height:50px; margin:0 auto; }
.head-h h1 { float:left; width:1000px; text-align:right; color:#545454; font-size:13px; padding-top:17px; letter-spacing:0.05em; }
.head-h img { float:right; margin-left:10px; padding-top:15px; }
.head { clear:both; width:1000px; margin:0 auto; }
.head-area:after,
.head:after { content:" "; display:block; clear:both; }
.head .logo { float:left; }
#nav { float:right; margin:18px auto 0 auto; padding:0; list-style-type:none; }
#nav:after { content:" "; display:block; clear:both;}
#nav ul { }
#nav ul li { position:relative; font-size:16px; float:left; height:35px; margin: 0 0 0 20px; padding:0; text-align:right; color:#fff; letter-spacing:0em; line-height:1.2em; }
#nav ul li a { display:block; margin:0; padding:0; text-decoration:none; color:#000; letter-spacing:0.1em; line-height:30px; }
#nav ul li a:hover { color:#990; }

/* ===================================================================
 mainvisual
=================================================================== */
#mv-area { clear:both; width:100%; height:460px; margin:0 auto; text-align:left; background:url("../parts/mv.jpg") no-repeat center top  ; }
#mv-area:after { content:" "; display:block; clear:both;}

#mv-area .mv-txt { width:1000px; margin:0 auto; padding-top:163px; color:#fff; }
#mv-area .mv-txt h2 { font-size:34px; margin-bottom:0.5em; }
#mv-area .mv-txt p { font-size:18px; text-align:left; }
#mv-area .mv-txt .license { width:400px; margin-top:50px;}
#mv-area .mv-txt .license p { font-size:14px;}
#mv-area .mv-txt .license .mv-img { }
#mv-area .mv-txt .license .mv-img ul { display: flex;}
#mv-area .mv-txt .license .mv-img li:first-child { margin-right: 20px;}

#mv-area-p { clear:both; width:100%; height:200px; margin:0 auto; text-align:left; background:url(../parts/main_page.jpg?=260701) no-repeat center top  ; }
#mv-area-p:after { content:" "; display:block; clear:both;}
#mv-area-p h2 { text-align:center; font-size:47px; line-height:0.9; margin:0 auto ; padding-top:50px; padding-bottom:25px; font-family: 'Open Sans', sans-serif; letter-spacing:0.05em; background:url(../parts/h2_bg.gif) no-repeat center bottom; }
#mv-area-p h2 span { font-size:23px; font-family: "Noto Sans Japanese"; font-weight:600; letter-spacing:0.2em; }

.pankuzu { font-size:12px; width:1000px; margin:0 auto; text-align:left;}

/* ===================================================================
 内部
=================================================================== */
#page  { margin:60px auto 100px auto;}
#page section { width:1000px; margin:0 auto; padding:0;}
#page:after,
#page section:after { content:" "; display:block; clear:both;}

#page h3 { height:80px; line-height:80px; font-size:34px; color:#0E3A72; margin-bottom:1em; font-family: "Noto Sans Japanese"; padding-left:0.2em; letter-spacing:0.2em; background:url(../parts/h3_bg.gif) no-repeat center top; }

/* ========================================
 会社概要
=========================================== */

#company .policy { width:100%; height:460px; margin:0 auto 60px auto; padding:60px 0; font-family: "Noto Sans Japanese"; background:url(../parts/company_policy_bg.jpg) no-repeat center top; }
#company .policy h4 { font-size:38px; text-align:center;margin-bottom:0.8em;}
#company .policy p { font-size:20px; text-align:center; }

#company .greeting { margin:0 auto 60px auto;}
#company .greeting .txt { float:right; width:650px;}
#company .greeting .photo { float:left; width:280px;}
#company .greeting .photo img { margin-bottom:5px;}

#company .profile { background:#EAEFF4; margin:0 auto 60px auto; padding:60px 0; }
#company .profile dl,
#company .profile dt,
#company .profile dd { box-sizing: border-box;}
#company .profile dl { width:1000px; margin:0 auto; background: #F1F4F8; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
#company .profile dt,
#company .profile dd { border-top: 1px solid #ccc; word-break: break-all;}
#company .profile dt { padding: 10px 0 0 0; width: 10em; float: left;}
#company .profile dd { padding: 10px 10px 10px 15px; background: #fff; margin-left: 10em; border-left: 1px solid #ccc; text-align:left;}
#company .profile dd:after { content: ''; display: block; clear: both;}
#company .profile dd em { letter-spacing:0; font-style:normal;}
#company .profile dd ul { margin-left:1.3em;}
#company .profile dd ul li { list-style-type: disc; }

#company .profile .gaikan { width:1000px; margin:30px auto; }
#company .profile .gaikan ul{ width:1000px; 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
    -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between; }

#company .access { }
#company .access:after { content: ''; display: block; clear: both;}
#company .access .map { float:left; width:50%;}
#company .access .map h4 { font-size:20px; font-weight:bold; margin-bottom:10px; }
#company .access .map iframe { margin-bottom:10px;}
#company .access p { width:400px; margin:0 auto; text-align:left; }
#company .access p.add { background:url(../parts/ico_map.png) no-repeat left top; padding-left:20px;}
#company .access p.tel { background:url(../parts/ico_tel.png) no-repeat left 2px; padding-left:20px;}


/* ========================================
 事業内容
=========================================== */

#works .strong { margin-bottom: 80px; background:url(../parts/works_strong.jpg?=260617) no-repeat center center; font-size:18px;}

#works .works-area { background: #EAEFF4; padding: 80px 0 0 0; color: #fff;}
#works .cosme-area { width:100%; background: #0E3A72; padding:80px 0 50px 0; color:#fff; position: relative; display: inline-block; margin: 40px auto 0;}
#works .cosme-area:after { content: ''; display: block; clear: both;}
#works .cosme-area .cosme { color:#fff; width:1000px; margin:0 auto; }
#works .cosme-area .cosme img { margin-bottom:20px; }
#works .cosme-area .cosme h4 { color:#fff; margin-bottom:35px; font-size:25px; padding-top:35px; border-top:1px solid #0394D5; font-family: "Noto Sans Japanese"; letter-spacing:0.1em; }
#works .cosme-area .cosme .clear { clear:both; }
#works .cosme-area .cosme .cosme_box { display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 20px;}
#works .cosme-area .cosme .cosme_box h5 { font-size: 18px; text-align: left; font-weight: bold; margin: 5px auto 10px;}
#works .cosme-area .cosme .cosme_box .txt { width: 63%;}
#works .cosme-area .cosme_box .photo { width: 35%; }
#works .cosme-area .cosme_box .photo p { font-size:14px;}

/* 設備紹介 */
#works .facilities-area { padding: 80px 0 40px;}
#works .facilities-area:after { content: ''; display: block; clear: both;}
#works .facilities-area .facilities { width: 1000px; margin: 60px auto 60px auto;}
#works .facilities-area .facilities ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
#works .facilities-area .facilities ul li h4 { font-size: 25px; color: #0E3A72; font-weight: bold; padding-bottom: 18px;}
#works .facilities-area .facilities ul li p { font-size: 18px; text-align: center; font-weight: bold; margin: 20px auto;}

/* その他の設備紹介 */
#works .facilities-area .facilities ul.other_facilities { display: flex; flex-wrap: wrap; justify-content: center; padding: 0; list-style: none; margin: 30px 0 80px;}
#works .facilities-area .facilities ul.other_facilities li::before { content: "●"; font-size: 80%; margin-right: 10px; color: #0E3A72;}
#works .facilities-area .facilities ul.other_facilities li { width: 50%; box-sizing: border-box; font-size: 18px; text-align: left; color: #000; line-height: 2.5em;}
#works .facilities-area .facilities ul.other_facilities li:nth-child(odd) { width: 40%;}
#works .facilities-area .facilities ul.other_facilities li:nth-child(even) { width: 60%;}
#works .facilities-area .facilities ul.other_facilities li:last-child::before { content: none;}

#works .facilities-area .facilities h3.facilities { width: 1000px; height: 80px; line-height: 80px; font-size: 25px; color: #000; margin-bottom: 1em; font-family: "Noto Sans Japanese"; letter-spacing: 0.2em; background: #EAEFF4;}
#works .facilities-area .facilities .facilities_box { width: 1000px; margin: 80px auto 60px auto;}
#works .facilities-area .facilities .facilities_box h4 { text-align: left; font-size: 25px; color: #0E3A72; font-weight: bold; border-bottom: solid 1px #0E3A72; padding-bottom: 18px; margin-bottom: 1em;}
#works .facilities-area .facilities .facilities_box p { line-height: 1.7; text-align: left; margin: 1em 0; letter-spacing: 0.05em;}
#works .facilities-area .facilities .facilities_box ul { display: block; list-style: none;}
#works .facilities-area .facilities .facilities_box ul li::before { content: "●"; font-size: 80%; margin-right: 10px;}
#works .facilities-area .facilities .facilities_box ul li { font-size: 18px; font-weight: bold; text-align: left; color: #0E3A72; line-height: 1.5em;}
#works .facilities-area .facilities .facilities_box ul li span { color: #000; margin-left: 10px;}

/* 対応可能な製品例（錠形・形状） ※未使用　*/
/*#works .example_aria { margin: 0 auto 60px auto; padding: 60px 0 0;}
#works .example_aria:after { content: ''; display: block; clear: both;}
#works .example_aria p { text-align: center;}
#works .example_aria .example { margin: 40px auto 60px auto;}
#works .example_aria .example table { width: 1000px; margin: 20px auto;}
#works .example_aria .example table thead tr th { background: #2152A1; color: #fff; font-weight: bold; padding: 20px; text-align: center;}
#works .example_aria .example table tbody tr td { background: #EAEFF4; padding: 20px; text-align: left;}*/

#works .contact { width: 1000px; margin: 0 auto 60px; padding:25px 0; border-radius: 24px; background:#2152A1; color:#fff; text-align:center;  }
#works .contact:after { content: ''; display: block; clear: both;}
#works .contact p { text-align:center; font-size:24px; margin-bottom:0.8em; }
#works .contact .tel { font-size:30px; font-weight:bold; color: #DBFFFF; background:url(../parts/contact_tel.png) no-repeat left 2px; padding: 0 0 0 38px; margin:0 40px 0 0; }

/* 製造の流れ */
#works .flow-area { background:#EAEFF4; padding:60px 0 86px 0; }
#works .flow-area:after { content: ''; display: block; clear: both;}
#works .flow-area h3 { height: 80px; line-height: 80px; font-size: 34px; color: #FFF; margin-bottom: 1em; font-family: "Noto Sans Japanese"; padding-left: 0.2em; letter-spacing: 0.2em; background: url("../parts/h3_bg_02.gif") no-repeat center top; }
#works .flow-area a { color: #FFF;}
#works .flow-area .flow .cleanroom { width:1000px; margin:0 auto; padding:0; }
#works .flow-area .flow .cleanroom h4 { text-align:left; font-size:23px; margin-bottom:0.5em; }
#works .flow-area .flow .cleanroom img { float:left; margin-right:30px; }

#works .flow-area { background: #0E3A72; padding:80px 0 50px 0; color:#fff; }
#works .flow-area .flow { width:1000px; }
#works .flow-area .flow h4 { font-family: "Noto Sans Japanese"; letter-spacing:0.15em; }
#works .flow-area .flow { width:1000px; margin:0 auto 30px auto; }
#works .flow-area .flow { margin-bottom:17px; padding:35px 10px 25px 10px; border-top:1px solid #0394D5;}

#works .flow-area .flow .flow_box { margin-bottom: 40px;}
#works .flow-area .flow .flow_box dl div { display: flex; justify-content:space-between;}
#works .flow-area .flow .flow_box dl div dt { width: 30%}
#works .flow-area .flow .flow_box dl div dd { width: 70%}
#works .flow-area .flow .flow_box dl div dd h4 { text-align: left; margin-bottom:7px; font-size:25px; color: #EAEFF4;}
#works .flow-area .flow .flow_box dl div dd p { text-align: left; margin-bottom:7px; color: #FFF;}

/* こんな方におすすめ */
#works .points_aria { background: #EAEFF4; padding: 80px 0;}
#works .points_aria:after { content: ''; display: block; clear: both;}
#works .points_aria p { text-align: center;}
#works .points_aria .points { width: 1000px; background: #FFF; border-radius: 10px; padding: 40px; margin: 20px auto 20px;}
#works .points_aria .points ul { list-style: none;}
#works .points_aria .points ul li { font-size: 18px; font-weight: bold; text-align: left; color: #0E3A72; line-height: 2.5em;}
#works .points_aria .points ul li::before { content: "●"; font-size: 80%; margin-right: 10px;}

/* よくあるご質問 */
#works .faq_aria { background: #FFF; padding:80px 0 50px 0;}
#works .faq_aria:after { content: ''; display: block; clear: both;}
#works .faq_aria .faq .faq_box { width: 1000px; background: #EAEFF4; padding: 24px; margin: 20px auto 20px;}
#works .faq_aria .faq .faq_box h4 { font-size: 18px; font-weight: bold; border-bottom: solid 1px #0E3A72; text-align: left; margin: 0 0 24px 0;; padding: 12px 0; color: #0E3A72;}
#works .faq_aria .faq .faq_box h4::before { content: "Q"; font-weight: bold; padding: 10px 14px; background: #0E3A72; color: #FFF; margin-right: 20px;}
#works .faq_aria .faq .faq_box p { display: flex; align-items: flex-start; text-align: left; margin: 0 0 10px 0; }
#works .faq_aria .faq .faq_box p::before{ content: "A"; width: 2.4em; flex-shrink: 0; font-size: 18px; font-weight: bold; padding: 6px 16px; background: #FFF; color: #0E3A72; margin: 0 20px 0 0;}


/* ========================================
 仕事の様子
=========================================== */
#page #job h3 { margin-bottom:60px;}
#job .setup { margin:0 auto 80px auto; background:#EAEFF4; padding:60px 0 30px 0; }
#job .setup:after { content:" "; display:block; clear:both;}
#job .setup h4 { font-size:26px; padding-bottom:15px; margin-bottom:25px; font-family: "Noto Sans Japanese"; letter-spacing:0.2em; background:none; }
#job .setup .photo { float:left; width:460px; margin-bottom:20px;}
#job .setup .txt { float:right; width:500px;}
#job .setup ul { clear:both; width:1000px; margin:0 auto 30px auto; 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
    -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between; }
#job .setup li { width:300px; margin-bottom:17px; padding:10px 0; }
#job .setup li img { margin-bottom:7px; }

#job .manual ul { width:1000px; margin:0 auto 30px auto; 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
    -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between; }
#job .manual li { width:300px; margin-bottom:17px; padding:10px 0; -webkit-flex-direction: row; flex-direction: row;}
#job .manual li img { margin-bottom:7px; }


/* ========================================
 個人情報保護方針
=========================================== */

#privacy section { margin-bottom:60px;}
#privacy h4 { font-size:21px; margin-bottom:2em; background:#EAEFF4; padding:10px; font-family: "Noto Sans Japanese";}

#privacy dl { text-align:left;}
#privacy dt { margin-bottom:0.5em; font-size:18px; font-weight:bold; border-bottom:1px solid #555; padding:0 0.2em 0.2em 0.2em;}
#privacy dd { margin:0 0 2em 0; padding:0 0.2em;}



/* ===================================================================
 TOP
=================================================================== */

#home .policy-area { margin:0; padding:64px 0 0 0; height: 400px; background: url(../parts/top_policy_bg.jpg) no-repeat center bottom;}
#home .policy-area:after { content:" "; display:block; clear:both;}
#home .policy { width:1000px; margin:0 auto; padding:0;  }
#home .policy h3 { padding:0; font-size:28px; color:#195AA9; text-align:left; margin-bottom:0.75em; }
#home .policy img { float:left; margin: 0 60px 30px 0;}

#home .flow-area { background:#EAEFF4; padding:100px 0 86px 0; margin-bottom:0; }
#home .flow { width:1000px; margin:0 auto 40px auto; padding:0; }
#home .flow-area .cleanroom { width:600px; margin:0 auto; padding:0; font-size:14px; }
#home .flow-area .cleanroom h4 { text-align:left; font-size:20px; padding-top:20px; margin-bottom:0.5em; }
#home .flow-area .cleanroom img { float:left; margin-right:20px;}

#home .service-area { height:760px; background: url(../parts/top_service_bg.jpg) no-repeat center bottom; padding:100px 0 0 0; margin-bottom:100px; color:#fff; }
#home .service { width:1000px; margin:0 auto 40px auto; padding:0; }
#home .service h3 { font-size:45px; text-align:center; line-height:0.75; margin-bottom:20px; font-family: 'Open Sans', sans-serif; }
#home .service h3 span { font-size:17px; }
#home .service ul { width:1000px; margin:0 auto 30px auto; flex-wrap:wrap; justify-content: space-between; }
#home .service li { width:33.33333333%; margin-bottom:17px; padding:10px 0; -webkit-flex-direction: row; flex-direction: row;}
#home .service li img { margin-bottom:7px; }

#home .about { width:1000px; margin: 100px auto 120px auto; padding:0; }
#home .about:after { content:" "; display:block; clear:both;}
#home .about h3 { font-size:45px; text-align:center; line-height:0; margin-bottom:20px; font-family: 'Open Sans', sans-serif; }
#home .about p { font-size:17px; text-align:center; }
#home .about ul { display: flex; justify-content:space-between; margin-top:70px; }
#home .about li { width: 480px; color:#0D3972;}
#home .about li.company { background:url("../parts/about_01.jpg") no-repeat center top;}
#home .about li.privacy { background:url("../parts/about_02.jpg") no-repeat center top;}
#home .about li h4 { font-size:34px; text-align:center;  margin-bottom:0; font-family: 'Open Sans', sans-serif; }
#home .about li p { font-size:15px;  font-weight:bold; text-align:center; }
#home .about li a { padding: 100px 0 70px; color:#0D3972; text-decoration:none; display:block;}
#home .about li a:hover { background: rgba(255,255,255,0.3); }

#home .strengths { background: #EAEFF4; padding: 100px 0 120px 0; margin-bottom: 0;}
#home .strengths:after { content:" "; display:block; clear:both;}
#home .strengths h3 { font-size:45px; text-align:center; line-height:0; margin-bottom:20px; font-family: 'Open Sans', sans-serif; }
#home .strengths p { font-size:17px; text-align: center; margin: 40px auto 70px;}
#home .strengths div { width:1000px; background: #FFF; margin:40px auto 40px auto; padding:0;}
#home .strengths dl { display: flex; padding: 30px;}
#home .strengths dl dt { margin-right: 30px;}
#home .strengths dl dd { width: 65%; text-align: left;}
#home .strengths dl dd h4 { font-size: 25px; color: #0E3A72; font-weight: bold; border-bottom: solid 1px #0E3A72; padding-bottom: 18px;}
#home .strengths dl dd p { text-align: left; color: #000; margin: 22px auto 0px;}
#home .strengths a.bt { background: #FFF; padding:12px 35px 10px 40px;  color:#0E3A72; font-size:18px; letter-spacing:0.12em; text-decoration:none; border:1px solid #0E3A72; border-radius:30px; margin: 20px auto;}
#home .strengths a.bt:hover { color:#0E3A72; background-color:rgba(255,255,255,0.1); }




/* ===================================================================
 FOOT
=================================================================== */
.foot-area { clear:both; width:100%; margin-top:15px; padding:42px 0 22px 0; text-aling:center; background:#0E3A72; color:#FFF; }
.foot-area:after { content:" "; display:block; clear:both;}
#foot { width:1000px; margin:0 auto;}

.foot-nav { float:left; width:100%; text-aling:center; padding:0; margin-bottom:20px;}
.foot-nav:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.foot-nav ul { margin-top:20px; }
.foot-nav li { float:left; padding: 0 17px; font-size:15px; text-align:left; font-weight:bold; border-right: 1px solid #fff; line-height:100%; }
.foot-nav li:first-child{ margin-left:0; }
.foot-nav li:last-child{ border-right: none; }
.foot-nav li span { padding: 0; font-size:12px; font-weight:normal; }
.foot-nav li a { color:#fff; text-decoration: none; display:block; }
.foot-nav li a:hover,
.foot-nav li a.active { color:#BBB; text-decoration: underline; }
.foot-nav li.nav-mail { margin-top:-7px;}

.foot-nav .foot-mark { display: flex; justify-content:flex-end;}
.foot-nav .foot-mark ul { margin-top: 0;}
.foot-nav .foot-mark li { padding: 0; border-right: none; }
.foot-nav .foot-mark ul li:first-child { margin-right: 20px;}
.foot-nav .foot-mark ul li:last-child { margin: 0px;}

.foot-add-area { clear:both; width:100%; text-aling:center; padding:0;}
.foot-add-area h3 { text-align:left; font-size:20px; margin-bottom:10px; font-weight:bold;}

.foot-add { text-align:left; }
.foot-h { width:450px; float:left; }
.foot-n { width:440px; float:right; }

.foot-add p { line-height:1.2em;  }
.foot-add img { float:right; }
.foot-add .foot-address { background:url(../parts/foot_map.png) no-repeat left top; padding:0 0 0 20px; }
.foot-add .foot-tel { background:url(../parts/foot_tel.png) no-repeat left top; padding:0 0 0 20px; }

#copyright { clear:both; color:#fff; font-size:13px; padding:30px 0 5px 0; }
#copyright a { color:#fff; }

/* ページ先頭へ------------------------------------------------ */
#pagetop { position:fixed; bottom:6px; right:6px;}
#pagetop a { border:1px solid #888; background-color:rgba(255,255,255,0.2); width:40px; height:40px; text-align:center; display:block; font-size:25px; color:#888; text-decoration:none;}
#pagetop a:hover { text-decoration:none; color:#F33; border:1px solid #F33;}