@charset "utf-8";

.contents_nav-item:nth-child(7) {
	background: #fff6b2;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 3px solid #fee101;
}

/*-----------------------------------------------------------------------
TAB
-----------------------------------------------------------------------*/
ul#tab {
	width: 100%;
	display: flex;
	justify-content: center;
}
ul#tab .tabBtn {
	cursor: pointer;
	vertical-align: bottom;
}
ul#tab li {
	margin-right: 5px;
	margin-left: 5px;
}
ul#tab li img {
	margin: 0;
	padding: 0;
	width: 100%;
}
ul#tab li.tabBtn__new {
	background-image: url("../area/img/tab_1giga_on.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
ul#tab li.tabBtn__use {
	background-image: url("../area/img/tab_105giga_on.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
ul#tab li.tabBtn__new a, 
ul#tab li.tabBtn__new a.active,
ul#tab li.tabBtn__use a,
ul#tab li.tabBtn__use a.active {
	display: inline-block;
}
ul#tab li.tabBtn__new a:hover, 
ul#tab li.tabBtn__new a.active:hover, 
ul#tab li.tabBtn__use a:hover,
ul#tab li.tabBtn__use a.active:hover {
	background-color: transparent;
}
ul#tab li.tabBtn__new a:hover img,
ul#tab li.tabBtn__new a.active img, 
ul#tab li.tabBtn__use a:hover img, 
ul#tab li.tabBtn__use a.active img {
	visibility: hidden;
}
#tabContents {
	border-top: 1px solid #cccccc;
	box-sizing: border-box;
	padding-top: 50px;
}
@media screen and (max-width: 780px) {
	ul#tab {
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
	}
	ul#tab li {
		margin-right: 3px;
		margin-left: 3px;
	}
	ul#tab li.tabBtn__new {
		background-image: url("../area/img/tab_1giga_sp_on.jpg");
	}
	ul#tab li.tabBtn__use {
		background-image: url("../area/img/tab_105giga_sp_on.jpg");
	}
}
/*
  Description: Flow Page style
*/
/****** CONTENTS ***************************************

0: common setting
1: flow_top
2: notice
3: terms
4: area
5: termsagreed

*******************************************************/
/****** 0:common setting *************************************/
#flow .not_mt {
	margin-top: 0 !important;
}
#flow .indent100 {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#flow .indent120 {
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}
#flow .indent130 {
	padding: 0 0 0 1.3em;
	text-indent: -1.3em;
}
#flow .indent140 {
	padding: 0 0 0 1.4em;
	text-indent: -1.4em;
}
#flow .indent150 {
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
#flow .indent200 {
	padding: 0 0 0 2em;
	text-indent: -2em;
}
#flow .indent300 {
	padding: 0 0 0 3em;
	text-indent: -3em;
}
#flow .note_font {
	font-size: 85.714286%;
}
#flow ul.disc {
	list-style: inside disc;
}
#flow ol.decimal {
	list-style: outside decimal;
	padding: 0 0 0 1.8em;
}
#flow .txt_red {
	color: #D00;
}
#notice_service a {
	color: #0033AA;
	text-decoration: none;
}
/****** 1:flow_top *************************************/
/*-----------------------------------------------------------------------
STEP
-----------------------------------------------------------------------*/

.step__wrap {
	border-top: #c5c5c5 1px dotted;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-top: 35px;
	padding-bottom: 30px;
}
.step__wrap:first-child {
	border-top: none;
}
.step__img--step01, 
.step__img--step02,
.step__img--step03,
.step__img--step04 {
	background-position: 30px 30px;
	background-repeat: no-repeat;
}
.step__img--step01 {
	background-image: url("../img/img_step01.jpg");
}
.step__img--step02 {
	background-image: url("../img/img_step02.jpg");
}
.step__img--step03 {
	background-image: url("../img/img_step03.jpg");
}
.step__img--step04 {
	background-image: url("../img/img_step04.jpg");
}
.step__ttl01 {
	font-size: 4.0rem;
	margin-left: 230px;
	padding-bottom: 5px;
	line-height: 1;
}
.step__ttl--num {
	font-size: 150%;
}
.step__ttl--ttl {
	font-size: 65%;
	padding-left: 20px;
}
.step__box01 {
	margin-left: 230px;
	margin-right: 30px;
}
.step__box02 {
	margin-left: 230px;
	margin-right: 30px;
	clear: both;
}
.step__lead {
	font-size: 2.2rem;
	margin-top: 30px;
	margin-bottom: 5px;
	font-weight: bold;
}
.step__lead02 {
	font-size: 2.6rem;
	color: #6794d4;
	margin-top: 30px;
	font-weight: bold;
}
.step__stl {
	margin-top: 30px;
	font-weight: bold;
}
.step__txt {
	font-size: 1.8rem;
	margin-bottom: 15px;
}
.step__txt a:link,
.step__txt a:visited {
	color: #0033AA;
	text-decoration: none;
}
.step__txt--mb0 {
	font-size: 1.8rem;
}
.step__txt--mt20 {
	margin-top: 20px;
}
.step__txt--mt30 {
	margin-top: 30px;
}
.step__txt--pt20 {
	padding-top: 20px;
}
.step__txt02 {
	font-size: 1.8rem;
}
.clear {
	clear: both;
}
.notes__v1 {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.4rem;
}
.notes__v2 {
	margin-top: 10px;
	margin-left: 230px;
	font-size: 1.4rem;
}
.notes__v3 {
	margin-top: 10px;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.4rem;
}
.txt__red {
	color: #FF0004;
}
.txt__eohikarinet {
	color: #6794d4;
	font-weight: bold;
}
.txt__eohikaridenwa {
	color: #83c24b;
	font-weight: bold;
}
.txt__eohikaritv {
	color: #ee734b;
	font-weight: bold;
}
.txt__eodenki {
	color: #39b383;
	font-weight: bold;
}
.txt__gas {
	color: #0075c2;
	font-weight: bold;
}
.txt__icon--eohikarinet, 
.txt__icon--eohikaridenwa, 
.txt__icon--eohikaritv,
.txt__icon--eodenki, 
.txt__icon--gas {
	margin-bottom: 5px;
}
.txt__icon--eohikarinet span {
	color: #6794d4;
	border: 1px solid #6794d4;
}
.txt__icon--eohikaridenwa span {
	color: #83c24b;
	border: 1px solid #83c24b;
}
.txt__icon--eohikaritv span {
	color: #ee734b;
	border: 1px solid #ee734b;
}
.txt__icon--eodenki span {
	color: #39b383;
	border: 1px solid #39b383;
}
.txt__icon--gas span {
	color: #0075c2;
	border: 1px solid #0075c2;
}
.txt__icon--eohikarinet span, 
.txt__icon--eohikaridenwa span,
.txt__icon--eohikaritv span,
.txt__icon--eodenki span, 
.txt__icon--gas span {
	border-radius: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}
.step__attention {
	border: 1px solid #c5c5c5;
	margin-top: 50px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.step__attention--ttl {
	color: #FF0004;
	font-size: 2.0rem;
}
.step__attention--ttl span {
	color: #FFFFFF;
	background-color: #FF0004;
	border-radius: 80px;
	padding-right: 0.25em;
	padding-left: 0.25em;
	margin-right: 10px;
}
.eohikarinet__bd {
	border: 1px solid #6794d4;
}
.eohikaridenwa__bd {
	border: 1px solid #83c24b;
}
.eohikaritv__bd {
	border: 1px solid #ee734b;
}
.eodenki__bd {
	border: 1px solid #39b383;
}
.gas__bd {
	border: 1px solid #0075c2;
}
.eohikarinet__bd, 
.eohikaridenwa__bd,
.eohikaritv__bd {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.eodenki__bd,
.gas__bd {
	margin-top: 5px;
	margin-bottom: 45px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/* for sp --------------------------------*/
@media screen and (max-width: 780px) {
	.step__wrap {
		border-top: none;
		margin-bottom: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.step__img--step01,
	.step__img--step02, 
	.step__img--step03, 
	.step__img--step04 {
		background-image: none;
	}
	.step__ttl01 {
		font-size: 2.4rem;
		margin-left: 0px;
	}
	.step__ttl--num {
		font-size: 150%;
	}
	.step__ttl--ttl {
		font-size: 80%;
		padding-left: 10px;
	}
	.step__box01 {
		width: 70%;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		float: left;
	}
	.step__box02 {
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
	}
	.step__img {
		float: right;
		width: 28%;
	}
	.step__img img {
		width: 100%;
		padding-top: 30px;
	}
	.step__lead {
		font-size: 1.8rem;
		margin-top: 20px;
		margin-bottom: 5px;
	}
	.step__lead02 {
		font-size: 1.8rem;
		margin-top: 20px;
	}
	.step__txt {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	.step__txt--mb0 {
		font-size: 1.6rem;
	}
	.step__txt--mt20 {
		margin-top: 10px;
	}
	.step__txt--mt30 {
		margin-top: 20px;
	}
	.step__txt--pt40 {
		padding-top: 30px;
	}
	.step__txt02 {
		font-size: 1.6rem;
	}
	.notes__v1 {
		text-indent: -1em;
		padding-left: 1em;
	}
	.notes__v2 {
		margin-top: 10px;
		margin-left: 0;
	}
    .notes__v2 li {
        text-indent: -1em;
        padding-left: 1em;
    }
	.notes__v3 {
		margin-top: 10px;
		text-indent: -1em;
		padding-left: 1em;
	}
	.txt__icon--eohikarinet span, 
	.txt__icon--eohikaridenwa span,
	.txt__icon--eohikaritv span,
	.txt__icon--eodenki span,
	.txt__icon--gas span {
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 3px;
		padding-left: 10px;
	}
	.step__attention {
		margin-top: 30px;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	.step__attention--ttl {
		color: #FF0004;
		font-weight: bold;
		font-size: 1.6rem;
	}
	.step__attention--ttl span {
		color: #FFFFFF;
		background-color: #FF0004;
		border-radius: 50%;
		padding-top: 0.1em;
		padding-left: 0.25em;
		padding-right: 0.25em;
		line-height: 1;
	}
}


#flow_top .sub_sect {
	margin: 0 0 50px;
}
#flow_top .mtop {
	margin: 1em 0 0;
}
#flow_top a:hover img {
	opacity: 1;
}
#flow_top .l_btn {
	margin: 24px auto 48px;
}
#flow_top .l_btn .btn_txt .small {
	font-size: 72.222222%;
}
#flow_top .l_btn strong {
	display: block;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#flow_top .introduce {
	margin: 0 0 46px;
}
#flow_top .introduce p {
	line-height: 1.85714286;
}
#flow_top .introduce .indent {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#flow_top .flow_list {
	height: auto;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-radius: 5px 5px 0 0;
	background: url(../img/bg_flow.gif) no-repeat center;
	background-size: 100% auto;
	overflow: hidden;
}
#flow_top .flow_list li {
	position: relative;
	float: left;
	width: 191px;
	min-height: 228px;
	text-align: center;
	overflow: hidden;
}
#flow_top .flow_list li .flow_ttl {
	position: relative;
	margin: 0 0 132px;
	padding: 14px 0 0;
	color: #6794d4;
	font-size: 214.285%;
	font-weight: normal;
	line-height: 1;
}
#flow_top .flow_list li .flow_img {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 150px;
	margin: 0 0 0 -75px;
}
#flow_top .flow_list li .flow_lead {
	display: table-cell;
	position: relative;
	width: 191px;
	height: 33px;
	padding: 10px 0 4px;
	vertical-align: middle;
	font-size: 114.285%;
	line-height: 1.2;
}
#flow_top .flow_list li .flow_lead span {
	font-size: 75%;
}
#flow_top .flow_list li .flow_lead .attention {
	font-size: 62.5%;
	vertical-align: top;
}
#flow_top .flow_span {
	height: auto;
	margin: 0 0 10px;
	padding: 11px 0 10px;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	background: #f9f9f9;
}
#flow_top .flow_span p {
	width: 454px;
	margin: 0 auto;
	background: url(../img/bg_flow_bottom.gif) no-repeat center;
	color: #6794d4;
	font-size: 22px;
	line-height: 28px;
	text-align: center;
}
#flow_top .flow_span p span {
	padding: 0 20px;
}
#flow_top .sect_wrap .notes {
	margin: 10px 0 0;
}
#flow_top .link_list {
	margin: 14px 0 0;
}
#flow_top .link_list li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#flow_top .sect_change_service {
	margin: 42px 0 0;
}
/* for sp --------------------------------*/
@media screen and (max-width: 780px) {
	#flow_top .l_btn {
		width: auto;
		margin: 14px 0 24px;
	}
	#flow_top .introduce {
		margin: 0 0 24px;
	}
	#flow_top .to_new_customer {
		margin: 0 0 30px;
	}
	#flow_top .flow_list {
		width: auto;
		height: auto;
		margin: 0 auto;
		background: none;
		border: 1px solid #ccc;
		border-bottom: none;
		border-radius: 5px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	#flow_top .flow_list li {
		display: table;
		float: none;
		width: 100%;
		height: 52px;
		min-height: 0;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		text-align: left;
		overflow: visible;
		white-space: nowrap;
	}
	#flow_top .flow_list li:after {
		content: "";
		display: block;
		position: absolute;
		bottom: -9px;
		left: 50%;
		width: 16px;
		height: 12px;
		margin: 0 0 0 -8px;
		background: url(../img/sp/bg_flow.gif) no-repeat center;
		z-index: 10;
	}
	#flow_top .flow_list li.last {
		height: 46px;
	}
	#flow_top .flow_list li.last:after {
		display: none;
	}
	#flow_top .flow_list li .flow_ttl {
		display: table-cell;
		float: none;
		position: static;
		width: 45px;
		padding: 0 12px 0 0;
		font-size: 13px;
		line-height: 1;
		vertical-align: middle;
	}
	#flow_top .flow_list li .flow_img {
		display: table-cell;
		position: static;
		float: none;
		top: auto;
		left: auto;
		width: 40px;
		padding: 0 17px;
		vertical-align: middle;
	}
	#flow_top .flow_list li .flow_img img {
		width: inherit;
		max-width: 40px;
		height: auto;
		vertical-align: middle;
	}
	#flow_top .flow_list li .flow_lead {
		display: table-cell;
		position: static;
		float: none;
		width: auto;
		height: auto;
		padding: 0;
		font-size: 13px;
		text-align: left;
		vertical-align: middle;
	}
	#flow_top .flow_list li .flow_lead span {
		font-size: 75%;
	}
	#flow_top .flow_list li .flow_lead .attention {
		position: relative;
		font-size: 75%;
		vertical-align: middle;
		margin: 0 0 0 2px;
	}
	#flow_top .flow_span {
		width: auto;
		height: auto;
		margin: 0 auto 10px;
		padding: 0;
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 0 0 5px 5px;
		background: #f9f9f9;
	}
	#flow_top .flow_span p {
		width: auto;
		margin: 0;
		background: none;
		font-size: 115.384%;
		line-height: 2.5em;
		padding: 0;
	}
	#flow_top .flow_span p span {
		padding: 0;
	}
	#flow_top .sect_change_service {
		margin: 30px 0 0;
	}
}
/****** 2:notice *************************************/
/*******************************************
流用元CSS
********************************************/
#flow_notice .sect_nav .sect_item {
	width: 49%;
	margin: 0 0 0 2%;
}
#flow_notice .sect_nav .sect_item:first-child {
	margin: 0;
}
#flow_notice .mtop {
	margin-top: 1em;
}
#flow_notice .sub_sect {
	margin: 0 0 42px;
}
#flow_notice .sect_caption {
	margin-top: 18px;
}
#flow_notice p {
	line-height: 1.85714286;
}
#flow_notice .notes {
	line-height: 1.5;
}
#flow_notice dl dd {
	margin: 0 0 1em;
}
#flow_notice .pdf_links {
	margin-top: 1em;
}
#flow_notice .pdf_links li {
	padding: 0 0 0 20px;
	text-indent: -20px;
}
#flow_notice .mb_none {
	margin-bottom: 0;
}
#flow_notice table {
	width: 100%;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#flow_notice table th, #flow_notice table td {
	table-layout: fixed;
	height: 50px;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-weight: normal;
	vertical-align: middle;
}
#flow_notice table tbody th {
	text-align: left;
}
#flow_notice table thead th, #flow_notice table tbody .wired, #flow_notice table tbody .wireless, #flow_notice table tbody td {
	text-align: center;
}
#flow_notice table thead th, #flow_notice table tbody .wired, #flow_notice table tbody .wireless {
	font-weight: bold;
}
#flow_notice table thead th {
	background: #d9ebfc;
}
#flow_notice table tbody th {
	background: #f3f3f3;
}
#flow_notice table tbody th:first-child {
	width: 22%;
}
#flow_notice table tbody .wired, #flow_notice table tbody .wireless {
	width: 39%;
}
#flow_notice .img_lan {
	margin: 10px auto;
	text-align: center;
}
/* for sp --------------------------------*/
@media screen and (max-width: 780px) {
	#flow_notice .sub_sect {
		margin: 0 0 20px;
	}
	#flow_notice table th,
	#flow_notice table td {
		padding: 5px;
	}
	#flow_notice .img_lan img {
		width: 100%;
		height: auto;
	}
}
/*******************************************
/流用元CSS
********************************************/
/****** 3:terms *************************************/
#flow_terms .mtop {
	margin: 1em 0 0;
}
#flow_terms ul.indent_list {
	list-style: outside disc;
	padding: 0 0 0 1.6em;
	text-indent: 0;
}
#flow_terms .indent {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#flow_terms .ordered_indent {
	padding: 0 0 0 1.6em;
	text-indent: -1.6em;
}
#flow_terms .introduce {
	margin: 0 0 30px;
}
#flow_terms .main_sect {
	margin: 0 0 38px;
}
#flow_terms .sub_sect {
	margin: 0 0 30px;
}
#flow_terms .heading {
	margin: 16px 0 8px;
	font-weight: bold;
}
#flow_terms .inside {
	padding: 0 0 0 1em;
}
#flow_terms ul.disc {
	list-style: outside disc;
	padding: 0 0 0 1.5em;
}
#flow_terms .ordered_notes {
	padding: 0 0 0 2em;
	text-indent: -2em;
}
#flow_terms .notes .ordered_notes {
	margin: 0 0 0 -1em;
}
#flow_terms .disc > li {
	margin: 0 0 6px;
}
#flow_terms .list_table {
	display: table;
}
#flow_terms .list_table li {
	display: table-row;
	margin: 0;
}
#flow_terms .list_table li span {
	display: table-cell;
	padding: 0 0 6px;
}
#flow_terms .list_table.disc {
	padding: 0;
}
#flow_terms .list_table.disc li .head {
	padding-left: 1.3em;
}
#flow_terms .list_table.disc li i {
	display: list-item;
	list-style: disc inside;
	float: left;
	width: 1em;
	margin: 0 0 0 -1.5em;
	padding: 0 0 0 0.5em;
	font-style: normal;
	white-space: nowrap;
	overflow: hidden;
}
#flow_terms table {
	table-layout: fixed;
	width: 100%;
	margin: 0 0 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#flow_terms table caption {
	font-size: 85.714286%;
	text-align: right;
}
#flow_terms table th, #flow_terms table td {
	height: 48px;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
}
#flow_terms table thead th {
	background: #d9ebfc;
}
#flow_terms table tbody th {
	padding-left: 10px;
	background: #f3f3f3;
	font-weight: normal;
	text-align: left;
}
#flow_terms #outline table {
	width: 540px;
}
#flow_terms #outline table thead th:first-child {
	width: 52%;
}
#flow_terms .res_table {
	overflow: hidden;
}
#flow_terms .res_table .table {
	float: left;
	border-collapse: separate;
}
#flow_terms .res_table .visible_for_sp {
	visibility: hidden;
}
#flow_terms #about_charge .res_table p {
	text-align: right;
}
#flow_terms #about_charge .res_table table.flat_rate {
	width: 600px;
}
#flow_terms #about_charge .res_table table.measured_rate {
	width: auto;
	border-left: none;
}
#flow_terms #about_charge .res_table table.measured_rate .table_ttl {
	width: 299px;
}
#flow_terms #about_charge .res_table thead tr:first-child th:first-child {
	text-align: left;
	padding-left: 10px;
}
#flow_terms #about_charge .res_table tbody th {
	background: transparent;
}
#flow_terms #nagawari table.monthly thead th:first-child {
	width: 40%;
}
#flow_terms #nagawari .res_table table.cancel01 {
	width: 528px;
}
#flow_terms #nagawari .res_table table.cancel01 thead th:first-child {
	width: 176px;
}
#flow_terms #nagawari .res_table table.cancel02 {
	width: auto;
	border-left: 0;
}
#flow_terms #nagawari .res_table table.cancel02 .table_ttl {
	width: 351px;
}
#flow_terms #contact .btn_list {
	width: 916px;
	margin: 30px 0 0 -8px;
	text-align: center;
}
#flow_terms #contact .btn_item {
	display: inline-block;
	width: 290px;
	margin: 0 5px;
}
#flow_terms #service_contact .support {
	margin: 0 0 16px;
}
#flow_terms .pdf_link {
	margin: 10px 0 16px;
}
#flow_terms .sect_border_box {
	margin-top: 10px;
}
#flow_terms .sect_border_box .box_ttl {
	margin: 0 0 2px;
	line-height: 1.85714286;
}
/* for sp --------------------------------*/
@media screen and (max-width: 780px) {
	#flow_terms .main_sect {
		margin: 0 0 18px;
	}
	#flow_terms .sub_sect {
		margin: 0 0 16px;
	}
	#flow_terms #outline table {
		width: 100%;
	}
	#flow_terms .res_table .table {
		width: 100% !important;
		margin: 0 0 10px;
		border-left: 1px solid #ccc !important;
	}
	#flow_terms .res_table .visible_for_sp {
		visibility: visible;
	}
	#flow_terms #about_charge .res_table thead tr:first-child th:first-child {
		width: 50%;
	}
	#flow_terms #about_charge .res_table table.measured_rate .table_ttl {
		width: 50%;
	}
	#flow_terms #nagawari .res_table .heading {
		margin-bottom: -18px;
	}
	#flow_terms #nagawari .res_table .heading:first-child {
		margin-top: 0;
	}
	#flow_terms #contact .btn_list {
		width: auto;
		margin: 30px 0 0;
		text-align: left;
	}
	#flow_terms #contact .btn_item {
		display: block;
		width: auto;
		margin: 0 0 20px;
	}
}

/****** 5:termsagreed *************************************/
.order_url {
	margin: 14px 0 14px;
}
.agree_header {
	padding-top: 100px;
	padding-bottom: 38px;
}
.agree_footer {
	padding-bottom: 26px;
}
.agree_footer .close_btn {
	margin-bottom: 26px;
}
.agree_footer .agree_notes {
	margin: 0 0 90px;
	font-size: 71.428571%;
	line-height: 1.5em;
	text-align: center;
}
/* for sp --------------------------------*/
@media screen and (max-width: 780px) {
	.close_btn {
		width: 100%;
	}
	.agree_header {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.agree_footer .agree_notes {
		margin-bottom: 50px;
		text-align: left;
	}
}