﻿.survey-desc-blk:after{content:"";display:table;clear:both}.answer-result-percent{font-family:Arial,"PMingLiU"}.survey-section-title,.survey-desc-blk,.survey-item-blk,.survey-select{font-family:-apple-system,"Microsoft JhengHei", sans-serif}.survey-fill-blk{overflow:hidden}.survey-section-title{margin-bottom:32px;padding:16px;background:#e2daf0;font-size:1.125em;line-height:1.33333em}@media (min-width: 0) and (max-width: 767px){.survey-section-title{margin-left:-16px;margin-right:-16px}}.survey-link-blk{margin-bottom:16px;background:#f7f7f7}@media (min-width: 0) and (max-width: 767px){.survey-link-blk{padding:16px;margin-left:-16px;margin-right:-16px}}@media (min-width: 768px) and (max-width: 1199px){.survey-link-blk{padding:24px;margin-bottom:32px}}@media (min-width: 1200px){.survey-link-blk{padding:24px;margin-bottom:32px}}.survey-desc-blk{padding:16px;background:#fafafa;margin-bottom:24px}.survey-desc-blk .title{margin-bottom:8px;font-size:1.125em;line-height:1.33333em}.survey-desc-blk .desc{clear:both;margin-bottom:8px;color:#333;font-size:.9375em;line-height:1.6em}.survey-desc-blk .desc:last-child{margin-bottom:0}.survey-desc-blk .shine{color:#ff5c5b}.survey-desc-blk .duration{margin-bottom:8px;height:32px;color:#999;font-size:.8125em;line-height:2.46154em}.survey-desc-blk .link{color:#da583e}@media (min-width: 0) and (max-width: 767px){.survey-desc-blk{margin-left:-16px;margin-right:-16px}}@media (min-width: 768px) and (max-width: 1199px){.survey-desc-blk .duration{float:left;margin-bottom:0}.survey-desc-blk .btn-view{clear:right;float:right;width:180px;margin-bottom:0}.survey-desc-blk .desc{margin-bottom:12px;font-size:1em;line-height:1.5em}.survey-desc-blk .desc:last-child{margin-bottom:0}}@media (min-width: 1200px){.survey-desc-blk .duration{float:left;margin-bottom:0}.survey-desc-blk .btn-view{clear:right;float:right;width:180px;margin-bottom:0}.survey-desc-blk .desc{margin-bottom:12px;font-size:1em;line-height:1.5em}.survey-desc-blk .desc:last-child{margin-bottom:0}}@media (min-width: 1200px){.survey-desc-blk.head{max-width:100%}}.survey-item-blk{position:relative;color:#333;margin-bottom:32px}.survey-item-blk .title{display:block;margin-bottom:24px;color:#010101;font-size:1.125em;line-height:1.33333em}.survey-item-blk .title.apply{color:#01869e;margin-bottom:16px;padding-bottom:8px;border-bottom:1px #65a8b8 solid}.survey-item-blk .title.small{color:#999;margin-bottom:16px;font-size:1em;line-height:1.5em}.survey-item-blk .title.required:after{content:"＊";color:#ff5c5b}.survey-item-blk .hint{color:#666;margin-top:8px;font-size:.875em;line-height:1.71429em}.survey-item-blk .duration-hint{display:none;font-size:.8125em;line-height:1.84615em}.survey-item-blk.captcha-item{display:none}.no-js .survey-item-blk.captcha-item{display:block}.survey-item-blk .captcha-blk{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;align-items:center}.survey-item-blk .captcha-blk .captcha-img{width:77px;height:40px;margin-right:12px;-webkit-flex:0 0 77px;flex:0 0 77px}.survey-item-blk .captcha-blk .answer-ipt{max-width:190px}.survey-item-blk span.err{clear:both;display:block;position:relative;top:0;color:red;padding-left:.5em;font-size:.875em;line-height:1.71429em}.survey-item-list{padding-left:12px;padding-right:12px;font-size:1em;line-height:1.35em}.survey-item-list .item{margin-bottom:12px}.survey-item-list .answer{display:inline-block;cursor:pointer;margin-bottom:.375em}.survey-item-list .answer-radio,.survey-item-list .answer-checkbox{position:absolute;display:block;width:0;height:0;opacity:0;transform:translateY(-64px)}.survey-item-list .answer-radio ~ .answer,.survey-item-list .answer-checkbox ~ .answer{position:relative;padding-left:25px}.survey-item-list .answer-radio ~ .answer:before,.survey-item-list .answer-checkbox ~ .answer:before{content:"";display:block;position:absolute;top:1.5px;left:0;z-index:10;width:18px;height:18px;border:1px #bfbfbf solid;border-radius:9px;background:#e5e5e5;transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.survey-item-list .answer-radio ~ .answer:after,.survey-item-list .answer-checkbox ~ .answer:after{content:"";display:block;position:absolute;top:5.5px;left:4px;z-index:10;width:10px;height:10px;border-radius:5px;background:#f47c65;opacity:0;will-change:transform;transform:scale(0);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.survey-item-list .answer-radio:checked ~ .answer:after,.survey-item-list .answer-checkbox:checked ~ .answer:after{opacity:1;transform:scale(1)}.survey-item-list .answer-radio:focus ~ .answer:after,.survey-item-list .answer-checkbox:focus ~ .answer:after{background:#f47c65}.survey-item-list .answer-radio:focus ~ .answer,.survey-item-list .answer-checkbox:focus ~ .answer{color:#f47c65}.survey-item-list .answer-radio:disabled ~ .answer,.survey-item-list .answer-checkbox:disabled ~ .answer{color:#ccc}.survey-item-list .answer-radio:disabled ~ .answer:before,.survey-item-list .answer-checkbox:disabled ~ .answer:before{opacity:.3}.survey-item-list .answer-radio:disabled ~ .answer .duration-hint,.survey-item-list .answer-checkbox:disabled ~ .answer .duration-hint{display:inline-block;margin-left:4px}.survey-item-list .answer-checkbox ~ .answer:before{border-radius:2px}.survey-item-list .answer-checkbox ~ .answer:after{border-radius:0}.survey-item-list .answer-checkbox:focus ~ .answer:after{border-radius:0}@media (min-width: 1200px){.survey-item-list .answer:hover,.survey-item-list .answer:focus{color:#f47c65}.survey-item-list .answer-radio,.survey-item-list .answer-checkbox{transform:translateY(-80px)}}.answer-textarea,.answer-ipt{padding:12px;width:100%;border:1px #dbdbdb solid;border-radius:0;-webkit-appearance:none;font-size:1em;line-height:1.5em}.answer-textarea.err,.answer-ipt.err{border:1px red solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.answer-ipt{padding:0 12px;height:40px}.answer-ipt[disabled]{opacity:1}.survey-submit-blk{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.survey-submit-blk.center{-webkit-justify-content:center;justify-content:center}.survey-submit-blk .btn-form-submit:only-child,.survey-submit-blk .btn-back:only-child{margin:0 auto}.survey-submit-blk.head{padding:0;margin-bottom:16px}@media (min-width: 0) and (max-width: 767px){.survey-submit-blk{padding:32px 0}.survey-submit-blk .btn-form-submit,.survey-submit-blk .btn-back{width:calc(50% - 8px)}}@media (min-width: 768px) and (max-width: 1199px){.survey-submit-blk{padding:40px 0}.survey-submit-blk .btn-form-submit{width:calc(70% - 8px)}.survey-submit-blk .btn-back{width:calc(30% - 8px)}}@media (min-width: 1200px){.survey-submit-blk{padding:40px 0}.survey-submit-blk .btn-form-submit{width:calc(70% - 8px)}.survey-submit-blk .btn-back{width:calc(30% - 8px)}}@media (min-width: 1200px){.survey-submit-blk.head{max-width:100%}}.answer-result{position:relative;width:100%;height:22px;background:#fff;border-radius:12px;margin-bottom:32px}.answer-result-percent{position:relative;z-index:0;overflow:hidden;display:block;background:#f5f5f5;width:100%;height:100%;padding-right:.5em;border-radius:10px;text-align:right;text-shadow:0 0 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;font-size:.9375em;line-height:1.44em}.answer-result-percent:before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;background:#f47c65;height:20px;border-radius:10px}.answer-result-percent[data-percent="0"]:before{width:calc(0% - 4px)}.answer-result-percent[data-percent="1"]:before{width:calc(1% - 4px)}.answer-result-percent[data-percent="2"]:before{width:calc(2% - 4px)}.answer-result-percent[data-percent="3"]:before{width:calc(3% - 4px)}.answer-result-percent[data-percent="4"]:before{width:calc(4% - 4px)}.answer-result-percent[data-percent="5"]:before{width:calc(5% - 4px)}.answer-result-percent[data-percent="6"]:before{width:calc(6% - 4px)}.answer-result-percent[data-percent="7"]:before{width:calc(7% - 4px)}.answer-result-percent[data-percent="8"]:before{width:calc(8% - 4px)}.answer-result-percent[data-percent="9"]:before{width:calc(9% - 4px)}.answer-result-percent[data-percent="10"]:before{width:calc(10% - 4px)}.answer-result-percent[data-percent="11"]:before{width:calc(11% - 4px)}.answer-result-percent[data-percent="12"]:before{width:calc(12% - 4px)}.answer-result-percent[data-percent="13"]:before{width:calc(13% - 4px)}.answer-result-percent[data-percent="14"]:before{width:calc(14% - 4px)}.answer-result-percent[data-percent="15"]:before{width:calc(15% - 4px)}.answer-result-percent[data-percent="16"]:before{width:calc(16% - 4px)}.answer-result-percent[data-percent="17"]:before{width:calc(17% - 4px)}.answer-result-percent[data-percent="18"]:before{width:calc(18% - 4px)}.answer-result-percent[data-percent="19"]:before{width:calc(19% - 4px)}.answer-result-percent[data-percent="20"]:before{width:calc(20% - 4px)}.answer-result-percent[data-percent="21"]:before{width:calc(21% - 4px)}.answer-result-percent[data-percent="22"]:before{width:calc(22% - 4px)}.answer-result-percent[data-percent="23"]:before{width:calc(23% - 4px)}.answer-result-percent[data-percent="24"]:before{width:calc(24% - 4px)}.answer-result-percent[data-percent="25"]:before{width:calc(25% - 4px)}.answer-result-percent[data-percent="26"]:before{width:calc(26% - 4px)}.answer-result-percent[data-percent="27"]:before{width:calc(27% - 4px)}.answer-result-percent[data-percent="28"]:before{width:calc(28% - 4px)}.answer-result-percent[data-percent="29"]:before{width:calc(29% - 4px)}.answer-result-percent[data-percent="30"]:before{width:calc(30% - 4px)}.answer-result-percent[data-percent="31"]:before{width:calc(31% - 4px)}.answer-result-percent[data-percent="32"]:before{width:calc(32% - 4px)}.answer-result-percent[data-percent="33"]:before{width:calc(33% - 4px)}.answer-result-percent[data-percent="34"]:before{width:calc(34% - 4px)}.answer-result-percent[data-percent="35"]:before{width:calc(35% - 4px)}.answer-result-percent[data-percent="36"]:before{width:calc(36% - 4px)}.answer-result-percent[data-percent="37"]:before{width:calc(37% - 4px)}.answer-result-percent[data-percent="38"]:before{width:calc(38% - 4px)}.answer-result-percent[data-percent="39"]:before{width:calc(39% - 4px)}.answer-result-percent[data-percent="40"]:before{width:calc(40% - 4px)}.answer-result-percent[data-percent="41"]:before{width:calc(41% - 4px)}.answer-result-percent[data-percent="42"]:before{width:calc(42% - 4px)}.answer-result-percent[data-percent="43"]:before{width:calc(43% - 4px)}.answer-result-percent[data-percent="44"]:before{width:calc(44% - 4px)}.answer-result-percent[data-percent="45"]:before{width:calc(45% - 4px)}.answer-result-percent[data-percent="46"]:before{width:calc(46% - 4px)}.answer-result-percent[data-percent="47"]:before{width:calc(47% - 4px)}.answer-result-percent[data-percent="48"]:before{width:calc(48% - 4px)}.answer-result-percent[data-percent="49"]:before{width:calc(49% - 4px)}.answer-result-percent[data-percent="50"]:before{width:calc(50% - 4px)}.answer-result-percent[data-percent="51"]:before{width:calc(51% - 4px)}.answer-result-percent[data-percent="52"]:before{width:calc(52% - 4px)}.answer-result-percent[data-percent="53"]:before{width:calc(53% - 4px)}.answer-result-percent[data-percent="54"]:before{width:calc(54% - 4px)}.answer-result-percent[data-percent="55"]:before{width:calc(55% - 4px)}.answer-result-percent[data-percent="56"]:before{width:calc(56% - 4px)}.answer-result-percent[data-percent="57"]:before{width:calc(57% - 4px)}.answer-result-percent[data-percent="58"]:before{width:calc(58% - 4px)}.answer-result-percent[data-percent="59"]:before{width:calc(59% - 4px)}.answer-result-percent[data-percent="60"]:before{width:calc(60% - 4px)}.answer-result-percent[data-percent="61"]:before{width:calc(61% - 4px)}.answer-result-percent[data-percent="62"]:before{width:calc(62% - 4px)}.answer-result-percent[data-percent="63"]:before{width:calc(63% - 4px)}.answer-result-percent[data-percent="64"]:before{width:calc(64% - 4px)}.answer-result-percent[data-percent="65"]:before{width:calc(65% - 4px)}.answer-result-percent[data-percent="66"]:before{width:calc(66% - 4px)}.answer-result-percent[data-percent="67"]:before{width:calc(67% - 4px)}.answer-result-percent[data-percent="68"]:before{width:calc(68% - 4px)}.answer-result-percent[data-percent="69"]:before{width:calc(69% - 4px)}.answer-result-percent[data-percent="70"]:before{width:calc(70% - 4px)}.answer-result-percent[data-percent="71"]:before{width:calc(71% - 4px)}.answer-result-percent[data-percent="72"]:before{width:calc(72% - 4px)}.answer-result-percent[data-percent="73"]:before{width:calc(73% - 4px)}.answer-result-percent[data-percent="74"]:before{width:calc(74% - 4px)}.answer-result-percent[data-percent="75"]:before{width:calc(75% - 4px)}.answer-result-percent[data-percent="76"]:before{width:calc(76% - 4px)}.answer-result-percent[data-percent="77"]:before{width:calc(77% - 4px)}.answer-result-percent[data-percent="78"]:before{width:calc(78% - 4px)}.answer-result-percent[data-percent="79"]:before{width:calc(79% - 4px)}.answer-result-percent[data-percent="80"]:before{width:calc(80% - 4px)}.answer-result-percent[data-percent="81"]:before{width:calc(81% - 4px)}.answer-result-percent[data-percent="82"]:before{width:calc(82% - 4px)}.answer-result-percent[data-percent="83"]:before{width:calc(83% - 4px)}.answer-result-percent[data-percent="84"]:before{width:calc(84% - 4px)}.answer-result-percent[data-percent="85"]:before{width:calc(85% - 4px)}.answer-result-percent[data-percent="86"]:before{width:calc(86% - 4px)}.answer-result-percent[data-percent="87"]:before{width:calc(87% - 4px)}.answer-result-percent[data-percent="88"]:before{width:calc(88% - 4px)}.answer-result-percent[data-percent="89"]:before{width:calc(89% - 4px)}.answer-result-percent[data-percent="90"]:before{width:calc(90% - 4px)}.answer-result-percent[data-percent="91"]:before{width:calc(91% - 4px)}.answer-result-percent[data-percent="92"]:before{width:calc(92% - 4px)}.answer-result-percent[data-percent="93"]:before{width:calc(93% - 4px)}.answer-result-percent[data-percent="94"]:before{width:calc(94% - 4px)}.answer-result-percent[data-percent="95"]:before{width:calc(95% - 4px)}.answer-result-percent[data-percent="96"]:before{width:calc(96% - 4px)}.answer-result-percent[data-percent="97"]:before{width:calc(97% - 4px)}.answer-result-percent[data-percent="98"]:before{width:calc(98% - 4px)}.answer-result-percent[data-percent="99"]:before{width:calc(99% - 4px)}.answer-result-percent[data-percent="100"]:before{width:calc(100% - 4px)}@media (min-width: 0) and (max-width: 767px){.ui-datepicker{width:98% !important;max-width:560px;position:fixed !important;top:50% !important;left:50% !important;z-index:3000 !important;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.ui-datepicker td span,.ui-datepicker td a{height:40px}.js-datepicker-blk{position:relative}.js-datepicker-blk:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0)}.js-datepicker-blk:after{content:"";display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2000;background:rgba(0,0,0,0.5);pointer-events:none}.js-datepicker-blk.modal:after{display:block}}.apply-selection{padding-bottom:16px;border-bottom:1px #dbdbdb solid;color:#212121}.suggestion-button-blk{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}@media (min-width: 0) and (max-width: 767px){.suggestion-button-blk .btn{width:calc((100% - 12px * 1) / 2)}}@media (min-width: 768px) and (max-width: 1199px){.suggestion-button-blk .btn{width:calc((100% - 16px * 1) / 2)}}@media (min-width: 1200px){.suggestion-button-blk .btn{width:calc((100% - 16px * 1) / 2)}}.survey-select{-webkit-appearance:none;height:40px;min-width:180px;text-align:center;padding:0 16px;border-radius:0;border:1px #ccc solid;background:url(../images/content/arrow-down.svg) center right 12px no-repeat #fff;background-size:16px;font-size:1.125em;line-height:1.33333em}.a11y .survey-desc-blk .duration{color:#666666}.a11y .survey-desc-blk .shine{color:#bc4b40}.a11y .survey-item-blk.small{color:#666666}
