@charset "UTF-8";

/* top-news
----------------------------------------------- */
.top-news{padding:64vw 0 0;}
.top-news .top-news-content{border:3px solid #cccccc;padding: 11vw 3vw 0vw;position:relative;background:#fff;}
.top-news .top-news-title{width:100%;color:#fff;font-size:6vw;background:#999;font-family:garamond-premier-pro,serif;font-weight:400;font-style:normal;font-feature-settings:"palt";letter-spacing:0.12em;text-align:center;padding:3vw 0 2vw;line-height:1;width:46vw;position:absolute;top:-6vw;left:-3px;}
.top-news .top-news-item-link{margin: 0 0 6vw;}
.top-news .top-news-items .top-news-item-time{margin-bottom:1vw;color:#9c8c59;font-size:4.4vw;display:block;font-family:garamond-premier-pro,serif;font-weight:400;font-style:normal;font-feature-settings:"palt";letter-spacing:.08em;line-height:1;}
.top-news .top-news-items .top-news-item-title{color:#282829;font-size:3.4vw;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.top-news-more{display: none;}

/* top-about
----------------------------------------------- */
.top-about{background:#f2f1eb;padding:0 0 12vw;}
.top-about .top-about-img{background:url(../images/top-about-img01.jpg) center top / 100% no-repeat;width:100%;height:67vw;}
.top-about .top-about-contents{margin:-7vw auto 0;width:90vw;}
.top-about-midashi {margin-bottom:5vw;text-align: center;text-align: left;}
.top-about-midashi .en {font-size: 12vw;display: block;line-height: 1;margin: 0 0 -1vw;letter-spacing: .08em;}
.top-about-midashi .jp {font-size: 3.8vw;display: block;font-family: var(--mincho);font-weight: 600;font-feature-settings: "palt";letter-spacing: .08em;}
.top-about .top-about-contents .top-about-sub-midashi{font-family: var(--mincho);font-weight: 600;font-size: 5.2vw;line-height: 1.6;font-feature-settings: "palt";letter-spacing: .08em;margin: 0 0 4vw;}
.top-about .top-about-contents .top-about-sub-midashi .mrk{color:#9c8c59;}
.top-about .top-about-contents .top-about-des{margin:0 0 6vw;}
.top-about .top-about-contents .top-about-des p{font-feature-settings:"palt";letter-spacing:.1em;line-height:1.94;font-size:3.8vw;}
.Android .top-about .top-about-contents .top-about-des p{font-size: 3.6vw;}


/* top-service
----------------------------------------------- */
.top-service {padding: 12vw 0 0;}
.top-service-midashi{font-size: 5.6vw;position: relative;text-align: center;margin-bottom: 22vw;}
.top-service-midashi:after{content: "";width: 1px;height: 14vw;background: #acacac;position: absolute;left: 50%;bottom: -16vw;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top-service .top-service-midashi .en{font-size:12vw;font-family:"garamond-premier-pro";font-weight:400;display:block;line-height:1;margin:0 0 -1vw;letter-spacing:.08em;background:linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.top-service .top-service-midashi .jp{display:block;font-size:3.8vw;font-family:var(--mincho);font-weight:600;font-feature-settings:"palt";letter-spacing:.08em;}
.top-service .top-service-lists{counter-reset:service;}
.top-service .top-service-lists li{margin:0 0 10vw;}
.top-service .top-service-lists .top-service-img{width:94vw;margin:0 auto -16vw 0;position:relative;z-index:-1;}
.top-service .top-service-lists .top-service-contents{width:94vw;margin:0 0 0 auto;border:1px solid #e7e7e7;padding:7vw 7vw 8vw;background:#fff;}
.top-service .top-service-lists .top-service-contents .top-service-sub-midashi{font-family:var(--mincho);font-weight:600;font-size:5.6vw;line-height:1.35;font-feature-settings:"palt";letter-spacing:.08em;margin:0 0 3vw;}
.top-service .top-service-lists .top-service-contents .top-service-sub-midashi:before{counter-increment:service;content:"Service." counter(service,decimal-leading-zero);font-family:"garamond-premier-pro";font-weight:400;display:block;line-height:1;letter-spacing:.08em;background:linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:5.2vw;margin:0 0 1.6vw;}
.top-service .top-service-lists .top-service-contents .top-service-des{margin:0 0 2.5vw;}
.top-service .top-service-lists .top-service-contents .top-service-des p{letter-spacing:0.06em;line-height:1.94;font-size:3.8vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";}


/* top-company-info
----------------------------------------------- */
.top-company-info{background:#f2f2f2;padding:15vw 0 2vw;}
.top-company-info-inner{width:89vw;margin:0 auto;}
.top-company-info .top-company-info-midashi{margin-bottom:7vw;text-align:left;}
.top-company-info .top-company-info-midashi .en{font-size:12vw;display:block;line-height:1;margin:0 0 -1vw;letter-spacing:.06em;background:linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.top-company-info .top-company-info-midashi .jp{font-size:3.8vw;display:block;font-family:var(--mincho);font-weight:600;font-feature-settings:"palt";letter-spacing:.08em;}
.top-company-info .bnrs .bnrs-link{margin:0 0 7vw;}
.top-company-info .bnrs .bnrs-link .bnrs-ttl{text-align:right;width:max-content;margin:-7.8vw 0 0 auto;position:relative;}
.top-company-info .bnrs .bnrs-link .bnrs-ttl:before{content:'';width:1px;height:20vw;display:inline-block;background:#686868;position:absolute;top:-28%;left:-7.5vw;-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg);}
.top-company-info .bnrs .bnrs-link .bnrs-ttl .en{font-size:10vw;display:block;line-height:1;letter-spacing:.15em;margin-bottom:-1vw;}
.top-company-info .bnrs .bnrs-link .bnrs-ttl .jp{font-size:4.6vw;display:block;font-family:var(--mincho);font-feature-settings:"palt";font-feature-settings:"palt";letter-spacing:.04em;margin:0 2vw 0 0;}

/* top-column
----------------------------------------------- */
.top-column {padding: 12vw 0 10vw;}
.top-column-inner{width:89vw;margin:0 auto;}
.top-column-midashi{font-size: 5.6vw;position: relative;text-align: center;margin-bottom: 22vw;}
.top-column-midashi:after{content: "";width: 1px;height: 14vw;background: #acacac;position: absolute;left: 50%;bottom: -16vw;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top-column .top-column-midashi .en{font-size:12vw;font-family:"garamond-premier-pro";font-weight:400;display:block;line-height:1;margin:0 0 -1vw;letter-spacing:.08em;background:linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.top-column .top-column-midashi .jp{display:block;font-size:3.8vw;font-family:var(--mincho);font-weight:600;font-feature-settings:"palt";letter-spacing:.08em;}

.column-list {margin-bottom: 6%;}
.column-list li{margin-bottom: 8vw;padding-bottom: 8vw;border-bottom: 1px dotted #ccc;}
.column-list li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.column-list li img{width: 100%;margin-bottom: 5vw;}

.column-list li p{margin-bottom: 4vw;font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;}
.column-list li .lead{font-size: 5vw;font-weight: 600;line-height: 1.6;}
.column-list li .category{margin-bottom: 2vw;display: inline-block;margin: 0 4vw 0 0;}
.column-list li .category span{padding:1.5vw 2vw;background: #9c8c59;color: #fff;font-weight: 600;margin-right: 10px}
.column-list li .date{font-size: 3.2vw;display: inline-block;}

/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {

.top-news{padding: 244px 0 0;}
.top-news .top-news-content{padding: 60px 34px 30px 34px;background: none;max-width: 602px;background: rgba(255,255,255,0.8);}
.top-news .top-news-title{font-size: 30px;padding: 10px 0;width: 220px;top: -28px;left: 24px;}
.top-news .top-news-item-link{margin: 0 0 18px;display:-webkit-box;display:-webkit-flex;display:flex;gap: 14px;}
.top-news .top-news-items .top-news-item-time{margin-bottom: 0;font-size: 24px;}
.top-news .top-news-items .top-news-item-title{font-size: 18px;-webkit-line-clamp: 3;position: relative;top: -4px;}
.top-news-more{display:block;color:#9c8c59;font-family:var(--mincho);font-size:18px;font-weight:600;font-feature-settings:"palt";letter-spacing:.06em;line-height:1;gap: 10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width: max-content;margin: 0 0 0 auto;}
.top-news-more:after{font-weight: normal;content: '\e80a';color: #7b6d43;font-family: 'icon';font-size: 120%;}

/* top-about
----------------------------------------------- */
.top-about{padding:0;}
.top-about .top-about-inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;flex-wrap: wrap;}
.top-about .top-about-img{width:50%;background:url(../images/top-about-img01-pc.jpg) center bottom / cover no-repeat;height:820px;}
.top-about .top-about-contents{margin:0;width:50%;padding:100px 65px;}
.top-about-midashi {margin-bottom:30px;}
.top-about-midashi .en {margin-bottom: -4px;font-size: 60px;letter-spacing: 6px;}
.top-about-midashi .jp {font-size: 24px;}
.top-about .top-about-contents .top-about-sub-midashi{font-size:30px;margin:0 0 30px;line-height:1.6;width: max-content;}
.top-about .top-about-contents .top-about-des{margin:0 0 48px;max-width: 550px;}
.top-about .top-about-contents .top-about-des p{font-size:16px;margin:0 0 30px;line-height:2.2;}
.Android .top-about .top-about-contents .top-about-des p{font-size: 16px;}
.top-about-more{margin: 0 auto 0 0;}


/* top-service
----------------------------------------------- */
.top-service{padding:78px 0 100px;}
.top-service-midashi{font-size:26px;margin-bottom:160px;}
.top-service-midashi:after{bottom:-110px;height:95px;}
.top-service .top-service-midashi .en{margin-bottom:-4px;font-size:75px;letter-spacing:7px;}
.top-service .top-service-midashi .jp{font-size:24px;}
.top-service .top-service-lists{max-width:1405px;margin:0 auto;}
.top-service .top-service-lists li{margin:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-items:center;align-items:center;}
.top-service .top-service-lists li:nth-of-type(even){-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
.top-service .top-service-lists .top-service-img{width:50%;margin:0;}
.top-service .top-service-lists .top-service-img img{height: 400px;object-fit: cover;}
.top-service .top-service-lists .top-service-contents{width: 50%;padding: 30px 50px;margin: 0;border: none;}
.top-service .top-service-lists .top-service-contents-inner{margin: 0 0 0 auto;width: max-content;}
.top-service .top-service-lists li:nth-of-type(even) .top-service-contents-inner{margin:0 auto 0 0;}
.top-service .top-service-lists .top-service-contents .top-service-sub-midashi{font-size:30px;letter-spacing:.06em;margin:0 0 15px;}
.top-service .top-service-lists .top-service-contents .top-service-sub-midashi:before{letter-spacing:3px;font-size:30px;margin:0 0 10px;}
.top-service .top-service-lists .top-service-contents .top-service-des{margin:0 0 18px;max-width: 448px;}
.top-service .top-service-lists .top-service-contents .top-service-des p{font-size:16px;line-height:1.8;}


/* top-company-info
----------------------------------------------- */
.top-company-info{padding:94px 0 94px;}
.top-company-info-inner{width:1032px;}
.top-company-info .top-company-info-midashi{margin-bottom:45px;padding:0 0 0 35px;}
.top-company-info .top-company-info-midashi .en{font-size:60px;margin:0 0 -2px;letter-spacing:5px;}
.top-company-info .top-company-info-midashi .jp{font-size:23px;letter-spacing:.08em;}
.top-company-info .bnrs{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:35px;}
.top-company-info .bnrs .bnrs-link{margin:0;width:33.333%;width:-webkit-calc((100% - 70px) / 3);width:calc((100% - 70px) / 3);}
.top-company-info .bnrs .bnrs-link:nth-child(2) { position:relative;top:-70px; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-company-info .bnrs .bnrs-link:nth-child(3) { position:relative;top:-138px; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.top-company-info .bnrs .bnrs-link .bnrs-ttl{margin:-32px 0 0 auto;}
.top-company-info .bnrs .bnrs-link .bnrs-ttl:before{height:64px;top:-4px;left:-35px;}
.top-company-info .bnrs .bnrs-link .bnrs-ttl .en{font-size:40px;letter-spacing:4px;margin-bottom:0;}
.top-company-info .bnrs .bnrs-link .bnrs-ttl .jp{letter-spacing:0;margin:0 12px 0 0;font-size:16px;}

/* top-column
----------------------------------------------- */
.top-column{padding:78px 0 100px;}
.top-column-inner{width: 960px;}
.top-column-midashi{font-size:26px;margin-bottom:160px;}
.top-column-midashi:after{bottom:-110px;height:95px;}
.top-column .top-column-midashi .en{margin-bottom:-4px;font-size:75px;letter-spacing:7px;}
.top-column .top-column-midashi .jp{font-size:24px;}

.column-list {margin-bottom: 60px;}
.column-list li{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start;margin-bottom: 40px;padding-bottom: 40px;}
.column-list li img{width: 350px;margin-bottom: 0;}
.column-list li p {margin-bottom: 30px;}
.column-list li .text{width: 570px;}
.column-list li .category{margin: 0 20px 10px 0; }
.column-list li .lead{font-size:20px;}
.column-list li .category span{padding: 5px;}
.column-list li .date{font-size: 14px;}

}


/* =============================================
tablet-size
================================================*/
@media screen and (min-width: 760px) and (max-width:960px){

.top-hero{width: 100%;padding:42vw 0 30vw 5vw;background-position:80% 50%;}
.top-hero-content{width: 100%;}
.top-hero-text{width:40%}
	
.top-about .top-about-img{width: 100%;height:50vw;background-position: 30% center;}
.top-about .top-about-contents{width: 100%;padding: 8vw 5vw;}
	
.top-about .top-about-contents .top-about-des{max-width: 90vw;}
.top-service .top-service-lists .top-service-contents-inner{width: 100%;margin: 0 auto;}
.top-service .top-service-lists li:nth-of-type(even) .top-service-contents-inner{width: 100%;margin: 0 auto;}
.top-service .top-service-lists .top-service-contents .top-service-des{max-width: 100%;}
	
.top-service .top-service-lists li{display: block;margin-bottom: 8vw;}
.top-service .top-service-lists li:last-child{margin-bottom: 0;}
.top-service .top-service-lists .top-service-contents{width: 94vw; margin: -8vw 0 0 auto; border: 1px solid #e7e7e7;padding:5vw;background: #fff;}
.top-service .top-service-lists .top-service-img{width: 90%;}
	
.top-company-info-inner{width: 95%;}
.footer-contents{width: 95%;}
.footer-sub-items{width: 95%;}
	
}


/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.top-about .top-about-img{background-image:url(../images/top-about-img01-pc@2x.jpg)}
}