@charset "utf-8";

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#container .showBox {
	padding: 7.8rem 8.3rem 10.5rem 4.6rem;
	display: flex;
	justify-content: space-between;
}

#container .mainVisual {
	flex: 1;
	position: relative;
	width: calc(100% - 31.4rem);
}

#container .mainVisual .innerBox {
	position: relative;
}

#container .mainVisual .h2Ttl {
	width: 15%;
	position: absolute;
	top: -2.75%;
	left: 5.25%;
	max-width: 22.1rem;
	z-index: 1;
}

#container .mainVisual .h2Ttl img {
	width: 100%;
}

#container .mainVisual .imgUl {
	font-size: 0;
	line-height: 1;
}

#container .mainVisual .imgUl li {
	border-radius: 2rem;
	overflow: hidden;
}

#container .mainVisual .imgUl .image {
	width: 100%;
	height: 77.5rem;
	background: url(../img/index/main_img01.jpg) no-repeat center center;
	background-size: cover;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

#container .mainVisual .imgUl .img01 {
	background-image: url(../img/index/main_img01.jpg);
}

#container .mainVisual .imgUl .img02 {
	background-image: url(../img/index/main_img02.jpg);
}

#container .mainVisual .imgUl .img03 {
	background-image: url(../img/index/main_img03.jpg);
}

#container .mainVisual .imgUl .img04 {
	background-image: url(../img/index/main_img04.jpg);
}

#container .mainVisual .imgUl .img05 {
	background-image: url(../img/index/main_img05.jpg);
}

#container .mainVisual .btmTxt {
	margin: 2.8rem 0 0 28rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: right;
	letter-spacing: 0.1em;
}

#container .mainVisual .comSignBox {
	position: absolute;
	/* bottom: -7.2rem; */
	left: -2.2rem;

	/* 1400 */
	bottom: -5.2rem;
}

.mainVisual .slide-img {
	display: block;
}

.mainVisual .swiper-slide-active .slide-img,
.mainVisual .swiper-slide-duplicate-active .slide-img,
.mainVisual .swiper-slide-prev .slide-img {
	animation: zoomUp 10s linear 0s 1 normal both;
}

.mainVisual .swiper-container {
	z-index: 0;
}

@keyframes zoomUp {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.15);
	}
}

@media all and (min-width: 897px) and (max-width: 1700px) {
	/* #container .showBox {
		padding: 7.8rem 3rem 10.5rem 0;
	} */

	/* 1400 */
	#container .showBox {
		padding: 4.8rem 3rem 10.5rem 0;
	}

	#container .mainVisual .btmTxt {
		font-size: 1.8rem;
		letter-spacing: 0;
	}

	#container .mainVisual .h2Ttl {
		width: 18%;
	}
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	/* #container .mainVisual .imgUl .image {
		height: 60rem;
	} */

	/* 1400 */

	#container .mainVisual .imgUl .image {
		height: 75rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#container .mainVisual .btmTxt {
		margin-left: 14.5rem;
		font-size: 1.55rem;
	}

	#container .showBox {
		padding: 4rem 2rem 10.5rem 0;
	}

	#container .mainVisual .comSignBox {
		bottom: -4rem;
		left: -4rem;
	}

	/* #container .mainVisual .imgUl .image {
		height: 50rem;
	} */

	/* 1400 */

	#container .mainVisual .imgUl .image {
		height: 60rem;
	}
}

@media all and (max-width: 896px) {
	#container .mainVisual {
		width: auto;
	}

	#container .showBox {
		padding: 0;
		display: block;
	}

	#container .mainVisual .comSignBox {
		position: static;
		bottom: auto;
		left: auto;
	}

	#container .mainVisual .btmTxt {
		margin: 1.6rem 2.4rem 2.2rem 0;
		font-size: 1.3rem;
		text-align: left;
		line-height: 1.53;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	#container .mainVisual .h2Ttl {
		margin: 0 2.6rem -2rem .9rem;
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		max-width: inherit;
		z-index: 10;
	}

	#container .mainVisual .h2Ttl img {
		width: 100%;
		max-width: 31.8rem;
	}

	#container .mainVisual {
		padding: 0 0 3.1rem 2.2rem;
	}

	#container .mainVisual .imgUl li {
		border-radius: .7rem 0 0 .7rem;
	}

	#container .mainVisual .imgUl .image {
		height: 29.8rem;
	}
}


/* newsBox */
#container .newsBox {
	margin: 11.7rem -.5rem 0 -7.4rem;
	font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: 0.08em;
}

#container .newsBox .flexBox {
	padding: 3.3rem 3.7rem;
	background-color: #fff;
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#container .newsBox .rightBox {
	padding-right: 5rem;
	flex: 1;
	position: relative;
}

#container .newsBox .searchBtn {
	position: absolute;
	top: 50%;
	right: 1.2rem;
	transform: translateY(-50%);
}

#container .newsBox .headline01 {
	margin-right: 2.5rem;
}

#container .newsBox a {
	display: inline-block;
}

@media all and (min-width: 897px) and (max-width: 1700px) {
	#container .newsBox {
		margin-left: -2rem;
	}

	#container .newsBox .flexBox {
		padding: 2.3rem 2rem;
	}
}

@media all and (min-width: 897px) {
	#container .newsBox a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	#container .newsBox {
		margin: 2.3rem 2.2rem 0 .1rem;
		font-size: 1.2rem;
	}

	#container .newsBox .flexBox {
		padding: 1.7rem 2rem 2.2rem;
		border-radius: 1rem;
		display: block;
	}

	#container .newsBox .rightBox {
		padding-right: 0;
	}

	#container .newsBox a {
		display: inline-block;
		line-height: 1.66;
	}

	#container .newsBox .headline01 {
		margin: 0 0 1rem;
	}
}



/* ourBox */
#main .ourBox {
	margin-bottom: 12.6rem;
}

#main .ourBox .iconImg {
	bottom: -5.5rem;
	left: -2.6rem;
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .ourBox .iconImg {
		width: 5.3rem;
	}
}

@media all and (max-width: 896px) {
	#main .ourBox .iconImg {
		width: 3.8rem;
		bottom: -2.4rem;
		left: 1.1rem;
	}

	#main .ourBox {
		margin-bottom: 3.7rem;
	}

	#main .ourBox .headline02 {
		margin-bottom: 2.3rem;
	}

	#main .ourBox .innerBox .headline03 {
		margin-top: -.7rem;
	}

	#main .ourBox .comImgBox .photo {
		margin: 0 -2.2rem 3rem 0;
		border-radius: .8rem 0 0 .8rem;
		width: auto;
	}

	#main .ourBox .comImgBox .photo img {
		width: 100%;
	}
}


/* greetingBox */
#main .greetingBox {
	margin-bottom: 8.1rem;
}

#main .greetingBox .photo {
	order: 0;
	width: calc(50% - 1.1rem);
	border-radius: 0 2rem 2rem 0;
}

#main .greetingBox .photo p {
	margin: 2rem;
	text-align: left;
}

#main .greetingBox .textBox {
	margin-top: -1.5rem;
	order: 5;
	justify-content: flex-start;
}

#main .greetingBox .headline02 {
	margin-bottom: 3.7rem;
}

#main .greetingBox .headline03 {
	margin-bottom: 3.7rem;
}

#main .greetingBox .textBox .subBox {
	padding-bottom: 12.4rem;
	max-width: 54rem;
}

/* 1400 */

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .greetingBox .textBox .subBox {
		padding-bottom: 12.4rem;
		max-width: 66rem;
	}
}

#main .greetingBox .iconImg {
	position: absolute;
	top: 9.7rem;
	right: .4rem;
	left: auto;
	bottom: auto;
}

#main .greetingBox .signUl {
	position: absolute;
	right: -19.5rem;
	bottom: -9.6rem;
	display: flex;
}

#main .greetingBox .comSignBox {
	width: 24.9rem;
	height: 24.9rem;
	font-size: 1.2rem;
}

#main .greetingBox .comSignBox .image {
	margin-bottom: 1rem;
}

#main .greetingBox .comSignBox02 {
	margin-left: 1.8rem;
	background-image: url(../img/index/sign_bg02.png);
}

#main .greetingBox .comSignBox02 .image {
	margin-bottom: 1.8rem;
}

#main .greetingBox .comSignBox p {
	text-align: center;
}

#main .greetingBox .comSignBox .title {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5 !important;
}

@media all and (min-width: 897px) and (max-width: 1600px) {


	#main .greetingBox .signUl {
		right: -17rem;
	}

	#main .yellowBg .iconImg.img01 {
		margin-left: -10%;
	}

	#main .greetingBox {
		margin-bottom: 17.6rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .yellowBg .iconImg.img01 {
		margin-left: -11%;
		width: 56.4%;
		top: -9.3%;
	}

	#main .greetingBox .signUl {
		right: -4rem;
	}

	/* #main .greetingBox .comSignBox {
		padding: 3.4rem .5rem;
		width: 21rem;
		height: 21rem;
	} */

	/* 1400 */

	#main .greetingBox .comSignBox {
		padding: 3.4rem .5rem;
	}

	#main .greetingBox .comSignBox .image img {
		width: 5.6rem;
	}

	#main .greetingBox .textBox .subBox {
		padding-bottom: 12.9rem;
	}

	#main .greetingBox .headline02 {
		margin-bottom: 1.5rem;
	}

	#main .greetingBox .headline03 {
		margin-bottom: 2rem;
	}

	#main .greetingBox .iconImg {
		top: 1.7rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .greetingBox .iconImg {
		width: 3.6rem;
		top: 5.5rem;
		right: 1.5rem;
	}
}

@media all and (max-width: 896px) {
	#main .greetingBox {
		margin-bottom: 24.7%;
	}

	#main .greetingBox .photo {
		margin: 0 .2rem 1rem -2.2rem;
		width: auto;
		border-radius: 0 .8rem .8rem 0;
	}

	#main .greetingBox .textBox {
		margin-top: 0;
	}

	#main .greetingBox .headline02 {
		margin-bottom: .5rem;
	}

	#main .greetingBox .headline03 {
		margin-bottom: .8rem;
	}

	#main .greetingBox .comSignBox {
		padding: .3rem 0 0 0;
		width: auto;
		height: auto;
		position: relative;
		right: auto;
		bottom: auto;
		font-size: 1.2rem;
	}

	#main .greetingBox .comSignBox .image {
		width: 6.5rem;
		height: 6.5rem;
	}

	#main .greetingBox .comSignBox .image img {
		width: 3.9rem;
	}

	#main .greetingBox .comSignBox p {
		margin-right: -1.5rem;
		text-align: left;
		letter-spacing: 0;
	}

	#main .greetingBox .comSignBox .title {
		font-size: 1.4rem;
	}

	#main .greetingBox .comSignBox .txtBox {
		margin: 0;
	}

	#main .greetingBox .textBox .subBox {
		padding-bottom: 0;
		max-width: inherit;
	}

	#main .greetingBox .signUl {
		position: static;
		right: auto;
		bottom: auto;
		display: block;
	}

	#main .greetingBox .comSignBox02 {
		margin-left: 0;
		background: none;
	}

	#main .greetingBox .comSignBox02 .image {
		margin-bottom: 0;
		background-image: url(../img/index/sign_bg02.png);
	}

	#main .greetingBox .comSignBox02 .image img {
		width: 4.2rem;
	}

	#main .greetingBox .comSignBox .title {
		line-height: 1.33 !important;
	}

	#main .greetingBox .comSignBox02 {
		color: #E39A1F;
	}
}

/* yellowBg */
#main .yellowBg {
	margin-bottom: 27.4rem;
	padding: 15.7rem 0 13.1rem;
	position: relative;
}

#main .yellowBg .iconImg.img01 {
	margin-left: -8.3%;
	width: 56.4%;
	max-width: 105.5rem;
	top: -9.3%;
	left: 50%;
	transform: translateX(-50%);
}

#main .yellowBg .iconImg.img02 {
	margin-left: 3.25%;
	width: 50%;
	max-width: 94.4rem;
	bottom: -6.8%;
	left: 50%;
	transform: translateX(-50%);
}

#main .yellowBg .iconImg img {
	width: 100%;
}

#main .yellowBg .bg {
	width: 100%;
	height: 100%;
	background: url(../img/common/bg02.jpg) repeat center top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#main .yellowBg .bg::before,
#main .yellowBg .bg::after {
	width: 100%;
	height: 28rem;
	position: absolute;
	bottom: calc(100% - 12.1rem);
	left: 0;
	background: url(../img/index/yellow_bg01.png) no-repeat left top;
	background-size: 100% 100%;
	content: "";
}

#main .yellowBg .bg::after {
	bottom: auto;
	top: calc(100% - 6.9rem);
	background-image: url(../img/index/yellow_bg02.png);
}

@media all and (-ms-high-contrast:none) {
	#main .yellowBg .bg {
		opacity: 0.7;
	}
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .yellowBg .iconImg.img01 {
		top: -7.5%;
	}

	#main .yellowBg .iconImg.img02 {
		bottom: -7.1%;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .yellowBg .iconImg.img01 {
		top: -6.5%;
	}

	#main .yellowBg .iconImg.img02 {
		bottom: -7.1%;
	}

	#main .yellowBg {
		padding-bottom: 6rem;
	}
}

@media all and (max-width: 896px) {

	#main .yellowBg .bg::before,
	#main .yellowBg .bg::after {
		height: 22.1rem;
		background-size: 100% 100%;
		bottom: calc(100% - 8.8rem);
	}

	#main .yellowBg .bg::after {
		top: calc(100% - 5.7rem);
		bottom: auto;
	}

	#main .yellowBg .iconImg.img01 {
		margin-left: -6.3%;
		width: 66.4%;
		max-width: 40rem;
		bottom: calc(100% + 2.6rem);
		top: auto;
	}

	#main .yellowBg {
		margin-bottom: 10.8rem;
		padding: 1rem 3rem 6.7%;
	}

	#main .yellowBg .iconImg.img02 {
		margin-left: -1.2%;
		width: 71.2%;
		max-width: 30rem;
		bottom: -8.8%;
	}
}

@media all and (min-width: 376px) and (max-width: 896px) {
	#main .yellowBg {
		padding-top: 3rem;
	}
}

@media all and (min-width: 400px) and (max-width: 896px) {
	#main .yellowBg .iconImg.img02 {
		bottom: -7.3%;
	}
}

@media all and (min-width: 551px) and (max-width: 896px) {
	#main .yellowBg .iconImg.img02 {
		bottom: -6.5%;
	}
}

@media all and (min-width: 660px) and (max-width: 896px) {
	#main .yellowBg .iconImg.img02 {
		bottom: -6.2%;
	}
}

@media all and (min-width: 720px) and (max-width: 896px) {
	#main .yellowBg .iconImg.img02 {
		bottom: -5.9%;
	}
}

@media all and (min-width: 760px) and (max-width: 896px) {
	#main .yellowBg .iconImg.img02 {
		bottom: -5.5%;
	}
}

@media all and (min-width: 820px) and (max-width: 896px) {
	#main .yellowBg .iconImg.img02 {
		bottom: -5%;
	}
}

@media all and (max-width: 374px) {
	#main .yellowBg {
		padding-top: 12%;
	}
}

/* businessBox */
#main .businessBox {
	margin-bottom: 13.6rem;
}

#main .businessBox .contentBox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#main .businessBox .textBox {
	margin-top: .6rem;
	padding-right: 3.2%;
	width: 32.28%;
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	position: relative;
}

#main .businessBox .textBox .iconImg {
	bottom: 0;
	left: 1.3rem;
}

#main .businessBox .textBox .iconImg img {
	width: 15.6rem;
}

#main .businessBox .flexBox {
	padding-bottom: 10.3rem;
	width: 100%;
	max-width: 21.5rem;
	position: relative;
	display: flex;
	justify-content: space-between;
}

#main .businessBox .flexBox .txt {
	width: 11rem;
	height: 44rem;
	font-size: 1.8rem;
	font-weight: 500;
	-webkit-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1.87;
	letter-spacing: 0.1em;
}

#main .businessBox .headline03 {
	order: 3;
}

#main .businessBox .headline02 {
	margin-bottom: 0;
	position: absolute;
	top: -12.5rem;
	left: 1.8rem;
	white-space: nowrap;
}

#main .businessBox .slideBox {
	flex: 1;
	overflow: hidden;
	position: relative;
}

#main .businessBox .imgUl>li {
	margin: 0 2.2rem;
	padding-left: 3.5rem;
	box-sizing: border-box;
}

#main .businessBox .imgUl .slick-slide>div {
	margin: 0 3.9rem;
	width: 50.2rem;
}

/* 1400 */
@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .businessBox .imgUl .slick-slide>div {
		margin: 0 3.9rem;
		width: 62.2rem;
	}
}

#main .businessBox .imgUl .image {
	overflow: hidden;
	border-radius: 3rem;
}

#main .businessBox .imgUl .headline04 {
	margin: -2.3rem 0 0 -3.4rem;
}

#main .businessBox .textUl {
	margin-top: 2.2rem;
	display: flex;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#main .businessBox .textUl>li {
	padding-right: 1rem;
	width: 43.8%;
	box-sizing: border-box;
}

#main .businessBox .textUl ul li {
	margin-bottom: .5rem;
}

#main .businessBox .textUl ul li:last-child {
	margin-bottom: 0;
}

#main .businessBox .arrowUl {
	margin: 0 auto 3.6rem;
	padding: 0 2rem;
	max-width: 158.4rem;
	text-align: right;
	box-sizing: border-box;
}

#main .businessBox .arrowUl li {
	margin-left: 5.1rem;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

#main .businessBox .arrowUl li:first-child {
	margin-left: 0;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .businessBox .flexBox .txt {
		width: 9rem;
		height: 42rem;
	}

	#main .businessBox .flexBox {
		max-width: 16.3rem;
	}

	#main .businessBox .imgUl>li {
		width: 42rem;
	}

	#main .businessBox .textBox {
		width: 30%;
	}

	#main .businessBox .arrowUl li {
		margin-left: 2rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .businessBox .textBox .iconImg img {
		width: 11rem;
	}

	#main .businessBox .flexBox {
		padding-bottom: 7rem;
	}

	#main .businessBox .imgUl>li {
		padding-left: 2rem;
	}

	#main .businessBox .imgUl .headline04 {
		margin-left: -2rem;
	}

	#main .businessBox .imgUl>li {
		width: 38rem;
	}

	#main .businessBox .textUl>li {
		width: 50%;
	}
}

@media all and (min-width: 897px) {
	#main .businessBox .arrowUl li:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	#main .businessBox {
		margin-bottom: 3.4rem;
	}

	#main .businessBox .contentBox {
		display: block;
	}

	#main .businessBox .textBox {
		margin: 0 -2rem 1.5rem .9rem;
		padding: 0;
		width: auto;
		display: block;
	}

	#main .businessBox .flexBox .txt {
		width: auto;
		height: auto;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		-moz-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		-o-writing-mode: horizontal-tb;
		line-height: 1.7;
	}

	#main .businessBox .headline03 {
		margin-right: 2.2rem;
		order: 0;
	}

	#main .businessBox .textBox .innerBox {
		margin-top: 6.9rem;
	}

	#main .businessBox .flexBox {
		padding-bottom: 0;
		max-width: inherit;
		justify-content: flex-start;
	}

	#main .businessBox .slideBox {
		overflow: inherit;
		position: relative;
	}

	#main .businessBox .slideBox .arrowUl02 li {
		margin-top: -7rem;
		width: 2rem;
		position: absolute;
		top: 50%;
		left: -1.1rem;
		cursor: pointer;
	}

	#main .businessBox .slideBox .arrowUl02 li.next {
		left: auto;
		right: -1.1rem;
	}

	#main .businessBox .imgUl {
		margin: 0 -3rem;
	}

	#main .businessBox .imgUl>li {
		margin: 0 3rem;
		padding-left: .9rem;
		width: auto;
		box-sizing: border-box;
	}

	#main .businessBox .imgUl .slick-slide>div {
		width: auto;
		margin: 0 3rem;
	}

	#main .businessBox .imgUl .image img {
		width: 100%;
	}

	#main .businessBox .imgUl .image {
		border-radius: 2rem;
	}

	#main .businessBox .imgUl .headline04 {
		margin: -2.3rem 0 0 -.9rem;
	}

	#main .businessBox .headline02 {
		top: -1.6rem;
		left: 13.1rem;
		line-height: 0.88;
	}

	#main .businessBox .portrait span {
		height: 15rem;
	}

	#main .businessBox .imgUl .headline04 {
		margin: -2rem 0 0 -.9rem;
	}

	#main .businessBox .textUl {
		margin: .9rem 0 0 -.8rem;
		font-size: 1.2rem;
	}

	#main .businessBox .textUl ul li {
		margin-bottom: .2rem;
	}

	#main .businessBox .spIcon {
		margin: 2.1rem .9rem 0;
		position: relative;
		top: 6.6rem;
		left: 15rem;
	}

	#main .businessBox .spIcon img {
		width: 7.8rem;
	}

	#main .businessBox .textUl>li {
		width: 50%;
	}
}

@media all and (max-width: 374px) {
	#main .businessBox .headline02 {
		left: 7.6rem;
	}
}


/* worksBox */
#main .worksBox .arrowUl {
	margin: -3.7rem auto 3.5rem;
	padding: 0 2rem;
	max-width: 168.4rem;
	text-align: right;
	box-sizing: border-box;
}

#main .worksBox .arrowUl li {
	margin-left: 5.1rem;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

#main .worksBox .arrowUl li:first-child {
	margin-left: 0;
}

#main .worksBox .imgUl {
	font-weight: bold;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}

#main .worksBox .imgUl a {
	display: block;
}

#main .worksBox .imgUl .slick-slide>div {
	margin: 0 3.9rem;
	width: 50.2rem;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .worksBox .imgUl .slick-slide>div {
		width: 62.2rem;
	}
}

#main .worksBox .imgUl .image {
	border-radius: 3rem;
	overflow: hidden;
}

#main .worksBox .imgUl p {
	margin-top: 1.2rem;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .worksBox .imgUl li {
		width: 42rem;
	}

	#main .worksBox .arrowUl li {
		margin-left: 2rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .worksBox .imgUl li {
		width: 38rem;
	}
}

@media all and (min-width: 897px) {
	#main .worksBox .arrowUl li:hover {
		opacity: 0.7;
	}

	#main .worksBox .imgUl a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	#main .worksBox .headline05 {
		margin-bottom: 1.6rem;
		position: relative;
	}

	#main .worksBox .headline05 img {
		width: 1.7rem;
		position: absolute;
		right: .6rem;
		bottom: -.6rem;
		margin: 0;
	}

	#main .worksBox .headline05 .en {
		margin: 0 0 .9rem -.8rem;
	}

	#main .worksBox .imgUl .slick-slide>div {
		width: auto;
		margin: 0 3rem;
	}

	#main .worksBox .imgUl {
		margin: 0 -3rem;
		font-size: 1.2rem;
	}

	#main .worksBox .imgUl .image {
		border-radius: 2rem;
	}

	#main .worksBox .imgUl p {
		margin-top: 1rem;
	}

	#main .worksBox .imgUl .image img {
		width: 100%;
	}

	#main .worksBox .arrowUl {
		margin: 0;
		padding: 0;
		max-width: inherit;
		text-align: left;
		box-sizing: border-box;
		position: static;
	}

	#main .worksBox .arrowUl li {
		position: absolute;
		z-index: 10;
	}

	#main .worksBox .arrowUl li {
		margin-top: -2.2rem;
		width: 2rem;
		position: absolute;
		top: 50%;
		left: -1.1rem;
		cursor: pointer;
	}

	#main .worksBox .arrowUl li.next {
		left: auto;
		right: -1.1rem;
	}

	#main .worksBox .slideBox {
		position: relative;
	}
}

/* voiceBox */
#main .voiceBox {
	margin-bottom: 21.2rem;
}

#main .voiceBox .headline05 {
	margin-bottom: 4.6rem;
	padding-left: 4.1rem;
	text-align: left;
	font-size: 5rem;
}

#main .voiceBox .headline05 .en {
	margin: -1.6rem 8.1rem 0 0;
}

#main .voiceBox .headline05 img {
	margin: -5.5rem 0 0 11.3rem;
}

#main .voiceBox .imgUl {
	margin-top: -4rem;
	display: flex;
	flex-wrap: wrap;
}

#main .voiceBox .imgUl li {
	margin-top: 4rem;
	padding: 0 4.1rem;
	width: calc(100% / 3);
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 0.1em;
	box-sizing: border-box;
}

#main .voiceBox .imgUl li:nth-child(3n) {
	margin-right: 0;
}

#main .voiceBox .imgUl a {
	display: block;
}

#main .voiceBox .imgUl .image {
	border-radius: 3rem;
	overflow: hidden;
}

#main .voiceBox .imgUl .headline04 {
	margin: -2.8rem 2rem 1.5rem -4rem;
	font-size: 2.4rem;
	position: relative;
	z-index: 10;
}

#main .voiceBox .imgUl .headline04 span {
	padding: .5rem .5rem .7rem;
	min-width: 0;
	display: block;
	max-width: 27.5rem;
}

#main .voiceBox .imgUl .name {
	margin-bottom: 1.2rem;
	font-size: 3rem;
}

#main .voiceBox .content {
	max-width: 132.2rem;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	/* 1400 */

	#main .voiceBox .content {
		max-width: 165.2rem;
	}

	#main .voiceBox .headline05 img {
		margin-left: 6rem;
		width: 22rem;
	}

	#main .voiceBox .headline05 .en {
		margin-right: 5rem;
	}

	#main .voiceBox .imgUl li {
		padding: 0 3rem;
	}

	#main .voiceBox .imgUl .headline04 {
		margin-left: -2.5rem;
	}

	#main .voiceBox .headline05 {
		font-size: 4.3rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .voiceBox .headline05 {
		font-size: 4rem;
	}

	#main .voiceBox .headline05 img {
		margin-top: -4rem;
		width: 19rem;
	}

	#main .voiceBox .imgUl li {
		padding: 0 2rem;
	}
}

@media all and (min-width: 897px) {
	#main .voiceBox .imgUl a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	#main .voiceBox .headline05 {
		margin-bottom: 3.6rem;
		padding-left: 0;
		font-size: 2.5rem;
		position: relative;
	}

	#main .voiceBox .headline05 .en {
		margin: 0 0 1.2rem;
	}

	#main .voiceBox .headline05 img {
		margin: 0;
		position: absolute;
		top: 2.9rem;
		left: 16.8rem;
		width: 14.5rem;
	}

	#main .voiceBox .imgUl {
		margin-top: 0;
		display: block;
	}

	#main .voiceBox .imgUl li {
		margin: 0 0 3.3rem;
		padding: 0;
		width: auto;
		font-size: 1.3rem;
	}

	#main .voiceBox .imgUl li:last-child {
		margin-bottom: 0;
	}

	#main .voiceBox .imgUl a {
		width: 100%;
		display: flex;
		align-items: flex-end;
	}

	#main .voiceBox .imgUl .image {
		border-radius: 1.5rem;
		flex: 1;
	}

	#main .voiceBox .content {
		padding: 0 2.2rem;
	}

	#main .voiceBox .imgUl .name {
		margin-bottom: .5rem;
		font-size: 1.8rem;
	}

	#main .voiceBox .imgUl .textBox {
		margin-bottom: -.5rem;
		padding-left: 1.9rem;
		width: 15.8rem;
		min-height: 7.1rem;
		box-sizing: border-box;
	}

	#main .voiceBox .imgUl .headline04 {
		margin: -2.8rem .7rem .8rem -4.9rem;
		font-size: 1.3rem;
	}

	#main .voiceBox .imgUl .headline04 span {
		padding: .9rem .5rem 1.1rem;
	}

	#main .voiceBox {
		margin-bottom: 6.3rem;
	}
}

@media all and (max-width: 374px) {
	#main .voiceBox .headline05 img {
		width: 12rem;
		left: 16.3rem;
	}

	#main .voiceBox .imgUl .textBox {
		width: 14rem;
	}
}

/* companyBox */
#main .companyBox {
	margin-bottom: 8.8rem;
}

#main .companyBox .comImgBox {
	margin-bottom: 8rem;
}

#main .companyBox .comImgBox .textBox {
	margin-top: -3.7rem;
}

#main .companyBox .comImgBox .textBox .subBox {
	max-width: 63.7rem;
}

/* 1400 */
@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .companyBox .comImgBox .textBox .subBox {
		max-width: 77.7rem;
	}
}

#main .companyBox .comImgBox .innerBox {
	padding-left: 1.2rem;
}

#main .companyBox .headline02 {
	margin-bottom: 9.4rem;
}

#main .companyBox .headline02 img {
	margin: -2.8rem 0 0 6.6rem;
	display: inline-block;
	vertical-align: middle;
}

#main .companyBox .title {
	margin: 0 -4rem 3.7rem -.5rem;
	font-size: 3rem;
	line-height: 1.63;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}

#main .companyBox .innerBox .headline03 {
	margin-right: 8.7rem;
}

#main .companyBox .contentBox {
	margin: 0 auto;
	max-width: 120rem;
	box-sizing: border-box;
}

/* 1400 */
@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .companyBox .contentBox {
		max-width: 146rem;
	}
}

#main .companyBox .contentBox .flex {
	padding-left: 9rem;
	display: flex;
	justify-content: space-between;
}

#main .companyBox .contentBox .flex .rBox {
	margin: .9rem 0 0 0;
	width: 50%;
	max-width: 55.5rem;
}

/* 1400 */
@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .companyBox .contentBox .flex .rBox {
		max-width: 64.5rem;
	}
}

#main .companyBox .contentBox .flex .comListUl01 {
	margin-top: .5rem;
}

#main .companyBox .contentBox .flex .comListUl01 p {
	padding-top: 0;
	padding-bottom: 0;
}

#main .companyBox .contentBox .listBox {
	width: 45%;
	flex: 1;
}

#main .companyBox .textUl {
	font-weight: bold;
}

#main .companyBox .textUl li {
	margin-bottom: .8rem;
	padding-left: 1em;
	text-indent: -1em;
	letter-spacing: 0.1em;
}

#main .companyBox .textUl li:last-child {
	margin-bottom: 0;
}

#main .companyBox .textUl+.h3Ttl {
	margin-top: 5rem;
}

#main .companyBox .h3Ttl {
	margin-bottom: 1.4rem;
	color: #EC9F16;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
}

#main .companyBox .photoArea {
	margin: 10.5rem 3rem 0 -9.2rem;
	max-width: 50rem;
	position: relative;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .companyBox .photoArea {
		max-width: 63rem;
	}
}

#main .companyBox .photoArea .image {
	border-radius: 3rem;
	overflow: hidden;
}

#main .companyBox .photoArea .iconImg {
	top: -14.2rem;
	right: 4.6rem;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .companyBox .innerBox .headline03 {
		margin-right: 4rem;
	}

	#main .companyBox .headline02 img {
		width: 6rem;
	}

	#main .companyBox .headline02 {
		margin-bottom: 6rem;
	}

	#main .companyBox .imgBox .photo {
		padding-top: 10rem;
	}

	#main .companyBox .contentBox .flex {
		padding-right: 4.3%;
	}

	#main .companyBox .imgBox {
		padding-right: 4.3%;
	}

	#main .companyBox .imgBox .comListUl {
		width: 54%;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .companyBox .title {
		margin-bottom: 2rem;
		letter-spacing: 0;
		font-size: 2.5rem;
	}

	#main .companyBox .headline02 img {
		margin-top: -2rem;
		width: 5.4rem;
	}

	#main .companyBox .innerBox .headline03 {
		margin-right: 3rem;
	}
}

@media all and (max-width: 896px) {
	#main .companyBox {
		margin-bottom: 4.8rem;
	}

	#main .companyBox .headline02 img {
		margin: -1.4rem 0 0 3rem;
		width: 4.2rem;
	}

	#main .companyBox .comImgBox .textBox {
		margin: 0 0 -6.1rem;
	}

	#main .companyBox .title {
		font-size: 1.5rem;
	}

	#main .companyBox .headline02 {
		margin: 0 0 3.8rem .9rem;
	}

	#main .companyBox .comImgBox .innerBox {
		padding-left: 1.8rem;
		justify-content: flex-start;
	}

	#main .companyBox .title {
		margin: 0;
		line-height: 1.7;
	}

	#main .companyBox .innerBox .headline03 {
		margin: -1.4rem 3rem 0 0;
	}

	#main .companyBox .comImgBox .photo {
		margin: 0 -2.2rem 2rem -.1rem;
		width: auto;
		border-radius: 1rem 0 0 1rem;
	}

	#main .companyBox .comImgBox .photo img {
		width: 100%;
	}

	#main .companyBox .spTxt {
		line-height: 1.66;
	}

	#main .companyBox .contentBox .flex {
		padding-left: 0;
		display: block;
	}

	#main .companyBox .contentBox .listBox {
		margin-bottom: 3.4rem;
		padding-right: 0;
		width: 100%;
	}

	#main .companyBox .contentBox .flex .rBox {
		margin-top: 0;
		width: auto;
		max-width: inherit;
	}

	#main .companyBox .contentBox .flex .comListUl01 {
		margin-top: 1rem;
	}

	#main .companyBox .contentBox .flex .comListUl01>li {
		padding: .9rem 0;
	}

	#main .companyBox .contentBox .flex .comListUl01 .ttl {
		padding: 0 .2rem 0 .5rem;
		width: 8rem;
		text-align: center;
	}

	#main .companyBox .contentBox .flex .comListUl01 .txt {
		padding: 0 0 0 1.5rem;
		letter-spacing: 0;
	}

	#main .companyBox .photoArea {
		margin: 5.1rem 0 0 0;
		max-width: inherit;
		width: calc(100% - 8rem);
	}

	#main .companyBox .photoArea .image {
		border-radius: 1.5rem;
	}

	#main .companyBox .photoArea .iconImg {
		top: -1.5rem;
		right: -5.7rem;
		width: 2.3rem;
	}

	#main .companyBox .contentBox {
		margin: 0 2.2rem;
	}

	#main .companyBox .h3Ttl {
		margin-bottom: .3rem;
		font-size: 1.3rem;
	}

	#main .companyBox .comImgBox {
		margin-bottom: 4rem;
	}

	#main .companyBox .textUl li {
		margin-bottom: .2rem;
		font-size: 1.2rem;
	}

	#main .companyBox .textUl+.h3Ttl {
		margin-top: 2.7rem;
	}

	#main .companyBox .imgBox {
		margin-top: 5rem;
		display: block;
	}

	#main .companyBox .imgBox .photo {
		padding: 0 7.9rem 0 0;
		margin-left: 0;
		max-width: inherit;
		width: auto;
		position: relative;
	}

	#main .companyBox .imgBox .comListUl {
		margin-bottom: 4.9rem;
		width: auto;
		max-width: inherit;
	}

	#main .companyBox .imgBox .comListUl li .ttl,
	#main .companyBox .imgBox .comListUl li .txt {
		padding: .1rem 0 .2rem;
	}

	#main .companyBox .imgBox .comListUl li .txt {
		padding-left: 2.4rem;
	}
}

@media all and (max-width: 374px) {
	#main .companyBox .innerBox .headline03 {
		margin-right: 1.9rem;
	}

	#main .companyBox .headline02 img {
		margin-left: 1.3rem;
		width: 4rem;
	}

	#main .companyBox .comImgBox .innerBox {
		padding-left: 0;
	}

	#main .companyBox .title {
		font-size: 1.4rem;
	}

	#main .companyBox .imgBox .photo {
		padding-right: 5.7rem;
	}
}

/* recruitBox */
#main .recruitBox {
	margin-bottom: -1rem;
}

#main .recruitBox .photo {
	width: calc(50% - 5.5rem);
	order: 0;
	border-radius: 0 2rem 2rem 0;
}

#main .recruitBox .textBox {
	padding: 2.75% 4.2% 10% 2.2%;
	justify-content: flex-start;
	order: 3;
}

#main .recruitBox .innerBox {
	padding-left: 0;
}

#main .recruitBox .headline02 {
	margin: -4.5rem 5.1rem 0 0;
}

#main .recruitBox .headline03 {
	margin: 0 0 3.7rem;
	position: relative;
}

#main .recruitBox .headline03 img {
	position: absolute;
	top: -.3rem;
	right: 2.8rem;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .recruitBox .headline02 {
		margin-right: 2.7rem;
	}

	#main .recruitBox .headline03 img {
		width: 8rem;
		top: -1.3rem;
	}

	#main .recruitBox .headline03 {
		margin-bottom: 2.2rem;
	}
}

@media all and (max-width: 896px) {
	#main .recruitBox {
		margin-bottom: 5.5rem;
	}

	#main .recruitBox .textBox {
		padding: 0;
	}

	#main .recruitBox .innerBox {
		padding-left: 0;
		justify-content: flex-start;
	}

	#main .recruitBox .headline02 {
		margin: -2.3rem 2.5rem 0 0;
	}

	#main .recruitBox .headline03 img {
		position: relative;
		top: auto;
		right: auto;
		width: 5.5rem;
		margin: -.3rem 0 0 6.6rem;
	}

	#main .recruitBox .photo {
		margin: -11.7rem 0 0 -2.2rem;
		width: auto;
		order: 0;
		border-radius: 0 1rem 1rem 0;
	}

	#main .recruitBox .headline03 {
		margin-bottom: 0;
	}

	#main .recruitBox .spTxt {
		margin-top: 1.6rem;
		line-height: 1.66;
		letter-spacing: 0.1em;
	}
}

@media all and (max-width: 374px) {
	#main .recruitBox .headline03 img {
		margin-left: 2.8rem;
	}
}

/* yellowBg02 */
#main .yellowBg02 {
	margin-bottom: 0;
	padding: 10rem 2rem 4.3rem;
	display: block;
}

#main .yellowBg02 .iconImg.img01 {
	margin-left: 16%;
	width: 25%;
	max-width: 39rem;
	bottom: calc(100% + 1.5rem);
	left: 50%;
	transform: translateX(-50%);
	top: auto;
}

#main .yellowBg02 .iconImg.img02 {
	margin-left: -5%;
	width: 67%;
	max-width: 127.6rem;
	bottom: -6.3%;
	left: 50%;
	transform: translateX(-50%);
}

#main .whiteBg {
	padding: 6.6rem 6.4rem 5.4rem;
	margin: 0 auto;
	max-width: 119.9rem;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 2rem;
	overflow: hidden;
}

#main .whiteBg .textDl {
	margin-bottom: 3rem;
	padding: 3.6rem 1rem 4rem 3.8rem;
	font-weight: bold;
	line-height: 1.82;
	background-color: #fae9cd;
	border-radius: .8rem;
	letter-spacing: 0.1em;
}

#main .whiteBg .textDl dt {
	float: left;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
}

#main .whiteBg .textDl dt span {
	padding: 1.1rem 1.5rem 1.3rem;
	min-width: 260px;
	display: inline-block;
	background-color: #ED4B25;
	border-radius: 2rem;
	text-align: center;
	box-sizing: border-box;
	margin-right: 2rem;
}

#main .whiteBg .textDl dd {
	padding: .5rem 0 5rem 26.7rem;
	color: #ED4B25;
	box-sizing: border-box;
}

#main .whiteBg .textDl dd p {
	margin-left: 2rem;
}

#main .whiteBg .textDl dd:last-child {
	padding-bottom: 0;
}

#main .whiteBg .comListUl>li {
	padding: 1.8rem 0;
	font-size: 1.8rem;
	line-height: 1.72;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	border-top: none;
}

#main .whiteBg .comListUl,
#main .whiteBg .comListUl>li:last-child {
	background: none;
}

#main .whiteBg .comListUl li .ttl,
#main .whiteBg .comListUl li .txt {
	padding: .2rem 1.7rem .2rem 0;
}

#main .whiteBg .comListUl li .ttl {
	width: 22rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

#main .whiteBg .comListUl li .txt {
	padding-left: 7.6rem;
	letter-spacing: 0;
}

#main .whiteBg .redTxt {
	margin-top: 4rem;
	color: #ED4B25;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}

#main .yellowBg02 .contactBtn {
	margin-top: 7.9rem;
}

#main .yellowBg02 .contactBtn a {
	margin: 0 auto;
	padding: 3.4rem 1rem 3.8rem;
	max-width: 53.3rem;
	color: #573001;
	font-weight: bold;
	font-size: 2.4rem;
	display: block;
	border-radius: 2rem;
	background-color: #EC9F16;
	text-align: center;
	line-height: 1;
	box-sizing: border-box;
}

/* 1400 */
@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .yellowBg02 .contactBtn a {
		max-width: 66.3rem;
	}
}

#main .yellowBg02 .contactBtn span {
	margin-top: 1.3rem;
	display: block;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .whiteBg .textDl dd {
		padding-left: 24.4rem;
		min-height: 5rem;
	}

	#main .whiteBg .textDl dt span {
		padding: 1.1rem .5rem;
	}

	#main .whiteBg {
		padding: 4rem;
	}
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .whiteBg {
		padding: 4rem 3rem;
	}

	#main .whiteBg .textDl {
		padding-left: 2rem;
	}

	#main .whiteBg .textDl dt span {
		min-width: 244px;
		margin-right: 2rem;
	}

	#main .whiteBg .textDl dd {
		padding-left: 20.4rem;
	}

	#main .whiteBg .comListUl li .ttl {
		width: 15.5rem;
	}

	#main .whiteBg .comListUl li .txt {
		padding-left: 4rem;
	}

}

@media all and (min-width: 897px) {
	#main .yellowBg02 .contactBtn a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {

	#main .yellowBg02 .bg::before,
	#main .yellowBg02 .bg::after {
		height: 6.6rem;
		bottom: calc(100% - 2.6rem);
	}

	#main .yellowBg02 .bg::after {
		top: calc(100% - 1.9rem);
		bottom: auto;
	}

	#main .yellowBg02 {
		padding: 1.6rem 2.5rem 10%;
	}

	#main .whiteBg {
		padding: 1.6rem 1.5rem 2.4rem;
		border-radius: 1rem;
	}

	#main .whiteBg .textDl {
		margin-bottom: 4.2rem;
		padding: 0;
		background-color: transparent;
	}

	#main .whiteBg .textDl dt {
		margin: 0 0 .5rem;
		float: none;
		font-size: 1.2rem;
	}

	#main .whiteBg .textDl dd {
		margin-bottom: 2rem;
		padding: 0;
		min-height: 0;
		line-height: 1.66;
	}

	#main .whiteBg .textDl dt span {
		padding: .4rem .5rem .5rem;
		min-width: 125px;
	}

	#main .whiteBg .comListUl>li {
		margin-bottom: 1.1rem;
		padding: 0 0 1.1rem;
		font-size: 1.2rem;
		display: block;
		border-top: none;
	}

	#main .whiteBg .comListUl li:last-child {
		margin-bottom: 0;
	}

	#main .whiteBg .comListUl li .ttl {
		margin-bottom: .2rem;
		width: auto;
		display: block;
		background: none;
	}

	#main .whiteBg .comListUl li .ttl,
	#main .whiteBg .comListUl li .txt {
		padding: 0;
		text-align: left;
	}

	#main .whiteBg .redTxt {
		margin-top: .1rem;
		text-align: left;
	}

	#main .yellowBg02 .contactBtn {
		margin-top: 3.6rem;
	}

	#main .yellowBg02 .contactBtn a {
		padding: 1.8rem 1rem 2rem;
		border-radius: 1.7rem;
		font-size: 1.5rem;
	}

	#main .yellowBg02 .contactBtn img {
		width: 2.6rem;
	}

	#main .yellowBg02 .contactBtn span {
		margin-top: 1.5rem;
	}

	#main .yellowBg02 .iconImg.img02 {
		margin-left: -0.5%;
		width: 77%;
		max-width: 40rem;
		bottom: -1.7%;
		left: 50%;
		transform: translateX(-50%);
	}
}

/* mapBox */
#main .mapBox {
	padding: 24.1rem 0 9.3rem;
}

#main .mapBox .content {
	max-width: 111.4rem;
}


#main .mapBox .innerBox {
	padding-left: 4.5rem;
	position: relative;
}

#main .mapBox .innerBox .headline03 {
	position: absolute;
	top: .5rem;
	left: -7.6rem;
}

#main .mapBox .map {
	padding: 2.5rem;
	position: relative;
	font-size: 0;
	line-height: 1;
	min-height: 49.7rem;
	box-sizing: border-box;
}

/* @media all and (min-width: 897px) and (max-width: 1450px) {
	#main .mapBox .map {
		min-height: 62.7rem;
	}
} */


#main .mapBox .map .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/bg02.jpg) repeat center top;
	border-radius: 6.4rem;
	content: "";
}

#main .mapBox .map iframe {
	width: 100%;
	height: 44.7rem;
	position: relative;
	z-index: 10;
	border-radius: 3.9rem;
	overflow: hidden;
}

#main .mapBox .btmBox {
	padding: 2rem .4rem 0 5.1rem;
	display: flex;
	position: relative;
}

#main .mapBox .btmBox .btn {
	order: 3;
}

#main .mapBox .btmBox .btn a {
	padding: 1.6rem .8rem 2.1rem;
	width: 28.1rem;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	background-color: #573001;
	box-sizing: border-box;
	border-radius: 1rem;
}

/* 1400 */
@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .mapBox .btmBox .btn a {
		width: 33.1rem;
	}
}

#main .mapBox .btmBox .txt {
	margin-top: 1.6rem;
	flex: 1;
	font-weight: 500;
	letter-spacing: 0.08em;
}

#main .mapBox .btmBox .iconImg {
	top: 1.5rem;
	left: -5.6rem;
}

@media all and (min-width: 897px) and (max-width: 1200px) {
	#main .mapBox .content {
		max-width: 80rem;
	}

	#main .mapBox .innerBox {
		padding-left: 5rem;
	}

	#main .mapBox .map {
		padding: 2rem;
	}

	#main .mapBox .innerBox .headline03 {
		left: -2rem;
	}

	#main .mapBox .btmBox .iconImg {
		top: 1.5rem;
		left: -3.2rem;
		width: 6.5rem;
	}

	#main .mapBox .btmBox .btn a {
		width: 22.6rem;
	}
}

@media all and (min-width: 897px) {
	#main .mapBox .btmBox .btn a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	#main .mapBox {
		padding: 10rem 0 4.4rem;
	}

	#main .mapBox .map {
		padding: 1.3rem 0 1.3rem 1.3rem;
		min-height: 25rem;
	}

	#main .mapBox .map iframe {
		border-radius: 1.8rem 0 0 1.8rem;
		height: 22.4rem;
	}

	#main .mapBox .innerBox {
		margin-right: -2rem;
		padding-left: 5.4rem;
		position: relative;
	}

	#main .mapBox .innerBox .headline03 {
		top: -3.2rem;
		left: 0;
	}

	#main .mapBox .map .bg {
		border-radius: 3.3rem 0 0 3.3rem;
	}

	#main .mapBox .btmBox {
		padding: 0;
		display: block;
		position: relative;
		margin: -2.3rem 0 0 .5rem;
		z-index: 11;
	}

	#main .mapBox .btmBox .btn a {
		padding: 1.4rem .8rem 1.8rem;
		width: 24rem;
		font-size: 1.4rem;
	}

	#main .mapBox .btmBox .txt {
		margin-top: 1.5rem;
		font-size: 1.3rem;
	}

	#main .mapBox .btmBox .iconImg {
		top: -3.7rem;
		left: .2rem;
		width: 3.9rem;
	}
}

/* bannerBox */
#main .bannerBox {
	padding: 0 2rem;
	text-align: center;
}

#main .bannerBox a {
	display: inline-block;
}

@media all and (min-width: 897px) {
	#main .bannerBox a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	#main .bannerBox {
		padding: 0 2.2rem 0 2.5rem;
	}

	#main .bannerBox img {
		max-width: 100%;
	}
}


/* popBox */
.popBox {
	padding: 9.4rem 13rem 5rem;
	background-color: #fff;
	border-radius: 4rem;
	display: none;
}

.popBox .closeBtn {
	position: absolute;
	top: 3.5rem;
	right: 3.6rem;
}

.popBox .closeBtn a {
	display: inline-block;
}

.popBox .imgBox {
	margin: 0 auto;
	width: 87.6rem;
	display: flex;
	justify-content: space-between;
}

.popBox .imgBox .photo {
	margin-right: 5.7rem;
	width: 34.5rem;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.popBox .imgBox .image {
	border-radius: 3rem;
	overflow: hidden;
}

.popBox .imgBox .headline04 {
	margin: -2.8rem 2rem 1.5rem -4rem;
	font-size: 2.4rem;
	position: relative;
	z-index: 10;
}

.popBox .imgBox .headline04 span {
	padding: .5rem .5rem .7rem;
	min-width: 275px;
}

.popBox .imgBox .name {
	margin-bottom: 1.2rem;
	font-size: 3rem;
}

.popBox .imgBox .rightBox {
	margin-top: -.3rem;
	flex: 1;
}

.popBox .imgBox .title {
	margin: 0 0 2.3rem -.7rem;
	color: #EC9F16;
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.53;
}

.popBox .imgBox .rightBox p {
	line-height: 2.06;
	letter-spacing: 0.1em;
	font-weight: 500;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	text-align: justify;
	text-justify: inter-ideograph;
}

@media all and (min-width: 897px) and (max-width: 1450px) {
	.popBox .imgBox .photo {
		margin-right: 3rem;
		width: 27rem;
	}

	/* .popBox .imgBox {
		width: 73rem;
	} */

	/* 1400 */

	.popBox .imgBox {
		width: 85rem;
	}

	.popBox .imgBox .headline04 span {
		min-width: 200px;
	}
}

@media all and (min-width: 897px) {
	.popBox .closeBtn a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	.popBox {
		padding: 2.7rem 2.4rem 5rem;
		max-width: 90%;
		border-radius: 1.7rem;
	}

	.popBox .imgBox {
		width: auto;
		display: block;
	}

	.popBox .imgBox .photo {
		margin: 0 auto 1.9rem;
		max-width: 28rem;
		width: auto;
		display: flex;
		align-items: flex-end;
		font-size: 1.3rem;
	}

	.popBox .imgBox .image {
		border-radius: 1.5rem;
		flex: 1;
	}

	.popBox .imgBox .name {
		margin-bottom: .5rem;
		font-size: 1.8rem;
	}

	.popBox .imgBox .textBox {
		margin-bottom: .1rem;
		padding-left: 1.9rem;
		width: 10.6rem;
		min-height: 7.1rem;
		box-sizing: border-box;
		letter-spacing: -0.05em;
	}

	.popBox .imgBox .headline04 {
		margin: -2.8rem -1.1rem .8rem -6.7rem;
		font-size: 1.4rem;
	}

	.popBox .imgBox .headline04 span {
		padding: .9rem .5rem 1.1rem;
		min-width: 0;
		text-align: center;
		display: block;
	}

	.popBox .closeBtn {
		top: 1.5rem;
		right: 1.5rem;
	}

	.popBox .imgBox .title {
		margin: 0 0 1.5rem;
		font-size: 1.6rem;
	}

	.popBox .imgBox .rightBox p {
		line-height: 1.66;
		letter-spacing: 0.18em;
	}
}

@media all and (max-width: 374px) {}

/* fancybox */
.fancybox-close-small {
	display: none !important;
}

body.color .fancybox-bg {
	background-color: transparent;
}

/* workCont */
.workCont {
	display: none;
	width: 89.7%;
	height: 96%;
	box-sizing: border-box;
	z-index: 1;
	background-color: rgba(89, 87, 87, 0.9);
}

.workCont .innBox {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: scroll;
}

.workCont li {
	margin: 1.7rem 2rem 0 0;
	width: 32%;
}

.workCont li img {
	margin: 0 auto;
	max-height: 90%;
}

.workCont .close a:hover {
	opacity: 0.7;
}

.workCont ul {
	padding: 0 10.4rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 100%;
	font-size: 0;
}

.workCont .arrowBox .prev {
	position: absolute;
	left: 15%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

.workCont .arrowBox .next {
	position: absolute;
	right: 15%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

.workCont .close {
	position: absolute;
	right: 6.5rem;
	top: 5.8rem;
	z-index: 10;
}

@media all and (min-width: 897px) {

	.workCont .arrowBox .prev:hover,
	.workCont .arrowBox .next:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	.workCont {
		width: 95%;
	}

	.workCont ul {
		padding: 6.4rem 2.1rem 2rem;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.workCont li {
		margin: 0 0 1.3rem;
		width: auto;
		padding-bottom: 0;
		background: none;
	}

	.workCont .close {
		right: 2.9rem;
		top: 2.4rem;
		width: 2.4rem;
	}

	.workCont .arrowBox .prev {
		left: 10%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.workCont .arrowBox .next {
		right: 10%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/* css */

/* kiyakuBox */
.kiyakuBox {
	margin-bottom: 8.8rem;
}


.scrollBoxWrapper {
	max-width: 120rem;
	margin: 0 auto;
	border-radius: 1rem;
	overflow: hidden;
}

@media all and (min-width: 897px) and (max-width: 1450px) {

	/* 1400 */
	.scrollBoxWrapper {
		max-width: 146rem;
		margin: 0 auto;
		border-radius: 1rem;
		overflow: hidden;
		width: 90%;
	}
}

.scrollBox {
	overflow: auto;
	height: 23.5rem;
	padding: 1rem 3rem;
	line-height: 1.8;
	font-size: 1.5rem;
	border-radius: 2rem;
	background-color: #ffffff;
	box-sizing: border-box;
}

@media all and (min-width: 897px) and (max-width: 1450px) {

	/* 1400 */
	.scrollBox {
		height: 29.5rem;
	}
}

.scrollBox::-webkit-scrollbar {
	/*スクロールバーの横幅指定*/
	width: 1.5rem;
}

.scrollBox::-webkit-scrollbar-track {
	/*スクロールバーの背景色・角丸指定*/
	border-radius: 1rem;
	background: #E6F6F5;
}

.scrollBox::-webkit-scrollbar-thumb {
	/*スクロールバーの色・角丸指定*/
	border-radius: 1rem;
	background: #02A89C;
}

.scrollBox .title {
	margin: 3rem 0;
	font-size: 3rem;
}

@media all and (max-width: 896px) {
	.scrollBox {
		height: 30rem;
		margin: 0 2.2rem;
		font-size: 1.2rem;
	}

	.scrollBox .title {
		margin: 2rem 0;
		font-size: 1.6rem;
	}


}

#container .mainVisual .btmTxt {
	margin: 2.8rem 0 0 28rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: right;
	letter-spacing: 0.1em;
	visibility: hidden;
}

@media all and (max-width: 896px) {
	#container .mainVisual .btmTxt {
		margin: 1.6rem 2.4rem 2.2rem 0;
		font-size: 1.3rem;
		text-align: left;
		line-height: 1.53;
		text-align: justify;
		text-justify: inter-ideograph;
		visibility: visible;
	}

	#main .whiteBg .textDl dd p {
		margin-left: 0;
	}
}

/* instagram */
.instagramBox {
	margin-top: 19.9rem;
	position: relative;
}

.instagramBox .headline05 {
	width: 100%;
	text-align: left;
	position: absolute;
	top: -2.8rem;
	left: -5rem;
	padding: 0;
	margin: 0;
}

.instagramBox .bg {
	padding: 6rem 3rem 6.1rem;
	background-color: #fff;
	border-radius: 1.8rem;
	overflow: hidden;
}

.instagramWrapper {
	display: flex;
	gap: 3rem;
}


.instagramCard {
	border-radius: 2rem;
	background-color: #f0f0f0;
	width: calc(25% - 3rem * 3/4);
	aspect-ratio: 1;
	cursor: pointer;
	overflow: hidden;
}

.instagramCard a {
	display: block;
	cursor: pointer;
}

.comBtn a {
	margin: 4.6rem auto 0;
	color: #fff;
	padding: 1.8rem 1.5rem 2rem;
	font-weight: bold;
	max-width: 27rem;
	display: block;
	font-size: 2rem;
	border-radius: 5rem;
	background-color: #e49a1f;
	text-align: center;
	letter-spacing: 0.1em;
	box-sizing: border-box;
}

.comBtn a:hover {
	opacity: 0.7;
}

.instagramImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media all and (max-width: 896px) {
	.instagramBox {
		margin: 6.8rem 2.3rem 0 0;
	}

	.instagramWrapper {
		flex-wrap: wrap;
		gap: 2rem;
	}

	.instagramCard {
		border-radius: 2rem;
		background-color: #f0f0f0;
		width: 100%;
	}

	.instagramBox .headline05 {
		padding: 0 1.3rem;
		top: -1.5rem;
		left: 0;
		font-size: 2.5rem;
		box-sizing: border-box;
	}

	.instagramBox .headline05 .en {
		display: inline-block;
		margin-right: 2.7rem;
	}


}


@media all and (min-width: 897px) and (max-width: 1450px) {
	#main .whiteBg {
		max-width: 146rem;
	}
}