@charset "UTF-8";
@media screen and (min-width: 768px),print {

#main-company {width: 1100px; margin: 0 auto 100px; }
#main-company .ttl{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 8px; padding: 25px; text-align: center; background: #525252; margin-bottom: 20px;}
#main-company .bx{}
#main-company .bx table{width: 1100px; margin: 0 auto;}
#main-company .bx tr{width: 100%; margin: 0 auto; text-align: left;}
#main-company .bx th{width: 35%; border: 1px solid #000; padding: 20px 50px; background: #EFEFEF; }
#main-company .bx td{width: 65%; border: 1px solid #000; padding: 20px 50px; }

#main-company-bx {width: 1100px; margin: 0 auto 100px; }
#main-company-bx .ttl{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 8px; padding: 25px; text-align: center; background: #525252;}
#main-company-bx .back-bx{width: 1100px; margin: 0 auto; padding: 45px 35px; background: #EFEFEF;}
#main-company-bx .bx{}
#main-company-bx .bx table{width: 100%; background: #fff;}
#main-company-bx .bx tr{width: 100%; margin: 0 auto; text-align: left;}
#main-company-bx .bx th{width: 35%; border: 1px solid #fff; padding: 20px 50px; background: #525252; color: #fff}
#main-company-bx .bx td{width: 65%; border-bottom: 1px solid #D6D6D6; padding: 20px 50px; }

#map {width: 1100px; margin: 0 auto 100px; }
#map .ttl{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 8px; padding: 25px; text-align: center; background: #525252; margin-bottom: 20px;}
#map iframe{width: 1100px; margin: 0 auto;}

#map-lay {width: 1100px; margin: 0 auto 100px; }
#map-lay .ttl{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 8px; padding: 25px; text-align: center; background: #525252; margin-bottom: 20px;}
#map-lay .bx{border: 40px solid #EFEFEF; padding: 25px 25px 15px;}
#map-lay .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#map-lay .list .map{margin-right: 50px;}
#map-lay .list .map-txt{width: 370px; margin-top: 50px;}
#map-lay .m-ttl{font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#map-lay .m-txt{font-size: 16px; margin-bottom: 30px; letter-spacing: 1px;}
#map-lay .btn{}

#main-enkaku {width: 1100px; margin: 0 auto 100px; }
#main-enkaku .ttl{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 8px; padding: 25px; text-align: center; background: #525252;}
#main-enkaku .back-bx{width: 1100px; margin: 0 auto; padding: 45px 35px; background: #EFEFEF;}
#main-enkaku .bx{}
#main-enkaku .bx table{width: 100%; background: #fff;}
#main-enkaku .bx tr{width: 100%; margin: 0 auto; text-align: left;}
#main-enkaku .bx th{width: 35%; border: 1px solid #707070; padding: 20px 50px; }
#main-enkaku .bx td{width: 65%; border: 1px solid #707070; padding: 20px 50px; }

}

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

#main-company {width: 95vw; margin: 0 auto 10vw; }
#main-company .ttl{font-size: 5vw; font-weight: bold; color: #fff; letter-spacing: 3px; padding: 5vw; text-align: center; background: #525252; margin-bottom: 3vw;}
#main-company .bx{}
#main-company .bx table{width: 95vw; margin: 0 auto;}
#main-company .bx tr{width: 100%; margin: 0 auto; text-align: left;}
#main-company .bx tr:last-child{border-bottom: 1px solid #000; }
#main-company .bx th{display: block; width: 100%; border: 1px solid #000; padding: 3vw 5vw; background: #EFEFEF; }
#main-company .bx td{display: block; width: 100%; border-left: 1px solid #000; border-right: 1px solid #000; padding: 3vw 5vw; }

#main-company-bx {width: 95vw; margin: 0 auto 10vw; }
#main-company-bx .ttl{font-size: 5vw; font-weight: bold; color: #fff; letter-spacing: 3px; padding: 5vw; text-align: center; background: #525252;}
#main-company-bx .back-bx{width: 95vw; margin: 0 auto; padding: 5vw; background: #EFEFEF;}
#main-company-bx .bx{}
#main-company-bx .bx table{width: 100%; background: #fff;}
#main-company-bx .bx tr{width: 100%; margin: 0 auto; text-align: left;}
#main-company-bx .bx th{display: block; width: 100%; border: 1px solid #fff; padding: 5vw; background: #525252; color: #fff}
#main-company-bx .bx td{display: block; width: 100%; border-bottom: 1px solid #D6D6D6; padding: 5vw; }

#map {width: 95vw; margin: 0 auto 10vw; }
#map .ttl{font-size: 5vw; font-weight: bold; color: #fff; letter-spacing: 3px; padding: 5vw; text-align: center; background: #525252; margin-bottom: 3vw;}
#map iframe{width: 100%; height: 300px; margin: 0 auto;}

#map-lay {width: 95vw; margin: 0 auto 10vw; }
#map-lay .ttl{font-size: 5vw; font-weight: bold; color: #fff; letter-spacing: 8px; padding: 5vw; text-align: center; background: #525252; margin-bottom: 3vw;}
#map-lay .bx{border: 15px solid #EFEFEF; padding: 5vw;}
#map-lay .list{}
#map-lay .list .map iframe{width: 100%; height: 300px; margin-bottom: 3vw;}
#map-lay .list .map-txt{}
#map-lay .m-ttl{font-size: 5vw; font-weight: bold; margin-bottom: 3vw;}
#map-lay .m-txt{font-size: 4vw; margin-bottom: 5vw; letter-spacing: 1px;}
#map-lay .btn{width: 60vw; margin: 0 auto;}

#main-enkaku {width: 95vw; margin: 0 auto 10vw; }
#main-enkaku .ttl{font-size: 5vw; font-weight: bold; color: #fff; letter-spacing: 3px; padding: 5vw; text-align: center; background: #525252;}
#main-enkaku .back-bx{width: 95vw; margin: 0 auto; padding: 5vw; background: #EFEFEF;}
#main-enkaku .bx{}
#main-enkaku .bx table{width: 100%; background: #fff;}
#main-enkaku .bx tr{width: 100%; margin: 0 auto; text-align: left;}
#main-enkaku .bx tr:last-child{border-bottom: 1px solid #707070; }
#main-enkaku .bx th{display: block; width: 100%; border: 1px solid #707070; padding: 5vw; }
#main-enkaku .bx td{display: block; width: 100%; border-left: 1px solid #707070; border-right: 1px solid #707070; padding: 3vw 5vw; }

}