@charset "UTF-8";

/* ==========================================================================
   デザインラインナップ（YES/NOチャート 2026.09）
   ========================================================================== */

#contentsend{
   margin-top: 0 !important;
}


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

@keyframes lineup-fade { from { opacity: 0; } to { opacity: 1; } }

#lineup-main {position: relative;margin-bottom: 0;font-family: "Noto Sans JP", sans-serif;font-weight: 400;color: #202020;line-height: 1.6;letter-spacing: 0;}
#lineup-main img {vertical-align: bottom;}
#lineup-main [hidden] {display: none !important;}
#lineup-main button {margin: 0;padding: 0;border: none;border-radius: 0;background: none;font: inherit;color: inherit;letter-spacing: inherit;cursor: pointer;}

/* リード（START） */
#lead {padding: 24px 0 150px;background: #fff url("../images/lineup/bg-01.png") no-repeat center top;background-size: cover;}
#lead .seo_bread_list {margin-top: 0;}
#lead .inner {width: 1200px;margin: 0 auto;}
#lead .lead-ttl {width: 779px;margin: 72px auto 0;line-height: 1;}
#lead .lead-ttl img {display: block;width: 100%;height: auto;}
#lead .start-box {position: relative;margin-top: 88px;padding: 60px 0 49px;background: #fff;box-shadow: 0 3px 13px rgba(0,0,0,0.16);text-align: center;}
#lead .start-box .deco-01 {position: absolute;top: -8px;left: 298px;width: 137px;}
#lead .start-box .deco-02 {position: absolute;top: -28px;left: 775px;width: 143px;}
#lead .start-box picture img {display: block;width: 100%;height: auto;}
#lead .start-box .start-en {position: relative;font-family: "Poppins", sans-serif;font-weight: 600;font-size: 42px;line-height: 60px;letter-spacing: 0.1em;}
#lead .start-box .start-ttl {margin-top: 24px;font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 36px;line-height: 42px;}
#lead .start-box .start-txt {margin-top: 58px;font-size: 20px;line-height: 42px;}
#lead .start-box .start-arrow {position: absolute;bottom: -44px;left: 535px;width: 130px;}

/* 設問（YES OR NO） */
#chart {padding: 120px 0;background: #E5E2D8;}
#chart .inner {width: 1200px;margin: 0 auto;}
#chart .q-head {width: 575px;margin: 0 auto;line-height: 1;}
#chart .q-head img {display: block;width: 100%;height: auto;}
#chart .q-box {position: relative;padding: 129px 0 165px;border-radius: 50px;background: #F9F9F9;text-align: center;}
#chart .q-step {position: absolute;top: 40px;left: 0;width: 100%;}
#chart .q-num {font-family: "Poppins", sans-serif;font-weight: 600;font-size: 18px;line-height: 30px;letter-spacing: 0.05em;color: #A4A4A4;}
#chart .q-num .q-now {font-size: 30px;color: #BF9C28;}
#chart .q-num .q-slash {margin: 0 8px;}
#chart .q-bar {width: 300px;height: 4px;margin: 10px auto 0;border-radius: 2px;background: #E5E2D8;overflow: hidden;}
#chart .q-bar .q-bar-in {display: block;width: 12.5%;height: 100%;background: #BF9C28;transition: width 0.3s ease;}
#chart .q-list {min-height: 128px;}
#chart .q-txt {display: none;font-weight: 600;font-size: 42px;line-height: 64px;letter-spacing: 0.08em;}
#chart .q-txt.is-active {display: block;animation: lineup-fade 0.4s ease;}
#chart .q-btns {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;margin-top: 118px;}
#chart .q-btns li + li {margin-left: 80px;}
#chart .q-btn {display: block;}
#chart .q-btn img {display: block;width: 340px;height: auto;transition: opacity 0.3s ease;}
#chart .q-btn:hover img {opacity: 0.8;}
#chart .q-back {position: absolute;top: 515px;left: 0;width: 100%;}
#chart .q-back .q-back-btn {padding-bottom: 2px;border-bottom: 1px solid #535353;font-size: 15px;line-height: 1.6;letter-spacing: 0.05em;color: #535353;transition: opacity 0.3s ease;}
#chart .q-back .q-back-btn:hover {opacity: 0.7;}
#chart .q-hito {position: absolute;right: 50px;bottom: -86px;width: 185px;}
#chart .q-hito img {display: block;width: 100%;height: auto;}

/* 結果（GOAL） */
#goal {padding: 149px 0 120px;background: #fff url("../images/lineup/bg-02.png") no-repeat center top;background-size: cover;animation: lineup-fade 0.6s ease;}
#goal .inner {width: 1200px;margin: 0 auto;}
#goal .goal-ttl {width: 252px;margin: 0 auto;line-height: 1;}
#goal .goal-ttl img {display: block;width: 100%;height: auto;}
#goal .goal-tie {margin-top: 30px;text-align: center;}
#goal .goal-tie .goal-tie-in {display: inline-block;padding: 14px 60px;background: #BF9C28;font-family: "Noto Serif JP", serif;font-weight: 600;font-size: 28px;line-height: 1.6;letter-spacing: 0.1em;color: #fff;}
#goal .goal-list {margin-top: 28px;}
#goal.is-tie .goal-list {margin-top: 40px;}
#goal .goal-card {background: #F9F9F9;box-shadow: 0 6px 5px rgba(0,0,0,0.16);}
#goal .goal-card:not([hidden]) ~ .goal-card:not([hidden]) {margin-top: 60px;}
#goal .goal-head {height: 180px;padding-top: 40px;text-align: center;color: #fff;}
#goal .goal-kurasu .goal-head {background: #C8B074;}
#goal .goal-guramo .goal-head {background: #535353;}
#goal .goal-aora .goal-head {background: #82AEB7;}
#goal .goal-mado .goal-head {background: #9ABC87;}
#goal .goal-head .goal-no {display: inline-block;width: 77px;height: 20px;background: #202020;font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 10px;line-height: 20px;letter-spacing: 0.1em;vertical-align: top;}
#goal .goal-head .goal-name {margin-top: 7px;font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 54px;line-height: 1;letter-spacing: 0.1em;}
#goal .goal-head .goal-name .kana {position: relative;top: -4px;margin-left: 22px;font-size: 24px;letter-spacing: 0;}
#goal .goal-body {display: -webkit-box; display: -ms-flexbox; display: flex;padding: 60px 100px 0;}
#goal .goal-body .goal-photo {-ms-flex-negative: 0; flex-shrink: 0;width: 400px;}
#goal .goal-body .goal-photo img {display: block;width: 100%;height: auto;}
#goal .goal-body .goal-txt-box {width: 550px;margin-left: 50px;padding-top: 30px;color: #000;}
#goal .goal-body .goal-catch {font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 36px;line-height: 64px;letter-spacing: 0.1em;}
#goal .goal-body .goal-txt {margin-top: 37px;font-size: 16px;line-height: 36px;letter-spacing: 0.04em;}
#goal .goal-btn {padding: 40px 0 60px;}
#goal .goal-btn a {display: block;position: relative;width: 520px;height: 55px;margin: 0 auto;background: #202020;color: #fff;font-size: 15px;line-height: 55px;letter-spacing: 0.05em;text-align: center;transition: opacity 0.3s ease;}
#goal .goal-btn a::after {content: "";position: absolute;top: 50%;right: 19px;width: 8px;height: 14px;margin-top: -7px;background: url("../images/lineup/btn-deco.png") no-repeat center center;background-size: 8px 14px;}
#goal .goal-btn a:hover {opacity: 0.8;text-decoration: none;}
/* 全部「いいえ」のとき */
#goal .goal-zero .goal-body {-webkit-box-align: center; -ms-flex-align: center; align-items: center;padding-top: 70px;}
#goal .goal-zero .goal-photo {text-align: center;}
#goal .goal-zero .goal-photo img {display: inline-block;width: 185px;}
#goal .goal-zero .goal-txt-box {padding-top: 0;}
#goal .goal-zero .goal-txt {margin-top: 30px;}
#goal .goal-zero .goal-btns {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;padding: 50px 0 60px;}
#goal .goal-zero .goal-btns .goal-btn {padding: 0;}
#goal .goal-zero .goal-btns .goal-btn + .goal-btn {margin-left: 30px;}
#goal .goal-zero .goal-btns .goal-btn a {width: 300px;}
/* もう一度診断する */
#goal .goal-retry {margin-top: 60px;}
#goal .goal-retry .goal-retry-btn {display: block;width: 300px;height: 55px;margin: 0 auto;border: 1px solid #AEAEAE;background: #fff;font-size: 15px;line-height: 53px;letter-spacing: 0.05em;text-align: center;transition: opacity 0.3s ease;}
#goal .goal-retry .goal-retry-btn:hover {opacity: 0.8;}

}





@media screen and (max-width: 767px) {

@keyframes lineup-fade { from { opacity: 0; } to { opacity: 1; } }

#lineup-main {position: relative;margin-bottom: 0;font-family: "Noto Sans JP", sans-serif;font-weight: 400;color: #202020;line-height: 1.6;letter-spacing: 0;}
#lineup-main img {vertical-align: bottom;}
#lineup-main [hidden] {display: none !important;}
#lineup-main button {margin: 0;padding: 0;border: none;border-radius: 0;background: none;font: inherit;color: inherit;letter-spacing: inherit;cursor: pointer;-webkit-appearance: none;appearance: none;}

/* リード（START） */
#lead {padding: 0 0 14.493vw;background: #fff url("../images/lineup/sp-bg-01.png") no-repeat center top;background-size: cover;}
#lead .seo_bread_list {padding-top: 0.966vw;}
#lead .inner {width: 91.787vw;margin: 0 auto;}
#lead .lead-ttl {width: 85.266vw;margin: 8.696vw auto 0;line-height: 1;}
#lead .lead-ttl img {display: block;width: 100%;height: auto;}
#lead .start-box {position: relative;margin-top: 9.662vw;padding: 19.372vw 0 8.696vw;background: #fff;box-shadow: 0 0.725vw 3.140vw rgba(0,0,0,0.16);text-align: center;}
#lead .start-box .deco-01 {position: absolute;top: 14.734vw;left: 8.937vw;width: 17.754vw;}
#lead .start-box .deco-02 {position: absolute;top: 11.353vw;left: 63.527vw;width: 19.324vw;}
#lead .start-box picture img {display: block;width: 100%;height: auto;}
#lead .start-box .start-en {position: relative;font-family: "Poppins", sans-serif;font-weight: 600;font-size: 6.763vw;line-height: 8.213vw;letter-spacing: 0.1em;}
#lead .start-box .start-ttl {margin-top: 8.164vw;font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 5.797vw;line-height: 10.145vw;}
#lead .start-box .start-txt {margin-top: 3.865vw;font-size: 3.865vw;line-height: 7.729vw;letter-spacing: 0.05em;}
#lead .start-box .start-arrow {position: absolute;bottom: -4.831vw;left: 38.043vw;width: 15.700vw;}

/* 設問（YES OR NO） */
#chart {padding: 14.493vw 0;background: #E5E2D8;}
#chart .inner {width: 91.787vw;margin: 0 auto;}
#chart .q-head {width: 58.454vw;margin: 0 auto;line-height: 1;}
#chart .q-head img {display: block;width: 100%;height: auto;}
#chart .q-box {position: relative;padding: 16.425vw 0 14.493vw;border-radius: 7.246vw;background: #F9F9F9;text-align: center;}
#chart .q-step {position: absolute;top: 3.865vw;left: 0;width: 100%;}
#chart .q-num {font-family: "Poppins", sans-serif;font-weight: 600;font-size: 3.865vw;line-height: 5.797vw;letter-spacing: 0.05em;color: #A4A4A4;}
#chart .q-num .q-now {font-size: 5.797vw;color: #BF9C28;}
#chart .q-num .q-slash {margin: 0 1.449vw;}
#chart .q-bar {width: 48.309vw;height: 0.725vw;margin: 1.449vw auto 0;border-radius: 0.362vw;background: #E5E2D8;overflow: hidden;}
#chart .q-bar .q-bar-in {display: block;width: 12.5%;height: 100%;background: #BF9C28;transition: width 0.3s ease;}
#chart .q-list {min-height: 33.333vw;}
#chart .q-txt {display: none;font-weight: 600;font-size: 6.280vw;line-height: 11.111vw;letter-spacing: 0.08em;}
#chart .q-txt.is-active {display: block;animation: lineup-fade 0.4s ease;}
#chart .q-btns {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;margin-top: 8.454vw;}
#chart .q-btns li + li {margin-left: 2.415vw;}
#chart .q-btn {display: block;}
#chart .q-btn img {display: block;width: 38.647vw;height: auto;}
#chart .q-back {position: absolute;bottom: 4.348vw;left: 6.039vw;}
#chart .q-back .q-back-btn {padding-bottom: 0.483vw;border-bottom: 1px solid #535353;font-size: 3.140vw;line-height: 1.6;letter-spacing: 0.05em;color: #535353;}
#chart .q-hito {position: absolute;right: 6.039vw;bottom: -12.319vw;width: 18.116vw;}
#chart .q-hito img {display: block;width: 100%;height: auto;}

/* 結果（GOAL） */
#goal {padding: 9.903vw 0 14.493vw;background: #fff url("../images/lineup/sp-bg-02.png") no-repeat center top;background-size: cover;animation: lineup-fade 0.6s ease;}
#goal .inner {width: 91.787vw;margin: 0 auto;}
#goal .goal-ttl {width: 27.053vw;margin: 0 auto;line-height: 1;}
#goal .goal-ttl img {display: block;width: 100%;height: auto;}
#goal .goal-tie {margin-top: 3.623vw;text-align: center;}
#goal .goal-tie .goal-tie-in {display: inline-block;padding: 2.415vw 4.831vw;background: #BF9C28;font-family: "Noto Serif JP", serif;font-weight: 600;font-size: 4.348vw;line-height: 1.6;letter-spacing: 0.08em;color: #fff;}
#goal .goal-list {margin-top: 2.174vw;}
#goal.is-tie .goal-list {margin-top: 4.831vw;}
#goal .goal-card {background: #F9F9F9;box-shadow: 0 1.449vw 1.208vw rgba(0,0,0,0.16);}
#goal .goal-card:not([hidden]) ~ .goal-card:not([hidden]) {margin-top: 14.493vw;}
#goal .goal-head {height: 30.435vw;padding-top: 7.246vw;text-align: center;color: #fff;}
#goal .goal-kurasu .goal-head {background: #C8B074;}
#goal .goal-guramo .goal-head {background: #535353;}
#goal .goal-aora .goal-head {background: #82AEB7;}
#goal .goal-mado .goal-head {background: #9ABC87;}
#goal .goal-head .goal-no {display: inline-block;width: 18.599vw;height: 4.831vw;background: #202020;font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 2.415vw;line-height: 4.831vw;letter-spacing: 0.1em;vertical-align: top;}
#goal .goal-head .goal-name {margin-top: 0.773vw;font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 7.729vw;line-height: 1;letter-spacing: 0.1em;}
#goal .goal-head .goal-name .kana {position: relative;top: -1.449vw;margin-left: 3.623vw;font-size: 3.382vw;letter-spacing: 0;}
#goal .goal-body {padding-top: 7.246vw;}
#goal .goal-body .goal-photo {width: 77.295vw;margin: 0 auto;}
#goal .goal-body .goal-photo img {display: block;width: 100%;height: auto;}
#goal .goal-body .goal-txt-box {margin: 9.662vw 4.348vw 0;color: #000;}
#goal .goal-body .goal-catch {font-family: "Noto Serif JP", serif;font-weight: 500;font-size: 5.797vw;line-height: 10.145vw;letter-spacing: 0.08em;}
#goal .goal-body .goal-txt {margin-top: 4.106vw;font-size: 3.865vw;line-height: 7.971vw;letter-spacing: 0.04em;}
#goal .goal-btn {padding: 7.488vw 0 10.145vw;}
#goal .goal-btn a {display: block;position: relative;width: 72.464vw;height: 13.285vw;margin: 0 auto;background: #202020;color: #fff;font-size: 3.623vw;line-height: 13.285vw;letter-spacing: 0.05em;text-align: center;text-decoration: none;}
#goal .goal-btn a::after {content: "";position: absolute;top: 50%;right: 4.589vw;width: 1.812vw;height: 3.261vw;margin-top: -1.630vw;background: url("../images/lineup/sp-btn-deco.png") no-repeat center center;background-size: contain;}
/* 全部「いいえ」のとき */
#goal .goal-zero .goal-body {padding-top: 9.662vw;}
#goal .goal-zero .goal-photo {width: auto;text-align: center;}
#goal .goal-zero .goal-photo img {display: inline-block;width: 36.232vw;}
#goal .goal-zero .goal-txt-box {text-align: center;}
#goal .goal-zero .goal-btns {padding: 7.488vw 0 10.145vw;}
#goal .goal-zero .goal-btns .goal-btn {padding: 0;}
#goal .goal-zero .goal-btns .goal-btn + .goal-btn {margin-top: 3.623vw;}
/* もう一度診断する */
#goal .goal-retry {margin-top: 12.077vw;}
#goal .goal-retry .goal-retry-btn {display: block;width: 72.464vw;height: 13.285vw;margin: 0 auto;border: 1px solid #AEAEAE;background: #fff;font-size: 3.623vw;line-height: calc(13.285vw - 2px);letter-spacing: 0.05em;text-align: center;}

}