@charset "UTF-8";
.ot-btn{display:flex;width:100%;text-align:center;text-indent:.04em;letter-spacing:.04em;background-color:#fd0d00;color:#fff;border-radius:5px;justify-content:center;align-items:center}
.ot-btn:hover{color:#fff}
.ot-btn:disabled{background-color:#f2f2f2;color:#000}
.ot-index{background-color:#f7f7f7}
.ot-index-mainVisual>picture>img{width:100%;vertical-align:top}
.ot-index-policy{margin-top:35px;font-size:1.14286em;background-color:#fff;border:1px solid #cecece}
.ot-index-policy__headline{margin-bottom:20px;font-weight:700;text-align:center}
.ot-index-policy__list>li{padding-left:1em}
.ot-index-policy__list>li:before{display:inline-block;text-indent:-1em;content:'・'}
.ot-form-nav__headline{font-weight:700}
.ot-form-flow{display:flex;justify-content:space-between}
.ot-form-flow>li{position:relative;display:flex;padding:8px;font-weight:700;text-align:center;background-color:#fff;border-radius:3px;transition:box-shadow .2s,background-color .2s,color .2s;justify-content:center;align-items:center}
.ot-form-flow>li:not(:first-child):before{position:absolute;top:50%;display:block;width:10px;height:10px;border-top:2px solid #707070;border-right:2px solid #707070;border-radius:1px;transform:translate(-62.5%,-50%) rotate(45deg);pointer-events:none;content:''}
.ot-form-flow>li.is-current{background-color:#1a4369;color:#fff}
.ot-form-section{display:none}
.ot-form-grid{border-bottom:1px solid #222}
.ot-form-grid__item{display:flex;align-items:center}
.ot-form-grid__item:nth-child(1){flex-wrap:wrap}
.ot-form-step{margin-right:10px;width:85px;font-weight:700;text-align:center;line-height:1.57143;border:1px solid #1a4369;border-radius:12px;color:#1a4369}
.ot-form-name{width:calc(100% - 95px);font-weight:700}
.ot-form-description{margin-top:15px;line-height:1.71429}
.ot-form-question-no{display:flex;width:48px;height:48px;font-weight:700;font-size:1.14286em;text-align:center;background-color:#f5f5f5;justify-content:center;align-items:center;counter-increment:q}
.ot-form-question-no>span{font-size:1.42857em}
.ot-form-question{font-size:1.14286em}
.ot-form-field .c-checkbox,.ot-form-field .c-radioButton{cursor:pointer}
.ot-form-field .c-checkbox__text,.ot-form-field .c-radioButton__text{display:block}
.ot-form-field .c-checkbox__text:before,.ot-form-field .c-radioButton__text:before{left:4px}
.ot-form-field .c-checkbox__text:after,.ot-form-field .c-radioButton__text:after{border:2px solid #707070}
.ot-form-field .c-radioButton__input:checked+.c-radioButton__text:before{background-color:#1a4369}
.ot-form-field .c-radioButton__text:after,.ot-form-field .c-radioButton__text:before{border-radius:50%}
.ot-form-field .c-checkbox__input:checked+.c-checkbox__text:before{border-color:#fff}
.ot-form-field .c-checkbox__input:checked+.c-checkbox__text:after{background-color:#1a4369}
.ot-form .u-icons--bulletRight{display:block;width:50px;font-size:1.14286em}
.ot-form .u-icons--bulletRight:before{transform:rotate(180deg)}
.ot-form-section--se .ot-form-grid--head{align-items:flex-end}
.ot-form-section--qu .ot-form-grid__item:nth-child(2){border:1px solid #707070}
.ot-form-section--qu .ot-form-grid--body{border-bottom:0}
.ot-form-section--qu .ot-form-name{font-weight:400}
.ot-form-section--qu .ot-form-field{display:block;width:auto;height:auto}
.ot-result-container{overflow-x:scroll;overflow-y:hidden;height:0}
.ot-result{display:flex;padding:100px 8.54701% 65px;background-color:#f7f7f7;flex-wrap:wrap;justify-content:space-between}
.ot-result-summary{padding-right:9.79381%;width:50%}
.ot-result-headline{margin-right:-24.35897%;font-size:2.85714em}
.ot-result-sub-headline{margin-top:45px;font-weight:700;font-size:1.71429em}
.ot-result-desctiption{margin-top:25px;font-weight:700;font-size:1.14286em}
.ot-result-rank{position:relative;overflow:hidden;display:flex;margin-top:20px;padding-bottom:5px;width:180px;font-weight:700;font-size:1.14286em;line-height:2;border-bottom:1px solid #707070;align-items:flex-end}
.ot-result-rank:after,.ot-result-rank:before{display:block}
.ot-result-rank:before{content:'RANK：'}
.ot-result-rank:after{margin-right:15px;width:9px;height:48px;background-color:#fd0d00;order:-1;content:''}
.ot-result-rank>span{position:absolute;top:50%;right:0;display:block;width:95px;font-size:3em;text-align:center;transform:translateY(calc(-50% - 5px))}
.ot-result-chart{position:relative;width:50%;height:100%}
.ot-result-chart:before{display:block;padding-top:100%;width:0;pointer-events:none;content:''}
.ot-result-chart>canvas{position:absolute;top:50%;left:0;transform:translateY(-50%) scale(1.15)}
.ot-result-detail{display:flex;margin-top:80px;width:100%;flex-wrap:wrap;justify-content:space-between}
.ot-result-section{display:flex;padding:2.57732% 3.45361%;width:47.73196%;background-color:#fff;border-top:4px solid #1a4369;flex-direction:column}
.ot-result-section:nth-child(n+3){margin-top:30px}
.ot-result-section__headline{font-size:1.28571em;text-align:center;color:#1a4369}
.ot-result-section__score{display:flex;margin-top:20px;justify-content:space-between;align-items:flex-end}
.ot-result-section__rank{padding-bottom:10px;width:43.93939%;font-weight:700;text-align:center;border-bottom:1px solid #707070}
.ot-result-section__rank:before{display:inline-block;margin-right:20px;line-height:2;content:'RANK：'}
.ot-result-section__rank>span{display:inline-block;font-size:3em;line-height:1;vertical-align:bottom}
.ot-result-section__risk{display:flex;padding:10px;width:50.25253%;font-weight:700;background-color:#f7f7f7;border-radius:5px;justify-content:center;align-items:flex-end}
.ot-result-section__risk:before{margin-right:10px;font-size:.85714em;line-height:1.5;white-space:pre;content:'リスク\A対策度'}
.ot-result-section__risk:after{margin-left:3px;font-size:1.14286em;content:'%'}
.ot-result-section__risk>span{font-size:2em;line-height:1.28571}
.ot-result-section>.c-text{margin-top:20px;flex:1 0 auto}
.ot-result-section>.c-btn{margin-top:25px;min-height:55px;font-weight:700;font-size:1.14286em;align-items:center}
.ot-result-download{text-align:center}
.ot-result-download>.c-btn{position:relative;margin-top:20px;width:100%;height:64px;font-weight:700;font-size:1.28571em;border-radius:0;border-color:#bebcc0;align-items:center}
.ot-result-download>.c-btn:before{width:25px;font-size:1.94444em;line-height:25px;text-indent:-.14286em;color:#707070}
.ot-result--sub{width:1170px;padding-right:100px;padding-left:100px}
@media print,screen and (min-width:768px){
.ot-btn{margin:0 auto;height:60px;max-width:270px;font-size:1.28571em;transition:background-color .2s,color .2s,opacity .2s}
.ot-btn:hover{opacity:.7}
.ot-index{padding:50px calc(105/1170*100%) 65px}
.ot-index-policy{padding:30px calc(60/960*100%)}
.ot-index-next{margin-top:35px}
.ot-form-nav{display:flex;margin:0 auto 40px;max-width:960px;align-items:center}
.ot-form-nav__headline{width:80px;font-size:1.14286em}
.ot-form-flow{width:calc(100% - 80px)}
.ot-form-flow>li{box-shadow:0 0 0 2px #cecece inset;width:14.20455%;font-size:.85714em;line-height:1.5}
.ot-form-flow>li:not(:first-child):before{left:-10.4%}
.ot-form-flow>li.is-current{box-shadow:0 0 0 2px #1a4369 inset}
.ot-form-grid{display:flex;justify-content:space-between;align-items:stretch}
.ot-form-grid__item:nth-child(1){width:58.97436%}
.ot-form-grid__item:nth-child(2){width:38.46154%}
.ot-form-grid--head{padding-bottom:8px}
.ot-form-grid--body{min-height:100px}
.ot-form-name{font-size:1.14286em}
.ot-form-label{width:calc(100%/3);font-weight:700;font-feature-settings:"palt";text-align:center;line-height:1.42857}
.ot-form-question-no{margin-right:16px}
.ot-form-question{padding:8px 0;width:calc(100% - 64px);line-height:1.75}
.ot-form-field{display:flex;width:calc(100%/3);height:100%;font-size:0;justify-content:center;align-items:center}
.ot-form-field .c-checkbox,.ot-form-field .c-radioButton{display:flex;width:100%;height:100%;transition:opacity .2s;justify-content:center;align-items:center}
.ot-form-field .c-checkbox:hover,.ot-form-field .c-radioButton:hover{opacity:.7}
.ot-form-field .c-checkbox__text,.ot-form-field .c-radioButton__text{padding-left:0;width:22px;height:22px}
.ot-form-field .c-checkbox__text:after,.ot-form-field .c-radioButton__text:after{top:3px;width:22px;height:22px}
.ot-form-field .c-radioButton__text:before{top:3px;width:14px;height:14px}
.ot-form-field .c-checkbox__text:before{top:4px}
.ot-form .u-icons--bulletRight{margin:35px 0 -60px}
.ot-form .ot-btn{margin-top:80px}
.ot-form-section--qu .ot-form-grid{display:block}
.ot-form-section--qu .ot-form-grid__item:nth-child(1),.ot-form-section--qu .ot-form-grid__item:nth-child(2){width:auto}
.ot-form-section--qu .ot-form-grid__item:nth-child(2){display:block;margin-left:35px;padding:20px 35px}
.ot-form-section--qu .ot-form-question{padding:25px 0}
.ot-form-section--qu .ot-form-field{font-size:1.14286em;line-height:1.75}
.ot-form-section--qu .ot-form-field:not(:first-child){margin-top:12px}
.ot-form-section--qu .ot-form-field .c-checkbox,.ot-form-section--qu .ot-form-field .c-radioButton{display:block}
.ot-form-section--qu .ot-form-field .c-checkbox__text,.ot-form-section--qu .ot-form-field .c-radioButton__text{display:block;padding-left:24px;width:auto;height:auto}
.ot-form-section--qu .ot-form-field .c-checkbox__text:before,.ot-form-section--qu .ot-form-field .c-radioButton__text:before{top:1px}
.ot-form-section--qu .ot-form-field .c-checkbox__text:after,.ot-form-section--qu .ot-form-field .c-radioButton__text:after{top:3px;width:14px;height:14px}
.ot-form-section--qu .ot-form-field .c-radioButton__text:before{top:3px;left:3px;width:8px;height:8px}
.ot-result-download{margin-top:75px}
.ot-result-download>.c-btn{padding:0 50px;max-width:400px}
.ot-result-download>.c-btn:before{position:absolute;top:50%;left:25px;transform:translateY(-50%)}
.sp{display:none!important}
}
@media only screen and (max-width:767px){
.ot-btn{height:70px;font-size:1.42857em}
.ot-index{padding:30px 15px}
.ot-index-policy{padding:30px}
.ot-index-next{margin-top:30px}
.ot-form-nav{display:block;margin-bottom:35px}
.ot-form-nav__headline{font-size:1.28571em;text-align:center}
.ot-form-flow{margin-top:20px;flex-wrap:wrap}
.ot-form-flow>li{box-shadow:0 0 0 1px #cecece inset;width:calc(100%/3 - 15px);font-size:.71429em;line-height:1.45}
.ot-form-flow>li:not(:first-child):before{left:-12px}
.ot-form-flow>li:nth-child(4):before{content:none}
.ot-form-flow>li:nth-child(n+4){margin-top:5px}
.ot-form-flow>li.is-current{box-shadow:0 0 0 1px #1a4369 inset}
.ot-form-grid__item:nth-child(2){display:block}
.ot-form-grid--head{padding-bottom:15px}
.ot-form-grid--body{padding:20px 0}
.ot-form-grid--body>.ot-form-grid__item:nth-child(1){align-items:flex-start}
.ot-form-name{font-size:1.28571em}
.ot-form-label{display:none}
.ot-form-question-no{margin-right:10px}
.ot-form-question{margin-bottom:20px;width:calc(100% - 58px);line-height:1.5}
.ot-form-field{font-weight:700;font-size:1.14286em;line-height:1.71429}
.ot-form-field:not(:first-child){margin-top:15px}
.ot-form-field .c-checkbox,.ot-form-field .c-radioButton{display:block}
.ot-form-field .c-checkbox__text,.ot-form-field .c-radioButton__text{padding-left:30px}
.ot-form-field .c-checkbox__text:after,.ot-form-field .c-checkbox__text:before,.ot-form-field .c-radioButton__text:after,.ot-form-field .c-radioButton__text:before{margin:0}
.ot-form-field .c-checkbox__text:after,.ot-form-field .c-radioButton__text:after{top:4px;width:20px;height:20px}
.ot-form-field .c-radioButton__text:before{top:8px;width:12px;height:12px}
.ot-form-field .c-checkbox__text:before{top:7.5px;left:6.5px}
.ot-form .u-icons--bulletRight{margin:40px 0 -20px}
.ot-form .ot-btn{margin-top:40px}
.ot-form-section--qu .ot-form-grid__item:nth-child(1){align-items:flex-start}
.ot-form-section--qu .ot-form-grid__item:nth-child(2){padding:20px}
.ot-form-section--qu .ot-form-grid--body{padding:20px 0 0}
.ot-form-section--qu .ot-form-name{font-size:1.14286em;line-height:1.5}
.ot-form-section--qu .ot-form-field .c-checkbox,.ot-form-section--qu .ot-form-field .c-checkbox__text,.ot-form-section--qu .ot-form-field .c-radioButton,.ot-form-section--qu .ot-form-field .c-radioButton__text{font-weight:400}
.ot-result-download{margin-top:60px}
.ot-result-download>.c-btn:before{margin-right:10px}
.ot-result--main{display:block;padding:30px 15px}
.ot-result--main .ot-result-headline{margin-right:0;font-size:2.28571em;line-height:1.4375}
.ot-result--main .ot-result-sub-headline{margin-top:30px}
.ot-result--main .ot-result-desctiption{margin-top:20px}
.ot-result--main .ot-result-rank{margin:35px 0 -10px;width:auto}
.ot-result--main .ot-result-rank:after{margin-right:10px}
.ot-result--main .ot-result-rank>span{width:calc(100% - 80px)}
.ot-result--main .ot-result-chart>canvas{transform:translateY(-50%)}
.ot-result--main .ot-result-detail{display:block;margin-top:30px;width:auto}
.ot-result--main .ot-result-section{padding:25px 20px 20px;width:auto}
.ot-result--main .ot-result-section:not(:first-child){margin-top:30px}
.ot-result--main .ot-result-section__rank{padding-bottom:5px;width:37.09091%}
.ot-result--main .ot-result-section__rank:before{margin-right:0}
.ot-result--main .ot-result-section__risk{padding:10px 5px;width:59.27273%}
.ot-result--main .ot-result-section__risk:before{font-size:.71429em;line-height:1.2}
.ot-result--main .ot-result-section__risk:after{font-size:1em}
.ot-result--main .ot-result-section__risk>span{font-size:1.78571em;line-height:.96}
.ot-result--main .ot-result-section>.c-btn{margin-top:20px;font-size:1em}
.ot-result--main .ot-result-section>.c-btn>span{text-align:left}
.pc{display:none!important}
}
@media only screen and (max-width:900px){
.ot-result--main .ot-result-summary{padding-right:0;width:100%}
.ot-result--main .ot-result-chart{margin-top:30px;width:100%;height:auto}
}