html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{color:#333;text-decoration:none}a:hover{opacity:0.7}a:focus{outline:none}button{cursor:pointer}button:focus{outline:none}:root{font-size:62.5%}strong{font-weight:bold}html{overscroll-behavior:none}body{width:100%;overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;-webkit-text-size-adjust:100%;line-height:1.8;letter-spacing:0;color:#555;box-sizing:border-box;font-weight:400}main{overflow-x:hidden}header,footer{width:100%}h1,h2,h3,h4,h5,h6{font-weight:500}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:bottom;max-width:100%}input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;font:inherit;outline:none}textarea{resize:vertical}input[type='checkbox'],input[type='radio']{display:none}input[type='submit'],input[type='button'],label,button,select{cursor:pointer}select::-ms-expand{display:none}.Kozuka{font-family:'小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif}body{font-size:1.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){body{font-size:1.4rem}}@media only screen and (max-width: 767px){body{font-size:1.4rem}}article section#mainvisual h2{display:flex;align-items:center;justify-content:center;flex-direction:column}.container{max-width:1100px;margin-left:auto;margin-right:auto;padding:0 20px}@media only screen and (max-width: 767px){.container{padding:0 6vw;box-sizing:border-box}}.container[data-size="1130"]{max-width:1130px}.pc{display:block}@media only screen and (max-width: 767px){.pc{display:none}}.sp{display:none}@media only screen and (max-width: 767px){.sp{display:block}}.flex{display:flex;flex-wrap:wrap}.flex.between{justify-content:space-between}#modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;transition:0.3s}#modal.step2_modal .row_2{max-height:57px}#modal.step2_modal .row_3{max-height:96.9px}#modal.step2_modal .row_4{max-height:125.4px}#modal.step2_modal .modal_container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;min-height:380px;padding:30px}#modal.step2_modal .modal_container *{color:#FFF}#modal.step2_modal .modal_container #modal_title{text-align:center}#modal.step2_modal .modal_container #modal_title img{width:auto}#modal.step2_modal .modal_container .text_image{display:flex;flex-direction:column-reverse;padding-top:25px}#modal.step2_modal .modal_container .text_image #modal_text{display:block;max-width:320px;font-size:1.4rem;line-height:1.8}#modal.step2_modal .modal_container .text_image #modal_image{display:block;margin-left:auto;margin-right:auto;max-width:300px}#modal.step2_modal .modal_container .close{top:10px;right:10px}#modal.step2_modal .modal_container .close::after,#modal.step2_modal .modal_container .close::before{content:"";position:absolute;top:50%;left:50%;width:2px;height:30px;background:#FFF}#modal.step3_modal{background:rgba(32,162,216,0.8)}#modal.step3_modal.open .modal_container #modal_image_wrap::after{animation-name:openTheDoor;animation-fill-mode:forwards;animation-duration:0.8s;animation-direction:normal}#modal.step3_modal #modal_title{display:none}#modal.step3_modal .modal_container{width:61vw;max-height:60vh;left:-8vw;text-align:center}@media print, screen and (min-width: 767px){#modal.step3_modal .modal_container{width:auto;height:70vh;left:0}}#modal.step3_modal .modal_container .text_image{height:100%;display:inline-block}#modal.step3_modal .modal_container #modal_image_wrap{position:relative;display:block;margin-left:auto;margin-right:auto;width:100%;height:100%}#modal.step3_modal .modal_container #modal_image_wrap img{width:auto;height:100%}#modal.step3_modal .modal_container #modal_image_wrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#FFEF00;transform-origin:right}#modal.step3_modal .modal_container .close{top:-36px;right:0}#modal.step3_modal .modal_container .close::after,#modal.step3_modal .modal_container .close::before{content:"";position:absolute;top:50%;left:50%;width:2px;height:30px;background:#FFEF00}#modal.open{opacity:1;pointer-events:all}#modal .modal_container{position:relative;box-sizing:border-box}#modal .modal_container .close{display:block;position:absolute;width:30px;height:30px}#modal .modal_container .close::after,#modal .modal_container .close::before{content:"";position:absolute;top:50%;left:50%;width:5px;height:30px;background:#FFF}#modal .modal_container .close::before{transform:translate(-50%, -50%) rotate(45deg)}#modal .modal_container .close::after{transform:translate(-50%, -50%) rotate(-45deg)}.r-footer{background:#fff;margin-top:35px;padding:15px;position:relative;z-index:10;border-top:1px solid #e1e1e1;overflow:hidden;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";text-align:justify}.r-footer ul li a{position:relative;padding:0 0 0 10px;font-size:1.0rem;line-height:1;color:#333}.r-footer ul li a::before{content:"";width:0;height:0;position:absolute;top:2px;left:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent #454545}.r-footer>a{display:block;width:258px;height:37px;margin:15px 0 0}@media print, screen and (min-width: 767px){.r-footer{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:15px 20px 20px}.r-footer ul{display:flex}.r-footer ul li a{padding-left:5px}.r-footer ul li a::before{display:none}.r-footer ul li a::after{content:"｜";padding:0 0 0 5px}.r-footer ul li:last-child a::after{display:none}.r-footer a{margin-top:0}}.target,.target .fade_child{opacity:0}.target.fade_in,.target .fade_in.fade_child{-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 500ms;transition:all 500ms}.target.fade_in.visible,.target .fade_in.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.target.slide_top,.target .slide_top.fade_child{-webkit-transform:translate(0, -80px);transform:translate(0, -80px);-webkit-transition:all 500ms;transition:all 500ms}.target.slide_top.visible,.target .slide_top.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.target.slide_bottom,.target .slide_bottom.fade_child{-webkit-transform:translate(0, 80px);transform:translate(0, 80px);-webkit-transition:all 500ms;transition:all 500ms}.target.slide_bottom.visible,.target .slide_bottom.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.target.slide_right,.target .slide_right.fade_child{-webkit-transform:translate(80px, 0);transform:translate(80px, 0);-webkit-transition:all 500ms;transition:all 500ms}.target.slide_right.visible,.target .slide_right.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.target.slide_left,.target .slide_left.fade_child{-webkit-transform:translate(-80px, 0);transform:translate(-80px, 0);-webkit-transition:all 500ms;transition:all 500ms}.target.slide_left.visible,.target .slide_left.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}@keyframes openTheDoor{0%{transform:translate(0%, 0%) rotateY(0) skewY(0)}100%{transform:translate(-.5%, 0%) rotateY(107deg) skewY(-10deg)}}@keyframes openTheDoor2{0%{transform:translate(0%, 0%) translateZ(1px) rotateY(0) skewY(0)}50%{transform:translate(-.5%, 0%) translateZ(1px) rotateY(66deg) skewY(27deg)}100%{transform:translate(0%, 0%) translateZ(1px) rotateY(0) skewY(0)}}#hd{position:fixed;top:0;left:0;padding:20px;z-index:999}#ft{background:#20a2d8;padding:35px 0 0;box-sizing:border-box}#ft dl{align-items:center;justify-content:center}#ft dl *{color:#FFF}#ft dl dt{font-size:1.5rem;line-height:1.0}@media print, screen and (min-width: 767px){#ft dl dt{font-size:2.4rem}}#ft dl dd{font-size:1.0rem;padding-left:10px;line-height:1.4}#page_top{position:absolute;top:116px;right:20px;max-width:60px}@media print, screen and (min-width: 767px){#page_top{max-width:112px}}body{background:#F2F1F0;margin:0}h2{text-align:center}canvas{display:block;margin:auto}#first_content.no_hash{opacity:0}#main_content{position:relative;z-index:0;display:none;opacity:0;transition:0.3s}article section#mainvisual{width:100%;overflow:hidden;background:#f2f1f0}article section#mainvisual h2{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;padding-top:12vw}@media print, screen and (min-width: 767px){article section#mainvisual h2{height:auto;top:44%;left:0;bottom:auto;padding-top:0}}article section#mainvisual h2 img{width:14vw}@media print, screen and (min-width: 767px){article section#mainvisual h2 img{width:510px;position:relative;top:-6%}}article section#mainvisual .container{position:relative;width:100%;height:100%}article section#mainvisual .door_wrap{min-height:180vw}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap{min-height:855px}}article section#mainvisual .door_wrap .door{position:absolute;width:40%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door{width:27%;max-width:318px}}article section#mainvisual .door_wrap .door[data-type="left_rotate"]{transform:rotate(-90deg)}article section#mainvisual .door_wrap .door[data-type="right_rotate"]{transform:rotate(90deg)}article section#mainvisual .door_wrap .door[data-type="reflect"]{transform:scale(-1, -1);transform-origin:center}article section#mainvisual .door_wrap .door p:first-of-type{width:22%;position:absolute;top:10%;right:27%;transform-origin:right;animation-name:openTheDoor2;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-duration:2.8s;animation-direction:normal;transition-timing-function:cubic-bezier(0.42, 0, 0.18, 1.02)}article section#mainvisual .door_wrap .door p+p{position:relative;top:0;left:0;z-index:999;transform-origin:right;animation-name:openTheDoor3;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-duration:2.8s;animation-direction:normal;transition-timing-function:cubic-bezier(0.42, 0, 0.18, 1.02);transform:translate3d(0, 0, 200px)}article section#mainvisual .door_wrap .door#door_01{top:25%;left:-3%;transform:rotate(-90deg)}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_01{top:12%;left:6%;transform:rotate(0)}}article section#mainvisual .door_wrap .door#door_01 .open_image{animation-delay:0s}article section#mainvisual .door_wrap .door#door_02{top:10%;left:0;right:0;margin:auto}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_02{top:12%;left:36%;right:auto}}article section#mainvisual .door_wrap .door#door_02 .open_image{animation-delay:1.4s}article section#mainvisual .door_wrap .door#door_03{top:25%;left:62%;transform:rotate(90deg)}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_03{top:12%;left:67%;transform:rotate(0)}}article section#mainvisual .door_wrap .door#door_03 .open_image{animation-delay:0s}article section#mainvisual .door_wrap .door#door_04{top:50%;left:-3%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_04{top:43%;left:-5%}}article section#mainvisual .door_wrap .door#door_04 .open_image{animation-delay:1.4s}article section#mainvisual .door_wrap .door#door_05{top:50%;left:62%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_05{top:40%;right:-5%;left:auto}}article section#mainvisual .door_wrap .door#door_05 .open_image{animation-delay:1.4s}article section#mainvisual .door_wrap .door#door_06{top:75%;left:-3%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_06{top:70%;left:12%}}@media only screen and (max-width: 767px){article section#mainvisual .door_wrap .door#door_06{transform:rotate(-90deg)}}article section#mainvisual .door_wrap .door#door_06 .open_image{animation-delay:1.4s}article section#mainvisual .door_wrap .door#door_07{top:75%;left:62%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .door#door_07{top:70%;left:61%}}@media only screen and (max-width: 767px){article section#mainvisual .door_wrap .door#door_07{transform:rotate(90deg)}}article section#mainvisual .door_wrap .door#door_07 .open_image{animation-delay:0s}article section#mainvisual .door_wrap .person canvas{position:absolute;transform:translate3d(0, 0, 300px);z-index:99999999}@media only screen and (max-width: 767px){article section#mainvisual .door_wrap .person canvas{width:25px}}article section#mainvisual .door_wrap .person#person_01 canvas{top:48vw;left:0;right:0}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .person#person_01 canvas{top:4%;bottom:0;left:0;right:0}}article section#mainvisual .door_wrap .person#person_02 canvas{bottom:-48%;left:48.5%}article section#mainvisual .door_wrap .person#person_03 canvas{bottom:-46%;left:57.5%}article section#mainvisual .door_wrap .person#person_04 canvas{bottom:-38%;left:53.5%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .person#person_04 canvas{bottom:-22%}}article section#mainvisual .door_wrap .person#person_05 canvas{bottom:-52%;left:39.5%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .person#person_05 canvas{bottom:-72%;left:55.5%}}article section#mainvisual .door_wrap .person#person_06 canvas{bottom:-44%;left:53.5%}article section#mainvisual .door_wrap .person#person_07 canvas{left:55.5%;bottom:-49%}@media print, screen and (min-width: 767px){article section#mainvisual .door_wrap .person#person_07 canvas{left:30.5%}}article section#mainvisual aside{background:#20a2d8;padding:123px 0 115px;box-sizing:border-box;text-align:center}article section#mainvisual aside a{display:inline-block;margin-top:60px;cursor:pointer}@media print, screen and (min-width: 767px){article section#mainvisual aside a{margin-top:28px}}article section#step_01{width:100%;overflow:hidden;padding-top:25px}@media print, screen and (min-width: 767px){article section#step_01{padding-top:110px}}@media screen and (min-width: 1024px) and (max-height: 700px){article section#step_01{padding-top:60px}}article section#step_01 .title_wrap{padding:32px 0 50px;background:#FFF}@media print, screen and (min-width: 767px){article section#step_01 .title_wrap{padding:44px 0 100px}}article section#step_01 .title_wrap h2{text-align:center}article section#step_01 .page_links{position:relative;width:100%;height:136vw;margin:auto}@media print, screen and (min-width: 767px){article section#step_01 .page_links{width:80vw;height:24vw;max-width:1248px;max-height:326px}}@media screen and (min-width: 1024px) and (max-height: 700px){article section#step_01 .page_links{width:75vw;height:20vw}}article section#step_01 .page_links>a,article section#step_01 .page_links span{display:inline-block;position:absolute}article section#step_01 .page_links>a#page_01,article section#step_01 .page_links span#page_01{width:46%;bottom:62%;left:15%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_01,article section#step_01 .page_links span#page_01{width:22%;left:0;bottom:0;z-index:5}}article section#step_01 .page_links>a#page_02,article section#step_01 .page_links span#page_02{width:31%;bottom:62%;left:52%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_02,article section#step_01 .page_links span#page_02{width:14.5%;left:17.5%;bottom:0;z-index:5}}article section#step_01 .page_links>a#page_03,article section#step_01 .page_links span#page_03{width:37%;bottom:27%;left:3%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_03,article section#step_01 .page_links span#page_03{width:16%;left:27.4%;bottom:0;z-index:4}}article section#step_01 .page_links>a#page_04,article section#step_01 .page_links span#page_04{width:38%;bottom:27%;left:34%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_04,article section#step_01 .page_links span#page_04{width:16.5%;left:40.9%;bottom:0;z-index:3}}article section#step_01 .page_links>a#page_05,article section#step_01 .page_links span#page_05{width:37%;bottom:27%;left:61%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_05,article section#step_01 .page_links span#page_05{width:16.2%;left:53.6%;bottom:0;z-index:2}}article section#step_01 .page_links>a#page_06,article section#step_01 .page_links span#page_06{width:36%;bottom:0;left:16%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_06,article section#step_01 .page_links span#page_06{width:17.5%;left:65.4%;bottom:0;z-index:1}}article section#step_01 .page_links>a#page_07,article section#step_01 .page_links span#page_07{width:44%;bottom:0;left:42%}@media print, screen and (min-width: 767px){article section#step_01 .page_links>a#page_07,article section#step_01 .page_links span#page_07{width:22%;left:78%;bottom:0;z-index:0}}article section#step_02{width:100%;position:relative;z-index:10;overflow:hidden}article section#step_02 .row_2{max-height:60px}@media print, screen and (min-width: 767px){article section#step_02 .row_2{max-height:57px}}article section#step_02 .row_3{max-height:78px}@media print, screen and (min-width: 767px){article section#step_02 .row_3{max-height:96.9px}}article section#step_02 .row_4{max-height:96px}@media print, screen and (min-width: 767px){article section#step_02 .row_4{max-height:125.4px}}article section#step_02 .contents_wrap{position:absolute;top:0;left:0;right:0;z-index:999;width:100%;max-width:1366px;height:100%;margin:auto}article section#step_02 .contents_wrap .title_wrap{position:absolute;right:5%;width:34vw;bottom:0}@media print, screen and (min-width: 767px){article section#step_02 .contents_wrap .title_wrap{text-align:left;right:0;width:calc(50% - 66px);padding-left:20px;box-sizing:border-box}}@media only screen and (min-width: 1366px){article section#step_02 .contents_wrap .title_wrap{width:294px;right:20%}}article section#step_02 .contents_wrap .title_wrap h2{text-align:left}article section#step_02 .contents_wrap .content{position:absolute;width:54vw;height:54vw;max-width:300px;max-height:300px;cursor:pointer}@media print, screen and (min-width: 767px){article section#step_02 .contents_wrap .content{max-width:100%;max-height:100%}}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content{width:480px;height:480px}}@media only screen and (min-width: 1024px) and (max-width: 1366px){article section#step_02 .contents_wrap .content{width:510px;height:510px}}@media only screen and (min-width: 1366px){article section#step_02 .contents_wrap .content{width:534px;height:534px}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content{pointer-events:none;cursor:default}}article section#step_02 .contents_wrap .content .shape{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;z-index:1}article section#step_02 .contents_wrap .content .text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;position:relative;z-index:10;padding:20px;color:#FFF;box-sizing:border-box}article section#step_02 .contents_wrap .content .text p{display:none;font-size:1.45rem;padding-top:20px;line-height:1.8;letter-spacing:-0.02em}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content .text p{font-size:1.3rem}}@media print, screen and (min-width: 767px){article section#step_02 .contents_wrap .content .text p{display:block;margin-top:10px}}article section#step_02 .contents_wrap .content .text>*{max-width:267px}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content .text>*{max-width:230px}}article section#step_02 .contents_wrap .content figure{position:absolute;z-index:10;display:inline-block}article section#step_02 .contents_wrap .content[data-type="hexagon"]{top:12%;left:-10%}@media only screen and (min-width: 560px) and (max-width: 767px){article section#step_02 .contents_wrap .content[data-type="hexagon"]{left:calc(50vw - 330px)}}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content[data-type="hexagon"]{left:-70px}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content[data-type="hexagon"]{top:7.3%;left:4.5%}}@media only screen and (min-width: 1024px) and (max-width: 1366px){article section#step_02 .contents_wrap .content[data-type="hexagon"]{left:-16px}}article section#step_02 .contents_wrap .content[data-type="hexagon"] .shape{width:40%;height:70%;display:flex;justify-content:center;align-items:center;z-index:1}article section#step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,article section#step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}article section#step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{transform:rotate(60deg)}article section#step_02 .contents_wrap .content[data-type="hexagon"] .shape::after{transform:rotate(-60deg)}article section#step_02 .contents_wrap .content[data-type="square"]{top:26%;right:-6%}@media only screen and (min-width: 560px) and (max-width: 767px){article section#step_02 .contents_wrap .content[data-type="square"]{right:calc(50vw - 330px)}}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content[data-type="square"]{top:24%;right:-7%}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content[data-type="square"]{top:25.2%;right:10.5%}}@media only screen and (min-width: 1024px) and (max-width: 1366px){article section#step_02 .contents_wrap .content[data-type="square"]{right:46px}}article section#step_02 .contents_wrap .content[data-type="square"] .shape{width:66%;height:66%;background:#ffbe00;z-index:1}article section#step_02 .contents_wrap .content[data-type="circle"]{top:39.2%;left:8.5%}@media only screen and (min-width: 560px) and (max-width: 767px){article section#step_02 .contents_wrap .content[data-type="circle"]{left:calc(50vw - 270px)}}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content[data-type="circle"]{top:38.2%;left:0}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content[data-type="circle"]{top:41.5%;left:9%}}@media only screen and (min-width: 1024px) and (max-width: 1366px){article section#step_02 .contents_wrap .content[data-type="circle"]{left:46px}}article section#step_02 .contents_wrap .content[data-type="circle"] .shape{width:77%;height:74%;background:#ffbe00;border-radius:50%;z-index:1}article section#step_02 .contents_wrap .content[data-type="flower"]{top:54%;right:2%}@media only screen and (min-width: 560px) and (max-width: 767px){article section#step_02 .contents_wrap .content[data-type="flower"]{right:calc(50vw - 290px)}}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content[data-type="flower"]{top:52%;right:-5%}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content[data-type="flower"]{top:53%;right:10%}}@media only screen and (min-width: 1024px) and (max-width: 1366px){article section#step_02 .contents_wrap .content[data-type="flower"]{right:46px}}article section#step_02 .contents_wrap .content[data-type="flower"] .shape{width:94%;height:94%;background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;z-index:1}article section#step_02 .contents_wrap .content[data-type="rhombus"]{top:64.2%;left:-11%}@media only screen and (min-width: 560px) and (max-width: 767px){article section#step_02 .contents_wrap .content[data-type="rhombus"]{left:calc(50vw - 350px)}}@media only screen and (min-width: 767px) and (max-width: 1024px){article section#step_02 .contents_wrap .content[data-type="rhombus"]{left:-10.5%}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content[data-type="rhombus"]{top:70.2%;left:4%}}@media only screen and (min-width: 1024px) and (max-width: 1366px){article section#step_02 .contents_wrap .content[data-type="rhombus"]{left:-56px}}@media only screen and (min-width: 1024px){article section#step_02 .contents_wrap .content[data-type="rhombus"] h3{margin-top:-54px}}article section#step_02 .contents_wrap .content[data-type="rhombus"] .shape{width:70%;height:70%;background:#ffbe00;transform:rotate(45deg);z-index:1}article section#step_02 #road{overflow:hidden}article section#step_02 #road canvas{position:relative}@media print, screen and (max-width: 1666px){article section#step_02 #road canvas{left:calc(((50vw - 833px)) - (100vw - 100%))}}article section#step_03{position:relative;z-index:100}article section#step_03 .title_wrap{position:absolute;left:0;right:0;bottom:-104px;width:82vw;margin:auto;max-width:400px}@media print, screen and (min-width: 767px){article section#step_03 .title_wrap{width:auto;bottom:-200px;max-width:622px}}article section#step_03 .flex>*{position:relative}@media print, screen and (min-width: 767px){article section#step_03 .flex>*{width:50%}}article section#step_03 .flex>* .potentiality{position:absolute}article section#step_03 .flex>* .potentiality img{width:100%}article section#step_03 .flex>* .potentiality::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#FFEF00;transform-origin:right;transition:0.6s;pointer-events:none}article section#step_03 .flex>* .potentiality.open::after{opacity:0}#road_page_01 #step_03 #potentiality_01{width:14.4%;top:12.4%;left:9.2%}#road_page_01 #step_03 #potentiality_02{width:13.6%;top:15.8%;left:43.4%}#road_page_01 #step_03 #potentiality_03{width:13.2%;top:13.8%;left:43%}#road_page_01 #step_03 #potentiality_04{width:11%;top:61.7%;left:11.2%}#road_page_01 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_01 #step_03 #potentiality_05::after{background:url(../../assets/images/page_01/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_01 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_01 #step_03 #potentiality_07{width:16%;top:61.1%;left:75.6%}#road_page_01 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#ffbe00}#road_page_01 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_01 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#ffbe00}#road_page_01 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:72%;right:6%;width:68%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:82%;right:6%;width:50%}}@media only screen and (min-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:80%;left:50%;width:250px}}#road_page_01 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#ffbe00}#road_page_01 #step_02 .contents_wrap .content[data-type="square"] figure{top:-30%;right:2%;width:70%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="square"] figure{top:-21%;right:14%;width:48%}}@media only screen and (min-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="square"] figure{top:-7%;right:-26%;width:281px}}#road_page_01 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#ffbe00}#road_page_01 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-48%;left:-16%;width:84%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-20%;left:23%;width:49%}}@media only screen and (min-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-35%;left:17%;width:358px}}#road_page_01 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_01/bg_flower.png)}#road_page_01 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-38%;right:6%;width:58%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-19%;right:18%;width:38%}}@media only screen and (min-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="flower"] figure{top:7%;right:-21%;width:223px}}#road_page_01 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#ffbe00}#road_page_01 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:72%;right:6%;width:68%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:82%;right:6%;width:50%}}@media only screen and (min-width: 1024px){#road_page_01 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:71%;right:-2%;width:250px}}#road_page_01 #modal.step2_modal .modal_container{background:rgba(255,190,0,0.95)}#road_page_01 #modal.hexagon #modal_image{width:50%;margin-top:5px}#road_page_01 #modal.square #modal_image{width:50%;margin-top:5px}#road_page_01 #modal.circle #modal_image{width:64%;margin-top:5px}#road_page_01 #modal.flower #modal_image{width:50%;margin-top:5px}#road_page_01 #modal.rhombus #modal_image{width:50%;margin-top:20px}#road_page_02 #step_03 #potentiality_01{width:14.4%;top:12.4%;left:9.2%}#road_page_02 #step_03 #potentiality_02{width:16.5%;top:9.6%;left:75.6%}#road_page_02 #step_03 #potentiality_03{width:12.3%;top:12.4%;left:77.4%}#road_page_02 #step_03 #potentiality_04{width:13.1%;top:61%;left:43.7%}#road_page_02 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_02 #step_03 #potentiality_05::after{background:url(../../assets/images/page_02/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_02 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_02 #step_03 #potentiality_07{width:16%;top:61.1%;left:75.6%}#road_page_02 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#99ced2}#road_page_02 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_02 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#99ced2}#road_page_02 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:74%;left:43%;width:49%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:78%;left:49%;width:41%}}@media only screen and (min-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:74%;left:52%;width:231px}}#road_page_02 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#99ced2}#road_page_02 #step_02 .contents_wrap .content[data-type="square"] .sp{margin-top:24%}#road_page_02 #step_02 .contents_wrap .content[data-type="square"] figure{top:-34%;right:9%;width:58%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="square"] figure{top:-31%;right:16%;width:46%}}@media only screen and (min-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="square"] figure{top:-11%;right:-24%;width:257px}}#road_page_02 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#99ced2}#road_page_02 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-6%;left:-7%;width:84%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="circle"] figure{top:0;left:1%;width:70%}}@media only screen and (min-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-3%;left:-10%;width:411px}}#road_page_02 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_02/bg_flower.png)}#road_page_02 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-18%;right:6%;width:58%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-13%}}@media only screen and (min-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="flower"] figure{top:83%;right:-5%;width:250px}}#road_page_02 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#99ced2}#road_page_02 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:77%;right:22%;width:53%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:82%;right:28%;width:42%}}@media only screen and (min-width: 1024px){#road_page_02 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:75%;right:49%;width:230px}}#road_page_02 #modal.step2_modal .modal_container{background:rgba(153,206,210,0.95)}#road_page_02 #modal.hexagon #modal_image{width:40%;margin-top:20px}#road_page_02 #modal.square #modal_image{width:30%;margin-top:10px}#road_page_02 #modal.circle .modal_container{padding-bottom:0}#road_page_02 #modal.circle .modal_container #modal_title{margin-top:auto}#road_page_02 #modal.circle .modal_container .text_image{margin-top:auto;padding-top:0}#road_page_02 #modal.circle .modal_container .text_image #modal_image{width:70%;margin-top:10px}#road_page_02 #modal.flower #modal_image{width:50%;margin-top:20px}#road_page_02 #modal.rhombus #modal_image{width:40%;margin-top:5px}#road_page_03 #step_03 #potentiality_01{width:14.4%;top:12.4%;left:9.2%}#road_page_03 #step_03 #potentiality_02{width:13.6%;top:15.8%;left:43.4%}#road_page_03 #step_03 #potentiality_03{width:17.1%;top:16.8%;left:7.9%}#road_page_03 #step_03 #potentiality_04{width:11%;top:61.7%;left:11.2%}#road_page_03 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_03 #step_03 #potentiality_05::after{background:url(../../assets/images/page_03/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_03 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_03 #step_03 #potentiality_07{width:12.4%;top:62.8%;left:43.8%}#road_page_03 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#ff5f43}#road_page_03 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_03 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#ff5f43}#road_page_03 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:72%;right:6%;width:68%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:82%;right:6%;width:50%}}@media only screen and (min-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:48%;width:297px}}#road_page_03 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#ff5f43}#road_page_03 #step_02 .contents_wrap .content[data-type="square"] .sp{margin-top:24%}#road_page_03 #step_02 .contents_wrap .content[data-type="square"] figure{top:-36%;right:13%;width:60%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="square"] figure{top:-15%;right:18%;width:37%}}@media only screen and (min-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="square"] figure{top:-7%;right:-13%;width:223px}}#road_page_03 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#ff5f43}#road_page_03 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-30%;left:-9%;width:77%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-18%;left:17%;width:55%}}@media only screen and (min-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-24%;left:21%;width:364px}}#road_page_03 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_03/bg_flower.png)}#road_page_03 #step_02 .contents_wrap .content[data-type="flower"] .sp{margin-top:24%}#road_page_03 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-38%;right:6%;width:58%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-28%;right:14%;width:47%}}@media only screen and (min-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="flower"] figure{top:69%;right:-17%;width:276px}}#road_page_03 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#ff5f43}#road_page_03 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:72%;right:6%;width:68%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:82%;right:6%;width:50%}}@media only screen and (min-width: 1024px){#road_page_03 #step_02 .contents_wrap .content[data-type="rhombus"] figure{right:-3%;width:300px}}#road_page_03 #modal.step2_modal .modal_container{background:rgba(255,95,67,0.95)}#road_page_03 #modal.hexagon #modal_image{width:60%;margin-top:10px}#road_page_03 #modal.square #modal_image{width:40%;margin-top:10px}#road_page_03 #modal.circle #modal_image{width:50%;margin-top:5px}#road_page_03 #modal.flower #modal_image{width:40%;margin-top:0}#road_page_03 #modal.rhombus #modal_image{width:60%;margin-top:20px}#road_page_04 #step_03 #potentiality_01{width:13.6%;top:15.8%;left:43.4%}#road_page_04 #step_03 #potentiality_02{width:16.5%;top:9.6%;left:75.6%}#road_page_04 #step_03 #potentiality_03{width:13.1%;top:13.8%;left:43.1%}#road_page_04 #step_03 #potentiality_04{width:11%;top:61.7%;left:11.2%}#road_page_04 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_04 #step_03 #potentiality_05::after{background:url(../../assets/images/page_04/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_04 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_04 #step_03 #potentiality_07{width:15.6%;top:61.4%;left:75.7%}#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#00bd73}#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#00bd73}#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] .sp{margin-top:-6%}#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:64%;left:14%;width:74%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:78%;left:18%;width:59%}}@media only screen and (min-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:60%;left:-11%;width:320px}}#road_page_04 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#00bd73}#road_page_04 #step_02 .contents_wrap .content[data-type="square"] .sp{margin-top:34%}#road_page_04 #step_02 .contents_wrap .content[data-type="square"] figure{top:-48%;right:16%;width:31%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="square"] figure{top:-42%;right:21%;width:25%}}@media only screen and (min-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="square"] figure{top:-3%;right:-13%;width:196px}}#road_page_04 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#00bd73}#road_page_04 #step_02 .contents_wrap .content[data-type="circle"] .sp{margin-top:34%}#road_page_04 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-25%;left:-9%;width:68%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-21%;left:9%;width:50%}}@media only screen and (min-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-15%;left:2%;width:250px}}#road_page_04 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_04/bg_flower.png)}#road_page_04 #step_02 .contents_wrap .content[data-type="flower"] .sp{margin-top:-8%}#road_page_04 #step_02 .contents_wrap .content[data-type="flower"] figure{top:57%;right:-22%;width:99%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="flower"] figure{top:74%;right:6%;width:74%}}@media only screen and (min-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="flower"] figure{top:69%;right:-21%;width:392px}}#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#00bd73}#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] h3{margin-top:-22px}@media only screen and (min-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] h3{position:relative;top:-5px}}#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] p{padding-top:5px}#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:68%;right:-3%;width:79%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:68%;right:-3%;width:60%}}@media only screen and (min-width: 1024px){#road_page_04 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:64%;right:-7%;width:304px}}#road_page_04 #modal.step2_modal .modal_container{background:rgba(0,189,115,0.95)}#road_page_04 #modal.hexagon #modal_image{width:65%;margin-top:5px}#road_page_04 #modal.square .text_image{align-items:flex-start;justify-content:flex-start;flex-direction:row-reverse}#road_page_04 #modal.square .text_image #modal_text{width:calc(100% - 80px);padding-right:10px;box-sizing:border-box}#road_page_04 #modal.square .text_image #modal_image{width:80px}#road_page_04 #modal.circle #modal_image{width:50%;margin-top:20px}#road_page_04 #modal.flower #modal_image{width:70%;margin-top:5px}#road_page_04 #modal.rhombus #modal_image{width:60%;margin-top:5px}#road_page_05 #step_03 #potentiality_01{width:14.4%;top:12.4%;left:9.2%}#road_page_05 #step_03 #potentiality_02{width:16.5%;top:9.6%;left:75.6%}#road_page_05 #step_03 #potentiality_03{width:13.9%;top:11.7%;left:76.6%}#road_page_05 #step_03 #potentiality_04{width:11%;top:61.7%;left:11.2%}#road_page_05 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_05 #step_03 #potentiality_05::after{background:url(../../assets/images/page_05/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_05 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_05 #step_03 #potentiality_07{width:16%;top:61.0%;left:75.5%}#road_page_05 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#ffa3c5}#road_page_05 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_05 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#ffa3c5}#road_page_05 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:31%;width:60%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:82%;right:6%;width:50%}}@media only screen and (min-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:48%;width:297px}}#road_page_05 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#ffa3c5}#road_page_05 #step_02 .contents_wrap .content[data-type="square"] .sp{margin-top:34%}#road_page_05 #step_02 .contents_wrap .content[data-type="square"] figure{top:-41%;right:14%;width:65%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="square"] figure{top:-29%;right:21%;width:41%}}@media only screen and (min-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="square"] figure{top:0;right:-22%;width:243px}}#road_page_05 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#ffa3c5}#road_page_05 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-40%;left:-8%;width:64%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-25%;left:13%;width:45%}}@media only screen and (min-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-10%;left:-14%;width:223px}}#road_page_05 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_05/bg_flower.png)}#road_page_05 #step_02 .contents_wrap .content[data-type="flower"] figure{top:67%;right:-10%;width:80%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="flower"] figure{top:77%;right:9%;width:58%}}@media only screen and (min-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="flower"] figure{top:72%;right:-20%;width:366px}}#road_page_05 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#ffa3c5}#road_page_05 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:68%;right:5%;width:101%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:76%;right:5%;width:78%}}@media only screen and (min-width: 1024px){#road_page_05 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:56%;right:-9%;width:449px}}#road_page_05 #modal.step2_modal .modal_container{background:rgba(255,163,197,0.95)}#road_page_05 #modal.hexagon #modal_image{width:50%;margin-top:20px}#road_page_05 #modal.square #modal_image{width:40%;margin-top:20px}#road_page_05 #modal.circle #modal_image{width:50%;margin-top:0}#road_page_05 #modal.flower #modal_image{width:50%;margin-top:10px}#road_page_05 #modal.rhombus #modal_image{width:70%}#road_page_06 #step_03 #potentiality_01{width:14.4%;top:12.4%;left:9.2%}#road_page_06 #step_03 #potentiality_02{width:13.6%;top:15.8%;left:43.4%}#road_page_06 #step_03 #potentiality_03{width:13.2%;top:13.8%;left:43%}#road_page_06 #step_03 #potentiality_04{width:11%;top:61.7%;left:11.2%}#road_page_06 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_06 #step_03 #potentiality_05::after{background:url(../../assets/images/page_06/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_06 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_06 #step_03 #potentiality_07{width:16%;top:61.1%;left:75.6%}#road_page_06 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#ff9000}#road_page_06 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_06 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#ff9000}#road_page_06 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:14%;width:80%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:25%;width:65%}}@media only screen and (min-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:75%;left:-4%;width:415px}}#road_page_06 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#ff9000}#road_page_06 #step_02 .contents_wrap .content[data-type="square"] .sp{margin-top:20%}#road_page_06 #step_02 .contents_wrap .content[data-type="square"] figure{top:-14%;right:-5%;width:76%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="square"] figure{top:-11%;right:1%;width:55%}}@media only screen and (min-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="square"] figure{top:-7%;right:-45%;width:406px}}#road_page_06 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#ff9000}#road_page_06 #step_02 .contents_wrap .content[data-type="circle"] .sp{margin-top:30%}#road_page_06 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-30%;left:-4%;width:65%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-30%;left:-4%;width:54%}}@media only screen and (min-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-21%;left:-19%;width:300px}}#road_page_06 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_06/bg_flower.png)}#road_page_06 #step_02 .contents_wrap .content[data-type="flower"] .sp{margin-top:30%}#road_page_06 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-22%;right:3%;width:58%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="flower"] figure{top:-24%;right:16%;width:45%}}@media only screen and (min-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="flower"] figure{top:73%;right:-13%;width:223px}}#road_page_06 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#ff9000}#road_page_06 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:78%;right:5%;width:68%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:82%;right:5%;width:51%}}@media only screen and (min-width: 1024px){#road_page_06 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:74%;right:0;width:297px}}#road_page_06 #modal.step2_modal .modal_container{background:rgba(255,144,0,0.95)}#road_page_06 #modal.hexagon #modal_image{width:65%;margin-top:20px}#road_page_06 #modal.square .text_image{display:block;margin-top:126px}#road_page_06 #modal.square #modal_text{margin-top:-126px}#road_page_06 #modal.square #modal_image{width:50%;margin-top:0;float:right}#road_page_06 #modal.circle #modal_image{width:50%;margin-top:20px}#road_page_06 #modal.flower #modal_image{width:50%;margin-top:20px}#road_page_06 #modal.rhombus #modal_image{width:50%;margin-top:20px}#road_page_07 #step_03 #potentiality_01{width:14.4%;top:12.4%;left:9.2%}#road_page_07 #step_03 #potentiality_02{width:16.5%;top:9.6%;left:75.6%}#road_page_07 #step_03 #potentiality_03{width:14.2%;top:11.7%;left:76.5%}#road_page_07 #step_03 #potentiality_04{width:11%;top:61.7%;left:11.2%}#road_page_07 #step_03 #potentiality_05{width:16.6%;top:59.4%;left:75.5%}#road_page_07 #step_03 #potentiality_05::after{background:url(../../assets/images/page_07/pc/potentiality_05_after.png) no-repeat;background-size:contain}#road_page_07 #step_03 #potentiality_06{width:14.4%;top:64.1%;left:9.2%}#road_page_07 #step_03 #potentiality_07{width:16%;top:61.1%;left:75.6%}#road_page_07 #step_02 .contents_wrap .content[data-type="hexagon"] .shape{background:#c689ff}#road_page_07 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::after,#road_page_07 #step_02 .contents_wrap .content[data-type="hexagon"] .shape::before{background:#c689ff}#road_page_07 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:31%;width:60%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:76%;left:40%;width:46%}}@media only screen and (min-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="hexagon"] figure{top:75%;left:42%;width:297px}}#road_page_07 #step_02 .contents_wrap .content[data-type="square"] .shape{background:#c689ff}#road_page_07 #step_02 .contents_wrap .content[data-type="square"] figure{top:-30%;right:9%;width:77%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="square"] figure{top:-13%;right:15%;width:50%}}@media only screen and (min-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="square"] figure{top:-28%;right:-19%;width:368px}}#road_page_07 #step_02 .contents_wrap .content[data-type="circle"] .shape{background:#c689ff}#road_page_07 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-32%;left:-3%;width:54%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-18%;left:5%;width:40%}}@media only screen and (min-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="circle"] figure{top:-20%;left:-4%;width:223px}}#road_page_07 #step_02 .contents_wrap .content[data-type="flower"] .shape{background-image:url(../../assets/images/page_07/bg_flower.png)}#road_page_07 #step_02 .contents_wrap .content[data-type="flower"] figure{top:72%;right:6%;width:82%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="flower"] figure{top:80%;right:6%;width:76%}}@media only screen and (min-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="flower"] figure{top:73%;right:-24%;width:500px}}#road_page_07 #step_02 .contents_wrap .content[data-type="rhombus"] .shape{background:#c689ff}#road_page_07 #step_02 .contents_wrap .content[data-type="rhombus"] h3{margin-top:-5px}#road_page_07 #step_02 .contents_wrap .content[data-type="rhombus"] p{padding-top:0}#road_page_07 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:76%;right:31%;width:52%}@media only screen and (min-width: 767px) and (max-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:82%;right:39%;width:44%}}@media only screen and (min-width: 1024px){#road_page_07 #step_02 .contents_wrap .content[data-type="rhombus"] figure{top:83%;right:45%;width:295px}}#road_page_07 #modal.step2_modal .modal_container{background:rgba(198,137,255,0.95)}#road_page_07 #modal.hexagon #modal_image{width:50%;margin-top:20px}#road_page_07 #modal.square #modal_image{width:65%;margin-top:20px}#road_page_07 #modal.circle #modal_image{width:40%;margin-top:20px}#road_page_07 #modal.flower #modal_image{width:70%;margin-top:20px}#road_page_07 #modal.rhombus .text_image{display:block;margin-top:100px}#road_page_07 #modal.rhombus #modal_text{margin-top:-100px}#road_page_07 #modal.rhombus #modal_image{width:50%;margin-top:0;float:right}