@charset "UTF-8";
/* CSS Document */
html {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
html.wf-active,
html.loading-delay {
    visibility: visible;
    opacity: 1;
}

* {
    word-break: break-all;
}

body {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	letter-spacing: 0.02em;
	background-color: #040000;
}
#wrapper {
    overflow: hidden;
}
a {
	color: #e45a24;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a img {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.inner {
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
.gk_r {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.gk_m {
	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 500;
	font-style: normal;
}
.gk_b {
	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 700;
	font-style: normal;
}

/*fade*/
.fadeUp {
animation-name: fadeUpAnime;
animation-duration: 4s;
animation-fill-mode: forwards;
opacity: 0;
}

@keyframes fadeUpAnime {
  from {
	opacity: 0;
	transform: translateY(160px);
  }
  to {
	opacity: 1;
	transform: translateY(0);
  }
}
.fadeUpTrigger {
	opacity: 0;
}

/* og */
.og {
	width: 100%;
	height: calc( var(--vh) * 100);
	display: flex;
	justify-content: center;
	align-items: center;
}
.og h1 {
	width: 300px;
}

/* mainArea */
.mainArea .main_bg {
	width: 100%;
	height: 1013px;
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/common/main_img.png);
	background-repeat: no-repeat;
	background-position: left 85% top;
	background-size: 1893px;
	position: relative;
}
.mainArea .m_txt {
	width: 19px;
	position: absolute;
	top: 80px;
	right: 10%;
}
.mainArea .inner {
	max-width: 800px;
	margin: 0 auto;
	height: 1013px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.mainArea .inner .ttlArea {
	margin-top: -120px;
}
.mainArea .inner .ttlArea h1 {
	width: 380px;
	margin: 0 auto;
}
.mainArea .inner .ttlArea h2 {
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	padding-top: 18px;
}

/* moveArea */
.moveArea {
  position: relative;
  z-index: 0;
}
.move_ticker {
	padding: 80px 0 16px;
}
.move_ticker-row:nth-child(n+2) {
	margin-top: 48px;
}
.move_ticker-cell {
	padding: 0 0;
	animation-duration: 37.6s;
}
.move_ticker-cell img {
	width: 146rem;
	height: 6.2rem;
}
.move_ticker {
  pointer-events: none;
}
.move_ticker-row {
  display: flex;
}
.move_ticker-row:nth-child(odd) .move_ticker-cell {
  animation-name: common-move-left;
}
.move_ticker-row:nth-child(even) .move_ticker-cell {
  animation-name: common-move-right;
}
.move_ticker-row:nth-child(1) .move_ticker-cell {
  animation-duration: 22.6s;
}
.move_ticker-row:nth-child(2) .move_ticker-cell {
  animation-duration: 30.1s;
}
.move_ticker-row:nth-child(3) .move_ticker-cell {
  animation-duration: 37.6s;
}
.move_ticker-cell {
  position: relative;
  flex: none;
  animation-duration: 40s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes common-move-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes common-move-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

/* slideArea01 */
.slideArea01 .inner {
	max-width: 580px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.slideArea01 .inner:before {
	content: "";
	position: absolute;
	z-index: 50;
	bottom: 20px;
	right: -1px;
	width: 306px;
	height: 520px;
	background-image: url("../img/common/slanting.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.swiper-container {
	width: 580px;
	margin: 0 auto;
	overflow: hidden;
}
.swiper-container .swiper-pagination {
	position: relative!important;
	bottom: -18px!important;
	left: 50%!important;
	transform: translate(-50%, -50%)!important;
	z-index: 1000!important;
}
.swiper-container .swiper-pagination-bullet {
	margin: 0 6px!important;
	border-radius: 100%;
	background: #fff;
	opacity: 1;
}
.swiper-container .swiper-pagination-bullet-active {
	background: #83bf2f!important;
}
.swiper-container .swiper-pagination-bullet-active {
	opacity: 1;
}

/* conceptArea */
.conceptArea .inner {
	padding: 86px 20px 100px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.conceptArea .inner .right {
	width: 26%;
	display: flex;
	justify-content: flex-end;
 margin-top: -120px;
}
.conceptArea .inner .right h1 {
	width: 90px;
}
.conceptArea .inner .left {
	width: 74%;
}
.conceptArea .inner .left h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 2;
}
.conceptArea .inner .left .txt_pic {
	width: 222px;
	padding-top: 30px;
}
.conceptArea .inner .left .txt {
	padding-top: 30px;
}
.conceptArea .inner .left .txt p {
	line-height: 2.8;
}

/* aboutArea */
/* desc01 */
.aboutArea .desc01 .inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 100px 20px 80px 140px;
}
.aboutArea .desc01 .inner .ttlArea {
	display: flex;
	justify-content: space-between;
}
.aboutArea .desc01 .inner .ttlArea .right {
	margin-top: -380px;
}
.aboutArea .desc01 .inner .ttlArea .left {
	width: 294px;
}
.aboutArea .desc01 .inner .ttlArea .left h1 {
	width: 294px;
}
.aboutArea .desc01 .inner .txtArea {
	padding-top: 30px;
}
.aboutArea .desc01 .inner .txtArea h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 2;
}
.aboutArea .desc01 .inner .txtArea .txt_pic {
	width: 222px;
	padding-top: 30px;
}
.aboutArea .desc01 .inner .txtArea .txt {
	padding-top: 30px;
}
.aboutArea .desc01 .inner .txtArea .txt p {
	line-height: 2.8;
}

/* desc02 */
.aboutArea .desc02 .inner {
	padding: 80px 20px 60px;
	display: flex;
	justify-content: space-between;
}
.aboutArea .desc02 .inner .left,
.aboutArea .desc02 .inner .right {
	width: calc(50% - 20px / 2);
}
.aboutArea .desc02 .inner .right h3 {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.8;
}
.aboutArea .desc02 .inner .right .txt {
	padding-top: 30px;
}
.aboutArea .desc02 .inner .right .txt p {
	line-height: 2.8;
}

/* desc03 */
.aboutArea .desc03 .inner {
	padding: 60px 20px 196px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.aboutArea .desc03 .inner .left,
.aboutArea .desc03 .inner .right {
	width: calc(50% - 60px / 2);
}
.aboutArea .desc03 .inner .left h3 {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.8;
}
.aboutArea .desc03 .inner .left .txt {
	padding-top: 30px;
}
.aboutArea .desc03 .inner .left .txt p {
	line-height: 2.8;
}

/* slideArea02 */
.slideArea02 {
	background-color: #83bf2f;
}
.slideArea02 .ttlArea .inner {
	padding: 160px 20px 76px;
	text-align: center;
}
.slideArea02 .ttlArea .inner h1 {
	width: 465px;
	margin: 0 auto;
}
.slideArea02 .ttlArea .inner h2 {
	font-size: 24px;
	padding-top: 30px;
	font-weight: 700;
}
.slideArea02 .swiper-container02 {
	width: 100%;
	position: relative;
	text-align: center;
	padding-bottom: 160px;
}
.slideArea02 .swiper-container02 .swiper-slide {
	padding: 0 50px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
 font-family: none!important;
 font-size: none!important;
 text-transform: none!important;
 letter-spacing: 0!important;
 font-variant: none!important;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
 content: ""!important;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
 content: ""!important;
}
.swiper-button-prev,
.swiper-button-next {
	position: absolute!important;
	top: calc(50% - 75px)!important;
	z-index: 10!important;
	cursor: pointer!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	width: 50px!important; 
	height: 50px!important; 
	background-size: 50px 50px!important; 
	background-repeat: no-repeat!important;
	background-position: center center!important;
}
.swiper-button-next {
 background-image: url("../img/common/n_arrow.svg");
}
.swiper-button-prev {
 background-image: url("../img/common/p_arrow.svg");
}
.swiper-button-prev {
	left: calc(50% - 18%)!important; 
}
.swiper-button-next {
	right: calc(50% - 18%)!important; 
}

/* itemArea */
.itemArea .inner {
	padding: 160px 20px 120px;
}
.itemArea .inner h1 {
	width: 265px;
}
.itemArea .inner ul {
	padding-top: 32px;
}
.itemArea .inner ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 100px;
}
.itemArea .inner ul li .left {
	width: calc(56% - 60px / 2);
}
.itemArea .inner ul li .right {
	width: calc(44% - 60px / 2);
}
.itemArea .inner ul li .left .img a {
	display: block;
}
.itemArea .inner ul li .left .img {
	overflow: hidden;
}
.itemArea .inner ul li .left .img a:hover img {
	transform: scale(1.05);
	transition: transform .3s;
	opacity: .7;
}
.itemArea .inner ul li .right h2 {
	font-weight: 700;
	font-size: 19px;
	padding-bottom: 10px;
}
.itemArea .inner ul li .right .txt {
	max-width: 330px;
}
.itemArea .inner ul li .right .txt p {
	line-height: 2;
}

/* footer */
footer {
	position: relative;
}
footer .inner {
	padding: 60px 20px 100px;
	text-align: center;
}
footer .inner .f_logo {
	width: 500px;
	margin: 0 auto;
}
footer .inner .f_logo a {
	display: block;
}
footer .inner .f_logo a:hover {
	opacity: .7;
}
footer .inner .company {
	padding-top: 50px;
	width: 217px;
	margin: 0 auto;
}
footer .inner .copy {
	font-weight: 400;
	padding-top: 16px;
}
footer .inner .txt {
	font-weight: 400;
	padding-top: 36px;
}
footer .pagetop {
	position: fixed;
	bottom: 26px;
	right: 26px;
	height: auto;
	z-index: 99;
}
footer .pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 1;
	background-color: #000;
	color: #7f7f7f;
	border: 1px solid #7f7f7f;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
	padding-top: 12px;
}

/* about画像表示OKになったら消すcss */
/* desc01 */
.aboutArea .desc01 .inner .ttlArea .right {
	display: none;
}
/* desc02-3_kari */
.aboutArea .desc02-3_kari .inner {
	padding: 80px 20px 20px;
	display: flex;
	justify-content: space-between;
}
.aboutArea .desc02-3_kari .inner .left,
.aboutArea .desc02-3_kari .inner .right {
	width: calc(50% - 30px / 2);
}
.aboutArea .desc02-3_kari .inner .left h3 {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.8;
}
.aboutArea .desc02-3_kari .inner .left .txt {
	padding-top: 30px;
}
.aboutArea .desc02-3_kari .inner .left .txt p {
	line-height: 2.8;
}
.aboutArea .desc02-3_kari .inner .right {
	display: flex;
	flex-direction: column-reverse;
}
.aboutArea .desc02-3_kari .inner .right .bottom {
	padding-bottom: 30px;
}
.aboutArea .desc02-3_kari .inner .right .bottom h3 {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.8;
}
.aboutArea .desc02-3_kari .inner .right .bottom .txt {
	padding-top: 30px;
}
.aboutArea .desc02-3_kari .inner .right .bottom .txt p {
	line-height: 2.8;
}
/* about画像表示OKになったら消すcssここまで */
/* 上記のcss他に　@media1000px。@media767px @media600px　記載されている*/


@media screen and (min-width: 2500px) {
/* mainArea */
	.mainArea .inner .ttlArea {
		margin-top: 0;
		position: absolute;
		top: 302px;
		left: calc(60% - 380px);
	}
}

@media screen and (max-width: 1600px) {
/* mainArea */
	.mainArea .inner {
		max-width: 1040px;
	}
}
	
@media screen and (max-width: 1280px) {
/* aboutArea */
	.aboutArea .desc01 .inner {
		max-width: 1040px;
		padding: 100px 20px 80px;
	}
}

@media screen and (max-width: 1200px) {
/* aboutArea */
	.aboutArea .desc02 .inner .left, .aboutArea .desc02 .inner .right {
		width: calc(50% - 10px / 2);
	}
}

@media screen and (max-width: 1000px) {
	body {
		font-size: 15px;
	}
	.inner {
		width: 100%;
		max-width: 100%;
	}
/* mainArea */
	.mainArea .main_bg {
		background-position: left 77% top;
	}
	.mainArea .m_txt {
		right: 8%;
	}
	.mainArea .inner .ttlArea h1 {
		width: 300px;
	}
	.mainArea .inner .ttlArea h2 {
		font-size: 16px;
	}
	
/* moveArea */
	.move_ticker-cell img {
		width: 124rem;
    height: 5.2rem;
	}	

/* conceptArea */
	.conceptArea .inner .right {
		width: 20%;
	}
	.conceptArea .inner .left {
		width: 80%;
	}
	.conceptArea .inner .left h2 {
		font-size: 30px;
}

/* aboutArea */
/* desc01 */
	.aboutArea .desc01 .inner .ttlArea .right {
		margin-top: -230px;
	}
	.aboutArea .desc01 .inner .txtArea h2 {
		font-size: 30px;
	}

/* desc02 */
	.aboutArea .desc02 .inner .left {
			width: 38%;
	}	
	.aboutArea .desc02 .inner .right {
			width: 62%;
	}	
	.aboutArea .desc02 .inner .right h3 {
		font-size: 20px;
	}

/* desc03 */
	.aboutArea .desc03 .inner {
    padding: 60px 20px 170px;
	}
	.aboutArea .desc03 .inner .left,
	.aboutArea .desc03 .inner .right {
		width: calc(50% - 10px / 2);
	}
	.aboutArea .desc03 .inner .left h3 {
		font-size: 20px;
	}
	
/* slideArea02 */
	.slideArea02 .ttlArea .inner h2 {
		font-size: 22px;
	}
	.swiper-button-prev,
	.swiper-button-next {
		top: calc(50% - 70px)!important;
		width: 30px!important; 
		height: 30px!important; 
		background-size: 30px 30px!important; 
	}
	.swiper-button-prev {
		left: calc(50% - 35%)!important; 
	}
	.swiper-button-next {
		right: calc(50% - 35%)!important; 
	}
	.slideArea02 .swiper-container02 .swiper-slide {
		padding: 0 20px;
	}
	
/* itemArea */
.itemArea .inner ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 100px;
}

/* footer */
	footer .inner .f_logo {
		width: 400px;
	}
	footer .pagetop {
		bottom: 26px;
		right: 10px;
	}
	footer .pagetop a {
		width: 40px;
		height: 40px;
		font-size: 20px;
		padding-top: 7px;
	}	
	
/* about画像表示OKになったら消すcss */
/* conceptArea */
	.conceptArea .inner {
		padding: 86px 10vw 100px;
	}	
/* aboutArea */
	.aboutArea .desc01 .inner {
		padding: 100px 10vw 80px;
	}	
	/* desc02-3_kari */
	.aboutArea .desc02-3_kari .inner {
		padding: 80px 10vw 20px;
		display: block;
	}
	.aboutArea .desc02-3_kari .inner .left,
	.aboutArea .desc02-3_kari .inner .right {
		width: 100%;
	}
	.aboutArea .desc02-3_kari .inner .left h3 {
		font-size: 20px;
	}
	.aboutArea .desc02-3_kari .inner .right {
		flex-direction: column;
		padding-top: 60px;
	}
	.aboutArea .desc02-3_kari .inner .right .top {
		width: 80%;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom h3 {
		font-size: 20px;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom .txt {
		max-width: 400px;
	}
/* itemArea */
	.itemArea .inner {
		padding: 120px 10vw;
	}	
/* about画像表示OKになったら消すcssここまで */
	
}
	
@media screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}
	
/* mainArea */
	.mainArea .main_bg {
		height: 1000px;
		background-image: url(../img/common/main_img_sp02.png);
		/*background-position: top right 30%;　人用*/
		background-position: top -180px right 30%;
		/*background-size: inherit;　人用*/
    background-size: contain;
	}
	.mainArea .m_txt {
		right: 0;
		left: 4%;
	}
	.mainArea .inner {
		max-width: 100%;
		height: 1000px;
		align-items: flex-end;
		justify-content: center;
	}
	.mainArea .inner .ttlArea h2 {
		padding-top: 12px;
	}	
	.mainArea .inner .ttlArea {
		margin-top: 0;
	}

/* moveArea */
	.move_ticker {
		padding: 60px 0 16px;
	}
	.move_ticker-row:nth-child(n+2) {
		margin-top: 30px;
	}
	.move_ticker-cell img {
		width: 76rem;
		height: 3.2rem;
	}	
	
/* slideArea01 */
	.swiper-container .swiper-pagination {
		bottom: -14px!important;
	}
	.swiper-container .swiper-pagination-bullet {
		margin: 0 4px!important;
		width: 5px!important;;
		height: 5px!important;;
	}

/* conceptArea */
	.conceptArea .inner {
		padding: 60px 8vw;
	}
	.conceptArea .inner .left {
		width: calc(100% - 66px);
	}
	.conceptArea .inner .right {
		margin-top: -327px;
	}
	.conceptArea .inner .right {
		width: 66px;
	}
	.conceptArea .inner .right h1 {
		width: 66px;
		position: relative;
    z-index: 100;
	}
	.conceptArea .inner .left h2 {
		font-size: 25px;
	}
	.conceptArea .inner .left .txt_pic {
		padding-top: 26px;
	}
	.conceptArea .inner .left .txt {
		padding-top: 26px;
	}
	.conceptArea .inner .left .txt p {
		line-height: 2.2;
	}

/* aboutArea */
/* desc01 */
	.aboutArea .desc01 .inner {
		padding: 60px 8vw 40px;
	}
	.aboutArea .desc01 .inner .ttlArea {
		display: block;
	}
	.aboutArea .desc01 .inner .ttlArea .right {
		margin-top: 0;
		width: 100%;
		text-align: center;
	}
	.aboutArea .desc01 .inner .ttlArea .left {
		width: 100%;
	}
	.aboutArea .desc01 .inner .ttlArea .left h1 {
		width: 204px;
	}
	.aboutArea .desc01 .inner .txtArea {
		padding-top: 26px;
	}
	.aboutArea .desc01 .inner .txtArea h2 {
		font-size: 25px;
	}
	.aboutArea .desc01 .inner .txtArea .txt_pic {
		padding-top: 26px;
	}
	.aboutArea .desc01 .inner .txtArea .txt {
		padding-top: 26px;
	}
	.aboutArea .desc01 .inner .txtArea .txt p {
		line-height: 2.2;
	}

/* desc02 */
	.aboutArea .desc02 .inner {
		padding: 40px 8vw;
		display: block;
	}
	.aboutArea .desc02 .inner .left,
	.aboutArea .desc02 .inner .right {
		width: 100%;
	}
	.aboutArea .desc02 .inner .left {
		text-align: center;
		padding-bottom: 60px;
	}
	.aboutArea .desc02 .inner .right h3 {
		font-size: 22px;
	}
	.aboutArea .desc02 .inner .right .txt {
		padding-top: 26px;
	}
	.aboutArea .desc02 .inner .right .txt p {
		line-height: 2.2;
	}

/* desc03 */
	.aboutArea .desc03 .inner {
		padding: 40px 8vw 120px;
		display: block;
	}
	.aboutArea .desc03 .inner .left {
		width: 100%;
	}
	.aboutArea .desc03 .inner .right {
		margin: 0 auto;
		width: 80%;
	}
	.aboutArea .desc03 .inner .right {
		text-align: center;
		padding-bottom: 60px;
	}
	.aboutArea .desc03 .inner .left h3 {
		font-size: 22px;
	}
	.aboutArea .desc03 .inner .left .txt {
		padding-top: 26px;
		max-width: 400px;
	}
	.aboutArea .desc03 .inner .left .txt p {
		line-height: 2.2;
	}

/* slideArea02 */
	.slideArea02 .ttlArea .inner {
		padding: 120px 8vw 60px;
	}
	.slideArea02 .ttlArea .inner h1 {
		width: 375px;
	}
	.slideArea02 .ttlArea .inner h2 {
		font-size: 22px;
	}
	.slideArea02 .swiper-container02 {
		padding-bottom: 120px;
	}

/* itemArea */
	.itemArea .inner {
		padding: 120px 8vw;
	}
	.itemArea .inner h1 {
		width: 175px;
	}
	.itemArea .inner ul {
		padding-top: 30px;
	}
	.itemArea .inner ul li {
		display: block;
		padding-top: 60px;
	}
	.itemArea .inner ul li .left {
		width: 100%;
		text-align: center;
		padding-bottom: 40px;
	}
	.itemArea .inner ul li .right {
		width: 100%;
	}
	.itemArea .inner ul li .right h2 {
		max-width: 500px;
		margin: 0 auto;
	}
	.itemArea .inner ul li .right .txt {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	.itemArea .inner ul li .right .txt p {
		line-height: 2;
	}

/* footer */
	footer .inner {
		padding: 40px 8vw 120px;
	}	
	footer .inner .f_logo {
		width: 360px;
	}	
	footer .inner .company {
    padding-top: 40px;
    width: 200px;
	}
	footer .inner .copy {
		padding-top: 10px;
	}
	footer .inner .txt {
		padding-top: 20px;
	}
	
/* about画像表示OKになったら消すcss */
/* conceptArea */
	.conceptArea .inner {
		padding: 70px 8vw 60px;
	}	
/* aboutArea */
	.aboutArea .desc01 .inner {
		padding: 70px 8vw 60px;
	}	
	/* desc02-3_kari */
	.aboutArea .desc02-3_kari .inner {
		padding: 70px 8vw 20px;
	}
	.aboutArea .desc02-3_kari .inner .left .txt p {
		line-height: 2.2;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom .txt p {
		line-height: 2.2;
	}
/* about画像表示OKになったら消すcssここまで */
	
}
	
@media screen and (max-width: 690px) {
	.mainArea .main_bg {
		background-position: top -100px right 30%;/* 肉まん用*/
	}

/* conceptArea */
	.conceptArea .inner {
		padding: 60px 6vw;
	}
	
/* aboutArea */
/* desc01 */
	.aboutArea .desc01 .inner {
		padding: 60px 6vw 40px;
	}
/* desc02 */
	.aboutArea .desc02 .inner {
		padding: 40px 6vw;
	}
	
/* slideArea02 */
	.slideArea02 .ttlArea .inner {
		padding: 120px 6vw 60px;
	}
	.slideArea02 .swiper-container02 .swiper-slide {
		padding: 0 10px;
	}
	.swiper-button-prev, .swiper-button-next {
    top: calc(50% - 40px)!important;
	}	
/* itemArea */
	.itemArea .inner {
		padding: 120px 6vw;
	}
	
/* footer */
	footer .inner {
		padding: 40px 6vw 120px;
	}	
}

@media screen and (max-width: 600px) {
/* og */
	.og h1 {
		width: 260px;
	}
	
/* mainArea */
	.mainArea .main_bg {
		height: 840px;
		background-image: url(../img/common/main_img_sp03.png);
		/*background-position: top right 70%;　人の画像の場合*/
		background-position: top -50px right 85%;/*肉まん*/
	}
	.mainArea .inner {
		height: 840px;
	}
	.mainArea .m_txt {
    top: 46px;
	}
	
/* slideArea01 */
	.slideArea01 .inner {
		max-width: 380px;
	}
	.slideArea01 .inner:before {
		width: 200px;
		height: 340px;
		background-position: bottom center;
	}
	.swiper-container {
		width: 380px;
	}
	
/* conceptArea */
	.conceptArea .inner {
		padding: 50px 4vw;
		display: block;
	}	
	.conceptArea .inner .right {
		width: 100%;
	}
	.conceptArea .inner .left {
		width: 100%;
	}
	.conceptArea .inner .left h2 {
		font-size: 4.8vw;
	}	
	.conceptArea .inner .left .txt p {
		font-size: 3vw;
	}	
	.conceptArea .inner .right {
		margin-top: -40vw;
	}	
	.conceptArea .inner .right h1 {
		width: 50px;
	}
	.conceptArea .inner .left .txt_pic {
		width: 200px;
		padding-top: 20px;
	}	
	.conceptArea .inner .left .txt {
    padding-top: 20px;
	}
	
/* aboutArea */
/* desc01 */
	.aboutArea .desc01 .inner {
		padding: 50px 4vw 30px;
	}
	.aboutArea .desc01 .inner .ttlArea .left h1 {
		width: 160px;
	}
	.aboutArea .desc01 .inner .txtArea h2 {
		font-size: 4.8vw;
	}
	.aboutArea .desc01 .inner .txtArea .txt_pic {
		width: 200px;
		padding-top: 20px;
	}
	.aboutArea .desc01 .inner .txtArea {
    padding-top: 36px;
	}
	.aboutArea .desc01 .inner .txtArea .txt {
    padding-top: 20px;
	}
	.aboutArea .desc01 .inner .txtArea .txt p {
		font-size: 3vw;
	}

/* desc02 */
	.aboutArea .desc02 .inner {
		padding: 30px 4vw;
	}
	.aboutArea .desc02 .inner .left {
		padding-bottom: 36px;
	}
	.aboutArea .desc02 .inner .right h3 {
		font-size: 4vw;
	}
	.aboutArea .desc02 .inner .right .txt {
		padding-top: 20px;
	}
	.aboutArea .desc02 .inner .right .txt p {
		font-size: 3vw;
	}

/* desc03 */
	.aboutArea .desc03 .inner {
		padding: 30px 4vw 80px;
	}
	.aboutArea .desc03 .inner .right {
		padding-bottom: 40px;
	}
	.aboutArea .desc03 .inner .left h3 {
		font-size: 4vw;
	}
	.aboutArea .desc03 .inner .left .txt {
		padding-top: 20px;
		max-width: 100%;
		width: 100%;
	}
	.aboutArea .desc03 .inner .left .txt p {
		font-size: 3vw;
	}
	
/* slideArea02 */
	.slideArea02 .ttlArea .inner {
		padding: 80px 4vw 40px;
	}
	.slideArea02 .ttlArea .inner h1 {
		width: 275px;
	}
	.slideArea02 .ttlArea .inner h2 {
		font-size: 4vw;
		padding-top: 20px;
	}
	.slideArea02 .swiper-container02 {
		padding-bottom: 80px;
	}

/* itemArea */
	.itemArea .inner {
		padding: 80px 4vw;
	}
	.itemArea .inner h1 {
		width: 145px;
	}
	.itemArea .inner ul {
		padding-top: 0;
	}
	.itemArea .inner ul li .left {
		padding-bottom: 36px;
	}
	.itemArea .inner ul li .right h2 {
		width: 100%;
		font-size: 4vw;
	}
	.itemArea .inner ul li .right .txt {
		width: 100%;
	}
	.itemArea .inner ul li .right .txt p {
		font-size: 3vw;
	}

/* footer */
	footer .inner {
		padding: 20px 0 60px;
	}	
	footer .inner .f_logo {
		width: 270px;
	}	
	footer .inner .company {
		padding-top: 26px;
		width: 180px;
	}
	footer .inner .copy {
		padding-top: 8px;
		font-size: 2.6vw;
	}
	footer .inner .txt {
		padding-top: 16px;
		font-size: 2vw;
	}
	
/* about画像表示OKになったら消すcss */
/* conceptArea */
	.conceptArea .inner {
		padding: 50px 4vw;
	}	
/* aboutArea */
	.aboutArea .desc01 .inner {
		padding: 50px 4vw 30px;
	}	
	/* desc02-3_kari */
	.aboutArea .desc02-3_kari .inner {
		padding: 50px 4vw 20px;
	}
	.aboutArea .desc02-3_kari .inner .left h3 {
		font-size: 4vw;
	}
	.aboutArea .desc02-3_kari .inner .left .txt {
    padding-top: 20px;
	}
	.aboutArea .desc02-3_kari .inner .left .txt p {
		font-size: 3vw;
	}
	.aboutArea .desc02-3_kari .inner .right .top {
    margin: 0 auto;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom h3 {
		font-size: 4vw;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom .txt {
    padding-top: 20px;
    max-width: 100%;
    width: 100%;
	}
	.aboutArea .desc02-3_kari .inner .right .bottom .txt p {
		font-size: 3vw;
	}
/* about画像表示OKになったら消すcssここまで */
}
	
@media screen and (max-width: 500px) {
/* mainArea */
	.mainArea .main_bg {
    background-size: 482px;/*肉まん用*/
		/*background-position: top right 50%;*/
		background-position: top -30px right 50%;
	}
}

@media screen and (max-width: 400px) {
/* mainArea */
	.mainArea .main_bg {
		height: 800px;
	}
	.mainArea .inner {
		height: 800px;
	}
	.mainArea .m_txt {
		width: 16px;
	}	
	.mainArea .inner .ttlArea h1 {
		width: 270px;
	}	
	.mainArea .inner .ttlArea h2 {
		font-size: 4.4vw;
		padding-top: 10px;
	}
	
/* slideArea01 */
	.slideArea01 .inner {
		max-width: 280px;
	}
	.slideArea01 .inner:before {
		width: 150px;
		height: 230px;
	}
	.swiper-container {
		width: 280px;
	}
}
	
@media screen and (max-width: 340px) {
	.mainArea .main_bg {
		background-position: top right 46%;
	}
}