@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');


/* ------------------------------------------------
  reset
------------------------------------------------ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

sup {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 60%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
caption, th{
	text-align:left;
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:500;
}
area {
	border:none;
	outline:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img{
	border:0;
	vertical-align:bottom;
}


/* ------------------------------------------------
  common
------------------------------------------------ */

html {
	font-size: 62.5%;
}

/*html.lock,*/
html.lock body {
  height: 100vh;
	/*overflow: hidden;*/
}

body {
	color: #434343;
	font-size: 18px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","メイリオ ", Meiryo, Osaka, sans-serif;
	font-weight: 500;
	line-height:1.4;
	letter-spacing: 0.1em;
	height: 100%;
	background-color: #FFF;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}
@media screen and (max-width: 668px) {
	body {
		font-size: 14px;
	}

	.remodal-wrapper {
		padding: 10px 0 0;
	}
}

#stage .scrollin {
	transform: translateY(50px);
	opacity: 0;
	transition: all 1.6s ease;
}
#stage .scrollin.Done {
	transform: translateY(0);
	opacity: 1;
}

#stage {
	min-width: 1200px;
	/* max-width: 1920px; */
	height: 100%;
	overflow: hidden;
	margin: 0 auto;

	background-image: url(/project/care/images/bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100vh;
}

#stage .btn > a {
	text-decoration: none;
}

#wrapper {
	width: 100%;
	/* height: 100vh; */
	min-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;

	/* padding-top: 0 !important; */
	box-sizing: border-box;
}
#wrapper section {
	position: relative;
	z-index: 10;
}
#wrapper .inner {
	width: 1180px;
	max-width: 1920px;
	padding: 0 10px;
	margin: 0 auto;
	box-sizing: border-box;
}
img.liquid {
	width: 100%;
	height: auto
}
@media screen and (max-width: 668px) {
	#stage {
		min-width: 375px;
		background-image: url(/project/care/images/sp/bg.png);
	}
	#wrapper {
		width: auto;
		min-width: 375px;
	}
	#wrapper .inner {
		width: auto;
	}
	#wrapper img {
		width: 100%;
		height: auto
	}
}


a {
	color: inherit;
	outline: none;
	text-decoration:none;
}
a:active,
a:focus {
	text-decoration: underline;
}


a:hover,
a:hover span {
	text-decoration: underline;
	outline: none;
}

a.underline {
	text-decoration: underline;
}
a.underline:hover {
	opacity: 0.7;
}


@media screen and (min-width: 669px) {
	.fade {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.fade:hover {
		opacity: 0.6;
	}
}

.cf::before,
.cf::after,
.clearfix::after {
	content: " ";
	display: table;
}
.cf::after,
.clearfix::after {
	clear: both;
}
.cf {
	*zoom: 1;
}

.cb {
	clear: both;
}

/* FOT-筑紫B丸ゴシック Std */
/*font-family: fot-tsukubrdgothic-std, sans-serif;*/

/* ------------------------------------------------
  ヘッダー
------------------------------------------------ */
#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1100;
	width: 100%;
	max-width: 1920px;
	padding: 20px 30px;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #FFF;
	transition: top ease .5s;
}
#header.hide {
	top: -100%;
}

#header::before,
#header::after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	background-color: #FFF;
}
#header::before {
	left: -1px;
}
#header::after {
	right: -1px;
}

#header .inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .inner .logo > * {
	display: inline-block;
	vertical-align: middle;
}
#header .inner .logo a {
	display: inline-block;
}
#header .inner .logo .duskin {
	width: 100px;
	margin-right: 30px;
}
#header .inner .logo .duskin img {
	width: 100px;
}

#header .inner .main-ttl {
	font-size: 1.93rem;
}

#header .inner img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 668px) {
	#header {
		padding: 3.75% 4%;
	}

	#header .inner {
		padding: 0
	}
	#header .inner .logo .duskin {
		width: 50px;
		margin-right: 15px;
		overflow: hidden
	}
	#header .inner .logo .duskin img {
		width: 50px
	}

	#header .inner .logo .home {
		width: 152px;
	}

	#header .inner .main-ttl {
		font-size: 1.1rem;
	}

}


/* ------------------------------------------------
  フッター
------------------------------------------------ */
#footer {
	width: 100%;
	box-sizing: border-box;
	/* background-color: #FFF; */
	font-size: 10px;
	position: relative;
	z-index: 100;
}
#footer .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
}
#footer .copy {
	font-size: 1rem;
	letter-spacing: 0.1em;
	text-align: center;
}

#footer .logos {
	display: flex;
	align-items: center;
}
#footer .logos img {
	width: 100%;
	height: auto;
}

#footer .logos .duskin {
	width: 10rem;
	margin-right: 2.5rem;
}
#footer .logos .th60 {
	width: 70px;
}

@media screen and (max-width: 668px) {
	#footer .inner {
		display: block;
	}
	#footer .logos {
		justify-content: center;
		margin-bottom: 5%;
	}
	#footer .logos .duskin {
		margin-right: 0;
	}
}


/* ------------------------------------------------
  コンテンツ
------------------------------------------------ */
#contents {
	box-sizing: border-box;
/* 	background-color: #fbefc2; */

	position: relative;
}
#contents * {
	box-sizing: border-box
}


@media screen and (max-width: 668px) {

}

.set_url {
	word-break: break-all;
}


/* ------------------------------------------------
  リポート2023
------------------------------------------------ */
#report_2023 {
	background-color: #FFF;
	padding-top: 95px;
}
#report_2023 .inner {
	position: relative;
	width: 1090px;
	margin: 0 auto;
	padding: 90px 50px;
}
#report_2023 .decoration {
	position: absolute;
	font-size: 0;
}
#report_2023 .deco1 {
	background: linear-gradient(-180deg, rgb(188,226,242) 0%, rgb(181,206,244) 100%);
	top: 0;
	left: 17px;
	width: 20px;
	height: calc(100% - 26px);
	z-index: 100;
	border-top-left-radius: 12px;
}
#report_2023 .deco2 {
	background: linear-gradient(-90deg, rgb(199,235,195) 0%, rgb(193,220,203) 100%);
	opacity: 0.7;
	top: 17px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 400;
	border-bottom-right-radius: 12px;
}
#report_2023 .deco3 {
	background: linear-gradient(-180deg, rgb(249,221,239) 0%, rgb(248,197,241) 100%);
	top: 26px;
	right: 17px;
	width: 20px;
	height: calc(100% - 26px);
	z-index: 100;
	border-bottom-left-radius: 12px;
}
#report_2023 .deco4 {
	background: linear-gradient(-90deg, rgb(225,228,235) 0%, rgb(232,227,234) 100%);
	opacity: 0.8;
	bottom: 17px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 400;
	border-bottom-left-radius: 12px;
}



#report_2023 h2 {
	font-size: 34px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
#report_2023 h2 > * {
	vertical-align: middle;
}
#report_2023 h2 span.label {
	display: inline-block;
	width: 90px;
	border-top-left-radius: 12px;
	background-color: #d1023d;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.4em;
	text-align: center;
	padding: 11px 0;
	padding-left: 8px;
	line-height: 1;
	margin-right: 25px;
}
#report_2023 h2 span.body {
	position: relative;
	top: -2px;
}

#report_2023 .txt {
	font-size: 18px;
	text-align: center;
	line-height: 1.8;
}
#report_2023 .txt strong {
	font-weight: bold;
	color: #d96fb5;
}
#report_2023 .btn {
	text-align: center;
	margin-top: 35px;
}
#report_2023 .btn a {
	font-size: 18px;
	font-weight: bold;
	color: #d96fb5;
	text-align: center;
	display: inline-block;
	padding: 15px 10px;
	width: 320px;
	background-color: #fbedf6;
	position: relative;
}
#report_2023 .btn a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.2px;
	border-color: transparent transparent transparent #d96fb5;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	z-index: 10;
	margin: auto;
}
@media screen and (max-width: 668px) {
	#report_2023 {
		padding-top: 55px;
	}
	#report_2023 .inner {
		width: 92%;
		padding: 12% 0;
	}
	#report_2023 .deco1 {
		left: 2.31884%;
		width: 0;
		padding-left: 2.8986%;
		height: calc(100% - 3.76376%);
	}
	#report_2023 .deco2 {
		top: 0;
		margin-top: 2.46376%;
		left: 0;
		width: 100%;
		height: 0;
		padding-top: 2.8986%;
	}
	#report_2023 .deco3 {
		top: 0;
		margin-top: 3.76376%;
		right: 2.31884%;
		width: 0;
		padding-left: 2.8986%;
		height: calc(100% - 3.76376%);
		border-bottom-left-radius: 12px;
	}
	#report_2023 .deco4 {
		bottom: 0;
		margin-bottom: 2.46376%;
		left: 0;
		width: 100%;
		height: 0;
		padding-top: 2.8986%;
	}



	#report_2023 h2 {
		font-size: 23px;
		margin-bottom: 20px;
	}
	#report_2023 h2 > * {
		vertical-align: middle;
	}
	#report_2023 h2 span.label {
		display: block;
		width: 65px;
		border-top-left-radius: 8px;
		font-size: 14px;
		margin: 0 auto 5px;
		padding: 7px 0;
		padding-left: 5px;
	}
	#report_2023 h2 span.body {
		top: 0;
		line-height: 1.2;
	}

	#report_2023 .txt {
		font-size: 12px;
	}
	#report_2023 .btn {
		margin-top: 22px;
	}
	#report_2023 .btn a {
		font-size: 13px;
		padding: 15px 10px;
		width: 225px;
		background-color: #fbedf6;
		position: relative;
	}
	#report_2023 .btn a::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3px 0 3px 5.2px;
		border-color: transparent transparent transparent #d96fb5;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 18px;
		z-index: 10;
		margin: auto;
	}
}



/* ------------------------------------------------
  kv
------------------------------------------------ */
#kv {
	width: 100%;
	height: calc(90dvh - 120px);
	min-height: 740px;
}
#kv .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
}
#kv .inner h1 {
	width: 37.9rem;
	margin-bottom: 2.8rem;
}
#kv .inner h1 + .lead {
	font-size: 2.8rem;
	font-family: "Zen Maru Gothic";
	font-weight: normal;
	letter-spacing: 0.08em;
}
#kv .inner .txt {
	font-size: 2rem;
	letter-spacing: 0.15em;
	line-height: 2.4;
	margin-top: 8.2rem;
}

#kv .inner .cs {
	font-size: 2.2rem;
	font-family: "Zen Maru Gothic";
	letter-spacing: 0.16em;
	color: #0064a9;
	margin-top: 8rem;
	position: relative;
}
#kv .inner .cs::after {
	content: "";
	display: block;
	width: 11rem;
	height: 7.1rem;
	background-image: url(/project/care/images/kv_opiton.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -2.3rem;
	right: -3.5rem;
}
#kv .inner .cs span {
	position: relative;
	z-index: 10;
}
#kv .inner .cs span::before,
#kv .inner .cs span::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2.4rem;
	height: 1px;
	margin: 0 1.3rem;
	background-color: #0064a9;
}


@media screen and (max-width: 668px) {
	#kv {
		height: calc(90dvh - 120px);
		min-height: 46rem;
	}
	#kv .inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0;
		text-align: center;
	}
	#kv .inner h1 {
		width: 18rem;
		margin-bottom: 1.2rem;
	}
	#kv .inner h1 + .lead {
		font-size: 1.5rem;
	}
	#kv .inner .txt {
		font-size: 1.3rem;
		line-height: 2.1;
		margin-top: 3.9rem;
	}

	#kv .inner .cs {
		font-size: 1.4rem;
		letter-spacing: 0.16em;
		margin-top: 4rem;
	}
	#kv .inner .cs::after {
		width: 6.85rem;
		height: 4.45rem;
		top: -1.2rem;
		right: -1.8rem;
	}
	#kv .inner .cs span::before,
	#kv .inner .cs span::after {
		width: 1.5rem;
		margin: 0 1rem;
	}
}

#local_menu {
	padding: 80px 0;
}
#local_menu ul {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#local_menu ul + ul {
	margin-top: 55px;
}
#local_menu ul li {
	width: 492px;
	margin: 0 21px;
}
#local_menu ul li a {
	display: block;
	background-color: #ebf3f8;
	padding: 35px 20px;
	text-align: center;
	position: relative;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #0064a9;
	letter-spacing: 0.09em;
}
#local_menu ul li a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 8px solid #0064a9;
	border-bottom: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	z-index: 10;
	margin: auto;
}
#local_menu ul li a .label {
	display: block;
	height: 28px;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#local_menu ul li a .label img {
	width: auto;
	height: 100%;
}
#local_menu ul li a .label img + img {
	margin-left: 9px;
}
#local_menu ul li a em {
	font-size: 12px;
	font-style: normal;
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
}
#local_menu ul li a > *:not(span) {
	transform: translateY(-5px);
}

@media screen and (max-width: 668px) {
	#local_menu {
		padding: 10.8% 6%;
	}
	#local_menu ul {
		display: block;
	}
	#local_menu ul li {
		width: 100%;
		margin: 0;
	}
	#local_menu ul + ul,
	#local_menu ul li + li {
		margin-top: 7.6333%;
	}

	#local_menu ul li a {
		padding: 5.5% 6.3% 4%;
		font-size: 12px;
	}
	#local_menu ul li a::after {
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
	border-top: 5.5px solid #0064a9;
	right: 25px;
	}
	#local_menu ul li a .label {
		height: 20px;
		top: -17%;
		right: auto;
		font-size: 0;
	}
	#local_menu ul li a em {
		font-size: 8px;
		position: static;
	}
	#local_menu ul li a > *:not(span) {
		transform: translateY(0);
	}
}





/* ------------------------------------------------
  exhibition
------------------------------------------------ */
#sec_exhibition {
	background-image: url(/project/care/images/exhibition/bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#sec_exhibition .inner {
	padding: 115px 0 170px;
}

#sec_exhibition .inner h2 {
	font-size: 32px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
#sec_exhibition .inner .txt {
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
}

#sec_exhibition .inner .movie {
	margin-top: 45px;
	text-align: center;
}
@media screen and (max-width: 668px) {
	#sec_exhibition {
		background-image: url(/project/care/images/exhibition/sp/bg.png);
		background-position: 50% 78%;
		background-size: contain;
	}
	#sec_exhibition .inner {
		padding: 18.13333% 6% 23.2%;
	}

	#sec_exhibition .inner h2 {
		font-size: 23px;
		margin-bottom: 25px;
	}
	#sec_exhibition .inner .txt {
		font-size: 12px;
	}

	#sec_exhibition .inner .movie {
		margin-top: 30px;
	}
}


/* ------------------------------------------------
  poster
------------------------------------------------ */
#sec_poster {

}
#sec_poster .head {
	background-image: url(/project/care/images/poster/move.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#sec_poster .head img {
	width: 100%;
	height: auto;
}

#sec_poster .inner {
	padding: 95px 0 180px;
	overflow: hidden;
}
#sec_poster .inner h2 {
	font-size: 20px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
}

#sec_poster .inner .guide {
	font-size: 16px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#sec_poster .inner .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -10px -45px;
}
#sec_poster .inner .list a {
	display: block;
}
#sec_poster .inner .list > li {
	margin: 0 10px 45px;
}
@media screen and (max-width: 668px) {
	#sec_poster {

	}
	#sec_poster .head {
		background-image: url(/project/care/images/poster/sp/move.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	#sec_poster .inner {
		padding: 10.66666% 6% 20%;
	}
	#sec_poster .inner h2 {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	#sec_poster .inner .guide {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#sec_poster .inner .list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 -1.5% -3%;
	}
	#sec_poster .inner .list a {
		display: block;
	}
	#sec_poster .inner .list > li {
		width: 30.303%;
		margin: 0 1.5% 3%;
	}
}









/* ------------------------------------------------
  about
------------------------------------------------ */
#sec_about {
	padding-top: 140px;
}
#sec_about .logo {
	text-align: center;
	margin-bottom: 30px;
}

#sec_about .inner h2 {
	font-size: 30px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	color: #0064a9;
	text-align: center;
	margin-bottom: 40px;
}
#sec_about .inner .txt {
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 290px;
}

#sec_about .frame {
	background-color: #ebf3f8;
	padding-top: 1px;
	padding-bottom: 85px;
}
#sec_about .frame .inner {
	margin-top: -240px;
}

#sec_about .frame .movie_ttl {
	font-size: 18px;
	font-weight: bold;
	text-align: center;

	margin-bottom: 25px;
}
#sec_about .frame .movie {
	width: 752px;
	margin: 0 auto;
}
#sec_about .frame .movie span {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#sec_about .frame .movie span iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#sec_about .frame .strong_points {
	display: flex;
	justify-content: flex-start;
	width: 890px;
	margin: 80px auto 90px;
}
#sec_about .frame .strong_points .head {
	width: 250px;
	background-color: #d8e8f3;
	border-top-left-radius: 26px;
	border-bottom-right-radius: 26px;
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 24px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	color: #0064a9;
	text-align: left;
}
#sec_about .frame .strong_points .body {
	margin-left: 40px;
}
#sec_about .frame .strong_points .body li {
	font-size: 16px;
	letter-spacing: 0.06em;
	margin-right: -20em;
	text-indent: -30px;
	padding-left: 30px;
}
#sec_about .frame .strong_points .body li em {
	font-weight: inherit;
	font-style: inherit;
	color: #0064a9;
}
#sec_about .frame .strong_points .body li .note {
	display: block;
	font-size: 12px;
	line-height: 1.6;
	text-indent: 0;
	margin-top: 8px;
}
#sec_about .frame .strong_points .body li + li {
	margin-top: 18px;
}
#sec_about .frame .strong_points .body li::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 14px;
	margin-top: -3px;
	margin-right: 12px;
	background-image: url(/project/care/images/about/check.png);
	background-repeat: no-repeat;
}
@media screen and (max-width: 668px) {
	#sec_about {
		padding-top: 17.33333%;
	}
	#sec_about .logo {
		width: 19.8667%;
		margin: 0 auto 30px;
	}

	#sec_about .inner {
		padding: 0
	}
	#sec_about .inner h2 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	#sec_about .inner .txt {
		font-size: 12px;
		margin-bottom: 30%;
	}

	#sec_about .frame {
		padding-bottom: 0
	}
	#sec_about .frame .inner {
		margin-top: -22%;
		padding-bottom: 10%;
	}

	#sec_about .frame .movie_ttl {
		font-size: 14px;

		margin-bottom: 15px;
	}
	#sec_about .frame .movie {
		width: 100%;
	}

	#sec_about .frame .strong_points {
		display: block;
		width: auto;
		margin: 40px auto 0;
		padding: 0 7.3333% 7.3333%;
	}
	#sec_about .frame .strong_points .head {
		width: auto;
		border-top-left-radius: 14px;
		border-bottom-right-radius: 14px;

		font-size: 18px;
		text-align: center;
		padding: 12px;
		margin-bottom: 20px
	}
	#sec_about .frame .strong_points .body {
		margin-left: 0;
	}
	#sec_about .frame .strong_points .body li {
		font-size: 12px;
		letter-spacing: 0.06em;
		margin-right: 0;
		text-indent: -1.9em;
		padding-left: 1.9em;
	}
	#sec_about .frame .strong_points .body li em {
		font-weight: inherit;
		font-style: inherit;
		color: #0064a9;
	}
	#sec_about .frame .strong_points .body li .note {
		font-size: 9px;
		line-height: 1.6;
		margin-top: 5px;
	}
	#sec_about .frame .strong_points .body li + li {
		margin-top: 18px;
	}
	#sec_about .frame .strong_points .body li::before {
		width: 14px;
		height: 10px;
		margin-top: -3px;
		margin-right: 8px;
		background-image: url(/project/care/images/about/sp/check.png);
		background-size: contain;
	}
}


#sec_about .btns {
	display: flex;
	justify-content: center;
	max-width: 890px;
	margin: 0 auto;
}
#sec_about .btns .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 420px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #0064a9;
	font-size: 18px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	letter-spacing: 0.06em;
	line-height: 1.6;
	color: #0064a9;
	text-align: left;
	position: relative;
}
#sec_about .btns .btn a,
#sec_about .btns .btn a > * {
	text-decoration: none;
}
#sec_about .btns .btn a > * {
	margin: 0 10px;
}

#sec_about .btns .btn a span.ico {
	display: block;
}

#sec_about .btns .btn a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.2px;
	border-color: transparent transparent transparent #0064a9;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
}

/* type2 */
#sec_about .btns .btn.type2 a {
	color: #262626;
	border-color: #262626;
}
#sec_about .btns .btn.type2 a::after {
	border-color: transparent transparent transparent #262626;
}



@media screen and (max-width: 668px) {
	#sec_about .btns {
		display: block;
		padding: 2% 3%;
	}
	#sec_about .btns li + li {
		margin-top: 7%;
	}
	#sec_about .btns .btn a {
		width: 85.3333%;
		padding: 3.5% 5%;
		font-size: 15px;
		position: relative

	}
	#sec_about .btns .btn a,
	#sec_about .btns .btn a > * {
		text-decoration: none;
	}

	#sec_about .btns .btn a span {
		display: block;
		font-size: 10px;
		margin-right: 0;
	}

	#sec_about .btns .btn a > * {
		margin: 0 10px;
	}

	#sec_about .btns .btn a span.ico {
		display: block;
		width: 44px;
	}

	#sec_about .btns .btn a::after {
		display: block;
		border-width: 3px 0 3px 5.2px;
		margin-top: 0;
		margin-left: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 12px;
		margin: auto;
	}

	#sec_about .btns .btn strong {
		display: block;
		flex: 1;
	}
}


/* ------------------------------------------------
  モーダル
------------------------------------------------ */
.remodal-overlay {
	background-color: rgba(255,255,255,0.9);
}

#poster_modal {
	max-width: 1000px;
	width: 1000px!important;
	font-size: 0;
}
#poster_modal .internal {
	position: relative;
}

#poster_modal_body li {
	width: 1000px !important;
}
#poster_modal_body li img {
	width: 100%;
	height: auto;
}

#poster_modal .prev,
#poster_modal .next {
	display: block;
	width: 41px;
	height: 70px;
	background-image: url(/project/care/images/poster/arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 100;
	margin: auto;
}
#poster_modal .prev {
	left: -90px;
}
#poster_modal .next {
	right: -90px;
	transform: scale(-1, 1);
}

#poster_modal .current {
	font-size: 20px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	color: #313131;
	margin-bottom: 25px;
}
#poster_modal .current .now {
	color: #0064a9;
}

#poster_modal .close {
	display: block;
	width: 124px;
	font-size: 14px;
	border: 1px solid #898989;
	padding: 10px;
	margin: 50px auto 0;
	text-align: center;
}
@media screen and (max-width: 668px) {
	#poster_modal {
		width: 100%!important;
		box-sizing: border-box;
		padding: 0 6%
	}

	#poster_modal_body li {
		width: 100%!important;
	}

	#poster_modal .prev,
	#poster_modal .next {
		width: 16px;
		height: 26px;
	}
	#poster_modal .prev {
		left: -6%;
	}
	#poster_modal .next {
		right: -6%;
	}

	#poster_modal .current {
		font-size: 12px;
		margin-bottom: 12px;
	}

	#poster_modal .close {
		width: 70px;
		font-size: 12px;
		padding: 6px;
		margin: 20px auto 0;
	}
}


.remodal.movie {
	max-width: 900px;
}
.remodal.movie .internal .movie span {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.remodal.movie .internal .movie span iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.remodal.movie .close {
	display: block;
	width: 124px;
	font-size: 14px;
	border: 1px solid #898989;
	padding: 10px;
	margin: 50px auto 0;
	text-align: center;
}
@media screen and (max-width: 668px) {
	.remodal.movie .close {
		width: 70px;
		font-size: 12px;
		padding: 6px;
		margin: 20px auto 0;
	}
}


#wrapper #sec_staff {
	background-color: #ebf3f8;
	position: relative;
	z-index: 0;
	padding: 250px 0 0px;
	margin-top: -85px;
}
#sec_staff .inner {
	position: relative;
	z-index: 10;
	color: #434343;
	text-align: center;
}
#sec_staff .inner h2 {
	font-size: 28px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	color: #434343;
	letter-spacing: 0.06em;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
}
#sec_staff .inner h2::before {
	content: "";
	display: block;
	position: absolute;
	top: -13px;
	left: -67px;
	width: 83px;
	height: 99px;
	background-image: url(/project/care/images/staff_option.png);
	background-repeat: no-repeat;
}
#sec_staff .inner h2 span {
	position: relative;
	z-index: 10;
}

#sec_staff .inner .txt {
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.06em;
}
#sec_staff .inner .movie {
	margin-top: 50px;
}
@media screen and (max-width: 668px) {
	#wrapper #sec_staff {
		padding: 45% 0 21.33333%;
		margin-top: -31%;
	}
	#sec_staff .inner {
	}
	#sec_staff .inner h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	#sec_staff .inner h2::before {
		content: "";
		top: -13px;
		left: -67px;
		width: 100%;
		padding: 20%;
		height: 0;
		background-image: url(/project/care/images/staff_option_sp.png);
		background-size: 100%;
	}
	#sec_staff .inner h2 span {
		position: relative;
		z-index: 10;
	}

	#sec_staff .inner .txt {
		font-size: 12px;
		line-height: 1.8;
	}
	#sec_staff .inner .movie {
		margin-top: 10%;
	}
}


#sec_bnrarea {
	padding: 0 0 260px;
	background-color: transparent!important;
}
.bnr_experiences {
	text-align: center;
	margin-top: -100px;
	padding-top: 100px;
}
.add_about {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1042px;
	margin: 0 auto;
	padding: 50px;
	background-color: #d8e8f3;
	position: relative;
}
* + .add_about {
	margin-top: 130px;
}
.add_about .head {
	width: 320px;
}
.add_about .logo {
	width: 83px;
	margin: 0 auto 30px;
}
.add_about .title {
	font-size: 32px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	color: #0064a9;
	text-align: center;
}
.add_about .body {
	width: 580px;
}
.add_about .txt {
	font-size: 19px;
	line-height: 1.9;
}
.add_about .txt strong {
	font-weight: bold;
	color: #0064a9;
}
.add_about .btn {
	width: 250px;
}
.add_about .btn a {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.15em;
	display: block;
	width: 100%;
	padding: 13px;
	margin-top: 35px;
	background-color: #0064a9;
	position: relative;
}
.add_about .btn a::after {
	content: "";
	display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #FFF;
  border-right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  margin: auto;
}

.add_about .img {
	position: absolute;
	top: 82px;
	right: 55px;
	z-index: 10;
	width: 190px;
}
@media screen and (max-width: 668px) {
	#sec_bnrarea {
		padding: 0 0 75px;
	}
	#sec_bnrarea .inner {
		padding: 0;
	}
	.bnr_experiences {
		margin-top: -15%;
		padding-top: 15%;
	}
	.add_about {
		display: block;
		margin: 0 auto;
		padding: 8% 6%;
	}
	* + .add_about {
		margin-top: 50px;
	}
	.add_about .head {
		width: 100%;
	}
	.add_about .logo {
		width: 58px;
		margin: 0 auto 8px;
	}
	.add_about .title {
		font-size: 22px;
		margin-bottom: 25px;
	}
	.add_about .body {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.add_about .txt {
		font-size: 12px;
		line-height: 1.8;
		padding-right: 5%;
		flex: 1;
	}
	.add_about .btn {
		width: 100%;
	}
	.add_about .btn a {
		font-size: 12.6px;
		width: 62%;
		padding: 3.7%;
		margin: 20px auto 0;
	}
	.add_about .btn a::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 5px solid #FFF;
		border-right: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 22px;
		margin: auto;
	}

	.add_about .img {
		position: static;
		width: 32.01%;
		width: 100px;
	}
}


/* ----------------------------
  デバイス振り分け
---------------------------- */
.sp_disp {
	display: none!important;
}

@media screen and (max-width: 668px) {
	.pc_disp {
		display: none!important;
	}
	.sp_disp {
		display: block!important;
	}
	.sp_disp.inline {
		display: inline-block!important;
	}
	table.sp_disp {
		display: table!important;
	}
	tbody.sp_disp {
		display: table-row-group!important;
	}
	img.sp_disp {
		display: inline-block!important;
	}
	br.sp_disp {
		display: inline!important;
	}
}