@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Medium")}@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Bold");font-weight:bold}.mainvisual{width:100%;position:relative;background:url("/shelter/images/top/mainvisual.png") top center no-repeat}.about{background:url("/shelter/images/top/img-shelter-bg.png") center left no-repeat;background-size:100% 100%}.about .flexbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about .flexbox .flexL,.about .flexbox .flexR{width:50%}.about .flexbox .flexL{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;padding:0 2rem 0 0}.about .flexbox .flexR{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.point{margin:0 0 7rem}.point .btn{margin:0 0 0 auto}.point .title{margin:0 0 1rem}.point-bg{width:100%;position:absolute;background:#00afb9}.point-bgR{height:40%;top:12.6rem;left:100%;right:0;-webkit-transform:translateX(-55%);transform:translateX(-55%)}.point-bgL{height:30%;bottom:12rem;left:0;right:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.point-in{width:100%;position:relative;padding:1.5rem 0;background:#fcf5e3;letter-spacing:-.4em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:6px solid #00afb9;border-left:6px solid #00afb9}.point-in li{width:33.3%;position:relative;letter-spacing:normal;padding:1.5rem}.point-in li:not(:first-child):after{content:'';width:1px;height:90%;position:absolute;top:1.5rem;left:0;bottom:0;margin:auto;background:#00afb9}.point-title{color:#00afb9;text-align:center}.point-title p{line-height:1.4}.point-title p:nth-child(1){font-size:30px;font-size:3rem;margin:0 0 1rem}.point-title p:nth-child(2) img{max-height:120px}.point-title p:nth-child(3){font-size:22px;font-size:2.2rem;margin:1rem 0}@media screen and (max-width: 1200px){.mainvisual{background-size:160%}}@media (max-width: 960px){.about .sp_hide{/*display:none*/}}@media (max-width: 768px){.mainvisual{ padding: 0; height:auto;}.about .flexbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:colomun;flex-direction:colomun;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about .flexbox .flexL,.about .flexbox .flexR{width:100%}.about .flexbox .flexL{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:1rem 0 0;text-align:center}.about .flexbox .flexR{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.point{margin:0}.point .btn{margin:3rem auto}.point .title{margin:0 0 1.5rem}.point-bgR{height:50%;top:11rem}.point-bgL{height:50%;bottom:13rem}.point-in{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:colomun;flex-direction:colomun}.point-in li{width:100%}.point-in li:not(:first-child):after{width:90%;height:1px;top:0;bottom:inherit;left:0;right:0;margin:0 auto}.point-title p{line-height:1.2}.point-title p:nth-child(1){font-size:22px;font-size:2.2rem;margin:0 0 1.5rem}.point-title p:nth-child(2) img{max-height:inherit;padding:0 15%}.point-title p:nth-child(3){font-size:18px;font-size:1.8rem;margin:1.5rem 0}.contents .scene{padding:4rem 1rem 6rem}.function{height:inherit;background:none}.function-in{max-width:inherit;margin:0}.function-in .btn{position:relative;top:0;margin:3rem auto 0}}
.mainvisual { text-align: center; position: relative;}
.mainvisual img { width: 100%; max-width: 1200px; }
.mainvisual-inner {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}
/*.mainvisual .outline-in { width: 46%; left: 4%; position: absolute; bottom: 0;}*/
/*.mainvisual .outline-in li { margin: 0; margin-bottom: 4%;  }*/
.mainvisual .outline-in { width: 96%; left: 4%; position: absolute; bottom: 0;}
.mainvisual .outline-in li { margin: 0; margin-bottom: 1%;  }

/*@media screen and (max-width: 1260px){.mainvisual .outline-in li { width: 100%; margin: 0; margin-bottom: 4%;  }.mainvisual .outline-in ul { width: 68%; }}*/
@media screen and (max-width: 1180px){.mainvisual .outline-in li { width: 100%; margin: 0; margin-bottom: 1%;  }.mainvisual .outline-in ul { width: 33%; }}
/*@media screen and (max-width: 960px){.mainvisual .outline-in li { margin: 0; margin-bottom: 4%;  }.mainvisual .outline-in li a { padding: 1rem 1rem 1rem 2rem}}*/
@media screen and (max-width: 960px){.mainvisual .outline-in li { margin: 0; margin-bottom: 2%;  }.mainvisual .outline-in li a { padding: 1rem 1rem 1rem 2rem}}
@media screen and (max-width: 768px){.mainvisual .outline-in li { width: 100%; margin: 0; margin-bottom: 4%;  } .mainvisual .outline-in ul { width: 95%;} .mainvisual .outline-in { left: 1%; } .mainvisual .outline-in li a { font-size: 2.8vw; padding: 2.4vw 1vw; padding-left: 6vw;} .mainvisual .outline-in li a span{font-size: 2.8vw;}}

.banner .scene{ padding: 3rem 0; }
.about .scene{ padding: 5rem 2rem; }
@media screen and (max-width: 1280px){.banner .scene{ padding: 3rem 2rem; }}
@media screen and (max-width: 768px){.banner .scene{ padding: 2rem 1rem; }
.about .scene{ padding: 4rem 1rem; }}

/*.btn-document{position:fixed;right:2rem;bottom:1%;z-index:10}.btn-document .doc__close{position:absolute;top:-1.5rem;right:-1.5rem;z-index:0;width:35px;height:35px;padding:.5rem;border:2px solid #fff;border-radius:50%;background:url("/src/images/icon/icon-close_white.png") center center no-repeat,#252525;background-size:15px, 100%;-webkit-box-shadow:0 3px 5px rgba(37,37,37,0.4);box-shadow:0 3px 5px rgba(37,37,37,0.4);cursor:pointer}.btn-document .doc__item{width:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:3px solid #fff;background:#eed020;border-radius:3px;-webkit-box-shadow:0 5px 10px rgba(37,37,37,0.4);box-shadow:0 5px 10px rgba(37,37,37,0.4)}.btn-document .doc__item a{width:100%;height:100%;padding: .8rem 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#252525;font-size:22px;font-size:2.2rem;font-weight:bold;text-align:center;line-height:1.2;font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}.btn-document .doc__item a>div{width:100%}.btn-document .doc__item a:hover{opacity:1}.btn-document .doc__item .arrow{width:100%;position:relative;margin:1rem 0 0;padding:0 .8rem}.btn-document .doc__item .arrow p{width:100%;position:relative;padding:.8rem .5rem;color:#fff;font-size:14px;font-size:1.4rem;text-align:center;background:#252525;border-radius:50px}.btn-document .doc__item .arrow p::after{content:'';width:0;height:0;position:absolute;top:0;right:1rem;bottom:0;margin:auto 0;border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.btn-doc__off{display:none}@media screen and (max-width: 1280px){.btn-document .doc__item{width:250px}}*/