@charset "UTF-8";

/***************************************************

	contract

***************************************************/

.main_head{
	width: auto;
	padding-left: 0;
	padding-right: 0;
}

#breadcrumbs{
	width: 980px;
	margin: 0 auto;
}

h1 {
    font-size: 28px;
    color: #555;
    font-weight: bold;
    text-align: center;
	margin-bottom: 50px;
}

.contract_contwrapp{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 50px;
}

#contract_cont01.cont_box{
	padding: 50px 30px;
	box-sizing: border-box;
}

.caption{
	line-height: 1.8;
	padding: 30px;
    border: 1px solid #ececec;
	margin-bottom: 55px;
}

#contract_cont01 > ul{
	counter-reset: p_num 0;
	margin: 0 30px;
}

#contract_cont01 > ul > li{
	font-size: 20px;
	line-height: 1.4;
	padding-left: 113px;
	margin-bottom: 30px;
	position: relative;
}

#contract_cont01 > ul > li:last-child{
	margin-bottom: 0;
}

#contract_cont01 > ul > li::before{
	counter-increment: p_num 1;
	content: '第' counter(p_num,cjk-ideographic) '条';
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#contract_cont01 > ul > li p{
	font-size: 16px;
	margin-top: 0.5em;
}

#contract_cont01 > ul > li > ul{
	margin-top: 0.5em;
}

#contract_cont01 > ul > li > ul > li{
	font-size: 16px;
	position: relative;
	margin-bottom: 6px;
}

#contract_cont01 > ul > li strong{
	font-weight: normal !important;
}

#contract_cont01 > ul > li > ul > li:last-child{
	margin-bottom: 0;
}

#contract_cont01 > ul > li > ul.dot > li{
	padding-left: 1.3em;
}

#contract_cont01 > ul > li > ul.dot > li::before{
	content: '・';
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#contract_cont01 > ul > li > ul > li ul{
	margin-left: 1em;
	margin-top: 0.5em;
}

#contract_cont01 > ul > li > ul.num01{
	counter-reset: num01 0;
}

#contract_cont01 > ul > li > ul.num01 > li{
	padding-left: 38px;
	margin-bottom: 6px;
}

#contract_cont01 > ul > li > ul.num01 > li:last-child{
	margin-bottom: 0;
}

#contract_cont01 > ul > li > ul.num01 > li::before{
	counter-increment: num01 1;
	content: '(' counter(num01) ')';
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#contract_cont01 > ul > li > ul.num02{
	counter-reset: num02 0;
}

#contract_cont01 > ul > li > ul.num02 > li{
	padding-left: 23px;
	margin-bottom: 6px;
}

#contract_cont01 > ul > li > ul.num02 > li:last-child{
	margin-bottom: 0;
}

#contract_cont01 > ul > li > ul.num02 > li::before{
	counter-increment: num02 1;
	content: counter(num02) '.';
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#contract_cont01 > ul > li > ul.num03{
	counter-reset: num03 0;
}

#contract_cont01 > ul > li > ul.num03 > li{
	padding-left: 25px;
	margin-bottom: 6px;
}

#contract_cont01 > ul > li > ul.num03 > li:last-child{
	margin-bottom: 0;
}

#contract_cont01 > ul > li > ul.num03 > li::before{
	counter-increment: num03 1;
	content: counter(num03) '';
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	text-align: center;
	border: 1px solid #292929;
	border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
}


/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1080px){

#breadcrumbs{
	width: 90.740741vw;
}

h1 {
    font-size: 2.592593vw;
	margin-bottom: 4.629630vw;
}

.contract_contwrapp{
	width: 90.740741vw;
	padding: 0 0 4.629630vw;
}

#contract_cont01.cont_box{
	padding: 4.629630vw 2.777778vw;
}


.caption{
	padding: 2.777778vw;
	margin-bottom: 5.092593vw;
}

#contract_cont01 > ul{
	margin: 0 2.777778vw;
}

#contract_cont01 > ul > li{
	font-size: 1.851852vw;
	padding-left: 10.462963vw;
	margin-bottom: 2.777778vw;
}

#contract_cont01 > ul > li p{
	font-size: 1.481481vw;
}

#contract_cont01 > ul > li > ul > li{
	font-size: 1.481481vw;
	margin-bottom: 0.555556vw;
}


#contract_cont01 > ul > li > ul.num01 > li{
	padding-left: 3.518519vw;
	margin-bottom: 0.555556vw;
}

#contract_cont01 > ul > li > ul.num02 > li{
	padding-left: 2.129630vw;
	margin-bottom: 0.555556vw;
}

#contract_cont01 > ul > li > ul.num03 > li{
	padding-left: 2.314815vw;
	margin-bottom: 0.555556vw;
}

#contract_cont01 > ul > li > ul.num03 > li::before{
	width: 1.481481vw;
	height: 1.481481vw;
	line-height: 1.481481vw;
	font-size: 1.203704vw;
    top: 0.277778vw;
}




}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:414px){

#breadcrumbs{
	width: auto;
}

h1 {
    font-size: 4.8vw;
	margin-bottom: 5.333333vw;
}

.contract_contwrapp{
	width: auto;
	margin: 0 6%;
	padding: 6.933333vw 0;
}

#contract_cont01.cont_box{
	padding: 6.933333vw 6%;
}


.caption{
	padding: 3.733333vw;
	margin-bottom: 25px;
}

#contract_cont01 > ul{
	margin: 0;
}

#contract_cont01 > ul > li{
	font-size: 4.533333vw;
	padding-left: 0;
	margin-bottom: 4.266667vw;
	margin-left: 0;
    padding-top: 1.3em;
}

#contract_cont01 > ul > li::before {
	font-size: 3.733333vw;
}

#contract_cont01 > ul > li strong{
	display: inline-block;
	margin-left: 0;
}

#contract_cont01 > ul > li p{
	font-size: 3.733333vw;
}

#contract_cont01 > ul > li > ul > li{
	font-size: 3.733333vw;
	margin-bottom: 1.066667vw;
}


#contract_cont01 > ul > li > ul.num01 > li{
	padding-left: 10.133333vw;
	margin-bottom: 1.066667vw;
}

#contract_cont01 > ul > li > ul.num02 > li{
	padding-left: 5.6vw;
	margin-bottom: 1.066667vw;
}

#contract_cont01 > ul > li > ul.num03 > li{
	padding-left: 6.133333vw;
	margin-bottom: 1.066667vw;
}


#contract_cont01 > ul > li > ul.num03 > li::before{
	width: 3.733333vw;
	height: 3.733333vw;
	line-height: 3.733333vw;
	font-size: 2.933333vw;
    top: 1px;
}




}