@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1280px) {
	.top-banner h1.title-page {
		font-size: 130px;
	}

	.about-top .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.list-about .item .thumb {
		width: 50%;
		margin-right: 50px;
	}

	.list-about .item .info {
		width: calc(100% - (50% + 50px));
	}

	.list-about .item:last-child .thumb {
		order: 1;
		margin-left: 50px;
		margin-right: 0;
	}

	.history-activ:after,
	.business:after {
		width: calc(100% - 100px);
	}
}

@media only screen and (max-width: 1230px) {
	.header-inner .container {
		width: auto;
	}

	.successor-list .item {
		width: calc(50% - 50px / 2);
	}

	.successor-list .item-sub .year {
		width: 150px;
	}

	.successor-list .item-sub .name {
		padding: 0 15px;
	}

	.public-header .main-menu ul li {
		margin-left: 150px;
	}
}

@media only screen and (max-width: 1200px) {
	.contact-map iframe {
		height: 650px;
	}
}

@media only screen and (max-width: 1199px) {
	.main-menu ul li {
		margin-left: 30px;
	}

	.public-header .main-menu ul li {
		margin-left: 100px;
	}

	.list-off .item {
		width: calc(50% - 50px);
	}

	.list-off .item-sub .officer {
		width: 190px;
		padding: 5px 15px 5px 20px;
	}

	.list-off .item-sub .full-name {
		padding: 5px 35px 5px 45px;
		width: calc(100% - 190px);
	}
}

@media only screen and (max-width: 1024px) {
	.list-about .item {
		flex-wrap: wrap;
	}

	/*.list-about .item>div {
		width: 100%;
	}*/

	.list-about .item .thumb {
		width: 100%;
		margin-right: 0;
	}

	.list-about .item .info {
		width: 100%;
	}

	.list-about .item:last-child .thumb {
		order: 1;
		margin-left: 0;
		margin-right: 0;
	}

	.list-about .item .thumb {
		margin-bottom: 20px;
	}

	.list-about .item:last-child .thumb {
		order: 0;
	}

	.history-activ:after,
	.business:after {
		width: calc(100% - 50px);
	}

	.contact-map iframe {
		height: 555px;
	}
}

@media only screen and (max-width: 991px) {
	body.open {
		overflow: hidden;
	}

	.site-header {
		display: flex;
		flex-direction: column;
	}

	.header-inner {
		position: relative;
	}

	.header-inner .container {
		height: 100px;
	}

	.top-banner {
		order: 1;
	}

	.site-brand a img {
		width: 80px;
	}

	.menu-main {
		position: absolute;
		top: 100%;
		background: #fff;
		margin-top: 20px;
		opacity: 0;
		visibility: hidden;
		height: 100vh;
		padding-top: 20px !important;
		left: 0;
		width: 100%;
		z-index: 1;
		transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
	}

	.main-menu ul {
		display: block;
	}

	.main-menu ul li {
		display: block;
		margin-left: 0;
	}

	.main-menu>ul>li {
		padding: 0 30px;
	}

	.main-menu ul li a {
		color: #231815;
		font-size: 16px;
		display: block;
		padding: 7px 0;
	}

	.main-menu ul li:last-child {
		margin-top: 10px;
	}

	.main-menu ul li:last-child a {
		border: 1px solid #231815;
		padding: 0;
		height: 50px;
		line-height: 48px;
		width: 200px;
	}

	.main-menu.open .menu-main {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}

	.mobile-menu {
		display: inline-block;
	}

	.mobile-menu.change span.bar1 {
		top: 12px;
		transform: rotate(135deg);
	}

	.mobile-menu.change span.bar2 {
		width: 0;
		opacity: 0;
	}

	.mobile-menu.change span.bar3 {
		top: 12px;
		transform: rotate(-135deg);
	}

	.successor-list {
		display: block;
	}

	.successor-list .item {
		width: 100%;
	}

	.successor-list .item:first-child {
		margin-bottom: 30px;
	}

	.successor-list .item-sub .name {
		display: flex;
	}

	.successor-list .item-sub .name span {
		width: 50%;
		display: inline-block;
	}

	.successor-list .item-sub .name span.chairman {
		width: 50%;
	}

	.ex-content .ex-item {
		width: calc(50% - 50px / 2);
	}

	.exchange .title-sec {
		margin-bottom: 40px;
	}

	.officer-list {
		margin-bottom: 80px;
	}

	.list-off {
		display: block;
	}

	.list-off .item {
		width: 100%;
	}

	.list-off .item:first-child {
		margin-bottom: 30px;
	}

	.news-business .item {
		width: calc(50% - 25px / 2);
		margin-bottom: 20px;
	}

	.news-business .item .thumb img {
		width: 100%;
		object-fit: cover;
	}

	.business {
		padding-bottom: 50px;
	}

	.history-activ {
		padding-top: 45px;
		padding-bottom: 100px;
	}

	.anniver-busin {
		padding-top: 45px;
	}

	.anniver-content .numb-year .list-post .item {
		width: calc((100% / 3) - (30px * 2 / 3));
	}

	.overview-content li {
		height: auto;
	}

	.overview-content li .left {
		padding: 2px 15px;
	}

	.overview-content li .right {
		padding: 2px 15px;
	}

	.successor-list .item .item-sub {
		height: auto;
	}

	.successor-list .item-sub .year {
		padding: 2px 0;
	}

	.successor-list .item-sub .name {
		padding: 2px 15px;
	}

	.public-header .main-menu li.active a {
		color: #F6D500;
	}

	.contact-map .map {
		padding-left: 40px;
		padding-right: 40px;
	}

	.public-header .main-menu ul li {
		margin-left: 0;
	}

	/* .public-page .list-info .item div,
	.public-page .item .answer-public a,
	.anniver-busin .list-table .question-table,
	.anniver-busin .list-table .ct-table ul li a {
		font-size: 15px;
		line-height: 28px;
	} */

	.list-off .item-sub .officer {
		width: 230px;
		padding: 5px 20px 5px 30px;
	}

	.list-off .item-sub .full-name {
		padding: 5px 57px 5px 63px;
		width: calc(100% - 230px);
	}

	.anniver-content .numb-year .list-post .item .thumb img {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.notice {
		margin-bottom: 50px;
	}

	.about-top h2.title {
		margin-bottom: 20px;
	}

	.top-banner h1.title-page {
		font-size: 110px;
		line-height: 140px;
	}

	.site-footer {
		padding: 25px 0;
	}

	.site-footer .container {
		display: block;
		height: auto;
	}

	.info-footer {
		margin-bottom: 10px;
	}

	.history {
		margin-bottom: 60px;
	}

	.history-content .item {
		width: calc(50% - 25px / 2);
	}

	.history-content .item img {
		width: 100%;
		object-fit: cover;
	}

	.genealogy .title-sec {
		margin-bottom: 40px;
	}

	.successor {
		margin-bottom: 50px;
	}

	.exchange {
		margin-bottom: 80px;
	}

	.exchange.group-exchange {
		margin-bottom: 80px;
	}

	.policy {
		padding-top: 60px;
		margin-bottom: 60px;
	}

	.policy .top-title {
		margin-bottom: 25px;
	}

	.officer-list .title-sec {
		margin-bottom: 30px;
	}

	.officer-list {
		margin-bottom: 50px;
	}

	.newsletter {
		padding-top: 45px;
	}

	.history-activ:after,
	.business:after {
		width: calc(100% - 30px);
	}

	.contact-map iframe {
		height: 460px;
	}
}

@media only screen and (max-width: 767px) {
	.contact-map .map {
		padding-left: 15px;
		padding-right: 15px;
	}

	.list-public-page {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 625px) {
	.site-footer .container {
		flex-wrap: wrap;
		justify-content: center;
		padding: 15px 0 20px;
		height: auto;
	}

	.site-footer .info-footer,
	.copyright {
		width: 100%;
		flex-basis: 100%;
		text-align: center;
	}

	.site-footer .info-footer {
		margin-bottom: 10px;
	}

}

@media only screen and (max-width: 600px) {
	.notice-title a {
		word-break: break-word;
	}

	.history-text {
		margin-bottom: 40px;
	}

	.overview {
		margin-bottom: 40px;
	}

	.history h2.title {
		margin-bottom: 20px;
	}

	.history-content {
		margin-bottom: 30px;
	}

	.exchange {
		margin-bottom: 50px;
	}

	.ex-content .ex-item {
		width: calc(50% - 30px / 2);
	}

	.exchange .title-sec {
		margin-bottom: 25px;
	}

	.genealogy .title-sec {
		margin-bottom: 25px;
	}

	.plan-table {
		padding-bottom: 60px;
	}

	.meeting-admin .meeting-list {
		overflow-x: scroll;
	}

	.meeting-admin .meeting-list .item {
		width: 550px;
	}

	/* .anniver-content .numb-year.numb-year-bt .list-post {
		justify-content: center;
	} */

	.anniver-content .numb-year.numb-year-bt .list-post .item {
		width: calc(50% - (100px / 2));
	}

	.note-img {
		text-align: left;
	}
}

@media only screen and (max-width: 540px) {
	.top-banner h1.title-page {
		font-size: 80px;
		line-height: 100px;
	}

	.top-banner-content .top-title {
		margin-bottom: 30px;
	}

	.successor .title-sec {
		margin-bottom: 20px;
	}

	.policy {
		margin-bottom: 40px;
	}

	.anniver-content .numb-year.numb-year-bt .list-post .item {
		width: calc(50% - (45px / 2));
	}

	.business {
		padding-bottom: 30px;
	}

	.history-activ {
		padding-top: 35px;
		padding-bottom: 60px;
	}

	.anniver-busin {
		padding-top: 35px;
	}

	.anniver-content .numb-year .list-post .item .thumb {
		margin-bottom: 5px;
	}

	.anniver-content .numb-year .list-post .item .thumb img {
		width: 100%;
		object-fit: cover;
	}

	.anniver-content .numb-year .list-post {
		display: block;
	}

	.anniver-content .numb-year .list-post .item {
		width: 100%;
		margin-bottom: 20px;
	}

	.anniver-content .numb-year .list-post .item:last-child {
		margin-bottom: 0;
	}

	.anniver-content .numb-year.numb-year-bt .list-post .item {
		width: 100%;
	}

	.contact-map iframe {
		height: 385px;
	}

	.enrollment-infor .item {
		margin-bottom: 40px;
	}

	.list-public-page .question-public>p,
	.list-public-page .answer-public .details-info-pb p {
		padding: 5px 10px;
	}

	.list-public-page .list-info {
		overflow-x: scroll;
	}

	.list-public-page .list-info .item {
		width: 680px;
	}

	.list-off .item-sub .officer {
		width: 190px;
		padding: 5px 15px 5px 20px;
	}

	.list-off .item-sub .full-name {
		padding: 5px 40px 5px 50px;
		width: calc(100% - 190px);
	}

	.public-page .list-info .item div {
		font-size: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.note-img {
		text-align: left;
		line-height: 20px;
	}

	h2.title {
		font-size: 19px;
	}

	.contact-info,
	.enrollment-infor {
		padding: 50px 0 60px;
	}

	.board-report {
		padding: 50px 0 30px;
	}

	.donation-report {
		padding: 30px 0 30px;
	}

	.list-public-page {
		padding: 30px 0 60px;
	}

	.contact-info .title {
		margin-top: 25px;
	}

	.contact-map iframe {
		height: 330px;
	}

	.info-map {
		padding: 25px 0 30px;
	}

	.list-public-page .list-info .item {
		width: 650px;
	}

	/* .public-page .list-info .item div {
		font-size: 14px;
		line-height: 24px;
	} */
}

@media only screen and (max-width: 415px) {
	.top-banner h1.title-page {
		font-size: 60px;
		line-height: 60px;
	}

	.top-banner .title-jp {
		font-size: 20px;
	}

	.top-banner .admission {
		width: 200px;
		height: 50px;
		line-height: 48px;
	}

	.notice {
		margin-bottom: 35px;
	}

	.list-about .item .thumb {
		margin-bottom: 10px;
	}

	h2.title,
	.ex-item .info h3,
	.news-business .item .info h3 {
		font-size: 20px;
		line-height: 38px;
	}

	.list-about .info h3 {
		font-size: 20px;
	}

	.slogan {
		padding-bottom: 45px;
	}

	.history-text {
		padding-top: 60px;
	}

	.overview-content li .right {
		justify-content: center;
	}

	.overview-content li .left {
		width: 150px;
		flex-basis: 150px;
		flex-direction: column;
		padding: 0 10px;
		justify-content: center;
	}

	.overview-content li .right {
		width: calc(100% - 150px);
		flex-basis: calc(100% - 150px);
		flex-direction: column;
	}

	.ex-content {
		display: block;
	}

	.ex-content .ex-item {
		width: 100%;
	}

	.ex-content .ex-item:first-child {
		margin-bottom: 25px;
	}

	.exchange.group-exchange {
		margin-bottom: 60px;
	}

	.successor-list .item-sub .name {
		width: calc(100% - 150px);
	}

	.news-business {
		display: block;
	}

	.news-business .item {
		width: 100%;
	}

	.anniver-busin {
		padding-bottom: 60px;
	}

	h2.title {
		font-size: 20px;
	}

	.contact-map iframe {
		height: 300px;
	}

	.button-link {
		height: 45px;
		min-width: 100%;
		line-height: 43px;
	}

	.list-off .item {
		font-size: 14px;
	}

	.list-off .item-sub .officer {
		width: 170px;
	}

	.list-off .item-sub .officer span:last-child {
		letter-spacing: 4px;
	}

	.list-off .item-sub .full-name {
		padding: 5px 20px 5px 25px;
		width: calc(100% - 170px);
		letter-spacing: 4px;
	}

	.meeting-list .item {
		letter-spacing: -0.03em;
		font-size: 14px;
	}

	.public-page .list-info .item .answer-public ul {
		display: block;
	}

	.public-page .item .answer-public li:first-child:after,
	.anniver-busin .list-table .ct-table ul li:first-child:after {
		bottom: 7px;
	}

	.public-page .item .answer-public li:first-child:after {
		width: 32px;
	}

	.newsletter .item .answer-public li:first-child:after {
		width: 48px;
	}

	.history-activ .item .answer-public li:first-child:after {
		width: 72px;
	}

	.anniver-busin .list-table .ct-table ul li {
		width: 100%;
	}

	.anniver-busin .list-table .ct-table ul li:first-child:after {
		width: 87px;
	}
}

@media only screen and (max-width: 405px) {}

@media only screen and (max-width: 376px) {
	.overview-content li .right {
		padding: 2px 8px;
	}

	.desc {
		font-size: 14px;
	}

	.contact-map iframe {
		height: 260px;
	}

	h2.title {
		font-size: 18px;
	}

	.list-off .item-sub .officer {
		width: 160px;
		padding: 5px 10px 5px 15px;
	}

	.list-off .item-sub .full-name {
		padding: 5px 20px 5px 25px;
		width: calc(100% - 160px);
		letter-spacing: 4px;
	}

}

@media only screen and (max-width: 360px) {
	.top-banner-content .top-title {
		margin-bottom: 20px;
	}

	.successor-list .item-sub .year {
		width: 125px;
	}

	.successor-list .item-sub .name {
		width: calc(100% - 125px);
		padding: 2px 7px;
	}
}

@media only screen and (max-width: 359px) {
	.overview-content li .left {
		width: 140px;
	}

	.overview-content li .right {
		width: calc(100% - 140px);
		padding: 5px 7px;
	}

	.contact-map iframe {
		height: 230px;
	}

	.enrollment-infor .item {
		margin-bottom: 30px;
	}

	.list-off .item-sub .officer {
		width: 140px;
		padding: 5px 5px 5px 10px;
	}

	.list-off .item-sub .full-name {
		padding: 5px 10px 5px 15px;
		width: calc(100% - 140px);
	}
}