@charset "UTF-8";
/* CSS Document */

/*********************************************************************
*
* Copyright (c) CUBIC DESIGN INC.
*
* Url : http://www.cubicdesign.co.jp
*
* Built       : 2019/07/03
* Last update : 2019/07/08
* Made by     : Murata Hiroyuki
* Updated by  : Murata Hiroyuki
*
**********************************************************************/


/*************************************
* reset
*************************************/
html { height: 100%; overflow-y: scroll; }
body { height: 100%; margin: 0; padding: 0; font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif; text-align: justify; text-justify: inter-ideograph; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; }
img { width: 100%; max-width: 100%; height: auto; border: 0; vertical-align: bottom; }
svg { vertical-align: bottom; }
form { margin: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; }
p { margin: 0; padding: 0; }
a, a:hover { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 0; line-height: 0; }
ul, ol, dl, dt, dd { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style: none; }
table { border: 0; border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
header, nav, main, article, aside, section, footer { display: block; }
* { box-sizing: border-box; }


/*************************************
* common
*************************************/
html { font-weight: 500; font-size: 15px; }

@media print, screen and (min-width: 1000px) {
	html { font-size: 14px; }
}

.wrap { width: calc(100% - 32px); margin-left: auto; margin-right: auto; }
@media print, screen and (min-width: 1000px) {
	.wrap { width: 900px; }
}
/*************
		header
**************/
.header { background: #fff; }
.header a { color: #000; transition: 0.5s; }
.header a:hover { color: #593886; }
.header__ttl { display: flex; align-items: center; height: 60px; margin-left: 20px; font-size: 15px; font-weight: 700; line-height: 1; }
@media print, screen and (min-width: 681px) {
	.header__ttl { height: 80px; font-size: 18px; }
}



/*************************************
* firstview
*************************************/
/*.firstview { background-color: #20aee1; padding-top: 140px; padding-bottom: 140px; text-align: center; }}*/
.firstview { background: url("../img/bg_firstview_sp.jpg") no-repeat 50% 100%/cover; text-align: center; }

.firstview__title { width: 100%; }
.firstview__title img { width: calc(100% - 60px); }
@media print, screen and (max-width: 680px) {
	#top .firstview { display: flex; justify-content: center; align-items: center; height: calc(100% - 60px); text-align: center; }
}
@media print, screen and (min-width: 681px) {
	.firstview { background-image: url("../img/bg_firstview_pc.jpg"); padding-top: 90px; padding-bottom: 160px; }
	.firstview__title img { max-width: 676px; }
}

@media print, screen and (min-width: 740px) {
	
}



/*************************************
* content
*************************************/
.content { padding: 40px 0 60px; }

@media print, screen and (min-width: 1000px) {
	.content { padding: 80px 0 120px; }
}



.intro { margin-bottom: 43px; }
.intro__ttl { margin-bottom: 25px; font-size: 18px; line-height: 1; text-align: center; }
.intro__txt { font-size: 15px; line-height: 1.7333; }

.info__label { position: relative; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content: center; align-items: center; height: 22px; background: #593886; border-radius: 11px; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; color: #fff; }
.info__date { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 12px; }
.info__date > span { display: flex; justify-content: center; align-items: flex-end; background: #e6e6eb; margin-right: 10px; margin-bottom: 2px; padding: 3px 12px 3px; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 900; }
.info__date > span::after { font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 900; content: "年"; }
.info__date > strong { display: flex; align-items: center; font-size: 30px; font-weight: 900; line-height: 1; }
.info__date > strong > span { transform: translateY(1px); font-family: 'Roboto', sans-serif; font-size: 38px; line-height: 1; }
.info__time { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; padding-bottom: 15px; font-weight: 700; line-height: 1; }
.info__time::before { position: absolute; left: -16px; bottom: 0; display: block; width: calc(100% + 32px); height: 1px; background: #ccc; content: ""; }
.info__time strong { font-size: 16px; font-weight: 700; }
.info__time span { font-size: 10px; }
.info__loc { font-weight: 700; text-align: center; }
.info__loc strong,
.info__loc span { display: block; margin-bottom: 28px; }
.info__loc strong { margin-bottom: 4px; font-size: 16px; font-weight: 700; line-height: 1; }
.info__loc span { font-size: 13px; }

.entry { background: #e6e6eb; padding: 10px 10px 26px; }
.entry__label { position: relative; display: flex; justify-content: center; align-items: center; height: 40px; background: #593886; margin-bottom: 17px; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: #fff; }
.entry__label::before { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 66px; height: 26px; border-radius: 13px; background: #fff; font-size: 12px; font-weight: 700; list-style: 1; text-align: center; color: #593886; content: "先着順"; }
.entry__limit { display: flex; justify-content: center; align-items: baseline; margin-bottom: 12px; font-weight: 700; }
.entry__limit__ppl { transform: translateY(-2px); font-size: 24px; }
.entry__limit__amount { margin-left: 4px; margin-right: 6px; font-size: 40px; line-height: 1; color: #593886; }
.entry__limit__amount::after { font-size: 20px; content: "名"; }
.entry__limit__label { transform: translateY(-5px); background: #000; padding: 2px 6px 3px; font-size: 13px; color: #fff; }
.entry__txt strong,
.entry__txt span { display: block; }
.entry__txt strong { margin-bottom: 12px; font-size: 18px; text-align: center; }
.entry__txt span { padding-left: 10px; padding-right: 10px; font-size: 11px; font-weight: 400; line-height: 1.545454; }
.entry-btn { display: flex; justify-content: center; align-items: center; width: 303px; height: 50px; background: #f5821f; margin-top: 30px; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: #fff; transition: 0.5s; }
.entry-btn--disable { pointer-events: none; background: #f2f2f2; color: #999; transition: 0.5s; }

.entry-notice { margin-top: 8px; font-size: 13px; }
@media print, screen and (max-width: 999px) {
	.entry-notice { padding-left: 1.0em; text-indent: -1.0em; }
}
@media print, screen and (min-width: 1000px) {
	.intro { margin-bottom: 73px; }
	.intro__ttl { margin-bottom: 25px; font-size: 24px; }
	.intro__txt { line-height: 2; text-align: center; }
	
	.info__label { height: 30px; border-radius: 15px; margin-bottom: 5px; padding-left: 20px; padding-right: 20px; font-size: 18px; }
	
	.info__date { margin-bottom: 12px; }
	.info__date > span { margin-right: 10px; margin-bottom: 2px; padding: 4px 17px 4px; font-size: 26px; }
	.info__date > span::after { transform: translateY(-1px); font-size: 21px; }
	.info__date > strong { font-size: 43px; }
	.info__date > strong > span { font-size: 54px; }
	.info__time { margin-bottom: 22px; padding-bottom: 22px; }
	.info__time::before { position: absolute; left: -16px; bottom: 0; display: block; width: calc(100% + 32px); height: 1px; background: #ccc; content: ""; }
	.info__time strong { font-size: 24px; }
	.info__time span { font-size: 16px; }
	.info__loc strong,
	.info__loc span { margin-bottom: 28px; }
	.info__loc strong { margin-bottom: 7px; font-size: 24px; }
	.info__loc span { font-size: 18px; }
	.entry { display: flex; align-items: stretch; padding: 10px; }
	.entry__label { display: flex; justify-content: flex-end; align-items: center; width: 280px; height: auto; margin-right: 20px; margin-bottom: 0; padding-right: 30px; }
	.entry__label::before { left: 15px; width: 90px; height: 40px; border-radius: 20px; font-size: 16px; }
	.entry__limit { transform: translateY(10px); margin-bottom: 0; margin-right: 54px; }
	.entry__limit__label { transform: translateY(-5px); padding: 3px 8px 4px; font-size: 16px; }
	.entry__txt { flex: 1; padding: 10px 0 11px; }
	.entry__txt strong,
	.entry__txt span { display: block; }
	.entry__txt strong { margin-bottom: 6px; font-size: 20px; text-align: left; }
	.entry__txt span { padding: 0; font-size: 12px; line-height: 1; }
	.entry-btn { width: 400px; height: 60px; margin-top: 40px; font-size: 16px; }
	.entry-notice { margin-top: 13px; font-size: 14px; text-align: center; }
}


.prfs-wrap { margin-top: 60px; }
.prfs:not(:last-of-type) { margin-bottom: 40px; }
.prfs__info { position: relative; margin-bottom: 29px; padding-top: 22px; padding-bottom: 20px; }
.prfs__info::before { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background: #abb3b7; content: ""; }
.prfs__info__ttl { position: relative; background: #5f8bba; border-radius: 6px 6px 0 0; margin-bottom: 14px; padding: 12px 0 12px 15px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; }

.prfs__info__txt { padding: 0 0 0 15px; font-size: 12px; line-height: 1.4; }
.prfs__info__txt__name { display: block; margin-top: 5px; font-size: 16px; line-height: 1; }
.prfs__info__txt__name::before { position: relative; transform: translateY(-4px); display: inline-block; margin-right: 2px; content: "\025b6"; font-size: 50%; color: #f5821f; }
.prfs__info__thumb { position: absolute; top: 0; right: 7px; width: 162px; height: 162px; border: 6px solid #5f8bba; border-radius: 50%; overflow: hidden; }

.prfs__theme__ttl { position: relative; margin-bottom: 12px; padding-left: 66px; font-weight: 700; line-height: 1.3; }
.prfs__theme__ttl strong,
.prfs__theme__ttl span { display: block; }
.prfs__theme__ttl strong { font-size: 18px; }
.prfs__theme__ttl span { margin-top: 4px; font-size: 14px; }

.prfs__theme__ttl::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: flex; justify-content: center; align-items: center; width: 54px; height: 44px; background: #000; font-size: 11px; font-weight: 700; color: #fff; content: "テーマ"; }
.prfs__theme__txt { font-size: 15px; line-height: 1.73333; }
@media print, screen and (min-width: 681px) {
}
@media print, screen and (min-width: 681px) {
	.prfs-wrap .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.prfs { width: calc(50% - 15px); }
}
@media print, screen and (min-width: 1000px) {
	.prfs-wrap { margin-top: 120px; }
	.prfs { width: 420px; }
	.prfs:not(:last-of-type) { margin-bottom: 0; }
	.prfs__info { margin-bottom: 45px; padding-top: 27px; }
	.prfs__info__ttl { margin-bottom: 14px; padding: 14px 0 14px 15px; font-size: 15px; }
	.prfs__info__txt { font-size: 14px; }
	.prfs__info__txt__name { margin-top: 7px; font-size: 18px; }
	.prfs__info__thumb { right: 13px; width: 198px; height: 198px; }
	.prfs__info__thumb:before { left: -24px; top: 50%; transform: translateY(-62%); width: 48px; height: 48px; }
	.prfs__info__thumb:after { left: 16px; width: 20px; height: 20px; }
	
	.prfs__theme__ttl { padding-left: 60px; }
	.prfs__theme__ttl::before { width: 40px; height: 60px; font-size: 13px; writing-mode: vertical-rl; }
	.prfs__theme__ttl strong { font-size: 22px; }
	.prfs__theme__ttl span { font-size: 18px; }
	.prfs__theme__txt { font-size: 14px; line-height: 1.857; }
}

.prgr-wrap { margin-top: 55px; }
.prgr__ttl { display: flex; justify-content: center; align-items: center; height: 40px; background: #567377; margin-bottom: 20px; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: #fff; }
.prgr-tbl { width: 100%; border-top: 1px solid #ccc; margin-bottom: 30px; }
.prgr-tbl tr { border-bottom: 1px solid #ccc; }
.prgr__th,
.prgr__td { vertical-align: top; }
.prgr__th { width: 115px; background: #e5eae4; padding: 10px 0 10px 17px; font-size: 13px; font-weight: 700; }
.prgr__td { padding: 10px 17px; font-size: 13px; line-height: 1.3846; }

@media print, screen and (min-width: 1000px) {
	.prgr-wrap { margin-top: 110px; }
	.prgr__ttl { height: 50px; margin-bottom: 30px; font-size: 20px; }
	
	.prgr-tbl { width: calc(100% - 60px); margin-left: auto; margin-right: auto; margin-bottom: 90px; }
	.prgr__th { width: 160px; padding: 16px 0 18px 20px; font-size: 16px; line-height: 1; }
	.prgr__td { padding: 16px 17px 18px; font-size: 16px; line-height: 1; }
}




/* steps
*************************************/
.steps { display: flex; justify-content: space-between; width: calc(100% - 60px); margin: 0 auto; position: relative; }
.steps::after { content: ""; background: #000; width: calc(100% - 60px); height: 2px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,1px); }

.steps__list { height: 35px; font-weight: 700; font-size: 14px; line-height: 1; position: relative; }
.steps__list::after { content: ""; background: #fff; width: 22px; height: 22px; border: 5px solid #000; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%); box-sizing: border-box; z-index: 2; }

.steps__list--active { color: #593886; }
.steps__list--active::after { border-color: #593886; }

@media print, screen and (max-width: 330px) {
	.steps__list { font-size: 13px; }
}

@media print, screen and (min-width: 1000px) {
	.steps { justify-content: flex-start; background: #fafafa; width: 900px; margin: 0 auto; border: 1px solid #ddd; }
	.steps::after { display: none; }

	.steps__list {  width: calc(100% / 3); height: 60px; padding: 0 0 0 15px; font-size: 15px; line-height: 58px; text-align: center; }
	.steps__list::after { display: none; }
	.steps__list::before { content: ""; background: #fafafa; width: 42px; height: 42px; position: absolute; top: 50%; right: -21px; border-top: 1px solid #d5d5d5;  border-right: 1px solid #d5d5d5; transform-origin: center; transform: translateY(-50%) scaleX(.5) rotate(45deg); }
	.steps__list:last-child::before { display: none; }

	.steps__list:nth-child(1) { z-index: 3; }
	.steps__list:nth-child(2) { z-index: 2; }
	.steps__list:nth-child(3) { z-index: 1; }

	.steps__list--active { background: #593886; color: #fff; }
	.steps__list--active::before { background: #593886; border: none; }
}



/* lead
*************************************/
.lead__text { margin: 40px 0 0; padding: 0 16px; line-height: 1.7; }
.lead__text--cent { text-align: center; }
.lead__confirm { margin: 40px 0 0; padding: 0 16px; line-height: 1.7; text-align: center; }
.lead__thanks { margin: 45px 0 0; padding: 0 16px 5px; line-height: 1.7; text-align: center; }
.lead__thanks strong { display: block; margin: 0 0 6px; font-weight: 700; font-size: 18px; }
.lead__closed { padding: 60px 16px 0; position: relative; line-height: 1.7; text-align: center; }
.lead__closed::before { content: ""; background: url("../img/icon_closed.svg") no-repeat 0 0/contain; width: 40px; height: 40px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.lead__closed strong { display: block; margin: 0 0 15px; font-weight: 700; font-size: 18px; }

@media print, screen and (max-width: 330px) {
	.lead__closed { font-size: 14px; }
}

@media print, screen and (min-width: 1000px) {
	.lead__text { width: 900px; margin: 55px auto 0; padding: 0; font-size: 15px; line-height: 2; }
	.lead__confirm { width: 900px; margin: 55px auto 0; padding: 0; font-size: 15px; line-height: 2; }
	.lead__thanks { margin: 90px 0 0; padding: 0 0 42px; font-size: 15px; line-height: 2; }
	.lead__thanks strong { margin: 0 0 10px; font-size: 24px; }
	.lead__thanks br { display: none; }
	.lead__closed { padding: 60px 0 0; font-size: 15px; line-height: 2; }
	.lead__closed strong { margin: 0 0 25px; font-size: 24px; }
	.lead__closed .brSP { display: none; }
}



/* form
*************************************/
.form { margin: 40px 0 0; }
.form__title { margin: 0 16px; padding: 0 0 0 13px; border-left: 5px solid #593886; font-weight: 700; font-size: 16px; line-height: 1.5; }
.form__box { margin: 35px 0 0; }
.form__col-term { background: #f7f3eb; padding: 9px 16px; }
.form__col-term--required::after { display: inline-block; background: #e7380d; margin: 0 0 0 10px; padding: 2px 8px; font-size: 11px; color: #fff; content: "必須"; }
.form__col-desc { padding: 20px 16px; }
.form__optional { display: inline-block; background: #0071bc; margin: 0 0 0 10px; padding: 2px 8px; font-size: 11px; color: #fff; }

.form__name { display: flex; align-items: center; }
.form__name dt { width: 36px; margin: 0 10px 0 0; text-align: right; }
.form__name dt:nth-of-type(2) { margin: 0 10px 0; }
.form__name dd { width: calc((100% - 102px) / 2); }

.form__postcode { display: flex; justify-content: space-between; }

.input__text { background: #fafafa; height: 44px; padding: 0 10px; border: 2px solid #ccc; border-radius: 6px; font-size: 15px; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input__text--default { width: 100%; }
.input__text--postcode { width: calc(100% - 141px); }
.input__text--pref,
.input__text--tel { width: 100%; }
.input__text--dob { width: calc(100% - 1rem - 10px); margin: 0 10px 0 0; text-align: center; }
.input__text--num { width: 45px; margin: 0 10px 0 0; text-align: center; }

.btn__search--address { display: block; background: #4d4d4d; width: 125px; height: 44px; border-radius: 6px; font-weight: 700; line-height: 44px; color: #fff; text-align: center; }

.form__radio { display: flex; justify-content: space-between; }
.form__radio li { width: calc(50% - 8px); position: relative; }
.input__radio { opacity: 0; width: 100%; height: 44px; }
.label__radio { display: flex; justify-content: center; align-items: center; background: #4d4d4d; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6px; color: #fff; cursor: pointer; transition: background .1s linear; }
.input__radio:checked + .label__radio { background: #e7380d; }
#gender-m:checked + .label__radio { background: #2fa6c1; }
#gender-f:checked + .label__radio { background: #e25990; }

.form__dob { display: flex; }
.form__dob--year { width: calc(100% - 180px); max-width: 100px; }
.form__dob--month,
.form__dob--day { width: 70px; margin: 0 0 0 20px; }

.textarea__remarks { background: #fafafa; width: 100%; min-height: 70px; margin-top: 10px; padding: 10px; border: 2px solid #ccc; border-radius: 6px; font-size: 15px; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }

::placeholder { color: #b3b3b3; }
.input__text--dob::placeholder,
.input__text--num::placeholder { text-align: center; }

.form__text { margin: 20px 0 0; padding: 0 16px; line-height: 1.7; }
.form__text br { display: none; }

.form__button { display: block; height: 50px; border: none; font-size: 700px; font-size: 18px; line-height: 50px; color: #fff; text-align: center; cursor: pointer; transition: background .2s linear; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form__button--submit { background: #f5821f; width: calc(100% - 72px); max-width: 303px; margin: 30px auto 0; }
.form__button--submit:hover { background: #ff2a00; }
.form__button--send { background: #f5821f; width: 100%; }
.form__button--send:hover { background: #ff2a00; }
.form__button--back { background: #b3b3b3; width: 100%; }
.form__button--back:hover { background: #717171; }

.form__confirm { display: flex; justify-content: space-between; max-width: 400px; margin: 30px auto 0; padding: 0 16px; }
.form__confirm--button { width: calc(50% - 8px); }

.form__err { display: block; margin: 5px 0 0; font-size: .9rem; color: #f5821f; }

@media print, screen and (min-width: 641px) {
	.form__text { text-align: center; }
	.form__text br { display: block; }
}


@media print, screen and (min-width: 1000px) {
	.form { width: 900px; margin: 50px auto 0; }
	.form__title { height: 40px; margin: 0; padding: 0 0 0 20px; font-size: 20px; line-height: 40px; }
	.form__box { width: 900px; margin: 40px auto 0; }
	.form__inner { display: flex; flex-wrap: wrap; border: 1px solid #ccc; border-top: none; }
	.form__col-term { background: #f7f3eb; width: 250px; padding: 30px; border-top: 1px solid #ccc; }
	.form__col-desc { width: calc(100% - 250px); padding: 20px 40px; border-top: 1px solid #ccc; }
	.form__col-desc-preview { padding: 30px 40px; }

	.form__name dt { width: 30px; }
	.form__name dd { width: 180px; }

	.form__postcode { width: 300px; }

	.input__text { height: 40px; padding: 0 12px; font-size: 14px; }
	.input__text--postcode { width:180px; }
	.input__text--pref,
	.input__text--tel { width: 180px; }
	.input__text--num { width: 40px; }

	.btn__search--address { width: 100px; height: 40px; line-height: 40px; }

	.form__radio { display: flex; justify-content: flex-start; padding: 10px 0 0; }
	.form__radio li { width: 130px; }
	.input__radio { display: none; }
	.label__radio { display: block; background: none; width: auto; height: auto; padding: 0 0 0 30px; position: relative; border-radius: 0; color: #000; }
	.label__radio::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; border: 2px solid #b3b3b3; border-radius: 50%; transform: translateY(-50%); }

	.input__radio:checked + .label__radio { background: none!important; }
	.input__radio:checked + .label__radio::after { content: ""; display: block; background: #dd0716; width: 8px; height: 8px; position: absolute; top: 50%; left: 8px; border-radius: 50%; transform: translateY(-50%); }

	.textarea__remarks { height: 210px; }

	.form__text { margin: 80px 0 0; padding: 0; font-size: 15px; line-height: 2; }

	.form__button { height: 60px; line-height: 60px; }
	.form__button--submit { width: 500px; max-width: none; margin: 50px auto 0; }
	.form__button--submitinput { margin-top: 94px; }
	.form__confirm { max-width: 660px; margin: 100px auto 0; padding: 0; }
	.form__confirm--button { width: calc(50% - 30px); }

}



/*************************************
* footer
*************************************/
footer { background-color: #e5dab7; padding: 27px 0 0; }
.footer__copyright { position: relative; display: flex; justify-content: center; align-items: center; font-size: 10px; line-height: 1; text-align: center; }
@media print, screen and (max-width: 999px) {
	.footer__logo { display: block; width: 134px; margin: 0 auto; }
	.footer__copyright { height: 30px; background: #000; margin-top: 27px; margin-left: -16px; margin-right: -16px; color: #fff; }
}
@media print, screen and (min-width: 1000px) {
	footer { padding: 30px 0; }
	footer .wrap { display: flex; justify-content: space-between; }
	.footer__logo { width: 127px; }
	.footer__copyright { color: #000; }
	
}





.sp-only { display: none !important; }
.sp-only-2 { display: none !important; }
.pc-only { display: block !important; }
.pc-only-2 { display: inline-block !important; }
@media screen and (max-width: 999px) {
	.sp-only { display: block !important; }
	.sp-only-2 { display: inline-block !important; }
	.pc-only { display: none !important; }
	.pc-only-2 { display: none !important; }
}