* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a{
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

em,strpng{
font-style: normal;
}

p{
line-height: 2.0em;
font-size: 11pt;
}


/*p margin調整*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}
.mb100{
	margin-bottom:100px;
}

.mt20{
	margin-top:20px;
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display:inline-block;
min-height: 1px;
}

.pc_none{
	display:none;
}

img.center{
	margin-left:auto;
	margin-right:auto;
	display:block;
}


/*文字装飾*/

.font_bold{
	font-weight:bold;
}

.font_red{
	color:#b80101;
}

.font_small{
	font-size:8.5pt;
}

a{
	color:#333;
	text-decoration:none;
}

a.link{
	color:#666;
	text-decoration: underline;
}

a.link:hover{
	color:#009B40;
}


/* アニメーション設定 */
.scrollin{
    transform : translate(0, 40px);
    transition : all 600ms;
}
 
.scrollin_on {
    transform : translate(0, 0);
}

.scrollin:nth-of-type(2) {
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
}

.scrollin:nth-of-type(3) {
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}

.scrollin:nth-of-type(4) {
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}

.scrollin:nth-of-type(5) {
    -moz-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
}

@keyframes large {
    0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@-webkit-keyframes large {
     0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* 各ページ共通 */

body{
color:#333;
font-size:10pt;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
font-weight: 500;
background-color: #ccc;
}

header{
width: 170px;
height: 100vh;
min-height: 670px;
position: fixed;
background-color: #fff;
}

h1{
margin-top: 25px;
margin-left: 10px;
margin-bottom: 25px;
}

@media screen and (max-device-width: 1024px) {
h1{
margin-top: 10px;
margin-bottom: 10px;
}
}

#logo a{ /* h1 */
width:150px;
height:100px;
display:block;
color:#fff;
}

#logo a img{
border:none;
display:block;
width:150px;
height:100px;
}

div#wrapper{
padding-left: 170px;
background-color: #efefef;
min-width: 1020px;
max-width: 1500px;
box-shadow: 0 0 0 100px #ddd;
}


/* ナビゲーション */
nav{
display: block !important;
}

nav ol li {
list-style-type: none;
}

nav ol li a{
display: block;
width: 170px;
height: 55px;
padding-top: 20px;
text-align: center;
background-image: url(../image/nav_li01cursol.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto auto;
color:#fff;
border-top: 1px solid #ddd;
}

nav ol li:nth-child(2) a{
background-image:url(../image/nav_li02cursol.png);
}

nav ol li:nth-child(3) a{
background-image:url(../image/nav_li03cursol.png);
}

nav ol li:nth-child(4) a{
background-image:url(../image/nav_li04cursol.png);
}

nav ol li a:hover{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@keyframes opacity {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}
@-webkit-keyframes bg-color {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}

nav ul#nav01{
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}

nav ul#nav01 li{
list-style-type: none;
width:100%;
margin: 0 auto;
}

nav ul#nav01 li a{
display: block;
width: 100%;
text-align: center;
padding-top: 20px;
height: 55px;
font-size: 11pt;
font-weight: 600;
border-top: 1px solid #ddd;
}

nav ul#nav01 li a:hover{
color: #999;
}

@keyframes bg-color {
  0% { background-color: #eee; }
  50% { background-color: #fff; }
  100% { background-color: #efefef; }
}
@-webkit-keyframes bg-color {
  0% { background-color: #eee; }
  50% { background-color: #fff; }
  100% { background-color: #efefef; }
}

nav ul#nav02{
position: absolute;
bottom: 20px;
}

@media screen and (max-device-width: 1024px) {
nav ul#nav02{
position: relative;
bottom: inherit;
}
}

nav ul#nav02 li{
margin-left:25px;
margin-bottom: 5px;
}

nav ul#nav02 li a{
display: block;
list-style-type: none;
font-size: 10pt;
font-weight: 600;
}

nav ul#nav02 li a:before{
content: "\25CF";
color: #ccc;
font-size: 14pt;
margin-right: 3px;
}

nav ul#nav02 li a:hover{
color: #999;
}

nav ul#nav02 li a:hover:before{
color: #ddd;
}


/* フッター */
footer{
position: relative;
}

footer small{
text-align: center;
font-size: 8pt;
color: #999;
display: block;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

footer ul{
margin: 0 auto;
display: table;
width: 90%;
}

footer ul li{
list-style-type: none;
display: table-cell;
}

footer ul li a{
text-align: center;
padding: 20px 0;
display: block;
color: #000;
}

footer ul li a:hover{
color: #999;
}

footer ul li:last-child a:after{
content: none;
}

footer ol{
display: table;
table-layout: fixed;
width: 100%;
border-top: 1px solid #ccc;
}

footer ol li{
display: table-cell;
list-style-type: none;
}

footer ol li a{
display: block;
text-align: center;
padding: 30px 0;
border-right: 1px solid #ccc;
color: #000;
}

footer ol li a:hover{
background-color: rgba(255,255,255,0.7);
color: #999;
}

footer ol li:last-child a{
border: 0;
text-indent: -2em;
}

#totop{
border:0;
width: 45px;
height: 74px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding-top: 18px;
position: absolute;
right: 0;
bottom: 0;
background-color: #efefef;
}

#totop:hover{
padding-top: 15px;
}



/*タブレット用 */
@media screen and (max-width: 768px){
a{
-webkit-tap-highlight-color: transparent;
}
}

/* 印刷用 */
@media print{
*{
transition-property: none !important;
animation-name: none !important;
opacity: 1 !important;
}
}