@charset "utf-8";

#m_news th img:hover {
opacity: 0.7;
}
#m_news td span {
font-weight: bold;
}
.keiko1 {
background: #fff000 !important;
display: inline !important;
padding: 0 !important;
}
#el_price section figure img:nth-child(2) {
margin-top: 0.4rem;
}

/* マーカー */
.marker.active{
  background-position: -100% .7rem;
}

.marker {
  background-image: -webkit-linear-gradient(left, transparent 50%, #fff000 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fff000 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fff000 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fff000 50%);
  background-image: linear-gradient(left, transparent 50%, #fff000 50%);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  background-position: 0 .7rem;
  transition: all 2s ease;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {

/* トップページ */
#tophdr img {
width: 100%;
}
#apub {
text-align: center;
margin: 5rem 0;
}
#apub img {
transition: 0.3s;
}
#apub img:hover {
transform: translateY(-1rem);
}
#mt_news {
background: #efefef;
padding: 2rem 0;
margin-bottom: 5rem;
}
#mt_news h3 {
text-align: center;
color: #fff;
padding: 1.6rem 0;
background: #ea6015;
font-size: 4rem;
font-weight: bold;
margin-bottom: 3rem;
}
#mt_news div {
width: 70rem;
margin: 0 auto;
}
#mt_news div p {
font-size: 2.4rem;
margin: 1.4rem 0;
}
#e202 {
background: #2d2d2d;
padding: 3rem 0;
color: #fff;
margin-bottom: 5rem;
}
#e202 > section:first-child {
display: flex;
justify-content: space-between;
width:90rem;
margin: 0 auto 5rem auto;
font-size: 3.6rem;
font-weight: bold;
}
#e202 > section:first-child figure {
width: 39.2rem;
}
#e202 > section:first-child div {
width: 51.8rem;
padding-left: 2rem;
}
#e202 > section:first-child div h2 {
font-weight: bold;
line-height: 1.4;
margin-bottom: 2rem;
}
#e202 > section:first-child div h2 span {
display: block;
color: #f6ff0b;
}
#e202 > section:first-child div p {
font-size: 1.8rem;
}
#e202 > section:first-child div p span {
font-size: 3.6rem;
margin: 0 1rem;
}
#e202 > section:last-child h3 {
color: #ffac0b;
font-size: 3.6rem;
font-weight: bold;
text-align: center;
text-decoration: underline;
margin-bottom: 5rem;
}
#e202 > section:last-child ul {
width: 80rem;
margin: 0 auto 5rem auto;
}
#e202 > section:last-child li {
margin: 1rem 0;
font-weight: bold;
}
#e202 > section:last-child p {
text-align: center;
padding: 0 10rem;
}
#omakase {
width: 100rem;
margin: 0 auto 5rem auto;
}
#omakase h2 {
background: #2d2d2d;
color: #fff;
font-weight: bold;
font-size: 2.4rem;
border-radius: 1rem;
padding: 1rem 0;
text-align: center;
margin-bottom: 3rem;
}
#omakase > div {
display: flex;
justify-content: space-between;
}
#omakase > div section {
width: 30rem;
border: 0.2rem solid #000;
padding: 1.4rem;
}
#omakase > div section figure {
margin-bottom: 2rem;
}
#omakase > div section p {
font-size: 2rem;
font-weight: bold;
}
#michi {
width: 70rem;
margin: 0 auto 8rem auto;
background: url("../img/top/back_tochigi.png") no-repeat center top 5rem;
text-align: center;
}
#michi h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: 4.3rem;
font-weight: 700;
line-height: 1.4;
text-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.17);
margin: 1rem 0 2rem 0;
}
#michi > a {
display: block;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2rem;
padding: 0.4rem 0;
border-radius: 0.8rem;
border: 0.3rem solid #000;
background: #fff;
width:30rem;
margin: 0 auto 5rem auto;
color: #000;
transition: 0.3s;
}
#michi > a:hover {
box-shadow: 0.3rem 0.3rem 0 rgba(0,0,0,0.5);
text-decoration: none;
}
#michi > div {
display: flex;
justify-content: space-between;
}
#michi > div a {
position: relative;
display: block;
width: 29.3rem;
border-radius: 1rem;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
padding: 4rem 0 3rem 0;
box-shadow: 0.5rem 0.5rem 0 rgba(0,0,0,0.17);
transition: 0.3s;
}
#michi > div a:hover {
text-decoration: none;
box-shadow: none;
}
#michi > div a h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 4.3rem;
line-height: 1.1;
margin-bottom: 3rem;
}
#michi > div a p {
width: 14rem;
border-radius: 1rem;
background: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
margin: 0 auto;
padding: 0.4rem 0;
}
#btn_a {
background: #ff5614;
}
#btn_a p {
color: #ff5614;
}
#btn_b {
background: #4dad0d;
}
#btn_b p {
color: #4dad0d;
}
.dot {
position: absolute;
width: 1.2rem;
height: 1.2rem;
background: #fff;
border-radius: 50%;
}
.dot1 {
top: 1.2rem;
left: 1.2rem;
}
.dot2 {
top: 1.2rem;
right: 1.2rem;
}
.dot3 {
bottom: 1.2rem;
right: 1.2rem;
}
.dot4 {
bottom: 1.2rem;
left: 1.2rem;
}
#top_about {
text-align: center;
}
#top_about h2 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 4rem;
}
#top_about p {
font-size: 1.8rem;
margin-bottom: 4rem;
}
#top_about p em {
font-weight: bold;
color: #ff5614;
}
#shita {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
#shita > div {
background: url("../img/top/back_shita.webp") no-repeat;
background-size: cover;
background-position: left top;
width: 42%;
}
#shita section {
width: 58%;
background: #ebebeb;
padding: 3rem 5rem;
}
#shita section h2 {
color: #fff;
background: #0a52ab;
padding: 2rem 5rem;
border-radius: 1rem;
display: inline-block;
font-size: 4rem;
font-weight: bold;
margin-bottom: 3rem;
}
#shita section h3 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#shita section p {
font-size: 1.8rem;
line-height: 2;
margin-bottom: 3rem;
}
#shita section ul {
display: flex;
}
#shita section ul li {
width: 10.5rem;
height: 10.5rem;
border-radius: 50%;
color: #fff;
font-size: 3rem;
font-weight: bold;
text-align: center;
line-height: 10.5rem;
margin-right: 3rem;
}
#shita section ul li:first-child {
background: #fda6cf;
}
#shita section ul li:nth-child(2) {
background: #edbe95;
}
#shita section ul li:nth-child(3) {
background: #b5dd56;
}
#shita section ul li:last-child {
background: #6ac5e6;
}
#m_news {
width: 80rem;
margin: 0 auto 5rem auto;
border: 0.4rem solid #000;
}
#m_news h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
font-size: 3rem;
padding: 1rem 0 2rem 0;
background: #000;
letter-spacing: 0.6rem;
}
#m_news table {
width: 100%;
}
#m_news th, #m_news td {
vertical-align: top;
padding: 2rem;
border-bottom: 0.1rem dotted #aaa;
}
#m_news th {
width: 26%;
}
#m_news th img {
width: 100%;
height: 12rem;
object-fit: cover;
}
#m_news table tr:last-child th, #m_news table tr:last-child td {
border-bottom: none;
}

/* アンテナ工事 */
#hdr_antenna {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/antenna/hdr_antenna.webp");
}
#an_ban {
text-align: center;
margin-bottom: 8rem;
}
#an_ban div {
margin-bottom: 4rem;
}
#an_ban p {
color: #005bac;
font-size: 3.6rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
line-height: 1.5;
}
#an_price {
width: 110rem;
margin: 0 auto 10rem auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
#an_price section {
border: 0.3rem solid #000;
padding: 2rem;
}
#an_price section figure {
margin-bottom: 2rem;
}
#an_price section h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#an_price section h4 {
color: #ff0000;
font-size: 3.2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#an_price section h4 span {
font-size: 1.6rem;
}
#an_price section h5 {
font-size: 2.4rem;
font-weight: bold;
color: #00c009;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 0.1rem dotted #ccc;
}
#an_price section p {
padding-bottom: 1rem;
}
#an_price section small {
font-weight: bold;
font-size: 1.6rem;
margin-top: 2rem;
display: block;
}
#ryoko {
border-top: 0.1rem solid #bbb;
border-bottom: 0.1rem solid #bbb;
padding: 2rem 0;
display: flex;
justify-content: space-between;
}
#ryoko figure {
width: 40%;
}
#ryoko section {
padding-left: 5rem;
padding-top: 2rem;
width: 60%;
}
#ryoko section h3 {
font-size: 3rem;
font-weight: bold;
color: #ff61d8;
margin-bottom: 5rem;
}
#ryoko section p {
font-size: 1.8rem;
}
#ryoko section p em {
font-weight: bold;
color: #ff0000;
}
#raku {
padding: 5rem 3rem;
border-bottom: 0.1rem solid #bbb;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 247, 234, 1) 10px, rgba(255, 247, 234, 1) 30px );
display: flex;
justify-content: space-between;
}
#raku > div {
width: 30%;
}
#raku > section {
width: 70%;
padding-left: 5rem;
padding-top: 2rem;
}
#raku > section h2 {
font-weight: bold;
font-size: 3rem;
margin-bottom: 3rem;
}
#raku > section h2 img {
height: 3rem;
margin-right: 1rem;
}
#raku > section p {
font-size: 1.8rem;
margin-bottom: 3rem;
}
#raku > section p span {
color: #ff0000;
font-weight: bold;
}
#raku > section h3 {
display: inline-block;
color: #fff;
background: #00aeff;
border-radius: 0.4rem;
padding: 0.6rem 2rem;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 2rem;
}

/* その他電気工事 */
#hdr_electric {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/electric/hdr_electric.webp");
}
#el_price {
width: 110rem;
margin: 0 auto 10rem auto;
}
#el_price section {
border: 0.2rem solid #000;
margin-bottom: 3rem;
padding: 2rem;
display: flex;
justify-content: space-between;
}
#el_price section figure {
width: 30rem;
}
#el_price section figure img:nth-child(2) {
margin-top: 0.4rem;
}
#el_price section > div, #el_price #evphv article > div {
width: calc(100% - 30rem);
padding-left: 3rem;
}
#el_price section h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#el_price section h4 {
font-size: 2.6rem;
font-weight: bold;
color: #ff0000;
margin-bottom: 1rem;
}
#el_price section h4 span {
font-size: 2rem;
}
#evphv {
display: block !important;
}
#evphv article {
display: flex;
justify-content: space-between;
}
#evphv figure {
width: 30rem;
}
#el_price #evphv article {
margin-top: 2rem;
}
#ele_dis {
width: 110rem;
margin: 0 auto 10rem auto;
}
#ele_dis article {
padding: 2rem;
border: 0.1rem solid #aaa;
margin-bottom: 3rem;
}
#ele_dis article > div {
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
#ele_dis article > div figure {
width: 48%;
}
#ele_dis article h2 {
background: #000;
color: #fff;
padding: 1rem 2rem;
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
#ele_dis article h3 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 2rem;
}
#ele_dis article p {
margin-bottom: 2rem;
}
#ele_dis article h4 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
padding-left: 1.6rem;
border-left: 0.6rem solid #000;
line-height: 1.4;
}
.pss {
padding-left: 2.4rem;
}
#ele_dis article em {
font-weight: bold;
color: #e93700;
}
#ele_dis article h5 {
background: #00a0e9;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.8rem;
padding: 0.6rem 0;
margin-bottom: 3rem;
}
ul.eldis1 {
display: flex;
flex-wrap: wrap;
margin-bottom: 5rem;
}
ul.eldis1 li {
color: #fff;
padding: 0.6rem 2rem;
font-weight: bold;
font-size: 1.8rem;
background: #91c11e;
border-radius: 0.4rem;
margin-right: 1rem;
}
#ele_dis article h6 {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
padding-bottom: 0.6rem;
border-bottom: 0.1rem solid #000;
margin-bottom: 2rem;
color: #ff0000;
}
ul.eldis2 {
margin-bottom: 2rem;
padding-left: 2rem;
}
ul.eldis2 li {
padding-left: 0.6rem;
list-style: circle;
}

/* 会社案内 */
#hdr_about {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/about/hdr_about.webp");
}
#about_tb {
width: 100rem;
margin: 0 auto 10rem auto;
padding: 4rem;
background: #f5f5f5;
}
#about_tb table {
width: 100%;
border-collapse: collapse;
}
#about_tb th, #about_tb td {
border-bottom: 0.1rem dotted #aaa;
padding: 3rem;
vertical-align: top;
}
#about_tb th {
text-align: left;
width: 25%;
}
#about_tb tr:last-child th, #about_tb tr:last-child td {
border-bottom: none;
}

/* サービス対応地域 */
#hdr_area {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/area/hdr_area.webp");
}
#acb {
text-align: center;
margin-bottom: 5rem;
}
#area_name h4 {
background: #0094d9;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 0.4rem 2rem;
border-radius: 1rem;
margin-bottom: 2rem;
}
#area_name ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 3rem;
}
#area_name li {
background: url("../img/area/icon_check.png") no-repeat;
background-size: 1.6rem 1.6rem;
background-position: top 0.6rem left;
padding-left: 2.6rem;
margin-right: 4rem;
margin-bottom: 2rem;
}
#map {
position: relative;
border-radius: 1rem;
border: 0.3rem solid #000;
text-align: center;
padding: 6rem 12rem;
margin-bottom: 3rem;
}
#map p {
position: absolute;
bottom: 2rem;
right: 4rem;
font-weight: bold;
font-size: 2.4rem;
}
#fee h3 {
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3rem;
text-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.17);
margin-bottom: 3rem;
}
#fee > div {
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
#fee > div section {
border-radius: 1rem;
text-align: center;
padding: 3rem 2rem;
color: #fff;
width: 30%;
}
#fee > div h4 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2rem;
border-bottom: 0.1rem solid #fff;
padding-bottom: 1rem;
margin-bottom: 2.2rem;
}
#fee > div p {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3.6rem;
line-height: 1.2;
}
#fee > div section:first-child {
background: #6dc7e3;
}
#fee > div section:nth-child(2) {
background: #dcaa6c;
}
#fee > div section:last-child {
background: #a8c863;
}
#fee > p span {
color: #ff0000;
}

/* お客様へのお願い */
#hdr_readme {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/readme/hdr_readme.webp");
}
#oneg {
width: 100rem;
margin: 5rem auto 10rem auto;
}
#oneg section {
border-radius: 1rem;
padding: 2rem;
background: #ff5614;
color: #fff;
margin-bottom: 3rem;
}
#oneg section h3 {
font-size: 3rem;
font-weight: bold;
line-height: 1.5;
padding: 0 0 2.8rem 4.6rem;
background: url("../img/icon_one.png") no-repeat;
background-position: top 0.7rem left;
border-bottom: 0.1rem solid rgba(255,255,255,0.4);
margin-bottom: 2rem;
}
#oneg section p {
padding-left: 4.6rem;
}
#oneg section p a {
color: #fff;
text-decoration: underline;
}
#oneg section p a:hover {
opacity: 0.7;
}

/* プライバシーポリシー */
#hdr_policy {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/policy/hdr_policy.webp");
}
#policy {
width: 100rem;
margin: 5rem auto 10rem auto;
}
#policy h3 {
margin-bottom: 5rem;
}
#policy h4 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2rem
}
#policy p {
margin-bottom: 5rem;
}

/* LINE */
#hdr_line {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/line/hdr_line.webp");
}
#line_flow {
position: relative;
color: #fff;
text-align: center;
width: 31.6rem;
margin: 5rem auto;
z-index: 1;
}
#line_flow::before {
content: "";
display: block;
background: #29cb0b;
width: 1.2rem;
height: 90%;
position: absolute;
top: 5%;
left: calc(50% - 0.6rem);
z-index: -1;
}
#line_flow section {
width: 31.6rem;
height: 31.6rem;
border-radius: 50%;
background: #29cb0b;
padding-top: 7rem;
margin-bottom: 3rem;
}
#line_flow section h3 {
font-size: 5rem;
font-weight: bold;
margin-bottom: 3rem;
}
#line_flow section p {
font-size: 3.6rem;
font-weight: bold;
line-height: 1.4;
}
#line_des {
width: 100rem;
margin: 0 auto;
}
#line_des h3 {
font-size: 2.4rem;
color: #fff;
font-weight: bold;
background: #ff6600;
border-radius: 0.8rem;
padding: 1rem 2rem;
margin-bottom: 2rem;
}
#line_des section {
display: flex;
margin-bottom: 3rem;
}
#line_des section div {
padding-left: 3rem;
}
#line_des section p {
margin-bottom: 1rem;
}
#line_des section p em {
font-weight: bold;
}
#line_des section div#pdl {
padding-left: 0;
}
#line_des section div > a {
color: #fff;
font-weight: bold;
display: block;
width: 30rem;
text-align: center;
padding: 0.4rem 0;
background: #29cb0b;
border: 0.3rem solid #58e83d;
border-radius: 0.8rem;
transition: 0.3s;
}
#line_des section div > a:hover {
text-decoration: none;
opacity: 0.7;
}
#line_under {
width: 80rem;
margin: 3rem auto;
border: 0.5rem solid #29cb0b;
padding: 3rem;
text-align: center;
font-size: 3rem;
font-weight: bold;
}
#line_under h3 {
font-weight: bold;
margin-bottom: 2rem;
}
#pic_sam {
position: relative;
}
#pic_sam::before {
content: "";
position: absolute;
top: -11rem;
left: 0;
width: 12rem;
height: 11.1rem;
background: url("../img/line/pic_sample.png") no-repeat;
background-size: contain;
}
#gohya {
text-align: center;
font-size: 2.2rem;
font-weight: bold;
margin: 1rem 0 3rem 0;
}
#gohya em {
color: #ff0000;
font-weight: bold;
}

}

/* タブレット用　縦向き
------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1024px) {

/* トップページ */
#tophdr img {
width: 100%;
}
#apub {
text-align: center;
margin: 5rem 0;
padding:  0 2rem;
}
#apub img {
transition: 0.3s;
}
#apub img:hover {
transform: translateY(-1rem);
}
#mt_news {
background: #efefef;
padding: 2rem 0;
margin-bottom: 5rem;
}
#mt_news h3 {
text-align: center;
color: #fff;
padding: 1.6rem 0;
background: #ea6015;
font-size: 4rem;
font-weight: bold;
margin-bottom: 3rem;
}
#mt_news div {
width: 70rem;
margin: 0 auto;
}
#mt_news div p {
font-size: 2.4rem;
margin: 1.4rem 0;
}
#e202 {
background: #2d2d2d;
padding: 3rem 0;
color: #fff;
margin-bottom: 5rem;
}
#e202 > section:first-child {
display: flex;
justify-content: space-between;
margin: 0 auto 5rem auto;
font-size: 3rem;
font-weight: bold;
padding: 0 2rem;
}
#e202 > section:first-child figure {
width: 39.2rem;
}
#e202 > section:first-child div {
width: 51.8rem;
padding-left: 2rem;
}
#e202 > section:first-child div h2 {
font-weight: bold;
line-height: 1.4;
margin-bottom: 2rem;
}
#e202 > section:first-child div h2 span {
display: block;
color: #f6ff0b;
}
#e202 > section:first-child div p {
font-size: 1.8rem;
}
#e202 > section:first-child div p span {
font-size: 3.6rem;
margin: 0 1rem;
}
#e202 > section:last-child h3 {
color: #ffac0b;
font-size: 3.6rem;
font-weight: bold;
text-align: center;
text-decoration: underline;
margin-bottom: 5rem;
}
#e202 > section:last-child ul {
padding: 0 10rem;
margin: 0 auto 5rem auto;
}
#e202 > section:last-child li {
margin: 1rem 0;
font-weight: bold;
}
#e202 > section:last-child p {
text-align: center;
padding: 0 10rem;
}
#omakase {
padding: 0 2rem;
margin: 0 auto 5rem auto;
}
#omakase h2 {
background: #2d2d2d;
color: #fff;
font-weight: bold;
font-size: 2rem;
border-radius: 1rem;
padding: 1rem 0;
text-align: center;
margin-bottom: 3rem;
}
#omakase > div {
display: flex;
justify-content: space-between;
}
#omakase > div section {
width: 32%;
border: 0.2rem solid #000;
padding: 1.4rem;
}
#omakase > div section figure {
margin-bottom: 2rem;
}
#omakase > div section p {
font-size: 2rem;
font-weight: bold;
}
#michi {
width: 70rem;
margin: 0 auto 8rem auto;
background: url("../img/top/back_tochigi.png") no-repeat center top 5rem;
text-align: center;
}
#michi h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: 4.3rem;
font-weight: 700;
line-height: 1.4;
text-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.17);
margin: 1rem 0 2rem 0;
}
#michi > a {
display: block;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2rem;
padding: 0.4rem 0;
border-radius: 0.8rem;
border: 0.3rem solid #000;
background: #fff;
width:30rem;
margin: 0 auto 5rem auto;
color: #000;
transition: 0.3s;
}
#michi > a:hover {
box-shadow: 0.3rem 0.3rem 0 rgba(0,0,0,0.5);
text-decoration: none;
}
#michi > div {
display: flex;
justify-content: space-between;
}
#michi > div a {
position: relative;
display: block;
width: 29.3rem;
border-radius: 1rem;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
padding: 4rem 0 3rem 0;
box-shadow: 0.5rem 0.5rem 0 rgba(0,0,0,0.17);
transition: 0.3s;
}
#michi > div a:hover {
text-decoration: none;
box-shadow: none;
}
#michi > div a h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 4.3rem;
line-height: 1.1;
margin-bottom: 3rem;
}
#michi > div a p {
width: 14rem;
border-radius: 1rem;
background: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
margin: 0 auto;
padding: 0.4rem 0;
}
#btn_a {
background: #ff5614;
}
#btn_a p {
color: #ff5614;
}
#btn_b {
background: #4dad0d;
}
#btn_b p {
color: #4dad0d;
}
.dot {
position: absolute;
width: 1.2rem;
height: 1.2rem;
background: #fff;
border-radius: 50%;
}
.dot1 {
top: 1.2rem;
left: 1.2rem;
}
.dot2 {
top: 1.2rem;
right: 1.2rem;
}
.dot3 {
bottom: 1.2rem;
right: 1.2rem;
}
.dot4 {
bottom: 1.2rem;
left: 1.2rem;
}
#top_about {
text-align: center;
padding: 0 5rem;
}
#top_about h2 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 4rem;
}
#top_about p {
font-size: 1.8rem;
margin-bottom: 4rem;
}
#top_about p em {
font-weight: bold;
color: #ff5614;
}
#shita {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
#shita > div {
background: url("../img/top/back_shita.webp") no-repeat;
background-size: cover;
background-position: left top;
width: 42%;
}
#shita section {
width: 58%;
background: #ebebeb;
padding: 3rem 5rem;
}
#shita section h2 {
color: #fff;
background: #0a52ab;
padding: 2rem 5rem;
border-radius: 1rem;
display: inline-block;
font-size: 4rem;
font-weight: bold;
margin-bottom: 3rem;
}
#shita section h3 {
font-size: 2.6rem;
line-height: 1.5;
font-weight: bold;
margin-bottom: 2rem;
}
#shita section p {
font-size: 1.8rem;
line-height: 2;
margin-bottom: 3rem;
}
#shita section ul {
display: flex;
}
#shita section ul li {
width: 7rem;
height: 7rem;
border-radius: 50%;
color: #fff;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 7rem;
margin-right: 2rem;
}
#shita section ul li:first-child {
background: #fda6cf;
}
#shita section ul li:nth-child(2) {
background: #edbe95;
}
#shita section ul li:nth-child(3) {
background: #b5dd56;
}
#shita section ul li:last-child {
background: #6ac5e6;
}
#m_news {
width: 80rem;
margin: 0 auto 5rem auto;
border: 0.4rem solid #000;
}
#m_news h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
font-size: 3rem;
padding: 1rem 0 2rem 0;
background: #000;
letter-spacing: 0.6rem;
}
#m_news th, #m_news td {
vertical-align: top;
padding: 2rem;
border-bottom: 0.1rem dotted #aaa;
}
#m_news table {
width: 100%;
}
#m_news th {
width: 26%;
}
#m_news th img {
width: 100%;
height: 12rem;
object-fit: cover;
}
#m_news table tr:last-child th, #m_news table tr:last-child td {
border-bottom: none;
}

/* アンテナ工事 */
#hdr_antenna {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/antenna/hdr_antenna.webp");
}
#an_ban {
text-align: center;
margin-bottom: 8rem;
padding: 0 2rem;
}
#an_ban div {
margin-bottom: 4rem;
}
#an_ban p {
color: #005bac;
font-size: 3.6rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
line-height: 1.5;
}
#an_price {
padding: 0 2rem;
margin: 0 auto 10rem auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
#an_price section {
border: 0.3rem solid #000;
padding: 2rem;
}
#an_price section figure {
margin-bottom: 2rem;
}
#an_price section h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#an_price section h4 {
color: #ff0000;
font-size: 2.6rem;
font-weight: bold;
margin-bottom: 1rem;
}
#an_price section h4 span {
font-size: 2rem;
}
#an_price section h5 {
font-size: 1.8rem;
font-weight: bold;
color: #00c009;
margin-bottom: 1rem;
}
#an_price section p {
padding-top: 1rem;
border-top: 0.1rem dotted #ccc;
}
#an_price section small {
font-weight: bold;
font-size: 1.6rem;
margin-top: 2rem;
display: block;
}
#ryoko {
border-top: 0.1rem solid #bbb;
border-bottom: 0.1rem solid #bbb;
padding: 2rem 0;
display: flex;
justify-content: space-between;
}
#ryoko figure {
width: 40%;
}
#ryoko section {
padding-left: 5rem;
padding-top: 2rem;
width: 60%;
}
#ryoko section h3 {
font-size: 3rem;
font-weight: bold;
color: #ff61d8;
margin-bottom: 5rem;
}
#ryoko section p {
font-size: 1.8rem;
}
#ryoko section p em {
font-weight: bold;
color: #ff0000;
}
#raku {
padding: 5rem 3rem;
border-bottom: 0.1rem solid #bbb;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 247, 234, 1) 10px, rgba(255, 247, 234, 1) 30px );
display: flex;
justify-content: space-between;
}
#raku > div {
width: 30%;
}
#raku > section {
width: 70%;
padding-left: 5rem;
padding-top: 2rem;
}
#raku > section h2 {
font-weight: bold;
font-size: 3rem;
margin-bottom: 3rem;
}
#raku > section h2 img {
height: 3rem;
margin-right: 1rem;
}
#raku > section p {
font-size: 1.8rem;
margin-bottom: 3rem;
}
#raku > section p span {
color: #ff0000;
font-weight: bold;
}
#raku > section h3 {
display: inline-block;
color: #fff;
background: #00aeff;
border-radius: 0.4rem;
padding: 0.6rem 2rem;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 2rem;
}

/* その他電気工事 */
#hdr_electric {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/electric/hdr_electric.webp");
}
#el_price {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#el_price section {
border: 0.2rem solid #000;
margin-bottom: 3rem;
padding: 2rem;
display: flex;
justify-content: space-between;
}
#el_price section figure {
width: 30rem;
}
#el_price section > div, #el_price #evphv article > div {
width: calc(100% - 30rem);
padding-left: 3rem;
}
#el_price section h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#el_price section h4 {
font-size: 2.6rem;
font-weight: bold;
color: #ff0000;
margin-bottom: 1rem;
}
#el_price section h4 span {
font-size: 2rem;
}
#evphv {
display: block !important;
}
#evphv article {
display: flex;
justify-content: space-between;
margin-top: 2rem;
}
#evphv figure {
width: 30rem;
}
#ele_dis {
width: 98%;
margin: 0 auto 10rem auto;
}
#ele_dis article {
padding: 2rem;
border: 0.1rem solid #aaa;
margin-bottom: 3rem;
}
#ele_dis article > div {
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
#ele_dis article > div figure {
width: 48%;
}
#ele_dis article h2 {
background: #000;
color: #fff;
padding: 1rem 2rem;
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
#ele_dis article h3 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 2rem;
}
#ele_dis article p {
margin-bottom: 2rem;
}
#ele_dis article h4 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
padding-left: 1.6rem;
border-left: 0.6rem solid #000;
line-height: 1.4;
}
.pss {
padding-left: 2.4rem;
}
#ele_dis article em {
font-weight: bold;
color: #e93700;
}
#ele_dis article h5 {
background: #00a0e9;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.8rem;
padding: 0.6rem 0;
margin-bottom: 3rem;
}
ul.eldis1 {
display: flex;
flex-wrap: wrap;
margin-bottom: 5rem;
}
ul.eldis1 li {
color: #fff;
padding: 0.6rem 2rem;
font-weight: bold;
font-size: 1.8rem;
background: #91c11e;
border-radius: 0.4rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
#ele_dis article h6 {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
padding-bottom: 0.6rem;
border-bottom: 0.1rem solid #000;
margin-bottom: 2rem;
color: #ff0000;
}
ul.eldis2 {
margin-bottom: 2rem;
padding-left: 2rem;
}
ul.eldis2 li {
padding-left: 0.6rem;
list-style: circle;
}

/* 会社案内 */
#hdr_about {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/about/hdr_about.webp");
}
#about_tb {
margin: 0 auto 10rem auto;
padding: 4rem;
background: #f5f5f5;
}
#about_tb table {
width: 100%;
border-collapse: collapse;
}
#about_tb th, #about_tb td {
border-bottom: 0.1rem dotted #aaa;
padding: 3rem;
vertical-align: top;
}
#about_tb th {
text-align: left;
width: 25%;
}
#about_tb tr:last-child th, #about_tb tr:last-child td {
border-bottom: none;
}

/* サービス対応地域 */
#hdr_area {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/area/hdr_area.webp");
}
#area_cnt {
padding: 0 2rem;
}
#acb {
text-align: center;
margin-bottom: 5rem;
}
#area_name h4 {
background: #0094d9;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 0.4rem 2rem;
border-radius: 1rem;
margin-bottom: 2rem;
}
#area_name ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 3rem;
}
#area_name li {
background: url("../img/area/icon_check.png") no-repeat;
background-size: 1.6rem 1.6rem;
background-position: top 0.6rem left;
padding-left: 2.6rem;
margin-right: 4rem;
margin-bottom: 2rem;
}
#map {
position: relative;
border-radius: 1rem;
border: 0.3rem solid #000;
text-align: center;
padding: 6rem 12rem;
margin-bottom: 3rem;
}
#map p {
position: absolute;
bottom: 2rem;
right: 4rem;
font-weight: bold;
font-size: 2.4rem;
}
#fee h3 {
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3rem;
text-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.17);
margin-bottom: 3rem;
}
#fee > div {
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
#fee > div section {
border-radius: 1rem;
text-align: center;
padding: 3rem 2rem;
color: #fff;
width: 30%;
}
#fee > div h4 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2rem;
border-bottom: 0.1rem solid #fff;
padding-bottom: 1rem;
margin-bottom: 2.2rem;
}
#fee > div p {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3.6rem;
line-height: 1.2;
}
#fee > div section:first-child {
background: #6dc7e3;
}
#fee > div section:nth-child(2) {
background: #dcaa6c;
}
#fee > div section:last-child {
background: #a8c863;
}
#fee > p span {
color: #ff0000;
}

/* お客様へのお願い */
#hdr_readme {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/readme/hdr_readme.webp");
}
#oneg {
width: 96%;
margin: 5rem auto 10rem auto;
}
#oneg section {
border-radius: 1rem;
padding: 2rem;
background: #ff5614;
color: #fff;
margin-bottom: 3rem;
}
#oneg section h3 {
font-size: 3rem;
font-weight: bold;
line-height: 1.5;
padding: 0 0 2.8rem 4.6rem;
background: url("../img/icon_one.png") no-repeat;
background-position: top 0.7rem left;
border-bottom: 0.1rem solid rgba(255,255,255,0.4);
margin-bottom: 2rem;
}
#oneg section p {
padding-left: 4.6rem;
}
#oneg section p a {
color: #fff;
text-decoration: underline;
}
#oneg section p a:hover {
opacity: 0.7;
}

/* プライバシーポリシー */
#hdr_policy {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/policy/hdr_policy.webp");
}
#policy {
padding: 0 2rem;
margin: 5rem auto 10rem auto;
}
#policy h3 {
margin-bottom: 5rem;
}
#policy h4 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2rem
}
#policy p {
margin-bottom: 5rem;
}

/* LINE */
#hdr_line {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/line/hdr_line.webp");
}
#line_flow {
position: relative;
color: #fff;
text-align: center;
width: 31.6rem;
margin: 5rem auto;
z-index: 1;
}
#line_flow::before {
content: "";
display: block;
background: #29cb0b;
width: 1.2rem;
height: 90%;
position: absolute;
top: 5%;
left: calc(50% - 0.6rem);
z-index: -1;
}
#line_flow section {
width: 31.6rem;
height: 31.6rem;
border-radius: 50%;
background: #29cb0b;
padding-top: 7rem;
margin-bottom: 3rem;
}
#line_flow section h3 {
font-size: 5rem;
font-weight: bold;
margin-bottom: 3rem;
}
#line_flow section p {
font-size: 3.6rem;
font-weight: bold;
line-height: 1.4;
}
#line_des {
padding: 0 2rem;
margin: 0 auto;
}
#line_des h3 {
font-size: 2.4rem;
color: #fff;
font-weight: bold;
background: #ff6600;
border-radius: 0.8rem;
padding: 1rem 2rem;
margin-bottom: 2rem;
}
#line_des section {
display: flex;
margin-bottom: 3rem;
}
#line_des section div {
padding-left: 3rem;
}
#line_des section p {
margin-bottom: 1rem;
}
#line_des section p em {
font-weight: bold;
}
#line_des section div#pdl {
padding-left: 0;
}
#line_des section div > a {
color: #fff;
font-weight: bold;
display: block;
width: 30rem;
text-align: center;
padding: 0.4rem 0;
background: #29cb0b;
border: 0.3rem solid #58e83d;
border-radius: 0.8rem;
transition: 0.3s;
}
#line_des section div > a:hover {
text-decoration: none;
opacity: 0.7;
}
#line_under {
width: 94%;
margin: 3rem auto;
border: 0.5rem solid #29cb0b;
padding: 3rem;
text-align: center;
font-size: 3rem;
font-weight: bold;
}
#line_under h3 {
font-weight: bold;
margin-bottom: 2rem;
}
#pic_sam {
position: relative;
}
#pic_sam::before {
content: "";
position: absolute;
top: -11rem;
left: 0;
width: 12rem;
height: 11.1rem;
background: url("../img/line/pic_sample.png") no-repeat;
background-size: contain;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

/* トップページ */
#tophdr img {
width: 100%;
}
#apub {
text-align: center;
margin: 3rem 0;
padding: 0 2rem;
}
#apub img {
transition: 0.3s;
}
#apub img:hover {
transform: translateY(-1rem);
}
#mt_news {
background: #efefef;
padding: 2rem 0;
margin-bottom: 5rem;
}
#mt_news h3 {
text-align: center;
color: #fff;
padding: 1rem 2rem;
background: #ea6015;
font-size: 2.6rem;
font-weight: bold;
margin-bottom: 3rem;
}
#mt_news div {
padding: 0 2rem;
}
#mt_news div p {
font-size: 1.6rem;
margin: 1.4rem 0;
}
#e202 {
background: #2d2d2d;
padding: 3rem 0;
color: #fff;
margin-bottom: 5rem;
}
#e202 > section:first-child {
margin: 0 0 3rem 0;
font-size: 2.6rem;
font-weight: bold;
padding: 0 2rem;
}
#e202 > section:first-child figure {
margin-bottom: 2rem;
}
#e202 > section:first-child div h2 {
font-weight: bold;
line-height: 1.4;
margin-bottom: 2rem;
}
#e202 > section:first-child div h2 span {
display: block;
color: #f6ff0b;
}
#e202 > section:first-child div p {
font-size: 1.8rem;
}
#e202 > section:first-child div p span {
font-size: 2.6rem;
margin: 0 1rem;
}
#e202 > section:last-child {
padding: 0 2rem;
}
#e202 > section:last-child h3 {
color: #ffac0b;
font-size: 3.6rem;
font-weight: bold;
text-align: center;
text-decoration: underline;
margin-bottom: 5rem;
}
#e202 > section:last-child ul {
margin: 0 0 3rem 0;
}
#e202 > section:last-child li {
margin: 1rem 0;
font-weight: bold;
padding-bottom: 1rem;
border-bottom: 0.1rem dotted #ccc;
}
#e202 > section:last-child p {
color: #f6ff0b;
}
#omakase {
padding: 0 2rem;
margin: 0 auto 5rem auto;
}
#omakase h2 {
background: #2d2d2d;
color: #fff;
font-weight: bold;
font-size: 2rem;
border-radius: 1rem;
padding: 1rem;
margin-bottom: 3rem;
}
#omakase > div {
margin-bottom: 5rem;
}
#omakase > div section {
border: 0.2rem solid #000;
padding: 1.4rem;
margin-bottom: 2rem;
}
#omakase > div section figure {
margin-bottom: 2rem;
}
#omakase > div section p {
font-size: 1.6rem;
font-weight: bold;
}
#michi {
margin: 0 0 5rem 0;
background: url("../img/top/back_tochigi.png") no-repeat center top 5rem;
text-align: center;
padding: 0 2rem;
}
#michi h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.4;
text-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.17);
margin: 1rem 0 2rem 0;
}
#michi > a {
display: block;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2rem;
padding: 0.4rem 0;
border-radius: 0.8rem;
border: 0.3rem solid #000;
background: #fff;
width:30rem;
margin: 0 auto 5rem auto;
color: #000;
transition: 0.3s;
}
#michi > a:hover {
box-shadow: 0.3rem 0.3rem 0 rgba(0,0,0,0.5);
text-decoration: none;
}
#michi > div {
display: flex;
justify-content: space-between;
}
#michi > div a {
position: relative;
display: block;
width: 48%;
border-radius: 1rem;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
padding: 4rem 0 3rem 0;
box-shadow: 0.5rem 0.5rem 0 rgba(0,0,0,0.17);
transition: 0.3s;
}
#michi > div a:hover {
text-decoration: none;
box-shadow: none;
}
#michi > div a h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2.6rem;
line-height: 1.1;
margin-bottom: 2rem;
}
#michi > div a p {
width: 14rem;
border-radius: 1rem;
background: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
margin: 0 auto;
padding: 0.4rem 0;
}
#btn_a {
background: #ff5614;
}
#btn_a p {
color: #ff5614;
}
#btn_b {
background: #4dad0d;
}
#btn_b p {
color: #4dad0d;
}
.dot {
position: absolute;
width: 1.2rem;
height: 1.2rem;
background: #fff;
border-radius: 50%;
}
.dot1 {
top: 1.2rem;
left: 1.2rem;
}
.dot2 {
top: 1.2rem;
right: 1.2rem;
}
.dot3 {
bottom: 1.2rem;
right: 1.2rem;
}
.dot4 {
bottom: 1.2rem;
left: 1.2rem;
}
#top_about {
padding: 0 2rem;
}
#top_about h2 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 4rem;
}
#top_about p {
font-size: 1.6rem;
margin-bottom: 4rem;
}
#top_about p em {
font-weight: bold;
color: #ff5614;
}
#shita {
margin-bottom: 5rem;
}
#shita > div {
background: url("../img/top/back_shita.webp") no-repeat;
background-size: cover;
background-position: left top;
width: 100%;
padding: 10rem 0;
}
#shita section {
background: #ebebeb;
padding: 3rem 2rem;
}
#shita section h2 {
color: #fff;
background: #0a52ab;
padding: 2rem;
border-radius: 1rem;
font-size: 3rem;
font-weight: bold;
margin-bottom: 3rem;
text-align: center;
}
#shita section h3 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 2rem;
}
#shita section p {
font-size: 1.6rem;
line-height: 2;
margin-bottom: 3rem;
}
#shita section ul {
display: flex;
justify-content: center;
}
#shita section ul li {
width: 6rem;
height: 6rem;
border-radius: 50%;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
line-height: 6rem;
margin: 0 1rem;
}
#shita section ul li:first-child {
background: #fda6cf;
}
#shita section ul li:nth-child(2) {
background: #edbe95;
}
#shita section ul li:nth-child(3) {
background: #b5dd56;
}
#shita section ul li:last-child {
background: #6ac5e6;
}
#m_news {
width: 90%;
margin: 0 auto 5rem auto;
border: 0.4rem solid #000;
}
#m_news h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
font-size: 3rem;
padding: 1rem 0 2rem 0;
background: #000;
letter-spacing: 0.6rem;
}
#m_news table {
width: 100%;
}
#m_news th, #m_news td {
vertical-align: top;
padding: 2rem;
border-bottom: 0.1rem dotted #aaa;
display: block;
font-size: 1.6rem;
}
#m_news th {
border-bottom: none;
text-align: left;
padding-bottom: 0;
}
#m_news th img {
width: 100%;
height: 18rem;
object-fit: cover;
}
#m_news table tr:last-child th, #m_news table tr:last-child td {
border-bottom: none;
}

/* アンテナ工事 */
#hdr_antenna {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/antenna/hdr_antenna.webp");
}
#an_ban {
text-align: center;
margin-bottom: 8rem;
}
#an_ban div {
margin-bottom: 4rem;
}
#an_ban p {
color: #005bac;
font-size: 3rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
line-height: 1.5;
padding: 0 2rem;
text-align: left;
}
#an_price {
display: none;
}
#ryoko {
margin-top: 10rem;
border-top: 0.1rem solid #bbb;
border-bottom: 0.1rem solid #bbb;
padding: 2rem 0;
}
#ryoko figure {
margin-bottom: 2rem;
}
#ryoko section {
padding: 0 2rem;
}
#ryoko section h3 {
font-size: 2.4rem;
font-weight: bold;
color: #ff61d8;
margin-bottom: 2rem;
}
#ryoko section p {
font-size: 1.6rem;
line-height: 1.9;
padding-bottom: 3rem;
}
#ryoko section p em {
font-weight: bold;
color: #ff0000;
}
#raku {
padding: 5rem 3rem;
border-bottom: 0.1rem solid #bbb;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 247, 234, 1) 10px, rgba(255, 247, 234, 1) 30px );
display: flex;
flex-direction: column;
}
#raku > div {
order: 2;
}
#raku > section {
order: 1;
}
#raku > section h2 {
font-weight: bold;
font-size: 3rem;
margin-bottom: 3rem;
}
#raku > section h2 img {
height: 3rem;
margin-right: 1rem;
vertical-align: -0.6rem;
}
#raku > section p {
font-size: 1.6rem;
margin-bottom: 3rem;
line-height: 1.9;
}
#raku > section p span {
color: #ff0000;
font-weight: bold;
}
#raku > section h3 {
color: #fff;
background: #00aeff;
border-radius: 0.4rem;
padding: 0.6rem 2rem;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 2rem;
text-align: center;
}

/* その他電気工事 */
#hdr_electric {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/electric/hdr_electric.webp");
}
#el_price {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#el_price section {
border: 0.2rem solid #000;
margin-bottom: 3rem;
padding: 1rem;
}
#el_price section figure {
margin-bottom: 1rem;
}
#el_price section h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#el_price section h4 {
font-size: 2.6rem;
font-weight: bold;
color: #ff0000;
margin-bottom: 1rem;
}
#el_price section h4 span {
font-size: 2rem;
}
#evphv {
display: block !important;
}
#evphv article {
margin-top: 2rem;
}
#evphv figure {

}
#ele_dis {
width: 98%;
margin: 0 auto 10rem auto;
}
#ele_dis article {
padding: 1rem;
border: 0.1rem solid #aaa;
margin-bottom: 3rem;
}
#ele_dis article > div {
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
#ele_dis article > div figure {
width: 48%;
}
#ele_dis article h2 {
background: #000;
color: #fff;
padding: 0.6rem 1rem;
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
line-height: 1.4;
}
#ele_dis article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
#ele_dis article p {
margin-bottom: 2rem;
}
#ele_dis article h4 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
padding-left: 1.6rem;
border-left: 0.6rem solid #000;
line-height: 1.4;
}
.pss {
padding-left: 2.4rem;
}
#ele_dis article em {
font-weight: bold;
color: #e93700;
}
#ele_dis article h5 {
background: #00a0e9;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.8rem;
padding: 0.6rem 0;
margin-bottom: 3rem;
}
ul.eldis1 {
text-align: center;
margin-bottom: 5rem;
}
ul.eldis1 li {
color: #fff;
padding: 0.6rem 2rem;
font-weight: bold;
font-size: 1.8rem;
background: #91c11e;
border-radius: 0.4rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
#ele_dis article h6 {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
padding-bottom: 0.6rem;
border-bottom: 0.1rem solid #000;
margin-bottom: 2rem;
color: #ff0000;
}
ul.eldis2 {
margin-bottom: 2rem;
padding-left: 2rem;
}
ul.eldis2 li {
padding-left: 0.6rem;
list-style: circle;
}

/* 会社案内 */
#hdr_about {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/about/hdr_about.webp");
}
#about_tb {
margin: 0 auto 10rem auto;
padding: 4rem 2rem;;
background: #f5f5f5;
}
#about_tb table {
width: 100%;
border-collapse: collapse;
}
#about_tb th, #about_tb td {
border-bottom: 0.1rem dotted #aaa;
padding: 2rem 0;
display: block;
}
#about_tb th {
text-align: left;
border-bottom: none;
padding-bottom: 0;
}
#about_tb tr:last-child th, #about_tb tr:last-child td {
border-bottom: none;
}

/* サービス対応地域 */
#hdr_area {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/area/hdr_area.webp");
}
#acb {
margin-bottom: 5rem;
}
#area_name h4 {
background: #0094d9;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 0.4rem 2rem;
border-radius: 1rem;
margin-bottom: 2rem;
}
#area_name ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 3rem;
}
#area_name li {
background: url("../img/area/icon_check.png") no-repeat;
background-size: 1.6rem 1.6rem;
background-position: top 0.6rem left;
padding-left: 2.6rem;
margin-right: 4rem;
margin-bottom: 2rem;
}
#map {
position: relative;
border-radius: 1rem;
border: 0.3rem solid #000;
text-align: center;
padding: 2rem 3rem;
margin-bottom: 3rem;
}
#map p {
position: absolute;
bottom: 2rem;
right: 4rem;
font-weight: bold;
font-size: 2.4rem;
}
#fee h3 {
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3rem;
text-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.17);
margin-bottom: 3rem;
}
#fee > div {
margin-bottom: 3rem;
}
#fee > div section {
border-radius: 1rem;
text-align: center;
padding: 3rem 2rem;
color: #fff;
margin-bottom: 2rem;
}
#fee > div h4 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2rem;
border-bottom: 0.1rem solid #fff;
padding-bottom: 1rem;
margin-bottom: 2.2rem;
}
#fee > div p {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3.6rem;
line-height: 1.2;
}
#fee > div section:first-child {
background: #6dc7e3;
}
#fee > div section:nth-child(2) {
background: #dcaa6c;
}
#fee > div section:last-child {
background: #a8c863;
}
#fee > p span {
color: #ff0000;
}

/* お客様へのお願い */
#hdr_readme {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/readme/hdr_readme.webp");
}
#oneg {
padding: 0 1rem;
margin: 5rem auto 10rem auto;
}
#oneg section {
border-radius: 1rem;
padding: 2rem;
background: #ff5614;
color: #fff;
margin-bottom: 3rem;
}
#oneg section h3 {
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
padding: 0 0 2.8rem 4.6rem;
background: url("../img/icon_one.png") no-repeat;
background-position: top 0.2rem left;
border-bottom: 0.1rem solid rgba(255,255,255,0.4);
margin-bottom: 2rem;
}
#oneg section p {
padding-left: 4.6rem;
}
#oneg section p a {
color: #fff;
text-decoration: underline;
}
#oneg section p a:hover {
opacity: 0.7;
}

/* プライバシーポリシー */
#hdr_policy {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/policy/hdr_policy.webp");
}
#policy {
padding: 0 2rem;
margin: 5rem auto 10rem auto;
}
#policy h3 {
margin-bottom: 5rem;
}
#policy h4 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2rem
}
#policy p {
margin-bottom: 5rem;
}

/* LINE */
#hdr_line {
background-image: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url("../img/line/hdr_line.webp");
}
#line_flow {
position: relative;
color: #fff;
text-align: center;
width: 26rem;
margin: 5rem auto;
z-index: 1;
}
#line_flow::before {
content: "";
display: block;
background: #29cb0b;
width: 1.2rem;
height: 90%;
position: absolute;
top: 5%;
left: calc(50% - 0.6rem);
z-index: -1;
}
#line_flow section {
width: 26rem;
height: 26rem;
border-radius: 50%;
background: #29cb0b;
padding-top: 3rem;
margin-bottom: 3rem;
}
#line_flow section h3 {
font-size: 5rem;
font-weight: bold;
margin-bottom: 1rem;
}
#line_flow section p {
font-size: 2.6rem;
font-weight: bold;
line-height: 1.4;
}
#line_des {
padding: 0 2rem;
}
#line_des h3 {
font-size: 2rem;
color: #fff;
font-weight: bold;
background: #ff6600;
border-radius: 0.8rem;
padding: 1rem 2rem;
margin-bottom: 2rem;
}
#line_des section {
margin-bottom: 3rem;
}
#line_des section figure {
text-align: center;
margin-bottom: 2rem;
}
#line_des section div {
margin-bottom: 3rem;
}
#line_des section p {
margin-bottom: 1rem;
}
#line_des section p em {
font-weight: bold;
}
#line_des section div#pdl {
padding-left: 0;
}
#line_des section div > a {
color: #fff;
font-weight: bold;
display: block;
width: 30rem;
text-align: center;
padding: 0.4rem 0;
background: #29cb0b;
border: 0.3rem solid #58e83d;
border-radius: 0.8rem;
transition: 0.3s;
margin: 0 auto;
}
#line_des section div > a:hover {
text-decoration: none;
opacity: 0.7;
}
#line_under {
width: 94%;
margin: 3rem auto;
border: 0.5rem solid #29cb0b;
padding: 1rem;
text-align: center;
font-size: 2rem;
font-weight: bold;
}
#line_under h3 {
font-weight: bold;
margin-bottom: 1rem;
}
#pic_sam {
position: relative;
}
#pic_sam::before {
content: "";
position: absolute;
top: -11rem;
left: -2rem;
width: 12rem;
height: 11.1rem;
background: url("../img/line/pic_sample.png") no-repeat;
background-size: contain;
}

}