@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.aboutus .bgWrap {
    padding-bottom:280px;
}
.aboutus .area {
    padding-bottom:0;
}
.aboutus .innerPtn1 {
    padding-bottom:140px;
    border-bottom:1px solid #CCCBC9;
}

.aboutus h3 {
    margin-bottom:20px;
    font-size:20px;
    letter-spacing:0.05em;
}

.aboutus .innerPtn1 > p,
.aboutus .innerPtn2 > p,
.aboutus #sec3 p {
    font-size:16px;
    letter-spacing:0.05em;
    line-height:2;
}


.aboutus #sec1 .cont1 {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
    margin-top:60px;
    width:930px;
}

    .aboutus #sec1 .cont1 div {
        position:relative;
        margin-bottom:50px;
        padding:80px 60px 0 60px;
        width:440px;
        height:350px;
        background:#FCFCFC;
        box-sizing:border-box;
    }
        .aboutus #sec1 .cont1 div:before {
            display:inline-block;
            position:absolute;
            left:50%;
            top:0;
            transform: translate(-50%,0);
            padding:20px 0;
            width:42px;
            font-size:18px;
            color:#F7F6F4;
            font-family: "Poppins", sans-serif;
            font-weight:300;
            letter-spacing:0.05em;
            text-align:center;
            background:#3C3722;
        }
        .aboutus #sec1 .cont1 div:nth-child(1):before {
            content:'01';
        }
        .aboutus #sec1 .cont1 div:nth-child(2):before {
            content:'02';
        }
        .aboutus #sec1 .cont1 div:nth-child(3):before {
            content:'03';
        }
        .aboutus #sec1 .cont1 div:nth-child(4):before {
            content:'04';
        }
        
        .aboutus #sec1 .cont1 .ttl {
            margin-bottom:30px;
            font-size:18px;
            line-height:1.5;
            text-align:center;
        }
            .aboutus #sec1 .cont1 .ttl span {
                display:inline-block;
                font-size:20px;
                font-family:  "Marcellus", sans-serif;
                letter-spacing:0.05em;
            }
            
        .aboutus #sec1 .cont1 .txt {
            font-size:14px;
            line-height:2.0;
            text-align:left;
        }
    

@media screen and (min-width: 768px) {
    .aboutus #sec1 .cont1 div:nth-child(3),
    .aboutus #sec1 .cont1 div:nth-child(4) {
        margin-bottom:0;
    }
}


.aboutus #sec2 .cont1 {
    position:relative;
    margin-top:60px;
    width:100%;
    height:804px;
}
    .aboutus #sec2 .cont1 > div {
        padding:20px 30px;
        width:460px;
        height:248px;
        background:#FCFCFC;
        border:1px solid #AA8E22;
        border-radius:13px;
    }
        .aboutus #sec2 .cont1 > div > div {
            position:relative;
            text-align:left;
        }
            .aboutus #sec2 .cont1 > div > div:before {
                display:flex;
                align-items: center;
                justify-content: center;
                position:absolute;
                left:0;
                top:50%;
                transform: translate(0,-50%);
                width:46px;
                height:46px;
                font-size:16px;
                color:#F7F6F4;
                font-family: "Poppins", sans-serif;
                font-weight:300;
                letter-spacing:0.05em;
                background:#AA8E22;
                border-radius:50%;
            }
            .aboutus #sec2 .cont1 > div:nth-child(1) > div:before {
                content:'01';
            }
            .aboutus #sec2 .cont1 > div:nth-child(2) > div:before {
                content:'02';
            }
            .aboutus #sec2 .cont1 > div:nth-child(3) > div:before {
                content:'03';
            }
            .aboutus #sec2 .cont1 > div:nth-child(4) > div:before {
                content:'04';
            }
            .aboutus #sec2 .cont1 > div > div:after {
                position:absolute;
                content:'';
                background-position:0 0;
                background-repeat:no-repeat;
                background-size:100% auto;
            }
            .aboutus #sec2 .cont1 > div:nth-child(1) > div:after {
                width:45px;
                height:48px;
                right:20px;
                top:33px;
                background-image:url(../img/aboutus/sec2_icon1.svg);
            }
            .aboutus #sec2 .cont1 > div:nth-child(2) > div:after {
                width:56px;
                height:52px;
                right:20px;
                top:25px;
                background-image:url(../img/aboutus/sec2_icon2.svg);
            }
            .aboutus #sec2 .cont1 > div:nth-child(3) > div:after {
                width:71px;
                height:32px;
                right:15px;
                top:48px;
                background-image:url(../img/aboutus/sec2_icon3.svg);
            }
            .aboutus #sec2 .cont1 > div:nth-child(4) > div:after {
                width:45px;
                height:38px;
                right:20px;
                top:12px;
                background-image:url(../img/aboutus/sec2_icon4.svg);
            }
            .aboutus #sec2 .cont1 > div > div h4 {
                font-size:18px;
                font-family:  "Marcellus", sans-serif;
                letter-spacing:0.05em;
                font-weight:200;
                line-height:1.5;
            }
            .aboutus #sec2 .cont1 > div > div p {
                font-size:16px;
                line-height:1.8;
            }
    
        .aboutus #sec2 .cont1 > div > p {
            font-size:15px;
            line-height:1.8;
            text-align:left;
        }
        .aboutus #sec2 .cont1 li {
            position:relative;
            padding-left:20px;
            font-size:15px;
            line-height:1.8;
            text-align:left;
        }
            .aboutus #sec2 .cont1 li:before {
                position:absolute;
                left:0;
                top:7px;
                width:15px;
                height:15.55px;
                background:url(../img/aboutus/sec2_icon5.svg) 0 0 no-repeat;
                background-size:100% 100%;
                content:'';
            }
    

@media screen and (min-width: 768px) {
    .aboutus #sec2 .cont1 {
        height:804px;
        background:url(../img/aboutus/sec2_bg.svg) center center no-repeat;
    }
        .aboutus #sec2 .cont1 > div {
            position:absolute;
            height:248px;
        }
        .aboutus #sec2 .cont1 > div:nth-child(1) {
            left:50%;
            top:0;
            transform: translate(-50%,0);
        }
        .aboutus #sec2 .cont1 > div:nth-child(2) {
            right:0;
            top:50%;
            transform: translate(0,-50%);
        }
        .aboutus #sec2 .cont1 > div:nth-child(3) {
            left:50%;
            bottom:0;
            transform: translate(-50%,0);
        }
        .aboutus #sec2 .cont1 > div:nth-child(4) {
            left:0;
            top:50%;
            transform: translate(0,-50%);
            padding-top:35px;
        }
            .aboutus #sec2 .cont1 > div > div {
                padding-left:62px;
            }
        
        .aboutus #sec2 .cont1 > .part3 > p {
            position:absolute;
            left:0;
            bottom:102px;
            padding:0 30px;
            width:100%;
        }
        
        .aboutus #sec2 .cont1 ul {
            position:absolute;
            left:0;
            bottom:20px;
            padding:0 30px;
            width:100%;
        }
        .aboutus #sec2 .cont1 > div:nth-child(1) ul {
            padding-right:18px;
        }
}





.aboutus #sec3 .cont1 {
    margin-top:60px;
    width:100%;
}
    .aboutus #sec3 dl {
        margin-bottom:10px;
        width:100%;
    }
        .aboutus #sec3 dt {
            margin-bottom:15px;
            padding:20px 0;
            width:100%;
            font-size:22px;
            letter-spacing:0.05em;
            font-weight:500;
            text-align:center;
            background:#E6E0D0;
        }
            .aboutus #sec3 dt span:first-child {
                display:inline-block;
                margin-right:10px;
                font-size:18px;
            }
            .aboutus #sec3 dt span:last-child {
                display:inline-block;
                font-size:16px;
            }
            
        .aboutus #sec3 dd {
            position:relative;
            margin-bottom:8px;
            padding:20px 0 20px 34px;
            width:100%;
            font-size:16px;
            letter-spacing:0.05em;
            text-align:left;
            background:#FFF;
        }
        .aboutus #sec3 dd a {
            text-decoration:underline;
        }
        .aboutus #sec3 dd:last-child {
            margin-bottom:0;
        }
            .aboutus #sec3 dd:before {
                display:inline-block;
                position:absolute;
                left:17px;
                top:25px;
                width:8px;
                height:8px;
                background:#E6E0D0;
                content:'';
            }

@media screen and (min-width: 1024px) {
        .aboutus #sec3 dd a:hover {
            text-decoration:none;
        }
}




    

@media screen and (max-width: 767px) {
    .aboutus .bgWrap {
        padding-bottom:34vw;
    }
    .aboutus .innerPtn1 {
        padding-bottom:17vw;
    }
    
    .aboutus .innerPtn1 .headingPtn1 {
        margin-left:auto;
        margin-right:auto;
        width:84%;
    }
    
    .aboutus section.area .innerPtn1 > p {
        margin-left:auto;
        margin-right:auto;
        padding:0;
        width:84%;
    }
    
    .aboutus section.area .innerPtn2 > p {
        margin-left:auto;
        margin-right:auto;
        padding:0;
        width:92%;
    }

    .aboutus h3 {
        margin:0 auto 5.3vw auto;
        width:92%;
        font-size:5.3vw;
    }

    .aboutus .innerPtn1 > p,
    .aboutus .innerPtn2 > p,
    .aboutus #sec3 p {
        font-size:3.8vw;
    }


    .aboutus #sec1 .cont1 {
        display:block;
        margin:6vw auto 0 auto;
        width:84%;
    }

        .aboutus #sec1 .cont1 div {
            position:relative;
            margin-bottom:8vw;
            padding:80px 8vw 11vw 8vw;
            width:100%;
            height:auto;
        }
            .aboutus #sec1 .cont1 div:before {
                padding:20px 0;
                width:42px;
                font-size:4.8vw;
            }

            .aboutus #sec1 .cont1 .ttl {
                margin-bottom:30px;
                font-size:4.8vw;
            }
                .aboutus #sec1 .cont1 .ttl span {
                    font-size:5.8vw;
                }

            .aboutus #sec1 .cont1 .txt {
                font-size:3.8vw;
            }




    .aboutus section#sec2.area .innerPtn1 > p {
        margin-left:auto;
        margin-right:auto;
        padding:0;
        width:92%;
    }

    .aboutus #sec2 .cont1 {
        margin:60px auto 0;
        width:92%;
        height:auto;
    }
        .aboutus #sec2 .cont1 > div {
            position:relative;
            margin-bottom:70px;
            padding:10vw 8vw;
            width:100%;
            height:auto;
            border-radius:13px;
        }
        .aboutus #sec2 .cont1 > div:last-child {
            margin-bottom:30px;
        }
            .aboutus #sec2 .cont1 > div:after {
                position:absolute;
                left:50%;
                bottom:-28px;
                transform: translate(-50%,0);
                width:23px;
                height:45px;
                background:url(../img/aboutus/sec2_icon6.svg) 0 0 no-repeat;
                backgorund-size:100% auto;
                content:'';
            }
            .aboutus #sec2 .cont1 > div:last-child:after {
                background:url() 0 0 no-repeat;
            }
            .aboutus #sec2 .cont1 > div > div {
                position:relative;
                margin-bottom:6vw;
                text-align:left;
            }
                .aboutus #sec2 .cont1 > div > div:before {
                    left:50%;
                    top:-59px;
                    transform: translate(-50%,0);
                    width:46px;
                    height:46px;
                    font-size:4vw;
                }
                
                .aboutus #sec2 .cont1 > div:nth-child(1) > div:after {
                    width: 11vw;
                    height: 60px;
                    right: 4vw;
                    top: 8.1vw;
                }
                .aboutus #sec2 .cont1 > div:nth-child(2) > div:after {
                    width: 13vw;
                    height: 60px;
                    right: 0;
                    top: 7vw;
                }
                .aboutus #sec2 .cont1 > div:nth-child(3) > div:after {
                    width: 18vw;
                    height: 60px;
                    right: -2vw;
                    top: 11vw;
                }
                .aboutus #sec2 .cont1 > div:nth-child(4) > div:after {
                    width: 12vw;
                    height: 60px;
                    right: -1vw;
                    top: 2vw;
                }
                .aboutus #sec2 .cont1 > div > div h4 {
                    font-size:4.3vw;
                }
                .aboutus #sec2 .cont1 > div > div p {
                    font-size:4vw;
                }

            .aboutus #sec2 .cont1 > div > p {
                margin-bottom:2vw;
                font-size:3.8vw;
                line-height:1.8;
            }
            .aboutus #sec2 .cont1 li {
                padding-left:20px;
                font-size:3.8vw;
            }
                .aboutus #sec2 .cont1 li:before {
                    left:0;
                    top:7px;
                    width:3.8vw;
                    height:15.55px;
                    content:'';
                }




    .aboutus section#sec3.area .innerPtn1 > p {
        margin-left:auto;
        margin-right:auto;
        padding:0;
        width:92%;
    }
    .aboutus #sec3 .cont1 {
        margin:30px auto 0;
        width:92%;
    }
        .aboutus #sec3 dl {
            margin-bottom:10px;
        }
            .aboutus #sec3 dt {
                margin-bottom:15px;
                padding:40px 0;
                font-size:5.8vw;
            }
                .aboutus #sec3 dt span:first-child {
                    margin-right:10px;
                    font-size:4.3vw;
                }
                .aboutus #sec3 dt span:last-child {
                    font-size:3.8vw;
                }

            .aboutus #sec3 dd {
                margin-bottom:8px;
                padding:4vw 0 4vw 34px;
                font-size:3.8vw;
                line-height:1.8;
            }
                .aboutus #sec3 dd:before {
                    left:17px;
                    top:6.6vw;
                    width:2vw;
                    height:2vw;
                }
}