@charset "UTF-8";
/*img:not([alt]){
    outline: 5px solid red;
}*//*
{
 font-family:'Shuei Mincho L' , 'Shuei KakuGo Gin B',sans-serif;
  }

h1 {
  font-family: "proxima-nova";
  }
*/
/*reset*/
li{
list-style: none;
}
a{
color:#333;
text-decoration: none;
/*-webkit-font-smoothing: antialiased;*/
}
html{
margin-top:0!important;
}
h2,h3{
-webkit-font-smoothing: antialiased;
 font-family:'Shuei KakuGo Gin B';
}
/*.android .bold{
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #333;
	-webkit-text-fill-color: #333;}*/
/*a:hover{
opacity:0.8;
}*/
/*clear*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.wrapper{
margin:0 2%;
}
.wrapper2{
max-width:800px;
margin:0 auto;
}
.bx-wrapper{
box-shadow: none!important;
border:none!important;
margin-bottom:10px!important;
box-shadow: none!important;
}
.center_text{
text-align: center;
}
img{	margin: 0;
	padding: 0;
	vertical-align: bottom;}
body{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-style: normal;
font-weight: 300;
font-size:16px;
color:#333;
height:100%;}
a{
transition: all .3s;
-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
/*
section{
padding-top:60px;
padding-bottom:60px;
line-height: 1
}*/
.sp,.ip{
display:none;
}
/*pcnone*/
#sp_nav{
display:none;
}
/*base*/
#header{
box-shadow:2px 0px 12px -4px rgba(0,0,0,0.3);
-moz-box-shadow:2px 0px 12px -4px rgba(0,0,0,0.3);
-webkit-box-shadow:2px 0px 12px -4px rgba(0,0,0,0.3);
height:100%;
width:220px;
position:fixed;
top:0;
left:0;
}
#contentswrp{
padding-left:220px;}
#logo{
padding:15px;
background:#0060a5;
}
#logo a{ 
color:#fff;
display:block;}
#logo a:hover{ 
opacity: 0.7;
}
#logo .logo{
line-height: 1.3;
color:#fff;
font-size:20px;
 font-family:'Shuei Mincho M' ;
letter-spacing: 1px;}
#logo .logo span{
display:block;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size:14px;
letter-spacing: 0.5px;
line-height: 1;
margin-top:5px;
color:rgba(255,255,255,0.6);
}
#gnav ul li{
border-bottom:1px solid #dadada;}
#gnav ul li a{
display: block;
color:#1d437a;
padding:20px 20px 20px 30px;
 font-family:'Shuei KakuGo Gin B';
 background:url(../img/arrow01.png) no-repeat 90%  center ;
 background-size:14px;
 line-height: 1;
-webkit-font-smoothing: antialiased;}
#gnav ul li a:hover{
color:#fff;
 background:url(../img/arrow02.png) no-repeat 95%  center,#1d437a ;
 background-size:14px;
}

#gnav ul li span{
display:block;
font-size:12px;
color:#8a9a9a;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
margin-top:3px;
}

#sidebnr{
margin-top:60px;
text-align: center;
}
#sidebnr a:hover{
opacity: 0.7;}

/*dmenu*/
.drawer-menu-item{
font-size:16px;
font-weight: 500;
color:#1d437a;
border-bottom:1px solid #1d437a;
padding:15px .75em;
background:url(../img/arrow05.png) no-repeat  95%  center;
 background-size:9px;
}
.drawer-menu-item:hover{
    text-decoration: none;
    color: #1d437a;
		opacity: 0.7;
}
.drawer-brand{
background:#0060a5;
line-height: 1;
padding:10px;
}
.drawer-brand img{
width:70%;
}
.drawer-hamburger:hover{
background: rgba(255,255,255,0.7);
}
/*#bnr*/
#bnr{
padding:20px 0;
}
#bnr ul{
margin:10px auto ;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-justify-content: flex-start; 
  justify-content:         flex-start;
	}
#bnr ul li{
line-height: 1;
margin-right:2%;
margin-bottom:10px;
}
#bnr ul li:nth-child(4n){
margin-right:0;
}
 #bnr .bottomlist_bg  li:nth-child(4n){
margin-right:2%;
}
 #bnr .bottomlist_bg  li:nth-child(5n){
margin-right:0;
}
#bnr ul li:hover a{
opacity:0.8;
}


/*footer*/
footer{
border-top:solid 4px #85b042;
background:#0060a5;
position:relative;}
footer  .wrapper{
padding :25px 0 0 0;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	 -webkit-align-items: flex-end; /* Safari */
  align-items:         flex-end;
  -webkit-justify-content: row; 
  justify-content:         row;}
footer a{
color:#fff;}

footer ul{
margin-left:50px;
}
footer ul li{
float:left;
margin-left:10px; 
}
footer ul li a{
font-size:14px;
padding-right:20px;
}
footer ul li:hover a{
opacity: 0.7;
}

footer small{
font-family: "proxima-nova";
display:block;
text-align: right;
font-size:11px;
margin-top:10px;
color:#fff;
padding-bottom:10px;
margin-right:2%;

}
/*pagetop*/
#pagetop{
text-align: right;
position:absolute;
right:0;
top:0;
}
#pagetop a{
width:40px;
height: 40px;
background:url(../img/arrow07.png) no-repeat center 50%  ,#85b042;
display:inline-block;
transition: all .3s;}

#pagetop a:hover{
background-position: center 40%  ;
}


.scroll::-webkit-scrollbar
{
        width:5px;
        background:#899a9a;
}
.scroll::-webkit-scrollbar:horizontal
        {
                height:2px;
        }
.scroll::-webkit-scrollbar-button
{
        width:2px;
        height:2px;
        background:#5e7278;
}
.scroll::-webkit-scrollbar-piece
{
        background:#eee;
}
.scroll::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
.scroll::-webkit-scrollbar-thumb
{
        background:#5e7278;
}
.scroll::-webkit-scrollbar-corner
{
        background:#899a9a;
} 



.scroll2::-webkit-scrollbar
{
        width:5px;
        background:#899a9a;
}
.scroll2::-webkit-scrollbar:horizontal
        {
                height:2px;
        }
.scroll2::-webkit-scrollbar-button
{
        width:2px;
        height:2px;
        background:#1d437a;
}
.scroll2::-webkit-scrollbar-piece
{
        background:#eee;
}
.scroll::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
.scroll2::-webkit-scrollbar-thumb
{
        background:#1d437a;
}
.scroll2::-webkit-scrollbar-corner
{
        background:#899a9a;
} 



.btn a{
display: inline-block;
border:solid 1px #1d437a;
width:200px;
padding:13px 20px;
color:#1d437a;
background:url(../img/arrow03.png) no-repeat 90% center ;
 background-size:11px;
-webkit-font-smoothing: antialiased;}
.btn a:hover{
border:solid 1px #1d437a;
color:#fff;
background:url(../img/arrow04.png) no-repeat 95% center ,#1d437a ;
 background-size:11px;
}

#bnrarea{
padding:30px 2%;
background:#f3f5f5;
}
#bnrarea ul {
overflow: hidden;}
#bnrarea ul li{
float:left;
/*width:22%;*/
max-width:260px;
margin-left:4%;
padding:10px;
}
#bnrarea ul li:nth-child(1){
margin-left:0;}
#bnrarea ul li a{
display:block;
}
#bnrarea ul li a img{
width:100%;}
#bnrarea ul li a:hover{
opacity:0.7;
box-shadow:0px 1px 5px 1px rgba(0,0,0,0.5);
-moz-box-shadow:0px 1px 5px 1px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 1px 5px 1px rgba(0,0,0,0.5);
}

/*page*/
#pagenav{
padding:8px 2%;
}
#pagenav #pankuzu{
float:left;
display:inline-block;
vertical-align: middle;
line-height: 38px;
}
#pagenav #pankuzu li a:hover{
color: #0060a5;}
#pagenav #pankuzu li{
display:inline-block;
font-size:13px;}
#pagenav #pankuzu li:before{
content:"|";
margin-right:5px;}
#pagenav #pankuzu li:nth-child(1):before{
content:none;}
#pagenav #contactbtn{
float:right;
border:solid 2px #85b042;
}
#pagenav #contactbtn a{
display:block;
padding:5px 0;
text-align: center;
width: 260px;
color:#648929;
font-family: 'Shuei KakuGo Gin B';
background:url(../img/arrow08.gif)  ,url(../img/contact.gif) ;
background-repeat:no-repeat;
background-position:93% center, 5px center;
cursor: pointer;
}
#pagenav #contactbtn a:hover{
background-position:95% center, 5px center;
}
#pagenav #contactbtn a span{
color:#8a9a9a;
font-size:12px;}
#pagehead{
text-align: center;
color:#fff;
background-size:cover!important;
max-height: 200px;
margin-bottom:45px;
}
#pagehead h1{
font-size:30px;
padding :75px 0; 
line-height: 1;
font-family: 'Shuei KakuGo Gin B';
-webkit-font-smoothing: antialiased;
}
#pagehead h1 span{
font-size:16px;
display:block;
font-family: "proxima-nova";
font-style: normal;
font-weight: 700;
}
.page section{
margin-bottom:40px;
}
.page h2{
position:relative;
font-size:26px;
}
.page h2:after{
content:"";
display:inline-block;
width:60px;
height:2px;
background:#85b042;
position:absolute;
bottom:0;
left:0;
}
.page table th{
background:#dce1e1;
padding:15px;
border-bottom:solid 1px #b8c2c2;}
.page table td{
padding:15px;
border-bottom:solid 1px #b8c2c2;}
.page table tr:nth-child(1) th,.page table tr:nth-child(1) td{
border-top:solid 1px #b8c2c2;}
.page table a{
text-decoration: underline;
}
.page h4{
font-family: 'Shuei KakuGo Gin B';
position:relative;
font-size:18px;
color:#1d437a;
padding-left:50px;
}
.page h4:after{
content:"";
display:inline-block;
width:30px;
height:1px;
background:#1d437a;
position:absolute;
top:50%;
left:0;
}
#gnav ul li.now a{
    color: #fff;
    background: url(../img/arrow02.png) no-repeat 95% center,#1d437a;
    background-size: 14px;
		cursor: default;
}
#sidebar {
	float: right;
	position: relative !important;
}



@media screen and (min-width: 1480px) {
#bnrarea ul li{
width: auto;
}
}

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

#bnrarea ul li {
/*width: 24.7%;*/
margin-left: 0.3%;
}
}
@media screen and (max-width: 1040px) {
.wrapper2{
max-width: 96%;
}}
@media screen and (max-width: 768px) {
#logo br{
display:none;
}
#logo .logo span {
letter-spacing: 1.1px;
margin-top:0;
}
.ip{
display:block;
}
#gnav{
display:none;
}
#header{
width:100%;
z-index: 102;
position: static;
}
#logo {
padding: 16px 2% 10px 3%;
}
#logo .logo{
line-height: 1;
}
#contentswrp {
padding-left: 0;
z-index: 100;
position:relative;
}
#sp_nav{
display:block;
}
#bnrarea ul li {
padding: 5px;
}

}
@media screen and (max-width: 767px) {
#bnrarea ul li {
width: 48%;
margin-left:2%;

}
#bnrarea ul li:nth-child(1){
margin-left:2%;

}
#bnrarea ul li:nth-child(2n){
margin-left:0;
}
}


@media screen and (max-width: 700px) {
.sp{
display:block;
}
.ip,.pc{
display:none;
}
#bnrarea ul li{
padding:1%;
}
#f_right ul{
display:none;
}
footer .wrapper {
padding: 10px 0 0 0;
		}
footer small{
text-align: left;
margin-left:2%;
}
#bnrarea {
    padding: 15px 2%;
}
#pagenav{
display:none;
}
#pagehead h1 {
padding: 35px 0;
}
#pagehead{
margin-bottom: 20px;
}
}
@media screen and (max-width: 640px) {

.page table th,
.page table td{
width: 100%;
display:block;
padding:10px;
text-align: left;
}
.page table td{
border-top:none!important;
}

}