@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------
agreement
----------------------------------------------------------*/
.block_agreement01 .lead01{
font-size: 1.6rem;
line-height: 1.8;
margin: 0 0 40px;
}
.block_agreement01 .block01 + .block01{
margin-top: 60px;
}
.block_agreement01 .block01 .box01 + .box01{
margin-top: 40px;
}
.block_agreement01 .block01 .title01{
background: var(--color_blue01);
color: #fff;
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 20px;
padding: 10px 20px 8px;
}
.block_agreement01 .block01 .title02{
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 10px;
}
.block_agreement01 .block01 .text01{
font-size: 1.6rem;
line-height: 1.8;
word-break: break-all;
}
.block_agreement01 .block01 .list01 > li{
font-size: 1.6rem;
line-height: 1.8;
word-break: break-all;
padding: 0 0 0 20px;
position: relative;
}
.block_agreement01 .block01 .list01 > li::before{
content: "・";
position: absolute;
left: 0;
top: 0;
}
.block_agreement01 .block01 .list02 > li{
margin: 0 0 20px;
display: flex;
}
.block_agreement01 .block01 .list02 > li:last-child{
margin-bottom: 0;
}
.block_agreement01 .block01 .list02 > li .num{
width: 50px;
font-size: 1.6rem;
line-height: 1.8;
}
.block_agreement01 .block01 .list02 > li .txt01{
width: calc(100% - 50px);
font-size: 1.6rem;
line-height: 1.8;
}
.block_agreement01 .block01 .text01 + .text01,
.block_agreement01 .block01 .text01 + .list01,
.block_agreement01 .block01 .text01 + .list02{
margin-top: 20px;
}
.block_agreement01 .block01 .text01 a,
.block_agreement01 .block01 .list01 > li a,
.block_agreement01 .block01 .list02 > li a{
color: var(--color_blue03);
text-decoration: underline;
display: inline;
}
@media (max-width: 768px){
.block_agreement01 .lead01{
font-size: 1.4rem;
margin: 0 0 3.0rem;
}
.block_agreement01 .block01 + .block01{
margin-top: 4.0rem;
}
.block_agreement01 .block01 .box01 + .box01{
margin-top: 3.0rem;
}
.block_agreement01 .block01 .title01{
font-size: 1.4rem;
margin: 0 0 20px;
padding: 0.7rem 1.0rem 0.5rem;
}
.block_agreement01 .block01 .title02{
font-size: 1.4rem;
margin: 0 0 1.0rem;
}
.block_agreement01 .block01 .text01{
font-size: 1.4rem;
}
.block_agreement01 .block01 .list01 > li{
font-size: 1.4rem;
padding: 0 0 0 1.5rem;
}
.block_agreement01 .block01 .list02 > li{
margin: 0 0 20px;
display: flex;
}
.block_agreement01 .block01 .list02 > li .num{
width: 4.0rem;
font-size: 1.4rem;
}
.block_agreement01 .block01 .list02 > li .txt01{
width: calc(100% - 4.0rem);
font-size: 1.4rem;
}
.block_agreement01 .block01 .text01 + .text01,
.block_agreement01 .block01 .text01 + .list01,
.block_agreement01 .block01 .text01 + .list02{
margin-top: 1.5rem;
}
}

.block_agreement02 .lead01{
font-size: 1.6rem;
line-height: 1.8;
margin: 0 0 40px;
}
.block_agreement02 .block01 .list01{
background: var(--color_gray01);
border-radius: 10px;
padding: 30px 40px;
}
.block_agreement02 .block01 .list01 > li{
font-size: 1.6rem;
margin: 0 0 20px;
}
.block_agreement02 .block01 .list01 > li:last-child{
margin-bottom: 0;
}
.block_agreement02 .block01 .list01 > li span{
font-weight: bold;
margin: 0 20px 0 0;
display: inline-block;
}
.block_agreement02 .block01 .list01 > li a{
color: var(--color_blue03);
text-decoration: underline;
}
@media (max-width: 768px){
.block_agreement02 .lead01{
font-size: 1.4rem;
margin: 0 0 3.0rem;
}
.block_agreement02 .block01 .list01{
border-radius: 0.5rem;
padding: 2.0rem;
}
.block_agreement02 .block01 .list01 > li{
font-size: 1.4rem;
margin: 0 0 1.5rem;
}
.block_agreement02 .block01 .list01 > li span{
margin: 0 0 0.5rem;
display: block;
}
}