@layer theme {
:root {
--spacing-unit: 0.5rem;
--spacing-xs: 0.25rem;
--spacing-sm: 0.5rem;
--spacing-smd: 0.75rem;
--spacing-md: 1rem;
--spacing-mdl: 1.25rem;
--spacing-lg: 1.5rem;
--spacing-xl: 2rem;
--spacing-xxl: 2.5rem;
--spacing-xxxl: 3rem;
--spacing-xxxxl: 3.5rem; 
--block-spacing: 6rem;
--block-spacing-md: 3.5rem;
--block-top-spacing: 5rem;
--el-spacing: 2.5rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-md: 1rem;
--font-size-lg: 1.25rem;
--font-size-xl: 1.5rem;
--font-size-xxl: 1.75rem;
--font-size-xxxl: 2rem;
--font-size-xxxxl: 2.5rem; 
--font-size-heding: 2.25rem;
--line-height-xs: 1.25;
--line-height-sm: 1.4;
--line-height-md: 1.5;
--line-height-lg: 1.7;
--line-height-xl: 2.0; 
}
@media (width < 768px) {
:root {
--block-spacing: 3rem;
--block-spacing-md: 2.5rem;
--block-top-spacing: 3rem;
--el-spacing: 1.25rem;
}
}
@media (width < 768px) {
:root {
--font-size-heding: 1.25rem;
}
}
}


.maindesign{
width: 100%;
margin-block-start: 80px; 
}

.title-area{
width: 100%;
}
.title-area{
width: 100%;
} 
.title-area img{
width: 100%;
height: auto; 
}
.title-area .logo{
position: relative;
background: #fff;
top: 0;
left: 0;
z-index: 0;
width: 600px;
height: 250px;
border-radius: 50%;
transform: translate(0, -62%);
}
.title-area .logo img{
position: absolute;
margin: auto;
display: block;
bottom: 0px;
width: 54%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px){ 
.maindesign{
width: 100%;
margin-block-start: 72px; 
} 
.title-area .logo {
position: relative;
background: #fff;
top: 0;
left: 0;
z-index: 0;
width: calc(100% + 20px);
height: 40%;
border-radius: 50%;
transform: translate(0, -56%);
}
.title-area .logo img{
max-width: 250px;
width: 60%;
position: absolute;
margin: auto;
display: block;
bottom: 0%;
left: 50%;
transform: translate(-50%, -50%);
}
}

.title{
top: 2em;
width: 1200px;
text-align: center;
position: absolute;
font-size: 6em;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 5px #000;
}
.title-small{
font-size: 0.5em;
}
@media screen and (max-width: 767px){  
.title {
font-size: 10.5vw;
text-align: center;
line-height: 1.2;
top: calc(61%);
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 96%;
display: block;
}	
}

.c-global {
margin-block-start: 40px;
font-family: "Noto Sans JP", sans-serif;
font-feature-settings: "palt"; 
}
.c-global img {
width: 100%;
height: auto;
}
.c-heading-area {
max-width: 840px;
margin-inline: auto; 
}
.c-service{
position: relative;
margin-block-start: var(--el-spacing); 
}
.c-service .feature-heading{
padding-block: 40px 20px;
max-width: 1080px;
margin-inline: auto; 
}
.c-service .feature-heading .emphasis{
background: #4692c4;
opacity: 0.9;
padding-block: 20px; 
}
.c-service .feature-heading .rt-larger {
font-size: 1.5rem;
padding-bottom: 0.15em;
}
.c-service .feature-heading .emphasis h2{
color: #fff;
font-size: clamp(3rem, 2.6667rem + 0.6944vw, 3.5rem);
font-weight: bold;
text-align: center;
line-height: 1.5;   
}  
.c-service .feature-heading .emphasis h2 em{
font-size: clamp(4rem, 3.6667rem + 0.6944vw, 4.5rem);
}


.c-service .feature-lead p {
color: #000;
font-size: var(--font-size-xxxxl); 
text-shadow: 4px 4px 4px #fff, -4px 4px 4px #fff, 4px -4px 4px #fff, -4px -4px 4px #fff, 4px 0px 4px #fff, 0px 4px 4px #fff, -4px 0px 4px #fff, 0px -4px 4px #fff;
font-weight: bold;
line-height: 1.5;
display: grid;
grid-template-columns: 2.5rem 1fr;
width: 100%;
}
.c-service .feature-lead p:not(:first-child){
margin-block-start: var(--spacing-smd);  
}
.c-service .feature-lead em {
color: #00a0ca;
font-size: 56px;
}
.c-arrow-area {
width: 96px;
position: absolute;
bottom: -20%; 
left: 5%; 
}
.c-service .catch{
max-width: 1080px;
margin-inline: auto;
padding-block-start: 20px;
position: relative;
}
.c-service .catch p {
color: #000;
font-size: clamp(2.5rem, 2.1667rem + 0.6944vw, 3rem);
font-weight: bold;
line-height: 1.7;   
}
.c-service .catch p.marker {
display: inline;
font-weight: bold;
background: linear-gradient(transparent 90%, #0051a3 0%);
} 
.c-service .catch em {
color: #00a0e8;
}
 .c-detail {margin-block-start: var(--spacing-xxxl);}
 .c-detail .head{
 background: #107669;
 border-radius: 20px 20px 0 0; 
 }
 .c-detail .head .-hdg2{
 color: #fff;
 font-weight: bold;
 font-size: 4rem;
 text-align: center;
 padding-block: var(--spacing-sm); 
 }
  .c-detail .head .-hdg2 em{
 font-size: 72px;
 }
.c-detail .-content{
padding: 8px;
border-radius: 0 0 15px 15px;
background: #d5e9cd;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09); 
}

.c-summary-area .c-absolute-text {

}
.c-summary-area .c-absolute-text .-lead {
color: #000;
font-size: var(--font-size-xxxxl);
font-weight: 600;
line-height: var(--line-height-lg);
display: grid;
grid-template-columns: 2.5rem 1fr;
align-items: baseline; 
width: 100%;
letter-spacing: var(--spacing-xs); 
}
.c-summary-area .c-absolute-text .-lead:not(:first-child){
margin-block-start: var(--spacing-smd);  
}
.c-summary-area .c-absolute-text .-lead.local {
margin-block-start: -1rem;
margin-block-end: -1rem; 
}
.c-summary-area .c-absolute-text .-lead em {
font-size: 5.5rem;
}
.c-summary-area .c-absolute-text .-lead .-red {
color: #e50014;
}

 .c-price {
 margin-top: 72px;
 }  
 .c-price .-hdg2 {
 margin-bottom: 32px;
 font-size: 32px;
 }
 .c-price .-hdg3 {
 margin-bottom: 8px;
 margin-top: 32px; 
 font-size: 28px;
 } 
.c-price .-heading-blok {
display: flex;
align-items: baseline;
margin-bottom: 32px;
}
.c-price .-heading-blok.-small {
margin-top: 48px;
} 
 .c-price .-heading-blok .-hdg2{
 margin-bottom: 0; 
 }
.c-price .-heading-blok .-note {
margin-inline-start: 40px;
}
.c-price .-heading-blok .-note p{
font-size: 28px;
}
.c-price .-heading-blok.-small .-note p{
font-size: 20px;
} 
.c-price .-heading-blok .-note .square::before {
content: "■";
display: inline-block;
color: #00a85f; 
padding-right: 5px;
}
 .c-price .-heading-blok .-note .en {
 font-size: 20px;
 padding-inline-start: .15em; 
 }
.c-price .-heading-blok.-hdg3 {
margin-bottom: 8px;
} 
.c-price .-heading-blok.-hdg3::before {
content: "■";
display: inline-block;
color: #00a85f; 
padding-right: 5px;
} 
.c-price .-heading-blok.-hdg3 .-note p{
font-size: 20px;
}
 .c-price .-heading-blok .-hdg3{
 margin-top: 0; 
 }
 
 
@media (min-width: 768px) { 
 .c-global {
 max-width: 1200px;
margin-inline: auto;
 }
.c-service .bg-primary{
background: #fff;
background-image: url("../images/bg_thumb_pc.webp");
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
width: 1200px;
height: 366px;
position: relative;
}
.c-service .feature-lead {
width: 1080px;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-inline-start: var(--spacing-xl); 
} 
.c-summary-area .c-thumb {
width: 1080px;
margin-inline: auto; 
margin-block-start: -4rem; 
} 
.c-summary-area {
padding: var(--spacing-lg) var(--spacing-xl); 
} 
.spec-group{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}

.c-price .spec-group .-heading-blok.-hdg3{
margin-top: 0;
}
.c-price .spec-group .-heading-blok .-hdg3 {
margin-top: 0;
margin-bottom: 0; 
font-size: 20px;
}
.c-price .spec-group .-heading-blok.-hdg3::before {
font-size: 20px;
} 
.c-price .spec-box dl {
display: flex;
padding-bottom: 16px;
margin-bottom: 20px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #D4D4D4;
height: 40px; 
}
.c-price .spec-box dl.last-bottom{
margin-bottom: 0;
} 
.c-price .spec-box dl dt {
width: 60%;
font-size: 20px;
}
.c-price .spec-box dl dt span {
font-size: 16px;
} 
.c-price .spec-box dl dd {
width: auto;
font-size: 24px;
}
.c-price .spec-box dl dd span {
font-size: 16px;
}
.c-contact_panel .btn-list a {
min-width: 360px; 
} 
}

.c-price .example-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px; 
}
.c-price .example-group .-box  {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
padding: 15px;
background: #d4e9d7;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09); 
}
.c-price .example-group .-box .-emphasis {
font-size: 20px;
display: inline;
background: linear-gradient(transparent 90%, #000 0%);
padding-bottom: .15rem; 
}
.c-price .example-group .-box .-text {
margin-top: 16px;
}
.c-price .example-group .-box .right-area{
display: flex;
flex-direction: column;
}
.c-price .example-group .-box .right-area .-em{
padding: 10px 20px;
background: #fff;
font-size: 20px;
font-weight: bold; 
} 
.c-price .example-group .-box .right-area .-total {
margin-top: auto;
margin-inline-start: auto; 
}
.c-price .example-group .-box .right-area .-total p { 
font-size: 28px;
font-weight: bold;
}
.c-price .example-group .-box .right-area .-total p span { 
font-size: 16px;
padding-left: .15em;  
}
.c-price .c-annotation-box{
border-radius: 20px;
border: 2px solid #7d7d7d;
padding: 16px 56px 16px 32px;
margin-top: 40px; 
}
.c-contact {
font-family: "Noto Sans JP", sans-serif;
font-feature-settings: "palt"; 
} 
 .c-contact_panel{
 padding: 60px 32px;
margin-top: 80px;
 text-align: center;
 background: #F0F0F0; 
 }
 .c-contact_panel .-hdg3{
 font-size: 32px;
 font-weight: bold;
 }
.c-contact_panel .-text {
margin-top: 24px;
font-size: 20px; 
}
.c-contact_panel .btn-list {
margin-top: 32px;
}
.c-contact_panel .btn-list a {
display: inline-block;
border-radius: 40px;
border: solid 1px #154d88;
box-shadow: inset -0.2rem -0.25rem 0 0 #154d88;
background: #fff;
color: #154d88;
font-weight: 700;
line-height: 2.4;
letter-spacing: .04em;
text-align: center;
text-decoration: none;
font-size: 20px;
padding: 0.1em 0.5em 0.15em 0.5em;
} 
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.c-contact_panel .btn-list a {
-webkit-transition: -webkit-transform .25s ease .1s,-webkit-box-shadow .5s ease;
transition: -webkit-transform .25s ease .1s,-webkit-box-shadow .5s ease;
transition: transform .25s ease .1s,box-shadow .5s ease;
transition: transform .25s ease .1s,box-shadow .5s ease,-webkit-transform .25s ease .1s,-webkit-box-shadow .5s ease;
}
.c-contact_panel .btn-list a:hover {
transform: translateY(0.052em);
box-shadow: none;
}
}
 
 
@media (max-width: 767px) {
 .c-global {
width: 100%;
 }
 .c-global .c-inner{
padding: 0 15px; 
} 
.c-service .bg-primary{
width: 100%;
background-image: url(../images/bg_thumb_sp.webp);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
min-height: 200px; 
}
@media (max-width: 360px) { 
.c-service .bg-primary{
width: 100%;
background-image: url(../images/bg_thumb_sp.webp);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
min-height: 200px; 
}}  
.c-service .feature-heading {
padding-block: 20px 8px;
}
.c-service .feature-heading .emphasis {
padding-block: 10px;
} 
.c-service .feature-heading .rt-larger {
font-size: clamp(0.75rem, -0.5357rem + 5.7143vw, 1rem);
} 
.c-service .feature-heading .emphasis h2 {
font-size: clamp(1.25rem, -0.0357rem + 5.7143vw, 1.5rem);
}
.c-service .feature-heading .emphasis h2 em{
font-size: clamp(1.5rem, -1.0714rem + 11.4286vw, 2rem);
}
.c-service .feature-lead {
padding-inline-start: var(--spacing-smd);
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.c-service .feature-lead p {
font-size: clamp(1.125rem, 0.4821rem + 2.8571vw, 1.25rem);
text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff, 2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff;
display: grid;
grid-template-columns: 1rem 1fr; 
}
.c-arrow-area {
width: 56px;
position: absolute;
bottom: -22%;
left: 5%;
}
.c-summary-area .c-absolute-text .-lead {
line-height: var(--line-height-lg);
display: grid;
grid-template-columns: 1rem 1fr;
align-items: baseline;
width: 100%;
letter-spacing: var(--spacing-xs);
font-size: clamp(1rem, 0.625rem + 1.6667vw, 1.125rem); 
}
.c-summary-area .c-absolute-text .-lead:not(:first-child) {
margin-block-start: var(--spacing-sm);
line-height: var(--line-height-md); 
} 
.c-summary-area .c-absolute-text .-lead.local {
margin-block-start: -0.25rem;
margin-block-end: -0.25rem;
}

.c-summary-area .c-absolute-text .-lead em {
font-size: clamp(2rem, -0.5714rem + 11.4286vw, 2.5rem);
}
.c-summary-area {
padding-block: var(--spacing-sm); 
}
.c-summary-area .c-thumb {
width: 100%;
margin-inline: auto; 
} 
.c-summary-area .c-thumb .c-img-small {
width: 50%;
margin-inline: auto;
padding-block: var(--spacing-mdl); 
} 
.c-service .catch{
max-width: 1080px;
margin-inline: auto;
padding-block-start: 20px;
position: relative;
text-align: center;
}
.c-service .catch p {
font-size: clamp(1.25rem, -0.0357rem + 5.7143vw, 1.5rem);
line-height: 2; 
}
.c-service .catch p.marker {
display: inline;
font-weight: bold;
background: linear-gradient(transparent 90%, #0051a3 0%);
padding-bottom: .15rem;
}

.c-detail {
margin-block-start: var(--spacing-lg);
} 
.c-detail .head .-hdg2 {
font-size: clamp(1.25rem, -0.0357rem + 5.7143vw, 1.5rem);
}
.c-detail .head .-hdg2 em {
font-size: clamp(2rem, -0.5714rem + 11.4286vw, 2.5rem);
}
.c-detail .-content {
padding: 15px;
}
.c-price {
margin-top: 40px;
}
.c-price .-heading-blok {
margin-bottom: 16px;
flex-wrap: wrap;
line-height: 1.4; 
} 
.c-price .-heading-blok .-hdg2 {
font-size: clamp(1.25rem, -0.0357rem + 5.7143vw, 1.5rem); 
}
.c-price .-hdg3.-small {
font-size: clamp(1.25rem, -0.0357rem + 5.7143vw, 1.5rem);
}  
.c-price .-heading-blok .-note {
margin-inline-start: auto;
}
 .c-price .-heading-blok .-note .amt{
font-size: 20px;
 }
.c-price .-heading-blok .-note .en {
font-size: 16px;
} 
.c-price .-heading-blok .-note p {
font-size: clamp(1rem, 0.3571rem + 2.8571vw, 1.125rem);
} 
.c-price .-heading-blok.-hdg3 .-note {
margin-inline-start: 20px;
} 
.c-price .-heading-blok.-hdg3 {
margin-bottom: 8px;
margin-top: 20px; 
font-size: clamp(1rem, 0.3571rem + 2.8571vw, 1.125rem);
} 
.c-price .-heading-blok .-hdg3 {
margin-top: 0;
margin-bottom: 0;
font-size: clamp(1.125rem, 0.4821rem + 2.8571vw, 1.25rem); 
}
.c-price .-heading-blok.-hdg3 .-note p {
font-size: clamp(0.875rem, 0.2321rem + 2.8571vw, 1rem);
} 
.c-price .-heading-blok.-hdg3::before {
content: "■";
display: inline-block;
color: #006637;
padding-right: 5px;
} 
.c-price .-heading-blok.-small .-note p {
font-size: clamp(0.875rem, 0.2321rem + 2.8571vw, 1rem);
} 
.c-price .spec-box dl {
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
padding-bottom: 16px;
margin-bottom: 8px;
justify-content: space-between;
border-bottom: 1px solid #D4D4D4;
}
.c-price .spec-box dl dt {
width: 100%;
font-size: clamp(1.125rem, 0.4821rem + 2.8571vw, 1.25rem);
}
.c-price .spec-box dl dt span {
font-size: 16px;
padding-left: .5em; 
} 
.c-price .spec-box dl dd {
width: 100%;
font-size: 24px;
text-align: right;
}
.c-price .spec-box dl dd span {
font-size: 16px;
padding-left: .15em; 
}
 .c-price .spec-box .c-annotation {
font-size: 14px; 
 }
.c-price .example-group {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.c-price .example-group .-box {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
padding: 10px;
background: #d4e9d7;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09);
}
.c-price .example-group .-box .-emphasis {
font-size: clamp(1.125rem, 0.4821rem + 2.8571vw, 1.25rem);
}
.c-price .example-group .-box .-text {
font-size: clamp(0.875rem, 0.2321rem + 2.8571vw, 1rem);
}
.c-price .example-group .-box .right-area .-em {
font-size: clamp(1.125rem, 0.4821rem + 2.8571vw, 1.25rem);
}
.c-price .example-group .-box .right-area .-total p {
font-size: clamp(1.5rem, 0.8571rem + 2.8571vw, 1.625rem);
} 
.c-price .c-annotation-box {
border-radius: 20px;
border: 2px solid #7d7d7d;
padding: 15px;
margin-top: 40px;
font-size: clamp(0.75rem, 0.1071rem + 2.8571vw, 0.875rem);
}

.c-contact_panel{
 padding: 40px 32px;
margin-top: 64px;
 text-align: center;
 background: #F0F0F0; 
 }
 .c-contact_panel .-hdg3{
font-size: clamp(1.5rem, 0.2143rem + 5.7143vw, 1.75rem);
 }
.c-contact_panel .-text {
margin-top: 24px;
font-size: clamp(1rem, 0.3571rem + 2.8571vw, 1.125rem); 
}
.c-contact_panel .btn-list {
margin-top: 32px;
} 
.c-contact_panel .btn-list a {
max-width: 100%;
font-size: clamp(1.125rem, 0.4821rem + 2.8571vw, 1.25rem);
width: 280px;
box-shadow: inset -0.15rem -0.225rem 0 0 #154d88; 
} 
}


.c-global table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
font-size: 1.4rem;
table-layout: fixed; 
}
.c-global th,
.c-global td {
vertical-align: middle;
border: 4px solid #fff;
background: #d4e9d7;
}
.c-global th {
font-weight: normal;
}

.c-price .table-lp th,
.c-price .table-lp td {
text-align: center;
width: 20%;
min-width: 130px;
padding: 10px;
height: 60px;
font-weight: bold;
}

.c-price .table-lp th {
background: #002d12;
color: #fff;
}

.c-price .table-lp .head {
background: #006637;
color: #fff;
font-weight: 400; 
}
.c-price .table-lp .left-item {
background: #002d12;
color: #fff;
width: 25%;
font-weight: 400; 
}
@media (max-width: 767px) {
.price-table-scroll {
overflow-x: scroll;
} 
.c-price .table-lp {
display: block;
white-space: nowrap;
font-size: clamp(1rem, 0.3571rem + 2.8571vw, 1.125rem);
max-width: 700px; 
}
}


ul.subBtn{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: flex-start;
flex-wrap: wrap;
gap: 1em;
}
ul.subBtn li{
width: 240px;
box-sizing: border-box;
font-size: 1rem;
display: flex;
justify-content: center;
align-items: center;
-ms-flex-align: center;
}
ul.subBtn li a{
border: 2px solid #285979;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 45px;
color: #285979;
font-weight: bold;
text-align: center;
padding-inline: 4px;
transition: .5s;
box-sizing: border-box;
text-decoration: none;
box-shadow: var(--shadow-color);
}
@media screen and (max-width: 767px){  
ul.subBtn li{
width: 130px;
}
}




/*フッター*/
footer a{
text-decoration: none;
}
footer .pc-only{
display:block;
}
footer .sp-only{
display:none;
}	
footer{
border-top: 10px solid #333;
}
footer .inner {
max-width: 1200px;
width: 100%;
margin: 40px auto;
display: flex;
flex-direction: row;
}
footer .inner_2 {
width:70%;
}    
.footer_block{

}
footer .Bit_A {
display: flex;
flex-direction: column;
width: 35%;
min-width: 180px;
align-items: center;
}
footer .sns {
width: 170px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1em;
}
footer .sns a{
width:43px;
}
footer .sns img{
width:100%;
height:auto;
}
footer .company-info {
display: flex;
flex-wrap: wrap;
}
footer .company-info li {
margin-bottom: 1rem;
}
footer .company-info li a{
color:#444;
display: flex;
font-size: 13px;
line-height: 1.3;

} 
footer .company-info img {
width: 7rem;
height: 4.5rem;
object-fit: cover;
padding-right:1em;

}
footer .company-info p{
padding-right:1em;

}
footer .icon-menu {
display: flex;
flex-wrap: wrap;
}
footer .icon-menu li{
padding:1.5em 1em;
}
footer .icon-menu li a{
color:#444;
font-size: 12px;
text-align: center;
display: block;    
} 
#pageTop {
position: fixed;
bottom: 0;
right: 10px;
z-index: 9999;
width: 50px;
height: 60px;
opacity: 0;
transition-duration: 0.5s;
}

#pageTop img {
width: 100%;
height: auto;
border-radius: 5px;
}
@media screen and (max-width: 767px) {
footer .pc-only{
display:none;
}
footer .sp-only{
display:block;
}	        
footer .inner {
width: 100%;
margin: 40px auto;
margin-block: var(--spacing-xxl) var(--spacing-mdl); 
display: flex;
flex-direction: column;
align-items: center;
}
footer .Bit_A {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
margin-bottom: 2em;
gap:0.5em;
}

footer .inner_2 {
width:90%;
}
footer .company-info{
display: flex;
flex-direction: column;
}    
footer .company-info li a{
color:#444;
display: flex;
font-size: 14px;
line-height: 1.3;
margin-bottom:2em;

} 
footer .company-info img {
width: 7.8rem;
height: 4.5rem;
object-fit: cover;
padding-right:1em;

}
footer .company-info p{
padding-right:0;

} 
footer .icon-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
footer .icon-menu li {
padding: 1.5em 0.5em;
width: 50%;
box-sizing: border-box;
border-bottom: 1px solid #444;
}footer .icon-menu li:last-child {
border-bottom: none;
width:100%;
}
footer .icon-menu li a{
color:#444;
line-height: var(--line-height-md);
font-size: var(--font-size-xs);
text-align: center;
display: block;    
}
#pageTop {
bottom: 25px;
right: 15px;
width: 50px;
height: 40px;
}  
}

#footer-nav ul {
padding-top: 0;    
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 2em;
font-family: "Noto Sans JP", sans-serif; 
}
#footer-nav li {
color:#444444;

display: inline-block;

}
#footer-nav li:before{
content:"|";
padding-right:2em;
} 
#footer-nav li:after{
content:"";
padding-left:2em;
}  

#footer-nav li:last-child::after{
content:"|";
padding-left:2em;
}    
#footer-nav li a {
color: #444444;
border-bottom: none;
}
.bita_end{
background: #3d3938;
color:#cccccc;
font-size: 12px;
text-align: center;
padding:2em;
}
@media screen and (max-width: 767px) {
#footer-nav ul {
background: #3d3938;
display: grid;
text-align: center;
grid-template-columns: 1fr;
font-size: 13px;
padding: 15px 0 0 0;    
}
#footer-nav li {
margin-bottom: 10px;
padding: 0 15px;
} 
#footer-nav li:before{
content:"";
padding-right:2em;
} 
#footer-nav li:after{
content:"";
padding-left:2em;
}  

#footer-nav li:last-child::after{
content:"";
padding-left:2em;
}    
#footer-nav li a {
color: #cccccc;
border-bottom: 1px solid #cccccc;    
}

#pageTop img {
width: 100%;
height: auto;
border-radius: 5px;
}
.bita_end{
margin-block-start: -1px;
} 
}

.c-pagetop {
height: 50px;
width: 50px;
position: fixed;
right: 15px;
bottom: 30px;
background: #226fc0;
border: solid 2px #226fc0;
border-radius: 4px;
display: none;
justify-content: center;
align-items: center;
z-index: 999;
cursor: pointer;
}
.c-pagetop__arrow {
display: block;
height: 10px;
width: 10px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: translateY(20%) rotate(-45deg);
}

html {
scroll-behavior: smooth;
scroll-padding-top: 65px;
}