.clearfix::after { content: ""; clear: both; display: table } p { margin: 0; padding: 0 } ol, ul { list-style: none; margin: 0; padding: 0 } input, textarea { margin: 0; font-size: 100%; resize: none } input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="url"] { word-break: normal; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 100% } dl, dt, dd, th, td { margin: 0; padding: 0 } h1, h2, h3, h4, h5, h6 { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; margin: 0; padding: 0 } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, dialog { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } img { margin: 0; padding: 0; vertical-align: middle; border: 0; max-width: 100%; height: auto } table img { margin: 0; padding: 0; vertical-align: middle; border: 0 } article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block } nav ul { list-style: none } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *:focus { outline: none !important } label, select, button { cursor: pointer } input, textarea, select, button { font-family: inherit } a { outline: none; transition: opacity 0.3s; cursor: pointer } @media only screen and (min-width: 1025px) { a:hover { opacity: 0.5 } } a:link, a:visited, a:active { color: #404041; text-decoration: none } .ffzkg { font-family: "Zen Kaku Gothic New", sans-serif } .ffsg { font-family: "Sawarabi Gothic", sans-serif } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100% } html.is-ipad * { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none } body { font-family: "Sawarabi Gothic", sans-serif; word-break: break-word; color: #404041; margin: 0; padding: 0; height: 100%; width: 100% } @media (max-width: 999px) { body { font-size: 16px; font-size: 1.6rem; line-height: 2.3125em; letter-spacing: .04em; font-weight: 400 } } @media (min-width: 1000px) { body { font-size: 16px; font-size: 1.6rem; line-height: 2.8125em; letter-spacing: .1em; font-weight: 400 } } main { display: block; margin-top: 90px } @media (min-width: 1000px) { main { margin-top: 134px } } .inner { padding: 0 30px; margin: 0 auto } @media (min-width: 1000px) { .inner { max-width: 1020px } } @media (min-width: 1000px) { .sp, .SP { display: none !important } } @media (max-width: 999px) { .pc, .PC { display: none !important } } .sec-archive { background-color: #F8F7F7; position: relative; margin-top: 17px; padding-bottom: 175px } @media (max-width: 999px) { .sec-archive { background-color: #fff; padding-bottom: 85px } } .sec-archive:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: calc(50% - 411px); background-color: #fff } @media only screen and (min-width: 1000px) and (max-width: 1220px) { .sec-archive:after { width: 200px } } .sec-archive .inner { max-width: 1220px; width: 100%; display: flex; align-items: flex-start; position: relative; z-index: 1 } @media (max-width: 999px) { .sec-archive .inner { display: block; padding: 0 20px } } .sec-archive__sidebar { width: 168px; padding-top: 30px } @media (max-width: 999px) { .sec-archive__sidebar { width: 100%; padding-top: 20px } } @media (max-width: 999px) { .sec-archive__sidebar .cate { display: flex; flex-wrap: wrap; margin: -7px 0 0 -7px } } .sec-archive__sidebar .cate li { margin-top: 18px } @media (max-width: 999px) { .sec-archive__sidebar .cate li { width: calc(33.33% - 7px); margin: 7px 0 0 7px } } @media (min-width: 1000px) { .sec-archive__sidebar .cate li:first-child { margin-top: 0 } } .sec-archive__sidebar .cate a { padding: 5px 10px; display: flex; align-items: center; justify-content: center; width: 125px; min-height: 53px; border: solid 2px #8DCFBC; border-radius: 22px; font-size: 14px; font-size: 1.4rem; line-height: 1.35714em; letter-spacing: 0em; font-weight: 400; color: #8DCFBC } @media (max-width: 999px) { .sec-archive__sidebar .cate a { font-size: 14px; font-size: 1.4rem; line-height: 1.35714em; width: 100%; height: 100%; padding: 5px 10px } } .sec-archive__sidebar .cate a p { word-break: break-all } .sec-archive__sidebar .cate .is-active a { background-color: #8DCFBC; color: #fff; opacity: 1 } .sec-archive__sidebar .cate .letter a { letter-spacing: 0 } @media (max-width: 999px) { .sec-archive__sidebar .cate .letter a { letter-spacing: -.04em } } .sec-archive__sidebar .box-tag { margin-top: 45px } @media (max-width: 999px) { .sec-archive__sidebar .box-tag { margin-top: 21px } } .sec-archive__sidebar .box-tag__title { font-size: 15px; font-size: 1.5rem; line-height: 1.26667em; letter-spacing: .06em; font-weight: 400; border-bottom: 1px dashed #707070; padding: 0 7px 4px 7px; width: 136px } @media (max-width: 999px) { .sec-archive__sidebar .box-tag__title { width: 100%; padding: 0 10px 4px 10px } } .sec-archive__sidebar .box-tag ul { margin-top: 16px } @media (max-width: 999px) { .sec-archive__sidebar .box-tag ul { display: flex; flex-wrap: wrap; margin: 5px 0 0 -8px } } .sec-archive__sidebar .box-tag li { margin-top: 18px } @media (max-width: 999px) { .sec-archive__sidebar .box-tag li { width: calc(33.33% - 8px); margin: 8px 0 0 8px } } @media (min-width: 1000px) { .sec-archive__sidebar .box-tag li:first-child { margin-top: 0 } } .sec-archive__sidebar .box-tag a { display: flex; align-items: center; border: solid 1px #919193; color: #919193; border-radius: 22px; font-size: 14px; font-size: 1.4rem; line-height: 1.35714em; letter-spacing: 0em; font-weight: 400; width: 125px; min-height: 32px; padding: 5px 10px; transition: color .3s, background-color .3s; cursor: pointer } @media (max-width: 999px) { .sec-archive__sidebar .box-tag a { height: 100%; width: 100%; padding: 5px 12px } } @media only screen and (min-width: 1025px) { .sec-archive__sidebar .box-tag a:hover { background-color: #919193; color: #fff; opacity: 1 } } .sec-archive__sidebar .box-tag .is-active a { background-color: #919193; color: #fff } .sec-archive__content { flex: 1; position: relative; padding: 30px 49px } @media (max-width: 999px) { .sec-archive__content { padding: 0 } } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto } .alignright { float: right; margin: 5px 0 20px auto } .alignleft { float: left; margin: 5px auto 20px 0 } a img.alignright { float: right; margin: 5px 0 20px auto } a img.alignleft { float: left; margin: 5px auto 20px 0 } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center } .wp-caption.alignnone { margin: 5px 0 20px } .wp-caption.alignleft { margin: 5px auto 20px 0 } .wp-caption.alignright { margin: 5px 0 20px auto } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px } .wp-video { max-width: 100%; margin-bottom: 40px } .wp-video video { max-width: 100%; height: auto } .cms-content { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; word-wrap: break-word; font-size: 16px; font-size: 1.6rem; line-height: 2.3125em; letter-spacing: .04em; font-weight: 400 } .cms-content::after { content: ""; clear: both; display: table } .cms-content ul, .cms-content ol { padding-left: 20px; margin-bottom: 20px } .cms-content ul[style*="list-style-type: circle;"] li { list-style-type: circle } .cms-content ul[style*="list-style-type: square;"] li { list-style-type: square } .cms-content ul li { list-style: disc } .cms-content ol[style*="list-style-type: lower-roman;"] li { list-style-type: lower-roman } .cms-content ol[style*="list-style-type: lower-alpha;"] li { list-style-type: lower-alpha } .cms-content ol[style*="list-style-type: lower-greek;"] li { list-style-type: lower-greek } .cms-content ol[style*="list-style-type: upper-alpha;"] li { list-style-type: upper-alpha } .cms-content ol[style*="list-style-type: upper-roman;"] li { list-style-type: upper-roman } .cms-content ol li { list-style-type: decimal } .cms-content p { margin-top: 32px } .cms-content iframe { max-width: 100% !important } .cms-content img { max-width: 100%; height: auto; max-height: 100%; width: auto } .cms-content table { table-layout: fixed; border: 1px solid #404041; margin-bottom: 40px } .cms-content table td, .cms-content table th { border: 1px solid #404041 } .cms-content h3 { font-size: 20px; font-size: 2rem; line-height: 1.5em; letter-spacing: .1em; font-weight: 700; margin-top: 46px } .cms-content h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.55556em; letter-spacing: .1em; font-weight: 700; margin-top: 46px } .cms-content h5 { font-size: 17px; font-size: 1.7rem; line-height: 1.64706em; letter-spacing: .1em; font-weight: 700; margin-top: 46px } .c-img { display: block; position: relative } .c-img img { display: block; object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .c-img--contain img { object-fit: contain } .c-img--top img { object-position: top } .c-fw { width: 100% } [rel~="js-lazy"] { opacity: 0 } [rel~="js-lazy"]:not(.initial) { transition: opacity 0.15s } [rel~="js-lazy"].initial, [rel~="js-lazy"].loaded, [rel~="js-lazy"].error { opacity: 1 } .c-lazybg { background-size: cover; background-position: center; background-repeat: no-repeat } .c-lazybg--top { background-position: center top } .c-lazybg--contain { background-size: contain } .c-btn01 { border: solid 2px #8DCFBC; min-height: 43px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 20px; font-size: 2rem; line-height: 1em; letter-spacing: .05em; font-weight: 500; border-radius: 22px; display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 9px } @media (min-width: 1000px) { .c-btn01 { font-size: 26px; font-size: 2.6rem; line-height: 1em; letter-spacing: .05em; font-weight: 700 } } @media only screen and (max-width: 374px) { .c-btn01 { font-size: 4.65116vw } } .c-btn01__text { color: #8DCFBC; margin-top: -1px } @media (max-width: 999px) { .c-btn01__text { margin-left: 10px } } @media (max-width: 999px) { .c-btn01 .icon { margin-left: -1px } } @media (min-width: 1000px) { .c-btn01 .icon { margin-left: 5px; position: relative; right: -4px } } .c-btn02 { font-size: 18px; font-size: 1.8rem; line-height: 1.11111em; letter-spacing: .16em; font-weight: 700; font-family: "Zen Kaku Gothic New", sans-serif; width: 100%; min-height: 50px; border-radius: 50px; background-color: #8DCFBC; display: flex; align-items: center; justify-content: center; padding: 7px 55px 7px; position: relative } @media (max-width: 429px) { .c-btn02 { font-size: 4.18605vw } } @media (min-width: 1000px) { .c-btn02 { font-size: 24px; font-size: 2.4rem; line-height: 1.08333em; min-height: 80px; padding: 7px 80px 7px } } .c-btn02:after { content: ''; width: 35px; height: 35px; background-image: url(../img/common/icon/ico_btn_blank.svg); background-size: cover; flex-shrink: 0; position: absolute; right: 14px; top: 50%; transform: translate3d(0, -50%, 0) } @media (min-width: 1000px) { .c-btn02:after { width: 54px; height: 54px; right: 20px; background-image: url(../img/common/icon/ico_btn_blank_pc.svg) } } .c-btn02__text { color: #fff; text-align: center; margin-top: -2px; display: block } .c-btn02--arrow:after { background-image: url(../img/common/icon/ico_btn_arrow.svg) } .c-btn02--arrow--green:after { background-image: url(../img/common/icon/ico_btn_arrow_green.svg) } .c-btn02--color02 { background-color: #66A793 } .c-btn02--color02:after { background-image: url(../img/common/icon/ico_btn_blank02.svg) } @media (min-width: 1000px) { .c-btn02--color02:after { background-image: url(../img/common/icon/ico_btn_blank02_pc.svg) } } .c-btn02--green { background-color: #C9E1A9 } .c-btn02--green .c-btn02__text { color: #404041 } @media (min-width: 1000px) { .c-box-link-others { max-width: 557px; margin: 0 auto } .c-box-link-others .l-btn:nth-child(2) { margin-top: 30px } .c-box-link-others .c-btn01 { border-radius: 36px; min-height: 69px } .c-box-link-others .icon { margin-left: 5px; position: relative; right: -4px } } @media (max-width: 999px) { .c-box-link-others { padding: 0 42px } .c-box-link-others .l-btn:nth-child(2) { margin-top: 22px } } @media (max-width: 999px) and (max-width: 999px) { .c-box-link-others .l-btn .c-btn01 { font-weight: 500; font-size: 2rem } } @media only screen and (max-width: 999px) and (max-width: 999px) and (max-width: 374px) { .c-box-link-others .l-btn .c-btn01 { font-size: 4.65116vw } } @media (max-width: 999px) { .c-box-link-others .l-btn .icon { margin-left: -1px } } .c-title01__jp { font-size: 20px; font-size: 2rem; line-height: 1.1em; letter-spacing: .2em; font-weight: 500; display: table } @media (min-width: 1000px) { .c-title01__jp { font-size: 36px; font-size: 3.6rem; line-height: 1.08333em } } .c-title01__en { font-size: 13px; font-size: 1.3rem; line-height: 1.38462em; letter-spacing: .06em; font-weight: 400; color: #8DCFBC; border-top: 1px solid #8DCFBC; display: table; padding-right: 10px; margin-top: 5px; font-family: "Zen Kaku Gothic New", sans-serif } @media (min-width: 1000px) { .c-title01__en { margin-top: 16px; font-size: 23px; font-size: 2.3rem; line-height: 1.21739em } } .c-title02__jp { font-size: 20px; font-size: 2rem; line-height: 1.5em; letter-spacing: .1em } @media (min-width: 1000px) { .c-title02__jp { font-size: 36px; font-size: 3.6rem; line-height: 1.66667em } } .c-list-blog ul { display: flex; flex-wrap: wrap; margin: -12px 0 0 -12px } @media (min-width: 1000px) { .c-list-blog ul { margin: -20px 0 0 -20px } } .c-list-blog__item { width: calc(50% - 12px); margin: 12px 0 0 12px } @media (min-width: 1000px) { .c-list-blog__item { width: calc(50% - 20px); margin: 20px 0 0 20px } } .c-list-blog .img { position: relative } .c-list-blog .img:before { display: block; content: " "; width: 100%; padding-top: 100% } .c-list-blog .img>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .c-list-blog .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } .c-list-blog .title { font-size: 16px; font-size: 1.6rem; line-height: 1.875em; letter-spacing: .03em; font-weight: 400; overflow: hidden; width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; font-family: "Sawarabi Gothic", sans-serif; margin-top: 3px } @media (min-width: 1000px) { .c-list-blog .title { font-size: 18px; font-size: 1.8rem; line-height: 1.55556em; margin-top: 6px } } .c-list-blog .text { margin-top: 10px; font-size: 13px; font-size: 1.3rem; line-height: 1.53846em; letter-spacing: .03em; font-weight: 400; overflow: hidden; width: 100%; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal } @media (min-width: 1000px) { .c-list-blog .text { overflow: hidden; width: 100%; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; margin-top: 6px } } @media (min-width: 1000px) { .sec-c-ttl .inner { max-width: 1220px } } @media (max-width: 999px) { .sec-c-ttl .inner { padding: 0 20px } } .sec-c-ttl .c-ttl-jp span { display: inline-block; position: relative; border-bottom: 1px solid #8DCFBC } @media (max-width: 999px) { .sec-c-ttl .c-ttl-jp span { font-size: 28px; font-size: 2.8rem; /*line-height: 1.42857em;*/ letter-spacing: .13em; font-weight: 500; /*padding-bottom: 4px;*/ width: 182px } } @media (min-width: 1000px) { .sec-c-ttl .c-ttl-jp span { font-size: 36px; font-size: 3.6rem; /*line-height: 1.08333em;*/ letter-spacing: .2em; font-weight: 500; width: 278px; /*padding-bottom: 16px*/ } } .sec-c-ttl .c-ttl-jp small { font-size: 16px; font-size: 1.6rem; padding-left: 5px } .sec-c-ttl .c-txt-en { color: #8DCFBC; font-family: "Zen Kaku Gothic New", sans-serif } @media (max-width: 999px) { .sec-c-ttl .c-txt-en { font-size: 13px; font-size: 1.3rem; line-height: 1.23077em; letter-spacing: .06em; font-weight: 400; margin-top: 1px } } @media (min-width: 1000px) { .sec-c-ttl .c-txt-en { margin-top: 1px; font-size: 23px; font-size: 2.3rem; line-height: 1.08696em; letter-spacing: .06em; font-weight: 400 } } .c-btns-bottom a { width: 100%; min-height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; padding: 7px 50px 7px 63px; position: relative; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.11111em; letter-spacing: .16em; font-weight: 500 } @media (min-width: 1000px) { .c-btns-bottom a { min-height: 76px; padding: 7px 55px 7px 64px; font-size: 26px; font-size: 2.6rem; line-height: 1.23077em; letter-spacing: .16em; font-weight: 700 } } @media only screen and (min-width: 1024px) and (max-width: 1120px) { .c-btns-bottom a { padding: 7px 55px 7px 25px; font-size: 22px; font-size: 2.2rem; line-height: 1.27273em } } @media only screen and (max-width: 429px) { .c-btns-bottom a { padding: 7px 40px 7px 15px; font-size: 16px; font-size: 1.6rem; line-height: 1.25em; letter-spacing: .05em; font-weight: 500 } } .c-btns-bottom a:after { content: ''; width: 35px; height: 35px; background-size: cover; flex-shrink: 0; position: absolute; right: 13px; top: 50%; transform: translate3d(0, -50%, 0) } @media (min-width: 1000px) { .c-btns-bottom a:after { width: 52px; height: 52px; right: 21px } } @media only screen and (max-width: 429px) { .c-btns-bottom a:after { width: 30px; height: 30px; right: 10px } } .c-btns-bottom a.bg-default { color: #fff; background-color: #8ECFBC } .c-btns-bottom a.bg-default:after { background-image: url(../img/common/icon/ico_btns_bottom_1.svg) } .c-btns-bottom a.bg-dark { color: #fff; background: #66A793 } .c-btns-bottom a.bg-dark:after { background-image: url(../img/common/icon/ico_btns_bottom_2.svg) } .c-btns-bottom a.bg-light { color: #404041; background: #C9E1A9 } .c-btns-bottom a.bg-light:after { background-image: url(../img/common/icon/ico_btns_bottom_3.svg) } .c-btns-bottom a span { margin-top: -2px } .c-btns-bottom .oneCol li { margin-bottom: 19px; width: 100% } .c-btns-bottom .oneCol li:last-child { margin-bottom: 0 } .c-btns-bottom .twoCol { max-width: 1190px; display: flex; flex-wrap: wrap; justify-content: space-between } @media (max-width: 999px) { .c-btns-bottom .twoCol { padding: 0 29px } } @media (max-width: 999px) { .c-btns-bottom .twoCol li { margin-bottom: 21px; width: 100% } .c-btns-bottom .twoCol li:last-child { margin-bottom: 0 } } @media (min-width: 1000px) { .c-btns-bottom .twoCol li { margin-bottom: 43px; width: calc(50% - 8px) } } @media (max-width: 999px) { .c-list-details { padding: 0 6px } } .c-list-details__box { border: 1px solid #707070 } .c-list-details__item { display: flex } .c-list-details__item .ttl, .c-list-details__item .txt { border-bottom: 1px solid #707070 } .c-list-details__item .ttl { width: 200px; border-right: 1px solid #707070; background-color: #F8F7F7; font-size: 21px; font-size: 2.1rem; line-height: 1.52381em; letter-spacing: .03em; font-weight: 400 } @media (max-width: 999px) { .c-list-details__item .ttl { font-size: 13px; font-size: 1.3rem; line-height: 1.53846em; letter-spacing: 0em } } .c-list-details__item .txt { flex: 1; font-size: 20px; font-size: 2rem; line-height: 1.6em; letter-spacing: .03em; font-weight: 400 } @media (max-width: 999px) { .c-list-details__item .txt { font-size: 13px; font-size: 1.3rem; line-height: 1.53846em; letter-spacing: 0em } } .c-list-details__item:last-child .ttl, .c-list-details__item:last-child .txt { border-bottom: 0 } .c-footer { margin-top: 72px } @media (min-width: 1000px) { .c-footer { margin-top: 152px } } .c-footer__top { background-color: #F8F7F7; padding-bottom: 39px; padding-top: 6px } @media (min-width: 1000px) { .c-footer__top { padding-top: 14px; padding-bottom: 40px } } @media (max-width: 999px) { .c-footer__top .inner { padding: 0 24px } } @media (min-width: 1000px) { .c-footer__top .inner { max-width: 1047px } } @media (min-width: 1000px) { .c-footer__top ul { display: flex; flex-wrap: wrap; margin-left: -30px } } @media (min-width: 1000px) { .c-footer__top ul li { width: calc(33.33% - 30px); margin-left: 30px } } .c-footer__top ul a { font-size: 16px; font-size: 1.6rem; line-height: 1.1875em; letter-spacing: .06em; font-weight: 400; font-family: "Zen Kaku Gothic New", sans-serif; border-bottom: 1px solid #D0D0D0; display: flex; align-items: center; min-height: 46px; padding: 10px 7px 0 20px } @media (min-width: 1000px) { .c-footer__top ul a { padding: 33px 16px 8px 7px } } .c-footer__top ul a:after { font-family: "Sawarabi Gothic", sans-serif; content: 'вк'; font-size: 23px; font-size: 2.3rem; line-height: 1em; letter-spacing: 0em; font-weight: 400; color: #666666; flex-shrink: 0; margin-top: -3px } @media (min-width: 1000px) { .c-footer__top ul a:after { position: relative; top: 1px } } .c-footer__top ul a span { flex: 1 } .c-footer__bottom { color: #fff; background-color: #666666; text-align: center; padding-bottom: 90px } @media (min-width: 1000px) { .c-footer__bottom { padding: 28px 0 20px 0 } .c-footer__bottom .inner { max-width: 100% } } .c-footer__bottom .social { display: flex; align-items: center; justify-content: center } .c-footer__bottom .social__fb a img { width: 28px; height: 28px } @media (min-width: 1000px) { .c-footer__bottom .social__fb a img { width: 32px; height: 32px } } .c-footer__bottom .social__ytb a img { width: 32px; height: 26px } @media (min-width: 1000px) { .c-footer__bottom .social__ytb a img { width: 40px; height: 32px } } .c-footer__bottom .social__ins a img { width: 28px; height: 28px } @media (min-width: 1000px) { .c-footer__bottom .social__ins a img { width: 32px; height: 32px } } .c-footer__bottom .social li { margin: 0 18px } @media (min-width: 1000px) { .c-footer__bottom .social li { margin: 0 39px } } .c-footer__bottom .social a { display: block; padding: 10px; filter: brightness(0) invert(1) } .c-footer__bottom .info { font-size: 11px; font-size: 1.1rem; line-height: 1.63636em; letter-spacing: .1em; font-weight: 400; margin-top: 8px } @media (max-width: 999px) { .c-footer__bottom .info { width: calc(100% + 40px); margin-left: -20px } } @media only screen and (max-width: 999px) and (max-width: 400px) { .c-footer__bottom .info { font-size: 2.67442vw } } @media (min-width: 1000px) { .c-footer__bottom .info { font-size: 16px; font-size: 1.6rem; line-height: 1.75em; margin-top: 14px } } .c-footer__bottom .info a { color: #fff } .c-footer__bottom .info .tel { display: block } @media (min-width: 1000px) { .c-footer__bottom .info .tel { display: inline-block; margin-left: 12px } } .c-footer__bottom .info__name { font-size: 17px; font-size: 1.7rem; line-height: 1.17647em; letter-spacing: .1em; font-weight: 400; margin-bottom: 3px } @media (min-width: 1000px) { .c-footer__bottom .info__name { font-size: 28px; font-size: 2.8rem; line-height: 1.53571em; margin-bottom: 0 } } .c-footer__bottom .area { font-size: 10px; font-size: 1rem; line-height: 1.8em; letter-spacing: .074em; font-weight: 400; margin-top: 11px; word-break: keep-all } @media (min-width: 1000px) { .c-footer__bottom .area { font-size: 14px; font-size: 1.4rem; line-height: 2.14286em; margin-top: 20px } } @media only screen and (min-width: 1000px) and (max-width: 1240px) { .c-footer__bottom .area br { display: none } } @media (max-width: 429px) { .c-footer__bottom .area br { display: none } } .c-footer__bottom .logo-footer { filter: brightness(0) invert(1); margin-top: 7px } @media (min-width: 1000px) { .c-footer__bottom .logo-footer { margin-top: 22px } } .c-footer__bottom .logo-footer a { display: table; margin: 0 auto; position: relative; width: 103px } @media (min-width: 1000px) { .c-footer__bottom .logo-footer a { width: 157px; left: -1px } .c-footer__bottom .logo-footer a img { margin-left: 1px; width: 100% } } .c-footer__bottom .copy-right { font-size: 10px; font-size: 1rem; line-height: 1em; letter-spacing: .13em; font-weight: 400; margin-top: 7px } @media (min-width: 1000px) { .c-footer__bottom .copy-right { font-size: 14px; font-size: 1.4rem; margin-top: 20px } } .c-header { width: 100%; z-index: 5; height: 74px; position: fixed; background-color: #fff; left: 0; top: 0; transition: height .3s; will-change: height } @media (min-width: 1000px) { .c-header { padding: 0 80px 0 123px; height: 134px } } @media only screen and (min-width: 1000px) and (max-width: 1390px) { .c-header { padding-left: 30px; padding-right: 30px } } .c-header__inner { display: flex; align-items: center; justify-content: space-between; padding-left: 17px; height: 100% } .c-header__logo { width: 155px; flex-shrink: 0 } @media (max-width: 999px) { .c-header__logo { position: relative; z-index: 1 } } @media (min-width: 1000px) { .c-header__logo { width: 250px; flex-shrink: 0 } } @media only screen and (min-width: 1000px) and (max-width: 1100px) { .c-header__logo { width: 200px } } @media (min-width: 1000px) { .c-header__logo img { width: 100% } } .c-header__logo a { display: block } @media (max-width: 999px) { .c-header .c-toggle { width: 90px; height: 100%; display: flex; align-items: center; justify-content: center } .c-header .c-toggle__inner { width: 47px; height: 31px; position: relative; z-index: 1 } .c-header .c-toggle span { width: 47px; height: 2px; display: block; background-color: #707070; margin-left: auto; margin-right: auto } .c-header .c-toggle span:first-child { margin-top: 0; transition: transform .3s; will-change: transform } .c-header .c-toggle span:nth-child(2) { margin-top: 13px; transition: opacity .3s, transform .2s; will-change: opacity, transform } .c-header .c-toggle span:last-child { margin-top: 14px; transition: transform .3s; will-change: transform } .c-header .c-toggle.is-active span:first-child { transform: translate(-1px, 11px) rotate(45deg) } .c-header .c-toggle.is-active span:nth-child(2) { opacity: 0; transform: translateX(3px) } .c-header .c-toggle.is-active span:last-child { transform: translate(-1px, -20px) rotate(-45deg) } } @media (min-width: 1000px) { .c-header.is-height { height: 95px } } @media (max-width: 999px) { .c-header .c-nav { position: fixed; width: 100%; height: 100%; background-color: #F8F7F7; top: 74px; left: 0; opacity: 0; pointer-events: none; transition: opacity .5s; will-change: opacity } } @media (min-width: 1000px) { .c-header .c-nav { flex: 1 } } @media (max-width: 999px) { .c-header .c-nav__inner { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 74px); overflow: hidden } } @media (min-width: 1000px) { .c-header .c-nav__inner { position: static; height: auto } } @media (max-width: 999px) { .c-header .c-nav__scroll { overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100% } } @media (min-width: 1000px) { .c-header .c-nav__scroll { display: flex; align-items: center; justify-content: flex-end; position: relative } } @media (max-width: 999px) { .c-header .c-nav__top { padding: 0 24px 24px; background-color: #fff } } @media (max-width: 999px) { .c-header .c-nav__bottom { padding: 0 24px } } @media (min-width: 1000px) { .c-header .c-nav__bottom { opacity: 0; pointer-events: none; padding: 20px 11px 0 9px; position: absolute; right: 163px; box-sizing: border-box; top: 43px; width: 296px; height: 340px; background-color: transparent; background-image: url(images/bg_menu.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center; transition: opacity .3s; will-change: opacity } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .c-header .c-nav__bottom { right: 143px } } @media (min-width: 1000px) { .c-header .c-nav__bottom.is-active { opacity: 1; pointer-events: auto; visibility: inherit } } @media (min-width: 1000px) { .c-header .c-nav .menu-top { display: flex; align-items: center; font-family: "Sawarabi Gothic", sans-serif } } .c-header .c-nav .menu-top a { padding: 25px 0 3px 0; text-align: center; display: block } @media (max-width: 999px) { .c-header .c-nav .menu-top a { font-size: 20px; font-size: 2rem; line-height: 1.6em; letter-spacing: .2em; font-weight: 500; border-bottom: 1px dashed #C4C2C2 } } @media (min-width: 1000px) { .c-header .c-nav .menu-top a { padding: 20px; font-size: 20px; font-size: 2rem; line-height: 1.6em; letter-spacing: .1em; font-weight: 400; position: relative; cursor: pointer } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .c-header .c-nav .menu-top a { padding-left: 10px; padding-right: 10px } } @media only screen and (min-width: 1000px) and (max-width: 1100px) { .c-header .c-nav .menu-top a { font-size: 17px; font-size: 1.7rem } } @media (min-width: 1000px) { .c-header .c-nav .menu-top a:after { content: ''; position: absolute; left: 18px; bottom: 20px; width: calc(100% - 38px); height: 2px; background-color: #66A793; border-radius: 50px; opacity: 0; transition: opacity .3s; will-change: opacity } } @media only screen and (min-width: 1000px) and (min-width: 1025px) { .c-header .c-nav .menu-top a:hover { opacity: 1 } .c-header .c-nav .menu-top a:hover:after { opacity: 1 } } @media (max-width: 999px) { .c-header .c-nav .menu-top li:first-child a { padding-top: 8px } } .c-header .c-nav .menu-top li.color01 a:after { background-color: #66A793 } .c-header .c-nav .menu-top li.color02 a:after { background-color: #C9E1A9 } .c-header .c-nav .menu-top li.color03 a:after { background-color: #8ECFBC } .c-header .c-nav .menu-bottom { padding-top: 11px } @media (max-width: 999px) { .c-header .c-nav .menu-bottom { display: flex; flex-direction: column } .c-header .c-nav .menu-bottom .order-5 { order: 5 } .c-header .c-nav .menu-bottom .order-4 { order: 4 } .c-header .c-nav .menu-bottom .order-6 { order: 6 } } @media (min-width: 1000px) { .c-header .c-nav .menu-bottom { padding: 15px 15px 20px } } .c-header .c-nav .menu-bottom a { padding: 8px 0 17px 0; text-align: center; display: block; font-size: 17px; font-size: 1.7rem; line-height: 1.47059em; letter-spacing: .13em; font-weight: 500 } @media (min-width: 1000px) { .c-header .c-nav .menu-bottom a { border-bottom: 1px dotted #707070; text-align: left; font-size: 17px; font-size: 1.7rem; line-height: 1.47059em; letter-spacing: .1em; font-weight: 400; display: flex; align-items: center; justify-content: space-between; padding: 18px 4px 3px 2px } .c-header .c-nav .menu-bottom a:after { content: 'вк'; font-size: 18px; font-size: 1.8rem; font-weight: 400; font-family: "Sawarabi Gothic", sans-serif; flex-shrink: 0 } } @media (max-width: 999px) { .c-header .c-nav .social { display: flex; align-items: center; justify-content: center; margin-top: -2px } .c-header .c-nav .social li { margin: 0 14px } .c-header .c-nav .social a { display: block; padding: 10px } } @media (min-width: 1000px) { .c-header .c-nav .social { display: none } } @media (max-width: 999px) { .c-header .c-nav .tel img { margin: 0 12px 0 0 } .c-header .c-nav .tel a { border-top: 1px solid #D0D0D0; font-size: 24px; font-size: 2.4rem; line-height: .91667em; letter-spacing: .1em; font-weight: 400; margin-top: 11px; display: flex; align-items: center; justify-content: center; color: #919193; padding: 24px 0 } } @media (min-width: 1000px) { .c-header .c-nav .tel { display: none } } @media (min-width: 1000px) { .c-header .c-nav .toggle-pc { font-size: 22px; font-size: 2.2rem; line-height: 1.36364em; letter-spacing: 0em; font-weight: 400; height: 72px; width: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; position: relative } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .c-header .c-nav .toggle-pc { margin-left: 0 } } @media (min-width: 1000px) { .c-header .c-nav .toggle-pc span { margin-top: -18px } .c-header .c-nav .toggle-pc:after { content: ''; position: absolute; left: 19px; bottom: 20px; height: 2px; width: 24px; background-color: #66A793; border-radius: 50px; opacity: 0; transition: opacity .3s; will-change: opacity } .c-header .c-nav .toggle-pc:hover:after { opacity: 1 } } .c-header.is-show .js-menu { opacity: 1; pointer-events: auto } .c-header.is-show .c-header__logo { pointer-events: auto } .js-offset-menu { opacity: 0; width: 100%; height: 10px; left: 0; bottom: 300px; z-index: 1; position: absolute } @media (max-width: 999px) { .js-offset-menu { bottom: 55% } } @media (min-width: 1000px) { .l-btn-pc { width: 147px; margin-left: 30px } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .l-btn-pc { margin-left: 10px } } @media (min-width: 1000px) { .l-btn-pc a { display: flex; align-items: center; justify-content: center; width: 100%; height: 34px; border: solid 1px #8DCFBC; border-radius: 14px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.2em; letter-spacing: .08em; font-weight: 500; white-space: nowrap } .l-btn-pc a img { flex-shrink: 0; position: relative } .l-btn-pc__btn01 { background-color: #8DCFBC } .l-btn-pc__btn01 img { margin-right: 5px } .l-btn-pc__btn01 span { color: #fff } .l-btn-pc__btn02 { background-color: #fff; margin-top: 4px } .l-btn-pc__btn02 img { margin-right: 11px; left: 3px } .l-btn-pc__btn02 span { color: #8DCFBC } } @media (max-width: 999px) { .c-btn-fixed-sp { position: fixed; width: 100%; height: 70px; background-color: #D8F2E9; left: 0; bottom: 0; z-index: 4 } .c-btn-fixed-sp ul { display: flex; height: 100% } .c-btn-fixed-sp li { width: 25%; height: 100% } .c-btn-fixed-sp li:last-child a:after { display: none } .c-btn-fixed-sp a { color: #919193; font-size: 10px; font-size: 1rem; line-height: 1.6em; letter-spacing: .16em; font-weight: 500; font-family: "Zen Kaku Gothic New", sans-serif; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center } .c-btn-fixed-sp a:after { content: ''; width: 1px; height: 54px; background-color: #fff; position: absolute; right: 0; top: 8px } .c-btn-fixed-sp a .icon { text-align: center; height: 26px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; margin-top: 5px } } .wp-pagenavi { font-size: 20px; font-size: 2rem; line-height: 1.7em; letter-spacing: 0em; font-weight: 400; display: flex; align-items: flex-start; justify-content: center; margin-top: 32px; margin-left: -91px } @media (max-width: 999px) { .wp-pagenavi { font-size: 14px; font-size: 1.4rem; line-height: 1.71429em; margin-top: 20px; margin-left: 0 } } @media (max-width: 999px) and (max-width: 429px) { .wp-pagenavi { margin-left: -20px; width: calc(100% + 40px) } } .wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { width: 35px; height: 35px; color: #707070; display: flex; align-items: center; justify-content: center; position: relative } @media (max-width: 999px) { .wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { height: 25px; width: 25px } } .wp-pagenavi a:before, .wp-pagenavi .current:before, .wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before { content: '|'; position: absolute; left: -3px; top: 0 } .wp-pagenavi *:nth-child(2):before { content: '||'; left: -8px } @media (max-width: 999px) { .wp-pagenavi *:nth-child(2):before { left: -6px } } .wp-pagenavi *:nth-last-child(2):after { content: '||'; position: absolute; right: -8px; top: 0 } @media (max-width: 999px) { .wp-pagenavi *:nth-last-child(2):after { right: -6px } } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { width: auto } .wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before { display: none } .wp-pagenavi .previouspostslink { margin-right: 42px } @media (max-width: 999px) { .wp-pagenavi .previouspostslink { margin-right: 30px } } @media (max-width: 999px) and (max-width: 429px) { .wp-pagenavi .previouspostslink { margin-right: 5.81395vw } } .wp-pagenavi .nextpostslink { margin-left: 42px } @media (max-width: 999px) { .wp-pagenavi .nextpostslink { margin-left: 30px } } @media (max-width: 999px) and (max-width: 429px) { .wp-pagenavi .nextpostslink { margin-left: 5.81395vw } } .wp-pagenavi .is-hidden { opacity: 0; pointer-events: none } /*# sourceMappingURL=maps/styles.min.css.map */