@charset "UTF-8"; /* ======================================= reset ======================================= */ /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /*chromeの補完機能OFF*/ input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s !important; } :focus { outline: 0; } h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* ======================================= layout ======================================= */ html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { background: #fff; color: #333; font-family: "Noto Sans", sans-serif; line-height: 1; margin: auto; width: 100%; } @media only screen and (max-width: 767px) { body { font-size: 3.733vw; } } @media only screen and (min-width: 768px) { body { font-size: 1.574vw; } } @media only screen and (min-width: 1080px) { body { font-size: 17px; min-width: 1080px; } } a { color: #333; text-decoration: none; } @media (any-hover: hover) { a:hover img { opacity: 0.8; transition: all 0.5s; } } img { vertical-align: bottom; width: 100%; } @media only screen and (min-width: 768px) { .inner { margin: auto; max-width: 1000px; width: 92.593%; } } .wrapper { overflow: hidden; width: 100%; } @media only screen and (min-width: 768px) { .sp-only { display: none !important; } } @media only screen and (max-width: 767px) { .pc-only { display: none !important; } } /* ======================================= fv ======================================= */ @media only screen and (max-width: 767px) { .fv-container { background: url(../img/fv_bg_sp.jpg) 50% 0 no-repeat, #00a63c; background-size: auto 278.667vw, 100%; } } @media only screen and (min-width: 768px) { .fv-container { background: url(../img/fv_bg.jpg) 50% 0 no-repeat, #00a63c; background-size: auto 76.294em, 100%; position: relative; z-index: 1; } } .fv-date { margin: auto; } @media only screen and (max-width: 767px) { .fv-date { width: 100vw; } } @media only screen and (min-width: 768px) { .fv-date { width: 35.294em; } } .fv-btn { display: block; } @media only screen and (max-width: 767px) { .fv-btn { margin: 54.667vw auto 0; width: 88vw; } } @media only screen and (min-width: 768px) { .fv-btn { margin: 0 auto; width: 28.706em; } } /* ======================================= plan ======================================= */ @media only screen and (max-width: 767px) { .plan { padding-bottom: 9.333vw; } } @media only screen and (min-width: 768px) { .plan { padding-bottom: 4.118em; } } .plan-title { margin: auto; } @media only screen and (max-width: 767px) { .plan-title { margin-top: 7.467vw; width: 78vw; } } @media only screen and (min-width: 768px) { .plan-title { margin-top: 4.9%; width: 49%; } } @media only screen and (max-width: 767px) { .plan-wrap { margin-top: 10vw; } } @media only screen and (min-width: 768px) { .plan-wrap { display: flex; justify-content: center; margin-top: 0.706em; } } .plan-box { position: relative; } @media only screen and (max-width: 767px) { .plan-box { margin: 0 auto; height: 48.267vw; filter: drop-shadow(0.8vw 0.8vw 0.533vw rgba(42, 41, 66, 0.3)); } } @media only screen and (min-width: 768px) { .plan-box { height: 13.588em; filter: drop-shadow(0.353em 0.353em 0.235em rgba(42, 41, 66, 0.3)); } } @media only screen and (max-width: 767px) { .plan-box_01 { background: url(../img/plan_01_bg_sp.png) 0 center no-repeat; background-size: 89.6vw 48.267vw; width: 89.6vw; margin-bottom: 5.333vw; } } @media only screen and (min-width: 768px) { .plan-box_01 { background: url(../img/plan_01_bg.png) 0 center no-repeat; background-size: 29.471em 13.647em; width: 29.471em; margin-right: 1.176em; } } @media only screen and (max-width: 767px) { .plan-box_02 { background: url(../img/plan_02_bg_sp.png) 0 center no-repeat; background-size: 89.6vw 48.267vw; width: 89.6vw; } } @media only screen and (min-width: 768px) { .plan-box_02 { background: url(../img/plan_02_bg.png) 0 center no-repeat; background-size: 22.412em 13.647em; width: 22.412em; } } .plan-recommend { position: absolute; left: 0; } @media only screen and (max-width: 767px) { .plan-recommend { width: 26.667vw; top: -9.867vw; } } @media only screen and (min-width: 768px) { .plan-recommend { width: 8.235em; top: -4.294em; } } .plan-num_wrap { display: flex; } @media only screen and (max-width: 767px) { .plan-num_wrap { margin-left: 5.6vw; } } @media only screen and (min-width: 768px) { .plan-num_wrap { margin-left: 1.765em; } } @media only screen and (max-width: 767px) { .plan-num { width: 16vw; } } @media only screen and (min-width: 768px) { .plan-num { width: 4.706em; } } @media only screen and (max-width: 767px) { .plan-num_tit { width: 67.867vw; } } @media only screen and (min-width: 768px) { .plan-num_tit { width: 22.941em; } } @media only screen and (max-width: 767px) { .plan-note_wrap { margin-top: 6.667vw; } } @media only screen and (min-width: 768px) { .plan-note_wrap { display: flex; margin-top: 1.765em; margin-left: 5.294em; } } @media only screen and (max-width: 767px) { .plan-note { width: 37.333vw; margin: 6.667vw auto 0; } } @media only screen and (min-width: 768px) { .plan-note { width: 11.765em; } } .plan-note_txt { color: #fff; letter-spacing: 0.02em; } @media only screen and (max-width: 767px) { .plan-note_txt { width: 86.667vw; margin: 1.333vw auto 0; font-size: 3.2vw; line-height: 5.867vw; } } @media only screen and (min-width: 768px) { .plan-note_txt { width: 37.5em; margin-top: 0.125em; margin-left: 1.875em; font-size: 0.941em; line-height: 1.625em; } } @media only screen and (max-width: 767px) { .plan-img { margin: 3.733vw auto 0 8vw; width: 87.467vw; } } @media only screen and (min-width: 768px) { .plan-img { margin: 2.941em auto 0 11.294em; width: 38.235em; } } .plan-img_note { color: #fff; font-weight: 500; text-align: center; } @media only screen and (max-width: 767px) { .plan-img_note { font-size: 3.467vw; line-height: 1.423; margin: 4vw 0 0; } } @media only screen and (min-width: 768px) { .plan-img_note { font-size: 129.412%; margin: 0.909em 0 0; } } /* ======================================= merit ======================================= */ @media only screen and (max-width: 767px) { .merit { background: url(../img/merit_bg_sp_01.jpg) 50% 0 no-repeat, url(../img/merit_bg_sp_02.jpg) 50% bottom no-repeat, #c7e7c2; background-size: auto 85.333vw, auto 85.333vw, 100%; height: auto; padding-bottom: 13.733vw; } } @media only screen and (min-width: 768px) { .merit { background: url(../img/merit_bg.jpg) 50% 0 no-repeat, rgb(0, 166, 60); background-size: auto 164.824em, 100%; padding-top: 3.765em; height: 164.824em; } } @media only screen and (max-width: 767px) { .merit-title { width: 100vw; } } @media only screen and (min-width: 768px) { .merit-title { margin: 0 auto; width: 31.765em; } } @media only screen and (max-width: 767px) { .merit-list { margin: 49.6vw auto 0; width: 89.333vw; } } @media only screen and (min-width: 768px) { .merit-list { margin: 5.235em auto 0; width: 52.941em; } } .merit-list .list_item { position: relative; background-color: #fff; width: 100%; } @media only screen and (max-width: 767px) { .merit-list .list_item { padding-top: 13.333vw; padding-bottom: 8vw; margin-bottom: 12vw; border-radius: 1.333vw; } } @media only screen and (min-width: 768px) { .merit-list .list_item { margin-bottom: 5.353em; padding-top: 3.765em; padding-left: 25.882em; padding-bottom: 3.824em; border-radius: 0.588em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(even) { padding-left: 2.235em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(even) .merit-list_img { position: absolute; left: 29.412em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(even) .merit-list_nom { left: 8.235em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(3) { padding-bottom: 3.235em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(3) .merit-list_txt { margin-top: 2.167em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(4) { margin-bottom: 0em; } } @media only screen and (min-width: 768px) { .merit-list .list_item:nth-of-type(4) .merit-list_img { width: 25.294em; left: 30.588em; } } @media only screen and (max-width: 767px) { .merit-list_img { margin: 0 auto; width: 80vw; } } @media only screen and (min-width: 768px) { .merit-list_img { position: absolute; top: -1.765em; left: -2.941em; width: 26.471em; } } .merit-list_nom { position: absolute; } @media only screen and (max-width: 767px) { .merit-list_nom { top: -4vw; left: 50%; transform: translate(-50%, 0%); width: 40.267vw; } } @media only screen and (min-width: 768px) { .merit-list_nom { top: -1.882em; left: 31.765em; width: 13.059em; } } @media only screen and (max-width: 767px) { .merit-list_box { margin: 0 auto; width: 80vw; } } @media only screen and (min-width: 768px) { .merit-list_box { width: 24.706em; } } .merit-list_tit { text-align: center; color: rgb(239, 130, 0); font-weight: bold; width: 100%; position: relative; } @media only screen and (max-width: 767px) { .merit-list_tit { font-size: 6.133vw; line-height: 1.565; margin: 4.667vw 0 0; } } @media only screen and (min-width: 768px) { .merit-list_tit { font-size: 211.765%; line-height: 1.278em; } } .merit-list_tit::before { content: ""; display: block; background: rgb(239, 130, 0); position: absolute; left: 50%; transform: translate(-50%, 0%); width: 100%; } @media only screen and (max-width: 767px) { .merit-list_tit::before { height: 0.267vw; bottom: -2.667vw; } } @media only screen and (min-width: 768px) { .merit-list_tit::before { height: 2px; bottom: -0.417em; } } @media only screen and (min-width: 768px) { .merit-list_tit.two::before { bottom: -0.556em; } } .merit-list_txt { text-align: center; letter-spacing: 0.04em; } @media only screen and (max-width: 767px) { .merit-list_txt { font-size: 3.733vw; line-height: 1.846; margin-top: 6.667vw; } } @media only screen and (min-width: 768px) { .merit-list_txt { font-size: 105.882%; line-height: 1.667em; margin-top: 1.889em; width: 100%; } } @media only screen and (max-width: 767px) { .merit-link_wrap { margin-top: 9.333vw; } } @media only screen and (min-width: 768px) { .merit-link_wrap { display: flex; justify-content: center; margin-top: 2.941em; } } .merit-link_btn { display: block; } @media only screen and (max-width: 767px) { .merit-link_btn { margin: 0 auto; width: 53.333vw; } } @media only screen and (min-width: 768px) { .merit-link_btn { width: 17.647em; } } @media only screen and (max-width: 767px) { .merit-detail_btn { margin-bottom: 5.333vw; } } @media only screen and (min-width: 768px) { .merit-detail_btn { margin-right: 2.471em; } } @media only screen and (max-width: 767px) { .search { width: 89.333vw; margin: 13.333vw auto 0; border-radius: 2.667vw; filter: drop-shadow(1.333vw 1.333vw 1.333vw rgba(31, 76, 28, 0.2)); } } @media only screen and (min-width: 768px) { .search { width: 100%; margin-top: 5.882em; border-radius: 1.176em; filter: drop-shadow(0.588em 0.588em 0.588em rgba(31, 76, 28, 0.2)); } } .search-card { background-color: #fff; position: relative; } @media only screen and (max-width: 767px) { .search-card { border-radius: 2.667vw 2.667vw 0 0; padding-bottom: 9.333vw; } } @media only screen and (min-width: 768px) { .search-card { width: 100%; border-radius: 1.176em 1.176em 0 0; } } .search-popular { position: absolute; } @media only screen and (max-width: 767px) { .search-popular { width: 22.667vw; top: -6.667vw; left: 9.867vw; } } @media only screen and (min-width: 768px) { .search-popular { width: 8.235em; top: -1.176em; left: 6.471em; } } .seacrh-title { margin: 0 auto; } @media only screen and (max-width: 767px) { .seacrh-title { width: 89.6vw; } } @media only screen and (min-width: 768px) { .seacrh-title { width: 41.176em; } } .search-inner { display: flex; } @media only screen and (max-width: 767px) { .search-inner { flex-flow: column-reverse; width: 80vw; margin: 2.667vw auto 0; } } @media only screen and (min-width: 768px) { .search-inner { display: flex; justify-content: center; width: 52.941em; margin: 3.529em auto 0; } } @media only screen and (max-width: 767px) { .search-image { width: 56vw; margin: 2.667vw auto 0; } } @media only screen and (min-width: 768px) { .search-image { width: 22.941em; margin-right: 2.235em; } } @media only screen and (max-width: 767px) { .search-contents { width: 100%; margin-top: 2.667vw; padding-bottom: 2.667vw; } } @media only screen and (min-width: 768px) { .search-contents { width: 27.647em; margin-top: 0.471em; padding-bottom: 2.941em; } } .search-contents-lead { color: rgb(0, 166, 60); font-weight: 700; width: 100%; border-bottom: 4px dotted rgb(0, 166, 60); } @media only screen and (max-width: 767px) { .search-contents-lead { text-align: center; border-bottom: 0.667vw dotted rgb(0, 166, 60); font-size: 6.133vw; line-height: 13.6vw; margin-top: -1.333vw; } } @media only screen and (min-width: 768px) { .search-contents-lead { border-bottom: 4px dotted rgb(0, 166, 60); font-size: 211.765%; letter-spacing: 0.02em; padding-bottom: 0.417em; } } @media only screen and (max-width: 767px) { .search-contents-text { width: 76vw; font-size: 3.733vw; line-height: 1.714; margin: 3.333vw auto 0; letter-spacing: 0.04em; } } @media only screen and (min-width: 768px) { .search-contents-text { font-size: 105.882%; line-height: 1.667em; letter-spacing: 0.04em; margin-top: 0.833em; } } .merit-search_btn_area { background-color: #fffac6; } @media only screen and (max-width: 767px) { .merit-search_btn_area { border-radius: 0 0 2.667vw 2.667vw; } } @media only screen and (min-width: 768px) { .merit-search_btn_area { width: 100%; border-radius: 0 0 1.176em 1.176em; } } .merit-search_btn { display: block; } @media only screen and (max-width: 767px) { .merit-search_btn { width: 53.333vw; margin: 0 auto; padding: 8.8vw 0; } } @media only screen and (min-width: 768px) { .merit-search_btn { width: 17.647em; margin: 0 auto; padding: 1.765em 0; } } @media only screen and (max-width: 767px) { .comparison { background: url(../img/comparison_bg_sp.jpg) 50% 0 no-repeat; background-size: auto 24vw; padding-top: 11.733vw; } } @media only screen and (min-width: 768px) { .comparison { background: url(../img/comparison_bg.jpg) 50% 0 no-repeat; background-size: 117.647em 15.294em; padding-top: 6.471em; } } .comparison-title { margin: 0 auto; } @media only screen and (max-width: 767px) { .comparison-title { width: 71.6vw; } } @media only screen and (min-width: 768px) { .comparison-title { width: 42.118em; } } .comparison-table { border-collapse: collapse; border-spacing: 0; } @media only screen and (max-width: 767px) { .comparison-table { margin: 4.267vw auto 0; width: 86.667vw; } } @media only screen and (min-width: 768px) { .comparison-table { margin: 2.706em auto 0; width: 52.941em; transform: scale(0.95, 0.95); transform-origin: top center; } } .comparison-table * { font-weight: 500; font-family: "M PLUS Rounded 1c", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", Meiryo, serif; } .comparison-table tr { border-bottom: 1px solid #000; display: flex; } .comparison-table th { display: flex; justify-content: center; flex-flow: column; } @media only screen and (max-width: 767px) { .comparison-table th { width: 28.533vw; } } @media only screen and (min-width: 768px) { .comparison-table th { width: 10em; padding-left: 0.333em; } } .comparison-table td { text-align: center; display: flex; justify-content: center; align-items: center; flex-flow: column; } @media only screen and (max-width: 767px) { .comparison-table td { padding: 1.733vw 0; width: 28.8vw; } } @media only screen and (min-width: 768px) { .comparison-table td { padding: 1.294em 0; width: 17.529em; } } .comparison-table td:nth-of-type(1) { background-color: #d9f2e2; } .comparison-table td:nth-of-type(2) { background-color: #fffac8; } @media only screen and (max-width: 767px) { .comparison-table td:nth-of-type(2) { margin-left: 0.533vw; } } @media only screen and (min-width: 768px) { .comparison-table td:nth-of-type(2) { margin-left: 0.235em; } } .comparison-table_first th:nth-of-type(2), .comparison-table_first th:nth-of-type(3) { background-color: #d9f2e2; align-items: center; } @media only screen and (max-width: 767px) { .comparison-table_first th:nth-of-type(2), .comparison-table_first th:nth-of-type(3) { width: 28.8vw; height: 15.6vw; border-radius: 2.667vw 2.667vw 0 0; } } @media only screen and (min-width: 768px) { .comparison-table_first th:nth-of-type(2), .comparison-table_first th:nth-of-type(3) { width: 17.529em; height: 9.824em; border-radius: 1.176em 1.176em 0 0; padding-left: 0; } } .comparison-table_first th:nth-of-type(3) { background-color: #fffac8; } @media only screen and (max-width: 767px) { .comparison-table_first th:nth-of-type(3) { margin-left: 0.533vw; } } @media only screen and (min-width: 768px) { .comparison-table_first th:nth-of-type(3) { margin-left: 0.235em; } } @media only screen and (max-width: 767px) { .comparison-table_first th .comparison-table_txt { font-size: 2.667vw; line-height: 1.35; margin-top: 0.4vw; } } @media only screen and (min-width: 768px) { .comparison-table_first th .comparison-table_txt { font-size: 147.059%; line-height: 1.48em; margin-top: 0.4em; } } .comparison-table_bold { color: rgb(0, 166, 60); font-weight: 800; text-align: center; } @media only screen and (max-width: 767px) { .comparison-table_bold { font-size: 3.467vw; line-height: 1.154; } } @media only screen and (min-width: 768px) { .comparison-table_bold { padding-top: 0.333em; font-size: 176.471%; line-height: 1.267em; } } .comparison-table_title { width: 100%; } @media only screen and (max-width: 767px) { .comparison-table_title { font-size: 3.467vw; line-height: 1.192; padding: 1.733vw 0; } } @media only screen and (min-width: 768px) { .comparison-table_title { font-size: 176.471%; line-height: 1.233em; padding: 0.9em 0; } } .check { margin: 0 auto; } @media only screen and (max-width: 767px) { .check { width: 4.4vw; } } @media only screen and (min-width: 768px) { .check { margin: 0 auto; width: 2.647em; } } .comparison-table_txt { text-align: center; letter-spacing: 0.02em; } @media only screen and (max-width: 767px) { .comparison-table_txt { font-size: 2.667vw; line-height: 1.85; } } @media only screen and (min-width: 768px) { .comparison-table_txt { font-size: 135.294%; margin-top: 0.696em; } } .comparison-table_line { height: 100%; position: relative; } .comparison-table_line::before { content: ""; display: block; background: #333; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .comparison-table_line::before { width: 2.933vw; height: 0.4vw; border-radius: 0.2vw; } } @media only screen and (min-width: 768px) { .comparison-table_line::before { width: 1.765em; height: 0.235em; border-radius: 0.118em; } } @media only screen and (max-width: 767px) { .application { padding: 11.067vw 0 10.667vw; } } @media only screen and (min-width: 768px) { .application { padding: 1.765em 0 2.941em; } } .application-btn { display: block; margin: 0 auto; } @media only screen and (max-width: 767px) { .application-btn { width: 85.867vw; } } @media only screen and (min-width: 768px) { .application-btn { width: 28.706em; } } .application-members { font-weight: bold; letter-spacing: 0.02em; text-align: center; } @media only screen and (max-width: 767px) { .application-members { font-size: 3.733vw; margin-top: 6.933vw; } } @media only screen and (min-width: 768px) { .application-members { font-size: 117.647%; margin-top: 1.25em; } } .application-members-link { color: rgb(52, 134, 197); text-decoration: underline; } @media (any-hover: hover) { .application-members-link:hover { text-decoration: none; } } .summary { background: rgb(0, 166, 60); } @media only screen and (max-width: 767px) { .summary { padding: 15.067vw 0 14.667vw; } } @media only screen and (min-width: 768px) { .summary { padding: 4.706em 0 3.529em; } } .summary-title { border-bottom: 1px solid #fff; color: #fff; font-weight: bold; letter-spacing: 0.08em; margin: auto; } @media only screen and (max-width: 767px) { .summary-title { font-size: 5.867vw; padding-left: 0.667vw; padding-bottom: 5.6vw; width: 89.333vw; } } @media only screen and (min-width: 768px) { .summary-title { font-size: 152.941%; padding: 0 0 0.577em 0.962em; width: 90%; } } .summary-notes { font-weight: normal; letter-spacing: 0.05em; } @media only screen and (max-width: 767px) { .summary-notes { font-size: 2.933vw; margin-left: 4.267vw; } } @media only screen and (min-width: 768px) { .summary-notes { font-size: 61.538%; margin-left: 0.875em; } } .summary-list { color: #fff; letter-spacing: 0.04em; } @media only screen and (max-width: 767px) { .summary-list { font-size: 3.2vw; line-height: 2.083; margin: 5.333vw auto 0; width: 86.667vw; } } @media only screen and (min-width: 768px) { .summary-list { font-size: 94.118%; line-height: 2.25em; margin: 1.25em auto 0; width: 85%; } } .summary-item::before { content: "●"; } .summary-item .em { color: rgb(255, 255, 0); } .source { color: #fff; letter-spacing: 0.05em; } @media only screen and (max-width: 767px) { .source { font-size: 3.467vw; line-height: 1.857; margin: 0 auto; width: 86.667vw; } } @media only screen and (min-width: 768px) { .source { font-size: 94.118%; margin: 0.625em auto 0; width: 85%; } } .callcenter { background: #fff; } @media only screen and (max-width: 767px) { .callcenter { border-radius: 1.067vw; margin: 8vw auto 0; padding: 4.667vw 4vw; width: 76vw; } } @media only screen and (min-width: 768px) { .callcenter { border-radius: 0.471em; display: flex; justify-content: space-between; margin: 1.765em auto 0; padding: 1.176em 0; width: 50%; } } .callcenter-term { font-weight: bold; letter-spacing: 0.08em; } @media only screen and (max-width: 767px) { .callcenter-term { text-align: center; border-bottom: 2px solid #e95b9c; font-size: 4vw; padding-bottom: 3.2vw; } } @media only screen and (min-width: 768px) { .callcenter-term { border-right: 2px solid #e95b9c; font-size: 105.882%; line-height: 1.389em; padding-left: 2.222em; width: 11.667em; } } @media only screen and (max-width: 767px) { .callcenter-deta { margin-top: 3.333vw; text-align: center; } } @media only screen and (min-width: 768px) { .callcenter-deta { padding-left: 3.378%; width: 62.979%; } } .callcenter-tel, .callcenter-time { display: inline-block; } .callcenter-tel { color: #e95b9c; font-weight: bold; letter-spacing: 0.025em; } @media only screen and (max-width: 767px) { .callcenter-tel { font-size: 6.667vw; } } @media only screen and (min-width: 768px) { .callcenter-tel { font-size: 152.941%; } } .callcenter-tel a { color: #e95b9c; font-weight: bold; } @media only screen and (min-width: 768px) { .callcenter-tel a { pointer-events: none; } } .callcenter-time { color: #666; letter-spacing: 0.05em; } @media only screen and (max-width: 767px) { .callcenter-time { font-size: 3.2vw; margin-top: 2.133vw; } } @media only screen and (min-width: 768px) { .callcenter-time { font-size: 82.353%; margin-top: 0.5em; } } .footer { background: #fff; } @media only screen and (max-width: 767px) { .footer { padding: 9.333vw 0 10.667vw; } } @media only screen and (min-width: 768px) { .footer { padding: 2.941em 0 3.529em; } } .logo { margin: auto; } @media only screen and (max-width: 767px) { .logo { width: 44.933vw; } } @media only screen and (min-width: 768px) { .logo { width: 20.4%; } } .copyright { letter-spacing: 0.04em; text-align: center; } @media only screen and (max-width: 767px) { .copyright { font-size: 3.2vw; margin-top: 4.667vw; } } @media only screen and (min-width: 768px) { .copyright { font-size: 82.353%; margin-top: 1.429em; } } .fixed { background: rgba(220, 235, 240, 0.53); display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; } .fixed .fixed_link { display: block; margin: 0 auto; } @media only screen and (max-width: 767px) { .fixed .fixed_link { width: 85.867vw; padding: 3.333vw 0 5.333vw; } } @media only screen and (min-width: 768px) { .fixed .fixed_link { width: 28.471em; padding: 0.471em 0 1em; } }/*# sourceMappingURL=style.css.map */