﻿.container{max-width:100%;height:auto;margin:0 auto 3.5rem auto;box-sizing:border-box;overflow:hidden;position:relative}@media (min-width:1281px){#container:after{display:block;clear:both;content:""}}body{display:none}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:1}}#page_top{width:50px;height:50px;position:fixed;bottom:5%;right:.5%;z-index:1;transition:.5s;-webkit-transition:.5s}#page_top a{position:relative;display:block;width:100%;height:100%;text-decoration:none;text-align:center;color:#fff}#page_top:hover{transform:translateY(-30px)}@media screen and (max-width:768px){#page_top{display:none;visibility:hidden}}.gmap iframe{vertical-align:bottom}.gmap_b{position:relative;display:none;border-radius:5px;border:2px solid #3098d0;background-color:#fff;margin:8rem 0}@media screen and (max-width:834px){.gmap_b{display:block;margin:5rem 0}}@media screen and (max-width:480px){.gmap_b{margin:2rem 0}}.gmap_b a{width:100%;height:100%;display:block;padding:3% 0}.gmap_b i{margin-right:10px}@media screen and (max-width:1024px){.gmap iframe{height:400px !important}}@media screen and (max-width:768px){.gmap iframe{height:350px !important}}@media screen and (max-width:480px){.gmap iframe{height:300px !important}}.setbox3{display:flex;align-items:center;justify-content:center;width:100;margin:0 auto}.top_ll{position:relative;margin:3rem auto 0 auto;width:95%;border-bottom:7px solid rgba(10,93,140,.2)}@media screen and (max-width:480px){.top_ll{width:80%;margin:2rem auto 0 auto}}.top_ll:before{content:"";position:absolute;left:0;bottom:-6px;width:450px;height:inherit;border-bottom:6px solid #0a5d8c}@media screen and (max-width:834px){.top_ll:before{width:370px}}@media screen and (max-width:480px){.top_ll:before{width:22%}}.top_ll h3{position:relative;font-size:1.6rem;padding-bottom:20px;padding-left:0;letter-spacing:-2px;transform:scale(.9,1);transform-origin:top left;width:125%}@media screen and (max-width:834px){.top_ll h3{font-size:1.4rem}}@media screen and (max-width:480px){.top_ll h3{font-size:1.1rem;margin:4rem auto .7rem auto;padding-bottom:0;line-height:1}}.f_banner{width:100%;height:auto;position:relative}.f_banner ul{width:100%;height:auto;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:1024px){.f_banner ul{flex-wrap:wrap;justify-content:space-around;width:80%;margin:1rem auto 0 auto}.f_banner ul:after{content:"";display:block;width:45%}}@media screen and (max-width:834px){.f_banner ul{width:90%}}@media screen and (max-width:480px){.f_banner ul{justify-content:center;width:100%}}.f_banner li{width:24%;aspect-ratio:1;position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;margin:0 .25rem}@media screen and (max-width:1024px){.f_banner li{width:45%;margin:1.5rem 0 !important}}@media screen and (max-width:480px){.f_banner li{width:80%;margin:2.5% 0 !important}}.f_banner li:hover .bgc{background-color:rgba(0,0,0,.2)}.f_banner li:nth-of-type(1){margin:0 0 0 2.5%;background-image:url(//friendshouse-kaigo.com/wp-content/themes/friendshouse/css/../image/jpg/banner/fc.jpg)}.f_banner li:nth-of-type(2){background-image:url(//friendshouse-kaigo.com/wp-content/themes/friendshouse/css/../image/jpg/banner/fdc.jpg)}@media screen and (max-width:834px){.f_banner li:nth-of-type(2){margin:0 2.5% 0 0}}.f_banner li:nth-of-type(3){background-image:url(//friendshouse-kaigo.com/wp-content/themes/friendshouse/css/../image/jpg/banner/fci.jpg)}@media screen and (max-width:1024px){.f_banner li:nth-of-type(3){margin:0 2.5% 0 0}}@media screen and (max-width:834px){.f_banner li:nth-of-type(3){margin:1.25% 0 0 2.5%}}.f_banner li:nth-of-type(4){background-image:url(//friendshouse-kaigo.com/wp-content/themes/friendshouse/css/../image/jpg/banner/viviage.jpg)}@media screen and (max-width:1024px){.f_banner li:nth-of-type(4){margin:0 0 0 2.5%}}@media screen and (max-width:834px){.f_banner li:nth-of-type(4){margin:1.25% 2.5% 0 0}}.f_banner li:nth-of-type(5){margin:0 2.5% 0 0;background-image:url(//friendshouse-kaigo.com/wp-content/themes/friendshouse/css/../image/jpg/banner/fh.jpg)}@media screen and (max-width:834px){.f_banner li:nth-of-type(5){margin:1.25% 0 0 2.5%}}.f_banner li img{width:100%}.f_banner li .bgc{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background 1s,color 1s}.f_banner li .cn{z-index:1;width:100%;height:auto;padding:1rem 0;position:absolute;bottom:0;background-image:url(//friendshouse-kaigo.com/wp-content/themes/friendshouse/css/../image/svg/banner/arrow.svg);background-repeat:no-repeat;background-position:97% center;background-size:8%;transition:background 1s,color 1s}.f_banner li .cn h4{width:100%;white-space:nowrap;font-size:1.3rem;font-family:"UD Shin Go Regular","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium",sans-serif;margin-left:1rem;transform:scale(.9,1)}@media screen and (max-width:1440px){.f_banner li .cn h4{margin-left:.5rem;font-size:.9rem}}@media screen and (max-width:1024px){.f_banner li .cn h4{margin-left:1.5rem;font-size:1rem}}@media screen and (max-width:834px){.f_banner li .cn h4{font-size:1.1rem}}@media screen and (max-width:480px){.f_banner li .cn h4{margin-left:1rem;font-size:1rem}}.f_banner li .cn p{font-size:.95rem;text-align:center;letter-spacing:-1px;transform:scale(.9,1)}@media screen and (max-width:1024px){.f_banner li .fci{padding:.5rem 0}}.f_banner li a{width:100%;height:100%;display:block}.f_banner .fc{background-color:#0a5d8c}.f_banner .fdc{background-color:#68b4dc}.f_banner .fci{background-color:#3689b0}.f_banner .vi{background-color:#998c6a}footer{width:100%;height:auto;position:absolute;overflow:hidden;margin:5rem 0 0;padding:4rem 0;justify-content:center;background-color:#0e7ca1;color:#fff;text-align:center}@media screen and (max-width:480px){footer{margin:2rem 0 0;padding:2rem 0}}footer p{font-size:1rem;margin:1rem 0}@media screen and (max-width:480px){footer p{font-size:.9rem}}footer h1{font-size:1.6rem;margin:1rem 0;letter-spacing:-1px}@media screen and (max-width:480px){footer h1{font-size:.9rem}}footer h1 span{font-size:1rem}footer h2{font-size:1.1rem;margin:1rem 0;letter-spacing:-1px}@media screen and (max-width:480px){footer h2{margin:1rem 0 2rem;font-size:.9rem}}footer .copyright{position:absolute;bottom:5%;right:5%;font-family:'Roboto Condensed',sans-serif}@media screen and (max-width:480px){footer .copyright{left:50%;transform:translateX(-50%)}}footer .copyright p{font-size:1rem;color:#fff}@media screen and (max-width:480px){footer .copyright p{font-size:.85rem}}