@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
body{min-width:1200px; font-family:"pretendard", sans-serif; color:#333; overflow-x:hidden; letter-spacing:-0.05em; line-height:1.45;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}
ul{margin:0; padding:0; list-style:none;}
a{text-decoration:none; color:#333;}

:root{
	--mainColor:#4f37bf;
}


.pc_show{display:block;}
.m_show{display:none;}

.sub-con{padding:120px 0 ; box-sizing:border-box;}
.wrap{width:1400px; margin:0 auto;}

.sub-con .topA{text-align:Center;}
.sub-con .topA span{font-family:'Montserrat'; color:var(--mainColor); text-transform:uppercase; font-size:18px; font-weight:bold;}
.sub-con .topA h1{margin:40px auto 50px;}
.sub-con .topA h4{font-size:55px; margin:50px auto; width:fit-content; position:relative;}
.sub-con .topA h4 strong{color:var(--mainColor);}
.sub-con .topA h4.dot:before, .sub-con .topA h4.dot:after{content:''; display:block; position:absolute; top:0%; width:56px; height:43px;}
.sub-con .topA h4.dot:before{background:url(../img/sub/tit_dot_1.png) center center / cover no-repeat; left:-66px;}
.sub-con .topA h4.dot:after{background:url(../img/sub/tit_dot_2.png) center center / cover no-repeat; right:-66px;}
.sub-con .topA p{font-size:24px;}

.sub-con .imgA{margin:50px auto 0;}
.sub-con .imgA picture{}
.sub-con .imgA picture img{width:100%}

.sub-con section.con{padding:120px 0 120px; box-sizing:border-box;}

.sub-con .conTIT{font-size:55px;text-align:center; }
.sub-con .conTIT strong{color:var(--mainColor);}
.sub-con .conTXT{font-size:20px; text-align:center; margin-top:40px;}



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

body{min-width:auto;}

.pc_show{display:none;}
.m_show{display:block;}
.sub-con{padding:12.00vw 0 ; box-sizing:border-box;}
.wrap{width:92.00vw; margin:0 auto;}

.sub-con .topA{text-align:Center;}
.sub-con .topA span{font-size:3.47vw; font-weight:bold;}
.sub-con .topA h1{margin:5.33vw auto 6.67vw; width:47.73vw}
.sub-con .topA h1 img{width:100%;}
.sub-con .topA h4{font-size:7.33vw; margin:8.00vw auto; width:100%; box-sizing:border-box; padding:0 8.67vw;}
.sub-con .topA h4 strong{}
.sub-con .topA h4.dot:before, .sub-con .topA h4.dot:after{ width:7.47vw; height:5.73vw;}
.sub-con .topA h4.dot:before{background:url(../img/sub/tit_dot_1.png) center center / cover no-repeat; left:0;}
.sub-con .topA h4.dot:after{background:url(../img/sub/tit_dot_2.png) center center / cover no-repeat; right:0;}
.sub-con .topA p{font-size:4.00vw; text-align:justify;}


.sub-con .imgA{margin:6.67vw auto 0;}
.sub-con .imgA picture{}
.sub-con .imgA picture img{width:100%}

picture{width:100%;}
picture img{width:100%}

.sub-con section.con{padding:13.33vw 0 13.33vw; box-sizing:border-box;}

.sub-con .conTIT{font-size:7.33vw;}
.sub-con .conTIT strong{}
.sub-con .conTXT{font-size:4.00vw; text-align:justify; margin-top:8.00vw; hyphens:auto;}


}