@charset "utf-8";
/* ################################################################################
   Object_Project
   ################################################################################ */


/* ======================================================================
   Header_Parts（ヘッダー内の構成パーツ）
   ====================================================================== */


/* Site Title
   ================================================================= */


/* ------------------------------------------------------------
   Image Logo（画像ロゴ）
   ------------------------------------------------------------ */

.site-title {
	margin: 0;
  padding: 1.0em 0;
  font-size: inherit;
	font-weight: normal;
  line-height: 1.0;
}

.site-logo, 
.custom-logo {
	width: auto;
  height: 3.0em;
  margin: 0;
}

@media screen and (max-width:959px) {
.site-title {
  padding: 0.75em 0;
}

.site-logo, 
.custom-logo {
  height: 2.0em;
}
}

@media screen and (max-width:559px) {
.p-site-visual__inner--pc {
	display: none;
}

.p-site-visual__inner--tab {
	display: none;
}

.p-site-visual__inner--sp {
	display: block;
}
}





/* ======================================================================
   Footer_Parts（フッター内の構成パーツ）
   ====================================================================== */


/* Footer Infomation
   ================================================================= */


/* ------------------------------------------------------------
   Footer Infomation_Wapper
   ------------------------------------------------------------ */

.footer-infomation {
	color: #fff;
}

@media screen and (max-width:959px) {
.footer-infomation {
	padding-left: 0.75em;
	padding-right: 0.75em;
}
}

@media screen and (max-width:559px) {
.footer-infomation {
	padding-left: 0.75em;
	padding-right: 0.75em;
}
}



/* ------------------------------------------------------------
   Administrator Name（運営者名）
   ------------------------------------------------------------ */

.administrator-name {
	color: #fff;
}



/* ------------------------------------------------------------
   Street Address（サイトの運営会社の住所）
   ------------------------------------------------------------ */

.street-address {
	color: #fff;
}



/* ------------------------------------------------------------
   Copyright
   ------------------------------------------------------------ */

.copyright {
	color: #fff;
}





/* ======================================================================
   Site Visual（サイトのメインビジュアル）
   ====================================================================== */

/* サイトの印象を決定づける画像や動画を、使用する枠。 */
/* スライダー機能で、複数枚の画像を表示させたり、動画を設置するなどして、ユーザーの注目を集める。 */


.p-site-visual {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.p-site-visual__inner {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}



/* ------------------------------------------------------------
   [Decoration]PC/Tab/SPで表示する画像を変化させる場合
   ------------------------------------------------------------ */

.p-site-visual__inner--pc {
	display: block;
}

.p-site-visual__inner--tab {
	display: none;
}

.p-site-visual__inner--sp {
	display: none;
}

@media screen and (max-width:959px) {
.p-site-visual__inner--pc {
	display: block;
}

.p-site-visual__inner--tab {
	display: none;
}

.p-site-visual__inner--sp {
	display: none;
}
}

@media screen and (max-width:559px) {
.p-site-visual__inner--pc {
	display: none;
}

.p-site-visual__inner--tab {
	display: none;
}

.p-site-visual__inner--sp {
	display: block;
}
}




/* ======================================================================
   エリアごとの料金表
   ====================================================================== */

.p-area-price {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 1.0em;
}

.p-area-price__column {
	display: flex;
	flex-basis: 33.33%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 1.0em;
}

.p-area-price__button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0.75em 1.5em;
	background: #1e5992;
	border-radius: 1.5em;
	color: #fff;
	font-weight: bold;
}
.p-area-price__button:hover, 
.p-area-price__button:active, 
.p-area-price__button:focus {
	background: #ec6941;
	color: #fff;
	text-decoration: none;
}

.p-area-price__button-arrow {
	padding-left: 0.5em;
	font-size: 0.75em;
}

@media screen and (max-width:959px) {
.p-area-price__column {
	flex-basis: 50%;
}
}

@media screen and (max-width:559px) {
.p-area-price {
	padding: 0.5em 0;
}

.p-area-price__column {
	flex-basis: 100%;
	padding: 0.5em 1.0em;
}
}




/* ======================================================================
   エリアごとの料金表
   ====================================================================== */

.p-option-service {
	margin-bottom: 1.5em;
}

.p-option-service__tab {
	display: flex;
	margin: 0;
	padding: 0;
}

.p-option-service__tab-item {
	flex-basis: 100%;
	margin: 0;
	padding: 1.0em;
	background: #5bb8e0;
	border: 0.2em solid #5bb8e0;
	border-radius: 1.0em 1.0em 0 0;
	list-style: none;
	transition: .3s;
	color: #fff;
	text-align: center;
}

.p-option-service__tab-heading {
	margin: 0;
}

.p-option-service__content {
	padding: 1.5em 2.0em;
	background: #fff;
	border-radius: 0 0 1.0em 1.0em;
}

.p-option-service__precautions {
	margin: 0;
	padding: 0.4em 1.0em;
	border: solid 0.15em #ccc;
	border-radius: 0.75em;
	font-size: 0.875em;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

.p-option-service__merit {
	margin: 3.0em 0 1.0em;
}

.p-option-service__merit-item {
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 1.0em;
	background: #e76040;
	border-radius: 1.25em;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.p-option-service__lamp {
	position: absolute;
	left: -1.5em;
	top: -1.5em;
	width: 3.0em;
}

.p-option-service__repair {
	max-width: 80%;
	margin: 0 auto;
	padding: 1.0em;
}

.p-option-service__repair-item {
	display: flex;
	flex-wrap: wrap;
	padding: 1.0em;
}

.p-option-service__repair-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: inherit;
	max-height: inherit;
	margin-left: inherit;
	margin-right: inherit;
}

.p-option-service__repair-name {
	display: block;
	width: 100%;
	margin-top: 0.75em;
	font-size: 1.0em;
	text-align: center;
}

.p-option-service__discount-image {
	margin: 2.0em 0 3.5em;
}

.p-discount-annotation {
	font-size: 0.875em;
	text-align: center;
}

.p-option-service__navi {
	margin: 2.0em 0 1.0em;
}

.p-option-service__navi-column {
	justify-content: center;
}

@media screen and (max-width:959px) {
.p-option-service__tab-item {
	padding: 0.75em;
	border-radius: 0.75em 0.75em 0 0;
}
	
.p-option-service__tab-heading {
	font-size: 0.75em;
}
	
.p-option-service__content {
	padding: 0.75em;
	background: #fff;
}

.p-option-service__repair {
	max-width: 100%;
	padding: 1.0em 0;
}

.p-option-service__repair-name {
	font-size: 0.75em;
}

.p-discount-annotation {
	font-size: 0.75em;
}

.p-option-service__merit {
    margin: 3.0em 0 1.0em;
}

.p-option-service__merit-item {
	width: 90%;
	font-size: 0.875em;
}

.p-option-service__lamp {
	left: -1.5em;
	top: -1.875em;
	width: 3.0em;
}

.p-option-service__navi {
	margin: 2.0em 0 1.0em;
}
}

@media screen and (max-width:559px) {
.p-option-service {
	margin-bottom: 1.5em;
}
	
.p-option-service__tab-item {
	padding: 0.75em;
	border-radius: 0.75em 0.75em 0 0;
}
	
.p-option-service__tab-heading {
	font-size: 1.125em;
}
	
.p-option-service__content {
	padding: 0.75em;
	background: #fff;
}

.p-option-service__repair {
	max-width: 100%;
	padding: 1.0em 0;
}

.p-option-service__repair-name {
	font-size: 0.625em;
}

.p-discount-annotation {
	font-size: 0.625em;
}

.p-option-service__merit {
    margin: 3.0em 0 0;
}

.p-option-service__merit-item {
	width: 95%;
	margin-bottom: 2.0em;
	font-size: 0.875em;
}

.p-option-service__lamp {
	position: absolute;
	left: -0.75em;
	top: -1.75em;
	width: 3.5em;
}

.p-option-service__navi {
	margin: 1.5em 0 1.0em;
}
}



.p-discount-table {
	max-width: 100%;
	margin: 1.0em auto 4.0em;
	background: #fff;
	border: solid 0.1rem #cccccc;
}

.p-discount-table__thead {
	display: flex;
}

.p-discount-table__tbody {
}

.p-discount-table__tr {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}

.p-discount-table__th {
  flex-basis: 50%;
  align-self: stretch;
  background: #eff4f5;
  border: solid 0.1rem #cccccc;
}

.p-discount-table__td {
  flex-basis: 50%;
  align-self: stretch;
  border: solid 0.1rem #cccccc;
}

.p-discount-table__header {
  align-self: center;
  padding: 0.75em;
	font-weight: bold;
	text-align: center;
}

.p-discount-table__body {
  align-self: center;
  padding: 0.75em;
	text-align: center;
}

.p-discount-table__emphasis {
	color: #FF4D50;
	font-weight: bold;
}

@media screen and (max-width:959px) {
.p-discount-table__th {
	flex-basis: 50%;
}

.p-discount-table__td {
	flex-basis: 50%;
}
	
.p-discount-table__header {
	font-size: 0.875em;
}
	
.p-discount-table__body {
	font-size: 0.875em;
}
}

@media screen and (max-width:559px) {
.p-discount-table__th {
	flex-basis: 50%;
}

.p-discount-table__td {
	flex-basis: 50%;
}
	
.p-discount-table__header {
	font-size: 0.625em;
}
	
.p-discount-table__body {
	font-size: 0.625em;
}
}





/* ======================================================================
   電気受給約款
   ====================================================================== */

.p-supply-agreement {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.p-supply-agreement__column {
	display: flex;
	flex-basis: 50%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0 1.0em;
}




.p-supply-agreement__button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1.25em;
	background: #1e5992;
	border-radius: 2.0em;
	color: #fff;
	font-weight: bold;
}


.p-supply-agreement__button2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60%;
	padding: 1.25em;
	background: #1e5992;
	border-radius: 2.0em;
	color: #fff;
	font-weight: bold;
	margin: 0px 0px 100px 0px;
}



.p-supply-agreement__button:hover, 
.p-supply-agreement__button:active, 
.p-supply-agreement__button:focus {
	background: #ec6941;
	color: #fff;
	text-decoration: none;
}

.p-supply-agreement__button-arrow {
	padding-left: 0.5em;
	font-size: 0.75em;
}

@media screen and (max-width:959px) {
.p-supply-agreement__column {
	flex-basis: 50%;
}
	
.p-supply-agreement__button {
	font-size: 0.75em;
}
}

@media screen and (max-width:559px) {
.p-supply-agreement__column {
	flex-basis: 100%;
	padding: 0.5em 1.0em;
}

.p-supply-agreement__button {
	font-size: 0.75em
}
}

/* ======================================================================
   パンフレット
   ====================================================================== */


.p-supply-agreement__column2 {
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0 1.0em;
}



/* ======================================================================
   お問合せフォーム
   ====================================================================== */

.p-contact-attention {
	margin-bottom: 2.0em;
	padding: 0.5em 2.0em;
	border-radius: 1.0em;
}

@media screen and (max-width:959px) {
.p-contact-attention {
	padding: 0.5em 2.0em;
}
}

@media screen and (max-width:559px) {
.p-contact-attention {
	padding: 0.5em 1.0em;
}
}

.p-contact-form {
	max-width: 100%;
	padding: 2.0em;
	background: #fff;
	border-radius: 1.0em;
}