@charset 'utf-8';

/* common
------------------------------------------------ */
.hd-logo { opacity: 0; }
#footer { margin-top: 0; }

/* visual
------------------------------------------------ */
.top-visual { position: relative; background: #fff; width: 100%; }
.top-visual-content { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; opacity: 0; z-index: 2; }
.top-visual-copy { font-size: 1.6rem; font-weight: 500; line-height: 1.2; }
.top-visual-copy > span { display: inline-block; margin-top: 13px; padding: 1px 2px 2px; background: #a0d2f2; vertical-align: top; color: #fff; }
.top-visual-copy > span:first-child { margin-top: 0; }
.top-visual-frame { position: relative; width: 100%; height: 100vh; overflow: hidden; z-index: 1; }
.top-visual-move { position: relative; height: 100%; }
.top-visual-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.top-visual-item.active { z-index: 2; }
.top-visual-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.top-visual-photo picture { width: 100%; height: 100%; }

@media screen and (max-width: 768px) {
	.top-visual-copy { text-align: center; }
}

@media screen and (min-width: 769px) {
	.top-visual-content { left: 57px; width: calc(100% - 57px); z-index: 2; }
	.top-visual-copy { font-size: 2.4rem; }
	.top-visual-copy > span { margin-top: 24px; padding: 1px 6px 2px; }
}

/* inner
------------------------------------------------ */
.top-inner { position: relative; padding: 88px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; border-top: solid #fff 8px; }
.top-inner-info {}
.top-inner-box { padding: 8px 10px; background: rgba(255,255,255,.8); }
.top-inner-box--title { margin-bottom: 6px; font-size: 1.3rem; font-weight: 700; line-height: 1.69230769231; color: #80cbfa; }
.top-inner-box--text { font-size: 1.2rem; line-height: 1.83333333333; }
.top-inner-btn { margin-top: 20px; text-align: center; font-size: 1.1rem; line-height: 1.2; }
.top-inner-btn > a { display: block; padding: 12px 0; background: #9fd2f2; color: #fff; }
.top-inner .fs-pt-column { display: flex; flex-wrap: wrap; }
.top-inner .fs-pt-column__item { display: block; margin: 5.625% 6.25% 0 0; padding: 0; width: 46.875%; }
.top-inner .fs-pt-column__item:nth-of-type(-n+2) { margin-top: 0; }
.top-inner .fs-pt-column__item:nth-of-type(2n) { margin-right: 0; }
.top-inner .fs-pt-column__image { display: block; width: 100%; }
.top-inner .fs-pt-column__heading { display: block; margin: 0; padding: 5px 0; width: 100%; background: #fff; border-bottom: solid #a0d2f2 2px; text-align: center; font-size: 1.1rem; font-weight: 500; line-height: 1.2; color: #a0d2f2; }

@media screen and (max-width: 768px) {
	.top-inner { background-image: url(../../img/top/inner_bg.jpg); }
	.top-inner > .wrap { margin: 0 auto; width: calc(100% - 55px); }
	.top-inner .fs-pt-column { margin-top: 44px; }
}

@media screen and (min-width: 769px) {
	.top-inner { padding: 160px 0 140px; background-image: url(../../img/top/inner_bg-pc.jpg); }
	.top-inner > .wrap { display: flex; flex-flow: row-reverse; align-items: center; max-width: 1136px; }
	.top-inner-info { margin-left: 9.67153284672%; width: 31.9343065693%; }
	.top-inner-box { padding: 2px 6px; }
	.top-inner-box--title { margin-bottom: 2px; font-size: 1.6rem; line-height: 2.75; }
	.top-inner-box--text { font-size: 1.4rem; font-weight: 500; line-height: 2.28571428571; }
	.top-inner-btn { margin-top: 46px; font-size: 1.4rem; font-weight: 500; }
	.top-inner-btn > a { padding: 16px 0; }
	.top-inner .fs-pt-column { width: 58.3941605839%; }
	.top-inner .fs-pt-column__heading { padding: 6px 0; border-bottom-width: 4px; font-size: 1.4rem; }
}

/* about
------------------------------------------------ */
.top-about { position: relative; padding: 60px 0; border-top: solid #fff 8px; }
.top-about-lists {}
.top-about-lists--item { position: relative; margin-top: 48px; }
.top-about-lists--item:first-child { margin-top: 0; }
.top-about-lists--photo { position: relative; height: 58.6666666667vw; overflow: hidden; opacity: 0; }
.top-about-lists--photo > .move { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-about-lists--photo picture { width: 100%; height: 100%; }
.top-about-lists__info {}
.top-about-lists--title { margin-bottom: 6px; font-size: 1.3rem; font-weight: 700; line-height: 1.69230769231; }
.top-about-lists--message { font-size: 1.2rem; line-height: 1.83333333333; }
.top-about-lists--btn { margin-top: 22px; font-size: 1.1rem; font-weight: 500; line-height: 1.2; }
.top-about-lists--btn > a { display: block; position: relative; padding: 12px 0; background: #9fd2f2; color: #fff; }
.top-about-lists--btn > a:after { content: ''; display: inline-block; width: 18px; height: 10px; background: url(../../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; vertical-align: top; }
.top-about-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0; z-index: -1; }

.top-about-bg,
.top-about-lists--photo > .move { transition: .6s cubic-bezier(.2,.6,.35,1); }

@media screen and (max-width: 768px) {
	.top-about-lists__info { margin: 26px auto 0; width: calc(100% - 135px); }
	.top-about-lists--btn { text-align: center; }
	.top-about-lists--btn > a:after { margin: 2px 0 0 12px; }

	.top-about-lists--item:nth-of-type(odd) .top-about-lists--photo { margin-right: 28px; }
	.top-about-lists--item:nth-of-type(even) .top-about-lists--photo { margin-left: 28px; }

	.top-about-bg { background-image: url(../../img/top/about_bg.jpg); }
}

@media screen and (min-width: 769px) {
	.top-about { padding: 80px 0 112px; overflow: hidden; }
	.top-about-lists--item { display: flex; align-items: center; margin-top: 32px; min-height: 440px; }
	.top-about-lists--photo { position: absolute; top: 0; width: calc(100vw - (80px + ((100vw - 1280px) / 2))); height: 100%; z-index: 1; }
	.top-about-lists__info { padding: 20px 80px; width: calc(377px + 160px); z-index: 2; }
	.top-about-lists--title { margin-bottom: 8px; font-size: 1.6rem; line-height: 2.75; }
	.top-about-lists--message { font-size: 1.4rem; font-weight: 500; line-height: 2.28571428571; }
	.top-about-lists--btn { display: inline-block; margin-top: 22px; min-width: 277px; font-size: 1.3rem; vertical-align: top; }
	.top-about-lists--btn > a { padding: 16px 62px 16px 24px; }
	.top-about-lists--btn > a:after { position: absolute; top: 50%; right: 24px; margin-top: -6px; width: 23px; height: 13px; }

	.top-about-lists--item:nth-of-type(odd) .top-about-lists--photo { left: calc((1280px - 100vw) / 2); }
	.top-about-lists--item:nth-of-type(even) .top-about-lists--photo { right: calc((1280px - 100vw) / 2); }
	.top-about-lists--item:nth-of-type(even) .top-about-lists__info { margin-left: auto; }

	.top-about-bg { background-image: url(../../img/top/about_bg-pc.jpg); }
}

@media screen and (min-width: 769px) and (max-width: 1320px) {
	.top-about-lists--photo { width: calc(100% - 60px); }
	.top-about-lists--item:nth-of-type(odd) .top-about-lists--photo { left: -20px; }
	.top-about-lists--item:nth-of-type(even) .top-about-lists--photo { right: -20px; }
}

/* pickup
------------------------------------------------ */
.top-pickup { position: relative; padding-top: 52px; background: #fff; border-top: solid #fff 8px; }
.top-pickup-block { position: relative; }
.top-pickup-photo { position: relative; width: 100%; height: 120vw; overflow: hidden; opacity: 0; }
.top-pickup-photo > .move { position: absolute; top: 0; left: 0; width: 100%; }
.top-pickup-photo img { width: 100%; max-width: inherit; }
.top-pickup-info {}
.top-pickup-lists {}
.top-pickup-lists--item { display: flex; align-items: center; margin-top: 20px; }
.top-pickup-lists--item:first-child { margin-top: 0; }
.top-pickup-lists--photo { width: 50%; }
.top-pickup-lists--photo > a { display: block; }
.top-pickup-lists__info { width: calc(50% - 20px); }
.top-pickup-lists--title { font-size: 1.1rem; font-weight: 500; line-height: 1.72727272727; }
.top-pickup-lists--price { margin-top: 8px; font-size: 1rem; font-weight: 500; line-height: 1.2; }
.top-pickup-lists--btn { margin-top: 18px; text-align: center; font-size: 1.1rem; font-weight: 500; line-height: 1.2; }
.top-pickup-lists--btn > a { display: block; position: relative; padding: 12px 0; background: #9fd2f2; color: #fff; }
.top-pickup-lists--btn > a:after { content: ''; display: inline-block; width: 18px; height: 10px; background: url(../../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; vertical-align: top; }

.top-pickup-lists--item:nth-of-type(odd) .top-pickup-lists__info { margin-left: 20px; }
.top-pickup-lists--item:nth-of-type(even) { flex-flow: row-reverse; }
.top-pickup-lists--item:nth-of-type(even) .top-pickup-lists__info { margin-right: 20px; }

.top-pickup-photo > .move { transition: .6s cubic-bezier(.2,.6,.35,1); }

@media screen and (max-width: 768px) {
	.top-pickup-info { margin: 36px auto 0; width: calc(100% - 55px); }
	.top-pickup-block { margin-bottom: 40px; }
	.top-pickup-block:last-child { margin-bottom: 0; }
	.top-pickup-lists--btn > a:after { margin: 2px 0 0 12px; }
}

@media screen and (min-width: 769px) {
	.top-pickup { overflow: hidden; }
	.top-pickup-info { width: 550px; }
	.top-pickup-block { padding: 90px 0; }
	.top-pickup-photo { position: absolute; top: 0; width: calc((1280px / 2) + ((100vw - 1280px) / 2)); height: 100%; }
	.top-pickup-photo img { position: absolute; top: 0; left: 0; }

	.top-pickup-lists--item { margin-top: 112px; }
	.top-pickup-lists--photo { width: 43.6363636364%; }
	.top-pickup-lists__info { width: calc(56.3636363636% - 32px); }
	.top-pickup-lists--title { font-size: 1.6rem; line-height: 1.625; }
	.top-pickup-lists--price { margin-top: 10px; font-size: 1.4rem; }
	.top-pickup-lists--btn { margin-top: 36px; font-size: 1.3rem; }
	.top-pickup-lists--btn > a { padding: 16px 0; }
	.top-pickup-lists--btn > a:after { position: absolute; top: 50%; right: 24px; margin-top: -6px; width: 23px; height: 13px; }

	.top-pickup-block:nth-of-type(odd) .top-pickup-info { margin-left: auto; }
	.top-pickup-lists--item:nth-of-type(odd) .top-pickup-lists__info { margin-left: 32px; }
	.top-pickup-block:nth-of-type(even) {}
	.top-pickup-lists--item:nth-of-type(even) .top-pickup-lists__info { margin-right: 32px; }

	.top-pickup-block:nth-of-type(odd) .top-pickup-photo { left: calc((1280px - 100vw) / 2); }
	.top-pickup-block:nth-of-type(even) .top-pickup-photo { right: calc((1280px - 100vw) / 2); }

}

@media screen and (min-width: 769px) and (max-width: 1320px) {
	.top-pickup-photo { width: calc((100% / 2) + 20px); }
	.top-pickup-info { width: 42.96875%; }
	.top-pickup-block:nth-of-type(odd) .top-pickup-photo { left: -20px; }
	.top-pickup-block:nth-of-type(even) .top-pickup-photo { right: -20px; }
}