@media screen and (min-width: 769px){#page_flow nav.type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:35px}#page_flow nav.type div{position:relative;width:482px;height:95px;background-size:20px;background-repeat:no-repeat;background-position:center bottom 14px;border-radius:12px}#page_flow nav.type .introduce{border:solid 4px #3dc2e7;background-image:url(../images/common/mark_tri-bm-bl2.png);-webkit-box-sizing:border-box;box-sizing:border-box}#page_flow nav.type .temp{border:solid 4px #ff455b;background-image:url(../images/common/mark_tri-bm-rd2.png);-webkit-box-sizing:border-box;box-sizing:border-box}nav.type div p{position:absolute;top:20%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:100%;text-align:center;font-size:24px;font-weight:bold}#page_flow nav.type div.introduce p{color:#3dc2e7}#page_flow nav.type div.temp p{color:#ff455b}span.small1{font-size:85%}span.small2{font-size:80%}span.small3{font-size:75%}#page_flow section:not(#top){margin-bottom:50px;padding-bottom:50px}#page_flow h3{font-size:30px;color:#fff;text-align:center;padding:20px 0;margin-bottom:25px}#page_flow article{width:900px;background:#fff;margin:auto;padding:20px 30px 30px}#page_flow article .titleWrap{display:-webkit-box;display:-ms-flexbox;display:flex}#page_flow article .step{width:100px;color:#3dc2e7;font-size:30px;font-weight:bold;letter-spacing:.1em;margin-right:15px}#page_flow article .step-tit{font-size:30px;margin-bottom:10px}#page_flow article p.step-text{line-height:2}#page_flow article.step1 a.btn-entry{display:block;text-align:center;margin:20px 0 10px}#page_flow .next{text-align:center;margin:10px auto;width:55px;height:56px;background-repeat:no-repeat;background-position:center}#introduce{background-color:#cef0f9}#introduce h3{background-color:#3dc1e7}#introduce .next{background-image:url(../images/common/icon_arrow-bm-bl.png)}#introduce span.step{color:#3dc3e8}#temp{background-color:#fdf1e5}#temp h3{background-color:#f96678}#temp .next{background-image:url(../images/common/icon_arrow-bm-rd.png)}#temp article .step{color:#ff465b}}@media screen and (max-width: 768px){#page_flow{width:100%;margin:auto}#top{width:90%;margin:auto}#top p.pagetop-text{margin-bottom:20px}#top nav.type{width:100%;margin-bottom:25px}#top nav.type div{position:relative;width:100%;height:5.2em;background-size:15px;background-repeat:no-repeat;background-position:center bottom 10px;border-radius:12px;margin-bottom:10px}#top nav.type .introduce{border:solid 4px #3dc2e7;background-image:url(../images/common/mark_tri-bm-bl2.png);-webkit-box-sizing:border-box;box-sizing:border-box}#top nav.type .temp{border:solid 4px #ff455b;background-image:url(../images/common/mark_tri-bm-rd2.png);-webkit-box-sizing:border-box;box-sizing:border-box}#top nav.type div p{position:absolute;top:20%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:100%;text-align:center;font-size:20px;font-weight:bold}#top nav.type div.introduce p{color:#3dc2e7}#top nav.type div.temp p{color:#ff455b}span.small1{font-size:80%}span.small2{font-size:75%}span.small3{font-size:70%}span.small4{font-size:50%}#page_flow section:not(#top){padding-bottom:50px}#page_flow h3{font-size:8.5vw;line-height:1;color:#fff;text-align:center;padding:15px 0;margin-bottom:25px}#page_flow article{width:90%;background:#fff;margin:auto;padding:15px 0}#page_flow article .titleWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:90%;margin:auto}#page_flow article .step{width:29%;color:#3dc2e7;font-size:22px;font-weight:bold;letter-spacing:.1em}#page_flow article .step-tit{width:71%;font-size:22px;margin:auto;margin-bottom:10px}#page_flow article p.step-text{width:90%;line-height:1.8;margin:auto}#page_flow article.step1 a.btn-entry{display:block;text-align:center;margin:20px 0 10px}#page_flow article.step1 a.btn-entry img{width:90%}#page_flow .next{text-align:center;margin:10px auto;width:40px;height:41px;background-size:40px 41px;background-repeat:no-repeat;background-position:center}#introduce{background-color:#cef0f9;margin-bottom:50px}#introduce h3{background-color:#3dc1e7}#introduce .next{background-image:url(../images/common/icon_arrow-bm-bl.png)}#introduce span.step{color:#3dc3e8}#temp{background-color:#fdf1e5}#temp h3{background-color:#f96678;font-size:7.5vw;padding:27px 0}#temp .next{background-image:url(../images/common/icon_arrow-bm-rd.png)}#temp article .step{color:#ff465b}}