@charset "utf-8";

/* -----------------------------------------------------------------
convention CSS
LAST UPDATE:
--------------------------------------------------------------------*/

/*====================
PCを基本設計にする
 - 1280px〜：大型PC
 - 960px〜1279px：小型PC
 - 600px〜959px：タブレット
 - 480px〜599px：スマートフォン横
 - 〜479px：スマートフォン縦
====================*/ 

/* ------------------------------------------------------------------------------------------------------------------------
    1280px〜：大型PC 
------------------------------------------------------------------------------------------------------------------------ */
iframe { margin-top: 15px !important;}
.mapgoogl { width:170px; float:right;margin-bottom: 30px !important;}
.mapgoogl a{ display: block; border: 1px solid #dddddd; border-radius: 4px; padding: 12px 15px;}
.mapgoogl a span{ margin:0 0 3px; background:url(../img/icon_search_01.gif) no-repeat left center; padding:0 0 0 20px; }

/* ▼▼▼ index font-size/line-height ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
h2{ font-size:30px; line-height: 1.3;}
h3{ font-size:20px;  line-height: 1.3;}
.mapgoogl a span{ font-size:14px;}
#footer{ font-size:13px;}

@media screen and (min-width:600px) and (max-width:959px) {
    h2{ font-size:24px; line-height: 1.3;}
    h3{ font-size:18px;  line-height: 1.3;}
}

@media screen and (min-width:480px) and (max-width:599px) { 
    h2{ font-size:24px; line-height: 1.3;}
    h3{ font-size:18px;  line-height: 1.3;}
}

@media screen and (max-width:479px) { 
    body{font-size:15px; line-height:1.8;}
    h2{ font-size:20px; line-height: 1.3;}
    h3{ font-size:16px;  line-height: 1.3;}
    .mapgoogl a span{ font-size:14px;}
}
/* ▲▲▲ index font-size/line-height ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */