@charset "UTF-8";
@import "../../../../assets/css/page.css";
#intro{position:relative;margin-bottom:40px;background:url("../img/bg_main.png") calc(50% - 100px) top no-repeat;}@media screen and (max-width:640px){#intro{background:none}}#intro p{font-size:16px;line-height:1.8;text-align:center;}@media screen and (max-width:640px){#intro p{font-size:14px;line-height:1.6}}#title{position:relative;margin:0 auto 0;}#title h1{padding:150px 0 40px;text-align:center;position:relative;z-index:5;}@media screen and (max-width:640px){#title h1{padding:0;margin:0 -15px 15px}}.section{position:relative;background-repeat:no-repeat;background-position:center top;padding:80px 0;margin-top:50px;}.section:before{content:"";position:absolute;display:block;background-position:left top;background-repeat:no-repeat;background-size:contain}.section .wrap{position:relative;}.section .wrap:before,.section .wrap:after{content:"";display:block;position:absolute;background-position:left top;background-repeat:no-repeat;background-size:contain;visibility:visible}.section h2{text-align:center;margin-bottom:-20px}.section .img{text-align:center;margin-bottom:-20px}.section p{position:relative;top:0;left:5px;width:660px;margin:0 auto 0;line-height:1.8}@media screen and (max-width:640px){.section{background:none;background-color:#fff;margin:15px 15px 0;padding:15px 0 !important}.section:before{display:none}.section .wrap:before,.section .wrap:after{top:0 !important}.section h2{margin-bottom:15px}.section .img{margin-bottom:15px}.section p{width:auto;left:0;line-height:1.6}}.section#vol01{padding-bottom:100px;background-image:url("../img/vol01/bg.png");}.section#vol01:before{bottom:-100px;left:calc(50% - 200px);width:135px;height:199px;background-image:url("../img/vol01/connect.png")}.section#vol01:after{content:"";position:absolute;top:-200px;right:-195px;display:block;width:511px;height:569px;background-image:url("../img/pencil.png");visibility:visible}.section#vol01 .wrap:before{background-image:url("../img/illust_blue_tri01.png");width:192px;height:175px;top:35%;left:-100px}.section#vol01 .wrap:after{background-image:url("../img/illust_blue_tri02.png");width:217px;height:175px;top:50%;right:-100px}@media screen and (max-width:640px){.section#vol01:after{display:none}.section#vol01 h2 img{max-width:150px}.section#vol01 .wrap:before{width:80px;left:-25px}.section#vol01 .wrap:after{width:80px;right:-25px}}.section#vol02{padding-bottom:100px;background-position:calc(50% + 80px) top;background-image:url("../img/vol02/bg.png");}.section#vol02:before{bottom:-80px;left:calc(50% + 200px);width:68px;height:105px;background-image:url("../img/vol02/connect.png")}.section#vol02 .wrap:before{background-image:url("../img/illust_pink_ball.png");width:170px;height:167px;top:0;right:-30px}.section#vol02 .wrap:after{background-image:url("../img/illust_pink_ball.png");width:170px;height:167px;top:50%;left:-50px}@media screen and (max-width:640px){.section#vol02 h2 img{max-width:85%}.section#vol02 .wrap:before{width:60px;right:inherit;left:-40px}.section#vol02 .wrap:after{width:60px;left:inherit;right:-40px}}.section#vol03{padding-top:50px;padding-bottom:100px;background-image:url("../img/vol03/bg.png");}.section#vol03:before{bottom:-80px;left:calc(50% - 200px);width:64px;height:159px;background-image:url("../img/vol03/connect.png")}.section#vol03 .wrap:before{background-image:url("../img/illust_yellow_tri.png");width:215px;height:158px;top:0;right:-30px}.section#vol03 .wrap:after{background-image:url("../img/illust_yellow_tri.png");width:215px;height:158px;top:50%;left:-50px}@media screen and (max-width:640px){.section#vol03 h2 img{max-width:200px}.section#vol03 .wrap:before{width:70px;right:inherit;left:-30px}.section#vol03 .wrap:after{width:70px;left:inherit;right:-30px}}.section#vol04{padding-top:40px;background-image:url("../img/vol04/bg.png");}.section#vol04:before{bottom:-100px;left:calc(50% + 200px);width:98px;height:176px;background-image:url("../img/vol04/connect.png")}.section#vol04 .wrap:before{background-image:url("../img/illust_green_ball.png");width:170px;height:167px;top:0;right:-30px}.section#vol04 .wrap:after{background-image:url("../img/illust_green_ball.png");width:170px;height:167px;top:50%;left:-50px}@media screen and (max-width:640px){.section#vol04 h2 img{max-width:200px}.section#vol04 .wrap:before{width:70px;right:inherit;left:-30px}.section#vol04 .wrap:after{width:70px;left:inherit;right:-30px}}.section#vol05{padding-top:40px;background-image:url("../img/vol05/bg.png");}.section#vol05:before{bottom:-100px;left:calc(50% - 200px);width:64px;height:159px;background-image:url("../img/vol05/connect.png")}.section#vol05 .wrap:before{background-image:url("../img/illust_blue_tri01.png");width:192px;height:175px;top:20%;left:-70px}.section#vol05 .wrap:after{background-image:url("../img/illust_blue_tri02.png");width:217px;height:175px;top:50%;right:-50px}@media screen and (max-width:640px){.section#vol05 h2 img{max-width:60px}.section#vol05 .wrap:before{width:70px;right:inherit;left:-30px}.section#vol05 .wrap:after{width:70px;left:inherit;right:-30px}}.section#vol06{padding-top:40px;background-image:url("../img/vol06/bg.png");}.section#vol06:before{bottom:-100px;left:calc(50% + 200px);width:98px;height:176px;background-image:url("../img/vol06/connect.png")}.section#vol06 .wrap:before{background-image:url("../img/illust_orange_ball.png");width:170px;height:167px;top:0;right:-30px}.section#vol06 .wrap:after{background-image:url("../img/illust_orange_ball.png");width:170px;height:167px;top:50%;left:-50px}@media screen and (max-width:640px){.section#vol06 h2 img{max-width:200px}.section#vol06 .wrap:before{width:70px;right:inherit;left:-30px}.section#vol06 .wrap:after{width:70px;left:inherit;right:-30px}}.section#vol07{padding-top:20px;background-image:url("../img/vol07/bg.png");}.section#vol07:before{bottom:-100px;left:calc(50% - 300px);width:83px;height:203px;background-image:url("../img/vol07/connect.png")}.section#vol07 .wrap:before{background-image:url("../img/illust_green_tri.png");width:215px;height:158px;top:0;right:-30px}.section#vol07 .wrap:after{background-image:url("../img/illust_green_tri.png");width:215px;height:158px;top:50%;left:-80px}@media screen and (max-width:640px){.section#vol07 h2 img{max-width:200px}.section#vol07 .wrap:before{width:70px;right:inherit;left:-30px}.section#vol07 .wrap:after{width:70px;left:inherit;right:-30px}}.section#vol08{padding-top:70px;padding-bottom:290px;background-image:url("../img/vol08/bg.png");}.section#vol08 .wrap:before{background-image:url("../img/illust_pink_ball.png");width:170px;height:167px;top:0;right:-30px}.section#vol08 .wrap:after{background-image:url("../img/illust_pink_ball.png");width:170px;height:167px;top:50%;left:-50px}@media screen and (max-width:640px){.section#vol08 h2 img{max-width:200px}.section#vol08 .wrap:before{width:70px;right:inherit;left:-30px}.section#vol08 .wrap:after{width:70px;left:inherit;right:-30px}}.illust{position:relative;z-index:10;text-align:center;margin-top:-250px;}@media screen and (max-width:640px){.illust{margin-top:20px}}.sublinks{position:relative;z-index:50}