@charset "UTF-8";
/* CSS Document */

html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin: 0;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: 100%;}
body.fixed {	position: fixed;height: 100vh;}
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.clearfix:after{content: "";clear: both;display: block;}
:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
a:hover{opacity: 0.5; }

footer{width:900px;margin: 0 auto;padding-bottom: 50px}
footer #title{float: left;width:400px;background: #13ae67;color: white;padding: 30px 50px}
footer #title #name01{padding: 0; margin:0 auto 10px auto;font-size:16px;letter-spacing:2px;line-height: 22px;}
footer #title h6{padding: 0; margin:0;font-size:30px;letter-spacing:3px;font-weight: normal}
footer #title #name02{padding: 0; margin:0 auto 10px auto;font-size: 25px;letter-spacing: 3px;}
footer #title #text01{padding:15px 0 0 0; margin:0;font-size:16px;letter-spacing:2px;text-align: center;border-top: 1px solid white}
footer #title address{font-style: normal; padding: 0; margin:0;font-size:30px;letter-spacing: 3px;text-align: center}
footer #title address span{font-size:18px;}
footer #menu{float: right;width: 40%;}
footer #menu ul{list-style: none;margin: 0 auto 20px auto;padding: 0;}
footer #menu ul li{position: relative;width:100%;height: 80px; margin: 0;padding: 0;border-bottom: 1px solid #13ae67;}
footer #menu ul li:nth-child(3){border-bottom:none}
footer #menu ul li a{position: absolute;top: 0;left: 0;display: block;width: 100%;height:100%; z-index: 3}
footer #menu ul li div{position: absolute;top: 18%;left:0%; font-size: 18px;color: #13ae67;letter-spacing: 2px;}
footer #menu ul li div::after{content: '';display: inline-block;width:8px;height: 7px;margin:0 0 3px 10px; background: url(../img/icon01.png) no-repeat;background-repeat: 100% 0%; background-size:8px auto;}
footer #menu ul li p{position: absolute;top:38%;left:0%;font-size: 14px;color: #727171;letter-spacing: 1px;}
footer #menu ul li:hover{background:#e8efe8;}
footer #menu small{display: block; font-size:12px;letter-spacing: 2px; text-align: right}

@media screen and (min-width:1051px) {    
    #page-top{ display:block;width:70px;height:70px;position:fixed;right:20px;bottom:20px;background: url("../img/icon02.png") no-repeat;background-position: 50% 50%;background-size: 30px auto;border: 1px solid #13ae67;z-index: 9999;}
    #page-top:hover{opacity:1;background:white url("../img/icon02.png") no-repeat;background-position: 50% 50%;background-size: 30px auto;}
}
@media screen and (max-width:1050px) {    
    footer{width:100%;margin: 0 auto;padding-bottom: 20px;background: #13ae67;}
    footer #title{float:inherit;width:80%;margin: 0 auto;color: white;padding:20px 0px}
    footer #title #name01{padding: 0; margin:0 auto 0px auto;font-size:14px;letter-spacing:1px;line-height: 18px;}
    footer #title h6{padding: 0; margin:0;font-size:20px;letter-spacing:1px;font-weight: normal}
    footer #title #name02{padding: 0; margin:0 auto 10px auto;font-size: 16px;letter-spacing: 1px;}
    footer #title #text01{padding:15px 0 0 0; margin:0;font-size:14px;letter-spacing:0px;text-align: center;border-top: 1px solid white}
    footer #title address{font-style: normal; padding: 0; margin:0;font-size:20px;letter-spacing: 0px;text-align: center}
    footer #title address span{font-size:16px;}
    footer #menu{float:inherit;width:80%;margin: 0 auto}
    footer #menu ul{list-style: none;margin: 0 auto 20px auto;padding: 0;}
    footer #menu ul li{position: relative;width:100%;height: 80px; margin: 0 auto 1px auto;padding: 0;border: none;background: white;}
    footer #menu ul li:nth-child(3){border: none;}
    footer #menu ul li a{position: absolute;top: 0;left: 0;display: block;width: 100%;height:100%; z-index: 3}
    footer #menu ul li div{position: absolute;top: 20%;left:5%; font-size: 16px;color: #13ae67;letter-spacing:0px;}
    footer #menu ul li div::after{content: '';display: inline-block;width:8px;height: 7px;margin:0 0 3px 10px; background: url(../img/icon01.png) no-repeat;background-repeat: 100% 0%; background-size:8px auto;}
    footer #menu ul li p{position: absolute;top:36%;left:5%;font-size: 14px;color: #727171;letter-spacing: 1px;}
    footer #menu ul li:hover{background:#e8efe8;}
    footer #menu small{display: block; font-size:12px;letter-spacing: 0px; text-align:center;color: white}
    
    #page-top{ display:block;width:70px;height:70px;position:fixed;right:20px;bottom:20px;background:white url("../img/icon02.png") no-repeat;background-position: 50% 50%;background-size: 20px auto;border: 1px solid #13ae67;z-index: 9999;}
    #page-top:hover{opacity:1;background:white url("../img/icon02.png") no-repeat;background-position: 50% 50%;background-size: 20px auto;}
}