@charset "UTF-8";

/*基本色　青・水色#3B5998 #f0f8ff　オレンジ#f8b500・黄色　薄ベージュ　*/


/* ########### 569px以上レイアウト ########### */
@media (min-width: 569px) {
	
.index-header{text-align:center;padding-top:90px;padding-bottom:100px;min-width:auto;min-width:initial}


.box3	{float: none;text-align:center;padding-right:0px;
overflow: hidden;background-repeat: no-repeat;  background-size: cover;
  -moz-background-size: cover;
background-image: url("img15/index-back.jpg");background-position:center;
	width:auto}
	
.box3-A:after{content: "";display:block;clear: both}
.box3-1{float: left;width: 33.3333%;background-color:rgba(0,123,255,0.6);height: 250px;display: table}
.box3-2{float: left;width: 33.3333%;background-color:rgba(0,123,255,1);height: 250px;display: table}
.box3-3{float: left;width: 33.3333%;background-color:rgba(0,123,255,0.6);height: 250px;display: table}
.box3-1 p,.box3-2 p,.box3-3 p{font-size:30px;color:#ffffff;display:table-cell;vertical-align: middle;height:250px;
							font-weight:bold}
.box3-1:hover,.box3-2:hover,.box3-3:hover{background-color:#00d5ff}
.box3-A p:hover{color: #0058cc}

.box4	{float:none;text-align:center;
	width:auto}

.box6{margin-top:150px;padding-top: 50px;padding-bottom:50px;background-color:rgba(59,89,152,0.7)}

/*################ 基本設計（PC・タブレット向け　569px以上）(@media指定なし)　############################################*/
/*基本　p 16px以上 　最小12px*/

section{margin: 0;padding:0}

.yagou{margin-top:18px;margin-bottom:20px;font-family:"メイリオ","Meiryo"}
.yagou a{font-size:12px;}

.furukawa {
    font-size: 26px;
}
.tel{font-weight:normal;font-size:35px;margin-bottom: 20px}
.index-toi{
    margin: auto;
    width: 270px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffd700),to(#ff8c00));
    background-color: #ffa500;
}
.index-toi a{font-size:18px;color: #ffffff;display: block;text-shadow: 1px 1px 1px rgba(0,0,0,0.7);font-weight:bold}
.index-toi a:hover{font-size:20px}


.box3 h1{border-left: none}
.area-border{padding-bottom: 50px;padding-top:50px;background-color:rgba(0,123,255,0.2);
			margin:20px;margin-left: 100px;margin-right: 100px}
.h1-index-area{color: #ffffff}
.area-border p{color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5)}



.appeal {margin-top:50px}
.appeal-an{margin-bottom: 50px;padding: 20px}

.highlight {height:44px;line-height:44px;text-align: center; }     
                       
.highlight {display: block;overflow: hidden;font-weight:bold;
             white-space:nowrap;text-overflow: ellipsis;text-decoration: none;color: #f8b500;
    text-shadow: 3px 3px 1px rgba(0,0,0,0.6)}
.highlight h1{font-size:40px;}

.appeal p{color: #ffffff;font-size:30px;margin-top:20px;
    text-shadow: 1px 1px 5px rgba(0,0,0,1)}


.index-menu a{color: #ffffff;line-height: 2;font-size:14px}
.box6 p,.box6 a{color: #ffffff;font-size:14px;margin-top: 20px}
.li-small{color:#b0c4de;font-size:10px}

.copyright{background-color: #ffffff;text-align: center}
.copyright p,.copyright a{color: #3B5998;padding-top: 20px;padding-bottom:20px}


}

	
/*########################### モバイル向け　～568px ##################################*/
/*基本　p 12px以上 　最小10px*/
/* ボックスの左右に確保する余白 */
@media (max-width: 568px) {

section {
    margin-bottom: 5px;}

body {
    -webkit-text-size-adjust: 100%;
}    

.yagou{margin-top:30px;margin-bottom:20px;font-family:"メイリオ","Meiryo";
}

.furukawa {
    font-size: 16px;
}

.index-toi{-webkit-border-radius:8px;border-radius: 8px;
              -webkit-box-shadow:2px 2px 5px #C0C0C0;box-shadow:2px 2px 5px #C0C0C0;margin:10px;}                              
.index-toi{height:44px;line-height:44px;text-align: center; margin-top:20px;margin-bottom:30px;
              background-image: -webkit-gradient(linear,left top,left bottom, from(#ffd700),to(#ff8c00));background-color:#ffa500; }                                                  
.index-toi a{display: block;overflow: hidden;font-size:16px;font-weight:bold;
             white-space:nowrap;text-overflow: ellipsis;text-decoration: none;color:#ffffff;
             text-shadow: 1px 1px 1px rgba(0,0,0,0.7)}

.box3 p{padding-left: 3px;padding-right: 3px}
.box3{padding: 0}

.box3-A:after{content: "";display:block;clear: both}
.box3-1{float: left;width: 33.3333%;background-color:rgba(0,123,255,0.8);height: 100px}
.box3-2{float: left;width: 33.3333%;background-color:rgba(0,123,255,1);height: 100px}
.box3-3{float: left;width: 33.3333%;background-color:rgba(0,123,255,0.8);height: 100px;}
.box3-1 p,.box3-2 p,.box3-3 p{display:table-cell;vertical-align: middle;height:100px;font-size:16px;color:#ffffff;
							font-weight:bold}


.box3	{float: none;text-align:center;padding-right:0px;}

.box3 h1{border-left: none}


.sec-index-menu{margin-bottom:0px}


.div-back-img{background-repeat: no-repeat;
		background-image: url("img15/index-back.jpg");background-position:bottom;padding-bottom: 10px
		;padding-top: 10px}

.area-border{padding-bottom: 10px;padding-top:10px;background-color:rgba(0,123,255,0.1);border: solid 1px #f0f8ff;
			margin:5px}
.h1-index-area{color: #ffffff}
.area-border p{color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7)}

.box3 h1{margin-left: 5px;margin-right: 5px}
.box3 h1,.box3 h2{font-size:14px}
.box3 h3{font-size:12px}

.appeal {padding-top:10px;padding-bottom:0px
		;margin-left: 5px;margin-right: 5px}
.appeal-an{margin-bottom: 20px;padding: 0px;background-color: rgba(0, 62, 239, 0.22);}
.appeal p{color: #ffffff;font-size:20px;margin:10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);margin-top:0px}

.highlight {height:44px;line-height:44px;text-align: center; }     
                       
.highlight {display: block;overflow: hidden;font-weight:bold;
             white-space:nowrap;text-overflow: ellipsis;text-decoration: none;color:rgb(255, 187, 34);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.9)}
.highlight h1{font-size:20px}


.box6{padding-top:20px;padding-bottom:20px;background-color:rgba(59,89,152)}
.index-menu a{color: #ffffff;line-height: 1.8;font-size:12px}
.box6 p{color: #ffffff;font-size:12px;margin-top: 20px}
.box6 a{color: #ffffff;font-size:12px;margin-top: 20px;}
.li-small{color:#b0c4de;font-size:10px}
.address p{line-height: 1.3}
.address a{text-decoration:underline}

.copyright{background-color: #ffffff}
.copyright p,.copyright a{color: #3B5998;padding-top: 5px;padding-bottom:5px;text-align: center}

}