@import url("//fonts.googleapis.com/css2?family=Open+Sans&display=swap");body,button,dd,div,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,html{height:100%;font-family:-apple-system, BlinkMacSystemFont, sans-serif}.wrap{position:relative;width:100%;min-width:1180px;margin:0 auto;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:400}fieldset,li{border:0;vertical-align:top}ol,ul{list-style:none}img{border:none}button{overflow:visible;border:0;background-color:transparent;cursor:pointer;-webkit-appearance:none}button::-moz-focus-inner{padding:0;border:0}address,caption,em{font-style:normal}a{outline:0}a,a:active,a:focus,a:hover{text-decoration:none}table{border-spacing:0}button,input,textarea{font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-weight:400;font-size:14px}pre{font-family:-apple-system, BlinkMacSystemFont, sans-serif}i{font-style:normal}input{border:none;font-size:14px;font-weight:400;line-height:24px;color:#212529;display:block;width:100%;outline:none;background-color:transparent}input::-webkit-input-placeholder{font-size:16px;line-height:24px;color:#ced4da}input::-moz-placeholder{font-size:16px;line-height:24px;color:#ced4da}input:-moz-placeholder{font-size:16px;line-height:24px;color:#ced4da}input:-ms-input-placeholder{font-size:16px;line-height:24px;color:#ced4da}h1.sample-title{font-size:30px;padding:50px 0 10px 20px;margin-bottom:20px;border-bottom:1px solid #ccc;font-weight:600}.darkmode h1.sample-title{color:#fff;border-bottom:1px solid rgba(222,226,230,0.24) !important}.bg-color-1{background-color:#fff}.bg-color-2{background-color:#f8f9fa}.font-color-1{color:#212529}.font-color-2{color:#495057}.font-color-3{color:#ced4da}.font-color-4{color:#adb5bd}.font-color-5{color:#868e96}.font-color-6{color:red}.darkmode .bg-color-1{background-color:#000}.darkmode .bg-color-2{background-color:#333}.darkmode .font-color-1{color:#fff}.darkmode .font-color-2{color:#fff}.darkmode .font-color-3{color:#fff}.darkmode .font-color-4{color:#fff}.darkmode .font-color-5{color:#ccc}.darkmode .font-color-6{color:red}.ti-30{text-indent:-30px;margin-left:30px}.ti-22{text-indent:-22px;margin-left:22px}.ti-16{text-indent:-16px;margin-left:16px}.ml-8{margin-left:8px}.pl-32{padding-left:32px}.pl-24{padding-left:24px}html{overflow-x:hidden;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.main__hero{background:url("https://resources.comico.io/img/web/landingpage/bg_hero.png") no-repeat top center;background-size:2000px auto;font-family:'Open Sans', sans-serif;color:#35343c}@media screen and (max-width: 960px){.main__hero{background:url("https://resources.comico.io/img/web/landingpage/bg_hero_sp.png") no-repeat top center;background-size:contain}}.main__hero_wrap{position:relative;max-width:980px;width:100%;height:800px;margin:0 auto;padding:40px 10px 0}@media screen and (max-width: 960px){.main__hero_wrap{max-width:320px;height:420px;padding:20px 20px 0}}.main__hero_wrap::before{content:"";position:absolute;left:363px;bottom:0;width:826px;height:644px;background:url("https://resources.comico.io/img/web/landingpage/img_car_hero.png") no-repeat 0 0;background-size:826px auto;z-index:-1}@media screen and (max-width: 960px){.main__hero_wrap::before{left:50%;transform:translateX(-50%);width:100%;height:251px;background:url("https://resources.comico.io/img/web/landingpage/img_car_hero.png") no-repeat center bottom;background-size:auto 251px}}.main__hero_wrap::after{content:"";position:absolute;left:825px;bottom:27px;width:187px;height:187px;background:url("https://resources.comico.io/img/web/landingpage/icon_app.png") no-repeat 0 0;background-size:187px auto}@media screen and (max-width: 960px){.main__hero_wrap::after{top:12px;right:10px;left:inherit;bottom:inherit;width:71.5px;height:71.5px;background-size:auto 71.5px}}.main__hero_wrap .logo{width:275px;height:32px;background:url("https://resources.comico.io/img/web/landingpage/logo_pocket_comics.png") no-repeat top left;font:0/0 a;text-shadow:none;color:transparent;padding:0;border:none;overflow:hidden}@media screen and (max-width: 960px){.main__hero_wrap .logo{width:137.5px;height:16px;background-size:137.5px 16px}}.main__hero_wrap>.title{margin-top:88px;font-size:96px;font-weight:700;line-height:1.066;letter-spacing:-1px}@media screen and (max-width: 960px){.main__hero_wrap>.title{margin-top:20px;font-size:37px;letter-spacing:normal}}.main__hero_wrap>.subTitle{margin-top:16px;font-size:46px;font-weight:400;letter-spacing:-1px}@media screen and (max-width: 960px){.main__hero_wrap>.subTitle{margin-top:6px;font-size:16px;letter-spacing:-0.7px}}.main__hero_wrap .btn-wrap{display:flex;width:100%;margin-top:48px}@media screen and (max-width: 960px){.main__hero_wrap .btn-wrap{justify-content:center;margin-top:165px}}@media screen and (max-width: 960px){.main__hero_wrap .btn-wrap>li img{height:37px}}.main__hero_wrap .btn-wrap>li img.badge-gp{margin-top:-17px;margin-left:-17px}@media screen and (max-width: 960px){.main__hero_wrap .btn-wrap>li img.badge-gp{height:55px;margin-top:-9px;margin-left:-9px}}.main__hero_wrap .btn-wrap>li:not(:first-child){margin-left:8px}@media screen and (max-width: 960px){.main__hero_wrap .btn-wrap>li:not(:first-child){margin-left:4px}}.section__area{font-family:'Open Sans', sans-serif;color:#35343c}.section__area.-white{background-color:#ffffff}.section__area.-light{padding-bottom:16px;background-color:#f1f5f7}@media screen and (max-width: 960px){.section__area.-light{padding-bottom:8px}}.section__area.-dark{background-color:#35343c;color:#ffffff}.section__area>.contents{max-width:980px;width:100%;margin:0 auto;padding:96px 10px 0;text-align:center}@media screen and (max-width: 960px){.section__area>.contents{padding:48px 0 0}}.section__area>.contents>.title{font-size:46px;font-weight:700;line-height:1.3}@media screen and (max-width: 960px){.section__area>.contents>.title{padding:0 20px;font-size:23px}}.section__area>.contents>.text{margin-top:16px;font-size:22px;line-height:1.45}@media screen and (max-width: 960px){.section__area>.contents>.text{margin-top:8px;padding:0 20px;font-size:11px}}.img{width:100%;font:0/0 a;text-shadow:none;color:transparent;padding:0;border:none;overflow:hidden}.img.-group{height:406px;margin:18px 0;background:url("https://resources.comico.io/img/web/landingpage/img_thumb_group.png") no-repeat top center}@media screen and (max-width: 960px){.img.-group{height:135px;margin:9px 0 0;background:url("https://resources.comico.io/img/web/landingpage/img_thumb_group_sp.png") no-repeat top center;background-size:auto 135px}}.img.-phone{height:465px;margin-top:7px;margin-bottom:-1px;background:url("https://resources.comico.io/img/web/landingpage/img_car_phone.png") no-repeat top center;background-size:auto 465px}@media screen and (max-width: 960px){.img.-phone{height:232.5px;margin:0;background-size:auto 232.5px}}.img.-calender{height:423px;margin-top:47px;background:url("https://resources.comico.io/img/web/landingpage/img_car_calender.png") no-repeat top center;background-size:auto 423px}@media screen and (max-width: 960px){.img.-calender{height:211px;margin-top:16px;background-size:auto 211px}}.img.-cloud{height:424px;margin-top:35px;margin-bottom:-1px;background:url("https://resources.comico.io/img/web/landingpage/img_car_cloud.png") no-repeat top center;background-size:auto 424px}@media screen and (max-width: 960px){.img.-cloud{height:203px;margin:14px 0 0;background-size:auto 203px}}.footer{padding:56px 0 60px;background-color:#bd141b;color:#ffffff;font-size:20px;line-height:1.5;text-align:center;font-family:'Open Sans', sans-serif}@media screen and (max-width: 960px){.footer{padding:28px 0 30px;font-size:10px}}.footer>.contents{max-width:980px;width:100%;margin:0 auto;padding:0 20px}.footer>.contents .btn-wrap{display:flex;justify-content:center;line-height:0}@media screen and (max-width: 960px){.footer>.contents .btn-wrap>li img{height:37px}}.footer>.contents .btn-wrap>li img.badge-gp{margin-top:-17px;margin-left:-17px}@media screen and (max-width: 960px){.footer>.contents .btn-wrap>li img.badge-gp{height:55px;margin-top:-9px;margin-left:-9px}}.footer>.contents .btn-wrap>li:not(:first-child){margin-left:8px}@media screen and (max-width: 960px){.footer>.contents .btn-wrap>li:not(:first-child){margin-left:4px}}.footer>.contents>.copyright{margin-top:40px}@media screen and (max-width: 960px){.footer>.contents>.copyright{margin-top:20px}}.footer>.contents>.sns-wrap{display:none;justify-content:center;margin-top:24px;line-height:0}@media screen and (max-width: 960px){.footer>.contents>.sns-wrap{margin-top:12px}}@media screen and (max-width: 960px){.footer>.contents>.sns-wrap>li img{width:auto;height:30px}}.footer>.contents>.sns-wrap>li:not(:first-child){margin-left:16px}@media screen and (max-width: 960px){.footer>.contents>.sns-wrap>li:not(:first-child){margin-left:8px}}