
@media(max-width:750px){

}



.beyondCopy{padding: 100px 0 0;}
.beyondCopy header{ display: flex;align-items: center; width: 700px;margin: 0 auto;}
.beyondCopy header h2{ display: inline;
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.beyondCopy header:before{
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #80003f;
}
.beyondCopy header:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #ca0064;
}

.beyondCopy header:before {
    margin-right: 1rem;
}

.beyondCopy header:after {
    margin-left: 1rem;
}

.ig04{ width: 900px; margin: 0 auto;}


@media(max-width:750px){
    .beyondCopy header{ width: auto;margin: 0 auto;}
    .beyondCopy header h2{ font-size: 30px;}
    .ig04{ width: auto; margin: 0 ;}
}





@media(min-width:751px){
.topIg{ width: 820px; margin: 0 auto; position: relative;}
.cclArea{ width: 380px; height: 380px; position:relative;}
.cclArea .ccBox{ width: 380px; height: 380px; position: absolute; left: 0; top: 0;z-index: 1;}

.ccShadow{ width: 430px; z-index: 0; position: absolute; top: 30px;}

.ccBase{ width: 100%; height: 100%; position: absolute;}
.ccRing{ width: 100%; height: 100%; position: absolute;}

.ccCenter{ width: 150px; height: 150px;z-index: 2; position: absolute;
    top: 50%;left: 50%;transform: translate(-50%, -50%);
}

.clogo{
    width: 55%; position: absolute;z-index: 3;
    top: 50%;left: 50%;transform: translate(-50%, -50%);
}

.ccPoints{ z-index: 3; position:relative}
.ccPoints li{ position: absolute; width: 100px;}
.ccPoints li img{position: relative;}
.ccPoints .pIcon01{  left: 0; right: 0; top: 40px; margin: auto;}
.ccPoints .pIcon02{  right: 50px; top: 220px; margin: auto;}
.ccPoints .pIcon03{  left: 50px; top:220px; margin: auto; }

.pArea{ width: 500px; position: absolute; top: 20px;z-index: 2;}
.pArea dl{ width: 450px; position: relative;}
.pArea dt{ width: 180px;}
.pArea dd{ width: 360px;}

.p01Body{ left: 360px; margin-bottom: 15px;}
.p02Body{ left: 400px; margin-bottom: 15px;}
.p03Body{ left: 440px;}

/*action*/

.ccBase img{ opacity: 0; transform: rotate(180deg); position: relative;} /*to zero*/
.ccRing img{ opacity: 0; transform: rotate(-20deg); scale: 0.92; } /*to zero*/
.ccPoints .pIcon01 img{opacity: 0; top: 20px;} /*to zero*/
.ccPoints .pIcon02 img{opacity: 0; top: 20px;} /*to zero*/
.ccPoints .pIcon03 img{opacity: 0; top: 20px;} /*to zero*/

.ccShadow img{ opacity: 0;}/*to 1*/
.cMinCcl{ opacity: 0;}/*to 1*/
.clogo{ opacity: 0;}/*to 1*/

.p01Body dt img{opacity: 0; position:relative; left: 20px;}/*to zero*/
    .p01Body dd img{opacity: 0; position:relative; right: 20px;}/*to zero*/
.p02Body dt img{opacity: 0; position:relative; left: 20px;}/*to zero*/
    .p02Body dd img{opacity: 0; position:relative; right: 20px;}/*to zero*/
.p03Body dt img{opacity: 0; position:relative; left: 20px;}/*to zero*/
    .p03Body dd img{opacity: 0; position:relative; right: 20px;}/*to zero*/

}



@media(max-width:750px){

    .topIg{ width: auto; margin: 0 auto; position: relative; overflow: hidden;}
    .cclArea{ width: 650px; height: 650px; position:relative;}
    .cclArea .ccBox{ width: 650px; height: 650px; position: absolute; left: 0; top: 0;z-index: 1;}
    
.ccShadow{ width: 100%; z-index: 0; position: absolute; top: 100px; left:20px ;}

    .ccBase{ width: 100%; height: 100%; position: absolute;}
    .ccRing{ width: 100%; height: 100%; position: absolute;}
    
    .ccCenter{ width: 260px; height: 260px;z-index: 2; position: absolute;
        top: 50%;left: 50%;transform: translate(-50%, -50%);}
    
    .clogo{
        width: 55%; position: absolute;z-index: 3;
        top: 50%;left: 50%;transform: translate(-50%, -50%);}
    
    .ccPoints{ z-index: 3; position:relative}
    .ccPoints li{ position: absolute; width: 160px;}
    .ccPoints .pIcon01{  left: 0; right: 0; top: 80px; margin: auto;}
    .ccPoints .pIcon02{ right: 80px; top: 370px; margin: auto; }
    .ccPoints .pIcon03{  left: 80px; top:370px; margin: auto;}
    
    .pArea{ width: auto; margin:0 20px; position: relative; top: 0;z-index: 2;}
    .pArea dl{ width: auto; position: relative;}
    .pArea dt{ width: 300px;}
    .pArea dd{ width: auto;}
    
    .p01Body{ left: 0; margin-bottom: 15px;}
    .p02Body{ left: 0; margin-bottom: 15px;}
    .p03Body{ left: 0;}

/*action*/

.ccBase img{ opacity: 0; transform: rotate(180deg);} /*to zero*/
.ccRing img{ opacity: 0; transform: rotate(-20deg); scale: 0.92; } /*to zero*/
.ccPoints .pIcon01 img{opacity: 0; top: 20px;} /*to zero*/
.ccPoints .pIcon02 img{opacity: 0; top: 20px;} /*to zero*/
.ccPoints .pIcon03 img{opacity: 0; top: 20px;} /*to zero*/

.ccShadow img{ opacity: 0;}/*to 1*/
.cMinCcl{ opacity: 0;}/*to 1*/
.clogo{ opacity: 0;}/*to 1*/

.p01Body dt img{opacity: 0; position:relative; left: 20px;}/*to zero*/
    .p01Body dd img{opacity: 0; position:relative; right: 20px;}/*to zero*/
.p02Body dt img{opacity: 0; position:relative; left: 20px;}/*to zero*/
    .p02Body dd img{opacity: 0; position:relative; right: 20px;}/*to zero*/
.p03Body dt img{opacity: 0; position:relative; left: 20px;}/*to zero*/
    .p03Body dd img{opacity: 0; position:relative; right: 20px;}/*to zero*/

}







.beyondTxt01{ text-align: center;padding:50px 0 20px; font-weight: 700; font-size: 20px; letter-spacing: 0.1em;}

.beyondTxt02{text-align: center;padding:50px 0 20px; font-weight: 700; font-size: 20px; letter-spacing: 0.1em;}




@media(max-width:750px){

    .beyondTxt01{ text-align: center;padding:50px 0 20px; font-weight: 700; font-size: 26px; letter-spacing: 0.1em;}

    .beyondTxt02{text-align: center;padding:50px 0 20px; font-weight: 700; font-size: 28px; letter-spacing: 0.1em;}
    

}




.beyondSTFS{

    padding-top: 100px;
    border-top: 1px solid #ccc;
    margin-top: 100px;
}

.beyondSTFS >.inner{width: auto; margin:0 auto; position: relative;margin-top: -50px;}

.memMV{width:auto; position: relative;}
.memMV .memGrad{
    background: rgb(250,180,246);
    background: linear-gradient(0deg, rgb(100, 100, 100) 5%, rgba(100,100,100,0.0) 66%);
position:absolute; width: 0; height: 550px;}
.memMV .memGrad2{
    background: rgb(67, 27, 196);
    background: linear-gradient(0deg, rgb(62, 64, 198) 5%, rgba(254,247,255,0.0) 66%);
position:absolute; width: 100%; height: 550px; opacity: 0;}
.beyondSTFS .memGrad{}




@media(max-width:750px){

}





.memMV .inner{ width: 1200px; height: 500px; margin: 0 auto; position: relative; top: 50px;}

.memMV ul { height: 500px; position: relative; overflow: hidden;}
.memMV ul li img{height: 500px; width:auto;display: block; position:absolute; bottom: 0;margin-top: 20%;}
.memMV ul li{  }

.memMV ul li img.sta01{ left:120px;}
.memMV ul li img.sta02{ left:320px;}
.memMV ul li img.sta03{ left:490px;}
.memMV ul li img.sta04{ right:320px;}
.memMV ul li img.sta05{ right:120px;}

.memMV ul li img{ opacity: 0; bottom: -30px;}

.memMV h2{ z-index: 3; position: absolute; bottom: -10px; display: block; }

.beyondSTFS h3{border-bottom: 2px solid #80003f; width: 800px; margin: 0 auto;text-align: center;
font-size: 30px; font-weight: 700;padding-bottom: 20px; margin-top: 150px; margin-bottom: 50px;}
.beyondSTFS h3 span{}

.beyondSTFS .bysTxt01{ text-align: center; font-size: 20px; margin-bottom:1.5em;}
.beyondSTFS .bysTxt02{text-align: center; font-size: 20px; margin-bottom:1.5em; line-height: 1.8em;}
.beyondSTFS .bysTxt03{text-align: center; font-size: 26px; margin-bottom:130px;}


@media(max-width:750px){

    .memMV .inner{ width: auto; height: 500px; margin: 0 auto; position: relative; top: 50px;}

    .memMV ul li img.sta01{ left:50px;}
    .memMV ul li img.sta02{ left:180px;}
    .memMV ul li img.sta03{ left:270px;}
    .memMV ul li img.sta04{ right:160px;}
    .memMV ul li img.sta05{ right:30px;}
    
.beyondSTFS h3{border-bottom: 2px solid #80003f; width: auto; margin: 0 50;text-align: center;
    font-size: 30px; font-weight: 700;padding-bottom: 20px; margin-top: 150px; margin-bottom: 50px;}

    
.beyondSTFS .bysTxt01{ text-align: center; font-size: 26px; margin-bottom:1.5em;}
.beyondSTFS .bysTxt02{text-align: center; font-size: 26px; margin-bottom:1.5em; line-height: 1.8em;}
.beyondSTFS .bysTxt03{text-align: center; font-size: 32px; margin-bottom:130px;}


}









.ceoMessage{ border-top: 1px solid #ccc;padding-top: 100px; margin-bottom: 100px;}

.ceoMessage header{}
.ceoMessage header h2{
    text-align: center;
    font-size: 40px;
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 0px;
    font-weight: 900;
    font-family: "Hind Madurai", sans-serif;
    letter-spacing: 0.1em;
    line-height: 1.4em;
}

.ceoMessage header p{font-size: 50px; font-weight: 300; text-align: center;margin-bottom: 100px;}

@media(max-width:750px){
    .ceoMessage header h2{text-align: left;margin: 0 50px 0;}
    .ceoMessage header p{font-size: 36px; font-weight: 300; text-align: left; text-indent:-0.5em ; margin:0 50px 100px;}
}




.ceoImgArea{ position:absolute; width:900px; right: 0;
    pointer-events: none;
    left: 0;
    margin: 0 auto; z-index: 2;}

.ceoImgArea >.inner{ width: 200px;margin: 0 0 0 auto; position: relative;right: 0;}


@media(max-width:750px){
    .ceoImgArea{ position:absolute; width:auto; }
    .ceoImgArea >.inner{ width: 190px;margin: 0 0 0 auto; position: relative;right: 20px;}
}





.NameArea{
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    width: 110px;height: 110px;
    color: #fff;
    border-radius: 50%;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position:absolute; left: -60px; top: 0px;
}

.busho{ line-height: 1.3em; font-size: 14px;font-family: "Hind Madurai", sans-serif; margin-bottom: -0em !important;padding-bottom: 0;}
.Name{ font-weight: bold;margin-bottom: -5px !important;}


@media(max-width:750px){
    .NameArea{width: 170px;height: 170px;left: 15px; top: -240px;}
    .busho{ font-size: 24px;}
    .Name{ font-size: 27px;}
    .profImage{ width: 70%; margin: 0 auto;}
}




.ceoMsBox{ position: relative;}

.ceoMsBox .rect{ width: 1000px; height: 50px; position: absolute; top: 0; left: 0;  opacity: 0;
    transform: skewX(-30deg);
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.0) 0%, rgb(192,6,99) 51%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.0) 0%, rgb(192,6,99) 51%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.0) 0%, rgb(192,6,99) 51%, rgb(202,0,100) 100%);
    z-index:-1;
left: -350px;
top:0;
}

.ceoMsBox .caMsInner{ width: 1000px; margin: 0 auto; z-index: 1; position: relative;}
.ceoMsBox .caMsInner h3{ color: #fff; height: auto; font-size: 24px;
   position:relative; font-style: italic;padding-top: 15px; opacity: 0;}
   .ceoMsBox .caMsInner h3 span{ position: relative; bottom: 0;}
.ceoMsBox .caMsInner p{padding: 20px 0 40px; font-size: 15px; opacity: 0; top: 10px; position: relative;}

.ceoMsBox .caMsInner h3 ruby{position: relative;}
.ceoMsBox .caMsInner h3 ruby >rt{ font-size:45%; text-align: center;}

_:lang(x)+_:-webkit-full-screen-document, .ceoMsBox.cia02 .caMsInner h3{top: -10px; position: relative;}
_::-webkit-full-page-media, _:future, :root .ceoMsBox.cia02 .caMsInner h3{top: -10px; position: relative;}
_:lang(x)+_:-webkit-full-screen-document, .ceoMsBox .caMsInner h3 ruby >rt{translate:0 1em;}
_::-webkit-full-page-media, _:future, :root .ceoMsBox .caMsInner h3 ruby >rt{translate:0 1em;}



@media(max-width:750px){

    .ceoMsBox{ margin-bottom: 50px;}

    .ceoMsBox .rect{ width: 100%; height: 60px; left: -0px;}
    .ceoMsBox .caMsInner{ width: auto; margin: 0 50px; z-index: 1; position: relative;}
    .ceoMsBox .caMsInner h3{height: 50px; font-size: 23px;padding-top: 15px;}
    .ceoMsBox .caMsInner p{padding: 20px 170px 40px 0px; font-size: 24px;}



}





.value5{ width: auto; margin: 0 auto 150px; border-top: 1px solid #ccc; padding-top: 100px;}
.value5 >.inner{ width: 1100px; margin: 0 auto;}
.valueIntro{ text-align: center; font-size: 20px; font-weight: 900; margin-bottom: 50px;}


@media(max-width:750px){

    .value5{ width: auto; margin: 100px auto 100px;}
    .value5 >.inner{ width: auto; margin: 0 auto;}
    .valueIntro{  font-size: 26px; font-weight: 900; margin-bottom: 50px;}

}





.valueList{}
.valueList{ display: table;margin-bottom: 20px; width:800px; margin:0 auto 20px;}
.valueList dt{
    position:relative;overflow: hidden;
    text-align: center;
    display: table-cell;width:240px;height: 160px;vertical-align: middle; color: #fff; font-size: 20px;
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    padding: 2px;
    font-weight: 900;
    font-family: "Hind Madurai", sans-serif;
}
.valueList dt div{border: 1px solid #f8d3e6; height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.valueList dt img{ width: 70px; margin-bottom: 10px; position: absolute; left: 0; top: 0;}
.valueList dt span{ display: block; font-size: 30px; line-height: 1.4em; font-weight: 500; font-style: italic; letter-spacing: -0.04em;}
.valueList dd{ display: table-cell;vertical-align: middle;padding: 20px; background: #efefef; font-size: 15px;}
.valueList dd p:last-child{margin-bottom: 0;}

.valueList dd h3{ font-size: 25px; font-style: italic; margin-bottom: 0.5em; font-weight: 700;}

   
@media(max-width:750px){
    .valueList{ display: block;margin-bottom: 20px; width: auto; margin: 0 50px; }
    .valueList dt{
        text-align: center;
        display: block;width:auto;height: auto;vertical-align: middle; color: #fff; font-size: 30px;
        padding: 4px;
    }
    .valueList dt div{
        padding: 20px;
        display: block;
    }
    .valueList dt img{ width: auto;height: 100%; margin-bottom: 10px; position: absolute; top: 0;margin-right: 10px;}
    .valueList dt span{ display: inline-block;}
    .valueList dt span {font-size: 140%;}
    .valueList dd{ display: block;vertical-align: middle;padding: 50px; background: #efefef; font-size: 24px;}  

    .valueList dd h3{ font-size: 35px; font-style: italic; margin-bottom: 0.5em; font-weight: 700;}

}
    







header.careerContHeader{text-align: center;border-bottom: 1px solid #80003f;margin-bottom: 100px;padding-bottom: 0;}
header.careerContHeader p{display:inline-block;    
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
font-size: 90px;
font-weight: 900;
font-family: "Hind Madurai", sans-serif;
letter-spacing: 0.1em;
line-height: 1em;
}

header.careerContHeader h2{ display: inline-block; font-weight: 300; font-size: 32px;padding-left: 0.4em;}

@media(max-width:750px){

}



.styleArea{padding-top: 50px;}
.styleContHeader{}
.styleContHeader h2{font-size: 36px; text-align: center; font-weight: bold; font-style: italic; font-weight: 900;
margin-bottom: 90px; line-height: 1.8em;}
.styleContHeader h2 span{ letter-spacing: 0.1em;}

.styleIntroTxt01{ text-align: center; line-height: 2em;}
.styleIntroTxt02{ text-align: center; font-size: 20px; font-weight: 900; padding-bottom: 80px;}
.styleIntroTxt02 span{ border-bottom: 3px solid #b8045e; display: inline-block; padding: 0 5px;}
.styleIntroTxt03{ text-align: center; font-size: 20px; font-weight: 500; padding-bottom: 80px;}


@media(max-width:750px){

    .styleContHeader h2{font-size: 44px; text-align:center; line-height: 1.5em;
        margin-bottom:50px;}
        .styleIntroTxt01{ text-align: center; line-height: 2em;font-size: 26px; margin-bottom: 50px;}
        .styleIntroTxt02{ text-align: center; font-size: 28px; font-weight: 900; padding-bottom: 50px; line-height: 2em;}
        .styleIntroTxt02 span{ border-bottom: 3px solid #b8045e; display: inline-block; padding: 0;}
        .styleIntroTxt03{ text-align: center; font-size: 26px;  padding-bottom: 80px;}
        
}



















.drawingNewChapter{padding-top: 0; position:relative; background: #fff; }
.drawingNewChapter .dncBody{ width: 900px; margin: 0 auto;position: relative; z-index: 2; margin-top: 300px;}
.drawingNewChapter {}

.dncInner{overflow: hidden;position:relative; }
.gradCover{ width: 100%; position: absolute; height: 60px; top: -30px; z-index: 3;
    background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
}

.entryBG{ position:absolute; width: 100%; scale: 1.2;
    transform-origin: 60% 20%;animation: yurayura4 20s ease-in-out infinite; top: 50px;
}

.entryBG2{ position:absolute; width: 100%; scale: 1.2;
    transform-origin: 80% 30%;animation: yurayura5 20s ease-in-out infinite; top: 50px;
}


@media(max-width:750px){
    .entryBG,.entryBG2{
        top: 0px;
    }    
}

@keyframes yurayura4 {
    0% , 100%{transform: rotate3d(0, 0, 0, 0deg); height: auto; opacity: 1;}
    50%{transform: rotate3d(-01, -0.4, -0.2, 40deg); height: auto;  opacity: 0.7;}
}

@keyframes yurayura5 {
    0% , 100%{transform: rotate3d(-0.5, 0, 0, 0deg);  height: auto;   opacity: 0.4;}
    50%{transform: rotate3d(0.5, 1, -0.4, 30deg); height: auto; opacity: 1;}
}



.entryContHeader{}
.entryContHeader h2{
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,1) 0%, rgb(192,4,99) 70%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,1) 0%, rgb(192,4,99) 70%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,1) 0%, rgb(192,4,99) 70%, rgb(202,0,100) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-family: "Hind Madurai", sans-serif;
    font-size: 80px; line-height: 1.2em;
    margin-bottom: 4px;
}

.entryContHeader p{ font-style: italic; font-size: 24px;font-weight: 900;letter-spacing: 0.05em;margin-bottom: 50px;}

@media(max-width:750px){
    .drawingNewChapter {}
    .drawingNewChapter .dncBody{ width: auto; margin: 0 50px;margin-top: 150px;}
    .entryContHeader p{ font-style: italic; font-size: 35px;}
    .dncInner{}

}



p.entryContTxt{ margin-bottom: 50px;font-size: 18px;}

.drawingNewChapter ul{margin-bottom: 40px;}
.drawingNewChapter ul li{display:block;padding-left: 40px;padding-bottom: 30px;font-size: 20px;font-weight: 900;}

.drawingNewChapter ul li.icon01{background: url(/common/images/icon/icon01.png) no-repeat left top;background-size: 28px;}
.drawingNewChapter ul li.icon02{background: url(/common/images/icon/icon02.png) no-repeat left top;background-size: 28px;}
.drawingNewChapter ul li.icon03{background: url(/common/images/icon/icon03.png) no-repeat left top;background-size: 28px;}
.drawingNewChapter ul li.icon04{background: url(/common/images/icon/icon04.png) no-repeat left top;background-size: 28px;}
.drawingNewChapter ul li.icon05{background: url(/common/images/icon/icon05.png) no-repeat left top;background-size: 28px;}

.dncTxt01{font-size: 18px;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 50px;}
.dncTxt02{font-size: 22px;font-weight: 900;letter-spacing: 0.05em;margin-bottom: 50px;}


@media(max-width:750px){
    p.entryContTxt{ margin-bottom: 50px;font-size: 26px;}
    .drawingNewChapter ul li{ font-size: 30px; line-height: 1.5em;padding-left: 60px;}
    .drawingNewChapter ul li.icon01{background: url(/common/images/icon/icon01.png) no-repeat left 5px;background-size: 35px;}
    .drawingNewChapter ul li.icon02{background: url(/common/images/icon/icon02.png) no-repeat left 5px;background-size: 35px;}
    .drawingNewChapter ul li.icon03{background: url(/common/images/icon/icon03.png) no-repeat left 5px;background-size: 35px;}
    .drawingNewChapter ul li.icon04{background: url(/common/images/icon/icon04.png) no-repeat left 5px;background-size: 35px;}
    .drawingNewChapter ul li.icon05{background: url(/common/images/icon/icon05.png) no-repeat left 5px;background-size: 35px;}

    .dncTxt01{font-size: 26px;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 50px;}
    .dncTxt02{font-size: 34px;font-weight: 900;letter-spacing: 0.05em;margin-bottom: 50px;}
}



















