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

/*PC*/
@media print, screen and (min-width: 769px) {


/*article
------------------------------------------*/

#article {}
#article main {}
#article main .w1000 { padding: 150px 0 90px;}
#article main .img { margin: 0 0 20px;}

#article main .telNo { text-align: center; font-size: 54px; font-family: "Times New Roman", Times, serif;}
#article main .telNo span { font-size: 34px; margin: 0 10px 0 0;}

#article main .btn { font-size: 24px; margin: 0; padding: 0; list-style: none; border-bottom: solid 1px #000; border-top: solid 1px #000; padding: 10px 0;}
#article main .btn li { float: left; text-align: center; margin: auto;}
#article main .btn li a { text-decoration: none; color: #FFF; width: 490px; height: 70px; line-height: 70px; display: block; margin: 0;}
#article main .btn li:nth-of-type(1) a { background: #475c40; margin: 0 20px 0 0;}
#article main .btn li:nth-of-type(2) a { background: #415972; margin: 0;}



#article main table { width: 100%; border: solid 1px #333; font-size: 15px; margin: auto auto 100px;}
#article main table th { width: auto; border-right: solid 1px #FFF; border-bottom: solid 1px #333; background: #3f3b3a; color: #FFF; font-weight: normal; padding: 15px 0; vertical-align: middle;}
#article main table td { border-bottom: solid 1px #333; border-right: solid 1px #333; padding: 15px 5px; background: #FFF; vertical-align: middle;}

#article main .map { margin: 0 0 50px;}




.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}





}



/*sp*/
@media only screen and (max-width: 768px) {
#article {}
#article main {}
#article main .w1000 { padding: 15% 0 10%;}
#article main .img { margin: 0 0 20px;}

#article main .telNo { text-align: center; font-size: 30px; font-family: "Times New Roman", Times, serif;}
#article main .telNo span { font-size: 20px; margin: 0 5px 0 0;}

#article main .btn { font-size: 18px; margin: 0; padding: 0; list-style: none; border-bottom: solid 1px #000; border-top: solid 1px #000; padding: 10px 0;}
#article main .btn li { float: none; text-align: center; margin: 0 auto 2%;}
#article main .btn li a { text-decoration: none; color: #FFF; width: 100%; height: 40px; line-height: 40px; display: block; margin: 0 auto;}
#article main .btn li:nth-of-type(1) a { background: #475c40; margin: 0 20px 0 0;}
#article main .btn li:nth-of-type(2) a { background: #415972; margin: 0;}



#article main table { width: 100%; border: solid 1px #333; font-size: 15px; margin: auto auto 100px;}
#article main table th { width: auto; border-right: solid 1px #FFF; border-bottom: solid 1px #333; background: #3f3b3a; color: #FFF; font-weight: normal; padding: 5px 5px; vertical-align: middle;}
#article main table td { border-bottom: solid 1px #333; border-right: solid 1px #333; padding: 5px 5px; background: #FFF; vertical-align: middle;}

#article main .map { margin: 0 0 50px;}



.scroll {
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
-webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track {　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.scroll table { width: 100%; white-space: nowrap;}




}