@charset "utf-8";







.secCmnSubTit.top {

    margin-top: 70px;

    letter-spacing: 3px;

}

@media only screen and (max-width:1023px){

    .secCmnSubTit.top {

        margin-top: 40px;

        letter-spacing: 0px;

    }

}

/* secHero */

.secHero{

    position: relative;

    padding: 128px 0 43px;

}

.secHero .boxTxt{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    color: #003656;

}

.secHero .txt01{

    font-weight: 600;

    font-size: 22px;

    letter-spacing: 2px;

}

.secHero .txt02{

    font-size: 100px;

    letter-spacing: 18px;

    margin-top: 25px;

}

.secHero .txt03{

    font-size: 28px;

    line-height: 2;

    letter-spacing: 4px;

    margin-top: 25px;

    position: relative;

    text-align: center;

}

@media only screen and (max-width:1023px){

    .secHero{

        padding: 50px 0 6px;

    }

    .secHero .txt01{

        font-size: 13px;

        letter-spacing: 0.5px;

    }

    .secHero .txt02{

        font-size: 40px;

        letter-spacing: 6px;

        margin-top: 15px;

    }

    .secHero .txt03{

        font-size: 12px;

        line-height: 1.85;

        letter-spacing: 1px;

        margin-top: 17px;

        font-weight: bold;

    }

}



/* secTopList */

.secTopList{

    margin-top: 56px;

}

.secTopList .list{

    display: flex;

    padding: 0 10px;

}

.secTopList .item:nth-child(1){

    width: calc((599 / 1380) * 100%);

    padding-top: 13px;

}

.secTopList .item:nth-child(2){

    width: calc((781 / 1380) * 100%);

    padding-left: calc((150 / 1380) * 100%);

}

.secTopList .img img{

    width: 100%;

    height: auto;

}

.secTopList .txt{

    font-size: 16px;

    line-height:2.43 ;

    letter-spacing: 1px;

}

.secTopList .txt.tx02{

    margin-top: 20px;

}

.secTopList .txt.tx08{

    margin-top: 39px;

    text-align: right;

    padding-right: 15px;

    letter-spacing: 1.5px;

}

.secTopList .txtName{

    font-size: 20px;

}

@media only screen and (max-width:1300px){

    .secTopList .item:nth-child(1){

        width: calc((499 / 1380) * 100%);

    }

    .secTopList .item:nth-child(2){

        width: calc((881 / 1380) * 100%);

        padding-left: calc((100 / 1380) * 100%);

    }

}

@media only screen and (max-width:1023px){

    .secTopList{

        margin-top: 24px;

    }

    .secTopList .list{

        display: block;

        padding: 0;

    }

    .secTopList .item:nth-child(1){

        width: 100%;

        height: 0;

        padding-top: 110.145%;

        position: relative;

        overflow: hidden;

    }

    .secTopList .item:nth-child(1) img{

        width: 100%;

        height: auto;

        position: absolute;

        bottom: -20%;

        left: 0;

    }

    .secTopList .item:nth-child(2){

        width:100%;

        padding-left:0px ;

    }

    .secTopList .txt{

        font-size: 12px;

        line-height:2;

        margin-top: 26px;

        letter-spacing: 0;

    }

    .secTopList .txt.tx02{

        margin-top: 20px;

    }

    .secTopList .txt.tx08{

        margin-top: 26px;

        padding-right: 0px;

        letter-spacing: 0.5px;

    }

    .secTopList .txtName{

        font-size: 14px;

    }

}



.secCmnSubTit.ti02{

    margin-top: 138px;

}

@media only screen and (max-width:1023px){

    .secCmnSubTit.ti02{

        margin-top: 74px;

    }

}



/* secList */

.secList{

    margin-top: 35px;

}

.secList .list{

    display: flex;

    justify-content: center;

    padding: 0 30px 0 10px;

}

.secList .leftList{

    display: flex;

    padding-top: 68px;

}

.secList .topTit{

    font-size: 16px;

    text-align: center;

}

.secList .name{

    font-size: 38px;

    font-weight: normal;

    padding-top: 17px;

    letter-spacing: 3px;

    text-align: center;

}

.secList .spanName{

    display: block;

    font-size: 16px;

    letter-spacing: 1px;

    text-align: center;

    margin-top: 17px;

}

.secList .tit{

    font-size: 16px;

    line-height: 2.86;

    font-weight: bold;

    font-style: oblique;

    letter-spacing: 2px;

}

.secList .tit.ti17{

    padding-top: 47px;

}

.secList .tit.ti07{

    padding-left: 110px;

}



.secList .txt{

    font-size: 16px;

    line-height: 2.86;

    padding-left: 49px;

    letter-spacing: 0.5px;

}

.secList .spanLeft{

    padding-left: 17px;

}

.secList .underTxt{

    font-size: 26px;

    line-height: 2.31;

    color: #003656;

    text-align: center;

    padding: 130px 0 284px;

    letter-spacing: 4px;

}

.secList .photo img {
	padding-left: 49px;
	max-width:480px;
}



@media only screen and (max-width:1435px){

    .secList .tit.ti07{

        padding-left: 90px;

    }

    .secList .spanLeft {

        padding-left: 12px;

    }

}

@media only screen and (max-width:1200px){

    .secList .txt{

        padding-left: 25px;

    }

}

@media only screen and (max-width:1023px){

    .secList{

        margin-top: 24px;

    }

    .secList .list{

       flex-direction: column-reverse;

        padding: 0 ;

    }

    .secList .item:nth-child(1){

        width: 100%;

        padding-right: 0px;

    }

    .secList .leftList{

       display: block;

       padding: 40px 0px 0 15px

    }

    .secList .topTit{

        font-size: 12px;

        text-align: center;

        padding-top: 0;

    }

    .secList .name{

        font-size: 24px;

        padding-top: 10px;

        letter-spacing: 1px;

        text-align: center;

    }

    .secList .spanName{

        font-size: 10px;

        bottom: unset;

        left: unset;

        letter-spacing: 1px;

        display: block;

        margin-top: 10px;

    }

    .secList .tit{

        font-size: 11px;

        line-height: 1.82;

        letter-spacing: 0px;

        position: relative;

    }

    .secList .tit::before{

        position: absolute;

        content: "";

        background: #003656;

        height: 1px;

        width: 4px;

        left: -8px;

        top: 11px;

    }

    .secList .tit.ti02{

        padding-top: 5px;

        position: relative;

    }

    .secList .tit.ti03{

        padding-top: 0px;



    }

    .secList .tit.ti04{

        padding-top: 0px;

    }

    .secList .tit.ti02::before{

        top: 16px;

    }

    .secList .tit.ti17{

        padding-top: 5px;

    }

    .secList .tit.ti17::before{

        top: 16px;

    }

    .secList .tit.ti07{

        padding-left: 0px;

        position: relative;

    }

    .secList .tit.ti07::before{

        display: none;

    }

    .secList .txt{

        font-size: 11px;

        line-height: 1.82;

        padding-left: 0px;

        letter-spacing: 0.5px;

    }

    .secList .txt.tx01{

        padding-left: 60px;

        letter-spacing: 0;

    }

    .secList .txt.tx02{

        position: relative;

        top: 5px;

        left: 13px;

    }

    .secList .txt.tx03{

        position: relative;

        top: 0px;

        left: 13px;

    }

    .secList .flBox{

        display: flex;

        position: relative;

        bottom: 7px;

        left: 4px;

    }

    .secList .spanLeft{

        padding-left: 0px;

        position: relative;

        bottom: -20px;

        left: -34px;

        letter-spacing: 1px;

    }

    .secList .underTxt{

        font-size: 14px;

        line-height: 2.13;

        padding: 85px 0 142px;

        letter-spacing: 1px;

        font-weight: bold;

    }


	.secList .photo img {
		margin:10px;
		padding-left: 0;
		width:100%;
	}


}

@media only screen and (max-width:359px){

    .secList .leftList {

        padding: 30px 0px 0 15px;

    }

    .secList .txt {

        font-size: 10px;

    }

}