@charset "utf-8";





/* ------------------------------------------------
SUB-IMAGESの範囲 ※共通で使用出来ます
------------------------------------------------ */
.sub-images {
background-image: url("../images/bg01.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 200px;
margin-top: 100px;
display: flex;
justify-content: center;
align-items: center;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.sub-images {
background-image: url(../images/bg01.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 140px;
margin-top: 130px;
display: flex;
justify-content: center;
align-items: center;
}
}

.sub-images div.container h1 {
color: #FFF;
font-size: 24px;
font-weight: 500;
position: relative;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.sub-images div.container h1 {
color: #FFF;
font-size: 24px;
font-weight: 500;
position: relative;
margin-top: 30px;
}
}

.sub-images div.container h1::after {
content: '';
width: 50px;
height: 3px;
display: inline-block;
background-color: #FFF;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}



/* ------------------------------------------------
MESSAGEの範囲
------------------------------------------------ */
.message {
margin-bottom: 60px;
}
.message div.container div.row div.col-md-6 p.text01 {
text-align: justify;
margin-bottom: 30px;
line-height: 1.8;
}



/* ------------------------------------------------
Featuresの範囲
------------------------------------------------ */
.Features {

}
.Features-text01 {
font-size: 28px;
margin-bottom: 20px;
text-align: justify;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features-text01 {
font-size: 24px;
margin-bottom: 20px;
text-align: justify;
}
}

.Features-text02 {
line-height: 1.8;
margin-bottom: 16px;
text-align: justify;
}



/* ------------------------------------------------
Features01の範囲
------------------------------------------------ */
.Features01 {
margin-bottom: 60px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features01 {
margin-bottom: 30px;
}
}

.Features01-ttl01 {
background-color: #4ac4f3;
display: inline-block;
font-size: 20px;
color: #FFF;
padding: 8px 20px 10px 20px;
margin-bottom: 10px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features01-ttl01 {
background-color: #4ac4f3;
display: inline-block;
font-size: 20px;
color: #FFF;
padding: 8px 20px 10px 20px;
margin-bottom: 10px;
margin-top: 30px;
text-align: center;
}
}


/* ------------------------------------------------
Features02の範囲
------------------------------------------------ */
.Features02-ttl01 {
background-color: #4ac4f3;
display: inline-block;
font-size: 20px;
color: #FFF;
padding: 8px 20px 10px 20px;
margin-bottom: 10px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features02-ttl01 {
background-color: #4ac4f3;
display: inline-block;
font-size: 20px;
color: #FFF;
padding: 8px 20px 10px 20px;
margin-bottom: 10px;
text-align: center;
margin-top: 30px;
}
}



/*------------------------------------------------
Features02の範囲
------------------------------------------------ */
.Features03 {
margin-bottom: 100px;
}

.Features03-subheadline {
position: relative;
line-height: 1.4;
padding: 0.25em 1em;
display: inline-block;
font-size: 26px;
margin-top: 60px;
margin-bottom: 30px;
}
.Features03-subheadline::before,.Features03-subheadline::after { 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.Features03-subheadline::before {
border-left: solid 2px #4ac4f3;
border-top: solid 2px #4ac4f3;
top: 0;
left: 0;
}
.Features03-subheadline::after {
border-right: solid 2px #4ac4f3;
border-bottom: solid 2px #4ac4f3;
bottom: 0;
right: 0;
}

.Features03 div.Features-area {
margin-bottom: 60px;
background-color: #FFF;
}

.Features03 div.Features-area div.Features-box {
display: flex;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features03 div.Features-area div.Features-box {
display: block;
}
}

.Features03 div.Features-area div.Features-box div.Features-icon {
flex-shrink: 0; /* 追加 */
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features03 div.Features-area div.Features-box div.Features-icon {
flex-shrink: 0;
text-align: center;
margin-bottom: 10px;
}
}

.Features03 div.Features-area div.Features-box div.Features-item {
display: flex;
flex-flow: column;
justify-content: center;
margin-left: 30px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features03 div.Features-area div.Features-box div.Features-item {
display: flex;
flex-flow: column;
justify-content: center;
margin-left: 0px;
}
}

.Features03 div.Features-area div.Features-box div.Features-item h2 {
font-size: 24px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.Features03 div.Features-area div.Features-box div.Features-item h2 {
font-size: 20px;
margin-bottom: 10px;
}
}

.Features03 div.Features-area div.Features-box div.Features-item h2 span.color01 {
color: #4ac4f3;
margin-right: 8px;
}
.Features03 div.Features-area div.Features-box div.Features-item p.Features-Txet01 {
line-height: 1.8;
}


.link01 a {
color: #4ac4f3;
text-decoration: underline;
}
.link01 a:hover {
color: #4ac4f3;
text-decoration: none;
}