@charset "utf-8";

/**************************************
* more-pages.css
**************************************/

main{
font-size:inherit;
line-height:inherit;
}

/* @group @c--more-contents */

.c--more-contents section{
max-width:72rem;
margin-right:auto;
margin-left:auto;
}

.c--more-contents section:not(:last-of-type){
margin-bottom:2.25rem;
}

.c--more-contents section:not(:first-of-type){
padding-top:calc(1.875rem - 1px);
border-top:1px solid hsl(220, 20%, 80%);
}

.c--more-contents h2{
font-size:calc(1rem + 1.375vw);
color:hsl(220, 10%, 20%);
}

.c--more-contents a{
color:hsl(205, 100%, 40%);
border-bottom:1px solid transparent;
transition:.25s all cubic-bezier(.6, .5, .5, .75);
}

.c--more-contents a:hover,
.c--more-contents a:focus{
color:hsl(205, 100%, 35%);
border-bottom-color:currentColor;
}

.c--more-contents ol{
counter-reset:li-number;
}

.c--more-contents ul>li:not(:last-of-type),
.c--more-contents ol>li:not(:last-of-type){
margin-bottom:.75rem;
}

.c--more-contents li>ul,
.c--more-contents li>li{
margin-top:.75rem;
}

.c--more-contents ul>li{
position:relative;
padding-left:1.25rem;
}

.c--more-contents ul>li:before{
content:'';
position:absolute;
top:.5rem;
left:.5rem;
width:.25rem;
height:.25rem;
background:hsl(358, 48%, 52%);
}

.c--more-contents ol>li{
position:relative;
padding-left:1.875rem;
}

.c--more-contents ol>li:before{
content:counter(li-number, decimal)'.';
counter-increment:li-number;
position:absolute;
top:0;
left:0;
width:1.5rem;
text-align:right;
color:hsl(220, 20%, 40%);
color:hsl(358, 48%, 52%);
}

@media (min-width:48em){

.c--more-contents h2{
font-size:1.5rem;
}

}

/* @end @c--more-contents */

/* @group @more-contact-list */

.more-contact-list{
padding:calc(.75rem - 1px);
background:hsl(220, 2.5%, 97.5%);
border:1px solid hsl(220, 20%, 80%);
}

.more-contact-list h3{
margin-bottom:.75rem;
font-size:inherit;
line-height:inherit;
}

.more-contact-list dl{
margin-bottom:0;
}


.more-contact-list dt{
margin-bottom:.375rem;
}

.more-contact-list dd{
margin-top:.375rem;
font-size:.75rem;
}

/* @end @more-contact-list */

/* @group @more-detail-list */

.more-detail-list:not(:last-of-type){
margin-bottom:.75rem;
}

.more-detail-list dt{
margin-bottom:.375rem;
color:hsl(220, 20%, 40%);
}

@media (min-width:48em){

.more-detail-list{
display:flex;
}

.more-detail-list dt{
flex-basis:11.25rem;
}

.more-detail-list dd{
overflow:hidden;
flex:1;
}

}

/* @end @more-detail-lists */

/* @group @c--terms-counter */

.c--terms-counter{
counter-reset:li-terms-couter;
}

.c--terms-counter h2{
position:relative;
display:flex;
}

.c--terms-counter h2:before{
content:'【'counter(li-terms-couter, decimal)'】';
counter-increment:li-terms-couter;
color:hsl(220, 20%, 40%);
}

/* @end @c--terms-counter */