@charset "UTF-8";

/*========================================
  reset css
========================================*/

.lp-main {
	width: 100%;
  color: #000000;
	font-weight: 400;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border: 0;
	box-sizing: border-box;
	overflow: hidden;
  overflow-wrap: break-word;
	word-wrap: break-word;
}

@media screen and (min-width: 600px) {
	.lp-main {
		min-width: 1040px;
	}
}

.lp-main * {
	box-sizing: border-box;
}

.lp-main section {
  display: block;
}

.lp-main h1,
.lp-main h2,
.lp-main h3,
.lp-main h4,
.lp-main h5,
.lp-main h6 {
	font-weight: 400;
	text-align: justify;
	text-justify: inter-ideograph;
	clear: inherit;
}

.lp-main p {
  margin-top: 0;
  margin-bottom: 1rem;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8;
}

.lp-main ul,
.lp-main ol {
  padding: 0;
}

.lp-main li {
	text-align: justify;
	text-justify: inter-ideograph;
  list-style: none;
}

.lp-main dt,
.lp-main dd {
	text-align: justify;
	text-justify: inter-ideograph;
}

.lp-main b,
.lp-main strong {
  font-weight: 600;
}

.lp-main small {
  font-size: .8em;
}

.lp-main sub,
.lp-main sup {
	color: #204765;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

.lp-main sub {
  bottom: -.25em;
}

.lp-main sup {
  top: -.5em;
}

.lp-main a {
  color: #0056b3;
  text-decoration: none;
	text-align: justify;
	text-justify: inter-ideograph;
  background-color: transparent;
}

.lp-main a:hover {
  color: #007bff;
  text-decoration: none;
}

.lp-main a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

.lp-main a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.lp-main figure {
  margin: 0 0 1rem;
}

.lp-main img {
  vertical-align: middle;
  border-style: none;
}

.lp-main caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

.lp-main table {
  border-collapse: collapse;
}

.lp-main th {
	font-weight: 400;
  text-align: inherit;
  text-align: -webkit-match-parent;
}

.lp-main label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.lp-main button {
  border-radius: 0;
}

.lp-main button:focus:not(:focus-visible) {
  outline: 0;
}

.lp-main button {
  margin: 0;
  overflow: visible;
  text-transform: none;
}



/*========================================
  base css
========================================*/

/*--------------------
  .lp-container
--------------------*/

.lp-container {
	width: 100%;
  margin: 0;
  padding: 0;
  color: #000000;
  border: 0;
	box-sizing: border-box;
	overflow: hidden;
}


/*--------------------
  .lp-sec
--------------------*/

.lp-sec {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.lp-sec.bk-white,
.lp-sec .bk-white  {
	background-color: #ffffff;
}

.lp-sec.bk-blue,
.lp-sec .bk-blue {
	background-color: #f3f9fa;
}

.lp-sec .sec-container {
	width: 100%;
}

@media screen and (min-width: 600px) {
	
	.lp-sec {
		min-width: 1040px;
	}
	
	.lp-sec .sec-container {
		max-width: 1040px;
		margin: 0 auto;
		padding: 100px 20px;
	}
	
}

@media screen and (max-width: 599px) {
	
	.lp-sec .sec-container {
		padding: 80px 20px;
	}
	
}

@media screen and (max-width: 349px) {
	
	.lp-sec .sec-container {
		margin: 0;
		padding: 50px 15px;
	}
	
}


/*--------------------
  h2
--------------------*/

.lp-sec h2 {
	width: 100%;
	height: auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	display: block;
}

.lp-sec h2 .icon {
	width: auto;
	height: 50px;
	margin: 0 auto 20px;
	padding: 0;
	display: block;
}

.lp-sec h2 span {
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1;
	display: block;
}

@media screen and (min-width: 600px) {
	
	.lp-sec h2 {
		margin: 0 auto 50px;
	}
	
	.lp-sec h2 span {
		font-size: 35px;
	}
	
}

@media screen and (max-width: 599px) {
	
	.lp-sec h2 {
		margin: 0 auto 30px;
	}
	
	.lp-sec h2 span {
		font-size: 30px;
	}
	
}

@media screen and (max-width: 349px) {
	
	.lp-sec h2 {
		margin: 0 auto 25px;
	}
	
	.lp-sec h2 .icon {
		height: 40px;
	}
	
	.lp-sec h2 span {
		font-size: 23px;
	}
	
}



/*--------------------
  h3
--------------------*/

.lp-sec h3 {
	width: 100%;
	max-width: 500px;
	height: 40px;
	margin: 0 auto 30px;
	padding: 0;
	color: #0c5b98;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
}

.bk-white h3 {
	background-color: #e8f3f5;
}

.bk-blue h3 {
	background-color: #ffffff;
}

@media screen and (max-width: 349px) {
	
	.lp-sec h3 {
		height: 30px;
		margin: 0 auto 25px;
		font-size: 16px;
		line-height: 30px;
	}
	
}


/*--------------------
  .sec-read-box
--------------------*/

.sec-read-box {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.sec-read-box .sec-read-text {
	width: 100%;
	height: auto;
	padding: 0;
	color: #204765;
}

@media screen and (min-width: 600px) {
	
	.sec-read-box .sec-read-text {
		margin: 0 0 30px;
		font-size: 20px;
		text-align: center;
	}
	
}

@media screen and (max-width: 599px) {
	
	.sec-read-box .sec-read-text {
		margin: 0 0 20px;
		font-size: 18px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	
}

@media screen and (max-width: 349px) {
	
	.sec-read-box .sec-read-text {
		margin: 0 0 13px;
		font-size: 16px;
	}
	
}


/*--------------------
  .sec-text-box 
--------------------*/

.sec-text-box {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.sec-text-box p {
	color: #000000;
	font-size: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0 0 10px;
}

.sec-text-box p:last-child {
	margin: 0;
}

@media screen and (max-width: 349px) {
	
	.sec-text-box p {
		font-size: 14px;
		margin: 0 0 8px;
	}
	
}


/*--------------------
  .sec-box-01
--------------------*/

.sec-box-01 {
	width: 100%;
	height: auto;
	margin: 50px 0 0;
	padding: 0;
}

@media screen and (max-width: 349px) {
	
	.sec-box-01 {
		margin: 30px 0 0;
	}
	
}


/*--------------------
  .note-list
--------------------*/

.note-list {
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
}

.note-list li {
	color: #204765;
	padding-left: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
	text-indent: -1em;
	line-height: 1.8;
}

.note-list li::before {
  content: "※";
}

.note-list li:last-child {
	margin: 0;
}

@media screen and (min-width: 600px) {
	
	.note-list li {
		margin: 0 0 5px;
		font-size: 13px;
	}
	
}

@media screen and (max-width: 599px) {
	
	.note-list li {
		margin: 0 0 4px;
		font-size: 12px;
	}
	
}



/*--------------------
  .num-note-list
--------------------*/

.num-note-list {
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
	counter-set: li;
	counter-reset: li;
}

.num-note-list li {
	color: #204765;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8;
	position: relative;
}

.num-note-list li::before {
  counter-increment: li;
  content: "※" counter(li) " ";
	position: absolute;
	top: 0;
	left: 0;
}

.num-note-list li:last-child {
	margin: 0;
}

@media screen and (min-width: 600px) {
	
	.num-note-list li {
		margin: 0 0 5px;
		font-size: 13px;
		padding-left: 30px;
	}
	
}

@media screen and (max-width: 599px) {
	
	.num-note-list li {
		margin: 0 0 4px;
		font-size: 12px;
		padding-left: 24px;
	}
	
}


/*--------------------
  .forPC / .forSP
--------------------*/

@media screen and (min-width: 600px) {
	.forSP {
		display: none !important;
	}
}

@media screen and (max-width: 599px) {
	.forPC {
		display: none !important;
	}
}



/*========================================
  .lp-kv
========================================*/

.lp-kv {
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url("http://www.tobu.saiseikai.or.jp/wordpress/wp-content/themes/tobu/include_pages/endocrinoma-center/images/bg-01.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.lp-kv::before {
	content: "";
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(0,101,132,0) 0%, rgba(0,101,132,0) 50%, rgba(0,101,132,0.15) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,101,132,0) 0%,rgba(0,101,132,0) 50%,rgba(0,101,132,0.15) 100%);
	background: linear-gradient(to bottom,  rgba(0,101,132,0) 0%,rgba(0,101,132,0) 50%,rgba(0,101,132,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00006584', endColorstr='#26006584',GradientType=0 );
	position: absolute;
	top: 0;
	left: 0;
}

.lp-kv .lp-kv-contents {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.lp-kv .lp-kv-contents .headline {
	width: 100%;
	height: auto;
	padding: 0;
	text-align: center;
}

.lp-kv .lp-kv-contents .headline h1 {
	width: 100%;
	height: auto;
	padding: 0;
	color: #003366;
	text-align: center;
	line-height: 1;
}

.lp-kv .lp-kv-contents .headline p {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: #0081c4;
	text-align: center;
	line-height: 1;
}

.lp-kv .lp-kv-contents .kv-anchorlink {
	margin: 0 auto;
	padding: 0;
}

.lp-kv .lp-kv-contents .kv-anchorlink li {
	display: block;
	position: relative;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box {
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box  {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .icon {
	width: auto;
	height: 50px;
	margin: 30px auto 20px;
	padding: 0 10px;
	display: block;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .title {
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
	color: #000000;
	font-size: 15px;
	text-align: center;
	line-height: 1;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .arrow {
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .arrow::before,
.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .arrow::before {
	left: -3.55px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #48b3d8;
	border-right: 2px solid #48b3d8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.lp-kv .lp-kv-contents .kv-anchorlink li a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box,
.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .title,
.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .arrow {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.lp-kv .lp-kv-contents .kv-anchorlink li:hover .anchorlink-box {
	background-color: rgba(255,255,255,.9);
}

.lp-kv .lp-kv-contents .kv-anchorlink li:hover .anchorlink-box .title {
	color: #0081c4;
}

.lp-kv .lp-kv-contents .kv-anchorlink li:hover .anchorlink-box .arrow {
	margin: 2px 0 0;
}

@media screen and (min-width: 600px) {
	
	.lp-kv {
		height: 400px;
	}

	.lp-kv .lp-kv-contents {
		width: 1040px;
	}

	.lp-kv .lp-kv-contents .headline {
		margin: 90px 0 0;
	}

	.lp-kv .lp-kv-contents .headline h1 {
		margin: 0 0 25px;
		font-size: 50px;
	}

	.lp-kv .lp-kv-contents .headline p {
		font-size: 25px;
	}	
	
	.lp-kv .lp-kv-contents .kv-anchorlink {
		width: 812px;
		height: 150px;
		display: flex;
		justify-content: space-between;
		position: absolute;
		left: calc(50% - 406px);
		bottom: 0;
	}

	.lp-kv .lp-kv-contents .kv-anchorlink li {
		width: 200px;
		height: 150px;
	}
	
}

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

	.lp-kv {
		height: 500px;
	}

	.lp-kv .lp-kv-contents {
		width: 100%;
	}

	.lp-kv .lp-kv-contents .headline {
		margin: 50px 0 0;
	}

	.lp-kv .lp-kv-contents .headline h1 {
		margin: 0 0 20px;
		font-size: 30px;
	}

	.lp-kv .lp-kv-contents .headline p {
		font-size: 18px;
	}	
	
	.lp-kv .lp-kv-contents .kv-anchorlink {
		width: 100%;
		max-width: 310px;
		height: auto;
		margin: 40px auto 0;
		overflow: hidden;
	}

	.lp-kv .lp-kv-contents .kv-anchorlink li {
		width: 150px;
		height: 150px;
		margin: 0 0 10px;
	}
	
	.lp-kv .lp-kv-contents .kv-anchorlink li:nth-child(odd) {
		float: left;
	}

	.lp-kv .lp-kv-contents .kv-anchorlink li:nth-child(even) {
		float: right;
	}
	
	.lp-kv .lp-kv-contents .kv-anchorlink li:nth-last-child(2),
	.lp-kv .lp-kv-contents .kv-anchorlink li:last-child {
		margin: 0;
	}
	
	.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box {
		border-radius: 5px;
	}

	.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .icon {
		margin: 25px auto 20px;
	}

}

@media screen and (max-width: 349px) {
	
	.lp-kv {
		height: 400px;
	}

	.lp-kv .lp-kv-contents .headline {
		margin: 30px 0 0;
	}

	.lp-kv .lp-kv-contents .headline h1 {
		margin: 0 0 15px;
		font-size: 25px;
	}

	.lp-kv .lp-kv-contents .headline p {
		font-size: 15px;
	}	
	
	.lp-kv .lp-kv-contents .kv-anchorlink {
		width: 100%;
		max-width: 250px;
		margin: 30px auto 0;
	}

	.lp-kv .lp-kv-contents .kv-anchorlink li {
		width: 120px;
		height: 120px;
	}

	.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .icon {
		height: 40px;
		margin: 15px auto 15px;
	}
	
	.lp-kv .lp-kv-contents .kv-anchorlink li .anchorlink-box .title {
		font-size: 14px;
	}

}



/*========================================
  #sec01
========================================*/

/*--------------------
  .sec01-contents
--------------------*/

.sec01-contents {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}


/*--------------------
  .sec01-container
--------------------*/

.sec01-container {
	width: 100%;
	position: relative;
}

@media screen and (min-width: 600px) {
	
	.sec01-container {
		max-width: 1040px;
		margin: 0 auto;
		padding: 60px 20px;
	}
	
}

@media screen and (max-width: 599px) {
	
	.sec01-container {
		margin: 0;
		padding: 50px 20px;
	}
	
}

@media screen and (max-width: 349px) {
	
	.sec01-container {
		padding: 50px 15px;
	}
	
}


/*--------------------
  .overview
--------------------*/

@media screen and (min-width: 600px) {
	
	.overview {
		padding: 40px 0 0;
	}
	
}

@media screen and (max-width: 599px) {
	
	.overview {
		padding: 30px 0 0;
	}
	
}

@media screen and (max-width: 349px) {
	
	.overview {
		padding: 0;
	}
	
}


/*--------------------
  .sec01-anchorlink
--------------------*/

#sec01 .sec01-anchorlink {
	margin: 0 auto;
	padding: 0;
}

#sec01 .sec01-anchorlink li {
	height: 150px;
	display: block;
	position: relative;
}

#sec01 .sec01-anchorlink li .anchorlink-box {
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

#sec01 .sec01-anchorlink li .anchorlink-box  {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

#sec01 .sec01-anchorlink li .anchorlink-box .icon {
	width: auto;
	padding: 0 10px;
	display: block;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease-top .icon {
	height: 60px;
	margin: 25px auto 15px;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease01 .icon {
	height: 50px;
	margin: 30px auto 20px;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease02 .icon {
	height: 63px;
	margin: 22px auto 15px;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease03 .icon {
	height: 46px;
	margin: 32px auto 22px;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease04 .icon {
	height: 58px;
	margin: 24px auto 18px;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease05 .icon {
	height: 56px;
	margin: 15px auto 10px;
}

#sec01 .sec01-anchorlink li .anchorlink-box .title {
	width: 100%;
	margin: 0 0 15px;
	padding: 0 10px;
	color: #000000;
	font-size: 15px;
	text-align: center;
	line-height: 1;
}

#sec01 .sec01-anchorlink li .anchorlink-box.disease05 .title {
	line-height: 1.3;
	margin: 0 0 11px;
}

#sec01 .sec01-anchorlink li .anchorlink-box .arrow {
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}

#sec01 .sec01-anchorlink li .anchorlink-box .arrow::before,
#sec01 .sec01-anchorlink li .anchorlink-box .arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#sec01 .sec01-anchorlink li .anchorlink-box .arrow::before {
	left: -3.55px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #48b3d8;
	border-right: 2px solid #48b3d8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#sec01 .sec01-anchorlink li a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#sec01 .sec01-anchorlink li .anchorlink-box,
#sec01 .sec01-anchorlink li .anchorlink-box .title,
#sec01 .sec01-anchorlink li .anchorlink-box .arrow {
  -webkit-transition: all .2s;
  transition: all .2s;
}

#sec01 .sec01-anchorlink li:hover .anchorlink-box {
	background-color: #f3f9fa;
	border: 1px solid #bbdfe5;
}

#sec01 .sec01-anchorlink li:hover .anchorlink-box .title {
	color: #0081c4;
}

#sec01 .sec01-anchorlink li:hover .anchorlink-box .arrow {
	margin: 2px 0 0;
}

@media screen and (min-width: 600px) {
	
	#sec01 .sec01-anchorlink {
		width: 800px;
		height: 150px;
		display: flex;
		justify-content: space-between;
	}

	#sec01 .sec01-anchorlink li {
		width: 150px;
	}

}

@media screen and (max-width: 599px) {
	
	#sec01 .sec01-anchorlink {
		width: 310px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}

	#sec01 .sec01-anchorlink li {
		width: 150px;
		height: 150px;
		margin: 0 0 10px;
	}
	
	#sec01 .sec01-anchorlink li:nth-child(odd) {
		float: left;
	}

	#sec01 .sec01-anchorlink li:nth-child(even) {
		float: right;
	}
	
	#sec01 .sec01-anchorlink li .anchorlink-box {
		border-radius: 5px;
	}

	#sec01 .sec01-anchorlink li .anchorlink-box .icon {
		margin: 25px auto 20px;
	}

}

@media screen and (max-width: 349px) {
	
	#sec01 .sec01-anchorlink {
		max-width: 250px;
	}

	#sec01 .sec01-anchorlink li {
		width: 120px;
		height: 120px;
	}
	
	#sec01 .sec01-anchorlink li .anchorlink-box.disease-top .icon {
		height: 47px;
		margin: 14px auto 13px;
	}

	#sec01 .sec01-anchorlink li .anchorlink-box.disease01 .icon {
		height: 38px;
		margin: 19px auto 17px;
	}

	#sec01 .sec01-anchorlink li .anchorlink-box.disease02 .icon {
		height: 50px;
		margin: 13px auto 11px;
	}

	#sec01 .sec01-anchorlink li .anchorlink-box.disease03 .icon {
		height: 35px;
		margin: 21px auto 18px;
	}

	#sec01 .sec01-anchorlink li .anchorlink-box.disease04 .icon {
		height: 47px;
		margin: 14px auto 13px;
	}

	#sec01 .sec01-anchorlink li .anchorlink-box.disease05 .icon {
		height: 45px;
		margin: 9px auto 5px;
	}	
	
	#sec01 .sec01-anchorlink li .anchorlink-box .title {
		margin: 0 0 12px;
		font-size: 14px;
	}
	
	#sec01 .sec01-anchorlink li .anchorlink-box.disease05 .title {
		margin: 0 0 5px;
	}
	
}


/*--------------------
  .specialists
--------------------*/

#sec01 .specialists {
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: flex;
/*	justify-content: space-between;*/
/*	justify-content:  space-evenly;*/
	justify-content: space-between;
	flex-wrap: wrap;
}

#sec01 .specialists li {
	height: 30px;
	margin: 0 0 10px;
/*
	margin-right:10px;
	margin-bottom:10px;
*/
	padding: 0;
	color: #0086b4;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #0086b4;
	float:left;
}

#sec01 .specialists li:nth-child(5) {
	height: 30px;
	margin: 0 0 10px;
	padding: 0;
	color: #0086b4;
	font-size: 10px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #0086b4;
	float:left;
}


@media screen and (min-width: 600px) {
	
	#sec01 .specialists {
		width: 500px;
	}

	#sec01 .specialists li {
		width: 160px;
	}
	
	#sec01 .specialists li:nth-last-child(3),
	#sec01 .specialists li:nth-last-child(2),
	#sec01 .specialists li:last-child {
		margin: 0;
	}
	
}

@media screen and (max-width: 599px) {
	
	#sec01 .specialists {
		width: 100%;
	}
	
	#sec01 .specialists li {
		width: calc(50% - 5px);
	}
	
	#sec01 .specialists li:nth-last-child(2),
	#sec01 .specialists li:last-child {
		margin: 0;
	}
	
}

@media screen and (max-width: 349px) {
	
	#sec01 .specialists li {
		font-size: 12px;
	}
	
}


/*--------------------
  .organization
--------------------*/

.organization figure {
	margin: 0 auto;
	height: auto;
	display: block;
}

.organization figure img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 600px) {
	
	.organization h3 {
		margin: 0 auto 40px;
	}

	.organization figure {
		width: 940px;		
	}
	
}

@media screen and (max-width: 599px) {
	
	.organization figure {
		width: 100%;		
	}
	
}


/*--------------------
  .objective
--------------------*/

.objective.sec-box-01 {
	margin: 0;
}


/*--------------------
  .greeting
--------------------*/

.greeting figure {
	height: auto;
}

.greeting figure img {
	height: auto;
	display: block;
}

.greeting figure figcaption {
	width: 100%;
	padding: 0;
	text-align: center;
}

@media screen and (min-width: 600px) {
	
	.greeting.sec-box-01 {
		padding: 0 0 40px;
	}
	
	.greeting .sec-text-box {
		overflow: hidden;
	}
	
	.greeting figure {
		width: 250px;
		margin: 5px 0 0 40px;
		float: right;
	}

	.greeting figure img {
		width: 100%;
	}
	
	.greeting figure figcaption {
		margin: 10px 0 0;
		font-size: 13px;
	}

}

@media screen and (max-width: 599px) {
	
	.greeting.sec-box-01 {
		padding: 0 0 30px;
	}
	
	.greeting figure {
		width: 100%;
		margin: 0 auto 20px;
	}
	
	.greeting figure img {
		width: 200px;
		margin: 0 auto;
	}
	
	.greeting figure figcaption {
		margin: 20px 0 0;
		font-size: 15px;
		text-indent: .5em;
		line-height: 1;
	}
	
	.greeting figure figcaption span {
		margin: 10px 0 0;
		font-size: 20px;
		text-indent: -.5em;
		display: block;
	}

}

@media screen and (max-width: 349px) {
		
	.greeting.sec-box-01 {
		padding: 0;
	}
	
}



/*========================================
  #sec02
========================================*/

/*--------------------
  .explanation-box
--------------------*/

.explanation-box {
  width: 100%;
  height: auto;
	padding: 0;
  background-color: #ffffff;
	position: relative;
	overflow: hidden;
}

.explanation-box .btn-expand {
	width: auto;
	height: 20px;
	padding: 0;
	display: block;
	position: relative;
	overflow: hidden;
}

.explanation-box .btn-expand .icon-accordion {
	width: 10px;
	height: 10px;
	margin: 5px 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
}

.explanation-box .btn-expand .icon-accordion::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #00A6DF;
	position: absolute;
	top: 4px;
	left: 0;
}

.explanation-box .btn-expand .icon-accordion::after {
	content: "";
	width: 2px;
	height: 100%;
	background-color: #00A6DF;
	position: absolute;
	top: 0;
	left: 4px;
}

.explanation-box .btn-expand.opened .icon-accordion::after {
	content: none;
}

.explanation-box .btn-expand .text {
	width: auto;
	height: 100%;
	margin: 0 0 0 5px;
	padding: 0;
	color: #0c5b98;
	font-size: 12px;
	line-height: 20px;
	display: inline;
	float: left;
}

.explanation-box .btn-expand,
.explanation-box .btn-expand .icon-accordion::before,
.explanation-box .btn-expand .icon-accordion::after,
.explanation-box .btn-expand .text {
	-webkit-transition: all .2s;
	transition: all .2s;	
}

.explanation-box .btn-expand:hover {
	cursor: pointer;
}

.explanation-box .btn-expand:hover .icon-accordion::before,
.explanation-box .btn-expand:hover .icon-accordion::after {
	background-color: #00B2EF;
		;
}

.explanation-box .btn-expand:hover .text {
	color: #009CD1;
}

.explanation-box .explanation-header {
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.explanation-box .explanation-header .icon {
  width: auto;
	padding: 0;
	display: block;
	float: left;
}

.explanation-box .explanation-header h3 {
	width: auto;
	height: 100%;
	color: #000000;
  display: inline-block;
	float: left;
}

.explanation-box .explanation-header .btn-expand {
	float: right;
}

.explanation-box .explanation-footer {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.explanation-box .explanation-content {
	width: 100%;
	height: auto;
  position: relative;
}

.explanation-box .explanation-content .main-info figure {
	width: 250px;
}

.explanation-box .explanation-content .main-info figure img {
	width: 100%;
	height: auto;
	display: block;
}

.explanation-box .explanation-content .main-info .point-box {
	margin: 20px 0;
	padding: 20px;
  background-color: #f5f5f5;
  display:flex;
  flex-wrap: wrap;
}

.explanation-box .explanation-content .main-info .point-box dt {
	height: auto;
	font-size: 13px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.explanation-box .explanation-content .main-info .point-box dd {
	height: auto;
	padding: 0;
	font-size: 13px;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}

.explanation-box .explanation-content .main-info .point-box dd:last-child {
	margin: 0;
}

.explanation-box .explanation-content .toc-box {
  padding: 20px;
  border: 2px solid #0081c4;
}

.explanation-box .explanation-content .toc-box h4 {
	width: auto;
	height: auto;
  margin: 0 0 15px;
	padding: 0 0 0 20px;
	font-size: 15px;
	line-height: 1;
  position: relative;
}

.explanation-box .explanation-content .toc-box h4::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #0081c4;
	position: absolute;
	top: 2px;
	left: 0;
}

.explanation-box .explanation-content .toc-box .toc-list {
	counter-reset: number;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.explanation-box .explanation-content .toc-box .toc-list li {
	width: 100%;
	height: auto;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
	font-size: 14px;
	text-indent: -25px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.explanation-box .explanation-content .toc-box .toc-list li:last-child {
  margin: 0;
}

.explanation-box .explanation-content .toc-box .toc-list li::before {
  counter-increment: number 1;
	content: counter(number) ".";
  margin: 0 5px 0 0;
  color: #0081c4;
	font-size: 15px;
	vertical-align: -1px;
}

.explanation-box .explanation-content .toc-box .toc-list li a {
  color: #000000;
  padding: 0 0 2px;
  text-decoration: none;
  border-bottom: dotted 2px #b1dcee;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.explanation-box .explanation-content .toc-box .toc-list li a:hover {
  color: #0081c4;
  border-bottom: dotted 2px #70C5F2;
}

.explanation-box .explanation-content .open {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.explanation-box .explanation-content .open .detail-info {
	width: 100%;
	height: auto;
	margin: 40px 0 0;
	padding: 0;
}

.explanation-box .explanation-content .open .detail-info .detail-info-title {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0 0 10px;
  border-bottom: dotted 2px #b1dcee;
	overflow: hidden;
}

.explanation-box .explanation-content .open .detail-info .detail-info-title span {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
  color: #0081c4;
	font-size: 20px;
	display: block;
	float: left;
}

.explanation-box .explanation-content .open .detail-info .detail-info-title h4 {
	width: calc(100% - 30px);
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 20px;
	display: block;
	float: left;
}

.explanation-box .explanation-content .open .detail-info .sec-case-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: 2px solid #b7dff2; 
}

.explanation-box .explanation-content .open .detail-info .sec-case-table th {
	padding: 10px;
	font-size: 15px;
	color: #0c5b98;
	text-align: center;
	background-color: #D9EAF4;
	border: 2px solid #ffffff; 
}

.explanation-box .explanation-content .open .detail-info .sec-case-table td {
	padding: 10px;
	font-size: 15px;
	text-align: center;
	background-color: #f1f6f9;
	border: 2px solid #ffffff; 
}

@media screen and (min-width: 600px) {
	
	.explanation-box {
		margin: 30px auto 0;
	}

	.explanation-box .explanation-header {
		height: 100px;
		padding: 0 40px;
		border-bottom: 2px solid #deeef7;
	}

	.explanation-box .explanation-header .icon {
		height: 40px;
		margin: 30px 0;
	}

	.explanation-box .explanation-header h3 {
		margin: 0 10px;
		font-size: 25px;
		line-height: 100px;
	}

	.explanation-box .explanation-header .btn-expand {
		margin: 40px 0;
	}

	.explanation-box .explanation-footer {
		height: 60px;
		padding: 0 40px;
	}
	
	.explanation-box .explanation-footer .btn-expand {
		float: right;
	}

	.explanation-box .explanation-content {
		padding: 40px;
	}

	.explanation-box .explanation-content .main-info figure {
		margin: 5px 0 0 40px;
		float: right;
	}

	.explanation-box .explanation-content .main-info .point-box {
		display:flex;
		flex-wrap: wrap;
	}

	.explanation-box .explanation-content .main-info .point-box dt {
		width: 3em;
		line-height: 1.8;
		position: relative;
	}

	.explanation-box .explanation-content .main-info .point-box dt::after {
		content: ":";
		width: 1em;
		height: 100%;
		text-align: center;
		position: absolute;
		top: -1px;
		right: 0;
	}

	.explanation-box .explanation-content .main-info .point-box dd {
		width: calc(100% - 3em);
		margin: 0 0 5px;
	}

	.explanation-box .explanation-content .main-info .point-box dt:last-child {
		margin: 0;
	}
	
	.explanation-box .explanation-content .main-info .toc-box {
		width: 630px;
	}
	
	.explanation-box .explanation-content .toc-box {
		margin: 30px 0 0;
	}	
	
}

@media screen and (max-width: 599px) {
	
	.explanation-box {
		margin: 20px auto 0;
	}
	
	.explanation-box .explanation-header {
		height: 50px;
		padding: 0 15px;
		border-bottom: 1px solid #deeef7;
	}

	.explanation-box .explanation-header .icon {
		height: 20px;
		margin: 15px 0;
	}

	.explanation-box .explanation-header h3 {
		margin: 0 5px 0 8px;
		font-size: 18px;
		line-height: 50px;
	}

	.explanation-box .explanation-header .btn-expand {
		margin: 15px 0;
	}

	.explanation-box .explanation-footer {
		height: 40px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
    display: block !important;
    border-top: 1px solid #deeef7;
  }
	
	.explanation-box .explanation-footer .btn-expand {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 10px 0;
		position: relative;
	}

	.explanation-box .explanation-footer .btn-expand a {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.explanation-box .explanation-footer .btn-expand a div {
		width: auto;
		height: 20px;
		margin: 10px auto;
		padding: 0;
		display: inline-block;
	}
	
	.explanation-box .explanation-content {
		padding: 20px;
	}
	
	.explanation-box .explanation-content .main-info figure {
		margin: 0 auto 30px;
	}
	
	.explanation-box .explanation-content .main-info .point-box dt {
		width: 100%;
		margin: 0 0 10px;
		color: #204765;
		font-size: 15px;
		line-height: 1;
	}

	.explanation-box .explanation-content .main-info .point-box dd {
		width: 100%;
		margin: 0 0 15px;
	}

	.explanation-box .explanation-content .toc-box {
		margin: 20px 0 0;
	}

}

@media screen and (max-width: 349px) {
	
	.explanation-box .explanation-content {
		padding: 15px;
	}
	
	.explanation-box .explanation-content .main-info figure {
		width: 150px;
		margin: 0 auto 15px;
	}
	
	.explanation-box .explanation-content .main-info .point-box {
		padding: 15px;
	}
	
	.explanation-box .explanation-content .toc-box {
		padding: 15px;
	}
	
	.explanation-box .explanation-content .toc-box .toc-list li {
		padding: 0 0 0 17px;
		font-size: 13px;
		text-indent: -17px;
	}
	
	.explanation-box .explanation-content .toc-box .toc-list li::before {
		margin: 0;
		font-size: 13px;
		vertical-align: 0;
	}
	
	.explanation-box .explanation-content .open .detail-info .detail-info-title span,
	.explanation-box .explanation-content .open .detail-info .detail-info-title h4 {
		font-size: 18px;
	}
	
}



/*========================================
  #sec03
========================================*/

/*--------------------
  .staff-box
--------------------*/

.staff-box {
	width: 100%;
	height: auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.staff-box .staff-info-box {
	height: auto;
	padding: 20px;
  background-color: #f3f9fa;
  border: 2px solid #edf5f9;
}

.staff-box .staff-info-box .name {
	width: 100%;
	height: auto;
	padding: 0;
	line-height: 1;
}

.staff-box .staff-info-box .name .kana {
	padding: 0;
	color: #204765;
}

.staff-box .staff-info-box .career-list {
	width: 100%;
	height: auto;
	padding: 0;
}

.staff-box .staff-info-box .career-list li {
	width: 100%;
	height: auto;
  color: #0081c4;
  margin: 0;
	padding: 0;
}

.staff-box .staff-info-box .career-list li:last-child {
  margin: 0;
}

.staff-box .staff-info-box .comment-box {
	width: 100%;
	height: auto;
	padding: 0;
  display: flex;
	align-items: center;
}

.staff-box .staff-info-box .comment-box figure {
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
  background-color: #deeef7;
  border: 1px solid #b1dcee;
  border-radius: 50%;
	overflow: hidden;
}

.staff-box .staff-info-box .comment-box figure img {
	width: auto;
	height: 100%;
	padding: 0;
}

.staff-box .staff-info-box .comment-box p {
	height: auto;
  margin: 0;
	padding: 10px;
	line-height: 1.5;
  background-color: #ffffff;
  border: 2px solid #b1dcee;
  border-radius: 5px;
  position: relative;
}

.staff-box .staff-info-box .comment-box p::before {
  content: "";
  margin: -6px 0 0;
	padding: 0;
  border: 6px solid transparent;
  border-right: 5px solid #ffffff;
  position: absolute;
  top: 50%;
  left: -10px;
  z-index: 2;
}

.staff-box .staff-info-box .comment-box p::after {
  content: "";
  margin: -6px 0 0;
	padding: 0;
  border: 6px solid transparent;
  border-right: 5px solid #b1dcee;
  position: absolute;
  top: 50%;
  left: -13px;
  z-index: 1;
}

.staff-box .staff-info-box .profile-box {
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 13px 15px 15px;
	background-color: #deeef7;
}

.staff-box .staff-info-box .profile-box .title {
	width: 100%;
	height: 20px;
	margin: 0 0 8px;
	padding: 0;
  color: #0081c4;
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.staff-box .staff-info-box .profile-box .title .icon {
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: -1px;
  background-color: #74c6e8;
	display: inline-block;
	position: relative;
}

.staff-box .staff-info-box .profile-box .title .icon::before {
	content: "";
	width: 100%;
	height: 2px;
  background-color: #deeef7;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
}

.staff-box .staff-info-box .profile-box .title .icon::after {
	content: "";
	width: 2px;
	height: 100%;
  background-color: #deeef7;
	position: absolute;
	top: 0;
	left: calc(50% - 1px);
}

.staff-box .staff-info-box .profile-box .specialize {
	width: 100%;
	height: auto;
  margin: 0;
	padding: 0;
	color: #204765;
	font-size: 14px;
	line-height: 1.5;
}

.staff-box .staff-info-box .profile-box .academic {
	width: 100%;
	height: auto;
  margin: 0;
	padding: 0;
}

.staff-box .staff-info-box .profile-box .academic li {
	width: 100%;
	height: auto;
  margin: 0 0 5px;
	padding: 0;
	color: #204765;
	font-size: 14px;
	line-height: 1.5;
}

.staff-box .staff-info-box .profile-box .academic li:last-child {
  margin: 0;
}

@media screen and (min-width: 600px) {
	
	.staff-box {
		margin: 40px 0 0;
		display: flex;
		justify-content: space-between;
	}

	.staff-box .staff-info-box {
		width: 480px;
		margin: 0;
		padding: 20px;
	}

	.staff-box .staff-info-box .name {
		margin: 5px 0 20px;
		font-size: 25px;
	}

	.staff-box .staff-info-box .name .kana {
		margin: 0 0 0 15px;
		font-size: 13px;
		vertical-align: 3px;
	}

	.staff-box .staff-info-box .career-list {
		margin: 10px 0 0;
	}

	.staff-box .staff-info-box .career-list li {
		margin: 0 0 5px;
		font-size: 15px;
	}

	.staff-box .staff-info-box .comment-box {
		width: 100%;
		height: auto;
		margin: 15px 0 0;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.staff-box .staff-info-box .comment-box figure {
		width: 40px;
		height: 40px;
		padding: 5px 0 0;
	}
	
	.staff-box .staff-info-box .comment-box figure img {
		margin: 0 -2px 0 0;
	}

	.staff-box .staff-info-box .comment-box p {
		width: calc(100% - 50px);
		font-size: 15px;
	}
		
}

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

	.staff-box {
		margin: 0;
	}

	.staff-box .staff-info-box {
		width: 100%;
		margin: 20px 0 0;
	}

	.staff-box .staff-info-box .name {
		margin: 0 0 15px;
		font-size: 20px;
	}

	.staff-box .staff-info-box .name .kana {
		margin: 0 0 0 10px;
		font-size: 12px;
		vertical-align: 1px;
	}

	.staff-box .staff-info-box .career-list {
		margin: 10px 0 0;
	}

	.staff-box .staff-info-box .career-list li {
		margin: 0 0 3px;
		font-size: 13px;
	}

	.staff-box .staff-info-box .career-list li:last-child {
		margin: 0;
	}

	.staff-box .staff-info-box .comment-box {
		width: 100%;
		height: auto;
		margin: 15px 0 0;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.staff-box .staff-info-box .comment-box figure {
		width: 30px;
		height: 30px;
		padding: 2px 0 0;
	}
	
	.staff-box .staff-info-box .comment-box figure img {
		margin: 0;
	}

	.staff-box .staff-info-box .comment-box p {
		width: calc(100% - 40px);
		font-size: 13px;
	}
		
}

@media screen and (max-width: 349px) {
	
	.staff-box .staff-info-box {
		padding: 15px;
	}
	
	.staff-box .staff-info-box .name {
		margin: 3px 0 15px;
	}
	
	.staff-box .staff-info-box .comment-box {
		margin: 10px 0 0;
	}
	
	.staff-box .staff-info-box .profile-box {
		margin: 15px 0 0;
	}
	
}



/*========================================
  #sec04
========================================*/

/*--------------------
  .timetable-box
--------------------*/

.timetable-box.sec-box-01 {
	margin: 0;
}

.timetable-box .reservation-table {
	margin: 0 auto;
	border-collapse: collapse;
	border: 2px solid #f3f9fa; 
}

.timetable-box .reservation-table thead th,
.timetable-box .reservation-table tbody th,
.timetable-box .reservation-table tbody td {
	text-align: center;
	vertical-align: middle;
	border: 2px solid #f3f9fa; 
}

.timetable-box .reservation-table p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}

.timetable-box .reservation-table thead th {
	color: #204765;
	background-color: #bfdff3;
}

.timetable-box .reservation-table tbody th {
	color: #204765;
	background-color: #D9EAF4;
}

.timetable-box .reservation-table tbody td {
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #f3f9fa; 
}

.timetable-box .reservation-table tbody .doctor td p {
	font-size: 18px;
}

.contact-box .tell-num {
	padding: 10px 0 0;
}

.contact-box .tell-num a {
	margin: 0 auto 15px;
	padding: 0;
	font-size: 25px;
	font-weight: 600;
	text-indent: .5em;
	line-height: 1;
	display: block;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.contact-box .tell-num span {
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	line-height: 1;
	display: block;
}

.contact-box .btn-reserve {
	width: 250px;
	height: 50px;
	margin: 30px auto 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
	background-color: #0081c4;
	border-radius: 5px;
	display: block;
	-webkit-transition: .2s;
	transition: .2s;
}

.contact-box .btn-reserve:hover {
	color: #ffffff;
	background-color: #007bff;
}

@media screen and (min-width: 600px) {
	
	#sec04 .sec-box-01 * {
		text-align: center;
	}
	
	.timetable-box .reservation-table {
		width: 750px;
	}
	
	.timetable-box .reservation-table thead th,
	.timetable-box .reservation-table tbody th,
	.timetable-box .reservation-table tbody td {
		padding: 10px;
	}
	
}

@media screen and (max-width: 599px) {
	
	.timetable-box .reservation-table {
		width: 100%;
	}
	
	.timetable-box .reservation-table thead th,
	.timetable-box .reservation-table tbody th,
	.timetable-box .reservation-table tbody td {
		padding: 5px;
	}
	
	.timetable-box .reservation-table p {
		letter-spacing: .2em;
		display:inline-block;
		writing-mode:vertical-rl;
		white-space:nowrap;
		text-orientation:upright;
		-ms-writing-mode:tb-rl;
	}
	
	.timetable-box .timetable {
		width: 100%;
		height: auto;
		margin: 20px 0 0;
		padding: 20px;
		background-color: #ffffff;
	}

	.timetable-box .timetable h4 {
		width: 100%;
		height: auto;
		margin: 0 0 5px;
		padding: 0;
		color: #0c5b98;
		font-size: 15px;
	}

	.timetable-box .timetable p {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	.contact-box .tell-num * {
		text-align: center;
	}

}

@media screen and (max-width: 349px) {
	
	.timetable-box .timetable {
		padding: 15px;
	}
	
}




/* ヘッダー内のLanguageの箇所のCSS
   https://qiita.com/ment_RE/items/806a0f3ed6f141874849
-------------------------------------------------- */

.langlink:hover,
.langlink:focus-within {
  color: #2ab8e1;
}
.dropDown {
  position: absolute;
  bottom: 0;
  display: none;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 8px -2px #777;
  color: initial;
  transform: translate(0, 100%);
  z-index:100;
}
.langlink:hover > .dropDown,
.langlink:focus-within > .dropDown {
  display: block;
}
.dropDown__link {
  padding: 10px 20px;
  transition: color .15s;
}
.dropDown__link:hover,
.dropDown__link:focus {
  color: #2ab8e1;
}

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	.langlink {
	  position: relative;
	  display: flex;
	  align-items: center;
	  gap: 5px;
	  transition: color .15s;
		font-size:15px;
		font-weight: normal;
	}
	.langlink::before{
		display:block;
		content:"";
		width:14px;
		height:14px;
		background:url("http://www.tobu.saiseikai.or.jp/wordpress/wp-content/themes/tobu/include_pages/img/common/ic_globe@2x.png") no-repeat center center/100% 100%;
	}
	.dropDown__list {
	  display: flex;
	  flex-direction: column;
	  gap: 10px;
		width:100px;
	}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	.langlink {
		margin-right:12%;
	  gap: 5px;
	  transition: color .15s;
	  display: flex;
	  align-items: left;
		font-size:80%;
		padding: 0 10px 0 10px;
	}
	.langlink::before{
		display:block;
		content:"";
		width:10px;
		height:10px;
		background:url("http://www.tobu.saiseikai.or.jp/wordpress/wp-content/themes/tobu/include_pages/img/common/ic_globe@2x.png") no-repeat center center/100% 100%;
	}
	.dropDown__list {
	  display: flex;
	  flex-direction: column;
	  gap: 10px;
		width:90px;
	}
}