/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* CSS Document */

/**********************************************************************************
 コンテンツ
 **********************************************************************************/
 @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
 * {
		 margin: 0;
		 padding: 0;
		 line-height: 145%;
		 font-family: "Noto Sans JP", sans-serif !important;
 }
 
 ul,
 ul li {
		 list-style: none;
 }
 
 a {
		 -webkit-transition: 0.3s all ease;
		 -o-transition: 0.3s all ease;
		 transition: 0.3s all ease;
 }
 
 a:hover {
		 opacity: 0.7;
		 -webkit-transition: 0.3s all ease;
		 -o-transition: 0.3s all ease;
		 transition: 0.3s all ease;
 }
 
 img {
		 max-width: 100%;
 }
 
 .pt0 {
		 padding-top: 0 !important;
 }
 
 .pb0 {
		 padding-bottom: 0 !important;
 }
 
 .mt20 {
		 margin-top: 20px !important;
 }
 
 .mt40 {
		 margin-top: 40px !important;
 }
 
 .mt60 {
		 margin-top: 60px !important;
 }
 
 /**********************************************************************************
	ヘッダー
	**********************************************************************************/
.l-header {
  z-index:10;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:999;
  border-bottom:1px solid #edece8;
}
.l-header__wrap {
  margin:0 auto;
  padding:0 20px 0;
  width: 1120px;
  height:82px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.l-header__inner {
  width: 100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position: relative;
}
@media screen and (min-width: 768px)and (max-width: 1360px) {
  .l-header__wrap {
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .l-header {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  }
  .l-header__wrap {
    height:49px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__wrap {
    max-width: 100%;
    padding:0 12px;
  }
  .l-header__inner {
    width:100%;
    height:52px;
    justify-content:flex-start;
    align-items:center;
  }
}
.l-header__logo-wrap {
  height:100%;
  display:flex;
  align-items:center;
}
@media screen and (max-width: 767px) {
  .l-header__logo-wrap {
    width:70%;
    height:52px;
  }
}
.l-header__logo {
  max-width:100%;
  max-height:90%;
  display:block;
  text-align:center;
  background-color:#fff;
  display:flex;
  align-items:center;
  transition:.3s all;
}
.l-header__logo img {
  max-width: 100%;
  padding-top:0;
}
.l-header__logo:hover {
  opacity:.7;
}
@media screen and (min-width: 768px)and (max-width: 1200px) {
  .l-header__logo {
    height:91px;
  }
  .l-header__logo img {
    max-width: 100%;
    padding-top:0;
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    display:flex;
    align-items:center;
    width:80%;
    height:43px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
  }
  .l-header__logo img {
    width:100%;
    padding-top:6px;
  }
}


.l-header__btn-pc {
  display:flex;
  justify-content:flex-end;
}
.l-header__inner {
  height:54px;
}
.l-header__nav {
  display:none;
  width:320%;
  max-height:calc(100dvh - 82px);
  overflow-y:auto;
  position:absolute;
  top:69px;    left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding:24px 16px 24px;
  background:#fafafa;
  border-top:1px solid #e9eeea;
}
.l-gnav__nav {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.l-header__nav.-pd01 {
  padding-top:56px;
}
.l-header__btn {
  position:absolute;
  top:0;
  right:0;
  width:52px;
  height:52px;
}
.l-header__btn .hamburger_line {
  display:block;
  width:24px;
  height:2px;
  background:#0BA652;
  position:absolute;
  left:16px;
  transition:.3s all;
}
.l-header__btn .hamburger_line:first-child {
  top:16px;
}
.l-header__btn .hamburger_line:nth-child(2) {
  top:23px;
}
.l-header__btn .hamburger_line:nth-child(3) {
  top:30px;
}
.l-header__btn .hamburger_border_text {
  width:28px;
  position:absolute;
  top:31px;
  left:46%;
  transform:translateX(-50%);
  font-size:1.4rem;
  font-weight: 700;
  color:#0BA652;
  transition:.3s all;
}
.l-header__btn .hamburger_border_text::before {
  content:"MENU";
}
.l-header__btn.-active .hamburger_line {
  width:24px;
}
.l-header__btn.-active .hamburger_line:first-child {
  top:23px;
  transform:rotate(45deg);
}
.l-header__btn.-active .hamburger_line:nth-child(2) {
  display:none;
}
.l-header__btn.-active .hamburger_line:nth-child(3) {
  top:23px;
  transform:rotate(-45deg);
}
.l-header__btn.-active .hamburger_border_text::before {
  font-size:1.3rem;
  font-weight: 700;
  content:"CLOSE";
}
.l-header__overlay {
  display:none;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,.8);
  position:fixed;
  top:0;
  left:0;
  z-index:998;
}
@media screen and (max-width: 1120px) {
  .l-header__btn .hamburger_line {
    width:19px;
    height:2px;
    left:21px;
  }
  .l-header__btn.-active .hamburger_line:first-child {
    top:19px;
    transform:rotate(45deg);
  }
  .l-header__btn.-active .hamburger_line:nth-child(2) {
    display:none;
  }
  .l-header__btn.-active .hamburger_line:nth-child(3) {
    top:19px;
    transform:rotate(-45deg);
  }
  .l-header__btn .hamburger_line:first-child {
    top:14px;
  }
  .l-header__btn .hamburger_line:nth-child(2) {
    top:19px;
  }
  .l-header__btn .hamburger_line:nth-child(3) {
    top:24px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__btn .hamburger_border_text {
    top:29px;
    left:57%;
    transform:translateX(-50%);
    font-size:1rem;
    font-weight: 700;
  }
  .l-header__btn.-active .hamburger_border_text::before {
    font-size:1rem;
    font-weight: 700;
  }
}

.l-gnav {
  margin-top:2px;
  width:100%;
  background:#fff;
}
.l-gnav__list {
  margin:0 auto;
  padding: 0 20px;
  max-width: 1120px;
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.l-gnav__item {
  border-right:1px solid #e5e5e5;
  display:flex;
  align-items: center;
  justify-content: center;
}
.l-gnav__item:nth-child(1) {
  border-left:1px solid #e5e5e5;
  width: 10%;
}
.l-gnav__item:nth-child(2) {
  width: 18%;
}
.l-gnav__item:nth-child(3) {
  width: 18%;
}
.l-gnav__item:nth-child(4) {
  width: 18%;
}
.l-gnav__item:nth-child(5) {
  width: 24%;
}
.l-gnav__item:nth-child(6) {
  width: 20%;
}
.l-gnav__item .l-gnav__link {
  padding-left:16px;
  padding-right:16px;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: center;
  font-size:1.5rem;
  font-weight:500;
  color:#292522;

}
.l-gnav__link {
}
.l-gnav__link:hover {
  color:#08A652;
  text-decoration:none;
}
.l-gnav__link.-current {
  color:#08A652;
}
@media screen and (min-width: 768px) {
  .l-gnav__close-btn {
    display:none;
  }
}
@media screen and (max-width: 1120px) {
  .l-gnav__nav {
    max-width: 1120px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-gnav__link {
    font-size:1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .l-gnav__nav {
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .l-header__nav {
    width:94%;
    top: 52px;
    left: auto;
    right: -12px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  .l-gnav__list {
    flex-direction:column;
    margin-bottom:24px;
    padding-left: 0;
    padding-right: 0;
  }
  .l-gnav__link {
    padding:16px;
    position:relative;
  }
  /* .l-gnav__link .material-icons {
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
  } */
  .l-gnav__link.-current {
    color:#292522;
  }
  .l-gnav__link.-current span {
    position:absolute;
  }
  .l-gnav__link.-current span::before {
    content:none;
  }
  .l-gnav {
    display:none;
    position:absolute;
    top:60px;
    left:0;
    z-index:15;
  }
  .l-gnav__item {
    width: 100%;
    border-right:none;
    border-left:none;
    border-bottom:1px solid #e5e5e5;
  }
  .l-gnav__item .l-gnav__link {
    border-right:none;
    border-left:none;
    font-size:1.6rem;
    padding-left:16px;
    padding-right:16px;
  }
  .l-gnav__item {
    border-bottom:1px solid #e5e5e5;
    border-right:none;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  .l-gnav__item:nth-child(1) {
    border-top:1px solid #e5e5e5;
    border-left:none;
    width: 100%;
  }
  .l-gnav__item:nth-child(2) {
    width: 100%;
  }
  .l-gnav__item:nth-child(3) {
    width: 100%;
  }
  .l-gnav__item:nth-child(4) {
    width: 100%;
  }
  .l-gnav__item:nth-child(5) {
    width: 100%;
  }
  .l-gnav__item:nth-child(6) {
    width: 100%;
  }
  .l-gnav__item .l-gnav__link {
    padding-left:16px;
    padding-right:16px;
    width: 100%;
  }
  .l-gnav__close-btn {
    display:block;
    width:100%;
    margin-top:24px;
    padding:16px;
    background:#edece8;
    cursor:pointer;
  }
}
.l-gnav-btn {
  display:flex;
  justify-content:flex-end;
  margin-bottom:8px;
}
.l-gnav-btn__list {
  margin-right:6px;
}
.l-gnav-btn__list:nth-last-child(1) {
  margin-right:0;
}
.l-gnav-btn__link {
  margin-left:32px;
  padding:16px 0 0px;
  display:block;
  font-size:1.4rem;
  line-height:1;
  font-weight:400;
  text-align:center;
  color:#5e5b5a;
  transition:.3s all;
}
.l-gnav-btn__link:hover {
  color:#08A652;
  text-decoration:none;
}

 
 /**********************************************************************************
	モーダル
	**********************************************************************************/
/* .modal {opacity: 0;} */
.modal {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.6);
  justify-content:center;
  align-items:center;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
  z-index:1000;
}
.modal.is-visible {
  display:flex;
  visibility:visible;
}
.modal.is-fading {
  opacity:1;
}
.modal .modal-wrap {
  padding:38px 20px 20px;
  border-radius:5px;
  /* width:100%;
  max-width:100%;
  max-height:98vh; */
  position:relative;
  text-align:center;
  transition:transform .3s ease;
  transform:scale(0.9);
  overflow-y:scroll;
  overflow-y:scroll;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.modal .modal-wrap::-webkit-scrollbar {
  display:none;
}
.modal .modal-wrap.-wd01 {
  max-width:700px;
}
.modal.is-fading .modal-wrap {
  transform:scale(1);
}
.modal .modal-close {
  position:absolute;
  top:8px;
  right:8px;
  cursor:pointer;
  font-size:34px;
  line-height:1;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  /* background:#0082ce; */
  border-radius:50%;
  width:40px;
  height:40px;
  z-index:2;
}
.modal .modal-close.-pos01{
  top:0px;
  right:12px;
}
.modal .modal__white-bg {
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 1080px;
  height: 80vh;
  background: #fff;
  border-radius: 10px;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); */
}
.modal .modal__white-bg .modal__movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.modal .modal__white-bg .modal__movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1120px) {
  .modal .modal-wrap {
    width:100%;
    max-width:100%;
    max-height:98vh;
  }
  .modal .modal__white-bg {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}
@media(max-width: 767px) {
  .modal .modal-wrap.-wd01 {
    max-width:100%;
  }
  .modal .modal-close {
    top:12px;
    right:12px;
    font-size:20px;
    width:30px;
    height:30px;
  }
}
.top-slide .modal .modal-wrap {
  max-width:500px;
}

/**********************************************************************************
	パンくず
	**********************************************************************************/
.l-breadcrumb{width:100%;background:#FAFAFA}.l-breadcrumb.-bgnone{background:none}.l-breadcrumb.-blue{background-color:#eef9ff}.l-breadcrumb__inner{padding:15px 20px;max-width:1120px;margin:0 auto}.l-breadcrumb__list{overflow-x:auto;-webkit-overflow-scroling:touch;display:flex;max-width:1120px;margin:0 auto;white-space:nowrap}.l-breadcrumb__item{position:relative;font-size:1.6rem}.l-breadcrumb__item:not(:first-child){margin-left:10px;padding-left:12px}
.l-breadcrumb__item:not(:first-child)::before{position:absolute;top:6px;left:0;color:#212529;content: "\e902";font-family:"icomoon";font-size:1rem}.l-breadcrumb__item>span{color:#212529;font-weight: 700;}.l-breadcrumb__item a{transition:.3s all;color:#0BA652;}.l-breadcrumb__item>a:hover{text-decoration:none;opacity: 0.7;}
@media(max-width: 767px){.l-breadcrumb__inner{padding:20px 20px}.l-breadcrumb__list{flex-wrap:wrap}.l-breadcrumb__item{font-size:1.2rem;}.l-breadcrumb__item:not(:first-child){margin-left:12px;padding-left:12px}.l-breadcrumb__item:not(:first-child)::before{top:3px;left:-4px;width:6px;height:6px;font-size:.8em}}.l-breadcrumb-mv{width:100%;position:absolute;top:20px;left:0}.l-breadcrumb-mv__inner{padding:0 20px;max-width:1120px;margin:0 auto}.l-breadcrumb-mv__list{overflow-x:auto;-webkit-overflow-scroling:touch;display:flex;max-width:1120px;margin:0 auto;white-space:nowrap}.l-breadcrumb-mv__item{position:relative;font-size:1.6rem}.l-breadcrumb-mv__item:not(:first-child){margin-left:10px;padding-left:12px}.l-breadcrumb-mv__item:not(:first-child)::before{position:absolute;top:6px;left:0;color:#fff;content:"釥�";font-family:"icomoon";font-size:1rem}.l-breadcrumb-mv__item>span{color:#fff}.l-breadcrumb-mv__item a{transition:.3s all;color:#fff}.l-breadcrumb-mv__item>a:hover{text-decoration:none;color:#0082ce}@media(max-width: 767px){.l-breadcrumb-mv{display:none;top:-8px;left:0}.l-breadcrumb-mv__inner{padding:20px 20px}.l-breadcrumb-mv__list{flex-wrap:wrap}.l-breadcrumb-mv__item{font-size:1.2rem}.l-breadcrumb-mv__item:not(:first-child){margin-left:12px;padding-left:12px}.l-breadcrumb-mv__item:not(:first-child)::before{top:3px;left:-4px;width:6px;height:6px;font-size:.8em}}
/**********************************************************************************
	コンテンツ
	**********************************************************************************/
.welfare-index {
  margin-top: 83px;
}
.mv {
  background: url(/images/environment/mutual_aid/welfare/mv_bg_pc.jpg) no-repeat;
}
.mv .mv__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 64px 20px;
}
.lead .lead__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 45px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lead .lead__text {
  width: 60%;
  padding-right: 30px;
  font-weight: 700;
}
.lead .lead__btn {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}
.l-manabiya {
  margin-bottom: 32px;
}
.l-manabiya .l-manabiya__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.l-manabiya-dantai {
  margin-bottom: 32px;
}
.l-manabiya-dantai .l-manabiya-dantai__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.l-longway {
  margin-bottom: 32px;
}
.l-longway .l-longway__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.l-retirement {
  margin-bottom: 32px;
}
.l-retirement .l-retirement__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.l-tokyokaijo {
  margin-bottom: 32px;
  background: url(/images/environment/mutual_aid/welfare/tokyokaijo_bg.jpg) no-repeat;
  background-size: cover;
}
.l-tokyokaijo .l-tokyokaijo__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 80px 20px;
  box-sizing: border-box;
}
.l-tokyokaijo .l-tokyokaijo__inner p {
  font-weight: 700;
  text-align: center;
}
.l-tokyokaijo .l-tokyokaijo__inner .l-tokyokaijo__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-joining {
  background-size: cover;
}
.l-joining .l-joining__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  box-sizing: border-box;
}
.l-joining .l-joining__inner p {
  margin-bottom: 10px;
}
.l-joining .l-joining__inner .l-joining__text-r {
  text-align: right;
  font-size: 1.4rem;
}

@media screen and (max-width: 1120px) {
  .welfare-index {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mv {
    background: url(/images/environment/mutual_aid/welfare/mv_bg_sp.jpg) no-repeat;
  }
  .mv .mv__inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 64px 20px;
  }
  .lead .lead__inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 24px 20px 32px;
    display: block;
  }
  .lead .lead__text {
    margin-bottom: 20px;
    padding-right: 0;
    width: 100%;
  }
  .lead .lead__btn {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .l-manabiya {
    margin-bottom: 24px;
  }
  .l-manabiya .l-manabiya__inner {
    max-width: 100%;
  }
  .l-manabiya-dantai {
    margin-bottom: 24px;
  }
  .l-manabiya-dantai .l-manabiya-dantai__inner {
    max-width: 100%;
  }
  .l-longway {
    margin-bottom: 24px;
  }
  .l-longway .l-longway__inner {
    max-width: 100%;
  }
  .l-retirement {
    margin-bottom: 24px;
  }
  .l-retirement .l-retirement__inner {
    max-width: 100%;
  }
  .l-tokyokaijo {
    margin-bottom: 24px;
  }
  .l-tokyokaijo .l-tokyokaijo__inner {
    padding: 40px 20px;
    max-width: 100%;
  }
  .l-tokyokaijo .l-tokyokaijo__inner .l-tokyokaijo__btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-joining {
    margin-bottom: 0;
  }
  .l-joining .l-joining__inner {
    max-width: 100%;
    padding: 30px 20px 50px;
    box-sizing: border-box;
  }
  .l-joining .l-joining__inner .l-joining__text-r {
    font-size: 1.4rem;
  }
}

 /**********************************************************************************
	見出し
	**********************************************************************************/
.main-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}
.main-title .main-title__sub {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.title {
  font-size: 3.2rem;
  font-weight: 700;
}
.title .title__inner {
  padding: 80px 20px;
  max-width: 1120px;
  margin: 0 auto;
}
.title.-faculty {
  margin-bottom: 64px;
  background: url(/images/environment/mutual_aid/welfare/title_faculty_bg_pc.jpg) no-repeat;
  background-size: cover;
  color: #0191C1;
}
.title.-family {
  margin-bottom: 64px;
  background: url(/images/environment/mutual_aid/welfare/title_family_bg_pc.jpg) no-repeat;
  background-size: cover;
  color: #0BA652;
}
.title02 {
  font-size: 2.4rem;
  font-weight: 700;
  border-bottom: 1px solid #f7f7f7;
}
.title02.-blue {
  border-bottom: 1px solid #CCD2E6;
}
.title02.-green {
  border-bottom: 1px solid #CEE6CC;
}
.title02.-orange {
  border-bottom: 1px solid #FBD9C3;
}
.title02.-purple {
  border-bottom: 1px solid #E1CCE6;
}
.title02 .title02__sub {
  font-size: 1.8rem;
}
.title03 {
  font-size: 1.6rem;
  font-weight: 700;
}
.title03.-blue {
  color: #31499D;
}
.title03.-green {
  color: #3A9D2F;
}
.title03.-orange {
  color: #F0640C;
}
.title03.-purple {
  color: #832F9D;
}
@media screen and (max-width: 767px) {
  .main-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }
  .main-title .main-title__sub {
    display: block;
    font-size: 12px;
    font-weight: 700;
  }
  .title {
    font-size: 1.8rem;
  }
  .title .title__inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 32px 20px;
  }
  .title.-faculty {
    margin-bottom: 32px;
    background: url(/images/environment/mutual_aid/welfare/title_faculty_bg_sp.jpg) no-repeat;
    background-size: cover;
  }
  .title.-family {
    margin-bottom: 32px;
    background: url(/images/environment/mutual_aid/welfare/title_family_bg_sp.jpg) no-repeat;
    background-size: cover;
  }
  .title02 {
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 1px solid #f7f7f7;
  }
  .title02 .title02__sub {
    font-size: 1.4rem;
  }
  .title03 {
    font-size: 1.6rem;
  }
}
/**********************************************************************************
 ボタン
 **********************************************************************************/
.c-btn {
  min-height: 66px;
  padding: 14px 80px 14px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  font-weight: 700;
  transition: 0.3s;

  display: flex;
  align-items: center;
  justify-content: center;
}
.c-btn.-wd01 {
  width: 300px;
}
.c-btn.-wd02 {
  width: 100%;
  text-align: center;
}
.c-btn.-wd03 {
  width: 442px;
}
.c-btn.-pd01 {
  padding: 14px 55px 14px;
}
.c-btn.-he01 {
  height: 70px;
}
.c-btn.-he02 {
  height: 70px;
}
.c-btn.-bor-blue {
  border: 2px solid rgba(49, 73, 157, 0.51);
}
.c-btn.-bor-blue02 {
  border: 2px solid #31499D;
}
.c-btn.-dent {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 7px #14276a;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in-out;
}
.c-btn.-dent:hover {
  opacity: 1;
  top: 7px; /* 元の位置から9px分下げる */
  box-shadow: 0 0 #14276a; /* 影を0pxにする */
}
.c-btn.-dent02 {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 7px #25701c;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in-out;
}
.c-btn.-dent02:hover {
  opacity: 1;
  top: 7px; /* 元の位置から9px分下げる */
  box-shadow: 0 0 #25701c; /* 影を0pxにする */
}
.c-btn.-dent03 {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 7px #630063;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in-out;
}
.c-btn.-dent03:hover {
  opacity: 1;
  top: 7px; /* 元の位置から9px分下げる */
  box-shadow: 0 0 #630063; /* 影を0pxにする */
}
.c-btn.-dent04 {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 7px #d15608;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in-out;
}
.c-btn.-dent04:hover {
  opacity: 1;
  top: 7px; /* 元の位置から9px分下げる */
  box-shadow: 0 0 #d15608; /* 影を0pxにする */
}
.c-btn:hover {
  opacity: 0.7;
}
.c-btn .c-btn__text {
  margin-top: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-btn .icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-btn .icon::before {
  font-size: 1.2rem;
  font-weight: 700;
}
.c-btn.-blue {
  background-color: #DCE1F2;
  color: #31499D;
}
.c-btn.-blue .icon {
  background: #31499D;
}
.c-btn.-blue .icon::before {
  color: #fff;
}
.c-btn.-blue02 {
  background-color: #fff;
  color: #31499D;
}
.c-btn.-blue02 .icon {
  background: #31499D;
}
.c-btn.-blue02 .icon::before {
  color: #fff;
}
.c-btn.-blue03 {
  background-color: #31499D;
  color: #fff;
}
.c-btn.-blue03 .icon {
  background: #fff;
}
.c-btn.-blue03 .icon::before {
  color: #31499D;
}

/* .c-btn.-green {
  background-color: #0BA652;
  color: #fff;
} */
.c-btn.-green .icon::before {
  color: #08A652;
}
.c-btn.-green {
  background-color: #DCEBDB;
  color: #3A9D2F;
}
.c-btn.-green .icon {
  background: #3A9D2F;
}
.c-btn.-green .icon::before {
  color: #fff;
}
.c-btn.-green02 {
  background-color: #fff;
  color: #3A9D2F;
}
.c-btn.-green02 .icon {
  background: #3A9D2F;
}
.c-btn.-green02 .icon::before {
  color: #fff;
}
.c-btn.-green03 {
  background-color: #3A9D2F;
  color: #fff;
}
.c-btn.-green03 .icon {
  background: #fff;
}
.c-btn.-green03 .icon::before {
  color: #3A9D2F;
}

.c-btn.-orange {
  background-color: #FBD9C3;
  color: #F0640C;
}
.c-btn.-orange .icon {
  background: #F0640C;
}
.c-btn.-orange .icon::before {
  color: #fff;
}
.c-btn.-orange02 {
  background-color: #fff;
  color: #F0640C;
}
.c-btn.-orange02 .icon {
  background: #F0640C;
}
.c-btn.-orange02 .icon::before {
  color: #fff;
}
.c-btn.-orange03 {
  background-color: #F0640C;
  color: #fff;
}
.c-btn.-orange03 .icon {
  background: #fff;
}
.c-btn.-orange03 .icon::before {
  color: #F0640C;
}
.c-btn.-orange04 {
  background-color: #F0640C;
  color: #fff;
}
.c-btn.-orange04 .icon {
  background: #fff;
}
.c-btn.-orange04 .icon::before {
  color: #F0640C;
}

.c-btn.-purple {
  background-color: #EEDEF2;
  color: purple;
}
.c-btn.-purple .icon {
  background: purple;
}
.c-btn.-purple .icon::before {
  color: #fff;
}
.c-btn.-purple02 {
  background-color: #fff;
  color: purple;
}
.c-btn.-purple02 .icon {
  background: purple;
}
.c-btn.-purple02 .icon::before {
  color: #fff;
}
.c-btn.-purple03 {
  background-color: purple;
  color: #fff;
}
.c-btn.-purple03 .icon {
  background: #fff;
}
.c-btn.-purple03 .icon::before {
  color: purple;
}
.c-btn.-blue-dark {
  background-color: #005782;
  color: #fff;
}
.c-btn.-blue-dark .icon {
  background: #fff;
}
.c-btn.-blue-dark .icon::before {
  color: #005782;
}

.c-btn .icon02 {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-btn .icon02::before {
  font-size: 2.4rem;
}
.c-btn .icon02.icon-blank::before {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-btn {
    padding: 14px 40px 14px;
    min-height: 46px;
    font-size: 1.4rem;
    line-height: 46px;
    white-space: normal;
  }
  .c-btn.-wd01 {
    width: 280px;
  }
  .c-btn.-wd03 {
    width: 100%;
  }
  .c-btn.-pd01 {
    padding: 14px 32px 14px;
  }
  .c-btn.-he01 {
    height: 55px;
  }
  .c-btn.-he02 {
    height: 55px;
  }
  .c-btn .c-btn__text {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  .c-btn .icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: 10px;
  }
  .c-btn .icon-arrow_forward02::before {
    font-size: 1rem;
    font-weight: 700;
  }
  .c-btn .icon02::before {
    font-size: 1.6rem;
  }
  .c-btn .icon02.icon-blank::before {
    font-size: 1.3rem;
  }
}
/**********************************************************************************
 パーツ
 **********************************************************************************/
/******* link *******/
 .c-link {
  position: relative;
  padding-left: 14px;
  color: #005782;
  text-decoration: underline;
 }
 .c-link .icon {
  width: 5px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 }
 .c-link .icon::before {
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #005782;
 }
/******* box *******/
 .c-box01 {
  padding: 56px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  position: relative;
 }
 .c-box01.-blue {
  background-color: rgba(49, 73, 157, 0.05);
 }
 .c-box01.-green {
  background-color: rgba(58, 157, 47, 0.05);
 }
 .c-box01.-orange {
  background-color: rgba(240, 100, 12, 0.05);
 }
 .c-box01.-purple {
  background-color: rgba(131, 47, 157, 0.05);
 }
 .c-box01::before {
  content: "";
  width: 300px;
  height: 151px;
  /* background: url(/images/environment/mutual_aid/welfare/box_blue01.png) no-repeat; */
  background-size: cover;
  background-position: right;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
 }
 .c-box01::after {
  content: "";
  width: 220px;
  height: 106px;
  /* background: url(/images/environment/mutual_aid/welfare/box_blue02.png) no-repeat; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
 }
 .c-box01.-blue::before {
  background-image: url(/images/environment/mutual_aid/welfare/box_blue01.png);
 }
 .c-box01.-blue::after {
  background-image: url(/images/environment/mutual_aid/welfare/box_blue02.png);
 }
 .c-box01.-green::before {
  background-image: url(/images/environment/mutual_aid/welfare/box_green01.png);
 }
 .c-box01.-green::after {
  background-image: url(/images/environment/mutual_aid/welfare/box_green02.png);
 }
 .c-box01.-orange::before {
  background-image: url(/images/environment/mutual_aid/welfare/box_orange01.png);
 }
 .c-box01.-orange::after {
  background-image: url(/images/environment/mutual_aid/welfare/box_orange02.png);
 }
 .c-box01.-purple::before {
  background-image: url(/images/environment/mutual_aid/welfare/box_purple01.png);
 }
 .c-box01.-purple::after {
  background-image: url(/images/environment/mutual_aid/welfare/box_purple02.png);
 }
 .c-box01 .c-box01__flex {
  display: flex;
 }
 .c-box01 .c-box01__flex.-aife {
  align-items: flex-end;
 }
 .c-box01 .c-box01__flex .c-box01__flex-l {
  width: 50%;
 }
 .c-box01 .c-box01__flex .c-box01__flex-r {
  padding-left: 40px;
  width: 50%;
  width: calc(50% - 40px);
 }

 @media screen and (max-width: 767px) {
  .c-box01 {
   padding: 56px 16px;
   border-radius: 10px;
  }
  .c-box01::before {
   width: 120px;
   height: 60px;
  }
  .c-box01::after {
   width: 110px;
   height: 53px;
  }
  .c-box01 .c-box01__flex {
   display: block;
  }
  .c-box01 .c-box01__flex .c-box01__flex-l {
   width: 100%;
  }
  .c-box01 .c-box01__flex .c-box01__flex-r {
   padding-left: 0;
   width: 100%;
  }
 }

/******* リスト *******/
 .list-circle .list-circle__item {
  text-indent: -22px;
  padding-left: 22px;
  line-height: 1.8;
  word-break: break-word;
 }
 .list-circle .list-circle__item::before {
  margin-right: 2px;
  content: '';
  display: inline-block;
  position: relative;
  left: 0px;
  top: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f7f7f7;
 }
 .list-circle .list-circle__item.-blue::before {
  background: #CCD2E6;
 }
 .list-circle .list-circle__item.-green::before {
  background: #CEE6CC;
 }
 .list-circle .list-circle__item.-orange::before {
  background: #FBD9C3;
 }
 .list-circle .list-circle__item.-purple::before {
  background: #E1CCE6
 }
 @media screen and (max-width: 767px) {
  .list-circle .list-circle__item {
   text-indent: -16px;
   padding-left: 16px;
  }
  .list-circle .list-circle__item::before {
   width: 10px;
   height: 10px;
   top: 0px;
  }
 }

 /**********************************************************************************
	フッター
	**********************************************************************************/
 .fotter {
  background: #3C3C3C;
  color: #fff;
 }
 .fotter .fotter__inner {
  margin:0 auto;
  padding: 40px 20px;
  width: 1120px;
 }
 .fotter .fotter__inner .footer-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #fff;
 }
 .fotter .fotter__inner .footer-link li {
  margin-bottom: 16px;
  padding: 0 24px;
  border-left: 1px solid #fff;
  line-height: 1.4;
 }
 .fotter .fotter__inner .footer-link li:nth-child(1) {
  border-left: none;
 }
 .fotter .fotter__inner .footer-link li a {
  color: #fff;
 }
 .fotter .fotter__inner address {
  margin-top: 24px;
  text-align: center;
  font-size: 1.4rem;
 }
 @media screen and (max-width: 767px) {
  .fotter .fotter__inner {
    padding: 40px 12px;
    width: 100%;
  }
  .fotter .fotter__inner .footer-link li {
    padding: 0 10px;
    font-size: 1.2rem;
  }
  .fotter .fotter__inner address {
   margin-top: 14px;
   font-size: 1rem;
  }
 }
 
 /**********************************************************************************
	トップへ戻るボタン
	**********************************************************************************/
  .l-pagetop {
    position:fixed;
    right:68px;
    bottom:38px;
    z-index:-1;
    opacity:0;
    transition:opacity .3s linear;
  }
  .l-pagetop.is-active {
    opacity:1;
    z-index:50;
  }
  .l-pagetop__item {
    width:60px;
    height:60px;
    border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    position: relative;
    transition:.3s all;
  }
  .l-pagetop__item:hover {
    opacity:.8;
    transition:.3s all;
  }
  .l-pagetop__item .icon-arrow_top {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .l-pagetop__item .icon-arrow_top::before {
    color: #0BA652;
    font-size: 1.6rem;
  }
  .l-pagetop__item .l-pagetop__text {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 1.2rem;
  }
  @media(max-width: 767px) {
    .l-pagetop {
      right:16px;
      bottom:20px;
      width:60px;
    }
    .l-pagetop__item {
      width:60px;
      height:60px;
    }
  }
 
 /**********************************************************************************
	ユーティリティ
	**********************************************************************************/
 .u-mb5 {
  margin-bottom: 5px;
 }
 .u-mb8 {
  margin-bottom: 8px;
 }
 .u-mb10 {
  margin-bottom: 10px;
 }
 .u-mb15 {
  margin-bottom: 15px;
 }
 .u-mb20 {
  margin-bottom: 20px;
 }
 .u-mb25 {
  margin-bottom: 25px;
 }
 .u-mb30 {
  margin-bottom: 30px;
 }
 .u-mb35 {
  margin-bottom: 35px;
 }
 .u-mb40 {
  margin-bottom: 40px;
 }
 .u-mb45 {
  margin-bottom: 45px;
 }
 .u-mb50 {
  margin-bottom: 50px;
 }
 .u-mb55 {
  margin-bottom: 55px;
 }
 .u-mb60 {
  margin-bottom: 60px;
 }
 .u-mb65 {
  margin-bottom: 65px;
 }
 .u-mb70 {
  margin-bottom: 70px;
 }
 .u-mb75 {
  margin-bottom: 75px;
 }
 .u-mb80 {
  margin-bottom: 80px;
 }

 .u-mb-xxxxxl {
  margin-bottom: 120px;
 }
 @media screen and (max-width: 767px) {
  .u-mb-xxxxxl {
   margin-bottom: 60px;
  }
 }

 .u-fs-l {
  font-size: 2rem;
 }
 @media screen and (max-width: 767px) {
  .u-fs-l {
   font-size: 1.8rem;
  }
 }
 .u-fw-b {
  font-weight: 700;
 }
 /**********************************************************************************
	pcのみのcss
	**********************************************************************************/
  @media screen and  (min-width: 768px) {
	 .sp-view {
			 display: none !important;
	 }
	 .blue-ul .li-bg-blue p .mr-pc01 {
			 margin-right: 1rem;
	 }
	 .pc-sp-mt01 {
			 margin-top: 60px !important;
	 }
	 .pc-sp-mrg01 {
			 margin-top: 40px !important;
			 margin-bottom: 60px !important;
	 }
 }