@charset "UTF-8";
/*--------------------------------------------
shdPrev
---------------------------------------------*/
#shdPrev{
	background: #ffd800;
	padding-top: 0;
}
#header-shdPrev{
	background : url(/ren1909/images/youtube2004/bg_header.png) no-repeat 0 0;
	background-size : 100% 100%;
	border-top: solid 5px #6dc638;
}
#header-shdPrev h1 span{
	font-weight: 700;
	line-height: 1.28;
	display: inline-block;
}
#footer-shdPrev{
	background: #802a78;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.deco:before,
.deco:after{
	content: '';
	display: inline-block;
	vertical-align: bottom;
}
.shdPrev01 .ttl{
	text-align: center;
}
.shdPrev01 .ttl span{
    font-weight: 700;
    display: inline-block;
}
.shdPrev01 .box{
    background: #fff;
}
.shdPrev01 .box a{
	border-bottom: solid 1px #802077;
    color: #802077;
    word-break:break-all;
}
.shdPrev01 .box a:hover{
	border-bottom: none;
}
.shdPrev01 .box .list li:before{
    content: '●';
    display: inline-block;
    position: relative;
}
.shdPrev01 .box .list li:last-child{
    font-weight: 700;
}
.shdPrev01 .inr-box{
    background: #e8ffcc;
    font-weight: 700;
    text-align: center;
}
.shdPrev01 .inr-box h3 + p span{
    color: #6dc638
}
.shdPrev01 .inr-box ul{
    display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
}
.shdPrev01 .inr-box li{
	background : url(/ren1909/images/youtube2004/bg_circle.png) no-repeat 0 0;
	background-size: 100% 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.25;
}
.shdPrev01 .inr-box ul + p{
    font-weight: 500;
}

.shdPrev02{
	background: #fff;
	text-align: center;
}
.shdPrev02 .box{
    background: #e8ffcc;
	overflow: hidden;
}
.shdPrev02 .box .ttl{
    font-weight: 700;
}
.shdPrev02 .catch{
	color: inherit;
	position: static;
	font-weight: 700;
    display: inline-block;
}
.shdPrev02 .box .txt{
    font-weight: 700;
}
.shdPrev02 .box dl{
	float: left;
}
.shdPrev02 .box dl:nth-child(even){
	float: right;
}
.shdPrev02 .box dd{
    font-weight: 600;
}
.shdPrev02 .note{
    text-align: left;
}
.shdPrev02 .btn{
	background: #6dc638;
	color: #fff;
	font-weight: 700;
	margin: auto;
    display: block;
}

@media screen and (max-width: 768px){
	#header-shdPrev{
	    height: calc( 137 * 100vw / 750 );
	}
	#header-shdPrev h1 span{
		font-size: calc( 28 * 100vw / 750 );
	    margin-top: calc( 18 * 100vw / 750 );
	    margin-right: calc( 30 * 100vw / 750 );
	}
	#header-shdPrev h1 img{
	    margin-top: calc( 14 * 100vw / 750 );
	    height: calc( 73 * 100vw / 750 );
	}
	#footer-shdPrev{
	    font-size: calc( 18 * 100vw / 750 );
	    line-height: calc( 80 * 100vw / 750 );
	}
	.wrap{
	    padding-left: calc( 40 * 100% / 750 );
	    padding-right: calc( 40 * 100% / 750 );
	}
	.deco:before,
	.deco:after{
		width: calc( 19 * 100vw / 750 );
		height: calc( 29 * 100vw / 750 );
	}
	.deco:before{
		background: url(/ren1909/images/youtube2004/icn01_sp.png) no-repeat 0 0;
		background-size: 100% 100%;
	    margin-right: calc( 10 * 100vw / 750 );
	}
	.deco:after{
		background: url(/ren1909/images/youtube2004/icn02_sp.png) no-repeat 0 0;
		background-size: 100% 100%;
	    margin-left: calc( 10 * 100vw / 750 );
	}
	.shdPrev01{
	    padding-bottom: calc( 80 * 100vw / 750 );
	}
	.shdPrev01 .ttl{
	    margin-top: calc( 50 * 100vw / 750 );
	    margin-bottom: calc( 35 * 100vw / 750 );
	}
	.shdPrev01 .ttl span{
	    font-size: calc( 30 * 100vw / 750 );
	    margin-bottom: calc( 11 * 100vw / 750 );
	}
	.shdPrev01 img{
	    width: calc( 644 * 100vw / 750 );
	}
	.shdPrev01 .box a{
	    padding-bottom: calc( 5 * 100vw / 750 );
	}
	.shdPrev01 .box{
	    border-radius: calc( 20 * 100vw / 750 );
	    padding: calc( 30 * 100vw / 750 );
	    padding-top: calc( 22 * 100vw / 750 );
	}
	.shdPrev01 .box .txt{
	    font-size: calc( 26 * 100vw / 750 );
	    line-height: 1.6;
	}
	.shdPrev01 .box .list{
	    margin-top: calc( 56 * 100vw / 750 );
	    margin-bottom: calc( 52 * 100vw / 750 );
	}
	.shdPrev01 .box .list li{
	    font-size: calc( 26 * 100vw / 750 );
	    line-height: 1.6;
	    padding-left: 1.5em;
	    text-indent: -0.8em;
	    margin-bottom: calc( 44 * 100vw / 750 );
	}
	.shdPrev01 .box .list li:before{
	    font-size: calc( 36 * 100vw / 750 );
	    top: calc( 3 * 100vw / 750 );
	}
	.shdPrev01 .inr-box{
	    border-radius: calc( 20 * 100vw / 750 );
	    font-size: calc( 26 * 100vw / 750 );
	    padding: calc( 22 * 100vw / 750 ) 0;
	}
	.shdPrev01 .inr-box h3{
	    font-size: calc( 30 * 100vw / 750 );
	    line-height: 1.53;
	    margin-bottom: calc( 28 * 100vw / 750 );
	}
	.shdPrev01 .inr-box h3 + p span{
	    font-size: calc( 30 * 100vw / 750 );
	}
	.shdPrev01 .inr-box ul{
	    width: auto;
	    margin: calc( 14 * 100vw / 750 ) auto;
	}
	.shdPrev01 .inr-box li{
	    width: calc( 200 * 100vw / 750 );
	    height: calc( 200 * 100vw / 750 );
	    font-size: calc( 24 * 100vw / 750 );
	    margin: 0;
	}
	.shdPrev01 .inr-box li:nth-last-child(-n+2){
	    margin-top: calc( -20 * 100vw / 750 );
	}
	.shdPrev01 .inr-box li span{
	    font-size: calc( 21 * 100vw / 750 );
	}
	.shdPrev01 .inr-box ul + p{
	    line-height: 1.6;
	    text-align: left;
	    padding-left: calc( 30 * 100vw / 750 );
	    padding-right: calc( 30 * 100vw / 750 );
	}
	.shdPrev02{
		background : url(/ren1909/images/youtube2004/bg_sp.png) #fff no-repeat 0 0;
	    background-size : 100% calc( 80 * 100vw / 750 );
	    padding-bottom: calc( 60 * 100vw / 750 );
	}
	.shdPrev02 .catch{
	    font-size: calc( 30 * 100vw / 750 );
	    margin-top: calc( 170 * 100vw / 750 );
	    margin-bottom: calc( 40 * 100vw / 750 );
	}
	.shdPrev02 .box{
	    border-radius: calc( 10 * 100vw / 750 );
	    padding: calc( 35 * 100vw / 750 );
	    padding-top: calc( 44 * 100vw / 750 );
	    padding-bottom: calc( 10 * 100vw / 750 );
	}
	.shdPrev02 .box .ttl{
	    font-size: calc( 62 * 100vw / 750 );
	    line-height: 1.51;
	}
	.shdPrev02 .box .ttl span{
		background: linear-gradient(transparent 73%, #ffd800 73%, #ffd800 97%,transparent 97%);
	}
	.shdPrev02 .box .txt{
	    font-size: calc( 28 * 100vw / 750 );
	    margin-top: calc( 20 * 100vw / 750 );
	    margin-bottom: calc( 60 * 100vw / 750 );
	}
	.shdPrev02 .box dt img{
	    width: 100%;
	}
	.shdPrev02 .box dd{
	    font-size: calc( 28 * 100vw / 750 );
	    margin-top: calc( 20 * 100vw / 750 );
	    margin-bottom: calc( 50 * 100vw / 750 );
	    text-align: left;
	}
	.shdPrev02 .note{
	    font-size: calc( 18 * 100vw / 750 );
	    margin-top: calc( 20 * 100vw / 750 );
	    margin-left: calc( 35 * 100vw / 750 );
	}
	.shdPrev02 .btn{
	    border-radius: calc( 50 * 100vw / 750 );
		box-shadow: 3px 3px 3px rgba(0, 0 , 0, .3);
	    font-size: calc( 34 * 100vw / 750 );
	    width: calc( 670 * 100vw / 750 );
	    height: calc( 100 * 100vw / 750 );
	    line-height: calc( 100 * 100vw / 750 );
	    margin-top: calc( 60 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#header-shdPrev{
	    height: calc( 109 * 100vw / 1366 );
	}
	#header-shdPrev h1 span{
		font-size: calc( 14 * 100vw / 1366 );
	    margin-top: calc( 27 * 100vw / 1366 );
	    margin-right: calc( 40 * 100vw / 1366 );
	}
	#header-shdPrev h1 img{
	    margin-top: calc( 19 * 100vw / 1366 );
	    height: calc( 55 * 100vw / 1366 );
	}
	#footer-shdPrev{
	    font-size: calc( 12 * 100vw / 1366 );
	    line-height: calc( 40 * 100vw / 1366 );
	}
	.wrap{
	    padding-left: calc( 190 * 100% / 1366 );
	    padding-right: calc( 190 * 100% / 1366 );
	}
	.deco:before,
	.deco:after{
		width: calc( 16 * 100vw / 1366 );
		height: calc( 25 * 100vw / 1366 );
	}
	.deco:before{
		background: url(/ren1909/images/youtube2004/icn01.png) no-repeat 0 0;
	    margin-right: calc( 9 * 100vw / 1366 );
	}
	.deco:after{
		background: url(/ren1909/images/youtube2004/icn02.png) no-repeat 0 0;
	    margin-left: calc( 9 * 100vw / 1366 );
	}
	.shdPrev01{
	    padding-bottom: calc( 70 * 100vw / 1366 );
	}
	.shdPrev01 .ttl{
	    margin-top: calc( 40 * 100vw / 1366 );
	    margin-bottom: calc( 30 * 100vw / 1366 );
	}
	.shdPrev01 .ttl span{
	    font-size: calc( 26 * 100vw / 1366 );
	    margin-bottom: calc( 11 * 100vw / 1366 );
	}
	.shdPrev01 .box{
	    border-radius: calc( 10 * 100vw / 1366 );
	    padding: calc( 40 * 100vw / 1366 );
	    padding-top: calc( 32 * 100vw / 1366 );
	}
	.shdPrev01 .box a{
	    padding-bottom: calc( 3 * 100vw / 1366 );
	}
	.shdPrev01 .box .txt{
	    font-size: calc( 16 * 100vw / 1366 );
	    line-height: 2.0;
	}
	.shdPrev01 .box .list{
	    margin-top: calc( 24 * 100vw / 1366 );
	    margin-bottom: calc( 32 * 100vw / 1366 );
	}
	.shdPrev01 .box .list li{
	    font-size: calc( 16 * 100vw / 1366 );
	    line-height: 2.0;
	    padding-left: 1.5em;
	    text-indent: -0.8em;
	    margin-bottom: calc( 24 * 100vw / 1366 );
	}
	.shdPrev01 .box .list li:before{
	    font-size: calc( 24 * 100vw / 1366 );
	    top: calc( 1 * 100vw / 1366 );
	}
	.shdPrev01 .inr-box{
	    border-radius: calc( 10 * 100vw / 1366 );
	    font-size: calc( 16 * 100vw / 1366 );
	    padding: calc( 20 * 100vw / 1366 );
	}
	.shdPrev01 .inr-box h3{
	    font-size: calc( 20 * 100vw / 1366 );
	    margin-bottom: calc( 20 * 100vw / 1366 );
	}
	.shdPrev01 .inr-box h3 + p span{
	    font-size: calc( 20 * 100vw / 1366 );
	}
	.shdPrev01 .inr-box ul{
	    width: calc( 705 * 100vw / 1366 );
	    margin: calc( 14 * 100vw / 1366 ) auto;
	}
	.shdPrev01 .inr-box li{
	    width: calc( 131 * 100vw / 1366 );
	    height: calc( 131 * 100vw / 1366 );
	    margin: 0 calc( 5 * 100vw / 1366 );
	}
	.shdPrev01 .inr-box li span{
	    font-size: calc( 14 * 100vw / 1366 );
	}
	.shdPrev02{
		background : url(/ren1909/images/youtube2004/bg.png) #fff no-repeat 0 0;
	    background-size : 100% calc( 40 * 100vw / 1366 );
	    padding-bottom: calc( 60 * 100vw / 1366 );
	}
	.shdPrev02 .catch{
	    font-size: calc( 26 * 100vw / 1366 );
	    margin-top: calc( 100 * 100vw / 1366 );
	    margin-bottom: calc( 20 * 100vw / 1366 );
	}
	.shdPrev02 .box{
	    border-radius: calc( 10 * 100vw / 1366 );
	    padding: calc( 40 * 100vw / 1366 );
	    padding-top: calc( 64 * 100vw / 1366 );
	    padding-bottom: calc( 20 * 100vw / 1366 );
	}
	.shdPrev02 .box .ttl{
	    font-size: calc( 42 * 100vw / 1366 );
	    line-height: 1.52;
	}
	.shdPrev02 .box .ttl span{
		background: linear-gradient(transparent 73%, #ffd800 73%, #ffd800 90%,transparent 90%);
	}
	.shdPrev02 .box .txt{
	    font-size: calc( 20 * 100vw / 1366 );
	    margin-top: calc( 9 * 100vw / 1366 );
	    margin-bottom: calc( 40 * 100vw / 1366 );
	}
	.shdPrev02 .box dt img{
	    width: calc( 430 * 100vw / 1366 );
	}
	.shdPrev02 .box dd{
	    font-size: calc( 20 * 100vw / 1366 );
	    margin-top: calc( 10 * 100vw / 1366 );
	    margin-bottom: calc( 40 * 100vw / 1366 );
	}
	.shdPrev02 .note{
	    font-size: calc( 14 * 100vw / 1366 );
	    margin-top: calc( 13 * 100vw / 1366 );
	    margin-left: calc( 40 * 100vw / 1366 );
	}
	.shdPrev02 .btn{
	    border-radius: calc( 40 * 100vw / 1366 );
		box-shadow: 6px 6px 6px rgba(0, 0 , 0, .3);
	    font-size: calc( 28 * 100vw / 1366 );
	    width: calc( 640 * 100vw / 1366 );
	    height: calc( 80 * 100vw / 1366 );
	    line-height: calc( 80 * 100vw / 1366 );
	    margin-top: calc( 60 * 100vw / 1366 );
	}
}