@charset 'utf-8';

/* ------------------------------
 ソフトバンク光
------------------------------ */


/* メイン */

#main {
	background-color: #fff;
}

#main_inner {
	padding: 20px;
	background-color: #d4f5ff;
}

#main_inner ul {
	display: flex;
	width: 600px;
	justify-content: space-between;
}


/* SoftBank光とは？ */

.section_sb_hikari {
	margin-right: 20px;
	margin-left: 20px;
	border: 2px solid #f3f1d8;
	background-color: #fffef0;
}

.section_sb_hikari_inner {
	padding: 40px 20px;
}

.section_sb_hikari .tl {
	border-bottom: 4px solid #ffe200;
	background: transparent;
}

#arrow_about {
	position: relative;
	bottom: -55px;
}

#merits li:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 37px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAHCAMAAAAyC+1NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRF+/v7iIiIq6urysrK5+fno6Ojmpqa4ODgw8PDu7u79PT0kZGRMM086wAAADZJREFUeNpUzLkRADAIxEDA/O6/Xw9EZ4UbiCiM/RCmPH1WS44kS4yUK4bUdyi+f6eUIjwBBgAkTwCSp3TzrQAAAABJRU5ErkJggg==) repeat-x left bottom;
}

#txt_more_merit {
	padding-bottom: 53px;
	background-color: #fffef0;
}


/* ご加入特典 */

#camp {
	background-color: #f2fcff;
}

.tm_camp {
	position: relative;
	height: 35px;
	padding-left: 60px;
}

.tm_camp:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 40px;
	height: 16px;
	content: '';
	background-color: #004e9a;
}

.txt_camp {
	border: 2px solid #d4f5ff;
}


/* プロバイダ */

#provider {
	background-color: #fbfbfb;
}


/* 3つの特徴 */

#features {
	border: 2px solid #999;
}

.tm_feature {
	line-height: 0;
	padding: 30px 18px 29px 18px;
	cursor: pointer;
	background: #19479d url(/img/sp/sb_hikari/tg_feature_off.png) no-repeat 502px center;
}

.tm_feature.on {
	background-image: url(/img/sp/sb_hikari/tg_feature_on.png);
}

.feature:not(:last-child) .tm_feature {
	border-bottom: 2px solid #fff;
}

.feature:not(:last-child) .tm_feature.on {
	border-bottom: none;
}

.cont_feature {
	position: relative;
	padding-top: 30px;
	background-color: #fbfbfb;
}

.feature:first-of-type .cont_feature {
	padding-top: 0;
}

.cont_feature:before {
	position: absolute;
	top: 0;
	left: 271px;
	overflow: hidden;
	width: 55px;
	height: 0;
	padding-top: 30px;
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAeCAMAAAC/pnaKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5QTFRFGUed+/v78vT36Ozz9vf5+vr77vD1+Pn6HEmeLFal4ufxwczjdpHEytTn2+LutsTeMlunIU2gXn66aoe/GkidPmWsnrHUU3a1Sm6xHkufS2+yJlKjkabPQWeubovA2N/tepXGkKbOXH25j6XOWXq4scDcgpvJOGCqVHa2U3W1N1+qZoS9sL/c2N/sQ2iug5zJpbfXZ4W90drq0NnppLbXJVCiXX25JE+hepTFQmeukzD7dwAAAOxJREFUeNqc0lV2w0AUBNGpEUtm5pDDzMn+NxZyEtnWSO+5f/vcvzI1s8tqJrrfgV1GBv9MzYY+BuxIyUaWL4fXV7G+x48jbSlYK+XXsZeIWXLNv6P+LGSvdfKObCxi44x1x3EsYPEVm46BwA3YdhxUsiOKHPsV7I1iF3RLWTdwOPyXEnbo43LYiZNNLG5HOHeweUiZIz0tZBcp5Y5GUapJgyrHw3SLTR+pdmTtDdbOkDia66nGTWSOu16O9Z6QOmY5N0PuuP1jJ2hcsFixRaByRJ1v1onQOezwk51btI7wxryH6B3e0nOfHwIMAKDfC8tOYxuKAAAAAElFTkSuQmCC) no-repeat;
}

#feature_step {
	line-height: 0;
	box-sizing: border-box;
	width: 560px;
	margin-top: 70px;
	padding: 88px 18px 18px;
	border: 2px solid #999;
}

#feature_step dt {
	margin-top: -150px;
}

#i_feature_2 {
	display: flex;
	justify-content: space-between;
}

#txt_yahoo_bb_services li {
	float: left;
}

#txt_yahoo_bb_services li:nth-child(1),
#txt_yahoo_bb_services li:nth-child(3) {
	margin-right: 20px;
}

#txt_yahoo_bb_services li:nth-child(1),
#txt_yahoo_bb_services li:nth-child(2) {
	margin-bottom: 18px;
}


/* ご利用までの流れ */

#step {
	background-color: #f5f5f5;
}


/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/