#container.sub {background-color: #fff; 	background-position: center center;	background-repeat: repeat;	background-image: url('/2025_03/images/youtube/bg.png');}
.youtube_wrap {padding-bottom: 0;}

.youtube_top_video {margin-top: -40%; margin-bottom: 10%;}

.youtube_list {border: 0; background: #f2f4f6; margin-top: -3%; border-top: 3px dashed #7d8da6; border-bottom: 3px dashed #7d8da6;}
.youtube_list .col { padding: 0 5%;}
.youtube_list .youtube_tit {position: relative; padding: 5% 0 5%; background: none; border: 0; text-align: left;}
.youtube_list .youtube_tit .y_tit1 {color: #0068b9;}
.youtube_list .youtube_tit p { color: #222;}
.youtube_list .youtube_tit .pr {display: inline-block; padding-right: 30%;}
.youtube_tit .y_tit1 strong {padding-top: 0;}
.youtube_tit .y_tit1 strong:after {content:none;}
.youtube_list .item > div {position: relative; z-index: 1;}
.youtube_list .item > .desc_mf1  {position: relative; z-index: 1;}
.youtube_list .item > div.icon2_1 {position: absolute; right: -8%; bottom: 30px; width: 200%; z-index: 0;}
.youtube_list .item > div.icon2_2 {position: absolute; left: 96%; bottom: 30px; width: 100%; z-index: 0;}
.youtube_list .item > div.icon2_2 img {width: 80%;}
.youtube_list .item a img {width: 100%;}
.youtube_list .col {margin-left: 0; margin-right: 0;}
.youtube_botm {border-color: #008f73;}
.youtube_botm .tx {display: flex; flex-direction: column; justify-content: space-between; color: #000;}
.item_bg {position: relative; z-index: 0 !important; width: 223%;}
.item_bg > img {z-index: -1; position: absolute; left: -52%; width: 100%;}
.item_bg.et1 {width: 104%; position: absolute; left: -2%; top: 0; width: 104%; height: 100%;}
.item_bg.et1 > img {left: 0; width: 100%; height: 100%;}
.item_bg2 {left: -13%; top: 0; padding-top: 10%; position: relative; width: 140%;}

.youtube_list2 {background-color: #f2f2f2; padding: 100px 50px 30px; border-radius: 2em;}
.lst_profile {}
.lst_profile .list {display: flex; align-items:center; margin: 3em 0;}
.lst_profile .list > div:first-child {flex-shrink:0; position: relative; z-index: 1;}
.lst_profile .list .t {background-color: #fff; padding: 1.5em 2em 1.5em 5em; margin-left: -3em; border-radius: 1em; box-shadow:0 0 10px rgba(0,0,0,.3); box-sizing:border-box;}
.lst_profile .list:nth-child(2n) {flex-direction: row-reverse;}
.lst_profile .list:nth-child(2n) .t {padding: 1.5em 5em 1.5em 2em; margin-right: -3em;}
.youtube_titbox {position: relative; width: 90%; padding-top: 8%; margin-left: 5%; margin-bottom: -100px;}
.youtube_titbox .ti1 {position: absolute; left: 0; top: -10%; max-width: 40%;}
.youtube_titbox .ti2 {position: absolute; left: 50%; top: 20%;}

.pro_icon1 {position: absolute; bottom: 100%; left: 70%; width: 30%;}
.pro_icon2 {position: absolute; bottom: 110%; left: 35%; width: 30%;}

.youtube_list .box_float .item {padding: 0;}


.youtube_botm.etc1 {border-top: 0; padding-top: 0; margin-top: 0; border-bottom: 0; border-left: 0; border-right: 0; background: none;}
.youtube_botm.etc1 .tx {margin-left: 0; text-align: center; padding-bottom: 2em;}
.youtube_botm.etc1 .tx p {color: #0068b9;}

.youtube_botm img {max-width: 60%;}


.youtube_botm .imm {position: absolute; right: 0; bottom: 105%; width: 60px; }



.bg_img1 {position: absolute; right: 0; top: -7%; width: 35%; text-align: right;}
.bg_img1 img {max-width:100%;}
.bg_img2 {position: relative; margin-top: -5%; text-align: center;}
.bg_img3 {text-align: right;}
.bg_img3 img {max-width:60%}

.img_float {}
.img_float .imgs {float: right;}

.box_float.v4060 {}
.box_float.v4060 .item {width: 40%;}
.box_float.v4060 .item:nth-child(2n) {width: 60%;}
.box_float.v6040 {}
.box_float.v6040 .item {width: 60%;}
.box_float.v6040 .item:nth-child(2n) {width: 40%;}


@media (max-width: 960px) {
	#container.sub {background-size: 50% auto;}
	.youtube_botm .tx img {width: 80%;}

	.item_bg {position: absolute; left: -4%; top: 0; width: 108%; height: 100%;}
	.item_bg > img {left: 0; width: 100%; height: 100%;}
	.item_bg2 {left: 0; width: 100%; padding-top: 0;}
	.item_bg_mo {position: relative;}

	.youtube_botm .imm {margin-bottom: 5%;}
	.youtube_botm .imm img {max-width: 30% !important;}

	.youtube_titbox .ti1 {left: -5%;}
	.youtube_titbox .ti2 {top: -5%;}

	.youtube_list2 {padding: 80px 20px 20px;}

	.lst_profile .list {position: relative; margin: 2em 0; padding-top: 50px; display: block;}
	.lst_profile .list > div:first-child {position: absolute !important; right: 0; top: -20px; width: 100px;}

	.lst_profile .list .t {margin-left: 0; padding: 1em;}
	.lst_profile .list:nth-child(2n) .t {margin-right: 0; padding: 1em;}

	.pro_icon1 {left: 5%; width: 20%;}

	.youtube_list .youtube_tit .pr {padding-right: 0;}

	.youtube_top_video {margin-top: 0; margin-bottom: 40px;}

	
	.box_float.v4060 {}
	.box_float.v4060 .item {width: 100%;}
	.box_float.v4060 .item:nth-child(2n) {width: 100%;}
	.box_float.v6040 {}
	.box_float.v6040 .item {width: 100%;}
	.box_float.v6040 .item:nth-child(2n) {width: 100%;}

	.bg_img1 {top: -3%; width: 15%; text-align: right;}
	.bg_img2 img {max-width: 80%;}
	.bg_img3 img {max-width: 30%; margin-top: 5%;}
}
@media (min-width: 961px) {
	.spot_titbox3 .h1,
	.spot_titbox3 .tt {color: #fff;}

	.youtube_botm {display: block; position: relative; border-width: 4px; border-color: #ffd769;}
	.youtube_botm .im {width: 35%; padding: 0 3%; position: absolute; left: 0; bottom: 0;}
	.youtube_botm .im img {max-width:100%;}
	.youtube_botm .tx {margin-left: 36%;}

	.mtflex {margin-top: -50px;}

	.youtube_list .youtube_tit .y_tit1 {white-space:nowrap;}

	.box_float.v3070 {}
	.box_float.v3070 .item:first-child {width: 35%;}
	.box_float.v3070 .item:last-child {width: 65%;}
	.box_float.v3070 .item:last-child img {width: 100%;}

}