@charset "UTF-8";

/*--------------------------------------------------------------------*/
/*	INDEX															  */
/*--------------------------------------------------------------------*/
/*	
            ■　スマートフォン用 - 1column
            ■　小型タブレット用 - 2column
            ■　大型タブレット用 - 3column
            ■　通常PC用 - 4column

----------------------------------------------------------------------*/

/*  = スマートフォン用 - 1column
----------------------------------------------------------------------*/
 @media only screen and (max-width: 480px) {
/* ヘッダ -------------------------------*/
 #headerInner { width: auto; height: 44px; display: flex; flex-wrap: nowrap;}
    #headerInner h1 {
        margin-left: 10px;
        width: calc(100vw - 110px);
        background: url(../../../../Content/images/pages/header_title.png) no-repeat 0 15%;
        background-size: auto 40px;
     }
/* コンテンツ --------------------------*/
.contentsPortal { width: 100%; }
    .wrapFirst { width: 100%; text-align:center; margin-bottom: 0; }
        .boxExplain { margin: 0 0; padding: 0; }
        .bdrNews { width: 98%; }
            .listNews { width: 99%;}
    .wrapSecond { width: auto; text-align:center; }
            .moduleTitle p { width: auto; text-align: left; padding: 0 2em; }
        .boxModule { width: 98%; }
            .bdrMap p { width: auto; text-align: left; }
            .map1 a,.map2 a,.map3 a,.map4 a,.map5 a,.map6 a { width: 292px; }
            .bdrQR { display: none; }/*携帯・スマートフォン*/
 /* フッタ -------------------------------*/          
    .footer-inner { width: 320px; text-align: center;  }
        address { width: auto;}
        address span { display: block; width: 100%; height: auto; margin: 0; }
        #copyright { width: auto; }
 }
 
 
/*  = 小型タブレット用 - 2column
----------------------------------------------------------------------*/
 @media only screen and (min-width: 481px) {
/* ヘッダ -------------------------------*/
 #headerInner { width: auto; }
    #headerInner h1 { width: 350px; margin-left: 10px; }
    #headerInner #headerNav { display: block; }
    .btn-desktop,
    .btn-policies { width: 70px; height: 60px; background-size: 100%; }
/* コンテンツ --------------------------*/
.contentsPortal {
    width: 100%;
    padding-top: 0;
    background: url(../../../../Content/images/site/mainImage.jpg) left top no-repeat;
    background-size: contain;
}
    .wrapFirst { width: 100%; text-align:center; margin-bottom: 0;
                        background:url(../../../../Content/images/site/imageMain_r.jpg) -20px top no-repeat;
                        }
        .boxExplain {}
        .bdrNews { width: 48%; margin-top: 19px; }
            .listNews { width: 99%; }
    .wrapSecond { width: auto; text-align:center; }
            .moduleTitle p { width: auto; text-align: left; padding: 0 2em; }
        .boxModule { width: 48%; }
            .bdrMap p { width: auto; text-align: left; }
            .imageMap { width: 99%; overflow: hidden; }
            .map1 a,.map2 a,.map3 a,.map4 a,.map5 a,.map6 a { width: 292px; }
            .bdrQR { display: block; }/*携帯・スマートフォン*/
 /* フッタ -------------------------------*/
    .footer-inner { width: 320px; text-align: center;  }
        address { width: auto;}
        address span { display: block; width: 100%; height: auto; margin: 0; }
        #copyright { width: auto; }
 }
 
 
 /*  = 大型タブレット用 - 3column
 ----------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
/* ヘッダ -------------------------------*/
 #headerInner { width: auto; }
    #headerInner h1 { width: 395px; margin-left: 10px; }
    #headerInner #headerNav { display: block; }
/* コンテンツ --------------------------*/
.contentsPortal { width: 100%; padding-top: 0; }
    .wrapFirst { width: 100%; text-align:center; margin-bottom: 0;
                        background:url(../../../../Content/images/site/imageMain_r.jpg) -20px top no-repeat;
                         }
        .boxExplain {}
        .bdrNews { width: 32%; margin-top: 19px; }
            .listNews { width: 99%; }
    .wrapSecond { width: auto; text-align:center; }
            .moduleTitle p { width: auto; text-align: left; padding: 0 2em; }
        .boxModule { width: 32%; }
            .bdrMap p { width: auto; text-align: left; }
            .imageMap { width: 99%; overflow: hidden; }
            .map1 a,.map2 a,.map3 a,.map4 a,.map5 a,.map6 a { width: ; }
            .bdrQR { display: block; }
 /* フッタ -------------------------------*/   
    .footer-inner { width: 320px; text-align: center;  }
        address { width: auto;}
        address span { display: block; width: 100%; height: auto; margin: 0; }
        #copyright { width: auto; }
 }

 /*  = 通常PC用 - 4column
 ----------------------------------------------------------------------*/
@media only screen and (min-width: 961px) {
/* ヘッダ  --------------------------*/
#headerInner { width: 990px; }
#headerInner h1 { width: 600px; }
    #headerInner #headerNav { display: block; }
/* コンテンツ --------------------------*/
.contentsPortal {
    margin: 0 auto;
    padding-top: 15px;
    box-sizing: border-box;
    background-position-y: -20%;
}
            .map1 a,
            .map2 a,
            .map3 a,
            .map4 a,
            .map5 a,
            .map6 a { width: 224px; }
        .moduleTitle { background: #bb5758; }
        .moduleTitle p { padding: 0 1.2em; }
/* フッタ  --------------------------*/
.footer-inner { width: 960px; }
address span { display: inline;    margin-right: 1em; }

}