/* Main Style CSS */
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://china.future-s.com/service.css);
@import url(https://china.future-s.com/faq.css);
@import url(https://china.future-s.com/china.css);
@import url(https://china.future-s.com/css/company.css);
body{
	/*line-height: 2 !important;*/
}

a {
	color: #000 !important;
}

.overflow-hidden {
	overflow: hidden;
}
header{
	position: relative;
}
.page{
	letter-spacing: 2px;
}
.navbar {
	padding: 0!important;
	letter-spacing: 3
	
}
#slide {
    margin-top: 70px;
}
.contact-iframe iframe {
    max-height: 980px;
    height: 1200px;
}
.contact-en-iframe iframe {
    max-height: 888px;
    height: 1000px;
}
.contact-iframe iframe .contents {
    max-width: 96% !important;
}
span.close-menu {
    position: absolute;
    right: 5%;
    cursor: pointer;
    z-index: 9;
    top: 5%;
}
.block-submenu-search .close-menu {
    top: 80px !important;
}
span.close-menu img {
    width: 30px;
    height: 30px;
}
/* title header */
.header-title_lg {
	color: #000;
    font-size: 26px;
    line-height: 46px;
    font-weight: 700;
}
.header-title_sm {
	color: #CF2C37;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
}
.header-title_detail {
	font-size: 16px;
	font-weight: 700;
	line-height: 2;
}
/*
@media (min-width: 768px) {
    .header-title_lg {
        font-size: 34px;
    }
    .header-title_sm {
        font-size: 18px;
    }
	.header-title_detail {
		font-size: 22px;
	}
}*/

/* title section */
.title-section {
	padding-left: 20px;
    font-size: 20px;	
    font-weight: 700;
}
.title-section_main {
    font-size: 23px;
	font-weight: 700;
	padding-left: 20px;

}
/*
@media (min-width:768px) {
	.title-section,
	.title-section_main {
        font-size: 30px;
    }
}*/
.b-left4-white,
.b-left4-green {
    position: relative;
}
.b-left4-white::before,
.b-left4-green::before {
	content: '';
	width: 3px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}
.b-left4-green::before {
	background: #1D9664;
}
/*
@media (min-width:768px) {
	.b-left4-white::before,
	.b-left4-green::before {
		height: 35px;
		width: 4px;
	}
}*/

.tb-border-navbar {
	border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.info-list-m0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.scroll-icon-foot {
    width: 46px;
    height: 46px;
    position: absolute;
    right: 42px;
    top: -25px;
    cursor: pointer;
    display: none;
}

.mb-100 {
    margin-bottom: 100px;
}

#search-section {
    position: fixed;
    width: 50%;
    left: 25%;
    top: 20%;
    background: #fff;
    height: 55px;
	display: none;
}

.navbar .menu {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}



.navbar a {
	font-size: 15px;
	font-weight: 600
}

.navbar-left__media a {
	color: #358262!important;
	font-weight: 700;
	position: relative
}

.navbar-left__media a:before {
	border-right: 1px solid #d6d6d6;
	position: absolute;
	content: "";
	display: block;
	height: 53px;
	left: 0
}

@media (max-width:767px) {
	.menu-sp-show .navbar-left__media a:first-child:before {
		border-right: 1px solid #d6d6d6;
	}
	/* .menu-sp-show .navbar-left__media a:nth-child(2)::after {
		border-right: 1px solid #d6d6d6;
		position: absolute;
		content: "";
		display: flex;
		height: 80px;
		right: 0
	} */
    .fake-border{
        position: relative;
    }
    .menu-sp-show .navbar-left__media.fake-border::after {
		border-right: 1px solid #d6d6d6;
		position: absolute;
		content: "";
		display: flex;
		height: 80px;
		right: 0;
        top:-10px;
	}
	.menu-sp-show .navbar-left__media a:before {
		height: 80px;
	}
}


.navbar-left__media a:first-child {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px
}

@media (max-width:767px) {
	.navbar-left__media a:first-child:before {
		border-right: 0
	}
}

.navbar-left__media a:nth-child(2) {
	padding-left: 20px;
	padding-right: 15px
}

.navbar-left__media a:nth-child(3) {
	padding-left: 30px;
	padding-right: 30px;
	letter-spacing: 2
}

@media (max-width:767px) {
	.navbar-left__media a:nth-child(3) {
		padding-right: 30px
	}
}

@media (max-width:767px) {
	.navbar-left__media {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.navbar-collapse a.nav-link {
	color: #000;
	padding-left: 25px;
	padding-right: 25px
}

.navbar .collapse ul li a {
	color: #000
}

.navbar .collapse ul li a.nav-link {
	padding-left: 25px;
	padding-right: 25px
}

@media (max-width:767px) {
	.navbar-nav {
		margin-top: 30px
	}
	.navbar-nav li {
		padding: 10px;
		border-top: 1px solid #d6d6d6
	}

	.menu {
		padding-bottom: 0 !important;
	}
    .menu .menu-sp-show .navbar-brand{
        padding-bottom: 1rem;
    }
}

.circle {
	width: 6px;
	height: 6px;
	margin: 3px;
	background: #000;
	border-radius: 50%;
	display: block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}




.menu__wrapper {
	flex-direction: column;
	flex: 1
}

.menu__wrapper,
.menu__wrapper>div {
	display: flex;
	justify-content: center;
	align-items: center
}

.menu__wrapper>div {
	width: 40px;
	height: 40px;
	flex-wrap: wrap;
	cursor: pointer
}

.menu__wrapper>div:focus,
.menu__wrapper>div:hover {
	outline: none
}

.menu__wrapper>span {
	display: inline-block;
	text-align: center;
	line-height: 1.2;
	padding: 20px;
	margin-top: auto
}

.menu__item--kebab {
	flex-direction: column;
	position: relative
}

.menu__item--kebab,
.menu__item--meatball {
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275)
}

.u-pd-1 {
	padding-top: 10px
}

.u-pd-2 {
	padding-top: 20px
}

.u-pd-3 {
	padding-top: 30px
}

.u-pd-4 {
	padding-top: 40px
}

.u-pd-5 {
	padding-top: 50px
}

.u-pb-1 {
	padding-bottom: 10px
}

.u-pb-2 {
	padding-bottom: 20px
}

.u-pb-3 {
	padding-bottom: 30px
}

.u-pb-4 {
	padding-bottom: 40px
}

.u-pb-5 {
	padding-bottom: 50px
}

.u-mt-1 {
	margin-top: 10px
}

.u-mt-2 {
	margin-top: 20px
}

.u-mt-3 {
	margin-top: 30px
}

.u-mt-4 {
	margin-top: 40px
}

.u-mt-5 {
	margin-top: 50px
}

.u-mb-1 {
	margin-bottom: 10px
}

.u-mb-2 {
	margin-bottom: 20px
}

.u-mb-3 {
	margin-bottom: 30px
}

.u-mb-4 {
	margin-bottom: 40px
}

.u-mb-5 {
	margin-bottom: 50px
}

.u-border-radius-1 {
	border-radius: 5px
}

.u-border-radius-2 {
	border-radius: 10px
}

.u-border-radius-3 {
	border-radius: 15px
}

.u-border-radius-4 {
	border-radius: 20px
}

.u-border-radius-5 {
	border-radius: 25px
}

.misato-bar__color .col:nth-child(8n+1) {
	background: #e45117
}

.misato-bar__color .col:nth-child(8n+2) {
	background: #fa9020
}

.misato-bar__color .col:nth-child(8n+3) {
	background: #f7cb1c
}

.misato-bar__color .col:nth-child(8n+4) {
	background: #a5cc03
}

.misato-bar__color .col:nth-child(8n+5) {
	background: #53a5bf
}

.misato-bar__color .col:nth-child(8n+6) {
	background: #5c80c3
}

.misato-bar__color .col:nth-child(8n+7) {
	background: #a780e5
}

.misato-bar__color .col:nth-child(8n+8) {
	background: #e66fa6
}

.btn-cate-1 {
	background: #ff8c19
}

.btn-cate-2 {
	background: #a5cc03
}

.btn-cate-3 {
	background: #53a5bf
}

html, body {
	font-family: Noto Sans, sans-serif !important;
    color: #000 !important;
}

@media (min-width:1200px) {
	body .container {
		max-width: 1244px
	}
}

body .banner {
	background: #1d9664
}

body .banner-text {
	color: #fff
}

body .banner-text-pc {
	padding-left: 90px !important;
	padding-top: 60px !important;
}

body .banner-text p {
	white-space: pre-line;
	line-height: 2
}

body .banner-text_title {
	font-size: 43px
}

@media (max-width:768px) {
	body .banner-text_title {
		font-size: 64px
	}
}

@media (max-width:460px) {
	body .banner-text_title {
		font-size: 32px
	}
}

body .banner-text_detail {
	font-size: 18px;
	font-weight: 500
}

@media (max-width:768px) {
	body .banner-text_detail {
		font-size: 29px
	}
}

@media (max-width:460px) {
	body .banner-text_detail {
		font-size: 14.5px
	}
}

body .banner-text_subdetail {
	font-size: 15px;
	font-weight: 400
}

@media (max-width:768px) {
	body .banner-text_subdetail {
		font-size: 28px
	}
    .server-media img {
        width: 100%;
    }
}

@media (max-width:460px) {
	body .banner-text_subdetail {
		font-size: 14px
	}
    .contact-en-iframe iframe {
        max-height: 810px;
    }
}

@media (max-width:320px) {
	.contact-iframe iframe {
        max-height: 1020px;
        height: 1200px;
    }
    .contact-en-iframe iframe {
        max-height: 830px;
    }
}

body .slide .top-slide-block_thumnail {
	position: relative;
	margin-bottom: 0px;
	/* padding-top: 60% */
	padding-top: 45%;
}

body .slide .top-slide-block_thumnail img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover
}

body .slide .top-slide-block_tag {
	background: #fff;
	position: absolute;
	bottom: -10px;
}
.top-slide-block_text {
    margin-bottom: 25px;
}
body .slide .top-slide-block_tag,
body .slide .top-slide-block_text_title {
	color: #000;
	padding: 10px 20px;
    font-weight: 700;
}

body .slide .top-slide-block_link {
	padding: 5px 0;
	text-align: center;
	background: #fff;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 2px solid #f0f0f0;
    font-weight: 700;
    font-size: 14px;
}

body .slide .top-slide-block_link a {
	color: #000;
	display: flex
}

body .slide .top-slide-block_link a:hover {
	color: #358262 !important;
}

body .slide .top-slide-block_link a span {
	display: flex;
	margin-left: auto;
	padding-left: 50px
}

body .slide .top-slide-block_link a img {
	display: flex;
	margin: auto 20px auto auto
}

body .slide .top-swiper {
	margin-left: auto;
	margin-right: 1.5rem
}

@media (max-width:1200px) {
	body .slide .top-swiper {
		margin: auto
	}
}

body .slide .top-swiper-button-next,
body .slide .top-swiper-button-prev {
	width: 30px;
	height: 45px;
	background: none
}

body .slide .top-swiper-button-next:after,
body .slide .top-swiper-button-prev:after {
	font-size: 20px;
	color: #be0000;
	margin: 0 auto
}

body .slide .top-swiper-button-next:hover,
body .slide .top-swiper-button-prev:hover {
	background: none
}

body .slide .top-swiper-button-next:hover:after,
body .slide .top-swiper-button-prev:hover:after {
	color: #be0000
}

body .slide .top-swiper-tool {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding-left: 50px;
	padding-right: 50px
}

body .slide .top-swiper-pagination {
	right: 150px;
	top: 5px
}

body .slide .top-swiper-pagination span {
	margin: 10px;
	padding: 5px
}

body .slide .top-swiper-pagination .swiper-pagination-bullet {
	width: 50px;
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0;
	padding: 0
}

body .slide .top-swiper-pagination .swiper-pagination-bullet img {
	width: 50px;
	height: 30px
}

@media (max-width:460px) {
	body .slide .top-swiper-pagination .swiper-pagination-bullet {
		width: 40px;
    	height: 30px;
	}
	
	body .slide .top-swiper-pagination .swiper-pagination-bullet img {
		width: 100%;
    	height: 100%;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: -5px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: -5px !important;
	}
	body .slide .top-swiper-tool {
		padding-left: 20px;
		padding-right: 20px;
	}
	body .slide .top-slide-block_thumnail {
		margin-bottom: 5px;
	}
}
@media (max-width:320px) {
    body .slide .top-swiper-tool {
		padding-left: 10px;
		padding-right: 10px;
	}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: -10px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: -10px !important;
	}
    body .slide .top-swiper-pagination .swiper-pagination-bullet {
        width: 35px;
    }
}

body .slide .top-swiper-pagination .swiper-pagination-bullet-active {
	background: none
}

@media (min-width:1200px) {
	body .slide .top-pagination {
		position: absolute;
		bottom: 40px;
    	right: 10%;
	}
}

@media (min-width:1400px) {
	body .slide .top-pagination {
		position: absolute;
		bottom: 40px;
    	right: 20%;
	}
}

@media (min-width:1700px) {
	body .slide .top-pagination {
		bottom: 20px;
		right: 30%;
	}
}

@media (min-width:1800px) {
	body .slide .top-pagination {
		bottom: 40px;
		right: 30%;
	}
}

@media (max-width:1200px) {
	body .slide .swiper-container {
		padding-left: 20px;
		padding-right: 20px
	}
}

body .slide .swiper-wrapper {
	padding-top: 10px;
	padding-bottom: 50px
}

@media (min-width:1200px) {
	body .slide .swiper-wrapper {
		margin-left: 200px
	}
}
@media (max-width:768px) {
    body .slide .swiper-wrapper {
        margin-left: 30px
    }
}
@media (max-width:320px) {
    body .slide .swiper-wrapper {
        margin-left: 25px
    }
}

body .slide .swiper-slide {
	/* box-shadow: 0 3px 10px rgb(0 0 0 / 25%), 0 3px 10px rgb(0 0 0 / 25%); */
    box-shadow: 0px 15px 25px 0px #ccc;
}
.top-slide-block_tag {
    font-size: 9px;
}
.top-slide-block_text_title {
    font-size: 11px;
}
.top-slide-block_link a {
    font-size: 13px;
}
.swiper-slide-active .top-slide-block_tag {
    font-size: 16px;
}
.swiper-slide-active .top-slide-block_text_title {
    font-size: 17px;
}
.swiper-slide-active .top-slide-block_link a {
    font-size: 14px;
}

@media (min-width:1200px) {
	body .slide .swiper-slide {
        opacity: .5;
        margin: auto
    }
    body .slide .swiper-slide-active {
        margin-top: 0;
        width: 415px!important;
        opacity: 1
    }
    body .slide .swiper-slide-active .top-slide-block_thumnail {
        /* padding-top: 75%; */
		padding-top: 60%;
    }
    body .slide .swiper-slide-active .top-slide-block_tag {
        /* font-size: 16px; 
		/*padding-right: 60px !important;*/
        border-bottom: 1px solid #ccc;
    }
    body .slide .swiper-slide .top-slide-block_tag {
		border-bottom: 1px solid #ccc;
	}

	@media (min-width:1824px) {
		body .slide .swiper-slide-active {
			width: 550px!important;
		}
	}
}

body .text-top-title {
	letter-spacing: 4px;
	margin-bottom: 45px;
	margin-right: 80px;
    font-weight: 700;
}

body .server {
	padding-top: 120px;
	padding-bottom: 120px
}

body .server .block-top {
	margin-bottom: 50px
}

body .server .block-top_title {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.03em;
}

body .server .block-top_more a {
	display: inline-block;
	font-size: 14px;
	border: 2px solid #e5e5e5;
	padding: 16px 72px 16px 64px;
	font-weight: 700;
	color: #000;
	letter-spacing: 3px;
	position: relative;
}
body .server .block-top_more a:hover {
	background-color: #1d9664;
	color: #fff !important;
}

body .server .block-top_more img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
}

body .server .block-top_more img:nth-child(2) {
	opacity: 0;
}

body .server .block-top_more a:hover img:nth-child(1){
	opacity: 0;
}
body .server .block-top_more a:hover img:nth-child(2){
	opacity: 1;
}



body .server-media_text {
	border-bottom: 1px solid #d6d6d6;
	text-align: center;
	height: 30px;
	margin-bottom: 10px
}

body .server-media_title {
	overflow: hidden;
	position: relative;
	bottom: -20px;
	display: inline-block;
	border: solid #fff;
	border-width: 0 20px;
	font-size: 11px;
	font-weight: 300;
	background: #fff;
}

.server-media {
    height: 171px;
    overflow: hidden;
    text-align: center;
}

body .server-text_title {
	font-size: 28px;
	font-weight: 700;
	color: #1d9664;
}

body .server-text_title a {
	font-size: 28px;
	font-weight: 700;
	color: #1d9664 !important;
}

body .server-text_price {
	background: #f5f5f5;
	border-radius: 5px;
	padding: 0 45px;
	font-size: 14px;
	font-weight: 700
}

body .server-text_price__amount {
	font-size: 29px
}

body .server-text_price__amount span {
	font-size: 14px;
	margin-top: auto;
	margin-bottom: 10px;
	padding-left: 10px
}

body .server-text_price__tax {
	font-weight: 300
}

body .server-text_price__tax span {
	font-size: 22px;
	font-weight: 300;
	padding: 10px
}

body .server-text_detail {
	padding: 10px;
	font-size: 20px;
	font-weight: 700
}
body .server-text-more{
	text-align: center;
	background: #fff;
	border: 4px solid #f0f0f0
}
body .server .read-more {
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
}
body .server .read-more span{
	display: flex;
    margin-left: auto;
    padding-left: 50px;
    font-weight: 700;
}

body .server .read-more .icon-more-hover{
	display: none;
}

body .server-text-more:hover {
	background: #1D9664;
}

body .server-text-more:hover .read-more{
	color: #fff !important;
}

body .server-text-more:hover .icon-more{
	display: none;
}

body .server-text-more:hover .icon-more-hover{
	display: flex;
}

body .server .read-more img {
    display: flex;
    margin: auto 20px auto auto;
}

body .qa {
	background: #f5f5f5;
	padding-top: 70px;
	padding-bottom: 70px
}

body .qa .qa-list {
    background: #f5f5f5;
}

body .qa-title {
	color: #1d9664;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding-bottom: 35px
}

body .qa-list .custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none
}

body .qa-list .custom-counter li {
	counter-increment: step-counter;
	margin-bottom: 10px;
	background: #fff;
	display: flex;
    flex-direction: row;
}

body .qa-list .custom-counter li p {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.035em;
	display: inline;
    justify-content: center;
    align-items: center;
    margin-right: auto;
	margin-top: auto;
    margin-bottom: auto;
}

body .qa-list .custom-counter li p span {
	color: #1d9664
}

body .qa-list .custom-counter li:before {
	content: counter(step-counter);
	font-size: 29px;
	background-color: #1d9664;
	color: #fff;
	font-weight: 700;
	padding: 5px 20px;
	/* position: absolute; */
	width: 56px;
	height: 56px;
	/* top: 0; */
	display: flex;
    margin-right: auto;
    justify-content: start;
    align-items: flex-start;
}

body .qa-more {
	padding-top: 25px
}

body .qa-more a {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #000
}

body .reasons {
	padding-top: 120px;
	padding-bottom: 120px
}
/*
@media (min-width:1200px) {
	body .reasons {
		margin-bottom: 0
	}
}
*/
body .reasons-block {
	background: url(reason-bg.png) no-repeat 50% fixed;
	background-size: cover;
	padding-top: 70px
}
/*
@media (min-width:1200px) {
	body .reasons-block {
		/* height: 650px; */
		/*height: auto;
		padding-bottom: 80px;
	}
}
*/
body .reasons-block_title {
	padding-top: 40px;
	padding-bottom: 40px;
	letter-spacing: 3px;
	color: #fff;
    font-weight: 700;
}

body .reasons-block_box {
	background: #fdfdfd;
	padding: 40px 30px;
	border: 1px solid #d8d8d8
}

body .reasons-block_box_thumnail {
	margin-right: 30px
}

body .reasons-block_box_text__title {
	color: #1d9664;
	font-size: 22px;
	font-weight: 700;
	height: 110px;
	overflow: hidden
}

body .reasons-block_box_text__title h4 {
	white-space: pre-line;
    font-weight: 700;
    text-align: left;
    line-height: 1.3;
}

body .reasons-block_box_text__detail {
	font-size: 16px;
	font-stretch: condensed;
	height: 125px;
	overflow: hidden
}

body .reasons-block_box_text__detail p {
	white-space: pre-line
}

body .agent {
	background: #f5f5f5;
	padding-top: 120px;
	padding-bottom: 120px
}

body .agent-block_title {
	color: #000;
    font-weight: 700;
}

body .agent-block_box {
	margin-top: 50px;
	margin-bottom: 25px;
}

body .agent-block_box_thumnail {
	margin-right: 30px
}

body .agent-block_box_text__title {
	font-size: 16px;
	font-weight: 700
}

body .agent-block_box_text__title h4{
	margin-bottom: 1.1rem;
    font-weight: 700;
}

body .agent-block_box_text__detail {
	font-size: 14px;
	font-stretch: condensed
}

body .agent-block_box_text__detail p {
	margin-bottom: 0;
}

body .agent-block_box_more {
	padding: 20px 0;
	text-align: center;
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 4px solid #f0f0f0;
    font-weight: 700;
}

.agent .agent-block_box_more a:hover {
	text-decoration: none;
	font-weight: 600;
	color: #358262 !important;
}

body .agent-block_box_more a {
	color: #000;
	display: flex
}

body .agent-block_box_more a span {
	display: flex;
	margin-left: auto;
	padding-left: 50px
}

body .agent-block_box_more a img {
	display: flex;
	margin: auto 20px auto auto
}

body .blog {
	background: #fff;
	padding-top: 120px;
	padding-bottom: 25px
}

body .blog-block_thumnail {
	position: relative;
	margin-bottom: 30px;
	padding-top: 66.66667%
}

body .blog-block_thumnail img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover
}

body .blog-block_title {
	letter-spacing: 4px;
	margin-bottom: 45px;
	margin-right: 80px;
    font-weight: 700;
}

body .blog-block_text {
	margin-bottom: 45px
}

body .blog-block_text_title p {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2;
	white-space: pre-line;
	margin-bottom: 25px;
	color: #000
}

body .blog-block_text_title a:hover {
	text-decoration: none;
}

body .blog-block_text_tag a:hover {
	text-decoration: none
}

body .blog-block_text_tag span {
	font-size: 13px;
	font-weight: 700;
	background: #eee;
	padding: 5px 20px;
	border-radius: 3px;
	margin-right: 10px;
	color: #000
}

body .blog-text-more {
	padding-top: 15px
}

body .blog-text-more .read-more {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
}

body .blog-text-more .read-more img {
	margin-left: 25px
}

body .info {
	font-family: Roboto, sans-serif
}
/* Update Tab 20210511 ( Add New) */
body .info .nav-tabs{
	border: none;
}
body .info .nav-tabs .nav-item{
	background: none;
	border: 0;
}



body .info .nav-tabs .nav-item .info-text_title:hover,
body .info .nav-tabs .nav-item.active .info-text_title{
	border-bottom: 1px solid #000;
}
/* End Update Tab 20210511 */

body .info-text_title {
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 10px;
	letter-spacing: 2px;
	font-size: 15px;
	font-weight: 700;
	font-family: Noto Sans, sans-serif !important;
}

body .info-text_title_br_dark {
	border-bottom: 1px solid #000
}

body .info-list {
	border-bottom: 1px solid #c9c9c9;
	padding-top: 30px;
	padding-bottom: 30px
}

body .info-list_detail {
	white-space: pre-line;
	font-size: 15;
	font-weight: 300;
	line-height: 2;
	margin-bottom: 0
}

body .info-list_detail p {
	margin: 0;
	padding: 0;
    line-height: 1.5;
}

body .info-list_date {
	margin-left: 40px;
	margin-right: 40px;
	text-align: center;
}

body .info-list_date_ym {
	font-size: 13px;
	font-weight: 700;
	color: #000;
	margin-bottom: 0
}

body .info-list_date_d {
	font-size: 40px;
	font-weight: 700;
	color: #1d9664;
	margin-bottom: 0;
	line-height: 40px
}

body .info-list_cat {
	font-size: 15px;
	font-weight: 700;
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: 4px;
}
body .info-list_cat span {
    color: #1d9664;
}

body .info-more {
	padding-top: 40px;
	padding-bottom: 40px
}

body .info-more a {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
}

body .info-more img {
	margin-left: 20px
}


body .contact {
	background: #1d9664;
    position: relative;
}

body .contact-br {
	border-right: 0;
    border-bottom: 0;
	/*border-bottom: 1px solid #fff*/
}

body .contact-br-bt {
	border-bottom: 1px solid #fff
}
/*
@media (min-width:992px) {
	body .contact-br {
		border-bottom: 0;
		border-right: 1px solid #fff
	}

    body .contact-br-bt {
    	border-bottom: 0
	}
}
*/
body .contact-link {
	padding-top: 65px;
	padding-bottom: 65px
}
/*
@media (max-width:1366px) {
	body .banner-text-pc {
        padding-left: 40px !important;
    }
}

@media (max-width:1280px) {
	body .banner-text-pc {
        padding-left: 25px !important;
    }
}

@media (max-width:1024px) {
	body .contact-link {
		width: 100%
	}
}
*/
body .contact-link_btn {
	background: #fff;
	width: 500px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	font-weight: 700;
	color: #1d9664;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .13);
    border-radius: 5px;
}

body .contact-link_btn:hover {
	text-decoration: none;
	color: #1d9664 !important;
	font-weight: bolder;
}
/*
@media (max-width:1024px) {
	body .contact-link_btn {
		width: 100%
	}
}
*/

body .contact-link_btn span {
	display: flex;
	margin-left: auto;
	padding-left: 50px;
    color: #1D9664;
}

body .contact-link_btn img {
	display: flex;
	margin: auto 20px auto auto
}

body .contact-phone {
	color: #fff;
	text-align: center;
	padding-top: 65px;
	padding-bottom: 65px
}

body .contact-phone_title {
	font-family: Noto Sans, sans-serif;
	font-size: 22px;
	font-weight: 700
}

body .contact-phone_title p {
    color: #fff;
}

body .contact-phone_number {
	font-family: Roboto, sans-serif;
	font-size: 55px;
	font-weight: 700;
    color: #fff !important;
}

body .contact-phone_hour {
	font-family: Noto Sans, sans-serif;
	font-size: 18px;
	font-weight: 300
}

body .footer {
	padding-top: 65px;
	padding-bottom: 65px;
	font-family: Roboto, sans-serif
}

body .footer-block_title {
	font-size: 23px;
	font-weight: 700;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #707070;
	letter-spacing: 2px;
}

body .footer-block ul {
	margin-bottom: 40px;
    padding-left: 20px;
}

body .footer-block ul li {
	line-height: 2
}

body .footer-block ul li a {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	line-height: 2
}

body footer .footer-logo {
	margin-bottom: 30px
}

body footer .footer-link {
	margin-top: 20px
}

body footer .footer-link a {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	padding: 10px;
	letter-spacing: 0.13rem;
}

body footer .footer-link span {
	color: #707070
}

body footer .footer-copyright {
    font-size: 13px;
    margin-top: 45px;
    letter-spacing: 0.14rem;
    background: #F5F5F5;
    width: 100%;
    text-align: center;
    padding: 10px;
}
body footer .footer-copyright p {
    margin: 0;
}

.swiper-wrapper {
	height: auto;
}

.swiper-container .swiper-button {
	width: 100px;
	position: relative
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
	width: 30px;
	height: 30px;
	background: #eee;
	border-radius: 50%
}

.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
	font-size: 11px;
	color: #000;
	margin: 0 auto
}

.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-prev:hover {
	background: #1d9664
}

.swiper-container .swiper-button-next:hover:after,
.swiper-container .swiper-button-prev:hover:after {
	color: #fff
}

.swiper-container .swiper-tool {
	position: relative;
	height: 60px;
	display: flex;
	justify-content: flex-end;
	margin-left: auto
}

.swiper-container .swiper-pagination {
	right: 150px;
	top: 5px
}

.swiper-container .swiper-pagination span {
	margin: 10px;
	padding: 5px
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #1d9664
}

.block-submenu{
	/* background: rgb(24, 108, 73, 85%); */
    background: rgb(0 0 0 / 50%);
	/* padding-top: 30px;
	padding-bottom: 30px; */
	position: fixed;
	display: none;
	z-index: 9999;
	height: 100%;
    left: 0;
	top: 55px;
	/* opacity: 0.7; */
}
.bg-green-menu {
    background: rgb(24, 108, 73, 85%);
    padding-top: 30px;
    padding-bottom: 30px;
}

.block-submenu .submenu_title{
	color: #fff;
	padding-top: 15px;
	padding-left: 80px;
}
.block-submenu .submenu_title p, .block-submenu .submenu_title a {
	font-size: 18px;
	margin-bottom: 10px;
    display: block;
    color: #fff !important;
    text-align: left !important;
}

.block-submenu .submenu_title h4, .block-submenu .submenu_title .a-f30 {
	font-size: 30px;
    display: block;
    color: #fff !important;
    text-align: left !important;
}
.block-submenu .submenu_title .a-f30 {
	text-decoration: underline;
}
.block-submenu .submenu_title .a-f30:hover {
	color: #73d2ab !important;
}
.block-submenu .submenu-button .submenu-button_title{
	color: #fff;
	font-size: 14px;
	white-space: pre-line;
}

.block-submenu .submenu-button{
	padding-top: 50px;
	/* padding-bottom: 100px; */
}
.block-submenu .submenu-button .button-link{
	display: flex;
	padding: 10px 20px;
	background: #fff;
	color: #1D9664 !important;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
    border-radius: 3px;
    font-weight: 700;
	align-items: center;
	justify-content: space-between;
}
.block-submenu .submenu-button .button-link:hover {
    color: #73d2ab !important;
    text-decoration: none;

}

.block-submenu .submenu-button-group_a .button-link {
	font-size: 20px;
}
.block-submenu .submenu-button-group_b .button-link {
	font-size: 16px;
	margin-top: 0;
}


.block-submenu .submenu-button .submenu-button-group_a{
	margin-top: 15px;
	margin-bottom: 15px;
} 

#icon-dot {
    width: 40px;
    height: 40px;
	position: relative;
	margin: 10px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#icon-dot span {
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    background: #000;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.navbar-toggler #icon-dot span:nth-child(even) {
    left: 40%;
    border-radius: 50%;
}

.navbar-toggler #icon-dot span:nth-child(odd) {
    left:0px;
    border-radius: 50%;
}

.navbar-toggler #icon-dot span:nth-child(1), .navbar-toggler #icon-dot span:nth-child(2), .navbar-toggler #icon-dot span:nth-child(3) {
    top: 0px;
}

.navbar-toggler #icon-dot span:nth-child(4), .navbar-toggler #icon-dot span:nth-child(5), .navbar-toggler #icon-dot span:nth-child(6) {
    top: 15px;
}

.navbar-toggler #icon-dot span:nth-child(7), .navbar-toggler #icon-dot span:nth-child(8), .navbar-toggler #icon-dot span:nth-child(9) {
    top: 30px;
}

.navbar-toggler #icon-dot span:nth-child(3) {
    left: 80%;

}

.navbar-toggler #icon-dot span:nth-child(6) {
    left: 80%;
}

.navbar-toggler #icon-dot span:nth-child(9) {
    left: 80%;
}

.navbar-toggler #icon-dot span:nth-child(4) {
    background: #0092c9
}

.navbar-toggler[aria-expanded="true"] #icon-dot span:nth-child(1), 
.navbar-toggler[aria-expanded="true"] #icon-dot span:nth-child(2), 
.navbar-toggler[aria-expanded="true"] #icon-dot span:nth-child(3) {
    top: 15px;
}

.navbar-toggler[aria-expanded="true"] #icon-dot span:nth-child(7), 
.navbar-toggler[aria-expanded="true"] #icon-dot span:nth-child(8), 
.navbar-toggler[aria-expanded="true"] #icon-dot span:nth-child(9) {
    top: 15px;
}

.navbar-toggler[aria-expanded="true"] #icon-dot span {
    background: #1D9664;
}
.menu-sp-show,
.sp-show{
    display: none!important;
}
.navbar .menu .menu-pc-show .nav-item:hover,
.navbar .menu .menu-pc-show .nav-item.active{
    border-bottom: 3px solid #358262;
    margin-bottom: -8px;
}
.navbar .menu .menu-pc-show a.green-menu{
	text-decoration: none;
}

.navbar .menu .menu-pc-show .green-menu:hover,
.navbar .menu .menu-pc-show .green-menu.active{
    border-bottom: 3px solid #358262;
    margin-bottom: -16px;
	margin-top: -13px;
}

@media (max-width:767px) {
    .navbar-nav li {
        padding-right: 0;
    }
    .menu-pc-show{
        display: none!important;
    }
    .menu-sp-show{
        display: flex!important;
        flex-basis: 100%;
    }
    
    .sp-show{
        display: block!important;
    }

    .menu-sp-show .navbar-nav .nav-spacial a,
    .menu-sp-show .navbar-nav .nav-lang a{
        color: #1D9664 !important;
    }
    .menu-sp-show .navbar-nav .nav-lang {
        border-top: 0;
    }

    .menu-sp-show .navbar-left__media {
        border-top: 0;
        border-bottom: 0;
    }
    img.menu-sp-show {
        width: 150px;
        height: 100%;
    }
}

@media (max-width:460px) {
    .menu-sp-show .sp-lang-search{
        display: none;
    }
    body .qa-list .custom-counter li:before {
		padding: 0;
		width: 17px;
    	height: 75px;
		align-items: center;
        justify-content: center;
        font-size: 18px;
	}
    body .server-text_price {
		padding: 0 45px;
	}
    body .server .read-more {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 700;
    }
    body .server-text-more {
        margin-bottom: 30px;
    }
    body .qa-title {
        font-size: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    body .qa-list .custom-counter li p {
        padding: 0 10px;
        font-size: 15px;
    }
    .navbar-left__media a:first-child {
		padding-left: 10px;
    	padding-right: 10px;
	}
    .navbar-left__media a:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }
    .w80p {
        width: 80%;
    }
    body .contact-link_btn {
        height: 53px;
        font-size: 14px;
    }
    body .contact-phone_number {
        font-size: 34px;
    }
    body .blog-block_title {
        font-size: 30px;
        font-weight: 700;
        margin-right: 0;
    }
    p.contact-phone_number img {
        width: 30px !important;
        height: 30px !important;
    }
    .qa-list {
        padding: 0;
    }
    body .server .block-top_title {
        font-size: 22.5px;
    }
    body .server-text_title a {
        font-size: 22px;
    }
    body .server-text_price__amount {
        font-size: 26px;
    }
    body .reasons-block_title {
        font-size: 22px;
        margin-bottom: 30px;
    }
    body .reasons-block_box_text__title h4 {
        font-size: 17px;
    }
    body .reasons-block_box_text__title {
        height: 75px;
    }
    body .reasons-block_box_text__detail {
        font-size: 13px;
        height: 90px;
    }
    body .agent-block_title {
        font-size: 22px;
    }
    body .agent-block_box_text__title h4 {
        font-size: 15px;
    }
    body .agent-block_box_text__detail {
        font-size: 13px;
    }
    body .agent-block_box_more {
        font-size: 13px;
    }
    body .blog-block_title {
        font-size: 23px;
    }
    body .blog-block_text_title p {
        font-size: 14px;
    }
    body .text-top-title {
        margin-right: 0;
        font-size: 22px;
    }
    body .info-list_detail {
        font-size: 13px;
    }
    body .contact-phone_title {
        font-size: 16px;
    }
    body .contact-phone_hour {
        font-size: 13px;
    }
    body .server {
        padding-top: 90px;
    }
    body .server-text_detail {
		padding: 5px;
        font-size: 16px;
	}
    .server-text_price__monthly {
        font-size: 12px;
    }
    .server-text_price__tax {
        font-size: 12px;
    }
    body .server-text_price__amount span {
        font-size: 12px;
    }
    body .server-text_price__tax span {
        font-size: 19px;
    }
    body .footer-block_title {
        font-size: 17px;
    }
    body .footer-block ul li a {
        font-size: 12px;
    }
    .top-slide-block_text_title p {
        font-size: 14px;
    }
    body footer .footer-link a {
        font-size: 11px;
    }
    body .slide .top-slide-block_link a {
        font-size: 14px;
        font-weight: 700;
    }
    body .qa-title {
        font-size: 18px;
    }
    body .info-text_title {
        font-size: 12px;
    }
    body .info-list_date_d {
        font-size: 34px;
    }
    body .info-list_cat {
        font-size: 12px;
    }
    body .info-list_date_ym {
        font-size: 11px;
    }
    .info-text {
        padding: 0 15px;
    }
    .swiper-slide-active .top-slide-block_tag {
        font-size: 11px;
    }
}
@media (max-width:320px) {
    body .blog-block_title {
        font-size: 25px;
    }
    body .qa-list .custom-counter li p {
        font-size: 14px;
    }
    body .qa-title {
        font-size: 18px;
    }
    body .agent-block_box_text__title h4 {
        font-size: 20px;
    }
    img.menu-sp-show {
        width: 120px;
        height: 100%;
    }
    body .server-text_price {
		padding: 0 15px;
	}
    /* body .qa-more a {
        font-size: 8px;
    } */
}

.menu ul li.nav-item a{
    text-align: center;
}
ul>li.sub-menu>a{
    margin-right: 20px;
}
ul>li.sub-menu.active-open{
    background: #3B9564;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
ul>li.sub-menu.active-open .sub-menu_ul{
    background: #F5F5F5;
}

ul>li.sub-menu.active-open>a{
    padding-bottom: 20px;
    color: #fff !important;
}

ul>li.sub-menu.active-open ul li:hover{
    background: #D9EBE4;
}
.sub-menu>a {
    display: flex;
}
.sub-menu>a>img{
    display: flex;
    margin: auto 20px auto auto;
}
.sub-menu>a>span{
    display: flex;
    margin-left: auto;
    padding-left: 50px;
    
}

.sub-menu_ul{
    padding: 0;
    list-style-type: none;
    padding-top: 0;
}
.sub-menu_ul li{
    padding: 20px 40px;
}   
.sub-menu_ul li a{
    display: flex;
    color: #1D9664 !important;
    
}
.sub-menu_ul li a img{
    display: flex;
    margin: auto 20px auto auto;
}

.sub-menu_ul li a{
    display: flex;
    margin-left: auto;
    padding-left: 20px;
    white-space: pre-line;
	line-height: 2;
    text-align: left !important;
}

.sub-menu>a>img.icon-menu-down{
	display: none;
}

.sub-menu.active-open>a>img.icon-menu{
	display: none;
}

.sub-menu.active-open>a>img.icon-menu-down{
	display: flex;
}

.search-box{
    height: 60px;
    background-color: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 4rem;
    padding: 10px;
    width: 90%;
    margin: 0 auto;
    align-items: center;
    display: flex;
    /* margin-top: 25%; */
}
.search-box img{
    padding: 10px;
}

.search-box form, input{
    width: 100%;
}

.search__box {
    background: none;
    color: #000;
    font-size: 1.5rem;
    border-radius: 2rem;
    outline: none;
    border: none;
    opacity: 1;
    transition: all .75s ease-in;
    cursor: pointer;
  }
  
  .search__icon {
    box-sizing: border-box;
    font-size: 2.5rem;
    display: inline-block;
    margin-left: .8rem;
    margin-top: 0;
    cursor: pointer;
    position: absolute;
    color: #fa983a;
    transition: all .25s ease-in;
    padding: .7rem;
    border-radius: 50%;
  }

  .search-box:hover > .search__box {
    width: 100%;
  }
  
  .search-box:hover > .search__icon {
    background-color: #eee;
  }

  .reasons-swiper {
    width: 100%;
    padding-bottom: 150px !important;
  }

  .reasons-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .reasons-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .reasons-swiper .swiper-slide-active {
	padding-left: 15px;
  }
  .reasons-swiper .swiper-slide {
    width: 80%;
  }
  .reasons-swiper .reasons-button-next, 
  .reasons-swiper .reasons-button-prev{
      border-radius: 0;
      height: 50px;
      width: 50px;
      background: #1d9664;
      top: unset;
  }
  .reasons-swiper .reasons-button-next{
	  right: 0;
  }
  .reasons-swiper .reasons-button-prev{
	  left: 0;
  }
  .reasons-swiper .reasons-button-next:after, 
  .reasons-swiper .reasons-button-prev:after{
      font-size: 23px;
      color: #fff;
      margin: 0 auto;
  }

  .reasons-sp-show{
      display: none !important;
  }
  .block-submenu-search{
	/* background: rgb(24, 108, 73, 0.7); */
    background: rgb(0 0 0 / 50%);
	padding-top: 55px;
	padding-bottom: 30px;
	position: fixed;
	display: none;
    width: 100%;
    height: 100%;
	z-index: 9;
}
/*
  @media (max-width:1024px) {
      body .reasons{
          padding-top: 0;
          padding-bottom: 0;
      }
      .reasons-pc-show{
          display: none !important;
      }
      .reasons-sp-show{
          display: block !important;
      }
      body .info-list_date{
        margin-left: 0px;
        margin-right: 10px;
      }
      body .info-list_cat {
        margin-left: 5px;
        margin-right: 5px;
      }
  }*/
  .blog .blog-spiper-tool-sp{
      display: none !important;
  }
  .res-none {
    display: block !important;
  }
  .res-block {
    display: none !important;
  }
  .res-show {
    visibility: collapse;
  }
  @media (max-width:767px) {
    .res-show {
        visibility: unset;
    }
    .server-media {
        max-height: 230px;
    }
    .blog .blog-top-title{
        flex-direction: column;
    }
    .blog .blog-top-title .blog-text-more{
        margin-left: auto;
        padding-bottom: 20px;
    }
    .blog .blog-spiper-tool-pc{
        display: none !important;
    }
    .blog .blog-spiper-tool-sp{
        display: flex !important;
    }
    .blog .blog-spiper-tool-sp .swiper-pagination{
        position: relative;
        margin: 0 auto;
        top: unset;
        right: unset;
    }
    body .server {
        padding-bottom: 60px
    }
    body .agent {
        padding-bottom: 60px
    }
    body footer .footer-link a {
        padding: 3px;
        font-size: 14px;
    }
    body .info .nav-tabs .nav-item {
        padding: 2px;
    }
    body .server {
        padding-bottom: 0;
    }
    .reasons-block_box_text {
        text-align: left;
    }
  }
  @media (max-width:460px) {
    .res-none {
        display: none !important;
    }
    .res-block {
        display: block !important;
    }
    body .qa-more a {
        font-size: 13px;
    }
    .mb-100 {
        margin-bottom: 40px;
    }
  }
  @media (max-width:375px) {
    /* body .qa-more a {
        font-size: 11px;
    } */
    body .footer-block_title {
        font-size: 16px;
    }
  }
  @media (max-width:320px) {
  }

  .bg-3d-banner{
	background-size: cover;
	/*background: url(banner-sm.png) no-repeat 100% fixed;*/
    background: url(banner-sm.png) no-repeat 100%;
	padding-bottom: 40px;
	/* background-position: top right; */
	background-repeat: no-repeat;
    background-position-y: 40px;
  }
  .bg-3d-banner-rs{
	/* background-size: cover;
    background: url(../img/header/banner-rs.png) no-repeat 100% fixed;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center; */

	background-size: cover;
    /* background: url(banner-rs.png) no-repeat fixed;*/
    background: url(banner-rs.png) no-repeat;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: 70px;
  }
  .ftco_navbar{
	  background-color: #fff;
	  position: fixed !important;
	  width: 100%;
	  z-index: 99999;
  }
  .banner-image{
	  padding-top: 64px;
  }


/*  scroll css section here*/
.scrolltop .icon {
    font-size: 30px;
    text-align: center;
    margin-top: 10px;
}

.scrolltop {
    position: fixed;
    bottom: 70px;
    right: 40px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    display: none;
	z-index: 9999;
	cursor: pointer;
}

/* Sitemap page */
.site-map .acordeon {
    position: relative;
    width: 100%;
    color: #fff;
    overflow: hidden;
    font-size: 23px;
}
.site-map .acordeon label {
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    background: #1D9664;
    line-height: 3;
    cursor: pointer;
    font-weight: bold;
}
.site-map .acordeon-content {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    -webkit-transition: max-height .35s;
    transition: max-height .35s;
}
.site-map .acordeon-content p {
    margin: 15px;
    padding: 10px 20px;
    font-size: 16px;
    color: #000;
    font-weight: lighter;
    content: "";
    background-image: url(ic-left-green.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 8px;
}
.site-map .acordeon input {
	display:none;
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.site-map input:checked ~ .acordeon-content {
    max-height: 100%;
}
.site-map label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.site-map input[type=checkbox] + label::after {
    content: "";
    background-image: url(ic-left-white.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.site-map input[type=checkbox]:checked + label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Contact CSS */
.big-phone-num {
    font-size: 38px;
    font-weight: bold;
}
.p-phone {
    padding: 1.5rem;
}
.contact-block .box-phone-a .f18 {
    font-size: 18px;
}
.contact-block .box-phone-a .f38 {
    font-size: 38px;
    font-weight: bold;
}
.contact-block .box-phone-a .f16 {
    font-size: 16px;
}
.contact-form .contact-form_input{
	border: none;
    background: #F5F5F5;
    border-radius: 2px;
}

.contact-form .bg-red{
	background: #CF2C37;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
}
.contact-form span {
    font-size: 16px;
}
.contact-form label {
    font-size: 16px;
}

.contact-block .box-phone-a{
	background: #F5F5F5;
}
.contact-block .box-phone-b{
	background: #fff;
}

.contact-block .comp-info{
	/* padding: 20px; */
}
.contact-block .green-box{
	padding: 5px 15px;
	background: #1D9664;
	color: #fff;
    font-weight: bold;
}

.contact-block .red-box{
	padding: 5px 15px;
	background: #CF2C37;
	color: #fff;
    font-weight: bold;
}

.contact-block .radio {
	margin: 0.5rem;
}
.contact-block .radio input[type=radio] {
	/* position: absolute; */
	opacity: 0;
}
.contact-block .radio input[type=radio] + .radio-label:before {
	content: "";
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -0.2em;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
    vertical-align: middle;
}
.contact-block .radio input[type=radio]:checked + .radio-label:before {
	background-color: #CF2C37;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.contact-block .radio input[type=radio]:focus + .radio-label:before {
	outline: none;
	border-color: #CF2C37;
}
.contact-block .radio input[type=radio]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.contact-block .radio input[type=radio] + .radio-label:empty:before {
	margin-right: 0;
}

.radio-uncheck{
	opacity: 0.2;
}

.contact-block .contact-form .container-check {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

.contact-block .contact-form .container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.contact-block .contact-form .container-check .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
}
  
.contact-block .contact-form .container-check:hover input ~ .checkmark {
	background-color: #fff;
}
  
.contact-block .contact-form .container-check input:checked ~ .checkmark {
	background-color: #CF2C37;
}
  
.contact-block .contact-form .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
  
.contact-block .contact-form .container-check input:checked ~ .checkmark:after {
	display: block;
}
  
.contact-block .contact-form .container-check .checkmark:after {
	left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contact-block .contact-form .pl-check{
	font-size: 15px;
	text-decoration: underline;
}

.contact-block .contact-form .btn-next-block{
    max-width: 450px;
	width: 100%;
    margin: 0 auto;
}

.contact-block .contact-form .next-btn {
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.contact-block .contact-form .next-btn span {
    display: flex;
    margin-left: auto;
    padding-left: 50px;
    font-size: 15px;
    font-weight: bold;
}

.contact-block .contact-form .btn-next-block:hover .icon-more {
    display: none;
}

.contact-block .contact-form .btn-next-block:hover .icon-more-hover {
    display: flex;
}

.contact-block .contact-form .next-btn .icon-more-hover {
    display: none;
}

.contact-block .contact-form .next-btn img {
    display: flex;
    margin: auto 20px auto auto;
}
.rt-word-break{
	word-break: break-all;
}
.ft-h-auto{
   height: auto !important;
}
.ft-rt-img-bn-title{
	width: 100%;
	max-width: 396px;
    height: 100%;
}
.ft-rt-img-bn-title-sm{
	width: 80%;
	max-width: 540px;
    height: 100%;
}
.ft-footer-icon{
   width: 80%;
}
.ft-rt-featureChina-thumb{
	position: relative;
    padding-top: 65%;
}
.ft-rt-thumb{
	max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
ul.breadcrumb{
	display: none;
}

.breadcrumb-set-pt{
	padding-top: 90px !important;
}

.text-16px{
	font-size: 16px !important;
}
.font-bold{
	font-weight: bold;
}
.waf .usage-vpn-block {
    /* background: linear-gradient(180deg, #3B9664 45%, #fff 20%); */
		background-color: #3B9664;
}
.av-170 {
    letter-spacing: 0.17rem;
}
.av-140 {
    letter-spacing: 0.14rem;
}
.av-130 {
    letter-spacing: 0.13rem;
}
.av-90 {
    letter-spacing: 0.09rem;
}
.av-60 {
    letter-spacing: 0.06rem;
}
/*
@media (min-width: 768px) {
    .waf .usage-vpn-block {
        /* background: linear-gradient(180deg, #3B9664 80%, #fff 20%); */
				/*background-color: #3B9664;
    }
}
*/
/*
@media (max-width:1366px) {
    .bg-3d-banner {
        background-position-x: 150%;
    }
}
@media (max-width:1024px) {
	.ft-rt-position{
		position: unset !important;
	}
	.ft-rt-position .banner-image{
		padding-top: 0 !important;
	}
    .bg-3d-banner-rs.ft-rt-set-pt{
		background-position-y: 0 !important;
	}
	.bg-3d-banner-rs.ft-rt-set-pt .banner-image{
		padding-top: 0;
	}
}
*/
@media (max-width:767px) {
    .p-phone {
        padding: 5px;
    }
    .big-phone-num {
        font-size: 30px;
    }
    .av-170 {
        letter-spacing: 0.08rem;
    }
    .av-140 {
        letter-spacing: 0.07rem;
    }
    .av-130 {
        letter-spacing: 0.06rem;
    }
    .av-90 {
        letter-spacing: 0.04rem;
    }
    .av-60 {
        letter-spacing: 0.03rem;
    }
    .site-map .acordeon label {
        font-size: 15px;
    }
    .site-map .acordeon-content p {
        font-size: 14px;
    }
    .contact-block .box-phone-a .f18 {
        font-size: 15px;
    }
    .contact-block .box-phone-a .f38 {
        font-size: 30px;
    }
    .contact-block .box-phone-a .f16 {
        font-size: 14px;
    }
    .contact-form span {
        font-size: 15px;
    }
    .contact-form .bg-red {
        font-size: 13px;
    }
    .scroll-icon-foot {
        display: none;
    }
}
@media (max-width:460px) {
    .p-sp-0 {
        padding: 0 !important;
    }
    .bg-3d-banner-rs {
        padding-bottom: 20px;
    }
    .arrow-link {
        position: absolute;
        z-index: 9;
        right: -10px;
        top: 40%;
    }
    .arrow-link img {
        width: 10px;
        height: 40px;
    }
    body .info-list {
        align-items: start !important;
        position: relative;
    }
    .info-list_cat {
        align-self: self-start;
    }
    .res-list_detail {
        padding-left: 0 !important;
        padding-right: 20px !important;
    }
    .scrolltop {
        right: 13px;
    }
}
.cus-rt-lt-b{
	font-weight: bold;
	letter-spacing: 2px;
}
.lt-space-2{
	letter-spacing: 2px;
}
.lt-space-3{
	letter-spacing: 3px;
}
.lt-space-5{
	letter-spacing: 5px;
}
.lt-space-016rem{
	letter-spacing: 0.16rem !important;
}
.lt-space-014rem{
	letter-spacing: 0.14rem !important;
}
.lt-space-004rem{
	letter-spacing: 0.04rem !important;
}
.lt-space-013rem{
	letter-spacing: 0.13rem !important;
}
.fs-ml-sp-img{
	margin-left: -35px;
}

@media (max-width:460px) {
    .fs-ml-sp-img {
        margin-left: 0px;
		margin-top: -20px;
    }

}
.fs-pl-45px,
.fs-px-45px{
	padding-left: 45px !important;
}

.fs-pr-45px,
.fs-px-45px{
	padding-right: 45px !important;
}
.text-28px{
	font-size: 28px;
}
.lt-space-rem-001 {
	letter-spacing: 0.01rem !important;
}

.lt-space-rem-002 {
	letter-spacing: 0.02rem !important;
}

.lt-space-rem-003 {
	letter-spacing: 0.03rem !important;
}

.lt-space-rem-004 {
	letter-spacing: 0.04rem !important;
}

.lt-space-rem-005 {
	letter-spacing: 0.05rem !important;
}

.lt-space-rem-006 {
	letter-spacing: 0.06rem !important;
}

.lt-space-rem-007 {
	letter-spacing: 0.07rem !important;
}

.lt-space-rem-008 {
	letter-spacing: 0.08rem !important;
}

.lt-space-rem-009 {
	letter-spacing: 0.09rem !important;
}

.lt-space-rem-01 {
	letter-spacing: 0.1rem !important;
}

.lt-space-rem-011 {
	letter-spacing: 0.11rem !important;
}

.lt-space-rem-012 {
	letter-spacing: 0.12rem !important;
}

.lt-space-rem-013 {
	letter-spacing: 0.13rem !important;
}

.lt-space-rem-014 {
	letter-spacing: 0.14rem !important;
}

.lt-space-rem-015 {
	letter-spacing: 0.15rem !important;
}

.lt-space-rem-016 {
	letter-spacing: 0.16rem !important;
}

.lt-space-rem-017 {
	letter-spacing: 0.17rem !important;
}

.lt-space-rem-018 {
	letter-spacing: 0.18rem !important;
}

.lt-space-rem-019 {
	letter-spacing: 0.19rem !important;
}

.lt-space-rem-02 {
	letter-spacing: 0.2rem !important;
}

.lt-space-rem-021 {
	letter-spacing: 0.21rem !important;
}

.lt-space-rem-022 {
	letter-spacing: 0.22rem !important;
}

.lt-space-rem-023 {
	letter-spacing: 0.23rem !important;
}

.lt-space-rem-024 {
	letter-spacing: 0.24rem !important;
}

.lt-space-rem-025 {
	letter-spacing: 0.25rem !important;
}

.lt-space-rem-026 {
	letter-spacing: 0.26rem !important;
}

.lt-space-rem-027 {
	letter-spacing: 0.27rem !important;
}

.lt-space-rem-028 {
	letter-spacing: 0.28rem !important;
}

.lt-space-rem-029 {
	letter-spacing: 0.29rem !important;
}

.lt-space-rem-03 {
	letter-spacing: 0.3rem !important;
}

.lt-space-rem-031 {
	letter-spacing: 0.31rem !important;
}

.lt-space-rem-032 {
	letter-spacing: 0.32rem !important;
}

.lt-space-rem-033 {
	letter-spacing: 0.33rem !important;
}

.lt-space-rem-034 {
	letter-spacing: 0.34rem !important;
}

.lt-space-rem-035 {
	letter-spacing: 0.35rem !important;
}

.lt-space-rem-036 {
	letter-spacing: 0.36rem !important;
}

.lt-space-rem-037 {
	letter-spacing: 0.37rem !important;
}

.lt-space-rem-038 {
	letter-spacing: 0.38rem !important;
}

.lt-space-rem-039 {
	letter-spacing: 0.39rem !important;
}

.lt-space-rem-04 {
	letter-spacing: 0.4rem !important;
}

.lt-space-rem-041 {
	letter-spacing: 0.41rem !important;
}

.lt-space-rem-042 {
	letter-spacing: 0.42rem !important;
}

.lt-space-rem-043 {
	letter-spacing: 0.43rem !important;
}

.lt-space-rem-044 {
	letter-spacing: 0.44rem !important;
}

.lt-space-rem-045 {
	letter-spacing: 0.45rem !important;
}

.lt-space-rem-046 {
	letter-spacing: 0.46rem !important;
}

.lt-space-rem-047 {
	letter-spacing: 0.47rem !important;
}

.lt-space-rem-048 {
	letter-spacing: 0.48rem !important;
}

.lt-space-rem-049 {
	letter-spacing: 0.49rem !important;
}

.lt-space-rem-05 {
	letter-spacing: 0.5rem !important;
}

.lt-space-rem-051 {
	letter-spacing: 0.51rem !important;
}

.lt-space-rem-052 {
	letter-spacing: 0.52rem !important;
}

.lt-space-rem-053 {
	letter-spacing: 0.53rem !important;
}

.lt-space-rem-054 {
	letter-spacing: 0.54rem !important;
}

.lt-space-rem-055 {
	letter-spacing: 0.55rem !important;
}

.lt-space-rem-056 {
	letter-spacing: 0.56rem !important;
}

.lt-space-rem-057 {
	letter-spacing: 0.57rem !important;
}

.lt-space-rem-058 {
	letter-spacing: 0.58rem !important;
}

.lt-space-rem-059 {
	letter-spacing: 0.59rem !important;
}

.lt-space-rem-06 {
	letter-spacing: 0.6rem !important;
}

.lt-space-rem-061 {
	letter-spacing: 0.61rem !important;
}

.lt-space-rem-062 {
	letter-spacing: 0.62rem !important;
}

.lt-space-rem-063 {
	letter-spacing: 0.63rem !important;
}

.lt-space-rem-064 {
	letter-spacing: 0.64rem !important;
}

.lt-space-rem-065 {
	letter-spacing: 0.65rem !important;
}

.lt-space-rem-066 {
	letter-spacing: 0.66rem !important;
}

.lt-space-rem-067 {
	letter-spacing: 0.67rem !important;
}

.lt-space-rem-068 {
	letter-spacing: 0.68rem !important;
}

.lt-space-rem-069 {
	letter-spacing: 0.69rem !important;
}

.lt-space-rem-07 {
	letter-spacing: 0.7rem !important;
}

.lt-space-rem-071 {
	letter-spacing: 0.71rem !important;
}

.lt-space-rem-072 {
	letter-spacing: 0.72rem !important;
}

.lt-space-rem-073 {
	letter-spacing: 0.73rem !important;
}

.lt-space-rem-074 {
	letter-spacing: 0.74rem !important;
}

.lt-space-rem-075 {
	letter-spacing: 0.75rem !important;
}

.lt-space-rem-076 {
	letter-spacing: 0.76rem !important;
}

.lt-space-rem-077 {
	letter-spacing: 0.77rem !important;
}

.lt-space-rem-078 {
	letter-spacing: 0.78rem !important;
}

.lt-space-rem-079 {
	letter-spacing: 0.79rem !important;
}

.lt-space-rem-08 {
	letter-spacing: 0.8rem !important;
}

.lt-space-rem-081 {
	letter-spacing: 0.81rem !important;
}

.lt-space-rem-082 {
	letter-spacing: 0.82rem !important;
}

.lt-space-rem-083 {
	letter-spacing: 0.83rem !important;
}

.lt-space-rem-084 {
	letter-spacing: 0.84rem !important;
}

.lt-space-rem-085 {
	letter-spacing: 0.85rem !important;
}

.lt-space-rem-086 {
	letter-spacing: 0.86rem !important;
}

.lt-space-rem-087 {
	letter-spacing: 0.87rem !important;
}

.lt-space-rem-088 {
	letter-spacing: 0.88rem !important;
}

.lt-space-rem-089 {
	letter-spacing: 0.89rem !important;
}

.lt-space-rem-09 {
	letter-spacing: 0.9rem !important;
}

.lt-space-rem-091 {
	letter-spacing: 0.91rem !important;
}

.lt-space-rem-092 {
	letter-spacing: 0.92rem !important;
}

.lt-space-rem-093 {
	letter-spacing: 0.93rem !important;
}

.lt-space-rem-094 {
	letter-spacing: 0.94rem !important;
}

.lt-space-rem-095 {
	letter-spacing: 0.95rem !important;
}

.lt-space-rem-096 {
	letter-spacing: 0.96rem !important;
}

.lt-space-rem-097 {
	letter-spacing: 0.97rem !important;
}

.lt-space-rem-098 {
	letter-spacing: 0.98rem !important;
}

.lt-space-rem-099 {
	letter-spacing: 0.99rem !important;
}

.lt-space-rem-1 {
	letter-spacing: 1rem !important;
}
#markstyle2{
	cursor:pointer;
	text-decoration: underline;
}

#markstyle2:hover{
	color: #73d2ab;
}
.entry-fk-search h2.title a{
	font-size: 26px;
}
.entry-fk-search{
	padding: 30px 20px;
}
.entry-fk-search .fk-color-defult a{
	color: #1D9664 !important;
}


@media (min-width: 768px) and (max-width: 1200px) {
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
	.collapse{display: inherit;}
	
	.navbar-nav{
		flex-direction: row!important;
	}
	.d-lg-none{
		display: inherit!important;
		overflow: scroll;
  		height: 93vh;
	}
	.block-submenu .submenu-button{
		padding-left: 3%!important;
		padding-right: 3%!important;
	}
}