@charset "utf-8";

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

.fv {
    position: relative;
	width: 100%;
	height: 100svh;
	background-image: url(../img/fv_sp.png);
	background-position: 80%;
	background-size: cover;
	background-repeat: no-repeat;
}

.fv_flexbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
	width: 90%;
}

.fv_top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.fv_top > img {
	width: 100%;
}

.fv_bottom {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.fv_bottom img {
	width: calc((100% - (24px * 2)) / 3);
}

.fv_links {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	z-index: 99;
}

.fv_links a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: calc(100% / 4);
	padding: 0.5em;
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
}

.fv_links a:nth-of-type(1) {
	background-color: #475b6e;
}

.fv_links a:nth-of-type(2) {
	background-color: #009190;
}

.fv_links a:nth-of-type(3) {
	background-color: #066eb7;
}

.fv_links a:nth-of-type(4) {
	background-color: #ee9604;
}

.fv_links a img {
	width: auto;
	height: 1em;
}

@media screen and (min-width: 768px) {
	.fv {
		width: 100%;
		height: auto;
		background-image: none;
	}

	.fv_links {
		top: 95px;
		right: 0%;
		gap: 6px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 3%;
		height: fit-content;
	}

	.fv_links a {
		width: 100%;
		padding: 0;
	}

	.fv_links a:nth-of-type(1),
	.fv_links a:nth-of-type(2),
	.fv_links a:nth-of-type(3),
	.fv_links a:nth-of-type(4) {
		background-color: transparent;
	}

	.fv_links a img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 1024px) {
	.fv_links {
		top: 130px;
	}
}

@media screen and (min-width: 1440px) {
	.fv_links {
		top: 170px;
		gap: 12px;
	}
}

@media screen and (min-width: 1920px) {
	.fv_links {
		top: 240px;
	}
}

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

.headline {
	width: fit-content;
	margin: 0 auto;
	font-family: "Cinzel", serif;
	font-size: 2.6rem;
	color: #aabed1;
}

.headline_bottom {
	display: block;
	width: fit-content;
	margin: 2.5% auto 0;
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.headline {
		font-size: 8rem;
	}

	.headline_bottom {
		font-size: 2.4rem;
	}
}

@media screen and (min-width: 1920px) {}

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

.scroll_area {
	width: 100%;
	margin: 0 auto 0;
}

.scroll_content {
	margin: 0 auto;
	padding-bottom: 2.5%;
	overflow: scroll;
}

.scroll_content > * {
	width: 768px;
}

.scroll_text {
	margin: 2.5% auto 0;
}

@media screen and (min-width: 768px) {
	.scroll_content {
		overflow: auto;
	}

	.scroll_content > * {
		width: 100%;
	}
}

@media screen and (min-width: 1440px) {

}

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

.contact_area {
	padding: 5%;
}

.contact_area p,
.contact_area span {
	line-height: 1.5;
}

.contact_box {
	width: 100%;
	margin: 0 auto 0;
	padding: 2.5% 0;
	border: 2px #066eb7 solid;
}

.contact_box span {
	display: block;
}

.contact_headline {
	width: fit-content;
	max-width: 90%;
	margin: 0 auto 0;
	text-align: center;
	color: #aabed1;
}

.contact_headline_main {
	font-family: "Cinzel-SemiBold", serif;
	font-size: 1.2rem;
}

.contact_headline_sub {
	font-size: 1.6rem;
}

.contact_text_1 {
	width: fit-content;
	max-width: 90%;
	margin: 5% auto 0;
	text-align: center;
	font-size: 1.2rem;
}

.contact_text_2 {
	text-align: center;
}

.contact_bg_banner {
	margin: 2.5% auto 0;
	padding: 5%;
	background-color: #e0f2ff;
}

.contact_button_area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 5% auto 0;
}

.contact_button {
	display: block;
	width: 90%;
	margin: 0 auto 0;
}

@media screen and (min-width: 768px) {
	.contact_box {
		position: relative;
		padding: 0;
	}

	.contact_button_area {
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translate(-50%, 0);
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 12px;
		width: 75%;
		margin: 0 auto 0;
	}

	.contact_button {
		width: calc((100% - 12px) / 2);
	}
}

@media screen and (min-width: 1024px) {
	.contact_button_area {
		bottom: 20px;
	}
}

@media screen and (min-width: 1440px) {
	.contact_button_area {
		bottom: 30px;
		gap: 24px;
	}
}

@media screen and (min-width: 1920px) {
	.contact_button_area {
		bottom: 40px;
	}
}

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

.feature_area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 36px;
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	margin: 0 auto 0;
	padding: 10% 5%;
}

.feature_flexbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 90%;
	margin: 0 auto 0;
	padding: 0;
}

.feature_flexbox img {
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.feature_top {
		width: 50%;
		margin: 0 auto 0;
		padding: 0;
	}

	.feature_flexbox {
		flex-direction: row;
		width: 100%;
	}

	.feature_flexbox > * {
		width: calc((100% - (24x * 2)) / 3);
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.feature_area {
		gap: 60px;
		padding: 10%;
	}

	.feature_flexbox {
		gap: 36px;
	}

	.feature_flexbox > * {
		width: calc((100% - (36x * 2)) / 3);
	}
}

@media screen and (min-width: 1920px) {}

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

.problem-need_area {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 36px;
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	margin: 0 auto 0;
	padding: 10% 5%;
	background-color: #ebf7ff;
}

.problem-need_area::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #d3ecfe;
	clip-path: polygon(100% 0, 35% 100%, 100% 100%);
	z-index: 0;
}

.problem-need_top {
	position: relative;
	z-index: 0;
}

.problem-need_flexbox {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 90%;
	margin: 0 auto 0;
	padding: 0;
	z-index: 0;
}

.problem-need img {
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.problem-need_top {
		width: 75%;
		margin: 0 auto 0;
		padding: 0;
	}

	.problem-need_flexbox {
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}

	.problem-need_flexbox > * {
		width: calc((100% - (24px * 2)) / 3);
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.problem-need_area {
		gap: 60px;
	}

	.problem-need_flexbox {
		gap: 36px;
	}

	.problem-need_flexbox > * {
		width: calc((100% - (36px * 2)) / 3);
	}
}

@media screen and (min-width: 1920px) {}

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

.gatatsuki-heavy,
.gatatsuki-medium,
.gatatsuki-light {}

.gatatsuki_case_inner {
	width: 92.5%;
	margin: 0 auto 0;
	padding: 5% 0 2.5%;
    overflow: hidden;
	/*overflow: scroll;*/
}

.gatatsuki_case_inner > * {
	/*width: 768px;*/
    width: 100%;
}

.gatatsuki_case_text {
	width: 90%;
	margin: 2.5% auto 0;
	font-size: 0.8rem;
}

.gatatsuki_bottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}

.gatatsuki_bottom_content_1 {
	width: 50%;
}

.gatatsuki_bottom_content_2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 50%;
}

.gatatsuki_bottom_content_2 span {
	display: block;
}

.gatatsuki_bottom_content_2 span:nth-of-type(1) {
	padding: 0.5em 1.5em;
	background-color: #066eb7;
	color: #fff;
}

.gatatsuki-medium .gatatsuki_bottom_content_2 span:nth-of-type(1) {
	background-color: #009190;
}

@media screen and (min-width: 768px) {
	.gatatsuki_case_inner {
		width: 80%;
		margin: 0 auto 0;
		padding: 5% 0;
		overflow: auto;
	}
	
	.gatatsuki_case_inner > * {
		width: 100%;
	}

	.gatatsuki_bottom {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 240px;
		width: 80%;
		margin: 0 auto 0;
		padding: 0 0 5%;
	}

	.gatatsuki_bottom_content_2 span {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.gatatsuki_bottom {
		gap: 480px;
	}

	.gatatsuki_bottom_content_2 {
		gap: 24px;
	}

	.gatatsuki_bottom_content_2 span {
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 1920px) {
	.gatatsuki_bottom {
		gap: 600px;
	}
}

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

.decline_area {
	padding: 5%;
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

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

@media screen and (min-width: 1920px) {}

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

.ct-simulator_area {
	padding: 5%;
}

.ct-simulator_text {
	width: 90%;
	margin: 0 auto 0;
	padding: 5%;
	background-color: #009190;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #fff;
}

.ct-simulator_video {
	display: block;
	width: 90%;
	margin: 5% auto 0;
}

.ct-simulator_video > * {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.ct-simulator_text {
		width: 75%;
		padding: 2.5% 5%;
	}

	.ct-simulator_video {
		width: 75%;
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.ct-simulator_text {
		font-size: 3rem;
	}
}

@media screen and (min-width: 1920px) {}

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

.comparison_area {
	padding: 5%;
}

.comparison_table_area {
	width: 95%;
	margin: 5% auto 0;
}

.comparison_table {
	margin: 0 auto;
	padding-bottom: 2.5%;
	overflow-x: scroll;
    overflow-y: hidden;
}

.comparison_table > * {
	width: 768px;
}

.comparison_text {
	margin: 2.5% auto;
    text-align: center;
}

@media screen and (min-width: 768px) {
	.comparison_table {
		overflow: auto;
	}

	.comparison_table > * {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.comparison_table {
		width: 95%;
	}
}

@media screen and (min-width: 1920px) {}

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

.flow_area {
	padding: 10% 0;
}

.flow_content_wrap {
	position: relative;
	margin: 5% auto 0;
	padding: 5%;
	background-color: #d3ecfe;
}

.flow_content_wrap_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	z-index: 1;
}

.flow_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 auto;
}

.flow_content_number {
	display: block;
	width: 20%;
	height: auto;
	margin: 0 auto;
}

.flow_content_headline {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	font-size: 1.8rem;
}

.flow_content_text {
	margin: 12px auto 0;
	line-height: 1.5;
}

.flow_content_img {
	position: relative;
	z-index: 1;
}

.flow_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70%;
	height: auto;
	z-index: 0;
}

@media screen and (min-width: 768px) {
	.flow_content_wrap {
		gap: 36px;
	}

	.flow_content {
		gap: 24px;
		width: 60%;
	}

	.flow_content_number {
		width: 15%;
	}
}

@media screen and (min-width: 1024px) {}

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

@media screen and (min-width: 1920px) {}

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

.fee_area {
	padding: 10% 0 0;
}

.fee_scroll_area {
	width: 90%;
	margin: 5% auto 0;
}

.fee_comment {
	width: fit-content;
	margin: 5% auto 0;
}

.payment-method_area {
	margin: 0 auto;
	padding: 10% 5%;
}

.payment-method_headline {
	width: 100%;
	margin: 0 auto 0;
	padding: 1em 0;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	text-align: center;
	font-size: 1.3rem;
}

.payment-method_headline_bottom {
	display: block;
	width: fit-content;
	margin: 5% auto 0;
	font-family: "Cinzel", serif;
	font-size: 1.3rem;
	color: #aabed1;
}

.payment-method_text {
	margin: 5% auto 0;
	text-align: center;
	line-height: 1.5;
}

.payment-method_content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	width: 100%;
	margin: 5% auto 0;
}

.payment-method_content > * {
	display: block;
	width: calc((100% - 12px) / 2);
}

.digital-loan_area {
	margin: 0 auto;
	padding: 10% 5% 5%;
	background-color: #ebf7ff;
}

.mouthpiece_area {
	margin: 5% auto;
	padding: 2.5%;
	background-color: #fff;
}

.mouthpiece_area_inner {
	margin: 0 auto;
	border: 1px #66819b solid;
}

.mouthpiece_headline {
	display: block;
	padding: 2.5%;
	text-align: center;
	font-size: 1.3rem;
}

.mouthpiece_belt {
	margin: 0 auto 0;
	padding: 2.5%;
	background-color: #cee7f9;
	text-align: center;
	font-size: 1.3rem;
}

.mouthpiece_price {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
	margin: 5% auto 0;
}

.mouthpiece_price > * {
	display: block;
}

.mouthpiece_price_img {
	width: auto;
	height: 2.6rem;
}

.mouthpiece_price_text {
	font-size: 1.3rem;
}

.mouthpiece_price_text .small {
	font-size: 0.6em;
}

.mouthpiece_text {
	width: 95%;
	margin: 5% auto 2.5%;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	.fee_scroll_area {
		width: 60%;
	}

	.payment-method_area {
		width: 70%;
	}

	.payment-method_headline_bottom {
		margin: 2.5% auto 0;
	}

	.payment-method_text {
		margin: 2.5% auto 0;
	}

	.payment-method_content {
		flex-direction: row;
		gap: 12px;
		width: 100%;
		margin: 5% auto 0;
	}

	.payment-method_content > * {
		width: calc((100% - (12px * 4)) / 5);
	}

	.digital-loan_area {
		padding: 10% 0 0;
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.fee_area {
		padding: 10% 0 0;
	}

	.fee_comment {
		font-size: 1.2rem;
	}

	.payment-method_headline {
		font-size: 1.8rem;
	}

	.payment-method_headline_bottom {
		font-size: 1.8rem;
	}

	.payment-method_text {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1920px) {}

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

.deduction_area {
	padding: 10% 5%;
}

.deduction_area_inner {
	margin: 0 auto;
	padding: 5%;
	background-color: #ebf7ff;
}

.deduction_headline {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2rem;
}

.deduction_text {
	margin: 5% auto 0;
	line-height: 1.5;
}

.deduction_link {
	position: relative;
	display: block;
	width: fit-content;
	margin: 5% auto 0;
	padding: 5% 12.5% 5% 5%;
	background-color: #066eb7;
	color: #fff;
}

.deduction_link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
	transform: translate(0, -50%);
    border: 5px solid transparent;;
    border-left: 10px #fff solid;
}

@media screen and (min-width: 768px) {
	.deduction_area_inner {
		width: 70%;
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.deduction_area_inner {
		padding: 2.5% 5%;
	}

	.deduction_headline {
		font-size: 1.8rem;
	}

	.deduction_text {
		font-size: 1.2rem;
	}

	.deduction_link {
		padding: 2.5% 7.5% 2.5% 5%;
	}

	.deduction_link::after {
		right: 10%;
	}
}

@media screen and (min-width: 1920px) {}

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

.qa_area {
	padding: 10% 0;
}

.qa_content_wrap {
	position: relative;
	margin: 5% auto 0;
	padding: 5%;
	background-color: #ebf7ff;
}

.qa_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70%;
	height: auto;
	z-index: 0;
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

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

@media screen and (min-width: 1920px) {}

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

.greeting_area {
	padding: 10% 5%;
}

.greeting_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 5% auto;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	.greeting_inner {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 48px 24px;
	}

	.greeting_inner > * {
		width: calc((100% - 24px) / 2);
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.greeting_area {
		padding: 10%;
	}

	.greeting_inner {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 96px 48px;
	}

	.greeting_inner > * {
		width: calc((100% - 48px) / 2);
	}
}

@media screen and (min-width: 1920px) {}

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

.group_area {
	padding: 10% 5%;
	line-height: 1.5;
}

.group_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	width: 100%;
	margin: 5% auto 0;
}

.group_top,
.group_middle,
.group_bottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
	margin: 0 auto 0;
}

.group_belt {
	width: 100%;
	padding: 2.5% 0;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	text-align: center;
	font-size: 1.2rem;
}

.group_point_headline {
	padding: 5% 0 5% 12px;
	border-left: 12px #009190 solid;
	border-bottom: 2px #009190 solid;
	font-size: 1.2rem;
}

.group_headline > * {
	display: block;
}

.group_point_text {
	padding: 5%;
}

.group_point_text_strong {
	display: block;
	font-size: 1.1rem;
}

.group_point_text_box {
	margin: 5% auto 0;
	padding: 5%;
	background-color: #caeeee;
}

.group_bottom_text {
	text-align: center;
}

.group_bottom_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 auto 0;
}

.group_bottom_list_content {
	width: 100%;
}

.group_bottom_list_content > * {
	display: block;
	width: 100%;
}

.group_bottom_list_content > *:nth-of-type(1) > * {
	color: #066eb7;
}

@media screen and (min-width: 768px) {
	.group_top,
	.group_middle,
	.group_bottom {
		gap: 36px;
	}

	.group_top_text {
		width: 90%;
		margin: 0 auto;
	}

	.group_point_headline {
		padding: 2.5% 0 2.5% 12px;
	}

	.group_bottom_list {
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 24px;
	}

	.group_bottom_list_content {
		width: calc((100% - 24px) / 2);
	}

	.group_bottom_list_content:nth-of-type(1) > *:nth-of-type(1) > * {
		display: block;
	}

	.group_bottom_list_content:nth-of-type(2) {
		order: 3;
	}

	.group_bottom_list_content:nth-of-type(3) {
		order: 5;
	}

	.group_bottom_list_content:nth-of-type(4) {
		order: 2;
	}

	.group_bottom_list_content:nth-of-type(5) {
		order: 4;
	}
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.group_area {
		padding: 10% 15%;
	}

	.group_inner {
		gap: 120px;
	}

	.group_top,
	.group_middle,
	.group_bottom {
		gap: 60px;
	}

	.group_top_text {
		font-size: 1.2rem;
	}

	.group_belt {
		font-size: 1.6rem;
	}

	.group_point_headline {
		width: 65%;
		padding: 2.5% 0 2.5% 24px;
		border-left: 24px #009190 solid;
		border-bottom: 4px #009190 solid;
		font-size: 1.6rem;
	}

	.group_point_text {
		font-size: 1.2rem;
	}

	.group_point_text_strong {
		display: block;
		font-size: 1.4rem;
	}

	.group_bottom_list {
		gap: 36px;
	}

	.group_bottom_list_content {
		width: calc((100% - 36px) / 2);
	}
}

@media screen and (min-width: 1920px) {}

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

.gallery_area {
	padding: 10% 5%;
}

.gallery_inner {
	margin: 5% auto 0;
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {
	.gallery_area {
		padding: 10% 15%;
	}

	.gallery_inner {
		width: 75%;
	}
}

@media screen and (min-width: 1920px) {}

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

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

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

@media screen and (min-width: 1920px) {}