/*==================
  電話番号タップ
==================*/
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:92%; margin:0 auto; position:relative;   }


/*=====================
    ヘッダー
======================*/

.head01{
    background:#001A66;
    padding:0 0 1em 0;
}

.head01_01 {/*342 1200*/
    float:left;
    width:28.5%;
    margin:0.3em 0 0;
}
.head01_02{/*305 1200*/
    float:left;
    width:25.41%;
    margin:0.3em 0 0;
}
.head01_03 {/*170 1200*/
    float:left;
    width:14.1666666%;
    margin:0;
}
.head01_04 {/*383 1200*/
    float:left;
    width:31.916666%;
    margin:0.3em 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; position:relative;   }

.foot01_01 {/*495 1200*/
    width:41.25%;
    margin:0;
    float: left;
}
.foot01_02 {/*274  1200*/
    width:22.8333333%;
    margin:0 0 0 3%;
    float: left;
}
.foot01_03 {/*393 1200*/
    width:32.75%;
    margin:0;
    float: left;
}


/*===============================
  スマホ用下固定バナー
===============================*/

/*固定バナー背景*/
.back_kote{
    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:96%;
    margin:0 2%;
}

/***  ページTOP  ***/
#page_tops {
    position: absolute;
    bottom:108%;
    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:90px;
}


.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:70px;
}

.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%;
}

/***  ページTOP  ***/
#page_top{
    position: absolute;
    bottom:135%;
    right:3em;
    display:block;
    width:10%;
    z-index:50;
}
    
    
/*=====================
    メインコンテンツ
======================*/
.main01 { width:76%; margin:0 auto; position:relative;   }


}

@media (min-width : 1140px) {
.kote_block{
    height:130px;
}



.kote{
    height:110px;
}
}

@media (min-width : 1200px) {


.navi_01{/*1100 1200*/
    width:91.6666666666666%;
    margin:1em auto;
}

/* 固定バナー */
.kote_block{width:1200px}

.kote{width:1200px;}
.kote ul{width:1100px; margin:0 50px;}

/****  画面幅1200px以上対応  ****/
img { width: auto; height:auto; }


/*** メインコンテンツ  ***/
.head00,
.main01,
.repe01,
.foot01 { width:800px; }

.head00 img,
.main01 img,
.repe01 img,
.foot01 img{
    display: block;
    width:100%;}

.head00 p,
.main01 p,
.repe01 p,
.foot01 p{ 	width:100%;}

.main01{
	font-size:60%;}
	

}


/*フォーム　190314　追加*/
.form01 {
    padding-top: 30px;
    padding-bottom: 100px;
}

.form01 p.form_txt {
	padding-top:20px;
	padding-bottom:20px;
	line-height:2em;
}

.form01 p.form_txt span {
	color:#e33b25;
	font-weight:bold;
}

.form01 div.form_box {
/*	padding-left:24px;
	padding-right:24px;*/
}

.form01 table {
	width:100%;
	margin-bottom:40px;
    border:1px solid #595656;
    border-bottom: none;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.form01 td {
	padding:10px;
	border-bottom:1px solid #595656;
}

.form01 td.form_q {
	background-color:#f0f0f0;
	font-weight:bold;
	line-height:1.2em;
}

.form01 td.form_q span.hissu {
	color:#c11920;
	font-weight:bold;
}

.form01 td.form_q span.l_chui {
	font-weight:normal;
}

.form01 td.form_a {
	line-height:1.5em;
}

.form01 td.form_a ul.select01 li {
	width:100px;
	float:left;
}

.form01 td.form_a ul.select02 li {
	width:220px;
	float:left;
	margin-bottom:5px;
	padding-right:5px;
}

.form01 td.form_a p.err {
	clear:both;
	color:#c11920;
	padding-top:5px;
}

.form01 td.form_a input {
	padding:3px;
}

.form01 td.form_a input.txt_area01 {
	width:340px;
}

.form01 td.form_a input.txt_area02 {
	width:190px;
}

.form01 td.form_a input.txt_area03 {
	width:110px;
	margin-right: 5px;
}

.form01 td.form_a input.txt_area04 {
	width:300px;
}

.form01 td.form_a textarea {
	width:100%;
	height:175px;
}

.form01 td span.kibou {
	color:#c11920;
}

.form01 td.form_a p.mail_taisaku {
	margin-top:15px;
	text-align:center;
	line-height:30px;
	background-color:#00aeef;
	border:1px solid #00aeef;
	border-radius:3px;
	color:#ffffff;
	margin-bottom:5px;
	cursor:pointer;
}

.form01 td.form_a div {
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #00aeef;
	border-radius:3px;
}

.form01 td.form_a div p.txt01 {
	padding-bottom:15px;
}

.form01 td.form_a div p.txt02 {
	font-weight:bold;
}

.form01 td.form_a div dl {
	padding-bottom:15px;
}

.form01 td.form_a div dl dt {
	line-height:1.5em;
	float:left;
}

.form01 td.form_a div dl dd {
	margin-left:1.1em;
	line-height:1.5em;
}

.form01 div.btn {
	text-align:center;
}

.form01 img.ui-datepicker-trigger {
    width: 30px!important;
    height: 30px!important;
    display: inline!important;
    vertical-align: bottom!important;
}

@media (max-width : 768px) {
.form01 td.form_a input.txt_area01 {
	width:90%;
}

.form01 td.form_a input.txt_area02 {
	width:90%;
}

.form01 td.form_a input.txt_area03 {
	width:50%;
	margin-right: 5px;
}
}