/*----ページ共通要素---*/
#site-body {color:#393939;}
#bluetube {padding-bottom:50px;}
#bluetube img {width: 100%; display: block;}

/*----ページヘッダー---*/
.bluetube-ttlbox {background:linear-gradient(to bottom, #00e5ff 0%,#1cafff 48%,#236dff 100%); color:#fff; text-align:center; display:flex; flex-direction:column; padding:35px 20px;}
.bluetube-ttlbox h1#bluetube-ttl {width:318px; margin:45px auto; order:2;}
.bluetube-ttlbox h2 {font-size:22px; order:1;}
.bluetube-ttlbox p {font-size:15px; line-height:22px; order:3;}

@media screen and (max-width:768px) {
	.bluetube-ttlbox h2 {font-size:18px;}
	.bluetube-ttlbox p {font-size:14px;}
}
@media screen and (max-width:540px) {
	.bluetube-ttlbox {padding:35px 10px;}
	.bluetube-ttlbox h1#bluetube-ttl {width:290px; margin:30px auto;}
	.bluetube-ttlbox p {text-align:left;}
	.bluetube-ttlbox p br {display:none;}
}

/*---一覧----*/
ul#bt-list {display:flex; flex-wrap:wrap; margin:30px auto 40px;}
ul#bt-list li {width:230px; color:#000; margin-bottom:40px; margin-left:26px;}
ul#bt-list li:first-child, ul#bt-list li:nth-child(5), ul#bt-list li:nth-child(9), ul#bt-list li:nth-child(13), ul#bt-list li:nth-child(17) {margin-left:0;}
ul#bt-list li a {display: block; color:#000;}
ul#bt-list li .leadtxt {display:flex;}
ul#bt-list li .leadtxt div {width:11px; height:15px; margin-right:10px; margin-top:2px;}
ul#bt-list li .leadtxt p {color:#1b215e; font-size:15px; line-height:20px; font-weight:bold; flex:1;}
ul#bt-list li .imageholder {margin-top:10px;}
ul#bt-list li .imageholder_matop {margin-top:30px;}
ul#bt-list li .textholder {margin-top:20px; position:relative; background:#e7e7e7; padding:20px 10px; color:#1b215e; font-size:12px; line-height:22px; text-align:center;}
ul#bt-list li .textholder:before {position:absolute; content:""; display:block;
	width:13px; height:12px; top:-11px; left:36px;
	background-image: url(../../img/static/bluetube/ballon-parts.svg); background-size: contain;}

@media screen and (max-width:999px) {
	ul#bt-list {width:742px;}
    ul#bt-list li:nth-child(5), ul#bt-list li:nth-child(9), ul#bt-list li:nth-child(13), ul#bt-list li:nth-child(17) {margin-left:26px;}
    ul#bt-list li:nth-child(4), ul#bt-list li:nth-child(7), ul#bt-list li:nth-child(10), ul#bt-list li:nth-child(13), ul#bt-list li:nth-child(16) {margin-left:0;}
}
@media screen and (max-width:782px) {
	ul#bt-list {width:486px;}
    ul#bt-list li:nth-child(4), ul#bt-list li:nth-child(7), ul#bt-list li:nth-child(10), ul#bt-list li:nth-child(13), ul#bt-list li:nth-child(16) {margin-left:26px;}
	ul#bt-list li:nth-child(odd) {margin-left:0;}
}
@media screen and (max-width:768px) {
	ul#bt-list {margin:30px auto 20px;}
}
@media screen and (max-width:540px) {
	ul#bt-list {margin:30px auto 10px;}
}
@media screen and (max-width:506px) {
	ul#bt-list {width:100%; flex-direction:column;}
	ul#bt-list li {width:100%; margin-bottom:30px;}
	ul#bt-list li:nth-child(even) {margin-left:0;}
	ul#bt-list li .textholder {font-size:13px;}
	ul#bt-list li .leadtxt p br {display: none;}
	ul#bt-list li .imageholder_matop {margin-top:10px;}
}

/*---ボタン----*/
#bt-btns {display:flex; justify-content:space-between;}
#bt-btns .bt-btn {width:49%;}
#bt-btns .bt-btn a {height:110px;
	background:linear-gradient(to bottom, #00e5ff 0%,#1cafff 48%,#236dff 100%);
	display:flex; align-items:center; justify-content:center;
	font-size:18px; color:#fff; text-align:center;
}
#bt-btns .bt-btn:nth-of-type(1) {line-height:23px;}
#bt-btns .bt-btn:nth-of-type(2) {line-height:30px;}

@media screen and (max-width:999px) {
	#bt-btns {flex-direction:column;}
	#bt-btns .bt-btn {width:742px; margin:0 auto 20px;}
	#bt-btns .bt-btn:nth-of-type(1) {line-height:30px;}
	#bt-btns .bt-btn a {height:auto; padding:20px;}
}
@media screen and (max-width:782px) {
	#bt-btns .bt-btn {width:486px;}
	#bt-btns .bt-btn a {font-size:16px; line-height:22px;}
}
@media screen and (max-width:506px) {
	#bt-btns .bt-btn a {font-size:14px; line-height:22px;}
	#bt-btns .bt-btn {width:100%;}
}
@media screen and (max-width:414px) {
	#bt-btns .bt-btn:nth-of-type(1) br {display:none;}
}

@media (min-width: 540px) {
}

@media (min-width: 768px) {
}
@media (min-width: 1000px) {
}