@charset "UTF-8";

/*------------------------------

共通

------------------------------*/
#hero .page-navi {
    max-width: 988px;
    margin: 40px auto 80px;
}
section{
    margin-top: -180px;
    padding-top: 180px;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
    #hero .page-navi {
        margin: 20px auto 80px;
    }
	section {
		margin-top: -100px;
		padding-top: 100px;
    }
}

section .list{
	text-align: left;
	margin:  0 0 30px;
}
section .list .ttl{
    font-size: 18px;
    color: #595757;
	padding-bottom: 20px;
}
.detail{
	border-bottom: dashed 1px #b8b8b8;
	padding-bottom: 30px;
}
.detail dt {
    width: 25%;
}
.detail dd {
    margin-left: 25%;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
	section .list .ttl{
		font-size: 16px;
	}
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	section .list{
		width: 85%;
		margin: 0 auto 30px;
	}
	.detail dt {
		width: 100%;
	}
	.detail dd {
		margin-left: 0;
	}
}