@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,b,i,s,strike,address,form,label{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;min-height:0;max-height:999999px;}
strong,em,u{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;font:inherit;}
table,caption,tbody,tfoot,thead{vertical-align:top;}
body{background:#ffffff;font-size:8px;font-family:'Lucida Grande',Helvetica,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p{padding:0;margin:0;font-weight:normal;font-size:1em;}
ul{list-style-type:none;}
li img{vertical-align:middle;}
p{padding-bottom:1.2em;}
textarea,table{font-size:1.0em;}
img,a{border:0;outline:none;}
a{text-decoration:none;}
address{font-style:normal;display:inline;}

body{zoom:0.6;}
@media all and (min-width:360px){body{zoom:0.7;}}
@media all and (min-width:420px){body{zoom:0.8;}}
@media all and (min-width:480px){body{zoom:0.9;}}
@media all and (min-width:600px){body{zoom:1;}}


/* Base */
element or parent element{width:100%;height:auto;min-height:1px;max-height:999999px;}
.clear{clear:both;}
.clearfix:after,.clf:after{content:"";clear:both;display:block;}
body > img{display:none;}
h1{display:none;}
hr.separator{width:100%;height:1px;padding:0;margin:0;background:#808080;border:none;}
.disp,.blk{display:block;}
.ibk{display:inline-block;}
.inl{display:inline;}
.flx{display:flex;display:-webkit-flex;}
.wrap{flex-wrap:wrap;-webkit-flex-wrap;}
.jca{justify-content:space-around;-webkit-justify-content:space-around;}
.jcb{justify-content:space-between;-webkit-justify-content:space-between;}
.jcc{justify-content:center;-webkit-justify-content:center;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.cb{clear:both;}
.solid,.sld{border-style:solid;}
.dotted,.dot{border-style:dotted;}
.dashed,.dsh{border-style:dashed;}
.bda{border-width:1px 1px 1px 1px;}
.bdl{border-width:0px 0px 0px 1px;}
.bdr{border-width:0px 1px 0px 0px;}
.bdt{border-width:1px 0px 0px 0px;}
.bdb{border-width:0px 0px 1px 0px;}
.pd0{padding:0;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.cent{margin:0 15px;}
.lbtn a:before,
.pt:before,
.pt2:before,a.txtLink:before,
.txtLink a:before,
a.linkBtn:before,
.linkBtn a:before,
a.arrow:before{content:"\f105";display:inline;padding-right:5px;font-size:1em;;font-family:FontAwesome;vertical-align:baseline;line-height:16px;}
.pt3:before{content:"\f107";display:inline;padding-right:5px;font-size:1em;font-family:FontAwesome;vertical-align:baseline;line-height:16px;}
a.linkBtn,
.linkBtn a{display:inline-block;margin:0 5px 10px 0;padding:8px 15px;}

/* Color Setting */
body,.abc{color:#000;}
.abg{background-color:#000;}
.abl{border-color:#000;}
a.linkBtn,
.linkBtn a,
.navi_p ul li a.hover,
#bottomMenu li.hover a,
.wbc{color:#ffffff;}
#bottomMenu ul li a:hover,
.wbg{background-color:#ffffff;}
.dbg{background-color:#f0f1f1;}


#previewSamplePageHeading{width:100%;max-width:600px;overflow:hidden;}

.telicon{position:absolute;top:0;left:0;width:15px;height:15px;}


/* Header */
#logo{display:block;width:20%;max-width:100px;margin:3px 0 0 7px;}
#logo img{display:block;width:100%;height:auto;}
#header{position:relative;width:100%;max-width:640px;padding:5px 0;margin:0 auto;}
#headBtns{position:absolute;right:0;bottom:15px;float:right;display:flex;display:-webkit-flex;}
#headBtns .telInfo{float:left;display:block;margin:0 8px 0 0;}
#headBtns .telInfo .fd01{position:relative;margin-top:4px;}
#headBtns .telInfo .fd01 span{display:block;padding-left:16px;font-size:1.6875em;line-height:15px;}
#headBtns ul{display:block;}
#headBtns li{float:left;border-left:solid 1px #444;}
#headBtns li a{display:block;padding:3px 10px;font-size:0.875em;}

/* Navigation */
#navi{position:relative;width:100%;}
.navi_p{position:relative;z-index:100;width:100%;max-width:640px;margin:0 auto;display:flex;display:-webkit-flex;background-color:transparent;}
.navi_p > li{position:relative;display:table;width:calc(100% / 7);width:-webkit-calc(100% / 7);}
.navi_p > li > a{position:relative;z-index:50;display:table-cell;width:100%;height:20px;padding:5px 0 4px;border-style:solid;border-width:0 0 2px 0;border-color:transparent;text-align:center;vertical-align:middle;line-height:10px;}
.navi_p > li > a.hover:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin:0 0 0 -5px;border:5px solid transparent;}
.navi_p ul{position:absolute;top:35px;left:0;z-index:500;width:125px;padding:1px;}
.navi_p ul li:not(:first-child){border-top:dotted 1px #a5a6a6;}
.navi_p ul li a{display:block;padding:4px 5px;font-size:0.9375em;}




/* Main Contents */

#wide h2{padding:10px;font-size:1.75em;}

#contents{padding:0 10px;}
#wrapper{position:relative;}








/* breadCrumbs */
#breadCrumbs{margin-bottom:10px;}
#breadCrumbs li{display:inline-block;font-size:0.875em;}
#breadCrumbs li:not(:last-child):after{content:"\f105";display:inline;padding:0 10px;font-size:16px;font-family:FontAwesome;vertical-align:baseline;line-height:1;}
#breadCrumbs br{display:none;}


/* cateogryBox */
.catTopList{position:relative;width:290px;margin:0 auto 20px;}
.catTopList:before{content:"\f107";display:block;position:absolute;z-index:-1;right:10px;top:10px;width:20px;height:20px;font-size:16px;text-align:center;line-height:20px;font-family:FontAwesome;}
.catTopList select{display:block;width:100%;padding:10px;background:transparent;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;}


.catBottomList{margin-bottom:40px;}
.catBottomList > ul{padding:15px;}
.catBottomList ul.sub{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-bottom:20px;}
.catBottomList ul.sub li{width:100%;}
.catBottomList ul.sub li a{font-size:0.9375em;}

@media all and (min-width:500px){
.catBottomList ul.sub li{width:48%;margin-right:2%;}
}

@media all and (min-width:700px){
.catBottomList ul.sub li{width:32%;margin-right:1.3%;}
}

@media all and (min-width:1000px){
.catBottomList ul.sub li{width:24%;margin-right:1%;}
}

@media all and (min-width:1300px){
.catBottomList > ul{max-width:1280px;padding:15px 0;margin:0 auto;}
.catBottomList ul.sub li{width:19%;margin-right:1%;}
}

/* currentCat */
.cCat{position:relative;padding-left:15px;margin:0 0 20px;border-bottom:solid 1px #cccdcd;font-size:0.875em;color:#402e1d;line-height:30px;}
.cCat:before{content:"";display:block;position:absolute;top:10px;left:0;width:10px;height:10px;}
@media all and (min-width:1300px){.cCat{max-width:1280px;margin:0 auto 20px;box-sizing:border-box;}}


#articleTitle{margin-bottom:10px;}
#articleTitle h3{padding-bottom:3px;margin-bottom:3px;font-size:1.6875em;}
#articleTitle h4{margin:0;padding:5px 7px;background:#F0F1F1;font-size:0.9375em;}





/* articleList */
#article_list{max-width:500px;padding:7px;margin:20px auto;box-sizing:border-box;}
#article_list h4{padding-bottom:5px;}
#article_list li{border-bottom:solid 1px #eae7e4;}
#article_list li a{display:block;padding:5px 7px;font-size:0.9375em;}
#article_list li a .date{padding-right:7px;}



/* pager */
.pager{margin-bottom:10px;text-align:center;}
.pager .currentPage{padding:5px 0;font-size:0.9375em;}
.pager ul{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;width:100%;max-width:300px;height:20px;margin:0 auto;}
.pager ul li{border-style:solid;border-width:1px 1px 1px 0;border-color:#b0b0b0;box-sizing:border-box;}
.pager ul li:first-child{border-left-width:1px;}
.pager ul li{width:10%;}
.pager ul li a{position:relative;display:block;width:100%;height:100%;text-decoration:none;border:solid 1px #fff;font-size:0.875em;line-height:17px;box-sizing:border-box;}
.pager ul li.prev a:before,
.pager ul li.next a:before,
.pager ul li.first a:before,
.pager ul li.last a:before,
.pager ul li.first a:after,
.pager ul li.last a:after{content:"";display:block;position:absolute;top:6px;left:50%;z-index:2;}
.pager ul li.first a:before,
.pager ul li.last a:before{width:2px;height:6px;}
.pager ul li.first a:before{margin-left:-3px;}
.pager ul li.last a:before {margin-left:2px;}
.pager ul li.prev a:before,.pager ul li.first a:after{width:0;height:0;margin-left:0px;border-style:solid;border-width:3px 3px 3px 0;border-top-color:transparent!important;border-bottom-color:transparent!important;border-left-color:transparent!important;}
.pager ul li.next a:before,.pager ul li.last a:after{width:0;height:0;margin-left:-3px;border-style:solid;border-width:3px 0 3px 3px;border-top-color:transparent!important;border-bottom-color:transparent!important;border-right-color:transparent!important;}



/* Bottom Menu */
#bottomMenu{margin:0 auto 30px;}
#bottomMenu h4{padding-bottom:2px;font-size:0.9375em;}
#bottomMenu li{width:50%;}
#bottomMenu li a{display:block;padding:5px;margin:1px 0;}



/* Footer */
footer{position:relative;}
#companyInfo{width:100%;max-width:640px;margin:0 auto;padding:10px 7px;font-size:0.9375em;overflow:hidden;box-sizing:border-box;}
#companyInfo .otherLink{float:left;display:block;}
#companyInfo .otherLink a{display:inline-block;font-size:0.9375em;line-height:1;}

#copyBox{padding:5px 7px 45px;}
#copyBox .inner{width:100%;max-width:640px;margin:0 auto;font-size:0.8125em;}

#footer_link{position:fixed;z-index:80;right:0;bottom:0;left:0;padding:0 0 5px;}
#footer_link .inner{width:100%;max-width:600px;padding:5px 7px;box-sizing:border-box;}
#footer_link .telInfo{float:left;display:block;}
#footer_link .telInfo .fd01{position:relative;}
#footer_link .telInfo .fd01 span{display:block;padding-left:16px;font-size:1.6875em;line-height:15px;}
#footer_link .telInfo .fd02{display:block;font-size:0.875em;white-space:nowrap;}
#footer_link ul{float:right;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;width:265px;margin-top:2px;box-sizing:border-box;}
#footer_link li{display:block;width:24%;margin:0 0 0 1%;box-sizing:border-box;}
#footer_link li a{display:block;height:auto;padding:5px 0;margin:0 2px;font-size:1.0625em;line-height:15px;text-align:center;text-decoration:none;}

#pageTop{position:fixed;left:560px;bottom:50px;z-index:90;width:30px;height:30px;}



/* RTE */
.rte_area h2,.rte_area h3,.rte_area h4,.rte_area h5,.rte_area h6,.rte_area blockquote,.rte_area .frame,.rte_area ul,.rte_area ol,.rte_area pre{margin-bottom:10px;line-height:1.5;}
.rte_area p{line-height:1.5;padding:0;}
.rte_area li{margin-bottom:5px;}
.rte_area table{table-layout:fixed;width:100%;border-collapse:collapse;}
.rte_area th,.rte_area td{word-break:break-strict;}
.rte_area hr{width:100%;height:1px;border:none;margin-bottom:10px;}
.rte_area h2{font-size:1.875em;}
.rte_area h3{padding:8px 15px;font-size:1.5em;}
.rte_area h4{font-size:1.5em;}
.rte_area h5{font-size:1.375em;}
.rte_area h6{font-size:1.25em;}
.rte_area blockquote,.rte_area .frame{padding:10px;}
.rte_area ul li{position:relative;padding-left:10px;line-height:10px;}
.rte_area ul li:before{position:absolute;left:5px;top:6px;content:"";display:block;width:4px;height:4px;}
.rte_area ol{padding-left:20px;}