@charset "UTF-8";


/* ページタイトル */

.siteContainer h1.PageTitle {
    max-width: 950px;
    width: 100%;
	margin: 10px auto;
	font-size: 1.4em;
	font-weight: 600;
	color: #333;
	border-bottom: 1px dotted #333;
	padding: 0 0 5px;
	line-height: 1.3;
}

.container .contents .maker .hikaritel {
    display :inline-block;
    margin: 30px auto 0;
    padding: 10px;
    border: 1px solid #CCC;
}

/* 事業者変更のお申込み時に、お客様から変更先事業者へお伝えが必要な情報 */

.container .contents .maker ol.num {
	list-style-type: decimal;
        padding-left: 20px;
}


/* 事業者変更のお手続きについてのご注意事項 */

.container .contents .maker .attention {
    margin: 30px 0;
    padding: 10px;
    border: 1px solid #CCC;
}

.container .contents .maker .attention p {
    margin: 0;
    padding: 0;
}

.container .contents .maker .attention .aboutList {
    margin: 10px 0;
}

.container .contents .maker .attention .aboutList__list {
    padding-left: 20px;
    padding-bottom: 10px;
}

.container .contents .maker .attention .aboutList__list.-left::before {
    position: relative;
    top: -2px;
    left: -8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    content: '';
    border-radius: 100%;
    background: #333;
}

.link:before {
  position: relative;
  margin: 0 5px 0 0;
  content: url('./../img/arrow_blue_15_15.png');
}

a.link:link {
  text-decoration: none;
}
a.link:hover {
  text-decoration: none;
}



/* 費用 */

.siteContainer .container .contents .cost table {
    margin: 15px 0 0;
    padding: 0;
    line-height: 130%;
}

.siteContainer .container .contents .cost table th {
    padding: 8px;
    color: #FFF;
    text-align: center;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background: #2075BB;
}

.siteContainer .container .contents .cost table td {
    padding: 8px;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}


.siteContainer .container .contents .cost_att {
    margin: 30px 0;
    padding: 10px 10px 10px 40px;
    border: 1px solid #CCC;
    border: 1px solid #CCC;
    background-color: #f9f9f9;
}


.cost_area {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 950px;
  margin: 0 auto 20px;
}

.cost_area table {
  width: 42%;
  border-collapse: collapse;
  border: none;
}

.cost_area table#center {
  width: 16%;
  border-collapse: collapse;
  border: none;
}

.cost_area td {
  border: none;
  padding: 10px;
}


@media (max-width: 800px) {
    
.cost_area {
  width: 100%;
  margin: 0 auto 10px;
}

.cost_area table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 10px;
  border: none;
}

.cost_area table#center {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 10px;
  border: none;
  margin: 10px auto 0;
}

}

.siteContainer .container .contents .cost_area table {
    margin: 15px 0 0;
    padding: 0;
    line-height: 130%;
}

.siteContainer .container .contents .cost_area table th.left {
    padding: 8px;
    text-align: center;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background: #2075BB;
    color: #FFFFFF;
}

.siteContainer .container .contents .cost_area table th.right {
    padding: 8px;
    text-align: center;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background: #00CCFF;
}

.siteContainer .container .contents .cost_area table td {
    padding: 8px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.siteContainer .container .contents .cost_area table#center td {
    padding: 8px;
    border-left: initial;
    border-right: initial;
    border-bottom: initial;
    border: none;
}


.arrow_pc { display: block !important; }
.arrow_sp { display: none !important; }

@media only screen and (max-width: 750px) {
.arrow_pc { display: none !important; }
.arrow_sp { display: block !important; }
}