@charset "UTF-8";
/* CSS Document */

html {
	font-size: 62.5%;
}

body {
	font-family: 'Barlow', 'A1 Gothic R', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*------------------------------------
section
------------------------------------*/
.br-sp-only {
	display: none;
}

.cat-title {
	font-size: 4.0rem;
	padding: 0 0 80px;
	text-align: center;
}

.left {
	text-align: left;
	padding: 0 0 60px;

}

.cat-title-en {
	border-bottom: solid 3px #000000;
	padding-bottom: 4px;
	font-weight: 600;

}

.cat-title-jp {
	padding-top: 15px;
	font-size: 2.0rem;
	display: block;
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 1.8rem;
	;
}

/*Viewmoreのホバーの時の記述*/
.viewmore {
	position: relative;
	font-size: 2.4rem;
	display: block;
	width: 180px;
	padding: 7px 0;
	border: solid 1px #000000;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	margin: auto;
	overflow: hidden;
	transition: all 0.3s;
	will-change: transform;
}

.viewmore:hover {
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: 600;
	transition: all 0.4s ease-in-out;
}

.viewmore::before {
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	left: 0px;
	z-index: -1;
	content: '';
	width: 200%;
	background: #000000;
	transform: skewX(-45deg) translate(-450px, 0px);
	transition: all 0.4s ease-in-out;
}

.viewmore:hover::before {
	transform: skewX(-45deg) translate(-50px, 0px);
	transition: all 0.4s ease-in-out;
}

.viewmore::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	opacity: 0;
	transition: all 0.5s;
}

.viewmore:hover::after {
	opacity: 1;
}

.viewmore_z-index {
	position: relative;
	z-index: 5;
}

/*//Viewmoreのホバーの時の記述//*/

.viewmore-white {
	font-size: 2.4rem;
	display: block;
	width: 180px;
	padding: 7px 0;
	border: solid 1px #ffffff;
	border-radius: 25px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	margin: auto;
}

/*Viewmore左寄せのホバーの時の記述*/
.viewmore-left {
	position: relative;
	font-size: 2.4rem;
	display: block;
	width: 180px;
	padding: 7px 0;
	border: solid 1px #000000;
	border-radius: 23px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	overflow: hidden;
	transition: all 0.3s;
	will-change: transform;
}

.viewmore-left:hover {
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: 600;
	transition: all 0.4s ease-in-out;
}

.viewmore-left::before {
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	left: 0px;
	z-index: -1;
	content: '';
	width: 200%;
	background: #000000;
	transform: skewX(-45deg) translate(-450px, 0px);
	transition: all 0.4s ease-in-out;
}

.viewmore-left:hover::before {
	transform: skewX(-45deg) translate(-50px, 0px);
	transition: all 0.4s ease-in-out;
}

.viewmore-left::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	opacity: 0;
	transition: all 0.5s;
}

.viewmore-left:hover::after {
	opacity: 1;
}

/*//Viewmore左寄せのホバーの時の記述//*/

/*フェードインアニメーション*/
.fadeInLeft {
	opacity: 0;
}

.fadeInLeft.scrollin {
	-webkit-animation: fadeInLeft 2.2s;
	animation: fadeInLeft 2.2s;
	opacity: 1;
}

.fadeInRight {
	opacity: 0;
}

.fadeInRight.scrollin {
	-webkit-animation: fadeInRight 2.2s;
	animation: fadeInRight 2.2s;
	opacity: 1;
}

.fadeInDown {
	opacity: 0;
}

.fadeInDown.scrollin {
	-webkit-animation: fadeInDown 2.2s;
	animation: fadeInDown 2.2s;
	opacity: 1;
}

.fadeInUp {
	opacity: 0;
}

.fadeInUp.scrollin {
	-webkit-animation: fadeInUP 2.2s;
	animation: fadeInUp 2.2s;
	opacity: 1;
}

.fadeInUp.slow {
	opacity: 0;
}

.fadeInUp.slow.scrollin {
	-webkit-animation: fadeInUPslow 2.2s;
	animation: fadeInUPslow 2.2s;
	opacity: 1;
}

.about-fadeInUp {
	animation: about-fadeInUp 2.2s;
}

.about-fadeInRight {
	animation: about-fadeInRight 2.2s;
}

.facility-fadeInRight {
	animation: facility-fadeInRight 2.2s;
}

.first-fadeInUp {
	animation: first-fadeInUp 1.2s;
}

.second-fadeInUp {
	animation: second-fadeInUp 1.6s;
}


@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes about-fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}

	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUPslow {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}

	20% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes about-fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}

	/*
  25% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
*/
	100% {
		opacity: 0.3;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes facility-fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes first-fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	/*
  25% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
*/
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes second-fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	20% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*//フェードインアニメーション*/

/*contactform*/
.contact {
	padding: 40px 0 70px;
	max-width: 950px;
	margin: auto;
	border: solid 2px #000;
	margin-bottom: 120px;
}

.contact-wrapper {
	padding: 0 20px;
}

.contact .cat-title {
	padding-bottom: 40px;
}

.contactform-suggest {
	text-align: center;
	font-size: 2.5rem;
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	padding-bottom: 33px;
	line-height: 2.0;
}

.contactform-btn .viewmore {
	width: 215px;
}

/*------------------------------------
heroimage
------------------------------------*/
.hero-image {
	height: 100vh;
	overflow: hidden;
}

/*-----------slide-----------*/
.hero-list {
	position: relative;
}

.hero-list li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
	opacity: 1;
}

.hero-list li::before {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

.hero-list li:nth-of-type(1) {
	background-image: url(../images/home/hero1.jpg);
	animation: imageAnime 30s ease 0s infinite normal;
	z-index: 4;
}

.hero-list li:nth-of-type(2) {
	background-image: url(../images/home/hero2.jpg);
	animation: imageAnime2 30s ease 0s infinite normal;
	z-index: 3
}

.hero-list li:nth-of-type(3) {
	background-image: url(../images/home/hero3.jpg);
	animation: imageAnime3 30s ease 0s infinite normal;
	z-index: 2;
}

.hero-list li:nth-of-type(4) {
	background-image: url(../images/home/hero4.jpg);
	animation: imageAnime4 30s ease 0s infinite normal;
}

@keyframes imageAnime {
	0% {
		opacity: 1;
	}

	23.3% {
		opacity: 1
	}

	30% {
		/*	transform: scale(1.2,1.2);*/
		opacity: 0;
	}

	98% {
		/*	transform: scale(1,1);*/
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes imageAnime2 {
	0% {
		opacity: 0;
	}

	23.3% {
		/*	transform: scale(1,1);	  */
		opacity: 1;
	}

	30% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

	60% {
		/*	transform: scale(1.2,1.2);*/
		opacity: 0;
	}

	100% {
		opacity: 0
	}
}

@keyframes imageAnime3 {
	0% {
		opacity: 0
	}

	50% {
		/*	transform: scale(1,1);	  */
		opacity: 1
	}

	56.6% {
		opacity: 1
	}

	70.0% {
		opacity: 1
	}

	80.0% {
		/*	transform: scale(1.2,1.2);*/
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes imageAnime4 {
	0% {
		opacity: 0
	}

	70.0% {
		/*	transform: scale(1,1);	 */
		opacity: 1
	}

	83.3% {
		opacity: 1
	}

	100% {
		/*	transform: scale(1.2,1.2);*/
		opacity: 1
	}
}

/*-----------rotate----------*/
.yamanote-line {
	position: relative;
	height: 100vh;
	z-index: 5;
}

.senro {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.train-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.train {
	will-change: transform;

	/*	transform: translate(-50%, -50%); ←keyframesに指定してある*/
	-webkit-animation: roll-train 30s linear infinite normal;
	-ms-animation: roll-train 30s linear infinite normal;
	animation: roll-train 30s linear infinite normal;
	/*rolltarainはアニメーション名(自分で決める:Keyframesの名前と一緒にする)
		linerは一定のリズム/infiniteは無限に繰り返す/繰り返しの向き
		*/
}

@keyframes roll-train {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes roll-train {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*-----------ボタンの配置----------*/
.senro-base {
	position: relative;
}

/*---btn-work---*/
.btn-work-circle {
	position: absolute;
	top: 84px;
	left: 428px;
	transition: all 0.5s;
}

.btn-work {
	position: absolute;
	top: 44px;
	left: 450px;
	transition: all 0.5s;
}

.hero-work:hover .btn-work-circle {
	opacity: 0;
}

.hero-work:hover .btn-work {
	opacity: 0;
}

.btn-work-circle.green {
	opacity: 0;
}

.btn-work.green {
	opacity: 0;
}

.hero-work:hover .green {
	opacity: 1;
}

/*---btn-facility---*/
.btn-facility-circle {
	position: absolute;
	top: 326px;
	left: 454px;
	transition: all 0.5s;
}

.btn-facility {
	position: absolute;
	top: 383px;
	left: 469px;
	transition: all 0.5s;
}

.hero-facility:hover .btn-facility-circle {
	opacity: 0;
}

.hero-facility:hover .btn-facility {
	opacity: 0;
}

.btn-facility-circle.green {
	opacity: 0;
}

.btn-facility.green {
	opacity: 0;
}

.hero-facility:hover .green {
	opacity: 1;
}

/*---btn-topics---*/
.btn-topics-circle {
	position: absolute;
	top: 278px;
	left: -4px;
	transition: all 0.5s;
}

.btn-topics {
	position: absolute;
	top: 331px;
	left: -98px;
	transition: all 0.5s;
}

.hero-topics:hover .btn-topics-circle {
	opacity: 0;
}

.hero-topics:hover .btn-topics {
	opacity: 0;
}

.btn-topics-circle.green {
	opacity: 0;
}

.btn-topics.green {
	opacity: 0;
}

.hero-topics:hover .green {
	opacity: 1;
}

/*---btn-recruit---*/
.btn-recruit-circle {
	position: absolute;
	top: 16px;
	left: 113px;
	transition: all 0.5s;
}

.btn-recruit {
	position: absolute;
	top: -18px;
	left: -3px;
	transition: all 0.5s;
}

.hero-recruit:hover .btn-recruit-circle {
	opacity: 0;
}

.hero-recruit:hover .btn-recruit {
	opacity: 0;
}

.btn-recruit-circle.green {
	opacity: 0;
}

.btn-recruit.green {
	opacity: 0;
}

.hero-recruit:hover .green {
	opacity: 1;
}

/*---btn-vr---*/
.btn-vr-circle {
	position: absolute;
	top: 466px;
	left: 206px;
	transition: all 0.5s;
}

.btn-vr {
	position: absolute;
	top: 512px;
	left: 167px;
	transition: all 0.5s;
}

.hero-vr:hover .btn-vr-circle {
	opacity: 0;
}

.hero-vr:hover .btn-vr {
	opacity: 0;
}

.btn-vr-circle.green {
	opacity: 0;
}

.btn-vr.green {
	opacity: 0;
}

.hero-vr:hover .green {
	opacity: 1;
}

/*-----------//ボタンの配置----------*/
.hero-yamate {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.hero-logo {
	max-width: 213px;
	/*	text-align: center;←なんでこっちではダメ？*/
	padding: 20px 0 35px;
}

.hero-text {
	text-align: center;
	color: #FFFFFF;
	font-size: 1.5rem;
	padding-bottom: 30px;
	line-height: 2;
}

.hero-scrool-wrapper {
	width: 38px;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 6;
	transform: translateX(-50%);
}

.hero-scrool {

	-webkit-animation: UpDown 2.0s ease-in-out infinite;
	-ms-animation: UpDown 2.0s ease-in-out infinite;
	animation: UpDown 2.0s ease-in-out infinite;
	/*	transform: translateX(-50%);*/
}

@keyframes UpDown {
	0% {
		opacity: 0;
		transform: translateY(0);
	}

	50% {
		opacity: 0.8;
	}

	60% {
		opacity: 0.8;
	}

	100% {
		opacity: 0;
		transform: translateY(12px);
	}
}

/*About usのホバーの時の記述*/
.hero-about {
	position: relative;
	font-size: 2.4rem;
	display: block;
	width: 150px;
	padding: 2px 0 6px;
	border: solid 1px #fff;
	border-radius: 23px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	margin: auto;
	overflow: hidden;
	transition: all 0.5s;
}

.hero-about:hover {
	color: #6FB92C;
	border: solid 1px #6FB92C;

	letter-spacing: 0.1em;
	/*  font-weight: 600;*/
	transition: all 1.0s;
}

/*//Viewmoreのホバーの時の記述//*/

/*------------------------------------
header
------------------------------------*/
.header {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.90);
	z-index: 7;
	border-bottom: solid #F7f7f7 2px;
	position: absolute;
	top: 0;
}

.header-fixed {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.90);
	z-index: 7;
	border-bottom: solid #F7f7f7 2px;
	position: fixed;
	top: 0;
}

.nav {
	/*	max-width: 1024px;*/
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	margin: auto;
}

.header-logo img {
	width: 179px;
	height: auto;
	padding: 10px 0;
}

.nav-list {
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.nav-item {
	padding: 14px 0 0;
	margin-left: 24px;
	text-align: center;
}

/*↑この2つは下の「header-en」にかけると変*/

.nav-item:after {
	padding-top: 14px;
	content: "";
	width: 100%;
	transform: scaleX(0);
	display: block;
	border-bottom: solid 2px #6FB92C;
	transition: 0.5s;
	transition-timing-function: cubic-bezier(0.07, 0.89, 0.69, 1);
}

.nav-item:hover:after {
	transform: scaleX(1);
	border-bottom: solid 2px #6FB92C;
}

.header-en {
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	color: #808080;
	text-decoration: none;
}

.header-jp {
	display: block;
	font-size: 1.2rem;
}

.fa-instagram {
	font-size: 2.4rem;
	padding: 6px;
	color: #808080;
}

.nav-item a {
	display: block
}

.nav-item:hover a {
	opacity: 0.5;
}

/*ヘッダーバーの動き*/
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	transition: all 1.0s;
}

.remove {
	transition: all 1.0s;
	position: fixed;
	top: -68px;
}

/*//ヘッダーバーの動き*/

/*------------------------------------
work
------------------------------------*/
.home-work {
	background-color: #F7F7F7;
	padding: 120px 0;
}

.home-work-photo {
	padding: 0 0 80px;
}

.home-work-photo li {
	width: 400px;
	height: 300px;
}

.slider img {
	height: 300px;
	width: 100%;
	opacity: 1;
	transition: all 0.2s;
}

.slider img:hover {
	opacity: 0.6;
	transition: all 0.2s;
}

.sp-work-list {
	display: none;
}

/*------------------------------------
about
------------------------------------*/
.home-about {

	/*	display: -ms-flexbox;  IE10 */
	/*	display: -webkit-box;  Android4.3以下、Safari3.1〜6.0 */
	/*	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	height: 1035px;
	overflow: hidden;
*/
}

.pc-flex {
	display: -ms-flexbox;
	/* IE10 */
	display: -webkit-box;
	/* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	height: 1035px;
	overflow: hidden;
}

.home-about-text {
	/*width: 50%;←なぜ50%を入れるとセンターにいかないかがわからない*/
	/*	margin: auto;*/
	height: 350px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 7%;
	display: block;
}

.home-about-images {
	width: 50%;
	position: relative;
}

.about-Suggest {
	padding: 0 0 60px;
	line-height: 1.8;
	letter-spacing: 0.3em;
}

/**Viewmoreのホバーの時の記述*/
.viewmore-yamate {
	position: relative;
	font-size: 1.9rem;
	display: block;
	width: 244px;
	padding: 7px 0;
	border: solid 1px #000000;
	border-radius: 23px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	overflow: hidden;
	transition: all 0.5s;
	will-change: transform;
	/*	backface-visibility: hidden;*/
}

.viewmore-yamate:hover {
	color: #fff;
	letter-spacing: .15em;
	/*  font-family: 'A1 Gothic B',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;*/
	transition: all 0.3s ease-in-out;
}

.viewmore-yamate::before {
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	left: 0px;
	z-index: -1;
	content: '';
	width: 200%;
	background: #000000;
	transform: skewX(-45deg) translate(-550px, 0px);
	transition: all 0.4s ease-in-out;
}

.viewmore-yamate:hover::before {
	transform: skewX(-45deg) translate(-50px, 0px);
	transition: all 0.4s ease-in-out;
}

.viewmore-yamate::after {
	content: '';
	width: 8px;
	height: 8px;
	/*  border: 0px;*/
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	opacity: 0;
	transition: all 0.5s;
}

.viewmore-yamate:hover::after {
	opacity: 1;
}

/*//Viewmoreのホバーの時の記述//*/

.about1 {
	position: absolute;
	top: 120px;
	left: 0;
	border-radius: 50%;
	z-index: 3;
}

.about2 {
	position: absolute;
	top: 287px;
	left: 338px;
	border-radius: 50%;
	z-index: 2;
}

.about3 {
	position: absolute;
	top: 510px;
	left: 19px;
	border-radius: 50%;
	z-index: 1;
}

/*------------------------------------
facility
------------------------------------*/
.home-facility {
	height: 1005px;
}

.home-facility .pc-flex {
	justify-content: flex-start;
}

.home-facility-images {
	width: 50%;
	position: relative;
}

.facility1 {
	position: absolute;
	top: 120px;
	right: 0;
	border-radius: 50%;
	z-index: 3;
}

.facility2 {
	position: absolute;
	top: 494px;
	right: 25px;
	border-radius: 50%;
	z-index: 1;
}

.facility3 {
	position: absolute;
	top: 325px;
	right: 350px;
	border-radius: 50%;
	z-index: 2;
}

.home-facility-text {
	height: 354px;
	margin: auto 0px auto 120px;
}

/*------------------------------------
VR banner 2025.01.07追加
------------------------------------*/
.vr-banner-wrap {
	width: 95%;
	margin-inline: auto;
	text-align: center;
	margin-bottom: 80px;
}

.vr-banner {
	transition: .3s;
}

.vr-banner:hover {
	opacity: 0.7;
}

.vr-banner img {
	max-width: 100%;
	height: auto;
}


/*------------------------------------
topics
------------------------------------*/
.home-topics {
	background-color: #F7F7F7;
	padding: 120px 0;
}

.home-topics-list {
	display: flex;
	justify-content: center;
	max-width: 1024px;
	margin: auto;
	padding: 0 20px 80px;
}

.home-topics-item {
	margin-left: 20px;
	background-color: #FFFFFF;
	transition-duration: 0.5s;
	width: 33.333333%;
	box-sizing: border-box
}

.home-topics-item a {
	text-decoration: none;
	color: #000000;
}

.home-topics-item:first-of-type {
	margin-left: 0px;
}

.topics-text {
	padding: 28px 24px 24px;
	transition-duration: 0.5s;
	/*変化に掛かる時間*/
}

.topics-date-cat {
	display: flex;
	justify-content: space-between;
	font-size: 1.4rem;
	padding-bottom: 28px;
	color: #808080;
}

.topics-title {
	color: #000000;
}

/*----ホバーした時の動き----*/
.topics-photo-wrap {
	overflow: hidden;
	width: 100%;
	background-color: #000000;
}

.topics-photo-wrap img {
	display: block;
	width: 100%;
	height: auto;
	transition-duration: 0.8s;
}

.home-topics-item:hover .topics-photo-wrap img {
	opacity: 0.6;
	transform: scale(1.1);
	/*画像の拡大率*/
	transition-duration: 0.8s;
	/*変化に掛かる時間*/
}

/*
.home-topics-item:hover .topics-text {
	opacity: 0.6;
}
*/
.home-topics-item:hover {
	box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15);
	transition-duration: 0.5s;
}

/*//----ホバーした時の動き----*/

/*------------------------------------
recruit
------------------------------------*/
.recruit {
	padding: 120px 20px;
	position: relative;
}

.recruit a {
	color: #FFFFFF;
	text-decoration: none;
}

.recruit-baner {
	display: block;
	max-width: 1024px;
	margin: auto;
	overflow: hidden;
}

.recruit-image-base {
	max-width: 100%;
	position: relative;
}

.recruit-image-base img {
	opacity: 0.6;
	transition: all 0.6s;
}

.recruit-image-base::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	left: 0px;
	background-color: #000000;
}

.recruit-image-base::after {
	content: "";
	position: absolute;
	top: 0;
	/*	right: 0px;*/
	bottom: 0;
	left: -200px;
	width: 150%;
	background-color: #000000;
	transform: skewX(-45deg);
	transition: all 0.6s cubic-bezier(0.4, 0.44, 0.1, 0.9);
	z-index: 1;
	opacity: 0.5;
}

.recruit-baner:hover .recruit-image-base::after {
	top: 0;
	/*	right: 0px;*/
	bottom: 0;
	left: 1250px;
	width: 150%;
	transition: all 0.8s cubic-bezier(0.01, 0.44, 0.1, 0.9);
	z-index: 1;
}

.recruit-baner:hover .recruit-image-base img {
	transform: scale(1.1);
	/*画像の拡大率*/
	transition: all 0.6s;
}

.recrit-text {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.recruit .cat-title {
	padding-bottom: 36px;
}

.recruit .cat-title-en {
	border-bottom: solid 3px #FFFFFF;
}

.recruit-Suggest {
	text-align: center;
	padding-bottom: 48px;
}

/*------------------------------------
contact
------------------------------------*/
.home.contact {
	display: none;
}

/*------------------------------------
footer
------------------------------------*/
.footer {
	font-size: 1.4rem;
	background-color: #F7F7F7;
	padding: 37px 10px;
}

.footer-inner {
	max-width: 1024px;
	margin: auto;
}

.footer-main {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding-bottom: 20px;
	position: relative;
}

.footer-logo {
	width: 268px;
	height: auto;
}

.footer-suggest {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
}

.footer-link-list {
	display: flex;
}

.footer-link-item {
	padding-left: 56px;
}

.footer-link-item a {
	display: block;
	text-align: right;
	text-decoration: none;
	color: #000000;
}

.footer-link-item a:hover {
	opacity: 0.5;
	transition: all 0.2s;
	transition-timing-function: ease-out;
}

.footer-sub {
	display: flex;
	justify-content: space-between;
}


/*-- 2025.01.07追加ここから --*/

.footer-instagram {
	position: absolute;
	top: 50%;
	left: 300px;
	transform: translateY(-50%);
}

/*-- 2025.01.07追加ここまで --*/


.copyright img {
	width: 38px;
	height: auto;
}

/*--ページトップボタン--*/
.page-top-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}

.page-top-btn a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}

#top_scroll {
	display: none;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
}

#page-top1 {
	display: block;
	position: fixed;
	z-index: 101;
	bottom: -250px;
	right: 10px;
	width: 40px;
	height: 40px;
	padding: 0;
	transition: 1s;
	-webkit-transition: 1s;
}

/*------------------------------------------------------------------------------------------------
aboutページ
------------------------------------------------------------------------------------------------*/
.wide-padding {
	padding: 0 0 150px;
}

.about-page-suggest {
	text-align: center;
	font-size: 2.3rem;
	line-height: 2.5;
}

.about-page-suggest-title {
	text-align: center;
	font-size: 2.5rem;
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	padding-bottom: 50px;
}

/*------------------------------------
about-yamatesign
------------------------------------*/
.about-yamate {
	padding: 306px 0 240px;
	overflow: hidden;
}

.about-yamate-photo-base {
	position: relative;
	width: 50%;
	margin-left: auto;
}

.about-yamate-photo {
	width: 580px;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top: 30px;
	left: 84px;
	z-index: -1;
	opacity: 0.3;
}

/*------------------------------------
slogan
------------------------------------*/
.slogan {
	padding-bottom: 240px;
}

.about-slogan-photo-base {
	position: relative;
	width: 50%;
}

.about-slogan-photo {
	width: 580px;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top: 68px;
	right: 33px;
	z-index: -1;
}

/*------------------------------------
searvice
------------------------------------*/
.searvice {
	padding-bottom: 240px;
}

.searvice-list {
	display: flex;
	justify-content: center;
}

.searvice-item {
	display: block;
	width: 260px;
	height: 260px;
	margin: 0 15px;
	text-align: center;
	border: solid 5px #000000;
	border-radius: 50%;
	position: relative;
}

.searvice-item-title {
	font-size: 2.8rem;
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	padding-top: 60px;
	padding-bottom: 15px;
}

.searvice-item-suggest {
	font-size: 1.4rem;
	font-family: 'A1 Gothic R';
	line-height: 1.6;
}

/*------------------------------------
company
------------------------------------*/
.company {
	position: relative;
	padding-bottom: 120px;
}

.company-list {
	display: flex;
	max-width: 930px;
	margin: auto;
}

.company-info {
	width: 465px;
	font-family: 'A1 Gothic R';
	font-size: 1.6rem;
}

.company-info-list {
	display: flex;
	margin-bottom: 29px;
}

.company-info-dt {
	width: 20%;
	text-align: right;
	margin-right: 44px;
}

.company-map {
	width: 50%;
	padding-left: 20px;
}

.company-map iframe {
	width: 100%;
}


/*------------------------------------------------------------------------------------------------
facilityページ
------------------------------------------------------------------------------------------------*/
.facility-main {
	padding: 174px 0 120px;
}

.facility-cat-title {
	font-family: "A1 Gothic B";
	font-size: 3.3rem;
	margin-bottom: 10px;
}

.facility-cat-suggest {
	font-size: 1.8rem;
	line-height: 2.0;
	margin-bottom: 40px;
}

/*------------------------------------
printer
------------------------------------*/
.facility-printer {
	display: flex;
	justify-content: flex-end;
	max-width: 1040px;
	margin: auto;
	margin-bottom: 160px;
	overflow: hidden;
}

.printer-text {
	/*	width: 50%;*/
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 18px;
}

.printer-text-inner {
	width: 400px;
}

.printer-list {
	max-width: 50%;
	display: flex;
	flex-wrap: wrap;
}

.printer-list img {
	width: 100%;
	height: auto;
}

.printer-name-cat {
	font-size: 1.4rem;
	text-align: center;
}

.printer-item1 {
	width: 240px;
	height: auto;
	margin-bottom: 10px;
}

.printer-item2 {
	width: 266px;
	height: auto;
	margin-bottom: 10px;
}

.printer-item3 {
	width: 240px;
	height: auto;
}

.printer-detail {
	font-family: 'A1 Gothic R';
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 20px 0px 0px 36px;
}

.printer-detail-item {
	margin-bottom: 3px;
}

.printer-detail-cat {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
}

.printer-detail-name {
	margin-left: 10px;
}

/*------------------------------------
machine
------------------------------------*/
.facility-machine {
	display: flex;
	justify-content: flex-end;
	flex-direction: row-reverse;
	max-width: 1040px;
	margin: auto;
	margin-bottom: 160px;
	overflow: hidden;
}

.machine-text {
	width: 50%;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 60px;
}

.machine-text-inner {
	width: 400px;
}

.machine-list {
	max-width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.machine-list img {
	width: 100%;
	height: auto;
}

.machine-name-cat {
	font-size: 1.4rem;
	text-align: center;
}

.machine-item1 {
	width: 244px;
	height: auto;
	margin-bottom: 10px;
}

.machine-item2 {
	width: 244px;
	height: auto;
	margin-bottom: 10px;
}

.machine-item3 {
	width: 254px;
	height: auto;
}

.machine-detail {
	font-family: 'A1 Gothic R';
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 55px 24px 0px 26px;
}

.machine-detail-item {
	margin-bottom: 3px;
}

.machine-detail-cat {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
}

.machine-detail-name {
	margin-left: 10px;
}

/*------------------------------------
graphic/space
------------------------------------*/
.facility-gra-spa {
	display: flex;
	max-width: 1024px;
	margin: auto;
}

/*------------------------------------
graphic
------------------------------------*/
.facility-graphic {
	width: 50%;
}

.graphic-text-inner {
	text-align: center;
}

.graphic-list {
	display: flex;
	justify-content: center;
	font-family: 'A1 Gothic R';
	font-size: 1.2rem;
}

.graphic-spec {
	margin-left: 28px;
}

.pc-photo {
	width: 216px;
	height: 180px;
}

.soft-photo {
	width: 122px;
	margin-bottom: 16px;
}

.facility-space {
	width: 50%;
	text-align: center;
	border-left: dotted 2px;
}

.space-photo {
	width: 305px;
	height: auto;
}

/*------------------------------------------------------------------------------------------------
recruitページ
------------------------------------------------------------------------------------------------*/
.recruit-main {
	padding: 174px 0 120px;
}

.recruitpage-suggest {
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.7;
	margin-bottom: 70px;
}

.Not-recruiting {
	text-align: center;
	font-size: 2.2rem;
	line-height: 2.2;
	margin-top: 60px;
	margin-bottom: 180px;
}

.recruit-Requirements {
	width: 730px;
	margin: auto;
	margin-bottom: 80px;
}

.recruit-Requirements-title {
	font-size: 2.2rem;
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	margin-bottom: 34px;
}

.Requirements-item {
	display: flex;
	border-bottom: solid 1px #e6e6e6;
	font-family: 'A1 Gothic R';
	line-height: 2.0;
	padding: 14px 0;
}

.Requirements-item:last-of-type {
	border: none;
}

.Requirements-item-dt {
	width: 140px;
}

.Requirements-item-dd {
	margin-left: 45px;
}

.Requirements-item-dd p {
	font-size: 1.4rem;
	border: solid 2px #e6e6e6;
	padding: 10px;
	letter-spacing: 0;

}

.Requirements-item-dd p a {
	color: #000000;
}

/*------------------------------------
ずっと流れるスライドショー
------------------------------------*/
.scrool-slider {
	margin-bottom: 80px;
}

.scrool-slider li {
	width: 345px;
	height: 260px;
}

.scrool-slider .slick-track li {
	margin: 0;
}

.scrool-slider li img {
	width: 345px;
	height: 260px;
}

/*------------------------------------
------------------------------------*/
.insta-suggest {
	font-size: 2.5rem;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.15em;
	margin-bottom: 12px;
}

.insta-btn {
	display: flex;
	background: linear-gradient(135deg, #ed8f26 0%, #ed1e79 46%, #93278f 100%) no-repeat;
	width: 200px;
	height: 44px;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	margin: auto;
	padding: 4px 0px 6px 8px;
	font-size: 2.4rem;
	border-radius: 240px;
	position: relative;
	transition: 0.3s;
}

.insta-btn:hover {
	opacity: 0.6;
	transition: 0.3s;
}

.insta-btn i {
	color: #fff;
	margin-top: 2px;

}


/*------------------------------------------------------------------------------------------------
MixItUP3テスト
------------------------------------------------------------------------------------------------*/
.cat-list-btn button {
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	margin-right: 34px;
	background-color: transparent;
	font-family: 'Barlow';
	font-size: 1.6rem;
	color: #898989;
	letter-spacing: 0.1rem;
}

.cat-list-btn {
	/*	margin: auto;*/
	text-align: center;
	margin-bottom: 74px;
}

.work-list {
	max-width: 1024px;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	margin-bottom: 120px;
}

.work-item {
	width: 32%;
	height: auto;
	margin-bottom: 10px;
	background-color: #E6E6E6;
	text-align: center;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.work-item:not(:nth-child(3n)) {
	margin-right: 10px;
	box-sizing: border-box;

}

.work-item img {
	width: 100%;
}

.work-item:hover .work-item-hover-base {
	opacity: 1;
	transition: all 0.2s;
}

.work-item-hover-base {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: auto;
	padding-bottom: auto;
	background-color: rgba(109, 177, 49, 0.80);
	color: #FFFFFF;
	opacity: 0;
	transition: all 0.2s;
}

.work-item-hover-name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-weight: 600;
	letter-spacing: 0.1em;
}

.work-item-hover-cat {
	position: absolute;
	bottom: 20px;
	width: 100%;
	font-size: 1.2rem;
	letter-spacing: 0.3em;
}

button.current {
	color: #6FB92C;
	font-weight: 600;
}

/*------------------------------------------------------------------------------------------------
Work詳細ページ
------------------------------------------------------------------------------------------------*/
.work-detail-sp .cat-title {
	display: none;
}

/*------------------------------------
パンくずリスト
------------------------------------*/
.breadcrumb {
	display: flex;
	font-size: 1.4rem;
	width: 600px;
	margin: auto;
	margin-bottom: 36px;
}

.breadcrumb-item {
	margin-right: 4px;
}

.breadcrumb-item a {
	text-decoration: none;
	color: #898989;
}

.breadcrumb-item::after {
	content: '>';
	color: #898989;
}

.breadcrumb-item:nth-child(3)::after {
	content: '';
}

.breadcrumb .current {
	color: #6FB92C;
	font-weight: 600;
}

/*------------------------------------
slider
------------------------------------*/
.work-detail-photo-base {
	width: 780px;
	height: 450px;
	/*	background-color: #000000;*/
	margin: auto;
}

ul li.work-detail-photo {
	/*	width: 600px;*/
	height: 450px;
	/*	background-color: #868686;*/
	margin: 0 auto;
}

.work-detail-photo img {
	height: 100%;
	margin: auto;
}

.single-item .slick-dots {
	bottom: -50px;
}

/*------------------------------------
案件情報
------------------------------------*/
.work-detail-info {
	width: 600px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 110px;
}

.work-detail-info-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 28px;
}

.work-detail-info-data {
	font-size: 2.2rem;
}

.work-detail-info-do {
	display: block;
	font-size: 1.6rem;
	color: #FFFFFF;
	background-color: #9e9e9e;
	padding: 4px 14px 4px 14px;
	border-radius: 10px;
	height: 18px;
}

.work-detail-info-cat {
	font-size: 2.0rem;
	color: #888888;
}

.back-to-list {
	text-align: center;
	text-decoration: none;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.back-to-list img {
	margin-left: 6px;
}

/*------------------------------------------------------------------------------------------------
Contactページ
------------------------------------------------------------------------------------------------*/
.contact-suggest {
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.7;
	margin-bottom: 70px;
}

.contact-suggest a {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #000;
}

.contact-suggest span {
	font-size: 1.8rem;
	margin-top: 10px;
	display: block;
}

.google-form {
	text-align: center;
}

.form-main {
	width: 706px;
	margin: auto;
}

.form-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 36px;
}

.form-answer {
	box-sizing: border-box;
	width: 530px;
	height: 36px;
	padding-left: 8px;
	border: solid 1px #AAAAAA;
	font-family: 'Barlow', 'A1 Gothic R', sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input:focus::placeholder {
	color: transparent;
}

input:focus {
	outline: 0;
}

.form-item-message {
	display: flex;
	justify-content: space-between;
	/*	align-items: center;*/
	margin-bottom: 36px;
}

.form-answer-message {
	resize: none;
	box-sizing: border-box;
	width: 530px;
	height: 200px;
	padding-left: 8px;
	border: solid 1px #AAAAAA;
	font-family: 'Barlow', 'A1 Gothic R', sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

textarea:focus::placeholder {
	color: transparent;
}

textarea:focus {
	outline: 0;
}

.privacy-checkbox {
	width: 530px;
	padding-left: 0;
}

.form-item:last-of-type {
	margin-bottom: 80px;
}

.submit-btn-inner {
	width: 200px;
	margin: auto;
}

.submit-btn {
	display: block;
	width: 200px;
	height: 45px;
	font-size: 1.8rem;
	background-color: #6FB92C;
	border-radius: 25px;
	border: none;
	font-family: 'Barlow', 'A1 Gothic R', sans-serif;
	font-size: 1.6rem;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*------------------------------------------------------------------------------------------------
Topicsページ
------------------------------------------------------------------------------------------------*/
.topics-main {
	padding: 174px 0 0;
}

.topics-item-btn {
	width: 32%;
	height: 350px;
	margin-right: 10px;
	margin-bottom: 30px;
	/*	border: solid 1px #f0f0f0;*/
}

.topics-item-btn a {
	text-decoration: none;
}

.topics-item-btn .topics-text {
	background-color: #FFFFFF;
}

.topics-date-cat p {
	text-decoration: none;
}

.topics-item-btn .topics-text {
	padding: 12px 16px;
}

.topics-item-btn .topics-date-cat {
	padding-bottom: 12px;
}

/*----ホバーした時の動き----*/
.topics-item-btn:hover .topics-photo-wrap img {
	opacity: 0.6;
	transform: scale(1.1);
	/*画像の拡大率*/
	transition-duration: 0.8s;
	/*変化に掛かる時間*/
}

.topics-item-btn:hover {
	box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15);
	transition-duration: 0.5s;
}

/*//----ホバーした時の動き----*/

/*------------------------------------------------------------------------------------------------
Topics詳細ページ
------------------------------------------------------------------------------------------------*/
.topics-detail-main {
	width: 700px;
	padding: 174px 0 120px;
	margin: auto;
}

.topics-detail-main .breadcrumb {
	width: 700px;
	padding-bottom: 10px;
	border-bottom: solid 1px #e6e6e6;
	margin-bottom: 80px;
}

.topics-detail-main .breadcrumb .current {
	color: #898989;
}

.topics-detail-info {
	font-size: 2.2rem;
	margin-bottom: 15px;
}

.topics-detail-info span {
	margin-left: 20px;
}

.topics-detail-title {
	font-size: 3.3rem;
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	margin-bottom: 80px;
}

/*-----本文-----*/
.topics-detail-section {
	margin-bottom: 100px;
}

.topics-detail-text {
	margin-bottom: 100px;
	line-height: 2.0;
	letter-spacing: 0.1em;
}

.topics-detail-text img {
	width: 100%;
	height: auto;
}

.topics-detail-Subheading {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 2.0rem;
	margin-bottom: 6px;
}

.has-medium-font-size {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 2.0rem;
	margin-bottom: 6px;
}

.topics-detail-suggest {
	line-height: 2.0;
	letter-spacing: 0.1em;
	margin-bottom: 36px;
}

.topics-detail-photo {
	width: 700px;
	height: auto;
	margin-bottom: 36px;
}

.topics-detail-link {
	color: #000000;
}

/*-----//本文-----*/

/*------------------------------------------------------------------------------------------------
privacy poricy
------------------------------------------------------------------------------------------------*/
.privacy-main {
	max-width: 900px;
	margin: auto;
}

.privacy-inner {
	padding: 0 20px;
}

.privacy-genre {
	margin-bottom: 100px;
}

.privacy-title {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 40px;
}

.privacy-suggest {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 40px;
}

.privacy-cat-box {
	padding-bottom: 20px;
}

.privacy-cat {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 1.8rem;
	margin-bottom: 14px;
}

.privacy-cat-heading {
	font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 4px;
}

.privacy-text {
	font-size: 1.6rem;
	line-height: 1.6em;
	margin-left: 34px;
	margin-bottom: 8px;
}

.table-inner {
	margin-left: 34px;
}

table {
	width: 100%;
	font-size: 1.3rem;
	margin-bottom: 10px;
}

th, td {
	border: solid 1px #aaaaaa;
	padding: 10px;
	vertical-align: middle;
}

.first-table td:nth-of-type(2) {
	text-align: center;
}

.second-table td:nth-of-type(1) {
	width: 35%;
}



@media (max-width: 750px) {
	.br-sp-only {
		display: block;
	}

	.nav {
		display: none;
	}

	.cat-title {
		font-size: 2.2rem;
	}

	.cat-title-jp {
		font-size: 1.2rem;
	}

	.wide-padding {
		padding-bottom: 60px;
	}

	/*-------header-------*/
	.header-fixed {
		background-color: rgba(0, 0, 0, 0.90);
	}

	.header {
		background-color: rgba(0, 0, 0, 0.90);
		border-bottom: 0;
	}

	.remove {
		top: 0;
	}

	.header-logo {
		display: none;
	}

	.nav-list {
		display: block;
		height: 100vh;
		padding-top: 30px;
	}

	.nav-item {
		margin: 0 auto -5px;
		width: 120px;
		padding: 0;
	}

	.nav-item a {
		font-size: 2.2rem;
		line-height: 1.4;
		color: #FFFFFF;
	}

	.header-jp {
		font-size: 1.2rem;
	}

	.fa-instagram {
		color: #FFFFFF;
	}

	.hamburger-btn {
		position: fixed;
		top: 18px;
		right: 18px;
		width: 29px;
		height: 26px;
		padding-top: 2px;
	}

	.hamburger-line {
		width: 25px;
		height: 3px;
		background-color: #C5C5C5;
		margin: 0 auto 6px;
		transition: 0.5s ease-in-out;

	}

	.hamburger-line:nth-child(3) {
		margin: 0 auto;
	}

	.nav-item:after {
		width: 0%;
		transition: 0s;
	}

	.nav-item:hover:after {
		transform: scaleX(0);
		border-bottom: solid 0px #6FB92C;
	}

	/*開閉ボタンopen時*/
	.open .hamburger-line {
		background-color: #FFFFFF;
	}

	.open .hamburger-line:nth-child(1) {
		position: absolute;
		top: 12px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.open .hamburger-line:nth-child(2) {
		width: 0;
		left: 50%;
	}

	.open .hamburger-line:nth-child(3) {
		position: absolute;
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}


	/*-------contactform-------*/
	.contact {
		padding: 30px 0 30px;
		width: 300px;
		margin: 0 auto 60px;
		/*	background-color: #A2A2A2;*/
		border: solid 2px #000;
		letter-spacing: 0em;
	}

	.contact .cat-title {
		padding-bottom: 26px;
	}

	.contactform-suggest {
		font-size: 1.4rem;
	}

	/*------------------------------------
footer
------------------------------------*/
	.footer {
		font-size: 1.4rem;
		padding: 30px 10px;
	}

	.footer-inner {
		max-width: 330px;
		margin: auto;
	}

	.footer-main {
		width: 220px;
		margin: auto;
		margin-bottom: 10px;
	}

	.footer-logo {
		width: 220px;

	}

	.footer-suggest {
		font-size: 1.0rem;
	}

	.footer-link-list {
		display: none;
	}

	.footer-sub {
		display: block;
		text-align: center;
	}

	.footer-sub p {
		margin-bottom: 0px;
		font-size: 1.4rem;
	}

	.footer-instagram {
		display: none;
	}

	.copyright {
		font-size: 1.0rem;
	}

	.copyright img {
		width: 26px;
	}

	#top_scroll {
		display: block;
	}


	/*------------------------------------------------------------------------------------------------
	topページ
------------------------------------------------------------------------------------------------*/
	.train {
		width: 90vw;
	}

	.senro-base a {
		display: none;
	}

	.rosen {
		display: none;
	}

	.rosen-sp {
		width: 90vw;
	}

	.hero-yamate {
		width: 100%;
	}

	.hero-logo {
		width: 48vw;
		padding: 18px 0 14px;
	}

	.hero-text {
		line-height: 1.5;
		letter-spacing: 0.1rem;
		font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
		font-size: 1.4rem;
	}

	.hero-about {
		display: none;
	}

	.hero-scrool-wrapper {
		bottom: 28px;
	}

	/*------------------------------------
home-work
------------------------------------*/
	.home-work {
		padding: 60px 10px;
	}

	.home-work-photo {
		padding-bottom: 30px;
	}

	.home-work .cat-title {
		padding-bottom: 30px;
	}

	.home-work .slider {
		display: none;
	}

	.sp-work-list {
		display: flex;
		flex-wrap: wrap;
	}

	.sp-work-list li {
		width: 50%;
		height: auto;
		padding: 0 5px 5px 0;
		box-sizing: border-box;
	}

	.sp-work-list li:nth-child(2n) {
		padding: 0 0 5px 0;
	}

	.sp-work-list li img {
		width: 100%;
		height: 100%;
	}

	/*------------------------------------
home-about
------------------------------------*/
	.home-about {
		display: block;
		padding: 64px 0 120px;
		height: 100%;
		overflow: hidden;

	}

	.home-about .cat-title {
		text-align: center;
		padding-bottom: 30px;
	}

	.sp-flex {
		display: flex;
		/*		align-items: center;*/
	}

	.home-about-text {
		width: 50%;
		text-align: center;
		margin: auto;
		height: 100%;

	}

	.home-about-text .cat-title {
		display: none;
	}

	.about-Suggest {
		display: inline-block;
		font-size: 1.3rem;
		padding: 0;
		margin: 0 auto;
		text-align: left;
		padding: 0 0 0 10px;
		line-height: 3.0rem;
		letter-spacing: 0.2em;
	}

	.about-Suggest .br-sp-only {
		line-height: 0;
	}

	.viewmore-yamate {
		display: none;
	}

	.about1 {
		position: static;
		width: 277px;
	}

	.about2 {
		display: none;
	}

	.about3 {
		display: none;
	}

	/*------------------------------------
home-facility
------------------------------------*/
	.home-facility {
		height: 100%;
		padding-bottom: 100px;
	}

	.home-facility .cat-title {
		text-align: center;
		padding-bottom: 30px;
	}

	.home-facility .sp-flex {
		height: 100%;
	}

	.home-facility-text .cat-title {
		display: none;
	}

	.home-facility-text {
		width: 50%;
		text-align: center;
		margin: auto;
		height: 100%;
	}

	.home-facility-images {
		text-align: right;
		height: 277px;
	}

	.facility1 {
		position: absolute;
		width: 277px;
		top: 0;
	}

	.facility2 {
		display: none;
	}

	.facility3 {
		display: none;
	}

	.home-facility .about-Suggest {
		padding-left: 20px;
	}

	.viewmore-left {
		display: none;
	}

	/*------------------------------------
home-topics
------------------------------------*/
	.home-topics {
		padding: 64px 0;
	}

	.home-topics .cat-title {
		padding-bottom: 30px;
	}

	.home-topics-list {
		max-width: 100%;
		display: block;
		padding-bottom: 3px;
	}

	.home-topics .topics-photo-wrap {
		max-width: 280px;
		height: auto;
		width: 100%;
	}

	.home-topics .topics-photo-wrap img {
		width: 100%;
	}

	.home-topics-item:first-of-type {
		margin: 0 auto 27px;
	}

	.home-topics-item {
		margin: 0 auto 27px;
		width: 280px;
	}

	.home-topics .topics-text {
		padding: 14px 20px 24px;
	}

	.home-topics .topics-date-cat {
		padding-bottom: 6px;
	}

	/*------------------------------------
home-recruit
------------------------------------*/
	.recruit {
		display: none;
	}

	/*------------------------------------
home-contact
------------------------------------*/
	.home.contact {
		display: block;
		margin-top: 60px;
	}

	/*------------------------------------------------------------------------------------------------
	facilityページ
------------------------------------------------------------------------------------------------*/

	.facility-main {
		padding: 60px 0 60px;
	}

	.facility-cat-title {
		font-size: 1.8rem;
		text-align: center;
	}

	.facility-cat-suggest {
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.1rem;
		margin-bottom: 20px;
	}

	/*------------------------------------
printer
------------------------------------*/
	.facility-printer {
		display: block;
		margin-bottom: 57px;

	}

	.printer-text {
		margin: auto;
	}

	.printer-text-inner {
		width: 100%;
		text-align: center;

	}

	.printer-list {
		display: block;
		margin: 0 auto;
		max-width: 300px;
	}

	.printer-name-cat {
		font-size: 1.2rem;
	}

	.printer-item1 {
		width: 192px;
		margin: 0 auto 10px;
	}

	.printer-item2 {
		width: 219px;
		margin: 0 auto 10px;
	}

	.printer-item3 {
		width: 208px;
		margin: 0 auto 10px;
	}

	.printer-detail {
		width: 300px;
		margin: 0 auto;
		padding: 15px 0 2px;
		border: solid 1px #000000;
		box-sizing: border-box;
	}

	.printer-detail-cat {
		font-size: 1.4rem;
	}

	.printer-detail-name {
		font-size: 1.2rem;
	}

	.printer-detail-item {
		text-align: center;
		margin-bottom: 15px;
		/*
	width: 85%;
	margin: auto;
*/
	}

	/*------------------------------------
machine
------------------------------------*/
	.facility-machine {
		display: block;
		margin-bottom: 57px;

	}

	.machine-text {
		margin: auto;
		width: 100%;
	}

	.machine-text-inner {
		width: 100%;
	}

	.machine-list {
		max-width: 100%;
		display: block;
	}

	.machine-name-cat {
		font-size: 1.2rem;
	}

	.machine-item1 {
		width: 231px;
		margin: 0 auto;
	}

	.machine-item2 {
		width: 216px;
		margin: 0 auto 16px;
	}

	.machine-item3 {
		width: 216px;
		margin: 0 auto 16px;
	}

	.machine-detail {
		width: 300px;
		margin: 0 auto;
		padding: 15px 0 2px;
		border: solid 1px #000000;
		box-sizing: border-box;
	}

	.machine-detail-cat {
		font-size: 1.4rem;
	}

	.machine-detail-name {
		font-size: 1.2rem;
	}

	.machine-detail-item {
		text-align: center;
		margin-bottom: 15px;
	}


	/*------------------------------------
graphic/space
------------------------------------*/

	.facility-gra-spa {
		display: block;
		width: 100%;
	}

	/*------------------------------------
graphic
------------------------------------*/
	.facility-graphic {
		margin-bottom: 57px;
		width: 100%;
	}

	.graphic-spec {
		margin-left: 10px;
	}

	.pc-photo {
		width: 162px;
		height: 135px;
	}

	.soft-photo {
		width: 100px;
		margin-bottom: 4px;
	}

	.facility-space {
		width: 100%;
		border-left: none;
	}

	/*------------------------------------------------------------------------------------------------
aboutページ
------------------------------------------------------------------------------------------------*/

	/*------------------------------------
about-yamate
------------------------------------*/

	.about-yamate {
		padding: 120px 0;
	}

	.about-page-suggest {
		font-size: 1.4rem;
	}

	.about-yamate-photo {
		width: 200px;
		left: 0px;
		top: 70px;
	}

	/*------------------------------------
slogan
------------------------------------*/
	.slogan {
		padding-bottom: 120px;
	}

	.about-page-suggest-title {
		font-size: 1.4rem;
		padding-bottom: 5px;
	}

	.about-slogan-photo {
		width: 200px;
		right: 0;
		top: 120px;
	}

	/*------------------------------------
service
------------------------------------*/
	.searvice {
		padding-bottom: 120px;
	}

	.searvice-list {
		display: block;
		padding-top: 30px;
	}

	.searvice-item {
		width: 220px;
		height: 220px;
		margin: auto;
		margin-bottom: 20px;
	}

	.searvice-item-title {
		font-size: 2.4rem;
		padding: 60px 0 10px;
	}

	.searvice-item-suggest {
		font-size: 1.2rem;
	}

	/*------------------------------------
company
------------------------------------*/
	.company {
		background-color: #f6f6f6;
		padding: 60px 0 30px;
		margin-bottom: 60px;
	}

	.company-list {
		display: block;
		width: 100%;
		margin-top: -30px;

	}

	.company-info {
		width: 100%;
		text-align: center;
	}

	.company-info-list {
		display: block;
	}

	.company-info-dt {
		width: 100%;
		text-align: center;
		color: #707070;
	}

	.company-map {
		width: 330px;
		padding: 0;
		margin: auto;
	}

	.company-map iframe {
		width: 330px;
	}

	/*------------------------------------------------------------------------------------------------
	worksページ
------------------------------------------------------------------------------------------------*/
	.works-main .cat-title {
		padding-bottom: 40px;
	}

	.cat-list-btn {
		margin-bottom: 30px;
	}

	.cat-list-btn button {
		margin-right: 24px;
	}

	.cat-list-btn button:nth-child(3n) {
		margin-right: 0;
	}

	.work-list {
		width: 340px;
		margin-bottom: 0;
	}

	.work-item {
		width: 165px;
		height: 124px;
	}

	.work-item:not(:nth-child(3n)) {
		margin: 0;
	}

	.work-item:not(:nth-child(2n)) {
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.work-item {
		margin-right: 0px;
		margin-bottom: 5px;
	}


	/*------------------------------------------------------------------------------------------------
Work詳細ページ
------------------------------------------------------------------------------------------------*/
	.facility-main.work-detail-sp {
		padding-top: 30px;
	}

	.work-detail-sp .cat-title {
		display: block;
		padding-bottom: 20px;
	}

	/*------------------------------------
パンくずリスト
------------------------------------*/
	.breadcrumb {
		display: flex;
		font-size: 1.4rem;
		width: 330px;
		margin: auto;
		margin-bottom: 10px;
	}


	/*------------------------------------
slider
------------------------------------*/
	.work-detail-photo-base {
		width: 330px;
		height: 250px;
	}

	ul li.work-detail-photo {
		height: 250px;
		margin: 0 auto;
	}

	.work-detail-photo img {
		height: 99%;
		margin: auto;
	}

	.single-item .slick-dots {
		bottom: -30px;
	}

	/*------------------------------------
案件情報
------------------------------------*/
	.work-detail-info {
		width: 300px;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.work-detail-info-flex {
		display: block;
		margin-bottom: 6px;
	}

	.work-detail-info-data {
		font-size: 1.4rem;
		margin-bottom: 8px;
	}

	.work-detail-info-do {
		display: inline;
		font-size: 1.0rem;
		color: #000000;
		border: solid 1px #000000;
		background-color: #FFFFFF;
		padding: 4px 6px;
		border-radius: 12px;
		height: 18px;
	}

	.work-detail-info-cat {
		font-size: 1.4rem;
		color: #000000;
	}

	.back-to-list {
		text-align: center;
		text-decoration: none;
		color: #000000;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.back-to-list img {
		margin-left: 6px;
	}

	/*------------------------------------------------------------------------------------------------
topicsページ
------------------------------------------------------------------------------------------------*/

	.topics-main {
		padding-top: 60px;
		/*background-color: #808080;*/
	}

	.topics-main .cat-title {
		padding-bottom: 40px;
	}

	.topics-item-btn {
		width: 280px;
		height: 300px;
		border: solid 2px #E0E0E0;
		/*		background-color: #E0E0E0;*/
		margin: 0 auto 30px;

	}

	.topics-photo-wrap {
		width: 280px;
		height: 210px;
	}

	.topics-photo-wrap img {
		width: 280px;
	}

	.topics-date-cat {
		font-size: 1.2rem;
	}

	.topics-title {
		font-size: 1.5rem;
	}

	.topics-main .work-list {
		margin-bottom: 60px;
	}

	.topics-main .cat-list-btn button {
		margin-right: 20px;
	}

	.topics-main .cat-list-btn button:nth-child(5) {
		margin-right: 0;
	}

	/*------------------------------------------------------------------------------------------------
topics詳細ページ
------------------------------------------------------------------------------------------------*/
	.topics-detail-main {
		width: 335px;
		padding: 30px 0 40px;
	}

	.topics-detail-main .breadcrumb {
		width: 335px;
		margin-bottom: 15px;
		padding: 20px 0 5px;
	}

	.topics-detail-info {
		font-size: 1.4rem;
		margin-bottom: 3px;
	}

	.topics-detail-title {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	.topics-detail-photo {
		width: 335px;
	}

	.topics-detail-suggest {
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.topics-detail-text {
		margin-bottom: 0;
		line-height: 2.0;
		letter-spacing: 2;
		font-size: 1.4rem;
	}



	/*------------------------------------------------------------------------------------------------
recruitページ
------------------------------------------------------------------------------------------------*/
	.recruit-main {
		padding: 60px 0 80px;
	}

	.Not-recruiting {
		max-width: 350px;
		padding: 10px;
		margin: 0 auto 60px;
		font-size: 1.8rem;
	}

	.insta-suggest {
		font-size: 1.8rem;
	}

	.recruitpage-suggest {
		font-size: 1.8rem;
	}

	.recruit-Requirements-title {
		font-size: 1.8rem;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.recruit-Requirements {
		max-width: 300px;
	}

	.Requirements-item {
		display: block;
	}

	.Requirements-item-dt {
		font-size: 1.6rem;
		font-family: 'A1 Gothic B', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
	}

	.Requirements-item-dd {
		font-size: 1.4rem;
	}

	/*------------------------------------
ずっと流れるスライドショー
------------------------------------*/
	.scrool-slider {
		margin-bottom: 40px;
	}

	.scrool-slider li {
		width: 200px;
		height: 150px;
	}

	.scrool-slider .slick-track li {
		margin: 0;
	}

	.scrool-slider li img {
		width: 100%;
		height: auto;
	}



	/*------------------------------------------------------------------------------------------------
contactページ
------------------------------------------------------------------------------------------------*/

	.contact-suggest {
		font-size: 1.6rem;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.contact-suggest span {
		font-size: 1.4rem;
	}

	.form-main {
		width: 300px;
		font-size: 1.4rem;
	}

	.form-item {
		display: block;
	}

	.form-item label {}

	.form-answer {
		width: 300px;
	}

	.privacy-checkbox {
		width: 150px;
	}

	.form-item-message {
		display: block;
	}

	.form-answer-message {
		width: 300px;
	}

	.form-item:last-of-type {
		display: flex;
		margin-bottom: 40px;

	}

	.form-item:last-of-type label {
		width: 150px;
	}











}