@charset "utf-8";
:root {
/* 共通設定 */
	--color--black: #1E1C1C;
	--color--white: #ffffff;
	--color--gray: #454545;
	--color--gray_light: #EAEAEA;
	--color--red: #D80000;
	--color--orange_red: #FF463C;
	--color--green: #587411;
	--color--blue: #04607D;
	--color--purple: #870D7F;

	--ease-out: cubic-bezier(0,0.04,0,1);

	--48px: calc((48 / 1280) * 100vw);
	--40px: calc((40 / 1280) * 100vw);
	--36px: calc((36 / 1280) * 100vw);
	--25px: calc((25 / 1280) * 100vw);
	--24px: calc((24 / 1280) * 100vw);
	--20px: calc((20 / 1280) * 100vw);
	--18px: calc((18 / 1280) * 100vw);
	--16px: calc((16 / 1280) * 100vw);
	--15px: calc((15 / 1280) * 100vw);
	--14px: calc((14 / 1280) * 100vw);
	--10px: calc((10 / 1280) * 100vw);
	--9px: calc((9 / 1280) * 100vw);
}

@media all and (max-width: 768px){
:root {
	--33px: calc((33 / 375) * 100vw);
	--27px: calc((27 / 375) * 100vw);
	--21px: calc((21 / 375) * 100vw);
	--20px: calc((20 / 375) * 100vw);
	--19px: calc((19 / 375) * 100vw);
	--13px: calc((13 / 375) * 100vw);
	--10px: calc((10 / 375) * 100vw);
	--9px: calc((9 / 375) * 100vw);
}
}

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

body {
	min-height: 100vh;
	margin: 0px;
	padding: 0px;
	background-color: var(--color--gray_light);
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: var(--color--black);
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: 0em;
}
.oswald {
	font-family: "Oswald", sans-serif;
}
.red {
	color: var(--color--red);
}

#wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	pointer-events: none;
}
	.header__inner {
		width: calc(100% - 50px);
		height: 68px;
		position: absolute;
		top: 25px;
		left: 25px;
		pointer-events: auto;
	}
		.header__container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: 100%;
			padding: 0 30px 0 20px;
			border-radius: 6px;
			background-color: rgba(255, 255, 255, 0.8);
			backdrop-filter: blur(10px);
			filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15));
		}
			.header__logo {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: auto;
				height: auto;
				padding: 0 0 1px;
			}
				.header__logo_img {
					width: 165px;
					height: auto;
					margin-right: 8px;
					cursor: pointer;
				}
					.header__logo_img svg {
						fill: var(--color--black);
					}
				.header__logo_text {
					padding-top: 5px;
					font-size: 14px;
					font-weight: 700;
					line-height: 1.3;
					letter-spacing: 0.01em;
					color: var(--color--black);
				}
			.global_nav {
				width: auto;
				height: auto;
			}
				.global_nav__inner {
					width: auto;
					height: auto;
				}
					.global_nav__obj {
						display: none;
					}
					.global_nav__contents {
						width: auto;
						height: auto;
					}
						.global_nav__menu {
							width: auto;
							height: auto;
						}
							.global_nav__menu__list {
								display: flex;
								justify-content: flex-end;
								align-items: center;
								column-gap: 32px;
								font-size: 14px;
								font-weight: 700;
								line-height: 1.5;
							}
								.global_nav__menu__list__item {
									width: auto;
									height: auto;
								}
									.global_nav__menu__list__item__link {
										color: var(--color--black);
										transition: color .3s;
									}
								@media (any-hover: hover) {
									.global_nav__menu__list__item__link:hover {
										color: var(--color--red);
									}
								}
						.global_nav__contact {
							display: none;
						}
			.hamburger {
				display: none;
			}

#footer {
	width: 100%;
	height: auto;
	background-color: var(--color--black);
	position: relative;
	overflow: hidden;
}
	.footer__inner {
		width: calc(100% - 280px);
		height: auto;
		padding: 100px 0 85px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
		.footer__container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: auto;
		}
			.footer__main {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				width: auto;
				height: auto;
			}
				.footer__logo {
					width: 230px;
					height: auto;
					margin-bottom: 21px;
				}
					.footer__logo svg {
						fill: var(--color--white);
					}
				.footer__info {
					width: auto;
					height: auto;
				}
				.footer__info._pc {
					display: block;
				}
				.footer__info._sp {
					display: none;
				}
					.footer__info__list {
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						align-items: flex-start;
						row-gap: 6px;
						width: auto;
						height: auto;
						margin-bottom: 17px;
					}
						.footer__info__list__item {
							display: flex;
							justify-content: flex-start;
							align-items: flex-start;
							width: 100%;
							height: auto;
							font-size: 12px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.1em;
							color: var(--color--white);
						}
							.footer__info__list__item dt {
								width: 63px;
								height: auto;
								margin-right: 9px;
								position: relative;
							}
								.footer__info__list__item dt::before {
									content: "";
									display: block;
									width: 1px;
									height: 12px;
									background-color: var(--color--white);
									position: absolute;
									top: 3.5px;
									right: 0;
								}
							.footer__info__list__item dd {
								flex: 1;
								height: auto;
							}
					.footer__info__policy {
						font-size: 12px;
						font-weight: 700;
						line-height: 1.7;
					}
						.footer__info__policy a {
							color: var(--color--white);
							position: relative;
						}
							.footer__info__policy a::before {
								content: "";
								display: block;
								width: 100%;
								height: 1px;
								background-color: var(--color--white);
								position: absolute;
								bottom: -3px;
								left: 0;
								pointer-events: none;
							}
						@media (any-hover: hover) {
							.footer__info__policy a::before {
								transition: .3s;
							}
							.footer__info__policy a:hover::before {
								background-color: var(--color--red);
							}
						}
			.footer__menu {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				row-gap: 17px;
				width: auto;
				height: auto;
			}
				.footer__menu__nav {
					width: auto;
					height: auto;
				}
					.footer__menu__list {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: auto;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						line-height: calc(20 / 14);
					}
						.footer__menu__list__item {
							width: 135px;
							height: auto;
						}
							.footer__menu__list__item__link {
								display: inline-block;
								padding-left: 16px;
								color: var(--color--white);
								position: relative;
							}
								.footer__menu__list__item__link::before,
								.footer__menu__list__item__link::after {
									content: "";
									display: block;
									position: absolute;
									border-radius: 50%;
								}
								.footer__menu__list__item__link::before {
									width: 10px;
									height: 10px;
									background-color: var(--color--gray);
									top: 6px;
									left: 0;
									z-index: 1;
								}
								.footer__menu__list__item__link::after {
									width: 4px;
									height: 4px;
									background-color: var(--color--white);
									top: 9px;
									left: 3px;
									z-index: 2;
								}
							@media (any-hover: hover) {
								.footer__menu__list__item__link::before {
									transition: .3s;
								}
								.footer__menu__list__item__link:hover::before {
									background-color: var(--color--red);
								}
							}
	.footer__obj {
		width: 100%;
		height: auto;
		position: absolute;
		bottom: -68px;
		left: calc((5 / 1280) * -100%);
		z-index: 1;
		opacity: .15;
	}
		.footer__obj__container {
			width: calc((1314 / 1280) * 100%);
			height: auto;
			margin: 0 auto;
			aspect-ratio: 1314 / 259.4;
			background: linear-gradient(to right, #191C1C, #4B4F51);
			mask-image: url("../image/logo.svg");
			mask-repeat: no-repeat;
			mask-position: 0 0;
			mask-size: 100%;
			-webkit-mask-image: url("../image/logo.svg");
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: 0 0;
			-webkit-mask-size: 100%;
		}

.page_btn {
	width: 235px;
	height: auto;
	position: fixed;
	bottom: 40px;
	right: 50px;
	z-index: 99;

	opacity: 0;
	transition: .5s;
	transition-delay: 1.3s;
	pointer-events: none;
}
	.page_btn.loaded {
		opacity: 1;
	}
	.page_btn_wrap {
		width: 100%;
		height: auto;
	}
		.page_btn__link {
			display: block;
			width: 100%;
			height: auto;
			padding: 18px 20px 14px 14px;
			border-radius: 3px;
			position: relative;
			background-color: var(--color--red);
			box-shadow: -10px 15px 18px -1px rgba(0, 0, 0, 0.12);
			pointer-events: auto;
		}
			.page_btn__heading {
				width: 129px;
				height: auto;
				position: absolute;
				top: -8px;
				left: 50px;
				z-index: 2;
			}
			.page_btn__contents {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: auto;
				column-gap: 9px;
			}
				.page_btn__icon {
					width: 45px;
					height: auto;
				}
				.page_btn__text {
					width: auto;
					height: auto;
				}
					.page_btn__text_01 {
						margin-bottom: 3px;
						font-size: 14px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						white-space: nowrap;
						color: var(--color--white);
					}
					.page_btn__text_02 {
						font-size: 23px;
						font-weight: 700;
						line-height: 1;
						white-space: nowrap;
						color: var(--color--white);
					}

.section__heading {
	display: flex;
	justify-content: center;
	align-self: center;
	width: 100%;
	max-width: 1000px;
	height: auto;
	padding: 11px 0;
	margin: 0 auto;
	position: relative;
}
	.section__heading__corner {
		width: 19px;
		height: 21px;
		position: absolute;
	}
	.section__heading__corner._left {
		/* top: 0;
		left: 0; */

		/* top: calc(50% - 10.5px); */
		left: calc(50% - 9.5px);
		opacity: 0;
		transition: .6s;
	}
	.run .section__heading__corner._left {
		top: 0;
		left: 0;
		opacity: 1;
	}
	.section__heading__corner._right {
		/* bottom: 0;
		right: 0; */

		/* bottom: calc(50% - 10.5px); */
		right: calc(50% - 9.5px);
		opacity: 0;
		transition: .6s;
	}
	.run .section__heading__corner._right {
		bottom: 0;
		right: 0;
		opacity: 1;
	}
		.section__heading__corner::before,
		.section__heading__corner::after {
			content: "";
			display: block;
			background-color: var(--color--red);
			position: absolute;
		}
			.section__heading__corner::before {
				width: 14px;
				height: 2px;
			}
			._left.section__heading__corner::before {
				top: 0;
				right: 0;
			}
			._left.section__heading__corner::after {
				bottom: 0;
				left: 0;
			}
			.section__heading__corner::after {
				width: 2px;
				height: 14px;
			}
			._right.section__heading__corner::before {
				bottom: 0;
				left: 0;
			}
			._right.section__heading__corner::after {
				top: 0;
				right: 0;
			}
	.section__heading__txt {
		font-size: 40px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0.05em;
		text-align: center;
		color: var(--color--black);

		opacity: 0;
		/* transform: translateY(20px); */
		transition: .8s;
		transition-delay: .4s;
	}
	.run .section__heading__txt {
		opacity: 1;
		/* transform: translateY(0px); */
	}

/* PC ================================================== */
@media all and (max-width: 1230px){
/* header */
	.header__inner {
		width: calc(100% - 30px);
		left: 15px;
	}
		.header__container {
			padding: 0 20px 0 20px;
			border-radius: 5px;
		}
						.global_nav__menu__list {
							column-gap: 20px;
						}

/* footer */
	.footer__inner {
		width: calc(100% - 180px);
	}
				.footer__logo {
					width: 200px;
					margin-bottom: 16px;
				}
					.footer__info__list {
						margin-bottom: 12px;
					}
			.footer__menu {
				row-gap: 15px;
			}
}

@media all and (max-width: 1120px){
/* header */
	.header__inner {
		height: 50px;
		top: 15px;
	}
		.header__container {
			padding: 0 15px 0 20px;
		}
			.header__logo {
				padding: 0;
				position: relative;
				z-index: 100;
			}
				.header__logo_img {
					width: 90px;
					margin-right: 0px;
				}
				.header__logo_text {
					display: none;
				}
			.global_nav {
				width: 400px;
				height: calc(100vh - 95px);
				border-radius: 5px;
				position: fixed;
				top: 65px;
				right: 0px;
				z-index: 99;
				background-color: var(--color--white);
				transform: translateX(calc(100% + 15px));
				transition: transform .4s;
				overflow: hidden;
			}
			.global_nav._show {
				transform: translateX(0);
			}
				.global_nav__inner {
					width: 100%;
					height: 100%;
					position: relative;
					overflow: auto;
				}
					.global_nav__obj {
						display: block;
						width: 138.45px;
						height: auto;
						opacity: .28;
						position: absolute;
						top: -8px;
						right: -6px;
					}
					.global_nav__contents {
						width: 100%;
						height: 100%;
						padding: 40px 38px;
						margin: 0 auto;
						overflow: auto;
					}
						.global_nav__menu {
							width: 100%;
							height: auto;
							margin: 0 auto;
						}
							.global_nav__menu__list {
								flex-direction: column;
								justify-content: flex-start;
								align-items: stretch;
								column-gap: 0;
								row-gap: 18px;
								width: 100%;
								padding-left: 13px;
								font-size: 20px;
								font-weight: 700;
								line-height: 1.5;
							}
								.global_nav__menu__list__item {
									width: 100%;
									height: auto;
								}
									.global_nav__menu__list__item__link {
										display: inline-block;
										padding-left: 19px;
										position: relative;
									}
										.global_nav__menu__list__item__link::before,
										.global_nav__menu__list__item__link::after {
											content: "";
											display: block;
											border-radius: 9999px;
											position: absolute;
										}
										.global_nav__menu__list__item__link::before {
											width: 10px;
											height: 10px;
											background-color: var(--color--gray);
											top: 11px;
											left: 0;
											z-index: 1;
										}
										.global_nav__menu__list__item__link::after {
											width: 4px;
											height: 4px;
											background-color: var(--color--white);
											top: 14px;
											left: 3px;
											z-index: 2;
										}
									@media (any-hover: hover) {
										.global_nav__menu__list__item__link::before {
											transition: .3s;
										}
										.global_nav__menu__list__item__link:hover::before {
											background-color: var(--color--red);
										}
									}
										.global_nav__menu__list__item__link:active::before {
											background-color: var(--color--red);
										}
						.global_nav__contact {
							display: flex;
							flex-direction: column;
							justify-content: flex-start;
							align-items: stretch;
							row-gap: 10px;
							margin: 35px auto 0;
						}
							.global_nav__contact__item {
								width: 100%;
								height: auto;
							}
								.global_nav__contact__btn {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 100%;
									height: 60px;
									background-color: var(--color--white);
									border-radius: 9999px;
									font-size: 16px;
									font-weight: 900;
									line-height: 1.4;
									letter-spacing: 0.15em;
									position: relative;
								}
								.global_nav__contact__btn._request {
									border: solid 2px var(--color--black);
									color: var(--color--black);
								}
								.global_nav__contact__btn._contact {
									border: solid 2px var(--color--red);
									color: var(--color--red);
								}
									.global_nav__contact__btn__arrow {
										width: 13px;
										height: auto;
										position: absolute;
										top: 50%;
										right: 21px;
										transform: translateY(-50%);
									}
										._request .global_nav__contact__btn__arrow svg {
											fill: var(--color--black);
										}
										._contact .global_nav__contact__btn__arrow svg {
											fill: var(--color--red);
										}
							@media (any-hover: hover) {
								.global_nav__contact__btn {
									transition: .3s;
								}
								.global_nav__contact__btn:hover {
									color: var(--color--white);
								}
								.global_nav__contact__btn._request:hover {
									background-color: var(--color--black);
								}
								.global_nav__contact__btn._contact:hover {
									background-color: var(--color--red);
								}
										.global_nav__contact__btn__arrow svg {
											transition: .3s;
										}
										.global_nav__contact__btn._request:hover .global_nav__contact__btn__arrow svg {
											fill: var(--color--white);
										}
										.global_nav__contact__btn._contact:hover._contact .global_nav__contact__btn__arrow svg {
											fill: var(--color--white);
										}
							}
			.hamburger {
				display: block;
				width: 50px;
				height: 50px;
				position: relative;
				z-index: 100;
			}
				.hbg_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 100%;
					padding: 0;
					margin: 0;
					border: none;
					cursor: pointer;
				}
					.hbg_btn_line {
						display: block;
						width: 32px;
						height: 3px;
						position: relative;
					}
						.hbg_btn_line::before,
						.hbg_btn_line::after {
							content: "";
							display: block;
							width: 100%;
							height: 100%;
							background-color: var(--color--black);
							position: absolute;
						}
							.hbg_btn_line::before {
								top: -5px;
								left: 0;
							}
							.hbg_btn_line::after {
								bottom: -5px;
								right: 0;
							}
					/* 開く時の処理 */
						.open .hbg_btn_line::before {
							animation: hbg_btn-line_before-open .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
						.open .hbg_btn_line::after {
							animation: hbg_btn-line_after-open .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
							@keyframes hbg_btn-line_before-open {
								0% {
									top: -5px;
									transform: translate(0%,0%);
								}
								60% {
									top: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								61% {
									top: 0px;
								}
								100% {
									top: 0px;
									transform: translate(0%,0%) rotate(30deg);
								}
							}
							@keyframes hbg_btn-line_after-open {
								0% {
									bottom: -5px;
									transform: translate(0%,0%);
								}
								60% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								61% {
									bottom: 0px;
								}
								100% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(-30deg);
								}
							}
					/* 閉じる時の処理 */
						.close .hbg_btn_line::before {
							animation: hbg_btn-line_before-close .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
						.close .hbg_btn_line::after {
							animation: hbg_btn-line_after-close .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
							@keyframes hbg_btn-line_before-close {
								0% {
									top: 0px;
									transform: translate(0%,0%) rotate(30deg);
								}
								60% {
									top: 0px;
								}
								61% {
									top: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								100% {
									top: -5px;
									transform: translate(0%,0%);
								}
							}
							@keyframes hbg_btn-line_after-close {
								0% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(-30deg);
								}
								60% {
									bottom: 0px;
								}
								61% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								100% {
									bottom: -5px;
									transform: translate(0%,0%);
								}
							}

/* footer */
	.footer__inner {
		width: calc((300 / 375) * 100%);
		padding: 70px 0 48px;
	}
		.footer__container {
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
		}
			.footer__main {
				width: 100%;
				margin-bottom: 40px;
			}
				.footer__logo {
					width: 166px;
					margin-bottom: 0;
				}
				.footer__info {
					width: 100%;
				}
				.footer__info._pc {
					display: none;
				}
				.footer__info._sp {
					display: block;
				}
					.footer__info__list {
						row-gap: 5px;
						margin-bottom: 25px;
					}
					.footer__info__policy {
						width: 100%;
						height: auto;
						font-size: 11px;
						line-height: calc(20 / 11);
						text-align: center;
					}
							.footer__info__policy a::before {
								bottom: -1px;
							}
			.footer__menu {
				row-gap: 18px;
				width: 100%;
				margin: 0 auto 50px 0;
			}
				.footer__menu__nav {
					width: 100%;
				}
}

@media all and (min-width: 769px){
.sp {display: none;}
.pc {display: inline-block;}
.view_sp {display: none;}
.view_pc {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
.pc {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_sp {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* header */
			.global_nav {
				width: 100vw;
				height: 100dvh;
				border-radius: 0px;
				top: -15px;
				right: -15px;
				transform: translateX(100%);
			}
					.global_nav__contents {
						padding: 92px 38px 30px;
					}
							.global_nav__menu__list {
								row-gap: 22px;
								font-size: 22px;
							}
										.global_nav__menu__list__item__link::before {
											top: 13px;
										}
										.global_nav__menu__list__item__link::after {
											top: 16px;
										}
						.global_nav__contact {
							row-gap: 10px;
							margin: 35px auto 0;
						}

/* footer */
			.footer__main {
				margin-bottom: 30px;
			}
			.footer__menu {
				flex-direction: row;
				justify-content: space-between;
				row-gap: 20px;
				margin: 0 auto 60px;
			}
				.footer__menu__nav {
					width: 50%;
				}
					.footer__menu__list {
						flex-direction: column;
						justify-content: flex-start;
						align-items: stretch;
						row-gap: 20px;
						width: 100%;
						line-height: 1.5;
					}
						.footer__menu__list__item {
							width: 100%;
						}
								.footer__menu__list__item__link:active::before {
									background-color: var(--color--red);
								}
	.footer__obj {
		position: absolute;
		bottom: -8px;
		left: 50%;
		transform: translateX(-50%);
	}
		.footer__obj__container {
			width: 398px;
			aspect-ratio: 397.84 / 82.47;
		}

.page_btn {
	width: 100%;
	bottom: 0;
	right: 0;
}
		.page_btn__link {
			padding: 9px 15px 8px;
			border-radius: 0;
		}
			.page_btn__heading {
				top: -10px;
				left: 50%;
				transform: translateX(-50%);
			}
			.page_btn__contents {
				column-gap: 7px;
			}
				.page_btn__icon {
					width: 43px;
				}
				.page_btn__text {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					column-gap: 13px;
				}
					.page_btn__text_01 {
						width: 79px;
						height: auto;
						margin-bottom: 0;
						border-right: solid 1px var(--color--white);
						font-size: 12px;
						line-height: 1.3;
						white-space: wrap;
					}
					.page_btn__text_02 {
						padding-bottom: 2px;
						font-size: 29px;
						line-height: 1;
						letter-spacing: 0.03em;
					}

.section__heading {
	padding: 5px 0 4px;
}
	.section__heading__corner {
		width: 14px;
		height: 16px;
	}
	.section__heading__corner._left {
		top: calc(50% - 8px);
		left: calc(50% - 7px);
	}
	.section__heading__corner._right {
		bottom: calc(50% - 8px);
		right: calc(50% - 7px);
	}
			.section__heading__corner::before {
				width: 10px;
			}
			.section__heading__corner::after {
				height: 10px;
			}
	.section__heading__txt {
		font-size: 24px;
		line-height: 40px;
	}
}

/* SP ================================================== */
@media all and (max-width: 575px){
.pc,.tablet {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_tablet {display: none;}
.view_sp {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}