@charset "utf-8";

/* reset + baseset
---------------------------------------------------- */
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%; font-weight:normal; font-style:normal; background:transparent; box-sizing:border-box; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
ol,ul { list-style:none;} 
table { border-collapse:collapse; border-spacing:0; width:100%; } 
caption,th { text-align:left; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
input,select,textarea { font-family:inherit; vertical-align:middle; font-size:100%; font-weight:normal; box-sizing:border-box; }
label { white-space:nowrap; }
img	{ vertical-align:middle; font-size:0; line-height:0; max-width:100%; height: auto; }
iframe { max-width:100%; }
strong { font-weight:bold; } 
body	{ color:#333; font:100%/1.5 'Open Sans' , "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;  -webkit-text-size-adjust:100%; }
a			{ color:#00A364; outline:none; }
a:hover	{ text-decoration:none; }



/* layout
-------------------------------------------------------------------------------------------------------- */
.inner		{ padding:0 20px; margin:0 auto; max-width:1040px; position:relative; }
#wrap		{ position: relative; }
#header		{ }
#header #gNavBox	{ position: fixed; width: 260px; height: 100%; min-height: 100%; border-left: #00A364 6px solid; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.2); z-index: 100; }
#container			{ padding: 0 0 0 260px; }
#pageContents	{ margin:60px auto 100px; }
@media screen and (max-width: 1028px) {
.inner		{ padding:0 10px; max-width:788px; }
#header		{ position:fixed; width:100%; z-index:200; }
#header #gNavBox		{ position: relative; width:100%; height:64px; min-height:auto; border:none; background: #00A364; box-shadow:none;  }
#container	{ padding:64px 0 0; }
#pageContents	{ margin:40px auto 60px; }
}
@media screen and (max-width: 768px) {
}




/* header
-------------------------------------------------------------------------------------------------------- */
#header a				{ color:#333; text-decoration:none; }
#header #logoBox				{ display:table; width:100%; height:174px; background:url(../images/common/bg_header_pc.png) #00A364; }
#header #logoBox #logo		{ display:table-cell; text-align:center; vertical-align:middle; }
#header #logoBox #logo a	{ display:block; padding:0 20px 0 14px; box-sizing:border-box; }
#header #logoBox #logo a img	{ width:100%; }
#header #gNavBtn	{ display:none; }
#header #gNav		{ padding:0 15px; }
#header #gMenu		{ font-size:14px; margin:0 0 10px; }
#header #gMenu > li	{ border-bottom:#00A364 1px solid; }
#header #gMenu > li a	{ display:block; padding:15px 0 13px 30px; margin:0 -15px; background:url(../images/common/ico_gnav_ar.png) no-repeat right 20px center; background-size:6px; }
#header #gMenu > li:last-child { border:none; }
#header #gMenu > li.act a	{ background-color:#e2e2e2; }
#header #attMenu		{ padding:0 7px 10px; text-align:center; font-size:12px; }
#header #attMenu li a	{ display:block; line-height:30px; margin-bottom:10px; background:#eee; }
#header #hAccess		{ padding:10px 15px; font-size:12px; text-align:center; border-top:#c8c8c8 1px dotted; }
#header #hAccess a	{ display:block; padding:10px 0; font-size:12px; }
#header #hAccess a span	{ padding-left:20px; background: url(../images/common/ico_map.png) no-repeat left center; background-size:12px; }
#header #searchBox			{ position:relative; font-size:12px; }
#header #searchBox input[type="text"] { width:100%; padding-left:10px; line-height:30px; }
#header #searchBox a			{ position:absolute; top:0; right:0; padding:9px; }
#header #searchBox a img		{ width:18px; }
#header #subMenu					{ }
#header #subMenu a				{ color:#333; text-decoration:none; font-size:14px; }
#header #subMenu ul				{ position:fixed; top:0; left:0; width:260px; height:100%; padding:10px 20px; visibility:hidden; background:#e2e2e2;  transition:0.5s; z-index:10; box-shadow: 0 0 8px rgba(0,0,0,0.2);  }
#header #subMenu ul.view		{ visibility:visible; left:260px; z-index:20; }
#header #subMenu ul li			{ border-bottom:#808080 1px solid; }
#header #subMenu ul li a		{ display:block; padding:15px 0 13px 30px; margin:0 -20px; background:url(../images/common/ico_submenu_ar.png) no-repeat right 20px center; background-size:6px; }
#header #subMenu ul li a:hover	{ background-color:#ccc; }
@media screen and (max-width: 1028px) {
#header #logoBox				{ height:64px; background:url(../images/common/bg_header_sp.png) no-repeat; background-size:cover; }
#header #logoBox #logo		{ }
#header #logoBox #logo a	{ display:inline-block; padding:0; }
#header #logoBox #logo a img	{ width:150px; }
#header #gNavBtn	{ display:block; position:absolute; top:6px; right:10px; }
#header #gNavBtn a	{ display:block; width:50px; height:0; padding-top:50px; overflow:hidden; background:url(../images/common/btn_gmenubtn.png) no-repeat center top; background-size:contain; }
#header #gNavBtn.view a	{ background-image:url(../images/common/btn_gmenuclose.png);}
#header #gNav		{ height:0; overflow:hidden; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.3); -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
#header #gNav.view	{ height:510px; }
#header #subMenu	{ display:none; }
}

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

/* newsCat */
#header #newsCat		{ padding:0 7px 10px; text-align:center; font-size:12px; }
#header #newsCat li a	{ display:block; line-height:30px; margin-bottom:10px; background:#eee; }
#header #newsCat li.act a	{ color:#fff; background:#00A364; }


/* footer
-------------------------------------------------------------------------------------------------------- */
#footer a			{ color:#333; text-decoration:none; }
#footer #panBox						{ position:relative; font-size:12px; border-top:#e2e2e2 1px solid; }
#footer #panBox #pan			{ height:42px;}
#footer #panBox #pan li		{ display:inline-block; padding:14px 60px 10px 0; background: url(../images/common/bg_pan_li.png) no-repeat right 20px center; background-size:20px; }
#footer #panBox #pan li:last-child		{ padding-right:0; background:none; }
#footer #panBox #pan li a		{ }
#footer #panBox #pageTop	{ position:absolute; top:0; right:0; }
#footer #panBox #pageTop a img	{ width:42px; }
#footer #fInfoBox								{ padding:40px 0 20px; background:#f0f0f0; }
#footer #fInfoBox #fInfo						{ float:left; width:44%; }
#footer #fInfoBox #fInfo #fLogo		{ margin-bottom:20px; max-width:200px; }
#footer #fInfoBox #fInfo #fAddr		{ font-size:12px; margin-bottom:20px; }
#footer #fInfoBox #fInfo #request		{ font-size:14px; line-height:40px; }
#footer #fInfoBox #fInfo #request a	{ display:inline-block; padding:0 15px 0 45px; color:#fff; background-image: url(../images/common/ico_request.png) , url(../images/common/bg_linkbtn.png); background-repeat:no-repeat; background-position:15px center , center center; background-size:22px , cover; }
#footer #fInfoBox #fNav						{ float:right; width:56%; margin-top:-10px; }
#footer #fInfoBox #fNav #fCatNav		{ }
#footer #fInfoBox #fNav #fCatNav .inBox		{ padding:14px 0 12px; border-bottom:#c8c8c8 1px solid; }
#footer #fInfoBox #fNav #fCatNav .inBox .cat		{ display:block; font-size:14px; }
#footer #fInfoBox #fNav #fCatNav .inBox .cat a	{ font-weight:bold; }
#footer #fInfoBox #fNav #fCatNav .inBox ul			{ font-size:12px; margin-left:4px; }
#footer #fInfoBox #fNav #fCatNav .inBox ul li		{ display:inline-block; margin-right:12px; }
#footer #fInfoBox #fNav #fCatNav .inBox ul li a	{ padding-left:8px; background:url(../images/common/ico_ar_bk.png) no-repeat left center; background-size:3px; }
#footer #fInfoBox #fNav	 #fSubNav			{ font-size:12px; }
#footer #fInfoBox #fNav	 #fSubNav li		{ display:inline-block; margin:20px 0; border-left:#c8c8c8 1px solid; }
#footer #fInfoBox #fNav	 #fSubNav li:last-child		{ border-right:#c8c8c8 1px solid; }
#footer #fInfoBox #fNav	 #fSubNav li a	{ padding:0 15px; }
#footer #gSelect			{ margin:20px auto; }
#footer #gSelect ul		{ margin-left:-20px; }
#footer #gSelect ul li		{ float:left; width:33.33%; padding-left:20px; }
#footer #gSelect ul li:last-child		{ margin:0; }
#footer #gSelect ul li a	{ }
#footer #copyRight			{ font-size:10px; text-align:center; color:#fff; line-height:50px; background:#00A364; }
#footer #copyRight a		{ color:#fff; }
@media screen and (max-width: 768px) {
#footer #panBox #pan li		{ padding:12px 14px 10px 0; background-position:right center; background-size:10px; }
#footer #fInfoBox								{ padding:20px 0 10px; }
#footer #fInfoBox #fInfo						{ float:none; width:auto; }
#footer #fInfoBox #fInfo #fLogo		{ margin-bottom:10px; max-width:200px; }
#footer #fInfoBox #fInfo #fAddr		{ margin-bottom:10px; }
#footer #fInfoBox #fInfo #request		{ line-height:40px; }
#footer #fInfoBox #fNav						{ float:none; width:auto; margin-top:0; }
#footer #fInfoBox #fNav #fCatNav		{ margin:20px 0 10px; border-top:#c8c8c8 1px solid; }
#footer #fInfoBox #fNav #fCatNav .inBox		{ padding:12px 0 10px; }
#footer #fInfoBox #fNav #fCatNav .inBox .cat		{ font-size:12px; }
#footer #fInfoBox #fNav	 #fSubNav li		{ margin:6px 0; }
#footer #gSelect			{ margin:10px auto; }
#footer #gSelect ul		{ margin-left:0; }
#footer #gSelect ul li		{ float:none; width:240px; padding:0; margin-bottom:10px; }
#footer #gSelect ul li:last-child		{ margin:0; }
#footer #gSelect ul li a	{ }
}



	

/* contents
-------------------------------------------------------------------------------------------------------- */

/* #pageTitleBox */
#pageTitleBox						{ height:320px; background:#eee no-repeat center center; background-size:cover; }
#pageTitleBox .pageTitle		{ color:#fff; padding-top:130px; font-weight:bold; font-size:40px; line-height:1.2; }
#pageTitleBox .pageTitle span	{ display:block; margin-left:4px; font-weight:bold; font-size:20px; }
#pageTitleBox.noPic			{ height:auto; background:none; }
#pageTitleBox.noPic .pageTitle	{ color:#333; padding:74px 0 60px; border-bottom:#e2e2e2 1px solid; }
@media screen and (max-width: 1028px) {
#pageTitleBox						{ height:220px; }
#pageTitleBox .pageTitle		{ padding-top:80px; font-size:32px; }
#pageTitleBox .pageTitle span	{ font-size:16px; }
#pageTitleBox.noPic .pageTitle	{ padding:40px 0 34px; }
}


/* #newsListBox */
#newsListBox								{ padding:40px 0; border-bottom:#e2e2e2 1px solid; background:#f6f3f1; }
#newsListBox .newsTitle				{ margin-bottom:20px; color:#00A364; font-size:28px; }
#newsListBox .newsTitle span		{ margin-left:6px; font-size:16px; font-weight:bold; }
#newsListBox .newsAll				{ position:absolute; top:14px; right:20px; font-size:14px; }
#newsListBox .newsAll a				{ padding-left:12px; color:#333; text-decoration:none; background:url(../images/common/ico_ar_bl.png) no-repeat left center; background-size:4px; }
.newsList				{ border-top:#00A364 2px solid; }
.newsList a			{ text-decoration:none; }
.newsList li			{ display:table; width:100%; padding:20px 0 20px; border-bottom:#c8c8c8 1px dotted; }
.newsList li div		{ display:table-cell; }
.newsList li .newsInfo	{ width:200px; font-size:14px; }
.newsList li .newsInfo .newsCat	{ display:inline-block; width:120px; padding:0 20px; font-size:12px; text-align:center; }
.newsList li .newsInfo .newsCat a	{ display:block; width:90px; color:#fff; border-radius:4px; background-color:#00A364; pointer-events: none;}
.newsList li .newsTxt a		{ font-size:14px; color:#333; }
@media screen and (max-width: 768px) {
#newsListBox								{ padding:20px 0; }
#newsListBox .newsTitle				{ margin-bottom:6px; font-size:20px; }
.newsList li			{ display:block; width:100%; padding:10px 0 10px; }
.newsList li .newsInfo	{ display:inline-block; }
.newsList li .newsInfo .newsCat	{ padding:0 10px; }
.newsList li .newsTxt		{ display:block; margin-top:6px; }



}







/* #pageContents baseset */
#pageContents				{}
#pageContents section	{ margin-bottom:60px; }
#pageContents p			{ margin-bottom:16px; }
#pageContents .mb10	{ margin-bottom:10px; }
#pageContents .mb20	{ margin-bottom:20px; }
#pageContents .mb40	{ margin-bottom:40px; }
#pageContents .mb60	{ margin-bottom:60px; }
#pageContents .mt10	{ margin-top:10px; }
#pageContents .mt20	{ margin-top:20px; }
#pageContents .mt40	{ margin-top:40px; }
#pageContents .mt60	{ margin-top:60px; }
#pageContents .mt-10	{ margin-top:-10px; }
#pageContents .mt-20	{ margin-top:-20px; }
#pageContents .pb10	{ padding-bottom:10px; }
#pageContents .pb20	{ padding-bottom:20px; }
#pageContents .pb40	{ padding-bottom:40px; }
#pageContents .pb60	{ padding-bottom:60px; }
#pageContents .pt10	{ padding-top:10px; }
#pageContents .pt20	{ padding-top:20px; }
#pageContents .pt40	{ padding-top:40px; }
#pageContents .pt60	{ padding-top:60px; }
#pageContents .tac		{ text-align:center; }
#pageContents .tar		{ text-align:right; }
#pageContents .fs14	{ font-size:14px; }
#pageContents .fs12	{ font-size:12px; }


@media screen and (max-width: 768px) {
#pageContents section	{ margin-bottom:40px; }
#pageContents p			{ margin-bottom:12px; }
#pageContents .mb40	{ margin-bottom:20px; }
#pageContents .mb60	{ margin-bottom:30px; }
#pageContents .mt40	{ margin-top:20px; }
#pageContents .mt60	{ margin-top:30px; }
#pageContents .pb40	{ padding-bottom:20px; }
#pageContents .pb60	{ padding-bottom:30px; }
#pageContents .pt40	{ padding-top:20px; }
#pageContents .pt60	{ padding-top:30px; }




}


/* #pageContents common class */

/* layout */
.lay-box			{ }
.lay-box a			{ color:#333; text-decoration:none; }
.lay-box > div			{ margin-bottom:40px; }
.lay-box > div figure				{ margin-bottom:16px; overflow:hidden; position:relative; background:#e8e8e8; }
.lay-box > div figure img		{ position: absolute; top:50%; left:50%; height:100%; width:auto; max-width:inherit; -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.lay-box > div .title	{ margin-bottom:12px; font-weight:bold; }
.lay-box > div .txt		{ margin-bottom:12px; font-size:14px; }
.lay-box.box2			{ margin-left:-4%; }
.lay-box.box2 > div	{ float:left; width:50%; padding-left:4%; }
.lay-box.box2 > div figure	{ height:200px; }
.lay-box.box3			{ margin-left:-3.33%; }
.lay-box.box3 > div	{ float:left; width:33.33%; padding-left:3.33%; }
.lay-box.box3 > div figure	{ height:140px; }
.lay-ptxt			{ margin-left:-4%; }
.lay-ptxt > div	{ float:left; width:50%; padding-left:4%; margin-bottom:40px; }
.lay-ptxt2			{ margin-left:-4%; }
.lay-ptxt2 > div	{ float:left; padding-left:4%; margin-bottom:40px; }
.lay-ptxt2 > div:first-child	{ width:33.33%; }
.lay-ptxt2 > div:last-child	{ width:66.66%; }
.lay-list.box4		{ margin-left:-3.5%; }
.lay-list.box4 li	{ float:left; width:21.5%; margin:0 0 3.5% 3.5%; }
@media screen and (max-width: 768px) {
.lay-box > div			{ margin-bottom:10px; }
.lay-box > div .title	{ margin-bottom:8px; font-size:14px; }
.lay-box > div .txt		{ margin-bottom:8px; font-size:12px; }
.lay-box.box2			{ margin-left:-3%; }
.lay-box.box2 > div	{ padding-left:3%; }
.lay-box.box2 > div figure		{ height:140px; margin-bottom:10px; }
.lay-box.box3			{ margin-left:-3%; }
.lay-box.box3 > div	{ padding-left:3%; }
.lay-box.box3 > div figure		{ height:100px; margin-bottom:10px; }
.lay-ptxt			{ }
.lay-ptxt > div	{ float:none; width:auto; margin-bottom:20px; }
.lay-ptxt2			{ margin-left:-4%; }
.lay-ptxt2 > div	{ float:none; padding-left:4%; margin-bottom:40px; }
.lay-ptxt2 > div:first-child	{ width:auto; }
.lay-ptxt2 > div:last-child	{ width:auto; }
.lay-list.box4		{ margin-left:-2%; }
.lay-list.box4 li	{ width:23%; margin:0 0 2% 2%; }
}
@media screen and (max-width: 480px) {
.lay-box.box2			{ margin-left:-2%; }
.lay-box.box2 > div	{ padding-left:2%; }
.lay-box.box2 > div figure		{ height:80px; margin-bottom:10px; }
.lay-box.box3			{ margin-left:-2%; }
.lay-box.box3 > div	{ padding-left:2%; }
.lay-box.box3 > div figure		{ height:60px; margin-bottom:10px; }
.lay-list.box4 li	{ width:48%; }
}




/* box */
.box-bgGr		{ padding:20px 20px 4px; margin-bottom:40px; background:#eee; }
.box-bdrTop	{ border-top:#e2e2e2 1px solid; }
.box-bdrBtm	{ border-bottom:#e2e2e2 1px solid; }
@media screen and (max-width: 768px) {
.box-bgGr		{ padding:14px 14px 2px; }
}


/* title + text */
.ttl-sect		{ padding:22px 0 18px; margin:60px 0 30px; text-align:center; font-size:22px; font-weight:bold; color:#00A364; border-top:#00A364 2px solid; border-bottom:#00A364 2px solid; }
.ttl-elem		{ padding:10px 0 10px 24px; margin:40px 0 20px; font-size:18px; font-weight:bold; border-left:#00A364 6px solid; border-bottom:#00A364 1px solid;}
.ttl-boldBk	{ margin:16px 0; font-weight:bold; }
.ttl-boldClr	{ margin:16px 0;  font-weight:bold; color:#00A364; }
.txt-clr			{ color:#00A364; }
@media screen and (max-width: 768px) {
.ttl-sect		{ padding:20px 0 16px; margin:40px 0 20px; font-size:20px; }
.ttl-elem		{ padding:6px 0 8px 16px; margin:40px 0 20px; }
}


/* link */
a.link-txt-pdf:before		{ content:""; padding-left:24px; background:url(../images/common/ico_pdf.png) no-repeat left center; background-size:18px; }
a.link-txt-blk:after		{ content:""; padding-right:22px; background:url(../images/common/ico_blk.png) no-repeat right center; background-size:16px; }
.link-btn		{ width:300px; text-align:center; }
.link-btn a		{ display:block; padding:16px 0 14px; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; background-color:#00A364; }
.link-btn a:before		{ content:""; padding-left:14px; background:url(../images/common/ico_ar_wh.png) no-repeat left center; background-size:8px; }
@media screen and (max-width: 768px) {
}


/* table */
.tbl-lineBox		{ margin:20px 0 40px; border-top:#e2e2e2 1px solid; }
.tbl-lineBox th	{ padding:26px 50px 22px 0; max-width:120px; border-bottom:#e2e2e2 1px solid; font-weight:bold; }
.tbl-lineBox td	{ padding:26px 0 22px; border-bottom:#e2e2e2 1px solid; }
.tbl-grBox			{ margin:20px 0 40px; border:#e2e2e2 1px solid; }
.tbl-grBox th	{ padding:24px 50px 20px 30px; border-bottom:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; font-weight:bold; background:#eee; }
.tbl-grBox td	{ padding:24px 20px 20px; border-bottom:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; }
@media screen and (max-width: 768px) {
.tbl-lineBox th	{ display:block; padding:14px 0 4px; max-width:none; border-bottom:none; }
.tbl-lineBox td	{ display:block; padding:4px 0 12px 16px; }
.tbl-grBox th	{ padding:14px 15px 12px; }
.tbl-grBox td	{ padding:14px 15px 12px; }
}


/* list [ ul + ol ] */
.list-ul01		{ margin:20px 0 40px; }
.list-ul01 li	{ padding:18px 0 14px 24px; text-indent:-18px; border-bottom:#c8c8c8 1px dotted; }
.list-ul01 li:before		{ content:"●"; color:#00A364; margin-right:6px; font-size:12px; }
.list-ol01		{ margin:20px 0 40px; counter-reset:number; }
.list-ol01 li	{ padding:18px 0 14px 24px; text-indent:-18px; border-bottom:#c8c8c8 1px dotted; }
.list-ol01 li:before		{ counter-increment:number; content:counter(number)"."; color:#00A364; margin-right:6px; }
@media screen and (max-width: 768px) {
}





/* clearfix
---------------------------------------------------- */
section:after,
.inner:after,
.inBox:after,
.lay-box:after,
.lay-ptxt:after,
.lay-ptxt2:after,
.lay-list:after,
#footer #fInfoBox:after,
#footer #gSelect ul:after,
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }