@charset "UTF-8";

html {
    font-size: 62.5%;
}

body {
    width: 1000px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
}

img {
    width: 100%;
}

.section1 img {
    position: relative;
    z-index: 10;
}

h2 {
    font-weight: 300;
}

.section2 {
    position: relative;
    background-color: #e4e4e4;
    color: #595757;
    margin-top: -55px;
}

.section2 > img:first-child {
    position: absolute;
    top: 56px;
    left: 50px;
    width: 285px;
    z-index: 5;
}

.section2 h2 {
    position: relative; 
    font-size: 4.2rem;
    border-bottom: solid 1px black;
    width: 60%;
    margin: 0 auto;
    padding-top: 8%;
    text-decoration: none;
    z-index: 10;
}

.section2 span {
    font-size: 5.6rem;
    font-weight: 400;
}

.section2 .inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 5% 0 1% 0;
    z-index: 5;
}

.section2 .icon {
    width: 275px;
    height: 275px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    margin-bottom: 2%;
}

.section2 .icon img {
    width: 45%;
    margin-top: 13%;    
}

.section2 .icon:first-child img {
    margin-left: 10%;
}

.icon p {
    text-align: center;
    padding-top: 3%;
    font-size: 2.8rem;
    line-height: 1.3;
}

.section2 h3 {
    position: relative;
    z-index: 10;
    font-size: 3.5rem;
    text-align: center;
}

.section2 > img:last-of-type {
    position: absolute;
    top: 80%;
    z-index: 3;
}

.section3 img {
    margin-top: 100px;
}

.section3 {
    position: relative;
}

.section3 h2 {
    font-size: 7.9rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    margin: 7% 0;
    background: url(./image/section3-abc.png)no-repeat center/60%;
}

.section3 span {
    color: #00af80;
    font-weight: bold;
}

.section3 p {
    text-align: center;
    font-size: 3.1rem;
    margin-bottom: 5rem;
}

.inner {
    display: flex;
    justify-content: center;
}

.inbox {
    background-color: #00af80;
    width: 274px;
    padding: 2%;
    color: white;
    margin: 0 auto;
    z-index: 10;
}

.inbox h3 {
    font-size: 2.6rem;
    text-align: center;
    font-weight: unset;
}

.inbox:last-of-type h3 {
    line-height: 78px;
}

hr {
    width: 75%;
    border: solid 1px #fff;
}

.inbox p {
    font-size: 2.1rem;
    text-align: center;
    line-height: 1.7;
    margin-top: 15px;
    margin-bottom: 0;
}

.section3 > img:last-of-type {
    position: absolute;
    top: 780px;
    z-index: 5;
}

.section4 {
    background-color: #008264;
    color: #fff;
    text-align: center;
}

.section4 h2,
.section4-last h2 {
    padding-top: 14%;
    font-size: 4.2rem;
    width: 80%;
    margin: 0 auto;
    border-bottom: solid 1px #fff;
}

.section4 p,
.section4-last p {
    font-size: 3.1rem;
    margin: 40px auto;
}

.section4 button,
.section4-last button {
    cursor: pointer;
    background: transparent;
    border: none;
    padding-bottom: 50px;
}

.section4 button:hover,
.section4-last button:hover {
    opacity: 0.7;
}

.bottom-img {
    position: relative;
    z-index: 5;
    width: 298px;
    margin: 0 auto;
    display: block;
}

.section5 {
    position: relative;
    background-color: #00af80;
    text-align: center;
    margin-top: -50px;
    padding: 90px 0 50px;
}

.section5 > img {
    position: absolute;
    top: 75px;
    left: 50px;
    z-index: 5;
    width: 285px;
}

.section5 h2 {
    color: #fff;
    font-size: 4.2rem;
    margin: 0 auto 55px;
}

.section5 .inner {
    margin-top: 50px;
    flex-wrap: wrap;
}

.inner-wrap {
    position: relative;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    padding: 50px 0 80px;
}

.inner_wrap:nth-child(2) {
    margin-top: 50px;
}

.inner .inner-wrap:first-child {
    margin-bottom: 50px;
}

.inner-wrap > img {
    position: absolute;
    top: -1px;
    left: 0;
    width: 62px;
}
   
.item {
    display: flex;
    justify-content: space-around;
    padding: 0 50px;
}

.item h3 {
    font-size: 3.5rem;
    text-align: left;
}

.inner_wrap:nth-of-type(2) .item:nth-of-type(1) {
    flex-direction: row-reverse;
}

.item_title-1 {
    margin-left: -20px;
    padding-top: 30px;
}

.item_title-2 {
    margin-left: 160px;
    padding-top: 20px;
}

.arrow {
    width: 26px;
    height: 124px;
    margin-top: 80px;
}

.item .left {
    position: relative;
}

.item .left,
.item .right {
    width: 45%; 
    text-align: left;
}

.left h4,
.right h4 {
    font-size: 4.2rem;
}
 
.left p,
.right p {
    font-size: 2.1rem;
    line-height: 1.7;
}

.left img {
    position: absolute;
    bottom: 0;
    width: 250px;
}

.inner-wrap hr {
    width: 90%;
    margin: 0 auto 30px;
}

.red-line {
    border: solid 2px #e6503c;
}

.blue-line {
    border: solid 2px #03afec;
}

.man {
    width: 104px;
    margin-left: 20px;
}

.woman {
    width: 104px;
    margin-left: 65px;
}

.red,
.blue,
.green {
    font-weight: 400;
}

.red {
    color: #e6503c;
}

.green {
    color: #00af80;
}

.blue {
    color: #03afec;
}

.section6 {
    background: url(image/section6-back.jpg) no-repeat top/cover;
    margin-top: -50px;
    padding: 50px;
    text-align: center;
}

.section6 h2 {
    font-size: 4.2rem;
    color: #00af80;
    padding-top: 30px;
}

.section6 h3 {
    font-size: 2.8rem;
    color: #595757;
    padding: 20px 0 40px;
}

.section4-last {
    background-color: #008264;
    color: #fff;
    text-align: center;
    margin-top: -50px;
}