@charset "utf-8";
@font-face {
	font-family: 'SimplonNorm-Bold';
	src: url("../fonts/simplonnorm-bold.ttf");
	src: url("../fonts/simplonnorm-bold.ttf") format("truetype"),
	     url("/static/fonts/SimplonNorm-Bold.otf") format("opentype");
}
@font-face {
	font-family: 'SimplonNorm-Medium';
	src: url("../fonts/simplonnorm-medium.ttf");
	src: url("/static/fonts/SimplonNorm-Medium.ttf") format("truetype"),
	     url("/static/fonts/SimplonNorm-Medium.otf") format("opentype");
}
  @font-face {
	font-family: 'SimplonNorm-Regular';
	src: url("/static/fonts/SimplonNorm-Regular.woff");
	src: url("../fonts/simplonnorm-regular.ttf") format("truetype"),
		 url("/static/fonts/SimplonNorm-Regular.otf") format("opentype"),
		 url("/static/fonts/SimplonNorm-Regular.woff") format("woff");
}
@font-face {
	font-family: 'SimplonNorm-Light';
	src: url("../fonts/simplonnorm-light.ttf");
	src: url("../fonts/simplonnorm-light.ttf") format("truetype"),
	     url("/static/fonts/SimplonNorm-Light.otf") format("opentype");
}

.new-index h2, .new-index h3 { margin-bottom: 5%; font-family: 'SimplonNorm-Bold', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.new-index p { font-family: 'SimplonNorm-Regular', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}


/* kv */
.kv { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.kv .swiper { width: 100%; height: auto; margin: 0 auto;}
.kv .swiper-slide { text-align: center;}
.kv .swiper-slide .photo { width: 100%; max-height: 650px; height: 100%; overflow: hidden; position: relative; text-align: center;}
.kv .swiper-slide .photo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: right bottom;}
.kv .swiper-slide .content { width: 100%; height: 100%; margin: 0 auto; position: absolute; z-index: 99; text-align: left;}
.kv .swiper-slide .content.dark { color: #ffffff;}
.kv .swiper-slide .content h2 { margin: 0; font-size: 1.125rem; line-height: 1.5rem; font-family: 'SimplonNorm-Regular', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.kv .swiper-slide .content h3 { margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.5rem; font-family: 'SimplonNorm-Regular', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.kv .swiper-slide .content p { margin: 0; font-size: 3rem; line-height: 3rem; font-family: 'SimplonNorm-Bold', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.kv .swiper-slide .content > div { width: auto; height: 100%; padding: 0 10% 0 60%; display: flex; flex-direction: column; justify-content: center;}
.kv .swiper-slide .content > div .links { margin-top: 2rem;}
.kv .swiper-slide .content > div .btn-link.link-decoration { text-decoration: none;}
.kv .swiper-slide .content > div .btn-link { padding: .6rem 1.7rem; font-size: .875rem; color: #000000; /*background: rgba(78, 126, 13, 1);*/ border: #000000 solid 1px;  border-radius: 99px;}
.kv .swiper-slide .content.dark > div .btn-link { color: #ffffff; border: #ffffff solid 1px;}
.kv .swiper-slide .content > div .btn-link:hover { background: rgba(0, 0, 0, 1); border: rgba(0, 0, 0, 1) solid 1px; color: #ffffff;}
/*.kv .swiper-button-prev, .kv .swiper-button-next { padding: 0 1.5%; background: rgba(0, 0, 0, .3); border-radius: 8px;}
.kv .swiper-button-prev:after, .kv .swiper-button-next:after { font-size: 1rem; color: #ffffff;}*/
.kv .swiper-button-prev, .kv .swiper-button-next { display: none;}
.kv .swiper-button-prev:after, .kv .swiper-button-next:after { display: none;}
.kv .swiper-pagination-bullet { width: 48px; height: 4px;}
.kv .swiper-horizontal > .swiper-pagination-bullets, .kv .swiper-pagination-bullets.swiper-pagination-horizontal, .kv .swiper-pagination-custom, .kv .swiper-pagination-fraction { margin-top: 1%;}
.kv .swiper-pagination { position: initial;}
.kv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .kv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 0;}
.kv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .kv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:active { background: #000000; border-radius: 24px;}

/* category */
.category { width: 100%; padding: 5% 10%; margin: 0 auto; position: relative;}
.category h3 { margin: 2.5vw 2.5vw; font-family: 'SimplonNorm-Regular', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.category .category-wrapper.mobile { display: none;}
.category .category-wrapper { width: 100%; margin: 0 auto; display: inline-flex; flex-wrap: wrap; justify-content: stretch; align-items: stretch; align-content: flex-start; position: relative;}
.category .list { width: 100%; position: relative;}
.category .category-wrapper > .list:nth-child(1) { width: 65.66%; margin-right: 1%; display: flex; flex-wrap: wrap;}
.category .category-wrapper > .list:nth-child(2) { width: 32.33%; margin-left: 1%; display: flex; flex-direction: column; justify-content: space-between;}
.category .category-wrapper > .list:nth-child(1) .item:nth-child(1) { width: 100%; height: 49%;}
.category .category-wrapper > .list:nth-child(1) .item:nth-child(2) { width: 49%; height: 49%; margin-top: 1vw; margin-right: 1%;}
.category .category-wrapper > .list:nth-child(1) .item:nth-child(3) { width: 49%; height: 49%; margin-top: 1vw; margin-left: 1%;}
.category .category-wrapper > .list:nth-child(2) .item { width: 100%;}
.category .category-wrapper > .list:nth-child(2) .item:nth-child(1) { height: 37.5%;}
.category .category-wrapper > .list:nth-child(2) .item:nth-child(2) { height: 37.5%; margin-top: 1vw; margin-bottom: 1vw; padding-bottom: 0;}
.category .category-wrapper > .list:nth-child(2) .item:nth-child(3) { height: 25%;}
.category .item { padding: 6% 0 4% 8%; position: relative; background: #f3f3f3; overflow: hidden; border-radius: 24px;}
.category .item .content { width: 100%; height: auto; position: absolute; top: 0; left: 0; text-align: left;}
.category .item .photo { height: 100%; height: 100%; text-align: right; position: relative; overflow: hidden;}
.category .item .photo img { height: 100%; object-fit: contain; object-position: bottom right;}
.category .item:hover { cursor: pointer;}
.category .item.software:hover { cursor: default;}
.category .item:hover .photo img { transform: scale(105%); transition: 1s;}
.category .category-wrapper > .list:nth-child(1) .item:nth-child(1) .photo img { width: 85%; padding-right: 8%;}
.category .category-wrapper > .list:nth-child(1) .item:nth-child(2) .photo img { width: 85%;}
.category .category-wrapper > .list:nth-child(1) .item:nth-child(3) .photo img { width: 100%; padding-right: 8%;}
.category .category-wrapper > .list:nth-child(2) .item:nth-child(1) .photo img { width: 75%; padding-right: 4%;}
.category .category-wrapper > .list:nth-child(2) .item:nth-child(2) .photo img { width: 75%;}

.category .app { width: 100%; height: 100%; padding-right: 8%; padding-top: 12%; text-align: center; cursor: pointer; list-style-type: none;}
.category .app .app-list { width: 50%; height: 100%; margin: 0 auto; position: relative; text-align: center;}
.category .app .app-list .icon { width: 3.7vw; height: 3.7vw; background: #FFF; position: absolute; left: 0px; overflow: hidden; border-radius: 99px; -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12); transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);}
.category .app .app-list .icon:nth-child(1) { z-index: 6; transform: translate(0,0); transition-delay: 0.1s;}
.category .app .app-list .icon:nth-child(2) { z-index: 5; transform: translate(1.85vw,0); transition-delay: 0.1s;}
.category .app .app-list .icon:nth-child(3) { z-index: 4; transform: translate( 3.7vw,0);}
.category .app .app-list .icon:nth-child(4) { z-index: 3; transform: translate(5.55vw,0); transition-delay: 0.1s;}
.category .app .app-list .icon:nth-child(5) { z-index: 2; transform: translate(7.4vw,0); transition-delay: 0.1s;}
.category .app:hover { cursor: default;}
.category .app .app-list:hover .icon:nth-child(1) {left: -4vw;}
.category .app .app-list:hover .icon:nth-child(2) {left: -2vw;}
.category .app .app-list:hover .icon:nth-child(3) {}
.category .app .app-list:hover .icon:nth-child(4) {left: 2vw;}
.category .app .app-list:hover .icon:nth-child(5) {left: 4vw;}



/* fields */
.fields { width: 100%; height: auto; padding: 5% 10%; background: #000000; color: #ffffff;}
.fields h2, .fields h3 { text-align: center;}
.fields .item-wrapper { width: 100%; height: 100%; display: flex; /*box-sizing: border-box;*/}
.fields .item { margin: 0 1%; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; transition: .5s; line-height: 0;}
.fields .item:hover { flex: 1 1 20%;}
.fields .item p { /*display: none;*/ height: 4rem; opacity: 0;}
.fields .item:hover p { /*display: block;*/ padding: 0 1rem; transition: .5s; animation: fadeIn linear .5s; opacity: 1;}
@keyframes fadeIn { 0% {opacity: 0;} 100% { opacity: 1;} }
.fields .item .content { width: auto; height: 25vw; display: flex; position: relative; flex-direction: column; text-align: center; background: #333333; border-radius: 24px; overflow: hidden;}
.fields .item .content h3 { width: 100%; height: 100%; position: absolute; text-align: center; background: linear-gradient( 180deg, rgba(256, 2156, 256, 0) 35%, rgba(0, 0, 0, .9));}
.fields .item .content h3 span { width: 100%; display: block; position: absolute; bottom: 10%; font-family: 'SimplonNorm-Medium', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.fields .item a { color: #ffffff;}
.fields .item a:focus { outline: #000000 dashed 1px;}
.fields .item .content p { display: block; line-height: 2.6;}
.fields .item .content img { width: auto; height: 100%; object-fit: cover; overflow: hidden;}
.fields .item .content:hover img { width: auto; height: 100%; object-fit: cover; overflow: hidden;}

/* success */
.success { width: 100%; height: auto; margin: 0 auto; padding: 5% 0;}
.success h2 { padding-left: 10%;}
.success .swiper { width: 100%; height: 100%; }
.success .swiper-slide { text-align: center; font-size: 18px; background: #000000; border-radius: 24px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.success .swiper { width: 100%; height: 35vw; margin: 20px auto; }
.success .swiper-button-prev, .success .swiper-button-next { padding: 0 1.5%; background: rgba(0, 0, 0, .6); border-radius: 8px;}
.success .swiper-button-prev:after, .success .swiper-button-next:after { font-size: 1rem; color: #ffffff;}
.success .list .content { width: 100%; height: 100%; color: #ffffff; text-align: left; position: absolute; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient( 180deg, rgba(256, 2156, 256, 0) 35%, rgba(0, 0, 0, .6));}
.success .list .content h3 { margin: .5rem auto; font-size: 1.5rem; line-height: 1.625rem;}
.success .list .content p { margin: .5rem auto; font-family: 'SimplonNorm-Light', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.success .list .content > div { padding: 5%;}
.success .swiper-slide > a { width: 100%; height: 100%; display: block;}
.success .list .content:hover { background: rgba(0, 0, 0, .6); transition: .5s; }
.success .list .content .label { padding: .2rem .75rem; display: inline-block; background: #4E7E0D; border-radius: 99px; font-size: .625rem;}
.success .list .photo img { width: 100%; height: 100%; object-fit: cover;}

/* news room */
.newsroom { width: 100%; height: auto; margin: 0 auto; position: relative;}
.newsroom .newsroom-wrapper { width: 100%; margin: 0 auto; padding: 5% 10%;}
.newsroom .list { width: 100%; height: auto; margin: 0 auto;}
.newsroom .list-content { width: 100%; height: auto; margin: 0 auto; display: flex; flex-direction: row; flex-wrap:wrap;}
.newsroom .item { width: 32%;}
.newsroom .item:nth-child(2) { margin: 0 2%;}
.newsroom .item img { width: 100%; height: 25.6vw; object-fit: cover; overflow: hidden; border-radius: 24px;}
.newsroom .item h3 { margin: .25rem auto 1.5rem; font-size: 1.5rem; line-height: 1.625rem;}
.newsroom .item a:link, .newsroom .item a:visited { color: #000000; text-decoration: none;}
.newsroom .item a:hover { text-decoration: underline;}
.newsroom .item .label { font-size: .75rem; color: #4E7E0D;}
.newsroom .item .label strong { font-weight: 700;}
.newsroom .item time { font-weight: 300; }
.newsroom .item .content { padding: 2.5rem 1rem 0;}
.newsroom .link { margin-top: 5%; text-align: center;}
.newsroom .link a { padding: .6rem 1.7rem; font-size: .875rem; color: #000000; text-decoration: none; border: #000000 solid 1px; border-radius: 99px;}
.newsroom .link a:hover { background: #000000; color: #ffffff;}


/* award */
.award { width: 100%; height: auto; margin: 0 auto; padding: 5% 0; background: #f3f3f3;}
.award h2 { padding-left: 10%;}
.award .award-wrapper .list {width: 80%; margin:0 10%;}
.award .swiper { width: 100%; padding-left: 20%;}
.award .swiper-wrapper { -webkit-transition-timing-function: linear!important; -o-transition-timing-function: linear!important; transition-timing-function: linear!important; }
.award .swiper-slide { }
.award .swiper-slide.reddot { margin-left: 40px;}
.award .swiper-slide.ida { margin: 0 80px 0 40px;}
.award .swiper-button-prev, .award .swiper-button-next { display: none;}
.award .swiper-button-prev:after, .award .swiper-button-next:after { display: none;}
.award .list .photo { text-align: center;}
.award .list .photo:hover { }
.award .list .photo img { height: 64px; object-fit: cover;}



@media only screen and (min-width: 2560px) {
	.kv .swiper-slide .photo { width: 100%; max-height: 960px;}
}

@media only screen and (min-width: 1920px) and (max-width:2559px) {
	.kv .swiper-slide .photo { width: 100%; max-height: 750px;}
}

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

	.category h3 { margin: 2vw 2vw;}
	.category .item { padding: 10% 0 4% 8%; border-radius: 16px;}


    .fields .item .content h3 span { bottom: 15%;}
	.fields .item .content { border-radius: 16px;}

	.success .swiper-slide { border-radius: 16px;}

	.newsroom .item h3 { margin: .25rem auto .5rem; font-size: 1rem; line-height: 1.25rem;}
	.newsroom .item img { border-radius: 16px;}
	.newsroom .item .content { padding: .5rem 1rem 0;}

}

@media only screen and (max-width: 960px) {
	.kv .swiper-slide .content p { font-size: 2.5rem; line-height: 2.25rem;}
}

@media only screen and (max-width: 768px) {
	.kv .swiper-slide { display: flex; flex-direction: column-reverse;}
	.kv .swiper-slide .photo { width: 100%; max-height: 750px; height: 100%;}
	.kv .swiper-slide .content { position: relative;}
	.kv .swiper-slide .content.dark { color: #000000;}
	.kv .swiper-slide .content p { font-size: 2rem; line-height: 2rem; }
	.kv .swiper-slide .content > div { padding: 5% 10% 0}
	.kv .swiper-pagination-bullet { width: 8vw;}
	.kv .swiper-horizontal > .swiper-pagination-bullets, .kv .swiper-pagination-bullets.swiper-pagination-horizontal, .kv .swiper-pagination-custom, .kv .swiper-pagination-fraction { margin-top: 4%;}


	.category .category-wrapper.mobile { display: block;}
	.category .category-wrapper.desktop { display: none;}
	.category { padding: 10% 10%;}
	.category h3 { margin: 8vw 8vw;}
	.category .category-wrapper { width: 100%; margin: 0 auto;}
	.category .list { width: 100%; position: relative;}
	.category .swiper-slide:nth-child(1) .list { width: 100%; margin-right: 0; display: flex; flex-wrap: wrap;}
	.category .swiper-slide:nth-child(2) .list { width: 100%; margin-left: 0; display: flex; flex-wrap: wrap;}
	.category .swiper-slide:nth-child(3) .list { width: 100%; margin-left: 0; display: flex; flex-wrap: wrap;}
	.category .swiper-slide:nth-child(1) .list .item:nth-child(1) { width: 100%; height: 45vw;}
	.category .swiper-slide:nth-child(1) .list .item:nth-child(2) { width: 100%; height: 45vw; margin-top: 2vw; margin-right: 0;}
	.category .swiper-slide:nth-child(2) .list .item:nth-child(1) { width: 100%; height: 45vw; padding-right: 0;}
	.category .swiper-slide:nth-child(2) .list .item:nth-child(2) { width: 100%; height: 45vw; margin-top: 2vw; margin-bottom: 0;}
	.category .swiper-slide:nth-child(3) .list .item:nth-child(1) { width: 100%; height: 45vw; padding-bottom: 0}
	.category .swiper-slide:nth-child(3) .list .item:nth-child(2) { width: 100%; height: 45vw; margin-top: 2vw;}
	.category .item { padding: 4% 0 4% 8%; border-radius: 12px;}
	.category .item:hover .photo img { transform: scale(103%); transition: 1s;}
	.category .swiper-slide:nth-child(1) .list .item:nth-child(1) .photo img { width: 75%; padding-right: 14%;}
	.category .swiper-slide:nth-child(1) .list .item:nth-child(2) .photo img { width: 65%; padding-right: 16%}
	.category .swiper-slide:nth-child(2) .list .item:nth-child(1) .photo img { width: 65%; padding-right: 0;}
	.category .swiper-slide:nth-child(2) .list .item:nth-child(2) .photo img { width: 70%; padding-bottom: 4%;}
	.category .swiper-slide:nth-child(3) .list .item:nth-child(1) .photo img { width: 75%; }

	.category .app { padding-top: 24%;}
	.category .app .app-list { width: 42vw; height: 100%; margin: 0 auto; position: relative; text-align: center;}
	.category .app .app-list .icon { width: 10vw; height: 10vw; background: #FFF; position: absolute; left: 0px; overflow: hidden; border-radius: 99px; -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12); transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);}
	.category .app .app-list .icon:nth-child(1) { z-index: 6; transform: translate(0,0); transition-delay: 0.1s;}
	.category .app .app-list .icon:nth-child(2) { z-index: 5; transform: translate(8vw,0); transition-delay: 0.1s;}
	.category .app .app-list .icon:nth-child(3) { z-index: 4; transform: translate(16vw,0);}
	.category .app .app-list .icon:nth-child(4) { z-index: 3; transform: translate(24vw,0); transition-delay: 0.1s;}
	.category .app .app-list .icon:nth-child(5) { z-index: 2; transform: translate(30vw,0); transition-delay: 0.1s;}
	.category .app .app-list:hover .icon { }
	.category .app .app-list:hover .icon:nth-child(1) {left: -12vw;}
	.category .app .app-list:hover .icon:nth-child(2) {left: -6vw;}
	.category .app .app-list:hover .icon:nth-child(3) {}
	.category .app .app-list:hover .icon:nth-child(4) {left: 6vw;}
	.category .app .app-list:hover .icon:nth-child(5) {left: 12vw;}

	.category .swiper { width: 100%; height: auto; margin: 0 auto;}
	.category .swiper-wrapper { margin-bottom: 8vw;}
	.category .swiper-slide { width: 100%; height: 100%; overflow: auto;}
	.category .swiper-button-prev, .category .swiper-button-next { display: none;}
	.category .swiper-button-prev:after, .category .swiper-button-next:after { display: none;}
	.category .swiper-pagination-bullet { width: 48px; height: 4px;}
	.category .swiper-horizonta > .swiper-pagination-bullets, .category .swiper-pagination-bullets.swiper-pagination-horizontal, .category .swiper-pagination-custom, .category .swiper-pagination-fraction { margin-top: 1%;}
	.category .swiper-pagination { position: absolute; top: 1vw;}
	.category .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .category .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 24px;}
	.category .swiper-pagination-bullet-active { background: #000000;}


	.fields .item-wrapper { flex-wrap:wrap; flex-direction: row;}
    .fields .item { margin: 2% 2%; width: 46%; flex: none;}
    .fields .item:hover { flex: none;}
	.fields .item:hover p { display: none;}
	.fields .item p { display: none;}
    .fields .item .content { width: auto; height: 50vw; display: flex; position: relative; flex-direction: column; text-align: center; background: #333333; border-radius: 12px; overflow: hidden;}
	.fields .item .content p { display: none;}


	.success { padding: 5% 10%;}
	.success h2 { padding-left: 0;}
	.success .list .content h3 { margin: .5rem 0 0; font-size: 1rem; line-height: 1rem;}
	.success .list .content p { margin: 0; font-size: .875rem; line-height: 1rem;}
	.success .list .content .label { padding: 0 .5rem;}
	.success .swiper-slide { text-align: center; font-size: 18px; background: #000000; border-radius: 12px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;}
	.success .swiper { width: 100%; height: 50vw;}
	.success .list .photo img { width: 100%; height: 100%; object-fit: cover;}

	.newsroom .newsroom-wrapper { padding: 5% 10% 10%;}
	.newsroom .list-content { margin: 0 auto;}
	.newsroom .item { width: 100%; margin: 0 auto 10%;}
	.newsroom .item:nth-child(2) { margin: 0 0 10%;}
	.newsroom .item img { height: 75vw; border-radius: 12px;}
	.newsroom .item .content { padding: 1rem 1rem 0;}


}

@media only screen and (max-width: 480px) {
	.kv .swiper-slide .photo { max-height: 450px;}

	.category .app .app-list { width: 38vw;}

	.newsroom .item img { border-radius: 12px;}
}

.fl{float:left;}
.fr{float:right;}
.row_box_01 .w60{width:60%;}
.row_box_01 .w40{width:40%; box-sizing:border-box; padding:0px 20px 0;}
.fl img{width:100%; max-width:100%; line-height: 0;display:block;}
.fr img{width:100%; max-width:100%; line-height: 0;display:block;}
.row_box_01{background:#fed300; text-align: center; display: table;}
.row_h3_01{font-weight: 500; font-size: 36px; padding:20px 0; line-height: 1; letter-spacing: 0px; font-family: SimplonNorm-Bold,sans-serif;}
.row_con_01{font-size: 16px; font-family: SimplonNorm-Regular,sans-serif;}

.row_box_02{background:#383838; text-align: center; display: table; width: 100%; margin: 20px auto 0;}
.row_box_02 .w60{width:60%;}
.row_box_02 .w40{width:40%; box-sizing:border-box; padding:0px 20px 0; height:100%;}
.row_h3_02{width:100%; font-weight: 500; font-size: 36px; padding:20px 0; line-height: 1; color:#fed300; letter-spacing: 0px; font-family: SimplonNorm-Bold,sans-serif;}
.row_con_02{width:100%; font-size: 16px; font-family: SimplonNorm-Regular,sans-serif; color:#fff;}
.hc{display:flex; align-items:center; height:100%; flex-wrap: wrap;}

@media only screen and (min-width: 769px) {
	.row_box_02{height:100%; position: relative;}
	.row_box_02 .w40{ display: table; position: absolute;}
}
@media only screen and (max-width: 768px) {
.row_box_01 .w60{width:100%;}
.row_box_01 .w40{width:100%; padding:20px 20px 50px;}
.row_box_02 .w60{width:100%;}
.row_box_02 .w40{width:100%; padding:20px 20px 50px;}
}

.index_recommend_tit{text-align:center; }
.index_recommend_tit span{font-size: 36px; letter-spacing: 0px; font-family: SimplonNorm-Bold,sans-serif; line-height: 40px; height: 40px; position: relative; margin-bottom: 30px;}
.index_recommend_tit span:before{position: absolute; content: ''; width:80px; height:1px; background: #333; left:-90px; top:20px;}
.index_recommend_tit span:after{position: absolute; content: ''; width:80px; height:1px; background: #333; right:-90px; top:20px;}