@charset "UTF-8";


/*   Main -------------------------------------------    */
main { max-width: 1000px; }

main article {
margin: 0 auto;
width: 90%;
}
main section {
margin:0 auto;
padding:2% 0 5%;
}
main section h2 {
margin-bottom: 1.5em;
font-size: 2rem;
font-weight: 500;
}
main section p {
padding-bottom: 1%;
font-size: 1.4rem;
line-height: 2.5;
}

main section .logo_gift10 {
margin:15% auto 10%;
display:block;
text-align: center;
}
main section .logo_gift10::before {
margin:-50px 0 0 0;
display: inline-block;
content:" ";
width:120px;
height:90px;
background:url( /assets/img/logo_gift10.png) no-repeat center left;
background-size:contain;
vertical-align:middle;
}
main section .logo_gift10 p {
display: inline-block;
margin: 0;
font-size: 1.1rem;
text-align: center;
line-height: 1.7;
}


main section h3 {
margin: 0;
padding: 5px 0;
font-size: 1.8rem;
font-weight: 500;
border-bottom: solid 3px #000;
overflow: hidden;
}
main section h3 span {
padding-top: .25em;
font-size: 1.2rem;
font-weight: 400;
float: right;
}
main section ul.list1 {
margin: 0;
padding:1% 0 3%;
}
main section ul.list1 li {
padding:14px 0;
overflow: hidden;
width: 100%;
border-bottom: solid 1px #999;
line-height: 1;
}
main section ul.list1 li p {
margin: 0;
padding: 0;
font-size: 1.5rem;
line-height: 1.4;
}
main section ul.list1 li p span {
 display: inline-block;
}
main section ul.list1 li p:first-of-type span:nth-of-type(2) {
 margin-left: .25em;
}
main section ul.list1 li p + p {
padding-top: .5em;
font-size: 1.2rem;
}
main section ul.list1 li p + p span:last-of-type {
 margin-left: 1em;

}




main .about {}
main .about dl {
margin: 0;
padding: 2em 0 8em;
width:100%;
overflow: hidden;
}
main .about dl dt ,
main .about dl dd {
margin: 0;
padding: 0 0 5%;
display: block;
float: left;
font-size: 1.4rem;
line-height: 1.8;
}

main .about dl dt {
clear: left;
width: 25%;
}
main .about dl dd {
width: 75%;
}

@media screen and ( min-width: 450px ){
main .about dl dt { width: 20%; }
main .about dl dd { width: 80%; }
}

@media screen and ( min-width: 600px ){
main .about dl dt { width: 15%; }
main .about dl dd { width: 85%; }
}

@media screen and ( min-width: 768px ){
main section ul.list1 li p {
float: left;
}
main section ul.list1 li p + p {
float: right;
padding-top: .2em;
}

main .about dl dt { width: 10%; }
main .about dl dd { width: 90%; }

}