/********************************

RESET

********************************/
body{
color: var(--color4);
}
.btn-primary{
padding: .75rem 3rem;
background: rgba(244,160,87,1);
border: none;
font-size: 1.75rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
border-radius: 100px;
}
.btn-primary i{
margin-right: 1rem;
}
.btn-primary:hover{
background: rgba(235,109,0,1);
}
.home .bg-primary {
background-color: rgba(255,235,210,1) !important;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(79,39,14,1);
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(79,39,14,1);
}
.navbar-dark .navbar-nav .nav-link i{
color:var(--color3);
}
a{
text-decoration: none;
}

.page-link {
color: rgba(235,109,0,1);
}
.page-item.active .page-link {
background-color: rgba(244,160,87,1);
border-color: rgba(244,160,87,1);
}
.page-link:hover {
color: rgba(235,109,0,1);
background-color: rgb(245 216 187/.5);
}



/********************************

COMMON

********************************/
font{font-family: 'Noto Sans JP', sans-serif;}

:root {
--color1: rgba(244,160,87,1);
--color2: rgba(255,235,210,1);
--color3: rgba(235,109,0,1);
--color4: rgba(79,39,14,1);
--color5: rgba(244,195,152,1);
}
element {
color: var(--color1);
}
body{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
}
h1,h2,h3,h4,h5,h6,dt,strong,.lead{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
p{
color: var(--color4);font-size: 1.25rem;
line-height: 1.75;
letter-spacing: .25rem;
}
.lead{color: var(--color3);}
a {color: var(--color3);}
a:hover {color: var(--color1);}

/********************************

LAUOUT

********************************/

@media (min-width: 769px) {
.row-0			{margin-left:0px;	margin-right:0px;}
.row-0>div		{padding-right:0px;	padding-left:0px;}
.row-10			{margin-left:-5px;	margin-right:-5px;}	
.row-10>div		{padding-right:5px;	padding-left:5px;}
.row-20			{margin-left:-10px;	margin-right:-10px;}
.row-20>div		{padding-right:10px;padding-left:10px;}
.row-30			{margin-left:-15px;	margin-right:-15px;}
.row-30>div		{padding-right:15px;padding-left:15px;}
.row-40			{margin-left:-20px;	margin-right:-20px;}
.row-40>div		{padding-right:20px;padding-left:20px;}
.row-50			{margin-left:-25px;	margin-right:-25px;}
.row-50>div		{padding-right:25px;padding-left:25px;}
.row-60			{margin-left:-30px;	margin-right:-30px;}
.row-60>div		{padding-right:30px;padding-left:30px;}
.row-70			{margin-left:-35px;	margin-right:-35px;}
.row-70>div		{padding-right:35px;padding-left:35px;}
.row-80			{margin-left:-40px;	margin-right:-40px;}
.row-80>div		{padding-right:40px;padding-left:40px;}
.row-90			{margin-left:-45px;	margin-right:-45px;}
.row-90>div		{padding-right:45px;padding-left:45px;}
.row-100		{margin-left:-50px;	margin-right:-50px;}
.row-100>div	{padding-right:50px;padding-left:50px;}
.row-110		{margin-left:-55px;	margin-right:-55px;}
.row-110>div	{padding-right:55px;padding-left:55px;}
.row-120		{margin-left:-60px;	margin-right:-60px;}
.row-120>div	{padding-right:60px;padding-left:60px;}
}
.mb-5, .my-5 {margin-bottom:2rem !important;}
.mb-6, .my-6 {margin-bottom:2.5rem !important;}
.mb-7, .my-7 {margin-bottom:3rem !important;}
.mb-8, .my-8 {margin-bottom:3.5rem !important;}
.mb-9, .my-9 {margin-bottom:4rem !important;}
.mb-10, .my-10 {margin-bottom:4rem !important;}
.mb-11, .my-11 {margin-bottom:4.5rem !important;}
.mb-12, .my-12 {margin-bottom:5rem !important;}
.mb-13, .my-13 {margin-bottom:5.5rem !important;}
.mb-14, .my-14 {margin-bottom:6rem !important;}
.mb-15, .my-15 {margin-bottom:6.5rem !important;}
.mb-16, .my-16 {margin-bottom:7rem !important;}
.mb-17, .my-17 {margin-bottom:7.5rem !important;}
.mb-18, .my-18 {margin-bottom:8rem !important;}

body{
}
.section{
position: relative;
}


/********************************

HEADER

********************************/
#wrapper-navbar{
position: relative;
z-index: 3;
}
.navbar-brand img{
position: absolute;
z-index: 9999;
left: 0;
top: 0;
max-width: 210px;
}
.navbar-toggler{
padding: .25rem;
}

/********************************

FOOTER

********************************/
#wrapper-footer{
position: relative;
padding: 0;
}
#wrapper-footer iframe{
margin-bottom: 1rem;
}
.footer-nav{
margin:0;
padding:0;
list-style: none;
display:flex;
justify-content: center;
}
.footer-nav li{
margin: 0;
padding: 0;
}
.footer-nav li:not(:last-child) {
border-right: 1px solid #ddd;
}
.footer-nav li a{
display: block;
padding: .25rem .75rem;
color: var(--color3);
}


.footer-mail{}
.footer-mail p{
margin: 0;
}
.footer-mail p a{
color: var(--color3);
}

.footer-info{
margin-bottom: 0;
}
.footer-logo{
margin: 0 auto;
display: block;
max-width: 75%;
}
.footer-info dl{
margin: 0 0 2rem;
}
.footer-info dt{
margin: 0 0 0rem;
font-size: 1.5rem;
letter-spacing: .1rem;
color: var(--color4);
}
.footer-info dd{
margin: 0 0 .25rem;
font-size: 1.25rem;
letter-spacing: .1rem;
color: var(--color4);
}
.footer-info dd a{
color: var(--color4);
}
.footer-info dd a[href^="tel:"]{
display: block;
margin: 0 0 1rem;
font-size: 3.5rem;
line-height: 1;
font-weight: 400;
letter-spacing: .1rem;
}


.pig_03{
position: relative;
top: -1rem;
right: 3rem;
margin: 0 auto;
display: block;
max-width: 100%;
transform: scale(1.05);
}
.site-info{
padding: 2rem 0;
text-align: center;
font-size: .875rem;
letter-spacing: .1rem;
}

/********************************

FRONT PAGE

********************************/
.home .mv{
position: relative;
}
.home .mv svg {
width: 100%;
height: auto;
background-color: var(--color2);
}
.wp-image-42{
position: absolute;
z-index: 2;
left: 8rem;
bottom: -3rem;
}
.mv-txt{
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
padding-right: 2rem;
font-size: 2rem;
line-height: 2;
font-weight: 700;
letter-spacing: .25rem;
}
.mv-txt::after{
content: "";
position: absolute;
z-index: -1;
right: 0;
top: -200px;
display: block;
width: 476px;
height: 430px;
background-image: url(images/bg_mv-txt.svg);
background-repeat: no-repeat;
}

.home .section_interlude{
padding: 4rem 0;
background-color: var(--color2);
}

.home .section_interlude .lead{
margin-bottom: 4rem;
color: var(--color4);
line-height: 2.5;
letter-spacing: .25rem;
}

.home .section_service{
position: relative;
z-index: 3;
padding: 16rem 0 0;
}
.home .section_service h3,
.home .section_service .lead,
.home .section_aboutus h3,
.home .section_aboutus .lead{
letter-spacing: .25rem;
}
.home .section_service .lead,
.home .section_aboutus .lead{
font-size: 1.5rem;
line-height: 1.75;
}
.home .section_service a{
display: block;
width: 100%;
}
.home .section_aboutus p{
letter-spacing: .25rem;
}
.home_fig_01,
.home_fig_02{
position: relative;
margin-top: -6rem;
margin-bottom: 2rem;
z-index: 2;
}
.wp-image-56,
.wp-image-58{
position: absolute;
z-index: 0;
left: 0;
right: 0;
top: -1px;
margin: 0 auto;
width: 100%;
max-width: 100%;
transform: scale(1);
}


.section_aboutus{
position: relative;
padding: 12rem 0 18rem;
background-image: url(images/bg_aboutus.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.section_aboutus::before{
position: absolute;
z-index: 0;
left: 0;
right: 0;
bottom: -10px;
margin: 0;
content: url(images/footer_line_01.svg);
width: 100%;
height: auto;
}
.section_aboutus h3,
.section_aboutus p{
color: rgba(255,255,255,1);
}


.section_service .wave-wrap {
position: relative;
z-index: -1;
background: #2c3e50;
height: 200px;
}
.section_service .wave {
position: absolute;
height: 240px;
width: 100%;
background: var(--color2);
top: 0;
}

.section_service .wave::before,
.section_service .wave::after {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
}

.section_service .wave::before {
  width: 55%;
  height: 109%;
  background-color: #fff;
  right: -1.5%;
  top: 60%;
}
.section_service .wave::after {
  width: 55%;
  height: 100%;
  background-color: var(--color2);
  left: -1.5%;
  top: 40%;
}



/********************************

燃料事業 / クリーン事業

********************************/
.fuel{}
.fuel .bg-primary,
.clean .bg-primary,
.marusei .bg-primary{
background-color: transparent !important;
}

.fuel .mv,
.clean .mv,
.marusei .mv{
position: relative;
top: -60px;
}
.fuel .mv svg,
.clean .mv svg,
.marusei .mv svg{
width: 100%;
height: auto;
}
.wp-image-89{
position: absolute;
left: 6rem;
bottom: -2rem;
width: 320px;
}

.fuel .section_heading,
.clean .section_heading,
.marusei .section_heading{
padding: 2rem 0 4rem;
}
.fuel .section_heading h1,
.clean .section_heading h1,
.marusei .section_heading h1{
margin: 0 auto 2rem;
font-size: 4rem;
letter-spacing: .2rem;
}
.fuel .section_heading p,
.clean .section_heading p,
.marusei .section_heading p{
margin: 0 auto 4rem;
font-size: 1.5rem;
line-height: 2;
letter-spacing: .2rem;
}
.fuel .section_heading .lead,
.clean .section_heading .lead,
.marusei .section_heading .lead{
margin: 0 auto 2rem;
font-size: 2rem;
letter-spacing: .2rem;
}
.fuel .section_heading .btn,
.clean .section_heading .btn,
.marusei .section_heading .btn{
margin: 0 auto 2rem;
display: block;
}


.fuel .section_interlude,
.clean .section_interlude,
.akiya .section_interlude{
padding: 8rem 0;
background: rgba(255,235,210,1);
}
.fuel .section_interlude p,
.clean .section_interlude p{
font-size: 1.25rem;
line-height: 2;
background: rgba(255,235,210,1);
}
.fuel .section_interlude img,
.clean .section_interlude img{
border-radius: 24px;
}

.fuel .section_gas,
.fuel .section_kerosene,
.fuel .section_construction,
.fuel .section_sale,
.clean .section_unnecessary-items,
.clean .section_dust{
padding: 8rem 0;
}

.fuel .section_gas h3,
.fuel .section_kerosene h3,
.fuel .section_construction h3,
.fuel .section_sale h3,
.clean .section_unnecessary-items h3,
.clean .section_dust h3,
.section_greeting h3,
.section_outline h3,
.section_history h3,
.section_license h3{
margin: 0 0 2rem;
font-size: 2rem;
color: var(--color4);
position: sticky;
top: 1rem;
letter-spacing: .2rem;
}

@media (min-width: 768px) {
.fuel .section_gas h3,
.fuel .section_kerosene h3,
.fuel .section_construction h3,
.fuel .section_sale h3,
.clean .section_unnecessary-items h3,
.clean .section_dust h3,
.section_greeting h3,
.section_outline h3,
.section_history h3,
.section_license h3{
writing-mode: vertical-rl;
white-space: nowrap;
font-size: 3rem;
}

}

.fuel .section_gas h4,
.fuel .section_kerosene h4,
.fuel .section_construction h4,
.fuel .section_sale h4,
.clean .section_unnecessary-items h4,
.clean .section_dust h4{
margin: 0 0 2rem;
font-size: 2rem;
line-height: 1.25;
color: var(--color4);
}


.fuel .section_gas ol,
.fuel .section_kerosene ol,
.fuel .section_construction ol,
.fuel .section_sale ol{
margin: 0 0 4rem;
padding: 0 0 0 3.5rem;
}
.fuel .section_gas ol li,
.fuel .section_kerosene ol li,
.fuel .section_construction ol li,
.fuel .section_sale ol li{
margin: 0;
padding: .5rem 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: .2rem;
color: var(--color3);
}
.fuel .section_gas ol li span,
.fuel .section_kerosene ol li span,
.fuel .section_construction ol li span,
.fuel .section_sale ol li span{
font-size: 1.125rem;
font-weight: 400;
color: var(--color4);
}

.fuel .section_gas ul,
.fuel .section_kerosene ul,
.fuel .section_construction ul,
.fuel .section_sale ol,
.clean .section_unnecessary-items ul,
.clean .section_dust ul{
margin: 0 0 4rem;
padding: 0 0 0 2rem;
color: var(--color4);
}
.clean .section_unnecessary-items ul li,
.clean .section_dust ul li{
font-size: 1.125rem;
line-height: 1.75;
letter-spacing: .2rem;
}

.fuel .section_gas dl{
position: relative;
margin: 0 0 6rem;
padding: 2rem;
background: var(--color2);
border-radius: 24px;
}
.fuel .section_gas dt{
margin: 0 0 1.5rem;
font-size: 2rem;
color: var(--color4);
}
.fuel .section_gas dd:not(:last-child) {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: .2rem;
}
.fuel .section_gas dd{
}
.fuel .section_gas dd a{
font-size: 4rem;
color: var(--color3);
}
.pig_04{
position: absolute;
right: 1rem;
top: -3rem;
}

.fuel .section_gas table,
.fuel .section_kerosene table,
.fuel .section_construction table,
.fuel .section_sale table,
.clean .section_unnecessary-items table,
.clean .section_dust table{
margin: 0 0 8rem;
border: 4px solid var(--color5);
width: 100%;
}
.fuel .section_gas table th,
.fuel .section_gas table td,
.fuel .section_kerosene table th,
.fuel .section_kerosene table td,
.fuel .section_construction table th,
.fuel .section_construction table td,
.fuel .section_sale table th,
.fuel .section_sale table td,
.clean .section_unnecessary-items th,
.clean .section_unnecessary-items td,
.clean .section_dust th,
.clean .section_dust td{
padding: .5rem;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: .1rem;
color: var(--color4);
border: 2px solid var(--color5);
}
.fuel .section_gas table th,
.fuel .section_kerosene table th,
.fuel .section_construction table th,
.fuel .section_sale table th,
.clean .section_unnecessary-items th,
.clean .section_dust th{
white-space: nowrap;
}

.fuel .section_gas table thead th,
.fuel .section_kerosene table thead th,
.fuel .section_construction table thead th,
.fuel .section_sale table thead th,
.clean .section_unnecessary-items table thead th,
.clean .section_dust table thead th{
border-bottom: 4px solid var(--color5);
}

.tbl_construction tbody td:nth-child(2),
.tbl_sale tbody td:nth-child(2),
.tbl_sale tbody td:nth-child(4){
white-space: nowrap;
}
.tbl_construction tbody td:nth-child(2){
white-space: nowrap;
}
.tbl_construction tbody td:nth-child(3),
.tbl_sale tbody td:nth-child(4){
font-size: 1rem;
letter-spacing: normal;
font-feature-settings:"palt";
}


.fuel .section_gas{
}

.fuel .section_gas{}
.fuel .section_kerosene{}
.fuel .section_construction{}
.fuel .section_sale{}

.fuel .section_gas dl,
.fuel .section_kerosene dl,
.fuel .section_construction dl,
.fuel .section_sale dl{
margin: 0 0 4rem;
color: var(--color4);
}
.fuel .section_gas dt,
.fuel .section_kerosene dt,
.fuel .section_construction dt,
.fuel .section_sale dt{
margin: 0 0 .5rem;
font-size: 1.5rem;
letter-spacing: .2rem;
line-height: 1.75;
}
.fuel .section_gas dd,
.fuel .section_kerosene dd,
.fuel .section_construction dd,
.fuel .section_sale dd{
font-size: 1.25rem;
letter-spacing: .2rem;
line-height: 1.75;
}
.fuel .section_gas dd:not(:last-child),
.fuel .section_kerosene dd:not(:last-child),
.fuel .section_construction dd:not(:last-child),
.fuel .section_sale dd:not(:last-child){
margin-bottom: 1rem;
}

.fuel .section_gas ul,
.fuel .section_kerosene ul,
.fuel .section_construction ul,
.fuel .section_sale ul{}

.fuel .section_gas ul li,
.fuel .section_kerosene ul li,
.fuel .section_construction ul li,
.fuel .section_sale ul li{
font-size: 1.125rem;
letter-spacing: .2rem;
color: var(--color4);
}
.fuel .section_gas ul li:not(:last-child),
.fuel .section_kerosene ul li:not(:last-child),
.fuel .section_construction ul li:not(:last-child),
.fuel .section_sale ul li:not(:last-child){
margin-bottom: .5rem;
}


.fuel .section_interlude,
.clean .section_interlude,
.akiya .section_interlude{
padding: 16rem 0;
background-image: url(images/wave_01.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
}
.fuel .section_interlude::after,
.clean .section_interlude::after,
.akiya .section_interlude::after{
content: url(images/wave_02.svg);
position: absolute;
left: 0;
right:0;
bottom: -10px;
}

.section_unnecessary-items_flow{
position: relative;
color: var(--color4);
}
dl.section_unnecessary-items_flow,.section_unnecessary-items_flow dt,.section_unnecessary-items_flow dd{
margin: 0;
padding: 0;
}
dl.section_unnecessary-items_flow{
margin: 0 0 1rem;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.section_unnecessary-items_flow dt{
font-weight: 700;
}
.section_unnecessary-items_flow dt,
.section_unnecessary-items_flow dd{
padding: 1rem;
box-sizing: border-box;
}
.section_unnecessary-items_flow dt{
position: relative;
padding: 1rem;
width: 5rem;
}
.section_unnecessary-items_flow dt span{
position: relative;
display: block;
width: 60px;
height: 60px;
font-size: 1.5rem;
text-align: center;
line-height: 60px;
background-color: #fcd15e;
border-radius: 50%;
}
.section_unnecessary-items_flow dd{
padding: 1rem;
width: calc(100% - 5rem);
}
.section_unnecessary-items_flow dd strong{
display: block;
width: 100%;
font-size: 1.25rem;
}
.section_unnecessary-items_flow dd a{
display: block;
font-size: 2rem;
color: var(--color3);
}
.section_unnecessary-items_flow.uif dt span::before{
position: absolute;
left: 2px;
right: 0;
bottom: -3rem;
margin: 0 auto;
text-align: center;
content: "\f063";
font-family: FontAwesome;
color: var(--color3);
}

.uif{}

.fuel .section_gas::after,
.fuel .section_kerosene::after,
.fuel .section_construction::after,
.fuel .section_sale::after,
.section_unnecessary-items::after,
.section_strongpoint::after,
.section_trust-local::after,
.section_properties::after{
content: url(images/wave_06.svg);
position: absolute;
left: 0;
right:0;
bottom: -10px;
}
.fuel .section_sale,
.clean .section_dust,
.section_strongpoint,
.section_trust-local,
.section_properties {
padding: 12rem 0 20rem;
}
.fuel .section_kerosene::before,
.fuel .section_construction::before,
.fuel .section_sale::before,
.clean .section_dust::before,
.section_trust-local::before,
.section_properties::before {
content: url(images/wave_07.svg);
position: absolute;
left: 0;
right:0;
top: 0;
}
.fuel .section_sale::after,
.clean .section_dust::after,
.section_properties::after{
content: url(images/wave_08.svg);
position: absolute;
z-index: -1;
left: 0;
right:0;
bottom: 0;
}

.example{
padding: 2rem;
background-color: #fef1ce;
border-radius: 24px;
}
.example h5{
padding: 1rem 0;
text-align: center;
background-color: #fcd15e;
border-radius: 60px;
font-size: 1.5rem;
letter-spacing: .2rem;
}
.example h6{
margin: 0 auto 2rem;
text-align: center;
letter-spacing: .2rem;
}
.example h6 span{
padding: .5rem 1rem;
text-align: center;
background-color: #fff;
border-radius: 60px;
font-size: 1.5rem;
letter-spacing: .2rem;
}
.example img{
margin: 0 0 2rem;
border-radius: 24px;
}
.example table{
width: 100%;
}
.example th{
width: 33.3%;
}



.wp-image-156 {
position: absolute;
left: 6rem;
bottom: -2rem;
width: 200px;
}


/********************************

マルセイ

********************************/
.section_greeting{
padding: 16rem 0;
background-image: url(images/wave_01.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-color:rgba(255,235,210,1);
}
.section_greeting::after {
content: url(images/wave_02.svg);
position: absolute;
left: 0;
right: 0;
bottom: -10px;
}


.section_greeting img{
border-radius: 24px;
}
.section_outline{
padding: 8rem 0;
}
.section_outline::after {
content: url(images/wave_06.svg);
position: absolute;
left: 0;
right: 0;
bottom: -10px;
}

.section_history{
padding: 16rem 0 8rem;
background-image: url(images/wave_07.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-color: rgba(255,255,255,1);
}
.section_history::after {
content: url(images/wave_06.svg);
position: absolute;
left: 0;
right: 0;
bottom: -10px;
}

.section_outline table,
.section_history table{
position: relative;
z-index: 2;
border-collapse: separate;
border-spacing: 30px;
}
.section_outline th,
.section_outline td,
.section_history th,
.section_history td{
padding: 0 .5rem .5rem;
font-size: 1.125rem;
border-bottom: 2px solid var(--color1);
}
.section_outline th,
.section_history th{
}
.section_outline td,
.section_history td{
}

.section_license{
padding: 16rem 0 24rem;
background-image: url(images/wave_07.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-color:rgba(255,255,255,1);
}
.section_license::after {
content: url(images/wave_08.svg);
position: absolute;
left: 0;
right: 0;
bottom: -10px;
}
.section_license p{
line-height: 2;
}
.marusei #wrapper-footer {
position: relative;
top: 0;
padding: 0;
}
/*.marusei #wrapper-footer::before{
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
margin: 0;
margin-bottom: -10px;
content: url(images/footer_line_02.svg);
width: 100%;
height: auto;
}*/
figure.leader img{
margin-bottom: 1rem;
}
figure.leader figcaption{}
figure.leader figcaption dl{}
figure.leader figcaption dt{
margin: 0 0 .5rem;
padding: 0;
font-size: 1.25rem;
letter-spacing: .2rem;
}
figure.leader figcaption dd{
margin: 0;
padding: 0;
font-size: 1.125rem;
letter-spacing: .2rem;
}
figure.leader figcaption span{
margin-right: 1rem;
}

/*----------------------------------------------------------*/
/* PC用のCSS */
/*----------------------------------------------------------*/
@media (min-width: 1200px) {}

@media (max-width: 1400px) {
.pig_04 img{
transform: scale(.8);
}
}
@media (max-width: 1000px) {
.navbar-brand img{
max-width: 30%;
}
}

@media (min-width:769px) {
a{
transition: .3s;
}
}


/*----------------------------------------------------------*/
/* タブレット用のCSS */
/*----------------------------------------------------------*/
@media (max-width:768px) {
.navbar-brand img{
max-width: 260px;
}
#wrapper-footer {
top: 0;
padding: 0 0 1.5rem;
}
.pig_03 {
position: absolute;
top: -6rem;
right: 0;
transform: scale(.75);
}
.footer-logo {
position: relative;
top: -4rem;
margin: 0 auto 0 0;
display: block;
max-width: 200px;
}
.btn-primary {
padding: .75rem .75rem;
font-size: 1.5rem;
font-feature-settings:"palt";
}
.fuel .section_heading .lead, .clean .section_heading .lead, .marusei .section_heading .lead{
font-size: 1.75rem;
font-feature-settings:"palt";
}
.fuel .section_gas h4, .fuel .section_kerosene h4, .fuel .section_construction h4, .fuel .section_sale h4, .clean .section_unnecessary-items h4, .clean .section_dust h4 {
margin: 0 0 2rem;
font-size: 1.75rem;
}

.mv-txt {
bottom: 0;
}
.mv-txt::after {
top: -150px;
display: block;
width: 376px;
height: 430px;
}
.wp-image-42 {
left: 4rem;
bottom: -3rem;
}


.wp-image-89 {
left: 2rem;
width: 240px;
}
.fuel .section_gas dd a {
display: block;
font-size: 3rem;
}
.marusei .section_heading h1 {
font-size: 3rem;
}
.section_outline table, .section_history table {
border-spacing: 15px;
}
.section_outline th, .section_history th{
white-space: nowrap;
}
.wp-image-156 {
position: absolute;
left:4rem;
bottom: -2rem;
width: 160px;
}
}


/*----------------------------------------------------------*/
/* スマホ用のCSS */
/*----------------------------------------------------------*/
@media (max-width: 519px) {
.navbar-brand img {
max-width: 130px;
}
.site-info {
padding: 2rem 0 0;
font-size: .75rem;
letter-spacing: .2rem;
}
.mv-txt {
position: absolute;
z-index: 2;
right: 0;
bottom: -4rem;
font-size: 1rem;
line-height: 2;
font-weight: 700;
letter-spacing: .2rem;
padding: 0;
}
.mv-txt::after {
content: "";
position: absolute;
z-index: -1;
right: 0;
top: inherit;
bottom: -3rem;
display: block;
width: 200px;
height: 180px;
background-image: url(images/bg_mv-txt.svg);
}
.wp-image-42 {
position: absolute;
z-index: 2;
left: 2rem;
bottom: -3rem;
max-width: 100px;
}
.home .section_interlude {
padding: 8rem 0;
}
.wp-image-60 {
max-width: 50%;
}
.home_fig_01, .home_fig_02 {
margin-top: 0;
}
.footer-logo {
max-width: 160px;
margin: 0 auto 1rem 1rem;
}
.footer-info dd {
font-size: 1.125rem;
}
.pig_03 {
top: inherit;
right: inherit;
margin: 0 auto 4rem;
display: block;
max-width: 33%;
transform: scale(1);
}
.pig_03 {
max-width: 20%;
transform: scale(1);
position: absolute;
right: 0;
top: 25rem;
}
.wp-image-89 {
left: 1rem;
width: 160px;
bottom: -2rem;
}
.pig_04 {
right: 0;
top: -4.5rem;
}
img.alignnone.size-full.wp-image-104 {
width: 100px;
}
.fuel .section_gas dl{
margin-top: 4rem;
}
.fuel .section_gas dd a {
font-size: 2.5rem;
}
.marusei .section_heading h1 {
font-size: 2.5rem;
}
.fuel .section_heading .lead, .clean .section_heading .lead, .marusei .section_heading .lead {
font-size: 1.5rem;
}

.tbl_lp-gas,
.tbl_kerosene,
.tbl_construction,
.tbl_sale,
.tbl_unnecessary-items,
.tbl_cs-1,
.tbl_cs-2,
.tbl_dust
{}

.tbl_lp-gas th,
.tbl_lp-gas td,
.tbl_kerosene th,
.tbl_kerosene td,
.tbl_construction th,
.tbl_construction td,
.tbl_sale th,
.tbl_sale td,
.tbl_unnecessary-items th,
.tbl_unnecessary-items td,
.tbl_cs-1 th,
.tbl_cs-1 td,
.tbl_cs-2 th,
.tbl_cs-2 td,
.tbl_dust th,
.tbl_dust td{
position: relative;
}

.tbl_lp-gas tbody th::before,
.tbl_lp-gas tbody td::before,
.tbl_kerosene tbody th::before,
.tbl_kerosene tbody td::before,
.tbl_construction tbody th::before,
.tbl_construction tbody td::before,
.tbl_sale tbody th::before,
.tbl_sale tbody td::before,
.tbl_unnecessary-items tbody th::before,
.tbl_unnecessary-items tbody td::before,
.tbl_cs-1 tbody th::before,
.tbl_cs-1 tbody td::before,
.tbl_cs-2 tbody th::before,
.tbl_cs-2 tbody td::before,
.tbl_dust tbody th::before,
.tbl_dust tbody td::before{
position: absolute;
left: .5rem;
top: .5rem;
display: block;
font-size: 1rem;
color: var(--color4);
}

.fuel .section_gas .tbl_lp-gas tbody th,
.fuel .section_gas .tbl_lp-gas tbody td:nth-child(3){
padding-left:7.5rem;
}
.fuel .section_gas .tbl_lp-gas tbody td:nth-child(2){
padding:.4rem 0 0 7.5rem;
}

.tbl_lp-gas tbody th::before{
content: "使用量区分";
}
.tbl_lp-gas tbody td:nth-child(2)::before{
content: "料金";
}
.tbl_lp-gas tbody td:nth-child(3)::before{
content: "料金";
}

.tbl_kerosene tbody td:nth-child(2)::before{
content: "1階";
}
.tbl_kerosene tbody td:nth-child(3)::before{
content: "2階";
}
.tbl_kerosene tbody td:nth-child(4)::before{
content: "3階";
}
.tbl_kerosene tbody td:nth-child(5)::before{
content: "4階";
}
.fuel .section_kerosene .tbl_kerosene tbody td{
padding-left: 3.5rem;
}
.fuel .section_kerosene .tbl_kerosene tbody td:nth-child(2),
.fuel .section_kerosene .tbl_kerosene tbody td:nth-child(3),
.fuel .section_kerosene .tbl_kerosene tbody td:nth-child(4){
padding-top: .4rem;
padding-bottom: 0;
}
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(1) td:nth-child(2),
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(2) td:nth-child(2){
padding-bottom: 1rem;
}

.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(1) td:nth-child(3),
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(1) td:nth-child(4),
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(1) td:nth-child(5),
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(2) td:nth-child(3),
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(2) td:nth-child(4),
.fuel .section_kerosene .tbl_kerosene tbody tr:nth-child(2) td:nth-child(5){
display: none;
}

.tbl_construction tbody td:nth-child(2)::before{
content: "料金";
}
.tbl_construction tbody td:nth-child(2){
padding-left: 3.5rem;
}

.tbl_sale tbody td:nth-child(2)::before{
content: "レンタル料\A（月額･1年以上）";
font-size: .75rem;
white-space: pre;
}
.tbl_sale tbody td:nth-child(3)::before{
content: "リース料\A（月額）";
font-size: .75rem;
white-space: pre;
}
.fuel .section_sale .tbl_sale tbody td:nth-child(2),
.fuel .section_sale .tbl_sale tbody td:nth-child(3){
padding-left: 9rem;
}

.tbl_unnecessary-items tbody td:nth-child(2)::before{
content: "料金";
}
.clean .section_unnecessary-items .tbl_unnecessary-items tbody td:nth-child(2){
padding: .4rem 0 0 4rem;
}
.clean .section_unnecessary-items .tbl_cs-1 tbody td:nth-child(2),
.clean .section_unnecessary-items .tbl_cs-2 tbody td:nth-child(2){
padding: .4rem 0 0 .5rem;
}

}

@media (max-width: 479px) {
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28235, 109, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}
.navbar-dark .navbar-toggler {
border-color: rgba(235,109,0,1);
}
.offcanvas.show{
background-color: rgba(235,109,0,1) !important;
}
.offcanvas.show .navbar-nav{
padding-top: 6rem;
}
.offcanvas.show .navbar-nav li:not(:last-child) {
border-bottom: 1px dotted rgba(255,255,255,.5) ;
}
}


@media (max-width: 519px){
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255,255,255,1);
}
.footer-mail p{
font-size: .875rem;
}
.footer-info dd a[href^="tel:"] {
font-size: 3rem;
}
.footer-nav li{
font-size: .875rem;
}
.footer-nav li a{
padding: .5rem;
}
.home .section_interlude .lead {
font-size: 1.125rem;
letter-spacing: .2rem;
}
.btn-primary {
display: block;
}
.wp-image-156 {
position: absolute;
left: 2rem;
bottom: -3rem;
width: 100px;
}
.fuel .section_heading h1, .clean .section_heading h1, .marusei .section_heading h1 {
font-size: 2.5rem;
}
.pig_03 {
top: 26rem;
}
.fuel .section_interlude, .clean .section_interlude{
padding: 8rem 0;
}
.fuel .section_gas, .fuel .section_kerosene, .fuel .section_construction, .fuel .section_sale, .clean .section_unnecessary-items, .clean .section_dust {
padding: 4rem 0;
}
.section_greeting{
padding: 8rem 0;
}
.section_outline {
padding: 4rem 0;
}
.section_history,
.section_license{
padding: 4rem 0;
}
.section_service{
padding-bottom: 4rem;
}
.example {
padding: .5rem;
}
.fuel .section_gas table, .fuel .section_kerosene table, .fuel .section_construction table, .fuel .section_sale table, .clean .section_unnecessary-items table, .clean .section_dust table {
margin: 0 0 6rem;
border: none;
}
.fuel .section_gas thead,
.fuel .section_kerosene thead,
.fuel .section_construction thead,
.fuel .section_sale thead,
.clean .section_unnecessary-items thead,
.clean .section_dust thead{
display: none;
}
.fuel .section_gas th,
.fuel .section_kerosene th,
.fuel .section_construction th,
.fuel .section_sale th,
.clean .section_unnecessary-items th,
.clean .section_dust th,
.fuel .section_gas td,
.fuel .section_kerosene td,
.fuel .section_construction td,
.fuel .section_sale td,
.clean .section_unnecessary-items td,
.clean .section_dust td{
display: block;
width: 100% !important;
}
.fuel .section_gas td,
.fuel .section_kerosene td,
.fuel .section_construction td,
.fuel .section_sale td,
.clean .section_unnecessary-items td,
.clean .section_dust td{
border: none !important;
}
.fuel .section_gas td:last-child,
.fuel .section_kerosene td:last-child,
.fuel .section_construction td:last-child,
.fuel .section_sale td:last-child,
.clean .section_unnecessary-items td:last-child,
.clean .section_dust td:last-child{
padding-bottom: 1rem;
}

}


@media (max-width: 375px){
.footer-info dd a[href^="tel:"] {
font-size: 2.75rem;
}
.footer-nav li a{
padding: .4rem;
}
.fuel .section_gas dd a {
font-size: 2.25rem;
}
.home .section_interlude .lead {
font-size: 1rem;
letter-spacing: .1rem;
}
.pig_03 {
top: 26rem;
}
.footer-info dd a[href^="tel:"] {
font-size: 2.5rem;
}
.btn-primary {
padding: .75rem;
letter-spacing: .25rem;
}
.fuel .section_gas dd a {
font-size: 1.75rem;
}
}


@media (max-width: 320px){
.footer-info dd a[href^="tel:"] {
font-size: 2.25rem;
}
.footer-nav li {
font-size: .75rem;
}
.footer-nav li a {
padding: .25rem;
}
.wp-image-42 {
max-width: 80px;
}
.mv-txt {
font-size: .937rem;
}
.mv-txt::after {
width: 190px;
}
.home .section_interlude .lead {
font-size: .875rem;
}
}


/*20250523*/
.post-type-archive-realestate {
}
.post-type-archive-realestate .wrapper {
padding: 0 0 1.5rem;
}
.post-type-archive-realestate #content{
margin-bottom: 8rem;
}

.post-type-archive-realestate .navbar.bg-primary,
.post-type-archive-realestate .offcanvas.bg-primary,
.akiya .navbar.bg-primary,
.akiya .offcanvas.bg-primary{
background-color: transparent !important;
}
.akiya .navbar-dark .navbar-nav .nav-link,
.akiya .navbar-dark .navbar-nav .nav-link:focus,
.akiya .navbar-dark .navbar-nav .nav-link:hover,
.post-type-archive-realestate .navbar-dark .navbar-nav .nav-link,
.post-type-archive-realestate .navbar-dark .navbar-nav .nav-link:focus,
.post-type-archive-realestate .navbar-dark .navbar-nav .nav-link:hover{
color: #fff;
}
.realestate_hero{
position: relative;
top: -56px;
margin-bottom: 4rem;
}
.mv_realestate-archive{
width: 100%;
}
.pig_realestate{
position: absolute;
left: 100px;
bottom: -80px;
width: 236px;
}
.post-type-archive-realestate .page-header{
display: block;
margin-bottom: 4rem;
}

.source-jisha,
.source-chukai{
position: relative;
margin: 0 0 3.5rem;
}
.realestate_photo{
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
height: auto;
display: block;
border-radius: 20px;
}
.sold-label {
position: absolute;
z-index: 3;
top: -10px;
left: -5px;
background-color: #c14d51;
color: #fff;
font-size: 0.875rem;
font-weight: bold;
letter-spacing: .15em;
padding: 0;
border-radius: 50%;
z-index: 10;
display: block;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
}
.term-name{
position: absolute;
left: 12px;
right: 12px;
bottom: 0;
display: block;
padding: .5rem 0;
font-weight: 600;
letter-spacing: .2em;
text-align: center;
border-radius: 0 0 20px 20px;
}

.source-jisha .term-name{
background-color: #f5d8bb;
}
.source-chukai .term-name{
background-color: #d7eaf0;
}
.term-tag{
display: block;
margin: 0 0 .5rem;
padding: .25rem 0;
text-align: center;
border: 1px solid #000;
}
.property-info-block p{
font-size: .937rem;
}
.tbl_akiya-service{
border-collapse: separate;
border-spacing: 30px 0;
width: 100%;
}

.akiya .section_heading a{
width: 100%;
}
.tbl_akiya-service th,
.tbl_akiya-service td{
padding: .75rem;
font-size: 1.25rem;
font-weight: 500;
border-bottom: 1px solid #f4c398;
}
.row_before-after h3 {
display: block;
margin-bottom: 2rem;
}
.row_before-after h3 span{
display: inline-block;
padding: .5rem 2rem;
letter-spacing: .1em;
background-color: #fff;
border-radius: 100px;
}
.row_before-after img{
border-radius: 20px;
}
.section_strongpoint .col-md-2,
.section_trust-local .col-md-2,
.section_properties .col-md-2{
position: relative;
}
.section_properties{
padding: 16rem 0 30rem;
}
.section_strongpoint h3,
.section_trust-local h3,
.section_properties h3{
writing-mode: vertical-rl;
text-orientation: mixed;
font-size: 3rem;
letter-spacing: .2em;
display: block;
overflow-wrap: normal;
word-break: keep-all;
white-space: nowrap;
top: 4rem;
}

.section_strongpoint h5{
text-align: center;
}
.section_strongpoint h5 span{
display: inline-block;
margin: 0 auto 1.5rem;
padding: .5rem 1.5rem;
letter-spacing: .1em;
background-color: #fef1ce;
border-radius: 100px;
}
.section_strongpoint img,
.section_trust-local img,
.section_properties img{
border-radius: 20px;
}

.section_strongpoint{
padding: 4rem 0 12rem;
}
.section_trust-local{
padding: 14rem 0 12rem;
}
.section_properties {
padding: 14rem 0 24rem;
}

@media(max-width:600px){
.tbl_unnecessary-items{
width: 100% !important;
height: auto !important;
}
.tbl_unnecessary-items tr,
.tbl_unnecessary-items th,
.tbl_unnecessary-items td{
height: auto !important;
}
}