@charset 'utf-8';
/*
 * name:user-guide.css
 * author:Chanrotana
*/

/* company-profile
------------------------------------------------ */
#page--title{ margin-bottom: 70px; }
.user-guide__desc { max-width: 880px; margin: 0 auto; }
.user-guide__desc dt{ padding:16.5px 76px 16.5px 50px; font-size: 1.8rem; font-weight: 600; letter-spacing: 0.04em; line-height: 1.5; color:#fff; cursor: pointer; background:url(../../img/share/pg_arrow_dw.png) no-repeat calc(100% - 50px) center / auto 12px;  background-color: #011e41; }
.user-guide__desc dt.on{ background-image: url(../../img/share/pg_arrow_up.png); }
.user-guide__desc dt:not(:nth-child(-n+1)){ margin-top: 32px; }
.user-guide__desc dd{ display: none; padding:35px 50px 53px; }
.user-guide__desc dd p{ font-size: 1.6rem; letter-spacing: 0.024em; line-height: 1.87; }
.user-guide__desc dd p b{ display: block; font-weight: 600; }
.user-guide__desc dd p+p{ margin-top: 30px; }
.user-guide__desc a{ text-decoration: underline; color:#011e41; }
.user-guide__desc a:hover{ text-decoration: none; }

/* responsive style 
------------------------------------------------ */
@media screen and (max-width: 768px) {
	#page--title{ margin-bottom: 30px; }
	.user-guide__desc dt{ padding:8px 30px 8px 12px; font-size: 1.3rem; letter-spacing: 0.032em; line-height: 1.92; background-size: auto 6px; background-position: calc(100% - 15px) center; }
	.user-guide__desc dt:not(:nth-child(-n+1)){ margin-top: 16px; }
	.user-guide__desc dd{ padding:25px 12px 10px; }
	.user-guide__desc dd p{ font-size: 1.3rem; line-height: 1.5; }
	.user-guide__desc dd p+p{ margin-top: 20px; }
}