@charset "UTF-8";


/* default sp
	----------------------------------------------- */
/* ============================================= 
sp
================================================*/
.banner { width: 90vw; margin: 6vw auto; }
.banner img { width: 100%; }

.top-calendar { width: 90vw; padding-bottom: 6vw; margin: 0 auto; }
.top-calendar-title { margin-bottom: 4vw; font-size: 3.95vw; font-weight: bold; text-align: center; line-height: 1.6; }
.top-calendar-title .brown { padding: 0.2vw 2vw; margin: 0 0.5vw 1.5vw; color: #fff; background: var(--black); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; }
.top-calendar-title .orange { padding: 0.2vw 2vw; margin: 0 0.5vw; color: #fff; background: var(--orange); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; }

.top-review { padding-bottom: 10vw; }
.top-review-content { width: 90vw; margin: 7vw auto; background: url(../images/frame01-middle.jpg) repeat-y top center; background-size: 100%; position: relative; }
.top-review-content:before { content: ''; width: 100%; height: 55vw; background: url(../images/frame01-top-review.png) no-repeat top center; background-size: 100%; position: absolute; top: -7vw; left: 0; }
.top-review-content:after { content: ''; width: 100%; height: 8vw; background: url(../images/frame01-bottom.png) no-repeat bottom center; background-size: 100%; position: absolute; bottom: -7vw; left: 0; }
.top-review-content-inner { padding: 2vw 5vw; z-index: 1; position: relative; }
.top-review-head { margin-bottom: 5vw; }
.top-review-title { margin-bottom: 2.5vw; text-align: center; }
.top-review-title .sub { padding: 2vw 4vw; margin: 0 auto 2vw; color: #fff; font-size: 3.95vw; font-weight: bold; background: var(--red); -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; display: table; }
.top-review-title .title { width: 75vw; margin: 0 auto; }
.top-review-head-comment { font-size: 2.89vw; text-align: center; line-height: 1.6; }
.top-review-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-review-items li { width: 32%; margin-bottom: 2vw; }
.top-review-items img { width: 100%; }

.top-onayami { padding-bottom: 4vw; }
.top-onayami-head { padding: 10vw 0 4vw; background: url(../images/top-onayami-image.png) no-repeat top left; background-size: 98vw; }
.top-onayami-title { width: 80vw; margin: 0 7vw 0 auto; }
.top-onayami-title img { width: 100%; margin-left: auto; }
.top-onayami-items { width: 90vw; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-onayami-items li { width: 44vw; margin-bottom: 2vw; }
.top-onayami-items img { width: 100%; }

.top-solution { padding-bottom: 6vw; }
.top-solution-content { width: 90vw; margin: 0 auto; }
.top-solution-check-items { width: 100%; margin: 0 auto 10vw; }
.top-solution-check-items li { width: 100%; padding: 2.5vw 2.5vw 2.5vw 6.5vw; font-size: 4.21vw; font-weight: bold; line-height: 1.4; border-bottom: 1px solid #e1e1d7; position: relative; }
.top-solution-check-items li:before { content: '\f058'; color: var(--orange); font-size: 115%; font-family: 'icon'; pointer-evens: none; position: absolute; top: 2.4vw; left: 1vw; }
.top-solution-check-items .line {background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, #fcff6c)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #fcff6c 60%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #fcff6c 60%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #fcff6c 60%); display: inline; }
.top-solution-box { width: 100%; padding: 66vw 5vw 5vw; background: #fff url(../images/top-solution-bg.jpg) no-repeat top center; background-size: 100%; -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; position: relative; }
.top-solution-box:before { content: ''; width: 100%; height: 10vw; background: url(../images/top-solution-arrow.png) no-repeat center bottom; background-size: 100%; position: absolute; top: -6vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-solution-box-title { margin-bottom: 4vw; font-size: 5.26vw; font-weight: bold; text-align: center; line-height: 1.4; }
.top-solution-box-title span { color: var(--red); font-size: 7.89vw;  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, #fcff6c)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #fcff6c 60%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #fcff6c 60%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #fcff6c 60%); }
.top-solution-box-subtitle { padding: 1vw; margin-bottom: 2.5vw; font-size: 3.95vw; font-weight: bold; line-height: 1.4; border-left: 1vw solid #ffc47e; }
.top-solution-box-comment { margin-bottom: 5vw; }
.top-solution-box-comment p { margin-bottom: 2.5vw; font-size: 3.42vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-solution-inbox-head { padding: 4vw 0; margin-bottom: 8vw; background: #f8f6e1; position: relative; }
.top-solution-inbox-head:after { content: ''; height: 5vw; aspect-ratio: 5; clip-path: polygon(50% 100%, 100% 0, 0 0); background: #f8f6e1; position: absolute; bottom: calc(-5vw + 1px); left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-solution-inbox-title { font-size: 3.95vw; font-weight: bold; text-align: center; line-height: 1.6; }
.top-solution-inbox-title .big { font-size: 5.26vw; }
.top-solution-inbox-title .red { color: var(--red); }
.top-solution-inbox-title .box { padding: 1vw 2vw; margin: 0 0.75vw 1.5vw; font-size: 3.42vw; background: #fff; display: inline-block; }
.top-solution-inbox-title .box:before { content: '\f058'; margin-right: 1vw; color: var(--orange); font-size: 115%; font-family: 'icon'; pointer-evens: none; display: inline-block; }
.top-solution-inbox-image .image01 { width: 75vw; margin: 0 auto; }
.top-solution-inbox-image .image02 { width: 80vw; margin: -8vw auto 0; z-index: 1; position: relative; }

.top-banner { padding-bottom: 2vw; }
.top-banner-items { width: 90vw; margin: 0 auto; }
.top-banner-items li { width: 100%; margin-bottom: 4vw; }
.top-banner-items img { width: 100%; }

.top-ba { padding-bottom: 8vw; }
.top-ba-content { width: 90vw; margin: 7vw auto; background: url(../images/frame01-middle.jpg) repeat-y top center; background-size: 100%; position: relative; }
.top-ba-content:before { content: ''; width: 100%; height: 98vw; background: url(../images/frame01-top-ba.png) no-repeat top center; background-size: 100%; position: absolute; top: -7vw; left: 0; }
.top-ba-content:after { content: ''; width: 100%; height: 8vw; background: url(../images/frame01-bottom.png) no-repeat bottom center; background-size: 100%; position: absolute; bottom: -7vw; left: 0; }
.top-ba-content-inner { padding: 2vw 5vw 3vw; z-index: 1; position: relative; }
.top-ba-head { margin: 0 auto 5vw; z-index: 1; position: relative; display: table; }
.top-ba-head:before { content: ''; width: 6vw; height: 8vw; background: url(../images/deco01-left.png) no-repeat top center; background-size: 100%; z-index: -1; position: absolute; top: 2vw; left: -4vw; }
.top-ba-head:after { content: ''; width: 12vw; height: 17vw; background: url(../images/deco01-right.png) no-repeat top center; background-size: 100%; z-index: -1; position: absolute; bottom: -4vw; right: -4vw; }
.top-ba-title { margin-bottom: 2.5vw; text-align: center; }
.top-ba-title .sub { padding: 2vw 4vw 1.5vw; margin: 0 auto 2vw; color: #fff; font-size: 3.42vw; font-weight: bold; background: var(--red); -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; display: table; }
.top-ba-title .title { width: 75vw; margin: 0 auto; }
.top-ba-items { width: 100%; padding-bottom: 12vw; margin-bottom: 4vw; }
.top-ba-items .slick-dots { bottom: 2.5vw; }
.top-ba-items .prev { width: 8vw; height: 8vw; font-size: 3.95vw; background: #eaeaea; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; cursor: pointer; position: absolute; bottom: 0; left: calc(50% - 24vw); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-ba-items .next { width: 8vw; height: 8vw; font-size: 3.95vw; background: #eaeaea; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; cursor: pointer; position: absolute; bottom: 0; right: calc(50% - 24vw); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-ba-item { width: 75vw; margin: 0 5vw; }
.top-ba-item-image { width: 100%; margin-bottom: 2.5vw; }
.top-ba-item-text { text-align: center; }
.top-ba-item-title { margin-bottom: 1.5vw; color: var(--red); font-size: 3.95vw; font-weight: bold; line-height: 1.4; }
.top-ba-item-note { font-size: 3.16vw; }
.top-ba-more { width: 50vw; padding: 3vw 0 2.5vw; margin: 0 auto; color: #fff; font-size: 4.74vw; font-weight: bold; text-align: center; background: #8b7767; position: relative; }
.top-ba-more:after { content: '\f105'; font-family: 'icon'; pointer-evens: none; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-recommend { padding-bottom: 4vw; }
.top-recommend-title { width: 90vw; margin: 0 auto 4vw; }
.top-recommend-title img { width: 100%; }
.top-recommend-items { width: 90vw; margin: 0 auto; }
.top-recommend-items li { width: 100%; margin-bottom: 2.5vw; background: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #fffcdb), color-stop(100%, #ffffff)); background: -moz-linear-gradient(bottom, #fffcdb, #ffffff); background: -webkit-linear-gradient(bottom, #fffcdb, #ffffff); background: linear-gradient(to top right, #fffcdb, #ffffff); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
.top-recommend-item-content { padding: 5vw; background: url(../images/top-recommend-item-bg.png) no-repeat top 2vw right -4vw; background-size: 30vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-recommend-item-image { width: 32vw; margin-right: 4vw; }
.top-recommend-item-text { flex: 1; }
.top-recommend-item-post { padding-left: 2vw; margin-bottom: 2.5vw; color: var(--orange); font-size: 3.68vw; font-weight: bold; line-height: 1.4; border-left: 1.5vw solid #ffc37e; }
.top-recommend-item-name { margin-bottom: 2vw; font-size: 5.92vw; font-weight: bold; letter-spacing: 0.2vw; }
.top-recommend-item-comment p { font-size: 3.16vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.top-merit-content { width: 90vw; padding-bottom: 1px; margin: 0 auto; background: url(../images/bg01.jpg) repeat top center; background-size: 10vw; }
.top-merit-title { width: 100%; margin: 0 auto 5vw; }
.top-merit-title img { width: 100%; }
.top-merit-items { width: 80vw; margin: 0 auto; }
.top-merit-items li { width: 100%; padding: 1px 5vw 5vw; margin-bottom: 5vw; background: #f7f6e2; border: 2px solid #e9e6c3; }
.top-merit-item-title { margin: -2.5vw auto 2.5vw; text-align: center; }
.top-merit-item-title .badge { width: 12vw; height: 12vw; margin: 0 auto 2vw; color: #fff; font-size: 7.89vw; font-family: "Lato"; font-weight: 700;  background: -moz-linear-gradient(300deg, #ff7000 50%, #fc984c 50%); background: -webkit-linear-gradient(300deg, #ff7000 50%, #fc984c 50%); background: linear-gradient(150deg, #ff7000 50%, #fc984c 50%); border: 2px solid var(--orange); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-merit-item-title .title { color: var(--orange); font-size: 5.26vw; font-weight: bold; line-height: 1.4; }
.top-merit-item-image { width: 100%; margin-bottom: 2.5vw; }
.top-merit-item-comment p { font-size: 3.42vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.top-voice { padding-bottom: 8vw; }
.top-voice-content { width: 90vw; margin: 0 auto; }
.top-voice-title { margin-bottom: 0; }
.top-voice-image { width: 100%; margin-bottom: 4vw; }
.top-voice-image img { width: 100%; }
.top-voice-items { width: 100%; padding-bottom: 12vw; }
.top-voice-items .slick-dots { bottom: 2.5vw; }
.top-voice-items .prev { width: 8vw; height: 8vw; font-size: 3.95vw; background: #eaeaea; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; cursor: pointer; position: absolute; bottom: 0; left: calc(50% - 24vw); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-voice-items .next { width: 8vw; height: 8vw; font-size: 3.95vw; background: #eaeaea; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; cursor: pointer; position: absolute; bottom: 0; right: calc(50% - 24vw); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-voice-item { width: 90vw; padding: 6vw; margin: 0 5vw; background: #fff; border: 2px solid #efe894; }
.top-voice-item-image { width: 45vw; margin: 0 auto 4vw; }
.top-voice-item-user { padding: 2vw 4vw 1vw; margin: 0 auto 2vw; color: #fff; font-size: 3.68vw; font-weight: bold; background: var(--orange); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: table; }
.top-voice-item-title { margin-bottom: 2vw; color: var(--orange); font-size: 4.74vw; font-weight: bold; text-align: center; line-height: 1.4; }
.top-voice-item-comment p { font-size: 3.42vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.banner { width: 100%; margin: 20px 0; }
.banner.none { margin-top: 0; }
	
.top-calendar { width: 100%; padding-bottom: 20px; }
.top-calendar-title { margin-bottom: 15px; font-size: 18px; }
.top-calendar-title .brown, .top-calendar-title .orange { padding: 4px 8px; margin: 0 4px; line-height: 1; }
	
.top-review { padding-bottom: 30px; }
.top-review-content { width: 100%; margin: 25px auto; background: url(../images/frame01-middle-pc.jpg) repeat-y top center; background-size: 100%; }
.top-review-content::before { height: 405px; background: url(../images/frame01-top-review-pc.png) no-repeat top center; background-size: 100%; top: -25px; }
.top-review-content:after { height: 25px; background: url(../images/frame01-bottom-pc.png) no-repeat bottom center; background-size: 100%; bottom: -25px; }
.top-review-content-inner { padding: 20px 30px 5px; }
.top-review-head { margin-bottom: 20px; }
.top-review-title { margin-bottom: 8px; }
.top-review-title .sub { padding: 6px 20px; margin-bottom: 14px; font-size: 18px; }
.top-review-title .title { width: 524px; }
.top-review-head-comment { font-size: 14px; }
.top-review-items li { width: 180px; margin-bottom: 8px; }
	
.top-onayami { padding-bottom: 30px; }
.top-onayami-head { padding: 25px 0 20px; background: url(../images/top-onayami-image-pc.png) no-repeat top left 20px; background-size: 314px; }
.top-onayami-title { width: 460px; margin-right: 30px; }
.top-onayami-items { width: calc(100% + 10px); margin-left: -5px; -webkit-justify-content: center; justify-content: center; }
.top-onayami-items li { width: 260px; margin: 0 5px 10px; }
	
.top-solution { padding-bottom: 30px; }
.top-solution-content { width: 100%; }
.top-solution-title { margin-bottom: 10px; }
.top-solution-check-items { margin-bottom: 30px; }
.top-solution-check-items li { padding: 10px 10px 10px 35px; font-size: 20px; }
.top-solution-check-items li:before { font-size: 128%; top: 8px; left: 5px; }
.top-solution-box { padding: 40px 50px; background: #fff url(../images/top-solution-bg-pc.jpg) no-repeat top right; background-size: 548px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.top-solution-box:before { height: 76px; background: url(../images/top-solution-arrow.png) no-repeat center bottom; background-size: 475px; top: -45px; }
.top-solution-box-title { margin-bottom: 20px; font-size: 25px; text-align: left; }
.top-solution-box-title span { font-size: 40px; }
.top-solution-box-subtitle { padding: 5px; margin-bottom: 15px; font-size: 20px; border-width: 5px; }
.top-solution-box-comment { margin-bottom: 20px; }
.top-solution-box-comment p { margin-bottom: 15px; font-size: 15px; }
.top-solution-box-comment p.wide { width: 420px; }
.top-solution-inbox-head { padding: 25px 0; margin-bottom: 30px; }
.top-solution-inbox-head:after { height: 25px; bottom: -24px; }
.top-solution-inbox-title { font-size: 20px; }
.top-solution-inbox-title .big { font-size: 30px; }
.top-solution-inbox-title .box { padding: 8px 10px 6px; margin: 0 2px 5px; font-size: 15px; line-height: 1; }
.top-solution-inbox-title .box:before { margin-right: 5px; font-size: 110%; }
.top-solution-inbox-image { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-solution-inbox-image .image01 { width: 378px; margin: 0; }
.top-solution-inbox-image .image02 { width: 384px; margin: 0 0 0 -64px; }
	
.top-banner { padding-bottom: 10px; }
.top-banner-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-banner-items li { width: 390px; margin-bottom: 20px; }
	
.top-ba { padding-bottom: 30px; }
.top-ba-content { width: 100%; margin: 25px auto; background: url(../images/frame01-middle-pc.jpg) repeat-y top center; background-size: 100%; }
.top-ba-content::before { height: 405px; background: url(../images/frame01-top-ba-pc.png) no-repeat top center; background-size: 100%; top: -25px; }
.top-ba-content:after { height: 25px; background: url(../images/frame01-bottom-pc.png) no-repeat bottom center; background-size: 100%; bottom: -25px; }
.top-ba-content-inner { padding: 20px 30px; }
.top-ba-head { margin-bottom: 20px; }
.top-ba-head:before { width: 32px; height: 36px; top: 10px; left: -70px; }
.top-ba-head:after { width: 64px; height: 88px; bottom: 0; right: -80px; }
.top-ba-title { margin-bottom: 8px; }
.top-ba-title .sub { padding: 6px 20px; margin-bottom: 14px; font-size: 18px; }
.top-ba-title .title { width: 425px; }
.top-ba-items { padding-bottom: 60px; margin-bottom: 20px; }
.top-ba-items .prev { width: 35px; height: 35px; font-size: 20px; left: calc(50% - 105px); }
.top-ba-items .next { width: 35px; height: 35px; font-size: 20px; right: calc(50% - 105px); }
.top-ba-items .slick-dots { bottom: 11px; }
.top-ba-items .slick-dots li { width: 14px; height: 14px; margin: 0 4px; }
.top-ba-item { width: 380px; margin: 0 14px; }
.top-ba-item-image { margin-bottom: 15px; }
.top-ba-item-title { margin-bottom: 5px; font-size: 20px; }
.top-ba-item-note { font-size: 14px; }
.top-ba-more { width: 190px; padding: 12px 0; font-size: 18px; }
.top-ba-more:after { right: 15px; }
	
.top-recommend { padding-bottom: 10px; }
.top-recommend-title { width: 484px; margin-bottom: 25px; }
.top-recommend-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-recommend-items li { width: 390px; margin-bottom: 20px; }
.top-recommend-item-content { padding: 20px; background-position: top 16px right 12px; background-size: 150px; }
.top-recommend-item-image { width: 120px; margin-right: 20px; }
.top-recommend-item-post { padding-left: 8px; margin-bottom: 10px; font-size: 14px; border-width: 5px; }
.top-recommend-item-name { margin-bottom: 12px; font-size: 24px; letter-spacing: 1px; }
.top-recommend-item-comment p { font-size: 14px; }
	
.top-merit-content { width: 100%; padding-bottom: 20px; background-size: 44px; }
.top-merit-title { margin-bottom: 25px; }
.top-merit-items { width: 750px; }
.top-merit-items li { padding: 20px; margin-bottom: 10px; border-width: 5px; 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; }
.top-merit-item-image { width: 240px; margin: 0; order: 1; }
.top-merit-item-text { width: 430px; order: 0; }
.top-merit-item-title { margin: 0 auto 8px; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-merit-item-title .badge { width: 55px; height: 55px; margin: 0 10px 0 0; font-size: 35px; }
.top-merit-item-title .title { font-size: 22px; flex: 1; }
.top-merit-item-comment p { font-size: 15px; }
	
.top-voice { padding-bottom: 40px; }
.top-voice-content { width: 100%; }
.top-voice-image { margin-bottom: 20px; }
.top-voice-items { padding-bottom: 60px; }
.top-voice-items .prev { width: 35px; height: 35px; font-size: 20px; left: calc(50% - 105px); }
.top-voice-items .next { width: 35px; height: 35px; font-size: 20px; right: calc(50% - 105px); }
.top-voice-items .slick-dots { bottom: 11px; }
.top-voice-items .slick-dots li { width: 14px; height: 14px; margin: 0 4px; }
.top-voice-item { width: 800px; padding: 0; margin: 0 14px; border-width: 5px; }
.top-voice-item-content { padding: 25px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-voice-item-image {width: 170px;margin: 0 30px 0 0;}
.top-voice-item-text { flex: 1; }
.top-voice-item-user { padding: 6px 10px; margin: 0 0 10px; font-size: 18px; }
.top-voice-item-title { margin-bottom: 15px; font-size: 22px; text-align: left; }
.top-voice-item-comment p { font-size: 14px; }
}

/* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.top-review-content { background: url(../images/frame01-middle-pc@2x.jpg) repeat-y top center; background-size: 100%; }
.top-review-content { background: url(../images/frame01-middle-pc@2x.jpg) repeat-y top center; background-size: 100%; }
.top-review-content::before { background: url(../images/frame01-top-review-pc@2x.png) no-repeat top center; background-size: 100%; }
.top-review-content:after { background: url(../images/frame01-bottom-pc@2x.png) no-repeat bottom center; background-size: 100%; }
.top-onayami-head { background: url(../images/top-onayami-image-pc@2x.png) no-repeat top left 20px; background-size: 314px; }
.top-solution-box { background: #fff url(../images/top-solution-bg-pc@2x.jpg) no-repeat top right; background-size: 548px; }
.top-solution-box:before { background: url(../images/top-solution-arrow@2x.png) no-repeat center bottom; background-size: 475px; top: -45px; }
.top-ba-content { background: url(../images/frame01-middle-pc@2x.jpg) repeat-y top center; background-size: 100%; }
.top-ba-content::before { background: url(../images/frame01-top-ba-pc@2x.png) no-repeat top center; background-size: 100%; }
.top-ba-content:after { background: url(../images/frame01-bottom-pc@2x.png) no-repeat bottom center; background-size: 100%; }
.top-ba-head:before { background: url(../images/deco01-left@2x.png) no-repeat top center; background-size: 100%; }
.top-ba-head:after { background: url(../images/deco01-right@2x.png) no-repeat top center; background-size: 100%; }
.top-recommend-item-content { background: url(../images/top-recommend-item-bg@2x.png) no-repeat top 16px right 12px; background-size: 150px; }
.top-merit-content { background: url(../images/bg01@2x.jpg) repeat top center; background-size: 44px; } 
}