@charset "UTF-8";

:root {
  --vw: 1vw;
}
:root {
  --vh: 1vh;
}
img{
	display: block;
}
article{
    width: 100%;
    overflow: hidden;
}
.site-header {
	z-index: 1000;
}
.header_right{
	display: flex;
	justify-content: flex-end;
	gap:min(20px, 4vw);
	padding-right: 15px;
}
.header_btns a{
	display: block;
}
.header_btns a img{
	display: block;
	width: auto;
    height: min(40px, 8vw);
}

.header_btns{
	display: flex;
    justify-content: flex-end;
    gap: min(20px, 4vw);
	padding-right: 0px;
}
/* .header_navi_sp li:last-child{
    border-bottom: solid 1px #000;
}
*/
.spmenubtn .spmenuopen {
	border-color: #000;
}
.spmenubtn .spmenuopen:before,
.spmenubtn .spmenuclose:after,
.spmenubtn .spmenuclose:before{
	border-color: #000;
	background-color: #000;
}
.spmenubtn{
	margin-right: 0;
}
    .header_navi li > p, .header_navi li a {
		font-size: 16px;
    border-color: #fff;
		font-weight: 500;
}

@media screen and (max-width: 1000px) {
    .header_navi {
        display: none;
    }
@media screen and (min-width: 916px) {
    .header_navi_sp, .spmenubtn {
		display: block;
    }
	}
}
.lp_footer{
    background: none;
	color: #fff;
}
section{
	position: relative;
	z-index: 5;
}
body,
#page{
	background-color: #ff0000;
}
#page{
	/*background-image: url("../atari2.png");*/
	background-size: 100% auto;
	background-position: top 60px center;
    font-size: calc( var(--vw) * 2 );
}
.inner{
	position: relative;
	z-index: 5;
}
.bgbaby{
	background-image: url("../images/bg_baby.png");
	position: relative;
    z-index: 3;
    margin-top: calc( var(--vw) * -1 * 24 );
    padding-bottom: calc( var(--vw) * 32 );
    background-size: 100% auto;
}
.bgbaby:before,
.bgbaby:after{
	content: "";
	z-index: 1;
	position: absolute;
	width: 100%;
	height: calc( var(--vw) * 45 );
	display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.bgbaby:before{
	top: -1px;
	background-position: top center;
	background-image: url("../images/bg_bottom.png");
}
.bgbaby:after{
	bottom: -1px;
	background-position: bottom center;
	background-image: url("../images/bg_top.png");
}
#kv{
    padding-top: calc( var(--vw) * 10 );
}
.kv_title1{
	    margin: auto;
    display: block;
    width: calc( var(--vw) * 50 );
    margin-bottom: calc( var(--vw) * 1.5 );
    margin-bottom: calc( var(--vw) * 0.7 );
}
.kv_title2{
    width: calc( var(--vw) * 25.8 );
    margin: auto;
    margin-bottom: calc( var(--vw) * 2.2 );
    text-align: center;
}
.kv_text1{
    text-align: center;
    color: #fff;
    font-size: calc( var(--vw) * 1.2 );
    margin-bottom: calc( var(--vw) * 1 );
    letter-spacing: 0.12em;
    line-height: 1.8;
}

.kv_monitor{width: calc( var(--vw) * 63 );
	margin: auto;
    margin-bottom: calc( var(--vw) * 5.5 );
}


.kv_thumb_pc {
	position: absolute;
    right: calc(var(--vw) * 1.9);
    left: calc(var(--vw) * 1.9);
    top: calc(var(--vw) * 5);
    bottom: auto;
    margin: auto;
    /* top: 0; */
    width: calc(var(--vw) * 59);
    height: calc(var(--vw) * 33.2);
    border-radius: calc(var(--vw) * 2.5);
    overflow: hidden;
}
.kv_thumb_pc:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    display: block;
    z-index: 10;
    position: absolute;
}
.kv_thumb_pc:hover:before {
    background-color: rgba(0, 0, 0, 0);
}
.kv_thumb_pc:after {
    content: "";
    background-size: contain;
    background-position: center;
    background-image: url(../images/play_icon.svg);
    background-repeat: no-repeat;
    height: calc(var(--vw) * 6);
    width: calc(var(--vw) * 6);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    z-index: 11;
    position: absolute;
}
.kv_thumb_pc  img{
	width: 100%;
}
.scroll{
    width:calc( var(--vw) *  6.5 );
	margin: auto;
}
.side_title{
	position: absolute;
	left: 0;
}
.shirobako_title1{
    width: calc( var(--vw) * 38.5 );
    position: absolute;
    left: calc( var(--vw) * -1 * 26.5 );
    top: calc( var(--vw) * -1 * 9.5 );
}


.shirobako_title2{
    width: calc( var(--vw) * 31.5 );
margin: auto;
    margin-bottom: calc( var(--vw) * 3 );
        position: relative;
        z-index: 1;
}
.shirobako{
	background-color: #fff;
	position: relative;
    border-radius: calc( var(--vw) * 6.8 );
}

#shiru .side_title{
	    width: calc( var(--vw) * 15 );
    top: calc( var(--vw) * 55 );
}

#shiru{
    padding-top: calc( var(--vw) * 16.5 );
    padding-bottom: calc( var(--vw) * 8 );
}

#shiru .shirobako{
    width: calc( var(--vw) * 55 );
	margin-left: calc( var(--vw) * 34 );
    padding:calc( var(--vw) * 4 );
	padding-top: calc( var(--vw) * 8.8 );
    margin-bottom: calc( var(--vw) * 9 );
}

.shirobako:after{    content: "";
    bottom: calc( var(--vw) * -1 * 3 );
    background-image: url(../images/fukidashi_maru.svg);
    width: calc( var(--vw) * 4.2 );
    height: calc( var(--vw) * 8 );
    right: calc( var(--vw) * 7.2 );
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    background-position: bottom center;
    z-index: 0;
}
.shirobako_title3{
    font-size: calc( var(--vw) * 1.4 );
    text-align: center;
    margin-bottom: calc( var(--vw) * 5 );
    line-height: 1.7;
    font-weight: 700;
}
#shiru .shirobako_title3{
	margin-bottom: calc(var(--vw) * 2);
}
#shiru .shirobako .btn_more{
	margin-bottom: calc(var(--vw) * 4);
}
.whatis{
	position: relative;
	background-color: #ff0000;
    padding-top: calc( var(--vw) * 5 );
    height: calc( var(--vw) * 33 );
	color: #fff;
	text-align: center;
    border-radius: calc( var(--vw) * 3.8 );
	z-index: 10;
}
.whatis_text1{
    text-align: center;
    font-size: calc( var(--vw) * 1.8 );
    margin-bottom: calc( var(--vw) * 2 );
}
.whatis_text2{
    text-align: center;
    position: relative;
    padding-right: calc( var(--vw) * 12 );
    line-height: 1.8;
    font-size: calc( var(--vw) * 1.2 );
}
.sectiontitle2_3{
    position: absolute;
    top: calc( var(--vw) * -1 * 2 );
    width: calc( var(--vw) * 16 );
    right: calc( var(--vw) * 2 );
}
.sectiontitle2_4{
    width: calc( var(--vw) * 37 );
    display: block;
	margin: auto;
    margin-bottom: calc( var(--vw) * 2 );
}
.minnnano_box h4{
	position: relative;
    margin-bottom: calc( var(--vw) * 2 );
}

.minnnano_box h4 .minnano_title_img{
	position: absolute;
    bottom: 0;
    left: calc( var(--vw) * 2.8 );
    width: calc( var(--vw) * 10.2 );
}

.minnnano_box h4:after{
    content: "";
    bottom: calc( var(--vw) * -1 * 1.5 );
    background-image: url(../images/fukidashi_maru.svg);
    width: calc( var(--vw) * 1.2 );
    height: calc( var(--vw) * 3 );
    right: calc( var(--vw) * 4.2 );
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    background-position: bottom center;
    z-index: 0;
}
.minnnano_box.minnnano_box2 h4:after{
    right: calc( var(--vw) * 3 );
}
.minnnano_box.minnnano_box3 h4:after{
    right: calc( var(--vw) * 2.6 );
}
.minnnano_box.minnnano_box4 h4:after{
    right: calc( var(--vw) * 2.2 );
}
.minnnano_box p{
    padding-left: calc( var(--vw) * 3.2 );
    font-size: calc( var(--vw) * 1.05 );
    line-height: 2.1em;
    color: #fff;
}
.minnnano_box1{
	    margin: auto;
    width: calc( var(--vw) * 43.5 );
    position: relative;
	background-image: url("../images/minnano_waku1.svg");
    height: calc( var(--vw) * 26 );
    margin-bottom: calc( var(--vw) * 7.7 );
    background-position: left -8% bottom;
    background-repeat: no-repeat;
    background-size: 112% auto;
}
.minnano_img1_2{
	position: absolute;    bottom: calc( var(--vw) * -1 );
    width: calc( var(--vw) * 11.5 );
    right: calc( var(--vw) * -1 *8 );
}
.minnnano_box_flex{
    display: flex;
    justify-content: space-between;
    width: calc( var(--vw) * 84 );
    margin: auto;
    margin-bottom: calc( var(--vw) * 7 );
}
.minnnano_box2{
	background-image: url("../images/minnano_waku2.svg");
    width: calc( var(--vw) * 24 );
    height: calc( var(--vw) * 44 );
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 95% auto;
    position: relative;
}
.minnnano_box2 h4 .minnano_title_img{
    left: calc( var(--vw) * 0 );
    width: calc( var(--vw) * 11 );
}
.minnano_img2_2{
	position: absolute;
    width: calc( var(--vw) * 11 );
    right: calc( var(--vw) * -1 * 3 );
    bottom: calc( var(--vw) * -1.5 );
    position: absolute;
}
.minnnano_box3{
	background-image: url("../images/minnano_waku3.svg");
    width: calc( var(--vw) * 24 );
    height: calc( var(--vw) * 44 );
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 95% auto;
    position: relative;
}
.minnnano_box3 h4 .minnano_title_img{
    left: 0;
    width: calc( var(--vw) * 11.2 );
}
.minnano_img3_2{
	position: absolute;
    top: calc( var(--vw) * 14.5 );
    right:calc( var(--vw) *  -1 );
    width:calc( var(--vw) *  5.5 );
}
.minnano_img3_3{
	position: absolute;
    bottom: 0;
    width: calc( var(--vw) * 8.2 );
    left: calc( var(--vw) * 8.5 );
}
.minnnano_box4{
	background-image: url("../images/minnano_waku4.svg");
    width: calc( var(--vw) * 24 );
    height: calc( var(--vw) * 44 );
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 95% auto;
    position: relative;
}
.minnnano_box4 h4 .minnano_title_img{
    left: calc( var(--vw) * -1.6 );
	width: calc( var(--vw) * 12 );
}
.minnano_img4_2{
	position: absolute;
    width: calc( var(--vw) * 14 );
    bottom: calc( var(--vw) * 0 );
    right: calc( var(--vw) * 1 );
}
.btn_more{
    display: block;
    margin: auto;
    width: calc( var(--vw) * 14 );
}
.btn_more img:hover{
	transition: 0.5s;
	opacity: 0.5;
}

#manabu{
	padding-top: calc( var(--vw) * 45 );
}
#manabu .side_title {
    position: absolute;
    left: 0;
    left: auto;
    right: 0;
    width: calc( var(--vw) * 31 );
    top: calc( var(--vw) * 81 );
	}
#manabu .shirobako_title1 {
    width: calc( var(--vw) * 38.5 );
    position: absolute;
    left: calc( var(--vw) * 43 );
    top: calc( var(--vw) * -9.3 );
	padding-top: calc(var(--vw) * 13);
    margin-top: calc(var(--vw) * -13);
}

#manabu .shirobako {
    background-color: #fff;
    left: calc( var(--vw) * 11 );
    width: calc( var(--vw) * 54 );
	height: calc( var(--vw) * 45 ); 
    padding-top: calc( var(--vw) * 7 );
    margin-bottom: calc( var(--vw) * 8.2 );
}
#manabu .shirobako:after{
    bottom:calc( var(--vw) *  -3 );
    right:calc( var(--vw) *  42.5 );
}

#manabu2{
	position: relative;
}
.manabu2_inner{
	width: calc( var(--vw) * 85 );
    margin: auto;
	display: flex;
    margin-bottom: calc( var(--vw) * 5 );
    gap: calc( var(--vw) * 6 );
}
.manabu2_inner > .left{
	width:calc( var(--vw) *  46 );
}
.seminar_monitor{
	margin-bottom: calc( var(--vw) * 5.5 );
}

.beginner_campaign{
	display: flex;
    justify-content: space-between;
    width: calc( var(--vw) * 42 );
    margin: auto;
}
.beginner_campaign_left{
    width: calc( var(--vw) * 20 );
}
.beginner_campaign_left h4{
	margin-bottom: calc( var(--vw) * 1.5 );
	width: calc( var(--vw) * 21 );
}
.beginner_campaign_left p{
    font-size: calc( var(--vw) * 1.2 );
    color: #fff;
    text-align: center;
	margin-bottom: calc( var(--vw) * 1 );
}
.beginner_campaign_right{
    width: calc( var(--vw) * 20 );
}
.beginner_campaign_right img{
    width: calc( var(--vw) * 16.5 );
    display: block;
    margin: auto;
}
.manabu2_inner > .right{
	width: calc( var(--vw) * 33 );
    padding-top: calc( var(--vw) * 14.5 );
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sectiontitle3_7{
    margin-bottom: calc( var(--vw) * 3 );
	width: 100%;
}
.sectiontitle3_7 img{ 
    width: calc( var(--vw) * 22 );
}
.manabu2_inner > .right p{
    font-size: calc( var(--vw) * 1.1 );
    font-weight: 500;
    line-height: 2.5;
    margin-bottom: calc( var(--vw) * 2 );
	color: #fff;
    /*letter-spacing: -0.1em;*/
    width: 100%;
}
.manabu2_inner > .right .btn_more{
	margin: 0;
}
#manabu2 .btn_more{
	width: calc( var(--vw) * 11 );
}
.section3_banner1{
    width:calc( var(--vw) *  63 );
    display: block;
    margin: auto;
    margin-bottom:calc( var(--vw) *  4 );
}
.seminar_block{
	margin: auto;
}
.seminar_block h4{
	width: 95%;
	margin: auto;
	display: block;
    margin-bottom: calc(var(--vw) * 2);
}
.seminar_block > div{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;;
}
.seminar_block > div img{
	display: block;
	width: 30%;
	
}

#manabu3 {
	position: relative;
}
.manabu3_inner{
    width: calc( var(--vw) * 71.5 );
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: calc( var(--vw) * 4 );
}
.manabu3_inner > div{
		width: 47.5%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
.manabu3_inner > div h3{

	width: calc( var(--vw) * 22 );
    margin-bottom: calc( var(--vw) * 2 );
}

.manabu3_inner > div h4{
	color: #fff;    margin-bottom: calc( var(--vw) * 1.5 );
    font-size: calc( var(--vw) * 1.7 );
}

.manabu3_inner p{
	color: #fff;
    font-size: calc( var(--vw) * 1.2 );
    text-align: center;
	line-height: 2;
    margin-bottom: calc( var(--vw) * 1.5 );
}
.manabu3_inner .btn_more{
	width:calc( var(--vw) *  11 );
	margin: 0;
    margin-top: calc( var(--vw) * 3.5 );
}
#manabu4{
	width: calc( var(--vw) * 75 );
    margin: auto;
}
#manabu4 .manabu4_inner{
	position: relative;
    background-color: #fff;
    display: flex;
    height:calc( var(--vw) *  13 );
    align-items: center;
    justify-content: space-between;
    padding: calc( var(--vw) * 3) calc( var(--vw) * 4 );
	z-index: 10;
    border-radius: calc( var(--vw) * 1 );
}
#manabu4 h3{
	width: calc( var(--vw) * 27 );
}
#manabu4 p{
    width: calc( var(--vw) * 26 );
    font-size: calc( var(--vw) * 1.2 );
    margin-left: calc( var(--vw) * 3 );
	line-height: 1.8;
    font-weight: 500;
}
#manabu4 a{
	width: calc( var(--vw) * 10 );
    text-align: center;
    font-size:calc( var(--vw) *  1.2 );
    font-weight: 700;
    color: #fff;
	background-color: #ff5500;
    border-radius: calc( var(--vw) * 0.6 );
    padding: calc( var(--vw) * 1) 0;
}


#tsukuru{
    margin-top: calc( var(--vw) * -4.8 );
	
}
#tsukuru .side_title {
	position: absolute;
    left: auto;
	right: 0;
    width:calc( var(--vw) *  16 );
    top: calc( var(--vw) * 21 );
	}

#tsukuru .shirobako_title1{
	top: calc( var(--vw) * -2.2 );    padding-top: calc(var(--vw) * 13);
    margin-top: calc(var(--vw) * -13);
}
#tsukuru .shirobako{
    background: none;
    background-image: url(../images/tsukuru_waku1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: calc( var(--vw) * 55 );
    left: calc( var(--vw) * 34.1 );
    height:calc( var(--vw) *  53 );
    padding-top: calc( var(--vw) * 16 );
    margin-bottom: calc( var(--vw) * 12 );
}
.sectiontitle4_3{
    width: calc( var(--vw) * 38 );
    margin: auto;
    display: block;
    margin-bottom:calc( var(--vw) *  6 );
}

#tsukuru2{
    margin-bottom: calc( var(--vw) * 12 );
}
.officialchannel_block {
    width: calc( var(--vw) * 77 );
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: calc( var(--vw) * 11 );
}
.officialchannel_block:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.officialchannel_block:last-child{
	margin-bottom: 0;
}
.officialchannel_main{
	width: calc( var(--vw) * 47.5 );
}
.officialchannel_main h4{
	margin: auto;
    margin-bottom: calc( var(--vw) * 1 );
}
.officialchannel_main h4.channel_logo2{
    width: calc( var(--vw) * 31 );
}

.officialchannel_main > p{
    color: #fff;
    font-size: calc( var(--vw) * 1.2 );
    text-align: center;
    line-height: 1.8;
    /*letter-spacing: -0.08em;*/
    margin-bottom: calc( var(--vw) * 2.5 );
}
.officialchannel_main .btn_more {
    display: block;
    margin: auto;
	width: calc( var(--vw) * 11 );
    margin-bottom: calc( var(--vw) * 2.5 );
}
.about_mc_box{
    background-color: #fff;
    position: relative;
    display: flex;
	justify-content: space-between;
    align-items: flex-start;
    padding-left: calc( var(--vw) * 2 );
    padding-bottom: calc( var(--vw) * 2 );
    padding-top: calc( var(--vw) * 3);
    border-radius: calc( var(--vw) * 2);
}
.about_mc_photo{
	width: calc( var(--vw) * 11 );
}
.about_mc_text{
    width: calc( var(--vw) * 33.5 );	
	/*letter-spacing: -0.05em;*/
}

.about_mc_text h5{
	font-size: calc( var(--vw) * 1.5 );
}
.about_mc_text p{
	line-height: 1.8;
    font-size: calc( var(--vw) * 1.1 );
    letter-spacing: 0.01em;
    font-weight: 500;
}
.about_mc_title{
    position: absolute;
    width: calc( var(--vw) * 15.5 );
    top:  calc( var(--vw) * -2);
    right: calc( var(--vw) * 2);
}
.mc_movie{
	width: calc( var(--vw) * 24 );
	position: relative;
}

.spotlight_title{
	background-image: url("../images/spotlight_bg2.png");
	background-size: 100% auto;
}
.spotlight_box{
	background-image: url("../images/spotlight_bg2.png");
	background-size: 100% auto;
	
}




#tsukuru3{
    width: calc( var(--vw) * 85 );
    margin: auto;
}
.spotlight_title{
    background-image: url(../images/spotlight_bg1.png);
	background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: calc( var(--vw) * 1.5 );
    padding-left: calc( var(--vw) * 5 );
    padding-bottom: calc( var(--vw) * 1);
}
.spotlight_title img{
	width: calc( var(--vw) * 18 );
}
.spotlight_box{
    display: flex;
    padding: calc( var(--vw) * 4.5 ) calc( var(--vw) * 5.5 );
    justify-content: space-between;
    border-radius: 0 calc( var(--vw) * 2) calc( var(--vw) * 2) calc( var(--vw) * 2);
    margin-top: -1px;
}

.spotlight_box .left{
	width: calc( var(--vw) * 35 );
}

.spotlight_box h3{
    width: calc( var(--vw) * 31 );
	margin-bottom: calc( var(--vw) * 4);
}
.spotlight_box p{
    text-align: center;
    color: #fff;
	font-size: calc( var(--vw) * 1.2 );
    margin-bottom: calc( var(--vw) * 3);
}
.spotlight_box .btn_more {
    width: calc( var(--vw) * 11 );
}
.spotlight_box .right{
	width: calc( var(--vw) * 35 );
}


#challenge{
    padding-top: calc( var(--vw) * 43.5 );
    z-index: 3;
    margin-top: calc( var(--vw) * -9 );
    padding-bottom: calc( var(--vw) * 35 );
}

#challenge .shirobako {
    background-color: #fff;
    left: calc( var(--vw) * 11 );
    width:calc( var(--vw) *  54 );
    height: calc( var(--vw) * 42 );
    padding-top: calc( var(--vw) * 7 );
    padding-right: calc( var(--vw) * 2);
}

#challenge .shirobako:after {
    bottom: calc( var(--vw) * -3 );
    right: calc( var(--vw) * 42.5 );
}
#challenge .shirobako_title1 {
    left: calc( var(--vw) * 43.2 );
    top: calc( var(--vw) * -9.5 );
}
#challenge .shirobako p{
    font-size: calc( var(--vw) * 1.4 );
    text-align: center;
    margin-bottom: calc( var(--vw) * 3);
    line-height: 1.7;
    font-weight: 700;
}
.section5_img1{
    position: absolute;
    left: calc( var(--vw) * 2);
    top: calc( var(--vw) * 22 );
    width: calc( var(--vw) * 6.6 );

}

.section5_img2{
    position: absolute;
    right: calc( var(--vw) * 3);
    top: calc( var(--vw) * 22 );
    width: calc( var(--vw) * 9 );
}

.baby_img{
	position: absolute;
	z-index: 10;
	top: calc( var(--vw) * 5 );
}

.baby_1_1{
	top: calc( var(--vw) * 15 );
    width: calc( var(--vw) * 12 );
    left: calc( var(--vw) * 6 );
}
.baby_1_2{
    top: calc( var(--vw) * 9.5 );
    width: calc( var(--vw) * 12 );
    right: calc( var(--vw) * 6 );
}
.baby_1_3{
	top: calc( var(--vw) * 62 );
    width: calc( var(--vw) * 8.5 );
    left: calc( var(--vw) * 7.5 );
}
.baby_1_4{
    top: calc( var(--vw) * 61 );
    width: calc( var(--vw) * 16.5 );
    right: calc( var(--vw) * 3);
}
.baby_1_5{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}
.baby_1_6{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}


.baby_2_1{    top: calc( var(--vw) * -7.2 );
    width: calc( var(--vw) * 18.9 );
    right: calc( var(--vw) * -7.5 );
}
.baby_2_2{    top: 0;
    bottom: 0;
    margin: auto;
    width: calc( var(--vw) * 19 );
    left: -13vw;
    left: calc(var(--vw) * -14.5);
}
.baby_2_3{
	top: calc( var(--vw) * 0 );
    width: calc( var(--vw) * 14 );
    right: calc( var(--vw) * 6 );
}
.baby_2_4{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}
.baby_2_5{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}
.baby_2_6{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}



.baby_3_1{
    top: calc( var(--vw) * -8 );
    width: calc( var(--vw) * 24 );
    left: calc( var(--vw) * 6 );
}
.baby_3_2{
	top: calc( var(--vw) * 23.5 );
    width: calc( var(--vw) * 5 );
    right: calc( var(--vw) * 4.5 );
}
.baby_3_3{
    top: calc( var(--vw) * 2);
    width: calc( var(--vw) * 5 );
    left: calc( var(--vw) * 5.5 );
}
.baby_3_4{
    top: calc( var(--vw) * 13 );
    width: calc( var(--vw) * 14.5 );
    left: 0;
}
.baby_3_5{
    top: calc( var(--vw) * -3 );
    width: calc( var(--vw) * 14.5 );
    right: 0;
}
.baby_3_6{
    top: calc( var(--vw) * 1.5 );
    width: calc( var(--vw) * 9.5 );
    left: calc( var(--vw) * -9.5 );
}
.baby_3_7{
    top: calc( var(--vw) * 1.5 );
    width: calc( var(--vw) * 9 );
    right: calc( var(--vw) * -9 );
}
.baby_3_8{
    top: auto;
    bottom: calc( var(--vw) * 19.5 );
    width: calc( var(--vw) * 5.1 );
    left: calc( var(--vw) * 4);
}


.baby_4_1{
    top: calc( var(--vw) * 32 );
    width: calc( var(--vw) * 17.5 );
    left: calc( var(--vw) * -24 );
}
.baby_4_2{
    top: calc( var(--vw) * 35.5 );
    width: calc( var(--vw) * 13 );
    left: calc( var(--vw) * -9 );
}
.baby_4_3{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}
.baby_4_4{
    top: calc( var(--vw) * -6.3 );
    width: calc( var(--vw) * 8 );
    right: calc( var(--vw) * 2);
}
.baby_4_5{
    top: 0;
    width: calc( var(--vw) * 11 );
    bottom: 0;
    left: calc( var(--vw) * -7.5 );
    margin: auto;
}
.baby_4_6{
	top: calc( var(--vw) * 5 );
	width: calc( var(--vw) * 10 );
	left: calc( var(--vw) * 10 );
}
.kv_monitor{
	position: relative;
}
.kv_monitor_thumb{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	width: 100%;
}
.seminar_monitor{
	position: relative;
}
.seminar_monitor_thumb{
    position: absolute;
    right: calc(var(--vw) * 2.2);
    left: 0;
    top: calc(var(--vw) * 4.4);
    bottom: 0;
    margin: auto;
    /* top: 0; */
    width: 86%;
    height: calc(var(--vw) * 22.2);
    border-radius: calc(var(--vw) * 2.5);
    overflow: hidden;
}
.seminar_monitor_thumb:before{
	content: "";
	background-color: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	display: block;
    z-index: 10;
    position: absolute;
}
.seminar_monitor_thumb:after{
	content: "";
	background-size: contain;
	background-position: center;
	background-image: url("../images/play_icon.svg");
	background-repeat: no-repeat;
	height: calc(var(--vw) * 6);
	width: calc(var(--vw) * 6);
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
    z-index: 11;
    position: absolute;
}
.seminar_monitor_thumb img{
    width: 100%;
    position: absolute;
    top: -50vw;
    bottom: -50vw;
    margin: auto;
}

@media screen and (max-width: 1000px) {
.seminar_monitor_thumb {
    position: absolute;
    right: calc(var(--vw) * 4);
    left: 0;
    top: calc(var(--vw) * 8);
    bottom: 0;
    margin: auto;
    /* top: 0; */
    width: 86%;
    height: calc(var(--vw) * 41.5);
    border-radius: calc(var(--vw) * 3.5);
    overflow: hidden;
	}
.seminar_monitor_thumb:after{
	height: calc(var(--vw) * 12);
	width: calc(var(--vw) * 12);
	}
}

.seminar_monitor:hover .seminar_monitor_thumb:before{
	background-color: rgba(0,0,0,0.7);
	
}
	.modal_movie_open{
		cursor: pointer
	}

.movie_modalinner{
	height:auto;
	display:none;
	margin:auto;
}
.movie_modalinner.show{
	display:block;
}
.movie_modal{
    position: fixed;
	top:0;
	z-index:1000;
	height:100vh;
	width:100%;
	display:none;
	background-color:rgba(25,25,25,1.00);
	overflow:auto;
	padding: 100px 20px;
	box-sizing: border-box;
}
.movie_modalclose{
	width:50px;
	height: 50px;
	margin-bottom:10px;
	display:block;
}
.movie_modalclose img{
	display: block;
}
.movie_modalinner {
    width: 100%;
    z-index: 100001;
    display: none;
    align-items: center;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    max-width: 1500px;
    margin: auto;
}
.movie_modalinner iframe {
  width: 100%;
}

.movie_modal.short_movie{
	padding: 60px 20px;
	padding-top: 30px;
}
.moviebox{
	display:flex;
	width:100%;
	height:100vw;
}
.youtubearea {
  padding: 0 !important;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25% !important;
  overflow: hidden;
}
.youtubearea iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20%;
  right: -20%;
  left: -20%;
  bottom: -20%;
  margin: auto;
}

.movie_modal.short_movie{
    padding: 60px 20px;
    padding-top: 30px;
}
.short_movie .movie_modalinner{
    width: calc(var(--vh) * 56.25 - 80px);
    max-width: calc(100% - 0px);
}
.short_movie .youtubearea{
	padding: 0 !important;
    width: 100%;
    height: calc(var(--vh) * 100 - 150px);
    max-height: calc(var(--vw) * 100 * 16 / 9 - 70px);
    margin: 0;
    position: relative;
    overflow: hidden;
}

.short_movie_open{
	position: relative;
	cursor: pointer;
}
.mc_movie .modal_movie_open:after,
.short_movie_open:after {
    content: "";
    background-size: contain;
    background-position: center;
    background-image: url(../images/play_icon.svg);
    background-repeat: no-repeat;
    height: calc(var(--vw) * 6);
    width: calc(var(--vw) * 6);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    z-index: 11;
    position: absolute;
}

@media screen and (max-width: 1000px) {
.short_movie_open:after {
        height: calc(var(--vw) * 12);
        width: calc(var(--vw) * 12);
    }
}
@media screen and (max-width: 500px) {
	.short_movie .movie_modalclose {
    width: 40px;
    height: 40px;
}
.movie_modal.short_movie {
    padding: 30px 20px;
    padding-top: 20px;
}
.short_movie .youtubearea {
    height: calc(var(--vh) * 100 - 100px);
	max-height: calc(var(--vw) * 100 * 16 / 9 - 50px);
	}
}
@media screen and (min-width: 1001px) {
	.spbr{
	display: none;
	}
	.sp_only{
	display: none !important;
	}
}
@media screen and (max-width: 1000px) {
	
	.pc_only{
	display: none !important;
	}
	.pcbr{
	display: none;
	}
/* #page{
	background-image: url("../atari3.png");
	}
	#page > article{
		opacity: 0.5;
	}
	*/
#kv {
    padding-top: calc( var(--vw) * 11 );
}
.kv_title1 {
	width: calc( var(--vw) * 42 );
    margin-bottom: calc( var(--vw) * 2.7 );
	}
.kv_title2 {
    width: calc( var(--vw) * 46.8);
        margin-bottom: calc( var(--vw) * 6.8 );
	}
.kv_text1 {
    font-size: calc( var(--vw) * 2.4 );
	margin-bottom: calc( var(--vw) * 6.5 );
        font-size: calc(var(--vw) * 3.2);
	}
	
.kv_monitor {
    width: calc( var(--vw) * 56 );
    margin-bottom: calc( var(--vw) * 11.5 );
	}
	
.kv_thumb_pc {
	position: absolute;
        right: calc(var(--vw) * 1.9);
        left: calc(var(--vw) * 1.9);
        top: calc(var(--vw) * 8.3);
        width: calc(var(--vw) * 50);
        height: calc(var(--vw) * 89.2);
        border-radius: calc(var(--vw) * 4.3);
}
	.kv_thumb_pc img{
		max-width: none;
		width: auto;
		height: 100%;
	}

.kv_thumb_pc:after {
    height: calc(var(--vw) * 14);
    width: calc(var(--vw) * 14);	
	}
.scroll {
	width: calc( var(--vw) * 13 );
	}
	.scroll1{
		margin-bottom: calc( var(--vw) * 3);
	}

.shirobako {
    border-radius: calc( var(--vw) * 10.5 );
}
	
#shiru .side_title {
    width: calc( var(--vw) * 23 );
    top: calc( var(--vw) * 342 );
}
#shiru {
	padding-top: calc( var(--vw) * 49.5 );
	}
#shiru .shirobako {
    width: calc( var(--vw) * 82 );
	margin: auto;
    padding: calc( var(--vw) * 7 );
    padding-top: calc( var(--vw) * 11.5 );
        margin-bottom: calc( var(--vw) * 12 );
}
.shirobako_title1 {
    width: calc( var(--vw) * 55.5 );
    position: absolute;
    left: 0;
    right: 0;
    top: calc( var(--vw) * -43 );
    margin: auto;
}
.shirobako_title2 {
    width: calc( var(--vw) * 54.5 );
    margin: auto;
	margin-bottom: calc( var(--vw) * 4);
	}
.shirobako_title3 {
    font-size: calc( var(--vw) * 2.4 );
    text-align: center;
        margin-bottom: calc( var(--vw) * 8 );
    font-weight: 700;
	}
	
.whatis {
    padding-top: calc( var(--vw) * 6 );
	height: calc( var(--vw) * 51 );
	}
	.sectiontitle2_3 {
    position: absolute;
    top: calc( var(--vw) * -3.5 );
    width: calc( var(--vw) * 23.5 );
    right: calc( var(--vw) * 2.5 );
}
.sectiontitle2_4 {
    width: calc( var(--vw) * 55.5 );
	margin-bottom: calc( var(--vw) * 3.5 );
	}
.whatis_text1 {
    font-size: calc( var(--vw) * 2.6 );
    margin-bottom: calc( var(--vw) * 3.8 );
	}
.whatis_text2 {
    text-align: center;
    position: relative;
    padding-right: calc( var(--vw) * 18 );
    line-height: 1.6;
	font-size: calc( var(--vw) * 2.4 );
	}
	.baby_2_2 {
    top: 0;
    bottom: calc(var(--vw) * 5);
    margin: auto;
    left: -13vw;
    left: calc(var(--vw) * -19.5);
    width: calc(var(--vw) * 27);
	}
.baby_2_3 {
    top: calc( var(--vw) * 0 );
    width: calc( var(--vw) * 21 );
    right: calc( var(--vw) * 5 );
}
.minnnano_box p {
    padding-left: calc( var(--vw) * 9.2 );
    padding-left: calc( var(--vw) * 8 );
    font-size: calc( var(--vw) * 2.7 );
    line-height: 1.9em;
	}
.minnnano_box_flex {
    width: calc( var(--vw) * 82.5 );
    margin: auto;
    margin-bottom: calc( var(--vw) * 8 );
    flex-direction: column;
}
	.minnnano_box1 {
    background-image: url(../images/minnano_waku1_sp.svg);
        background-size: calc( var(--vw) * 80 ) auto;
    width: calc( var(--vw) * 82.5 );
    height: calc( var(--vw) * 66 );
    margin-bottom: calc( var(--vw) * 10.7 );
	}
	.minnnano_box2 {
    background-image: url(../images/minnano_waku2_sp.svg);
    height: calc( var(--vw) * 91 );
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: calc( var(--vw) * 74 ) auto;
    background-position: left calc( var(--vw) * 1) bottom;
    position: relative;
    width: 100%;
        margin-bottom: calc( var(--vw) * 10 );
	}
	.minnnano_box2 h4{
    width: calc( var(--vw) * 60.5 );
	}
	.minnnano_box3 {
		background-image: url(../images/minnano_waku3_sp.svg);
        height: calc( var(--vw) * 96 );
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: calc( var(--vw) * 59.5 ) auto;
        background-position: left calc( var(--vw) * 1) bottom;
        position: relative;
        width: calc( var(--vw) * 60.5 );
        margin-left: calc( var(--vw) * 22 );
        margin-bottom: calc( var(--vw) * 10.5 );
	}
	.minnnano_box3 h4{
    width: calc( var(--vw) * 60.5 );
	}
	.minnnano_box4 {
        background-image: url(../images/minnano_waku4_sp.svg);
        height: calc( var(--vw) * 72.5 );
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: calc( var(--vw) * 77 ) auto;
        background-position: left calc( var(--vw) * 0 ) bottom;
        position: relative;
        width: 100%;
	}
	.minnnano_box4 h4{
    width: calc( var(--vw) * 60.5 );
	}
	#shiru .btn_more {
    width: calc( var(--vw) * 29 );
	}
	
#shiru .shirobako_title3 {
    margin-bottom: calc(var(--vw) * 3);
}
#shiru .shirobako .btn_more{
	margin-bottom: calc(var(--vw) * 6);
        width: calc(var(--vw) * 24);
}
	
#manabu .side_title {
    position: absolute;
    left: 0;
    left: auto;
    right: 0;
    width: calc( var(--vw) * 33 );
    top: calc( var(--vw) * 255 );
}
#manabu {
	padding-top: calc( var(--vw) * 80 );
        padding-bottom: calc( var(--vw) * 28 );
	}
#manabu .shirobako {
    background-color: #fff;
    left: calc( var(--vw) * 9 );
    width: calc( var(--vw) * 82 );
    height: calc( var(--vw) * 100 );
    padding-top: calc( var(--vw) * 10 );
    margin-bottom: calc( var(--vw) * 10 );
}
	
#manabu .shirobako_title1 {
        width:calc( var(--vw) *  55.5 );
        position: absolute;
        left: 0;
        right: 0;
        top:calc( var(--vw) *  -43 );
        margin: auto;
	margin-top: calc(var(--vw) * -13);
    }
#manabu .shirobako_title3{
    font-size: calc( var(--vw) * 2.8 );
	line-height: 1.6;
	}

.manabu2_inner {	
    flex-direction: column;
    width: 100%;
    margin-bottom: calc(var(--vw) * 9);
}
	.manabu2_inner > .left {
		width: 100%;
	}
	.seminar_monitor{
    width: calc( var(--vw) * 86 );
		margin-left: calc( var(--vw) * 9 );
	}
	.manabu2_inner .right{
        padding-left: calc( var(--vw) * 15 );
    margin-bottom: calc( var(--vw) * 6.5 );
	}
.sectiontitle3_7 {
	margin-bottom: calc( var(--vw) * 4);
	}
.sectiontitle3_7 img {
    width: calc( var(--vw) * 47.5 );
}
	
	.manabu2_inner .right p{
    color: #fff;
    font-size: calc( var(--vw) * 2.6 );
    line-height: 1.9;
    margin-bottom: calc( var(--vw) * 5 );
	}
	
#manabu2 .btn_more {
    width: calc( var(--vw) * 24.5 );
    margin: 0;
}
	
.seminar_block {
    max-width: 70%;
}
.seminar_block h4 {
    margin-bottom: calc(var(--vw) * 5);
}
.beginner_campaign {
	width: calc( var(--vw) * 86 );
	}
.beginner_campaign_left {
	width: calc( var(--vw) * 46 );
    display: flex;
    align-items: center;
    flex-direction: column;
}
.beginner_campaign_left h4 {
    margin-bottom: calc( var(--vw) * 4);
    width: calc( var(--vw) * 45.5 );
}
.beginner_campaign_left p {
    font-size: calc( var(--vw) * 2.8 );
    color: #fff;
    text-align: center;
    margin-bottom: calc( var(--vw) * 2);
}
	
    #manabu2 .beginner_campaign_left  .btn_more {
		margin-right: calc( var(--vw) * 5 );
	}
	
.beginner_campaign_right {
    width: calc( var(--vw) * 36 );
}
	.beginner_campaign_right img{
		width: 100%;
	}
	
.section3_banner1 {
    width: calc( var(--vw) * 82 );
	margin-bottom: calc( var(--vw) * 7 );
	}
	
	
	#manabu3{
		margin-bottom: calc( var(--vw) * 10 );
	}
.manabu3_inner {
    flex-direction: column;
    width: 100%;
    gap: calc( var(--vw) * 6 );
    width: calc( var(--vw) * 73 );
	margin-bottom: 0;
}
.manabu3_inner > div {
    width: 100%;
}
.manabu3_inner > div h3 {
    width: calc( var(--vw) * 46 );
    margin-bottom: calc( var(--vw) * 2.5 );
}
	
	
.manabu3_inner > div h4 {
    margin-bottom: calc( var(--vw) * 1.5 );
	font-size: calc( var(--vw) * 3.7 );
	}
	
.manabu3_inner p {
    font-size: calc( var(--vw) * 2.7 );
    line-height: 2;
    margin-bottom: calc( var(--vw) * 3);
}

.manabu3_inner .btn_more {
    width: calc( var(--vw) * 24 );
    margin: 0;
    margin-top: calc( var(--vw) * 4.5 );
}
	
	
	#manabu4 .manabu4_inner{
    flex-direction: column;
    align-items: center;
    width: calc( var(--vw) * 66 );
    margin: auto;
    height: auto;
    padding: calc( var(--vw) * 5 ) 0;
	}
	
#manabu4 h3 {
    width: calc( var(--vw) * 50 );
    margin-bottom: calc( var(--vw) * 4);
}
#manabu4 p {
    width: 100%;
    font-size: calc( var(--vw) * 2.6 );
    line-height: 1.8;
    font-weight: 500;
    text-align: center;
    margin: 0;
    margin-bottom: calc( var(--vw) * 1.8 );
}
	
	
#manabu4 a {
    width: calc( var(--vw) * 21 );
    text-align: center;
    font-size: calc( var(--vw) * 2.6 );
    font-weight: 700;
    color: #fff;
    background-color: #ff5500;
    border-radius: calc( var(--vw) * 1.5 );
    padding: calc( var(--vw) * 2.5 ) 0;
}
	
	
#tsukuru{
	padding-top: calc( var(--vw) * 35 );
	}
#tsukuru .shirobako:after{
	display: none;
	}
#tsukuru .shirobako_title1 {
    top: calc( var(--vw) * -33 );
}
#tsukuru .shirobako{
    background-image: url(../images/tsukuru_waku1_sp.svg);
    width: calc( var(--vw) * 95 );
    left: calc( var(--vw) * 2.1 );
    height: calc( var(--vw) * 112 );
    padding-top: calc( var(--vw) * 22 );
    margin-bottom: calc( var(--vw) * 12 );
        margin-bottom: calc( var(--vw) * 23 );
}
	
.sectiontitle4_3 {
    width: calc( var(--vw) * 74 );
    margin-bottom: calc( var(--vw) * 12 );
	}
	
	
.officialchannel_main {
    width: 100%;
        align-items: center;
	display: flex;
	flex-direction: column;
}
.officialchannel_block {
    width: 100%;
    margin: auto;
    margin-bottom: calc( var(--vw) * 11 );
    flex-direction: column-reverse;
	}
	.officialchannel_main h4{
    margin-bottom: calc( var(--vw) * 5 );
	}
.officialchannel_main h4.channel_logo2 {
    width: calc( var(--vw) * 59 );
	}
	
.officialchannel_main > p {
    font-size: calc( var(--vw) * 2.8 );
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0em;
    margin-bottom: calc( var(--vw) * 8.5 );
}
	
.mc_movie {
    width: calc( var(--vw) * 52 );
    position: relative;
    margin-bottom: calc( var(--vw) * 9 );
}
	
	
.about_mc_photo {
    width: calc( var(--vw) * 24 );
}
.about_mc_text {
    width: calc( var(--vw) * 47.5 );
	letter-spacing: 0;
}
	.about_mc_box {
        width: calc( var(--vw) * 82 );
        padding-left: calc( var(--vw) * 3);
        padding-right: calc( var(--vw) * 3);
        padding-bottom: calc( var(--vw) * 4);
        padding-top: calc( var(--vw) * 4);
        margin-bottom: calc( var(--vw) * 7 );
	}
	
.about_mc_text h5 {
    font-size: calc( var(--vw) * 3);
    margin-bottom: calc( var(--vw) * 1);
}
	
.about_mc_text p {
    line-height: 1.8;
    font-size: calc( var(--vw) * 2.4 );
    letter-spacing: 0.01em;
    font-weight: 500;
}
	
.about_mc_title {
    position: absolute;
    width:calc( var(--vw) *  27 );
    top: calc( var(--vw) * -4 );
    right: calc( var(--vw) * 6.5 );
}
	
.officialchannel_main .btn_more {
    display: block;
    margin: auto;
    width: calc( var(--vw) * 24 );
	}
	
	.officialchannel_main > p.spmb13 {
    margin-bottom: calc( var(--vw) * 13 );
}
	
#tsukuru3 {
    width: calc( var(--vw) * 82 );
    margin: auto;
	}
#tsukuru .side_title {
    position: absolute;
    left: auto;
    right: 0;
    width: calc( var(--vw) * 20.5 );
    top: calc( var(--vw) * 113 );
}
.spotlight_title {
	background-image: url(../images/spotlight_bg1_sp.png);
    background-size: calc( var(--vw) * 68) auto;
    padding-top: calc( var(--vw) * 4);
    padding-left: calc( var(--vw) * 4);
    padding-bottom: calc( var(--vw) * 2);
	flex-direction: column;
	}
	
.spotlight_title img {
    width: calc( var(--vw) * 31 );
}
.spotlight_box h3 {
    width: calc( var(--vw) * 66 );
    margin: auto;
    margin-bottom: calc( var(--vw) * 8 );
}
.spotlight_box p {
    font-size: calc( var(--vw) * 2.8 );
    margin-bottom: calc( var(--vw) * 5 );
	}
	.spotlight_box {
    background-image: url(../images/spotlight_bg2_sp.png);
    background-size: calc( var(--vw) * 68) auto;
    border-radius: 0 calc( var(--vw) * 5 ) calc( var(--vw) * 5 ) calc( var(--vw) * 5 );
    padding: calc( var(--vw) * 11 ) 0;
        padding-bottom: calc( var(--vw) * 15 );
        flex-direction: column;
	}
	
.spotlight_box .btn_more {
    width: calc( var(--vw) * 24 );
	margin-bottom: calc( var(--vw) * 9 );
	}
.spotlight_box .left,.spotlight_box .right {
    width: 100%
	}
	
#challenge {
    margin-top: calc( var(--vw) * -1 ); 
        padding-top: calc( var(--vw) * 83.5 );
	
}
#challenge .shirobako_title1 {
    left: calc( var(--vw) * .2 );
    top: calc( var(--vw) * -42.5 );
}
	
#challenge .shirobako_title2 {
    margin-bottom: calc( var(--vw) * 6 );
        width: calc( var(--vw) * 54.5 );
	}
#challenge .shirobako {
    background-color: #fff;
    left: calc( var(--vw) * 9 );
    width: calc( var(--vw) * 82 );
        height: auto;
        padding-bottom: calc( var(--vw) * 7 );
    padding-top: calc( var(--vw) * 11 );
    padding-right: calc( var(--vw) * 0 );
}
	
#challenge .shirobako p {
    font-size: calc( var(--vw) * 3);
    text-align: center;
    margin-bottom: calc( var(--vw) * 4);
	line-height: 1.8;
	}
	#challenge .btn_more {

    width: calc( var(--vw) * 25 )
	}
	
.section5_img2 {
    position: absolute;
    right: calc( var(--vw) * -3 );
    top: calc( var(--vw) * 24 );
    width: calc( var(--vw) * 20 );
}
	
.section5_img1 {
    position: absolute;
    left: calc( var(--vw) * -3 );
    top: calc( var(--vw) * 23 );
    width: calc( var(--vw) * 15 );
}
	
.shirobako:after {
    width: calc( var(--vw) * 9 );
    height: calc( var(--vw) * 18 );
    bottom: calc( var(--vw) * -6 );
    right: calc( var(--vw) * 11 );
	
	}
	
	
	#manabu .shirobako:after {
    bottom: calc( var(--vw) * -6 );
    right: calc( var(--vw) * 10.5 );
}
#challenge .shirobako:after {
    bottom: calc( var(--vw) * -6 );
	right: calc( var(--vw) * 10.5 );
	}
	
	.baby_1_1 {
    top: calc( var(--vw) * 20 );
    width: calc( var(--vw) * 15.5 );
    left: calc( var(--vw) * 3);
}
.baby_1_2 {
    top: calc( var(--vw) * 6.5 );
    width: calc( var(--vw) * 16.5 );
    right: calc( var(--vw) * 4);
}
.baby_1_3 {
    top: calc( var(--vw) * 158 );
    width: calc( var(--vw) * 12.5 );
    left: calc( var(--vw) * 7.5 );
}
	
.baby_1_4 {
    top: calc( var(--vw) * 158 );
    width: calc( var(--vw) * 24.5 );
    right: calc( var(--vw) * 2);
}
	
.baby_2_1 {
        top:calc( var(--vw) *  -7.5 );
        width: calc( var(--vw) * 21 );
        right: calc( var(--vw) * -7.5 );
}
	.minnnano_box h4 .minnano_title_img {
    position: absolute;
	bottom: calc(var(--vw) * 3);
    left: calc( var(--vw) * 4.8 );
    width: calc( var(--vw) * 25.2 );
	}
	
.minnano_img1_2 {
    position: absolute;
    bottom: calc( var(--vw) * -6 );
    width: calc( var(--vw) * 19.5 );
    right:  calc( var(--vw) * -2);
}
	.minnnano_box h4:after{
		display: none;
	}
	
.minnnano_box2 h4 .minnano_title_img {
    left: calc( var(--vw) * 3);
    width: calc( var(--vw) * 23 );
}
	
.minnano_img2_2 {
    position: absolute;
    width: calc( var(--vw) * 24 );
    right: calc( var(--vw) * 2.5 );
    bottom: calc( var(--vw) * 0 );
    position: absolute;
}
	
.minnnano_box3 h4 .minnano_title_img {
    left: calc( var(--vw) * 5 );
    width: calc( var(--vw) * 23.2 );
}
	
.minnano_img3_2 {
    position: absolute;
    top: calc( var(--vw) * 32.5 );
    right: calc( var(--vw) * 6 );
    width: calc( var(--vw) * 12 );
}
	
.minnano_img3_3 {
    position: absolute;
    bottom: 0;
    width: calc( var(--vw) * 17.5 );
    left: calc( var(--vw) * 19.5 );
}
	
.minnnano_box4 h4 .minnano_title_img {
    left: calc( var(--vw) * -2.6 );
    width: calc( var(--vw) * 25 );
}

.minnano_img4_2 {
    position: absolute;
    width: calc( var(--vw) * 31 );
    bottom: calc( var(--vw) * -1 );
        right: calc(var(--vw) * -6.5);
}
	
.baby_3_2 {
    top: calc( var(--vw) * 20 );
    width: calc( var(--vw) * 9 );
    right: calc( var(--vw) * 7.5 );
}
	
.baby_3_1 {
    top: calc( var(--vw) * -47 );
    width: calc( var(--vw) * 27 );
    left:calc( var(--vw) *  27.5 );
}

.baby_3_3 {
    top: calc( var(--vw) * -2 );
    width: calc( var(--vw) * 9 );
    left: auto;
    right: calc( var(--vw) * 10 );
    transform: rotateY(180deg);
}
.baby_3_4 {
    top: calc( var(--vw) * 2 );
    width: calc( var(--vw) * 25 );
    left: 0;
}
	
.baby_3_5 {
    top: calc( var(--vw) * 91 );
    width: calc( var(--vw) * 24.5 );
    right: 0;
}
	
	
.baby_3_6 {
    top: calc( var(--vw) * 28 );
    width: calc( var(--vw) * 16 );
    left:calc( var(--vw) *  -11 );
}
.baby_3_7 {
    top: calc( var(--vw) * 27.5 );
    width: calc( var(--vw) * 15 );
    right:calc( var(--vw) *  -10 );
}
.baby_3_8 {
    top: auto;
    bottom: calc( var(--vw) * 14 );
    width: calc( var(--vw) * 9 );
    left: calc( var(--vw) * 4.5 );
}
	
.baby_4_1 {
    top: calc( var(--vw) * 87 );
    width: calc( var(--vw) * 22.5 );
    left: calc( var(--vw) * 11 );
}
	
.baby_4_2 {
    top: calc( var(--vw) * 65.5 );
    width: calc( var(--vw) * 23 );
    left: calc( var(--vw) * -21 );
}
	
.baby_4_5 {
    top: auto;
    width: calc( var(--vw) * 23 );
    bottom: 0;
    left:calc( var(--vw) *  29.5 );
    margin: auto;
    transform: rotate(-90deg);
        bottom: calc(var(--vw) * -34.5 + 1px);
}
	
}




#about_17live p{
	font-weight: 400;
	font-size:  1.1em;
	text-align: center;
}
#about_17live strong{
	font-weight: 700;
}
#about_17live .boxinner{
	display: flex;
	align-items: center;
	gap:min(calc( var(--vw) * 10 ),40px);
	color: #000;
}
#about_17live .left{
	width: 75%;
}
#about_17live .left .about_17live_logo{
	margin: auto;
	width: 30%;display: block;
	margin-bottom:min(calc( var(--vw) * 10 ),40px);
}
#about_17live .right{
	width: 25%;
}

#about_17live{color: #fff;
	padding: min(160px,calc( var(--vw) * 15 )) 20px;
    padding: min(80px, calc(var(--vw) * 10)) 20px;
	padding-top: 70px;
}
#about_17live .boxinner{
	max-width: 840px;
    width: 80%;
	margin:auto;
    justify-content: space-between;
}
#about_17live p{
	font-weight: 700;
    font-size: min(21px, calc( var(--vw) * 1.5 ));
    font-size: 21px;
	line-height: 2em;
	margin-bottom: min(60px, calc( var(--vw) * 5 ));
}

#about_17live .left{
	width: 75%;
}


#about_17live .left{
    width: min(55%,380px);
}
#about_17live .right{
    width: min(45%,400px);
}

#about_17live .left .about_17live_logo{
	width: 100%;
}
#about_17live .left .btnarea{
	margin-top:min(calc( var(--vw) * 10 ),40px);
    text-align: center;
}
#about_17live .btnarea,
	#about_17live .btnarea2{
        display: flex;
        flex-direction: row;
	justify-content: space-between;
        justify-content: center;
	gap:10px;
	
}

#about_17live .btnarea a, .btnarea2 a {
	margin: 0;
}
	
@media (max-width: 1000px) {
	#about_17live{
		padding-top: 0;
	}
    #about_17live p {
    font-size: max(14px, calc( var(--vw) * 2.2 ));
		text-align: left;
	}
	#about_17live p br{
		display: none;
	}
	#about_17live .right {
        width: calc( var(--vw) * 70 );
        position: absolute;
    }
	#about_17live .left {
        width: calc( var(--vw) * 70 );
        position: absolute;
		top: calc( var(--vw) * 85 );
    }
	    #about_17live .boxinner {
        flex-direction: column;
        height: calc( var(--vw) * 125 );
			 position: relative;
			 top: calc( var(--vw) * 5 );
			 
    }
	#about_17live .left .btnarea {
        height: max(calc( var(--vw) * 7 ), 40px);
}
	#about_17live .left .about_17live_logo {
        width: 74%;
    }
	}



.type_fade {
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s;
}
.type_fade_left {
	opacity: 0;
	transform: translate(-50px, 0);
	transition: 0.3s;
}
.type_fade_right{
	opacity: 0;
	transform: translate(50px, 0);
	transition: 0.3s;
}
.type_fade_left.show,
.type_fade_right.show,
.type_fade.show {
	opacity: 1;
	transform: translate(0, 0);
}
.type_fade_child1{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.2s;
}
.type_fade_child2{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.4s;
}
.type_fade_child3{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.6s;
}
.type_fade_child4{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.8s;
}
.type_fade_child5{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 1s;
}
.type_fade.show .type_fade_child1,
.type_fade.show .type_fade_child2,
.type_fade.show .type_fade_child3,
.type_fade.show .type_fade_child4,
.type_fade.show .type_fade_child5{
	opacity: 1;
	transform: translate(0, 0);
}

@media screen and (min-width: 1001px) {

.type_fade_child1_pc{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.2s;
}
.type_fade_child2_pc{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.4s;
}
.type_fade_child3_pc{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.6s;
}
.type_fade_child4_pc{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.8s;
}
.type_fade_child5_pc{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 1s;
}
.type_fade.show .type_fade_child1_pc,
.type_fade.show .type_fade_child2_pc,
.type_fade.show .type_fade_child3_pc,
.type_fade.show .type_fade_child4_pc,
.type_fade.show .type_fade_child5_pc{
	opacity: 1;
	transform: translate(0, 0);
}
}
@media screen and (max-width: 1000px) {

.type_fade_child1_sp{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.2s;
}
.type_fade_child2_sp{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.4s;
}
.type_fade_child3_sp{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.6s;
}
.type_fade_child4_sp{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 0.8s;
}
.type_fade_child5_sp{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 1s;
}
.type_fade.show .type_fade_child1_sp,
.type_fade.show .type_fade_child2_sp,
.type_fade.show .type_fade_child3_sp,
.type_fade.show .type_fade_child4_sp,
.type_fade.show .type_fade_child5_sp{
	opacity: 1;
	transform: translate(0, 0);
}
}

.kv_anime1{
	opacity: 0;
	transition: 0.5s 0s;
}
.kv_anime2{
	opacity: 0;
	transform: translate(0, 0px);
	transition: 0.5s 0.6s;
}
.kv_anime3{
	opacity: 0;
	transform: translate(0, 0px);
	transition: 0.3s 1.1s;
}
.kv_anime4{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 1.3s;
}
.kv_anime5{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s 1.5s;
}
.kv_anime_scroll{
	opacity: 0;
	transform: translate(0, 0px);
	transition: 0.5s 2s;
}

.kv_anime101{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.5s 0.6s;
}
.kv_anime102{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.5s 0.7s;
}
.kv_anime103{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.5s 0.8s;
}
.kv_anime104{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.5s 0.9s;
}
.show .kv_anime1,
.show .kv_anime2,
.show .kv_anime3,
.show .kv_anime4,
.show .kv_anime5,
.show .kv_anime101,
.show .kv_anime102,
.show .kv_anime103,
.show .kv_anime104,
.show .kv_anime_scroll{
	opacity: 1;
	transform: translate(0, 0);
}

.anime_scroll{
    animation:scroll1 1s linear infinite;
}
@keyframes scroll1{
    0% {
	transform: translate(0, 0px);
	}
    90% {
		opacity: 0;
	transform: translate(0, calc( var(--vw) * 1 ));
	}
    100% {
		opacity: 0;
	transform: translate(0, calc( var(--vw) * 1 ));
	}
}
@media screen and (max-width: 1000px) {
	#kv .short_movie_open:after{
		display: none;
	}
}
.shirobako_title1 img{
        transform: rotate(90deg);
	transition: 1s;
}
.show .shirobako_title1 img{
        transform: rotate(0deg);
}
.seminar_block.show .type_fade_child1,
.seminar_block.show .type_fade_child2,
.seminar_block.show .type_fade_child3{
	opacity: 1;
	transform: translate(0, 0);
}
#manabu .shirobako_title1,
#challenge .shirobako_title1{
	transform: rotate(-90deg);
}
#manabu .show .shirobako_title1,
#challenge .show .shirobako_title1{
        transform: rotate(0deg);
}

.baby_2_1 {
    transform: rotate(30deg);
	transform-origin: 10% 80%;
	transition: 1s ;
}
.show .baby_2_1 {
    transform: rotate(0deg);
}
.baby_2_2 {
    transform: scale(0.5);
	transition: 1s;
}
.whatis.show .baby_2_2 {
    transform: scale(1);
}

.baby_3_2{
		opacity: 0;
	transform: translate(calc( var(--vw) * -5 ),0)  rotate(-30deg);;
	transform-origin: 10% 80%;
	transition: 1s ;
}

.show.baby_3_2 {
		opacity: 1;
	transform: translate(0, 0)  rotate(0deg);
}


.baby_3_3{
		opacity: 0;
	transform: translate(calc( var(--vw) * 5 ),0) rotateY(180deg);
	transition: 1s ;
}

.show.baby_3_3 {
		opacity: 1;
	transform: translate(0, 0) rotateY(180deg);
}
@media screen and (max-width: 1000px) {
.baby_3_3{
		opacity: 0;
	transform: translate(calc( var(--vw) * -5 ),0);
	transition: 1s ;
}

.show.baby_3_3 {
		opacity: 1;
	transform: translate(0, 0) ;
	}
}

.baby_3_4{
		opacity: 0;
	transform: translate(calc( var(--vw) * -5 ),0);
	transition: 1s ;
}

.show.baby_3_4 {
		opacity: 1;
	transform: translate(0, 0);
}

.baby_3_5{
		opacity: 0;
	transform: translate(calc( var(--vw) * 5 ),0);
	transition: 1s ;
}

.show.baby_3_5 {
		opacity: 1;
	transform: translate(0, 0);
}

.baby_3_8{
	opacity: 0;
    transform: translate(calc(var(--vw) * 13), calc(var(--vw) * 3)) rotate(-48deg);
    transform-origin: 80% 80%;
	transition: 1s ;
}

.show.baby_3_8 {
		opacity: 1;
	transform: translate(0, 0)  rotate(0deg);
}

.baby_4_1{
		opacity: 0;
	transform: translate(0, calc( var(--vw) * -15 ));
	transition: 1s ;
}
.show .baby_4_1{
		opacity: 1;
	transform: translate(0, 0)  rotate(0deg);
}