@charset "UTF-8";.three-serum .js-display_switch--display{display:none;opacity:0;height:0}.three-serum .js-display_switch--display:first-child{display:block;opacity:1;height:inherit}.three-serum .js-display_switch__pagenation .js-display_switch__pagenation_item{-webkit-transition:ease 1s;transition:ease 1s}.three-serum .js-display_switch__pagenation .js-display_switch__pagenation_item.--current{background:#ee0000;color:#ffffff}.three-serum .p-shindan__loading{width:100%;height:100%;position:fixed;top:0;left:0}.three-serum .p-shindan__loading__inner{width:100%;height:100%;position:relative}.three-serum .p-shindan__loading__content{position:absolute;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);bottom:50%;right:50%}.three-serum .p-shindan{font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;width:min(90vw,500px);height:calc(1100 / 750 * 100vh);max-height:90vh;padding-top:min(80/750 * 100vw,50px);position:fixed;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);right:50%;bottom:50%}.three-serum .p-shindan img{max-width:100%;vertical-align:middle}.three-serum .p-shindan-frame{width:100%;height:100%;background:#ffffff;border-radius:min(20/750 * 100vw,20px);position:relative;z-index:1}.three-serum .p-shindan-frame:before{content:" ";display:block;width:min(450/750 * 100vw,250px);height:min(450/750 * 100vw,250px);background:#ffffff;border-radius:100%;position:absolute;-webkit-transform:translate(50%,0);transform:translate(50%,0);top:max(-80/750 * 100vw,-50px);right:50%}.three-serum .p-shindan__inner{height:100%;position:relative;z-index:2}.three-serum .p-shindan__content{display:none;height:100%}.three-serum .p-shindan__content__inner{height:100%}.three-serum .p-shindan__content__form{height:100%}.three-serum .p-shindan__content__form__inner{height:100%}.three-serum .p-shindan__content__form__start{height:100%}.three-serum .p-shindan__content__form__start__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:0 min(40/750 * 100vw,40px) min(4vh,20px) min(40/750 * 100vw,40px)}.three-serum .p-shindan__content__form__start__heading{margin:min(10/750 * 100vw,10px) 0 0 0}.three-serum .p-shindan__content__form__start__heading h2{padding:0 0 min(2.7272727273vh,15px) 0;border-bottom:solid 2px #a6b3c0;font-size:min(52/750 * 100vw,26px);font-weight:normal;line-height:1.3;text-align:center}.three-serum .p-shindan__content__form__start__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.three-serum .p-shindan__content__form__start__content__inner{height:100%}.three-serum .p-shindan__content__form__start__content__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.three-serum .p-shindan__content__form__start__content__image img{height:100%;width:auto;max-width:inherit;max-height:480px}.three-serum .p-shindan__content__form__start__content__text{font-size:min(2.7272727273vh,20px);text-align:center}.three-serum .p-shindan__content__form__start__footing{margin:min(4vh,20px) 0 0 0}.three-serum .p-shindan__content__form__question{height:100%}.three-serum .p-shindan__content__form__question__inner{display:-ms-grid;display:grid;width:100%;height:100%;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto min(4vh,20px) 1fr min(4vh,20px) auto;grid-template-rows:auto 1fr auto;gap:min(4vh,20px) 0;padding:0 min(50/750 * 100vw,40px) min(4vh,20px) min(50/750 * 100vw,40px)}.three-serum .p-shindan__content__form__question__inner>:first-child{-ms-grid-row:1;-ms-grid-column:1}.three-serum .p-shindan__content__form__question__inner>:nth-child(2){-ms-grid-row:3;-ms-grid-column:1}.three-serum .p-shindan__content__form__question__inner>:nth-child(3){-ms-grid-row:5;-ms-grid-column:1}.three-serum .p-shindan__content__form__question__heading h3{font-size:min(32/750 * 100vw,22px);font-weight:normal;line-height:1.5;text-align:center}.three-serum .p-shindan__content__form__question__heading h3 span{font-family:"Noto Sans JP",sans-serif!important;display:block;margin:0 0 min(10/750 * 100vw,10px) 0;font-size:min(60/750 * 100vw,50px);line-height:1}.three-serum .p-shindan__content__form__question__heading h3 span:before{content:"QUESTION";display:block;margin:0 0 min(5/750 * 100vw,5px) 0;font-size:min(20/750 * 100vw,15px);letter-spacing:0.2em}.three-serum .p-shindan__content__form__question__content{overflow-y:auto}.three-serum .p-shindan__content__form__question__content__buttons--column-1 .p-shindan__content__form__question__content__buttons__inner{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;gap:min(10/750 * 100vw,10px) min(10/750 * 100vw,10px);width:100%}.three-serum .p-shindan__content__form__question__content__buttons--column-1 .p-shindan__content__form__question__content__buttons__inner input[type=checkbox]+label,.three-serum .p-shindan__content__form__question__content__buttons--column-1 .p-shindan__content__form__question__content__buttons__inner input[type=radio]+label{min-height:60px}.three-serum .p-shindan__content__form__question__content__buttons--column-2 .p-shindan__content__form__question__content__buttons__inner{display:-ms-grid;display:grid;-ms-grid-columns:1fr min(20/750 * 100vw,10px) 1fr;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:min(20/750 * 100vw,10px) min(20/750 * 100vw,10px);width:100%}.three-serum .p-shindan__content__form__question__content__buttons--column-2 .p-shindan__content__form__question__content__buttons__inner input[type=checkbox]+label,.three-serum .p-shindan__content__form__question__content__buttons--column-2 .p-shindan__content__form__question__content__buttons__inner input[type=radio]+label{min-height:min(135/750 * 100vw,100px)}.three-serum .p-shindan__content__form__result__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:0 0 min(4vh,20px) 0}.three-serum .p-shindan__content__form__result__heading{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:0 0 min(20/750 * 100vw,20px) 0}.three-serum .p-shindan__content__form__result__heading h3{font-size:min(38/750 * 100vw,30px);font-weight:normal;line-height:1.3;text-align:center}.three-serum .p-shindan__content__form__result__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.three-serum .p-shindan__content__form__result__content__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow-y:auto}.three-serum .p-shindan__content__form__result__content__padding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:0 min(40/750 * 100vw,40px) 0 min(40/750 * 100vw,40px);margin:20px 0 0 0}.three-serum .p-shindan__content__form__result__content__heading{margin:0 0 min(10/750 * 100vw,10px) 0}.three-serum .p-shindan__content__form__result__content__heading h4{font-size:min(32/750 * 100vw,22px);font-weight:bold;text-align:center}.three-serum .p-shindan__content__form__result__content__list-tag ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:min(10/750 * 100vw,10px) min(10/750 * 100vw,10px);width:100%}.three-serum .p-shindan__content__form__result__content__list-tag ul li{min-width:5em;padding:min(3/750 * 100vw,3px) 0.6em;background:rgb(108,139,176);background:linear-gradient(153deg,rgb(108,139,176) 35%,rgb(119,114,165) 69%);border-radius:100px;color:#ffffff;font-size:min(24/750 * 100vw,14px);line-height:1;text-align:center}.three-serum .p-shindan__content__form__result__content__list-tag ul li:before{content:"#";display:inline}.three-serum .p-shindan__content__form__result__content__list-appeal{margin:min(10/750 * 100vw,10px) 0 0 0}.three-serum .p-shindan__content__form__result__content__list-appeal ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:min(10/750 * 100vw,10px) min(10/750 * 100vw,10px);width:100%}.three-serum .p-shindan__content__form__result__content__list-appeal ul li{padding:min(3/750 * 100vw,3px) 0.6em;border:solid 1px #696969;color:#696969;font-size:min(24/750 * 100vw,14px);line-height:1.3}.three-serum .p-shindan__content__form__result__content__text{margin:min(10/750 * 100vw,10px) 0 0 0;font-size:min(30/750 * 100vw,18px);text-align:center}.three-serum .p-shindan__content__form__result__content__text sup{font-size:min(20/750 * 100vw,10px);text-align:center;vertical-align:text-top}.three-serum .p-shindan__content__form__result__content__list-note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:min(10/750 * 100vw,10px) 0 0 0}.three-serum .p-shindan__content__form__result__content__list-note ul{font-size:min(20/750 * 100vw,10px);line-height:1.3}.three-serum .p-shindan__content__form__result__content__list-note ul li{display:inline;color:#696969;font-size:min(20/750 * 100vw,10px)}.three-serum .p-shindan__content__form__result__footing{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:20px 0 0 0}.three-serum .p-shindan__content__form__result__footing__inner{padding:0 min(80/750 * 100vw,80px) 0 min(80/750 * 100vw,80px)}.three-serum .p-shindan__content__form__footing-buttons--column-2 .p-shindan__content__form__footing-buttons__inner{display:-ms-grid;display:grid;-ms-grid-columns:35% 4% 61%;grid-template-columns:35% 61%;gap:0 4%;width:100%}.three-serum .p-shindan__content__form__footing-buttons--column-2 .p-shindan__content__form__footing-buttons--left{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.three-serum .p-shindan__content__form__footing-buttons--column-2 .p-shindan__content__form__footing-buttons--right{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}.three-serum .p-shindan .c-shindan-footing-button--next a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:min(25/750 * 100vw,15px) 1.5em;background:#29254d;border-radius:8px;color:#ffffff;font-size:min(34/750 * 100vw,24px);letter-spacing:0.2em;text-decoration:none;position:relative}.three-serum .p-shindan .c-shindan-footing-button--next a:after{content:" ";display:block;width:0.8em;height:0.8em;border-top:solid 1px #ffffff;border-right:solid 1px #ffffff;position:absolute;-webkit-transform:translate(0,50%) rotate(45deg);transform:translate(0,50%) rotate(45deg);right:0.7em;bottom:50%}.three-serum .p-shindan .c-shindan-footing-button--prev a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:min(25/750 * 100vw,15px) 1.5em;border-radius:8px;color:#29254d;font-size:min(34/750 * 100vw,24px);letter-spacing:0.2em;text-decoration:none;position:relative}.three-serum .p-shindan .c-shindan-footing-button--prev a:before{content:" ";display:block;width:0.8em;height:0.8em;border-top:solid 1px #29254d;border-left:solid 1px #29254d;position:absolute;-webkit-transform:translate(0,50%) rotate(-45deg);transform:translate(0,50%) rotate(-45deg);left:0.8em;bottom:50%}.three-serum .p-shindan .c-shindan-footing-button--complete a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:min(25/750 * 100vw,15px) 1.5em;border-radius:8px;background:#c1177f;color:#ffffff;font-size:min(36/750 * 100vw,26px);letter-spacing:0.2em;text-decoration:none;position:relative}.three-serum .p-shindan .c-shindan-footing-button--complete a:after{content:" ";display:block;width:0.8em;height:0.8em;border-top:solid 1px #ffffff;border-right:solid 1px #ffffff;position:absolute;-webkit-transform:translate(0,50%) rotate(45deg);transform:translate(0,50%) rotate(45deg);right:0.7em;bottom:50%}.three-serum .p-shindan .c-shindan-choices-button input[type=checkbox],.three-serum .p-shindan .c-shindan-choices-button input[type=radio]{display:none}.three-serum .p-shindan .c-shindan-choices-button input[type=checkbox]+label,.three-serum .p-shindan .c-shindan-choices-button input[type=radio]+label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:min(20/750 * 100vw,20px) 0;border:solid 2px #a6b3c0;border-radius:200px;color:#000000;font-size:min(34/750 * 100vw,24px);line-height:1.3;text-align:center;text-decoration:none;-webkit-transition:ease 0.3s;transition:ease 0.3s}.three-serum .p-shindan .c-shindan-choices-button input[type=checkbox]:checked+label,.three-serum .p-shindan .c-shindan-choices-button input[type=radio]:checked+label{background:#a6b3c0;color:#ffffff}.three-serum .p-shindan .c-shindan-choices-button.--2line input[type=checkbox]+label,.three-serum .p-shindan .c-shindan-choices-button.--2line input[type=radio]+label{min-height:50px;padding:min(5/750 * 100vw,5px) 0;font-size:min(30/750 * 100vw,20px);line-height:1.1}@media screen and (min-width:769px){.three-serum .c-shindan-footing-button--next a{cursor:pointer;-webkit-transition:ease 0.3s;transition:ease 0.3s}.three-serum .c-shindan-footing-button--next a:hover{opacity:0.6}.three-serum .c-shindan-footing-button--prev a{cursor:pointer;-webkit-transition:ease 0.3s;transition:ease 0.3s}.three-serum .c-shindan-footing-button--prev a:hover{opacity:0.6}.three-serum .c-shindan-footing-button--complete a{cursor:pointer;-webkit-transition:ease 0.3s;transition:ease 0.3s}.three-serum .c-shindan-footing-button--complete a:hover{opacity:0.6}.three-serum .c-shindan-choices-button input[type=checkbox]+label,.three-serum .c-shindan-choices-button input[type=radio]+label{cursor:pointer;-webkit-transition:ease 0.3s;transition:ease 0.3s}.three-serum .c-shindan-choices-button input[type=checkbox]+label:hover,.three-serum .c-shindan-choices-button input[type=radio]+label:hover{opacity:0.6}}@media screen and (max-width:768px){.three-serum .p-shindan__content__form__start__content__inner{min-height:340px}.three-serum .p-shindan__content__form__start__content__image{padding:0 2.6666666667vh}.three-serum .p-shindan__content__form__start__content__image img{width:100%;height:auto}}
/*# sourceMappingURL=shindan.css.map */