@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,ul,th,td{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,main,section,footer{display:block}img{vertical-align:bottom}a img{border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,ul,th,td{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,main,section,footer{display:block}img{vertical-align:bottom}a img{border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}#tanabata2022{font-family:"Noto Sans JP","游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;font-size:3.71429vw;font-weight:700;line-height:1.4;color:#000}@media (min-width: 700px){#tanabata2022{font-size:1.75vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022{font-size:21px}}#tanabata2022 *{box-sizing:border-box;margin:0;padding:0;outline:none;font-size:100%}#tanabata2022 ::-webkit-scrollbar{width:3px;height:3px}#tanabata2022 ::-webkit-scrollbar-track{background:#FFF}#tanabata2022 ::-webkit-scrollbar-thumb{background:#eaeaea}#tanabata2022 ul li{list-style-type:none}#tanabata2022 img{width:100%;height:auto;vertical-align:bottom;line-height:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:auto}#tanabata2022 main{display:block}#tanabata2022 .pc{display:none}@media (min-width: 700px){#tanabata2022 .sp{display:none}#tanabata2022 .pc{display:block}}#tanabata2022 a{color:#FF8C29;text-decoration:underline}#tanabata2022 a:hover{text-decoration:none}#tanabata2022 .contentsInner{margin:0 auto;max-width:1200px;width:100%;padding:0vw 5.71429vw 0vw 5.71429vw}@media (min-width: 700px){#tanabata2022 .contentsInner{padding:0vw 3.33333vw 0vw 3.33333vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .contentsInner{padding:0px 40px 0px 40px}}#tanabata2022 .note{font-size:0.7em;margin:4.28571vw 0vw 0vw 0vw}@media (min-width: 700px){#tanabata2022 .note{margin:2.5vw 0vw 0vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .note{margin:30px 0px 0px 0px}}#tanabata2022 .note li{text-indent:-1em;padding-left:1em}#tanabata2022 .t-red{color:#e60000}#tanabata2022 h2{text-align:center;margin:0vw 0vw 5.71429vw 0vw}@media (min-width: 700px){#tanabata2022 h2{margin:0vw 0vw 3.33333vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 h2{margin:0px 0px 40px 0px}}#tanabata2022 h2 span{font-size:6vw;font-weight:700;text-align:center;display:inline-block;position:relative;padding:0vw 0vw 5.71429vw 0vw}@media (min-width: 700px){#tanabata2022 h2 span{font-size:3.5vw;padding:0vw 0vw 3.33333vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 h2 span{font-size:42px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 h2 span{padding:0px 0px 40px 0px}}#tanabata2022 h2 span::before{content:"";display:block;background:linear-gradient(90deg, #00a0e9 0%, #1caed9 50%, #00e1e9 100%);width:100px;height:5px;position:absolute;left:0;right:0;bottom:0;margin:auto}#tanabata2022 .btn{border:#FF8C29 2px solid;text-align:center;width:100%;max-width:500px;display:block;border-radius:8px;text-decoration:none;line-height:1;position:relative;padding:2.85714vw 0vw 2.85714vw 0vw;margin:4.28571vw auto 0vw auto}@media (min-width: 700px){#tanabata2022 .btn{padding:1.66667vw 0vw 1.66667vw 0vw;margin:2.5vw auto 0vw auto;transition:.5s}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .btn{padding:20px 0px 20px 0px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .btn{margin:30px auto 0px auto}}#tanabata2022 .btn::before{content:">";display:block;position:absolute;top:0vw;right:2.14286vw;bottom:0;margin:auto;height:1em}@media (min-width: 700px){#tanabata2022 .btn::before{position:absolute;top:0vw;right:1.25vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .btn::before{top:0px;right:15px}}@media (min-width: 700px){#tanabata2022 .btn:hover{color:#FFF;background:#FF8C29}}#tanabata2022 .btn.lage{padding:4.28571vw 0vw 4.28571vw 0vw}@media (min-width: 700px){#tanabata2022 .btn.lage{font-size:2.16667vw;max-width:800px;padding:2.5vw 0vw 2.5vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .btn.lage{font-size:26px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 .btn.lage{padding:30px 0px 30px 0px}}#tanabata2022 p{margin:4.28571vw auto 0vw auto}@media (min-width: 700px){#tanabata2022 p{margin:2.5vw auto 0vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 p{margin:30px auto 0px auto}}#tanabata2022 #mvCol{position:relative}#tanabata2022 #mvCol .gradationCol{background-color:#36b4e0;background:linear-gradient(183deg, #00a0e9 0%, #1caed9 50%, #00e1e9 100%);padding:7.14286vw 0vw 7.14286vw 0vw;position:relative;height:105.71429vw}@media (min-width: 700px){#tanabata2022 #mvCol .gradationCol{padding:4.16667vw 0vw 4.16667vw 0vw;height:61.66667vw;max-height:740px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #mvCol .gradationCol{padding:50px 0px 50px 0px}}#tanabata2022 #mvCol .gradationCol p{position:relative;z-index:1;margin:0 auto}#tanabata2022 #mvCol .gradationCol p.txt01{width:88.57143vw}@media (min-width: 700px){#tanabata2022 #mvCol .gradationCol p.txt01{width:51.66667vw;max-width:620px}}#tanabata2022 #mvCol .gradationCol h1{width:88vw;margin:2.85714vw auto 0vw auto;background:none;border:none;position:relative;z-index:1}@media (min-width: 700px){#tanabata2022 #mvCol .gradationCol h1{margin:1.66667vw auto 0vw auto;width:51.33333vw;max-width:616px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #mvCol .gradationCol h1{margin:20px auto 0px auto}}#tanabata2022 #mvCol .gradationCol::before{content:"";display:block;width:100%;height:100%;background-size:auto 100%;position:absolute;top:0;left:0;z-index:0;background:url("./20220630_pb_2022tanabata_bg_mv_sp.png") center no-repeat;background-size:auto 100%}@media (min-width: 700px){#tanabata2022 #mvCol .gradationCol::before{background:url("./20220630_pb_2022tanabata_bg_mv_pc.png") center no-repeat;background-size:auto 100%}}#tanabata2022 #mvCol .periodCol{background:#fff;position:relative;padding:2.85714vw 0vw 2.85714vw 0vw}@media (min-width: 700px){#tanabata2022 #mvCol .periodCol{padding:1.66667vw 0vw 1.66667vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #mvCol .periodCol{padding:20px 0px 20px 0px}}#tanabata2022 #mvCol .periodCol::before,#tanabata2022 #mvCol .periodCol::after{content:"";position:absolute;left:0;display:block;width:100%;background:url(20220630_pb_2022tanabata_bg_mv_line_t.png) bottom -1px center repeat-x;height:7px}#tanabata2022 #mvCol .periodCol::before{top:-7px}#tanabata2022 #mvCol .periodCol::after{background:url(20220630_pb_2022tanabata_bg_mv_line_b.png) top -1px center repeat-x;bottom:-7px}#tanabata2022 #mvCol .periodCol p{width:88.71429vw;margin:0 auto}@media (min-width: 700px){#tanabata2022 #mvCol .periodCol p{width:51.75vw;max-width:621px}}#tanabata2022 #mvCol.end::after{content:"";display:block;width:100%;height:100%;background-size:auto 100%;position:absolute;top:0;left:0;z-index:3;background:rgba(0,0,0,0.5);visibility:visible}#tanabata2022 #mvCol.end .endTxt{color:#FFF;height:1em;display:block;text-align:center;z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;font-size:5.14286vw}@media (min-width: 700px){#tanabata2022 #mvCol.end .endTxt{font-size:3vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #mvCol.end .endTxt{font-size:36px}}#tanabata2022 #aboutCol{background:#c7f4ff;position:relative;padding:8.57143vw 0vw 8.57143vw 0vw}@media (min-width: 700px){#tanabata2022 #aboutCol{padding:5vw 0vw 5vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #aboutCol{padding:60px 0px 60px 0px}}#tanabata2022 #aboutCol::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;background:url("20220630_pb_2022tanabata_bg_mv_line_b.png") top center repeat-x;height:7px}#tanabata2022 #aboutCol .aboutInnerWrap{display:-webkit-flex;display:flex;-webkit-flex:flex;flex:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}#tanabata2022 #aboutCol .aboutInnerWrap>p{width:77.14286vw}@media (min-width: 700px){#tanabata2022 #aboutCol .aboutInnerWrap>p{width:40.5vw;max-width:486px}}#tanabata2022 #aboutCol .aboutInnerWrap .txtBox{width:100%;padding:0vw 0vw 0vw 0vw;margin:5.71429vw 0vw 0vw 0vw;position:relative}@media (min-width: 700px){#tanabata2022 #aboutCol .aboutInnerWrap .txtBox{width:52.83333vw;max-width:634px;padding:0vw 0vw 0vw 3.33333vw;margin:0vw 0vw 0vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #aboutCol .aboutInnerWrap .txtBox{padding:0px 0px 0px 40px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #aboutCol .aboutInnerWrap .txtBox{margin:0px 0px 0px 0px}}#tanabata2022 #aboutCol .aboutInnerWrap .txtBox::before{content:"";display:block;background:linear-gradient(90deg, #00a0e9 0%, #1caed9 50%, #00e1e9 100%);width:100px;height:5px;position:absolute;left:0;right:0;top:0;margin:auto}@media (min-width: 700px){#tanabata2022 #aboutCol .aboutInnerWrap .txtBox::before{display:none}}#tanabata2022 #aboutCol .aboutInnerWrap .txtBox p{text-align:center;margin:5.71429vw 0vw 0vw 0vw;line-height:1.6}@media (min-width: 700px){#tanabata2022 #aboutCol .aboutInnerWrap .txtBox p{text-align:left}}#tanabata2022 #mvCol.end+#aboutCol::before{-webkit-filter:brightness(0.5);filter:brightness(0.5)}#tanabata2022 #methodCol{padding:14.28571vw 0vw 14.28571vw 0vw}@media (min-width: 700px){#tanabata2022 #methodCol{padding:8.33333vw 0vw 8.33333vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol{padding:100px 0px 100px 0px}}#tanabata2022 #methodCol .stepList{display:-webkit-flex;display:flex;-webkit-flex:flex;flex:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}#tanabata2022 #methodCol .stepList dl{border:#000 3px solid;width:100%;margin:0vw 0vw 5.71429vw 0vw}#tanabata2022 #methodCol .stepList dl:last-child{margin-bottom:0}@media (min-width: 700px){#tanabata2022 #methodCol .stepList dl{width:29.41667vw;max-width:353px;margin:0vw 0vw 0vw 0vw}}#tanabata2022 #methodCol .stepList dl dt{text-align:center;background:linear-gradient(90deg, #00a0e9 0%, #1caed9 50%, #00e1e9 100%);color:#fff;padding:.5em}#tanabata2022 #methodCol .stepList dl dd{padding:5.71429vw 5.71429vw 5.71429vw 5.71429vw}@media (min-width: 700px){#tanabata2022 #methodCol .stepList dl dd{padding:1.66667vw 1.66667vw 1.66667vw 1.66667vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .stepList dl dd{padding:20px 20px 20px 20px}}#tanabata2022 #methodCol .stepList dl dd .stepImg{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:1.42857vw auto 4.28571vw auto}@media (min-width: 700px){#tanabata2022 #methodCol .stepList dl dd .stepImg{margin:.83333vw auto 2.5vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .stepList dl dd .stepImg{margin:10px auto 30px auto}}#tanabata2022 #methodCol .stepList dl dd>p{text-align:center}#tanabata2022 #methodCol .stepList dl.step1 dd .stepImg{width:42.28571vw}@media (min-width: 700px){#tanabata2022 #methodCol .stepList dl.step1 dd .stepImg{width:16.66667vw;max-width:200px}}#tanabata2022 #methodCol .stepList dl.step2 dd .stepImg{-webkit-align-items:flex-start;align-items:flex-start;width:55vw}@media (min-width: 700px){#tanabata2022 #methodCol .stepList dl.step2 dd .stepImg{width:25.58333vw;max-width:307px}}#tanabata2022 #methodCol .stepList dl.step2 dd .note{font-size:0.7em;color:#999}#tanabata2022 #methodCol .stepList dl.step3 dd .stepImg{-webkit-align-items:flex-start;align-items:flex-start;width:55vw}@media (min-width: 700px){#tanabata2022 #methodCol .stepList dl.step3 dd .stepImg{width:25.58333vw;max-width:307px}}#tanabata2022 #methodCol h2.termsTit{margin:14.28571vw auto 0vw auto}@media (min-width: 700px){#tanabata2022 #methodCol h2.termsTit{margin:8.33333vw auto 0vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol h2.termsTit{margin:100px auto 0px auto}}#tanabata2022 #methodCol .termsCol{width:100%;padding:5.71429vw 5.71429vw 5.71429vw 5.71429vw;margin:5.71429vw auto 0vw auto;border:#000 solid 3px;font-size:3.14286vw}@media (min-width: 700px){#tanabata2022 #methodCol .termsCol{font-size:1.5vw;padding:3.33333vw 3.33333vw 3.33333vw 3.33333vw;margin:3.33333vw auto 0vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsCol{font-size:18px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsCol{padding:40px 40px 40px 40px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsCol{margin:40px auto 0px auto}}#tanabata2022 #methodCol .termsInner{height:85.71429vw;overflow-y:scroll;padding-right:1em}@media (min-width: 700px){#tanabata2022 #methodCol .termsInner{height:43.33333vw;max-height:520px}}#tanabata2022 #methodCol .termsInner h3{font-weight:bold;text-align:center;font-size:4.57143vw}@media (min-width: 700px){#tanabata2022 #methodCol .termsInner h3{font-size:2.33333vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsInner h3{font-size:28px}}#tanabata2022 #methodCol .termsInner dl{margin:5.71429vw auto 0vw auto}@media (min-width: 700px){#tanabata2022 #methodCol .termsInner dl{margin:3.33333vw auto 0vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsInner dl{margin:40px auto 0px auto}}#tanabata2022 #methodCol .termsInner dl dt{color:#36b4e0;font-size:4vw;font-weight:bold;margin:0vw auto 1.42857vw auto}@media (min-width: 700px){#tanabata2022 #methodCol .termsInner dl dt{font-size:2vw;margin:0vw auto .83333vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsInner dl dt{font-size:24px}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsInner dl dt{margin:0px auto 10px auto}}#tanabata2022 #methodCol .termsInner dl dd{font-weight:500}#tanabata2022 #methodCol .termsInner dl dd .termsList li{padding-left:1em;text-indent:-1em;margin-bottom:0.5em}#tanabata2022 #methodCol .termsInner dl dd .termsList li:last-child{margin-bottom:0}#tanabata2022 #methodCol .termsInner dl dd .note{margin:1.42857vw 0vw 0vw 0vw;font-size:0.8em}@media (min-width: 700px){#tanabata2022 #methodCol .termsInner dl dd .note{margin:.83333vw 0vw 0vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #methodCol .termsInner dl dd .note{margin:10px 0px 0px 0px}}#tanabata2022 #methodCol .termsInner dl dd .noteTxt{font-size:0.8em}#tanabata2022 #snsCol{background:#eaeaea;padding:14.28571vw 0vw 14.28571vw 0vw}@media (min-width: 700px){#tanabata2022 #snsCol{padding:8.33333vw 0vw 8.33333vw 0vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #snsCol{padding:100px 0px 100px 0px}}#tanabata2022 #snsCol .snsList{display:-webkit-flex;display:flex;-webkit-flex:flex;flex:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}#tanabata2022 #snsCol .snsList li{width:100%;border:3px solid #000;margin:0vw auto 4.28571vw auto}@media (min-width: 700px){#tanabata2022 #snsCol .snsList li{width:48%;margin:0vw auto 2.5vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #snsCol .snsList li{margin:0px auto 30px auto}}#tanabata2022 #snsCol .snsList li .snsListTit{display:-webkit-flex;display:flex;-webkit-flex:flex;flex:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;background:#000;color:#fff;padding:2.85714vw 2.85714vw 2.85714vw 4.28571vw}@media (min-width: 700px){#tanabata2022 #snsCol .snsList li .snsListTit{padding:1.66667vw 1.66667vw 1.66667vw 2.5vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #snsCol .snsList li .snsListTit{padding:20px 20px 20px 30px}}#tanabata2022 #snsCol .snsList li .snsListTit p{margin:0;padding:0vw 0vw 0vw 4.28571vw;font-weight:500}@media (min-width: 700px){#tanabata2022 #snsCol .snsList li .snsListTit p{padding:0vw 0vw 0vw 2.5vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #snsCol .snsList li .snsListTit p{padding:0px 0px 0px 30px}}#tanabata2022 #snsCol .snsList li .snsListTit img{width:11.42857vw}@media (min-width: 700px){#tanabata2022 #snsCol .snsList li .snsListTit img{width:6.66667vw;max-width:80px}}#tanabata2022 #snsCol .snsList li .snsCont{padding:5.71429vw 5.71429vw 5.71429vw 5.71429vw;background:#FFF}@media (min-width: 700px){#tanabata2022 #snsCol .snsList li .snsCont{padding:1.66667vw 1.66667vw 1.66667vw 1.66667vw}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #snsCol .snsList li .snsCont{padding:20px 20px 20px 20px}}#tanabata2022 #snsCol .snsList li .snsCont p{text-align:center;margin:0vw auto 0vw auto}@media (min-width: 700px){#tanabata2022 #snsCol .snsList li .snsCont p{margin:1.66667vw auto 0vw auto}}@media (min-width: 700px) and (min-width: 1200px){#tanabata2022 #snsCol .snsList li .snsCont p{margin:20px auto 0px auto}}