@charset "UTF-8";
@media screen and (min-width: 768px),print {

.seo_bread_list{margin-bottom: -84px!important;color: #fff!important;padding-top: 44px!important;}
.seo_bread_list a{ color: #fff!important; }

#contentsmain {margin: 0 auto;position: relative;background: url('../images/youtube/contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 199px 0 0;height: 580px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h1 {margin-bottom: 32px;font-size: 32px;letter-spacing: 0px;font-weight: 400;}
#contentsmain .inner-Box h1 span{font-size: 22px;display: block;letter-spacing: 0px;margin-bottom: 5px;}
#contentsmain .inner-Box h2.f-min {font-size: 18px;line-height: 2.11;font-weight: 400;letter-spacing: 0px;margin-bottom: 21px;position: relative;}
#contentsmain .inner-Box p.text {font-size: 14px;line-height: 2.29;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#contents01 {margin: 0 auto -70px;position: relative;background: #F6F6F4;padding: 40px 0 90px;}
#contents01 h2.f-min {font-size: 20px;line-height: 2.3;font-weight: 400;letter-spacing: 0px;margin-bottom: 37px;position: relative;text-align: center;}
#contents01 .inner-Box1 {margin: 0 auto 90px;position: relative;width: 1280px;background: #fff;padding: 98px 60px 1px;}
#contents01 .inner-Box1 span.yicon {display: block;line-height: 1;position: absolute;top: -34px;right: 126px;z-index: 3;}
#contents01 .inner-Box1 span.yicon img {  }
#contents01 .inner-Box1 h3.f-min {font-size: 27px;line-height: 1.75;font-weight: 400;letter-spacing: 5.4px;margin-bottom: 50px;position: relative;text-align: center;}
#contents01 .inner-Box1 h3.f-min span {font-size: 18px;display: block;letter-spacing: 3.6px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contents01 .inner-Box2 ul.banner-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box2 ul li {margin-right: 40px;}
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box2 ul li figure {  }
#contents01 .inner-Box2 ul li a {  }
#contents01 .inner-Box2 ul li a:hover {  }

}
@media screen and (max-width: 767px) {

.seo_bread_list{margin-bottom: -11.8vw!important;color: #fff!important;padding-top: 3.43vw!important;z-index: 3;position: relative;}
.seo_bread_list a{ color: #fff!important; }

#contentsmain {position: relative;background: url('../images/youtube/sp-contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 38.53vw 0 4vw;background-size: 100% auto;}
#contentsmain .inner-Box { margin: 0 4vw; position: relative; }
#contentsmain .inner-Box h1 {margin-bottom: 5.68vw;font-size: 6.76vw;}
#contentsmain .inner-Box h1 span{display: block;font-size: 4.35vw;}
#contentsmain .inner-Box h2.f-min {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.42vw;position: relative;}
#contentsmain .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}


#contents01 {margin: 0 auto 0vw;position: relative;background: #F6F6F4;padding: 8.95vw 0 18.97vw;}
#contents01 h2.f-min {font-size: 4.35vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.94vw;position: relative;text-align: center;}
#contents01 .inner-Box1 {margin: 0 4vw 24.34vw;position: relative;background: #fff;padding: 18.47vw 0 0.24vw;}
#contents01 .inner-Box1 span.yicon {display: block;line-height: 1;position: absolute;top: -5.1vw;right: 0.13vw;z-index: 3;width: 30.7vw;}
#contents01 .inner-Box1 span.yicon img {  }
#contents01 .inner-Box1 h3.f-min {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.97vw;margin-bottom: 6.48vw;position: relative;text-align: center;}
#contents01 .inner-Box1 h3.f-min span {font-size: 3.14vw;display: block;letter-spacing: 0.63vw;margin-bottom: 1.1vw;}
#contents01 .inner-Box2 {margin: 0 9vw;position: relative;}
#contents01 .inner-Box2 ul.banner-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box2 ul li {margin-bottom: 4.96vw;}
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box2 ul li figure {  }
#contents01 .inner-Box2 ul li a {  }
#contents01 .inner-Box2 ul li a:hover {  }



}