@charset "utf-8";
/* CSS Document */
.spNone {display: block !important;}
.pcNone {display: none !important;}


#content01 {
    margin-bottom: 0;
}
#content01 .featurecontent h1.titl{
	padding-top: 80px;
	margin-top: 0;
}

/* featurearea
----------------------------------------------------*/
.featurecontent {
    margin: 0 auto;
    padding-bottom: 80px;
}
.featurecontent .tabletxt {
    margin-bottom: 0;
}
.featurearea h2 {
	width: fit-content;
    position: relative;
    margin: 0 auto 1rem;
    padding: 0 4rem;
}
.featurearea h2::before,.featurearea h2::after {
	position: absolute;
    bottom: 0;
    height: 5vw;
    max-height: 75px;
    content: '';
}
.featurearea:nth-child(3) h2::before,.featurearea:nth-child(3) h2::after {
    height: 3vw;
	bottom: -0.25vw;
}
.featurearea h2::before {
    border-left: solid 2px;
    left: 0;
    transform: rotate(-30deg);
}
.featurearea h2::after {
    border-right: solid 2px;
    right: 0;
    transform: rotate(30deg);
}
.functionbox {
    margin-top: 50px!important;
}
.functionbox .f_box video {
    width: 80%;
    border-radius: 6px;
    box-shadow: 1px 1px 3px #848484;
    display: table-cell;
    vertical-align: middle;
    margin: 4% auto;
}
.functionbox .f_box	img.largeimg {
	width: 90%;
}
.springcp_box .titl_txt::before, .springcp_box .titl_txt::after {
    position: absolute;
    bottom: 2px;
    height: 5vw;
    max-height: 75px;
    content: '';
}

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


/* featurearea
----------------------------------------------------*/

   
	
	
}

@media screen and (max-width: 767px) {
  .spNone {display: none !important;}
  .pcNone {display: block !important;}

/* comparearea
----------------------------------------------------*/
#content01 .featurecontent h1.titl {
    padding-top: 10%;
}
.functionarea.featurearea h2 {
    width: 85%!important;
    padding: 0 2%!important;
}
.functionbox {
    margin-top: 6%!important;
}
.featurearea h2::before, .featurearea h2::after {
    height: 10vw;
}
.featurearea:nth-child(3) h2::before, 
.featurearea:nth-child(3) h2::after {
	height: 6vw;
	bottom: 0;
}
.functionbox .f_box video {
    width: 100%;
}
.f_ntc {
	margin-bottom: 10vw!important;
}
	
    
}