body{font-family:Noto Sans JP,serif;margin:0;padding:0;color:#222}body a{text-decoration:none;color:#222}header{position:relative}header .header_static{position:fixed;z-index:999;top:0;right:0;left:0;height:180px;background-color:#fff}header .header_static.active{box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}header .header_static-inner{padding:1rem 0;border-top:12px solid #fe5b47;background-color:#fff}header h1{margin:0}header .btn_request,header h1{text-align:center}header .btn_request a{font-size:.9rem;line-height:1;display:block;width:50%;margin:auto;padding:.5rem 0;text-align:center;color:#fff;border:2px solid #fff;border-radius:60px;background:rgba(34,120,186,.8);box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}header .head{position:relative;margin-top:180px;padding:5rem 1rem;text-align:center;background:url(/common/president/images/synesgy/sp_AdobeStock_772649246.jpg) no-repeat 50%;background-size:cover}header .head h2{font-size:1.2rem;line-height:1.8;margin:0;color:#fff}header .head .btn_contact{margin-top:18px}header .head .btn_contact a{font-size:1rem;line-height:1;display:block;width:86%;margin:auto;padding:1rem 0;text-align:center;color:#fff;border:2px solid #fff;border-radius:60px;background:rgba(34,120,186,.8);box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}header .head .link_txt{position:absolute;bottom:10px;left:50%;margin-top:1rem;transform:translate(-50%);text-align:center}header .head .link_txt a{font-size:.8rem;line-height:1.8;position:relative;display:inline-block;padding-left:.5rem;text-decoration:underline;color:#fff}header .head .link_txt a:before{position:absolute;top:10px;left:0;content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:3px 4px}.main .detail01{position:relative;margin-top:2rem;padding-bottom:150%;background:url(/common/president/images/synesgy/sp_iStock-1485158131.jpg) no-repeat 0 100%;background-size:95%}.main .detail01 .text{position:absolute;top:0;right:0;box-sizing:border-box;width:92%;padding:1.5rem 1.2rem;color:#fff;background-color:#fd7868;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.main .detail02{position:relative;margin-top:2rem;padding-bottom:140%;background:url(/common/president/images/synesgy/sp_iStock-2162495945.jpg) no-repeat 100% 100%;background-size:95%}.main .detail02 .text{position:absolute;top:0;left:0;box-sizing:border-box;width:92%;padding:1.5rem 1.2rem;color:#fff;background-color:#6fba49;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.main .detail03{position:relative;margin-top:2rem;padding-bottom:285%;background:url(/common/president/images/synesgy/crif2_sp.png) no-repeat 0 100%;background-size:95%}.main .detail03 .text{position:absolute;top:0;right:0;box-sizing:border-box;width:92%;padding:1.5rem 1.2rem;color:#fff;background-color:#5e9ece;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.main .detail03 .text ul{padding:0 1.2rem}.main .detail03 .text ul li{font-size:.8rem;margin-bottom:.5rem}.main .text h2{font-size:1.4rem;margin:0 0 1rem}.main .text p{line-height:1.6;margin:0}.middle{margin-top:2rem;padding:6rem 1rem 2rem;background:url(/common/president/images/synesgy/sp_AdobeStock_503873538.jpg) no-repeat top #2b4459;background-size:contain}.middle h2{font-size:1.4rem;line-height:1.8;margin:0;text-align:center;color:#fe5b47}.middle .inner{box-sizing:border-box;width:98%;margin:4rem auto 0;padding:2rem 1rem 0;color:#fff;background:rgba(30,56,81,.6)}.middle .inner h3{font-size:1.6rem;margin:0 0 2rem}.middle .inner p{line-height:1.8}.middle .inner .block01{margin-bottom:1.6rem}.middle .inner .image img{width:100%;max-width:100%;margin-bottom:1rem;vertical-align:bottom}.bottom{margin:2rem 1.5rem}.bottom h2.heading{font-size:1.6rem;padding:1rem 0;text-align:center;color:#fe5b47;border-top:4px solid #fe5b47;border-bottom:4px solid #fe5b47}.bottom h3.sub_heading{font-size:1.3rem;line-height:1.8;margin:0 .8rem;text-align:center}.bottom p.summary{font-size:1.1rem;line-height:1.8;text-align:center}.bottom .benefits .detail{margin-bottom:2rem;padding:1.5rem;border-radius:20px;background-color:#efefef;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.bottom .benefits .detail h2{margin:0 0 1.5rem;padding:.5rem 0;text-align:center;color:#fe5b47;background-color:rgba(254,91,71,.24)}.bottom .benefits .detail h3{margin:0 0 2rem;text-align:center;color:#003e6a}.bottom .benefits .detail img{width:100%;max-width:100%;vertical-align:bottom}.bottom .benefits .detail small{font-size:.7rem;display:block;margin-top:1.5rem;text-align:right}.bottom .benefits .detail p span{font-size:.7rem}.contact h4{font-size:1.2rem;margin:0;text-align:center}.contact p{line-height:1.8;margin:1rem 2rem}.contact a{text-decoration:underline}.contact .btn_contact a{font-size:1rem;font-weight:600;line-height:1.4;display:block;box-sizing:border-box;width:96%;margin:auto;padding:1rem;text-align:center;text-decoration:none;color:#fe5b47;border:2px solid #fe5b47;border-radius:60px;background-color:rgba(254,91,71,.24);box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.contact .link_txt{width:50%;margin:1rem auto 0;text-align:center}.contact .link_txt a{font-size:.8rem;line-height:1.8;position:relative;display:inline-block;padding-left:.5rem;color:#444}.contact .link_txt a:before{position:absolute;top:10px;left:0;content:"";border-color:transparent transparent transparent #444;border-style:solid;border-width:3px 4px}footer{border-bottom:6px solid #fe5b47}footer .company{display:flex;margin:4rem 0;flex-wrap:wrap;justify-content:center;align-items:center}footer .company .president{width:60%;text-align:center}footer .company .president img{width:100%}footer .company .asako{text-align:center}footer .company .asako img{width:80%;max-width:120px}footer .company .crif{width:100%;padding-bottom:.5rem;text-align:center}footer .company .crif img{width:30%}footer nav{display:block;margin:2rem 0;text-align:center}footer nav a{line-height:1;display:inline-block;padding:0 1rem}footer nav a:not(:last-child){border-right:1px solid #222}footer .privacy{margin:2rem 1.5rem;padding:1rem;background-color:#f5f5f5}footer .privacy p{font-size:.8rem;line-height:1.8;margin:0}footer .privacy p a{text-decoration:underline;color:#222}footer small{font-size:.8rem;display:block;margin:2rem 0;text-align:center}@media (max-width:375px){.main .text h2{font-size:1.3rem}.main .detail01{padding-bottom:160%}.main .detail02{padding-bottom:150%}.main .detail03{padding-bottom:315%}.main .detail03 .text p{font-size:.95em}.main .detail03 .text ul{padding:0 0 0 1.2rem}.middle .inner h3{font-size:1.4rem}}@media (min-width:376px) and (max-width:390px){.main .detail03{padding-bottom:310%}}@media (min-width:391px) and (max-width:414px){.main .detail03{padding-bottom:292%}}@media (min-width:768px){header .head h2{font-size:1.8rem}header .btn_request a{font-size:1.1rem;width:26%}header .head .link_txt{bottom:30px;margin-top:0}header .head .link_txt a{font-size:1rem;padding-left:.8rem}header .head .link_txt a:first-child{margin-right:2rem}header .head .link_txt a:before{border-width:5px 6px}header .head .btn_contact{margin:2rem auto 0}header .head .btn_contact a{font-size:1.4rem;width:60%}.main .detail01{padding-bottom:80%;background-size:70%}.main .detail02{padding-bottom:70%;background-size:70%}.main .detail03{padding-bottom:180%;background-size:75%}.main .detail01 .text,.main .detail02 .text,.main .detail03 .text{width:70%}.main .text h2{font-size:1.8rem}.main .text p{font-size:1.2rem}.middle h2{font-size:2rem}.middle .inner{width:90%}.middle .inner h3{font-size:1.8rem}.middle .inner p{font-size:1.2rem}.bottom h2.heading{font-size:2rem}.bottom h3.sub_heading{font-size:1.6rem}.bottom p.summary{font-size:1.2rem}.benefits{width:80%;margin:auto}.bottom .benefits .detail h2{font-size:1.8rem}.bottom .benefits .detail h3,.contact h4{font-size:1.4rem}.contact p{font-size:1.2rem}.contact .link_txt{width:auto}.contact .link_txt a{font-size:1rem;padding-left:.8rem}.contact .link_txt a:first-child{margin-right:2rem}.contact .link_txt a:before{border-width:5px 6px}.contact .btn_contact a{font-size:1.4rem;width:80%}.footer .company{justify-content:space-around}footer .company .president{width:40%}footer .company .asako,footer .company .crif img{width:20%}footer .privacy p{font-size:.9rem}}@media (min-width:1024px){header .header_static{height:140px}header .header_static-inner{position:relative}header .btn_request{position:absolute;top:50%;right:2%;transform:translateY(-50%)}header .btn_request a{width:200px}header .head{margin-top:140px;padding:7rem 1rem;background:url(/common/president/images/synesgy/AdobeStock_772649246.jpg) no-repeat 50%;background-size:cover}header .head h2{font-size:2.5rem;line-height:1.5;letter-spacing:1px}header .head .link_txt a:hover{text-decoration:none}header .head .btn_contact a{position:relative;width:32%}header .head .btn_contact a:hover{right:-2px;bottom:-2px}.main{max-width:1260px;margin:1rem auto}.main .detail01{padding-bottom:45%;background:url(/common/president/images/synesgy/iStock-1485158131.jpg) no-repeat 0 100%;background-size:70%}.main .detail02{padding-bottom:43%;background:url(/common/president/images/synesgy/iStock-2162495945.jpg) no-repeat 100% 100%;background-size:72%}.main .detail03{padding-bottom:70%;background:url(/common/president/images/synesgy/crif2_pc.png) no-repeat 0;background-size:72%}.main .detail01 .text,.main .detail02 .text,.main .detail03 .text{width:60%;padding:2.5rem 3rem}.main .text p{font-size:1.2rem;margin-top:2rem;letter-spacing:.8px}.middle{background-size:cover}.middle .inner{max-width:1080px;padding:3rem 2.2rem}.middle .inner h3{text-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.middle .inner p{margin:0}.middle .inner .image{margin-top:2rem}.middle .inner .block-inner{display:flex;justify-content:space-between}.middle .inner .block-inner .text{width:50%}.middle .inner .block-inner .image{width:45%;margin-top:0}.bottom{max-width:1080px;margin:3rem auto}.bottom h3.sub_heading{width:66%;margin:auto}.bottom p.summary{width:61%;margin:1rem auto 3rem}.benefits{display:flex;width:auto;justify-content:space-between}.bottom .benefits .detail{box-sizing:border-box;width:48%;padding:2.5rem;text-align:center;border-radius:0;box-shadow:none}.bottom .benefits .detail h3{display:flex;min-height:64px;justify-content:center;align-items:center}.bottom .benefits .detail p{margin:1rem 1rem 2rem;text-align:left}.bottom .benefits .benefits02 img{width:80%}.contact p{font-size:1.1rem}.contact .link_txt a:hover,.contact a:hover{text-decoration:none}.contact .btn_contact a{position:relative;width:auto}.contact .btn_contact a:hover{right:-2px;bottom:-2px}footer .privacy p a:hover{text-decoration:none}footer .company .president{width:auto}footer .company a:hover{opacity:.6}footer .company .president img{width:300px}footer .company .asako,footer .company .crif img{width:160px}footer nav a:hover{text-decoration:underline}footer .privacy{max-width:1080px;margin:auto}}