
/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; }

img { width: 100%; height:auto; }

html{
    font-size: 70%;
}

.disp_s { display:block; }
.disp_p { display:none; }

/*=====================
    メインコンテンツ
======================*/
.main01 { width:96%; margin:0 auto; position:relative;   }


/*=====================
    ヘッダー
======================*/

.head01{
    background:#326291;
}

.head01_01 {/*720 1200*/
    float:left;
    width:60%;
    margin:0;
}
.head01_02{/*434 1200*/
    float:right;
    width:36.1666666%;
    margin:0.5em 0;
}
.head01_04 {/*333 1200*/
    float:left;
    width:27.75%;
    margin:0.5em 0 0 0;
}

/*=====================
    ナビゲーション
======================*/
.navi_01{/*1096 1200*/
    width:98%;
    margin:1em auto;
}
.navi_01 li{/*218 1100*/
    width:19.81818181%;
    padding:0.4em 0;
    float: left;
    border-left:#D6D6D6 solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.navi_01 li:last-child{/*218 1096*/
    border-right:#D6D6D6 solid 1px;
}
.navi_01 li img{
    width: 100%;
}


/*======================
 お問い合わせ誘導繰り返し
======================*/
.repe01_01{/*680 1200*/
    display: inline-block;
    vertical-align: middle;
    width:56.666666666666%;
    margin: 1em 0 1em 2%;
}
.repe01_02,
.repe01_03{/*188 1200*/
    display: inline-block;
    vertical-align: middle;
    width:15.6666666666666%;
    margin:0 0.5%;
}


/*=====================
    フッター
======================*/
.foot01 { width:96%; margin:0 auto 16em; position:relative;   }

.foot01_01 {/*484 1200*/
    width:40.3333333333333%;
    margin:0;
    float: left;
}
.foot01_02 {/*583 1200*/
    width:48.58333333%;
    margin:0;
    float: right;
}


/*===============================
  スマホ用下固定バナー
===============================*/

/*固定バナー背景*/
.back_kote{
    border-top:#E1E1E1 solid 5px;
    background:rgba(255,255,255,0.8);
    width:100%;
    position: relative;
}
.kote_s{
    width:100%;
    position:fixed;
    bottom:0;
    z-index:1000;
}
.kote_s ul{
    width:96%;
    margin:0;
    padding:0 2%;
}
.kote_s ul li{
    width:50%;
    margin:1em 0 0.4em 0;
    float:left;
}
.kote_s ul li img{
    width:80%;
    margin:0 10%;
}

/*===================
    右固定
===================*/
.right_kote{
    position: fixed;
    right:0;
    top:10%;
    width:8%;
}
/***  ページTOP  ***/
#page_top {
    position:fixed;
    bottom:100%;
    right:0.1em;
    display:block;
    width:16%;
    z-index:50;
}


@media (min-width : 768px) {

.disp_s { display:none; }
.disp_p { display:block; }
    
html{
    font-size: 100%;
}
    
/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: default; pointer-events: none; text-decoration:none; }


/*===============================
  下固定バナー
===============================*/
.kote_block{
    width:100%;
    bottom:0;
    margin:0 auto;
    height:150px;
}


.fix {
    z-index: 100000;
    position: fixed;
    bottom: 0;
}

.kote{
    width:100%;
    margin:0;
    /*margin:0.5em auto 1em auto;*/
    position: fixed;
    bottom:0;
    z-index:1000;
    height:140px;
}

.kote ul{/*1110 1200*/
    width:91.66666666666%;
    margin:0 4.1666666%;
}
.kote ul li{/*340 1100*/
    width:30.909090%;
    margin:0 1%;/*0*/
}

.kote ul li img{/**/
    width:100%;
}

/*===================
    右固定
===================*/
.right_kote{
    position: fixed;
    right:0;
    top:10%;
    width:8%;
}

/***  ページTOP  ***/
#page_top{
    position: absolute;
    bottom:118%;
    right:3em;
    display:block;
    width:10%;
    z-index:50;
}

}

@media (min-width : 1140px) {
.kote_block{
    height:170px;
}



.kote{
    height:150px;
}
}

@media (min-width : 1300px) {


.navi_01{/*1100 1200*/
    width:91.6666666666666%;
    margin:1em auto;
}

/* 固定バナー */
.kote_block{width:1200px}

.kote{width:1200px;}
.kote ul{width:1100px; margin:0 50px;}

/*===================
    右固定
===================*/
.right_kote{
    position: fixed;
    right:0;
    top:10%;
    width:auto;
}

/****  画面幅1200px以上対応  ****/
img { width: auto; height:auto; }


/*** メインコンテンツ  ***/
.head00,
.main01,
.repe01,
.foot01 { width:1200px; }

.main03{
    width:600px;
}


}


