/* Greeting */
.greetingBox {
	margin: 24px 0 0;
	display: flex;
}
.greetingBox .leftBox {
	width: 200px;
	text-align: center;
}
.greetingBox .leftBox img {
	width: 200px;
	margin: 0 0 8px;
	display: block;
}
.greetingBox .leftBox span {
	font-size: 1.1rem;
	margin: 0 0 4px;
	display: block;
}
.greetingBox .leftBox strong {
	font-size: 1.4rem;
}
.greetingBox .rightBox {
	padding: 0 0 0 48px;
}
.greetingBox .rightBox p {
	font-size: 1.4rem;
	line-height: 200%;
	margin: 24px 0 0;
}
.greetingBox .rightBox p:first-of-type {
	margin: 0;
}

/* introduction */
.ysapList {
	width: 56%;
	border-collapse: collapse;
	margin: 24px auto 0;
}
.ysapList th,
.ysapList td {
	font-size: 1.4rem;
	border-right: solid 1px #afafaf;
	border-bottom: solid 1px #afafaf;
}
.ysapList th {
	height: 40px;
	font-weight: normal;
	border-top: solid 1px #afafaf;
	background-color: rgba(96, 143, 255, .1);
}
.ysapList th:first-of-type {
	border-left: solid 1px #afafaf;
}
.ysapList td {
	height: 48px;
	background-color: #fff;
	padding: 8px 16px;
}
.ysapList td:first-of-type {
	width: 72%;
	border-left: solid 1px #afafaf;
}

/* Staff */
.staffList,
.qualificationList,
.affiliationList {
	width: 56%;
	margin: 0 auto;
}
.associateBox .childBox .staffList p,
.associateBox .childBox .qualificationList p,
.associateBox .childBox .affiliationList p{
	text-align: right;
	margin: 0 auto;
}
.associateBox .childBox .staffList ul {
	width: 50%;
	margin: 0;
	display: flex;
}
.associateBox .childBox .staffList ul li {
	width: 50%;
	padding: 0 0 0 16px;
}
.staffList table,
.qualificationList table,
.affiliationList table {
	width: 100%;
	border-collapse: collapse;
}
.staffList table {
	margin: 16px 0 0;
}
.qualificationList table,
.affiliationList table {
	margin: 8px 0 0
}
.staffList th,
.staffList td,
.qualificationList th,
.qualificationList td,
.affiliationList th,
.affiliationList td {
	font-size: 1.4rem;
	border-right: solid 1px #afafaf;
	border-bottom: solid 1px #afafaf;
}
.staffList th,
.qualificationList th,
.affiliationList th {
	height: 40px;
	font-weight: normal;
	border-top: solid 1px #afafaf;
	background-color: #eff3ff;
}
.staffList th:first-of-type,
.qualificationList th:first-of-type,
.affiliationList th:first-of-type {
	border-left: solid 1px #afafaf;
}
.staffList th {
	width: auto;
}
.staffList th:last-of-type {
	width: 40%;
}
.qualificationList th {
	width: 44%;
}
.qualificationList th:last-of-type {
	width: 12%;
}
.affiliationList th {
	width: auto;
}
.affiliationList th:last-of-type {
	width: 24%;
}
.staffList td,
.qualificationList td,
.affiliationList td {
	height: 40px;
	background-color: #fff;
	padding: 8px 16px;
}
.staffList td:first-of-type,
.qualificationList td:first-of-type,
.affiliationList td:first-of-type {
	border-left: solid 1px #afafaf;
}
.qualificationList td:last-of-type,
.affiliationList td:last-of-type {
	text-align: right;
}

/* Team */
.dementiaMember {
	display: flex;
	flex-wrap: wrap;
}
.dementiaMember li {
	width: calc(100% / 3);
}
.associateBox .childBox .dementiaMember li:nth-of-type(4),
.associateBox .childBox .dementiaMember li:nth-of-type(5),
.associateBox .childBox .dementiaMember li:last-of-type {
	padding: 0 0 0 16px;
}
.pdfBox.team {
	position: relative;
	width: 400px;
	height: 48px;
	color: #2f40af;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 16px auto 0;
	padding: 17px 0 0 56px;
	display: block;
	transition: .3s;
}
.pdfBox.team:before {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 24px;
	height: 32px;
	background-image: url(../img/pdf_b_s_icn.png);
	background-size: 24px 32px;
	transform: translateY(-50%);
	content: "";
}
.pdfBox.team:hover {
	color: #608fff;
	background-color: rgba(96, 143, 255, .1);
}

/* Patients */
.articleBox {
	border: solid 1px #2f40af;
	border-radius: 8px;
	margin: 24px 0 0;
	padding: 24px;
}
.articleBox strong {
	color: #2f40af;
	font-size: 1.6rem;
	border-bottom: solid 1px #afafaf;
	padding: 0 0 8px;
	display: block;
}
.articleListBoxes {
	border-top: dotted 1px #afafaf;
	margin: 16px 0 0;
}
.articleListBox {
	border-bottom: dotted 1px #afafaf;
}
.articleListBox .titleBox {
	position: relative;
	height: 48px;
	padding: 18px 0 0 32px;
	cursor: pointer;
}
.articleListBox .titleBox strong {
	font-size: 1.4rem;
	text-decoration: underline;
	line-height: 1;
}
.articleListBox .titleBox:before {
	position: absolute;
	top: 50%;
	left: 8px;
	width: 16px;
	height: 16px;
	background-image: url(../img/more_b_icn.png);
	background-size: 100%;
	transform: translateY(-50%) rotate(90deg);
	transition: .3s;
	content: "";
}
.articleListBox .titleBox.selected:before {
	transform: translateY(-50%) rotate(270deg);
}
.articleListBox .titleBox span {
	position: absolute;
	right: 16px;
	font-size: 1.4rem;
}
.articleListBox .titleBox:hover strong {
	color: #608fff;
}
.articleListBox .bodyBox {
	border-top: solid 1px #cfcfcf;
	padding: 0 0 24px;
	display: none;
}
.articleListBox .bodyBox p {
	margin: 16px 0 0;
}

.associateBox .imageBox a.movie {
	position: relative;
	background-color: #000;
	outline: none;
	display: block;
}
.associateBox .imageBox a.movie img {
	opacity: .7;
	transition: .3s;
}
.associateBox .imageBox a.movie:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 104px;
	height: 104px;
	transform: translate(-50%, -50%);
	background-image: url("../img/play_icn.png");
	background-size: 104px 104px;
	opacity: .6;
	transition: .3s;
	content: "";
}
.associateBox .imageBox a.movie:hover img {
	opacity: 1;
}
.associateBox .imageBox a.movie:hover:after {
	opacity: 1;
}

.preoperativePdfBox {
	margin: 24px 0 0;
}
.preoperativePdfBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.preoperativePdfBox ul li {
	width: calc(100% / 3);
}
.preoperativePdfBox ul li:first-of-type {
	margin: 0 4px 0 0;
}
.preoperativePdfBox ul li:last-of-type {
	margin: 0 0 0 4px;
}
.preoperativePdfBox ul li a {
	position: relative;
	width: 100%;
	height: 48px;
	color: #2f40af;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	padding: 17px 0 0 50px;
	display: block;
	transition: .3s;
	outline: none;
}
.preoperativePdfBox ul li a:before {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 24px;
	height: 32px;
	background-image: url(../img/pdf_b_s_icn.png);
	background-size: 24px 32px;
	transform: translateY(-50%);
	content: "";
}
.preoperativePdfBox ul li a:hover {
	color: #608fff;
	background-color: rgba(96, 143, 255, .1);
}

/* Pharmacy */
.downloadDocBox {
	width: 64%;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 24px auto 0;
	padding: 16px 32px 24px;
}
.downloadDocBox strong {
	font-size: 1.4rem;
	line-height: 168%;
}
.downloadDocBox .innerBox {
	margin: 16px 0 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.downloadDocBox .innerBox a {
	position: relative;
	width: 240px;
	height: 48px;
	color: #2f40af;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 0 4px;
	padding: 17px 0 0 50px;
	display: block;
	transition: .3s;
	outline: none;
}
.downloadDocBox .innerBox a.pdf:before,
.downloadDocBox .innerBox a.word:before,
.downloadDocBox .innerBox a.excel:before {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 24px;
	height: 32px;
	background-size: 24px 32px;
	transform: translateY(-50%);
	content: "";
}
.downloadDocBox .innerBox a.pdf:before {
	background-image: url(../img/pdf_b_s_icn.png);
}
.downloadDocBox .innerBox a.word:before {
	background-image: url(../img/word_b_s_icn.png);
}
.downloadDocBox .innerBox a.excel:before {
	background-image: url(../img/excel_b_s_icn.png);
}
.downloadDocBox .innerBox a:hover {
	color: #608fff;
	background-color: rgba(96, 143, 255, .1);
}

.helpdeskBoxes {
	margin: 16px 0 0;
}
.helpdeskBox {
	width: 64%;
	margin: 24px auto 0;
	border: solid 1px #afafaf;
	border-radius: 8px;
	padding: 16px 32px 24px;
}
.helpdeskBox:first-of-type {
	margin: 0 auto;
}
.helpdeskBox strong {
	font-size: 1.4rem;
	line-height: 168%;
}
.helpdeskBox table {
	width: 100%;
	border-top: dotted 1px #afafaf;
	border-collapse: collapse;
	margin: 16px auto 0;
}
.helpdeskBox table tr {
	border-bottom: dotted 1px #afafaf;
}
.helpdeskBox table th {
	position: relative;
	width: 200px;
	height: 64px;
	font-size: 1.4rem;
	text-align: left;
	padding: 0 0 0 40px;
}
.helpdeskBox table th:before {
	position: absolute;
	top: 50%;
	left: 24px;
	width: 6px;
	height: 6px;
	border-top: solid 1px #2f40af;
	border-right: solid 1px #2f40af;
	display: inline-block;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}
.helpdeskBox table td {
	font-size: 1.4rem;
	line-height: 168%;
}
.helpdeskBox table td span {
	font-size: 1.2rem;
	line-height: 1;
	border: solid 1px #606060;
	border-radius: 4px;
	margin: 0 0 0 8px;
	padding: 3px 8px 2px;
	vertical-align: 1px;
}

.qrBox {
	position: relative;
	width: 64%;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 24px auto 0;
	padding: 16px 40px;
	display: flex;
}
.qrBox img {
	width: 128px;
	height: 128px;
	margin: 0;
}
.associateBox .childBox .qrBox p {
	margin: 0 0 0 24px;
	font-size: 1.4rem;
	line-height: 200%;
}
.qrBox a {
	position: relative;
	color: #2f40af;
}

.regulationPdf {
	position: relative;
	width: 320px;
	height: 48px;
	color: #2f40af;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 0 auto;
	padding: 17px 0 0 50px;
	display: block;
	transition: .3s;
	outline: none;
}
.regulationPdf:before {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 24px;
	height: 32px;
	background-image: url(../img/pdf_b_s_icn.png);
	background-size: 24px 32px;
	transform: translateY(-50%);
	content: "";
}
.regulationPdf:hover {
	color: #608fff;
	background-color: rgba(96, 143, 255, .1);
}

.telNoTable {
	width: 56%;
	border-top: dotted 1px #afafaf;
	border-collapse: collapse;
	margin: 24px auto 0;
}
.telNoTable tr {
	border-bottom: dotted 1px #afafaf;
}
.telNoTable th,
.telNoTable td {
	font-size: 1.4rem;
}
.telNoTable th {
	position: relative;
	width: 200px;
	height: 64px;
	text-align: left;
	padding: 0 0 0 40px;
}
.telNoTable th:before {
	position: absolute;
	top: 50%;
	left: 24px;
	width: 6px;
	height: 6px;
	border-top: solid 1px #2f40af;
	border-right: solid 1px #2f40af;
	display: inline-block;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}
.telNoTable td span {
	font-size: 1.2rem;
	border: solid 1px #606060;
	border-radius: 4px;
	line-height: 1;
	margin: 0 0 0 8px;
	padding: 3px 8px 2px;
	vertical-align: 1px;
}

.associateBox .childBox ul.regimenBox {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.associateBox .childBox ul.regimenBox li {
	width: calc(100% / 3);
	padding: 0 4px 8px;
}
.associateBox .childBox ul.regimenBox li:nth-last-of-type(2),
.associateBox .childBox ul.regimenBox li:last-of-type {
	padding: 0 4px;
}
.associateBox .childBox ul.regimenBox li:before {
	content: none;
}
.associateBox .childBox ul.regimenBox li a {
	position: relative;
	width: 100%;
	height: 48px;
	color: #2f40af;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 0 auto;
	padding: 17px 0 0 50px;
	display: block;
	transition: .3s;
	outline: none;
}
.associateBox .childBox ul.regimenBox li a:before {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 24px;
	height: 32px;
	background-image: url(../img/pdf_b_s_icn.png);
	background-size: 24px 32px;
	transform: translateY(-50%);
	content: "";
}
.associateBox .childBox ul.regimenBox li a:hover {
	color: #608fff;
	background-color: rgba(96, 144, 255, .1);
}

/* Manufacture */
.mrBox p.indent {
	padding: 0 0 0 16px;
	text-indent: -16px;
}
.mrBox ul.indent {
	padding: 0 0 0 16px;
}
.mrBox p strong.warning {
	color: #f00;
	font-weight: normal;
}
.mrBox .weekBoxes {
	margin: 16px 0 0;
}
.mrBox .weekBox {
	width: 64%;
	margin: 24px auto 0;
}
.mrBox .weekBox:first-of-type {
	margin: 0 auto;
}
.mrBox .weekBox strong {
	font-size: 1.4rem;
}
.mrBox .weekBox table {
	width: 100%;
	border-collapse: collapse;
	margin: 8px auto 0;
	table-layout: fixed;
}
.mrBox .weekBox table th,
.mrBox .weekBox table td {
	font-size: 1.4rem;
	font-weight: normal;
	border-right: solid 1px #afafaf;
	border-bottom: solid 1px #afafaf;
}
.mrBox .weekBox table th {
	width: auto;
	height: 40px;
	border-left: solid 1px #afafaf;
	background-color: rgba(96, 143, 255, .1);
}
.mrBox .weekBox table tr:first-of-type th {
	border-top: solid 1px #afafaf;
}
.mrBox .weekBox table tr:first-of-type td {
	font-size: 1.4rem;
	border-top: solid 1px #afafaf;
	background-color: #efefef;
}
.mrBox .weekBox table td {
	position: relative;
	width: 88px;
	font-size: 1.6rem;
	text-align: center;
	padding: 4px 0;
}
.mrBox .weekBox table td span {
	font-size: 1.1rem;
	line-height: 1;
	display: block;
}
.mrBox .weekBox > span {
	font-size: 1.2rem;
	margin: 8px 0 0;
	display: block;
}

.mrBox.calendar {
	width: 64%;
	margin: 24px auto 0;	
}
.mrBox.calendar table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
}
.mrBox.calendar th,
.mrBox.calendar td {
	border-right: solid 1px #afafaf;
	border-bottom: solid 1px #afafaf;
	font-size: 1.4rem;
}
.mrBox.calendar th {
	width: calc(100% / 7);
	height: 40px;
	font-weight: normal;
	border-top: solid 1px #afafaf;
	background-color: #efefef;
}
.mrBox.calendar th:first-of-type {
	color: #f00;
	border-left: solid 1px #afafaf;
}
.mrBox.calendar th:last-of-type {
	color: #00f;
}
.mrBox.calendar td {
	position: relative;
	height: 48px;
	font-size: 1.6rem;
	padding: 8px;
	vertical-align: top;
}
.mrBox.calendar td:first-of-type {
	color: #f00;
	border-left: solid 1px #afafaf;
}
.mrBox.calendar td:last-of-type {
	color: #00f;
}
.mrBox.calendar td.subject {
	background-color: rgba(96, 143, 255, .1);
}
.mrBox.calendar td p {
	color: #608fff;
	font-size: 1.4rem;
	line-height: 1;
	margin: 4px 0 0;
}
.mrBox.calendar > span {
	font-size: 1.4rem;
	text-align: center;
	margin: 8px 0 0;
	display: block;
}

@media screen and (max-width: 520px) {
	/* Greeting */
	.greetingBox {
		margin: 16px 0 0;
		display: block;
	}
	.greetingBox .leftBox {
		width: 100%;
	}
	.greetingBox .leftBox img {
		width: 56%;
		margin: 0 auto 8px;
	}
	.greetingBox .rightBox {
		margin: 16px 0 0;
		padding: 0;
	}
	.greetingBox .rightBox p {
		line-height: 184%;
	}
	
	/* introduction */
	.ysapList {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		margin: 16px auto 0;
	}
	.ysapList td {
		padding: 8px;
	}
	.ysapList td:first-of-type {
		width: 72%;
	}
	
	/* Staff */
	.staffList,
	.qualificationList,
	.affiliationList {
		width: 100%;
		margin: 0 auto;
	}
	.associateBox .childBox .staffList ul {
		width: 100%;
		margin: 8px 0 0;
	}
	.staffList table,
	.qualificationList table,
	.affiliationList table {
		border-collapse: separate;
		border-spacing: 0;
	}
	.qualificationList table,
	.affiliationList table {
		margin: 4px 0 0;
	}
	.qualificationList th {
		width: calc((100% - 16%) / 2) ;
	}
	.qualificationList th:last-of-type {
		width: 16%;
	}
	.staffList td,
	.qualificationList td,
	.affiliationList td {
		padding: 8px;
	}
	.staffList td span {
		display: block;
	}
	
	/* Team */
	.dementiaMember {
		display: block;
		flex-wrap: nowrap;
	}
	.dementiaMember li {
		width: 100%;
	}
	.associateBox .childBox .dementiaMember li:nth-of-type(4),
	.associateBox .childBox .dementiaMember li:nth-of-type(5) {
		padding: 0 0 8px 16px;
	}
	.pdfBox.team {
		width: 100%;
		padding: 17px 0 0 40px;
		transition: none;
	}
	.pdfBox.team:before {
		left: 8px;
	}
	.pdfBox.team:hover {
		color: #2f40af;
		background-color: #fff;
	}
	
	/* Patients */
	.articleBox {
		margin: 16px 0 0;
		padding: 16px;
	}
	.articleBox strong {
		padding: 0 0 12px;
	}
	.articleListBox .titleBox {
		height: 64px;
		padding: 16px 0 0 24px;
		cursor: default;
	}
	.articleListBox .titleBox:before {
		top: 16px;
		left: 0;
		transform: translateY(0) rotate(90deg);
	}
	.articleListBox .titleBox.selected:before {
		transform: translateY(0) rotate(270deg);
	}
	.articleListBox .titleBox span {
		bottom: 4px;
		right: 0;
	}
	.articleListBox .titleBox:hover strong {
		color: #606060;
	}
	.articleListBox .bodyBox {
		padding: 0 0 16px;
	}
	
	.associateBox .imageBox a.movie img {
		opacity: .8;
		transition: none;
	}
	.associateBox .imageBox a.movie:after {
		position: absolute;
		width:  calc(100vw * 0.2);
		height: calc(100vw * 0.2);
		background-size: 100%;
		opacity: .7;
		transition: none;
	}
	.associateBox .imageBox a.movie:hover img {
		opacity: .8;
	}
	.associateBox .imageBox a.movie:hover:after {
		opacity: .7;
	}
	
	.preoperativePdfBox ul {
		display: block;
	}
	.preoperativePdfBox ul li {
		width: 100%;
	}
	.preoperativePdfBox ul li:first-of-type {
		margin: 0;
	}
	.preoperativePdfBox ul li:last-of-type {
		margin: 8px 0 0;
	}
	.preoperativePdfBox ul li a {
		padding: 17px 0 0 40px;
		transition: none;
	}
	.preoperativePdfBox ul li a:before {
		left: 8px;
	}
	.preoperativePdfBox ul li a:hover {
		color: #2f40af;
		background-color: #fff;
	}
	
	/* Pharmacy */
	.downloadDocBox {
		width: 100%;
		margin: 24px 0 0;
		padding: 16px 16px 24px;
	}
	.downloadDocBox .innerBox {
		margin: 8px 0 0;
		display: block;
	}
	.downloadDocBox .innerBox a {
		width: 100%;
		margin: 0 0 8px;
		transition: none;
	}
	.downloadDocBox .innerBox a:last-of-type {
		margin: 0;
	}
	.downloadDocBox .innerBox a:hover {
		color: #2f40af;
		background-color: #fff;
	}

	.helpdeskBox {
		width: 100%;
		margin: 16px 0 0;
		padding: 16px 16px 24px;
	}
	.helpdeskBox strong {
		line-height: 144%;
	}
	.helpdeskBox table tr {
		border-bottom: none;
	}
	.helpdeskBox table th,
	.helpdeskBox table td {
		display: block;
	}
	.helpdeskBox table th {
		width: 100%;
		height: auto;
		padding: 16px 0 0 16px;
	}
	.helpdeskBox table th:before {
		top: auto;
		bottom: 4px;
		left: 0;
	}
	.helpdeskBox table td {
		border-bottom: dotted 1px #afafaf;
		padding: 8px 0 16px;
	}

	.qrBox {
		width: 100%;
		padding: 16px;
		display: block;
	}
	.qrBox img {
		margin: 0 auto;
		display: block;
	}
	.associateBox .childBox .qrBox p {
		margin: 16px 0 0;
		line-height: 184%;
	}
	
	.regulationPdf {
		width: 100%;
		transition: none;
	}
	.regulationPdf:hover {
		color: #2f40af;
		background-color: #fff;
	}

	.telNoTable {
		width: 100%;
	}
	.telNoTable th {
		width: 104px;
		height: auto;
		padding: 0 0 0 16px;
	}
	.telNoTable th:before {
		left: 0;
	}
	.telNoTable td {
		padding: 16px 0;
	}
	.telNoTable td span {
		margin: 8px 0 0 0;
		vertical-align: auto;
		display: inline-block;
	}

	.associateBox .childBox ul.regimenBox {
		display: block;
		flex-wrap: nowrap;
	}
	.associateBox .childBox ul.regimenBox li {
		width: 100%;
		padding: 0 0 8px;
	}
	.associateBox .childBox ul.regimenBox li:nth-last-of-type(2) {
		padding: 0 0 8px;
	}
	.associateBox .childBox ul.regimenBox li:last-of-type {
		padding: 0;
	}
	.associateBox .childBox ul.regimenBox li a {
		padding: 17px 0 0 40px;
		transition: none;
	}
	.associateBox .childBox ul.regimenBox li a:before {
		left: 8px;
	}
	.associateBox .childBox ul.regimenBox li a:hover {
		color: #2f40af;
		background-color: #fff;
	}
	
	/* Manufacture */
	.mrBox .weekBox {
		width: 100%;
		margin: 24px 0 0;
	}
	.mrBox .weekBox table{
		table-layout: auto;
		border-collapse: separate;
		border-spacing: 0;
	}
	.mrBox .weekBox table th {
		width: calc(100% / 8);
		font-size: 1.2rem;
		line-height: 128%;
		padding: 8px 0;
	}
	.mrBox .weekBox table th span {
		display: block;
	}
	.mrBox .weekBox table td {
		width: calc(100% / 8);
		font-size: 1.4rem;
	}
	.mrBox .weekBox table td span {
		font-size: 0.9rem;
		line-height: 168%;
	}

	.mrBox.calendar {
		width: 100%;
		margin: 24px 0 0;
	}
	.mrBox.calendar table {
		border-collapse: separate;
		border-spacing: 0;
	}
	.mrBox.calendar td {
		font-size: 1.4rem;
		padding: 4px;
	}
	.mrBox.calendar td p {
		font-size: 1.2rem;
		line-height: 128%;
	}
	.mrBox.calendar td p span {
		display: block;
	}
}