/*
Theme Name: 基本テンプレート
Description: レイアウト：テンプレート
*/


/* コンテンツ： 共通
---------------------------------------------------------- */
.contentBox {
  max-width: 1024px;
  margin: auto;
}
@media screen and (max-width: 768px){
  .contentBox {
    width: 90%;
    margin: auto;
    padding: 0;
  }
}


/* 幅調整 */
.w90 {
	width: 90%;
	margin: auto;
}
.w1024 {
	max-width: 102.4rem;
	margin: auto;
}

/* スペース調整 */
.mb20 {
	margin-bottom: 2.0rem!important;
}
.mb30 {
	margin-bottom: 3.0rem!important;
}
.mb50 {
	margin-bottom: 5.0rem!important;
}
.mb70 {
	margin-bottom: 7.0rem!important;
}
.mb80 {
	margin-bottom: 8.0rem!important;
}
.mb100 {
	margin-bottom: 10.0rem!important;
}
.mb120 {
	margin-bottom: 12.0rem!important;
}
@media screen and (max-width: 769px){
	.mb0 {
		margin-bottom: 0!important;
	}
	.mb70, .mb80, .mb100, .mb120 {
		margin-bottom: 10%!important;
	}
}

.p50 {
	padding: 5.0rem 0;
}
.p70 {
	padding: 7.0rem 0;
}


/* パンくずリスト
---------------------------------------------------------- */
.breadcrumb {
	max-width: 1024px;
	margin: 18.0rem auto 0 auto;
	padding: 1% 2%;
	font-size: 1.8rem;
}
@media screen and (max-width: 769px){
	.breadcrumb {
		margin-top: 6.0rem;
		padding: 2%;
	}
}


/* page top
---------------------------------------------------------- */
#page-top {
	display: none;
	position: fixed;
	bottom: 15%;
	right: 3%;
	width: 12.0rem;
	cursor: pointer;
	z-index: 99;
}
@media screen and (max-width: 769px){
	#page-top {
		width: 16.667vw;
		bottom: 15%;
	}
}


/* footer
---------------------------------------------------------- */
.fBk {
	background: url(../images/common/fBk.png) no-repeat 50% 50%;
	background-size: cover;
}

.fBox {
	max-width: 1024px;
	margin: auto;
	padding: 7.0rem 0;
}

.fLink {
	background: #fff;
	padding: 4.0rem;
}

.fTtl {
	position: relative;
	width: 11.0rem;
}
.fTtl img {
	position: absolute;
	top: 0;
	right: 0;
	width: 0.1rem;
	height: 14.0rem;
}
.fTtl h1 {
	font-size: 1.8rem;
	padding: 40% 5% 0 0;
}

.fLinkBox {
	width: calc(100% - 11.0rem);
	width: -webkit-calc(100% - 11.0rem);
	padding: 0 0 0 2.0rem;
}
.fLinkBox li {
	font-size: 1.8rem;
	line-height: 2.2;
}
.fLinkBox li a:hover {
	text-decoration: underline;
}

h1.fLogo {
	display: block;
	max-width: 43.4rem;
	margin: 0 auto 7.0rem auto;
}

p.copy {
	text-align: center;
}

@media screen and (max-width: 769px){
	.fBox {
		padding-bottom: 5%;
	}
	.fTtl h1 {
		font-size: 4.348vw;
		text-align: center;
		padding: 0 0 5% 0;
	}
	.fTtl img {
		display: none;
	}
	.fTtl, .fLinkBox {
		width: 100%;
	}
	.fLinkBox li {
		font-size: 4.348vw;
	}
	h1.fLogo {
		margin: 0 auto 10% auto;
	}
}

.snsBox {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 15.0rem;
  margin: auto;
  padding-top: 5.0rem;
}
.snsBox > div {
	width: 45%;
}


/* 下部固定ボタン
---------------------------------------------------------- */
.underBox {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  ustify-content: space-between;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 88;
}
.underBox > div {
	width: 50%;
	height: 6.5rem;
}
.underBox > div:nth-child(1) {
	background: #cb6a7b;
}
.underBox > div:nth-child(2) {
	background: #e2e1e1;
}
.underBox > div a {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}
.underBox > div a img {
	width: unset;
	height: 80%;
	max-height: 4.5rem;
	margin: auto;
}
@media screen and (max-width: 769px){
	.underBox > div a img {
		width: 90%;
		height: unset;
		max-height: unset;
	}
}


/* PC： header
---------------------------------------------------------- */
#pcHead {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 99;
}

.pcHeadBox {
	position: relative;
}

.pcHeadBk {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 9.7rem;
	background: #f6805c;
}

.pcMenuBox {
	position: relative;
}

.pcMenuInBox1 h1, .pcTelBox {
	width: 50%;
}
.pcMenuInBox1 h1 {
	padding: 2.0rem 0;
}
.pcMenuInBox1 h1 img {
	max-width: 43.4rem;
	margin: auto;
}

.pcTel {
	width: 40.0rem;
	padding: 1.0rem 3.0rem 0 5.0rem;
}
.pcTel a {
	font-size: 2.7rem;
}
.pcTel a:before {
	content: '';
	display: inline-block;
	background: url(../images/common/tel.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 2.7rem;
	height: 2.8rem;
	margin: auto 1.0rem auto 0;
}
.pcTel p {
	font-size: 1.8rem;
	padding-left: 3.5rem;
}

.pcBtn {
	position: absolute;
	top: 0;
	right: 0;
}

a.accessBtn {
	font-size: 1.8rem;
}

.pcMenuInBox2 {
	padding: 3.0rem 0;
}
.pcMenuInBox2 ul {
	-webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
  line-height: 2.0;
}
.pcMenuInBox2 ul li {
	font-size: 1.8rem;
	color: #40210f;
	margin-left: 2%;
}
.pcMenuInBox2 ul li a {
	position: relative;
}
.pcMenuInBox2 ul li a:hover {
	color: #f6805c;
}
.pcMenuInBox2 ul li a:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 0.5rem;
	background: #f6805c;
	bottom: -0.6rem;
	visibility: hidden;
}
.pcMenuInBox2 ul li a:hover:after {
	visibility: visible;
}
.pcMenuInBox2 ul li a.current {
	color: #f6805c;
}


/* sp： header
---------------------------------------------------------- */
#spHead {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
}

.spTel {
  padding: 5% 0;
  text-align: center;
}
.spTel a {
  font-size: 7.246vw;
}
.spTel a:before {
  content: '';
  display: inline-block;
  background: url(../images/common/tel.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  width: 7.246vw;
  height: 8.0vw;
  margin: auto 1.0rem auto 0;
}


/* Slider
---------------------------------------------------------- */
.slideBox {
	aspect-ratio: 3960 / 1440;
	margin: 18.4rem 0 -3.0rem 0;
}
@media screen and (max-width: 769px){
	.slideBox {
		aspect-ratio: 870 / 880;
		margin: 0 0 -30px 0;
	}
}


/* Map
---------------------------------------------------------- */
.map {
  position: relative;
  width: 100%;
  aspect-ratio: 1630 / 730;
  margin: 0;
  overflow: hidden;
}
.map iframe,
.map object,
.map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 769px){
	.map {
		aspect-ratio: 1630 / 900;
	}
}


/* TOP： 共通
---------------------------------------------------------- */
.more span {
	font-size: 1.8rem;
	text-decoration: underline;
}


/* TOP： 
---------------------------------------------------------- */
.c1Bk {
	background: url(../images/top/bk1.png) no-repeat 50% 50%;
	background-size: cover;
}

.c1 {
	background: url(../images/top/bkTxt1.png) no-repeat top 7.5rem left 0;
	background-size: 65% auto;
	padding: 7.0rem 0;
}
@media screen and (max-width: 769px){
	.c1 {

	}
}

.c1Img {
	width: 50%;
	padding: 0 0 0 2%;
}

.c1Txt {
	width: 50%;
	padding: 0 0 0 4.0rem;
}
.c1Txt h2 {
	font-size: 2.4rem;
	color: #40210f;
	line-height: 2.0;
	text-decoration: underline;
}
.c1Txt p {
	font-size: 2.6rem;
	color: #40210f;
	line-height: 2.0;
	padding: 0 0 4.0rem 0;
}
.c1Box._reverse .c1Txt {
	padding: 0 0 0 8.0rem;
}
.c1Box._reverse .c1Img {
	padding: 0;
}
.c1Box .more {
	position: relative;
	width: 25.0rem;
	background: #dc6034;
	border-radius: 2.0rem;
	padding: 2% 5%;
	font-size: 1.8rem;
	color: #fff;
}
.c1Box .more span {
	text-decoration: unset;
}
.c1Box .more img {
	position: absolute;
	top: 50%;
	right: 5%;
	width: 1.7rem;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 769px){
	.c1Img, .c1Txt {
		width: 100%;
		padding: 0;
	}
	.c1Box._reverse .c1Txt {
		padding: 0;
	}
	.c1Img img {
		width: 70%;
		margin: 0 auto 5% auto;
	}
	.c1Txt h2, .c1Txt p {
		font-size: 4.831vw;
	}
	.c1Box .more {
		width: 54.167vw;
		margin: 0 0 0 auto;
	}
}


/* TOP： サービスを探す
---------------------------------------------------------- */
.c2Bk {
	background: url(../images/top/c2Bk.png) no-repeat 50% 50%;
	background-size: cover;
}

.c2 {
	background: url(../images/top/bkTxt2.png) no-repeat top 0 left 0;
	background-size: 100%;
	padding: 10.0rem 0;
}
.c2 h1 {
	font-size: 3.4rem;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 769px){
	.c2 h1 {
		font-size: 8.213vw;
	}
}

.c2Box {
	width: 86%;
	margin: auto;
}
.c2Box > div {
	position: relative;
	width: 47%;
	aspect-ratio: 422 / 290;
	margin: 0 0 3.0rem 0;
	border-radius: 5.0rem;
	box-shadow: 8px 8px 0 rgba(179, 90, 68, 0.9);
	background: #fff;
	overflow: hidden;
	z-index: 1;
}
.c2Box > div img {
	position: absolute;
	bottom: 30%;
	right: 15%;
	width: 39%;
}
.c2Box > div a {
	position: relative;
	display: block;
	height: 100%;
	z-index: 2;
}
.c2Box > div a h2 {
	position: relative;
	display: block;
	padding: 4.0rem;
	font-size: 2.9rem;
	text-decoration: underline;
}
.c2Box > div a h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	aspect-ratio: 422 / 82;
	padding: 2.0rem 3.0rem;
	font-size: 1.8rem;
	color: #fff;
	text-align: right;
}
/* ご本人へ */
.c2Box > div:nth-child(1) h2 {
	color: #f6aa00;
}
.c2Box > div:nth-child(1) h3 {
	background: #f6aa00;
}
.c2Box > div:nth-child(1):hover {
	background: #f6aa00;
}
/* ご家族へ */
.c2Box > div:nth-child(2) h2{
	color: #005aff;
}
.c2Box > div:nth-child(2) h3 {
	background: #005aff;
}
.c2Box > div:nth-child(2):hover {
	background: #005aff;
}
/* 企業の方へ */
.c2Box > div:nth-child(3) h2 {
	color: #56c6f7;
}
.c2Box > div:nth-child(3) h3 {
	background: #56c6f7;
}
.c2Box > div:nth-child(3):hover {
	background: #56c6f7;
}
/* 地域・学校の方へ */
.c2Box > div:nth-child(4) h2 {
	color: #02af79;
}
.c2Box > div:nth-child(4) h3 {
	background: #02af79;
}
.c2Box > div:nth-child(4) img {
	right: 10%;
}
.c2Box > div:nth-child(4):hover {
	background: #02af79;
}
/* 医療・介護・福祉関係の方へ */
.c2Box > div:nth-child(5) h2 {
	color: #990396;
}
.c2Box > div:nth-child(5) h3 {
	background: #990396;
	letter-spacing: -0.2rem;
}
.c2Box > div:nth-child(5) img {
	right: 10%;
}
.c2Box > div:nth-child(5):hover {
	background: #990396;
}
/* 介護保険などのご相談はこちら */
.c2Box > div:nth-child(6) {
	background: unset;
	border: 3px solid #fff;
	box-shadow: unset;
}
.c2Box > div:nth-child(6) a h2 {
	color: #fff;
	text-decoration: unset;
	padding: 3.0rem;
}
.c2Box > div:nth-child(6) img {
	bottom: 15%;
	left: 8%;
}
.c2Box > div:nth-child(6):hover {
	background: #b5b5b6;
}
.c2Box > div:hover h2 {
	color: #fff;
}
@media screen and (max-width: 769px){
	.c2Box > div {
		width: 100%;
	}
	.c2Box > div a h2 {
		font-size: 7.005vw;
		padding-top: 5%;
	}
}


/* TOP： お知らせ
---------------------------------------------------------- */
.c3 {
	padding: 7.0rem 0 0 0;
}
.c3 h1 {
	font-size: 3.4rem;
	color: #ff7400;
	letter-spacing: 0.5rem;
	text-align: center;
}
.c3 .more {
	margin: auto;
}
@media screen and (max-width: 769px){
	.c3 h1 {
		font-size: 8.213vw;
	}
}

.newsList li a {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 3.0rem 0;
}

p.singleTime {
	font-size: 1.8rem;
	color: #9e9e9f;
}

p.newsListTtl {
	font-size: 2.0rem;
	padding: 0 0 0 5%;
}

.snsMore {
	text-align: center;
}
.snsMore a span {
	font-size: 1.8rem;
	color: #fff;
	background: #dc6034;
	border-radius: 3.0rem;
	padding: 1% 5%;
}


/* TOP： インスタグラム
---------------------------------------------------------- */
.c4 {
	padding: 7.0rem 0;
}
.c4 h1 {
	font-size: 3.4rem;
	color: #ff7400;
	line-height: 7.5rem;
	letter-spacing: 0.5rem;
	text-align: center;
	background: url(../images/top/ttlBk1.png) no-repeat 50% 50%;
	background-size: 30.0rem auto;
}

.sbi_follow_btn {
	display: none!important;
}


/* TOP： イベント情報
---------------------------------------------------------- */
.c5Bk {
	background: url(../images/top/bk2.png) no-repeat 50% 50%;
	background-size: cover;
}

.c5 {
	padding: 9.0rem 0;
}
.c5 h1 {
	font-size: 3.4rem;
	color: #ff7400;
	line-height: 7.5rem;
	letter-spacing: 0.5rem;
	text-align: center;
	background: url(../images/top/ttlBk2.png) no-repeat 50% 50%;
	background-size: 30.0rem auto;
}
@media screen and (max-width: 769px){
	.c5 h1 {
		font-size: 8.213vw;
	}
}

.c5Box {
	padding: 10.0rem 0 0 0;
}
.c5Box > div {
	margin-bottom: 3.0rem;
}
.c5Box > div:nth-child(odd) {
	width: 55%;
}
.c5Box > div:nth-child(even) {
	width: 45%;
}
.c5Box > div._negative {
	margin-top: -8%;
}
.c5Box > div ul li h1 {
	font-size: 2.3rem;
	font-weight: 700;
	color: #40210f;
	line-height: 1.2;
	letter-spacing: unset;
	text-align: unset;
	background: unset;
	padding: 0 0 2% 0;
}
.c5Box > div ul li a:hover {
	text-decoration: underline;
}
.c5Box > div ul li._blank h1 {
	line-height: 1.0;
	margin-top: -2%;
	padding: 0;
}
.c5Box > div ul li h2 {
	font-size: 2.3rem;
	font-weight: 400;
	color: #40210f;
	line-height: 1.2;
	padding: 0 0 2% 0;
}
.c5Box > div ul li h3 {
	font-size: 1.8rem;
	font-weight: 400;
	color: #595757;
	line-height: 2.0;
	padding: 0 0 2% 4%;
}
.c5Box > div ul li h3._red:before {
	content: '';
	display: inline-block;
	background: url(../images/top/arrRed.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 1.6rem;
	height: 1.8rem;
	margin: auto 0.5rem auto 0;
}
.c5Box > div ul li h3._blue:before {
	content: '';
	display: inline-block;
	background: url(../images/top/arrBlue.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 1.6rem;
	height: 1.8rem;
	margin: auto 0.5rem auto 0;
}
.c5Box > div ul li h3._green:before {
	content: '';
	display: inline-block;
	background: url(../images/top/arrGreen.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 1.6rem;
	height: 1.8rem;
	margin: auto 0.5rem auto 0;
}
@media screen and (max-width: 769px){
	.c5Box > div._negative {
		margin-top: 0;
	}
	.c5Box > div:nth-child(odd), .c5Box > div:nth-child(even) {
		width: 100%;
	}
	.c5Box > div ul li h1, .c5Box > div ul li h2 {
		font-size: 4.831vw;
	}
	.c5Box > div ul li h3 {
		font-size: 4.348vw;
	}
	.c5Box > div ul li h3._red:before,
	.c5Box > div ul li h3._blue:before,
	.c5Box > div ul li h3._green:before {
		width: 3.865vw;
		height: 4.348vw;
	}
	.c5Box > div ul li._blank {
		display: none;
	}
}


/* 問合せ先 */
.c5Box2 {
	background: #fff;
	padding: 5.0rem 4.0rem 8.0rem 4.0rem;
}
.c5Box2 h1 {
	font-size: 3.4rem;
	color: #3e3a39;
	text-align: unset;
	background: unset;
	line-height: unset;
	letter-spacing: unset;
}
@media screen and (max-width: 769px){
	.c5Box2 h1 {
		font-size: 8.213vw;
	}
}

.c5Tel {
	margin: 3.0rem 0 0 0;
}

.c5TelBox {
	width: 55.8rem;
}
.c5TelBox, .c5TelBox a {
	font-size: 6.5rem;
	font-weight: 900;
}
.c5TelBox a:before {
	content: '';
	display: inline-block;
	background: url(../images/top/tel.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 7.8rem;
	height: 7.8rem;
	margin: auto 3.0rem auto 0;
}
.c5TelBox p {
	font-size: 3.0rem;
	color: #595757;
	padding: 0 0 2.0rem 11.0rem;
}
@media screen and (max-width: 769px){
	.c5Tel {
		margin: 3.0rem 0;
	}
	.c5TelBox {
		width: 100%;
	}
	.c5TelBox a {
		font-size: 7.729vw;
	}
	.c5TelBox a:before {
		width: 9.420vw;
		height: 9.420vw;
		margin: auto 5% auto 0;
	}
	.c5TelBox p {
		font-size: 4.831vw;
		margin-left: 9.420vw;
		padding: 0 0 5% 5%;
	}
}

.c5TelInfo {
	width: calc(100% - 55.8rem);
	width: -webkit-calc(100% - 55.8rem);
	padding: 1.5rem 0 0 7.0rem;
}
.c5TelInfo p {
	font-size: 2.9rem;
}
@media screen and (max-width: 769px){
	.c5TelInfo {
		width: 100%;
		padding: 0;
	}
	.c5TelInfo p {
		font-size: 5.208vw;
		padding: 0 0 0 5.0rem;
	}
}

.c5Fax, .c5Mail {
	padding: 0 0 0 1.5rem;
}
.c5Mail._pc {
	margin-bottom: 3.0rem;
}
.c5Fax {
	font-size: 2.5rem;
}
.c5Fax:before {
	content: '';
	display: inline-block;
	background: url(../images/common/fax.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 5.6rem;
	height: 5.6rem;
	margin: auto 3.0rem auto 0;
}
@media screen and (max-width: 769px){
	.c5Fax {
		font-size: 4.348vw;
		margin-bottom: 5%;
	}
	.c5Fax:before {
		width: 6.763vw;
		height: 6.763vw;
		margin: auto 1.5rem auto 0;
	}
}

.c5Mail a {
	font-size: 2.5rem;
	text-decoration: underline;
}
.c5Mail a:before {
	content: '';
	display: inline-block;
	background: url(../images/top/mail.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	width: 5.6rem;
	height: 5.6rem;
	margin: auto 3.0rem auto 0;
}
@media screen and (max-width: 769px){
	.c5Mail a {
		font-size: 4.348vw;
	}
	.c5Mail a:before {
		width: 6.763vw;
		height: 6.763vw;
		margin: auto 1.5rem auto 0;
	}
}


/* イベントカレンダー */
.schedule {
  position: relative;
  width: 100%;
  aspect-ratio: 900 / 700;
  overflow: hidden;
}
.schedule iframe,
.schedule object,
.schedule embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 769px){
	.schedule {
		aspect-ratio: 900 / 900;
	}
}



/* TOP： アクセス
---------------------------------------------------------- */
.c6Bk {
	background: url(../images/top/bk3.png) no-repeat 50% 50%;
	background-size: cover;
}

.c6 {
	position: relative;
	padding: 4.0rem 0 6.0rem 0;
}
.c6 h1 {
	font-size: 3.4rem;
}
@media screen and (max-width: 769px){
	.c6 h1 {
		font-size: 8.213vw;
	}
}

.c6Box {
	padding: 2.0rem 2.5rem;
	border: 2.0rem solid #e1e1e1;
	background: #fff;
}

.c6Img {
	width: 50.0rem;
}

.c6Txt {
	width: calc(100% - 50.0rem);
	width: -webkit-calc(100% - 50.0rem);
	padding: 4.0rem 3.0rem;
}
.c6Txt h2 {
	font-size: 2.1rem;
}
.c6Txt h2 span {
	color: #d56d80;
}
.c6Txt p {
	font-size: 1.8rem;
	padding: 3.0rem 0 0 3.0rem;
}

@media screen and (max-width: 769px){
	.c6Img, .c6Txt {
		width: 100%;
	}
	.c6Txt {
		padding: 5% 0;
	}
	.c6Txt h2 {
		font-size: 5.072vw;
	}
	.c6Txt p {
		font-size: 4.348vw;
	}
}

p.c6Under {
	font-size: 1.8rem;
	text-align: center;
}


/* カテゴリ： 共通
---------------------------------------------------------- */
.catV {
	height: 38.0rem;
	padding-top: 16.5rem;
}
.catV h1 {
	font-size: 5.5rem;
	font-weight: 900;
	color: #fff;
	max-width: 90.0rem;
	margin: auto;
}
.catV h1 span {
	padding: 0 2%;
}
.catV h1 span._adjust {
	display: block;
	padding-top: 2%;
	background: unset!important;
}
.catV._about h1 span {
	background: #996056;
}
.catV._person h1 span {
	background: #f6aa00;
}
.catV._familymembers h1 span {
	background: #005aff;
}
.catV._forcompanies h1 span {
	background: #56c6f7;
}
.catV._localpeople h1 span {
	background: #02af79;
}
.catV._medicalperson h1 span {
	background: #990396;
}
.catV._common h1 span {
	background: #f6805c;
}
.catV._link h1 span {
	font-size: 4.0rem;
}
.catV._about, .catV._common {
	background: url(../images/cat/about/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
.catV._person {
	background: url(../images/cat/about/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
.catV._familymembers {
	background: url(../images/cat/familymembers/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
.catV._forcompanies {
	background: url(../images/cat/forcompanies/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
.catV._localpeople {
	background: url(../images/cat/localpeople/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
.catV._medicalperson {
	background: url(../images/cat/medicalperson/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
.catV._link {
	background: url(../images/cat/link/catV.png) no-repeat 50% 50%;
	background-size: cover;
}
@media screen and (max-width: 769px){
	.catV {
		height: 38.0rem;
	}
	.catV h1 {
		width: 90%;
		font-size: 9.375vw;
	}
	.catV._link h1 span {
		font-size: 6.56vw;
	}
}


.catBox {
  max-width: 61.6rem;
  margin: auto;
  color: #40210f;
}
.catBox.w900 {
	max-width: 90.0rem;
}
.catBox h2 {
	font-size: 4.5rem;
	color: #ed600b;
	padding-bottom: 3.0rem;
}
.catBox h3 {
	position: relative;
	font-size: 2.2rem;
	color: #fff;
	background: #ed600b;
	border-radius: 1.0rem;
	margin-bottom: 1.5rem;
	padding: 1.0rem 5.5rem;
}
.catBox h3 img {
	position: absolute;
	top: 50%;
	left: 1.0rem;
	width: 1.7rem;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.catBox p {
	font-size: 2.2rem;
	line-height: 1.5;
}
/*
.catBox._en p {
	word-break:break-all
}
*/
.catBox b {
	font-size: 2.4rem;
	font-weight: 700;
}
@media screen and (max-width: 768px){
  .catBox {
    width: 90%;
    margin: auto;
  }
}

.commonBox {
	padding-left: 6.0rem;
}
.commonBox p {
	font-weight: 400;
}
@media screen and (max-width: 768px){
	.commonBox {
		padding-left: 0;
	}
}


/* 背景 */
._grayBk {
	background: #f4f3f0;
}
._orangeBk {
	background: #F7F0E9;
}
._brownBk {
	background: #3F210F;
}

/* 文字サイズ */
.s24 {
	font-size: 2.4rem;
}


._underline {
	text-decoration: underline;
}

._border {
	border: 2px solid #DBDCDC;
	border-radius: 3.0rem;
	padding: 3% 5%;
}

.catFlex > div {
	width: 49%;
}
@media screen and (max-width: 769px){
	.catFlex > div {
		width: 100%;
	}
}

.catLinkBox {
	max-width: 75.0rem;
	margin: auto;
}
@media screen and (max-width: 769px){
	.catLinkBox {
		width: 90%;
	}
}

.catLink {
	width: 48%;
	margin-bottom: 3.5rem;
}
.catLink a {
	display: block;
	font-size: 2.0rem;
	font-weight: 900;
	margin-bottom: 1.0rem;
	padding: 1.3rem 2.0rem;
	background: #fff;
	border: 1px solid #ec600b;
	border-radius: 2.0rem;
	box-shadow: 5px 5px 0 #ec600b;
}
.catLink p {
	font-size: 1.8rem;
	line-height: 2.0;
	padding: 0 2.0rem;
	text-align: left;
}
.catLink p span {
	color: #ff9a00;
}
@media screen and (max-width: 769px){
	.catLink, .catLink:last-child a {
		width: 100%;
	}
}

a.noEvents {
	pointer-events: none;
}

.waku {
	max-width: 80.0rem;
	margin: auto;
	padding: 5.0rem;
	border: 3px solid #f3f2ef;
	border-radius: 2.0rem;
}
@media screen and (max-width: 769px){
	.waku {
		margin: 0 5%;
		padding: 5.0rem 0;
	}
}


/* 投稿ページ
---------------------------------------------------------- */
.article {
	padding: 5% 0 10% 0;
}
.article h1.ttl {
	margin: 0 0 1% 0;
}
.article h1.ttl span {
	font-size: 3.0rem;
	color: #fff;
	background: #000;
	padding: 0 2%;
}
.article h2.ttl {
	font-size: 2.0rem;
	margin-bottom: 5%;
}
.article h3 {
	font-size: 2.5rem;
}
.article p.day {
	font-size: 1.4rem;
	text-decoration: underline;
	margin-bottom: 5%;
}
.article p.category {
	font-size: 1.5rem;
	margin-bottom: 3%;
	padding: 1% 0.5%;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}
.article p {
	font-size: 1.8rem;
	line-height: 2.0;
}
.article img {
  display: unset;
  margin-bottom: 5%;
}

.navigation {
	position: relative;
	width: 100%;
	height: 3.0rem;
	margin: 0 0 10% 0;
}
.navigation a {
	display: block;
	font-size: 1.8rem;
	color: #fff;
	padding: 1% 0 2% 0;
}
.navigation p.navileft {
	position: absolute;
	top: 0;
	left: 0;
}
.navigation p.naviright {
	position: absolute;
	top: 0;
	right: 0;
}
.navigation p.navileft span, .navigation p.naviright span {
	display: block;
	width: 8.0rem;
	text-align: center;
	background: #575757;
}


/* 記事一覧ページ
---------------------------------------------------------- */
.catNewBox h1.ttl {
	margin: 0 0 10% 0;
}
.catNewBox h1.ttl span {
	font-size: 3.0rem;
	color: #fff;
	background: #000;
	padding: 0 2%;
}

.catNewsList li {
	position: relative;
	margin-bottom: -1px;
	padding: 2% 0;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}
.catNewsList li p.newsTtl {
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 2%;
}
.catNewsList li p.newsDay {
	font-size: 1.4rem;
	text-decoration: underline;
	margin-bottom: 3%;
}
.catNewsList li p.newsCategory {
	font-size: 1.5rem;
}
.catNewsList li p.more {
	position: absolute;
	bottom: 10%;
	right: 0;
	width: 18.0rem;
	padding: 1% 0;
	font-size: 1.8rem;
	text-align: center;
	background: #f8c8ba;
}


/* このページは現在準備中です。
---------------------------------------------------------- */
.blankBox {
	background: url(../images/top/bk1.png) no-repeat 50% 50%;
	background-size: cover;
	padding: 20% 0;
}
.blankBox h2 {
	max-width: 71.0rem;
	margin: auto;
	font-size: 2.7rem;
	color: #d15d34;
	text-align: center;
	background: #fff;
	padding: 3.0rem 0;
}
.blankBox h2 a {
	display: block;
	max-width: 25.0rem;
	margin: 2.0rem auto 0 auto;
}
@media screen and (max-width: 769px){
	.blankBox h2 {
		font-size: 5.625vw;
	}
}


/* 参画企業団体
---------------------------------------------------------- */
.linkBox h2 {
	font-size: 2.9rem;
	color: #3F210F;
	text-align: center;
}
.linkBox p {
	font-size: 1.6rem;
	text-align: right;
}
.linkBox ._row {
	justify-content: unset;
}
.linkBox ._row > div {
	width: calc((100% - 6%) / 4);
  width: -webkit-calc((100% - 6%) / 4);
	margin: 0 2% 2% 0;
}
.linkBox ._row > div:nth-child(4n) {
	margin-right: 0;
}
@media screen and (max-width: 768px){
	.linkBox ._row{
		justify-content: space-between;
	}
	.linkBox ._row > div {
		width: 48%;
		margin: 0 0 5% 0;
	}
}

._linkList h2 {
	font-size: 2.9rem;
	color: #fff;
	text-align: center;
}
._linkList a {
	display: block;
	width: 25.4rem;
	aspect-ratio: 254 / 70;
	margin: auto;
	font-size: 1.6rem;
	font-weight: bold;
	color: #231815;
	text-align: center;
	line-height: 4.0;
	background: #fff;
}