@charset "UTF-8";
@import url(reset.css);
body {
		width: 100%;
		margin: 0 auto;
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
		font-feature-settings: "pwid" 1;
		-webkit-font-smoothing: subpixel-antialiased;
		-moz-osx-font-smoothing: unset;
		-webkit-text-size-adjust: 100%;
		text-rendering: optimizeLegibility;
		word-wrap: break-word;
		color: #343331;
		font-size: 10px;
		font-size: 1.6rem;
}

* {
		box-sizing: border-box;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
}

img {
		max-width: 100%;
		vertical-align: top;
}

a {
		color: #343331;
}

li {
		list-style: none;
}

a {
		-webkit-transition: 0.4s;
		transition: 0.4s;
}

a, img, span, p, input, select, div, ul, li, h1, h2, h3, h4, h5, h6, svg, path, header, main, footer {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.swiper-button-prev, .swiper-button-next {
		border: 0px !important;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.swiper-button-prev:hover, .swiper-button-next:hover {
		border: 0px !important;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type=text] {
		font-size: 16px;
		border: 1px solid #ccc;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		img[src$=".svg"] {
				width: 100%;
		}
}

header {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		background: rgba(255, 255, 255, 0.99);
		box-shadow: 0 -1px 18px -2px rgba(0, 0, 0, 0.25), 0 2px 3px -2px rgba(0, 0, 0, 0.25);
}

header .icon {
		position: relative;
		z-index: 100;
		height: 100%;
		padding: 15px 16px 20px;
		margin-left: 60px;
		display: inline-block;
}

header .icon svg {
		position: relative;
		height: 100%;
		display: block;
}

header .icon path {
		fill: #343331;
		fill-rule: evenodd;
}

header .icon:hover {
		opacity: .6;
}

header .menu > ul {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 40%;
		letter-spacing: -.4rem;
		font-size: 0;
}

header .menu > ul li {
		letter-spacing: normal;
		font-size: 18px;
		display: inline-block;
		margin-left: 40px;
}

header .menu > ul li a {
		-webkit-transition: 0.2s;
		transition: 0.2s;
}

header .menu > ul li a:hover {
		opacity: .4;
}

header .menu-btn {
		position: absolute;
		z-index: 100;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 2%;
		width: 36px;
		height: 36%;
		display: none;
		transition: all .4s;
		box-sizing: border-box;
}

header .menu-btn span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background: #343331;
		border-radius: 2px;
		display: inline-block;
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		box-sizing: border-box;
}

header .menu-btn span:nth-of-type(1) {
		top: 0;
}

header .menu-btn span:nth-of-type(2) {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

header .menu-btn span:nth-of-type(2):after {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 3px;
		background-color: #343331;
		border-radius: 2px;
		transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header .menu-btn span:nth-of-type(3) {
		bottom: 0;
}

header .menu-btn.active span:nth-of-type(1) {
		transform: translate(50%) scale(0);
}

header .menu-btn.active span:nth-of-type(2) {
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
}

header .menu-btn.active span:nth-of-type(2):after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}

header .menu-btn.active span:nth-of-type(3) {
		transform: translate(-50%) scale(0);
}

/* model */
.m-child {
		display: block;
		position: relative;
}

.m-child__title {
		width: 50%;
		max-width: 512px;
		padding: 10% 0 10% 76px;
		text-align: left;
}

.m-child__title img {
		height: 90px;
		display: block;
}

.m-child__title svg {
		height: 90px;
		display: block;
}

.m-child__title svg path {
		fill: #343331;
}

.m-child__title h1 {
		position: relative;
		font-size: 18px;
		font-weight: bold;
		margin-top: 27px;
		padding-top: 18px;
		text-align: left;
}

.m-child__title h1:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 62px;
		height: 3px;
		background: #343331;
		display: block;
}

.m-child__top {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		display: block;
		overflow: hidden;
}

.m-child__top > img {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 0;
		max-width: none;
		width: auto;
		height: 100%;
}

.m-child__top__txt {
		position: absolute;
		bottom: -7px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

.m-child__top__txt p {
		font-size: 19px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 13px;
		text-align: right;
}

.m-child__top__txt img {
		height: 90px;
		max-width: none;
		display: block;
}

.m-child__top__txt svg {
		height: 90px;
		max-width: none;
		display: block;
		opacity: 0.93;
}

.m-child__top__txt svg path {
		fill: #fff;
}

.swiper-button-prev, .swiper-button-next {
		color: #343331 !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
		font-size: 36px !important;
}

.swiper-pagination-bullet {
		background: #343331 !important;
}

main {
		margin-top: 80px;
		height: 100%;
}

main .top {
		height: 100%;
}

main .top__product {
		position: relative;
		width: 100%;
		height: 100%;
		letter-spacing: -.4rem;
		font-size: 0;
}

main .top__product__txt {
		position: relative;
		z-index: 2;
		width: 40%;
		max-width: 500px;
		height: 600px;
		height: 94vh;
		display: inline-block;
		letter-spacing: normal;
		font-size: 15px;
		vertical-align: top;
}

main .top__product__txt__inner {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		padding: 0 15%;
}

main .top__product__txt__inner h2 {
		font-size: 43px;
		white-space: nowrap;
		line-height: 1.2;
}

main .top__product__txt__inner p:nth-of-type(1) {
		font-size: 20px;
		font-weight: bold;
		white-space: nowrap;
		margin: 5% 0 8%;
}

main .top__product__txt__inner p:nth-of-type(2) {
		margin: 8% 0 12%;
		letter-spacing: 1.75;
		text-align: justify;
		max-width: 600px;
		font-size: 15px;
}

main .top__product__txt__inner p span {
		font-weight: bold;
}

main .top__product__txt__inner__btn {
		width: 81%;
		max-width: 600px;
		display: block;
		border-radius: 6px;
		border: 2px solid #343331;
		font-size: 19px;
		font-weight: bold;
		text-align: center;
		-webkit-transition: 0.2s;
		transition: 0.2s;
}

main .top__product__txt__inner__btn a {
		display: block;
		color: #343331;
		padding: 10px 0;
		-webkit-transition: 0.2s;
		transition: 0.2s;
}

main .top__product__txt__inner__btn:hover {
		border: 2px solid #EEA616;
}

main .top__product__txt__inner__btn:hover a {
		color: #EEA616;
}

main .top__product__img {
		position: relative;
		width: 60%;
		display: inline-block;
		letter-spacing: normal;
		font-size: 18px;
		vertical-align: top;
		cursor: grab;
}

main .top__product__img:active {
		cursor: grabbing;
}

main .top__product__img img {
	height: auto;
}

main .top__brand {
		position: relative;
		display: block;
		height: 640px;
		background: #343331;
		color: #fff;
		letter-spacing: -.4rem;
		font-size: 0;
		text-align: center;
}

main .top__brand__contents {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		max-width: 1700px;
}

main .top__brand__contents__info {
		display: inline-block;
		letter-spacing: normal;
		font-size: 16px;
		width: 46%;
		max-width: 624px;
		text-align: center;
		padding-top: 1%;
}

main .top__brand__contents__info img {
		margin: 0 auto 50px;
		width: 64%;
		height: auto;
		display: block;
}

main .top__brand__contents__info p {
		margin: 0 auto;
		width: 72%;
		line-height: 1.8;
		display: block;
}

main .top__brand__contents > ul {
		display: inline-block;
		width: 54%;
		max-width: 743px;
		vertical-align: top;
}

main .top__brand__contents > ul li {
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		font-size: 16px;
		width: 47%;
		min-height: 460px;
		margin-right: 6%;
		background: #fff;
		color: #343331;
		box-shadow: 0 32px 42px -12px rgba(0, 0, 0, 0.5);
}

main .top__brand__contents > ul li:last-child {
		margin-right: 0;
}
main .top__brand__contents > ul li img {
	height: auto;
}

main .top__brand__contents > ul li h3 {
		width: 80%;
		display: block;
		margin: 0 auto;
		padding: 20px 0 0;
}

main .top__brand__contents > ul li p {
		width: 80%;
		display: block;
		margin: 0 auto;
		padding: 20px 0 40px;
}

main .top__blog {
		margin: 6% auto;
		width: 90%;
		max-width: 1200px;
		text-align: center;
}

main .top__blog h2 {
		font-size: 28px;
}

main .top__blog ul {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 20px auto;
}

main .top__blog ul li {
		width: calc(94%/4);
		margin-right: calc(6%/3);
		padding: 0px 0px 18px;
    display: block;
    box-shadow: 0 12px 32px -10px rgba(0,0,0,.2);
}

main .top__blog ul li:last-child {
		margin-right: 0;
}

main .top__blog ul li h3 {
		font-size: 16px;
		width: 90%;
		line-height: 1.35;
		margin: 23px auto -5px;
}

main .top__blog ul li span {
		font-size: 12px;
		opacity: .5;
		line-height: 1;
}
main .top__blog >a {
	transition: .2s;
	color: #EEA616;
	text-decoration: underline;
	display: inline-block;
	font-size: 18px;
}

main .top__media {
		width: 80%;
		max-width: 1260px;
		margin: 10% auto;
		padding: 6% 5%;
		display: block;
		box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.2);
}

main .top__media__1 {
		position: relative;
		width: 100%;
		display: block;
		text-align: center;
}

main .top__media__1 h3 {
		font-size: 32px;
		text-align: center;
		margin-bottom: 5%;
}

main .top__media__1 li {
		padding: 22px 6% 13px;
		border-bottom: 1px solid #ebebeb;
		text-align: left;
}

main .top__media__1 li > span {
		font-size: 14px;
		display: block;
		margin-bottom: 6px;
}

main .top__media__1 li a, main .top__media__1 li p {
		font-size: 22px;
		color: #343331;
		-webkit-transition: 0.2s;
		transition: 0.2s;
}

main .top__media__1 li a:hover {
		color: #EEA616;
}
main .top__media__1 >a {
	transition: .2s;
	color: #EEA616;
	text-decoration: underline;
	display: inline-block;
	font-size: 18px;
	margin-top: 4%;
}

main .top__photo {
		position: relative;
}

main .top__photo ul {
		width: 80%;
		max-width: 1260px;
		margin: 0 auto;
		display: block;
		font-size: 0;
		letter-spacing: -.4em;
}

main .top__photo ul li {
		letter-spacing: normal;
		font-size: 16px;
		display: inline-block;
		width: 48%;
		margin-right: 3.5%;
}

main .top__photo ul li:nth-of-type(1), main .top__photo ul li:nth-of-type(2) {
		margin-bottom: 3.6%;
}

main .top__photo ul li:nth-of-type(2), main .top__photo ul li:nth-of-type(4) {
		margin-right: 0;
}

main .top__photo ul li img {
	height: auto;
}

main .news {
		position: relative;
}

main .news__contents {
		width: 94%;
		padding: 80px 0 0 50%;
}

main .news__contents > h2 {
		font-size: 42px;
}

main .news__contents > p {
		font-size: 16px;
		padding: 12px 0 22px;
}

main .news__contents > ul {
		border-top: 1px solid #D3D3D3;
}

main .news__contents > ul li {
		border-bottom: 1px solid #D3D3D3;
		padding: 14px 0 27px;
		line-height: 1.25;
}

main .news__contents > ul li > span:nth-of-type(1) {
		font-size: 14px;
		display: inline-block;
		min-width: 195px;
		padding-right: 6px;
}

main .news__contents > ul li > span:nth-of-type(2) {
		background: #846D5A;
		border-radius: 3px;
		padding: 2px 10px;
		display: inline-block;
		text-align: center;
		line-height: 1.3;
		font-size: 11px;
		color: #fff;
		letter-spacing: 1px;
}

main .news__contents > ul li > p {
		font-weight: bold;
		font-size: 22px;
		padding: 19px 0 11px;
}

main .news__contents > ul li a {
		position: relative;
		color: #EEA616;
		display: inline-block;
		font-size: 18px;
}

main .news__contents > ul li a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		display: block;
		background: #EEA616;
}

main .news__contents > ul li a svg {
		width: 30px;
		display: inline-block;
		margin: -4px 0 0 -3px;
}

main .news__contents > ul li a svg rect {
		fill: none;
}

main .news__contents > ul li a svg polyline, main .news__contents > ul li a svg line {
		fill: none;
		stroke: #EEA616;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 2px;
}

main .news__contents > ul li a:hover {
		opacity: .5;
}

main .about__info {
		position: relative;
		width: 100%;
		padding: 140px 0;
}

main .about__info .swiper-container {
		cursor: grab;
		padding: 30px 0 78px;
}

main .about__info .swiper-container:active {
		cursor: grabbing;
}

main .about__info__contents {
		max-width: 1260px;
		display: block;
		letter-spacing: -.4em;
		font-size: 0;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 0px 12px -3px rgba(0, 0, 0, 0.2), 0 7px 34px -9px rgba(0, 0, 0, 0.3);
}

main .about__info__contents > img {
		position: relative;
		width: 44%;
		display: inline-block;
		box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.2);
}

main .about__info__contents__txt {
		position: relative;
		display: inline-block;
		width: 56%;
		padding: 40px;
}

main .about__info__contents__txt > img {
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;
		box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.2);
		margin-bottom: 8%;
}

main .about__info__contents__txt > span {
		font-size: 14px;
		color: #565452;
		margin: 0 0 4%;
		display: block;
		letter-spacing: normal;
}

main .about__info__contents__txt > p {
		font-size: 32px;
		font-weight: bold;
		letter-spacing: normal;
		line-height: 1.3;
}

main .about__info__contents__txt > a {
		position: absolute;
		bottom: 40px;
		right: 40px;
		font-size: 20px;
		color: #EEA616;
		display: block;
		border-bottom: 1px solid #EEA616;
}

main .about__prof {
		position: relative;
		width: 100%;
		margin: 0 auto;
		display: block;
		color: #343331;
}

main .about__prof__title {
		width: 100%;
		display: block;
		letter-spacing: -.4em;
		font-size: 0;
}

main .about__prof__title__img {
		position: relative;
		width: 50%;
		overflow: hidden;
		height: 346px;
		display: inline-block;
		vertical-align: top;
}

main .about__prof__title__txt {
		position: relative;
		width: 50%;
		max-width: 512px;
		padding: 200px 2% 10% 76px;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		letter-spacing: normal;
		font-size: 20px;
}

main .about__prof__title__txt p {
		text-align: right;
}

main .about__prof__title__txt svg {
		opacity: 0.93;
}

main .about__prof__title__txt svg path {
		fill: #343331;
}

main .about__prof__bg {
		width: 100%;
		height: 118%;
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		overflow: hidden;
}

main .about__prof__bg img {
		position: absolute;
		bottom: 0;
		right: -5%;
		width: 40%;
		max-width: 550px;
}

main .about__prof__contents {
		position: relative;
		width: 90%;
		max-width: 1000px;
		box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.4);
		padding: 88px;
		margin: 0 auto;
		background: url(../img/prof-bg1.jpg);
		background-position: center;
		background-size: cover;
}

main .about__prof__contents h3 {
		font-size: 32px;
		margin-bottom: 50px;
		text-align: center;
}

main .about__prof__contents p {
		font-size: 20px;
		line-height: 1.8;
}

main .about__prof__contents p span {
		font-size: 1.2em;
		display: block;
		margin-top: 30px;
		text-align: right;
		font-weight: bold;
}

main .contact__contents {
		width: 80%;
		margin: 80px auto 0;
		text-align: center;
}

main .contact__contents > h2 {
		font-size: 42px;
}

main .contact__contents > p {
		font-size: 20px;
		line-height: 1.8;
		padding: 30px 0 30px;
}

main .contact__contents > a {
		position: relative;
		color: #EEA616;
		display: inline-block;
		font-size: 24px;
}

main .contact__contents > a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		display: block;
		background: #EEA616;
}

main .contact__contents > a:hover {
		opacity: .5;
}

footer {
		width: 100%;
		margin-top: 10%;
		position: relative;
		background: url("../img/img-foot.jpg");
		background-position: center top;
		background-size: 100% auto;
}

footer:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		background: rgba(52, 51, 49, 0.9);
}

footer a {
		-webkit-transition: 0.2s;
		transition: 0.2s;
}

footer a:hover {
		opacity: .3;
}

footer .footer__logo {
		position: relative;
		padding: 68px 0 63px;
		width: 280px;
		display: block;
		margin: 0 auto;
}

footer .footer__logo a {
		display: block;
}

footer .footer__logo a img {
		width: 100%;
}

footer .footer__logo a svg path, footer .footer__logo a svg rect {
		fill: #fff;
}

footer .footer__social {
		position: relative;
		font-size: 0;
		letter-spacing: -.4em;
		text-align: center;
		margin: 20px auto 60px;
}

footer .footer__social > ul li {
		font-size: 16px;
		letter-spacing: normal;
		display: inline-block;
		margin-right: 20px;
}

footer .footer__social > ul li:last-child {
		margin-right: 0;
}

footer .footer__social > ul li a {
		width: 40px;
		height: 40px;
		padding: 7px;
		display: block;
}

footer .footer__social > ul li a img {
		width: 100%;
		display: block;
}

footer .footer__social > ul li a svg path, footer .footer__social > ul li a svg rect {
		fill: #fff;
}

footer > ul {
		position: relative;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
		letter-spacing: -.4em;
}

footer > ul li {
		font-size: 15px;
		letter-spacing: normal;
		display: inline-block;
		margin-right: 20px;
}

footer > ul li:last-child {
		margin-right: 0;
}

footer > ul li a {
		color: #fff;
}

footer > p {
		position: relative;
		font-size: 14px;
		color: #fff;
		text-align: center;
		padding-bottom: 20px;
}

@media (max-width: 1672px) {
		main .about__prof__title__img img {
				position: absolute;
				top: 0;
				right: 0;
				max-width: none;
				height: 100%;
		}
}

@media (max-width: 1415px) {
		footer {
				background-size: auto 100%;
		}
}

@media (max-width: 1267px) {
		main .top__product__txt__inner h2 {
				font-size: 32px;
				line-height: 1.4;
		}
		main .top__product__txt__inner p:nth-of-type(1) {
				font-size: 17px;
		}
		main .top__product__txt__inner p:nth-of-type(2) {
				font-size: 14px;
		}
}

@media (min-width: 1267px) {
		main .top__product__img {
				width: calc(100% - 500px);
		}
}

@media (max-width: 1200px) {
		main .about__info__contents__txt > p {
				font-size: 27px;
		}
}

@media (max-width: 1000px) {
		header {
				height: 64px;
		}
		header .icon {
				padding-left: 2%;
				margin-left: 0;
		}
		header .menu {
				position: fixed;
				top: 0;
				left: 0;
				transform: translateY(-100%);
				-webkit-transform: translateY(-100%);
				width: 100%;
				height: 100%;
				display: block;
				background: rgba(255, 255, 255, 0.98);
				opacity: 0;
				-webkit-transition: 0.6s;
				transition: 0.6s;
		}
		header .menu > ul {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				left: 50% !important;
				width: 70%;
				display: block;
		}
		header .menu > ul li {
				text-align: center;
				font-size: 34px;
				margin: 6px 0 0;
				display: block;
				border-bottom: 1px solid #e8e8e8;
		}
		header .menu > ul li a {
				padding: 2%;
				display: block;
		}
		header .menu.activ {
				opacity: 1 !important;
				transform: translateY(0%) !important;
				-webkit-transform: translateY(0%) !important;
		}
		header .menu-btn {
				display: block;
				cursor: pointer;
		}
		main {
				margin-top: 64px;
		}
		main .top__product__txt__inner p:nth-of-type(1) {
				margin-bottom: 13%;
		}
		main .top__product__txt__inner p:nth-of-type(2) {
				display: none;
		}
		main .top__product__txt__inner__btn {
				width: 170px;
				font-size: 16px;
		}
		main .top__product__txt__inner__btn a {
				padding: 7px 0;
		}
		main .top__brand {
				height: 1000px;
		}
		main .top__brand__contents__info {
				display: block;
				margin: 0 auto;
				max-width: none;
				width: 740px;
		}
		main .top__brand__contents__info img {
				width: 54%;
		}
		main .top__brand__contents__info P {
				width: 88%;
		}
		main .top__brand__contents > ul {
				max-width: none;
				width: 640px;
				margin-top: 46px;
		}
		main .top__brand__contents > ul li {
				min-height: 416px;
		}
		main .top__media {
				width: 100%;
				padding: 6% 0;
		}
		main .m-child__title img, main .m-child__title svg {
				height: 68px;
		}
		main .m-child__title h1 {
				font-size: 17px;
				margin-top: 21px;
		}
		main .m-child__top__txt p {
				font-size: 16px;
		}
		main .m-child__top__txt img {
				height: 68px;
		}
		main .news__contents {
				padding-left: 76px !important;
		}
		main .about__info {
				padding: 50px 0;
		}
		main .about__prof__title {
				position: relative;
				margin-bottom: 90px;
		}
		main .about__prof__title__img {
				width: 100%;
		}
		main .about__prof__title__img img {
				position: absolute;
				top: 0;
				left: 0;
				height: 120%;
				opacity: .6;
		}
		main .about__prof__title__txt {
				position: absolute;
				bottom: 0;
				left: 4%;
				padding: 0;
				width: 45%;
		}
		main .about__prof__title__txt p {
				text-align: right;
				margin-bottom: -4%;
		}
		main .about__prof__bg img {
				bottom: 4%;
				right: -12%;
		}
		main .about__prof__contents p {
				font-size: 16px;
		}
}

@media (max-width: 767px) {
		.swiper-button-prev:after, .swiper-button-next:after {
				transform: scale(0.7);
		}
		header {
				height: 50px;
		}
		header .icon {
				padding: 10px 10px 10px 12px;
		}
		header .menu-btn {
				width: 26px;
				height: 45%;
				right: 12px;
		}
		main {
				margin-top: 50px;
		}
		main .top__product__txt {
				opacity: 0;
				width: 0;
				height: 400px;
		}
		main .top__product__txt__inner {
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				top: 45%;
				left: 28px;
		}
		main .top__product__txt__inner > p:nth-of-type(1) {
				margin-bottom: 15px;
				font-size: 15px;
				margin-top: 4px;
				white-space: normal;
				width: 253px;
				width: 79vw;
				line-height: 1.2;
		}
		main .top__product__txt__inner > h2 {
				font-size: 28px;
				line-height: 1.2;
				pointer-events: none;
				margin-right: 0;
				width: 253px;
				width: 79vw;
				white-space: normal;
		}
		main .top__product__txt__inner > p {
				pointer-events: none;
		}
		main .top__product__txt__inner__btn {
				background: rgba(255, 255, 255, 0.3);
		}
		main .top__product__img {
				width: 100%;
		}
		main .top__product__img img {
				opacity: .7;
		}
		main .top__blog ul {
			display: block;
		}
		main .top__blog ul li {
			width: 100%;
			max-width: 320px;
			margin: 0 auto 40px !important;
		}
		main .top__brand {
				height: 1429px;
		}
		main .top__brand__contents__info {
				width: 100%;
		}
		main .top__brand__contents__info img {
				width: 72%;
				max-width: 400px;
		}
		main .top__brand__contents > ul {
				width: 100%;
		}
		main .top__brand__contents > ul li {
				width: 320px;
				min-height: 412px;
				margin: 0 auto 9%;
				display: block;
		}
		main .top__brand__contents > ul li:last-child {
				margin-right: auto;
				margin-bottom: 0;
		}
		main .top__brand__contents > ul li > h3 {
				padding-top: 23px;
				font-size: 17px;
		}
		main .top__brand__contents > ul li > p {
				font-size: 15px;
				padding: 15px 0 30px;
		}
		main .top__media__1 {
				font-size: 30px;
		}
		main .top__media__1 li {
				line-height: 1;
		}
		main .top__media__1 li > span {
				margin-bottom: 11px;
		}
		main .top__media__1 li a, main .top__media__1 li p {
				font-size: 18px;
		}
		main .top__photo ul {
				width: 320px;
		}
		main .top__photo ul li {
				display: block;
				width: 100%;
				margin: 0 0 7.5% !important;
		}
		main .m-child {
				height: 256px;
		}
		main .m-child__title {
				position: absolute;
				z-index: 1;
				top: 50%;
				left: 5%;
				padding: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				width: auto;
		}
		main .m-child__title img, main .m-child__title svg {
				height: 60px;
		}
		main .m-child__title h1 {
				font-size: 15px;
				margin-top: 19px;
		}
		main .m-child__top {
				width: 100% !important;
				height: 100%;
		}
		main .m-child__top > img {
				height: 123%;
				opacity: .8;
		}
		main .m-child__top__txt {
				display: none;
		}
		main .news__contents {
				width: 90%;
				margin: 0 auto;
				padding: 60px 0 0 !important;
		}
		main .about .swiper-button-prev, main .about .swiper-button-next {
				display: none !important;
		}
		main .about__info {
				padding: 20px 0;
		}
		main .about__info .swiper-container {
				padding-bottom: 57px;
		}
		main .about__info__contents__txt {
				padding: 20px;
		}
		main .about__info__contents__txt > p {
				font-size: 16px;
		}
		main .about__info__contents__txt > a {
				font-size: 15px;
				bottom: 10px;
				right: 10px;
				white-space: nowrap;
				background: #fff;
		}
		main .about__info__contents__txt > img {
				display: none;
		}
		main .about__prof__title {
				margin-bottom: 45px;
		}
		main .about__prof__title__img {
				height: 166px;
		}
		main .about__prof__title__txt {
				width: 65%;
		}
		main .about__prof__bg {
				display: none;
		}
		main .about__prof__contents {
				padding: 30px 21px;
				background: rgba(0, 0, 0, 0);
		}
		main .about__prof__contents h3 {
				font-size: 23px;
				margin-bottom: 21px;
		}
		main .about__prof__contents > p {
				font-size: 17px;
		}
		main .contact__contents {
				width: 90%;
				margin-top: 45px;
				text-align: left;
		}
		main .contact__contents h2 {
				font-size: 23px;
				margin-bottom: 21px;
		}
		main .contact__contents > p {
				font-size: 17px;
				padding-top: 0;
		}
		main .contact__contents > a {
				font-size: 19px;
		}
		footer:before {
				background: rgba(52, 51, 49, 0.9);
		}
		footer > ul {
				font-size: 14px;
		}
		footer > ul li {
				margin-right: 10px;
		}
		footer > p {
				padding-bottom: 17px;
		}
		footer .footer__logo {
				padding: 35px 0 40px;
				width: 236px;
		}
		footer .footer__social {
				margin-bottom: 20px;
		}
		footer .footer__social path {
				fill: #fff;
		}
}

@media (max-width: 320px) {
		header .menu > ul li {
				font-size: 20px;
		}
		footer .footer__logo {
				padding: 48px 0 43px;
		}
		footer > ul {
				width: 70%;
				line-height: 2.3;
		}
		footer > ul li:nth-last-of-type(3) {
				margin-right: 0;
		}
		footer > ul li:nth-last-of-type(2) {
				margin-left: 20px;
		}
		footer > ul li:nth-last-of-type(1) {
				margin-right: 20px;
		}
		footer .footer__social {
				margin-bottom: 22px;
		}
		footer > p {
				padding-bottom: 20px;
		}
}

@media (min-width: 1726px) {
		.m-child__top > img, .m-child__top svg {
				width: 100%;
				height: auto;
		}
}

@media (min-width: 1600px) {
		main .top__product__txt {
				max-width: none;
		}
		main .top__product__img {
				width: 60%;
		}
}