@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/*
■#eeffee　【薄い緑】　　バックカラー
■#1b1464　【紺】　　佐藤茂ロゴ
■#90ca86　【中間色グリーン】　　ボタンなど
■#008000　【濃い緑】　　
■#ff8000　【オレンジ】　　キャッチカラー
■#e9f4fc　【薄いブルー】
*/

/*■■オリジナルのスタイル■■*/ 
body{background-color:#eeffee;}
.pc{display:none;}
.mob{display:block;}

.col-sm-push-3{overflow:hidden;}

.bold{font-weight:bold;}
.c-1b1464{color:#1b1464;}
.c-333{color:#333;}

.header{margin-top:0.5em;border-bottom:5px solid #009143;border-top:2px solid #009143;background-color:#fff;background: -moz-linear-gradient(left, rgba(0,128,0,0.5) 0%, rgba(5,131,5,0.5) 1%, rgba(255,255,255,0) 50%, rgba(0,128,0,0.5) 100%);background: -webkit-linear-gradient(left, rgba(0,128,0,0.5) 0%,rgba(5,131,5,0.5) 1%,rgba(255,255,255,0) 50%,rgba(0,128,0,0.5) 100%);background: linear-gradient(to right, rgba(0,128,0,0.5) 0%,rgba(5,131,5,0.5) 1%,rgba(255,255,255,0) 50%,rgba(0,128,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80008000', endColorstr='#80008000',GradientType=1 );}
.header01 h1{font-size:100%;}
.header02 img{width:100%;}

/*globalNavi設定*/
.globalNavi{padding-left:0;padding-right:0;}
.mobileHedder-h2{font-size:12px;text-align:center;}
.navbar-collapse {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90ca86+0,90ca86+48,90ca86+100&0.25+1,1+100 */background: -moz-linear-gradient(top, rgba(144,202,134,0.25) 0%, rgba(144,202,134,0.25) 1%, rgba(144,202,134,0.61) 48%, rgba(144,202,134,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(144,202,134,0.25) 0%,rgba(144,202,134,0.25) 1%,rgba(144,202,134,0.61) 48%,rgba(144,202,134,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(144,202,134,0.25) 0%,rgba(144,202,134,0.25) 1%,rgba(144,202,134,0.61) 48%,rgba(144,202,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4090ca86', endColorstr='#90ca86',GradientType=0 ); /* IE6-9 */}
.navbar-default .navbar-nav > li > a {color: #fff;font-weight:bold;line-height: 40px;border-bottom:1px solid #fff;text-shadow: 1px 2px 3px #808080; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #ffff00;background-color:rgba(0,128,0,.1);}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90ca86+0,90ca86+48,008000+100&0.25+1,1+100 */background: -moz-linear-gradient(top, rgba(144,202,134,0.25) 0%, rgba(144,202,134,0.25) 1%, rgba(144,202,134,0.61) 48%, rgba(0,128,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(144,202,134,0.25) 0%,rgba(144,202,134,0.25) 1%,rgba(144,202,134,0.61) 48%,rgba(0,128,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(144,202,134,0.25) 0%,rgba(144,202,134,0.25) 1%,rgba(144,202,134,0.61) 48%,rgba(0,128,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4090ca86', endColorstr='#008000',GradientType=0 ); /* IE6-9 */}

.main{background-color:#fff;}
.main img{width:100%;}

.arrow_report {text-align:center;}
.arrow_report img{margin:0 auto;max-width:400px;}
.arrow_report a:hover{opacity:0.8;}
.arrow_manifesto{background-color:#5eb7e8;border-radius:10px;margin:0 auto;margin-top:2.0em;padding:2.0em;color:#fff;font-size:100%;max-width:400px;}
.arrow_manifesto a{font-size:120%;display:block;border-radius:30px;background-color:#ff8000;color:#fff;text-align:center;padding-top:0.5em;padding-bottom:0.5em;margin:1.0em auto;white-space: nowrap;}
.arrow_manifesto a:hover{text-decoration:none;color:#ff8000;background-color:#ffe5cc;}
.sekinintoyakusoku{font-size:150%;text-align:center;white-space: nowrap;}

.linkbuner{overflow:hidden;clear:both;padding-top:30px;text-align:center;}
.linkbuner img{max-width:200px;}
.linkbuner a{display:block;margin-bottom:5px;}
.linkbuner a:hover{opacity:0.6;}

.info_sidenavi{margin:0 auto;padding:0;border:1px dotted #008000;padding:10px;text-align:center;margin-top:2.0em;margin-bottom:3.0em;max-width:200px;background-color:#eeffee;}
.info_sidenavi h2{font-size:200%;margin:0;padding:0;white-space: nowrap;}
.info_sidenavi p{font-size:100%;margin:0;padding:0;}
.info_sidenavi p.add{margin:1.0em auto;text-align:center;}
.info_sidenavi p.add .mdnon{display:none;}
.info_sidenavi p.tel{white-space: nowrap;font-size:120%;}
.info_sidenavi p.tel a{text-decoration:none;color:#333;}
.info_sidenavi p.fax{white-space: nowrap;font-size:120%;}

.footer{text-align:center;margin-top:2.0em;margin-bottom:1.0em;padding-top:2.0em;padding-bottom:2.0em;border-bottom:5px solid #009143;border-top:2px solid #009143;background-color:#fff;}
.footer .footlogo01{width:60%;}
.copyright{font-size:12px;text-align:center;}

/* ページトップ */
#page-top {position: fixed;bottom: 20px;right: 20px;font-size: 80%;}
#page-top a {background: #666;text-decoration: none;color: #fff;width: 50px;padding: 10px 0;text-align: center;display: block;border-radius: 10px;opacity:0.5;}
#page-top a:hover {text-decoration: none;background: #999;}


.error_messe{text-align:center;font-size:16px;list-style:none;color:#ff4500;}








/*■■タブレット以上のスタイル■■*/ 
@media (min-width: 768px) {
.pc{display:block;}
.mob{display:none;}
.header00{position: relative;height:110px;margin:0;padding:0;}
.header01{position:absolute;bottom: 0;right:0;}
.header01 h1{font-size:180%;text-align:right;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
.header02 img{width:400px;margin:0;padding:0;}
.header02 p{margin:0;padding:0;margin-top:20px;}
.header03 img{margin-top:50px;}


/*globalNavi設定*/
.navbar {position: relative;min-height: 50px;margin-bottom: 0px;}
.navbar-default {border-bottom:0 solid #009143;border-top:0 solid #009143;background-color:#90ca86;}
.navbar-default .navbar-nav > li > a {color: #fff;font-weight:bold;line-height: 20px;border-left:1px solid #fff;border-bottom:0px solid #fff;padding-left:0.8em;padding-right:0.8em;}
.navbar-default .navbar-nav > li > a.lastchild {border-right:1px solid #fff;}
.arrow_manifesto{padding:2.0em 0.5em;}
.arrow_manifesto a{font-size:90%;border-radius:15px;white-space: normal;}
.sekinintoyakusoku{font-size:120%;}

.info_sidenavi h2{font-size:150%;margin:0;padding:0;line-height:1.5em;white-space: nowrap;}
.info_sidenavi p{font-size:90%;margin:0;padding:0;}
.info_sidenavi p.add{width:100%;margin:1.0em auto;}
.info_sidenavi p.tel{white-space: nowrap;font-size:110%;}
.info_sidenavi p.tel a{text-decoration:none;color:#333;}
.info_sidenavi p.fax{white-space: nowrap;font-size:110%;}


.arrow_report img{padding:0;margin-top:2.0em;width:100%;}




.footer .footlogo01{width:30%;display:inline;}
.footer .footlogo02{width:40%;display:inline;}


}
/*■■ＰＣのスタイル■■*/ 
@media (min-width: 992px) {
.navbar-default .navbar-nav > li > a {color: #fff;font-weight:bold;line-height: 20px;border-left:1px solid #fff;border-bottom:0px solid #fff;padding-left:2.0em;padding-right:2.0em;}
.arrow_manifesto{padding:2.0em 2.0em;}
.arrow_manifesto a{font-size:90%;display:block;border-radius:30px;background-color:#ff8000;color:#fff;text-align:center;padding:0.5em;padding-top:0.5em;padding-bottom:0.5em;margin:1.0em auto;}
.arrow_manifesto a:hover{text-decoration:none;color:#ff8000;background-color:#ffe5cc;}
.sekinintoyakusoku{font-size:150%;text-align:center;white-space: nowrap;}
.info_sidenavi p.add .mdnon{display:block;}
.footer .footlogo01{width:20%;display:inline;}
.footer .footlogo02{width:30%;display:inline;}



}
/*■■大画面用のスタイル■■*/ 
@media (min-width: 1200px) {
.navbar-default .navbar-nav > li > a {color: #fff;font-weight:bold;line-height: 20px;border-left:1px solid #fff;border-bottom:0px solid #fff;padding-left:3.0em;padding-right:3.0em;}

}