/********en*******/
/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi { margin-top: 5.5rem; font-size: 0; clear: both; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.wp-pagenavi a, .wp-pagenavi span { margin: 0 5px; font-size: 1.8rem; color: #333; order: 2; padding: 0; width: 30px; line-height: 30px; display: block; text-align: center; font-family: arial; vertical-align: middle; }
.wp-pagenavi a:hover, .wp-pagenavi span:hover { color:var(--beyond-brand-color) }
.wp-pagenavi span.current { color: var(--beyond-brand-color); background: #eee; }
.wp-pagenavi .pages { display: none; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { text-decoration: none; color: #333; font-size: 2.5rem; width: 30px; line-height: 26px; height: 30px; text-align: center; font-family: arial; vertical-align: middle; }
.wp-pagenavi .previouspostslink { order: 0; }
.wp-pagenavi .last { order: 3; }
.wp-pagenavi .nextpostslink { order: 4; }
#toc_container a { font-size:16px }
#toc_container li { margin-top:5px !important; }
#toc_container li a:hover{color:var(--beyond-brand-color)}
#toc_container li a:hover .toc_number.toc_depth_1{border-color:var(--beyond-brand-color)}
#toc_container p.toc_title { font-size: 18px; font-weight: bold !important; display: block; background: var(--beyond-brand-color); color: #fff; width: 280px; margin: 0 auto !important; padding: 15px !important; border-radius: 50px; }
#toc_container span.toc_toggle { vertical-align: top; margin-left: 10px; font-weight: bold !important; color: #fff; }
#toc_container span.toc_toggle a{color:#fff}
#toc_container .toc_number.toc_depth_1 { display: inline-block; border: 2px solid #000; border-radius: 100%; line-height: 15px; width: 20px; text-align: center; font-size: 14px; position: relative; top: -2px; height: 20px; margin-right: 10px; font-weight: bold; }
#toc_container .toc_number.toc_depth_2 { margin-right:10px }
div#toc_container { padding: 25px;margin-top:25px !important;margin-bottom:25px !important; border-radius: 15px; border-width:2px !important; font-weight: bold; margin-left:auto !important;margin-right:auto !important; }
#toc_container ul ul { margin-left:34px !important; }
/***/
.about_banner {background: url(../../images/banner/100.jpg) no-repeat center;background-size: cover;margin-top: 30px;position: relative;}
.about_banner .w1200 {height:32rem;position: relative;}
.about_banner .about{font-size:2.9rem;height: auto;line-height: 1.5;background: var(--beyond-brand-color);color:#fff;font-weight:bold;text-align: center;border-radius: 25px;display: flex;padding: 20px 15px;justify-content:center;align-items:center;height:220px; position: absolute;left:0;top: -30px;width:520px;}
#blog_banner.about_banner .about{ width: 350px;height: 180px;font-size: 30px;}
#news_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
#works_bannerabout_banner .about{width: 350px;height: 180px;font-size: 30px;}
#faqs_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
#contact_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
#privacy_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
@media all and (max-width:1300px){
   #blog_banner.about_banner .about{ width: 350px;height: 180px;font-size: 30px;}
#news_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
#works_bannerabout_banner .about{width: 350px;height: 180px;font-size: 30px;}
#faqs_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
#contact_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;}
#privacy_banner.about_banner .about{width: 350px;height: 180px;font-size: 30px;} 
}
@media all and (max-width:1000px){
#blog_banner.about_banner .about{ width:300px;height: 140px;font-size:28px;}
#news_banner.about_banner .about{width: 300px;height: 140px;font-size: 28px;}
#works_bannerabout_banner .about{width: 300px;height: 140px;font-size: 28px;}
#faqs_banner.about_banner .about{width: 300px;height: 140px;font-size: 28px;}
#contact_banner.about_banner .about{width: 300px;height: 140px;font-size: 28px;}
#privacy_banner.about_banner .about{width: 300px;height: 140px;font-size: 28px;}
}
@media all and (max-width:900px){
#blog_banner.about_banner .about{ width:300px;height: 120px;font-size:26px;}
#news_banner.about_banner .about{width: 300px;height: 120px;font-size: 26px;}
#works_bannerabout_banner .about{width: 300px;height: 120px;font-size: 26px;}
#faqs_banner.about_banner .about{width: 300px;height: 120px;font-size: 26px;}
#contact_banner.about_banner .about{width: 300px;height: 120px;font-size: 26px;}
#privacy_banner.about_banner .about{width: 300px;height: 120px;font-size: 26px;}
}
@media all and (max-width:640px){
    #blog_banner.about_banner .about{ width: 250px;height: 100px;font-size:22px;}
#news_banner.about_banner .about{width: 250px;height: 100px;font-size: 22px;}
#works_bannerabout_banner .about{width: 250px;height: 100px;font-size: 22px;}
#faqs_banner.about_banner .about{width: 250px;height: 100px;font-size: 22px;}
#contact_banner.about_banner .about{width: 250px;height: 100px;font-size: 22px;}
#privacy_banner.about_banner .about{width: 250px;height: 100px;font-size: 22px;}
}
@media all and (max-width:400px){
    #blog_banner.about_banner .about{ width: 210px;height: 90px;font-size:20px;}
#news_banner.about_banner .about{width: 210px;height: 90px;font-size: 20px;}
#works_bannerabout_banner .about{width: 210px;height: 90px;font-size: 20px;}
#faqs_banner.about_banner .about{width: 210px;height: 90px;font-size: 20px;}
#contact_banner.about_banner .about{width: 210px;height: 90px;font-size: 20px;}
#privacy_banner.about_banner .about{width: 210px;height: 90px;font-size: 20px;}
}
/***/
.h3_title { font-size: 3.6rem; display: block; text-align: center; color: rgba(0, 0, 0, 0.6); font-weight: normal; }
.h3_title span { display: inline-block; padding: 0 3.5rem; padding-bottom: 1.5rem; border-bottom: 2px solid var(--beyond-brand-color); }
.company_bgcolor{background: url(../../images/webbg.png) no-repeat center 0px;background-size:100% 100%;}
.server_bgcolor{background: url(../../images/webbg.png) no-repeat center 0;background-size:100% 100%;}
.null_search{text-align:center;font-size:18px;color:var(--beyond-brand-color);width:100%}
#faq_container .null_search{margin-top:25px;}
/**/
.company_info_box {background: #e8e8e8;background-size: cover;padding: 80px 0;position: relative;}
.company_info_box:before {opacity:0;position: absolute;left: 0rem;top: 0px;height: 100%;width: 100%;background-color: rgba(226, 239, 217, 0.7);clip-path: polygon(0 0%, 100% 0%, 0% 100%);}
.company_info_box:after {position: absolute;left: 0rem;top: -20%;height: 100%;width: 100%;background-color: rgba(204, 237, 232, 0.6);clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.company_info_box .w1200 {position: relative;z-index: 10;justify-content: center;}
.about_thumb {float: left;padding: 50px;position: relative;background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 30px;margin-right: 120px;}
.about_thumb img { width: 300px; height: auto; position: relative; z-index: 20; }
.about_thumb:before {width: 100%;height: 100%;background: rgba(255, 255, 255, 0.55);position: absolute;left: -35px;top: -35px;}
.about_desc {float: right;font-size: 18px;line-height: 1.6;text-align: center;width: 480px;}
.about_desc b{font-family: 'Noto Sans JP';font-size:24px;color: var(--beyond-brand-color);}
.about_desc b:before{ content: "●";display:inline-block;margin-right:10px;font-size:14px;vertical-align: top;margin-top: 9px;}
.director_box { background: url(../../images/about_page_bg.jpg) no-repeat center; background-size: cover; padding: 50px 0; }
.director_box img { width: 400px; height: auto; }
.director_box p { font-size: 30px; line-height: 2; width: calc(100% - 400px - 50px); }
.director_before_after{position:relative}
.director_before_after:before{opacity:0;content: "";background: #ebf2fa;width: 100%;height: 90%;z-index: 1;clip-path: polygon(100% 0, 100% 50%, 0 100%, 0 50%);display: block;position: absolute;left: 0;top: -77px;}
.director_before_after:after{opacity:0;content:"";clip-path: polygon(1% 0, 32% 100%, 71% 85%);width: 1100px;height: 1000px;right: calc(100% - 80%);transform: rotate(345deg);background:rgba(0,176,80,0.1);position: absolute;top: 0;display: block;z-index: 2;}
/**/
.director_info {background: none;padding:50px 0;font-size:17px;line-height: 1.8;position: relative;z-index: 5;}
.director_desc_title{color: var(--beyond-brand-color);font-size:34px;font-family:'Noto Sans JP';font-weight:bold;margin-left:-14px;margin-bottom:35px;width:100%}
.director_desc{width: calc(100% - 330px - 30px);margin-right:30px}
.director_desc p{margin-bottom: 20px;}
.director_thumb{width: 330px;margin-top:25px;}
.director_thumb img{width:100%;height:auto;box-shadow:0 5px 15px rgb(0 0 0 / 0.05);}
.director_desc p { position: relative; z-index: 10; }
.director_desc .name-thumb img {width: 150px;}
.director_desc .name-thumb {text-align: right;margin: 25px 0;line-height: 1.5;}
.director_desc .name-thumb  b{font-family:'Noto Sans JP';font-size: 20px;margin-right: 73px;}
.director_desc .name-thumb  p{font-family:'Noto Sans JP';font-weight: bold;font-size:28px;}
/**/
.company_information { background: #f2f2f2; font-size: 16px; line-height: 1.5; }
.company_information li { border: 1px solid #fff; position: relative; padding: 15px; padding-left: 150px; }
.company_information li label { background: var(--beyond-brand-color); position: absolute; left: 0; top: 0; width: 130px; height: 100%; display: flex; flex-wrap: wrap; align-items: center; color: #fff; padding-left: 15px; }
.company_information li.address p { margin-top: 15px; padding-left: 12px; position: relative; }
.company_information li.address p:before { content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 10px; display: block; background: #000; border-radius: 20px; }
.company_information li.address p:first-child { margin-top: 0; }
.company_information li.address a{vertical-align:top;color:#000}
.company_information li.address a:hover{color:var(--beyond-brand-color)}
/**/
.company_brand { }
.company_brand li { width: calc(50% - 25px); padding: 25px; border: 2px solid #333; font-size: 16px; line-height: 1.5; margin-right: 50px; }
.company_brand li:last-child { margin-right: 0; }
.company_brand li img { width: auto; height: 45px; }
.company_brand li b { padding-left: 12px; position: relative; display: block; margin: 15px 0; font-size: 18px; }
.company_brand li b:before { content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 10px; display: block; background: #000; border-radius: 20px; }
.company_brand li p { color: #333; }
.company_brand li:hover{background:#fbf7ed;}
/******/
#about_banner{background-position:center right}
#news_banner{ background-image:url(../../images/banner/blog.jpg);background-position:center right; }
#blog_banner{ background-image:url(../../images/banner/blgob.jpg);background-position:center right; }
#privacy_banner { background-image:url(../../images/privacy_banner.jpg) }
#faqs_banner{background-image:url(../../images/banner/faqs.png); background-position:center right}
#contact_banner{background-image:url(../../images/banner/contact.jpg)}
.service_banner { background:url(../../images/banner/101.jpg) no-repeat center right; background-size:cover;  }
.service_banner .w1200 { position:relative; display:flex; align-items:center }
.service_banner .w1200:before { width:100%; position: absolute; right:60%; top:35%; clip-path: polygon(0 0, 100% 0%, calc(100% - 15rem) 100%, 0% 100%); background-color:var(--beyond-brand-color);  height:30%; }
.service_banner h2 { font-size:2.6rem; color:#fff; position:relative; z-index:10 }
/**/
.h2_title_desc { line-height:1.8; color:#999; font-size:16px; text-align:center; margin-top:30px; max-width:550px; margin-right:auto; margin-left:auto }
.service_other { }
.service-other-space-top{margin-top:50px}
.service_other li img { display:block; width:100%; height:auto }
.service_other li { width:calc(33.333333% - 33.33333333333px); margin-right:50px; margin-top:50px; position:relative }
.service_other li:nth-child(3n) {margin-right:0}
.service_other li:nth-child(-n+3) {margin-top:0}
.service_other li h3 { background:rgba(0, 128, 128, 0.7); align-items:center; line-height:1.5; font-size:20px; padding:15px; text-align:center; position:absolute; left:0; bottom:0; width:100%; color:#fff }
.service_other li:hover img { opacity:0.7; }
/**/
.service_cloud { }
.service_cloud li { width:calc(33.3333333% - 16.666666px); margin-right:25px; margin-top:25px; border:2px solid #333; padding:35px 25px; text-align:center }
.service_cloud li img { width:auto; height:45px; }
.service_cloud li b { font-size:20px; display:block; margin-top:25px; font-weight:normal }
.service_cloud li p { color:#666; font-size:16px; margin-top:15px }
.service_cloud li:nth-child(1), .service_cloud li:nth-child(2) {width:calc(50% - 12.5px);}
.service_cloud li:nth-child(2) {margin-right:0}
.service_cloud li:nth-child(3n+2) {margin-right:0}
/**/
.news_thumbnail{text-align:center}
.news_thumbnail img{max-width:100%;height:auto;margin-bottom:30px}
#blog_banner {  }
.news_ulist { }
.news_ulist li:first-child { border-top:1px solid var(--beyond-brand-color); }
.news_ulist li { border-bottom:1px solid var(--beyond-brand-color); padding:3rem 0; }
.news_ulist li a { display:flex; flex-wrap:wrap; }
.news_ulist li .thumb { width:15.6rem; height:11.7rem; overflow:hidden; position:relative; background:#f5f5f5; display: flex; flex-wrap: wrap; justify-content:center; align-items: center; }
.news_ulist li .thumb img { width:100%; height:100%; transition:.3s;
object-fit: cover; position:absolute; left:0; top:0 }
.news_ulist li .desc { width:calc(100% - 15.6rem); font-size:18px; line-height:1.4; padding-left:5rem; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; }
.news_ulist li .desc p{position:relative;padding-left: 120px;padding-right: 25px;}
#faq_container .news_ulist li .desc p,#works_container .news_ulist li .desc p{padding-left:0}
.news_ulist li .desc p span{position: absolute;left: 0;top: 0;}
.news_ulist li:hover .thumb { opacity: 0.6; }
.news_ulist li:hover a { color:var(--beyond-brand-color) }
.news_ulist li:nth-child(3n) {
margin-right:0
}
.news_ulist li .time { margin-right:3.5rem }
/***/
#works_banner { background-image:url(../../images/banner/works.jpg);background-position:center right; }
.works_ulist_lt { margin-top:50px }
.works_ulist { }
.works_ulist li { width:calc(33.3333333% - 15px); margin-right:22.5px; margin-top:22.5px; box-shadow:0 0px 10px 0px rgb(0 0 0 / 0.1); -moz-box-shadow:0 0px 10px 0px rgb(0 0 0 / 0.1); -ms-box-shadow:0 0px 10px 0px rgb(0 0 0 / 0.1); -webkit-box-shadow:0 0px 10px 0px rgb(0 0 0 / 0.1); border-radius: 10px; }
.works_ulist li .thumb { width:100%; overflow:hidden; position:relative; padding-top:62.5%; }
.works_ulist li .thumb img { width:100%; height:100%; transition: all 0.3s linear; object-fit: cover; position:absolute; left:0; top:0; border-top-left-radius:10px; border-top-right-radius:10px; }
.works_ulist li:nth-child(-n+3) {
margin-top:0
}
.works_ulist li:nth-child(3n) {
margin-right:0
}
.works_ulist li .desc { padding: 15px; line-height:1.5 }
.works_ulist li .title { font-size: 1.6rem; line-height: 1.5; color: #000; font-weight: 500; margin-bottom: 15px; }
.works_ulist li:hover { background:#fbf7ed; }
.works_ulist li:hover img { transform: scale3d(1.1, 1.1, 1.1); }
/***/
.blog_search { border:1px solid var(--beyond-brand-color); position:relative; padding-right:80px; }
.blog_search input { background: url(../../images/search_icon.png) no-repeat 15px center; background-size: auto 25px; padding:15px; padding-left: 55px; display: block; border: 0; height: 50px; width: 100%; }
.blog_search button { background:var(--beyond-brand-color); position:absolute; right: 0; top:0; text-align:center; color:#fff; border:0; display:block; padding:15px 0; cursor:pointer; width:80px; height: 100%; }
.blog_search button:hover{background-color:var(--beyond-hover-color)}
.faqs_cat_ul li:not(.on) a:hover{background-color:#fbf7ed}
/***/
.blog_ulist_lt { float:left; width:calc(100% - 290px) }
.blog_ulist { }
.blog_ulist li { width:calc(33.3333333% - 15px); margin-right:22.5px; margin-top:22.5px; border: 2px solid var(--beyond-brand-color); padding: 15px; }
.blog_ulist li .thumb { width:100%; overflow:hidden; position:relative; padding-top:62.5%; }
.blog_ulist li .thumb img { width:100%; height:100%; transition: all 0.3s linear; object-fit: cover; position:absolute; left:0; top:0 }
.blog_ulist li:nth-child(-n+3) {
margin-top:0
}
.blog_ulist li:nth-child(3n) {
margin-right:0
}
.blog_ulist li .desc { padding-top: 15px; }
.blog_ulist li .cattime { position: relative; line-height: 3rem; margin-bottom: 15px; }
.blog_ulist li .cattime .time { font-size: 1.5rem; }
.blog_ulist li .cattime label { background: var(--beyond-brand-color); color: #fff; display: inline-block; padding: 0px 15px; position: absolute; right: 0; top: 0; }
.blog_ulist li .title { font-size: 1.6rem; line-height: 1.5; color: #000; font-weight: 500; }
.blog_ulist li:hover { background:#fbf7ed; }
.blog_ulist li:hover img { transform: scale3d(1.1, 1.1, 1.1); }
.blog_cat_tab { float:right; width:250px; }
.blog_cat_tab .blog_search {  }
.blog_cat_tab .blog_search button {  }
.blog_cat_tab .blog_search input { background-size: auto 15px; background-position: 10px center; padding: 10px; padding-left: 36px; }
.blog_cat_area { background:#fbf7ed; padding:20px; margin:25px 0 }
.blog_cat_tab h2 { font-size: 1.8rem; color: var(--beyond-brand-color); display: block; text-align: center; margin-bottom: 25px; }
.blog_cat_ul { }
.blog_cat_ul li { margin-bottom:10px; }
.blog_cat_ul li a { display: block; padding: 1.3rem 2.4rem; background: #fff; font-size: 1.6rem; }
.blog_cat_ul li.on a { background:var(--beyond-brand-color); color:#fff }
.blog_cat_ul li a:hover { background:var(--beyond-brand-color); color:#fff }
.blog_ads { }
.blog_ads h2 { color: #fff; background: var(--beyond-brand-color); padding: 15px 0; }
.blog_ads_pics p { margin-bottom:25px;box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1)}
.blog_ads_pics p a{display:block}
.blog_ads_pics p:last-child{margin-bottom:0}
.blog_ads_pics p img{width:100%;height:auto;}
.blog_ads_pics p b{font-size:16px;line-height:1.5;display:block;font-weight:normal;padding:12px}
.blog_ads_pics p a:hover{background:#fbf7ed}
/***/
.breadcrumbs { font-size:16px; margin-top:15px;overflow:hidden;line-height:25px; white-space: nowrap;text-overflow: ellipsis;}
.breadcrumbs a { vertical-align:top }
.breadcrumbs .separator { margin:0 10px }
.breadcrumbs .current { color:var(--beyond-brand-color) }
.breadcrumbs a:hover { color:var(--beyond-brand-color) }
/***/
.faqs_cat_ul { }
.faqs_cat_ul li { width:calc(20% - 20px); text-align:center; margin-right:25px;margin-top:25px; }
.faqs_cat_ul li:nth-child(-n+5){margin-top:0px;}
.faqs_cat_ul li a { display:block; font-size:16px; padding:15px; ; border:2px solid var(--beyond-brand-color); color:var(--beyond-brand-color);text-transform: capitalize;}
.faqs_cat_ul li:nth-child(5n) {margin-right:0}
.faqs_cat_ul li.on a { background:var(--beyond-brand-color); color:#fff }
.faqs_ulist { border-top: 1px solid var(--beyond-brand-color); margin-top: 50px; }
.faqs_items { border-bottom: 1px solid var(--beyond-brand-color); padding: 25px 0; font-size: 16px; line-height: 1.8; }
.faqs_title { position:relative; padding-left: 58px; }
.faqs_title a { color:var(--beyond-brand-color); display:block; padding: 15px 0; }
.faqs_title a:hover{color:#013488}
.faqs_title:before { content:"Q"; border-radius:50px; width:40px; height:40px; text-align:center; line-height:40px; background:var(--beyond-brand-color); position:absolute; left: 0;  top：0;
top: 11px; font-size: 24px; color: #fff; font-family: arial; }
.faqs_desc { position:relative; padding-left: 58px; margin-top: 25px; color:#333 }
.faqs_desc p { margin-bottom:1.5em; }
.faqs_desc img { max-width:100% }
.faqs_desc:before { content:"A"; border-radius:50px; width:40px; height:40px; text-align:center; line-height:40px; background:var(--beyond-hover-color); position:absolute; left: 0;  top：0;
font-size: 24px; color: #fff; top: 0; }
/**********/
#contact .topTtl { margin-bottom: 4.7rem; font-weight: 500; text-align: center; color: var(--beyond-brand-color); }
#contact .mailForm { max-width:80%; margin:0 auto; line-height: 1.5; font-size:16px }
#contact .mailForm form { margin-top: -12rem; padding-top: 12rem; }
#contact .mailForm table { margin-bottom: 3rem; width: 100%; border-collapse: collapse; }
#contact .mailForm th, #contact .mailForm td { padding: 0 5rem 1.5rem 2.5rem; vertical-align: top; text-align: left; font-size: 1.6rem; font-weight: 400; word-break: break-all; box-sizing: border-box; }
#contact .mailForm th { padding: 0.9rem 8.4rem 0 0; position: relative; width: 23%; text-align: right; }
#contact .mailForm .must, #contact .mailForm .any { position: absolute; right: 1.5rem; top: 0.9rem; width: 5.8rem; padding: 0.5rem 0.2rem; text-align: center; color: #fff; font-size: 1.2rem; background-color:var(--beyond-brand-color); }
#contact .mailForm .any { background-color: #77a624; }
#contact .mailForm input[type="text"], #contact .mailForm input[type="email"], #contact .mailForm input[type="tel"], #contact .mailForm textarea { width: 100%; padding: 0 1rem; height: 5rem; font-size: 1.4rem; color: #333; border: 1px solid #ccc; box-sizing: border-box; appearance: none; box-shadow: none; background: #fff; border-radius: 0; }
#contact .mailForm td textarea { height: 20rem; padding: 1rem; resize: vertical; }
#contact .mailForm input[type="radio"] { display: none; }
#contact .mailForm input[type="radio"] ~ span {
 padding: 0 0 0.4rem 3.2rem;
 line-height:2.4rem;
 display: inline-block;
 cursor: pointer;
 background: url(../../images/radio_img01.png) no-repeat left top 0.2rem;
}
#contact .mailForm input[type="radio"]:checked ~ span {
 background-image: url(../../images/radio_img02.png);
}
#contact .mailForm input[type="checkbox"] { display: none; }
#contact .mailForm input[type="checkbox"] ~ span {
 padding: 0 0 0.4rem 3.2rem;
 display: inline-block;
 line-height:2.4rem;
 cursor: pointer;
 background: url(../../images/check_img01.png) no-repeat left top 0.2rem;
}
#contact .mailForm input[type="checkbox"]:checked ~ span {
 background-image: url(../../images/check_img02.png);
}
#contact .mailForm .radioUl { padding: 0.7rem 0 1.3rem; }
#contact .mailForm .radioUl li, #contact .mailForm .radioUl .wpcf7-list-item { margin: 0 5.6rem 0 0; }
#contact .mailForm .checkUl { padding: 0.7rem 0 1rem; }
#contact .mailForm .checkUl li, #contact .mailForm .checkUl .wpcf7-list-item { margin: 0 5.6rem 0 0; }
#contact .mailForm input::-webkit-input-placeholder, #contact .mailForm textarea::-webkit-input-placeholder {
 color: #999;
 opacity: 1;
}
#contact .mailForm input:-moz-placeholder, #contact .mailForm textarea:-moz-placeholder {
 color: #999;
 opacity: 1;
}
#contact .mailForm input::-moz-placeholder, #contact .mailForm textarea::-moz-placeholder {
 color: #999;
 opacity: 1;
}
#contact .mailForm input:-ms-input-placeholder, #contact .mailForm textarea:-ms-input-placeholder {
 color: #999;
 opacity: 1;
}
#contact .mailForm .agree { font-size: 1.4rem; text-align: center; }
#contact .mailForm .agree a { vertical-align:top }
#contact .mailForm .agree a:hover { color:var(--beyond-brand-color) }
#contact .mailForm .agree .wpcf7-form-control-wrap { display: block; }
#contact .mailForm .agree .wpcf7-list-item { margin-left: 0; }
#contact .mailForm .agree label { margin-top: 1.1rem; display: block; }
#contact .mailForm .submit li { width: 30rem; margin: 0 2rem; position: relative; }
#contact .mailForm .submit .wpcf7-spinner { position: absolute; left: -5rem; }
#contact .mailForm .submit input, #contact .thanks-goback { width: 100%; height: 6rem; padding: 0.5rem 2rem 0.8rem; display: block; color: #fff; font-size: 1.8rem; background:var(--beyond-brand-color) url(../../images/icon03.png) no-repeat center right 1.8rem; border-radius: 5rem; border: none; box-sizing: border-box; appearance: none; box-shadow: none; cursor: pointer;  transition: .3s;
}
#contact .thanks-goback { line-height:6rem; max-width:350px; margin:0 auto; padding:0; text-align:center }
#contact .thanks { margin-bottom: 3rem; text-align: center; font-size: 16px; line-height: 1.5; ; }
 @media all and (max-width: 896px) {
 #contact {

}
 #contact .topTtl {
 margin-bottom: 2rem;
 line-height:1.5;
}
 #contact .mailForm {
 padding: 2rem 1rem;
}
 #contact .mailForm form {
 margin-top: -4.5rem;
 padding-top: 4.5rem;
}
 #contact .mailForm table {
 margin-bottom: 1rem;
}
 #contact .mailForm th, #contact .mailForm td {
 width: 100% !important;
 display: block;
 padding: 1rem 0 2rem;
 font-size: 1.3rem;
}
 #contact .mailForm th {
 padding: 0;
 text-align: left;
}
 #contact .mailForm .must, #contact .mailForm .any {
 right: 1rem;
 top: 0;
 width: 4rem;
 font-size: 1.2rem;
}
 #contact .mailForm input[type="text"], #contact .mailForm input[type="email"], #contact .mailForm input[type="tel"], #contact .mailForm textarea {
 height: 4rem;
 font-size: 1.3rem;
}
 #contact .mailForm td textarea {
 height: 15rem;
}
 #contact .mailForm input[type="radio"] ~ span {
 padding: 0 0 0.4rem 2rem;
 background-size: 1.4rem auto;
 background-position: left top 0.2rem;
}
 #contact .mailForm input[type="checkbox"] ~ span {
 padding: 0 0 0.4rem 2rem;
 background-size: 1.4rem auto;
 background-position: left top 0.2rem;
}
 #contact .mailForm .radioUl {
 padding: 0;
}
 #contact .mailForm .radioUl li, #contact .mailForm .radioUl .wpcf7-list-item {
 margin-right: 2rem;
}
 #contact .mailForm .checkUl {
 padding: 0;
}
 #contact .mailForm .checkUl li, #contact .mailForm .checkUl .wpcf7-list-item {
 margin-right: 2rem;
}
 #contact .mailForm .agree {


}
 #contact .mailForm .submit {
 display: block;
}
 #contact .mailForm .submit li {
 width: 22.5rem;
 margin: 0 auto 1rem;
}
 #contact .mailForm .submit .wpcf7-spinner {
 left: 35%;
}
 #contact .mailForm .submit li:last-child {
 margin-bottom: 0;
}
 #contact .mailForm .submit input {
 height: 4rem;
 padding: 0.4rem 1rem 0.6rem;
 font-size: 1.3rem;
 background-position: center right 1.2rem;
 background-size: 0.6rem auto;
}
}
#contact .mailForm .submit { justify-content: center; display:flex; flex-wrap:wrap }
#contact .mailForm .captcha { padding: 0.7rem 0; width: 100%; display: flex; justify-content: center; align-items: center; margin: -3rem auto 4rem;margin-top:0; background-color: #fff; position: relative; }
#contact .mailForm .captcha .wpcf7-form-control-wrap { display: flex; justify-content: center; align-items: center; width: 11rem; position: static; }
#contact .mailForm .captcha input { padding: 0 0.2rem; margin: 0 0.5rem; width: 3.5rem; height: 3.5rem; border-radius: 0.5rem; text-align: center; font-size: 1.6rem; }
#contact .mailForm.confirm .captcha { display: none; }
#contact .mailForm .captcha .wpcf7-not-valid-tip { position: absolute; left: 0; top: 100%; width: 100%; text-align: center; }
#contact .mailForm .agree a:hover { text-decoration: underline; }
#contact .mailForm .submit input:hover { background-color:var(--beyond-hover-color); }
#contact .mailForm.confirm input[type="text"], #contact .mailForm.confirm input[type="email"], #contact .mailForm.confirm input[type="tel"]{ background: transparent;}
#contact .mailForm.confirm .agree { display: none; }
/***/
/***/
#privacy { font-size: 15px; line-height:1.8; color: #333; }
#privacy p { margin-bottom:0; }
#privacy .li_items_privacy li p { margin-bottom:10px }
.h2_privacy { font-size: 16px; margin-bottom: 15px; }
.li_items_privacy { padding-left: 2em; }
.li_items_privacy li { margin-bottom: 25px; }
.beyond-create-author { text-align: right; margin:25px 0; }
.li_items_privacy li:last-child { margin-bottom:0 }
.beyond-contact { background:#f7fbfb; padding: 35px; }
.beyond-contact h3 { font-size: 16px; margin-bottom: 10px; position: relative; }
.beyond-contact h3:before { content:""; background: #000; width: 8px; height: 8px; border-radius: 15px; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: 10px; }
.li_items_privacy li h3 { font-size: 16px; margin-bottom: 10px; position: relative; }
.li_items_privacy li h3:before { content:""; background: #000; width: 8px; height: 8px; border-radius: 15px; display: block; position: absolute; left: -16px; top: 11px; }
#privacy .p_indent { padding-left:2em; margin-bottom:10px }
/****************/
.news_show .w1200 { padding:0 10rem }
.single_content { line-height:1.8; font-size:16px; }
.single_content p { margin-bottom:15px }
.single_content a,.faqs_content a{color:var(--beyond-brand-color)}
.single_content #toc_container a{color:#000}
.single_content a:hover,.faqs_content a:hover{text-decoration:underline}
.single_content img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; }
.single_content h3 { border-left:.6em solid var(--beyond-brand-color);background: #f3f3f3; padding-left:15px; border-bottom:0px solid #ddd; font-size:2rem; padding-top:5px; padding-bottom:10px; margin-top:25px; margin-bottom:25px }
.single_content h2 { font-size:2.2rem; color:#fff; margin-bottom: 2rem; background:var(--beyond-brand-color); box-shadow:6px 6px 0 #46bfcc; padding:1rem 1.5rem;}
.single_content blockquote {position: relative;padding: 10px 15px 10px 60px;box-sizing: border-box;font-style: italic;border: solid 1.5px #138995;background-color: #fbf7ed;}
.single_content blockquote:before {display: inline-block;position: absolute;top: 5px;left: 0;content: "“";color: #138995;font-size: 90px;line-height: 1;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.single_content table { border:1px solid #99a3a3; margin:25px 0 }
.single_content table tr td {  padding: 12px 10px; border-right: 1px solid #99a3a3; border-bottom: 1px solid #99a3a3; line-height: 1.4; vertical-align: middle; }
.single_content table tr td:first-child {padding-left: 24px; }
.news_show_h1 { border:1px solid var(--beyond-brand-color); padding:25px; text-align:center; line-height:1.5; background:#fbf7ed; margin-bottom:35px; }
.news_show_h1 h1 { font-size:2.4rem; display:block; margin-top:20px; }
.news_show_h1 time { font-size:16px; display:inline-block; vertical-align:middle }
.news_show_h1 span { background:var(--beyond-brand-color); color:#fff; display:inline-block; padding:6px 15px; vertical-align:middle; margin-left:15px;text-transform: capitalize;}
/***/
.news_contact { margin-top:35px; line-height:1.8; font-size:16px; }
.news_contact .h2 { border-left:25px solid var(--beyond-brand-color); padding-left:15px; border-bottom:1px solid #ddd; font-size:2rem; padding-top:5px; padding-bottom:10px; margin-top:25px; margin-bottom:25px }
.news_contact_code { text-align:center }
.news_contact_code li { display:inline-block; width:260px; margin:0 25px }
.news_contact_code p { margin-bottom:15px }
.news_contact_code img { width:100%; height:auto }
/**/
.news_prev_next { text-align:center; margin-top:25px; position:relative;z-index:9 }
.news_prev_next a { display:inline-block; color: #fff; font-size:16px; background:var(--beyond-brand-color) url(../../images/icon03.png) no-repeat center right 1.8rem; border-radius:50px; height: 60px; line-height: 56px; width: 200px; }
.news_prev_next li { display:inline-block; margin:0 25px; width:260px; }
.news_prev_next li.prev a { background-image:url(../../images/icon06.png); background-position: center left 1.8rem; }
.news_prev_next a:hover { background-color:var(--beyond-hover-color) }
/******/
.service-show-banner {background: url(../../images/banner/101.jpg) no-repeat center;background-size: cover;margin-top: 30px;position: relative;}
.service-show-banner .w1200 {height:32rem;position: relative;}
.service-show-banner h1 {font-size:40px;height: auto;line-height: 1.5;background: var(--beyond-brand-color);color: #fff;font-weight: normal;text-align: center;border-radius:25px;display: flex;justify-content:center;align-items:center;padding:50px 50px;height:220px;position: absolute;left:0px;top:-30px;width: 500px;    font-family: 'Microsoft yahei';}
.service-show-h2 { margin-bottom:35px }
.service-show-h2 h2 { display:inline-block; color:#fff; position:relative; padding: 10px 45px; font-size: 20px; }
.service-show-h2 h2:before { width: 100%; height:100%; display:block; z-index: -1; position:absolute; right:0%; top:0%; clip-path: polygon(4rem 0%, 100% 0%, calc(100% - 4rem) 100%, 0% 100%); background-color:var(--beyond-brand-color); content: ""; }
.service-show-items { line-height:1.8; font-size:16px; margin-bottom:50px }
.service-show-items p { margin-bottom:15px }
.service-show-items p:last-child { margin-bottom:0 }
.service-show-desc { padding:0 0px; }
.service-show-items img { max-width: 100%; height:auto; display: block; margin: 0 auto; margin-bottom:15px; }
.service-show-three-ulist { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.service-show-three-ulist li { width:320px; text-align:center; margin-top: 25px; }
.service-show-three-ulist li h3 { font-size:18px; margin-bottom:15px}
.service-show-three-ulist li p { font-size:14px }
.service-show-three-ulist li.full { width:100%; text-align: left; }
.service-show-three-ulist li.full figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; float: left; margin-right: 50px; }
.service-show-items .service-show-three-ulist img{height:90px;max-width:100%; width:auto;margin:25px auto}
/**/
.service-show-thumb-lt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; */ -ms-flex-align: start; align-items: flex-start; margin-right:50px }
.service-show-thumb-lt figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.service-show-thumb-rt { flex: 1 1 30%; }
.service-show-thumb-rt h3 { font-size:18px; margin-bottom:15px }
/******/
.page-screen-item{position:relative}
.page-screen-item .w1200{position:relative;z-index:2}
.page-screen-item:before{content:"";position:absolute;right:0;top:0;z-index:1;opacity:0}
.page-screen-item:after{content:"";position:absolute;right:0;top:0;z-index:1;opacity:0}
.page-screen-item .single_content table{background:#fff;}
.page-screen-item .single_content .single_content table tr td{border-color:#fff}
#service_show_website .service-show-container{position:relative;}
#service_show_website .service-show-container:before{opacity:0;content:"";background:#ebf2fa;width:100%;height:30%;position:absolute;left:0;top:0;z-index:1;clip-path:polygon(100% 0, 0% 100%, 100% 100%);}
#service_show_website .page-screen-item-02:before{opacity:0;content:"";background:#ebf2fa;width: 100%;height: 80%;z-index:1;clip-path: polygon(100% 0, 100% 54%, 0 100%, 0 52%);}
#service_show_website .page-screen-item-02:after{
    clip-path: polygon(1% 0, 32% 100%, 71% 85%); width: 1200px;  height: 1500px; right: calc(100% - 1200px - 15%); transform: rotate(339deg); background: #fafafa;}
/****/
#service_show_development .service-show-container{position:relative;}
#service_show_development .service-show-container:before{opacity:0;content:"";background:#ebf2fa;width:100%;height:30%;position:absolute;left:0;top:0;z-index:1;clip-path:polygon(100% 0, 0% 100%, 100% 100%);}
#service_show_development .page-screen-item-02:before{opacity:0;content:"";background:#ebf2fa;width: 100%;height: 70%;z-index:1;clip-path: polygon(100% 0, 100% 54%, 0 100%, 0 52%);top: 20%;}
#service_show_development .page-screen-item-02:after{
    clip-path: polygon(1% 0, 32% 100%, 71% 85%);width: 1200px;height: 90%;background: #fafafa;right: calc(100% - 1200px - 15%);transform: rotate(342deg);top: 20%;
    }
/****/
#service_show_server .service-show-container{position:relative;}
#service_show_server .service-show-container:before{opacity:0;content:"";background:#ebf2fa;width:100%;height:30%;position:absolute;left:0;top:0;z-index:1;clip-path:polygon(100% 0, 0% 100%, 100% 100%);}
#service_show_server .page-screen-item-02:before{opacity:0;content:"";background:#ebf2fa;width: 100%;height: 70%;z-index:1;clip-path: polygon(100% 0, 100% 54%, 0 100%, 0 52%);top: 20%;}
#service_show_server .page-screen-item-02:after{
    clip-path: polygon(1% 0, 32% 100%, 71% 85%);width:1200px;height:85%;background: #fafafa;right: calc(100% - 1200px - 15%);transform: rotate(342deg);top: 20%;
    }
#service_show_server .service-show-three-ulist{background:#f2f2f2;overflow:hidden;padding:50px;border:1px solid #ddd}
#service_show_server .service-show-three-ulist li{width:calc(33.3333% - 25px);margin-right:25px;background:#fff;padding:20px;margin-top:35px}
#service_show_server .service-show-three-ulist li:nth-child(3n){margin-right:0}
#service_show_server .service-show-three-ulist li:nth-child(-n+3){margin-top:0}
/**/
.service_show_body .page-screen-item-02:before{opacity:0;content:"";background:#ebf2fa;width: 100%;height: 70%;z-index:1;clip-path: polygon(100% 0, 100% 54%, 0 100%, 0 52%);}
.service_show_body .page-screen-item-02:after{
    clip-path: polygon(1% 0, 32% 100%, 71% 85%); width: 1200px;  height:100%; background: #fafafa; right: calc(100% - 1200px - 15%); transform: rotate(339deg); }
/**/
.hardware_ul{display:flex;flex-wrap:wrap;}
.hardware_ul li{width:48%;display:flex;flex-wrap:wrap;margin-bottom:25px;margin-right:2%}
.hardware_ul li:nth-child(2n){margin-right:0}
.hardware_ul li .thumb{width:180px;}
.hardware_ul li p{margin-bottom:0}
.hardware_ul li img{width:100%;height:auto;}
.hardware_ul li .desc{width:calc(100% - 200px - 25px);margin-left:25px}
.hardware_ul li:nth-child(-n+2){}
/****/
.development_single_content{overflow-x:auto}
.development_single_content table {border: 1px solid #000;margin:25px 0;background: #fff;}
.development_single_content table tr td {padding: 12px 20px;border-right: 1px solid #000;border-bottom: 1px solid #000;line-height: 1.4;vertical-align: middle;}
.development_single_content table tr td:first-child {}
.development_border{border-radius:10px;border:1px solid #008080;padding:25px;background: #fff;}
.development_tip{margin-top:20px;background: var(--beyond-brand-color);text-align:center;line-height:1.5;color:#fff;padding:25px;border-radius:15px;}
/****/
.works_desc_p{display: -webkit-flex;display:flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;border:1px solid #ddd;border-radius:10px;padding:25px;margin-bottom:35px}
.works_desc_p .thumb{text-align:center;width:300px;order:1}
.works_desc_p .thumb img{max-width:100%;height:auto;vertical-align:top}
.is-single_works-table{width:calc(100% - 300px - 25px); margin-left:25px;line-height:1.5;order:2}
.is-single_works-table td{padding-bottom:10px;vertical-align:top;}
.is-single_works-table th:first-child{width:100px;text-align:left;vertical-align:top;padding-bottom:10px;color:#666;padding-top:2px}
.is-single_works-table a{color:#000}
.is-single_works-table a:hover{color:var(--beyond-brand-color)}
/***/
.service-show-items .service-show-desc.flex_layout{margin-bottom:35px}
.service-show-items .service-show-desc.flex_layout:last-child{margin-bottom:0}
.service-show-items .service-show-desc.flex_layout:nth-child(2n) .service-show-thumb-lt{order:2;margin-right:0;margin-left:50px}
.service-show-items .service-show-desc.flex_layout:nth-child(2n) .service-show-thumb-rt{order:1}
/***/
#service_show_china-hardware-international-shipping-agent .service-show-items .service-show-desc.flex_layout:nth-child(2n) .service-show-thumb-lt{order:1;margin-right:50px;margin-left:0px}
#service_show_china-hardware-international-shipping-agent .service-show-items .service-show-desc.flex_layout:nth-child(2n) .service-show-thumb-rt{order:2}
/*************************************/
@media all and (max-width:1300px){
    .about_banner{max-width:100%;padding-left:35px;padding-right:35px}
    .about_banner .w1200{height:21.53846153846154vw;}
    .about_banner .about{border-radius:1.92307692307692vw;height:16vw;font-size:2vw;width:450px;line-height:1.4}
}

@media all and (max-width:640px){
    .about_banner{max-width:100%;padding-left:30px;padding-right:30px}
    .about_banner .w1200{height:120px;}
    .about_banner .about{border-radius:10px;width:200px;padding:0 25px;height:80px;font-size:16px;}
}

@media all and (max-width:1300px){
.h3_title{font-size:30px;}
.about_thumb{margin-right:7.69230769230769vw}
}
@media all and (max-width:1270px){
    .breadcrumbs{padding:0 35px}
    .company_info_box{padding:80px 35px;}
    .news_ulist{padding:0 35px}
    .service_other{padding:0 35px; max-width: 100%;}
    .service_other li{width:calc(33.3333333333% - 15px);margin-right:22.5px;margin-top:22.5px}
    .service_cloud{padding:0 35px}
    /**/
    .blog_list_box{padding:0 35px}
    /**/
    #faq_container{padding:0 35px}
    .works_list_box{padding:0 35px}
    .page_privacy{padding:0 35px}
    .news_show{padding:0 35px}
    .news_show .w1200{padding:0}
    /**/
    .works_list_box1 .faqs_cat_ul li{width:calc(25% - 10px);margin-right:13.33333333333333px;}
    .works_list_box1 .faqs_cat_ul li:nth-child(n){margin-right:13.33333333333333px;margin-top:0}
    .works_list_box1 .faqs_cat_ul li:nth-child(4n){margin-right:0;}
    /**/
    .news_related .news_ulist{padding:0}
    .blog_show{padding:0 35px}
    .w1200{max-width:100%}
}
@media all and (max-width:1200px){
  .about_thumb img{width:250px}
  .service_other li h3{font-size:18px}
  /**/
	 .faqs_cat_ul li{width:calc(25% - 15px);margin-right:20px;margin-top:20px;}
    .faqs_cat_ul li:nth-child(-n+5){margin-top:20px;}
    .faqs_cat_ul li:nth-child(5n){margin-right:20px;}
    .faqs_cat_ul li:nth-child(-n+4){margin-top:0px;}
    .faqs_cat_ul li:nth-child(4n){margin-right:0px;}
	/**/
  .blog_cat_tab{width:100%;float:left}
  .blog_ulist_lt{width:100%;float:left}
  .blog_ads{display:none}
  .blog_cat_ul{width:calc(100% + 15px);display: flex;display: -webkit-flex;flex-wrap: wrap;}
  .blog_cat_ul li{width:calc(25% - 15px);margin-right:15px;}
  .blog_cat_ul li a{text-align:center;border:1px solid var(--beyond-brand-color);height: 100%;justify-content: center;align-items: center;display: flex;line-height: 1.5;}
  .blog_cat_area{background:none;padding:0;}
  .blog_show  .blog_cat_tab{display:none}
}
@media all and (max-width:1100px){
.h3_title{font-size:28px;}
.company_info_box{padding:60px 35px;}
.company_information{margin:0 35px;}
.company_brand{margin:0 35px;}
 .about_desc{font-size:16px}
 .about_desc p b{font-size:20px;}
 .about_desc b:before{margin-top:6px}
 .director_info{padding:0 35px;font-size: 16px;}
 .director_desc_title{font-size: 26px;margin-bottom: 20px;}
 .director_thumb{margin-top:0}
 .company_brand li{width: calc(50% - 10px);margin-right:20px;}
 .service_other li h3{font-size:16px}
 /**/
 .director_before_after:before{top:0;height:100vw;opacity:0}
 .director_before_after:after{width:100%;height:100%;right:0;opacity:0}
 #service_show_website .service-show-container:before{opacity:0}
 #service_show_website .page-screen-item-02:before{opacity:0}
 #service_show_website .page-screen-item-02:after{opacity:0}
 #service_show_development .service-show-container:before{opacity:0}
 .service_show_body .page-screen-item-02:after{opacity:0}
 .service_show_body .page-screen-item-02:before{opacity:0}
 #service_show_server .service-show-container:before{opacity:0}
 #service_show_server .page-screen-item-02:before{opacity:0}
 #service_show_server .page-screen-item-02:after{opacity:0}
}

@media all and (max-width:1000px){
.company_info_box{padding:60px 35px;}
.company_info_box .w1200{display:flex;display:-webkit-flex;flex-wrap:wrap;}
.about_thumb img{width:100%}
.company_info_box{padding:60px 35px;}
.about_thumb{padding:5vw;width:35%;margin-right:5.5vw}
.about_banner .about {border-radius:15px;height:135px;font-size:25px;}
.director_thumb{width:35%}
.director_desc{width:65%;margin-right:0;padding-right:50px}
.news_ulist li .desc p{padding-right:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.news_ulist li .desc{padding-left:25px}
 .service_other li h3{font-size:14px}
 /**/
 .faqs_cat_ul li{width:calc(33.3333333% - 10px);margin-right:15px;margin-top:15px}
 .faqs_cat_ul li:nth-child(3n){margin-right:0}
 .faqs_cat_ul li:nth-child(-n+3){margin-top:0}
 .faqs_cat_ul li:nth-child(-n+5){margin-top:15px;}
 .faqs_cat_ul li:nth-child(5n){margin-right:15px;}
 .faqs_cat_ul li:nth-child(-n+4){margin-top:15px;}
 .faqs_cat_ul li:nth-child(4n){margin-right:15px;}
  /***/
  .works_list_box1 .faqs_cat_ul li{width:calc(25% - 10px);margin-right:13.33333333333333px;}
  .works_list_box1 .faqs_cat_ul li a{font-size:14px}
  .works_list_box1 .faqs_cat_ul li:nth-child(n){margin-right:13.33333333333333px;margin-top:0}
   .works_list_box1 .faqs_cat_ul li:nth-child(4n){margin-right:0;}
   /**/
   .page_contact{padding:0 35px}
   #contact .mailForm{max-width:100%}
   #contact .mailForm th{width:220px;}
  #contact .mailForm td{padding-right:0}
  /**/
    .news_show_h1 h1{font-size:20px;}
  .single_content h2{font-size:18px;}
    .single_content h3{font-size:16px;}
  .news_show_h1{padding:15px;}
  .single_content h3{font-size:16px;}
  .news_thumbnail img{margin-bottom:15px}
  /**/
  .works_desc_p{padding:15px}
  .works_desc_p .thumb{width:200px}
  .is-single_works-table{margin-left:15px;width:calc(100% - 200px - 15px)}
}
@media all and (max-width:900px){
    .works_ulist li{width:calc(50% - 10px);margin-right:20px}
    .works_ulist li:nth-child(n){margin-right:20px;margin-top:25px}
    .works_ulist li:nth-child(2n){margin-right:0}
    .works_ulist li:nth-child(-n+2){margin-top:0}
    
     .about_thumb{margin-right:0;margin-bottom:35px}
    .about_desc{width:100%}
}
@media all and (max-width:850px){
    .service_other li{width:calc(50% - 10px);margin-right:20px;margin-top:20px;}
    .service_other li:nth-child(3n){margin-right:20px}
    .service_other li:nth-child(2n){margin-right:0}
    .service_other li:nth-child(-n+3){margin-top:20px}
    .service_other li:nth-child(-n+2){margin-top:0}
    .service_cloud li img{height:40px}
    .service_cloud li b{font-size:18px;}
    .blog_ulist li{padding:10px}
    /**/
    .faqs_cat_ul li a{border-width:1px;padding:10px;}
}


@media all and (max-width:800px){
    .company_brand{margin:0 30px;}
    .company_information{margin:0 30px;}
     .director_info{padding:0 30px;}
    .news_related .news_ulist{padding:0}
    .page_privacy{padding:0 30px}
    .page_contact{padding:0 30px}
    .works_list_box{padding:0 30px}
    #faq_container{padding:0 30px}
    .blog_list_box{padding:0 30px}
    .breadcrumbs{padding:0 30px}
    .news_ulist{padding:0 30px}
    .company_info_box{padding:50px 30px;}
    .about_banner .about { border-radius: 10px;padding: 0 25px;height: 135px;font-size: 20px;}
    .h3_title{font-size:25px}
    .h3_title span{padding:0 3rem;padding-bottom:1.5rem}
    .director_thumb{width:35%}
    .director_desc{width:65%;margin-right:0;padding-right:35px}
    .service-other-space-top{margin-top:40px}
    .service_other{padding:0 30px}
    .service_cloud{padding:0 30px}
    .service_cloud li{width: calc(50% - 12.5px);margin-right:25px}
    .service_cloud li:nth-child(3n+2){margin-right:25px}
    .service_cloud li:nth-child(2n){margin-right:0}
    .blog_cat_ul li a{font-size: 14px;padding:10px}
    /**/
    .blog_ulist li{width:calc(50% - 10px);margin-right:20px}
     .blog_ulist li:nth-child(-n+3){margin-top:20px}
    .blog_ulist li:nth-child(3n){margin-right:20px;}
    .blog_ulist li:nth-child(-n+2){margin-top:0}
    .blog_ulist li:nth-child(2n){margin-right:0}
      /***/
  .works_list_box1 .faqs_cat_ul li{width:calc(50% - 7.5px);margin-right:15px;}
  .works_list_box1 .faqs_cat_ul li:nth-child(n){margin-right:15px;margin-top:15px}
   .works_list_box1 .faqs_cat_ul li:nth-child(2n){margin-right:0;}
   .works_list_box1 .faqs_cat_ul li:nth-child(-n+2){margin-top:0;}
   .news_contact_code li{width:230px;font-size: 14px;}
   .news_prev_next li{width:230px}
   .blog_show{padding:0 30px}
   .director_desc_title{margin-left:0}
}

@media all and (max-width:700px){
    .news_ulist li .desc p span{position:static;display:block;margin-bottom:5px}
    .news_ulist li .desc p{padding-left:0;}
    .service_home{padding:0 30px}
    .faqs_cat_ul li a{font-size:14px; height: 100%; justify-content: center; align-items: center; display: flex;line-height: 1.5;}
    .faqs_items{font-size:14px}
    .faqs_ulist{margin-top:40px}
    .faqs_desc{margin-top:15px}
    .faqs_title:before{width:30px;height:30px;line-height:30px;top:4px;font-size:16px}
    .faqs_desc:before{width:30px;height:30px;line-height:30px;top:4px;font-size:16px}
     .faqs_title{padding-left:48px}
     .faqs_desc{padding-left:48px}
     .faqs_title a{padding-top:0;padding-bottom:0}
     .faqs_desc p{margin-bottom:10px}
     .works_ulist li .title{font-size:14px}
     .works_ulist li .desc{font-size:12px}
     #privacy{font-size:14px;line-height:1.5}
     .single_content{font-size:14px;line-height:1.5}
     .news_contact .h2{font-size:16px;border-right-width:15px;}
     /**/
     .is-single_works-table{width:100%;margin-left:0}
     .works_desc_p .thumb{width:100%;margin-top: 15px;}
}

@media all and (max-width:640px){
     .about_desc p b{font-size:18px;}
     .about_desc{font-size:15px}
     .about_desc b:before{margin-top:4px}
     .about_banner .about{ border-radius:10px;width:50.875vw; padding: 0 25px;height:18.96875vw;font-size:4vw;}
     .h3_title{font-size:22px}
     .h3_title span{padding:0 2.5rem;padding-bottom:1.5rem}
     .news_ulist li .desc{font-size:16px;}
     .news_ulist li .thumb{width:13rem;height: 6.5em;}
     .news_ulist li .desc{width:calc(100% - 13rem);font-size:15px;padding-left:20px}
     /**/
     .blog_cat_ul li{width:calc(50% - 15px);}
     .blog_ulist li .title{font-size:14px}
    .blog_ulist li .cattime label{font-size:12px;color:var(--beyond-brand-color);padding:0;background: none;margin: 0;}
    .blog_ulist li .cattime{margin-bottom:5px}
      /**/
 .faqs_cat_ul li{width:calc(50% - 7.5px);margin-right:15px;margin-top:15px}
 .faqs_cat_ul li:nth-child(3n){margin-right:15px}
  .faqs_cat_ul li:nth-child(-n+3){margin-top:15px}
       .faqs_cat_ul li:nth-child(-n+2){margin-top:0}
        .faqs_cat_ul li:nth-child(2n){margin-right:0}
        .faqs_cat_ul li a{font-size:13px}
    /**/
    .news_show_h1 h1{font-size:18px;line-height:1.5;margin-top:10px}
  .single_content h2{font-size:17px;}
    .single_content h3{font-size:15px;}
    .news_prev_next li{margin:0;width:auto}
    .news_prev_next li{float:left}
    .news_prev_next li:last-child{float:right}
    .news_prev_next a{width:150px;height: 45px;line-height: 45px;font-size: 15px;}
    /**/
    .is-single_works-table th:first-child{width:100%;display:block}
    .is-single_works-table td{width:100%;display:block}
}

@media all and (max-width:640px){
     .about_banner .about{border-radius:10px;width: 300px;padding: 0 25px;height: 125px;font-size: 18px;}
     .about_thumb{width:250px;padding:40px;border-radius:15px;}
     .director_desc_title{font-size:22px;order:2;}
     .director_desc{font-size:15px;width:100%;padding-right:0;order:3;}
     .director_thumb{width:100%;order:1;box-shadow: 0 5px 15px rgb(0 0 0 / 0.05);padding:0 0px;background:#ecf2f9;text-align:center;margin-bottom:25px}
     .director_thumb img{box-shadow: 0 5px 15px rgb(0 0 0 / 0);width:50%;margin:0 auto}
     .director_desc .name-thumb{margin-top:15px}
     .company_information{font-size:15px}
     .news_ulist li .desc p{-webkit-line-clamp:3;}
     .blog_search button{width:100px;}
     .blog_search{padding-right:100px}
     .service_cloud li{padding:25px 15px}
     .service_cloud li img{height:30px}
     .service_cloud li b{font-size:15px;line-height:1.5}
     .service_cloud li p{font-size:13px}
     .blog_ulist li .cattime .time{display:block;font-size:13px}
          .director_desc .name-thumb b{font-size: 18px;}
     .director_desc .name-thumb p{font-size: 25px;}
     /**/
     .news_contact_code li{width:220px;}
}


@media all and (max-width:500px){
    .page_privacy{padding:0 20px}
    .page_contact{padding:0 20px}
    .works_list_box{padding:0 20px}
    #faq_container{padding:0 20px}
    .blog_list_box{padding:0 20px}
    .breadcrumbs{padding:0 20px}
    .news_ulist{padding:0 20px}
    .director_info{padding:0 20px;}
    .company_info_box{padding:50px 20px;}
    .company_information{margin:0 20px;}
    .company_brand{margin:0 20px;}
    .about_banner{ padding-left:20px; padding-right: 20px;}
    .service_home{padding:0 20px}
    .service_other{padding:0 20px}
    .service_cloud{padding:0 20px}
    .news_show{padding:0 20px}
    .blog_show{padding:0 20px}
}

@media all and (max-width:500px){
    .about_thumb{width:200px;padding:30px;border-radius:15px;}
    /**/
   .company_information li{padding-left:15px;padding-top: 0;}
   .company_information li label{width: calc(100% + 30px);position: static;padding: 15px;margin-bottom: 15px;margin-left:-15px;}
   .company_information li{border-color:var(--beyond-brand-color)}
   .company_brand li{width:100%;margin-right:0}
   .company_brand li:first-child{margin-bottom:20px}
   .company_brand li{padding:15px}
     /**/
     .service_other li{width:100%;margin-right:0px;margin-top:20px;}
    .service_other li:nth-child(3n){margin-right:0px}
    .service_other li:nth-child(2n){margin-right:0}
    .service_other li:nth-child(-n+3){margin-top:20px}
    .service_other li:nth-child(-n+2){margin-top:20px}
    .service_other li:nth-child(-n+1){margin-top:0}
    .service_other li h3{font-size:16px}
    .blog_ulist li .title{font-weight:normal}
}
@media all and (max-width:480px){
     .news_ulist li .thumb{width:10rem;height: 6em;}
     .news_ulist li .desc{width:calc(100% - 10rem);font-size:15px}
     .blog_search button{width: calc(100% + 2px);top: 61px;left: -1px;}
     .blog_search{margin-bottom:88px;padding-right:0}
     .blog_search input{font-size:12px}
     /**/
     .service_cloud li:nth-child(1), .service_cloud li:nth-child(2){width:100%;margin-right:0}
     .service_cloud li{width:100%;margin-right:0}
     .service_cloud li:nth-child(3n+2){margin-right:0}
     .blog_ulist li{border-width:1px;padding:0}
     .blog_ulist li .desc{padding:10px}
      .blog_ulist li .cattime label{display:none}
      .blog_cat_tab .blog_search button{width:100%}
      .blog_cat_tab .blog_search{padding-right:0}
      /**/
     .works_ulist li{width:100%;margin-right:0px}
    .works_ulist li:nth-child(n){margin-right:0px;margin-top:25px}
    .works_ulist li:nth-child(2n){margin-right:0}
    .works_ulist li:nth-child(-n+1){margin-top:0}
    .works_ulist li .title{margin-bottom:10px}
}
@media all and (max-width:400px){
    .about_banner .about{border-radius:10px;width: 260px;padding: 0 15px;height: 110px;font-size: 16px;}
    .about_thumb{width:180px;padding:30px;border-radius:15px;}
    .director_desc_title{font-size:20px}
    .blog_cat_ul li a{font-size:13px}
    /**/
    .blog_ulist li{width:100%;margin-right:0}
    .blog_ulist li .cattime label{display:block;}
    .blog_ulist li:nth-child(-n+2){margin-top:20px}
    .blog_ulist li:nth-child(1){margin-top:0}
    .blog_ulist li:nth-child(3n){margin-right:0}
    .news_prev_next a{width:130px;height:45px;line-height:45px;font-size:13px;}
}
@media all and (max-width:359px){
    .director_desc_title{font-size:18px}
    .director_desc{font-size:14px}
		  .faqs_cat_ul li{width:100%;margin:0;}
	  .faqs_cat_ul li:nth-child(n){margin:0;margin-top:15px}
	  .faqs_cat_ul li:nth-child(-n+){margin-top:0}
}