@charset "UTF-8";

.tkg-container {
	position: relative;
	overflow: hidden;
	min-width: 1024px;
	width: 100%;
}

.tkg-header {
	position: relative;
	padding-bottom: 47px;
	width: 100%;
	height: 308px;
	border-top: 6px solid #ae7f46;
	background-color: #fffef3;
}


.tkg-header:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 47px;
	background-image: url(./img/common/bg_header.svg);
	background-position: center bottom;
	background-size: 286px 37px;
	background-repeat: repeat-x;
	content: "";
}

.header-logo {
	position: absolute;
	top: 11px;
	left: 50%;
	z-index: 1;
	margin: 0 0 0 -93px;
	width: 186px;
	height: 236px;
	text-align: center;
	font-size: 100%;
	line-height: 1;
}

.header-logo > a {
	display: block;
}

.header-logo .mark {
	margin-bottom: 7px;
	width: 186px;
	height: 186px;
	vertical-align: top;
}

.header-logo .name {
	width: 158px;
	height: 42px;
	vertical-align: top;
}

.header-desc {
	position: absolute;
	top: 32px;
	right: 50%;
	margin: 0 102px 0 0;
	width: 410px;
	color: #40210f;
	letter-spacing: .1em;
	font-weight: bold;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.5333;
}

.header-menu {
	position: relative;
	margin: 0 auto;
	width: 1024px;
}

.menu-trg {
	display: none;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.menu-trg:after {
	position: absolute;
	top: 40px;
	right: 0;
	display: block;
	width: 100%;
	color: #23ac38;
	content: "MENU";
	text-align: center;
}

.is-open .menu-trg:after {
	content: "CLOSE";
}

.menu-modal {
	display: none;
}

.menu-logo {
	display: none;
}

.menu-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	-ms-flex-align: stretch;
	margin: 0;
	padding: 113px 0 0;
	width: 100%;
	height: 246px;

	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: flex-start;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	align-items: stretch;
}

.menu-list > .item {
	position: relative;
	padding: 8px 2px 0 0;
	width: 136px;
	list-style: none;
	text-align: center;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.menu-list > .item:before {
	position: absolute;
	top: 45px;
	left: 0;
	display: none;
	width: 2px;
	height: 43px;
	background-image: linear-gradient(to bottom, #aba297, #aba297 50%, transparent 50%, transparent 100%);
	background-size: 2px 4px;
	content: "";
}

.menu-list > .item:after {
	position: absolute;
	top: 45px;
	right: 0;
	display: block;
	width: 2px;
	height: 43px;
	background-image: linear-gradient(to bottom, #aba297, #aba297 50%, transparent 50%, transparent 100%);
	background-size: 2px 4px;
	content: "";
}

.menu-list > .item a {
	display: block;
	text-decoration: none;
}

.menu-list > .item .ico {
	position: relative;
	display: block;
	margin: auto;
	margin-bottom: 13px;
	width: 96px;
	height: 72px;
	font-size: 0;
	line-height: 0;
}

.menu-list > .item .ico > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.menu-list > .item .txt {
	fill: #1d1d1d;
}

.menu-list > .item.-current a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	margin-left: -32px;
	width: 64px;
	height: 6px;
	border-radius: 3px;
	background-color: #ffed6f;
	content: "";
	transition: all .3s ease;
}

.menu-list > .item.-about {
	padding-left: 2px;
	width: 138px;
}

.menu-list > .item.-about:before {
	display: block;
}

.menu-list > .item.-education .ico .page1, .menu-list > .item.-education .ico .page2 {
	opacity: 0;
}

.menu-list > .item.-building {
	margin-left: auto;
	padding-left: 2px;
	width: 138px;
}

.menu-list > .item.-building:before {
	display: block;
}

.menu-list > .item.-building .ico #nav-building-inkR, .menu-list > .item.-building .ico #nav-building-inkL {
	opacity: 0;
}

.menu-list > .item.-extend .ico #nav-extend-circ1 {
	fill: #f0891a;
}

.menu-list > .item.-extend .ico #nav-extend-circ4 {
	fill: #e22412;
}

.menu-posts {
	display: none;
}

.menu-sub {
	position: absolute;
	top: 24px;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	margin: 0;
	padding: 0;
	width: 410px;

	justify-content: flex-end;
}

.menu-sub > .item {
	margin: 0 10px;
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2857;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.menu-sub > .item a {
	position: relative;
	display: block;
	padding: 4px 0 5px;
	color: #ae7f46;
	text-decoration: none;
}

.menu-sub > .item a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d6bc9b;
	content: "";
}

.menu-sub .item.-home {
	display: none;
}

.menu-misc {
	position: absolute;
	top: 65px;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	margin: 0;
	padding: 0;
	width: 410px;

	justify-content: flex-end;
}

.menu-misc > .item {
	margin: 0 6px;
	list-style: none;
	text-align: center;
	font-weight: bold;
	font-size: .875rem;
	line-height: 1.2858;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.menu-misc > .item a {
	display: block;
	padding: 4px 24px;
	border: 1px solid #ae7f46;
	border-radius: 6px;
	background-color: #fff;
	color: #ae7f46;
	text-decoration: none;
}

.header-ant {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 8px;
	background-image: url(./img/common/ant.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-animation-name: antWalk;
	animation-name: antWalk;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: step-start;
	animation-timing-function: step-start;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.header-field {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	width: 1420px;
	height: 120px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.header-field:before, .header-field:after {
	position: absolute;
	top: 0;
	z-index: -1;
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fffef3;
	content: "";
}

.header-field:before {
	left: 0;
}

.header-field:after {
	right: 0;
}

.tkg-lnav {
	margin: 0 auto 80px;
}

.tkg-lnav > .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;

	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.tkg-lnav > .list > .item {
	margin: 0 8px;
	padding: 0;
	list-style: none;
	line-height: 1;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.tkg-lnav > .list > .item a {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	padding: 0 48px;
	height: 52px;
	border: 2px solid #83ccd2;
	border-radius: 26px;
	background-color: #fff;
	text-align: center;

	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.tkg-lnav > .list > .item a .txt {
	fill: #000;
}

.tkg-lnav > .list > .item.-current a {
	background-color: #83ccd2;
}

.tkg-lnav > .list > .item.-current a:before {
	position: absolute;
	top: -26px;
	left: 50%;
	display: block;
	margin-left: -17px;
	width: 34px;
	height: 36px;
	background-image: url(./img/common/ico_lnav-current.svg);
	background-position: 0 0;
	background-size: 34px 36px;
	background-repeat: no-repeat;
	content: "";
}

.tkg-lnav > .list > .item.-current a svg {
	fill: #fff;
}

.tkg-page > .ttl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	margin: 0 auto 70px;
	text-align: center;
	white-space: nowrap;
	font-size: 100%;
	line-height: 1;

	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.tkg-page > .ttl:before, .tkg-page > .ttl:after {
	display: block;
	width: 72px;
	height: 4px;
	background-image: url(./img/common/bg_dotted.svg);
	background-size: 8px 4px;
	background-repeat: repeat-x;
	content: "";
	vertical-align: middle;
}

.tkg-page > .ttl:before {
	background-position: right center;
}

.tkg-page > .ttl:after {
	background-position: left center;
}

.tkg-page > .ttl .txt {
	margin: 0 24px;
	vertical-align: middle;
}

.tkg-page > .ttl + .lead {
	margin-top: -30px;
}

.tkg-page > .lead {
	margin: 0 auto 70px;
	width: 768px;
	text-align: center;
}

.tkg-page > .lead p {
	margin: 0;
}

.tkg-page > .lead .copy {
	margin: 0 auto 40px;
	text-align: center;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.tkg-page figure {
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.tkg-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tkg-page a.line {
	position: relative;
	padding: 4px 0 5px;
	color: #83ccd2;
	text-decoration: none;
}

.tkg-page a.line:after {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #83ccd2;
	content: "";
	transition: all .3s ease;
}

.tkg-page a.line.-pink {
	color: #ea98a2;
}

.tkg-page a.line.-pink:after {
	background-color: #ea98a2;
}

.tkg-pagination {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	margin: 48px auto 0;
	padding: 0;
	width: 100%;

	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.tkg-pagination > .page-numbers {
	margin: 0 5px;
	padding: 0;
	padding: 4px;
	min-width: 24px;
	max-width: 40px;
	height: 40px;
	border-radius: 6px;
	background-color: #fff;
	color: #000;
	list-style: none;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;

	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.tkg-pagination > .page-numbers.current {
	background-color: #83ccd2;
	color: #fff;
}

.tkg-pagination > .page-numbers.prev, .tkg-pagination > .page-numbers.next {
	min-width: 16px;
	max-width: 34px;
	height: 40px;
	background: transparent;
}

.tkg-pagination > .page-numbers.prev svg, .tkg-pagination > .page-numbers.next svg {
	width: 6px;
	height: 10px;

	fill: #000;
}

.tkg-pagination > .page-numbers.prev {
	margin-left: 0;
}

.tkg-pagination > .page-numbers.next {
	margin-right: 0;
}

.tkg-phead {
	margin-bottom: 70px;
}

.tkg-phead > .ttl {
	margin: 0 auto 40px;
	text-align: center;
	white-space: nowrap;
	font-size: 100%;
	line-height: 1;
}

.tkg-phead > .ttl:before, .tkg-phead > .ttl:after {
	display: inline-block;
	width: 72px;
	height: 4px;
	background: url(./img/common/bg_dotted.svg) repeat-x 0 0;
	background-size: 8px 4px;
	content: "";
	vertical-align: middle;
}

.tkg-phead > .ttl .txt {
	margin: 0 24px;
	vertical-align: middle;
}

.tkg-phead > .ttl + .copy {
	margin-top: 45px;
}

.tkg-phead > .lead {
	margin: auto;
	width: 768px;
	text-align: center;
}

.tkg-phead > .lead p {
	margin: 0;
}

.tkg-phead > .copy {
	margin: 5px auto 40px;
	text-align: center;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.tkg-sec {
	margin: auto;
	width: 960px;
}

.tkg-sec.-full {
	width: 1024px;
}

.tkg-table {
	margin: auto;
	width: 896px;
	border: 2px solid #ea98a2;
	border-collapse: separate;
	border-radius: 6px;
}

.tkg-table caption {
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.tkg-table span {
	display: block;
}

.tkg-table strong {
	display: inline-block;
	margin: 10px auto;
}

.tkg-table em {
	font-style: normal;
	font-size: 80%;
}

.tkg-table a {
	position: relative;
	padding: 4px 0 5px;
	color: #ea98a2;
	text-decoration: none;
}

.tkg-table a:after {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ea98a2;
	content: "";
	transition: all .3s ease;
}

.tkg-table ol {
	margin: 0;
	padding: 0;
}

.tkg-table ol li {
	list-style-position: inside;
}

.tkg-table ol.kakko li {
	list-style-type: none;
	counter-increment: cnt;
}

.tkg-table ol.kakko li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
}

.tkg-table th, .tkg-table td {
	border-top: 2px dotted #ea98a2;
	vertical-align: top;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.tkg-table th {
	width: 268px;
	border-right: 2px solid #ea98a2;
	background-color: #f8dcdf;
	vertical-align: middle;
}

.tkg-table td {
	padding: 22px 30px;
	background-color: #fff;
}

.tkg-table tr:first-child th, .tkg-table tr:first-child td {
	border-top: none;
}

.tkg-table tr:first-child th {
	border-top-left-radius: 6px;
}

.tkg-table tr:first-child td {
	border-top-right-radius: 6px;
}

.tkg-table tr:last-child th {
	border-bottom-left-radius: 6px;
}

.tkg-table tr:last-child td {
	border-bottom-right-radius: 6px;
}

.tkg-linettl {
	text-align: center;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
}

.tkg-linettl > span {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.tkg-linettl > span:after {
	position: absolute;
	bottom: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 6px;
	content: "";
}

.tkg-linettl.-pink > span:after {
	background-color: #ea98a2;
}

.tkg-linettl.-blue > span:after {
	background-color: #83ccd2;
}

.tkg-flowerttl {
	margin: 0 0 20px;
	padding-left: 25px;
	background-position: left center;
	background-size: 18px 17px;
	background-repeat: no-repeat;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.tkg-flowerttl.-pink.-round {
	background-image: url(./img/common/ico_rflower_pink.png);
}

/*--------------------------------------------------------------
# Takagi-kids Pages
--------------------------------------------------------------*/
.tkg-page.-p404 p {
	text-align: center;
}

.tkg-page.-about > .lead {
	text-align: left;
}

.tkg-history {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: start;

	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	align-items: flex-start;
}

.history-chronology {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-order: 1;
	-ms-flex-pack: justify;
	-ms-flex-align: start;
	margin: 0;
	padding: 44px 64px 64px;
	width: 704px;
	background-color: #fff;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	order: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	align-items: flex-start;
}

.history-chronology > .year {
	position: relative;
	margin: 0;
	padding: 12px 0 14px 0;
	width: 80px;
	color: #ea98a2;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;

	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.history-chronology > .year:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.history-chronology > .event {
	position: relative;
	margin: 0;
	padding: 12px 0 14px;
	width: calc(100% - 80px);
	color: #000;
	font-weight: normal;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;

	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.history-chronology > .event:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.history-figures {
	-ms-flex-order: 0;
	margin: 0;
	padding: 0;
	width: 280px;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	order: 0;
}

.history-figures > .list {
	margin: 0;
	padding: 0;
}

.history-figures > .list > .item {
	list-style: none;
	line-height: 1;
}

.history-figures > .list > .item img {
	width: 100%;
	height: auto;
}

.history-figures > .list > .item + .item {
	margin-top: 8px;
}

.access-sec > .name {
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.4;
}

.access-sec > .name span {
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.access-sec > .address {
	margin-top: 0;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.access-sec > .map {
	position: relative;
	overflow: hidden;
	padding-bottom: 46.875%;
	width: 100%;
	width: 100%;
	height: 0;
	border: 4px solid #fff;
	border-radius: 12px;
}

.access-sec > .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.access-sec > .tkg-sec > .color {
	margin: 24px auto;
	font-size: 0;
	line-height: 0;
}

.access-sec > .tkg-sec > .color li {
	position: relative;
	display: inline-block;
	margin: auto;
	padding-left: 2em;
	width: 50%;
	text-align: left;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.access-sec > .tkg-sec > .color li:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1em;
	height: 5px;
	background-color: #f48fb1;
	background-position: left center;
	background-repeat: no-repeat;
	content: "";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.access-sec > .tkg-sec > .color li:nth-child(2):before {
	background-color: #f9a825;
}

.access-sec > .tkg-sec > .color li:nth-child(3):before {
	background-color: #7cb342;
}

.access-sec > .tkg-sec > .note {
	text-align: left;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.access-sec > .tkg-sec > .note > .ico {
	display: inline-block;
	margin: 1px 2px 3px;
	width: 34px;
	height: 34px;
	background: url(./img/access/ico_map.png) no-repeat center;
	background-size: 100% auto;
	vertical-align: middle;
}

.tkg-page.-activities > .lead .copy {
	width: 392px;
}

.activities-sec {
	padding: 64px;
	background-color: #fff;
}

.activities-sec > .tkg-fbox .thumb {
	width: 428px;
	height: 321px;
}

.activities-sec > .tkg-fbox .txtarea {
	max-width: 430px;
}

.activities-sec > .tkg-fbox .txtarea .ttl {
	padding-left: 36px;
	background-image: url(./img/activities/ico_flower_blue.png);
	background-position: left center;
	background-size: 24px;
	background-repeat: no-repeat;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.activities-sec > .tkg-fbox .txtarea .ttl img {
	width: auto;
	height: 27px;
}

.activities-sec > .tkg-fbox .txtarea .day {
	color: #83ccd2;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.application-lead {
	margin: 0 auto 48px;
	width: 768px;
}

.application-lead > .annotation {
	margin: 0 auto 48px;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.application-lead > .list-flower {
	margin: 0 auto 24px;
	padding: 0;
}

.application-lead > .list-flower li {
	position: relative;
	padding-left: 24px;
	min-height: 28px;
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.application-lead > .list-flower li:before {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(./img/common/ico_list-flower.svg);
	background-position: 0 0;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	content: "";
}

.application-lead > .list-ast {
	margin: 0 auto 24px;
	padding: 0;
}

.application-lead > .list-ast li {
	position: relative;
	padding-left: 1.25em;
	min-height: 28px;
	list-style: none;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.application-lead > .list-ast li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25em;
	content: "※";
}

.tkg-blog {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: start;
	margin: 0 auto;
	width: 1024px;

	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	align-items: flex-start;
}

.blog-main {
	width: 704px;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.blog-article {
	margin: 0 auto;
	padding: 56px 64px 64px;
	max-width: 704px;
	background-color: #fff;
}

.blog-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: stretch;
	margin: 0;
	margin-bottom: -32px;
	padding: 0;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	align-items: stretch;
}

.blog-list > a {
	margin: 0 0 32px;
	padding: 10px;
	width: 228px;
	background-color: #fff;
	text-decoration: none;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.blog-list > a > .item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	text-decoration: none;

	justify-content: flex-start;
}

.blog-list > a > .item > .thumb {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	border-radius: 6px;
	background-color: #eee;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.blog-list > a > .item > .thumb:before {
	display: block;
	padding-top: 72.1154%;
	width: 100%;
	content: "";
}

.blog-list > a > .item > .thumb > img {
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
	margin: auto;
	min-height: 100%;
	width: auto;
}

.blog-list > a > .item > .thumb.-default img {
	min-height: 0;
	width: 120px;
	height: 120px;
}

.blog-list > a > .item > .header {
	padding: 20px 10px 36px;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.blog-list > a > .item > .header .date {
	margin: 0;
	padding: 0;
	color: #ae7f46;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5714;
}

.blog-list > a > .item > .header .ttl {
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.blog-header {
	position: relative;
	margin: 0 0 32px;
	padding: 0 0 26px;
	text-align: left;
}

.blog-header:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.blog-header > .date {
	margin: 0 auto 8px;
	padding: 0;
	color: #ae7f46;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.blog-header > .ttl {
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.8;
}

.blog-content {
	position: relative;
	padding-bottom: 66px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.blog-content:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.blog-content:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

.blog-content > *:first-child {
	margin-top: 0;
}

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

.blog-content > p, .blog-content > div {
	margin: 0 0 1rem;
}

.blog-content > img, .blog-content > p img, .blog-content > div img {
	display: block;
	margin: 1rem 0;
	max-width: 100%;
	height: auto;
}

.blog-content > img.aligncenter, .blog-content > p img.aligncenter, .blog-content > div img.aligncenter {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.blog-content > img.alignright, .blog-content > p img.alignright, .blog-content > div img.alignright {
	float: right;
	clear: both;
	margin-top: 0;
	margin-left: 1rem;
}

.blog-content > img.alignleft, .blog-content > p img.alignleft, .blog-content > div img.alignleft {
	float: left;
	clear: both;
	margin-top: 0;
	margin-right: 1rem;
}

.blog-content a {
	position: relative;
	padding: 4px 0 5px;
	color: #83ccd2;
	text-decoration: none;
}

.blog-content a:after {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #83ccd2;
	content: "";
	transition: all .3s ease;
}

.blog-nav {
	margin: 48px auto 0;
}

.blog-nav .navigation > .nav-links {
	position: relative;
	width: 100%;
	height: 32px;
}

.blog-nav .navigation > .nav-links > .nav-previous, .blog-nav .navigation > .nav-links > .nav-next {
	position: absolute;
	top: 0;
	float: none;
	margin: 0 32px;
	width: auto;
}

.blog-nav .navigation > .nav-links > .nav-previous a, .blog-nav .navigation > .nav-links > .nav-next a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.blog-nav .navigation > .nav-links > .nav-previous a svg, .blog-nav .navigation > .nav-links > .nav-next a svg {
	fill: #000;
}

.blog-nav .navigation > .nav-links > .nav-previous {
	right: 50%;
}

.blog-nav .navigation > .nav-links > .nav-previous svg {
	margin-right: 12px;
}

.blog-nav .navigation > .nav-links > .nav-next {
	left: 50%;
}

.blog-nav .navigation > .nav-links > .nav-next svg {
	margin-left: 12px;
}

.blog-side {
	-ms-flex-order: -1;
	padding: 32px;
	width: 280px;
	background-color: #fff;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	order: -1;
}

.blog-side .side-ttl {
	margin: 4px 0 24px;
	height: 20px;
	font-size: 100%;
	line-height: 1;
}

.blog-side .side-ttl .txt {
	vertical-align: top;
}

.blog-side .blog-yearly {
	position: relative;
	margin: 0;
	padding: 2px 0 0;
}

.blog-side .blog-yearly:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.blog-side .blog-yearly > .item {
	position: relative;
	margin: 0;
	padding: 0 0 2px;
	list-style: none;
}

.blog-side .blog-yearly > .item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.blog-side .blog-yearly > .item.is-open > a:after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.blog-side .blog-yearly > .item.is-open .blog-monthly {
	display: block;
}

.blog-side .blog-yearly > .item > a {
	position: relative;
	display: block;
	padding: 14px 36px 14px 0;
	color: #ae7f46;
	text-decoration: none;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.blog-side .blog-yearly > .item > a:before, .blog-side .blog-yearly > .item > a:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	margin-top: -1px;
	width: 12px;
	height: 2px;
	background-color: #000;
	content: "";
	transition: all .3s ease;
}

.blog-side .blog-yearly > .item > a:after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.blog-side .blog-monthly {
	position: relative;
	display: none;
	overflow: hidden;
	margin: 0;
	padding: 18px 0 16px;
}

.blog-side .blog-monthly:before {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.blog-side .blog-monthly > .item {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.blog-side .blog-monthly > .item + .item {
	margin-top: 4px;
}

.blog-side .blog-monthly > .item > a {
	color: #000;
	text-decoration: none;
}

.tkg-page.-building > .lead .copy {
	width: 718px;
}

.building-sec > .kv {
	width: 100%;
}

.building-sec > .first {
	margin-top: 60px;
}

.building-sec > .first .thumb {
	margin-right: -32px;
	width: 310px;
	height: 174px;
}

.building-sec > .second {
	margin-top: 45px;
}

.building-sec > .second .thumb {
	margin-left: -32px;
	width: 303px;
	height: 180px;
}

.building-sec > .third {
	margin-top: 45px;
}

.building-sec > .third .thumb {
	margin-right: 40px;
	width: 208px;
	height: 210px;
}

.building-sec > .concept {
	margin-top: 60px;
}

.building-sec > .concept p {
	margin: 40px auto;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.building-sec > .concept ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 20px auto;

	justify-content: space-between;
}

.building-sec > .concept ul li {
	position: relative;
	margin: auto;
	padding: 36px 0;
	width: 293px;
	height: 136px;
	border-radius: 65px;
	background-color: #ea98a2;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.6;
}

.tkg-contact .required {
	color: #c15f5d;
}

.tkg-contact .wpcf7-response-output {
	margin: 64px auto;
	max-width: 896px;
}

.tkg-contact .wpcf7-not-valid-tip {
	color: #c15f5d;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.contact-lead {
	margin: 0 auto 48px;
	width: 768px;
}

.contact-lead > .annotation {
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.contact-lead > .usage {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.contact-form {
	margin: 0 auto;
	padding: 64px;
	max-width: 896px;
	background-color: #fff;
}

.contact-form .row {
	position: relative;
	margin: 0 0 32px 0;
	padding-bottom: 34px;
}

.contact-form .row:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.contact-form .row .label {
	display: -ms-flexbox;
	display: flex;
}

.contact-form .row .ttl {
	width: 192px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.contact-form .row .wpcf7-form-control-wrap > .input {
	width: 100%;
}

.contact-form .row .input {
	border: 1px solid #eee;
	background-color: #eee;
}

.contact-form .row .input:focus {
	border: 1px solid #c9c9c9;
}

.contact-form .btn {
	text-align: center;
}

.contact-form .btn .submit {
	overflow: hidden;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0;
	max-width: 280px;
	width: 100%;
	height: 40px;
	border: 4px solid #83ccd2;
	border-radius: 6px;
	background: #83ccd2;
	box-shadow: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 2.5;
	cursor: pointer;
	transition: all .3s ease;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.contact-form .btn .submit:hover {
	border: 4px solid #83ccd2;
	background: #fff;
	color: #83ccd2;
}

.tkg-page.-design > .lead .copy {
	width: 702px;
}

.tkg-page.-design > .lead p {
	text-align: left;
}

.design-anchor > .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;

	justify-content: center;
}

.design-anchor > .list li {
	display: block;
	margin: auto 30px;
	width: 168px;
}

.design-anchor > .list li:nth-child(1) > a:after {
	background-image: url(./img/building/design_anchor_arw_pink.png);
}

.design-anchor > .list li:nth-child(1) .thumb {
	background-image: url(./img/building/design_prof_01.jpg);
}

.design-anchor > .list li:nth-child(2) > a:after {
	background-image: url(./img/building/design_anchor_arw_blue.png);
}

.design-anchor > .list li:nth-child(2) .thumb {
	border-color: #83ccd2;
	background-image: url(./img/building/design_prof_02.jpg);
}

.design-anchor > .list li:nth-child(3) > a:after {
	background-image: url(./img/building/design_anchor_arw_pink.png);
}

.design-anchor > .list li:nth-child(3) .thumb {
	background-image: url(./img/building/design_prof_03.jpg);
}

.design-anchor > .list li:nth-child(4) > a:after {
	background-image: url(./img/building/design_anchor_arw_blue.png);
}

.design-anchor > .list li:nth-child(4) .thumb {
	border-color: #83ccd2;
	background-image: url(./img/building/design_prof_04.jpg);
}

.design-anchor > .list a {
	position: relative;
	display: block;
	padding-bottom: 17px;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.design-anchor > .list a:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	margin: auto;
	width: 14px;
	height: 8px;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	content: "";
	transition: all .3s ease;
}

.design-anchor > .list .thumb {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 95.24%;
	width: 100%;
	height: 0;
	border: 4px solid #ea98a2;
	border-radius: 50%;
	background-position: center;
	background-size: calc(100% + 8px);
	background-repeat: no-repeat;
	transition: all .3s ease;
}

.design-anchor > .list .copyright {
	position: absolute;
	bottom: 16px;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 10px;
	font-size: .625rem;
	line-height: 1;
}

.design-anchor > .list .name {
	display: block;
	text-align: center;
}

.design-anchor > .list .name img {
	width: auto;
	height: 18.5px;
}

.design-sec {
	margin-top: 80px;
}

.design-sec:nth-of-type(odd) > .design-fbox .thought {
	background-color: #ea98a2;
}

.design-sec:nth-of-type(odd) > .design-fbox .thought:after {
	display: none;
}

.design-sec:nth-of-type(even) > .design-fbox .thought {
	background-color: #83ccd2;
}

.design-sec:nth-of-type(even) > .design-fbox .thought:before {
	display: none;
}

.design-fbox {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;

	justify-content: space-between;
}

.design-fbox.-rev {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.design-fbox > div {
	padding: 48px;
	width: 492px;
}

.design-fbox .ttl {
	margin: 19px auto;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.design-fbox .txt {
	margin: 0;
}

.design-fbox > .prof {
	background-color: #fff;
}

.design-fbox > .prof .name {
	text-align: center;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.design-fbox > .prof .name img {
	width: auto;
	height: 26px;
}

.design-fbox > .prof .txt {
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.design-fbox > .prof .thumb {
	position: relative;
	margin: 30px auto 22px;
	width: 230px;
	height: 230px;
}

.design-fbox > .prof .copyright {
	position: absolute;
	bottom: 8px;
	left: 8px;
	color: #fff;
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
}

.design-fbox > .prof .copyright.-right {
	right: 8px;
	left: auto;
}

.design-fbox > .thought {
	position: relative;
	border-radius: 12px;
}

.design-fbox > .thought:before, .design-fbox > .thought:after {
	position: absolute;
	top: 50px;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	border-width: 6.5px 18px 6.5px 0;
	border-style: solid;
	border-color: transparent #ea98a2 transparent transparent;
	content: "";
	content: "";
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.design-fbox > .thought:after {
	right: 0;
	left: auto;
	-webkit-transform: translate(100%, 0) rotate(180deg);
	transform: translate(100%, 0) rotate(180deg);
}

.design-fbox > .thought .hdl {
	margin-bottom: 22px;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.design-fbox > .thought .hdl img {
	width: auto;
	height: 22px;
}

.tkg-page.-education > .lead {
	text-align: center;
}

/* 1日の流れ
------------------------------------------ */
.tkg-timeline {
	position: relative;
}

.tkg-timeline:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 6px;
	height: calc(100% - 80px);
	background-color: #ea98a2;
	content: "";
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.tl-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin-top: 96px;

	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.tl-item > .time {
	position: relative;
	-ms-flex-order: 2;
	padding: 10px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #ea98a2;

	order: 2;
}

.tl-item > .time span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: calc(100% - 20px);
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.tl-item > .info {
	-ms-flex-order: 1;
	width: 430px;
	text-align: right;

	order: 1;
}

.tl-item > .thumb {
	position: relative;
	-ms-flex-order: 3;
	width: 430px;
	text-align: center;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;

	order: 3;
}

.tl-item > .thumb > .cap {
	position: absolute;
	top: -32px;
	left: 50%;
	margin: auto;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

.tl-item > .thumb > .cap.-cap1 {
	width: 267px;
}

.tl-item > .thumb > .cap.-cap2 {
	width: 317px;
}

.tl-item.-tli0730 {
	margin-top: 0;
}

.tl-balloon {
	position: relative;
	display: inline-block;
	padding: 48px 40px 40px;
	border-radius: 10px;
	background-color: #fff;
	text-align: left;
}

.tl-balloon.-notxt {
	padding: 40px 40px;
}

.tl-balloon:before {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border-width: 7.5px 20px 7.5px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	content: "";
	-webkit-transform: translate(100%, -50%) rotate(180deg);
	transform: translate(100%, -50%) rotate(180deg);
}

.tl-balloon > .ttl {
	position: relative;
	padding-left: 34px;
	height: 26px;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.tl-balloon > .ttl:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 34px;
	height: 100%;
	background: url(./img/common/ico_flower_blue.svg) no-repeat left top;
	background-size: contain;
	content: "";
}

.tl-balloon > .ttl.-small {
	height: 20px;
}

.tl-balloon > .ttl img {
	width: auto;
	height: 100%;
}

.tl-balloon > .box {
	margin-top: 20px;
}

.tl-balloon > .box h4 {
	margin: 0;
	color: #83cdd2;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.tl-balloon > .box p {
	margin: 0;
}

.tl-balloon > .box .tkg-btn {
	position: relative;
	margin: 5px 0;
	padding: 2px 30px 2px 12px;
	width: 150px;
	height: auto;
	color: #fff;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.7143;
}

.tl-balloon > .box .tkg-btn:after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	content: "";
	transition: all .3s ease;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

/* 一斉活動
------------------------------------------ */
.tkg-groupwork {
	margin-top: 120px;
}

.tkg-groupwork > .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 0;
	padding: 0;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.groupwork-item {
	display: block;
	margin-top: 48px;
	padding: 52px 64px;
	width: 492px;
	background-color: #fff;
}

.groupwork-item > .ttl {
	width: auto;
	height: 28px;
	text-align: center;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.groupwork-item > .ttl img {
	width: auto;
	height: 100%;
}

.groupwork-item > .thumb {
	margin: 32px 0;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.groupwork-item p {
	margin: 0;
}

/* .tkg-extend
------------------------------------------ */
.tkg-extend {
	margin-top: 70px;
}

.extend-about {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: auto;
	width: 960px;

	justify-content: space-between;
}

.extend-about > .box.-txt {
	width: 640px;
}

.extend-about > .box.-txt p {
	margin-top: 0;
}

.extend-about > .box.-thumb {
	width: 280px;
}

.extend-info {
	margin: auto;
	width: 768px;
}

.extend-info > .box {
	margin-top: 64px;
}

.extend-info > .box h3 {
	padding-left: 28px;
	background-image: url(./img/education/ico_flower_pink.png);
	background-position: left center;
	background-size: 18px 17px;
	background-repeat: no-repeat;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.extend-info > .box ul li {
	position: relative;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;
}

.extend-info > .box ul.note {
	margin: 16px auto;
}

.extend-info > .box ul.note li {
	padding-left: 24px;
	background-image: url(./img/education/ico_flower_blue.png);
	background-position: left center;
	background-size: 18px 17px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.extend-info > .box ul.atten li {
	padding-left: 1.2em;
}

.extend-info > .box ul.atten li:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "※";
}

.extend-tblwrap {
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	margin: 80px auto 64px;
	width: 897px;
}

.extend-tbl {
	margin: 0;
	width: 299px;
	border: 2px solid #ea98a2;
	border-collapse: separate;
}

.extend-tbl tr:last-of-type td {
	border-bottom: none;
}

.extend-tbl th, .extend-tbl td {
	height: 68px;
	text-align: center;
}

.extend-tbl th {
	border-bottom: 2px solid #ea98a2;
	background-color: #f8dcdf;
}

.extend-tbl td {
	border-bottom: 2px dotted #ea98a2;
	background-color: #fff;
}

.extend-tbl dl {
	margin: 0;
}

.extend-tbl dl dt, .extend-tbl dl dd {
	display: inline-block;
	margin: 0;
	vertical-align: top;
	text-align: left;
}

.extend-tbl dl dt {
	font-weight: normal;
}

.extend-tbl.-ttl {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.extend-tbl.-ttl tr:last-of-type td {
	border-bottom-left-radius: 6px;
}

.extend-tbl.-ttl th {
	border-top-left-radius: 6px;
}

.extend-tbl.-ttl td {
	background-color: #f8dcdf;
	font-weight: bold;
}

.extend-tbl.-general {
	border-bottom-right-radius: 6px;
}

.extend-tbl.-general tr:last-of-type td {
	border-bottom-right-radius: 6px;
}

.tkg-page.-faq > .lead {
	text-align: center;
}

.faq-item {
	margin: auto;
	margin-top: 48px;
	padding: 35px 60px 30px;
	width: 896px;
	background-color: #fff;
}

.faq-item > dl {
	margin: 0;
}

.faq-item > dl dt, .faq-item > dl dd {
	position: relative;
	margin: 0;
	padding: 0;
	padding-left: 38px;
	background-size: 27px auto;
	background-repeat: no-repeat;
}

.faq-item > dl dt {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #83ccd2;
	background-image: url(./img/faq/ico_q.png);
	background-position: 0 15px;
	color: #ea98a2;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.faq-item > dl dd {
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(./img/faq/ico_a.png);
	background-position: 0 20px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

/* .tkg-foodhdr
------------------------------------------ */
.tkg-foodhdr {
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	margin-bottom: 80px;
	width: 960px;
}

.tkg-foodhdr > .box {
	width: 50%;
}

.tkg-foodhdr > .box.-txt {
	padding-right: 20px;
}

.tkg-foodhdr > .box.-thumb {
	padding-left: 20px;
}

.tkg-foodhdr > .box p {
	margin: 0;
}

.tkg-foodhdr > .box ul {
	margin-top: 36px;
	text-align: center;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.tkg-foodhdr > .box ul li {
	display: inline-block;
	padding: 30px;
	width: 220px;
	height: 120px;
	border-radius: 60px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.7778;
}

.tkg-foodhdr > .box ul li:first-child {
	margin-right: 20px;
	background-color: #ea98a2;
}

.tkg-foodhdr > .box ul li:last-child {
	background-color: #e18651;
}

.tkg-foodhdr > .box ul li span {
	display: block;
	color: #fff;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.4167;
}

/* .tkg-foodmain
------------------------------------------ */
.food-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin-top: 40px;
	padding: 75px 70px;
	background-color: #fff;

	justify-content: space-between;
}

.food-info.-rev {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.food-info > .box.-txt {
	width: 570px;
}

.food-info > .box.-txt h3 {
	position: relative;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(./img/education/ico_flower_pink.png) no-repeat left center;
	background-size: 20px 20px;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.6;
}

.food-info > .box.-thumb {
	margin: 0 30px;
	width: 240px;
}

.food-info > .box.-thumb img {
	border-radius: 50%;
}

/* .tkg-foodftr
------------------------------------------ */
.tkg-foodftr {
	margin: auto;
	margin-top: 74px;
	width: 768px;
}

.tkg-foodftr p:last-of-type {
	margin-bottom: 0;
}

.tkg-page.-guide .tkg-linettl {
	margin-bottom: 45px;
}

.guide-sec {
	margin-top: 80px;
}

.guide-sec .tkg-table p {
	margin: 0;
}

.guide-sec.-event {
	margin-top: 0;
}

.guide-sec.-flow > .txt {
	text-align: center;
}

.guide-sec.-flow > .tkg-table .pink {
	color: #ea98a2;
}

.guide-sec.-flow > .desc {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.guide-sec.-flow > .desc p {
	margin: 0;
	text-align: center;
}

.guide-sec.-price > .note {
	margin-top: 0;
	margin-right: 80px;
	text-align: right;
}

.guide-sec.-price .table-list {
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	width: 864px;
	border: 2px solid #ea98a2;
	border-radius: 6px;
}

.guide-sec.-price .table-list li {
	width: 25%;
	border-right: 2px dotted #ea98a2;
	background-color: white;
	text-align: center;
}

.guide-sec.-price .table-list li p {
	margin: 0;
	padding: 14px 7px;
	min-height: 58px;
}

.guide-sec.-price .table-list li p.key {
	border-bottom: 2px solid #ea98a2;
	background-color: #f8dcdf;
	white-space: nowrap;
	font-weight: bold;
}

.guide-sec.-price .table-list li p.val {
	line-height: 1.625;
}

.guide-sec.-price .table-list li:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.guide-sec.-price .table-list li:first-child .key {
	border-top-left-radius: 6px;
}

.guide-sec.-price .table-list li:first-child .val {
	border-bottom-left-radius: 6px;
}

.guide-sec.-price .table-list li:last-child {
	border-right: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.guide-sec.-price .table-list li:last-child .key {
	border-top-right-radius: 6px;
}

.guide-box {
	margin-top: 48px;
	padding: 64px;
	background-color: #fff;
}

.guide-box > .tkg-fbox .thumb {
	width: 428px;
	height: 321px;
}

.guide-box > .tkg-fbox .txtarea {
	max-width: 430px;
}

.guide-box > .tkg-fbox .txtarea .ttl {
	padding-left: 36px;
	background-position: left center;
	background-size: 24px;
	background-repeat: no-repeat;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.guide-box > .tkg-fbox .txtarea .ttl img {
	width: auto;
	height: 27px;
}

.guide-box > .tkg-fbox .tkg-btn {
	margin-top: 40px;
	margin-left: 0;
}

.guide-box > .tkg-table {
	margin-top: 64px;
}

.guide-box.-tour > .tkg-fbox .ttl {
	background-image: url(./img/guide/ico_flower_orange.png);
}

.guide-box.-parent > .tkg-fbox .ttl {
	background-image: url(./img/guide/ico_flower_red.png);
}

.guide-box.-guidance > .tkg-fbox .ttl {
	background-image: url(./img/guide/ico_flower_pink.png);
}

.tkg-page.-introduction > .lead .copy {
	width: 606px;
}

/* .intro-sec
------------------------------------------ */
.intro-sec {
	margin-top: 48px;
	padding: 55px 64px 80px;
	background-color: #fff;
	text-align: center;
}

.intro-sec > .ttl {
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.4167;
}

.intro-sec > .ttl span {
	font-size: 16px;
	font-size: 1rem;
	line-height: 2.125;
}

.intro-sec > .copy {
	margin: 25px auto 16px;
	color: #ea98a2;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.3571;
}

.intro-sec > .txt {
	margin: auto;
	width: 770px;
	text-align: left;
}

.intro-sec > .thumb {
	margin-top: 38px;
}

.intro-sec > .imglist {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin-top: 12px;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;

	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.intro-sec > .imglist li {
	display: inline-block;
	margin-top: 12px;
	height: 180px;
	vertical-align: middle;
}

.intro-sec > .imglist li:nth-child(odd) {
	width: 424px;
}

.intro-sec > .imglist li:nth-child(even) {
	width: 460px;
}

.intro-sec.-special > .tkg-fbox, .intro-sec.-mama > .tkg-fbox {
	/*
			&.-nofig {
				.txtarea {
					margin: auto;
					max-width: 768px;
					@include mobile {
						max-width: none;
					}
				}
				.txt {
					max-width: none;
				}
			}*/
}

.intro-sec.-special > .tkg-fbox, .intro-sec.-mama > .tkg-fbox {
	margin-top: 60px;
}

.intro-sec.-special > .tkg-fbox .txtarea, .intro-sec.-mama > .tkg-fbox .txtarea {
	max-width: 440px;
}

.intro-sec.-special > .tkg-fbox .txtarea .ttl, .intro-sec.-mama > .tkg-fbox .txtarea .ttl {
	padding-left: 30px;
	background-image: url(./img/building/ico_flower_pink.png);
	background-position: left 7px;
	background-size: 18px 17px;
	background-repeat: no-repeat;
}

.intro-sec.-special > .tkg-fbox .thumb, .intro-sec.-mama > .tkg-fbox .thumb {
	width: 428px;
}

.intro-sec.-mama > .tkg-fbox .thumb {
	height: auto;
}

.tkg-page.-kodomoen > .lead {
	text-align: left;
}

.kodomoen-sec {
	width: 768px;
}

.kodomoen-item {
	margin-top: 40px;
}

.kodomoen-item > .tkg-flowerttl {
	margin-bottom: 10px;
}

.kodomoen-item > p {
	margin: 0;
	margin-bottom: 10px;
}

/* .tkg-message
------------------------------------------ */
.message-sec > .tkg-fbox .txt {
	margin-bottom: 1.5em;
}

.message-sec > .tkg-fbox .txt:last-of-type {
	margin-bottom: 0;
}

.message-sec.-teacher > .tkg-fbox .thumb {
	margin-left: 20px;
	width: 240px;
}

.message-sec.-list {
	margin-top: 60px;
}

.message-sec.-list > .list {
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.message-sec.-list > .list li {
	position: relative;
	margin: auto;
	margin-top: 16px;
	padding: 33px 0;
	width: 760px;
	height: 130px;
	border-radius: 65px;
	background-color: #ea98a2;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.7778;
}

.message-sec.-list > .list li span {
	display: inline-block;
	padding-left: 108px;
	width: 650px;
	background-image: url(./img/about/list_num_01.png);
	background-position: left 8px;
	background-size: 69px 48px;
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: left;
}

.message-sec.-list > .list li:before {
	position: absolute;
	top: 0;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.message-sec.-list > .list li:nth-child(1) {
	margin-right: 0;
}

.message-sec.-list > .list li:nth-child(2) {
	margin-left: 0;
}

.message-sec.-list > .list li:nth-child(2) span {
	background-image: url(./img/about/list_num_02.png);
}

.message-sec.-list > .list li:nth-child(2):before {
	left: 16px;
	width: 106px;
	height: 90px;
	background-image: url(./img/about/list_deco_01.png);
}

.message-sec.-list > .list li:nth-child(3) {
	margin-right: 0;
}

.message-sec.-list > .list li:nth-child(3) span {
	background-image: url(./img/about/list_num_03.png);
}

.message-sec.-list > .list li:nth-child(3):before {
	right: 30px;
	width: 87px;
	height: 120px;
	background-image: url(./img/about/list_deco_02.png);
}

.message-sec.-main > .tkg-fbox {
	margin-top: 80px;
}

.message-sec.-main > .tkg-fbox .thumb {
	width: 280px;
	height: 280px;
}

.tkg-news {
	margin: 0 auto;
	padding: 64px;
	max-width: 896px;
	background-color: #fff;
}

.news-list {
	margin: 0;
	padding: 0;
}

.news-list > .item {
	position: relative;
	margin: 0 0 32px;
	padding: 0 0 34px;
	list-style: none;
}

.news-list > .item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.news-list > .item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.news-list > .item:last-child:after {
	display: none;
	content: none;
}

.news-list > .item > a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	-ms-flex-align: center;
	text-decoration: none;

	justify-content: flex-start;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.news-list > .item > a .date {
	margin: 0;
	padding: 0;
	width: 160px;
	color: #ae7f46;
	font-size: 14px;
	font-size: .875rem;
	line-height: 2;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.news-list > .item > a .ttl {
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.news-header {
	position: relative;
	margin: 0 0 32px;
	padding: 0 0 26px;
	text-align: center;
}

.news-header:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.news-header > .date {
	margin: 0 auto 8px;
	padding: 0;
	color: #ae7f46;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.news-header > .ttl {
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.8;
}

.news-content {
	position: relative;
	padding-bottom: 66px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.news-content:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #97d4d9, #97d4d9 50%, transparent 50%, transparent 100%);
	background-position: 0 0;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.news-content:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

.news-content > *:first-child {
	margin-top: 0;
}

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

.news-content > p, .news-content > div {
	margin: 0 0 1rem;
}

.news-content > img, .news-content > p img, .news-content > div img {
	display: block;
	margin: 1rem 0;
	max-width: 100%;
	height: auto;
}

.news-content > img.aligncenter, .news-content > p img.aligncenter, .news-content > div img.aligncenter {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.news-content > img.alignright, .news-content > p img.alignright, .news-content > div img.alignright {
	float: right;
	clear: both;
	margin-top: 0;
	margin-left: 1rem;
}

.news-content > img.alignleft, .news-content > p img.alignleft, .news-content > div img.alignleft {
	float: left;
	clear: both;
	margin-top: 0;
	margin-right: 1rem;
}

.news-content a {
	position: relative;
	padding: 4px 0 5px;
	color: #83ccd2;
	text-decoration: none;
}

.news-content a:after {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #83ccd2;
	content: "";
	transition: all .3s ease;
}

.news-nav {
	margin: 48px auto 0;
}

.news-nav .navigation > .nav-links {
	position: relative;
	width: 100%;
	height: 32px;
}

.news-nav .navigation > .nav-links > .nav-previous, .news-nav .navigation > .nav-links > .nav-next {
	position: absolute;
	top: 0;
	float: none;
	margin: 0 32px;
	width: auto;
}

.news-nav .navigation > .nav-links > .nav-previous a, .news-nav .navigation > .nav-links > .nav-next a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.news-nav .navigation > .nav-links > .nav-previous a svg, .news-nav .navigation > .nav-links > .nav-next a svg {
	fill: #000;
}

.news-nav .navigation > .nav-links > .nav-previous {
	right: 50%;
}

.news-nav .navigation > .nav-links > .nav-previous svg {
	margin-right: 12px;
}

.news-nav .navigation > .nav-links > .nav-next {
	left: 50%;
}

.news-nav .navigation > .nav-links > .nav-next svg {
	margin-left: 12px;
}

.parents-sec > .board {
	margin: auto;
	margin-top: 50px;
	padding: 30px 60px;
	width: 896px;
	background-color: #fff;
}

.parents-item {
	margin: auto;
	padding: 25px 0;
	border-top: 2px dotted #83ccd2;
}

.parents-item:first-of-type {
	border-top: none;
}

.parents-item > .list-pdf li {
	position: relative;
	margin-top: 6px;
	padding-left: 32px;
	background: url(./img/parents/ico_pdf.png) 6px 4px no-repeat;
	background-size: 20px 24px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.tkg-page.-policy > .lead .copy {
	width: 680px;
}

.tkg-sec.-policy > .tkg-fbox .thumb {
	margin-top: 8px;
	width: 280px;
}

.privacy-sec {
	margin-top: 80px;
	width: 768px;
}

.privacy-sec > .ttl {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

.privacy-sec > .list {
	margin: 0;
	padding-left: 1.1em;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

.privacy-sec > .list > li {
	margin-top: 20px;
}

.privacy-sec > .list ul li {
	position: relative;
	padding-left: 1.1em;
}

.privacy-sec > .list ul li:before {
	position: absolute;
	left: 0;
	display: marker;
	content: "● ";
}

.recruit-sec {
	padding: 50px 0 80px;
	background-color: #fff;
}

.recruit-sec > .ttl {
	margin: 0;
	margin-bottom: 45px;
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2;
}

.top-content {
	padding-bottom: 120px;
}

.top-mv {
	position: relative;
	margin: 0 auto 56px;
	width: 100%;
	height: 630px;
	background-color: #fffef3;
}

.top-mv:before {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 187px;
	background-color: #e7f4f1;
	background-image: url(./img/top/bg_mv02.svg);
	background-position: center bottom;
	background-size: 1280px 187px;
	background-repeat: repeat-x;
	content: "";
}

.top-mv:after {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	display: block;
	margin-left: -660px;
	width: 1320px;
	height: 630px;
	background-image: url(./img/top/bg_mv01.svg);
	background-size: cover;
	background-repeat: no-repeat;
	content: "";
}

.top-mv > .mask {
	position: absolute;
	top: 0;
	left: 0;
}

.mv-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
	margin-left: -540px;
	padding: 0;
	width: 1080px;
	height: 500px;
}

.mv-wrap > .switch {
	position: absolute;
	top: 138px;
	right: 100%;
	width: 46px;
	height: 46px;
	cursor: pointer;
}

.mv-wrap > .switch svg {
	width: 100%;
	height: auto;
}

.mv-wrap > .switch.-standby {
	-webkit-animation: switchPR step-end 10s infinite both 1.5s;
	animation: switchPR step-end 10s infinite both 1.5s;
}

.mv-wrap > .mv-flower {
	position: absolute;
	right: 22px;
	bottom: 40px;
	z-index: 2;
	width: 176px;
	height: 180px;
	cursor: pointer;
}

.mv-wrap > .mv-flower svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.mv-wrap > .mv-flower.-active #mv-flower-circ {
	-webkit-transform-origin: 45.6163% 45.6868%;
	transform-origin: 45.6163% 45.6868%;
	-webkit-animation: rotateRound linear 6s infinite;
	animation: rotateRound linear 6s infinite;
}

.top-sky {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1001;
	margin: auto;
	width: 1080px;
	height: 500px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.top-sky > .bird {
	position: absolute;
	width: 165px;
	height: 123px;
	opacity: 0;
}

.top-sky > .bird svg {
	width: 100%;
	height: auto;
}

.mv-list {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 1080px;
	height: 500px;
}

.mv-list .item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	list-style: none;
}

.mv-list .item > .img {
	width: 1080px;
	height: 500px;
}

.mv-list .item > .img .masked {
	/* autoprefixer: off */
	clip-path: url("#mvclip");
}

.top-updates {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: start;
	margin: 0 auto 80px;
	padding: 0 0 117px;
	width: 1024px;

	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	align-items: flex-start;
}

.top-updates:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 47px;
	background-image: url(./img/common/bg_header.svg);
	background-position: center bottom;
	background-size: 286px 37px;
	background-repeat: repeat-x;
	content: "";
}

.top-main {
	width: 704px;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.top-blog > .header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin: 0 0 48px;
	padding: 0;

	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.top-blog > .header > .ttl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	margin: 0;
	width: calc(100% - 82px);
	text-align: center;
	line-height: 1;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.top-blog > .header > .ttl:before, .top-blog > .header > .ttl:after {
	width: 45px;
	height: 16px;
	background-image: url(./img/top/ico_ttl_blog.svg);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	vertical-align: middle;

	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.top-blog > .header > .ttl:before {
	margin-right: 20px;
	background-position: right top;
}

.top-blog > .header > .ttl:after {
	margin-left: 20px;
	background-position: left top;
}

.top-blog > .header > .ttl .txt {
	vertical-align: middle;
}

.top-blog > .header > .index {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.top-blog > .header > .index a {
	display: block;
	width: 82px;
	border: 3px solid #83cdd2;
	border-radius: 6px;
	background-color: #83cdd2;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

.top-side {
	width: 280px;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.top-side .side-ttl {
	margin: 4px 0 24px;
	height: 20px;
	font-size: 100%;
	line-height: 1;
}

.top-side .side-ttl .txt {
	vertical-align: top;
}

.top-news > .header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin: 0 0 24px;
	padding: 0;

	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.top-news > .header > .ttl {
	margin: 0;
	width: auto;
	line-height: 1;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.top-news > .header > .ttl:before {
	display: inline-block;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	background-image: url(./img/top/ico_ttl_news.svg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	content: "";
	vertical-align: middle;
}

.top-news > .header > .ttl .txt {
	vertical-align: middle;
}

.top-news > .header > .index {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.top-news > .header > .index a {
	display: block;
	width: 82px;
	border: 3px solid #83cdd2;
	border-radius: 6px;
	background-color: #83cdd2;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

.top-news > .news-list {
	padding: 32px;
	width: 100%;
	background-color: #fff;
}

.top-news > .news-list > .item {
	margin-bottom: 16px;
	padding-bottom: 18px;
}

.top-news > .news-list > .item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.top-news > .news-list > .item > a {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: stretch;

	-ms-flex-line-pack: stretch;
	align-content: stretch;
	align-items: stretch;
}

.top-news > .news-list > .item > a > .date {
	width: 100%;
}

.top-news > .news-list > .item > a > .ttl {
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top-bnr.-guide a {
	background-image: url(./img/top/bg_bnr_guide.jpg);
}

.top-bnr.-guide a:before {
	background-color: #ea98a2;
}

.top-bnr.-guide .comment span:before {
	background-color: #f8dcdf;
}

.top-bnr.-building a {
	background-image: url(./img/top/bg_bnr_building.jpg);
}

.top-bnr.-building a:before {
	background-color: #83ccd2;
}

.top-bnr.-building .comment span:before {
	background-color: #cdebed;
}

.top-bnr.-tour a {
	background-image: url(./img/top/bg_bnr_tour.jpg);
}

.top-bnr.-tour a:before {
	background-color: #e18651;
}

.top-bnr.-tour .comment span:before {
	background-color: #f3cfb9;
}

.top-bnr.-parent a {
	background-image: url(./img/top/bg_bnr_parent.jpg);
}

.top-bnr.-parent a:before {
	background-color: #c15e5c;
}

.top-bnr.-parent .comment span:before {
	background-color: #e6bfbe;
}

.top-bnr > a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	border-radius: 10px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.top-bnr > a:before {
	position: relative;
	z-index: 1;
	display: block;
	padding-top: 50%;
	width: 100%;
	content: "";
	opacity: 0;
}

.top-bnr > a .label {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin-top: -21px;
	margin-left: -100px;
	width: 200px;
	height: 42px;
}

.top-bnr > .comment {
	margin: 8px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.4444;
}

.top-bnr > .comment span {
	position: relative;
}

.top-bnr > .comment span:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 8px;
	content: "";
}

.top-util {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin: 0 auto;
	padding: 0;
	width: 1024px;

	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
	align-items: center;
}

.top-util > .item {
	margin: 0;
	padding: 0;
	width: 320px;
	list-style: none;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* .tkg-uniform
------------------------------------------ */
.uniform-sec {
	margin-top: 70px;
}

.uniform-sec.-photos {
	padding: 30px 64px 80px;
	background-color: #fff;
}

.uniform-sec.-photos > .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.uniform-sec.-photos > .list li {
	margin-top: 50px;
	width: 428px;
	text-align: center;
}

.uniform-sec.-photos > .list figcaption {
	margin-top: 24px;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}

.uniform-sec.-photos > .list figcaption > span {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
}

.uniform-sec.-photos > .list figcaption > span:before {
	position: absolute;
	bottom: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 6px;
	background-color: #ea98a2;
	content: "";
}

.uniform-sec > .tkg-fbox .thumb {
	width: 460px;
}

.uniform-sec > .tkg-fbox .txtarea {
	width: 460px;
}

.tkg-page.-year > .lead {
	text-align: center;
}

/* Schedule
------------------------------------------ */
.tkg-schedule {
	padding: 60px 64px;
	background-color: #fff;
}

.schedule-semester {
	margin-top: 70px;
}

.schedule-semester > .summary {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin-bottom: 28px;

	justify-content: space-between;
	align-items: center;
}

.schedule-semester > .summary h3 {
	position: relative;
	padding: 25px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: #ea98a2;
}

.schedule-semester > .summary h3 > span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: calc(100% - 50px);
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.schedule-semester > .summary p {
	width: 640px;
}

.schedule-semester > .detail {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;

	justify-content: space-between;
}

.schedule-semester > .detail ul {
	position: relative;
	width: 336px;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.schedule-semester > .detail ul:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #ea98a2, #ea98a2 50%, transparent 50%, transparent 100%);
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.schedule-semester > .detail ul li {
	position: relative;
	padding: 24px 0 24px 60px;
}

.schedule-semester > .detail ul li:before {
	position: absolute;
	top: 50%;
	left: 22px;
	display: block;
	width: 24px;
	height: 23px;
	background-image: url(./img/education/ico_flower_pink.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.schedule-semester > .detail ul li:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #ea98a2, #ea98a2 50%, transparent 50%, transparent 100%);
	background-size: 4px 2px;
	background-repeat: repeat-x;
	content: "";
}

.schedule-semester > .detail ul img {
	width: auto;
	height: 20px;
}

.schedule-semester.-first {
	margin-top: 0;
}

.schedule-semester.-second > .summary {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.schedule-semester.-second > .summary h3 {
	background-color: #e18651;
}

.schedule-semester.-second > .detail {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.schedule-semester.-second > .detail ul:before {
	background-image: linear-gradient(to right, #e18651, #e18651 50%, transparent 50%, transparent 100%);
}

.schedule-semester.-second > .detail ul li:before {
	background-image: url(./img/education/ico_flower_orange.png);
}

.schedule-semester.-second > .detail ul li:after {
	background-image: linear-gradient(to right, #e18651, #e18651 50%, transparent 50%, transparent 100%);
}

.schedule-semester.-third > .summary h3 {
	background-color: #c15e5c;
}

.schedule-semester.-third > .detail ul:before {
	background-image: linear-gradient(to right, #c15e5c, #c15e5c 50%, transparent 50%, transparent 100%);
}

.schedule-semester.-third > .detail ul li:before {
	background-image: url(./img/education/ico_flower_red.png);
}

.schedule-semester.-third > .detail ul li:after {
	background-image: linear-gradient(to right, #c15e5c, #c15e5c 50%, transparent 50%, transparent 100%);
}

.semester-img {
	position: relative;
	width: 100%;
}

.semester-img:before {
	display: block;
	padding-top: 92.3077%;
	width: 100%;
	content: "";
}

.semester-img .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: stretch;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	list-style: none;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	align-items: stretch;
}

.semester-img .img {
	width: 49.4231%;
	height: 49.375%;
}

.semester-img .img.-double {
	width: 100%;
	height: 49.375%;
}

/* Event
------------------------------------------ */
.tkg-event {
	margin-top: 120px;
}

.tkg-event > .list {
	margin-top: 48px;
}

.event-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

.event-item:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

.event-item:nth-of-type(odd) {
	-ms-flex-direction: row;
	flex-direction: row;
}

.event-item:nth-of-type(even) {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.event-item > .thumb {
	position: relative;
	margin: 0 auto 24px;
	max-width: 390px;
	width: calc(100% - 30px);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.event-item > .thumb:before {
	display: block;
	width: 100%;
	content: "";
}

.event-item > .thumb .img {
	position: absolute;
	height: auto;
	border-radius: 50%;
}

.event-item > .thumb.-thumb01 {
	height: auto;
	background-image: url(./img/education/event_bg_01.png);
}

.event-item > .thumb.-thumb01:before {
	padding-top: 94.1026%;
}

.event-item > .thumb.-thumb01 .img.-first {
	position: absolute;
	top: 0;
	left: 0;
	width: 46.1539%;
}

.event-item > .thumb.-thumb01 .img.-second {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 61.5385%;
}

.event-item > .thumb.-thumb02 {
	height: auto;
	background-image: url(./img/education/event_bg_02.png);
}

.event-item > .thumb.-thumb02:before {
	padding-top: 91.5385%;
}

.event-item > .thumb.-thumb02 .img.-first {
	position: absolute;
	top: 0;
	left: 0;
	width: 61.5385%;
}

.event-item > .thumb.-thumb02 .img.-second {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46.1539%;
}

.event-item > .thumb.-thumb03 {
	height: auto;
	background-image: url(./img/education/event_bg_03.png);
}

.event-item > .thumb.-thumb03:before {
	padding-top: 94.1026%;
}

.event-item > .thumb.-thumb03 .img.-first {
	position: absolute;
	top: 0;
	left: 0;
	width: 46.1539%;
}

.event-item > .thumb.-thumb03 .img.-second {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 61.5385%;
}

.event-item > .info {
	margin: auto 36px;
	width: 560px;
}

.event-item > .info h3 {
	height: 22px;
	font-size: 0;
	font-size: 0rem;
	line-height: Infinity;
}

.event-item > .info h3 img {
	width: auto;
	height: 100%;
}

/*--------------------------------------------------------------
# Takagi-kids Utility
--------------------------------------------------------------*/
._bold {
	font-weight: bold !important;
}

/*--------------------------------------------------------------
# Plugin
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1042;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #0b0b0b;
	opacity: .8;
}

.mfp-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1043;
	width: 100%;
	height: 100%;
	outline: none !important;

	-webkit-backface-visibility: hidden;
}

.mfp-container {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 0 8px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	content: "";
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	z-index: 1045;
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	text-align: left;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	position: absolute;
	top: 50%;
	right: 8px;
	left: 8px;
	z-index: 1044;
	margin-top: -.8em;
	width: auto;
	color: #ccc;
	text-align: center;
}

.mfp-preloader a {
	color: #ccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close, button.mfp-arrow {
	z-index: 1046;
	display: block;
	overflow: visible;
	padding: 0;
	outline: none;
	border: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;

	-webkit-appearance: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0 18px 10px;
	width: 44px;
	height: 44px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-style: normal;
	font-size: 28px;
	font-family: Arial,Baskerville,monospace;
	line-height: 44px;
	opacity: .65;
}

.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	right: -6px;
	padding-right: 6px;
	width: 100%;
	color: #fff;
	text-align: right;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	white-space: nowrap;
	font-size: 12px;
	line-height: 18px;
}

.mfp-arrow {
	position: absolute;
	top: 50%;
	margin: 0;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	opacity: .65;

	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin-top: 35px;
	margin-left: 35px;
	width: 0;
	height: 0;
	border: medium inset transparent;
	content: "";
}

.mfp-arrow:after {
	top: 8px;
	border-top-width: 13px;
	border-bottom-width: 13px;
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after {
	margin-left: 31px;
	border-right: 17px solid #fff;
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after {
	margin-left: 39px;
	border-left: 17px solid #fff;
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	max-width: 900px;
	width: 100%;
	line-height: 0;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	overflow: hidden;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

/* Main image in popup */
img.mfp-img {
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 40px 0 40px;
	max-width: 100%;
	width: auto;
	height: auto;
	line-height: 0;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 40px;
	left: 0;
	z-index: -1;
	display: block;
	width: auto;
	height: auto;
	background: #444;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	content: "";
}

.mfp-figure small {
	display: block;
	color: #bdbdbd;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -36px;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	padding-right: 36px;
	color: #f3f3f3;
	text-align: left;
	word-wrap: break-word;
	line-height: 18px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

/* Slider */
/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	display: block;
	padding: 0;
	width: 20px;
	height: 20px;
	outline: none;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before, .slick-next:before {
	color: white;
	font-size: 20px;
	line-height: 1;
	opacity: .75;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir="rtl"] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-next {
	right: -25px;
}

[dir="rtl"] .slick-next {
	right: auto;
	left: -25px;
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.slick-dots li button {
	display: block;
	padding: 5px;
	width: 20px;
	height: 20px;
	outline: none;
	border: 0;
	background: transparent;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	color: black;
	content: "";
	text-align: center;
	font-size: 6px;
	line-height: 20px;
	opacity: .25;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: .75;
}

@media screen and (max-width: 768px) {
	body {
		min-width: 0;
	}
	.tkg-back {
		margin-top: 32px;
	}
	.tkg-fbox {
		display: block;
		width: 100%;
	}
	.tkg-fbox > .txtarea {
		max-width: none;
	}
	.tkg-fbox > .thumb {
		margin-top: 24px;
		width: 100%;
		height: auto;
	}
	.tkg-breadcrumbs {
		bottom: 14px;
		left: 0;
		padding: 0 16px;
	}
	.tkg-breadcrumbs > .list .item {
		font-size: 12px;
		font-size: .75rem;
		line-height: 2;
	}
	.tkg-btn {
		margin-top: 25px;
		padding: 20px 0;
		max-width: 280px;
		width: 100%;
		height: 56px;
		border: none;
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.0625;
	}
	.tkg-container {
		min-width: 0;
	}
	.tkg-content {
		padding: 32px 16px 100px;
		width: 100%;
	}
	.tkg-footer {
		padding-top: 30px;
		padding-bottom: 82px;
		background-size: 852px 72px;
	}
	.tkg-footer:before {
		display: none;
		content: none;
	}
	.home .tkg-footer:before {
		right: auto;
		left: -34px;
		display: block;
		margin-right: auto;
		width: 99px;
		height: 92px;
		content: "";
	}
	.tkg-footer:after {
		position: absolute;
		right: -17px;
		left: auto;
		margin-left: 0;
		width: 62px;
		height: 86px;
		background-position: center bottom;
	}
	.footer-inner {
		width: 100%;
	}
	.footer-sitemap {
		display: none;
	}
	.footer-menu {
		margin-bottom: 32px;
	}
	.footer-menu {
		-ms-flex-pack: justify;
		margin-bottom: 30px;
		padding: 0 16px;
		width: 100%;
		background-repeat: repeat-x;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer-menu > .item {
		margin: 0 0 6px;
		width: calc(50% - 4px);
	}
	.footer-menu > .item a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		height: 45px;
		border: 1px solid #d6bc9b;
		border-radius: 6px;
		text-align: center;

		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		align-items: center;
	}
	.footer-menu > .item a:before {
		display: none;
		content: none;
	}
	.footer-totop {
		position: static;
		right: auto;
		bottom: auto;
		margin: 0 auto 10px;
		text-align: center;
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.5;
	}
	.footer-totop > a > .txt {
		margin-bottom: 0;
	}
	.footer-access {
		margin-bottom: 10px;
		text-align: center;
	}
	.footer-access span {
		display: block;
	}
	.footer-access > .address {
		margin-left: 0;
	}
	.footer-access > .tel {
		margin-left: 0;
	}
	.footer-copy {
		text-align: center;
		font-size: 10px;
		font-size: .625rem;
		line-height: 1.6;
	}
	.footer-field {
		width: 852px;
		height: 72px;
	}
	.tkg-header {
		height: 239px;
	}
	.tkg-header:after {
		position: absolute;
		top: 100px;
		left: 50%;
		display: block;
		margin-left: 78px;
		width: calc(165 / 2 * 1px);
		height: calc(123 / 2 * 1px);
		background-image: url(./img/top/mv_bird.svg);
		background-size: cover;
		content: "";
	}
	.tkg-header.-top {
		height: 196px;
	}
	.header-logo {
		top: 10px;
		margin-left: -69px;
		width: 138px;
		height: 170px;
	}
	.header-logo .mark {
		margin-bottom: 6px;
		width: 128px;
		height: 128px;
	}
	.header-logo .name {
		width: 138px;
		height: 36px;
	}
	.header-desc {
		display: none;
	}
	.header-menu.is-open {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1002;
		width: 100%;
		height: 100%;
	}
	.menu-trg {
		position: fixed;
		top: 40px;
		right: 10px;
		z-index: 11;
		display: block;
		padding: 0;
		width: 60px;
		height: 62px;
		border-radius: 50px;
		background-color: #FFF;
		font-size: 10px;
		font-size: .65rem;
		font-family: sans-serif;
		line-height: 1;
	}
	
	.is-open .menu-trg {background-color:#fffef3;}
	
	.menu-trg > .fig01, .menu-trg > .fig02, .menu-trg > .fig03 {
		position: absolute;
		top: 25px;
		left: 45%;
		display: block;
		margin-left: -12px;
		width: 30px;
		height: 2px;
		border-radius: calc(3px / 2);
		background-color: #23ac38;
		transition: opacity,-webkit-transform .3s ease;
		transition: opacity,transform .3s ease;
		transition: opacity,transform .3s ease,-webkit-transform .3s ease;
	}
	.menu-trg > .fig01 {
		margin-top: -7px;
	}
	.menu-trg > .fig02 {
		top: 25px;
	}
	.menu-trg > .fig03 {
		margin-top: 7px;
	}
	.is-open .menu-trg > .fig01 {
		margin-top: 0;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.is-open .menu-trg > .fig02 {
		opacity: 0;
	}
	.is-open .menu-trg > .fig03 {
		margin-top: 0;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.menu-wrap {
		display: none;
		opacity: 0;
	}
	.is-open .menu-wrap {
		position: relative;
		display: block;
		overflow: auto;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		opacity: 1;
		-webkit-animation: .3s linear fadeIn;
		animation: .3s linear fadeIn;
	}
	.menu-modal {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	.menu-inner {
		position: relative;
		overflow: auto;
		width: 100%;
		height: auto;
		background-color: #fffef3;
	}
	.menu-inner:before {
		display: block;
		width: 100%;
		height: 138px;
		background-position: center top;
		background-size: 390px 102px;
		background-repeat: repeat-x;
		content: "";
	}
	.menu-inner:after {
		display: block;
		width: 100%;
		height: 56px;
		background-position: center bottom;
		background-size: 286px 37px;
		background-repeat: repeat-x;
		content: "";
	}
	.menu-logo {
		display: block;
		margin: -96px auto 30px;
		width: 138px;
		height: 174px;
		line-height: 1;
	}
	.menu-logo .mark {
		display: block;
		margin: 0 auto -2px;
		width: 138px;
		height: 140px;
	}
	.menu-logo .name {
		display: block;
		width: 138px;
		height: 36px;
	}
	.menu-list {
		padding: 0 16px;
		width: 100%;
		height: auto;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.menu-list > .item {
		margin-bottom: 30px;
		padding: 0;
		padding: 0;
		width: 50%;
		line-height: 1;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.menu-list > .item:before {
		top: 32px;
		height: 36px;
	}
	.menu-list > .item:after {
		top: 32px;
		height: 36px;
	}
	.menu-list > .item .ico {
		margin-bottom: 12px;
		width: 80px;
		height: 60px;
	}
	.menu-list > .item .txt {
		display: block;
		margin: 0 auto;
		width: auto;
		height: 20px;
	}
	.menu-list > .item.-current a:after {
		display: none;
		content: none;
	}
	.menu-list > .item.-about {
		padding: 0 2px;
		width: 50%;
	}
	.menu-list > .item.-about:before {
		display: block;
	}
	.menu-list > .item.-about:after {
		display: block;
	}
	.menu-list > .item.-education {
		padding: 0 2px 0 0;
	}
	.menu-list > .item.-education:before {
		display: none;
	}
	.menu-list > .item.-education:after {
		display: block;
	}
	.menu-list > .item.-activities {
		padding: 0 2px;
	}
	.menu-list > .item.-activities:before {
		display: block;
	}
	.menu-list > .item.-activities:after {
		display: block;
	}
	.menu-list > .item.-building {
		margin-left: 0;
		padding: 0 2px 0 0;
		width: 50%;
	}
	.menu-list > .item.-building:before {
		display: none;
	}
	.menu-list > .item.-building:after {
		display: block;
	}
	.menu-list > .item.-guide {
		padding: 0 2px;
	}
	.menu-list > .item.-guide:before {
		display: block;
	}
	.menu-list > .item.-guide:after {
		display: block;
	}
	.menu-list > .item.-extend {
		padding: 0 2px 0 0;
	}
	.menu-list > .item.-extend:before {
		display: none;
	}
	.menu-list > .item.-extend:after {
		display: block;
	}
	.menu-posts {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		margin: 0 0 40px;
		padding: 0 16px;

		justify-content: space-between;
	}
	.menu-posts > .item {
		width: calc(50% - 6px);
		list-style: none;
	}
	.menu-posts > .item a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		width: 100%;
		height: 68px;
		border: 2px solid #83cdd2;
		border-radius: 34px;
		background-color: #fff;
		text-align: center;

		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		align-items: center;
	}
	.menu-posts > .item.-blog a svg {
		width: 109px;
		height: 36px;
	}
	.menu-posts > .item.-news a svg {
		width: 72px;
		height: 18px;
	}
	.menu-sub {
		position: static;
		top: auto;
		right: auto;
		-ms-flex-pack: justify;
		padding: 0 16px;
		width: 100%;
		background-repeat: repeat-x;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.menu-sub > .item {
		margin: 0 0 6px;
		width: calc(50% - 4px);
	}
	.menu-sub > .item a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		height: 45px;
		border: 1px solid #d6bc9b;
		border-radius: 6px;
		text-align: center;

		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		align-items: center;
	}
	.menu-sub > .item a:before {
		display: none;
		content: none;
	}
	.menu-sub .item.-home {
		display: block;
	}
	.menu-misc {
		position: static;
		top: auto;
		right: auto;
		-ms-flex-pack: justify;
		padding: 0 16px;
		width: 100%;
		background-repeat: repeat-x;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.menu-misc > .item {
		margin: 0 0 6px;
		width: calc(50% - 4px);
	}
	.menu-misc > .item a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		padding: 0;
		height: 45px;
		border: 1px solid #d6bc9b;
		border-radius: 6px;
		background-color: #fff;
		text-align: center;

		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		align-items: center;
	}
	.header-field {
		width: 710px;
		height: 60px;
	}
	.tkg-lnav {
		margin-bottom: 44px;
	}
	.tkg-lnav > .list {
		-ms-flex-pack: justify;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.tkg-lnav > .list > .item {
		margin: 0 0 16px;
		width: calc(50% - 6px);
	}
	.tkg-lnav > .list > .item a {
		padding: 0;
		height: 58px;
		border-radius: 29px;
	}
	.tkg-lnav > .list > .item.-current a:before {
		top: -13px;
		margin-left: -10px;
		width: 20px;
		height: 21px;
		background-size: 20px 21px;
	}
	.tkg-page > .ttl {
		margin-top: 28px;
		margin-bottom: 35px;
	}
	.tkg-page > .ttl:before, .tkg-page > .ttl:after {
		width: 64px;
	}
	.tkg-page > .ttl .txt {
		margin: 0 20px;
	}
	.tkg-page > .ttl + .lead {
		margin-top: -5px;
	}
	.tkg-page > .lead {
		margin-bottom: 35px;
		width: 100%;
		text-align: left;
	}
	.tkg-page > .lead .copy {
		margin-bottom: 30px;
		height: auto;
	}
	.tkg-pagination {
		margin-top: 32px;
	}
	.tkg-pagination > .page-numbers.prev, .tkg-pagination > .page-numbers.next {
		width: 16px;
	}
	.tkg-phead {
		margin-top: 24px;
		margin-bottom: 35px;
	}
	.tkg-phead > .ttl {
		margin-bottom: 30px;
	}
	.tkg-phead > .ttl:before, .tkg-phead > .ttl:after {
		width: 64px;
	}
	.tkg-phead > .ttl .txt {
		margin: 0 20px;
	}
	.tkg-phead > .ttl + .copy {
		margin-top: 35px;
	}
	.tkg-phead > .lead {
		width: 100%;
		text-align: left;
	}
	.tkg-phead > .copy {
		margin: 0 auto 30px;
		height: auto;
	}
	.tkg-sec {
		width: 100%;
	}
	.tkg-sec.-full {
		width: 100%;
	}
	.tkg-table {
		width: 100%;
	}
	.tkg-table th, .tkg-table td {
		display: block;
		padding: 18px 0;
		width: 100%;
		height: 72px;
		border: none;
	}
	.tkg-table th {
		border-top: 2px solid #ea98a2;
		border-right: none;
		border-bottom: 2px solid #ea98a2;
	}
	.tkg-table td {
		padding: 20px;
		height: auto;
	}
	.tkg-table tr:first-child th {
		border-top-right-radius: 6px;
	}
	.tkg-table tr:first-child td {
		border-top-right-radius: 0;
	}
	.tkg-table tr:last-child th {
		border-bottom-left-radius: 0;
	}
	.tkg-table tr:last-child td {
		border-bottom-left-radius: 6px;
	}
	.tkg-linettl {
		margin-bottom: 35px;
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 1;
	}
	.tkg-page.-p404 .tkg-btn {
		padding: 16px 0;
		height: 48px;
	}
	.tkg-history {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;

		justify-content: flex-start;
	}
	.history-chronology {
		-ms-flex-order: 0;
		margin-bottom: 40px;
		padding: 20px 16px 40px;
		width: 100%;

		order: 0;
	}
	.history-chronology > .year {
		width: 68px;
	}
	.history-chronology > .event {
		width: calc(100% - 68px);
	}
	.history-figures {
		width: 100%;
	}
	.history-figures > .list > .item + .item {
		margin-top: 24px;
	}
	.access-sec > .map {
		padding-bottom: 100%;
	}
	.access-sec > .tkg-sec > .color li {
		width: 100%;
	}
	.access-sec > .tkg-sec > .color li:before {
		top: 10px;
		-webkit-transform: none;
		transform: none;
	}
	.tkg-page.-activities > .lead .copy {
		width: 93.2945%;
	}
	.activities-sec {
		padding: 40px 20px;
	}
	.activities-sec > .tkg-fbox .thumb {
		width: 100%;
		height: auto;
	}
	.activities-sec > .tkg-fbox .txtarea .ttl {
		margin-bottom: 26px;
	}
	.activities-sec > .tkg-fbox .txtarea .ttl img {
		height: 24px;
	}
	.activities-sec > .tkg-fbox .txtarea .day {
		margin-top: 0;
	}
	.application-lead {
		width: 100%;
	}
	.tkg-blog {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		width: 100%;

		justify-content: flex-start;
	}
	.blog-main {
		margin-bottom: 60px;
		width: 100%;
	}
	.blog-article {
		padding: 32px 16px;
	}
	.blog-list {
		margin-bottom: -8px;
	}
	.blog-list > a {
		margin: 0 0 8px;
		padding: 6px;
		width: 100%;
	}
	.blog-list > a > .item {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		-ms-flex-align: start;

		justify-content: space-between;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		align-items: flex-start;
	}
	.blog-list > a > .item > .thumb {
		width: calc(50% - 10px);
	}
	.blog-list > a > .item > .thumb.-default img {
		width: 90px;
		height: 90px;
	}
	.blog-list > a > .item > .header {
		padding: 4px 0 0;
		width: 50%;
	}
	.blog-list > a > .item > .header .date {
		margin-bottom: 2px;
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.5;
	}
	.blog-list > a > .item > .header .ttl {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.375;
	}
	.blog-content {
		padding-bottom: 34px;
	}
	.blog-nav {
		margin: 32px auto;
	}
	.blog-nav .navigation > .nav-links > .nav-previous, .blog-nav .navigation > .nav-links > .nav-next {
		margin: 0;
	}
	.blog-nav .navigation > .nav-links > .nav-previous {
		right: auto;
		left: 0;
	}
	.blog-nav .navigation > .nav-links > .nav-next {
		right: 0;
		left: auto;
	}
	.blog-side {
		-ms-flex-order: 0;
		width: 100%;

		order: 0;
	}
	.tkg-page.-building > .lead .copy {
		width: 93.2945%;
	}
	.building-sec > .first {
		margin-top: 30px;
	}
	.building-sec > .first .thumb {
		margin-right: auto;
		margin-left: auto;
		width: 63.8484%;
		height: 35.5685%;
	}
	.building-sec > .second {
		margin-top: 30px;
	}
	.building-sec > .second .thumb {
		margin-right: auto;
		margin-left: auto;
		width: 59.7668%;
		height: 35.5685%;
	}
	.building-sec > .third {
		margin-top: 30px;
	}
	.building-sec > .third .thumb {
		margin-right: auto;
		margin-left: auto;
		width: 41.1079%;
		height: 41.691%;
	}
	.building-sec > .concept {
		margin-top: 40px;
	}
	.building-sec > .concept p {
		margin: 35px auto;
	}
	.building-sec > .concept ul {
		display: block;
	}
	.building-sec > .concept ul li {
		display: block;
		margin-top: 16px;
		padding: 26px 0;
		width: 100%;
		height: 116px;
	}
	.tkg-contact .wpcf7-response-output {
		margin: 32px auto;
	}
	.contact-lead {
		width: 100%;
	}
	.contact-form {
		padding: 32px 16px;
	}
	.contact-form .row {
		margin: 0 0 16px;
		padding-bottom: 18px;
	}
	.contact-form .row .label {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.tkg-page.-design > .lead .copy {
		width: 93.2945%;
	}
	.design-anchor > .list {
		-ms-flex-pack: justify;

		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.design-anchor > .list li {
		margin: auto;
		margin-bottom: 20px;
		width: 144px;
	}
	.design-sec {
		margin-top: 40px;
	}
	.design-sec:nth-of-type(even) > .design-fbox .thought:before {
		display: block;
		border-color: transparent transparent #83ccd2 transparent;
	}
	.design-sec:first-of-type {
		margin-top: 24px;
	}
	.design-fbox {
		display: block;
		width: 100%;
	}
	.design-fbox > div {
		padding: 40px 20px 35px;
		width: 100%;
	}
	.design-fbox > .prof .name img {
		height: 53px;
	}
	.design-fbox > .thought {
		margin-top: 32px;
	}
	.design-fbox > .thought:before {
		top: 0;
		left: 50%;
		border-width: 0 5px 14px 5px;
		border-color: transparent transparent #ea98a2 transparent;
		-webkit-transform: translate(-50%, -100%) !important;
		transform: translate(-50%, -100%) !important;
	}
	.design-fbox > .thought:after {
		display: none;
	}
	.design-fbox > .thought .hdl {
		text-align: center;
	}
	.tkg-page.-education > .lead {
		text-align: left;
	}
	.tkg-timeline:before {
		display: none;
	}
	.tl-item {
		display: block;
		margin-top: 52px;
	}
	.tl-item > .time {
		margin: auto;
		width: 92px;
		height: 92px;
	}
	.tl-item > .info {
		margin-top: 24px;
		width: 100%;
	}
	.tl-item > .thumb {
		margin-top: 30px;
		width: 100%;
	}
	.tl-item > .thumb > .cap {
		position: static;
		top: auto;
		left: auto;
		margin-bottom: 15px;
		-webkit-transform: none;
		transform: none;
	}
	.tl-item > .thumb > .cap.-cap1 {
		width: 69.6793%;
	}
	.tl-item > .thumb > .cap.-cap2 {
		width: 81.3411%;
	}
	.tl-balloon {
		display: block;
		padding: 30px 24px 22px;
	}
	.tl-balloon.-notxt {
		padding: 30px 24px;
	}
	.tl-balloon:before {
		top: 0;
		right: auto;
		left: 50%;
		border-width: 0 5px 14px 5px;
		border-color: transparent transparent #fff transparent;
		-webkit-transform: translate(-50%, -100%);
		transform: translate(-50%, -100%);
	}
	.tl-balloon > .ttl {
		padding-left: 30px;
		height: 22px;
	}
	.tl-balloon > .ttl.-small {
		padding-left: 28px;
	}
	.tl-balloon > .box {
		margin-top: 16px;
	}
	.tl-balloon > .box .tkg-btn {
		padding: 5px 30px 5px 12px;
	}
	.tkg-groupwork {
		margin-top: 65px;
	}
	.groupwork-item {
		margin-top: 40px;
		padding: 40px 16px;
		width: 100%;
	}
	.groupwork-item:first-of-type {
		margin-top: 0;
	}
	.groupwork-item:last-of-type > .ttl {
		height: 61px;
	}
	.groupwork-item > .ttl {
		height: 25px;
	}
	.groupwork-item > .thumb {
		margin-top: 30px;
		margin-bottom: 18px;
	}
	.tkg-extend {
		margin-top: 40px;
		width: 100%;
	}
	.extend-about {
		display: block;
		width: 100%;
	}
	.extend-about > .box.-txt {
		width: 100%;
	}
	.extend-about > .box.-thumb {
		width: 100%;
	}
	.extend-info {
		width: 100%;
	}
	.extend-info > .box {
		margin-top: 16px;
	}
	.extend-info > .box h3 {
		padding-left: 23px;
		background-size: 16px;
	}
	.extend-info > .box ul.note li {
		background-position: left 7px;
		background-size: 13px;
	}
	.extend-tblwrap {
		display: block;
		margin: 48px auto 24px;
		width: 100%;
	}
	.extend-tbl {
		width: 100%;
	}
	.extend-tbl th, .extend-tbl td {
		padding: 20px 0;
	}
	.extend-tbl.-ttl {
		display: none;
	}
	.extend-tbl.-yokohama {
		border-bottom: none;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.extend-tbl.-yokohama th {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.extend-tbl.-general {
		border-bottom-left-radius: 6px;
	}
	.extend-tbl.-general tr:last-of-type td {
		border-bottom-left-radius: 6px;
	}
	.tkg-page.-faq > .lead {
		text-align: left;
	}
	.faq-item {
		margin-top: 24px;
		padding: 25px 20px 20px;
		width: 100%;
	}
	.tkg-foodhdr {
		display: block;
		margin-bottom: 40px;
		width: 100%;
	}
	.tkg-foodhdr > .box {
		width: 100%;
	}
	.tkg-foodhdr > .box.-txt {
		margin-bottom: 25px;
		padding-right: 0;
	}
	.tkg-foodhdr > .box.-thumb {
		padding-left: 0;
	}
	.tkg-foodhdr > .box ul {
		margin-top: 16px;
	}
	.tkg-foodhdr > .box ul li {
		padding: 48px 0;
		width: 160px;
		height: 160px;
		border-radius: 50%;
		font-size: 16px;
		font-size: 1rem;
		line-height: 2.125;
	}
	.tkg-foodhdr > .box ul li:first-child {
		margin-right: 8px;
	}
	.food-info {
		display: block;
		padding: 38px 20px;
		width: 100%;
	}
	.food-info > .box.-txt {
		width: 100%;
	}
	.food-info > .box.-txt h3 {
		padding-left: 26px;
	}
	.food-info > .box.-thumb {
		margin: auto;
		width: 66.5574%;
	}
	.tkg-foodftr {
		margin-top: 32px;
		width: 100%;
	}
	.tkg-page.-guide .tkg-linettl {
		margin-bottom: 30px;
	}
	.guide-sec {
		margin-top: 60px;
	}
	.guide-sec.-price > .note {
		margin-right: auto;
	}
	.guide-sec.-price .table-list {
		display: block;
		margin-top: 30px;
		width: 100%;
	}
	.guide-sec.-price .table-list li {
		width: 100%;
		border-right: none;
	}
	.guide-sec.-price .table-list li p {
		padding: 20px;
		min-height: 72px;
	}
	.guide-sec.-price .table-list li p.val {
		border-bottom: 2px solid #ea98a2;
	}
	.guide-sec.-price .table-list li:first-child {
		border-top-right-radius: 6px;
	}
	.guide-sec.-price .table-list li:first-child .key {
		border-top-right-radius: 6px;
	}
	.guide-sec.-price .table-list li:first-child .val {
		border-bottom-left-radius: 0;
	}
	.guide-sec.-price .table-list li:last-child {
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
	}
	.guide-sec.-price .table-list li:last-child .key {
		border-top-right-radius: 0;
	}
	.guide-sec.-price .table-list li:last-child .val {
		border-bottom: none;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	.guide-box {
		margin-top: 40px;
		padding: 40px 20px;
	}
	.guide-box > .tkg-fbox .thumb {
		margin-top: 32px;
		width: 100%;
		height: auto;
	}
	.guide-box > .tkg-fbox .txtarea .ttl {
		margin-bottom: 26px;
	}
	.guide-box > .tkg-fbox .txtarea .ttl img {
		height: 24px;
	}
	.guide-box > .tkg-fbox .tkg-btn {
		margin-top: 24px;
		margin-left: auto;
	}
	.guide-box > .tkg-table {
		margin-top: 32px;
	}
	.tkg-page.-introduction > .lead .copy {
		width: 81.9242%;
	}
	.intro-sec {
		margin-top: 40px;
		padding: 40px 20px;
	}
	.intro-sec > .ttl {
		margin-bottom: 20px;
	}
	.intro-sec > .ttl span {
		display: block;
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}
	.intro-sec > .txt {
		width: 100%;
	}
	.intro-sec > .thumb {
		margin-top: 22px;
	}
	.intro-sec > .imglist {
		margin-top: 0;
	}
	.intro-sec > .imglist li {
		height: auto;
	}
	.intro-sec.-special > .tkg-fbox, .intro-sec.-mama > .tkg-fbox {
		margin-top: 32px;
	}
	.intro-sec.-special > .tkg-fbox:nth-of-type(1), .intro-sec.-mama > .tkg-fbox:nth-of-type(1) {
		margin-top: 0;
	}
	.intro-sec.-special > .tkg-fbox .txtarea, .intro-sec.-mama > .tkg-fbox .txtarea {
		max-width: none;
	}
	.intro-sec.-special > .tkg-fbox .thumb, .intro-sec.-mama > .tkg-fbox .thumb {
		width: 100%;
		height: auto;
	}
	.kodomoen-sec {
		width: 100%;
	}
	.message-sec.-teacher > .tkg-fbox .thumb {
		margin: auto;
		margin-bottom: 20px;
		width: 58.309%;
	}
	.message-sec.-list {
		margin-top: 28px;
	}
	.message-sec.-list > .list li {
		padding: 30px 20px 25px;
		width: 100%;
		height: auto;
		border-radius: 30px;
	}
	.message-sec.-list > .list li span {
		padding: 0;
		padding-top: 70px;
		width: 100%;
		background-position: center top;
	}
	.message-sec.-list > .list li:before {
		display: none;
	}
	.message-sec.-main > .tkg-fbox {
		margin-top: 40px;
	}
	.message-sec.-main > .tkg-fbox .thumb {
		width: 100%;
		height: auto;
	}
	.tkg-news {
		padding: 32px 16px;
	}
	.news-list > .item {
		margin: 0 0 16px;
		padding-bottom: 18px;
	}
	.news-list > .item > a {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: start;

		-ms-flex-line-pack: start;
		align-content: flex-start;
		align-items: flex-start;
	}
	.news-list > .item > a .date {
		width: auto;
	}
	.news-content {
		padding-bottom: 34px;
	}
	.news-nav {
		margin: 32px auto;
	}
	.news-nav .navigation > .nav-links > .nav-previous, .news-nav .navigation > .nav-links > .nav-next {
		margin: 0;
	}
	.news-nav .navigation > .nav-links > .nav-previous {
		right: auto;
		left: 0;
	}
	.news-nav .navigation > .nav-links > .nav-next {
		right: 0;
		left: auto;
	}
	.parents-sec > .board {
		margin-top: 25px;
		padding: 10px 20px;
		width: 100%;
	}
	.tkg-page.-policy > .lead .copy {
		width: 93.2945%;
	}
	.tkg-sec.-policy > .tkg-fbox .thumb {
		margin-top: 0;
		margin-bottom: 25px;
		width: 100%;
	}
	.privacy-sec {
		margin-top: 40px;
		width: 100%;
	}
	.recruit-sec {
		padding: 35px 20px 45px;
	}
	.recruit-sec > .ttl {
		margin-bottom: 25px;
	}
	.top-content {
		padding: 0 16px 100px;
	}
	.top-mv {
		margin-bottom: 32px;
		height: 388px;
	}
	.top-mv:before {
		height: 100px;
		background-position: 78.5% bottom;
		background-size: auto 100px;
	}
	.top-mv:after {
		top: -55px;
		left: 50%;
		display: block;
		margin-left: -175px;
		width: 80px;
		height: 100px;
		background-image: url(./img/top/bg_mv01_sp.svg);
		background-size: cover;
	}
	.mv-wrap {
		margin-left: -329px;
		width: 658px;
		height: 305px;
	}
	.mv-wrap > .switch {
		top: -65px;
		left: calc(50% - 170px);
	}
	.mv-wrap > .mv-flower {
		right: auto;
		bottom: -20px;
		left: calc(50% + 100px);
		width: 105px;
		height: 106px;
	}
	.top-sky {
		width: 658px;
		height: 305px;
	}
	.top-sky > .bird {
		width: 82.5px;
		height: 61.5px;
	}
	.mv-list {
		width: 658px;
		height: 305px;
	}
	.mv-list .item > .img {
		width: 658px;
		height: 305px;
	}
	.mv-list .item > .img .masked {
		/* autoprefixer: off */
		clip-path: url("#mvclipsp");
	}
	.top-updates {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		margin-bottom: 60px;
		padding-bottom: 97px;
		width: 100%;

		justify-content: flex-start;
	}
	.top-updates:before {
		margin-right: -16px;
		margin-left: -16px;
		width: calc(100% + 32px);
	}
	.top-main {
		-ms-flex-order: -1;
		margin-bottom: 60px;
		width: 100%;

		order: -1;
	}
	.top-blog > .header > .ttl {
		width: 100%;
	}
	.top-side {
		width: 100%;
	}
	.top-news > .header > .ttl {
		margin-right: auto;
		margin-left: auto;
	}
	.top-guide {
		position: fixed;
		top: 30px;
		right: 0;
		z-index: 11;
		display: block;
		padding: 0;
		width: 63px;
		height: 66px;
		border-radius: 10px 0 0 10px;
	}
	.top-guide > .top-bnr.-guide {
		width: 100%;
		height: 100%;
	}
	.top-guide > .top-bnr.-guide > a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 10px 0 0 10px;
		background-color: #ea98a2;
		background-image: url(./img/top/bg_menu_guide.svg) !important;
		background-position: center center;
		background-size: cover;
	}
	.top-guide > .top-bnr.-guide > a:before {
		display: none;
		content: none;
	}
	.top-guide > .top-bnr.-guide > a > .label {
		display: none;
	}
	.top-guide > .top-bnr.-guide > .comment {
		display: none;
	}
	.top-util {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
		width: 100%;
	}
	.top-util > .item {
		width: 100%;
	}
	.top-util > .item + .item {
		margin-top: 32px;
	}
	.uniform-sec {
		margin-top: 40px;
	}
	.uniform-sec.-photos {
		padding: 15px 20px 40px;
	}
	.uniform-sec.-photos > .list {
		display: block;
	}
	.uniform-sec.-photos > .list li {
		margin-top: 25px;
		width: 100%;
	}
	.uniform-sec.-photos > .list figcaption {
		margin-top: 12px;
	}
	.uniform-sec > .tkg-fbox .thumb {
		width: 100%;
		text-align: center;
	}
	.uniform-sec > .tkg-fbox .txtarea {
		width: 100%;
	}
	.tkg-page.-year > .lead {
		text-align: left;
	}
	.tkg-schedule {
		padding: 50px 20px;
	}
	.schedule-semester {
		margin-top: 60px;
	}
	.schedule-semester > .summary {
		display: block;
		margin-bottom: 26px;
	}
	.schedule-semester > .summary h3 {
		margin: auto;
		margin-bottom: 20px;
		padding: 15px;
		width: 100px;
		height: 100px;
	}
	.schedule-semester > .summary h3 > span {
		width: calc(100% - 30px);
	}
	.schedule-semester > .summary p {
		width: 100%;
	}
	.schedule-semester > .detail {
		display: block;
	}
	.schedule-semester > .detail ul {
		margin-bottom: 30px;
		width: 100%;
	}
	.schedule-semester > .detail ul li {
		padding-top: 18px;
		padding-bottom: 18px;
		padding-left: 42px;
	}
	.schedule-semester > .detail ul li:before {
		left: 14px;
		width: 18px;
		height: 17px;
	}
	.schedule-semester > .detail ul img {
		height: 18px;
	}
	.tkg-event {
		margin-top: 65px;
	}
	.tkg-event > .list {
		margin-top: 24px;
	}
	.event-item {
		display: block;
		margin-top: 30px;
	}
	.event-item > .info {
		margin: 0;
		width: 100%;
	}
	.event-item > .info h3 {
		margin-bottom: 16px;
		text-align: center;
	}
	.event-item > .info p {
		margin: 0;
	}
	.is-pc {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.tkg-back > a {
		transition: all .3s ease;
	}
	.tkg-back > a:hover {
		background: #fff;
		color: #83ccd2;
	}
	.tkg-breadcrumbs > .list .item a:hover:before {
		opacity: 0;
	}
	.tkg-btn.-pink:hover {
		background-color: #fff;
		color: #ea98a2;
	}
	.tkg-btn.-red:hover {
		background-color: #fff;
		color: #c15e5c;
	}
	.tkg-btn.-orange:hover {
		background-color: #fff;
		color: #e18651;
	}
	.tkg-btn.-blue:hover {
		background-color: #fff;
		color: #83ccd2;
	}
	.sitemap-ttl > a .txt {
		transition: all .3s ease;
	}
	.sitemap-ttl > a:hover .txt {
		fill: #ae7f46;
	}
	.sitemap-ttl.-blog {
		margin-top: 42px;
	}
	.footer-menu > .item {
		letter-spacing: .1em;
	}
	.footer-menu > .item a:before {
		opacity: 1;
		transition: all .3s ease;
	}
	.footer-menu > .item a:hover:before {
		opacity: 0;
	}
	.footer-totop > a {
		transition: all .3s ease;
	}
	.footer-totop > a:hover {
		opacity: .6;
	}
	.header-logo > a[href] {
		transition: all .3s ease;
	}
	.header-logo > a[href]:hover {
		opacity: .6;
	}
	.menu-list > .item a .txt {
		transition: all .3s ease;
	}
	.menu-list > .item a[href]:hover .txt {
		fill: #ae7f46;
	}
	.menu-list > .item.-about a:hover .ico #nav-about-leaf {
		-webkit-transform-origin: 49.9031% 58.8944%;
		transform-origin: 49.9031% 58.8944%;
	}
	.menu-list > .item.-about a:hover .ico #nav-about-flowerO {
		-webkit-transform-origin: 43.0719% 8.2222%;
		transform-origin: 43.0719% 8.2222%;
		-webkit-animation: 2.25s steps(16, end) infinite rotateRound;
		animation: 2.25s steps(16, end) infinite rotateRound;
		animation-direction: reverse;
	}
	.menu-list > .item.-about a:hover .ico #nav-about-flowerB {
		-webkit-transform-origin: 64.6156% 34.7139%;
		transform-origin: 64.6156% 34.7139%;
		-webkit-animation: 1s steps(16, end) infinite rotateRound;
		animation: 1s steps(16, end) infinite rotateRound;
	}
	.menu-list > .item.-about a:hover .ico #nav-about-flowerP {
		-webkit-transform-origin: 31.8885% 53.4264%;
		transform-origin: 31.8885% 53.4264%;
		-webkit-animation: 1.5s steps(16, end) infinite rotateRound;
		animation: 1.5s steps(16, end) infinite rotateRound;
	}
	.menu-list > .item.-education a:hover .ico .page1 {
		-webkit-animation: page1 infinite steps(1, end) .7s;
		animation: page1 infinite steps(1, end) .7s;
	}
	.menu-list > .item.-education a:hover .ico .page2 {
		-webkit-animation: page2 infinite steps(1, end) .7s;
		animation: page2 infinite steps(1, end) .7s;
	}
	.menu-list > .item.-activities a:hover .ico #nav-activities-birdG-body {
		-webkit-transform-origin: 72.9885% 27.1917%;
		transform-origin: 72.9885% 27.1917%;
		-webkit-animation: up infinite steps(1, end) .4s;
		animation: up infinite steps(1, end) .4s;
	}
	.menu-list > .item.-activities a:hover .ico #nav-activities-birdG-wing {
		-webkit-transform-origin: 75.8146% 22.0806%;
		transform-origin: 75.8146% 22.0806%;
		-webkit-animation: invert infinite steps(1, end) .4s;
		animation: invert infinite steps(1, end) .4s;
	}
	.menu-list > .item.-activities a:hover .ico #nav-activities-birdB-body {
		-webkit-transform-origin: 42.3521% 75.9847%;
		transform-origin: 42.3521% 75.9847%;
		-webkit-animation: up infinite steps(1, end) .4s;
		animation: up infinite steps(1, end) .4s;
	}
	.menu-list > .item.-activities a:hover .ico #nav-activities-birdB-wing {
		-webkit-transform-origin: 37.3469% 67.6569%;
		transform-origin: 37.3469% 67.6569%;
		-webkit-animation: invert infinite steps(1, end) .4s;
		animation: invert infinite steps(1, end) .4s;
	}
	.menu-list > .item.-building a:hover .ico #nav-building-brush {
		-webkit-transform-origin: 50% 86.3%;
		transform-origin: 50% 86.3%;
		-webkit-animation: swing infinite steps(2, end) .8s;
		animation: swing infinite steps(2, end) .8s;
	}
	.menu-list > .item.-building a:hover .ico #nav-building-inkL {
		-webkit-transform-origin: 16.6667% 36.7903%;
		transform-origin: 16.6667% 36.7903%;
		-webkit-animation: showHideFast infinite steps(1, end) .8s;
		animation: showHideFast infinite steps(1, end) .8s;
	}
	.menu-list > .item.-building a:hover .ico #nav-building-inkR {
		-webkit-transform-origin: 80.575% 31.2347%;
		transform-origin: 80.575% 31.2347%;
		-webkit-animation: showHide infinite steps(1, end) .8s;
		animation: showHide infinite steps(1, end) .8s;
	}
	.menu-list > .item.-guide a:hover .ico #nav-guide-noteL {
		-webkit-transform-origin: 33.9344% 53.6264%;
		transform-origin: 33.9344% 53.6264%;
		-webkit-animation: upBell 2.2s steps(2, start) infinite;
		animation: upBell 2.2s steps(2, start) infinite;
	}
	.menu-list > .item.-guide a:hover .ico #nav-guide-noteR {
		-webkit-transform-origin: 83.5635% 16.9743%;
		transform-origin: 83.5635% 16.9743%;
		-webkit-animation: upBell 2.2s steps(2, start) infinite;
		animation: upBell 2.2s steps(2, start) infinite;
	}
	.menu-list > .item.-extend a:hover .ico #nav-extend-circ1 {
		-webkit-transform-origin: 49.8323% 49.55%;
		transform-origin: 49.8323% 49.55%;
		-webkit-animation: sunCol infinite steps(4, end) 1.5s;
		animation: sunCol infinite steps(4, end) 1.5s;
	}
	.menu-list > .item.-extend a:hover .ico #nav-extend-circ3 {
		-webkit-transform-origin: 49.8323% 49.55%;
		transform-origin: 49.8323% 49.55%;
		-webkit-animation: rotateRound infinite steps(4, end) 1s;
		animation: rotateRound infinite steps(4, end) 1s;
	}
	.menu-list > .item.-extend a:hover .ico #nav-extend-circ4 {
		-webkit-transform-origin: 49.8323% 49.55%;
		transform-origin: 49.8323% 49.55%;
		-webkit-animation: sunCol infinite steps(2, end) 1.5s;
		animation: sunCol infinite steps(2, end) 1.5s;
	}
	.menu-sub > .item {
		letter-spacing: .1em;
	}
	.menu-sub > .item a:before {
		opacity: 1;
		transition: all .3s ease;
	}
	.menu-sub > .item a:hover:before {
		opacity: 0;
	}
	.menu-misc > .item a {
		transition: all .3s ease;
	}
	.menu-misc > .item a:hover {
		background-color: #ae7f46;
		color: #fff;
	}
	.tkg-lnav > .list > .item a {
		transition: all .3s ease;
	}
	.tkg-lnav > .list > .item a .txt {
		transition: all .3s ease;
	}
	.tkg-lnav > .list > .item a:hover {
		background-color: #83ccd2;
	}
	.tkg-lnav > .list > .item a:hover .txt {
		fill: #fff;
	}
	.tkg-page a.line:hover:after {
		opacity: 0;
	}
	.tkg-pagination > a.page-numbers {
		transition: all .3s ease;
	}
	.tkg-pagination > a.page-numbers:hover {
		background-color: #83ccd2;
		color: #fff;
	}
	.tkg-pagination > .page-numbers.prev, .tkg-pagination > .page-numbers.next {
		transition: all .3s ease;
	}
	.tkg-pagination > .page-numbers.prev:hover, .tkg-pagination > .page-numbers.next:hover {
		background: transparent;
	}
	.tkg-pagination > .page-numbers.prev:hover svg, .tkg-pagination > .page-numbers.next:hover svg {
		fill: #83ccd2;
	}
	.tkg-table a:hover:after {
		opacity: 0;
	}
	.blog-list > a > .item > .thumb, .blog-list > a > .item > .header > .ttl {
		transition: all .3s ease;
	}
	.blog-list > a:hover > .item > .thumb {
		opacity: .6;
	}
	.blog-list > a:hover > .item > .header > .ttl {
		color: #97d4d9;
	}
	.blog-content a:hover:after {
		opacity: 0;
	}
	.blog-nav .navigation > .nav-links > .nav-previous a, .blog-nav .navigation > .nav-links > .nav-next a {
		transition: all .3s ease;
	}
	.blog-nav .navigation > .nav-links > .nav-previous a svg, .blog-nav .navigation > .nav-links > .nav-next a svg {
		transition: all .3s ease;
	}
	.blog-nav .navigation > .nav-links > .nav-previous a:hover, .blog-nav .navigation > .nav-links > .nav-next a:hover {
		color: #83ccd2;
	}
	.blog-nav .navigation > .nav-links > .nav-previous a:hover svg, .blog-nav .navigation > .nav-links > .nav-next a:hover svg {
		fill: #83ccd2;
	}
	.blog-side .blog-yearly > .item > a {
		transition: all .3s ease;
	}
	.blog-side .blog-yearly > .item > a:hover {
		color: #97d4d9;
	}
	.blog-side .blog-monthly > .item > a:hover {
		text-decoration: underline;
	}
	.design-anchor > .list a:hover .thumb {
		border-color: transparent;
	}
	.design-sec:nth-of-type(even) > .design-fbox .thought:before, .design-sec:nth-of-type(even) > .design-fbox .thought:after {
		border-color: transparent #83ccd2 transparent transparent;
	}
	.tl-item > .time.-small {
		padding: 6px;
		width: 60px;
		height: 60px;
	}
	.tl-item > .time.-small span {
		width: calc(100% - 12px);
	}
	.tl-item.-tli0900 {
		margin-top: -89px;
	}
	.tl-item.-tli0900 > .thumb {
		margin-top: 300px;
	}
	.tl-item.-tli0920 {
		margin-top: -137px;
	}
	.tl-item.-tli1330 {
		margin-top: 160px;
	}
	.tl-item.-rev {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.tl-item.-rev > .info {
		text-align: left;
	}
	.tl-item.-rev .tl-balloon:before {
		right: auto;
		left: 0;
		-webkit-transform: translate(-100%, -50%);
		transform: translate(-100%, -50%);
	}
	.tl-balloon > .ttl.-small:before {
		background-position: center top;
	}
	.tl-balloon > .box .tkg-btn:hover:after {
		border-color: #83ccd2;
	}
	.extend-tbl dl dt {
		display: none;
	}
	.extend-tbl.-yokohama {
		border-right: none;
		border-left: none;
	}
	.extend-tbl.-general {
		border-left: 2px dotted #ea98a2;
		border-top-right-radius: 6px;
	}
	.extend-tbl.-general th {
		border-top-right-radius: 6px;
	}
	.food-info > .box.-txt p {
		margin: 0;
	}
	.news-list > .item > a .ttl {
		transition: all .3s ease;
	}
	.news-list > .item > a:hover .ttl {
		color: #97d4d9;
	}
	.news-content a:hover:after {
		opacity: 0;
	}
	.news-nav .navigation > .nav-links > .nav-previous a, .news-nav .navigation > .nav-links > .nav-next a {
		transition: all .3s ease;
	}
	.news-nav .navigation > .nav-links > .nav-previous a svg, .news-nav .navigation > .nav-links > .nav-next a svg {
		transition: all .3s ease;
	}
	.news-nav .navigation > .nav-links > .nav-previous a:hover, .news-nav .navigation > .nav-links > .nav-next a:hover {
		color: #83ccd2;
	}
	.news-nav .navigation > .nav-links > .nav-previous a:hover svg, .news-nav .navigation > .nav-links > .nav-next a:hover svg {
		fill: #83ccd2;
	}
	.mv-wrap > .switch:hover {
		-webkit-animation: scaleBounce steps(1, end) 1s;
		animation: scaleBounce steps(1, end) 1s;
	}
	.mv-wrap > .mv-flower {
		transition: all .3s ease;
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
	}
	.mv-wrap > .mv-flower:hover {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	.top-blog > .header > .index a {
		transition: all .3s ease;
	}
	.top-blog > .header > .index a:hover {
		background-color: #fff;
		color: #83cdd2;
	}
	.top-news > .header > .index a {
		transition: all .3s ease;
	}
	.top-news > .header > .index a:hover {
		background-color: #fff;
		color: #83cdd2;
	}
	.top-guide {
		margin: 0 auto 40px;
	}
	.top-bnr.-guide a:hover .label .bg {
		fill: #fff;
	}
	.top-bnr.-guide a:hover .label .txt {
		fill: #ea98a2;
	}
	.top-bnr.-building a:hover .label .bg {
		fill: #fff;
	}
	.top-bnr.-building a:hover .label .txt {
		fill: #83ccd2;
	}
	.top-bnr.-tour a:hover .label .bg {
		fill: #fff;
	}
	.top-bnr.-tour a:hover .label .txt {
		fill: #e18651;
	}
	.top-bnr.-parent a:hover .label .bg {
		fill: #fff;
	}
	.top-bnr.-parent a:hover .label .txt {
		fill: #c15e5c;
	}
	.top-bnr > a:before {
		transition: all .3s ease;
	}
	.top-bnr > a .label g {
		transition: all .3s ease;
	}
	.top-bnr > a:hover:before {
		opacity: .5;
	}
	.schedule-semester.-first > .summary h3 {
		margin-left: 36px;
	}
	.schedule-semester.-second > .summary h3 {
		margin-right: 36px;
	}
	.schedule-semester.-third > .summary h3 {
		margin-left: 36px;
	}
	.semester-img {
		width: 520px;
	}
	.event-item > .thumb:before {
		display: none;
		content: none;
	}
	.event-item > .thumb {
		margin: 0;
		width: 390px;
	}
	.event-item > .thumb.-thumb01 {
		height: 367px;
	}
	.event-item > .thumb.-thumb02 {
		height: 357px;
	}
	.event-item > .thumb.-thumb03 {
		height: 367px;
	}
	.is-sp {
		display: none;
	}
}

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

.menu-inner:before {
		height: 88px;
	}

.menu-trg {
		position: fixed;
		top: 7px;
		right: 10px;
		z-index: 11;
		display: block;
		padding: 0;
		width: 60px;
		height: 62px;
		border-radius: 50px;
		background-color: #FFF;
		font-size: 10px;
		font-size: .65rem;
		font-family: sans-serif;
		line-height: 1;
	}
}

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

.menu-trg {
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 11;
		display: block;
		padding: 0;
		width: 60px;
		height: 62px;
		border-radius: 50px;
		background-color: #FFF;
		font-size: 10px;
		font-size: .65rem;
		font-family: sans-serif;
		line-height: 1;
	}


	.footer-menu > .item a br.is-se {
		display: block;
	}
	.footer-access > .name strong {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.2222;
	}
}

@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
	/**
       * Remove all paddings around the image on small screen
       */
	.mfp-img-mobile .mfp-image-holder {
		padding-right: 0;
		padding-left: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		position: fixed;
		top: auto;
		bottom: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 3px 5px;
		background: rgba(0, 0, 0, .6);
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		top: 3px;
		right: 5px;
	}
	.mfp-img-mobile .mfp-close {
		position: fixed;
		top: 0;
		right: 0;
		padding: 0;
		width: 35px;
		height: 35px;
		background: rgba(0, 0, 0, .6);
		text-align: center;
		line-height: 35px;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-right: 6px;
		padding-left: 6px;
	}
}