@charset "UTF-8";
@font-face{font-display:swap;font-family:'Lato';font-style:normal;font-weight:400;src:local(''),url('/1/lato400.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Lato';font-style:normal;font-weight:700;src:local(''),url('/1/lato700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:local(''),url('/1/noto400.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:local(''),url('/1/noto700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'BIZ UDPMincho';font-style:normal;font-weight:400;src:local(''),url('/1/UDmin400.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'BIZ UDPMincho';font-style:normal;font-weight:700;src:local(''),url('/1/UDmin700.woff2') format('woff2')}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{font-size:62.5%}
body{line-height:1.8rem;font-family:'Lato','Noto Sans JP',sans-serif;font-size:1.6rem;color:#2f2f2f;background:#282828;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
ul,ol{list-style:none;line-height:2.5rem}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#007bbb;text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:.5em 0 .5em;padding:0}
input,select,img{vertical-align:middle}
img{width:100%;border:none}
address,address a{font-style:normal;text-decoration:none}
.breadcrumbs{display:flex;flex-wrap:wrap}
.breadcrumbs li::after{content:'>';display:inline-block;padding:0 10px}
.breadcrumbs li:last-child::after{display:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none;font-family:inherit}
figcaption{font-size:1.2rem;line-height:2rem}
.cf::after{content:"";display:block;clear:both}


/* svg関連 #sv0番台はロゴ関連 #sv02は右メニューバー用ロゴ */
#sv0,#sv00,#sv02{width:180px;height:30px;fill:#282828}
#sv00{fill:#fff}
#sv01{width:180px;height:18px;fill:#282828}
#sv02{display:none}
/* sv03はお問合せブロック*/
.sv03{width:210px;height:60px}

/* svg番台はアイコン用 */
/* svg0番台はスマホ用サイズのheaderお問合せアイコン */
#svg0{width:32px;height:32px;fill:#383C3C}
.svg1{width:15px;height:15px;padding-left:2px;fill:#fff;vertical-align:text-top}
/* svg2はフッターフリーダイヤルアイコン */
.svg2,.svg2b{width:20px;height:20px;padding:0 3px 0 0;fill:#fff}
.svg2b{fill:#383c3c}
.svg3,.svg3a{width:2rem;height:2rem;padding-left:3px;fill:#fff;vertical-align:-4px}
.svg3a{padding-right:3px}


/* sv番台は文章内アイコン用 */
.sv,.sv1{width:17px;height:17px;padding-left:2px;fill:#007bbb;vertical-align:text-top}
.sv1{padding:0 3px 0 0;fill:#383c3c}
.sv2{width:12px;height:12px;padding-right:3px;fill:#383c3c}

/* メインボックス */
header{position:fixed;width:260px;text-align:center;padding-top:60px;z-index:110}
main,footer{float:left;width:calc(100% - 260px);max-width:1070px;padding-left:260px;background:#fbfbfb}
footer{color:#fff;background:#383838}
#overlay{display:none;position:fixed;background:rgba(0,0,0,.6);width:100%;height:100%;top:0;left:0;right:0;bottom:0}
/* ヘッダー内 */
#a01{position:fixed;left:0;bottom:0;width:210px;padding:10px 25px 18px;background:#fff}
#a02{display:none}
/* a03は下層ページ用右上お問い合わせk*/
#a03{position:absolute;right:10px;top:5px;width:210px;height:60px}
/* メニューバー */
#a1{padding-top:120px;width:260px;height:100%;position:fixed;background:#fff;z-index:100}
#a1 > ul > li{position: relative}
#a1 a{color:#282828;text-decoration:none;display:block;padding:15px 0 15px 40px;transition:background-color .3s linear}
#a1 .a11.is-active > a,#a1 a:hover{color:#fff;background:#282828}
#a1 .a13 a,#a1 .a11:hover .a13{width:230px}
/* sub-menu icon */
#a1 .a12{position:relative}
#a1 .a12:after{content: "";position:absolute;top:0;bottom:0;right:18px;margin:auto;vertical-align:middle;width:8px;height:8px;border-top:1px solid #282828;border-right:1px solid #282828;transform:rotate(45deg)}
/* sub-menu */
#a1 .a13{position:fixed;background:#282828;color:#fff;top:0;padding-top:90px;left:260px;width:0;height:100%;overflow:hidden;transition:width .2s ease-out}
#a1 .a11.is-active > a:after,#a1 .a12:hover:after{border-color:#fff}
#a1 .a13 a{color:#fff}
#a1 .a13 a:hover{color:#282828;background:#fff}
/* nav-toggle */
#a0{display:none;position:fixed;top:15px;right:15px;height:32px;cursor:pointer}
#a0 > div {position:relative;width:32px}
#a0 span{width:100%;height:2px;left:0;display:block;background:#282828;position:absolute;transition:.35s ease-in-out}
#a0 span:nth-child(1){top:0}#a0 span:nth-child(2){top:11px}#a0 span:nth-child(3){top:22px}


/* ボックス 余白が崩れるので幅余白を決めてから縦余白 */
.b,.bb,.bb1,.bb2,.bb3,.b1,.b2,.b3{float:left;width:100%;position:relative}
.bb{padding-bottom:40px}
.bb1{padding-bottom:10px}
.bb2{padding-bottom:20px}
.bb3{padding-bottom:30px}
.b1{width:98%;padding-right:1%;padding-left:1%}
.b2{width:96%;padding-right:2%;padding-left:2%}
.b3{width:92%;padding-right:4%;padding-left:4%}



/* ボックス10番台は下層ページ用 */
.b80{float:left;width:80%}
.b20{float:left;width:17%;padding-left:3%}
.b70{float:left;width:70%}
.b30{float:left;width:28%;padding-left:2%}
.b60{float:left;width:60%}
.b40{float:left;width:38%;padding-left:2%}
.b50{float:left;width:50%}
.b51{float:left;width:48.5%;padding-right:1.5%}
.b52{float:left;width:48.5%;padding-left:1.5%}

/* スライダーボックス */
.c0{width:100%;overflow-x:auto;overflow-y:hidden;overflow:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}
.c1{display:flex;width:1200px}
.c11{width:200px;margin:0 30px 20px 0}
.c12{width:100%}
.c13{float:right;display:inline-block;color:#fff;background-color:#383c3c;padding:3px 5px}


/* 見出し */
#hlogo{padding:0;font-size:100%}
h1{font-size:2.4rem;line-height:2.5rem}
h2{margin-bottom:5px;font-size:2.1rem;line-height:2.2rem}


.hs{font-size:0.9em;padding-left:5px}
.hss{font-size:0.7em;padding-left:5px}
.hs::before,.hss::before{content:"\5b"}
.hs::after,.hss::after{content:"\5d"}
.hs2{font-size:0.6em;line-height:0.8em;color:#8F8F8F}

/* hlは見出しの下線 */
.hl{display:inline-block}
.hl::after,.hl2::after{background:#383c3c;border-radius:2px;content:"";display:block;height:4px;margin-top:1px}
/* hl2は見出しの長く薄い下線 */
.hl2{display:block}
.hl2::after{background:#ececec}
.hl3{position:relative;padding:1rem 0.5rem;margin-bottom:30px;border-bottom:3px solid #ececec;color:#383c3c}
.hl3:before,.hl3:after{position:absolute;content:'';left:1em;width:0;height:0;border-width:14px 12px 0;border-style:solid}
.hl3:before{bottom:-14px;border-color:#ececec transparent transparent}
.hl3:after{bottom:-10px;border-color:#fff transparent transparent}
.hl4::before{padding-right:5px;content:url(/0/1/down.svg)}



/* 行間 */

/* テキスト */
p,.p2,.p3{margin-bottom:15px;line-height:2.5rem}
.p2,.p3{font-size:1.2rem;line-height:1.8rem}
.p3{text-align:right}

/* テキスト強調*/
.pt,.pt1{padding:0 1px;font-weight:normal;background-image:linear-gradient(transparent 80%,#bbb 20%)}
.pt1{background-image:linear-gradient(transparent 80%,#fff33f 20%)}

.pt3,.pt4,.pt5,.pt6{display:inline;margin:0 5px;padding:0 5px;font-weight:bold;color:#fff;background:#3D4C53}
.pt4{background:red}
.pt5,.pt6{background:#000}
.pt6{display:inline-block}


/*テキスト弱用（※あり）*/
.ps{font-size:1.3rem;color:#5f5f5f;line-height:1.8rem}
.ps{display:block;width:calc(100% - 1em);margin-left:1em;text-indent:-1em}
.ps:before{content:"※\0a"}
/*テキスト弱用（※なし改行あり）*/
.ps1{display:block;font-size:1.3rem;color:#5f5f5f;line-height:1.8rem}
/*テキスト弱用（※なし改行なし）*/
.ps2{display:inline;font-size:1.3rem;color:#5f5f5f;line-height:1.8rem}


/* フォント2 Noto Serif JP*/
.font2{font-family:'BIZ UDPMincho','Lato',sans-serif}

/* テキストカラー*/
.pcb{color:#007bbb}
.pcr{color:#F22C2F}

.pr{text-align:right}

/* フォントサイズ*/
.ps14{font-size:1.4rem}
.ps12{font-size:1.2rem}

/* 写真用*/
.pic0{float:left;width:40%;margin-right:5%}

.pic2{float:right;width:30%;margin:0 0 5px 2%}
.pic5{float:left;width:38%;margin:0 3% 0 0}

/* リスト1 通常リスト 前に○*/
.l0{text-indent:-3rem;margin:0 0 20px 3rem}
.l0 > li:before{content:"◯\3000"}
/* リスト2 オーダーリスト 前に数字*/
.l1{padding:10px 0 20px 3rem;counter-reset:counter}
.l1 > li:before{content:counter(counter);counter-increment:counter;background-color:#383c3c;font-size:1.5rem;font-weight:bold;color:#fff;line-height:2rem;float:left;margin:.3rem .8rem 0 -3.2rem;text-align:center;height:2rem;width:2rem;border-radius:50%}

/* リスト3 表（広い）リスト4 表（狭い）*/
.l2,.l3{line-height:2.5rem}
.l2 > dt{float:left;width:8em}
.l2 > dt::after,.l3 > dt::after{content:"："}
.l2 > dd{float:left;width:calc(100% - 8em)}
.l3 > dt{float:left;width:4em}
.l3 > dd{float:left;width:calc(100% - 4em)}
/* リスト4は目次用 */
#l4{padding:10px 0}
#l4 a{color:#383c3c}
#l4 li{padding:0 0 5px 17px;text-indent:-17px}
#l4 li::before{padding-right:2px;content:url(/0/1/down.svg)}
/* リスト5は付箋リンク用 */
.l5 li{display:inline-block;padding:0.5em 1em;margin-bottom:1em;background:#f7f7f7;border-left: solid 6px #000;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29)}
.l5 li a{color:#383c3c}

/*下層ページ用*/
/*サイトマップページ用*/
.j1 > li{float:left;width:100%;line-height:1.2rem;margin:30px 0 0}
.j1 a{color:#383c3c}
.j1 a:hover{color:#007bbb}
.j11{font-size:1.2rem;margin-left:10px}
.j11::before{content:"/"}
.j2 > li{float:left;width:290px;line-height:1.2rem;margin:5px 0}
.j3{width:100%;font-weight:normal;padding:5px 0;font-size:1.5rem}
.j3::before{content:"\0bb\A0"}
.j4{padding-left:10px;font-size:1.2rem}

/*次のページボタン用*/
.d0{margin-top:-20px;text-align:right}
.d0 a{padding:5px;color:#fff;background:#282828;font-weight:bold;border-radius:50%;text-decoration:none}

/*ニュースページ用*/
#n0{width:100%;overflow-x:auto;overflow-y:hidden;overflow:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}
#n1{display:flex;width:600px}
#n10,.n11{display:inline-block;padding:10px 10px 20px;background:#f0f0f0;border-radius:0 10px 0 0}
#n10{background:#3D4C53;color:#fff}
.n11 a{color:#383c3c}
#n2{float:left;width:calc(96% - 4px);padding:20px 2%;border:solid 2px #3D4C53}
.n3{float:left;width:120px;margin:0 10px 10px 0}


/* フッター内 */
footer a{color:#fff}
#z0{width:98%;padding:3px 1% 0;text-align:right;font-size:1.2rem;line-height:1.8rem}
.z1 >li{float:left;width:140px;margin:5px 4px 5px 0;padding:5px 0 5px 6px;font-weight:bold;border-left:solid 4px #fff}
.z2{width:360px}
#z22{font-size:2rem;padding-bottom:2px}
#z23{font-size:1.2rem}
.z24{padding:10px 0 0}
#z3,.z4{float:left;width:96%;padding:0 2% 10px;font-size:1.3rem}
.z31 >li{float:left;padding:2px 10px 0 0;border-right:1px solid}
.z31 >li:nth-child(n+2){padding:2px 10px}
.z4{padding:0 2%;font-size:1.2rem;position:relative}
#zq{position:absolute;right:10px;bottom:100px;width:52px;height:52px}



@media screen and (max-width:900px){
#sv01{display:none}
#sv02{display:block}
.sv03{width:175px;height:50px}

header{width:100%;padding:10px;background:rgba(255,255,255,.8);display:-webkit-flex;display:flex}
main,footer{width:100%;padding:60px 0 0}
footer{padding:0}

#a1{padding-top:10px;right:-300px;top:0;width:300px;transition:.35s ease-in-out}
/* サブメニューは開けない */
#a1 .a12:after,#a1 .a13{display:none}
#a0{display:block}
/* お問合せブロック */
#a01{left:auto;right:60px;top:2px;width:175px;height:50px;padding:0;background:none}
#a03{display:none}
/* nav open */
.open{overflow:hidden}
.open #overlay{display:block}
.open #a1{transform: translate3d(-300px,0,0)}
/* #nav-toggle close */
.open #a0 span:nth-child(1){top:11px;transform:rotate(45deg);}.open #a0 span:nth-child(2){width:0;left:50%}.open #a0 span:nth-child(3){top:11px;transform: rotate(-45deg)}
/* z-index */
#overlay{z-index:200}
#a1{z-index:300}
#a0{z-index:400}

}

@media screen and (max-width:650px){

#l4 li{display:inline-block;padding:0 17px 10px;text-indent:-17px}
.l5 li{margin:0 17px 10px 0}
.pic5{width:100%;margin:0 0 10px}
}


@media screen and (max-width:400px){
#sv02{width:120px;height:20px}

#a01{display:none}
/*#a02{display:block;position:fixed;right:70px;top:0;width:32px;height:32px;padding-top:10px}*/
#a1{right:-200px;width:200px;padding-top:30px}
.open #a1{transform:translate3d(-200px,0,0)}

.pic2{width:40%}
}