@charset "UTF-8";
/* CSS Document */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

body { position: relative; }

li { list-style: none; }

a { text-decoration: none; }

br { display: inherit; line-height: 0; height: 0; }

img { width: 100%; height: auto; }

.spOnly { display: none; }

@media screen and (max-width: 767px) { .pcOnly { display: none; }
  .spOnly { display: block; } }

.pageTop { margin-top: 80px; }

.pageTop__inner { width: 100%; max-width: 1000px; margin: 0 auto; position: relative; }

.pageTop a { display: block; width: 60px; height: 60px; margin: 0 auto; background-image: url(/ads/audemars/code_travel/css/images/toTop.png); background-size: contain; }

@media screen and (max-width: 767px) { .pageTop__inner::before { width: calc(350 / 1000 * 100%); }
  .pageTop__inner::after { width: calc(350 / 1000 * 100%); } }

@media screen and (max-width: 599px) { .pageTop { margin-top: 60px; } }

header { width: 100%; position: absolute; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 40px; padding: 0 calc(96 / 960 * 100%); }

@media screen and (max-width: 960px) { header { position: relative; top: 0; padding: 0; background-color: #fff; padding: 0 10%; }
  header.spOnly { display: block; }
  header.pcOnly { display: none; } }

@media screen and (max-width: 599px) { header { padding: 0 4%; } }

header .header__inner { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 960px) { header .header__inner { padding: 40px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 599px) { header .header__inner { padding: 20px 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } }

header .header__inner > div:nth-of-type(1) { width: 160px; }

@media screen and (max-width: 960px) { header .header__inner > div:nth-of-type(1) { max-width: 140px; } }

@media screen and (max-width: 599px) { header .header__inner > div:nth-of-type(1) { max-width: 120px; } }

@media screen and (max-width: 420px) { header .header__inner > div:nth-of-type(1) { max-width: 90px; } }

header .header__inner > div:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

header .header__inner > div:nth-of-type(2) img { max-width: 70px; }

@media screen and (max-width: 960px) { header .header__inner > div:nth-of-type(2) img { max-width: 60px; } }

header .header__inner > div:nth-of-type(2) p { text-align: right; width: 100%; font-size: 11px; font-size: 0.6875rem; margin-top: 10px; }

@media screen and (max-width: 960px) { header .header__inner > div:nth-of-type(2) p { font-size: 10px; font-size: 0.625rem; } }

@media screen and (max-width: 960px) { header { width: 100%; }
  header .header__inner .header__logo img { max-width: 120px; } }

footer { padding: 80px 10% 60px; }

@media screen and (max-width: 599px) { footer { padding: 0 4%; } }

footer .footer__inner p { font-size: 12px; font-size: 0.75rem; line-height: 2.5; line-height: 2.5; text-align: center; color: #333; }

footer .footer__inner p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2.5) * 0.5em); content: ""; }

footer .footer__inner p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2.5) * 0.5em); content: ""; }

footer .footer__inner p.pc { display: block; }

footer .footer__inner p.sp { display: none; }

@media screen and (max-width: 599px) { footer { margin: 60px 0 40px; }
  footer .footer__inner p { font-size: 11px; font-size: 0.6875rem; } }

@media screen and (max-width: 599px) and (max-width: 420px) { footer .footer__inner p { font-size: 10px; font-size: 0.625rem; }
  footer .footer__inner p.pc { display: none; }
  footer .footer__inner p.sp { display: block; } }

body { background-color: #fff; color: #333; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; }

::-moz-selection { background-color: #a78e4e; }

::selection { background-color: #a78e4e; }

a { color: #1a1a1a; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

a:hover { color: #1a1a1a; opacity: 0.7; }

a:visited { color: #1a1a1a; }

.mv { background-color: #fff; }

.mv__inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mv__inner > div { width: 50%; position: relative; }

@media screen and (max-width: 960px) { .mv__inner > div { width: 100%; } }

.mv__inner > div:nth-of-type(1) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 calc(48 / 960 * 100%); }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) { padding: 0 10%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 599px) { .mv__inner > div:nth-of-type(1) { padding: 0 4%; } }

.mv__inner > div:nth-of-type(1) > div { margin: 87px auto 0; }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) > div { width: 100%; margin: 60px auto 60px; } }

@media screen and (max-width: 420px) { .mv__inner > div:nth-of-type(1) > div { margin: 40px auto 60px; } }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(1) { margin: 0 auto; }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(1) h1 { width: 80%; margin: 0 auto; }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(1) h1 { width: 70%; } }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(1) { width: 100%; } }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(2) { margin-top: 70px; text-align: center; font-size: 28px; font-size: 1.75rem; letter-spacing: 4px; }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(2) { margin-top: 40px; font-size: 24px; font-size: 1.5rem; } }

@media screen and (max-width: 599px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(2) { font-size: 18px; font-size: 1.125rem; } }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3) { margin-top: 50px; text-align: center; font-size: 22px; font-size: 1.375rem; line-height: 1.8; }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3)::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8) * 0.5em); content: ""; }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3)::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8) * 0.5em); content: ""; }

.mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3) .spOnly { display: none; }

@media screen and (max-width: 599px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3) .spOnly { display: block; } }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3) { margin-top: 30px; font-size: 20px; font-size: 1.25rem; } }

@media screen and (max-width: 599px) { .mv__inner > div:nth-of-type(1) > div > div:nth-of-type(3) { margin-top: 30px; font-size: 18px; font-size: 1.125rem; } }

.mv__inner > div:nth-of-type(1) > div p { width: 100%; margin-top: 50px; font-size: 16px; font-size: 1rem; line-height: 2; }

.mv__inner > div:nth-of-type(1) > div p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * 0.5em); content: ""; }

.mv__inner > div:nth-of-type(1) > div p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * 0.5em); content: ""; }

@media screen and (max-width: 960px) { .mv__inner > div:nth-of-type(1) > div p { margin-top: 40px; font-size: 14px; font-size: 0.875rem; } }

@media screen and (max-width: 960px) { .mv__inner .slider { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.mv__inner .slider__inner { margin: 0 auto; overflow: hidden; position: relative; height: 100vh; }

@media screen and (max-width: 960px) { .mv__inner .slider__inner { width: 80%; height: 80vw; } }

@media screen and (max-width: 599px) { .mv__inner .slider__inner { width: 92%; height: 92vw; } }

.mv__inner .slider__inner > div { top: 0; left: 0; position: absolute; width: 100%; background-position: center; height: 100%; background-repeat: no-repeat; background-size: cover; }

.mv__inner .slider__inner > div.slide01 { background-image: url(images/slide01.jpg); }

.mv__inner .slider__inner > div.slide02 { background-image: url(images/slide02.jpg); }

.mv__inner .slider__inner > div.slide03 { background-image: url(images/slide03.jpg); }

.mv__inner .slider__inner > div.slide04 { background-image: url(images/slide04.jpg); }

.mv__inner .slider__inner > div.slide05 { background-image: url(images/slide05.jpg); }

.main { background-image: url(images/bg.jpg); background-attachment: fixed; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; }

@media screen and (max-width: 1200px) { .main { background-image: none; position: relative; }
  .main::before { content: ""; display: block; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: 50% 100%; background-image: url(images/bg.jpg); background-size: cover; } }

.section { padding: 0 10%; }

@media screen and (max-width: 599px) { .section { padding: 0 4%; } }

.section__inner { width: 100%; max-width: 1000px; margin: 0 auto; padding: 160px 0 0; }

@media screen and (max-width: 1200px) { .section__inner { padding: 120px 0 0; } }

@media screen and (max-width: 599px) { .section__inner { padding: 80px 0 0; } }

.section__inner h2 { font-size: 80px; font-size: 5rem; color: #a78c4d; font-family: "EB Garamond", serif; font-weight: normal; text-align: center; letter-spacing: 4px; }

@media screen and (max-width: 767px) { .section__inner h2 { font-size: 30px; font-size: 1.875rem; } }

.section__inner h2 span { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.section__inner h2 + h3 { margin: 80px 0 60px; line-height: 1.6; }

@media screen and (max-width: 767px) { .section__inner h2 + h3 { margin: 60px 0 40px; } }

@media screen and (max-width: 599px) { .section__inner h2 + h3 { margin: 40px 0 20px; } }

.section__inner h2 + p { margin: 60px 0 60px; }

@media screen and (max-width: 599px) { .section__inner h2 + p { margin-top: 40px; } }

@media screen and (max-width: 1200px) { .section__inner h2 { font-size: 60px; font-size: 3.75rem; } }

@media screen and (max-width: 599px) { .section__inner h2 { font-size: 40px; font-size: 2.5rem; } }

.section__inner h3 { font-weight: normal; font-size: 24px; font-size: 1.5rem; line-height: 1.5; line-height: 1.3; color: #333; padding: 60px 0 40px; position: relative; }

.section__inner h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.3) * 0.5em); content: ""; }

.section__inner h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.3) * 0.5em); content: ""; }

@media screen and (max-width: 767px) { .section__inner h3 { font-size: 20px; font-size: 1.25rem; padding: 25px 0 20px; } }

@media screen and (max-width: 599px) { .section__inner h3 { font-size: 18px; font-size: 1.125rem; padding: 25px 0 20px; } }

.section__inner h3 span { font-size: 150px; font-size: 9.375rem; position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 4%; color: #a78e4e; opacity: 0.5; }

@media screen and (max-width: 767px) { .section__inner h3 span { font-size: 100px; font-size: 6.25rem; right: 4%; left: auto; } }

@media screen and (max-width: 599px) { .section__inner h3 span { top: 35px; } }

.section__inner h3 + p { margin-top: 40px; }

.section__inner > p { font-size: 16px; font-size: 1rem; line-height: 2; line-height: 2; color: #333; }

.section__inner > p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * 0.5em); content: ""; }

.section__inner > p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * 0.5em); content: ""; }

.section__inner > p + h3 { margin: 100px 0 60px; }

@media screen and (max-width: 767px) { .section__inner > p + h3 { margin: 50px 0 0; } }

.section__inner > p + p { margin-top: 40px; }

@media screen and (max-width: 599px) { .section__inner > p { font-size: 14px; font-size: 0.875rem; } }

.section__inner > img { display: block; margin: 60px auto 0; }

.section__inner > figure { width: calc(800 / 1000 * 100%); max-width: 800px; margin: 60px auto 0; }

@media screen and (max-width: 1200px) { .section__inner > figure { width: 100%; } }

@media screen and (max-width: 767px) { .section__inner > figure { margin: 40px auto 0; } }

.section__inner > figure figcaption { color: #333; font-size: 12px; font-size: 0.75rem; line-height: 1.8; margin-top: 20px; }

.section__inner > figure figcaption::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8) * 0.5em); content: ""; }

.section__inner > figure figcaption::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8) * 0.5em); content: ""; }

.section__inner > figure + h3 { margin: 100px 0 60px; }

.section__inner > figure + p { margin-top: 60px; }

@media screen and (max-width: 767px) { .section__inner > figure + p { margin-top: 40px; } }

.flex { margin-top: 60px; }

.flex__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex__inner > div { width: calc(470 / 1000 * 100%); }

@media screen and (max-width: 767px) { .flex__inner > div { width: 100%; }
  .flex__inner > div:nth-of-type(n + 2) { margin-top: 20px; } }

.flex__inner > div figure figcaption { color: #333; font-size: 12px; font-size: 0.75rem; line-height: 1.8; margin-top: 20px; }

.flex__inner > div figure figcaption::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8) * 0.5em); content: ""; }

.flex__inner > div figure figcaption::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8) * 0.5em); content: ""; }

.flex__inner > p { margin-top: 20px; font-size: 12px; font-size: 0.75rem; line-height: 1.8; }

.flex__inner > p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8) * 0.5em); content: ""; }

.flex__inner > p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8) * 0.5em); content: ""; }

.flex + p { margin-top: 40px; }

.topics { background-color: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 0px 30px -15px #000; box-shadow: 0px 0px 30px -15px #000; padding: 80px 60px; margin-top: 100px; }

@media screen and (max-width: 1200px) { .topics { padding: 60px 40px; margin-top: 80px; } }

@media screen and (max-width: 599px) { .topics { margin-top: 60px; padding: 60px 6%; } }

@media screen and (max-width: 420px) { .topics { padding: 50px 6% 40px; } }

.topics__inner h3 { font-size: 20px; font-size: 1.25rem; line-height: 1.3; letter-spacing: 4px; color: #a78c4d; padding: 0; }

.topics__inner h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.3) * 0.5em); content: ""; }

.topics__inner h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.3) * 0.5em); content: ""; }

@media screen and (max-width: 767px) { .topics__inner h3 { font-size: 18px; font-size: 1.125rem; } }

@media screen and (max-width: 599px) { .topics__inner h3 { font-size: 16px; font-size: 1rem; } }

.topics__inner h4 { font-size: 24px; font-size: 1.5rem; line-height: 1.3; color: #333; font-weight: 400; margin-top: 20px; }

.topics__inner h4::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.3) * 0.5em); content: ""; }

.topics__inner h4::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.3) * 0.5em); content: ""; }

@media screen and (max-width: 767px) { .topics__inner h4 { font-size: 20px; font-size: 1.25rem; } }

@media screen and (max-width: 599px) { .topics__inner h4 { font-size: 18px; font-size: 1.125rem; } }

.topics__inner figure { max-width: 800px; margin: 60px auto 0; }

@media screen and (max-width: 767px) { .topics__inner figure { margin-top: 40px; } }

.topics__inner p { font-size: 16px; font-size: 1rem; line-height: 2; margin-top: 60px; }

.topics__inner p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * 0.5em); content: ""; }

.topics__inner p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * 0.5em); content: ""; }

@media screen and (max-width: 767px) { .topics__inner p { margin-top: 40px; } }

@media screen and (max-width: 599px) { .topics__inner p { font-size: 14px; font-size: 0.875rem; } }

.topicsFlex { margin-top: 60px; background-color: rgba(167, 140, 77, 0.3); }

@media screen and (max-width: 767px) { .topicsFlex { margin-top: 40px; } }

.topicsFlex__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px; }

@media screen and (max-width: 599px) { .topicsFlex__inner { padding: 30px 6%; } }

.topicsFlex__inner > div:nth-of-type(1) { /*width: calc(400 / 800 * 100%);*/ width: 100%; }

@media screen and (max-width: 767px) { .topicsFlex__inner > div:nth-of-type(1) { width: 100%; } }

.topicsFlex__inner > div:nth-of-type(2) { width: calc(360 / 800 * 100%); }

@media screen and (max-width: 767px) { .topicsFlex__inner > div:nth-of-type(2) { width: 100%; margin-top: 20px; } }

.topicsFlex__inner > div:nth-of-type(2) figure figcaption { color: #333; font-size: 12px; font-size: 0.75rem; line-height: 1.8; margin-top: 20px; }

.topicsFlex__inner > div:nth-of-type(2) figure figcaption::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8) * 0.5em); content: ""; }

.topicsFlex__inner > div:nth-of-type(2) figure figcaption::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8) * 0.5em); content: ""; }

.topicsFlex table { width: 100%; table-layout: fixed; word-break: break-all; }

.topicsFlex table tr { display: -webkit-box; display: -ms-flexbox; display: flex; }

.topicsFlex table tr:nth-of-type(n + 2) { margin-top: 30px; }

@media screen and (max-width: 1200px) { .topicsFlex table tr { display: block; } }

.topicsFlex table tr td { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-size: 1rem; line-height: 2; }

@media screen and (max-width: 599px) { .topicsFlex table tr td { font-size: 14px; font-size: 0.875rem; } }

.topicsFlex table tr td:nth-of-type(1) { width: 80px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 599px) { .topicsFlex table tr td:nth-of-type(1) { font-size: 16px; font-size: 1rem; } }

.topicsFlex table tr td:nth-of-type(2) { margin-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media screen and (max-width: 1200px) { .topicsFlex table tr td:nth-of-type(2) { margin-left: 0; } }

.topicsFlex table + p { margin-top: 20px; font-size: 12px; font-size: 0.75rem; }

.button { margin-top: 80px; }

@media screen and (max-width: 767px) { .button { margin-top: 60px; } }

.button__inner { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }

@media screen and (max-width: 767px) { .button__inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } }

.button__inner .linkButton { width: 35%; }

@media screen and (max-width: 1200px) { .button__inner .linkButton { width: 45%; } }

@media screen and (max-width: 767px) { .button__inner .linkButton { width: 70%; }
  .button__inner .linkButton:nth-of-type(n + 2) { margin-top: 60px; } }

@media screen and (max-width: 599px) { .button__inner .linkButton { width: 100%; }
  .button__inner .linkButton:nth-of-type(n + 2) { margin-top: 40px; } }

.button__inner .linkButton__inner { height: 70px; }

.button__inner .linkButton__inner a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #333; font-size: 14px; font-size: 0.875rem; line-height: 1.6; color: #333; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; position: relative; text-align: center; padding-right: 15px; }

.button__inner .linkButton__inner a::after { content: "〉"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.button__inner .linkButton__inner a.arrow01::after { right: calc(80 / 300 * 100%); }

@media screen and (max-width: 767px) { .button__inner .linkButton__inner a.arrow01::after { right: 80px; } }

.button__inner .linkButton__inner a.arrow02::after { right: calc(20 / 300 * 100%); }

@media screen and (max-width: 767px) { .button__inner .linkButton__inner a.arrow02::after { right: 20px; } }

.button + p { margin-top: 80px; font-size: 14px; font-size: 0.875rem; line-height: 1.8; text-align: center; }

.button + p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8) * 0.5em); content: ""; }

.button + p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8) * 0.5em); content: ""; }

@media screen and (max-width: 767px) { .button + p { margin-top: 40px; } }

.button + p a { color: #333; }

.tel { text-align: center; margin-top: 60px; }

.share { position: fixed; right: 5%; width: 27px; z-index: 3; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }

@media screen and (max-width: 767px) { .share { position: relative; width: 100%; right: auto; opacity: 0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px); -webkit-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; margin-top: 80px; } }

@media screen and (max-width: 599px) { .share { margin-top: 60px; } }

.share__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 767px) { .share__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 200px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.share__inner > p { font-size: 18px; font-size: 1.125rem; font-family: "EB Garamond", serif; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: 2px; }

@media screen and (max-width: 767px) { .share__inner > p { font-size: 16px; font-size: 1rem; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; } }

@media screen and (max-width: 599px) { .share__inner > p { font-size: 14px; font-size: 0.875rem; } }

.share__inner > a { margin-top: 40px; }

@media screen and (max-width: 767px) { .share__inner > a { margin-top: 0; } }

.share__inner > a.fb i { font-size: 24px; }

.share__inner > a.fb i:before { color: #333; }

.share__inner > a.tw i { font-size: 24px; }

.share__inner > a.tw i:before { color: #333; }

.rightImg { position: fixed; right: 5%; width: 129px; z-index: -1; opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }

.rightImg__inner > img { width: 129px; }

.onlySp, .only480, .only640, .only1030 { display: none; }

.cap { font-size: 12px !important; text-align: right; }

.fade01, .fade02, .fade03, .fade04 { opacity: 0; }

.w50 { width: 50% !important; }

@media screen and (max-width: 1200px) { .w50 { width: 70% !important; } }

@media screen and (max-width: 599px) { .w50 { width: 100% !important; } }
/*# sourceMappingURL=style.css.map */