@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------
wrap
----------------------------------------------------------*/
#wrap{
padding: 40px 0 80px;
}
.container{
width: 1000px;
border-radius: 20px;
margin: 0 auto;
overflow: hidden;
}
@media (max-width: 768px){
#wrap{
padding: 2.0rem 0 6.0rem;
}
.container{
width: calc(100% - 4.0rem);
border-radius: 2.0rem;
margin: 0 2.0rem;
}
}

/*----------------------------------------------------------
title
----------------------------------------------------------*/
.titleTypeA01{
background: #0d9851;
color: #fff;
font-size: 2.8rem;
font-weight: bold;
text-align: center;
padding: 30px 0;
}
@media (max-width: 768px){
.titleTypeA01{
font-size: 2.0rem;
padding: 2.0rem 0;
}
}

/*----------------------------------------------------------
section
----------------------------------------------------------*/
.section01{
background: #f7f7f7;
padding: 40px 100px;
}
.section01 .text{
font-size: 1.6rem;
}
.section01 .text + .text{
margin-top: 20px;
}
@media (max-width: 768px){
.section01{
padding: 3.0rem 2.0rem;
}
.section01 .text{
font-size: 1.4rem;
}
.section01 .text + .text{
margin-top: 2.0rem;
}
}

.section02{
background: #fff;
padding: 40px 100px 80px;
}
.section02 .title01{
margin: 0 0 20px;
}
.section02 .title01 span{
background: #0d9851;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
border-radius: 100px;
padding: 5px 30px 3px;
display: inline-block;
}
.section02 .title02{
font-size: 2.2rem;
margin: 0 0 15px;
}
.section02 .title03{
font-size: 1.8rem;
margin: 0 0 15px;
}
.section02 .text + .title03{
margin-top: 80px;
}
.section02 .text,
.section02 .text p{
font-size: 1.6rem;
line-height: 1.8;
}
.section02 .text + .text{
margin-top: 20px;
}
.section02 .col02{
display: flex;
}
.section02 .col02 .num{
margin: 0 10px 0 0;
}
@media (max-width: 768px){
.section02{
padding: 3.0rem 2.0rem;
}
.section02 .title01{
margin: 0 0 2.0rem;
}
.section02 .title01 span{
font-size: 1.6rem;
padding: 0.5rem 2.0rem 0.3rem;
}
.section02 .title02{
font-size: 1.8rem;
margin: 0 0 1.0rem;
}
.section02 .title03{
font-size: 1.6rem;
margin: 0 0 1.0rem;
}
.section02 .text + .title03{
margin-top: 6.0rem;
}
.section02 .text,
.section02 .text p{
font-size: 1.4rem;
line-height: 1.8;
}
.section02 .text + .text{
margin-top: 1.5rem;
}
.section02 .col02 .num{
margin: 0 1.0rem 0 0;
}
}

.section03{
background: #fff;
padding: 40px 100px;
}
.section03 .list01 > li{
font-size: 1.6rem;
margin: 0 0 20px;
}
.section03 .list01 > li:last-child{
margin-bottom: 0;
}
.section03 .list01 > li span{
margin: 0 20px 0 0;
display: inline-block;
}
@media (max-width: 768px){
.section03{
padding: 3.0rem 2.0rem;
}
.section03 .list01 > li{
font-size: 1.4rem;
margin: 0 0 1.5rem;
}
.section03 .list01 > li span{
margin: 0;
display: block;
}
}