@charset "utf-8";

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


/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

#PageTtl {
	height: 300px;
	background:none;
	padding-top:40px;
	padding-bottom:40px;
}

.inner-navi02 li {
	width: auto;
	margin-right: 12px;
}


/*----------------------------------------------------------------------
	.sec-inner
----------------------------------------------------------------------*/

.reason-sec .sec-inner{
	padding:0 0 20px;
	border-bottom:3px solid #F2F6F9;
	position:relative;
}
.reason-sec h2{
	padding:50px 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;
}
.reason-sec p.img{
	width:auto !important;
	padding:0 !important;
}

.reason-box{
	display: flex;
	justify-content: center;
	font-size:14px;
	font-size:1.4rem;
	box-sizing:border-box;
	flex-wrap: wrap;
}
.reason-box dl {
	width: 32%;
	margin: 1%;
}
.reason-box dt{
	text-align:center;
	padding:0 0 20px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
.reason-box dt span{
	display:block;
	padding:0 0 25px;
}
.reason-box dt .local{
	padding-top:15px
}
.reason-box dd p{
	padding-bottom:20px !important;
	text-align:left !important;
}



.btn-logo{
	padding-bottom:50px !important;
	text-align:center;
	line-height:2;
	overflow:hidden;
}
.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:236px;
	background:#FFF;
	display:block;
	margin:0 auto;
	padding:16px 0 14px;
	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
--------------------------------------------------*/



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

#Sec02 h2{
	padding-top:50px;
}

/* #Sec03
--------------------------------------------------*/

#Sec03 h2{
	padding-top:50px;
	text-align:center;
}
#Sec03 p{
	text-align:center;
}
#Sec03 p.img{
	margin:0 0 -20px;
}

/* #Sec04
--------------------------------------------------*/

#Sec04 .sec-inner{
	font-size:0;
	border-bottom:none;
}
#Sec04 h2{
	padding-top:50px;
	text-align:center;
}
#Sec04 p{
	padding-bottom:50px;
	text-align:center;
}


/* #Sec05
--------------------------------------------------*/

#Sec05{
	background:#F2F6F9;
}
#Sec05 .sec-inner{
	border-bottom:none;
}
#Sec05 h2{
	padding-top:80px;
	padding-bottom:30px;
	text-align:center;
	line-height:1;
}
#Sec05 h2 span{
	background:#F2F6F9;
	padding:0 40px;
}
#Sec05 h2:after{
	display:block;
	content:"■";
	margin-top:-18px;
	border-top:3px solid #96AEBC;
	text-indent:-9999em;
}

#Sec05 p{
	text-align:center;
}

/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
	#PageTtl {
		height: auto;
		padding: 0;
	}
	.reason-box dl {
		width: 40%;
	}
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.reason-sec h2 {
		font-size: 2rem;
	}
	.reason-box dl {
		width: 100%;
		margin: 1% auto;
	}
	#Sec05 h2:after {
		content: none;
	}
	#Sec05 h2 span {
		padding: 0;
		background: none;
	}
}



