@charset "utf-8";
.toiawaseTopBox{max-width:1000px;margin:0 auto 20px;}
.toiawaseTopBox p.tfLink{padding:0;font-size:0.9375em;line-height:20px;}
#free{margin-bottom:20px;}
#fbox{max-width:1000px;margin:0 auto;}
#fbox iframe{width:100%;margin:0;border:none;}
h3.formTitle{margin-bottom:20px;font-size:1.25em;}
#step{display:block;min-width:290px;max-width:1000px;margin:0 auto 45px;padding:0 0 1px;overflow:hidden;}
#step li{float:left;margin:1px;text-align:center;transform:skew(-20deg);}
#step li{width:34%;}
#step li:nth-child(1){margin-left:-1.2%;}
#step li:nth-child(3){margin-right:-3%;}
#step.step4 li{width:25.6%;}
#step.step4 li:nth-child(3){margin-right:1px;}
#step.step4 li:nth-child(4){margin-right:-3%;}
#step li span{display:inline-block;height:19px;margin:16px 0;line-height:20px;transform:skew(20deg);}
#step li span.css3{zoom:1;position:relative;margin-right:10px;padding:1px 8px;border-radius:15px!important;font-size:0.875em;}
#step li br{display:none;}
#step li span.pc_txt,
#step li span.sp_txt{font-size:0.9375em;}
@media screen and (max-width:999px){
.toiawaseTopBox,
#fbox{margin:0 15px 20px;}
#step{margin:0 15px 50px;}
#step li:nth-child(2){border-right:solid 1px #fff;border-left:solid 1px #fff;}
#step.step4 li:nth-child(3){border-right:solid 1px #fff;}
}
@media screen and (max-width:769px){
#step{text-align:center;}
#step li:nth-child(1),#step li{width:33.2%;padding:9px 0 6px;margin-right:0;text-align:center;line-height:normal;transform:skew(0deg);box-sizing:border-box;}
#step.step4 li:nth-child(1),#step.step4 li{width:25%;margin:0;}
#step li:nth-child(1){margin-left:0;}
#step li:nth-child(3){margin-right:0;}
#step.step4 li:nth-child(3),#step.step4 li:nth-child(4){margin-right:0;}
#step li span{margin:0;transform:skew(0deg);}
#step li span.css3{margin:0;border-radius:10px !important;}
#step li span.pc_txt{display:none;}
#step li span.sp_txt{display:block;padding-top:5px;}
#step li br{display:block;}
}
@media screen and (max-width:569px){#step li:first-child,#step li{width:33.1%;}
}
.nortice,.option{float:left;padding:2px 6px 0;margin-right:5px;font-size:0.875em;font-weight:normal;}
.nortice{background:#e73a33;color:#fff;}
.option {background:#dadbdb;color:#231815;}
#catalog{margin-bottom:40px;}
#catalog h4{padding-bottom:2px;margin-bottom:20px;}
#catalog ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-bottom:40px;}
#catalog li{width:100%;margin-bottom:20px;}
#catalog li h5{margin-bottom:10px;}
#catalog li .thumb{width:200px;margin-bottom:15px;}
#catalog li .thumb img{display:block;width:100%;height:auto;}
#catalog li p{font-size:0.875em;}
#catalog .btn{width:200px;margin:0 auto;}
#catalog .btn input{width:100%;padding:9px;cursor:pointer;box-sizing:border-box;font-size:1.0em;}
@media screen and (min-width:400px){#catalog li .thumb{float:left;width:120px;margin-right:20px;}
}
@media screen and (min-width:500px){#catalog li .thumb{width:150px;}
}
@media screen and (min-width:700px){#catalog li{width:48%;}
#catalog li:nth-child(odd){margin-right:4%;}
}
@media screen and (min-width:1000px){#catalog li .thumb{width:200px;}
}
.thanks{padding:40px 0 100px;}
.thanks p{font-size:0.9375em;text-align:center;}
.tfBox dl{display:block;padding:30px 0;}
.tfBox dl dt{font-size:1.3125em;}
.tfBox dl dd .lst{font-size:0.9375em;}
.tfBox dl dd .tit{font-size:1.625em;vertical-align:sub;}
.tfBox dl dd .number{font-size:2.0em;vertical-align:sub;}
@media screen and (min-width:400px){.tfBox dl dd .number{font-size:2.5em;}
.tfBox dl dd .tit{font-size:1.875em;}
}
@media screen and (min-width:800px){
.tfBox dl{padding:50px 0;}
.tfBox dl dt{float:left;display:inline-block;min-width:400px;padding:15px 0;}
.tfBox dl dd{float:left;display:inline-block;}
}
#sitemap{width:100%;margin-bottom:80px;border-collapse:separate;border-spacing:0;}
#sitemap th,#sitemap td{border-top:2px solid #fff;box-shadow:0px -2px 0px 0px #fff inset;text-align:left;}
#sitemap span,#sitemap a.pt{display:block;padding:10px 15px 10px 30px;line-height:20px;}
#sitemap td li:not(:last-child){margin-bottom:10px;}
@media screen and (max-width:599px){#sitemap table,#sitemap tbody,#sitemap tr,#sitemap th,#sitemap td{display:block;}
#sitemap td.none{display:none;}
#sitemap th br{display:none;}
}
@media screen and (min-width:600px){#sitemap{border-top:none!important;}
#sitemap th{width:30%;}
#sitemap td{width:70%;}
}