@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
/* font
----------------------------------------------- */
:root { --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif; --gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

/* default sp
	----------------------------------------------- */
.top-special { padding: 12vw 0; background: #4bd7d9; }
.top-special .open{color:#000;font-weight:bold;width: 90%;margin:0 auto 3%;text-align:center;padding: 3% 0;font-size: 160%;line-height: 1.2;background: linear-gradient(90deg, rgb(76 215 218) 0%, rgb(227 253 65) 15%, rgb(235 255 52 / 100%) 50%, rgb(231 254 61) 85%, rgb(76 215 218) 100%);}
.top-special .open i{color:#18b4b7;margin-right: 3px;display: inline-block;}
.top-special .open b{display: inline;font-size: 6vw;color: #05a6aa;}
.top-special-title { padding: 2vw 5vw; margin: 0 auto 2vw; color: #1bd0d3; font-size: 5.26vw; font-weight: bold; text-align: center; background: #fff; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; display: table; }
.top-special-subtitle { margin-bottom: 5vw; color: #fff; font-size: 10.26vw; font-weight: bold; text-align: center; line-height: 1.2; display: block; }
.top-special-subtitle span { color: #fffd7d; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, rgba(0, 0, 0, 0)), color-stop(70%, #0ec3c5)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #0ec3c5 70%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #0ec3c5 70%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, #0ec3c5 70%); }
.top-special-items { width: 100%; margin: 0 auto 4vw; }
.top-special-item { width: 60vw; margin: 0 1.5vw; }
.top-special-item img { width: 100%; }

.top-banner {width: 90vw;margin: 0 auto 4vw;}
.top-banner img { width: 100%; }

.movie{width:90%;margin:10vw auto 0;}
.movie iframe{width:100%;height:55vw;}


.top-about { padding: 12vw 0; }
.top-about-box-head { margin-bottom: 5vw; font-weight: bold; text-align: center; }
.top-about-title { margin-bottom: 6vw; }
.top-about-box-title { margin-bottom: 2.5vw; color: #19c5c8; font-size: 6.58vw; }
.top-about-box-comment { font-size: 3.68vw; line-height: 1.6; }
.top-about-items { width: 90vw; margin: auto; }
.top-about-item { width: 100%; margin-bottom: 5vw; background: #fff9e1; }
.top-about-item-image { width: 100%; }
.top-about-item-text { padding: 5vw 5vw 4vw; z-index: 1; position: relative; }
.top-about-item-title { min-width: 70vw; padding: 3vw 4vw 2vw; font-size: 4.74vw; font-weight: bold; text-align: center; background: #fff9e1; position: absolute; top: -8.5vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-about-item-strengths { width: 100%; padding-bottom: 2vw; margin-bottom: 5vw; border-bottom: 1px dotted #9d9d99; }
.top-about-item-strengths li { padding-left: 1em; margin-bottom: 2.5vw; font-size: 3.68vw; font-weight: bold; text-indent: -1em; line-height: 1.4; }
.top-about-item-strengths li:before { content: '・'; }
.top-about-item-strengths-title { padding: 2.5vw 2.5vw 2vw; margin-bottom: 3.5vw; color: #fff; font-size: 4.21vw; font-weight: bold; background: #eeb630; }
.top-about-item-strengths-title:before { content: '◯'; margin-right: 1vw; display: inline-block; }
.top-about-item-weaknesses { width: 100%; }
.top-about-item-weaknesses li { padding-left: 1em; margin-bottom: 2.5vw; font-size: 3.68vw; font-weight: bold; text-indent: -1em; line-height: 1.4; }
.top-about-item-weaknesses li:before { content: '・'; }
.top-about-item-weaknesses-title { padding: 2.5vw 2.5vw 2vw; margin-bottom: 3.5vw; color: #fff; font-size: 4.21vw; font-weight: bold; background: #4bd7d9; }
.top-about-item-weaknesses-title:before { content: '×'; margin-right: 1vw; font-size: 5.26vw; line-height: 0.8; position: relative; top: -0.2vw; display: inline-block; }
.top-about-point {padding-top: 4vw;margin-bottom: 12vw;}
.top-about-point-title { padding: 2.5vw 8vw 2vw; margin: 0 auto 2.5vw; color: #fff; font-size: 4.74vw; font-weight: bold; text-align: center; line-height: 1.2; background: #edb630; -moz-border-radius: 20vw; -webkit-border-radius: 20vw; border-radius: 20vw; display: table; }
.top-about-point-subtitle { margin-bottom: 6vw; color: #19c5c8; font-size: 6.84vw; font-weight: bold; text-align: center; line-height: 1.4; }
.top-about-point-items { width: 100%; }
.top-about-point-item { width: 65vw; margin: 0 1.5vw; position: relative; }
.top-about-point-item-title { min-width: 38vw; max-width: 100%; height: 11vw; padding: 0 6vw; margin: 0 auto -7.5vw; color: #fff; font-weight: bold; text-align: center; line-height: 1.2; background: #19c5c8; -moz-border-radius: 20vw; -webkit-border-radius: 20vw; border-radius: 20vw; z-index: 1; position: relative; display: table; }
.top-about-point-item-title:after { content: ''; border-top: 2vw solid #19c5c8; border-right: 3vw solid transparent; border-left: 3vw solid transparent; position: absolute; bottom: calc(-2vw + 1px); left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-about-point-item-title span { margin-top: -0.5vw; vertical-align: middle; display: table-cell; }
.top-about-point-item-image { width: 100%; }

.top-recommend { padding: 1px 0; position: relative; }
.top-recommend:after { content: ''; border-top: 12vw solid #fff; border-right: 50vw solid transparent; border-left: 50vw solid transparent; z-index: 1; position: absolute; bottom: -12vw; left: 0; }
.top-recommend-items { width: 90vw; margin: 0 auto 2vw; 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: 48%; margin-bottom: 2.5vw; }
.top-recommend-items img { width: 100%; }
.top-recommend-foot { color: #19c5c8; font-size: 6.84vw; font-weight: bold; text-align: center; line-height: 1.2; }

.top-reason { padding: 20vw 0 12vw; background: #4bd7d9; }
.top-reason-title { margin: 0 auto 2.5vw; color: #fff; text-align: center; z-index: 1; position: relative; display: table; }
.top-reason-title:before { content: ''; height: 100%; border-left: 2px dotted #fff; position: absolute; top: 0; left: -7.5vw; -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
.top-reason-title:after { content: ''; height: 100%; border-right: 2px dotted #fff; position: absolute; top: 0; right: -7.5vw; -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
.top-reason-title .jp { font-size: 8.16vw; font-weight: bold; line-height: 1.2; position: relative; display: block; }
.top-reason-title .jp span { color: #fffd7d; }
.top-reason-title .en { width: 120vw; font-size: 32.24vw; font-family: 'Lato'; letter-spacing: -3.5vw; opacity: 0.15; z-index: -1; position: absolute; top: -6vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-reason-items { width: 90vw; margin: auto; }
.top-reason-items li { width: 100%; padding: 5vw; margin-bottom: 5vw; background: #fff; }
.top-reason-item-image { width: 100%; margin-bottom: 4vw; }
.top-reason-item-batch { padding: 1vw 0 1vw 2vw; margin-bottom: 1vw; color: #4bd7d9; font-size: 4.47vw; font-family: 'Lato'; border-left: 2px solid #4bd7d9; display: block; }
.top-reason-item-title { padding-bottom: 2.5vw; margin-bottom: 3.5vw; font-size: 6.58vw; font-weight: bold; line-height: 1.4; border-bottom: 1px solid #bbb; }
.top-reason-item-comment p { margin-bottom: 2.5vw; font-size: 3.68vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-difference { padding: 22vw 0 12vw; background: url(../images/top-difference-bg.jpg) no-repeat top center; background-size: 100%; }
.top-difference-head { width: 90vw; padding: 6vw 0 4vw; margin: auto; background: #fff; }
.top-difference-table {width: 96vw;margin: auto;}
.top-difference-table table{width: 96vw;font-size: 3.4vw;background: #fff;font-weight:bold;}
.top-difference-table th,.top-difference-table  .inbox td{padding: 2% 0;text-align:center;vertical-align: middle;}
.top-difference-table th{background:#39455b;font-weight:bold;color:#fff;border-radius: 10px 10px 0 0;}
.top-difference-table tbody td{text-align:center;vertical-align:middle;padding: 2vw 1vw;line-height: 1.3;font-size: 94%;}
.top-difference-table th:nth-child(1){background:#fff;}
.top-difference-table th:nth-child(2){background:#eaad1b;}
.top-difference-table th:nth-child(4){background:#41b2b4;}
.top-difference-table tbody td:nth-child(1){width:15vw;}
.top-difference-table tbody td:nth-child(2){background:#eaad1b;color:#fff;width:25vw;}
.top-difference-table tbody td:nth-child(3){background:#ebfaff;}
.top-difference-table tbody{border:2px solid #c3d1d7;}
.top-difference-table tbody tr{border-bottom:1px solid #c3d1d7;}
.top-difference-table tbody img{width: 22%;margin: 0 auto 2vw;}

.top-enquete { padding: 12vw 0; background: #ebfaff; }
.top-enquete-head { margin-bottom: 6vw; }
.top-enquete-head p { font-size: 3.68vw; font-weight: bold; text-align: center; line-height: 1.4; }
.top-enquete-title, .top-voice-title { padding-top: 10vw; }
.top-enquete-title:before, .top-voice-title:before { content: ''; width: 1.5vw; height: 5vw; background: #4bd7d9; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-enquete-content { width: 90vw; padding: 7.5vw 6vw; margin: auto; background: #fff; }
.top-enquete-sheet-items { width: 100%; padding-bottom: 2.5vw; margin-bottom: 6vw; border-bottom: 1px dotted #e4e4e4; }
.top-enquete-sheet-items li { width: 100%; margin-bottom: 4vw; }
.top-enquete-sheet-items img { width: 100%; }
.top-enquete-graph-items { width: 100%; }
.top-enquete-graph-items li { width: 100%; margin: 0 auto 8vw; }
.top-enquete-graph-item-image { width: 50vw; margin: 0 auto 3.5vw; }
.top-enquete-graph-item-title { font-size: 3.95vw; font-weight: bold; text-align: center; }
.top-enquete-box { width: 100%; margin: 0 auto 4vw; border: 1px solid #19c4c8; }
.top-enquete-box-title { padding: 2.5vw 2.5vw 2vw; margin-bottom: 4vw; color: #fff; font-size: 4.21vw; font-weight: bold; background: #19c4c8; }
.top-enquete-box-items { width: 95%; margin: auto; }
.top-enquete-box-items li { width: 100%; padding-left: 1em; margin-bottom: 2.5vw; font-size: 3.42vw; text-indent: -1em; line-height: 1.4; }
.top-enquete-box-items li:before { content: '・'; }
.top-enquete-note { font-size: 3.42vw; font-weight: bold; text-align: center; line-height: 1.4; }

.top-ba { padding: 12vw 0; margin-bottom: 12vw; background: #4bd7d9; }
.top-ba-title { margin-bottom: 5vw; font-weight: bold; text-align: center; }
.top-ba-title .small { padding: 2.5vw 4vw 2vw; margin: 0 auto 2vw; color: #fff; font-size: 4.21vw; background: #eeb630; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; display: table; }
.top-ba-title .big { color: #fff; font-size: 7.89vw; display: block; }
.top-ba-items { width: 90vw; margin: auto; }
.top-ba-item { width: 100%; padding: 5vw; background: #fff; }
.top-ba-item-head { padding-bottom: 2.5vw; margin-bottom: 2.5vw; border-bottom: 1px solid #a4a3a4; }
.top-ba-item-start { padding: 2vw 2vw 1.5vw; margin-bottom: 2vw; color: #fff; font-size: 4.47vw; font-weight: bold; background: #4bd7d9; display: table; }
.top-ba-item-user { font-size: 4.74vw; font-weight: bold; }
.top-ba-item-image { width: 80vw; margin-bottom: 10vw; }
.top-ba-item-image .image { width: 80vw; margin: 0 2.5vw; }
.top-ba-item-image img { width: 100%; }
.top-ba .btn{width:60%;margin:0 auto;background:#fff;font-weight:bold;margin-top:3vw;padding:3% 0;text-align:center;border-radius:30px;position:relative;}
.top-ba .btn:after{content: "\f105";font-family: 'icon';position:absolute;right:4vw;}

.top-ba-item-date { margin-bottom: 5vw; }
.top-ba-item-date-title { padding-bottom: 2vw; margin-bottom: 2vw; font-size: 5.26vw; font-weight: bold; border-bottom: 1px solid #d8d8d8; }
.top-ba-item-date-title:before { content: '◆'; margin-right: 1.5vw; color: #c7e7e7; display: inline-block; }
.top-ba-item-date-result { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-ba-item-date-change { margin-right: 2vw; font-size: 4.74vw; font-weight: bold; }
.top-ba-item-date-total { padding: 1.5vw 2vw 1vw; color: #fff; font-size: 4.21vw; font-weight: bold; background: #edb630; }
.top-ba-item-foot { padding: 4vw; font-size: 3.68vw; font-weight: bold; background: #ecfaff; }
.top-ba-item-foot .title { margin-bottom: 1.5vw; color: #2ab5b7; }
.top-ba-item-comment p { text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-price { padding: 12vw 0; }
.top-price .open{background:#fff769;font-weight:bold;font-size:120%;padding:2% 5%;text-align:center;display:table;margin:0 auto 4%;border-radius:40px;}
.top-price-content { width: 90vw; margin: auto; }
.top-price-banner-items { width: 75vw; margin: 0 auto 6vw; }
.top-price-banner-items li { width: 100%; margin-bottom: 4vw; }
.top-price-banner-items img { width: 100%; }
.top-price-table { width: 100%; margin: 0 auto 2.5vw; font-weight: bold; text-align: center; line-height: 1.2; }
.top-price-table th { padding: 2vw 0 1.5vw; font-size: 4.74vw; }
.top-price-table th.menu { color: #fff; background: #888; }
.top-price-table th.price { background: #ceeeee; }
.top-price-table td { padding: 2vw 0 1.5vw; font-size: 3.68vw; vertical-align: middle; border: 1px solid #cacbca; }
.top-price-table td .line { display: block; }
.top-price-table td .color { color: #0f9b9d; }
.top-price-table td .small { font-size: 80%; }
.top-price-table-note { font-size: 3.42vw; }

.top-voice { padding: 12vw 0 4vw; background: #ebfaff; }
.top-voice-content {width: 90vw;margin: auto;}
.top-voice-items { width: 100%; margin: auto; }
.top-voice-items li { width: 100%; margin-bottom: 8vw; z-index: 1; position: relative; }
.top-voice-item-head { margin-bottom: 5vw; z-index: 1; position: relative; }
.top-voice-item-head:before { content: ''; width: 25vw; height: 25vw; background: url(../images/top-voice-deco.png) no-repeat center; background-size: 100%; z-index: -1; position: absolute; bottom: -10vw; right: 0; }
.top-voice-item-image { width: 60vw; margin: 0 auto 4vw; }
.top-voice-item-user { padding: 2vw 4vw 1.5vw; margin: 0 auto 3vw; color: #fff; font-size: 3.95vw; font-weight: bold; background: #4bd7d9; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; display: table; }
.top-voice-item-title { margin-bottom: 2vw; color: #19c5c8; font-size: 6.58vw; font-weight: bold; line-height: 1.2; }
.top-voice-item-comment p { font-size: 3.68vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-voice-item-box { padding: 6vw 5vw; margin-bottom: 4vw; background: #fff; z-index: 1; position: relative; }
.top-voice-item-box-title { padding-bottom: 2.5vw; margin-bottom: 3vw; color: #19c5c8; font-size: 4.74vw; font-weight: bold; border-bottom: 1px solid #c1c1c1; position: relative; }
.top-voice-item-box-title:after { content: ''; width: 20vw; height: 3px; background: #8ccbcc; z-index: 1; position: absolute; bottom: -1.5px; left: 0; }
.top-voice-item-box-comment p { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-faq { padding: 12vw 0 6vw; }
.top-faq-content { width: 90vw; margin: auto; }
.top-faq-items { width: 100%; }
.top-faq-items li { width: 100%; margin-bottom: 6vw; }
.top-faq-item-question { padding: 2.5vw 2.5vw 2vw 10vw; margin-bottom: 4vw; color: #fff; font-size: 4.74vw; font-weight: bold; line-height: 1.4; background: #4bd7da; position: relative; }
.top-faq-item-question:before { content: 'Q'; font-size: 5.26vw; font-family: 'Lato'; position: absolute; top: 1.8vw; left: 3.5vw; }
.top-faq-item-answer { font-size: 3.68vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-voice02 { padding-bottom: 12vw; }
.top-voice02-head { width: 100%; padding-bottom: 54vw; background: url(../images/top-voice02-image.png) no-repeat left bottom -18vw; background-size: 100vw; }
.top-voice02-title { width: 90vw; margin: auto; }
.top-voice02-title img { width: 100%; }
.top-voice02-content { width: 100%; padding: 6vw 5vw; background: #4bd7d9; }
.top-voice02-items { width: 90vw; margin: 0 auto 6vw; }
.top-voice02-item { width: 90vw; padding: 5vw; margin: 0 2.5vw; background: #fff; }
.top-voice02-item-head { padding-bottom: 4vw; margin-bottom: 3.5vw; border-bottom: 1px dotted #ccc; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-voice02-item-batch { padding: 1.5vw 4vw; margin-right: 2.5vw; font-size: 4.21vw; font-family: 'Lato'; border: 1px solid #b9b9b9; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; }
.top-voice02-item-star { padding-top: 0.2vw; color: #4bd7d9; font-size: 5.92vw; letter-spacing: 0.5vw; }
.top-voice02-item-star.star01:before { content: '★☆☆☆☆'; }
.top-voice02-item-star.star02:before { content: '★★☆☆☆'; }
.top-voice02-item-star.star03:before { content: '★★★☆☆'; }
.top-voice02-item-star.star04:before { content: '★★★★☆'; }
.top-voice02-item-star.star05:before { content: '★★★★★'; }
.top-voice02-item-comment p { font-size: 3.42vw; font-weight: bold; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-infection { padding-bottom: 8vw; }
.top-infection-head { margin-bottom: 6vw; text-align: center; }
.top-infection-head p { font-size: 3.68vw; line-height: 1.6; }
.top-infection-title { margin-bottom: 2.5vw; font-size: 5.53vw; font-weight: bold; line-height: 1.4; }
.top-infection-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.top-infection-items li { width: 45vw; padding: 6vw 0 5vw; margin: 0 1.5vw 3vw; text-align: center; background: #fff9e2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.top-infection-item-image { width: 20vw; margin: 0 auto 2.5vw; }
.top-infection-item-title { font-size: 3.95vw; font-weight: bold; line-height: 1.2; }

.top-instagram { padding-bottom: 12vw; }
.top-instagram-content { width: 90vw; margin: auto; }
.top-instagram-items { width: 90vw; margin: 0 auto 2vw; 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-instagram-items li { width: 48%; margin-bottom: 4vw; }
.top-instagram-items img { width: 100%; }
.top-instagram-more { width: 70vw; padding: 3.5vw 0 3vw; margin: auto; color: #fff; font-family: 'Lato'; text-align: center; background: #4bd7d9; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-instagram-more:after { content: '\f105'; font-family: 'icon'; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-instagram-more .icon { margin-right: 1.5vw; font-size: 4.61vw; }
.top-instagram-more .title { font-size: 3.68vw; line-height: 0.9; letter-spacing: 0.2vw; }

.top-access { padding: 32vw 0 12vw; margin-top: 12vw; background: url(../images/top-difference-bg.jpg) no-repeat top center; background-size: 100%; }
.top-access-content { width: 90vw; padding: 8vw 0 1px; margin: auto; background: #fff; }
.top-access-date { margin-bottom: 6vw; }
.top-access-table { width: 100%; margin-bottom: 5vw; }
.top-access-table tr { border-bottom: 1px solid #dbdbdb; }
.top-access-table tr:first-child { border-top: 1px solid #dbdbdb; }
.top-access-table th { width: 20vw; padding: 2.5vw 0; font-size: 3.95vw; font-weight: bold; line-height: 1.5; }
.top-access-table td { padding: 2.5vw 0 2.5vw 2.5vw; font-size: 3.68vw; line-height: 1.4; }
.top-access-table .tel { font-size: 5.53vw; font-family: 'Lato'; letter-spacing: 0.2vw; position: relative; top: 0.6vw; }
.top-access-table .tel:before { content: '\f095'; margin-right: 1vw; color: #4bd7d9; font-size: 4.47vw; font-family: 'icon'; display: inline-block; }
.top-access-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-access-items li { width: 48%; color: #fff; font-size: 4.21vw; font-weight: bold; text-align: center; position: relative; }
.top-access-items li:after { content: '\f105'; font-family: 'icon'; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-access-items a { padding: 3vw 0 2.5vw; color: #fff; background: #4bd7d9; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; }
.top-access-map { width: 100%; height: 75vw; }

.top-news {margin: 10vw auto 10vw;}
.top-news-items {width: 90vw;margin: 0 auto 10vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.top-news-item {width: 48%;}
.top-news-item-image {width: 100%;margin: 0 auto 4vw;}
.top-news-item-text { width: 100%; }
.top-news-item-text p { font-size: 3.95vw; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.top-news-category-initems { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-news-category-initems span {padding: 1.4vw 2vw 1vw;margin: 0 1vw 1vw 0;color: #fff;font-size: 4vw;font-weight: bold;background: #21c5bc;display: inline-block;}
.top-news-item-time {margin-bottom: 2.5vw;font-size: 4.05vw;display: block;font-family: 'Lato';}
.top-news-item-title {margin-bottom: 1.5vw;font-size: 4.37vw;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;}

.top-topics{width:90%;border:1px solid #ccc;margin:0 auto;padding:5%;}
.top-topics .mds{font-family: 'Lato';text-align:center;font-size:6vw;background:#fff;margin: -8vw auto  5vw;display: table;padding: 0 6%;letter-spacing: 2px;}
.top-topics li{font-weight:bold;font-size:4vw;margin-bottom: 4vw;padding-bottom: 4vw;border-bottom:1px solid #ccc;}
.top-topics li span{padding: 1.4vw 2vw 1vw;margin: 0 2vw 0 0;color: #fff;font-weight: bold;background: #7e7e7e;display: inline-block;font-size: 90%;}
.top-topics a{width:60%;margin:0 auto;font-weight:bold;margin-top:3vw;padding:3% 0;text-align:center;border-radius:30px;position:relative;background: #4cd7da;color: #fff;}
.top-topics a:after{content: "\f105";font-family: 'icon';position:absolute;right:4vw;}


/* =============================================
tablet-size
================================================*/
@media screen and (min-width: 736px) and (max-width: 1023px) { 
  .top-special {padding: 40px 0;}
  .top-special .open{width:50%;padding:1% 2%;margin-bottom:10px;}
  .top-special-title { padding: 10px 25px 9px; margin-bottom: 10px; font-size: 25px; }
  .top-special-subtitle { margin: 0 auto 25px; font-size: 38px; position: relative; display: table; }
  .top-special-subtitle:before { content: ''; height: 110%; border-left: 2px dotted #fff; position: absolute; top: 50%; left: -20px; -moz-transform: translateY(-50%) rotate(-25deg); -ms-transform: translateY(-50%) rotate(-25deg); -webkit-transform: translateY(-50%) rotate(-25deg); transform: translateY(-50%) rotate(-25deg); }
  .top-special-subtitle:after { content: ''; height: 110%; border-right: 2px dotted #fff; position: absolute; top: 50%; right: -20px; -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); transform: translateY(-50%) rotate(25deg); }
  .top-special-items {width: 90%;margin-bottom: 20px;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-special-item {width: 32%;margin: 0;}

  .movie{margin-top:40px;}
  .movie iframe{height:300px;}
	
  .top-banner {width: 90%;}
  .top-about {padding: 60px 0 30px 0;}
  .top-about-content {width: 100%;margin: auto;}
  .top-about-box-head {margin-bottom: 30px;}
  .top-about-title { margin-bottom: 30px; }
  .top-about-box-title { margin-bottom: 20px; font-size: 32px; }
  .top-about-box-comment { font-size: 15px; }
  .top-about-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;margin: 0 auto;}
  .top-about-item {width: 49%;margin: 0;}
  .top-about-item-text {padding: 30px 10px;}
  .top-about-item-title { min-width: 280px; padding: 15px; font-size: 20px; top: -25px; }
  .top-about-item-strengths li, .top-about-item-weaknesses li { margin-bottom: 10px; font-size: 15px; }
  .top-about-item-strengths { padding-bottom: 15px; margin-bottom: 20px; }
  .top-about-item-strengths-title, .top-about-item-weaknesses-title { padding: 8px 10px 7px; margin-bottom: 15px; font-size: 16px; }
  .top-about-item-strengths-title:before, .top-about-item-weaknesses-title:before { margin-right: 6px; }
  .top-about-item-weaknesses-title:before { margin-right: 4px; font-size: 18px; top: 1px; }
  .top-about-point {padding-top: 0;margin-bottom: 30px;}
  .top-about-point-title { padding: 8px 20px 7px; margin-bottom: 10px; font-size: 18px; }
  .top-about-point-subtitle {margin-bottom: 20px;font-size: 30px;}
  .top-about-point-items {width: 100%;margin: auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
  .top-about-point-item {width: 30%;margin: 0 1% 3% 1%;}
  .top-about-point-item-title { min-width: 160px; height: 48px; font-size: 15px; padding: 0 15px; margin-bottom: -30px; }
  .top-about-point-item-title:after { border-top-width: 8px; border-right-width: 14px; border-left-width: 14px; bottom: -7px; }
  
  .top-recommend { padding-bottom: 50px; }
  .top-recommend:after { border-top-width: 40px; border-right-width: 150px; border-left-width: 150px; bottom: -39px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-recommend-content {width: 100%;margin: auto;}
  .top-recommend-items {width: 100%;margin-bottom: 30px;}
  .top-recommend-items li {width: 24%;margin: 0;}
  .top-recommend-foot {font-size: 28px;}
	
  .top-reason {padding: 90px 0 40px;}
  .top-reason-title { margin-bottom: 20px; }
  .top-reason-title:before { height: 110%; top: 50%; left: -30px; -moz-transform: translateY(-50%) rotate(-25deg); -ms-transform: translateY(-50%) rotate(-25deg); -webkit-transform: translateY(-50%) rotate(-25deg); transform: translateY(-50%) rotate(-25deg); }
  .top-reason-title:after { height: 110%; top: 50%; right: -30px; -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); transform: translateY(-50%) rotate(25deg); }
  .top-reason-title .jp {font-size: 36px;}
  .top-reason-title .en { width: 900px; font-size: 155px; letter-spacing: 35px; top: -70px; }
  .top-reason-items {width: 96%;margin-bottom: 20px;}
  .top-reason-items li {padding: 20px;margin-bottom: 10px;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-reason-items li:nth-child(even) .top-reason-item-image { -webkit-order: 2; order: 2; }
  .top-reason-items li:nth-child(even) .top-about-item-text { -webkit-order: 1; order: 1; }
  .top-reason-item-image {width: 39%;margin: 0;}
  .top-reason-item-text {width: 57%;}
  .top-reason-item-batch { padding: 2px 0 4px 10px; margin-bottom: 10px; font-size: 20px; border-width: 3px; }
  .top-reason-item-title {padding-bottom: 10px;margin-bottom: 15px;font-size: 22px;}
  .top-reason-item-comment p { margin-bottom: 15px; font-size: 15px; }
	
  .top-difference {padding: 110px 0 0;background: none;z-index: 1;position: relative;}
  .top-difference:before { content: ''; width: 100%; min-width: 2000px; height: 250px; background: url(../images/top-difference-bg-pc.jpg) no-repeat center; background-size: cover; z-index: -1; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-difference-head { width: 545px; padding: 50px 0 30px; }
  .top-difference-title .jp, .top-access-title .jp { display: block; }
  .top-difference-title .jp:before, .top-difference-title .jp:after, .top-access-title .jp:before, .top-access-title .jp:after { display: none; }
  .top-difference-table { width: 95%; margin-bottom:5%;}
  .top-difference-table table {font-size: 16px;width: 100%;}
  .top-difference-table tbody td {width: calc(100% / 4);padding:15px 10px;font-size:16px;}
  .top-difference-table tbody img{width:32px;margin-bottom:10px;}
	
  .top-enquete {padding: 50px 0;}
  .top-enquete-head { margin-bottom: 40px; }
  .top-enquete-head p { font-size: 15px; }
  .top-enquete-title, .top-voice-title { padding-top: 45px; margin-bottom: 30px; }
  .top-enquete-title:before, .top-voice-title:before { width: 6px; height: 25px; }
  .top-enquete-title .jp, .top-voice-title .jp { display: block; }
  .top-enquete-title .jp:before, .top-enquete-title .jp:after, .top-voice-title .jp:before, .top-voice-title .jp:after { display: none; }
  .top-enquete-content {width: 90%;padding: 40px;}
  .top-enquete-sheet-items { padding-bottom: 20px; margin-bottom: 40px; 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-enquete-sheet-items li {width: 48%;margin-bottom: 20px;}
  .top-enquete-graph-items {width: 100%;margin: 0 auto 40px;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-enquete-graph-items li {width: 32%;margin: 0;}
  .top-enquete-graph-item-image { width: 100%; margin-bottom: 15px; }
  .top-enquete-graph-item-title { font-size: 18px; }
  .top-enquete-box { padding-bottom: 15px; margin-bottom: 20px; }
  .top-enquete-box-title { padding: 10px; margin-bottom: 20px; font-size: 20px; }
  .top-enquete-box-items li { margin-bottom: 8px; font-size: 15px; }
  .top-enquete-note { font-size: 15px; }
	
  .top-ba {padding: 40px 0;margin-bottom: 60px;}
  .top-ba-title { margin-bottom: 40px; }
  .top-ba-title .small { padding: 8px 20px; margin-bottom: 10px; font-size: 18px; }
  .top-ba-title .big { font-size: 32px; }
  .top-ba-items { width: 100%; margin-bottom: 40px; }
  .top-ba-items .slick-dots { bottom: -40px; }
  .top-ba-items .slick-dots li { width: 15px; height: 15px; margin: 0 8px; }
  .top-ba-item {width: 65vw;padding: 21px;margin: 0 15px;}
  .top-ba-item-head { padding-bottom: 15px; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .top-ba-item-start { padding: 10px 10px 9px; margin: 0 10px 0 0; font-size: 16px; }
  .top-ba-item-user { font-size: 20px; }
  .top-ba-item-image {width: 100%;margin-bottom: 20px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
  .top-ba-item-image .image {width: 70%;margin: 0.5% 0 10px 0.5%;}
  .top-ba-item-text { margin-bottom: 20px; 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-ba-item-date {width: 32%;margin: 0;}
  .top-ba-item-date-title { padding-bottom: 10px; margin-bottom: 15px; font-size: 20px; }
  .top-ba-item-date-title:before { margin-right: 5px; }
  .top-ba-item-date-result { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .top-ba-item-date-change {margin-right: 10px;font-size: 16px;}
  .top-ba-item-date-total { padding: 6px 8px; font-size: 18px; }
  .top-ba-item-foot { padding: 20px 20px 15px; font-size: 15px; }
  .top-ba-item-foot .title { margin-bottom: 10px; }
  .top-ba .btn{width:40%;padding:2%;margin-top:70px;}
	
  .top-price {padding: 50px 0;}
  .top-price-content {width: 90%;}
  .top-price-banner-items { width: 700px; margin-bottom: 30px; 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-price-banner-items li { width: 335px; margin: 0; }
  .top-price-table { margin-bottom: 15px; }
  .top-price-table th { padding: 12px 0 9px; font-size: 18px; }
  .top-price-table td { padding: 12px 0 9px; font-size: 16px; }
  .top-price-table td .line { display: inline-block; }
  .top-price-table-note { font-size: 14px; }
	
  .top-voice { padding: 80px 0; }
  .top-voice-items {width: 100%;}
  .top-voice-items li { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dotted #ccc; }
  .top-voice-items li:last-child { padding: 0; margin: 0; border: none; }
  .top-voice-item-head { margin-bottom: 20px; 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-head:before { width: 160px; height: 160px; bottom: -55px; right: -30px; }
  .top-voice-item-image { width: 240px; margin: 0 25px 0 0; }
  .top-voice-item-text { flex: 1; }
  .top-voice-item-user { padding: 6px 12px 5px; margin: 0 0 15px; font-size: 15px; }
  .top-voice-item-title { margin-bottom: 15px; font-size: 25px; }
  .top-voice-item-comment p {font-size: 16px;}
  .top-voice-item-box { padding: 30px; margin-bottom: 10px; }
  .top-voice-item-box-title { padding-bottom: 14px; margin-bottom: 20px; font-size: 20px; }
  .top-voice-item-box-title:after { width: 90px; }
  .top-voice-item-box-comment p {font-size: 15px;}
	
  .top-faq { padding: 80px 0 40px; }
  .top-faq-content {width: 90%;}
  .top-faq-items li { margin-bottom: 40px; }
  .top-faq-item-question { padding: 10px 15px 9px 40px; margin-bottom: 20px; font-size: 20px; }
  .top-faq-item-question:before { font-size: 20px; top: 9px; left: 15px; }
  .top-faq-item-answer {font-size: 15px;line-height: 1.8;}
  .top-faq-item-answer p { margin-bottom: 15px; }
	
  .top-voice02 { padding-bottom: 80px; }
  .top-voice02-head {width: 96%;padding: 65px 0 25px;margin: 0 auto;background: url(../images/top-voice02-image.png) no-repeat left bottom -18vw;background-position: top right;background-size: 500px;}
  .top-voice02-title {width: 47%;margin: 0 0 0 10px;}
  .top-voice02-content {width: 100%;padding: 30px 20px;margin: auto;}
  .top-voice02-items { width: 100%; margin-bottom: 40px; }
  .top-voice02-items .slick-dots { bottom: -40px; }
  .top-voice02-items .slick-dots li { width: 15px; height: 15px; margin: 0 8px; }
  .top-voice02-item {width: 45vw;padding: 15px;margin: 0 10px;}
  .top-voice02-item-head { padding-bottom: 15px; margin-bottom: 15px; }
  .top-voice02-item-batch { padding: 6px 15px; margin-right: 10px; font-size: 16px; }
  .top-voice02-item-star { padding: 0; font-size: 28px; letter-spacing: 2px; }
  .top-voice02-item-comment p { font-size: 14px; }
	
  .top-infection { padding-bottom: 80px; }
  .top-infection-head { margin-bottom: 40px; }
  .top-infection-head p { font-size: 16px; }
  .top-infection-title { margin-bottom: 15px; font-size: 26px; }
  .top-infection-items {width: 100%;margin: 0 auto;-webkit-justify-content: space-between;justify-content: space-between;}
  .top-infection-items li {width: 19%;padding: 25px 0 20px;margin: 0;}
  .top-infection-item-image { width: 70px; margin-bottom: 10px; }
  .top-infection-item-title { font-size: 15px; line-height: 1.4; }
	
  .top-instagram {padding-bottom: 40px;}
  .top-instagram-content {width: 100%;}
  .top-instagram-items {width: 100%;margin-bottom: 40px;}
  .top-instagram-items li {width: 24%;margin: 0;}
  .top-instagram-more { width: 260px; padding: 10px 0 9px; }
  .top-instagram-more:after { right: 15px; }
  .top-instagram-more .icon { margin-right: 5px; font-size: 20px; }
  .top-instagram-more .title { font-size: 16px; line-height: 1; letter-spacing: 1px; position: relative; top: -1px; }
	
  .top-access { padding: 140px 0 80px; margin-top: 80px; background: none; position: relative; }
  .top-access:before { content: ''; width: 100%; min-width: 2000px; height: 250px; background: url(../images/top-difference-bg-pc.jpg) no-repeat center; background-size: cover; z-index: -1; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-access-content {width: 95%;padding: 40px 15px 0;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-access-date {width: 56%;margin: 0;}
  .top-access-table { margin-bottom: 30px; }
  .top-access-table th { width: 80px; padding: 16px 0 12px; font-size: 15px; letter-spacing: 2px; }
  .top-access-table td { padding: 14px 0 12px 15px; font-size: 15px; }
  .top-access-table .tel { font-size: 20px; line-height: 0.9; letter-spacing: 0; top: 1px; }
  .top-access-table .tel:before { margin-right: 4px; font-size: 16px; }
  .top-access-map {width: 39%;height: 300px;}
  .top-access-items { width: 410px; }
  .top-access-items li { width: 49%; font-size: 16px; }
  .top-access-items li:after { right: 15px; }
  .top-access-items a { padding: 14px 0 13px; }

  .top-news{width: 95%;margin:50px auto 0}
  .top-news-items{width:100%;}
  .top-news-item-image{margin-bottom:20px;}
  .top-news-item{width:24%;}
  .top-news-item-time{font-size:16px;margin-bottom: 10px;}
  .top-news-category-initems span{font-size: 14px;padding: 8px;margin: 0 4px 4px 0;}
  .top-news-item-title{font-size: 20px;}

  .top-topics{padding:30px;}
  .top-topics li{font-size:18px;margin-bottom:20px;padding-bottom:20px;}
  .top-topics .mds{font-size: 30px;margin: -45px auto 10px;}
  .top-topics a{width:45%;padding:10px 0;}
}

	
/* ============================================= 
pc
================================================*/
@media screen and (min-width: 1024px) {
  .top-special { padding: 60px 0; }
  .top-special .open{width: 580px;padding:1% 2%;margin-bottom:10px;}
 .top-special .open b{font-size: 29px;}
  .top-special-title { padding: 10px 25px 9px; margin-bottom: 10px; font-size: 25px; }
  .top-special-subtitle { margin: 0 auto 25px; font-size: 38px; position: relative; display: table; }
  .top-special-subtitle:before { content: ''; height: 110%; border-left: 2px dotted #fff; position: absolute; top: 50%; left: -20px; -moz-transform: translateY(-50%) rotate(-25deg); -ms-transform: translateY(-50%) rotate(-25deg); -webkit-transform: translateY(-50%) rotate(-25deg); transform: translateY(-50%) rotate(-25deg); }
  .top-special-subtitle:after { content: ''; height: 110%; border-right: 2px dotted #fff; position: absolute; top: 50%; right: -20px; -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); transform: translateY(-50%) rotate(25deg); }
  .top-special-items { width: 900px; margin-bottom: 20px; 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-special-item { width: 290px; margin: 0; }
	
  .top-banner {width: 900px;margin-bottom: 20px;}
  .top-about {padding: 80px 0 50px 0;}
  .top-about-content {width: 100%;margin: auto;}
  .top-about-box-head { margin-bottom: 40px; }
  .top-about-title {width: 900px;margin: 0 auto 30px;}
  .top-about-box-title { margin-bottom: 20px; font-size: 32px; }
  .top-about-box-comment { font-size: 15px; }
  .top-about-items {width: 900px;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-about-item { width: 445px; margin: 0; }
  .top-about-item-text { padding: 30px 20px; }
  .top-about-item-title { min-width: 280px; padding: 15px; font-size: 20px; top: -25px; }
  .top-about-item-strengths li, .top-about-item-weaknesses li { margin-bottom: 10px; font-size: 15px; }
  .top-about-item-strengths { padding-bottom: 15px; margin-bottom: 20px; }
  .top-about-item-strengths-title, .top-about-item-weaknesses-title { padding: 8px 10px 7px; margin-bottom: 15px; font-size: 16px; }
  .top-about-item-strengths-title:before, .top-about-item-weaknesses-title:before { margin-right: 6px; }
  .top-about-item-weaknesses-title:before { margin-right: 4px; font-size: 18px; top: 1px; }
  .top-about-point {padding-top: 0;margin-bottom: 60px;}
  .top-about-point-title { padding: 8px 20px 7px; margin-bottom: 10px; font-size: 18px; }
  .top-about-point-subtitle { margin-bottom: 20px; font-size: 36px; }
  .top-about-point-items {width: 100%;margin: auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
  .top-about-point-item {width: 30%;margin: 0 1% 3% 1%;}
  .top-about-point-item-title { min-width: 160px; height: 48px; font-size: 15px; padding: 0 15px; margin-bottom: -30px; }
  .top-about-point-item-title:after { border-top-width: 8px; border-right-width: 14px; border-left-width: 14px; bottom: -7px; }

  .movie{margin-top:40px;width:900px;}
  .movie iframe{height:500px;}
  
  .top-recommend { padding-bottom: 50px; }
  .top-recommend:after { border-top-width: 40px; border-right-width: 150px; border-left-width: 150px; bottom: -39px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-recommend-content { width: 900px; margin: auto; }
  .top-recommend-items { width: 870px; margin-bottom: 30px; }
  .top-recommend-items li { width: 205px; margin: 0; }
  .top-recommend-foot { font-size: 36px; }
	
  .top-reason { padding: 120px 0 80px; }
  .top-reason-title { margin-bottom: 20px; }
  .top-reason-title:before { height: 110%; top: 50%; left: -30px; -moz-transform: translateY(-50%) rotate(-25deg); -ms-transform: translateY(-50%) rotate(-25deg); -webkit-transform: translateY(-50%) rotate(-25deg); transform: translateY(-50%) rotate(-25deg); }
  .top-reason-title:after { height: 110%; top: 50%; right: -30px; -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); transform: translateY(-50%) rotate(25deg); }
  .top-reason-title .jp { font-size: 40px; }
  .top-reason-title .en { width: 900px; font-size: 155px; letter-spacing: 35px; top: -70px; }
  .top-reason-items { width: 900px; margin-bottom: 20px; }
  .top-reason-items li { padding: 30px; margin-bottom: 10px; 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-reason-items li:nth-child(even) .top-reason-item-image { -webkit-order: 2; order: 2; }
  .top-reason-items li:nth-child(even) .top-about-item-text { -webkit-order: 1; order: 1; }
  .top-reason-item-image { width: 385px; margin: 0; }
  .top-reason-item-text { width: 420px; }
  .top-reason-item-batch { padding: 2px 0 4px 10px; margin-bottom: 10px; font-size: 20px; border-width: 3px; }
  .top-reason-item-title { padding-bottom: 10px; margin-bottom: 15px; font-size: 24px; }
  .top-reason-item-comment p { margin-bottom: 15px; font-size: 15px; }
	
  .top-difference { padding: 130px 0 80px; background: none; z-index: 1; position: relative; }
  .top-difference:before { content: ''; width: 100%; min-width: 2000px; height: 250px; background: url(../images/top-difference-bg-pc.jpg) no-repeat center; background-size: cover; z-index: -1; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-difference-head { width: 545px; padding: 50px 0 30px; }
  .top-difference-title .jp, .top-access-title .jp { display: block; }
  .top-difference-title .jp:before, .top-difference-title .jp:after, .top-access-title .jp:before, .top-access-title .jp:after { display: none; }
  .top-difference-table { width: 800px;}
  .top-difference-table table {font-size: 18px;width: 100%;}
  .top-difference-table tbody td {width: calc(100% / 4);padding:15px 10px;font-size:16px;}
  .top-difference-table tbody img{width:32px;margin-bottom:10px;}
	
  .top-enquete { padding: 80px 0; }
  .top-enquete-head { margin-bottom: 40px; }
  .top-enquete-head p { font-size: 15px; }
  .top-enquete-title, .top-voice-title { padding-top: 45px; margin-bottom: 30px; }
  .top-enquete-title:before, .top-voice-title:before { width: 6px; height: 25px; }
  .top-enquete-title .jp, .top-voice-title .jp { display: block; }
  .top-enquete-title .jp:before, .top-enquete-title .jp:after, .top-voice-title .jp:before, .top-voice-title .jp:after { display: none; }
  .top-enquete-content { width: 840px; padding: 40px; }
  .top-enquete-sheet-items { padding-bottom: 20px; margin-bottom: 40px; 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-enquete-sheet-items li { width: 370px; margin-bottom: 20px; }
  .top-enquete-graph-items { width: 740px; margin: 0 auto 40px; 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-enquete-graph-items li { width: 225px; margin: 0; }
  .top-enquete-graph-item-image { width: 100%; margin-bottom: 15px; }
  .top-enquete-graph-item-title { font-size: 18px; }
  .top-enquete-box { padding-bottom: 15px; margin-bottom: 20px; }
  .top-enquete-box-title { padding: 10px; margin-bottom: 20px; font-size: 20px; }
  .top-enquete-box-items li { margin-bottom: 8px; font-size: 15px; }
  .top-enquete-note { font-size: 15px; }
	
  .top-ba { padding: 80px 0; margin-bottom: 80px; }
  .top-ba-title { margin-bottom: 40px; }
  .top-ba-title .small { padding: 8px 20px; margin-bottom: 10px; font-size: 18px; }
  .top-ba-title .big { font-size: 32px; }
  .top-ba-items { width: 100%; margin-bottom: 40px; }
  .top-ba-items .slick-dots { bottom: -40px; }
  .top-ba-items .slick-dots li { width: 15px; height: 15px; margin: 0 8px; }
  .top-ba-item {width: 620px;padding: 35px;margin: 0 15px;}
  .top-ba-item-head { padding-bottom: 15px; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .top-ba-item-start { padding: 10px 10px 9px; margin: 0 10px 0 0; font-size: 16px; }
  .top-ba-item-user { font-size: 20px; }
  .top-ba-item-image {width: 100%;margin-bottom: 20px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
  .top-ba-item-image .image {width: 340px;margin: 0 5px 20px 5px;}
  .top-ba-item-text { margin-bottom: 20px; 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-ba-item-date {width: 170px;margin: 0;}
  .top-ba-item-date-title { padding-bottom: 10px; margin-bottom: 15px; font-size: 20px; }
  .top-ba-item-date-title:before { margin-right: 5px; }
  .top-ba-item-date-result { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .top-ba-item-date-change {margin-right: 10px;font-size: 16px;}
  .top-ba-item-date-total {margin-top: 6px;padding: 6px 8px;font-size: 18px;width: 100%;}
  .top-ba-item-foot { padding: 20px 20px 15px; font-size: 15px; }
  .top-ba-item-foot .title { margin-bottom: 10px; }
  .top-ba .btn{width:340px;padding:20px;margin-top:70px;}
  .top-ba .btn:after{right:30px;}
	
  .top-price { padding: 80px 0; }
  .top-price-content { width: 900px; }
  .top-price-banner-items { width: 700px; margin-bottom: 30px; 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-price-banner-items li { width: 335px; margin: 0; }
  .top-price-table { margin-bottom: 15px; }
  .top-price-table th { padding: 12px 0 9px; font-size: 18px; }
  .top-price-table td { padding: 12px 0 9px; font-size: 16px; }
  .top-price-table td .line { display: inline-block; }
  .top-price-table-note { font-size: 14px; }
	
  .top-voice { padding: 80px 0; }
  .top-voice-items { width: 900px; }
  .top-voice-items li { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dotted #ccc; }
  .top-voice-items li:last-child { padding: 0; margin: 0; border: none; }
  .top-voice-item-head { margin-bottom: 20px; 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-head:before { width: 160px; height: 160px; bottom: -55px; right: -30px; }
  .top-voice-item-image { width: 240px; margin: 0 25px 0 0; }
  .top-voice-item-text { flex: 1; }
  .top-voice-item-user { padding: 6px 12px 5px; margin: 0 0 15px; font-size: 15px; }
  .top-voice-item-title { margin-bottom: 15px; font-size: 25px; }
  .top-voice-item-comment p {font-size: 18px;}
  .top-voice-item-box { padding: 30px; margin-bottom: 10px; }
  .top-voice-item-box-title { padding-bottom: 14px; margin-bottom: 20px; font-size: 20px; }
  .top-voice-item-box-title:after { width: 90px; }
  .top-voice-item-box-comment p {font-size: 15px;}
	
  .top-faq { padding: 80px 0 40px; }
  .top-faq-content { width: 900px; }
  .top-faq-items li { margin-bottom: 40px; }
  .top-faq-item-question { padding: 10px 15px 9px 40px; margin-bottom: 20px; font-size: 20px; }
  .top-faq-item-question:before { font-size: 20px; top: 9px; left: 15px; }
  .top-faq-item-answer {font-size: 15px;line-height: 1.8;}
  .top-faq-item-answer p { margin-bottom: 15px; }
	
  .top-voice02 { padding-bottom: 80px; }
  .top-voice02-head { width: 900px; padding: 65px 0 25px; margin: 0 auto; background: url(../images/top-voice02-image.png) no-repeat left bottom -18vw; background-position: top right; background-size: 500px; }
  .top-voice02-title { width: 390px; margin: 0 0 0 10px; }
  .top-voice02-content { width: 900px; padding: 30px 20px; margin: auto; }
  .top-voice02-items { width: 100%; margin-bottom: 40px; }
  .top-voice02-items .slick-dots { bottom: -40px; }
  .top-voice02-items .slick-dots li { width: 15px; height: 15px; margin: 0 8px; }
  .top-voice02-item { width: 420px; padding: 15px; margin: 0 10px; }
  .top-voice02-item-head { padding-bottom: 15px; margin-bottom: 15px; }
  .top-voice02-item-batch { padding: 6px 15px; margin-right: 10px; font-size: 16px; }
  .top-voice02-item-star { padding: 0; font-size: 28px; letter-spacing: 2px; }
  .top-voice02-item-comment p { font-size: 14px; }
	
  .top-infection { padding-bottom: 80px; }
  .top-infection-head { margin-bottom: 40px; }
  .top-infection-head p { font-size: 16px; }
  .top-infection-title { margin-bottom: 15px; font-size: 26px; }
  .top-infection-items { width: 900px; margin: 0 auto; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-infection-items li { width: 170px; padding: 25px 0 20px; margin: 0; }
  .top-infection-item-image { width: 70px; margin-bottom: 10px; }
  .top-infection-item-title { font-size: 15px; line-height: 1.4; }
	
  .top-instagram { padding-bottom: 80px; }
  .top-instagram-content { width: 900px; }
  .top-instagram-items { width: 900px; margin-bottom: 40px; }
  .top-instagram-items li { width: 215px; margin: 0; }
  .top-instagram-more { width: 260px; padding: 10px 0 9px; }
  .top-instagram-more:after { right: 15px; }
  .top-instagram-more .icon { margin-right: 5px; font-size: 20px; }
  .top-instagram-more .title { font-size: 16px; line-height: 1; letter-spacing: 1px; position: relative; top: -1px; }
	
  .top-access { padding: 140px 0 80px; margin-top: 80px; background: none; position: relative; }
  .top-access:before { content: ''; width: 100%; min-width: 2000px; height: 250px; background: url(../images/top-difference-bg-pc.jpg) no-repeat center; background-size: cover; z-index: -1; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-access-content { width: 1050px; padding: 50px 75px 0; 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-access-date { width: 440px; margin: 0; }
  .top-access-table { margin-bottom: 30px; }
  .top-access-table th { width: 80px; padding: 16px 0 12px; font-size: 15px; letter-spacing: 2px; }
  .top-access-table td { padding: 14px 0 12px 15px; font-size: 15px; }
  .top-access-table .tel { font-size: 20px; line-height: 0.9; letter-spacing: 0; top: 1px; }
  .top-access-table .tel:before { margin-right: 4px; font-size: 16px; }
  .top-access-map { width: 440px; height: 300px; }
  .top-access-items { width: 410px; }
  .top-access-items li { width: 49%; font-size: 16px; }
  .top-access-items li:after { right: 15px; }
  .top-access-items a { padding: 14px 0 13px; }

  .top-news{width:900px;margin:50px auto 0}
  .top-news-items{width:100%;margin-bottom: 70px;}
  .top-news-item-image{margin-bottom:20px;}
  .top-news-item{width:24%;}
  .top-news-item-time{font-size:16px;margin-bottom: 10px;}
  .top-news-category-initems span{font-size: 14px;padding: 8px;margin: 0 4px 4px 0;}
  .top-news-item-title{font-size: 20px;}

  .top-topics{padding:30px;width: 670px;}
  .top-topics li{font-size: 16px;margin-bottom:20px;padding-bottom:20px;}
  .top-topics .mds{font-size: 30px;margin: -45px auto 20px;}
  .top-topics a{width:45%;padding:10px 0;}
  .top-topics li span{padding:5px 10px;margin-right:10px;}
  .top-topics a{width:300px;}
}

@media screen and (min-width: 1150px) { 
  .top-about-point-item{width: 17.4%;margin-bottom: 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-difference:before, .top-access:before { background: url(../images/top-difference-bg-pc@2x.jpg) no-repeat center; background-size: cover; }
  .top-voice-item-head:before { background: url(../images/top-voice-deco@2x.png) no-repeat center; background-size: 100%; }
  .top-voice02-head { background: url(../images/top-voice02-image@2x.png) no-repeat top right; background-size: 500px; } }
