@charset "utf-8";

/**
 *
 *  reason　- ファーストサーバが選ばれる理由
 *
 */


/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
/*#Page {
}
#PageTtl .ttl{
	height: 148px;
}
#PageTtl h1{
	padding-top: 56px;
	text-align: center;
	color: #fff;
}
#PageTtl h1 span.main{
	font-size:45px;
	font-size:4.5rem;
	background: none;
}*/

/*----------------------------------------------------------------------
	.reason-sec
----------------------------------------------------------------------*/

.reason-sec .sec-inner{
	padding:0 0 20px;
	border-bottom:3px solid #F2F6F9;
	position:relative;
}
.reason-sec h1{
	padding:70px 0 45px;
	text-align:center;
}
.reason-sec h2{
	padding:0 0 40px;
	font-size:25px;
	font-size:2.5rem;
	font-weight:normal;
	line-height:1.3;
}
.reason-sec p{
	padding:0 0 30px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
}

.btn-logo{
	text-align:center;
	line-height:2;
	overflow:hidden;
	display:flex;
	justify-content: center;
}
.btn-logo p {
	margin: 5px;
}
.btn-logo a:before{
	background:url(/rentalserver/shared/images/ico_arw04.png) no-repeat left center;
	display:inline-block;
	content:"■";
	width:11px;
	padding-right:5px;
	text-indent:-9999em;
}
.btn-logo a{
	width:256px;
	background:#FFF;
	display:block;
	padding:6px 0 4px;
	color:#3B4B53;
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
	border:2px solid #83B3D1;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.btn-logo a:hover{
	background-color:#F2F6F9;
}


/* #Sec01
--------------------------------------------------*/

#Sec01 p{
	text-align:center;
}



/* #Sec02
--------------------------------------------------*/

#Sec02 .sec-inner{
	font-size:0;
	border-bottom:none;
}
#Sec02 h2{
	padding:50px 0;
	text-align:center;
}
.reason-box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.reason-box dl{
	width:300px;
	padding:0 38px 0 0;
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	vertical-align:top;
}
.reason-box dt{
	text-align:center;
	padding:0 0 20px;
	font-size:20px;
	font-size:2.0rem;
}
.reason-box dt span{
	display:block;
	padding:15px 0 25px;
}
.reason-box dt span.txt{
	padding:15px 0 5px;
	color:#B2B6B6;
	font-size:30px;
	font-size:3.0rem;
}
.reason-box dt span.txt span.small{
	display:inline-block;
	font-size:15px;
	font-size:1.5rem;
}
.reason-box dd p{
	padding-bottom:20px !important;
}

dl.color-list{
	margin-top:-5px;
	padding:0 0 50px;
}
dl.color-list dt{
	text-align:left;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}
dl.color-list dt:before{
	content:"●";
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	padding-right:3px;
	vertical-align:middle;
}
dl.color-list dd{
	line-height:1.5;
}
dl.color-list dt.silver{
	color:#B2B6B6;
}
dl.color-list dt.indigo{
	color:#00397F;
}
dl.color-list dt.marine{
	color:#538CD8;
}
dl.color-list dt.sky{
	color:#9EC5F0;
}

dl.color-list dd+dt{
	padding-top:15px;
}

/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
	.reason-box dl{
		width:100%;
		margin-top: 30px;
		padding: 0;
	}
	.reason-box dt span {
		padding-bottom: 0;
	}
	dl.color-list {
		margin-top: 0;
		margin-bottom: 40px;
	}
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.reason-sec h1 {
		width: 50%;
		max-width: 384px;
		margin: 0 auto;
	}
	.btn-logo {
		display: block;
	}
	.btn-logo p {
		padding-bottom: 0;
	}
	.btn-logo a {
		margin: 0 auto 5px;
	}
}