<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ============================================= 
 sp
================================================*/
.second-hero-title.h1:after { content: 'COMPANY'; color: var(--pink02); font-size: 16.8vw; font-family: "the-seasons"; font-weight: 300; letter-spacing: 0.6vw; opacity: 0.15; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.top-message {padding: 10vw 0 6vw;}
.top-message-text {margin-bottom: 15vw;text-align: center;}
.top-message-title {margin-bottom: 5vw;color: var(--pink02);font-size: 5.2vw;font-family: var(--mincho);font-weight: 600;line-height: 1.6;text-align: center;}
.top-message-comment {margin-bottom: 9vw;}
.top-message-comment p { margin-bottom: 4vw; font-size: 3.8vw; line-height: 1.9; text-align: center; }
.top-message-strengths-title { margin-bottom: 5vw; color: var(--gold02); font-size: 6.2vw; font-family: var(--mincho); font-weight: 600; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.top-message-strengths-title:before { content: ''; height: 1px; margin-right: 4vw; background: #d6d1c9; flex: 1; }
.top-message-strengths-title:after { content: ''; height: 1px; margin-left: 4vw; background: #d6d1c9; flex: 1; }
.top-message-strengths-items { width: 100%; }
.top-message-strengths-items li { width: 100%; margin-bottom: 8vw; }
.top-message-strengths-item-image { width: 100%; }
.top-message-strengths-item-image img { width: 100%; }
.top-message-strengths-item-text { width: 74vw; padding: 5vw 0; margin: -15vw auto 0; text-align: center; background: rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); z-index: 1; position: relative; }
.top-message-strengths-item-badge { padding-bottom: 2.5vw; margin-bottom: 3.5vw; color: var(--gold02); font-size: 3.16vw; font-family: "brandon-grotesque"; font-weight: 300; letter-spacing: 0.2vw; position: relative; display: block; }
.top-message-strengths-item-badge:after { content: ''; width: 10vw; height: 1px; background: var(--gold01); position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-message-strengths-item-title { font-family: var(--mincho); font-weight: 600; line-height: 1.4; }
.top-message-strengths-item-title .small { font-size: 4.4vw; display: block; }
.top-message-strengths-item-title .big { color: var(--gold02); font-size: 7.6vw; display: block; }

.company-bg {background: url("../images/company-bg.jpg")no-repeat top center;background-size: contain;padding: 34% 0px;}

.tbl01 .tel:before{ content: '\f095'; margin-right: 1vw; font-size: 70%; font-family: 'icon'; display: inline-block;}

.map { margin: 0 auto 4vw; height: 280px;}

.root {margin: 0 auto;text-align: center;}
.root li {width: 46%;display: inline-block;font-size: 3.6vw;text-align: center;margin: 0 1vw;background: var(--pink01);border-radius: 50px;padding: 1vw 0;}
.root li a {padding: 3vw;color: #fff;position: relative;}
.root li a:after { content: '&gt;'; margin-left: 2%; display: inline;}
.root .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.root .googleroot a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block; }




/* ============================================= 
 pc
================================================*/
@media screen and (min-width: 736px) { 
.second-hero-title.h1:after { font-size: 85px; letter-spacing: 6px; }


.top-message {padding: 80px 0;}
.top-message-text {margin-bottom: 100px;}
.top-message-title {margin-bottom: 18px;font-size: 30px;}
.top-message-comment {margin: 0 auto 80px;}
.top-message-comment p { margin-bottom: 30px; font-size: 16px; }
.top-message-strengths {width: 1350px;margin: 0 auto 80px;}
.top-message-strengths-title { margin-bottom: 40px; font-size: 32px; }
.top-message-strengths-title:before { margin-right: 40px; }
.top-message-strengths-title:after { margin-left: 40px; }
.top-message-strengths-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-message-strengths-items li { width: calc(100% / 3); margin: 0; }
.top-message-strengths-item-text { width: 320px; padding: 25px 0; margin-top: -100px; }
.top-message-strengths-item-badge { padding-bottom: 12px; margin-bottom: 12px; font-size: 15px; letter-spacing: 1px; }
.top-message-strengths-item-badge:after { width: 40px; }
.top-message-strengths-item-title .small { font-size: 20px; }
.top-message-strengths-item-title .big { font-size: 32px; }

.company-bg {background: url("../images/company-bg-pc.jpg")no-repeat top center;background-size: 2000px;padding: 0; height: 400px;}

.tbl01 .tel:before{ margin-right: 10px;}

.map { margin: 0 auto 30px; height: 440px;}

.root {margin: 0 auto;}
.root li {width: 30%;font-size: 16px;margin: 0 10px; padding: 4px;}
.root li a {padding: 18px;}

}




/* =============================================
 retina-size
================================================*/ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.company-bg {background: url("../images/company-bg-pc@2x.jpg")no-repeat top center;background-size: 2000px;padding: 0; height: 400px;}
}





/* =============================================
 1025-1199px
================================================*/
@media screen and (min-width:1025px) and ( max-width:1199px){

.top-message-strengths {width: 100vw;}
.top-message-strengths-item-text {width: 28vw;padding: 3vw 0;}
.top-message-strengths-item-title .small { font-size: 1.6vw; }
.top-message-strengths-item-title .big { font-size: 3vw; }
}



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

.top-message-strengths {width: 100vw;}
.top-message-strengths-item-text {width: 28vw;padding: 3vw 0;}
.top-message-strengths-item-title .small { font-size: 1.6vw; }
.top-message-strengths-item-title .big { font-size: 3vw; }
}


</pre></body></html>