html{scroll-behavior:smooth}.chart-area{position:relative;margin:0;padding:60px 0 120px}.chart-area .d-box-title{background:url(../images/chart/chart_tit.png);width:calc(261/1000*100%);padding:15% 0 0;margin:0 auto 70px;background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:contain;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;z-index:20}.chart-img-area{width:calc(870/1000 * 100%);max-width:870px;margin:auto;padding:0 20px}.chart-img-area__title{margin-bottom:30px;border-bottom:2px solid #3b3b3b;font-size:22px;font-weight:bold;text-align:center}@media only screen and (max-width: 600px){.chart-img-area__title{margin-bottom:15px;border-width:1px}}.chart-img-area__title img{width:auto !important;height:32px;margin:0 auto 15px}@media only screen and (max-width: 600px){.chart-img-area__title img{height:17px;margin:0 auto 5px}}.chart-img-area__main .chart-img-area__title img{height:40px}@media only screen and (max-width: 600px){.chart-img-area__main .chart-img-area__title img{height:24px}}.chart-img-area__chara{display:inline-block;vertical-align:middle;width:calc(180/720 * 100%);margin:0 20px;text-align:center}@media only screen and (max-width: 600px){.chart-img-area__chara{width:30%;margin:0}}.chart-img-area__chara.sakura{width:calc(200/720 * 100%);transform:translateY(-60%);-webkit-transform:translateY(-60%)}@media only screen and (max-width: 600px){.chart-img-area__chara.sakura{width:35%;transform:translateY(-80%);-webkit-transform:translateY(-80%)}}.chart-img-area__main .chart-img-area__chara:nth-of-type(5){margin-left:80px}@media only screen and (max-width: 600px){.chart-img-area__main .chart-img-area__chara:nth-of-type(5){margin-left:10%}}@media only screen and (min-width: 601px){.chart-img-area__main .chart-img-area__chara{margin-left:calc(20/720 * 100%);margin-right:calc(20/720 * 100%)}.chart-img-area__main .chart-img-area__chara:nth-of-type(n+4){margin-top:40px}}.chart-img-area__sub .chart-img-area__chara{margin:0 55px}@media only screen and (max-width: 600px){.chart-img-area__sub .chart-img-area__chara{margin:0 25px;width:28%}}.chart-img-area__other .chart-img-area__chara{width:160px;margin:0 10px}@media only screen and (max-width: 600px){.chart-img-area__other .chart-img-area__chara{width:calc(100% - 10px);margin:0;padding:0 10px}}@media only screen and (max-width: 600px){.chart-img-area__other .two .chart-img-area__chara{width:calc(50% - 10px)}}.chart-img-area__chara-name{padding:10px 0px 0}@media only screen and (max-width: 600px){.chart-img-area__chara-name{padding:10px 0 0}}@media only screen and (min-width: 601px){.chart-img-area__sub .chart-img-area__chara-name{padding:10px 5px 0}}@media only screen and (min-width: 601px){.chart-img-area__other .chart-img-area__chara-name{padding:10px 10px 0}}.chart-img-area__chara-cast{font-size:16px}.chart-img-area__main{max-width:720px;margin:auto;margin-bottom:90px;background:url(../images/chart/chart_main_bg_pc.png) center 70%/contain no-repeat;text-align:center}@media only screen and (max-width: 600px){.chart-img-area__main{margin-bottom:60px;background:url(../images/chart/chart_main_bg_sp.png) center/contain no-repeat}}.chart-img-area__main-wrap{margin-top:230px}@media only screen and (max-width: 600px){.chart-img-area__main-wrap{margin-top:45%}}.chart-img-area__sub{position:relative;text-align:center;max-width:670px;margin:auto}.chart-img-area__sub-title{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);padding:0px 30px;background:#fff;font-size:22px;font-weight:bold}.chart-img-area__sub-title img{width:auto !important;height:32px}@media only screen and (max-width: 600px){.chart-img-area__sub-title img{height:17px}}.chart-img-area__sub-wrap{padding:50px 0 40px;margin-bottom:60px;border:2px solid #3b3b3b}@media only screen and (max-width: 600px){.chart-img-area__sub-wrap{padding:25px 0;border-width:1px}}.chart-img-area__other{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:120px}@media only screen and (max-width: 600px){.chart-img-area__other{margin-bottom:45px}}@media only screen and (min-width: 600px) and (max-width: 992px){.chart-img-area__other{max-width:600px;margin:auto;margin-bottom:45px}}.chart-img-area__other-wrap{text-align:center}@media only screen and (max-width: 600px){.chart-img-area__other-wrap.one{width:32%;margin-right:3%;margin-bottom:10px}.chart-img-area__other-wrap.two{width:64%;margin-bottom:50px}}@media only screen and (min-width: 600px) and (max-width: 992px){.chart-img-area__other-wrap.two{margin-bottom:50px}}.chart-area a{display:block}.chart-inner{padding:0}.chart-character-area{background:#edf8ff;padding:60px 0 60px}.chart-character-inner{margin:0 auto;width:calc(1000/1280*100%);max-width:1000px}.chart-character-inner .character-box{background:#fff;padding:40px;width:calc(900/1000*100%);margin:0 auto}.chart-character-inner .character-box::after{clear:both;display:block;content:''}@media only screen and (max-width: 600px){.chart-character-inner .character-box .clear{clear:both}}.chart-character-inner .character-box:not(:first-child){margin:40px auto 0}.character-img{float:left;font-size:0;width:170px}@media only screen and (max-width: 600px){.character-img{width:100px}}.character-img img{width:100%}@media only screen and (max-width: 600px){.neighbor .character-img{margin-bottom:15px}}.character-name-box{float:left;width:calc(100% - 200px);margin-left:30px;line-height:1}@media only screen and (max-width: 600px){.character-name-box{width:calc(100% - 115px);height:100px;margin-left:15px;display:flex;flex-wrap:wrap;align-content:center}}.neighbor .character-name-box{width:calc(50% - 200px)}@media only screen and (max-width: 1120px){.neighbor .character-name-box{width:calc(100% - 200px);height:170px;margin-bottom:15px;display:flex;flex-wrap:wrap;align-content:center}}@media only screen and (max-width: 600px){.neighbor .character-name-box{width:calc(100% - 115px);height:100px}}.character-name{font-size:32px;font-weight:bold;width:100%;margin-bottom:20px}@media only screen and (max-width: 600px){.character-name{margin-bottom:10px}}.character-age{font-size:20px}.cast-name{font-size:20px;font-weight:bold}.character-comment{margin-top:15px;font-size:16px;line-height:1.6}.neighbor .character-comment{margin-top:25px}@media only screen and (max-width: 600px){.neighbor .character-comment{margin-top:0px}}@media only screen and (min-width: 601px){.character-comment{float:left;width:calc(100% - 200px);margin-top:25px;margin-left:30px;font-size:18px}.neighbor .character-comment{width:100%;margin-left:0px}}.deco-bridge{margin:60px auto;width:210px}.deco-bridge img{width:100%}@media only screen and (max-width: 600px){.chart-area{padding:40px 0 0px}.chart-area .d-box-title{width:calc(261/670*100%);padding:23% 0 0;margin:0 auto 40px}.chart-inner{width:calc(670/750*100%);margin:0 auto}.chart-character-inner{margin:0 auto;width:calc(670/750*100%);max-width:670px}.chart-character-inner .character-box{padding:20px;width:100%}.chart-character-inner .character-box:not(:first-child){margin:20px auto 0}.character-name{font-size:20px}.character-age{font-size:16px}.cast-name{font-size:16px}.deco-bridge{margin:40px auto;width:150px}}