@charset "utf-8";

@import 'grid.less';
@column-width: 60;
@gutter-width: 20;
@columns: 12;

#top-img {
	position: absolute;
	top: 169px;
	left: 50%;
	margin-left: -480px;
	z-index: 2;
	}
#intro-img {
	margin-top:30px;
	}

	header {
		width:100%;
		height:870px;
		background:url(../img/header-bg.jpg);
		background-position:50% 50%;
	    background-size:cover;
		position:relative;
		z-index:1;
		}

#title_climer_ex01{
	width: 100%;
	height: auto;
	position: absolute;
	top: 680px;
	z-index: 100;
}

#top_content01{
	width: 100%;

}
#top_content01 img{

}


#top_content01 .catch01{
	width: 569px;
	margin: 50px auto;
	display: block;
}


#top_content01 .sentence01{
margin: 20px 0 0 0;
}
#top_content01 .sentence01 p{

}


#top_content01 .illust01{
	width: 849px;
	margin: 50px auto;
	display: block;
}












#top_content02{
	width: 92%;
	background: linear-gradient(90deg,#737373,#292929);
	padding: 4%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}






#top_content02 figure.photo_climer01{
width: 40%;
}
#top_content02 figure.photo_climer01 img{

}
#top_content02 figure.photo_climer01 figcaption{
color: #fff;
}







#top_content02 .right{
	width: 47%;
	margin: 0 0 0 8%;
}


#top_content02 figure.catch02{
	margin: 0 0 2% 0%;
}
#top_content02 figure.catch02 img{

}


#top_content02 .sentence02_01{
margin: 0% 0 0 0%;
}
#top_content02 .sentence02_01 p{
color: #fff;
}


#top_content02 .sentence02_02{
margin: 0% 0 0 0%;
}
#top_content02 .sentence02_02 p{
color: #fff;
}















table.deputy {
	margin-top:20px;
	}
table.deputy th{
	width:230px;
	}
table.deputy td{
	vertical-align:top;
	}
	.deputy td h5 {
		font:"Meiryo";
		font-size:16px;
		font-weight:100;
		color:#333;
		}
	.deputy td p {
		margin-top:10px;
		//margin-right:38px;
		font-size:16px;
		}

.blue-box-radius {
	margin-top:10px;
	display:table;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#BAEDFE;
	}
	.blue-box-radius p {
		display:table-cell;
		vertical-align:middle;
		padding:15px 38px;
		font-size:16px;
		line-height:1.5em;
		}


		.black-box-radius {
			margin-top:10px;
			display:table;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
    background: linear-gradient(90deg, #ffd2e9, #fffbfd);
			}
			.black-box-radius p {
				display:table-cell;
				vertical-align:middle;
				padding:15px 38px;
				font-size:16px;
				line-height:1.5em;
				color: #333;
				}













/*-- お客様の声 --*/

#taikendan{ margin: 1em 0; width: 100%; height: 400px; overflow: auto; background: linear-gradient(90deg, #fff5fa, #fffbfd); border: solid 4px #ef8fa6; border-radius: 6px;}

#taikendan ul{ width: 90%; margin: 1em 5%; }

#taikendan li{ list-style: none; margin: 0; padding: 0.5em 0; border-bottom: dotted 1px #ccc; }

#taikendan li .who{ font-size: 13px; color: #ff7676; font-weight: bold;}


#taikendan li p{ font-size: 14px; }



#taikendan p.note{ font-size: 12px; margin: 1em 5%; color: #5894AD;}



p.desc-more {
	font-size:16px;
	font-weight:normal;
	margin:30px 0 30px 38px;
	line-height: 1.4em;
	}


/*.introduction {
	margin-top:30px;
	}
.introduction th, .introduction td {
	width:480px;
	margin-top:30px;
	font:"Meiryo UI";
	font-size:0.875em;
	font-weight:100;
	color:#333;
	text-align:left;
	}
.introduction td {
	border-left:40px solid #fff;
	}
*/
.i1,.i2 {
	.column(6);
	margin-top:40px;
	font-size:12px;
	}


.text-box {
	width: 450px;
	height: 73px;
	border: 4px double #f08ea5;
	display: table;
	margin-bottom: 12px;
	}
	.text-box p {
		padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
		}

	table.mlist {
		width:100%;
		margin:0;
		padding:0;
		border-collapse:collapse;
		text-align:left;
		font-weight:100;
		}
		.mlist td {
			width:140px;
			}
		.mlist th{

			font-weight:100;
			text-align:left;
			}

.i2 ol {
	margin-left:25px;
	}
	.left-indent {
		margin-left:10px;
		font-size:14px;
		}

article {
	margin-top:30px;
	display:block;
	width:945px;
	height:auto;
	// border-style: solid;
  //   border-width: 7px;
	// border-color: #EF6A79;
	}

	section {
		width:780px;
		margin-top:7px;
		margin-left:90px;
		margin-bottom:20px;
		}

	#order th {
		width:408px;
		}
		#order th img {
			float:left;
			}

	article img {
		margin-top:20px;
		}

	#price{
		text-align: left;
    font-size: 16px;
    font-weight: 100;
    margin: 60px 0 10px 0;
		}
		#price th {
			width:120px;
			}

			.styled-select select {
			   background: transparent;
			   width:130px;
			   padding: 5px;
			   font-size: 16px;
			   line-height: 1;
			   border: 0;
			   border-radius: 0;
			   height: 26px;
			   -webkit-appearance: none;
			   }

			 /*.styled-select {
			   width: 82px;
			   height: 25px;
			   overflow: hidden;
			   background: url(../img/index/order-a.jpg) no-repeat right;
			   border: 1px solid #ccc;
			   }*/
            .styled-select {
               width: 100px;
               height: 25px;
               overflow: hidden;
               background: url(http://climer.jp/css/../img/index/order-a.jpg) no-repeat right;
               border: 1px solid #ccc;
               }

   #order-desc {
	   width:780px;
	   font-size:12px;
	   }

	   #order-desc th, #order-desc td {
		   vertical-align:top;
		   text-align:left;
		   font:"Meiryo UI";
		   font-size:0.9em;
		   font-weight:100;
			color:#333;
			width:370px;
		   }

		   #order-desc td {
			   border-left:40px solid #fff
			   }








p.small1{ font-size: 0.85em; line-height: 1.4; color:#003366;}



.block1{  background-color: #FDF0F2; padding: 0 20px; width: 740px; margin-bottom: 20px; border-radius: 12px;  }