@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");.noto{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-style:normal}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f23{font-size:23px}.f24{font-size:24px}body{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;background:url(../img//b1.png) no-repeat 0 -85px;background-size:100%}@media only screen and (max-width: 750px){body{background-position:0 0}}.flexbox{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.wrapbase{overflow-x:hidden}.wrap{width:1100px;max-width:100%;margin-left:auto;margin-right:auto;position:relative}@media only screen and (max-width: 750px){.wrap{width:100%}}#header .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:24px 0}@media only screen and (max-width: 768px){#header .wrap{width:90%;padding:10px 0}}#header #logo{width:105px;text-align:left}@media only screen and (max-width: 750px){#header #logo{width:55px}}#header #logo a{display:block;text-align:left;height:100%}#header #logo a img{width:100%;vertical-align:middle}#header #hnav{width:calc(100% - 340px)}#header #hnav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-right:2rem;height:100%}#header #hnav ul li{font-weight:bold;padding:0 1rem}@media only screen and (max-width: 750px){#header #hnav{display:none}}#header #hbtn{width:230px}@media only screen and (max-width: 750px){#header #hbtn{width:calc(100% - 120px);padding-right:35px}}#header h1{font-weight:normal;font-size:11px;line-height:1;padding-top:5px}#header #menu{width:45px;height:45px;position:fixed;right:30px;z-index:9500;top:16px;display:block;display:block;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;cursor:pointer;display:none}#header #menu i{display:block;height:1px;width:25px;margin-bottom:8px;background:#242323;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);mix-blend-mode:difference}#header #menu i:nth-of-type(1){width:25px}#header #menu i:nth-of-type(2){width:25px}#header #menu i:nth-of-type(3){width:25px;margin-bottom:0}@media only screen and (max-width: 768px){#header #menu{display:block;right:14px;top:20px;width:25px;height:25px}}#header #menu.close i{background:#fff}#header #menu.close i:nth-child(2){display:none}#header #menu.close i:nth-child(1){margin-bottom:0;-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:1px}#header #menu.close i:nth-child(3){margin-bottom:0;-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:-1px;width:25px}@media only screen and (min-width: 768px){#header #menu.close i:nth-child(3){top:0}}#header #gnav{position:fixed;z-index:9000;top:0;left:0;background:#22b7c3;color:#fff;text-align:center;transform:translateY(-400%);transition:all 0.6s;width:100%;height:100%;padding-top:50px;overflow:scroll}#header #gnav.active{transform:translateY(0%)}#header #gnav ul{max-width:100%;width:320px;margin-left:auto;margin-right:auto;position:relative}#header #gnav ul li{padding:5px 15px;text-align:left;font-size:13px}#header #gnav ul li a{color:#fff;font-weight:700;position:relative;padding:5px}#footer{background:#fffbf0;padding:45px 0 85px}#footer ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:50px}#footer ul li{padding:0 10px}#footer ul li a{font-size:14px;border-bottom:1px solid #242323;font-weight:500}@media only screen and (max-width: 768px){#footer ul li a{font-size:12px}}#footer .copy{color:rgba(36,35,35,0.7);font-size:14px}@media only screen and (max-width: 768px){#footer .copy{font-size:11px}}.btnarea a.btn,.btnarea .btn{font-weight:700;position:relative;text-decoration:none;max-width:375px;margin-left:auto;margin-right:auto;position:relative}.btnarea a.btn1,.btnarea .btn1{display:block;background:#22b7c3;color:#fff;height:40px;padding:0 11px;line-height:40px;width:100%;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;text-align:center;font-size:16px;letter-spacing:0.1em}@media only screen and (max-width: 750px){.btnarea a.btn1,.btnarea .btn1{height:auto;padding:11px 15px;line-height:1;font-size:13px}}.btnarea a.btn2,.btnarea .btn2{display:block;background:#0f3fc3 url(../img//next.svg) no-repeat;background-position:calc(100% - 16px) calc(50%);background-size:16px auto;color:#fff;width:100%;height:56px;padding:0 21px;line-height:56px;font-size:15px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;text-align:center}@media only screen and (max-width: 750px){.btnarea a.btn2,.btnarea .btn2{height:auto;padding:15px 15px;line-height:1;font-size:15px;background-position:calc(100% - 6px) calc(50%)}}.btnarea a.btn3,.btnarea .btn3{display:block;background:#22b7c3 url(../img//next.svg) no-repeat;background-position:calc(100% - 16px) calc(50%);background-size:16px auto;color:#fff;width:100%;height:56px;padding:0 21px;line-height:56px;font-size:15px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;text-align:center}@media only screen and (max-width: 750px){.btnarea a.btn3,.btnarea .btn3{height:auto;padding:15px 15px;line-height:1;font-size:15px;background-position:calc(100% - 6px) calc(50%)}}.btnarea ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:start}.btnarea ul li{width:50%;max-width:320px;padding:5px 15px;text-align:center;font-size:13px;margin-top:16px}@media only screen and (max-width: 768px){.btnarea ul li{width:100%;max-width:100%}}#content{padding-top:50px}@media only screen and (max-width: 768px){#content{padding-top:0}}#content .sec{padding-bottom:145px}@media only screen and (max-width: 768px){#content .sec{padding-bottom:70px}}#content .sec .title h1{text-align:center;font-size:50px;letter-spacing:0.1em;line-height:1}#content .sec .title h2{margin-bottom:40px;font-size:50px;letter-spacing:0.1em;line-height:1;position:relative;padding-bottom:30px}@media only screen and (max-width: 768px){#content .sec .title h2{margin-bottom:25px;font-size:25px;padding-bottom:20px}}#content .sec .title h2:before{width:100px;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:5;height:5px;background:#d9d9d9}@media only screen and (max-width: 768px){#content .sec .title h2:before{height:3px;width:50px}}#content .sec .title h2:after{width:60px;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-83%);z-index:10;height:5px;background:#22b7c3}@media only screen and (max-width: 768px){#content .sec .title h2:after{height:3px;width:30px}}#content .sec .title .small{margin-bottom:40px;font-size:30px;letter-spacing:0.1em;line-height:1;position:relative;padding-bottom:30px}@media only screen and (max-width: 768px){#content .sec .title .small{margin-bottom:25px;font-size:20px;padding-bottom:20px}}#content .sec .title .small:before{width:70px;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:5;height:3px;background:#d9d9d9}@media only screen and (max-width: 768px){#content .sec .title .small:before{height:2px;width:40px}}#content .sec .title .small:after{width:40px;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-86%);z-index:10;height:3px;background:#22b7c3}@media only screen and (max-width: 768px){#content .sec .title .small:after{height:2px;width:25px}}@media only screen and (max-width: 768px){#content .sec .wrap{width:90%;max-width:100%}}#content .sec#news{padding-top:120px}#content .sec#titlearea{padding-bottom:60px}.bglightblue{background:#ecfaff}#mainarea{background:url(../img//b2.png) no-repeat 0 115%;background-size:100%;padding-bottom:100px;position:relative}@media only screen and (max-width: 768px){#mainarea{background-position:0 100%}}#mainarea .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;position:relative}@media only screen and (max-width: 768px){#mainarea .wrap{width:90%}}#mainarea .wrap .pic{position:absolute;top:-23px;right:0;width:500px}@media only screen and (max-width: 768px){#mainarea .wrap .pic{width:100%;top:auto;bottom:0;position:static}}#mainarea .wrap .desc{width:100%;padding-top:55px;text-align:left;position:relative;z-index:10}@media only screen and (max-width: 768px){#mainarea .wrap .desc{padding-top:25px}}#mainarea .wrap .desc h2{font-size:32px;font-weight:600;letter-spacing:0.05em;margin-top:30px;line-height:1.7}@media only screen and (max-width: 768px){#mainarea .wrap .desc h2{font-size:16px}}#mainarea .wrap .desc h2 b{color:#22b7c3}#mainarea .wrap .desc h2 big{color:#22b7c3;font-size:60px;line-height:1}@media only screen and (max-width: 768px){#mainarea .wrap .desc h2 big{font-size:30px}}#mainarea .wrap .desc .labels{display:inline-block;color:#fff;background:#0f3fc3;background:-webkit-linear-gradient(90deg, #0f3fc3 0%, #0e48e7 50%, #0f3fc3 100%);background:-moz-linear-gradient(90deg, #0f3fc3 0%, #0e48e7 50%, #0f3fc3 100%);background:linear-gradient(90deg, #0f3fc3 0%,#0e48e7 50%,#0f3fc3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F3FC3", endColorstr="#0F3FC3", GradientType=1);font-weight:600;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;font-size:24px;letter-spacing:0.1em;padding:15px 40px}@media only screen and (max-width: 768px){#mainarea .wrap .desc .labels{font-size:13px;padding:10px 20px;line-height:1}}.service{align-items:stretch;justify-content:space-between;margin-bottom:60px}.service .blc{width:31%;padding:25px 30px;border:#b2cad2 solid 1px;box-shadow:4px 4px 0px 0px #d2e4eb;background:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}@media only screen and (max-width: 768px){.service .blc{width:100%;margin-bottom:30px}}.service .blc img{max-height:138px}.service .blc h3{color:#0f3fc3;font-size:20px;letter-spacing:0.1em;margin-bottom:25px}.service .blc ul{margin-top:35px;min-height:175px}@media only screen and (max-width: 768px){.service .blc ul{min-height:0}}.service .blc ul li{background:url(../img//ico_planlist1.svg) no-repeat 0 6px;background-size:11px auto;font-size:15px;padding-left:18px;text-align:left;line-height:1.5;margin-bottom:11px}.articlelist{align-items:stretch;justify-content:space-between;margin-bottom:60px;margin-top:20px}.articlelist:before,.articlelist:after{content:"";width:31%}.articlelist:before{order:1}.articlelist:after{order:3}.articlelist .blc{width:31%;text-align:left;margin-bottom:40px;background:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}@media only screen and (max-width: 768px){.articlelist .blc{width:100%;margin-bottom:30px}}.articlelist .blc picture{border:#b2cad2 solid 1px;display:block;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;overflow:hidden;padding-top:1px}.articlelist .blc h3{color:#242323;font-size:18px;letter-spacing:0.1em;line-height:1.5}@media only screen and (max-width: 768px){.articlelist .blc h3{font-size:15px}}.articlelist .blc .date{font-size:15px;letter-spacing:0.1em;color:#696969;padding:25px 0;line-height:1}@media only screen and (max-width: 768px){.articlelist .blc .date{font-size:13px}}.pages .bannerlink{margin-bottom:60px}.pages .bannerlink a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;padding:25px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:25px 30px;border:#b2cad2 solid 1px;box-shadow:4px 4px 0px 0px #d2e4eb}.pages .bannerlink a .pic{width:180px}.pages .bannerlink a .desc{width:calc(100% - 210px)}.pages .bannerlink a .desc ul li{background:url(../img//ico_planlist1.svg) no-repeat 0 6px;background-size:18px auto;font-size:18px;padding-left:28px;text-align:left;font-weight:700;line-height:1.5;margin-bottom:11px}.pages .bannerlink a .desc ul li:last-child{margin-bottom:0}.pages .bannerlink a .btnarea{position:absolute;bottom:20px;right:20px;width:280px}.pages h2{font-weight:bold;font-size:18px;margin-bottom:1rem;padding:1rem 1.5rem;border:none;text-align:center;letter-spacing:0.1em;position:relative;font-size:24px;margin-top:0}.pages h2:before{content:"";display:block;width:100%;height:2px;background:#d9d9d9;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pages h2 span{display:inline-block;padding:5px 10px;background:#fff;position:relative;z-index:10}

@media only screen and (max-width: 768px){
#pankuzu{max-width:90%;}

#service{
	padding:0 5vw;
}
.pages .bannerlink a .pic{width:60%;    margin: 0 auto 1em;}

.pages .bannerlink a .desc {
  width: 100%;
}
.pages .bannerlink a .btnarea {
  position: relative;
  bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
}
}