@charset "UTF-8";

/* sp
----------------------------------------------- */

.top-title {margin-bottom: 10vw;}
.top-title .en { font-size: 10vw; font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .3rem; display: block; }
.top-title .jp { margin-top: 2.5vw; font-size: 3.42vw; display: block; }

.top-more { width: 74%; margin: auto; padding: 6vw 0; color: var(--white); text-align: center; font-size: 4vw; font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .04rem; background: var(--black) url(../images/arrow-right@2x.png) no-repeat center right 8vw; background-size: 3.5vw; border-radius: 50px; }

.top-about { width: 96vw; margin: auto; padding: 20vw 0 0; }
.top-about .midashi01 { margin-bottom: 10vw; text-align: left; }
.top-about-content-inner { width: 90%; margin: 0 auto 10vw; }
.top-about .top-about-comment { margin-bottom: 8vw; line-height: 2; }
.top-about .top-about-comment span { margin-bottom: 2vw; display: block; font-size: 140%; font-family: var(--mincho); }
.top-about img { border-radius: 10px; }
.top-about .top-more { margin: 0; }

.top-ticker-items { width: 100%; }
.top-ticker-item { max-width: 450vw; margin-right: 24vw; }
.top-ticker-item-title { color: var(--blue); font-size: 34vw; font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .04rem; opacity: 0.6; }

.top-professional { width: 96vw; margin: auto; padding: 15vw 0; }
.top-professional img { width: 100%; margin-bottom: 10vw; border-radius: 10px; }
.top-professional .top-professional-head { width: 90%; margin: 0 auto; }
.top-professional .midashi01 { margin-bottom: 10vw; text-align: left; }
.top-professional .top-professional-head-comment { margin-bottom: 8vw; line-height: 2; }
.top-professional .top-professional-head-comment span { margin-bottom: 2vw; display: block; font-size: 140%; font-family: var(--mincho); }
.top-professional .top-more { margin: 0; }

.top-homecare { width: 96vw; margin: auto; padding: 15vw 0; }
.top-homecare img { width: 100%; margin-bottom: 10vw; border-radius: 10px; }
.top-homecare .top-homecare-head { width: 90%; margin: 0 auto; }
.top-homecare .midashi01 { margin-bottom: 10vw; text-align: left; }
.top-homecare .top-homecare-head-comment { margin-bottom: 8vw; line-height: 2; }
.top-homecare .top-homecare-head-comment span { margin-bottom: 2vw; display: block; font-size: 140%; font-family: var(--mincho); }
.top-homecare .top-more { margin: 0; }

.top-company { width: 90%; margin: auto; padding: 15vw 0; }
.top-company img { margin-bottom: 10vw; border-radius: 10px; }
.top-company .top-company-head-comment { margin-bottom: 8vw; line-height: 2; }
.top-company .top-company-head-comment span { margin-bottom: 2vw; display: block; font-size: 140%; font-family: var(--mincho); }

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.top-title { margin-bottom: 50px; }
.top-title .en {font-size: 40px;letter-spacing: 2px;}
.top-title .jp { margin-top: 10px; font-size: 15px; }

.top-more {width: 360px;padding: 24px 50px 24px 4px;font-size: 18px;letter-spacing: 2px;background-position: center right 50px;background-size: 16px;transition: all .6s;}
.top-more:hover { background-position: center right 40px; opacity: 1; }

.top-about { width: 96%; margin: auto; padding: 150px 0 0; }
.top-about-content{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-about-content-inner { width: 36%; margin-bottom: 0; }
.top-about img { width: 58%; }
.top-about .midashi01 { margin-bottom: 40px; text-align: left; }
.top-about .top-about-comment { margin-bottom: 40px; }
.top-about .top-about-comment span { margin-bottom: 10px; }
.top-about .top-more { width: 300px; margin: 0; }

.top-ticker { height: 280px; }
.top-ticker-items { display: flex; flex-direction: column; }
.top-ticker-item { max-width: 100%; margin-right: 80px; }
.top-ticker-item-title {font-size: 180px;letter-spacing: 6px;}

.top-professional {width: 96%; margin: 0 auto; padding: 0 0 120px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-professional img { width: 36%; margin-bottom: 0; }
.top-professional .top-professional-head {width: 48%; margin: 0 auto;}
.top-professional .midashi01 { margin-bottom: 60px; text-align: left; }
.top-professional .top-professional-head-comment { margin-bottom: 40px; }
.top-professional .top-professional-head-comment span { margin-bottom: 10px; }
.top-professional .top-more { width: 300px; margin: 0; }

.top-homecare {width: 96%; margin: auto;padding: 150px 0;background: url(../images/top-homecare-bg.jpg)no-repeat center;background-size: cover;border-radius: 10px;}
.top-homecare img { width: 100%; margin-bottom: 60px; }
.top-homecare .top-homecare-head {width: 90%; max-width: 960px; margin: 0 auto; }
.top-homecare .midashi01 { margin-bottom: 60px; text-align: left; }
.top-homecare .top-homecare-head-comment { width: 50%; margin-bottom: 40px; }
.top-homecare .top-homecare-head-comment span { margin-bottom: 10px; }
.top-homecare .top-more { width: 300px; margin: 0; }

.top-company { width: 96%; padding: 120px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-company img { width: 48%; margin-bottom: 0; border-radius: 10px; }
.top-company .top-company-head { width: 42%; }
.top-company .top-company-head-comment { width: 80%; }
.top-company .midashi01 { text-align: left; }
.top-company .top-more { width: 300px; margin: 0; }

}
/* retina用
----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.top-more {background: var(--black) url(../images/arrow-right@2x.png) no-repeat center right 50px;background-size: 16px;}
.top-about { background: url(../images/top-about-image-pc@2x.jpg)no-repeat center; background-size: cover; border-radius: 10px; }
}