@charset "utf-8";#contract-flow{background:#e7eff3;padding:50px 0}#contract-flow .step-wrap{width:calc(100% - 40px);margin:auto}#contract-flow li{position:relative;margin:20px;color:#2c4093;background:#fff;padding:30px;border-left:solid 4px #2c4093}#contract-flow h4{font-size:1.2em;line-height:1.5em}#contract-flow li img{position:absolute;width:60px;right:0;top:30px}#contract-flow li p{font-size:15px;color:#000;clear:both;margin-top:1.5em}#contract-flow li:last-child img{top:-25px}#contract-flow li:not(:last-child){margin-bottom:50px}#contract-flow li:not(:last-child):after{content:"";display:block;width:0;height:0;position:absolute;border-top:solid 10px #525252;border-left:solid 10px transparent;border-right:solid 10px transparent;left:calc(50% - 5px);bottom:-30px}#contract-flow h3,#faq h3{background:#2c4093;color:#fff;text-align:center;border-radius:2.5em;line-height:1.8em;display:block;margin:0 auto 30px;max-width:16em;font-size:1.3em}#contract-flow .step-num{background:#2c4093;color:#fff;text-align:center;width:4em;border-radius:.3em;line-height:1.8em;margin-right:.5em;display:block;font-weight:700;float:left}#faq{margin:70px 7vw}#faq ul{border-top:solid 1px #000}#faq li{border-bottom:solid 1px #000;position:relative}#faq li .question{padding:1em 3em 1em 2.5em;text-indent:-1.5em}#faq li .answer{display:none;padding:1em 3em 1em 4em}#faq li img{width:10px;position:absolute;top:10px;right:1em}#faq li .answer-car{color:#ff3030}#faq li p{margin:1em 0}#faq li p:first-child{text-indent:-1.5em}#faq li input:checked+.answer{display:block;animation:fadeIn 1.5s forwards;border-top:dashed 1px #a2a2a2}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}{border-bottom:solid 1px #000}#faq li label img{display:none}#faq li label{display:block;width:100%;height:3.6em;position:absolute;background:url(//cmh.riki.nagoya/wp-content/themes/cmhome/css/../img/toggle-arrow_down.svg) 97% 50% no-repeat;background-size:12px 10px;top:0;right:0}#faq li:has(input:checked) label{background:url(//cmh.riki.nagoya/wp-content/themes/cmhome/css/../img/toggle-arrow.svg) 97% 50% no-repeat;background-size:12px 10px}#faq li label:hover{cursor:pointer}@media screen and (min-width:767px){#contract-flow h3{width:100%;line-height:2.3em;padding:0 20px}#contract-flow{padding:80px 0}#contract-flow .step-wrap{width:700px}#contract-flow li img{width:70px;right:30px;top:30px}#contract-flow li:last-child img{top:15px}#faq{width:700px;margin:70px auto}#contract-flow h3,#faq h3{font-size:1.4em;line-height:2.3em;margin:0 auto 50px}#contract-flow h3{max-width:16em}#faq h3{max-width:11em}}