.topTitle{font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:900;font-size:30px;text-align:center;color:#000;line-height:180%;position:relative;padding:0 0 100px}@media screen and (max-width: 768px){.topTitle{font-size:20px;font-weight:bold;padding:0 0 20px}}.topTitle img{position:relative;top:10px}@media screen and (max-width: 768px){.topTitle img{top:5px;width:250px;height:auto}}.top1{background:url("../images/content/top_bg.webp") no-repeat center;text-align:center;padding:100px 20px;line-height:300%;font-size:18px}.no-webp .top1{background:url("../images/content/top_bg.png") no-repeat center}@media screen and (max-width: 768px){.top1{line-height:200%;font-size:15px;padding:30px 10px;background-image:none;position:relative}.top1:after{content:"";width:100%;height:100%;opacity:0.5;position:absolute;top:0;left:0;background:url("../images/content/top_bg.webp") no-repeat center;background-size:150%}.no-webp .top1:after{background:url("../images/content/top_bg.png") no-repeat center}}.bnrBox{background-color:#fef4e3;padding:50px 0}@media screen and (max-width: 768px){.bnrBox{padding:30px 0 0}}.bnrBox .inner{position:relative}.bnrBox .title{font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:30px;font-weight:900;text-align:center;color:#424142}@media screen and (max-width: 768px){.bnrBox .title{font-size:20px}}.bnrBox .title span{color:#e61d35;font-size:50px}@media screen and (max-width: 768px){.bnrBox .title span{font-size:30px}}.bnrBox .btnBox{display:flex;justify-content:center;flex-wrap:wrap;width:820px;margin:0 auto;padding:30px 0 0 0}@media screen and (max-width: 820px){.bnrBox .btnBox{width:100%;padding:20px 5px}}.bnrBox .btnBox .btn{width:360px;font-size:20px}@media screen and (max-width: 820px){.bnrBox .btnBox .btn{width:48%;font-size:14px}}.bnrBox .btnBox .btn a{padding:20px}@media screen and (max-width: 768px){.bnrBox .btnBox .btn a{padding:10px 0}.bnrBox .btnBox .btn a span{display:none}}.bnrBox .btnBox .btn:last-child{text-align:center;position:relative;width:360px;margin:0 auto}.bnrBox .btnBox .btn:last-child a{position:relative;display:block;background-color:#ea982d;color:#FFF !important;border-radius:10px;padding:10px 30px 8px;font-weight:700;border:2px solid #ea982d}@media screen and (max-width: 768px){.bnrBox .btnBox .btn:last-child a{padding:7px 30px 5px;font-size:12px}}.bnrBox .btnBox .btn:last-child a:after{content:"";position:absolute;top:50%;right:20px;width:7px;height:7px;border-top:3px solid #FFF;border-right:3px solid #FFF;-webkit-transform:translate(0%, -50%) rotate(45deg);-moz-transform:translate(0%, -50%) rotate(45deg);-ms-transform:translate(0%, -50%) rotate(45deg);-o-transform:translate(0%, -50%) rotate(45deg);transform:translate(0%, -50%) rotate(45deg)}.bnrBox .btnBox .btn:last-child a:hover{opacity:1;background-color:#FFF;border:2px solid #ea982d;color:#ea982d !important}.bnrBox .btnBox .btn:last-child a:hover:after{border-color:#ea982d}@media screen and (max-width: 820px){.bnrBox .btnBox .btn:last-child{width:48%}}.bnrBox .btnBox .btn:last-child a{padding:20px}@media screen and (max-width: 768px){.bnrBox .btnBox .btn:last-child a{padding:10px 0}}.bnrBox .inBox{display:flex;justify-content:center;flex-wrap:wrap;padding:30px 0 0 0}@media screen and (max-width: 768px){.bnrBox .inBox{padding:30px 0}}.bnrBox .inBox a{margin:0 20px}.bnrBox .img1,.bnrBox .img2{position:absolute}.bnrBox .img1{left:80px;top:-90px}@media screen and (max-width: 768px){.bnrBox .img1{left:15px;top:-60px;width:45px;height:auto}}.bnrBox .img2{right:95px;top:-40px}@media screen and (max-width: 768px){.bnrBox .img2{right:15px;top:-60px;width:45px;height:auto}}.top2{padding:100px 0 50px}@media screen and (max-width: 768px){.top2{padding:50px 20px}}.top2 .inBox{border:4px solid #ea982d;border-radius:20px;position:relative;padding:100px 50px 50px;margin:30px 0 100px}@media screen and (max-width: 768px){.top2 .inBox{padding:50px 20px 0;margin:30px 0 50px}}.top2 .inBox h3{font-size:24px;font-weight:bold;position:absolute;top:-52px;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background-color:#ea982d;border:4px solid #FFF;border-radius:20px;padding:30px 100px;color:#FFF}@media screen and (max-width: 768px){.top2 .inBox h3{top:-32px;padding:15px;font-size:16px;width:90%;text-align:center}}.top2 .inBox.type2{border-color:#4594d1}.top2 .inBox.type2 h3{background-color:#4594d1}.top2 .inBox .slide_box{display:flex;justify-content:flex-start;flex-wrap:wrap}.top2 .inBox .slide_box .in{width:20%;margin:0 0 30px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 768px){.top2 .inBox .slide_box .in{width:50%;margin:0 0 10px}}.top2 .inBox .slide_box .in .imgBox{background-color:#E3E3E3;border-radius:50%;overflow:hidden;width:180px;height:180px}@media screen and (max-width: 768px){.top2 .inBox .slide_box .in .imgBox{width:160px;height:160px}}.top2 .inBox .slide_box .in p{width:100%;padding:10px 20px;font-size:14px}.top3{background-color:#fef4e3;padding:100px 0}@media screen and (max-width: 768px){.top3{padding:30px 20px}}.top3 .inBox{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 768px){.top3 .inBox{justify-content:center}}.top3 .inBox .in{text-align:center}@media screen and (max-width: 768px){.top3 .inBox .in{width:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start;padding:15px 0}}.top3 .inBox .in .step{font-family:'M PLUS Rounded 1c',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:22px;font-weight:900;padding:0 0 30px}@media screen and (max-width: 768px){.top3 .inBox .in .step{padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:20px}}.top3 .inBox .in .step span{font-size:40px;color:#ea982d}@media screen and (max-width: 768px){.top3 .inBox .in .step span{font-size:24px}}.top3 .inBox .in .icon{width:180px;height:180px;background-color:#ea982d;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 0 20px;position:relative}@media screen and (max-width: 768px){.top3 .inBox .in .icon{width:80px;height:80px;padding:20px;margin:0 0 0 20px}}.top3 .inBox .in .icon:before,.top3 .inBox .in .icon:after{content:"・・・";position:absolute;top:50%;right:-130px;color:#d1d1d1;font-weight:bold;font-size:40px;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}@media screen and (max-width: 768px){.top3 .inBox .in .icon:before,.top3 .inBox .in .icon:after{display:none}}.top3 .inBox .in .icon:before{right:-150px}.top3 .inBox .in .icon.last:before,.top3 .inBox .in .icon.last:after{display:none}.top3 .inBox .in p{font-size:20px;color:#5d4320}@media screen and (max-width: 768px){.top3 .inBox .in p{width:40%;font-size:14px;display:flex;justify-content:center;align-items:center;padding:0;text-align:left}}.top4{padding:100px 0}@media screen and (max-width: 768px){.top4{padding:50px 20px 20px}}.top4 .inner{width:800px}@media screen and (max-width: 800px){.top4 .inner{width:100%}}.top4 .inner .inBox{display:flex;justify-content:center;flex-wrap:wrap}.top4 .inner .inBox .in{display:flex;justify-content:center;flex-wrap:wrap;text-align:center;width:25%;padding:0 0 30px}@media screen and (max-width: 768px){.top4 .inner .inBox .in{width:33%}}.top4 .inner .inBox .in div{width:130px;height:130px;border:2px solid #c5c5c5;border-radius:10px;display:flex;justify-content:center;align-items:center;line-height:0}@media screen and (max-width: 768px){.top4 .inner .inBox .in div{width:80%;height:80px;padding:20px}}.top4 .inner .inBox .in p{width:100%;padding:10px 0 0 0;font-size:15px}@media screen and (max-width: 768px){.top4 .inner .inBox .in p{font-size:12px;padding:5px 0 0 0}}.top5{padding:100px 0}@media screen and (max-width: 768px){.top5{padding:30px 20px}}.top5 .inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.top5 .inner div{padding:0 150px 0 30px}@media screen and (max-width: 768px){.top5 .inner div{padding:20px 0 0 0}}.top5 .inner h3{font-size:26px;padding:0 0 30px}@media screen and (max-width: 768px){.top5 .inner h3{font-size:20px;text-align:center}}.top5 .inner p{font-size:14px;text-align:center}@media screen and (max-width: 768px){.top5 .inner p{text-align:left}}