@charset "utf-8";




@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');


/* アンカーリンクCSSでスムーズスクロール */
html { scroll-behavior: smooth;}

body {
color: #333;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
line-height: normal;
}

a:hover {
  color: #4ac4f3;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: #4ac4f3 !important;
}
.top-address.text-right p span.mr-3 a:hover {
text-decoration: underline;
color: #FFF;
}
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA dl dd a:hover {
color: #4ac4f3 !important;
text-decoration: none;
}

a.anchor {
display: block;
padding-top: 80px;
margin-top: -80px;
}

.color-white {
color: #FFF;
}

.mb15 {
margin-bottom: 15px;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}





/* ------------------------------------------------
HEADER-TOPの範囲
------------------------------------------------ */
.header-box {
z-index: 100;
width: 100%;
top: 0;
left: 0;
}
.header-top {
background-color: #4ac4f3;
color: #FFF;
padding: 5px;
position: fixed;
width: 100%;
z-index: 100;
}
.header-top div.container {
max-width: 1500px;
}
.top-catch-copy.text-left h1 {
font-size: 14px;
margin-top: 2px;
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.top-catch-copy.text-left h1 {
font-size: 14px;
margin-top: 2px;
text-align: center;
}
div.top-address {
display: none;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.top-catch-copy.text-left h1 {
font-size: 12px;
margin-top: 2px;
text-align: center;
}
}





/* ------------------------------------------------
HEADER-NAVの範囲
------------------------------------------------ */
header.header-box {
position: fixed; /* ウィンドウを基準に画面に固定 */
}


/* ------------------------------------------------
## ハンバーガーメニュー色変更
------------------------------------------------ */
.navbar-toggler{
background-color: #000000;
}
.navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ------------------------------------------------
## NAVIGATIONの範囲
------------------------------------------------ */
.logo {
margin-left: 20px;
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 0rem !important;
}
nav.navbar.navbar-expand-custom {
background-color: #FFF;
margin-top: 30px;
}
nav.navbar.navbar-expand-custom h1 img.img-fluid {
max-width: 100%;
height: auto;
}
.navbar-nav.ml-auto li.nav-item {
margin-right: 20px;
}
.navbar-nav.ml-auto li.nav-item.dropdown div.dropdown-menu a {
font-size: 16px;
}

/*  ブレークポイントの変更CSS
------------------------------------------------ */
@media (min-width: 1540px) {
.navbar-expand-custom {
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-custom .navbar-nav {
flex-direction: row;
}
.navbar-expand-custom .navbar-nav .nav-link {
padding-right: 16px;
}
.navbar-expand-custom .navbar-collapse {
display: flex!important;
}
.navbar-expand-custom .navbar-toggler {
display: none;
}
}

/*  プルダウンの調整CSS
------------------------------------------------ */
@media (min-width: 1540px) {
.navbar-nav .dropdown-menu {
position: absolute;
float: none;
}
}
@media (max-width: 1540px) {
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
}





/* ------------------------------------------------
MAIN-IMAGESの範囲
------------------------------------------------ */
.main-images {
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
margin-top: 100px;
width: 100%;
height: 890px;
}
.text-box {
padding-right: 592px;
padding-top: 170px;
padding-bottom: 170px;
}
.text-box p.catch-copy01 {
color: #FFF;
font-size: 20px;
margin-bottom: 2px;
}
.text-box h1 {
font-size: 54px;
font-weight: bold;
line-height: 1.2;
color: #000;
letter-spacing: 2px;
margin-bottom: 16px;
text-align: justify;
}
.text-box p.text01 {
font-size: 1.25rem;
font-weight: 300;
margin-bottom: 40px;
text-align: justify;
color: #FFF;
}
/*--------------------------------------------------------------
## 大デバイス（デスクトップ, 1200px 未満）
--------------------------------------------------------------*/
@media (max-width: 1199.98px) {
.text-box {
padding-right: 506px;
padding-top: 159px;
padding-bottom: 170px;
}
.main-images > div > div > h1 > br {
display: none;
}
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 992px 未満）
--------------------------------------------------------------*/
@media (max-width: 991px) {
.main-images {
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-top: 100px;
width: 100%;
height: 890px;
}
.text-box {
padding-right: 387px;
padding-top: 94px;
padding-bottom: 0;
}
.text-box p.catch-copy01 {
color: #FFF;
font-size: 18px;
margin-bottom: 2px;
}
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.main-images {
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
background-position: -476px center;
background-size: cover;
margin-top: 100px;
width: 100%;
height: 596px;
}
.text-box {
padding-right: 240px;
padding-top: 35px;
padding-bottom: 0;
}
.text-box p.catch-copy01 {
color: #FFF;
font-size: 16px;
margin-bottom: 2px;
}
.text-box h1 {
font-size: 34px;
font-weight: bold;
line-height: 1.2;
color: #000;
letter-spacing: 2px;
margin-bottom: 16px;
}
.text-box p.text01 {
font-weight: 300;
margin-bottom: 40px;
text-align: justify;
color: #FFF;
font-size: 16px;
}
div.text-box > h1 > br {
display: none;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media screen and (min-width: 576px) and (max-width: 767.98px) {
.container {
max-width: 100%;
}
.main-images {
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
background-position: 43% center;
background-size: cover;
margin-top: 100px;
width: 100%;
height: 596px;
}
.text-box {
padding-right: 45%;
padding-top: 74px;
padding-bottom: 0;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media screen and (min-width: 375px) and (max-width: 575.98px) {
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
width: 100%;
}
.main-images {
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
background-position: 74% 12%;
background-size: 259%;
width: 100%;
height: auto;
background-color: #4ac4f3;
}
.text-box {
padding-right: 0;
padding-top: 120%;
padding-bottom: 0;
text-align: center;
}
.btn03 a {
background: #ca3d77;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 300px;
padding: 15px 0 15px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
margin: 0 auto;
}

}






/* ------------------------------------------------
HEADING01の範囲 ※共通で使用出来ます
------------------------------------------------ */
.Heading01 {
text-align: center;
padding-top: 60px;
}
.Heading01 h2 {
background-color: #4ac4f3;
color: #FFF;
display: inline-block;
padding: 3px 24px;
border-radius: 30px;
margin-bottom: 10px;
}
.Heading01 h3 {
font-size: 32px;
position: relative;
margin-bottom: 40px;
}
.Heading01 h3::after {
content: "";
display: block;
width: 50px;
height: 3px;
background-color: #4ac4f3;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.Heading01 p.text-center {
padding-bottom: 60px;
line-height: 1.8;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Heading01 h3 {
font-size: 24px;
position: relative;
margin-bottom: 40px;
font-weight: 500;
line-height: 1.2;
}
.FAQ div.container h1 {
font-size: 24px;
margin-bottom: 60px;
}
}












/* ------------------------------------------------
FLOWの範囲
------------------------------------------------ */
.Flow {

}
.flow-btn {
margin-top: 30px;
text-align: center
}





/* ------------------------------------------------
FEATURESの範囲
------------------------------------------------ */
.Features-area {
background-color: #f9f9f9;
}
.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box {
display: flex;
margin-bottom: 60px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box {
display: flex;
margin-bottom: 60px;
flex-direction: column;
}
}

.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box div.icon-area {
flex-shrink: 0;
padding-right: 15px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box div.icon-area {
flex-shrink: 0;
padding-right: 0;
text-align: center;
}
}

.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box div.content-area h2 {
font-size: 22px;
position: relative;
padding-left: 28px;
font-weight: 500;
}
.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box div.content-area p {
line-height: 1.8;
padding-left: 5px;
text-align: justify;
}
.Features div.Features-inner div.container div.row div.col-md-6.col-12 div.box div.content-area p span.text01 {
font-size: 14px;
}
.colour-light-blue {
color: #4ac4f3;
font-size: 28px;
position: absolute;
top: -3px;
left: 0;
}

/*  イレギュラーの範囲
------------------------------------------------ */
.Features div.Features-inner div.container p.btn03 {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
padding-bottom: 60px;
}





/* ------------------------------------------------
FAQの範囲
------------------------------------------------ */
.btn03_tel a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 15px 0 15px 26px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
margin: 0 0 0 auto;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
font-size: 28px;
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.btn03_tel a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 15px 0 15px 48px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
margin: 0 auto;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
font-size: 28px;
margin-bottom: 20px;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.btn03_tel a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 15px 0 15px 48px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
margin: 0 auto 20px;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
font-size: 28px;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 375px 未満）
--------------------------------------------------------------*/
@media (max-width: 375px) {
.btn03_tel a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 15px 0 15px 48px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
margin: 0 auto 20px;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
font-size: 26px;
}
}


.btn03_tel a:hover {
background: #313131;
color: #FFF;
}
.btn03_tel a i.fa-solid.fa-mobile-screen {
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 7px;
left: 20px;
background-color: #fff;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
color: #2bb3d5;
}

.btn03_mail a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 13px 0 17px 46px;
color: #FFF;
transition: 0.3s ease-in-out;
margin: 0 auto 0 0;
font-size: 22px;
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 992px 未満）
--------------------------------------------------------------*/
@media (max-width: 991px) {
.btn03_mail a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 14px 0 18px 46px;
color: #FFF;
transition: 0.3s ease-in-out;
margin: 0 auto 0 0;
font-size: 20px;
}
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.btn03_mail a {
    background: #2bb3d5;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 370px;
    padding: 14px 0 18px 46px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    margin: 0 auto;
    font-size: 20px;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.btn03_mail a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 14px 0 18px 46px;
color: #FFF;
transition: 0.3s ease-in-out;
margin: 0 auto;
font-size: 20px;
}
}

.btn03_mail a:hover {
background: #313131;
color: #FFF;
}
.btn03_mail a i.fa-solid.fa-envelope {
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 7px;
left: 20px;
background-color: #fff;
width: 45px;
height: 45px;
text-align: center;
line-height: 47px;
border-radius: 50%;
color: #2bb3d5;
font-size: 30px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 375px 未満）
--------------------------------------------------------------*/
@media (max-width: 375px) {
.btn03_mail a {
background: #2bb3d5;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 370px;
padding: 14px 0 18px 46px;
color: #FFF;
transition: 0.3s ease-in-out;
margin: 0 auto;
font-size: 19px;
letter-spacing: -1px;
}
}









.faq-area div.container.FAQ div.faq-inner {
background-color: #eee;
padding: 40px;
margin-bottom: 60px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.faq-area div.container.FAQ div.faq-inner {
background-color: #eee;
padding: 20px;
margin-bottom: 60px;
}
}

.faq-area div.container.FAQ div.faq-inner p.text-center.lead01 {
margin-bottom: 40px;
}
.faq-area div.container.FAQ div.faq-inner div.row.mt-01 div.col-md-6 p.tel-btn a.button01 {
display: block;
text-align: center;
padding-top: 15px;
padding-bottom: 12px;
padding-left: 82px;
padding-right: 36px;
outline: none;
background-color: #2bb3d5;
color: #fff;
border-radius: 4px;
position: relative;
margin-bottom: 1px;
font-size: 26px;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
margin-left: 107px;
}
.faq-area div.container.FAQ div.faq-inner div.row.mt-01 div.col-md-6 p.tel-btn a.button01 span {
position: absolute;
left: 40px;
top: 10px;
}
.faq-area div.container.FAQ div.faq-inner div.row.mt-01 div.col-md-6 p.tel-btn a.button01 span img {
width: 119%;
}
.faq-area div.container.FAQ div.faq-inner div.row.mt-01 div.col-md-6 p.mail-btn a.button01 {
display: block;
text-align: center;
padding-top: 17px;
padding-bottom: 16px;
padding-left: 84px;
padding-right: 36px;
outline: none;
background-color: #2bb3d5;
color: #fff;
border-radius: 4px;
position: relative;
margin-bottom: 1px;
margin-right: 104px;
font-weight: 500;
}
.faq-area div.container.FAQ div.faq-inner div.row.mt-01 div.col-12.col-md-6 p.mail-btn a.button01 span {
position: absolute;
left: 46px;
top: 14px;
}
.FAQ div.container h1 {
font-size: 30px;
margin-bottom: 60px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.FAQ div.container h1 {
font-size: 24px;
margin-bottom: 60px;
}
}








/* ------------------------------------------------
ACCORDIONの範囲
------------------------------------------------ */
.q-icon {
background-image: url(../images/q-icon.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 40px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.q-icon {
background-image: url(../images/q-icon.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 40px;
padding-right: 40px;
}
}

.a-icon{
background-image: url(../images/a-icon.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.accordion div.card div#headingTwo.bg-white {

}
.accordion div.card div#headingThree.bg-white {

}
.accordion div.card div#headingFour.bg-white {

}
.accordion div.card div#headingOne.card-header.bg-light.shadow-sm.border-0 h6 {
font-size: 18px;
font-weight: 500;
}
.accordion div.card div#headingTwo.card-header.bg-white.shadow-sm.border-0 h6 {
font-size: 18px;
font-weight: 500;
}
.accordion div.card div#headingThree.card-header.bg-white.shadow-sm.border-0 h6 {
font-size: 18px;
font-weight: 500;
}
.accordion div.card div#headingFour.card-header.bg-white.shadow-sm.border-0 h6 {
font-size: 18px;
font-weight: 500;
}
.collapsible-link::before {
content: '';
width: 14px;
height: 2px;
background: #333;
position: absolute;
top: calc(50% - 1px);
right: 1rem;
display: block;
transition: all 0.3s;
}

/* Vertical line */
.collapsible-link::after {
content: '';
width: 2px;
height: 14px;
background: #333;
position: absolute;
top: calc(50% - 7px);
right: calc(1rem + 6px);
display: block;
transition: all 0.3s;
}

.collapsible-link[aria-expanded='true']::after {
transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']::before {
transform: rotate(180deg);
}
.accordion {

}






/* ------------------------------------------------
INFORMATIONの範囲
------------------------------------------------ */
.information-area {
padding-bottom: 0px;
background-color: #f9f9f9;
}
.information div.container div.row div.col-12.col-md-4 h3 {
font-size: 20px;
padding-bottom: 15px;
font-weight: 500;
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.information-area div.container.information div.container div.row div.col-12.col-md-4 a p.text01 {
margin-bottom: 60px;
}
.information-area {
padding-bottom: 0px;
background-color: #f9f9f9;
}
}





/* ------------------------------------------------
PRICEの範囲
------------------------------------------------ */
.price-area {
padding-bottom: 20px;
}
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA {
background-color: #ca3d77;
color: #FFF;
padding: 24px;
margin-bottom: 30px;
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 992px 未満）
--------------------------------------------------------------*/
@media (max-width: 1200px) {
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA {
background-color: #ca3d77;
color: #FFF;
padding: 38px 24px 38px 24px;
margin-bottom: 30px;
}
}

.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA.text-center h2 {
font-size: 24px;
}
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA.text-center h3 {
font-size: 20px;
}
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA-inner.text-center dl dt {
background-color: #959595;
display: inline-block;
padding: 6px 70px;
color: #FFF;
font-weight: normal;
margin-bottom: 15px;
width: 332px;
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 991px 未満）
--------------------------------------------------------------*/
@media (max-width: 991px) {
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA-inner.text-center dl dt {
background-color: #959595;
display: inline-block;
padding: 6px 64px;
color: #FFF;
font-weight: normal;
margin-bottom: 15px;
width: 315px;
}
}

.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockA-inner.text-center dl dd {
margin-bottom: 40px;
}

.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB {
background-color: #4ac4f3;
color: #FFF;
padding: 24px;
margin-bottom: 30px;
}
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB.text-center h2 {
font-size: 24px;
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 991px 未満）
--------------------------------------------------------------*/
@media (max-width: 991px) {
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB.text-center h2 {
font-size: 22px;
}
}

.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB.text-center h3 {
font-size: 20px;
}
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB-inner.text-center dl dt {
background-color: #959595;
display: inline-block;
padding: 6px 70px;
color: #FFF;
font-weight: normal;
margin-bottom: 15px;
width: 332px;
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 991px 未満）
--------------------------------------------------------------*/
@media (max-width: 991px) {
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB-inner.text-center dl dt {
    background-color: #959595;
    display: inline-block;
    padding: 6px 60px;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 15px;
    width: 316px;
}
}
.price-area div.container.price div.container div.row div.col-12.col-md-6 div.blockB-inner.text-center dl dd {
margin-bottom: 40px;
}







/* ------------------------------------------------
OPERATINGの範囲
------------------------------------------------ */
.Operating-area {
padding-bottom: 60px;
background-color: #f9f9f9;
}
.Operating div.container div.map-area {
width: 100%;
}
.Operating-area div.container.Operating  div.container div.map-area {
margin-bottom: 20px;
}
.Operating  div.container div.container div.row div.col-12.col-md-7 div.blockA {
text-align: left;
}
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA dl {
display: flex;
margin-bottom: 10px;
align-items: center;
}
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA dl dt {
margin-right: 20px;
}
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA p.text01 {
text-align: justify;
line-height: 1.8;
margin-top: 20px;
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA {
text-align: left;
margin-top: 30px;
}
.Operating div.container div.container div.row div.col-12.col-md-5 p img {
width: 100%;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA {
text-align: left;
margin-top: 30px;
}
.Operating div.container div.container div.row div.col-12.col-md-7 div.blockA dl {
display: block;
margin-bottom: 10px;
align-items: center;
}
}







/* ------------------------------------------------
FOOTERの範囲
------------------------------------------------ */
footer {
background-color: #000;
}
.footer ul {
color: #FFF;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footer ul.footer-inner01{
padding-top: 60px;
padding-bottom: 15px;
color: #777;
line-height: 1;
}
.footer ul.footer-inner02{
padding-bottom: 60px;
color: #777;
line-height: 1;
}
.footer p.copy {
text-align: center;
padding-bottom: 30px;
color: #444;
}
.footer-inner01 li {
border-left: 1px solid #777;
border-right: 1px solid #777;
}
.footer-inner01 li:first-child{
border: none;
}
.footer-inner01 li:last-child{
border: none;
}
.footer-inner02 li {
border-left: 1px solid #777;
border-right: 1px solid #777;
}

.footer-inner01 li a.nav-link {
display: block;
padding: 0.1rem 1rem;
}
.footer-inner02 li a.nav-link {
display: block;
padding: 0.1rem 1rem;
}
/*--------------------------------------------------------------
## 中デバイス（タブレット, 992px 未満）
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
.footer ul.footer-inner01 {
padding-top: 60px;
padding-bottom: 0;
color: #777;
line-height: 1;
}
.footer ul {
color: #777;
display: block;
justify-content: left;
flex-wrap: wrap;
}
.footer-inner01 li {
border: none;
margin-bottom: 10px;
}
.footer-inner02 li {
border: none;
margin-bottom: 10px;
}
.footer ul.footer-inner02 {
padding-bottom: 50px;
color: #777;
line-height: 1;
}
}




/* ------------------------------------------------
PAGE-TOPの範囲
------------------------------------------------ */	
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #2bb3d5;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}





/* ------------------------------------------------
追加共通CSSPの範囲
------------------------------------------------ */	
.pan {
  margin-top: 15px;
}