@charset 'utf-8';

/* ------------------------------
 新設予定
------------------------------ */


/* メイン */

#main {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACgCAMAAAD6i/bwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF7u7uAAAAKG2MiAAAABBJREFUeNpiYBgFlACAAAMAAUAAAbuYzOUAAAAASUVORK5CYII=) repeat-x 0 170px;
}

#main,
#main h1 {
	line-height: 0;
	border-bottom: 2px solid #e1e1e1;
}

#main_inner {
	background-color: #fff;
}

#main_inner li {
	float: left;
}


/* 選ばれる決め手 */

.t_factor {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px dotted #888;
}


/* 0円プラン */

#tab_camp {
	width: 556px;
	border-bottom: 5px solid #134c9f;
}

#tab_camp li {
	float: left;
	overflow: hidden;
	width: 268px;
	height: 0;
	padding-top: 105px;
	background-image: url(/img/sp/est/tab_camp.png);
}

#tab_camp li:not(:last-child) {
	margin-right: 20px;
}

#tab_camp li:nth-child(1) {
	background-position: 0 0;
}

#tab_camp li:nth-child(2) {
	background-position: -268px 0;
}

#tab_camp li:nth-child(1).on {
	background-position: 0 -105px;
}

#tab_camp li:nth-child(2).on {
	background-position: -268px -105px;
}

#cont_camp {
	box-sizing: border-box;
	width: 556px;
	border: 4px solid #eaeaea;
	border-top: none;
}

#cont_camp li {
	padding: 50px 20px 28px;
	background-image: url(/img/sp/est/bg_cont_camp.png);
	background-repeat: no-repeat;
}

#cont_camp_1 {
	background-position: 95px 0;
}

#cont_camp_2 {
	background-position: 383px 0;
}


/* 環境を確認 */

.i_environment {
	float: right;
	margin: 0 0 20px 20px;
}

.environment:not(:last-child) {
	border-bottom: 2px dotted #888;
}

.environment_merit {
	padding: 10px 20px;
	border-radius: 5px;
	background: #fff;
}

.environment_merit li:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #888;
}

.environment_merit li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: transparent;
}

.environment_merit li p {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding: 20px 20px 20px 70px;
	color: #444;
}

.environment_merit_1 p {
	background: url(/img/sp/est/ico_environment_1.png) no-repeat left center;
}

.environment_merit_2 p {
	background: url(/img/sp/est/ico_environment_2.png) no-repeat left center;
}


/* 通話料最大60%削減 */

#tab_comparison {
	display: flex;
	width: 556px;
	border-bottom: 5px solid #1c50a6;
	justify-content: space-between;
}

#tab_comparison li {
	font-size: 0;
	overflow: hidden;
	width: 131px;
	height: 0;
	padding-top: 60px;
	cursor: pointer;
	background-image: url(/img/sp/est/tab_comparison.png);
}

#tab_comparison li:nth-child(1) {
	background-position: 0 0;
}

#tab_comparison li:nth-child(2) {
	background-position: -131px 0;
}

#tab_comparison li:nth-child(3) {
	background-position: -262px 0;
}

#tab_comparison li:nth-child(4) {
	background-position: -393px 0;
}

#tab_comparison li:nth-child(1).on {
	background-position: 0 -60px;
}

#tab_comparison li:nth-child(2).on {
	background-position: -131px -60px;
}

#tab_comparison li:nth-child(3).on {
	background-position: -262px -60px;
}

#tab_comparison li:nth-child(4).on {
	background-position: -393px -60px;
}

#cont_comparison {
	width: 556px;
}


/* 新設の導入事例 */

#tab_case {
	display: flex;
	width: 556px;
	border-bottom: 5px solid #1c50a6;
	justify-content: space-between;
}

#tab_case li {
	font-size: 0;
	overflow: hidden;
	width: 273px;
	height: 0;
	padding-top: 60px;
	cursor: pointer;
	background-image: url(/img/sp/est/tab_case.png);
}

#tab_case li:not(:last-child) {
	margin-right: 10px;
}

#tab_case li:nth-child(1) {
	background-position: 0 0;
}

#tab_case li:nth-child(2) {
	background-position: -273px 0;
}

#tab_case li:nth-child(1).on {
	background-position: 0 -60px;
}

#tab_case li:nth-child(2).on {
	background-position: -273px -60px;
}

#cont_case {
	width: 556px;
}

.cont_case {
	border: 4px solid #eaeaea;
	border-top: none;
}

.cont_case_header {
	padding: 20px 0 20px 54px;
	color: #444;
	border-bottom: 2px dotted #888;
	background-repeat: no-repeat;
	background-position: left center;
}

.cont_case_header p {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
}

.cont_case_header h3 {
	font-size: 27px;
	font-weight: bold;
}

.ico_cont_case_office {
	background-image: url(/img/sp/est/ico_cont_case_office.png);
}

.ico_cont_case_store {
	background-image: url(/img/sp/est/ico_cont_case_store.png);
}

.t_cont_case_feature,
.t_cont_case_result {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	border-radius: 5px;
}

.t_cont_case_feature {
	background-color: #666;
}

.t_cont_case_result {
	background-color: #134c9f;
}

.triangle {
	width: 0;
	height: 0;
	margin-right: auto;
	margin-left: auto;
	border-top: 47px solid #cdcdcd;
	border-right: 77px solid transparent;
	border-left: 77px solid transparent;
}


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