*{margin:0;padding:0;box-sizing:border-box;}
body{line-height:1.6em;width:100%;color:#222;}

header{border-bottom:solid 3px #168af1;}
header .container{max-width:1100px;margin:0 auto;}
header h1{text-align:center;padding:20px;}
header .keirinjpLogo{display:inline-block;margin:10px 0 0 10px;}
header .keirinjpLogo img{width:200px;}
header .ctcLogo{display:inline-block;}
header .ctcLogo img{width:200px;}

main{margin:15px auto;max-width:1100px;padding:0 15px;}
main h2{margin-top:40px;border-bottom:3px solid #ccc;padding-bottom:10px;}

main .stepArea{margin:40px 0 0 0;padding:20px; box-sizing:border-box; background-color:#f0f0f0;}
main .stepArea p{margin:20px;font-weight:bold;font-size:24px;color:#168af1;line-height:1.6; text-align:center;}
main .stepArea .nestBlock{margin:0 auto;width:600px;}
main .stepDetail{margin:20px 0 60px;}
main .stepDetail li{list-style-type:none;font-size:24px;margin:20px; border-bottom:dotted 1px #333;}
main .stepDetail li span.icon{font-size:16px;margin-right:10px;display:inline-block;color:#fff;background-color:#168af1;padding:3px 10px;font-weight:bold;}
main .stepDetail li span{font-size:14px;}
main .btn a:link,
main .btn a:visited{text-decoration:none;color:#fff;background:#168af1;border-radius:15px;font-size:24px;padding:20px;
margin:20px auto ;display:block;width:300px;text-align:center;  transition: opacity 0.1s ease 0s; }
main .btn a:hover{opacity:0.7;}

main .cpInfo{display:flex;flex-wrap: wrap;}
main .cpInfo li{padding:10px 20px; background:#f0f0f0;margin:20px 20px 0 0;list-style-type:none; box-sizing:border-box;}
main .cpInfo li:nth-child(2n){margin-right:0;}
main dt{white-space: nowrap; border-top:dotted 1px #aaa; padding:5px 0 0; }
main dt:first-child{border-top:none;}
main dt:after{content:":";}
main dd{margin:-1.6em 0 5px 160px;width:320px; padding: 0;}

footer{border-top:solid 3px #168af1;margin-top:40px;}
footer .container{width:1100px;margin:0 auto;}
footer .footerLink {padding: 0 20px;margin:20px auto 0;text-align:center;}
footer .footerLink li{display:inline-block; border-left:1px solid #ccc; padding:0 20px; list-style-type:none;}
footer .footerLink li:last-child{ border-right:1px solid #ccc;}
footer .footerLink li a:link,a:visited{text-decoration:none;}
footer .footerLink li a:hover{text-decoration:underline;}
footer .copyright{text-align:center;margin:20px 0;}



/*=================*/
@media screen and (max-width: 768px) {

header .container{width:100%;margin:0 auto;}
header .keirinjpLogo{margin:20px 0 0 0;width:48%;text-align:right;}
header .keirinjpLogo img{width:150px;}
header .ctcLogo{width:48%;text-align:left;}
header .ctcLogo img{width:150px;}
header h1{font-size:24px;line-height:1.6;padding:15px 15px 15px 15px ;}

main{width:100%;padding:0 15px;}

main .stepArea{margin:30px 0 0 0;padding:20px;}
main .stepArea p{margin:20px 0;font-size:24px;}
main .stepArea .nestBlock{width:auto;}
main .stepDetail{margin:20px 0 40px;}
main .stepDetail li{text-align:center; margin:20px; border-bottom:none}
main .stepDetail li span.icon{width:100px;display:block; margin:0 auto 10px;}
main .btn a:link,
main .btn a:visited{width:auto; }

main .cpInfo{display:block;}
main .cpInfo li{margin:20px 0 0 0;}
main dt{padding:5px 0 0; font-weight:bold; }
main dd{margin:0 0 5px 0;width:auto;}
footer{margin-top:30px;}
footer .container{width:auto;margin:10px}
footer .footerLink {text-align:left;}
footer .footerLink li{display:block; border-left:none; padding:0; list-style-type:none;}
footer .footerLink li:last-child{ border-right:none;}
footer .footerLink li a:before{content:"> ";}
footer .copyright{font-size:14px;}
.nobr{display:inline-block;}
}