@charset "UTF-8";
/* PC ------------------------------------------------------------*/
html,body{width: 100%; position: relative;}
/*common*/
.pc,.pc_tb{display:block;}.tb,.sp,.tb_sp{display:none;}
body *{font-family: 游ゴシック体,YuGothic,游ゴシック medium,yu gothic medium,YuGothicM,yu gothic,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,Osaka,ms pゴシック,ms pgothic,sans-serif; font-weight: 100; font-size:16px; line-height:128%;}
/*body *{font-family: 'Hiragino Kaku Gothic ProN', 'qMmpS ProN W3', Meiryo, CI, sans-serif; font-weight:100; line-height:150%; font-size:14px;}*//*font-family: 'Noto Sans Japanese', sans-serif;*/
a{text-decoration:none;}
img{max-width:100%;}
a img:hover{ opacity:0.7;-ms-filter: "alpha(opacity=70)"}
/*.inner{ width:1170px; margin:0 auto; max-width:100%;}*/
.inner{ width:980px; margin:0 auto; max-width:100%;}
.fl{ float: left !important;}
.fr{ float: right !important;}
.fn{ float: none !important;}
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing: 0.05em; font-size: 95%; color:#313131;text-align: justify;text-justify: inter-ideograph;  line-height: 180%;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mr10{ margin-right:10px;}
.pd5{ padding:5px;}
.pt5{ padding-top:5px;}
.pd10{ padding:10px;}
.oh{ overflow: hidden;}
.w100{ width:100%;}
.text-center{ text-align:center; margin-left: auto; margin-right: auto;}
.text-right{ text-align:right;}
.text-left{ text-align:left;}
.round{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;}
.col1{ width: 8.33%; float: left; overflow: hidden;}
.col2{ width: 16.66%; float: left; overflow: hidden;}
.col3{ width: 24.99%; float: left; overflow: hidden;}
.col4{ width: 33.32%; float: left; overflow: hidden;}
.col5{ width: 41.65%; float: left; overflow: hidden;}
.col6{ width: 50%; float: left; overflow: hidden;}
.col6_2{ width: 50%; float: left; overflow: hidden;}
.col7{ width: 58.31%; float: left; overflow: hidden;}
.col8{ width: 66.64%; float: left; overflow: hidden;}
.col9{ width: 74.97%; float: left; overflow: hidden;}
.col10{ width: 83.3%; float: left; overflow: hidden;}
.col11{ width: 91.63%; float: left; overflow: hidden;}
.col12{ width: 100%; float: left; overflow: hidden;}
    
.row{margin-right:-2% !important;overflow:hidden; width: 102%;}
.row .col1{ width: 6.33%; float: left;margin-right:2%;display:inline;}
.row .col2{ width: 14.66%; float: left;margin-right:2%;display:inline;}
.row .col3{ width: 22.99%; float: left;margin-right:2%;display:inline;}
.row .col4{ width: 31.32%; float: left;margin-right:2%;display:inline;}
.row .col5{ width: 39.65%; float: left;margin-right:2%;display:inline;}
.row .col6{ width: 48%; float: left;margin-right:2%;display:inline;}
.row .col6_2{ width: 48%; float: left;margin-right:2%;display:inline;}
.row .col7{ width: 56.31%; float: left;margin-right:2%;display:inline;}
.row .col8{ width: 64.64%; float: left;margin-right:2%;display:inline;}
.row .col9{ width: 72.97%; float: left;margin-right:2%;display:inline;}
.row .col10{ width: 81.3%; float: left;margin-right:2%;display:inline;}
.row .col11{ width: 89.63%; float: left;margin-right:2%;display:inline;}
.row .col12{ width: 98%; float: left;margin-right:2%;display:inline;}

.fs20{ font-size:20px;}
.fs30{ font-size:30px;}

/* side */
.side_title{ background:#006837; padding:10px;}
.Side_About p{ font-size:13px;}
.Side01{ padding:10px; background:#CCE1D7;}
.Side02{ padding:8px;}
.Side03{ padding:10px; background:#FFF6CC; border:1px solid #eee5bb; margin-bottom:8px; overflow: hidden; line-height:120%;}
.Side03 p{ font-size:12px;}
.Side04{ margin-bottom:8px; border-bottom:1px dotted #555; padding-bottom:8px;}
.Side_mail{ display: block; border-bottom:2px solid #33865F; color:#fff; background:#6CBB5A; padding:10px; text-align: center;}
.Side_mail:hover{ border-bottom:0px solid #33865F; margin-top:10px; background:#8edd7c;}
.Side_tel{display: block; margin-bottom:5px;}

/**/
.navi li a{text-indent:100%;white-space:nowrap;overflow:hidden;}
.navi1{ background:url(../Images/navi1off.png) center center no-repeat;}
.navi1:hover{ background:url(../Images/navi1on.png) center center no-repeat;}
.navi2{ background:url(../Images/navi2off.png) center center no-repeat;}
.navi2:hover{ background:url(../Images/navi2on.png) center center no-repeat;}
.navi3{ background:url(../Images/navi3off.png) center center no-repeat;}
.navi3:hover{ background:url(../Images/navi3on.png) center center no-repeat;}
.navi4{ background:url(../Images/navi4off.png) center center no-repeat;}
.navi4:hover{ background:url(../Images/navi4on.png) center center no-repeat;}
.navi5{ background:url(../Images/navi5off.png?20190301) center center no-repeat;}
.navi5:hover{ background:url(../Images/navi5on.png?20190301) center center no-repeat;}
.navi6{ background:url(../Images/navi6off.png) center center no-repeat;}
.navi6:hover{ background:url(../Images/navi6on.png) center center no-repeat;}
.navi7{ background:url(../Images/navi7off.png) center center no-repeat;}
.navi7:hover{ background:url(../Images/navi7on.png) center center no-repeat;}

/*navi*/
.navi{ background:#fff; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); position: relative; z-index:2;}
.navi li{ width:14.285%; float: left;}
.navi a{ padding:15px 0; display: block; text-align: center;}
.navi a:hover{ background-color:#006837;}
.footer .text-right a:hover{ text-decoration: underline;}
.footer{ border-top:4px solid #006837;}

.kouji{ padding: 40px 0 ; text-align: center;}
.Linkbtn{ display: inline-block; text-align: center; background:#555; color:#fff; padding:5px 10px; border-bottom:2px solid #000; margin: 0 auto;}
.Linkbtn:hover{ border-bottom:0px solid #000; margin-top:2px;}
.links,.newsList a{ color:#006837;}
/*--pc2------------------------------*/
@media screen and (max-width: 1169px) 
{
    /*common*/
    .inner{ width:980px; margin:0 auto;}
}


/*--tb------------------------------*/
@media screen and (max-width: 979px) 
{
    /*common*/
    .pc,.sp{ display:none;}.tb,.pc_tb,.tb_sp{display:block;}
    .inner{ width:720px; margin:0 auto;}
}
/*--sp------------------------------*/
@media screen and (max-width: 719px) 
{
    /* common */
    .pc,.tb,.pc_tb{ display:none !important;}.sp,.tb_sp{ display:block;}
    .inner{ width:96%; margin:0 auto;}
    #wrapper{ width:94%; margin:0 auto;}
    
    .navi .inner{ width:100%;}
    .navi li{ width:50%; border: 1px solid #ddd;}
    .Side_tel br{ display: none;}
    .side_navi{ margin:10px auto;}
    .sp100{ width:100% !important;}
}
/*--sp(iphone5)---------------------------*/
@media screen and (max-width: 390px) 
{
    
}