@charset "UTF-8";

/*――――――――――――――――――

	リセット

―――――――――――――――――――*/

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

	margin: 0;

	padding: 0;

	border: 0;

	font: inherit;

	font-size: 100%;

	vertical-align: baseline;

}



html {

	line-height: 1;

}



ol,

ul {

	list-style: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



caption,

th,

td {

	text-align: left;

	font-weight: normal;

	vertical-align: middle;

}



q,

blockquote {

	quotes: none;

}

q:before,

q:after,

blockquote:before,

blockquote:after {

	content: "";

	content: none;

}



a img {

	border: none;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

	display: block;

}



:root {

	--black: #000;

	--mincho: 'Noto Serif JP', serif;

	--mc: #be1725;

}



* {

	box-sizing: border-box;

	-webkit-appearance: none;

}



body {

	font-family: 'Noto Sans JP', sans-serif;

	font-weight: 500;

	font-size: 25px;

	line-height: 1.625;

}



a {

	text-decoration: none;

	color: var(--black);

	transition: opacity .4s ease;

}

a:hover {

	opacity: 0.65;

}



img {

	max-width: 100%;

	height: auto;

}



.w1600 {

	max-width: 1280px;

	margin-left: auto;

	margin-right: auto;

}



.pc_none {

	display: none;

}



.ttl01 {

	letter-spacing: 0.1em;

	line-height: 1;

}

.ttl01 span {

	display: block;

}

.ttl01 .ja {

	font-size: 48px;

	margin-bottom: 30px;

}

.ttl01 .en {

	font-size: 24px;

}



@media only screen and (min-width: 768px) and (max-width: 1300px) {

	body {

		font-size: 1.6vw;

	}



	.w1600 {

		max-width: 94vw;

	}



	.ttl01 .ja {

		font-size: 3.659vw;

		margin-bottom: 1.829vw;

	}

	.ttl01 .en {

		font-size: 1.768vw;

	}

}

/*――――――――――――――――――

	header

―――――――――――――――――――*/

header .w1600 {

	height: 210px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

header #logo img {

	max-width: 400px;

}

header #logo span {

	display: block;

	font-size: 16px;

	line-height: 1.38;

}



#g_nav ul {

	display: flex;

	font-size: 24px;

	font-weight: bold;

	letter-spacing: 0.1em;

	align-items: center;

}

#g_nav ul li {

	line-height: 1.3;

	padding: 0 30px;

	border-right: solid 2px var(--black);

}

#g_nav ul li:nth-child(3) {

	border-right: none;

}

#g_nav ul li:last-child {

	border-right: none;

	padding: 0;

}

#g_nav .btn {

	display: block;

	width: 240px;

	height: 70px;

	font-size: 20px;

	background: var(--mc);

	color: #fff;

	font-weight: normal;

	text-align: center;

	border-radius: 10px;

	padding-top: 10px;

	line-height: 1.28;

}



@media only screen and (min-width: 768px) and (max-width: 1300px) {

	header .w1600 {

		height: 16.154vw;

		display: flex;

		justify-content: space-between;

		align-items: center;

	}

	header #logo img {

		max-width: 30.769vw;

	}

	header #logo span {

		display: block;

		font-size: 1.231vw;

		line-height: 1.38;

	}



	#g_nav ul {

		display: flex;

		font-size: 1.846vw;

		font-weight: bold;

		letter-spacing: 0.1em;

		align-items: center;

	}

	#g_nav ul li {

		line-height: 1.3;

		padding: 0 2.308vw;

		border-right: solid 2px var(--black);

	}

	#g_nav ul li:nth-child(3) {

		border-right: none;

	}

	#g_nav ul li:last-child {

		border-right: none;

		padding: 0;

	}

	#g_nav .btn {

		display: block;

		width: 18.462vw;

		height: 5.385vw;

		font-size: 1.538vw;

		background: var(--mc);

		color: #fff;

		font-weight: normal;

		text-align: center;

		border-radius: 0.769vw;

		padding-top: 0.769vw;

		line-height: 1.28;

	}

}

@media only screen and (min-width: 768px) {

	#hb_menu {

		display: none;

	}



	#g_nav {

		display: block !important;

	}

}

@media only screen and (max-width: 767px) {

		/*header{

			.w1600{

				height: 100px;

				padding: 0 25px;

			}

			#logo{

				line-height: 1.4;

				img{

					max-width: 250px;

				}

				span{

					font-size: 10px;

					transform: scale(0.85);

					transform-origin: left top;

				}

			}

		}

		#g_nav{

			position: fixed;

			width: 100%;

			top: 100px;

			left: 0;

			right: 0;

			background: #c4c5c6;

			padding: 45px 0;

			display: none;

			ul{

				display: block;

				font-size: 18px;

				text-align: center;

	

				li{

					border-right: none !important;

					margin-bottom: 40px;

					&:last-child{

						display: none;

					}

					&.pc_none{

						display: block;

						margin-bottom: 0;

	

					}

				}

			}

		}

		#hb_menu{

			position: fixed;

			right: 25px;

			top: 25px;

			z-index: 9999;

			width: 55px;

			height: 55px;

			background: #c4c5c6;

			padding: 19px 10px 0;

			cursor: pointer;

			span{

				height: 1px;

				background: #fff;

				display: block;

				margin-bottom: 7px;

				transition: .4s ease;

			}

			&.open{

				background: #aaa;

				span{

					&:nth-child(1){

						transform: translate(0, 8px) rotate(45deg);

					}

					&:nth-child(2){

						opacity: 0;

					}

					&:nth-child(3){

						transform: translate(0, -8px) rotate(-45deg);

					}

				}

			}

		}*/

	header .w1600 {

		height: 25.641vw;

		padding: 0 6.41vw;

	}

	header #logo {

		line-height: 1.4;

	}

	header #logo img {

		max-width: 64.103vw;

	}

	header #logo span {

		font-size: 2.564vw;

		transform: scale(0.85);

		transform-origin: left top;

	}



	#g_nav {

		z-index: 998;

		position: fixed;

		width: 100%;

		top: 25.641vw;

		left: 0;

		right: 0;

		background: #c4c5c6;

		padding: 11.538vw 0;

		display: none;

	}

	#g_nav ul {

		display: block;

		font-size: 4.615vw;

		text-align: center;

	}

	#g_nav ul li {

		border-right: none !important;

		margin-bottom: 10.256vw;

	}

	#g_nav ul li:last-child {

		display: none;

	}

	#g_nav ul li.pc_none {

		display: block;

		margin-bottom: 0;

	}



	#hb_menu {

		position: absolute;

		right: 6.41vw;

		top: 6.41vw;

		z-index: 9999;

		width: 14.103vw;

		height: 14.103vw;

		background: #c4c5c6;

		padding: 4.872vw 2.564vw 0;

		cursor: pointer;

	}

	#hb_menu span {

		height: 0.256vw;

		background: #fff;

		display: block;

		margin-bottom: 1.795vw;

		transition: .4s ease;

	}

	#hb_menu.open {

		background: #aaa;

	}

	#hb_menu.open span:nth-child(1) {

		transform: translate(0, 2.05vw) rotate(45deg);

	}

	#hb_menu.open span:nth-child(2) {

		opacity: 0;

	}

	#hb_menu.open span:nth-child(3) {

		transform: translate(0, -2.05vw) rotate(-45deg);

	}

}

/*――――――――――――――――――

	footer

―――――――――――――――――――*/

footer {

	background: #eaeaeb;

	padding: 80px 0 110px;

}

footer .w1600 {

	display: flex;

	justify-content: space-between;

}

footer #f_logo {

	margin-bottom: 35px;

}

footer #f_logo img {

	max-width: 384px;

}

footer #f_logo span {

	display: block;

	font-size: 17px;

	line-height: 1.38;

	margin-top: 28px;

}

footer address {

	font-size: 20px;

	letter-spacing: 0.1em;

	line-height: 1.8;

}

footer .right {

	font-size: 20px;

	padding-right: 105px;

}

footer .right ul {

	display: flex;

	justify-content: space-between;

}

footer .right ul li:nth-child(1) {

	margin-right: 130px;

}

footer .right ul li:nth-child(2) {

	margin-right: 55px;

}

footer .right a .en {

	margin-bottom: 90px;

}

footer .right a .ja {

	line-height: 2.4;

}

footer .right a > span {

	display: block;

}



@media only screen and (min-width: 768px) and (max-width: 1300px) {

	footer {

		background: #eaeaeb;

		padding: 6.154vw 0 8.462vw;

	}

	footer .w1600 {

		display: flex;

		justify-content: space-between;

	}

	footer #f_logo {

		margin-bottom: 2.692vw;

	}

	footer #f_logo img {

		max-width: 29.538vw;

	}

	footer #f_logo span {

		display: block;

		font-size: 1.308vw;

		line-height: 1.38;

		margin-top: 2.154vw;

	}

	footer address {

		font-size: 1.538vw;

		letter-spacing: 0.1em;

		line-height: 1.8;

	}

	footer .right {

		font-size: 1.538vw;

		padding-right: 8.077vw;

	}

	footer .right ul {

		display: flex;

		justify-content: space-between;

	}

	footer .right ul li:nth-child(1) {

		margin-right: 10vw;

	}

	footer .right ul li:nth-child(2) {

		margin-right: 4.231vw;

	}

	footer .right a .en {

		margin-bottom: 6.923vw;

	}

	footer .right a .ja {

		line-height: 2.4;

	}

	footer .right a > span {

		display: block;

	}

}

@media only screen and (max-width: 767px) {

	/*footer{

		padding-top: 40px;

		padding-bottom: 0;

		.left{

			padding-left: 48px;

		}

		address{

			font-size: 13px;

			margin-bottom: 22px;

		}

		#f_logo{

			margin-bottom: 25px;

			img{

				max-width: 260px;

			}

			span{

				font-size: 11px;

				text-align: left;

				margin-top: 10px;

			}

		}

		.w1600{

			display: block;

		}

		.right{

			padding-right: 0;

			ul{

				display: block;

				li{

					margin-right: 0 !important;

					border-top: solid 1px var(--black);

				}

				a{

					width: 100%;

					display: flex;

					align-items: center;

					padding: 22px 0 22px 48px;

					>span{

						display: inline-block;

					}

					.en{

						margin-bottom: 0;

						font-size: 18px;

						width: 135px;

					}

					.ja{

						position: relative;

						top: 2px;

						font-size: 12px;

						span,br{

							display: none;

						}

					}

				}

			}

		}

	}*/

	footer {

		padding-top: 10.256vw;

		padding-bottom: 0;

	}

	footer .left {

		padding-left: 12.308vw;

	}

	footer address {

		font-size: 3.333vw;

		margin-bottom: 5.641vw;

	}

	footer #f_logo {

		margin-bottom: 6.41vw;

	}

	footer #f_logo img {

		max-width: 66.667vw;

	}

	footer #f_logo span {

		font-size: 2.821vw;

		text-align: left;

		margin-top: 2.564vw;

	}

	footer .w1600 {

		display: block;

	}

	footer .right {

		padding-right: 0;

	}

	footer .right ul {

		display: block;

	}

	footer .right ul li {

		margin-right: 0 !important;

		border-top: solid 1px var(--black);

	}

	footer .right ul a {

		width: 100%;

		display: flex;

		align-items: center;

		padding: 5.641vw 0 5.641vw 12.308vw;

	}

	footer .right ul a > span {

		display: inline-block;

	}

	footer .right ul a .en {

		margin-bottom: 0;

		font-size: 4.615vw;

		width: 34.615vw;

	}

	footer .right ul a .ja {

		position: relative;

		top: 0.513vw;

		font-size: 3.077vw;

	}

	footer .right ul a .ja span,

	footer .right ul a .ja br {

		display: none;

	}

}

/*――――――――――――――――――

	トップ

―――――――――――――――――――*/

#mv {

	background: url(../images/mv.jpg) no-repeat center/cover;

	margin-bottom: 200px;

}

#mv h2 {

	letter-spacing: 0.05em;

	font-family: var(--mincho);

	font-weight: 500;

	line-height: 2.2;

	font-size: 54px;

}

#mv .w1600 {

	height: 640px;

	display: flex;

	align-items: center;

}



#pride {

	margin-bottom: 140px;

}

#pride .w1600 {

	position: relative;

}

#pride .w1600:before {

	z-index: -1;

	position: absolute;

	left: 605px;

	top: -40px;

	line-height: 1;

	content: 'pride';

	font-family: var(--mincho);

	font-size: 108px;

	color: #eaeaeb;

}

#pride .flex {

	display: flex;

}

#pride .left {

	margin-right: 110px;

}

#pride .right {

	padding-top: 110px;

}



#works {

	padding-bottom: 130px;

}

#works .w1600 {

	position: relative;

}

#works .w1600:before {

	z-index: -1;

	position: absolute;

	right: 0;

	top: -20px;

	line-height: 1;

	content: 'past works';

	font-family: var(--mincho);

	font-size: 108px;

	color: #eaeaeb;

}

#works .ttl01 {

	margin-bottom: 70px;

}

#works .flex01 {

	font-size: 0;

	line-height: 1;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	gap: 60px 0;

	margin-bottom: 25px;

}

#works .flex01 > div {

	width: 31.25%;

}

#works .flex02 {

	display: flex;

	justify-content: space-between;

}

#works .flex02 > div:first-child {

	width: 31.25%;

}

#works .flex02 > div:last-child {

	width: 65.625%;

}

#works .works_ttl01,

#works .works_ttl02 {

	margin-bottom: 25px;

	letter-spacing: 0.08em;

}

#works .works_ttl01 .ja,

#works .works_ttl02 .ja {

	font-size: 30px;

	margin-right: 25px;

}

#works .works_ttl01 .en,

#works .works_ttl02 .en {

	font-size: 24px;

}

#works .notice {

	font-size: 20px;

}

#works #w_btn {

	margin-top: 50px;

}

#works #w_btn a {

	margin-left: auto;

	margin-right: auto;

	display: block;

	width: 1000px;

	height: 180px;

	background: var(--mc);

	color: #fff;

	text-align: center;

	letter-spacing: 0.05em;

	padding-top: 30px;

}

#works #w_btn a span {

	display: block;

}

#works #w_btn a span:first-child {

	font-size: 42px;

	margin-bottom: 8px;

}

#works #w_btn a span:last-child {

	font-size: 21px;

}



@media only screen and (min-width: 768px) and (max-width: 1300px) {

	#mv {

		background: url(../images/mv.jpg) no-repeat center/cover;

		margin-bottom: 15.385vw;

	}

	#mv h2 {

		letter-spacing: 0.05em;

		font-family: var(--mincho);

		font-weight: 500;

		line-height: 2.2;

		font-size: 4.154vw;

	}

	#mv .w1600 {

		height: 49.231vw;

		display: flex;

		align-items: center;

	}



	#pride {

		margin-bottom: 10.769vw;

	}

	#pride .w1600 {

		position: relative;

	}

	#pride .w1600:before {

		z-index: -1;

		position: absolute;

		left: 46.538vw;

		top: -3.077vw;

		line-height: 1;

		content: 'pride';

		font-family: var(--mincho);

		font-size: 8.308vw;

		color: #eaeaeb;

	}

	#pride .flex {

		display: flex;

	}

	#pride .left {

		margin-right: 8.462vw;

	}

	#pride .right {

		padding-top: 8.462vw;

	}



	#works {

		padding-bottom: 10vw;

	}

	#works .w1600 {

		position: relative;

	}

	#works .w1600:before {

		z-index: -1;

		position: absolute;

		right: 0;

		top: -1.538vw;

		line-height: 1;

		content: 'past works';

		font-family: var(--mincho);

		font-size: 8.308vw;

		color: #eaeaeb;

	}

	#works .ttl01 {

		margin-bottom: 5.385vw;

	}

	#works .flex01 {

		font-size: 0;

		line-height: 1;

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap;

		gap: 5vw 0;

		margin-bottom: 1.923vw;

	}

	#works .flex01 > div {

		width: 31.25%;

	}

	#works .flex02 {

		display: flex;

		justify-content: space-between;

	}

	#works .flex02 > div:first-child {

		width: 31.25%;

	}

	#works .flex02 > div:last-child {

		width: 65.625%;

	}

	#works .works_ttl01,

	#works .works_ttl02 {

		margin-bottom: 1.923vw;

		letter-spacing: 0.08em;

	}

	#works .works_ttl01 .ja,

	#works .works_ttl02 .ja {

		font-size: 2.308vw;

		margin-right: 1.923vw;

	}

	#works .works_ttl01 .en,

	#works .works_ttl02 .en {

		font-size: 1.846vw;

	}

	#works .notice {

		font-size: 1.538vw;

	}

	#works #w_btn {

		margin-top: 3.846vw;

	}

	#works #w_btn a {

		margin-left: auto;

		margin-right: auto;

		display: block;

		width: 76.923vw;

		height: 13.846vw;

		background: var(--mc);

		color: #fff;

		text-align: center;

		letter-spacing: 0.05em;

		padding-top: 2.308vw;

	}

	#works #w_btn a span {

		display: block;

	}

	#works #w_btn a span:first-child {

		font-size: 3.231vw;

		margin-bottom: 0.615vw;

	}

	#works #w_btn a span:last-child {

		font-size: 1.615vw;

	}

}

@media only screen and (max-width: 767px) {

	/*.pc_none{

		display: block;

	}

	.sp_cta{

		.btn{

			display: block;

			width: 200px;

			height: 54px;

			background: var(--mc);

			color: #fff;

			font-size: 16px;

			text-align: center;

			border-radius: 8px;

			line-height: 1.3;

			padding-top: 5px;

			margin-left: auto;

			margin-right: auto;

			margin-bottom: 8px;

		}

		.text{

			text-align: center;

			font-size: 9px;

			transform: scale(0.9);

		}

	}

	.ttl01{

		.ja{

			font-size: 24px;

			margin-bottom: 18px;

		}

		.en{

			font-size: 11px;

			letter-spacing: 0.1em;

		}

	}

	#mv{

		background-image: url(../images/mv_sp.jpg);

		margin-bottom: 45px;

		.w1600{

			height: 400px;

			display: block;

			padding: 42px 0 0 32px;

		}

		h2{

			font-size: 22px;

		}

	}

	#pride{

		margin-bottom: 80px;

		.w1600{

			padding-top: 10px;

			padding-left: 32px;

			padding-right: 32px;

			&:before{

				left: auto;

				top: -20px;

				right: 0;

				font-size: 72px;

			}

		}

		.flex{

			display: block;

		}

		.left{

			margin-right: 0;

		}

		.right{

			padding-top: 25px;

			p{

				margin-bottom: 45px;

				font-size: 14px;

				line-height: 2;

			}

		}

	}

	#works{

		padding-bottom: 50px;

		.w1600{

			&:before{

				left: auto;

				top: -25px;

				right: 0;

				font-size: 70px;

			}

		}

		.ttl01{

			padding-left: 34px;

			padding-right: 34px;

			margin-bottom: 30px;

		}

		.works_ttl01,.works_ttl02{

			padding-left: 34px;

			padding-right: 34px;

			span{

				display: block;

			}

			.ja{

				font-size: 14px;

			}

			.en{

				font-size: 11px;

				letter-spacing: 0.08em;

			}

		}

		.flex01 ,.flex02{

			display: block;

			font-size: 0;

			line-height: 1;

			>div{

				width: 100% !important;

				margin-bottom: 8px;

			}

		}

		.flex02{

			margin-bottom: 70px;

		}

		.notice{

			display: none;

		}

		.notice_sp{

			font-size: 11px;

			padding-left: 34px;

			padding-right: 34px;

			margin-bottom: 22px;

		}

		.works_ttl02{

			margin-bottom: 3px;

		}

		#w_btn{

			display: none;

		}

	}*/

	.pc_none {

		display: block;

	}



	.sp_cta .btn {

		display: block;

		width: 51.282vw;

		height: 13.846vw;

		background: var(--mc);

		color: #fff;

		font-size: 4.103vw;

		text-align: center;

		border-radius: 2.051vw;

		line-height: 1.3;

		padding-top: 1.282vw;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 2.051vw;

	}

	.sp_cta .text {

		text-align: center;

		font-size: 2.308vw;

		transform: scale(0.9);

	}



	.ttl01 .ja {

		font-size: 6.154vw;

		margin-bottom: 4.615vw;

	}

	.ttl01 .en {

		font-size: 2.821vw;

		letter-spacing: 0.1em;

	}



	#mv {

		background-image: url(../images/mv_sp.jpg);

		margin-bottom: 11.538vw;

	}

	#mv .w1600 {

		height: 102.564vw;

		display: block;

		padding: 10.769vw 0 0 8.205vw;

	}

	#mv h2 {

		font-size: 5.641vw;

	}



	#pride {

		margin-bottom: 20.513vw;

	}

	#pride .w1600 {

		padding-top: 2.564vw;

		padding-left: 8.205vw;

		padding-right: 8.205vw;

	}

	#pride .w1600:before {

		left: auto;

		top: -5.128vw;

		right: 0;

		font-size: 18.462vw;

	}

	#pride .flex {

		display: block;

	}

	#pride .left {

		margin-right: 0;

	}

	#pride .right {

		padding-top: 6.41vw;

	}

	#pride .right p {

		margin-bottom: 11.538vw;

		font-size: 3.59vw;

		line-height: 2;

	}



	#works {

		padding-bottom: 12.821vw;

	}

	#works .w1600:before {

		left: auto;

		top: -6.41vw;

		right: 0;

		font-size: 17.949vw;

	}

	#works .ttl01 {

		padding-left: 8.718vw;

		padding-right: 8.718vw;

		margin-bottom: 7.692vw;

	}

	#works .works_ttl01,

	#works .works_ttl02 {

		padding-left: 8.718vw;

		padding-right: 8.718vw;

	}

	#works .works_ttl01 span,

	#works .works_ttl02 span {

		display: block;

	}

	#works .works_ttl01 .ja,

	#works .works_ttl02 .ja {

		font-size: 3.59vw;

	}

	#works .works_ttl01 .en,

	#works .works_ttl02 .en {

		font-size: 2.821vw;

		letter-spacing: 0.08em;

	}

	#works .flex01,

	#works .flex02 {

		display: block;

		font-size: 0;

		line-height: 1;

	}

	#works .flex01 img,

	#works .flex02 img {

		width: 100%;

	}

	#works .flex01 > div,

	#works .flex02 > div {

		width: 100% !important;

		margin-bottom: 2.051vw;

	}

	#works .flex02 {

		margin-bottom: 17.949vw;

	}

	#works .notice {

		display: none;

	}

	#works .notice_sp {

		font-size: 2.821vw;

		padding-left: 8.718vw;

		padding-right: 8.718vw;

		margin-bottom: 5.641vw;

	}

	#works .works_ttl02 {

		margin-bottom: 0.769vw;

	}

	#works #w_btn {

		display: none;

	}

}

/*――――――――――――――――――

	service

―――――――――――――――――――*/

#under_mv .w1600 {

	height: 400px;

	display: flex;

	align-items: center;

}

#under_mv.service {

	background: url(../images/mv_service.jpg) no-repeat center/cover;

}

#under_mv.service h2 {

	color: #fff;

}

#under_mv.about {

	background: url(../images/mv_about.jpg) no-repeat center/cover;

}

#under_mv.contact {

	background: url(../images/mv_contact.jpg) no-repeat center/cover;

}

#under_mv h2 {

	font-family: var(--mincho);

	font-weight: 500;

	font-size: 54px;

	letter-spacing: 0.08em;

}



#service .lead {

	letter-spacing: 0.1em;

	margin: 60px 0  110px;

}

#service #section01 {

	background: #eaeaeb;

	padding-bottom: 75px;

}

#service #section01:before {

	content: '';

	display: block;

	width: 100%;

	height: 595px;

	background: url(../images/service01.jpg) no-repeat center/cover;

	margin-bottom: 40px;

}

#service #section01 h3 {

	letter-spacing: 0.08em;

	margin-bottom: 40px;

}

#service #section01 h3 .ja {

	font-size: 40px;

	margin-right: 55px;

}

#service #section01 h3 .en {

	font-size: 24px;

}

#service #section01 ul {

	display: flex;

	flex-wrap: wrap;

	font-size: 27px;

	gap: 20px 0;

}

#service #section01 ul li {

	margin-right: 30px;

}

#service #section02 {

	padding: 150px 0 210px;

}

#service #section02 h3 {

	letter-spacing: 0.08em;

	margin-bottom: 120px;

}

#service #section02 h3 span {

	display: block;

}

#service #section02 h3 .ja {

	font-size: 54px;

}

#service #section02 h3 .en {

	font-size: 24px;

}

#service #section02 .w_flow {

	letter-spacing: 0.08em;

}

#service #section02 .w_flow .flow {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 140px;

	margin-bottom: 70px;

	background: url(../images/tri.svg) no-repeat 730px bottom;

}

#service #section02 .w_flow .flow.last {

	padding-bottom: 0;

	background: none;

	margin-bottom: 0;

}

#service #section02 .w_flow .flow .left {

	width: 31.875%;

}

#service #section02 .w_flow .flow .left h4 {

	font-size: 36px;

	position: relative;

	padding-left: 90px;

	line-height: 1.333;

}

#service #section02 .w_flow .flow .left h4 span {

	position: relative;

	left: -20px;

}

#service #section02 .w_flow .flow .left h4:before {

	position: absolute;

	content: '';

	display: inline-block;

	width: 45px;

	height: 45px;

	background: var(--mc);

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

}

#service #section02 .w_flow .flow .right {

	width: 68.125%;

	font-size: 24px;

}



@media only screen and (min-width: 768px) and (max-width: 1300px) {

	#under_mv .w1600 {

		height: 30.769vw;

		display: flex;

		align-items: center;

	}

	#under_mv.service {

		background: url(../images/mv_service.jpg) no-repeat center/cover;

	}

	#under_mv.service h2 {

		color: #fff;

	}

	#under_mv.about {

		background: url(../images/mv_about.jpg) no-repeat center/cover;

	}

	#under_mv.contact {

		background: url(../images/mv_contact.jpg) no-repeat center/cover;

	}

	#under_mv h2 {

		font-family: var(--mincho);

		font-weight: 500;

		font-size: 4.154vw;

		letter-spacing: 0.08em;

	}



	#service .lead {

		letter-spacing: 0.1em;

		margin: 4.615vw 0  8.462vw;

	}

	#service #section01 {

		background: #eaeaeb;

		padding-bottom: 5.769vw;

	}

	#service #section01:before {

		content: '';

		display: block;

		width: 100%;

		height: 45.769vw;

		background: url(../images/service01.jpg) no-repeat center/cover;

		margin-bottom: 3.077vw;

	}

	#service #section01 h3 {

		letter-spacing: 0.08em;

		margin-bottom: 3.077vw;

	}

	#service #section01 h3 .ja {

		font-size: 3.077vw;

		margin-right: 4.231vw;

	}

	#service #section01 h3 .en {

		font-size: 1.846vw;

	}

	#service #section01 ul {

		display: flex;

		flex-wrap: wrap;

		font-size: 2.077vw;

		gap: 1.538vw 0;

	}

	#service #section01 ul li {

		margin-right: 2.308vw;

	}

	#service #section02 {

		padding: 11.538vw 0 16.154vw;

	}

	#service #section02 h3 {

		letter-spacing: 0.08em;

		margin-bottom: 9.231vw;

	}

	#service #section02 h3 span {

		display: block;

	}

	#service #section02 h3 .ja {

		font-size: 4.154vw;

	}

	#service #section02 h3 .en {

		font-size: 1.846vw;

	}

	#service #section02 .w_flow {

		letter-spacing: 0.08em;

	}

	#service #section02 .w_flow .flow {

		display: flex;

		justify-content: space-between;

		align-items: center;

		padding-bottom: 10.769vw;

		margin-bottom: 5.385vw;

		background: url(../images/tri.svg) no-repeat 730px bottom;

	}

	#service #section02 .w_flow .flow.last {

		padding-bottom: 0;

		background: none;

		margin-bottom: 0;

	}

	#service #section02 .w_flow .flow .left {

		width: 31.875%;

	}

	#service #section02 .w_flow .flow .left h4 {

		font-size: 2.769vw;

		position: relative;

		padding-left: 6.5vw;

		line-height: 1.333;

	}

	#service #section02 .w_flow .flow .left h4 span {

		position: relative;

		left: -1.538vw;

	}

	#service #section02 .w_flow .flow .left h4:before {

		position: absolute;

		content: '';

		display: inline-block;

		width: 3.462vw;

		height: 3.462vw;

		background: var(--mc);

		top: 50%;

		transform: translate(0, -50%);

		left: 0;

	}

	#service #section02 .w_flow .flow .right {

		width: 68.125%;

		font-size: 1.846vw;

	}

}

@media only screen and (max-width: 767px) {

	/*#under_mv{

		.w1600{

			height: 200px;

			padding-left: 34px;

		}

		&.service{

			background-image: url(../images/mv_service_sp.jpg);

			line-height: 2.27;

		}

		&.about{

			background-image: url(../images/mv_about_sp.jpg);

		}

		&.contact{

			background-image: url(../images/mv_contact_sp.jpg);

		}

		h2{

			font-size: 22px;

		}

	}

	#service{

		.lead{

			font-size: 14px;

			padding: 0 40px;

			line-height: 2;

			margin: 45px 0;

			br{

				display: none;

			}

		}

		#section01{

			padding-bottom: 20px;

			&:before{

				height: 953px;

				background-image: url(../images/service01_sp.jpg);

				margin-bottom: 0;

			}

			h3{

				background: #fff;

				padding: 20px 34px 20px;

				margin-bottom: 20px;

				span{

					display: block;

				}

				.ja{

					font-size: 24px;

				}

				.en{

					font-size: 11px;

				}

			}

			ul{

				font-size: 14px;

				display: block;

				padding-left: 48px;

				li{

					margin-bottom: 5px;

					&:last-child{

						margin-bottom: 0;

					}

				}

			}

		}

		#section02{

			padding: 35px 0 75px;

			h3{

				padding: 0 34px;

				margin-bottom: 35px;

				.ja{

					font-size: 24px;

				}

				.en{

					font-size: 11px;

				}

			}

			.w_flow{

				padding: 0 40px 0 34px;

				.flow{

					display: block;

					background-size: 64px auto;

					background-position: center bottom;

					padding-bottom: 75px;

					margin-bottom: 55px;

					.left,.right{

						width: 100%;

					}

					.left{

						margin-bottom: 10px;

						h4{

							font-size: 16px;

							padding-left: 30px;

							&:before{

								width: 18px;

								height: 18px;

							}

							span{

								left: -7px;

							}

						}

						.vt{

							&:before{

								top: 2px;

								transform: translate(0, 0);

							}

						}

					}

					.right{

						p{

							font-size: 14px;

						}

					}

				}

			}

		}

	}*/

	#under_mv .w1600 {

		height: 51.282vw;

		padding-left: 8.718vw;

	}

	#under_mv.service {

		background-image: url(../images/mv_service_sp.jpg);

		line-height: 2.27;

	}

	#under_mv.about {

		background-image: url(../images/mv_about_sp.jpg);

	}

	#under_mv.contact {

		background-image: url(../images/mv_contact_sp.jpg);

	}

	#under_mv h2 {

		font-size: 5.641vw;

	}



	#service .lead {

		font-size: 3.59vw;

		padding: 0 10.256vw;

		line-height: 2;

		margin: 11.538vw 0;

	}

	#service .lead br {

		display: none;

	}

	#service #section01 {

		padding-bottom: 5.128vw;

	}

	#service #section01:before {

		height: 244.359vw;

		background-image: url(../images/service01_sp.jpg);

		margin-bottom: 0;

	}

	#service #section01 h3 {

		background: #fff;

		padding: 5.128vw 8.718vw 5.128vw;

		margin-bottom: 5.128vw;

	}

	#service #section01 h3 span {

		display: block;

	}

	#service #section01 h3 .ja {

		font-size: 6.154vw;

	}

	#service #section01 h3 .en {

		font-size: 2.821vw;

	}

	#service #section01 ul {

		font-size: 3.59vw;

		display: block;

		padding-left: 12.308vw;

	}

	#service #section01 ul li {

		margin-bottom: 1.282vw;

	}

	#service #section01 ul li:last-child {

		margin-bottom: 0;

	}

	#service #section02 {

		padding: 8.974vw 0 19.231vw;

	}

	#service #section02 h3 {

		padding: 0 8.718vw;

		margin-bottom: 8.974vw;

	}

	#service #section02 h3 .ja {

		font-size: 6.154vw;

	}

	#service #section02 h3 .en {

		font-size: 2.821vw;

	}

	#service #section02 .w_flow {

		padding: 0 10.256vw 0 8.718vw;

	}

	#service #section02 .w_flow .flow {

		display: block;

		background-size: 16.41vw auto;

		background-position: center bottom;

		padding-bottom: 19.231vw;

		margin-bottom: 14.103vw;

	}

	#service #section02 .w_flow .flow .left,

	#service #section02 .w_flow .flow .right {

		width: 100%;

	}

	#service #section02 .w_flow .flow .left {

		margin-bottom: 2.564vw;

	}

	#service #section02 .w_flow .flow .left h4 {

		font-size: 4.103vw;

		padding-left: 7.692vw;

	}

	#service #section02 .w_flow .flow .left h4:before {

		width: 4.615vw;

		height: 4.615vw;

	}

	#service #section02 .w_flow .flow .left h4 span {

		left: -1.795vw;

	}

	#service #section02 .w_flow .flow .left .vt:before {

		top: 0.513vw;

		transform: translate(0, 0);

	}

	#service #section02 .w_flow .flow .right p {

		font-size: 3.59vw;

	}

}

/*――――――――――――――――――

	about

―――――――――――――――――――*/

#about {

	padding-bottom: 140px;

}

#about #under_mv {

	margin-bottom: 130px;

}

#about .overview {

	max-width: 960px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 200px;

}

#about .overview table {

	line-height: 1.875;

	letter-spacing: 0.05em;

	width: 100%;

}

#about .overview table tr:first-child th,

#about .overview table tr:first-child td {

	padding-bottom: 150px;

}

#about .overview table rt {

	text-align: center;

	font-size: 16px;

	letter-spacing: 0.05em;

	margin-bottom: 3px;

}

#about .overview table th,

#about .overview table td {

	padding: 30px 0;

}

#about .overview table th {

	width: 24.5%;

	vertical-align: top;

}

#about .overview table td {

	width: 75.5%;

}

#about .gmap {

	position: relative;

	padding-bottom: 62.5%;

	height: 0;

	overflow: hidden;

}

#about .gmap iframe,

#about .gmap object,

#about .gmap embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

#about .access .w1600 {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#about .access .w1600 .left {

	width: 48%;

	letter-spacing: 0.08em;

	line-height: 1.875;

}

#about .access .w1600 .right {

	width: 50%;

}



@media only screen and (min-width: 768px) and (max-width: 1300px) {

	#about {

		padding-bottom: 10.769vw;

	}

	#about #under_mv {

		margin-bottom: 10vw;

	}

	#about .overview {

		max-width: 73.846vw;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 15.385vw;

	}

	#about .overview table {

		line-height: 1.875;

		letter-spacing: 0.05em;

		width: 100%;

	}

	#about .overview table tr:first-child th,

	#about .overview table tr:first-child td {

		padding-bottom: 11.538vw;

	}

	#about .overview table rt {

		text-align: center;

		font-size: 1.231vw;

		letter-spacing: 0.05em;

		margin-bottom: 0.231vw;

	}

	#about .overview table th,

	#about .overview table td {

		padding: 2.308vw 0;

	}

	#about .overview table th {

		width: 24.5%;

		vertical-align: top;

	}

	#about .overview table td {

		width: 75.5%;

	}

	#about .gmap {

		position: relative;

		padding-bottom: 62.5%;

		height: 0;

		overflow: hidden;

	}

	#about .gmap iframe,

	#about .gmap object,

	#about .gmap embed {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

	}

	#about .access .w1600 {

		display: flex;

		justify-content: space-between;

		align-items: center;

	}

	#about .access .w1600 .left {

		width: 48%;

		letter-spacing: 0.08em;

		line-height: 1.875;

	}

	#about .access .w1600 .right {

		width: 50%;

	}

}

@media only screen and (max-width: 767px) {

	/*#about{

		padding-bottom: 50px;

		#under_mv{

			margin-bottom: 40px;

		}

		.overview{

			max-width: 280px;

			margin-bottom: 80px;

			table{

				font-size: 14px;

				tr{

					&:first-child{

						th{

							padding: 0 0 3px;

						}

						td{

							padding: 0 0 40px;

						}

					}

				}

				tr,th,td{

					display: block;

					width: 100%;

				}

				th{

					padding: 0 0 3px;

				}

				td{

					padding: 0 0 40px;

				}

				rt{

					display: none;

				}

			}

		}

		

		.access{

			.w1600{

				display: block;

				.left,.right{

					width: 100%;

				}

			}

			.pc_none{

				display: inline-block;

			}

			.left{

				max-width: 290px;

				margin: 0 auto 25px;

				font-size: 14px;

			}

		}

	}*/

	#about {

		padding-bottom: 12.821vw;

	}

	#about #under_mv {

		margin-bottom: 10.256vw;

	}

	#about .overview {

		max-width: 71.795vw;

		margin-bottom: 20.513vw;

	}

	#about .overview table {

		font-size: 3.59vw;

	}

	#about .overview table tr:first-child th {

		padding: 0 0 0.769vw;

	}

	#about .overview table tr:first-child td {

		padding: 0 0 10.256vw;

	}

	#about .overview table tr,

	#about .overview table th,

	#about .overview table td {

		display: block;

		width: 100%;

	}

	#about .overview table th {

		padding: 0 0 0.769vw;

	}

	#about .overview table td {

		padding: 0 0 10.256vw;

	}

	#about .overview table rt {

		display: none;

	}

	#about .access .w1600 {

		display: block;

	}

	#about .access .w1600 .left,

	#about .access .w1600 .right {

		width: 100%;

	}

	#about .access .pc_none {

		display: inline-block;

	}

	#about .access .left {

		max-width: 74.359vw;

		margin: 0 auto 25px;

		font-size: 3.59vw;

	}

}

/*――――――――――――――――――

	contact

―――――――――――――――――――*/

#contact {

	padding-bottom: 115px;

}

#contact #complete {

	text-align: center;

	line-height: 2;

	padding: 200px 0 110px;

}

#contact .lead {

	padding: 60px 0 0 60px;

	line-height: 1.875;

	margin-bottom: 100px;

}

#contact .lead span {

	color: #be1725;

}

#contact table {

	width: 100%;

	max-width: 1380px;

	margin-left: auto;

	margin-right: auto;

}

#contact table th,

#contact table td {

	padding: 25px 0;

}

#contact table th {

	width: 20.3%;

	text-align: right;

	padding-right: 55px;

}

#contact table td {

	width: 79.7%;

}

#contact input[type=text],

#contact input[type=tel],

#contact input[type=email],

#contact textarea {

	display: block;

	border-radius: 0;

	color: var(--black);

	background: #d7d8d8;

	border: none;

	font-family: inherit;

	font-size: inherit;

	width: 100%;

	padding: 15px;

}

#contact textarea {

	height: 220px;

	resize: vertical;

}

#contact button[type=submit] {

	display: block;

	border-radius: 0;

	border: none;

	background: var(--black);

	color: #fff;

	font-size: 38px;

	font-family: inherit;

	width: 660px;

	height: 90px;

	padding-bottom: 6px;

	cursor: pointer;

	margin: 60px auto 0;

}



@media only screen and (min-width: 768px) and (max-width: 1640px) {

	#contact {

		padding-bottom: 7.012vw;

	}

	#contact #complete {

		text-align: center;

		line-height: 2;

		padding: 12.195vw 0 6.707vw;

	}

	#contact .lead {

		padding: 3.6vw 0 0 2vw;

		line-height: 1.875;

		margin-bottom: 6.098vw;

	}

	#contact .lead span {

		color: #be1725;

	}

	#contact table {

		width: 100%;

		max-width: 84.146vw;

		margin-left: auto;

		margin-right: auto;

	}

	#contact table th,

	#contact table td {

		padding: 1.524vw 0;

	}

	#contact table th {

		width: 20.3%;

		text-align: right;

		padding-right: 3.354vw;

	}

	#contact table td {

		width: 79.7%;

	}

	#contact input[type=text],

	#contact input[type=tel],

	#contact input[type=email],

	#contact textarea {

		display: block;

		border-radius: 0;

		color: var(--black);

		background: #d7d8d8;

		border: none;

		font-family: inherit;

		font-size: inherit;

		width: 100%;

		padding: 0.915vw;

	}

	#contact textarea {

		height: 13.415vw;

		resize: vertical;

	}

	#contact button[type=submit] {

		display: block;

		border-radius: 0;

		border: none;

		background: var(--black);

		color: #fff;

		font-size: 2.317vw;

		font-family: inherit;

		width: 40.244vw;

		height: 5.488vw;

		padding-bottom: 0.366vw;

		cursor: pointer;

		margin: 3.6vw auto 0;

	}

}

@media only screen and (max-width: 767px) {

	#contact {

		padding-bottom: 11.538vw;

	}

	#contact #complete {

		padding-top: 0;

		padding-bottom: 0;

		font-size: 3.59vw;

	}

	#contact .w1600 {

		padding: 8.974vw 10.769vw 0;

	}

	#contact .lead {

		font-size: 3.59vw;

		padding: 0;

		margin-bottom: 7.692vw;

		line-height: 2;

	}

	#contact button[type=submit] {

		width: 100%;

		height: 9.231vw;

		font-size: 3.59vw;

	}

	#contact table {

		font-size: 3.59vw;

	}

	#contact table tr,

	#contact table th,

	#contact table td {

		width: 100%;

		display: block;

	}

	#contact table th {

		text-align: left;

		padding: 0 0 0.769vw;

	}

	#contact table td {

		padding: 0 0 2.564vw;

	}

	#contact input[type=text],

	#contact input[type=tel],

	#contact input[type=email],

	#contact textarea {

		padding: 1.282vw;

	}

	#contact button[type=submit] {

		margin-top: 2.564vw;

	}

	#contact textarea {

		height: 21.795vw;

	}

}