/* CSS Document */
@import url("core.css");
@import url("common.css?v=1200");
body,html{font-family:'Noto Sans SC', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic,'メイリオ' , Meiryo , Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin:0}
html{font-size: 62.5%;}
.overflow {overflow:hidden }
.w1200 { max-width:var(--content-min-width); margin:0 auto; }
.w1000{ max-width:1000px;margin:0 auto}
.w800{ max-width:800px;margin:0 auto}
/************/
.index-padding-space-top{padding-top:var(--index-padding-space)}
.index-padding-space-bottom{padding-bottom:var(--index-padding-space)}
.index-margin-space-top{margin-top:var(--index-margin-space);}
.index-margin-space-bottom{margin-bottom:var(--index-margin-space)}
.title-bottom50{margin-bottom:var(--page-title-maring-space-50)}
.title-bottom30{margin-bottom:var( --page-title-maring-space-30)}
/**banner*/
.banner_title{background:var(--beyond-brand-color);color:#fff;font-size:50px;width:62%;position: absolute;left: 0;top: 45px;height: calc(100% - 45px);border-bottom-right-radius: 100px;border-top-right-radius:100px;border-top-left-radius:100px;z-index: 6;line-height:38px;}
.banner_title_position{position:relative;height:100%}
.banner_title_p{position:absolute;left: 10%;top:0;height:100%;display:flex;align-items:center;width: 150%;font-family: 'Noto Sans SC';font-weight: bold;}
.banner_title  p{display:flex;width:100%}
.banner_title .p1{}
.banner_title .p2{padding-left: 1em;}
.banner_title .p3{padding-left: 2em;}
.banner-box{position:relative;padding-bottom: 45px;overflow:hidden}
#banner-slider{width:60%;float:right;border-top-left-radius:100px;border-bottom-right-radius: 100px;z-index: 5;}
#banner-slider img{display:block;width:100%;height:auto;border-top-left-radius: 100px;border-bottom-right-radius: 100px;opacity:0}
#banner-slider .swiper-slide-active img{opacity:1}
#banner-slider .swiper-pagination-b * { opacity:1; cursor:pointer; background:none; background:#ddd; border-radius:0;opacity:1; width:100px;height:5px; margin:0 10px; outline:none; }
#banner-slider .swiper-pagination-b .swiper-pagination-bullet-active { background:var(--beyond-brand-color); }
#banner-slider .swiper-pagination-click {width:100%;z-index:990;text-align:center;padding:15px;display: none;}
/**notice*/
.notice-box{position:absolute;right:0;bottom: 31px;z-index:120;width:100%;font-size:16px}
.notice-center{/* width:var(--content-min-width); */margin:0 auto;}
.notice-right{background: var(--beyond-hover-color);width: 55%;border-radius:25px;float:right;padding: 0 35px;padding-right:140px;position:relative;margin-right: 50px;height: 60px;padding-top: 12px;}
.notice-link{position:absolute;right: 31px;top: 21px;color: #fff;}
#notice-slider a{display: block;line-height: 25px;color: #fff;padding-right: 25px;}
.notice-right:after{height: 23px;width:1px;background: #fff;content:"";display:block;position:absolute;right: 137px;top: 18px;}
#notice-slider{ height: 25px;}
#notice-slider span{/* display: inline-block; */vertical-align: middle;}
#notice-slider span.date{padding-right: 20px;margin-right: 20px;position: relative;font-size: 15px;}
#notice-slider .swiper-slide span.date:after{opacity:0;height:25px;width:1px;background: #fff;content:"";display:block;position:absolute;right: -2px;top: 3px;}
#notice-slider .swiper-slide.swiper-slide-active span.date:after{opacity:1}
.notice-box a:hover{color:#ffebb8}
/***about**/
.about_home{background: #fbfbfb url(../../images/banner/map.jpg) no-repeat center 150px;padding-top: 80px;background-size: 1300px auto;}
.about_home .w1200{position:relative;height: 742px;}
.about_box{position:relative;z-index:10;padding-top: 0;margin-bottom: 60px;}
.about_box img{display:block;width: 200px;height: auto;float:left;position: absolute;right: 0;top: -52px;}
.about_desc_p{font-size: 20px;line-height: 2;font-family:'Noto Sans SC';width: 650px;margin: 0 auto;text-align: center;}
.about_box p{}
.about_box p.pmore{margin-top: 15px;}
.about_box p.pmore a{display:inline-block;}
.about_box p.pmore a font,.about_box p.pmore a i{vertical-align:middle}
.about_box p.pmore a i{
    background: var(--beyond-brand-color);
    color: #fff;
    border-radius: 35px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    margin-left: 15px;
}
.about_home ul{position:relative;z-index:10;display: flex;flex-wrap: wrap;width:100%}
.about_home ul li{
    width:30%;
    margin-right:5%;
    text-align:center;
    background: rgba(255, 255, 255,0.6);
    padding:45px 15px;
    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:5px
    }
.about_home ul li:nth-child(3n){margin-right:0}
.about_home ul li img{width:auto;height: 90px;opacity: 0.6;}
.about_home ul li b{font-size: 25px;display:block;font-weight:bold;margin:20px 0;margin-top: 30px;color: var(--beyond-brand-color);}
.about_home ul li p{font-size: 16px;}
/****/
.h2_title{font-weight:normal;text-align: center;}
.h2_title span.en{font-size:36px;letter-spacing:0.02em;display: block;margin-bottom: 5px;color:rgba(0,0,0,0.6);text-transform: uppercase;font-family: arial;display: none;}
.h2_title span.jp{position:relative;display:inline-block;padding:0 53px;font-size:32px;color:var(--beyond-brand-color);text-transform:uppercase}
.h2_title span.jp:before{width:38px;height: 1px;margin-top: 2px;position: absolute;left: 0;top: 50%;background-color:var(--beyond-brand-color);content: "";}
.h2_title span.jp:after{width:38px;height: 1px;margin-top: 2px;position: absolute;right: 0;top: 50%;background-color:var(--beyond-brand-color);content: "";}
/****/
.com_link{text-align:center;margin-top:50px}
.com_link a{padding:25px;width:300px;display:inline-block;color: #fff;
	font-size:18px;	background:var(--beyond-brand-color) url(../../images/icon03.png) no-repeat center right 1.8rem;border-radius:50px;}
.com_link a:hover{background-color:var(--beyond-hover-color)}
/****/
.service_home{}
.service_home li{background-color:#f2f2f2;margin-bottom:50px;transition: .3s;}
.service_home li a:hover img{transform:scale(1.1)}
.service_home li:last-child{margin-bottom:0}
.service_home li .thumb{width:68rem;overflow:hidden;position:relative}
.service_home li .thumb img{vertical-align:top;max-width:100%;height:auto;object-fit: cover; transition: .3s;}
.service_home li .desc{line-height:1.8;width:calc(100% - 68rem);padding:50px;display: flex;justify-content: center;align-items: center;text-align:center}
.service_home li h3{font-size:30px;margin-bottom:15px;font-weight:500}
.service_home li p{font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;
    max-height:9em;
}
.service_home li:hover{background-color:var(--beyond-hover-color);}
.service_home li:hover a{color:#fff}
.service_home li:nth-child(2n-1) .thumb{order:2}
.service_home li:nth-child(2n-1) .desc{order:1}
/****/
.news_home{background:#fafdfd;}
.news_index_ulist{width:calc(50% - 40px);}
.news_index_ulist li{margin-bottom:40px;background-color: #fff;box-shadow: 2px 0px 15px 0px rgba(0, 0, 0, 0.05);}
.news_index_ulist li a{display:flex;flex-wrap:wrap;padding: 2rem;}
.news_index_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_index_ulist li .thumb img{width:100%;height:100%;transition:.3s; object-fit: cover;position:absolute;left:0;top:0}
.news_index_ulist li .desc{width:calc(100% - 15.6rem);font-size: 17px;line-height: 1.6;padding-left: 3rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.news_index_ulist li .desc p{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news_index_ulist li:hover .thumb{opacity: 0.6;}
.news_index_ulist li:hover a{color:var(--beyond-brand-color)}
.news_index_ulist li:nth-child(3n){margin-right:0}
.news_index_ulist li .time{display:block;margin-bottom:5px;color:#999;font-size: 16px;}
.news_lt{margin-right:80px;position:relative}
.news_index_ulist ul{position:relative}
.news_lt ul:after{width:1px;height:100%;position:absolute;left:100%;margin-left:40px;top:0;background:var(--beyond-brand-color);content:"";display:block}
/****/