@charset "utf-8";
/* CSS Document */
.lowerpage h3{margin:0 0 50px;}

.frame{margin: 0 0 100px; line-height:1.8;}
.frame:last-of-type{margin:0;}
.frame table{width: 100%;}

#frame-1 .fimg1{float: right; padding: 0 0 25px 28px;}
#frame-1 .fimg2{text-align:right;}
#frame-1 p{padding: 0 0 17px; text-indent: 1em; text-align: justify;}
#frame-1 p:last-of-type{padding: 0 0 30px;}

#frame-2 td{padding: 8px 15px 8px 30px; border: 1px solid #999999;}
#frame-2 td:first-of-type{width: 150px; background: #f4f4f4;}

#frame-3 .fimg{width: 100%; max-width: 590px; margin: 0 auto 50px;}
#frame-3 td{padding: 5px 15px 5px 30px; border-bottom: 1px solid #999999; border-right: 1px solid #999999;}
#frame-3 td:first-of-type{width:40%;}
#frame-3 td:last-of-type{border-right: none;}
#frame-3 tr:last-of-type td{border-bottom: none;}

#frame-4 .item{float: left; width: 47.87%; margin: 0 4.26% 0 0;}
#frame-4 .item:last-of-type{margin: 0 auto;}
#frame-4 .tit{font-size: 16px; margin: 0 0 10px; font-weight: bold;}
#frame-4 td{padding: 10px 30px; border: 1px solid #999999;}
#frame-4 td:first-of-type{width: 105px; background: #f4f4f4; text-align: center;}
#frame-4 td .btnMap{color: #fff; background: #006f0b; padding: 3px 0 3px 40px; letter-spacing: 0.1em; display: block; width: 100px; margin: 7px 0 0; position: relative;}
#frame-4 td .btnMap:before{content: ''; display: block; width: 0; position: absolute; left: 21px; top: 50%; height: 0;
border-top: 3px solid transparent; border-left: 5px solid #fff;	border-bottom: 3px solid transparent;
-webkit-transform: translateY(-50%); transform: translateY(-50%);}
#frame-4 td .btnMap:hover{opacity: 0.7; text-decoration: none;}
#frame-4 td a:hover{text-decoration: underline;}

#frame-5 .tit1{font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 30px;}
#frame-5 .tit2{font-size: 15px; font-weight: bold;}
#frame-5 .cont-w{width: 100%; max-width: 767px; margin: 0 auto;}
#frame-5 ul > li > ul > li{padding: 0 0 15px 15px;}
#frame-5 ul > li > ul > li .tit2{text-indent: -0.5em;}
#frame-5 ul > li:nth-of-type(4) > ul > li:nth-of-type(2) .tit2{text-indent: 0;}
#frame-5 ul > li > ul > li > ol > li{padding: 0; font-size: 13px;}
#frame-5 ul > li > ul > li > ol{font-size: 0;}
#frame-5 ul > li:nth-of-type(1) > ul > li > ol li,
#frame-5 ul > li:nth-of-type(2) > ul > li:nth-of-type(3) > ol li{text-indent: -0.5em;}
#frame-5 .contR{text-align: right; padding: 10px 0 0;}


/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1040px){
#frame-4 .item{width: 100%; max-width: 460px; margin: 0 auto 50px; float: none;}
}

@media only screen and (max-width:767px){
.lowerpage h3{margin:0 0 30px;}	

#frame-1 .fimg1{float: none; width: 100%; max-width: 180px; margin: 0 auto; padding: 0 0 20px;}

#frame-2 td{padding: 10px;}
#frame-2 td:first-of-type{width: 90px;}

#frame-3 table{border-top: 1px solid #999999;}
#frame-3 td{padding: 10px; display: block; border-right: none;}
#frame-3 td:first-of-type{background: #f4f4f4; width:100%; font-weight:bold;}
#frame-3 tr:last-of-type td:first-of-type{border-bottom: 1px solid #999999;}

#frame-4 td{display: block; padding: 10px; border-bottom: none;}
#frame-4 td:first-of-type{width: 100%; text-align: left;}
#frame-4 tr:last-of-type td:last-of-type{border-bottom: 1px solid #999999;}
}

@media only screen and (max-width:480px){
.frame{margin: 0 0 80px;}
.frame:last-of-type{margin: 0;}

#frame-1 .fimg2{padding:0 0 0 20%;}

#frame-2 td:first-of-type{width: 100%;}
#frame-2 td{display: block; border-bottom: none;}
#frame-2 tr:last-of-type td:last-of-type{border-bottom: 1px solid #999999;}

#frame-4 .tit{font-size:14px;}

#frame-5 .tit1{font-size: 14px;}
#frame-5 .tit2{font-size: 13px;}
}