@charset "UTF-8";
/** 
 * Zenlogic サポートサイト
 * 
 * Zenlogicへの移行サポート
 *「関連マニュアル/各種情報」ページスタイル　/support/migration/guide/css/index.css
 *  
 */
 
 
/*-------------------------------------------------------------------------- 
    overwrirte
---------------------------------------------------------------------------*/

.sec p{
	font-size:14px;
	font-size:1.4rem;
}
.sec-inner > p{
	line-height:1.8;
}

/*-------------------------------------------------------------------------- 
    .guide-contents
---------------------------------------------------------------------------*/

.guide-contents {
	padding:0 0 60px;
}

.guide-detail h3 a{
	background:url(/rentalserver/support/shared/images/bg_btn_link04_active.png) no-repeat 0 0;
	padding:6px 0 6px 40px;
	display:block;
	vertical-align:middle;
}


.guide-detail ul{
	background:#F3F5F8;
    width: 317px;
    margin: 0 10px 30px 0;
    padding: 25px;
    display: block;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    border-radius: 10px;
    transition: all 0.2s ease 0s;
    -moz-transition: all  0.2s ease 0s;
    -webkit-transition: all  0.2s ease 0s;
    -o-transition: all  0.2s ease 0s;
    -ms-transition: all  0.2s ease 0s;
	display:inline-block;
	vertical-align:top;
}
.guide-detail ul.purpose:nth-child(3n+2){
	margin-right:0;
}
.guide-detail ul.purpose li{
	font-size:14px;
	font-size:1.4rem;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.guide-detail ul.purpose li+li{
	margin:5px 0 0;
}


.guide-detail ul.purpose.wide{
	width:980px;
}
.guide-detail ul.purpose.wide li{
	width:400px;
	display:inline-block;
}

/* .user-guide
--------------------------------------------------*/
.user-guide {
	width:980px;
	overflow:hidden;
}
.user-guide .triplebox {
	background:#FFF url(/rentalserver/support/images/bg_link_user.png) no-repeat right 0 bottom 0;
    border: 2px solid #BDD3E8;
    -ms-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    transition:all 0.2s ease 0s;
	margin-bottom: 40px;
}
.user-guide + h3{
	margin-top:40px;
}
.user-guide .triplebox:hover {
    background-color:#F3F5F8;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);
    border-color: #1bb1e7;
}
.user-guide .triplebox:hover * {
    text-decoration: none;
}
.box-vertical-inner {
    display: inline-block;
    width: 100%;
	min-height:195px;
    margin: 0 auto;
    padding:20px 30px;
    color: #1A3441;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.user-guide i.ico-index.ico-index{
    display: block;
    margin: 0 auto;
}
.user-guide a:hover {
    text-decoration: none;
} 
.user-guide a .navi-text {
    padding: 5px 0;
    text-align: center;
	line-height:1.2;
    font-size: 18px;
    font-size: 1.8rem;
}
.user-guide a .txt {
    padding: 0;
    text-align: center;
	line-height:1.5;
    font-size: 13px;
    font-size: 1.3rem;
}
.user-guide a * {
    text-decoration: none;
}

/*-------------------------------------------------------------------------- 
    icons
---------------------------------------------------------------------------*/
.ico50 {
    display:block;
	margin-top:20px;
}
.ico50.ico-startup-switch {
	background-position:-650px -49px;
}

/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
	.user-guide {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.triplebox {
		width: 49%;
		margin: 0.5%;
	}
	.triplebox:nth-child(3n) {
		margin-right: auto;
	}
	.user-guide .triplebox {
		margin-bottom: 20px;
	}
	.box-vertical-inner {
		min-height: auto;
		padding: 20px 10px;
	}
	.user-guide a .navi-text {
		font-size: 1.6rem;
	}
	.user-guide a .txt {
		font-size: 1.2rem;
	}
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
}