@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%);
}






section {
margin-bottom: 80px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
section {
margin-bottom: 40px;
}
}






/* ------------------------------------------------
HANDWRITING01の範囲
------------------------------------------------ */
.handwriting01 h2 {
font-size: 28px;
margin-bottom: 20px;
text-align: justify;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting01 h2 {
font-size: 24px;
margin-bottom: 20px;
text-align: justify;
}
}




/* ------------------------------------------------
HANDWRITING02の範囲
------------------------------------------------ */
.handwriting02 h2 {
position: relative;
background: #4ac4f3;
text-align: center;
font-size: 30px;
color: #FFF;
margin-bottom: 40px;
padding-bottom: 9px;
padding-top: 5px;
}
.handwriting02 h2:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #4ac4f3;
width: 0;
height: 0;
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 以下）
--------------------------------------------------------------*/
@media (max-width: 768px) {
.handwriting02 h2 {
position: relative;
background: #4ac4f3;
text-align: center;
font-size: 28px;
color: #FFF;
margin-bottom: 40px;
padding-bottom: 9px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting02 h2 {
position: relative;
background: #4ac4f3;
text-align: center;
font-size: 24px;
color: #FFF;
margin-bottom: 40px;
padding-bottom: 9px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
}
}

.slick-slide img {
margin: 0 auto;
}






/* ------------------------------------------------
HANDWRITING03の範囲
------------------------------------------------ */
.handwriting03 h2 {
position: relative;
line-height: 1.4;
padding: 0.25em 1em;
display: inline-block;
font-size: 30px;
background-color: #4ac4f3;
color: #FFF;
}
.handwriting03 h2:before, .handwriting03 h2:after { 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.handwriting03 h2:before {
border-left: solid 2px #4ac4f3;
border-top: solid 2px #4ac4f3;
top: -10px;
left: -10px;
}
.handwriting03 h2:after {
border-right: solid 2px #4ac4f3;
border-bottom: solid 2px #4ac4f3;
bottom: -10px;
right: -10px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting03 h2 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
font-size: 24px;
}
}

.handwriting03-inner h3 {
font-size: 30px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting03-inner h3 {
font-size: 24px;
}
}

.handwriting03-inner h4 {
background-color: #000;
color: #FFF;
font-size: 20px;
padding: 5px 0;
}






/* ------------------------------------------------
HANDWRITING04の範囲
------------------------------------------------ */
.handwriting04 h2 {
position: relative;
line-height: 1.4;
padding: 0.25em 1em;
display: inline-block;
font-size: 30px;
background-color: #4ac4f3;
color: #FFF;
}
.handwriting04 h2:before, .handwriting04 h2:after { 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.handwriting04 h2:before {
border-left: solid 2px #4ac4f3;
border-top: solid 2px #4ac4f3;
top: -10px;
left: -10px;
}
.handwriting04 h2:after {
border-right: solid 2px #4ac4f3;
border-bottom: solid 2px #4ac4f3;
bottom: -10px;
right: -10px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting04 h2 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
font-size: 24px;
}
}

.handwriting04-inner h3 {
font-size: 30px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting04-inner h3 {
font-size: 24px;
}
}






/* ------------------------------------------------
HANDWRITING05の範囲
------------------------------------------------ */
.handwriting05 h2 {
position: relative;
line-height: 1.4;
padding: 0.25em 1em;
display: inline-block;
font-size: 30px;
background-color: #4ac4f3;
color: #FFF;
}
.handwriting05 h2:before, .handwriting05 h2:after { 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.handwriting05 h2:before {
border-left: solid 2px #4ac4f3;
border-top: solid 2px #4ac4f3;
top: -10px;
left: -10px;
}
.handwriting05 h2:after {
border-right: solid 2px #4ac4f3;
border-bottom: solid 2px #4ac4f3;
bottom: -10px;
right: -10px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting05 h2 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
font-size: 24px;
}
}

.handwriting05-inner h3 {
font-size: 30px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting05-inner h3 {
font-size: 24px;
}
}






/* ------------------------------------------------
HANDWRITING06の範囲
------------------------------------------------ */
.handwriting06 h2 {
position: relative;
line-height: 1.4;
padding: 0.25em 1em;
display: inline-block;
font-size: 30px;
background-color: #4ac4f3;
color: #FFF;
}
.handwriting06 h2:before, .handwriting06 h2:after { 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.handwriting06 h2:before {
border-left: solid 2px #4ac4f3;
border-top: solid 2px #4ac4f3;
top: -10px;
left: -10px;
}
.handwriting06 h2:after {
border-right: solid 2px #4ac4f3;
border-bottom: solid 2px #4ac4f3;
bottom: -10px;
right: -10px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting06 h2 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
font-size: 24px;
}
}

.handwriting06-inner h3 {
font-size: 30px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 以下）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.handwriting06-inner h3 {
font-size: 24px;
}
}