/*-『micro clearfix』--------------------------------------------------*/
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility:hidden;
}
/*-『micro clearfix』--------------------------------------------------*/

.hr_margin {
	margin: 15px 0;
}
.width_check2 {
	text-align: center;
	width:80px;
	background-color: #000;
	color: #fff;
	position: fixed;
	z-index:999;
	top:100px;
	left:0;
}

/*----------------------ヘッダー　開始------------------------------------------------------------------*/

.head_h1 {
	font-size: 80%;
	text-align: right;
	color: #777;
	font-weight:300;
}

.wrap_head {
	width:100%;

}

.wrap_all {
	width: 100%;
	max-width:1200px;
	margin: 0 auto;
	padding:5px 0  0;
}

.header_box p a {
	color: #666;
}

header p {
	margin-top:5px;	
	padding-left: 5px;
	padding-bottom: 10px;
	float: left;
	font-size: 28px;
	color: ;
	font-weight: 600;
	line-height:1;
}

.coltd {
	font-size:80%;
}

nav {
	float: right;
	width:70%;
	font-size:0px;
	font-weight: 600;
}

nav li {
	display: inline-block;
	padding-left: 10px;
	width:22%;
	font-size:14px;
	margin:10px 5px 5px;
	letter-spacing: 1.5px;
	border-left: 3px solid pink;
}

nav li a {
	display: inline-block;
	width:100%;
	color:#0044cc;
}
/*----------------------ヘッダー　終了------------------------------------------------------------------*/


/*------------------------------------
　　　　　メインボックス
------------------------------------*/

/*background-imageを横幅100%可変表示*/
.main_box {
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100*/
    padding-top: 30%;
    background: url("../img/top_02.jpg") 0 0 no-repeat;
    background-size: contain;
	position: relative;
} 

.inbox{
	background-color: rgba(255,255,255,0.2);
    width: 50%;
	height:200px;
    font-size: 20px;
    line-height: 1.8;
	position: absolute;
	top: 0px;
	right:0px;
   bottom:0px;
   left:0px;
   margin:auto auto;
   font-weight:600;
   color: #444;
   padding-left:50px;
   padding-top:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.promise {
	width:100%;
	margin: 0px auto;
	background-color:#21DD9E;
	/*background: linear-gradient(-135deg, #E4A972, #9941D8) fixed;*/
	padding: 80px 0;
	color: #fff;
	opacity:0.8;
}

.promise_h2 {
	width:400px;
	font-size: 32px;
	text-align: center;
	margin:0 auto 25px;
	border-bottom:2px solid #fc4011;
	
}

.promise_h2:before {
	font-family: 'FontAwesome';
	content: '\f058';
	margin-right: 10px;
}



.check-circle_icon {
	vertical-align:bottom;
}

.promise_h3 {
	line-height:1.8;
	font-size: 20px;
	text-align: center;
	letter-spacing: 1px;
}
/*-------------------------メインボックス　終了-------------------------*/



/*-------------------------３コンテンツ　開始--------------------------- */
.main_contents {
	width:100%;
	background-image:url("../img/kika_100_10.jpg");
}

.layer {
	background-color: rgba(255,255,255,0);
}

.setsumei_box {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	text-align: center;
	padding:80px 0 100px;	
}

.setsumei_01  { /* 説明文３つ */
	display: inline-block;
	width:32%;
	color: #333;
	vertical-align:top;
}

.fa_setsumei {
	color:#fc4011;
}

.btn_01 {
	color:#fc4011;
	font-weight:600;
	font-size:24px;
}

.description {
	text-align: left;
	line-height: 1.6;
	border: 1px solid green;
	border-radius: 5px;
	margin: 10px 10px 0px;
	padding: 25px 10px 10px;
	font-weight:600;
	font-size:16px;
}
/*-------------------------３コンテンツ　終了----------------------------------- */


/*-------------------地図 埋め込み　開始-------------------------------------*/


.Mobile_map {
	padding: 1em 0 0;
}

@media screen and (max-width: 768px) {
	
.PC_map {
	display:none;
}
.second_area {
	width:100%;
	background-color:#A6815C;
	padding:20px 0;
	text-align: center;
	font-weight:600;
	color:#fff;
	
	max-width: 100%;
	height: auto;
}
.syamei {
	font-size: 1.1em;
}
.syamei_add {
	font-size: 0.75em;
}
.css-br::after {
  content: "\A" ;
  white-space: pre;
}
}

@media screen and (min-width: 768px) {
	
.Mobile_map {
	display:none;
}
.second_area {
	width:100%;
	background-color:#A6815C;
	padding:70px 0;
	text-align: center;
	font-weight:600;
	color:#fff;
	
	max-width: 100%;
	height: auto;
}
.syamei {
	font-size: 1.4em;
}


}



/*-------------------地図 埋め込み　終了-------------------------------------*/


/*-------------------地図 レスポンシブ　開始-------------------------------------*/
.second_box {
	width:100%;
	background-color:#A6815C;
	padding:70px 0;
}

.cp_box {
	width:100%;
	height:auto;
	margin:0 auto;
	display:inline-box;
	font-weight:600;
	color:#fff;
}

.cp_add {
	width:40%;
	padding-left: 100px;
	margin:70px 5px 5px 5px;
	float:left;
}


.map_right {
	width:55%;
    padding-right:100px;
	float:right;
}

#wrapper {
	max-width:700px;

}

#canvas_wrapper {
	max-width: 90%;
	min-width: 280px;
	padding: 4px;
	border: 1px solid #fff;	
	margin: 10px auto;
}

#map-canvas {
	height:300px;
	width:100%;
}
/*----------------------地図 レスポンシブ　終了--------------------------------------------------------*/



/*----------------------メールフォーム設定  開始--------------------------------------------------------*/
.wrap_toi {
	width:100%;
	background-image:url("../img/kika_100_10.jpg");
	/*background-color:#BAFEF9;*/
	padding: 60px 0;
}

.txt_01 {
	width:100%;
	font-size:30px;
	margin:15px auto 35px; 
	/*border:1px solid #000;*/
	padding: 5px 0 5px 5px;
	text-align:center;
}

.txt_01:before {
	font-family: 'FontAwesome';
	content: '\f0e0';
	padding-right: 5px;
}

.txt_02 {
	text-align: right;
	margin-bottom: 5px;
	font-size: 95%;
}

.hissu {
	color:red;
	font-size: 80%;
	font-weight: 600;
}

#formWrap {
	width:50%;
	margin:0px auto;
	color:#000;
	line-height:120%;
	font-size:100%;
}

table.formTable{
	width:100%;
	border-spacing: 3px;
}
table.formTable td,table.formTable th{	
	padding:10px;
	vertical-align: middle;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#24859e;
	text-align:left;
	color: #fff;
	border-radius: 5px 0 0 5px;
}

table.formTable td {
	border:1px solid #ccc;
	border-radius: 0 5px 5px 0;
	width:65%;
}


.select_area {
	width:60%;
	background-color: #fff;
}

.input {
	margin:15px 10px;
	padding: 8px 25px;
	background-color: #24859e;
	border:1px solid #555;
	color:#fff;
	border-radius:5px;
    cursor: pointer;
	font-weight: 600;
	font-size: 105%;
}

.input_area {
	height: 150%;
	border-radius: 3px;
	border: 1px solid #ccc;
	background:none;
	background-color: #fff;
}

.input_textarea {
	border-radius: 3px;
	width: 100%;
	font-size:120%;
	padding:10px;
}

.select_area {
	width:60%;
}
/*----------------------メールフォーム設定  終了--------------------------------------------------------*/


/*----------------------TOPへ戻る  開始-----------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background: orange;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height: 50px;
    text-align: center;
    display: block;
	line-height:1.5;
	-webkit-border-radius:50%;
       -moz-border-radius:50%;
       border-radius:50%;
	opacity: 0.8;
	font-weight: bold;
	font-size: 30px;
}

#page-top a:hover {
    text-decoration: none;
    background: orange;
	opacity: 0.5;
}
/*----------------------TOPへ戻る  終了-----------------------------------------------------------------*/


/*----------------------フッター　開始------------------------------------------------------------------*/
footer {
	width:100%;
	height:auto;
	background-color: #666;
	padding:25px 0;
}

#copyright {
	text-align: center;
	color: #fff;
}
/*----------------------フッター　終了------------------------------------------------------------------*/





@media screen and (max-width: 768px) {
	
.head_h1 {
	font-size:4px;
	text-align:center;
}



header p {
	width: 100%;
	margin:0 auto;	
	padding-left: 5px;
	padding-bottom:0;
	float: left;
	font-size: 30px;
	font-weight: 400;
	line-height:1;
	text-align:center;
}

.header_box p a {
	color: #333;
}

nav {
	width:100%;
	margin-top:10px;
	margin-bottom:0;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

nav li {
	display: inline-block;
	text-align:center;
	padding: 5px 0 10px 5px;
	width:22%;
	font-size:11px;
	margin:10px 5px 0;
	letter-spacing: 1.5px;
	border-left: none;
	
}



.promise {
	width:100%;
	margin: 0px auto;
	background-color:#21DD9E;
	padding: 20px 0;
	color: #fff;
	opacity:0.8;
	padding:0 10px;
}

.promise_h2 {
	width:100%;
	font-size:22px;
	text-align: center;
	margin:0 auto 15px;
	border: none;
	padding-top:10px;

}

.check-circle_icon {
	vertical-align:bottom;
}

.promise_h3 {
	line-height:1.8;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
	padding-bottom:10px;
}








.inbox{
	display: none;
}


.setsumei_box {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding:0 0 30px;	
}

.setsumei_01  { /* 説明文３つ */
	width:100%;
	color: #333;
}

.midashi {
	margin-top: 30px;
}


.cp_add {
	width:100%;
	margin: 0 auto;
	padding: 0 0 10px 10px;
}

.map_right {
	width:100%;
	padding: 0;
}

#wrapper {
	width:100%;
}

#canvas_wrapper {
	max-width: 90%;
	min-width: 280px;
	padding: 4px;
	
	margin: 10px auto;
}

/*----------------------メールフォーム設定  開始--------------------------------------------------------*/
.wrap_toi {
	width:100%;
	padding: 0;
}

.txt_01 {
	width:100%;
	font-size:20px;
	margin:0 auto 15px; 
	/*border:1px solid #000;*/
	padding: 25px 0 5px 5px;
	text-align:center;
}

.txt_02 {
	text-align: center;
	margin-bottom: 5px;
	font-size: 12px;
}

.hissu {
	color:red;
	font-size: 12px;
	font-weight: 600;
}



#formWrap {
	width:100%;
	margin:0px auto;
	color:#000;
	font-size:100%;
}




.formTable tr {
	width:100%;
display: block;	
}

table.formTable td,table.formTable th{	
display: block;
	padding:5px;
	vertical-align: middle;
	
}
table.formTable th{
    margin-top: 15px;
    width:100%;
	font-weight:normal;
	background:#24859e;
	text-align:left;
	color: #fff;
	border:none;

}

table.formTable td {
margin-top: 5px;
border:none;
	width:100%;
}


.select_area {
	width:80%;
	background-color: #fff;
}

.input {
	margin:0 0 15px 0;
	padding: 20px 0;
	background-color: #24859e;
	border:1px solid #555;
	color:#fff;
	border-radius:5px;
    cursor: pointer;
	font-weight: 400;
	font-size: 100%;
}

.input_area {
	width:60%;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #ccc;
	background:none;
	background-color: #fff;
}

.input_textarea {
	border-radius: 3px;
	width: 100%;
	font-size:100%;
	padding:10px;
}

.select_area {
	width:60%;
}
/*----------------------メールフォーム設定  終了--------------------------------------------------------*/



}