@charset "utf-8";
.page-head{width:100%;height:470px;position:relative;background:url("../images/reversemortgage/head.png") no-repeat center top/cover}.page-head h1{position:absolute;left:3%;bottom:8%;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,sans-serif;font-size:3rem;font-weight:900;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);line-height:1.5;}.page-head h1 small{display:block;color:#004988;letter-spacing:0;}@media screen and (min-width:768px) and (max-width:1023px){.page-head{height:300px}}@media screen and (max-width:767px){.page-head{height:200px}.page-head h1{font-size:2rem}}main {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,sans-serif}.inner{max-width:1100px;margin:auto}@media screen and (min-width:768px) and (max-width:1023px){.inner{max-width:95%}}@media screen and (max-width:767px){.inner{max-width:90%}}.intro{width:100%;padding:5%;text-align:center;background:#fff}.intro h2{color:#004988;font-size:5rem;font-weight:900;line-height:1.5}.intro h2 small{display:block;color:#000;font-size:3rem}.intro h2 small::before{content:"＼";margin:0 30px 0 0}.intro h2 small::after{content:"／";margin:0 0 0 30px}@media screen and (min-width:768px) and (max-width:1023px){.intro h2 small{font-size:2.4rem}.intro h2{font-size:4rem}}@media screen and (max-width:767px){.intro{padding:3% 2% 5%}.intro h2 small{font-size:2rem}.intro h2{font-size:3rem}}.sec1{width:100%;margin-bottom:calc(10vw + 10px);padding:8% 0;position:relative;background:#f0f0f0}.sec1::after{content:"";width:0;height:0;position:absolute;top:100%;left:0;right:0;border-width:5vw 50vw 0 50vw;border-style:solid;border-color:#f0f0f0 transparent transparent transparent}.sec1 .inner{margin:0 auto 3%;justify-content:space-between}.sec1 figure{width:25%;line-height:0}.sec1 ul{width:70%;margin:auto auto 3%;font-size:2.4rem;font-weight:900;letter-spacing:.05em}.sec1 ul li{padding:0 0 0 1em;text-indent:-1em}.sec1 h3{text-align:center;font-size:2.4rem;font-weight:900;line-height:1}.sec1 h3 em{margin:0 0 0 10px;font-size:4rem;background:linear-gradient(transparent 80%,#d6b17b 80%)}@media screen and (min-width:768px) and (max-width:1023px){.sec1 ul{font-size:2rem}.sec1 h3{font-size:2rem}}@media screen and (max-width:767px){.sec1 figure{width:50%;margin:auto}.sec1 ul{width:100%;margin:5% auto 0;font-size:1.8rem}.sec1 ul li{line-height:1.5}.sec1 h3{font-size:1.8rem;line-height:1.5}.sec1 h3 em{margin:auto;display:table;font-size:2.4rem}}.sec2{width:100%;margin:-15% auto 0;padding:15% 0 8%;background:#d6b17b}.sec2 h3{margin:0 auto 1%;padding:1% 0 .5%;display:block;text-align:center;background:#fff;color:#004988;font-size:4rem;font-weight:900;letter-spacing:.1em;line-height:1}.sec2 h3+p{margin:0 auto 3%;font-size:2.4rem;font-weight:900}.sec2 ul{display:flex;flex-wrap:wrap}.sec2 ul li{width:calc(33.3333% - .5%);margin:0 .5% 0 0}@media screen and (min-width:768px) and (max-width:1023px){.sec2 h3{font-size:3.5rem}.sec2 h3+p{font-size:2rem}}@media screen and (max-width:767px){.sec2 h3{padding:4% 0 3%;font-size:2rem}.sec2 h3+p{font-size:1.8rem}}.sec3{padding:8% 0;ackground:#fff}.sec4{width:100%;padding:10% 0 8%;background:#f0f0f0}.sec4 h3{margin:0 auto 5%;padding:0 0 0 6%;position:relative;font-size:5rem;font-weight:900;letter-spacing:.2em;line-height:0}.sec4 h3::before{content:"";width:40px;height:50px;position:absolute;left:0;top:-.6em;display:block;background:url("../images/reversemortgage/icon1.svg") no-repeat center top/cover}.sec4 ul li{margin:0 auto 2%;padding:1% 2% 1% 2em;text-indent:-1em;display:block;background:#fff;font-size:2.4rem;font-weight:900}.sec4 h4{width:100%;padding:3% 2% 2% 8%;position:relative;background:#d6b17b;font-size:3rem;font-weight:900;line-height:0}.sec4 h4::before{content:"";width:30px;height:45px;position:absolute;left:3%;top:10%;display:block;background:url("../images/reversemortgage/icon2.svg") no-repeat center top/cover}.sec4 h4+p{padding:2% 3%;background:#fff;font-size:2.4rem;font-weight:900}@media screen and (min-width:768px) and (max-width:1023px){.sec4 h3{font-size:4rem}.sec4 h3::before{width:30px;height:40px}.sec4 ul li{font-size:2rem}.sec4 h4{font-size:2.4rem}.sec4 h4::before{width:20px;height:30px;top:12%}.sec4 h4+p{font-size:2rem}}@media screen and (max-width:767px){.sec4{padding:15% 0}.sec4 h3{margin:0 auto 8%;padding:0 0 0 10%;font-size:3rem}.sec4 h3::before{width:25px;height:30px}.sec4 ul li{font-size:1.8rem;line-height:1.5}.sec4 h4{padding:8% 2% 5% 8%;font-size:2rem}.sec4 h4::before{width:20px;height:30px;top:20%}.sec4 h4+p{font-size:1.8rem}}.sec5{width:100%;padding:10% 0 8%;background:#fff}.sec5 h3{margin:0 auto 5%;padding:0 0 0 6%;position:relative;font-size:5rem;font-weight:900;letter-spacing:.2em;line-height:0}.sec5 h3::before{content:"";width:35px;height:65px;position:absolute;left:0;top:-.8em;display:block;background:url("../images/reversemortgage/icon3.svg") no-repeat center top/cover}.sec5 ul li{margin:0 auto 1%;padding:0 0 0 3em;text-indent:-1.5em;position:relative;display:block;background:#fff;font-size:2.4rem;font-weight:900}.sec5 ul li::before{content:"";width:20px;height:20px;position:absolute;left:0;top:30%;display:block;background:url("../images/reversemortgage/i-list.svg") no-repeat center/cover}.sec5 figure{margin:5% auto;line-height:0}.sec5 p{padding:0 0 0 1em;text-indent:-1em}@media screen and (min-width:768px) and (max-width:1023px){.sec5 h3{font-size:4rem}.sec5 h3::before{width:30px;height:50px}.sec5 ul li{font-size:2rem}}@media screen and (max-width:767px){.sec5{padding:15% 0}.sec5 h3{margin:0 auto 8%;padding:0 0 0 10%;font-size:3rem}.sec5 h3::before{width:20px;height:35px}.sec5 ul li{padding:0 0 0 2em;text-indent:-.2em;font-size:1.8rem;line-height:1.5}.sec5 ul li::before{width:15px;height:15px;top:10%}}.sec6{width:100%;padding:10% 0;background:#f0f0f0}.sec6 h3{margin:0 auto 5%;padding:0 0 0 6%;position:relative;font-size:5rem;font-weight:900;letter-spacing:.2em;line-height:0}.sec6 h3::before{content:"";width:55px;height:45px;position:absolute;left:0;top:-.5em;display:block;background:url("../images/reversemortgage/icon4.svg") no-repeat center top/cover}.sec6 dl dt{margin:3% auto 0;padding:1% 2% .5% 3em;text-indent:-1.5em;position:relative;display:block;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,1) 50%,rgba(205,205,205,1) 100%);border-radius:5px;font-size:2.4rem;font-weight:900;line-height:1.5;cursor:pointer}.sec6 dl dt::before{content:"Q";margin:0 20px 0 0;color:#004988}.sec6 dl dt::after{content:"＋";width:25px;position:absolute;top:45%;right:0;color:#555;font-size:2.4rem;line-height:0}.sec6 dl dt.active::after{content:"－"}.sec6 dl dd{padding:1% 2% .5% 3em;text-indent:-1.5em;position:relative;display:none;background:#fff;font-size:2.4rem;font-weight:900;line-height:1.5}.sec6 dl dd::before{content:"A";margin:0 20px 0 0;color:#7C1A1C}@media screen and (min-width:768px) and (max-width:1023px){.sec6 h3{font-size:4rem}.sec6 h3::before{width:35px;height:28px}.sec6 dl dt{font-size:2rem}.sec6 dl dd{font-size:2rem}}@media screen and (max-width:767px){.sec6{padding:15% 0}.sec6 h3{margin:0 auto 8%;padding:0 0 0 10%;font-size:3rem}.sec6 h3::before{width:30px;height:25px}.sec6 dl dt{padding:1% 10% .5% 2.2em;text-indent:-1.8em;font-size:1.8rem;line-height:1.5}.sec6 dl dt::after{right:-30px;top:45%;font-size:2rem}.sec6 dl dd{padding:1% 2% .5% 2.2em;text-indent:-1.8em;font-size:1.8rem}}