@charset "UTF-8";
@import url(//use.fontawesome.com/releases/v5.6.1/css/all.css);
/* ==========================================================
各種リセット、共通設定
========================================================== */
* {
	margin: 0;
	padding: 0;
}
*:focus-visible {
	outline: 0;
}
:root {
	--main-color: #EF8575;
	--accent-color: #E64E37;
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: local("Noto Sans CJK JP Medium"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
	font-display: swap;
}
html {
	font-family: "Noto Sans JP", "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-feature-settings: "palt"1;
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}
main {
	padding: 100px 0 0 0;
	min-height: 60vh;
}
h1, h2, h3, h4, p, a, ul, li, dl, dt, dd {
	letter-spacing: .05em;
}
article {
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
	&.bg-dark {
		background-color: #fdf3f1;
	}
	&.page-description {
		text-align: center;
	}
}
section {
	position: relative;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.8rem;
	&.wide {
		max-width: 1376px;
	}
	h2 {
		margin: 0 0 60px 0;
		font-size: 5.4rem;
		line-height: 1.3em;
		color: var(--main-color);
	}
	h2.h2-center {
		text-align: center;
	}
	h3 {
		margin: 0 0 40px 0;
		font-size: 3rem;
		color: var(--main-color);
	}
	p {
		font-size: 2rem;
		line-height: 1.8em;
	}
}
h3.content-header {
	text-align: center;
	margin: 0 0 40px 0;
	font-size: 3.4rem;
	color: var(--main-color);
}
p.pagecat {
	font-weight: bold;
	color: var(--main-color);
	font-size: 2rem;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
a {
	text-decoration: none;
	color: #222;
}
.br-sp {
	display: none;
}
.br-tb {
	display: none;
}
.br-dt {
	display: block;
}

/* パソコンで見たときは"img-pc"のclassがついた画像が表示される */
.img-pc { display: block !important; }
.img-sp { display: none !important; }
 
/* ===========================
 フローティングナビゲーション
============================ */
.float-nav {
	position: fixed;
	top: calc(50% - 160px);
	right: 0;
	z-index: 100;
	ul {
		list-style: none;
		border-radius: 10px 0 0 10px;
		overflow: hidden;
	}
	ul li:first-child {
		border-bottom: #fff solid 1px;
	}
	ul li a {
		height: 140px;
		text-align: center;
		font-size: 1.4rem;
		padding: 10px 15px;
		color: #fff;
		background-color: var(--accent-color);
		display: block;
		writing-mode: vertical-rl;
		transition: .3s;
		text-transform: uppercase;
	}
	ul li a:hover {
		color: var(--main-color);
		background-color: #FFD4CE;
	}
}
/* ===========================
 本文
============================ */
.contents-wrapper {
	vertical-align: top;
	display: block;
	width: 100%;
	margin: 0 0 60px 0;
	img {
		width: 100%;
	}
}
.contents-partner-wrapper {
	display: flex;
	width: 100%;
	margin: 0 0 60px 0;
}
.contents-wrapper:last-child, .contents-partner-wrapper:last-child {
	margin-bottom: 0;
}
.contents-wrapper p, .contents-partner-wrapper p {
	margin: 0 0 20px 0;
	font-size: 1.6rem;
	line-height: 1.8em;
	padding: 0;
	text-align: left;
}
.contents-wrapper p:last-child, .contents-partner-wrapper p:last-child {
	margin-bottom: 0;
}
.contents-wrapper a, .contents-partner-wrapper a {
	color: cornflowerblue;
	border-bottom: dashed 1px;
	transition: .3s;
	font-weight: bold;
}
.contents-wrapper a:hover, .contents-partner-wrapper a:hover {
	opacity: .7;
}
.contents-wrapper ul, .contents-partner-wrapper ul {
	padding-left: 1.2em;
}
.contents-wrapper ul li, .contents-partner-wrapper ul li {
	margin-bottom: 10px;
}
.contents-wrapper ul li:last-child, .contents-partner-wrapper ul li:last-child {
	margin-bottom: 0;
}
.contents-wrapper video {
	max-width: 100%;
}
.contents-body-left {
	display: inline-block;
	vertical-align: top;
	width: calc(70% - 25px);
	margin-right: 40px;
}
.contents-body-right {
	display: inline-block;
	width: calc(30% - 20px);
}
.contents-body-right figure {
	margin: 0 0 40px 0;
	position: relative;
}
.contents-body-right figure img {
	width: 100%;
	mix-blend-mode: multiply;
	margin-bottom: 0;
	display: block;
}
.contents-body-right figure figcaption {
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 100%;
	box-sizing: border-box;
}
ul.pdf-list {
	list-style: none;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #fff;
	padding: 0;
}
ul.pdf-list li {
	margin-bottom: 0;
}
ul.pdf-list li a {
	font-size: 2rem;
	font-weight: bold;
	color: #222;
	display: block;
	padding: 20px 20px 20px 45px;
	border-bottom: 1px solid #ccc;
	transition: .3s;
	text-indent: -25px;
}
ul.pdf-list li:last-child a {
	border-bottom: 0;
}
ul.pdf-list li a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f1c1';
	font-weight: bold;
	margin: 0 10px 0 0;
	color: var(--main-color);
}
ul.pdf-list li a:hover {
	color: var(--main-color);
}
.system img {
	margin-bottom: 60px;
}
.system-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px;
}
.system-list dl {
	width: 45%;
}
.system-list dl dt {
	position: relative;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background-color: var(--main-color);
	padding: 5px 10px 5px 80px;
	border-radius: 40px;
	margin-bottom: 30px;
}
.system-list dl dt::before {
	position: absolute;
	top: calc(50% - 35px);
	left: 0;
	z-index: 2;
	content: '';
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	display: inline-block;
	filter: hue-rotate(330deg) saturate(60%) brightness(120%);
}
.system-list dl:nth-child(1) dt::before {
	background-image: url("../img/icon-iot.svg");
}
.system-list dl:nth-child(2) dt::before {
	background-image: url("../img/icon-edge.svg");
}
.system-list dl:nth-child(3) dt::before {
	background-image: url("../img/icon-db.svg");
}
.system-list dl:nth-child(4) dt::before {
	background-image: url("../img/icon-ai.svg");
}
.system-list dl:nth-child(5) dt::before {
	background-image: url("../img/icon-med.svg");
}
.system-list dl:nth-child(6) dt::before {
	background-image: url("../img/icon-db.svg");
}
.system-list dl dd {
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.8em;
}
p.contents-body-detail {
	margin: 0 0 0 0;
	font-size: 1.6rem;
	line-height: 1.8em;
	padding: 20px;
	text-align: left;
	background-color: rgba(239, 133, 117, .1);
}
p.contents-body-detail:nth-child(2) {
	border-radius: 20px 20px 0 0;
}
p.contents-body-detail:last-child {
	border-radius: 0 0 20px 20px;
}
p.contents-body-detail:nth-child(2n) {
	background-color: rgba(239, 133, 117, .2);
}
/*画像と文章交互のボックス*/
.alternate-box {
	display: flex;
	gap: 40px;
	margin-bottom: 60px;
}
.alternate-box:last-child {
	margin-bottom: 0;
}
.alternate-box h2 {
	margin-bottom: 20px;
	font-size: 5.4rem;
	position: relative;
}
.alternate-description, .alternate-img {
	width: calc(50% - 20px);
	box-sizing: border-box;
}
.alternate-description {
	position: relative;
}
.alternate-img img {
	width: 100%;
}
/* ==========================================================
 トップページ
========================================================== */
main.main-top {
	padding: 0;
}
/* ===========================
 トップページ　メインビジュアル
============================ */
.mainvisual {
	padding: 0;
	background: url(../img/meinvisual-background.png) no-repeat top center / cover;
}
.mainvisual section {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	min-height: 90vh;
}
.mainvisual-copy {
	width: 650px;
	margin: 150px 0 50px 14.75%;
	position: relative;
}
.mainvisual p {
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
p.mainvisual-copy01 {
	font-weight: bold;
	font-size: 6.5rem;
	margin-bottom: 44px;
	color: var(--main-color);
	line-height: 1.2em;
}
p.mainvisual-copy02 {
	font-size: 2.2rem;
	font-weight: 500;
	margin-bottom: 44px;
	line-height: 1.9em;
}
p.mainvisual-copy03 {
	font-size: 1.8rem;
	margin-bottom: 20px;
	line-height: 1.8em;
	color: var(--main-color);
}
p.mainvisual-copy04 {
	font-weight: 500;
	text-shadow: none;
	margin-bottom: 20px;
	background-color: var(--main-color);
	color: #fff;
	font-size: 2.4rem;
	padding: 18px 24px;
	box-sizing: border-box;
	border-radius: 10px;
	line-height: 1.8em;
}
p.mainvisual-copy04-title {
	font-size: 2rem;
	color: var(--main-color);
	font-weight: 500;
}
p.mainvisual-copy04 span {
	font-size: 63%;
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
	margin-left: 1.6em;
	line-height: 1em;
}
p.mainvisual-copy05 {
	font-size: 1.95rem;
	line-height: 1.8em;
}
/* ===========================
 トップページ　スクロールボタン
============================ */
.scroll-btn {
	width: 200px;
	position: absolute;
	bottom: 95px;
	left: -180px;
	transform: rotateZ(90deg);
}
.scroll-btn a {
	font-size: 1.4rem;
	transition: .3s;
	text-transform: uppercase;
	color: var(--main-color);
	display: block;
	position: relative;
}
.scroll-btn a:hover {
	opacity: .5;
}
.scroll-btn a::after {
	margin-left: 10px;
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 60px;
	width: 190px;
	height: 2px;
	background-color: var(--main-color);
	opacity: .5;
}
.scroll-btn a::before {
	transition: .3s;
	margin-left: 10px;
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 60px;
	width: 60px;
	height: 2px;
	background-color: var(--main-color);
}
.scroll-btn a:hover::before {
	left: 185px;
}
/* ===========================
 トップページ　Overview
============================ */
.top-overview {
	text-align: center;
	position: relative;
}
.top-overview h2 {
	margin-bottom: 20px;
}
.background-circle-btmleft, .background-circle-btmright, .background-circle-topleft, .background-circle-topright {
	position: relative;
	overflow-x: clip;
}
.background-circle-btmleft::before {
	content: "";
	width: 50vw;
	height: 50vw;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(253, 235, 222, 1));
	border-radius: 50%;
	position: absolute;
	bottom: -20vw;
	left: -25vw;
	mix-blend-mode: multiply;
}
.background-circle-btmright::before {
	content: "";
	width: 50vw;
	height: 50vw;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(253, 235, 222, 1));
	border-radius: 50%;
	position: absolute;
	bottom: -20vw;
	right: -25vw;
	mix-blend-mode: multiply;
}
.background-circle-topright::after {
	content: "";
	width: 50vw;
	height: 50vw;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(253, 235, 222, 1));
	border-radius: 50%;
	position: absolute;
	top: -30vw;
	right: -25vw;
	mix-blend-mode: multiply;
}
.background-circle-topleft::after {
	content: "";
	width: 50vw;
	height: 50vw;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(253, 235, 222, 1));
	border-radius: 50%;
	position: absolute;
	top: -30vw;
	left: -25vw;
	mix-blend-mode: multiply;
}
.overview-header {
	font-weight: bold;
	position: relative;
	margin-bottom: 60px;
}
p.overview-header-en {
	font-size: 4rem;
	color: var(--main-color);
	display: inline-block;
}
p.overview-header-en::before {
	content: "";
	position: absolute;
	width: 36px;
	height: 4px;
	left: 50%;
	bottom: 66px;
	display: inline-block;
	transform: translateX(-50%);
	background-color: var(--main-color);
}
p.overview-header-jp {
	font-size: 3rem;
	margin-top: 30px;
}
ul.overview-steps {
	margin: 40px 0 80px 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}
ul.overview-steps li {
	width: 33%;
}
ul.overview-steps li img {
	width: 100%;
}
/* ===========================
 トップページ　世界初、協力施設43施設、認知症の方約700大規模データ収集に成功
============================ */
.top-sekaihatsu {
	overflow: hidden;
}
.top-sekaihatsu-box {
	display: flex;
	justify-content: space-between;
	gap: 40px 40px;
}
.top-sekaihatsu-box h2 {
	margin-bottom: 20px;
}
.top-sekaihatsu-box-left{
	width: 50%;
	min-width: 640px;
}
.top-sekaihatsu-box-right{	
	overflow: hidden;
}
.top-sekaihatsu-box-right img{	
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.align-bottom {
	/*align-items: flex-end;*/
}
p.top-sekaihatsu-box-txt {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 34px;
}
ul.top-sekaihatsu-box-btn {
	list-style: none;
	display: inline-block;
}
.top-link-btn {
	width: 360px;
	position: relative;
	line-height: 1;
}
.top-link-btn:nth-child(n + 2) {
	margin-top: 26px;
}
.top-link-btn a {
	font-size: 2rem;
	padding: 30px 40px;
	display: block;
	color: #fff;
	background-image: linear-gradient(to right, rgba(247, 93, 139, 1), rgba(254, 163, 64, 1));
	border-radius: 10px;
	transition: .3s;
}
.top-link-btn a.disabled {
	filter: saturate(0%);
	opacity: .5;
}
.top-link-btn a::after {
	position: absolute;
	top: calc(50% - .5em);
	right: 30px;
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: bold;
	margin: 0;
	transition: .3s;
}
.top-link-btn a:hover {
	opacity: .7;
}
.top-link-btn a:hover.disabled {
	opacity: .5;
}
.top-link-btn a:hover::after {
	right: 20px;
}
.top-link-btn a:hover.disabled::after {
	right: 30px;
}
/* ===========================
 トップページ　AIでBPSD発症を予測できた
============================ */
.top-achievement {
	text-align: center;
}
.top-achievement h2 {
	margin-bottom: 20px;
	text-transform: none;
}
ul.achievement-steps {
	margin: 40px auto 80px auto;
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 860px;
	gap: 120px 20%;
	background-image: url("../img/achievement-bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
ul.achievement-steps li {
	width: 40%;
}
ul.achievement-steps li img {
	width: 100%;
}
/* ===========================
 トップページ　AIとIOTによる認知症の方との共生社会の実現
============================ */
.top-prospect {
	text-align: center;
	overflow: hidden;
}
.top-prospect h2 {
	margin-bottom: 20px;
	text-transform: none;
}
.systemimage03::before {
	content: "";
	width: 50vw;
	height: 50vw;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(253, 235, 222, 1));
	border-radius: 50%;
	position: absolute;
	bottom: 10vw;
	right: -25vw;
	z-index: -100;
}
.systemimage03::after {
	content: "";
	width: 290px;
	height: 3000px;
	background-image: linear-gradient(#F8CAB1, 30%, transparent);
	position: absolute;
	rotate: 60deg;
	top: calc(50% - 1360px);
	left: calc(50% - 145px);
	z-index: -99;
}
.systemimage03 img {
	max-width: 1003px;
	margin: 0 auto;
}
/* ===========================
 トップページ　報告書ダウンロード
============================ */
.report-list {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
.report-list:nth-of-type(n + 2) {
	margin-top: 40px;
}
.report-thumbnail {
	width: 300px;
}
.report-thumbnail img {
	border: 1px #989393 solid;
	width: 100%;
	box-sizing: border-box;
}
.report-info {
	width: 100%;
}
.report-info p:last-of-type {
	margin-left: auto;
}
.report-title {
	font-size: 2rem;
	font-weight: bold;
}
.report-title2 {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: .5em;
}
.report-title2-sub {
	margin-left: 1em;
}
.report-size {
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 14px;
	display: block;
	border-bottom: 1px solid #222;
}
.report-description {
	font-size: 1.6rem;
}
/* ===========================
 トップページ　Topics
============================ */
ul.topics-btn {
	margin-bottom: 60px;
	list-style: none;
}
ul.topics-btn:last-child {
	margin-bottom: 0;
}
ul.topics-btn li {
	margin-bottom: 10px;
}
ul.topics-btn li a {
	display: block;
	background-color: #fff;
	padding: 20px 90px 20px 40px;
	;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 20px;
	transition: .3s;
	position: relative;
}
ul.topics-btn li a:hover {
	color: var(--main-color);
}
ul.topics-btn li a:after {
	position: absolute;
	top: calc(50% - .5em);
	right: 30px;
	font-family: "Font Awesome 5 Free";
	font-size: 3rem;
	content: '\f138';
	font-weight: bold;
	margin: 0;
	color: var(--main-color);
}
/* ===========================
 トップページ　ARTICLE
============================ */
.top-article h2 {
	text-transform: uppercase;
}
.article-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px 2.5%;
}
a.article-item {
	width: 30%;
	transition: .3s;
}
a.article-item:hover {
	opacity: .7;
}
a.article-item img {
	width: 100%;
	border-radius: 20px;
	margin-bottom: 10px;
	border: 10px solid #fff;
	box-sizing: border-box;
}
a.article-item p {
	margin-bottom: 20px;
	font-size: 1.6rem;
}
ul.article-tag {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
ul.article-tag li {
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff;
	background-color: var(--main-color);
	font-size: 1.2rem;
	line-height: 1em;
	margin: 0;
}
/* ===========================
 トップページ PARTNER
============================ */
.partner h2 {
	margin: 0;
}
.partner h4, .company h4 {
	margin-bottom: 20px;
	font-size: 2rem;
	color: var(--main-color);
}
ul.partner-list {
	padding-left: 1.2em;
	column-count: 2;
}
ul.partner-list li {
	margin-bottom: 10px;
}
.organization p {
	font-size: 2rem;
}
.org-table-row{
	width: 100%;
	display: flex;
}
.org-table-row-firld{
	width: 20%;
	border-top: 2px solid #707070;
	border-left: 2px solid #707070;
}
.org-table-row-leader{
	width: 22%;
	border-top: 2px solid #707070;
	border-left: 2px solid #707070;
}
.org-table-row-member{
	width: 58%;
	border-top: 2px solid #707070;
	border-left: 2px solid #707070;
	border-right: 2px solid #707070;
}
.org-table-row:nth-of-type(2n) div{
	background-color: #FFEBE8;
}
.org-table-row:last-child > div{
	border-bottom: 2px solid #707070;
}
.org-table-row p{
	padding: 1em;
	box-sizing: border-box;
	margin: 0;
	font-size: 2rem;
}
p.org-table-header{
	background-color: var(--main-color);
	color: #fff;
	border-bottom: 2px solid #707070;
	line-height: 1;
}
p.org-table-data{
	line-height: 1.6;
}
/*PC及びタブレットでは、2行目以降のヘッダーを非表示にする*/
.org-table-row:nth-of-type(n + 2) .org-table-header{
	display: none;
}

/*.organization table {
	border-collapse: collapse;
	border: 2px solid #707070;
	.col-field {
		width: 20%;
	}
	.col-leader {
		width: 22%;
	}
	.col-member {
		width: 58%;
	}
	thead {
		background-color: var(--main-color);
		color: #fff;
	}
	tr:nth-child(even) td {
		background-color: #FFEBE8;
	}
	th, td {
		font-size: 2rem;
		padding: 1em;
		border: 1px solid #707070;
		vertical-align: top;
		text-align: left;
		box-sizing: border-box;
	}
}*/
/* ==========================================================
 MISSIONページ
========================================================== */
h2.page-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 8rem;
	margin: 0;
	color: #fff;
	background-image: url(../mission/img/h2-pagetitle-background.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom 20px right 0;
	background-color: var(--main-color);
	padding: 20px 0 40px 0;
}
p.subtitle {
	font-weight: bold;
	font-size: 2.5rem;
	margin-bottom: 20px;
	color: var(--main-color);
}
/* ===========================
 MISSIONページ 世界初、協力施設43施設、認知症の方約700人の大規模データ収集に成功
============================ */
.mission-system-box {
	display: flex;
	gap: 20px;
	margin-top: 40px;
	div {
		width: 50%;
	}
	div img {
		width: 100%;
	}
	h2 {
		margin-bottom: 20px;
	}
}
/* ===========================
 MISSIONページ AIの育成
============================ */
.mission-ai-box {
	display: flex;
	gap: 60px;
}
.mission-ai-box div {
	box-sizing: border-box;
	padding: 30px;
	width: 50%;
	background-color: var(--main-color);
}
.mission-ai-box div h3 {
	text-align: center;
	margin-bottom: 30px;
	color: #fff;
	font-size: 6rem;
}
.mission-ai-box div p {
	color: #fff;
}
/* ===========================
 MISSIONページ AI/IoTシステムの概要
============================ */
h2.h2-mission::before {
	content: url("../mission/img/mission-h2-icon.svg");
	position: absolute;
	top: 0rem;
	left: -6rem;
}
.alternate-description{
	/*padding-left: 6rem;*/
}
.iot01 .alternate-description {
	margin-left: calc(50% - 420px);
	width: 400px;
}
.iot02 .alternate-description {
	/*margin-right: calc(50% - 530px);*/
	width: 510px;
}
.iot03 .alternate-description {
	width: 800px;
}
.iot03 .alternate-img {
	width: auto;
}
ul.mission-proof {
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 80px;
	list-style: none;
}
ul.mission-proof li {
	width: calc(50% - 40px);
	position: relative;
	padding-left: 6rem;
	box-sizing: border-box;
}
ul.mission-proof li h2 {
	font-size: 5.5rem;
	margin-bottom: 20px;
}
ul.mission-proof li h2::before {
	left: 0;
}
/* ==========================================================
 ACHIEVEMENTページ
========================================================== */
/* ===========================
 ACHIEVEMENTページ BPSD発症に影響する要因を特定
============================ */
.bpsd01 {
	.alternate-description {
		width: 620px;
		/*margin-right: calc(50% - 640px);*/
	}
	.alternate-img {
		text-align: right;
	}
	.alternate-img img {
		width: 460px;
	}
}
.bpsd03 {
	.alternate-description h2{
		 margin-bottom: 20px;
	}
	.alternate-description{
		width: 100%;
		margin-bottom: 40px;
	}
	.alternate-img img{
		width: 100%;
	}
}
.bpsd04 {
	.alternate-description {
		width: 560px;
		/*margin-right: calc(50% - 580px);*/
	}
}
/* ===========================
 ACHIEVEMENTページ 介護DXに向けた知見を豊富に発掘
============================ */
.dx01 .alternate-description h2 {
	letter-spacing: 0;
}
.dx02 {}
.alternate-img img {
	width: 100%;
}
.dx03 .alternate-img img {
	max-width: 480px;
	margin-right: auto;
}
.dx04 {
	.alternate-img {
		text-align: right;
	}
	.alternate-img img {
		max-width: 510px;
	}
}
.dx05 .alternate-img img {
	max-width: 550px;
}
/* ===========================
 ACHIEVEMENTページ 施設からの声
============================ */
.achievement-voice {
	padding: 20px 30px;
	background-color: #FCD8D3;
	position: relative;
	margin: -4vw 0 60px 0;
	h3 {
		color: var(--accent-color);
		font-size: 2.8rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	h3::before {
		content: url("../achievement/img/icon-voice.svg");
		vertical-align: middle;
		margin-right: 10px;
	}
	ul {
		font-size: 2.1rem;
	}
	ul li {
		list-style-type: none;
		text-indent: -1.3em;
		padding-left: 1.3em;
	}
	ul li:last-child {
		margin-bottom: 0;
	}
	ul li::before {
		content: "●";
		color: var(--accent-color);
		font-size: 1.3em;
	}
}
/* ==========================================================
 PROSPECTページ
========================================================== */
.prospect01 {
	.alternate-description {
		width: 600px;
		margin-left: calc(50% - 620px);
	}
	.alternate-img img {
		width: 435px;
	}
}
.prospect02 {
	.alternate-img {
		text-align: right;
	}
	.alternate-img img {
		width: 324px;
	}
}
.prospect-future {
	overflow: hidden;
	.systemimage03 {
		z-index: 1;
		position: relative;
		text-align: center;
	}
}
/* ==========================================================
 TOPICSページ
========================================================== */
.topics-partner h4 {
	margin-bottom: 20px;
	font-size: 2rem;
	color: var(--main-color);
}
.photo-2col {
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	overflow: hidden;
}
.photo-2col img {
	width: 48.333%;
}
/* ==========================================================
 ARTICLEページ
========================================================== */
img.article-img {
	width: 80%;
	margin: 0 auto;
	display: block;
}
.pager-nav {
	max-width: 1200px;
	width: 90%;
	margin: 60px auto;
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
}
.pager-nav a {
	padding: 20px 40px;
	background-image: linear-gradient(to right, rgba(247, 93, 139, 1), rgba(254, 163, 64, 1));
	color: #fff;
	border-radius: 40px;
	display: inline-block;
	transition: .3s;
}
.pager-nav a:hover {
	opacity: .7;
}
.prev_post a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f0a8';
	font-weight: bold;
	margin-right: 10px;
}
.next_post a {
	text-align: right;
}
.next_post a:after {
	font-family: "Font Awesome 5 Free";
	content: '\f0a9';
	font-weight: bold;
	margin-left: 10px;
}
span.h3-sub {
	color: #222;
	font-weight: normal;
	font-size: 1.5rem;
	margin-left: 10px;
}
dl.article-discussion {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
	align-items: flex-start;
}
dl.article-discussion dt {
	font-weight: bold;
	width: 70px;
	text-align: center;
	color: #fff;
	background-color: var(--main-color);
	line-height: 1;
	padding: 6px 0;
}
dl.article-discussion dd {
	width: calc(100% - 90px);
	line-height: 1.6;
}
.article-qanda {
	line-height: 1.6;
	display: flex;
	flex-direction: column;
}
.article-question {
	background-color: #FFD4CE;
	padding: 1em;
}
.article-answer {
	background-color: #fff;
	padding: 1em;
	margin-bottom: 20px;
}
p.article-answer-name {
	font-weight: bold;
	margin-bottom: .5em;
}
/* ==========================================================
 研究協力ページ
========================================================== */
/* ===========================
 研究協力ページ　メインビジュアル
============================ */
.mainvisual-kenkyu {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0;
}
.mainvisual-kenkyu section {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.mainvisual-kenkyu-title {
	color: #fff;
	padding: 5px 10px;
	background-color: var(--main-color);
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 4px;
	border-radius: 4px;
}
.mainvisual-kenkyu-h3 {
	margin: 0 0 40px 0;
}
.mainvisual-kenkyu-h3 img {
	width: 100%;
}
/* ===========================
 研究協力ページ　リード文
============================ */
.readtxt {
	background-color: var(--main-color);
	color: #fff;
	text-align: center;
}
.readtxt-h4 {
	margin: 0 0 20px 0;
}
.readtxt-h4 img {
	max-width: 500px;
	width: 100%;
}
.readtxt p {
	font-size: 1.6rem;
	line-height: 1.8em;
}
/* ===========================
 研究協力ページ　お願い文
============================ */
.attention section {
	text-align: center;
	background-color: #fff;
	padding: 20px;
	border: 4px solid var(--main-color);
	border-radius: 20px;
	box-sizing: border-box;
	color: var(--main-color);
}
.attention p {
	font-size: 2rem;
	font-weight: bold;
}
/* ===========================
 研究協力ページ 動画リスト
============================ */
.videolist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px 2.5%;
}
.videolist-item {
	width: 30%;
	transition: .3s;
}
.videolist-item video {
	width: 100%;
	border-radius: 20px;
	margin-bottom: 10px;
	border: 10px solid #fff;
	box-sizing: border-box;
}
p.team-name {
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: bold;
}
a.member-name {
	color: cornflowerblue;
	transition: .3s;
}
a.member-name:hover {
	opacity: .7;
}
/* ===========================
 研究協力ページ 動画
============================ */
.video {
	text-align: center;
}
.video video {
	max-width: 1200px;
	width: 100%;
	border-radius: 10px;
}
/* ==========================================================
 問い合わせページ
========================================================== */
.contact-wrapper {
	text-align: center;
	padding-top: 0;
}
.contact-wrapper p {
	font-size: 1.6rem;
	margin-bottom: 40px;
}
.contact-wrapper h4 {
	font-size: 2.4rem;
	margin-bottom: 40px;
	line-height: 1.8em;
	font-weight: normal;
}
.contact-wrapper img {
	max-width: 100%;
	max-height: 215px; 
	border: 1px #ccc solid;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.contact-form {
	padding: 20px 40px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 40px 0px rgb(200 200 200 / 50%);
}
.formtable {
	font-size: 1.6rem;
	width: 100%;
	margin: 0 auto 40px auto;
	border-collapse: collapse;
}
.formtable tr:nth-child(2n) {
	background-color: rgba(239, 133, 117, .1);
}
.formtable td, .formtable th {
	padding: 15px;
	text-align: left;
}
.formtable th {
	width: 35%;
	font-weight: normal;
	text-indent: -7rem;
	padding-left: 9rem;
}
.formtable th::before {
	color: #fff;
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 1.6rem;
	margin-right: 15px;
}
.required::before {
	content: "必 須";
	background-color: var(--main-color);
}
.no-required::before {
	content: "任 意";
	background-color: cornflowerblue;
}
input, textarea {
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #888;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
	box-shadow: 0 0 4px var(--main-color);
	border: 1px solid var(--main-color);
}
input[type="submit"], input[type="reset"], input[type="button"], .contact-button a {
	display: inline-block;
	padding: 20px 40px;
	background-image: linear-gradient(90deg, rgba(247, 93, 139, 1), rgba(254, 163, 64, 1));
	color: #fff;
	border: 0;
	border-radius: 50px;
	font-size: 1.5rem;
	transition: .3s;
}
input[type="reset"], input[type="button"] {
	margin-left: 20px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .contact-button a:hover {
	opacity: .7;
}
textarea {
	resize: vertical;
}
.contact-button a[download]::before {
	font-family: "Font Awesome 5 Free";
	content: '\f019';
	font-weight: bold;
	margin: 0 10px 0 0;
	color: #fff;
}
.backtotop a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f015';
	font-weight: bold;
	margin: 0 10px 0 0;
	color: #fff;
}
/* ===========================
 問い合わせページ 確認画面
============================ */
p.error_messe {
	margin: 5px 0;
	color: var(--main-color);
	font-size: 2rem;
}
/* ==========================================================
 タブレット対応（560px以上959px以下）
========================================================== */
@media screen and (max-width: 959px) and (min-width: 560px) {
	body {
		width: 100%;
	}
	.br-sp {
		display: none;
	}
	.br-dt {
		display: none;
	}
	.br-tb {
		display: block;
	}
	section h2 {
		font-size: 5vw;
		margin-bottom: 20px;
	}
	section h3 {
		font-size: 4.5vw;
	}
	section p, p.top-sekaihatsu-box-txt {
		font-size: 2.6vw;
	}
	article.page-description {
		padding: 40px 0;
	}
	article.page-description h2 {
		font-size: 6.5vw;
	}
	.contents-wrapper img {
		width: 100%;
	}
	.float-nav {
		display: none;
	}
	main.main-top {
		padding: 100px 0 0 0;
	}
	.mainvisual {
		padding: 30px 0;
		background-size: 170vw;
		background-position: bottom 15vw right;
	}
	.mainvisual-copy {
		width: 80%;
		margin: 0 auto;
	}
	p.mainvisual-copy01 {
		font-size: 8vw;
	}
	p.mainvisual-copy02 {
		font-size: 3vw;
		margin-bottom: 50vw;
	}
	p.mainvisual-copy04 {
		font-size: 3vw;
	}
	.mainvisual-kenkyu section {
		width: 90%;
	}
	.scroll-btn {
		display: none;
	}
	.formtable th, .formtable td {
		width: auto;
		display: block;
	}
	.top-sekaihatsu-box {
		flex-direction: column;
	}
	ul.top-sekaihatsu-box-btn {
		display: block;
	}
	.top-sekaihatsu-box-left, .top-sekaihatsu-box-right, .top-sekaihatsu-box-right img {
		width: 100%;
	}
	.align-bottom {
		align-items: flex-start;
		flex-direction: column-reverse;
	}
	.top-report section {
		font-size: 0;
	}
	.top-link-btn a {
		font-size: 3vw;
	}
	.report-list {
		display: inline-block;
		width: 47%;
		vertical-align: top;
	}
	.report-list:nth-of-type(1) {
		margin-right: 6%;
	}
	.report-list:nth-of-type(n + 2) {
		margin: 0;
	}
	.report-thumbnail {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.top-link-btn {
		width: 100%;
	}
	.report-thumbnail img {
		width: 70%;
	}
	.report-title {
		font-size: 2.6vw;
	}
	.report-title2 {
		font-size: 4vw;
	}
	.formtable th {
		padding-bottom: 0;
	}
	a.article-item {
		width: 48%;
	}
	input[type="text"], input[type="email"], textarea {
		width: 80%;
		padding: 5px;
		font-size: 110%;
		display: block;
	}
	input[type="submit"], input[type="reset"], input[type="button"] {
		display: block;
		width: 100%;
	}
	input[type="reset"], input[type="button"] {
		margin-left: 0;
		margin-top: 20px;
	}
	h2.page-title {
		font-size: 6.5vw;
	}
	p.subtitle {
		font-size: 4vw;
	}
	.mission-system-box {
		flex-direction: column-reverse;
	}
	.mission-ai-box {
		flex-direction: column;
	}
	.mission-system-box div, .mission-ai-box div {
		width: 100%;
	}
	.mission-ai-box div h3 {
		font-size: 5vw;
	}
	.alternate-description, .alternate-img {
		width: 100%;
		margin: 0;
	}
	.alternate-box {
		flex-direction: column;
	}
	.alternate-box h2 {
		font-size: 5vw;
	}
	.alternate-box.iot01, .alternate-box.iot02, .alternate-box.bpsd03, .alternate-box.dx01, .alternate-box.dx05, .alternate-box.prospect01 {
		flex-direction: column-reverse;
	}
	.alternate-description, .iot01 .alternate-description, .iot02 .alternate-description, .iot03 .alternate-description {
		width: 100%;
		margin: 0;
		padding-left: 0;
	}
	h2.h2-mission {
		padding-left: 6rem;
	}
	h2.h2-mission::before {
		left: 0;
	}
	ul.mission-proof {
		flex-direction: column;
	}
	ul.mission-proof li {
		width: 100%;
		padding-left: 0;
	}
	ul.mission-proof li h2 {
		font-size: 5vw;
	}
	.bpsd01 .alternate-img img, .bpsd03 .alternate-img img, .bpsd01 .alternate-description, .bpsd04 .alternate-description, .dx03 .alternate-img img, .dx04 .alternate-img img, .prospect01 .alternate-description, .prospect01 .alternate-img img, .prospect02 .alternate-img img {
		width: 100%;
		margin: 0;
	}
	.achievement-voice {
		margin-top: 0;
	}
	.achievement-voice h3 {
		font-size: 4vw;
	}
	.achievement-voice ul {
		font-size: 2.6vw;
	}
	ul.partner-list li {
		font-size: 1.8vw;
	}
	.organization p, .organization table th, .organization table td, .org-table-row p{
		font-size: 2.6vw;
	}
	.org-table-row-firld{
		width: 24%;
	}
	.org-table-row-leader{
		width: 24%;
	}
	.org-table-row-member{
		width: 52%;
	}	
	/*.organization table {
		.col-field {
			width: 24%;
		}
		.col-leader {
			width: 24%;
		}
		.col-member {
			width: 52%;
		}
	}*/
}
/* ==========================================================
 スマートフォン対応（560px以下）
========================================================== */
@media (max-width: 560px) {
	html {
		scroll-padding-top: 60px;
	}
	body {
		width: 100%;
	}
	h2 {
		font-size: 1.2rem;
	}
	section h3 {
		margin: 0 0 30px 0;
		font-size: 2rem;
	}
	.br-tb {
		display: none;
	}
	.br-dt {
		display: none;
	}
	.br-sp {
		display: block;
	}
	/* スマートフォンで見たときは"img-sp"のclassがついた画像が表示される */
    .img-pc { display: none !important; }
    .img-sp { display: block !important; }
	
	section h2 {
		font-size: 10vw;
		margin-bottom: 20px;
	}
	section h2.h2-center, section h2.h2-center + p {
		text-align: left;
	}
	h2.page-title {
		font-size: 3.6rem;
		line-height: 1;
	}
	p.subtitle {
		font-size: 5vw;
	}
	section h3 {
		font-size: 4.5vw;
	}
	section p, p.top-sekaihatsu-box-txt {
		/*font-size: 2.6vw;*/
	}
	article.page-description {
		padding: 40px 0;
        text-align: left;
	}
	.contents-wrapper img {
		width: 100%;
	}
	.float-nav {
		display: none;
	}
	.scroll-btn {
		display: none;
	}
	main.main-top {
		padding: 100px 0 0 0;
	}
	.mainvisual {
		padding: 30px 0;
		background-size: 170vw;
		background-position: bottom 35vw right;
	}
	.mainvisual-copy {
		width: 90%;
		margin: 0 auto;
	}
	p.mainvisual-copy01 {
		font-size: 10vw;
	}
	p.mainvisual-copy02 {
		font-size: 5vw;
		margin-bottom: 60vw;
	}
	p.mainvisual-copy04 {
		font-size: 3vw;
	}
	.mainvisual-kenkyu section {
		width: 90%;
	}
	.formtable th, .formtable td {
		width: auto;
		display: block;
	}
	ul.overview-steps {
		flex-direction: column;
	}
	ul.overview-steps li {
		width: 100%;
	}
	.top-sekaihatsu-box {
		flex-direction: column;
	}
	ul.top-sekaihatsu-box-btn {
		display: block;
	}
	.top-sekaihatsu-box-left, .top-sekaihatsu-box-right, .top-sekaihatsu-box-right img {
		width: 100%;
		min-width: auto;
	}
	.top-sekaihatsu-box h2 {
		font-size: 7.5vw;
	}
	.top-achievement, .top-prospect {
		text-align: left;
	}
	ul.achievement-steps {
		flex-direction: column;
		gap: 10px;
		background-image: none;
	}
	ul.achievement-steps li {
		width: 100%;
	}
	ul.achievement-steps li:nth-child(3) {
		order: 4;
	}
	.align-bottom {
		align-items: flex-start;
		flex-direction: column-reverse;
	}
	.top-report section {
		font-size: 0;
	}
	.top-link-btn a {
		font-size: 5vw;
	}
	.report-list {
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}
	.report-list:nth-of-type(1) {
		margin-right: 0;
	}
	.report-thumbnail {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.top-link-btn {
		width: 100%;
	}
	.report-thumbnail img {
		width: 70%;
	}
	.report-title {
		font-size: 3.5vw;
	}
	.report-title2 {
		font-size: 6.5vw;
	}
	.report-title2-sub {
		margin: 0;
		display: block;
	}
	.formtable th {
		padding-bottom: 0;
	}
	a.article-item {
		width: 48%;
	}
	input[type="text"], input[type="email"], textarea {
		width: 80%;
		padding: 5px;
		font-size: 110%;
		display: block;
	}
	input[type="submit"], input[type="reset"], input[type="button"] {
		display: block;
		width: 100%;
	}
	input[type="reset"], input[type="button"] {
		margin-left: 0;
		margin-top: 20px;
	}
	.mission-system-box {
		flex-direction: column-reverse;
	}
	.mission-system-box h2,.mission-proof-box h2{
		font-size: 7.25vw;
	}
	.mission-ai-box {
		flex-direction: column;
	}
	.mission-system-box div, .mission-ai-box div {
		width: 100%;
	}
	.mission-ai-box div h3 {
		font-size: 5vw;
	}
	.alternate-description, .alternate-img {
		width: 100%;
		margin: 0;
	}
	.alternate-box {
		flex-direction: column;
	}
	.alternate-box h2, .bpsd03 h2 {
		font-size: 7vw;
	}
	.alternate-box.iot01, .alternate-box.iot02, .alternate-box.bpsd03, .alternate-box.dx01, .alternate-box.dx03, .alternate-box.dx05, .alternate-box.prospect01 {
		flex-direction: column-reverse;
	}
	.alternate-description, .iot01 .alternate-description, .iot02 .alternate-description, .iot03 .alternate-description {
		width: 100%;
		margin: 0;
		padding-left: 0;
	}
	h2.h2-mission {
		padding-left: 5rem;
	}
	h2.h2-mission::before {
		left: 0;
	}
	ul.mission-proof {
		flex-direction: column;
	}
	ul.mission-proof li {
		width: 100%;
		padding-left: 0;
	}
	ul.mission-proof li h2 {
		font-size: 5vw;
	}
	.bpsd01 .alternate-img img, .bpsd03 .alternate-img img, .bpsd01 .alternate-description, .bpsd03 .alternate-description, .bpsd04 .alternate-description, .dx03 .alternate-img img, .dx04 .alternate-img img, .prospect01 .alternate-description, .prospect01 .alternate-img img, .prospect02 .alternate-img img {
		width: 100%;
		margin: 0;
	}
	.achievement-voice {
		margin-top: 0;
		padding: 5%;
	}
	.achievement-voice h3 {
		font-size: 7.5vw;
	}
	.achievement-voice ul {
		font-size: 1.8rem;
	}
	.prospect-future section{
		display: flex;
		flex-direction: column;
	}
	.prospect-future section h2{
		order: 1;
	}
	.prospect-future section h3{
		order: 3;
		z-index: 1;
	}
	.prospect-future section p{
		order: 4;
	}
	.prospect-future section .systemimage03{
		order: 2;
	}
	.prospect-future h2, h2.prospect-ai, .prospect-future section h3 {
		font-size: 7.5vw;
	}
	.organization h3{
		font-size: 7.5vw;		
	}
	/*.organization p, .organization table th, .organization table td {
		font-size: 2.6vw;
	}*/
	.organization table {
		.col-field {
			width: 24%;
		}
		.col-leader {
			width: 24%;
		}
		.col-member {
			width: 52%;
		}
	}
	main.main-top {
		padding: 80px 0 0 0;
	}
	.contents-wrapper {
		display: block;
		width: auto;
	}
	.contents-body-left {
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.contents-body-right {
		width: 100%;
		display: block;
	}
	.contents-partner-wrapper {
		display: block;
	}
	.contents-partner-wrapper .contents-body-right {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 10%;
	}
	.contents-partner-wrapper figure {
		width: 45%;
		margin-bottom: 0;
	}
	.contents-partner-wrapper figure figcaption {
		font-size: 1rem;
	}
	.system img, .system-list dl {
		width: 100%;
	}
	.mainvisual-kenkyu section {
		width: 90%;
		flex-direction: column;
	}
	img.article-img {
		width: 100%;
	}
	.videolist-item {
		width: 100%;
	}
	.readtxt, .attention {
		text-align: left;
	}
	.attention-h4 {
		font-size: 2.8rem;
	}
	.attention p {
		font-size: 2rem;
		line-height: 1.8em;
	}
	.formtable th, .formtable td {
		width: auto;
		display: block;
	}
	.formtable th {
		padding-bottom: 0;
	}
	.contact-form {
		padding: 10px 0;
	}
	input[type="submit"], input[type="reset"], input[type="button"], .contact-button a {
		padding: 10px 40px;
	}
	input[type="text"], input[type="email"], textarea {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
		font-size: 110%;
		display: block;
	}
	input[type="submit"], input[type="reset"], input[type="button"] {
		width: 90%;
		margin: 0 auto;
	}
	input[type="reset"], input[type="button"] {
		margin-left: 0;
		margin-top: 20px;
	}
	.pager-nav, .pager-nav a {
		padding: 10px 20px;
	}
	ul.partner-list {
		column-count: 1;
	}
	.photo-2col {
		gap: 20px 20px;
		flex-wrap: wrap;
	}
	.photo-2col img {
		width: 100%;
	}
	.organization p{
		font-size: 1.8rem;
	}
	.org-table-row{
		flex-direction: column;
	}
	.org-table-row-firld{
		border-right: 2px solid #707070;
	}
	.org-table-row-leader{
		border-right: 2px solid #707070;
	}
	.org-table-row-member{
	}
	.org-table-row:last-child > div {
		border-bottom: 0;
	}
	.org-table-row:last-child > .org-table-row-member {
		border-bottom: 2px solid #707070;
	}
	.org-table-row-firld, .org-table-row-leader, .org-table-row-member{
		width: 100%;
	}
	.org-table-row-leader, .org-table-row-member{
		border-top: 0;
	}
	p.org-table-header{
		border-bottom: 0;
	}
	/*SPでは、2行目以降のヘッダーを表示にする*/
	.org-table-row:nth-of-type(n + 2) .org-table-header{
		display: block;
	}
}