@charset "utf-8";

/*=======================
コンテンツスクロール
========================*/
.scroll-fade {
	opacity: 0;
}
/* 下からフェードイン
================================*/
.scroll-fade-item.-fadeUp {
	animation-name: fadeUp;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(300px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.scroll-fade-item.-fadeUp2 {
	animation-name: fadeUp2;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUp2 {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* .scroll-fade-item.-delay1 {
  animation-delay: .3s;
}
.scroll-fade-item.-delay2 {
  animation-delay: .6s;
} */
/*=======================
  共通
========================*/
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 834px) {}
@media screen and (max-width:480px) {}
/*=======================
  メインビジュアル
========================*/
.mainvisual {
	/* background: #008080; */
	/* background: rgba(255, 255, 255, 0.8); */
	position: relative;
	padding: 0 30px 60px 90px;
}
.mainvisual:before {
	content: "";
	background: #008080;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 94.5%;
}
.mainvisual:after {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 307px;
	height: 5.5%;
}
.mainvisual_container:before,
.mainvisual_container:after {
	content: "";
	position: absolute;
}
.mainvisual_container:before {
	background: url(../img/top/mv_deco_l.png) no-repeat left top / contain;
	left: 0;
	top: 0;
	width: 307px;
	height: 363px;
}
.mainvisual_container:after {
	background: url(../img/top/mv_deco_r.png) no-repeat right bottom / contain;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 420px;
}
.mainvisual_container {
	/* padding: 0 30px 60px 70px; */
}
.mainvisual_inner {
	max-width: 1260px;
	margin-inline: auto;
	position: relative;
	z-index: 10;
}
.mainvisual_img {
	text-align: right;
	padding-left: 50px;
}
.mainvisual_img-item {
	display: inline-block;
}
.mainvisual_catchcopy {
	font-size: clamp(20px, 48 / 1200 * 100vw, 48px);
	color: #fff;
	position: absolute;
	left: 0;
	top: 25%;
	text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);
}
.news {
	position: absolute;
	left: 0;
	bottom: -20px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
	width: 100%;
	max-width: 460px;
	border-radius: 10px;
	z-index: 15;
	padding: 10px;
}
.news:before,
.news:after,
.news_inner:before,
.news_inner:after {
	content: "";
	width: 11px;
	height: 11px;
	border: 2px solid rgba(0, 128, 128,0.9);
	border-radius: 50%;
	position: absolute;
}
.news_inner {
	padding: 5px 20px;
	border: 2px solid rgba(0, 128, 128,0.9);
	border-radius: 10px;
}
.news:before {
	right: 5px;
	top: 5px;
}
.news:after {
	left: 5px;
	top: 5px;
}
.news_inner:before {
	right: 5px;
	bottom: 5px;
}
.news_inner:after {
	left: 5px;
	bottom: 5px;
}
.news_heading {
	position: relative;
	/*text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);*/
	font-size: clamp(26px, 36 / 1200 * 100vw, 36px);
	color: #008080;
	padding: 0 30px;
	display: inline-block;
	line-height: 1.5;
}
.news_heading:before,
.news_heading:after {
	content: "";
	width: 20px;
	height: 3px;
	border-radius: 2px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	background: #008080;
	/*box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);*/
}
.news_heading:before {
	left: 0;
}
.news_heading:after {
	right: 0;
}
.news_article {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	scroll-behavior: smooth;
	overflow-y: auto;
	height: 180px;
	font-size: clamp(13px, 18 / 1200 * 100vw, 18px);
	line-height: 1.5;
}
.news_article-day {
	color: #008080;
	font-weight: 500;
}
.news_article-text {
	margin-bottom: 10px;
}
.news_article-text span.-bold {
	font-weight: 500;
}
/* スライド */
/* スライド画像 */
.mainvisual_scrolldown {
	position: absolute;
	left: 35px;
	bottom: 40px;
	z-index: 10;
	/* width: 50px; */
}
.mainvisual_scrolldown-text {
	font-size: clamp(11px, 18 / 1200 * 100vw, 18px);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #fff;
	position: absolute;
	top: 90px;
	left: -25px;
	display: flex;
	align-items: center;
	line-height: 1;
}
.mainvisual_scrolldown-text span.-icon {
	font-size: 10px;
	color: #333;
	margin-left: 5px;
}
.mainvisual_scrolldown-arrow {
	width: 2px;
	height: 285px;
	margin: 50px 0 0;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.mainvisual_scrolldown-arrow:before {
	content: "";
	width: 2px;
	height: 285px;
	margin: 50px 0 0;
	background-color: #333;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: arrow 2s ease-in-out infinite normal;
	animation: arrow 2s ease-in-out infinite normal;
	z-index: 10;
}
@keyframes arrow {
	0% {
		height: 0;
		top: -50px;
		opacity: 1;
	}
	60% {
		height: 250px;
		opacity: 1;
	}
	100% {
		height: 0;
		top: 250px;
		opacity: 0;
	}
}
@media screen and (max-width: 1080px) {
	.mainvisual_catchcopy {
		line-height: 1.5;
	}
	.mainvisual_scrolldown-arrow {
		height: 150px;
		margin: 50px auto 0;
	}
	.mainvisual_scrolldown-arrow:before {
		height: 150px;
		margin: 50px auto 0;
	}
	@keyframes arrow {
		0% {
			height: 0;
			top: -50px;
			opacity: 1;
		}
		60% {
			height: 150px;
			opacity: 1;
		}
		100% {
			height: 0;
			top: 150px;
			opacity: 0;
		}
	}
	.news {
		max-width: 100%;
		width: 45%;
	}
	.news_article {
		height: 100px;
	}
}
@media screen and (max-width: 1200px) {
	.mainvisual_container:before,
	.mainvisual_container:after {
		width: 25%;
	}
	.mainvisual:after {
		width: 25%;
	}
}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 834px) {
	.mainvisual {
		padding: 0 15px 40px 60px;
	}
	.mainvisual_scrolldown {
		left: 20px;
	}
}
@media screen and (max-width: 667px) {
	.mainvisual {
		padding: 0 10px 30px 30px;
	}
	.mainvisual:after {
		height: 15%;
	}
	.mainvisual_scrolldown {
		left: 10px;
		bottom: 10px;
	}
	.mainvisual_scrolldown-arrow {
		height: 130px;
		margin: 50px auto 0;
	}
	.mainvisual_scrolldown-arrow:before {
		height: 100px;
		margin: 50px auto 0;
	}
	@keyframes arrow {
		0% {
			height: 0;
			top: -50px;
			opacity: 1;
		}
		60% {
			height: 100px;
			opacity: 1;
		}
		100% {
			height: 0;
			top: 100px;
			opacity: 0;
		}
	}
	.mainvisual:before {
		height: 85%;
	}
	.mainvisual_img {
		padding-left: 30px;
	}
	.news {
		width: 90%;
		bottom: -160px;
		background: rgba(255, 255, 255, 0.7);
	}
	.news_article {
		height: 100px;
		line-height: 1.3;
	}
}
/*=======================
greeting
========================*/
.greeting {
	padding: 60px 50px 100px;
	background: #eee;
	position: relative;
}
.greeting:before {
	content: "";
	background: url(../img/top/greeting_bg_deco.png) repeat;
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 15px;
}
.greeting_container {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin-inline: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 45px;
}
.greeting_container:before {
	position: absolute;
	z-index: -1;
	content: "";
	background: url(../img/top/greeting_deco3.png) no-repeat center bottom/ contain;
	width: 213px;
	height: 223px;
	right: 0;
	bottom: -40px;
}
.greeting_group1 {
	position: relative;
	flex: none;
	width: 56.67%;
}
.greeting_group2 {}
/* 円のデコレーション */
.greeting_group1:before {
	position: absolute;
	content: "";
	background: url(../img/top/greeting_deco1.png) no-repeat center / contain;
	width: 177px;
	height: 168px;
	right: 0;
	top: 5%;
}
.greeting_heading {
	font-size: clamp(20px, 30 / 1200 * 100vw, 30px);
	font-weight: bold;
	color: #008080;
	line-height: 1.5;
	margin-bottom: 20px;
}
.greeting_text {
	margin-bottom: 50px;
}
.greeting_name {
	margin-top: -15%;
	position: relative;
	z-index: 5;
}
.greeting_name:before {
	content: "";
	position: absolute;
	background: url(../img/top/greeting_deco2.png) no-repeat center / contain;
	width: 210px;
	height: 196px;
	left: -50px;
	bottom: -8%;
	z-index: -1;
}
.greeting_name-jp {
	line-height: 1.5;
	display: flex;
	align-items: center;
}
.greeting_name-jp span.-post {
	color: #fff;
	background: #008080;
	margin-right: 25px;
	font-size: clamp(16px, 24 / 1200 * 100vw, 24px);
	line-height: 1;
	padding: 3px;
}
.greeting_name-jp span.-surname {
	margin-right: 30px;
}
.greeting_name-jp span.-surname,
.greeting_name-jp span.-lastname {
	font-weight: bold;
	font-size: clamp(20px, 30 / 1200 * 100vw, 30px);
}
.greeting_name-jp span.-surname:first-letter,
.greeting_name-jp span.-lastname:first-letter,
.greeting_name-en span:first-letter {
	color: #008080;
}
.greeting_name-en {
	font-size: clamp(16px, 24 / 1200 * 100vw, 24px);
	padding-left: 80px;
	line-height: 1.5;
	display: flex;
}
.greeting_name-en span.-surname {
	margin-right: 30px;
}
.greeting_button {
	position: relative;
	z-index: 5;
}
.greeting_button-link {
	width: 100%;
	/*max-width: 460px;*/
	border-radius: 10px;
	border: 1px solid #008080;
	background: #fff;
	min-height: 50px;
	display: grid;
	place-content: center;
	text-align: center;
	line-height: 1.5;
	color: #333;
}
.greeting_button-link span:before,
.greeting_button-link span:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.greeting_button-link span {
	position: relative;
	display: inline-block;
	padding-right: 35px;
}
.greeting_button-link span:first-letter {
	color: #008080;
}
.greeting_button-link span:before {
	content: "";
	border-radius: 50%;
	width: 25px;
	height: 25px;
	right: 0;
	border: 1px solid #333;
}
.greeting_button-link span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #008080;
	right: 6px;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {
	.greeting_container {
		column-gap: 30px;
	}
	.greeting_container:before {
		width: 40%;
	}
	.greeting_group1:after {
		width: 30%;
		left: -30px;
	}
	.greeting_name:before {
		width: 35%;
		left: -25px;
		bottom: -8%;
	}
}
@media screen and (max-width: 834px) {
	.greeting_container {
		flex-direction: column;
		max-width: 550px;
		margin-inline: auto;
	}
	.greeting_group1 {
		width: 80%;
		margin-inline: auto;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 667px) {
	.greeting {
		padding: 160px 20px 60px;
	}
	.greeting_text {
		margin-bottom: 30px;
	}
	.greeting_group1 {
		width: 100%;
		margin-bottom: 30px;
	}
	.greeting_name-en {
		padding-left: 50px;
	}
	.greeting_name-jp span.-post {
		margin-right: 10px;
	}
	.greeting_name-jp span.-surname,
	.greeting_name-en span.-surname {
		margin-right: 15px;
	}
}
/*================================
当院の特長
================================*/
.feature {
	padding: 90px 50px;
}
.features_container {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin-inline: auto;
}
.features_container::after {
	position: absolute;
	z-index: -1;
	content: "";
	background: url(../img/top/feature_deco.png) no-repeat center bottom/ contain;
	width: 213px;
	height: 223px;
	right: -60px;
	bottom: -60px;
}
.feature_heading {
	text-align: center;
	font-size: clamp(24px, 30 / 1200 * 100vw, 30px);
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.1em;
	margin-bottom: 50px;
	position: relative;
}
.feature_heading:before {
	content: "";
	background: url(../img/top/feature_heading_deco.png) no-repeat center / contain;
	position: absolute;
	left: 3px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 207px;
	height: 152px;
	z-index: -1;
}
.feature_heading span {
	display: inline-block;
}
.feature_heading span.-inner {}
.feature_heading span.-pink {
	color: #008080;
}
.feature_heading span.-size-lg {
	font-size: clamp(36px, 48 / 1200 * 100vw, 48px);
}
.feature_heading span.-size-xl {
	font-size: clamp(46px, 72 / 1200 * 100vw, 72px);
}
.feature_content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 60px;
}
.feature_item-number {
	background: rgba(0, 128, 128,0.5);
	border-radius: 50%;
	width: 93px;
	height: 93px;
	margin: auto auto -50px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 5;
	position: relative;
}
.feature_item-number span.-inner {
	background: #008080;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	width: 83px;
	height: 83px;
	border-radius: 50%;
	margin: auto;
}
.feature_item-number span {
	font-size: clamp(30px, 60 / 1024 * 100vw, 60px);
	line-height: 83px;
	color: #fff;
	display: inline-block;
}
.feature_item-img {
	margin-bottom: 20px;
}
.feature_item-img img {
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}
.feature_item-heading {
	font-size: clamp(20px, 24 / 1200 * 100vw, 24px);
	line-height: 1.5;
	margin-bottom: 10px;
	color: #008080;
	border-bottom: 1px solid #008080;
}
/* ----- 色 ----- */
.feature_item {
	width: calc(100% / 3 - 40px);
}
.feature_item.-item2,
.feature_item.-item5 {
	margin-top: 50px;
}
.feature_item-text {
	letter-spacing: 0.1em;
	color: #333;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {
	.feature_content {
		gap: 50px 30px;
	}
	.feature_item {
		width: calc((100% - 60px) / 3);
	}
	.feature_item-number {
		width: clamp(70px, 93 / 1024 * 100vw, 93px);
		height: clamp(70px, 93 / 1024 * 100vw, 93px);
		margin-bottom: -15%;
	}
	.feature_item-number span.-inner {
		width: clamp(60px, 83 / 1024 * 100vw, 83px);
		height: clamp(60px, 83 / 1024 * 100vw, 83px);
	}
}
@media screen and (max-width: 834px) {
	.feature_item {
		width: calc((100% - 60px) / 2);
	}
	.feature_item.-item2,
	.feature_item.-item5 {
		margin-top: 0;
	}
}
@media screen and (max-width: 667px) {
	.feature {
		padding: 80px 20px;
	}
	.features_container::after {
		width: 40%;
		right: 0;
	}
	.feature_content {
		gap: 40px 0;
	}
	.feature_item {
		width: 100%;
		max-width: 376px;
		margin-inline: auto;
	}
	.feature_heading:before {
		width: 45%;
	}
}
/*================================
診療内容
================================*/
.contact {
	position: relative;
	z-index: 1;
	background: #008080;
	padding: 90px 50px 70px;
	position: relative;
}
.contact:before {
	content: "";
	background: url(../img/top/contact_bg_deco.png) repeat;
	position: absolute;
	left: 0;
	top: -15px;
	width: 100%;
	height: 15px;
}
.contact_container {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin-inline: auto;
}
.contact_container::after {
	position: absolute;
	z-index: -1;
	content: "";
	background: url(../img/top/greeting_deco3.png) no-repeat center bottom/ contain;
	width: 213px;
	height: 223px;
	right: -60px;
	bottom: -60px;
}
.contact_heading {
	color: #fff;
	font-size: clamp(30px, 48 / 1200 * 100vw, 48px);
	line-height: 1.5;
	text-align: left;
	position: relative;
	letter-spacing: 0.1em;
}
.contact_heading span.-inner {
	display: inline-block;
	position: relative;
}
/*
.contact_heading span.-inner:first-letter {
	color: #008080;
}
*/
.contact_heading:before {
	content: "";
	background: url(../img/top/contact_heading_deco.png) no-repeat center / contain;
	position: absolute;
	left: -35px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 268px;
	height: 218px;
}
.contact_content {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	column-gap: 60px;
}
.contact_head {
	flex: none;
}
.contact_frame {
	width: 100%;
	max-width: 780px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 10px;
}
.contact_frame_inner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 20px;
	border: 2px solid rgba(0, 128, 128,0.9);
	border-radius: 10px;
}
.contact_frame:before,
.contact_frame:after,
.contact_frame_inner:before,
.contact_frame_inner:after {
	content: "";
	width: 11px;
	height: 11px;
	border: 2px solid rgba(0, 128, 128,0.9);
	border-radius: 50%;
	position: absolute;
}
.contact_frame:before {
	right: 5px;
	top: 5px;
}
.contact_frame:after {
	left: 5px;
	top: 5px;
}
.contact_frame_inner:before {
	right: 5px;
	bottom: 5px;
}
.contact_frame_inner:after {
	left: 5px;
	bottom: 5px;
}
.contact_article {}
.contact_list {
	margin-bottom: 20px;
}
.contact_list_item {
	position: relative;
	z-index: 1;
	padding-left: 1em;
}
.contact_list_item::before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 4px;
	height: 4px;
	background: #008080;
	border-radius: 50%;
	top: 0.8em;
	left: 0.4em;
}
.contact_text {
	margin-bottom: 20px;
}
.contact_button-link {
	width: 100%;
	/*max-width: 460px;*/
	border-radius: 10px;
	border: 1px solid #008080;
	background: #fff;
	min-height: 50px;
	display: grid;
	place-content: center;
	text-align: center;
	line-height: 1.5;
	color: #333;
}
.contact_button-link span {
	position: relative;
	display: inline-block;
	padding-right: 35px;
}
.contact_button-link span:first-letter {
	color: #008080;
}
.contact_button-link span:before,
.contact_button-link span:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.contact_button-link span:before {
	content: "";
	border-radius: 50%;
	width: 25px;
	height: 25px;
	right: 0;
	border: 1px solid #333;
}
.contact_button-link span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #008080;
	right: 6px;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {
	.contact_head {
		width: 40%;
	}
	.contact_list {
		max-width: 550px;
		gap: 20px;
	}
	.contact_content {
		column-gap: 30px;
	}
	.contact_list-item {
		width: calc(100% / 2 - 10px);
		min-height: 60px;
	}
	.contact_list-item span.-inner {
		padding-right: 30px;
	}
}
@media screen and (max-width: 834px) {
	.contact_content {
		flex-direction: column;
	}
	.contact_head {
		max-width: 400px;
		width: 100%;
	}
	.contact_head {
		margin-inline: auto;
		margin-bottom: 40px;
	}
	.contact_list {
		margin-inline: auto;
	}
}
@media screen and (max-width: 667px) {
	.contact {
		padding: 60px 20px 70px;
	}
	.contact_container::after {
		width: 40%;
		right: 0;
	}
	.contact_bottom-text span:before,
	.contact_bottom-text span:after {
		width: 20%;
	}
	.contact_list {
		gap: 20px 10px;
	}
	.contact_content {}
	.contact_heading:before {
		width: 50%;
		left: -15px;
	}
	.contact_list-item {
		width: calc(100% / 2 - 5px);
		min-height: 50px;
	}
	.contact_bottom-text span {
		padding: 0 21%;
	}
	.contact_list-item span:before {
		width: 18px;
		height: 18px;
	}
	.contact_list-item span:after {
		border-width: 4px 0 4px 8px;
		right: 3px;
	}
	.contact_list-item span {
		padding-right: 25px;
	}
}
/*================================
photo-gallery
================================*/
.photo-gallery {
	position: relative;
	z-index: 5;
	margin-top: -160px;
}
.photo-gallery_content {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
	padding: 0;
}
.photo-gallery_list {
	display: flex;
	flex-flow: row nowrap;
}
.photo-gallery_list-item {
	display: inline-block;
	/* width: calc(100vw / 5);  */
	width: 327px;
	margin: 0 40px 0 0;
	position: relative;
}
/* .photo-gallery_list-item img {
display: block;
width: 100%;
height: auto;
} */
.photo-gallery_list:first-child {
	-webkit-animation: loop 100s -50s linear infinite;
	animation: loop 100s -50s linear infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}
.photo-gallery_list + .photo-gallery_list {
	-webkit-animation: loop2 100s linear infinite;
	animation: loop2 100s linear infinite;
}
/* .photo-gallery:hover ul {
animation-play-state: paused;
} */
@-webkit-keyframes loop {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes loop {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@-webkit-keyframes loop2 {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}
@keyframes loop2 {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 834px) {}
@media screen and (max-width: 750px) {}
@media screen and (max-width: 667px) {
	.photo-gallery {
		margin-top: -100px;
	}
	.photo-gallery_list-item {
		width: calc(100vw / 2);
		margin-right: 10px;
	}
}