@charset "utf-8";

/*-----------------------------------------*/

* {
	margin : 0;
	padding : 0;
	box-sizing : border-box;
	position: relative;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
    min-width: 360px;
}

html.fs-3 { font-size: 56.5%; }
html.fs-2 { font-size: 58.5%; }
html.fs-1 { font-size: 60.5%; }
html.fs1 { font-size: 66.5%; }
html.fs2 { font-size: 70.5%; }
html.fs3 { font-size: 74.5%; }
html.fs4 { font-size: 78.5%; }
html.fs5 { font-size: 82.5%; }
html.fs6 { font-size: 86.5%; }

/*-----------------------------------------*/
.s030 { font-size: 30%; }
.s040 { font-size: 40%; }
.s050 { font-size: 50%; }
.s060 { font-size: 60%; }
.s070 { font-size: 70%; }
.s080 { font-size: 80%; }
.s090 { font-size: 90%; }
.s100 { font-size: 100%; }
.s110 { font-size: 110%; }
.s120 { font-size: 120%; }
.s130 { font-size: 130%; }
.s140 { font-size: 140%; }
.s150 { font-size: 150%; }
.s160 { font-size: 160%; }
.s170 { font-size: 170%; }
.s180 { font-size: 180%; }
.s190 { font-size: 190%; }
.s200 { font-size: 200%; }
.s220 { font-size: 220%; }
.s240 { font-size: 240%; }
.s250 { font-size: 250%; }
.s260 { font-size: 260%; }
.s280 { font-size: 280%; }
.s300 { font-size: 300%; }
.s350 { font-size: 350%; }
.s400 { font-size: 400%; }
/*-----------------------------------------*/

a {
	text-decoration: underline;
	color: rgba(11,159,231,1.00);
}

main a:visited {
	color: rgba(111,59,162,1.00);
}

a:hover ,
main a:visited:hover ,
a:visited:hover {
	color: rgba(236,0,3,1.00);
}

a img {
	transition: all 0.25s;
}

a:hover img {
	opacity: 0.75;
}

a[href$=".pdf"] {
background-size: auto 0.8em;
background-repeat: no-repeat;
background-position: right center;
padding-right: 1.2em;
margin-right: 0.1em;
background-image: url(../img/format/ico_pdf.png);
}

/*-----------------------------------------*/

h1, h2, h3, h4, h5, h6, p, ol, ul, table, dl {
	margin-bottom: 1em;
    font-size: 100%;
}

/*-----------------------------------------*/

ul {
	margin-left: 1.5em;
	list-style-position: outside;
}

ol {
	margin-left: 1.5em;
	list-style-position: outside;
}

li > ol ,
li > ul {
    margin-top: 1em;
    margin-bottom: 2em;
	font-size: 95%;
}

ul.inline {
	margin-left: 0;
}

ul.inline li {
	display: inline-block;
	padding-left: 1.5em;
}

ul.inline li::before {
	content: "";
	display: list-item;
	position: absolute;
}

ol.none ,
ul.none {
	list-style-type : none;
	margin-left: 0;
}

ul.disc {
	list-style-type : disc;
}

ul.circle {
	list-style-type : circle;
}

ul.square {
	list-style-type : square;
}

ol.decimal {
	list-style-type : decimal;
}

ol.loweralpha {
	list-style-type : lower-alpha;
}

ol.upperalpha {
	list-style-type : upper-alpha;
}

ol.katakana {
	list-style-type : katakana;
    margin-left: 2.0em;
}

li {
	margin-bottom: 0.5em;
}

li:last-child {
	margin-bottom: 0em;
}

/* list type ---------------------*/

ol.roman {
margin-left: 2.5em;
}

ol.roman>li {
list-style-type: upper-roman;
}

ol.roman>li>* {
}

ol.decimal>li {
list-style-type: decimal;
}

ul.circle {
list-style-type: circle;
}

ul.disc {
list-style-type: disc;
}

ul.square {
list-style-type: square;
}

ul.kome ,
ul.maru ,
ul.hishi ,
ul.arrow {
	margin-left: 1.5em;
	list-style-type: none;
}

ul.kome.point ,
ul.maru.point ,
ul.hishi.point ,
ul.arrow.point {
	margin-left: 0;
}

ul.kome>li::before {
content: "※";
margin-left: -1.25em;
margin-right: 0.25em;
}

ul.maru>li::before {
content: "○";
margin-left: -1.25em;
margin-right: 0.25em;
}

ul.hishi>li::before {
content: "◇";
margin-left: -1.25em;
margin-right: 0.25em;
}

ul.arrow>li::before {
content: "→";
margin-left: -1.25em;
margin-right: 0.25em;
}

.kome>li>ol,
.kome>li>ul{
margin-left: 2.5em;
}


ul.kome li ,
ul.maru> li ,
ul.hishi >li ,
ul.arrow>li{
}

/*-----------------------------------------*/

img ,
embed ,
video {
	max-width: 100%;
	height: auto;
	vertical-align:middle;
	border: 0;
}

img[src$=".svg"] {
    width: 100%;
}

picture {
    display: block;
    margin-bottom: 1em;
}

figure {
    margin: 1em auto;
	display: inline-block;
	text-align: center;
}

figcaption {
    margin: 0 auto 1em auto;
    text-align: center;
    font-size: 85%;
	padding: 0.5em 1em;
	background-color: rgba(241,218,203,1.00);
	border-radius: 100px;
	display: inline-block;
	line-height: 1.3;
}

figure>img~figcaption ,
figure>span~figcaption {
	transform: translateY(-50%);
}

figure>img~figcaption::after ,
figure>span~figcaption::after {
	content: "▲";
	display: inline-block;
	transform: translateX(-50%);
	position: absolute;
	font-size: 150%;
	top: -1em;
	left: 50%;
	color: rgba(241,218,203,1.00);
}

figure>figcaption:first-child::after {
	content: "▼";
	display: inline-block;
	transform: translateX(-50%);
	position: absolute;
	font-size: 150%;
	bottom: -1em;
	left: 50%;
	color: rgba(241,218,203,1.00);
}

/*----------------*/

.round {
	display: block;
	margin: 2em auto;
}
figure.round {
	display: inline-block;
	width: 100%;
}

.round>img ,
.round>span {
	width: 50%;
	max-width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.round img {
	border-radius: 100%;
}

/*----------------*/

iframe {
	border: none;
}

/*-----------------------------------------*/

form {
	display: inline;
}
input,
textarea {
	font-family: Meiryo UI,"メイリオ","Yu Gothic UI",'M PLUS Rounded 1c', sans-serif;
	vertical-align:middle;
	padding: 0.5em;
	font-size: 100%;
	letter-spacing: 0.05em;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
    cursor: pointer;
	font-size: 85%;
}
input[type="text"],
textarea {
    width: 100%;
    max-width: 100%;
	line-height: 1.6;
	border: 1px solid rgba(200,200,200,1.00);
	color: rgba(128,128,128,1.00);
}
input[type="text"]:focus,
textarea:focus {
	border: 1px solid rgba(100,100,100,1.00);
	color: inherit;
}
textarea {
    min-height: 7em;
}
input.red {
	color: rgba(200,0,0,1.00);
}


/*-----------------------------------------*/

.tableWraper {
	width: 100%;
	overflow-x: auto;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
	width: 100%;
}

th,
td {
	border: 1px solid rgba(129,157,160,1.00);
	padding: 0.5em;
}

th {
	font-weight: normal;
	background-color: rgba(0,0,0,0.08);
	text-align: center;
}

td {
	text-align: left;
}

td.center {
	text-align: center;
}

thead th {
	padding: 1em 0.5em;
    background-color: rgba(67,194,204,0.50);
}

tbody th {
	white-space: nowrap;
}

tr>*:first-child {
	border-left: none;
}
tr>*:last-child {
	border-right: none;
}

th>*:last-child,
td>*:last-child {
	margin-bottom: 0em;
}

/*--------------*/

table.autoW {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

table.autoW th,
table.autoW td {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

table.nameLists td span {
	display: inline-block;
	font-size: 90%;
}

table.nameLists th {
	width: 25%;
}

/*-----------------------------------------*/

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.7;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.75;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.75;}
}

/**************************************************************************/

header * ,
footer * {
	margin: 0;
	list-style-type: none;
}

/*-----------------------------------------*/

section>*:last-child ,
article>*:last-child ,
div>*:last-child  {
	margin-bottom: 0em;
}

/*-----------------------------------------*/

#container ,
header ,
main ,
aside ,
footer ,
section ,
.wfix {
	clear: both;
	display: block;
	width: 100%;
	margin: auto;
}

#container::after ,
header::after ,
main::after ,
aside::after ,
footer::after {
	content: "";
	clear: both;
	display: block;
}

/*--------------------------------------------------------------------------
#loading
---------------------------------------------------------------------------*/

#loadingMask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(255,255,255,1.00);
}

#loading {
    position: absolute;
    top: 40vh;
    left: 50vw;
    width: 100px;
    height: 100px;
	background-image: url("../img/format/ico_loading.gif");
	background-image: url("../img/format/loading_mark.png");
	background-repeat: no-repeat;
	background-position: center center;
    background-size: contain;
    transform: translateX(-50%) translateY(-50%);

}

#loading {
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}

/**************************************************************************
body
**************************************************************************/

body {
	background-color: rgba(255,255,255,1.00);
	font-family: Meiryo UI,"メイリオ","Yu Gothic UI",'M PLUS Rounded 1c', sans-serif;
	color: rgba(68,68,68,1.00);
	font-feature-settings: "palt";
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

@media screen and (max-width:599px) {
    body {
        font-size: 16px;
        font-size: 1.6rem;
		letter-spacing: 0;
	}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
    body {
        font-size: 16px;
        font-size: 1.6rem;
		letter-spacing: 0;
	}
}
@media screen and (min-width: 900px) {
    body {
        font-size: 16px;
        font-size: 1.6rem;
		letter-spacing: 0.05em;
		line-height: 1.6;
	}
}

/* #container ----------------*/

#container {
	background-color: rgba(255,255,255,1.00);
	opacity: 0;
}

@media screen and (max-width:899px) {
	#container {
		margin-top: 12vw;
	}
}

/* .wfix ----------------*/

.wfix {
    max-width: 1400px;
    transition: all 0.5s;
	width: 90%;
}

@media screen and (max-width:599px) {
	.wfix {
		width: 90%;
	}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.wfix {
		width: 85%;
	}
}
@media screen and (min-width: 900px) {
	.wfix {
		width: 80%;
	}
}

/**************************************************************************
header
**************************************************************************/

header {
	background-color: rgba(255,255,255,1.00);
	position: relative;
}
/*-----------------*/

#author {
    padding: 1.5vw 0;
}

/*-----------------*/

header h1 {
	width: 60%;
	max-width: 360px;
    transition: all 0.25s;
}

header h1 a {
    display: block;
}

/*-----------------*/

header .contactInfo {
    flex-grow: 1;
    display: flex;
    justify-content: end;
    align-items: end;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	gap: 0 1em;
}

.infoMap {
	font-size: 90%;
	line-height: 1.3;
}

header .infoMap {
	text-align: right;
}
header .infoMap span:last-child {
	font-size: 80%;
}

.infoMap a {
	display: inline-block;
	background-image: url("../img/format/icon_map.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 1.8em;
	padding: 1em 1.5em 0 0;
	letter-spacing: 0;
}

.infoTel {
	white-space: nowrap;
	line-height: 1.2;
	transform: translateY(0.45em);
}

header .infoTel {
	display: flex;
	justify-content: flex-end;
	flex-direction: column-reverse;
	flex-grow: 0;
	text-align: right;
	gap: 0.2em;
}
.infoTel .telcomment  {
	letter-spacing: 0.5em;
}
.infoTel .telcomment  {
	font-size: 63%;
	line-height: 1.6;
}
.infoTel .tel  {
	font-family: "Arial",sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	letter-spacing: -0.05em;
}
.tel .number {
	font-size: 180%;
	text-decoration: none;
	color: inherit;
}

@media screen and (max-width:899px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
	}
	#container.fix header {
		-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 5px 5px rgba(0,0,0,0.15);
	}
	header .wfix {
		width: 100%;
	}
	#container.fix header h1 {
		width: 40%;
		min-width: 160px;
	}
	#author {
		padding: 2.5vw;
	}
	header .contactInfo {
		display: none;
	}
}
@media screen and (min-width:900px){
	#author {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 2em;
	}
}

/*--------------------------------------------------------------------------
#btn_ocNav
---------------------------------------------------------------------------*/

#btn_ocNav {
	padding: 1em;
	font-weight: lighter;
	line-height: 1;
	color: rgba(255,255,255,1.00);
	background-color: rgba(67,194,204,1.00);
	display: flex;
	cursor: pointer;
	transition: all 0.25s;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	align-items: center;
}

#btn_ocNav:hover {
	background-color: rgba(52,176,185,1.00);
}

/*------------------*/

.btnicon .bar,
.btnicon:before,
.btnicon:after {
	display: block;
	width: 30px;
	height: 3px;
	content: '';
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 5px;
	background-color: rgba(255,255,255,1.00);
}
.btnicon .bar {
	position: relative;
	margin: 5px 0;
}
.btnicon {
}

#btn_ocNav.show .bar {
	-webkit-transform: scale(0);
	        transform: scale(0);
}
#btn_ocNav.show .btnicon:before {
	-webkit-transform: translateY(8px) rotate(135deg);
	        transform: translateY(8px) rotate(135deg);
}
#btn_ocNav.show .btnicon:after {
	-webkit-transform: translateY(-8px) rotate(-135deg);
	        transform: translateY(-8px) rotate(-135deg);
}

/*--------------------------------------------------------------------------
#ocNav
---------------------------------------------------------------------------*/

#ocNav {
	width: 100%;
	z-index: 2;
	background-color: rgba(255,255,255,1.00);
	background-color: rgba(42,174,184,1.00);
	position: absolute;
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.15);
}

#btn_ocNav ,
#ocNav {
	/* [disabled]display: none; */
}

@media screen and (min-width:900px) {
	#ocNav ,#btn_ocNav {
		display: none;
	}
}

#ocNavContent {
	width: 100%;
	padding: 5vw 2.5vw;
	display: none;
	border-top: 1px solid rgba(255,255,255,0.30);
	text-align: center;
}
#ocNavContent:not(.show) {
	display: none;
}

#ocNav h2 {
	font-weight: normal;
}

/*------------------*/

#ocNav ul {
	line-height: 1.4;
	margin: auto;
	list-style-type: none;
	max-width: 600px;
	text-align: left;
}

#ocNav li {
	margin: 0;
	border-bottom: 1px solid rgba(255,255,255,0.30);
}

#ocNav  li li:last-child {
	border-bottom: none;
}

#ocNav li a {
	display: block;
	padding: 1em 2em 1em 0.5em;
	flex-grow: 1;
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	display: flex;
	align-items: center;
	overflow-x: hidden;
	text-overflow: ellipsis;
	transition: all 0.25s;
}

#ocNav li a:hover {
	background-color: rgba(0,0,0,0.10);
}

#ocNav li a::before {
	content: "▼";
	font-size: 65%;
	display: block;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%) rotate(-90deg);
	opacity: 0.5;
}

#ocNav li a:hover::before {
	opacity: 1;
}

#ocNav li span {
	display: inline-block;
}

.navMainTitle {
	margin-right: 0.75em;
    white-space: nowrap;
}

.navSubTitle {
	font-size: 60%;
}


/*------------------------*/

#navClose {
	color: rgba(255,255,255,1.00);
	text-align: center;
	font-size: 200%;
	cursor: pointer;
	transition: all 0.25s;
	opacity: 0.5;
	z-index: 1;
	display: inline-block;
	margin: auto;
	padding: 0.5em;
	line-height: 1;
}

#navClose:hover {
	opacity: 1;
}

/*--------------------------------------------------------------------------
#breadthNav
---------------------------------------------------------------------------*/

#breadthNav {
	text-align: center;
	background-color: rgba(67,194,204,1.00);
	background-color: rgba(77,129,206,1.00);
	padding-top: 3px;
	display: flex;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 130%;
	font-size: clamp(14px, 1.4vw, 20px);
	font-weight: 500;
	line-height: 1;
	z-index: 1;
}

@media all and (-ms-high-contrast:none){
	#breadthNav {
		font-size: 115%;
	}
}

@media screen and (max-width:899px) {
	#breadthNav {
		display: none;
	}
}

#breadthNav ul {
display: flex;
justify-content: space-around;
list-style-type: none;
margin: 0;
padding: 0;
border-left: 1px solid rgba(0,0,0,0.25);
}

#breadthNav li {
margin: 0;
padding: 0;
flex-grow: 1;
}

#breadthNav li.loc::after {
content: "▼";
display: block;
width: 100%;
height: 1em;
position: absolute;
left: 0;
bottom: 0;
color: rgba(77,129,206,1.00);
font-size: 50%;
line-height: 1;
text-align: center;
transform: scaleY(80%);
z-index: 1;
}

#breadthNav li a {
display: block;
width: 100%;
padding: 1.25em 0.25em 1.5em 0.25em;
text-decoration: none;
color: rgba(255,255,255,1.00);
transition: all 0.25s;
border-right: 1px solid rgba(0,0,0,0.25);
overflow: hidden;
}
#breadthNav li:not(.loc) a::before {
content: "▼";
display: block;
width: 100%;
height: 1em;
position: absolute;
left: 0;
bottom: 30%;
font-size: 50%;
line-height: 1;
text-align: center;
transform: scaleY(80%);
opacity: 0;
transition: all 0.25s;
}

#breadthNav li a:hover ,
#breadthNav li.loc a {
background-color: rgba(40,165,175,1.00);
background-color: rgba(255,255,255,1.00);
color: rgba(77,129,206,1.00);
}

#breadthNav li a:hover::before {
bottom: 0;
opacity: 1;
}

/*--------------------------------------------------------------------------
.fontsize
---------------------------------------------------------------------------*/

.fontsize {
    margin: auto;
	display: flex;
	justify-content: center;
	align-content: center;
    white-space: nowrap;
}

.fontsize::before {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: rgba(77,129,206,1.00);
	background-image: url(../img/format/stripe_wh.png);
	background-size: auto 20px;
	background-repeat: repeat;
	transform: translateY(-50%);
}

#breadthNav ~ .fontsize::before {
	content: none;
}

@media screen and (max-width:899px) {
	#breadthNav ~ .fontsize {
		transform: translateY(-50%);
	}
}
@media screen and (min-width:900px) {
	#breadthNav ~ .fontsize {
		margin-top: 3vw;
	}
}

.fontsize>* {
    height: 55px;
    width: 55px;
	background-color: rgba(240,240,240,1.00);
	border: 7px solid rgb(255, 255, 255);
	border-radius: 50px;
	margin: 0px;
	cursor: pointer;
	transition: all 0.25s;
}
.fontsize>*:not(.disabled):hover {
	background-color: rgba(164,195,237,1.00);
}
.fsNormal {
	margin-left: -7px;
	margin-right: -7px;
}
.fontsize .disabled>* {
	opacity: 0.35;
	cursor: default;
}

.fontsize .active {
	background-color: rgba(164,195,237,1.00);
}

.fontsize .active:not(.disabled):hover {
	background-color: rgba(124,162,213,1.00);
}

/*--------------------------------------------------------------------------
main
---------------------------------------------------------------------------*/

#main {
	padding-top: 0vh;
}



#mainTitle {
	padding: 4em 0 2em 0;
	text-align: center;
}

#mainTitle h1 {
	margin: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 200%;
	font-size: clamp(2.4rem, 6.5vw, 3.6rem);
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(36,87,179,1.00);
}

#mainTitle .titleEngName {
display: inline-block;
margin: 1em auto auto auto;
padding: 0.25em 4em;
font-family: "Times New Roman", Times, serif;
font-size: 55%;
letter-spacing: clamp(0em,1.2vw,1.4em);
font-weight: normal;
line-height: 1.2;
color: rgba(180,180,180,1.00);
text-align: center;
transform: translateX(0.6em);
}

#mainContent {
padding: 2.5vw 0;
}

/*--------------------------------------------------------------------------
section
---------------------------------------------------------------------------*/

section {
	padding: 2vh 0 6vh 0;
}
/*------------------------------------*/

section#newsPickup {
	text-align: center;
	padding: 4vh 0 2vh 0;
}

.cinfo {
	background-color: rgb(238, 119, 169);
	background-color: rgba(14,175,0,1.00);
	color: rgba(255,255,255,1.00);
	display: inline-block;
	border-radius: 12px;
	padding: 1.5em 2vw;
	box-shadow: 10px 15px 10px rgba(0,0,0,0.15);
}

.cinfo#cinfo_2023 {
	background-color: rgba(14,175,0,1.00);
}

.cinfo#cinfo_2024 {
/*
	background-color: rgb(238, 119, 169);
*/
	background-color: rgb(88, 195, 49);
}

.cinfo#cinfo_2024 strong {
	color: inherit;
}

.cinfo h2 {
	font-weight: normal;
	font-size: 110%;
}

.cinfo a {
	color: rgba(255,255,255,1.00);
}

.important {
	background-color:rgba(221,0,3,1.00);
	padding: 0.25em 0.5em 0.4em 0.5em;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
}

.newsBox {
	background-color: rgba(255,255,255,1.00);
	color: rgba(30,30,30,1.00);
	padding: 0.75em;
	margin-bottom: 1em;
	border-radius: 4px;
}

#cinfo_2024 .newsBox::after {
  content: "";
  display: inline-block;
  width: 7em;
  height: 7em;
  background-image: url("../img/format/doctor.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  position: absolute;
  bottom: -3em;
  left: 0.5em;
  transform: translateX(-50%);
}

.newsBox .yoyaku {
	margin-top: 0.5em;
}
.newsBox .yoyaku span {
	color: rgba(221,0,3,1.00);
}

.newsBox p {
	margin-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
}

.newsBox p~p {
	margin-top: 1em;
}

.newsBox>*:last-child {
	margin-bottom: 0;
}

.cinfo .number {
	font-size: 160%;
	letter-spacing: 0;
}

.newsBox .innerbox {
	background-color: rgba(255,248,214,1.00);
	border-radius: 4px;
	font-size: 90%;
	padding: 1.5em 1em;
}

.newsBox .innerbox ul {
	text-align: left;
	margin-top: 1.5em;
}
.newsBox .innerbox ol {
	text-align: left;
	display: inline-block;
	font-size: 90%;
	margin-bottom: 1.5em;
}
.newsBox .innerbox li {
	margin-bottom: 0.25em;
}

.newsBox .innerbox>*:last-child {
	margin-bottom: 0;
}

.cinfoLink::before {
	content: "▼";
	display: inline-block;
	transform: rotate(-90deg);
	margin-right: 0.5em;
	line-height: 1;
	font-size: 80%;
}

.cinfoTel {
	margin: 1em auto;
}

.cinfoTel>* {
	display: inline-block;
}

.cinfoTel .s060 {
	transform: translateY(-4px);
}


/*------------------------------------*/

.sectionTitle {
	margin-bottom: 3vw;
}

.sectionTitle h2 {
	background-color: rgba(4,173,187,1.00);
	color: rgba(255,255,255,1.00);
	font-size: clamp(1.4rem, 4.5vw, 2.6rem);
	line-height: 1.4;
	padding: 0.8em 0.75em;
	border-radius: 6px 6px 0 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	letter-spacing: 0;
	font-weight: 500;
	border-bottom: 4px solid rgba(230,230,230,1.00);
}

.sectionTitle h2::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0.25em;
	z-index: 0;
	width: 4em;
	height: 100%;
	background-image: url("../img/format/mark.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 70%;
	opacity: 0.5;
}

/*------------------------------------*/

.sectionDetail {
}

.sectionDetail>article {
	margin-bottom: 3em;
}
.sectionDetail>article.full {
}

/*------------------------------------*/

.headline {
	margin-bottom: 2em;
	background-color: rgba(67, 194, 204, 0.15);
}

.headline p {
	font-size: 105%;
	padding: 1em;
}

/*------------------------------------*/

h3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	background-color: rgba(230,230,230,1.00);
	padding: 0.75em 0.75em;
	line-height: 1.2;
	color: rgba(4,184,197,1.00);
	font-size: 130%;
	border-radius: 4px 4px 0 0;
	border-bottom: 4px solid rgba(4,173,187,1.00);
	font-weight: 500;
}

.headline h3 {
    margin-bottom: 0;
}

.h3 {
	margin-bottom: 3em;
}

.block {
	margin-bottom: 3em;
}

.sectionDetail article {
	margin-bottom: 10vw;
}

@media screen and (min-width:900px){
	.sectionDetail article {
		margin-bottom: 4vw;
	}
}

.unit,
.h4 {
	margin-top: 2em;
	margin-bottom: 2em;
}

h4 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 120%;
	padding: 0.75em 0.75em;
	background-color: rgba(67,194,204,1.00);
	color: rgba(255,255,255,1.00);
	line-height: 1.2;
	border-radius: 4px;
	font-weight: 500;
}

article p {
	text-align: justify;
}


/*------------------------------------*/


@media screen and (max-width:599px){
	.s[class*="flex"] {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 2vw;
	}
	.s[class*="flex"]>* ,
	.s[class*="flex"]>*:last-child {
		margin-bottom: 3vw;
	}
	.s[class*="flex2"]>* {
		width: 48%;
	}
	.s[class*="flex3"]>* {
		width: 31%;
	}
	.s[class*="flex"]>*.noflex {
		width: 100%;
	}
}
@media screen and (min-width:600px) and (max-width:899px){
	.t[class*="flex"] {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 2vw;
	}
	.t[class*="flex"]>* ,
	.t[class*="flex"]>*:last-child {
		margin-bottom: 3vw;
	}
	.t[class*="flex2"]>* {
		width: 48%;
	}
	.t[class*="flex3"]>* {
		width: 31%;
	}
	.t[class*="flex"]>*.noflex {
		width: 100%;
	}
}
@media screen and (min-width:900px){
	.p[class*="flex"] {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 2vw;
	}
	.p[class*="flex"]>* ,
	.p[class*="flex"]>*:last-child {
		margin-bottom: 3vw;
	}
	.p[class*="flex2"]>* {
		width: 48%;
	}
	.p[class*="flex3"]>* {
		width: 31%;
	}
	.p[class*="flex"]>*.noflex {
		width: 100%;
	}
}

/*------------------------------------*/

@media screen and (min-width:900px){
	.column {
		column-count: 2;
		column-gap: 4em;
		column-rule: 1px solid rgba(0,0,0,0.15);
		margin-bottom: 3em;
	}
	.column>div {
		display: table;
	}
	.column>div:first-child {
		margin-top: inherit;
	}
}

/*------------------------------------*/

.boxYellow ,
.boxRed ,
.boxBlue {
	display: inline-block;
	padding: 0.5em;
	background-color: rgba(251,243,212,1.00);
	border-radius: 4px;
	margin-bottom: 1em;
}
div.boxYellow ,
div.boxRed ,
div.boxBlue {
	display: block;
}
div.boxYellow>*:last-child ,
div.boxRed>*:last-child ,
div.boxBlue>*:last-child {
	margin-bottom: 0;
}

span.boxYellow ,
span.boxRed ,
span.boxBlue {
	padding: 0.25em 0.5em;
	margin-bottom: inherit;
}

ul.boxYellow ,
ul.boxRed ,
ul.boxBlue ,
ol.boxYellow ,
ol.boxRed ,
ol.boxBlue {
	padding-left: 2em;
	margin-left: inherit;
}
.boxYellow {
	background-color: rgba(251,243,212,1.00);
}
.boxRed {
	background-color: rgba(255,225,225,1.00);
}
.boxBlue {
	background-color: rgba(212,238,251,1.00);
}
*[class*="box"]>*[class*="box"] {
	background-color: rgba(255,255,255,0.5);
}
*[class*="box"]>p {
	margin-bottom: 0.75em;
}
*[class*="box"]>*[class*="box"]>*:last-child {
	margin-bottom: 0;
}


main strong {
	font-weight: normal;
	color: rgba(221,0,3,1.00);
}
main strong::before {
	content: "“";
}
main strong::after {
	content: "”";
}
main strong.mynumber {
	color: rgba(221,0,3,1.00);
	font-weight: bold;
}
main strong.insurance {
	color: rgba(0,159,159,1.00);
	font-weight: bold;
}
main strong.bk {
	color: inherit;
	font-weight: bold;
}

.center {
	text-align: center;
}

.firstWordColor {
font-size: 120%;
margin-right: 0.25em;
padding: 0.25em;
background-color: #dbb645;
color: white;
border-radius: 4px;
vertical-align: text-bottom;
margin-top: 0.5em;
display: inline-block;
line-height: 1.2;
}

.firstWord {
    font-size: 100%;
    margin-right: 0.4em;
    padding: 0.35em 0.5em 0.35em 0.5em;
    background-color: #fff;
    color: #43c2cc;
    vertical-align: text-bottom;
    margin-top: 0.5em;
    display: inline-block;
    line-height: 1.2;
    border: 1px solid #43c2cc;
    border-radius: 3em;
	font-weight: bold;
}

.borderBox {
border: 1px solid rgba(0,0,0,0.15);
padding: 1.25em;
margin-top: 0;
}

/*------------------------------------*/

.subNav {
    padding-bottom: 2vw;
}


/*---------------------------------------------------------------
.anchorLink
---------------------------------------------------------------*/

.anchorLink {
	font-family: "Yu Gothic UI",Meiryo UI,"メイリオ",'M PLUS Rounded 1c', sans-serif;
    font-size: 80%;
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

.anchorLink .wfix {
	width: 100%;
}

.anchorLink ul {
	display: flex;
	margin: auto;
	padding: 0;
}

@media screen and (min-width:900px){
	.anchorLink ul {
		justify-content: center;
		flex-wrap: wrap;
	}
}

.anchorLink li {
	display: inline-block;
	padding: 0.25em 1em;
	margin: 0;
	border-left: 1px solid rgba(0,0,0,0.20);
}
.anchorLink li:last-child {
	border-right: 1px solid rgba(0,0,0,0.20);

}

/*---------------------------------------------------------------
.roundBtn
---------------------------------------------------------------*/

.roundBtn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.roundBtn li {
	display: block;
	padding: 1em;
	width: 8em;
	height: 8em;
	width: min(24vw, 8em);
	height: min(24vw, 8em);
	text-align: center;
	margin: 0.25vw;
	background-color: rgba(67,194,204,1.00);
	color: rgba(255,255,255,1.00);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	border-radius: 10em;
	transition: all 0.25s;
	overflow: hidden;
}
.roundBtn li::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/format/btnicon_1.png);
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10em;
	opacity: 0;
	transition: all 0.25s;
}

.roundBtn li::after {
	content: "▼";
	font-size: 70%;
	display: block;
	width: 100%;
	height: 1em;
	text-align: center;
	position: absolute;
	bottom: 20%;
	left: 0;
	transform: scaleY(80%);
	opacity: 0.5;
	transition: all 0.25s;
}

.roundBtn li:hover::after {
	transform: scaleY(-80%);
	bottom: 10%;
	opacity: 1;
}

.roundBtn li:hover::before {
	background-size: auto 50%;
	opacity: 0.2;
}

.roundBtn li a {
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

.roundBtn li a:hover  {
	color: rgba(255,255,255,1.00);
	text-decoration: underline;
}

.roundBtn li:hover {
	background-color: rgba(99,152,230,1.00);
}

.roundBtn li span {
	display: block;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.25s;
}

.roundBtn li:hover span {
	top: 45%;
}

.roundBtn li.loc {
	background-color: rgba(99,152,230,1.00);
}
.roundBtn li.loc::after {
	transform: scaleY(-80%);
	bottom: 10%;
	opacity: 1;
}

.roundBtn li.loc::before {
	background-size: auto 50%;
	opacity: 0.2;
}

@media screen and (max-width:599px){
	.roundBtn {
		font-size: 70%;
	}
}

/*---------------------------------------------------------------
.sinryouList
---------------------------------------------------------------*/

.sinryouList {
	padding: 4em 0;
	border-top: 1px solid rgba(0,0,0,0.15);
}

@media screen and (max-width:599px){
	.sinryouList {
		padding: 2em 0;
	}
}

/*--------------------------------------------------------------------------
aside
---------------------------------------------------------------------------*/

aside {
	padding: 3em 0;
	background-color: rgba(68, 220, 232, 0.25);
	background-image: url(../img/format/stripe_wh.png);
	background-size: auto 20px;
	background-repeat: repeat;
}

#asideInfo {
}

aside h2 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: rgba(4,184,197,1.00);
	text-align: center;
	font-weight: 500;
	font-size: 150%;
	line-height: 1.4;
	margin-bottom: 1.5em;
	background-image: url("../img/format/mark_color.png");
	background-repeat: no-repeat;
	background-size: auto 3em;
	background-position: center top;
	padding-top: 3.5em;
}

article.information {
	margin-bottom: 2em;
	background-color: rgba(255,255,255,1.00);
	padding: 0.5em;
	line-height: 1.8;
	border-radius: 4px;
}

#information_edit article.information {
	border: 1px solid rgba(0,0,0,0.20);
}

.information h3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 100%;
	padding: 0.5em 0.75em;
	background-color: rgba(67,194,204,1.00);
	color: rgba(255,255,255,1.00);
	line-height: 1.2;
	border-radius: 4px;
	font-weight: 500;
	margin: 0;
	border-radius: 0;
	border: none;
}

.informationDetail {
	padding: 1em;
}

#asideInfo .information .date ,
#information_edit .information .date {
    font-size: 70%;
    letter-spacing: 0;
    display: inline-block;
    margin-left: 1em;
    color: rgba(255,255,255,1.00);
}

#edit_guide {
	border-bottom: 1px solid rgba(0,0,0,0.20);
	padding-bottom: 2em;
}

.information.hidden .informationTitle ,
.information.hidden .informationDetail {
	font-style: italic;
	opacity: 0.5;
}

.information.hidden .informationTitle {
	background-color: rgba(100,100,100,1.00);
}

.information.hidden .informationTitle::before {
	content: "休止：";
}



/*--------------------------------------------------------------------------
footer
---------------------------------------------------------------------------*/

footer {
	background-color: rgba(255,255,255,1.00);
	text-align: center;
}

footer a {
	color: inherit;
}

footer article {
    padding: 3em 0;
}

.tel ,
.fax {
	display: inline-block;
}

footer .tel {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	letter-spacing: -0.05em;
}

.label {
	font-size: 70%;
    white-space: nowrap;
}

footer h1 {
	width: 70%;
	max-width: 350px;
	margin: auto;
}

footer p {
	text-align: center;
}

/*-----------------*/

.clinicalDepartments {
	padding: 0.75em 1em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 75%;
	line-height: 1.4;
	color: rgba(255,255,255,1.00);
	background-color: rgba(67,194,204,1.00);
	background-color: rgba(77,129,206,1.00);
	margin: 3em auto;
}

.clinicalDepartments ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.clinicalDepartments li {
	margin: 0;
}

.clinicalDepartments li::before {
	content: "・";
	margin: 0 0.5em;
}

.clinicalDepartments li:first-child::before {
	content: "";
	margin: 0;
}

@media screen and (max-width:599px){
	.clinicalDepartments li::before {
		margin: 0 0.15em;
	}
}

/*-----------------*/

footer h2 {
	font-weight: normal;
	font-size: 110%;
	margin-bottom: 1em;
}

#address {
    letter-spacing: 0;
}

#footerPhoto {
	margin: 2em auto 4em auto;
	width: 60%;
	max-width: 280px;
}

#footerPhoto::after {
	content: "";
	display: inline-block;
	width: 7em;
	height: 7em;
	background-image: url("../img/format/doctor.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	position: absolute;
	bottom: -3em;
	left: 50%;
	transform: translateX(-50%);
}

#footerPhoto img {
	border-radius: 100%;
}

#access {
	font-size: 90%;
	background-color: rgba(4,173,187,0.25);
	background-color: rgba(91,158,255,0.25);
}

#access::before {
	content: "";
	display: inline-block;
	width: 3em;
	height: 3em;
	background-image: url("../img/format/icon_map.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
}

#access ul {
    font-size: 85%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	margin-bottom: 1em;
}

#access ul li {
	margin: 0 1em;
	list-style-type: disc;
}

#maps {
	max-width: 1000px;
	margin: 1em auto;
}

#maps >* {
	margin: 1em auto;
	min-width: 250px;
}

@media screen and (max-width:599px){
	#access {
		padding-left: 5%;
		padding-right: 5%;
	}
	#maps >* {
		width: 100%;
	}
	#gmap {
		height: 60vw;
	}
}
@media screen and (min-width:600px){
	#maps {
		display: flex;
		justify-content: space-between;
	}

	#maps>* {
		flex-basis: 47.5%;
	}
}

.imap img ,
#gmap {
	border-radius: 12px;
}

/*------------------------*/

#taxis {
	opacity: 0.75;
}

#taxis ul {
	font-size: 90%;
	margin: 1em auto;
	letter-spacing: 0;
	display: inline-block;
	width: auto;
}

@media screen and (max-width:599px){
	#taxis {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media screen and (min-width:600px) and (max-width:899px){
	#taxis ul {
		column-count: 2;
		column-gap: 1em;
	}
}
@media screen and (min-width:900px){
	#taxis ul {
		column-count: 3;
		column-gap: 2em;
	}
}

#taxis li {
	text-align: right;
	white-space: nowrap;
}

/*------------------------*/

.up {
	text-align: center;
}

footer .up {
    padding-bottom: 2em;
}

.up a {
	display: inline-block;
    padding: 10px;
	border-radius: 2em;
	transition: all 0.25s;
}

.up a img {
	opacity: 0.5;
	transition: all 0.25s;
	max-width: 40px;
}

.up a:hover {
	background-color: rgba(0,0,0,0.10);
}

.up a:hover img {
	opacity: 1;
}

/*------------------------*/

#copyright {
	text-align: center;
	font-size: 70%;
	letter-spacing: 0.25em;
	padding: 2em;
	background-color: rgba(4,173,187,1.00);
	background-color: rgba(77,129,206,1.00);
	text-shadow: inherit;
	color: rgba(255,255,255,0.75);
}


/*---------------------------------------------------------------
index
---------------------------------------------------------------*/

#visual {
	text-align: center;
	background-color: rgba(102,159,255,1.00);
	background-image: url(../img/visual/bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto 120%;
}


#visual .wfix {
	padding: 3vh 0;
	display: flex;
}

#copy {
	color: rgba(255,255,255,1.00);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-style: italic;
}

#copy h2 {
	font-size: 150%;
	font-size: clamp(20px, 2.4vw, 26px);
	letter-spacing: 0.2em;
	margin-bottom: 1.4em;
	line-height: 1.4;
	font-weight: 500;
}
#copy p {
	display: block;
	font-size: 105%;
	font-size: clamp(12px, 1.4vw, 16px);
	font-weight: 400;
	line-height: 2;
}

#viewer {
	max-width: 500px;
	width: 100%;
}

#visual .contactInfo {
	margin: 1em auto 2em auto;
	text-align: center;
}

#visual .infoTel {
	display: flex;
	flex-direction: column-reverse;
}

@media screen and (max-width:899px) {
	#visual .wfix {
		width: 100%;
		flex-direction: column;
		padding: 2em;
	}
	#visual .wfix::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 5%;
		width: 20%;
		height: 60%;
		background-image: url(../img/visual/sign.png);
		background-repeat: no-repeat;
		background-position: left 100%;
		background-size: contain;
	}
	#copy {
		padding: 1em 0;
		max-width: 500px;
		margin: auto;
	}
	#copy h2 {
		font-size: clamp(20px, 6vw, 24px);
		letter-spacing: 0.2em;
	}
	#copy h2 span {
		display: inline-block;
	}
	#copy p {
		text-align: justify;
		font-weight: normal;
	}
	#copy p br {
		display: none;
	}
	#viewer {
		margin: auto;
		width: 90%;
	}
	#viewer img {
		border-radius: 12px;
	}
	#visual .contactInfo {
		font-size: 80%;
		padding-top: 1em;
		padding-left: 1em;
	}
	#visual .infoMap {
		font-size: 80%;
	}
	#visual .contactInfo a {
		color: inherit;
		text-decoration: none;
	}
}

@media screen and (min-width:900px) {
	#visual .wfix {
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		z-index: 1;
	}
	#visual .wfix::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 10em;
		height: 100%;
		background-image: url(../img/visual/sign.png);
		background-repeat: no-repeat;
		background-position: left 100%;
		background-size: auto 90%;
	}
	#copy {
		flex-basis: 50%;
		text-align: left;
	}
	#visual .wfix::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 20em;
		height: 60%;
		background-image: url(../img/visual/models.png);
		background-position: right bottom;
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 0.8;
		z-index: -1;
	}
	#viewer {
		flex-basis: 37%;
		border: 8px solid rgba(255,255,255,1.00);
		margin-left: 9%;
		margin-right: 4%;
	}
	#visual .contactInfo {
		display: none;
	}
}

/*--------------------------*/

#schedule table {
	width: 100%;
	line-height: 1.2;
	white-space: nowrap;
}
#schedule th ,
#schedule td {
	text-align: center;
}

#schedule thead th {
	background-color: rgba(67,194,204,0.50);
}

#schedule thead th#schedule_info {
	padding: 1em;
	letter-spacing: 0;
	text-align: center;
	background-color: rgba(23,171,183,1.00);
	color: rgba(255,255,255,1.00);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	font-size: 105%;
}

#schedule thead th#schedule_info .s070 {
	font-weight: 300;
}

#schedule td.off {
	background-color: rgba(255,0,4,0.10);
}

#schedule .now {
	font-weight: 700;
}

#schedule .now::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(34,179,191,0.5);
}

#schedule_off,
#schedule_on{
	padding: 0.25em 1em;
	background-color: rgba(255,255,255,1.00);
	color: rgba(30,30,30,1.00);
	border-radius: 1em;
}

#schedule_on{
	color: rgba(30,30,30,1.00);
}

#schedule_off{
	color: rgba(200,37,39,1.00);
}


/*----------------*/

/* 点滅 */
.now::before {
	-webkit-animation:blink 0.75s ease-in-out infinite alternate;
    -moz-animation:blink 0.75s ease-in-out infinite alternate;
    animation:blink 0.75s ease-in-out infinite alternate;
}

/*----------------*/

#process {

}

#process>ul {
	list-style-type: none;
	margin-left: 0;
}

#process>ul ul {
	font-size: 90%;
	margin-left: 3em;
}

#process li {
	margin-bottom: 0.25em;
}

#process li>span {
	display: inline-block;
}

#process li>span:first-child {
	padding: 0.25em 0.5em;
	background-color: rgba(67,194,204,1.00);
	color: rgba(255,255,255,1.00);
	border-radius: 4px;
	letter-spacing: 0;
}

/*---------------------------------------------------------------
#checkup
---------------------------------------------------------------*/

.borderBox .unit {
	margin-top: 0;
}

.borderBox .p[class*="flex"] {
	margin-bottom: 0;
}

.borderBox .p[class*="flex"] .unit {
	margin-bottom: 2em;
}


/*---------------------------------------------------------------
#greeting
---------------------------------------------------------------*/

#directorGreeting {
	padding: 6vw 0;
}
@media screen and (min-width:900px) {
	#directorGreeting {
		padding: 2em 0;
	}
}


#directorGreeting * {
text-align: center;
}

#directorMessage {
	font-size: clamp(1.3em, 3vw, 1.8em);
	line-height: 1.6;
	letter-spacing: 0.2em;
	font-weight: 400;
	color: rgba(67,194,204,1.00);
	font-style: italic;
}

@media screen and (max-width:599px) {
	#directorMessage br {
		display: none;
	}
}

#directorPhoto {
	padding: 6vw 0;
}

@media screen and (min-width:900px) {
	#directorPhoto {
		padding: 2em 0;
	}
}


#directorPhoto img {
border-radius: 100%;
}

#directorName {
	background-image: url("../img/format/mark_color.png");
	background-size: auto 3em;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 3.5em;
	margin-top: 2em;
}
.profileTable {
	width: 100%;
}

.profileTable th {
	width: 20%;
	white-space: nowrap;
}

/*---------------------------------------------------------------
#relation
---------------------------------------------------------------*/

ul.nameLists li span {
	display: inline-block;
}

ul.nameLists li>*:last-child {
	font-size: 90%;
}

/*-------------------------------------------------------------*/

@media screen and (max-width:599px) {
	.flickity-prev-next-button ,
	.flickity-page-dots {
		display: none;
	}
}

/*-------------------------------------------------------------*/