@charset "UTF-8";

#header{
	z-index: 99999;
}
main{
	min-width: 1100px;
}
.sec-ttl01,
.sec-ttl01 span.en{
	font-family: "Bodoni Moda", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
}
@media screen and (max-width: 768px){
	.sec-ttl01 span.en{
		font-size: 2.6rem;
	}
}
.text-white,
.text-white *{
	color: #fff !important;
}
.text-black,
.text-black *{
	color: #000 !important;
}
.bg-white{
	background: #fff !important;
	opacity: 1 !important;
}
.flex{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.flex_s_between{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex_a_center{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.sec{
	padding-top: 14rem;
	padding-bottom: 14rem;
}

#header{
	position: sticky;
	left: 0;
	top: 0;
	margin: 0;
}
#header .logo{
	width: 12rem;
	position: relative;
	left: auto;
	top: auto;
}
nav .small{
	letter-spacing: 0;
}
.outer{
	padding-left: 2.5vw;
	padding-right: 2.5vw;
}
.tc{
	text-align: center;
}

@media screen and (max-width: 768px){
	main{
		min-width: 100%;
	}
	#header{
		display: flex;
		align-items: center;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.menu-btn span{
		background: #000;
	}
	nav{
		background: #fff !important;
	}
	#header .logo{
		width: 9rem;
		height: auto;
	}
	#header .logo *{
		width: 100%;
		height: auto;
	}
	.sec{
		padding-top: 7.5rem;
		padding-bottom: 7.5rem;
	}
	.outer{
		padding-left: 0;
		padding-right: 0;
	}
	.sc-logo{
		position: absolute;
		right: 5.5rem;
		text-align: center;
		font-size: 1rem;
		font-family: "Bodoni Moda", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	}
	.sc-logo img{
		display: block;
		width: 2.4rem;
		margin: 0 auto;
	}
	.sc-logo span{
		display: block;
		font-weight: 700;
		letter-spacing: 0;
		line-height: 1;
		margin-top: .4em;
	}
}
/* +++movie+++ */
#movie{
	position: relative;
	height: calc(100vh - 9rem);
	overflow: hidden;
	min-width: 1100px;
	min-height: 400px;
}
#movie .inner,
#movie .outer{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 999;
	line-height: 2;
	font-size: 6rem;
	align-items: flex-end;
	padding-bottom: 2.5vw;
}



/*
video{
	display: block;
	width: 100%;
}
*/
@media screen and (max-width: 768px){
	#movie{
		position: relative;
		height: calc(100vw / 3 * 4);
		overflow: hidden;
		min-width: 100%;
		min-height: auto;
	}
	#movie .movie{
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#movie .movie img,
	#movie .movie video{
		height: 100%;
		object-fit: cover;
	}
	#movie .inner,
	#movie .outer{
		font-size: 3rem;
		padding-left: 1.5rem;
	}
}

/* +++#sec01+++ */
#sec01{
	background: url(../images/sc-sec01-bg01.png) no-repeat;
	background-position: center;
	background-size: cover;
}
#sec01 p{
	font-weight: 500;
	line-height: 2.5;
}
#sec01 p:not(:last-of-type){
	margin-bottom: 3rem;
}

@media screen and (max-width: 768px){
	#sec01 p:not(:last-of-type){
		margin-bottom: 1rem;
	}
	#sec01 p{
		line-height: 2;
	}
}


/* +++#sec02+++ */
#sec02{
	background-image: url(../images/sc-sec02-bg01.png), url(../images/sc-sec02-bg02.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
}
h3.sec-ttl01{
	font-size: 1.4rem;
	margin-top: 4rem;
}
h3.sec-ttl01 .en{
	font-size: 3.6rem;
}
.profile{
	width: calc(50% - 2rem);
}
#sec02 .pic{
	width: 14rem;
}
.career{
	width: calc(100% - 14rem);
	padding-left: 1.5rem;
	font-size: 1.4rem;
}
.career ul{
	line-height: 2.25;
}
.career li{
	padding-left: 1em;
	position: relative;
}
.career li:before{
	content: "■";
	display: block;
	font-size: 50%;
	position: absolute;
	left: 0;
	top: 1.25em;
}
figcaption{
	font-size: 1.4rem;
	text-align: center;
	display: block;
	margin-top: .5em;
}


@media screen and (max-width: 768px){
	#sec02{
		background-image: url(../images/sc-sec02-bg01.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 200% auto;
		padding-bottom: 0;
	}
	h3.sec-ttl01{
		font-size: 1rem;
		margin-top: 2rem;
	}



	h3.sec-ttl01 .en{
		font-size: 1.8rem;
	}
	.profile{
		width: 100%;
	}
	.profile:not(:last-of-type){
		margin-bottom: 3rem;
	}
	#sec02 .pic{
		width: 8rem;
	}
	.career{
		width: calc(100% - 8rem);
		padding-left: 1.5rem;
/*
		font-size: 1.2rem;
*/
		font-size: 1rem;
	}
	.career ul{
		line-height: 2;
		margin-top: -.5em;
	}
	figcaption{
/*
		font-size: 1.2rem;
*/
		font-size: 1rem;
		margin-top: .3em;
	}
}

/* +++#sec03+++ */
#sec03 .txt,
.canvas-area{
	width: 50%;
}
.canvas-area{
	position: relative;
	height: 55rem;
}
.circle{
	border-radius: 50%;
	position: absolute;
	opacity: .8;
	transition: 3s all ease;
}
.large{
	width: 24rem;
	height: 24rem;
	background: #ffde59;
	transition: 3s all ease;
	left: 80%;
	top: 10%;
}
.step01 .large{
	left: 69%;
	top: 8%;
}
.step02 .large{
	background: #ff5757;
	left: 11%;
	top: 27%;
}
.step03 .large{
	background: #f1eb47;
	left: 60%;
	top: 54%;
}
.step04 .large{
	background: #eafc46;
	left: 2%;
	top: 80%;
}
.medium{
	width: 18rem;
	height: 18rem;
}
.small02{
	width: 12rem;
	height: 12rem;
}

.area01 .small02{
	background: #00af19;
	top: 80%;
	left: 0%;
}
.area01 .medium{
	background: #5271ff;
	top: 0%;
	left: 20%;
}
.step01 .area01 .small02{
	background: #00af19;
	top: 70%;
	left: 15%;
}
.step01 .area01 .medium{
	background: #5271ff;
	top: 6%;
	left: 30%;
}


.area02 .small02{
	background: #38b6ff;
	top: 70%;
	left: -5%;
}
.area02 .medium{
	background: #ff914d;
	top: 75%;
	left: 70%;
}
.step02 .area02 .small02{
	background: #38b6ff;
	top: 60%;
	left: 2%;
}
.step02 .area02 .medium{
	background: #ff914d;
	top: 60%;
	left: 60%;
}


.area03 .small02{
	background: #ed9e6e;
	top: 80%;
	left: 0%;
}
.area03 .medium{
	background: #6cc493;
	left: 90%;
	top: 0;
}
.step03 .area03 .small02{
	background: #ed9e6e;
	top: 60%;
	left: 6%;
}
.step03 .area03 .medium{
	background: #6cc493;
	left: 0;
	top: 10%;
}


.area04 .small02{
	background: #ff66c4;
	top: 2%;
	left: 60%;
}
.area04 .medium{
	background: #00af19;
	top: 55%;
	left: 0%;
}
.step04 .area04 .small02{
	background: #ff66c4;
	top: 10%;
	left: 30%;
}
.step04 .area04 .medium{
	background: #00af19;
	top: 55%;
	left: 15%;
}


#sec03 .txt{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	z-index: 9;
}
.no{
	font-size: 4rem;
	padding-bottom: .1em;
	border-bottom: 1px solid #000;
	line-height: 1;
	font-weight: 600;
}
#sec03 h3{
	font-size: 2rem;
	margin: 4rem 0;
	line-height: 1.75;
}
#sec03 p{
	font-size: 1.4rem;
}
#sec03 .flex_s_between{
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	align-items: center;
}
.ex{
/*
	padding: 2.5rem 2rem !important;
*/
	padding: 3.5rem 2rem !important;
	border-radius: .8rem;
	background: #cedfe6;
	width: 100%;
/*
	margin-top: 3rem;
*/
	margin-top: 5rem;
	align-items: flex-start !important;
	position: relative;
}
.ex:before{
	content: "";
	display: block;
	width: 8rem;
	height: 9.7rem;
	background: url(../images/sc-yajirushi.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: -7rem;
	transform: scale(-1,1);
}
.ex h4{
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 3rem;
}
.ex .pic-area{
	width: 10rem;
	text-align: center;
}
.ex .pic-area p{
	line-height: 1;
	margin-bottom: .5em !important;
}
.ex .pic:not(:last-of-type){
	margin-bottom: 2.5rem;
}
.ex-profile{
	width: calc(100% - 10rem);
/*
	padding-left: 2rem;
*/
	padding-left: 3rem;
	padding-top: 0;
	font-size: 1.4rem;
	line-height: 1.75;
}

.ex-profile ul{
	line-height: 2.25;
	margin-top: -.5em;
}
.ex-profile li{
	padding-left: 1em;
	position: relative;
	margin-bottom: .25em;
}
.ex-profile li:before{
	content: "■";
	display: block;
	font-size: 50%;
	position: absolute;
	left: 0;
	top: 1.25em;
}
/*
.ex li{
	margin: 1em 0;
}
*/
.caption{
	padding-left: 1em;
	text-indent: -1em;
	padding-top: .5em;
}
.caption:before{
	content: "※";
}
#sec03{
	padding-bottom: 7rem;
}
.service-pic{
	margin-bottom: 3.6rem;
	z-index: 99;
}

@media screen and (max-width: 768px){
	main{
		overflow: hidden;
	}
	#sec03 .txt,
	.canvas-area{
		width: 70%;
	}
	.no{
		font-size: 2.4rem;
	}
	#sec03 h3{
		font-size: 1.6rem;
		margin: 2rem 0 1.2rem;
	}
	#sec03 p{
		font-size: 1.2rem;
		margin-bottom: 3.6rem;
	}
	#sec03 .flex_s_between{
		padding-top: 0;
		padding-bottom: 3.5rem;
		align-items: flex-start;
		flex-direction: column;
		position: relative;
	}
	#sec03 .flex_s_between:nth-of-type(2n+1) .txt{
		margin-left: auto;
	}




	.ex.sp{
		padding: 1rem 1rem !important;
		width: 100%;
		margin-top: 0;
		display: flex !important;
		flex-wrap: wrap;
		flex-direction: row !important;
	}
	.ex:before{
		width: 6rem;
		height: 7.2rem;
		right: auto;
		left: 2rem;
		top: -5.5rem;
		transform: scale(1,1);
	}

	.ex .pic-area{
/*
		width: 8rem;
		margin: 0 auto 2rem;
*/
		width: 6.5rem;
	}
	.ex h4{
		font-size: 1.5rem;
		margin-bottom: 2rem;
	}
	.ex .pic-area figcaption{
		font-size: 1rem;
	}
	.ex .pic:not(:last-of-type){
		margin-bottom: 1rem;
	}
	.ex-profile{
		width: calc(100% - 6.5rem);
		padding-left: 1.5rem;
		font-size: 1rem;
	}
	.ex li{
/*
		line-height: 1.75;
*/
		line-height: 1.5;
	}
	.ex li:not(:last-of-type){
/*
		margin-bottom: 1em;
*/
		margin-bottom: .6em;
	}
	.caption{
		padding-left: 1em;
		text-indent: -1em;
		padding-top: .5em;
	}
	.caption:before{
		content: "※";
	}
	#sec03{
		padding-bottom: 7rem;
		margin-bottom: -7rem;
	}


	.canvas-area{
		position: absolute;
		right: 0;
		top: 0;
		height: calc(100% - 3.5rem);
		width: 40%;
	}
	.canvas-area.area02,
	.canvas-area.area04{
		right: auto;
		left: 0;
	}
	.large{
		width: 36vw;
		height: 36vw;
		left: 89%;
		top: -4%;
	}
	.step01 .large{
		left: 74%;
		top: 3%;
	}
	.step02 .large{
		left: 8%;
		top: 19%;
	}
	.step03 .large{
		left: 71%;
		top: 39%;
	}
	.step04 .large{
		background: #eafc46;
		left: 7%;
/*
		top: 57%;
*/
		top: 62%;
	}
	.medium{
		width: 24vw;
		height: 24vw;
	}
	.small02{
		width: 16vw;
		height: 16vw;
	}

	.area01 .small02{
		background: #00af19;
		top: 79%;
		left: 15%;
	}
	.area01 .medium{
		background: #5271ff;
		top: 7%;
		left: 20%;
	}
	.step01 .area01 .small02{
		background: #00af19;
		top: 70%;
		left: 15%;
	}
	.step01 .area01 .medium{
		background: #5271ff;
		top: 6%;
		left: 30%;
	}


	.area02 .small02{
		background: #38b6ff;
		top: 70%;
		left: -5%;
	}
	.area02 .medium{
		background: #ff914d;
		top: 75%;
		left: 70%;
	}
	.step02 .area02 .small02{
		background: #38b6ff;
		top: 74%;
		left: 12%;
	}
	.step02 .area02 .medium{
		background: #ff914d;
		top: 17%;
		left: -19%;
	}


	.area03 .small02{
		background: #ed9e6e;
		top: 80%;
		left: 0%;
	}
	.area03 .medium{
		background: #6cc493;
		left: 18%;
		top: 21%;
	}
	.step03 .area03 .small02{
		background: #ed9e6e;
		top: 77%;
		left: 36%;
	}
	.step03 .area03 .medium{
		background: #6cc493;
		left: 0;
		top: 25%;
	}


	.area04 .small02{
		background: #ff66c4;
		top: -3%;
		left: -25%;
	}
	.area04 .medium{
		background: #00af19;
		top: 20%;
		left: 0%;
	}
	.step04 .area04 .small02{
		background: #ff66c4;
		top: 7%;
		left: 10%;
	}
	.step04 .area04 .medium{
		background: #00af19;
		top: 20%;
		left: -30%;
	}


}


/* +++sec04+++ */
#sec04 .case-no{
	font-family: "Bodoni Moda", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	text-align: center;
	padding-top: 1rem;
	color: #fff;
	font-size: 120%;
}
.block{
	opacity: 0;
	min-width: 1100px;
	height: 900px;
	overflow: hidden;
	margin: 0 auto;
	transition: all 5s ease;
	background: url(../images/sc-sec04-bg01.png) no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.block.active {
	opacity: 1;
}

.slider li {
	transition: all 0.4s ease;
	width: 40rem;
	margin: 0 4rem;
	opacity: 0;
	padding-top: 2rem;
}
.content{
	background: #eafc46;
	padding: 3rem 1.5rem;
}
.content-outer{
	cursor: pointer;
	transition: .3s all ease;
	padding-bottom: 3rem;
}
.slide-arrow{
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: #333;
	position: absolute;
	left: 0;
	right: 0;
	top: 300px;
	margin: auto;
	z-index: 9999;
	display:flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.prev-arrow{
/*
	transform: translateX(-20rem);
*/
	transform: translateX(-24rem);
}
.next-arrow{
/*
	transform: translateX(20rem);
*/
	transform: translateX(24rem);
}

.prev-arrow:before{
	content: "";
	display: block;
	width: 20%;
	height: 20%;
	border-top: .2rem solid #fff;
	border-left: .2rem solid #fff;
	transform: rotate(-45deg);
}

.next-arrow:before{
	content: "";
	display: block;
	width: 20%;
	height: 20%;
	border-top: .2rem solid #fff;
	border-right: .2rem solid #fff;
	transform: rotate(45deg);
}
.slider .content{
	height: 640px;
}
.slider .content-outer:hover{
	transform: translateY(-3%);
}
.faq-head{
	width: calc(100% - 8rem);
	margin: 0 auto 2.4rem;
	font-size: 1.3rem;
}
.faq-head p{
	line-height: 1.5;
}
.faq-head .bg-white{
	padding: 1em;
}
.faq-a{
	border-radius: .5rem;
	background: #fafed1;
	padding: 1em;
}
.slider .faq-a{
	height: 38.5rem;
}
.faq-a p{
	line-height: 1.5;
	font-size: 1.3rem;
}
.bg-black{
	background: #333;
	color: #fff;
	text-align: center;
	padding: 1.5em 0;
}

.slider li.slick-current{
	opacity: 1;
}
.slider li.left {
	transform-origin: bottom right;
	transform: rotate(-11deg);
	opacity: 1;
}
.slider li.left2 {
	transform-origin: bottom right;
	transform: rotate(-24deg);
	margin-top: 10rem;
	opacity: 1;
}
.slider li.right {
	transform-origin: bottom left;
	transform: rotate(11deg);
	opacity: 1;
}
.slider li.right2 {
	transform-origin: bottom left;
	transform: rotate(24deg);
	margin-top: 10rem;
	opacity: 1;
}
.slick-slider,
.slick-track,
.slick-list{
	height: 100% !important;;
}
.logo-area{
	width: 7.4rem;
	height: 2.4rem;
	border-radius: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	background: #fff;
	margin: 2rem 0 0 auto;
}
#sec04{
	padding-bottom: 0;
	min-width: 1100px;
}
.popup-outer{
	width: 100%;
	height: 100vh;
	overflow: auto;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.9);
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	transition: .5s all ease;
}
.popup-outer.visible{
	opacity: 1;
	visibility: visible;
}
.popup{
	width: calc(100% - 4rem);
	max-width: 80rem;
	margin: 10rem auto;
	position: relative;
}
.close-btn{
	width: 3rem;
	position: absolute;
	right: 1.5rem;
	top: 3rem;
}
.close-btn img{
	display: block;
	width: 100%;
}
.popup .faq-head{
	max-width: 40rem;
	font-size: 1.4rem;
}
.popup .faq-a p{
	font-size: 1.4rem;
}


@media screen and (max-width: 768px){
	#sec04{
		padding-top: 7rem;
		min-width: 100%;
	}


	.block{
		opacity: 0;
		min-width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		transition: all 5s ease;
		background: url(../images/sc-sec04-bg01.png) no-repeat;
		background-position: center bottom -20%;
		background-size: 200% auto;
		padding-bottom: 4rem;
	}

	.slider li {
/*
		width: 24rem;
*/
		width: 18rem;
		margin: 0 .5rem;
		opacity: 1;
		padding-top: 2rem;
	}
	.content{
		padding: .75rem;
		cursor: pointer;
		transition: .3s all ease;
	}
	.slider .content{
		height: auto;
	}

	.faq-head{
		width: 100%;
		margin: 0 auto .5rem;
		font-size: 1.1rem;
	}
	.faq-head p{
		line-height: 1.5;
	}
	.slick-slide .faq-head p{
		font-size: 1rem;
		letter-spacing: 0;
	}
	.faq-head .bg-white{
		padding: .3rem .5rem;
		height: 6.5rem;
	}
	.faq-a{
		border-radius: .5rem;
		background: #fafed1;
		padding: .5rem;
	}
	.slider .faq-a{
		height: 10rem;
		overflow: hidden;
	}
	.faq-a p{
		line-height: 1.5;
		font-size: 1rem;
	}
	.bg-black{
		background: #333;
		color: #fff;
		text-align: center;
		padding: .5em 0;
	}

	.slider li.left {
		transform-origin: bottom right;
		opacity: 1;
	}
	.slider li.left2 {
		transform-origin: bottom right;
		transform: rotate(0);
		margin-top: 0;
		opacity: 1;
	}
	.slider li.right {
		transform-origin: bottom left;
		opacity: 1;
	}
	.slider li.right2 {
		transform-origin: bottom left;
		transform: rotate(0);
		margin-top: 0;
		opacity: 1;
	}
	.slick-track {
		display: flex;
	}
	.slick-slide {
		height: auto !important;
	}

	.logo-area{
		width: 5rem;
		height: 1.6rem;
		border-radius: .2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 1rem;
		background: #fff;
		margin: .5rem 0 0 auto;
	}
	#sec04{
		padding-bottom: 0;
	}

	.slide-arrow{
/*
		width: 2rem;
		height: 2rem;
*/
		width: 2.4rem;
		height: 2.4rem;
/*
		top: 12rem;
*/
		top: 11.8rem;
		}
	.prev-arrow{
		transform: translateX(-11rem);
	}
	.next-arrow{
		transform: translateX(11rem);
	}

	.prev-arrow:before{
		border-top: .1rem solid #fff;
		border-left: .1rem solid #fff;
	}

	.next-arrow:before{
		border-top: .1rem solid #fff;
		border-right: .1rem solid #fff;
	}
	.slick-slide .faq-a{
		position: relative;
	}
	.read-more{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		display: flex !important;
		justify-content: center;
		align-items: center;

		background: linear-gradient(0deg, rgba(250,254,209,1) 0%, rgba(250,254,209,.95) 40%, rgba(250,254,209,.4) 70%, rgba(255,255,255,0));
/*
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.95) 40%, rgba(255,255,255,.4) 70%, rgba(255,255,255,0));
*/
		height: 9rem;
		font-size: 1rem;
		font-family: "Bodoni Moda", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
		padding-top: 6.5rem;
	}
	.read-more:after{
		content: "";
		display: block;
		width: .35em;
		height: .35em;
		border-top: .1rem solid #333;
		border-right: .1rem solid #333;
		transform: rotate(45deg) translateY(.1rem);
		margin-left: .7em;
	}
	.popup{
		width: calc(100% - 4rem);
		max-width: 80rem;
		margin: 5rem auto;
		position: relative;
		padding-top: 4.4rem;
	}
	.close-btn{
		width: 2.4rem;
		right: 1rem;
		top: 1rem;
	}
	.popup .faq-head{
		max-width: 40rem;
		font-size: 1.3rem;
	}
	.popup .faq-a p{
		font-size: 1.3rem;
	}
}


/* +++++++++#interview++++++++++ */
#interview .pic{
	margin-bottom: 4rem;
}
#interview dl{
	line-height: 2;
	margin-top: 4rem;
}
#interview dt:before{
	content: "";
	background: #216ba8;
	display: inline-block;
	width: 3em;
	height: 1px;
	transform: translateY(-.3em);
}
#interview dt{
	padding-left: 3em;
	text-indent: -3em;
	font-weight: 600;
	padding-bottom: 1.5rem;
	color: #216ba8;
}
#interview dd{
	padding-left: 2rem;
	border-left: 1px solid #216ba8;
}
#interview dd div:before{
	content: "纐纈:";
	font-weight: 700;
}
#interview dd div{
	padding-left: 2em;
/*
	text-indent: -2.75em;
*/
	text-indent: -2.9em;
}

@media screen and (max-width: 768px){
	#interview .inner{
		padding-left: 0;
		padding-right: 0;
	}
	#interview .pic{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	#interview dt:before{
		width: 2.5em;
	}
	#interview dt{
		padding-left: 2.5em;
		text-indent: -2.75em;
		letter-spacing: 0;
	}
	#interview dd{
		padding-left: .5rem;
		padding-right: 1rem;
		border: none;
	}
	#interview dl{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/* +++++++++#contact++++++++++ */
#contact{
	background: #4caf50;
}
#contact .sec-ttl04,
#contact .sec-ttl01{
	color: #fff;
}
#contact .sec-ttl04 .en{
	opacity: 1;
}

#contact div.inner{
	background: #fff;
	padding: 4rem;
}
form table{
	width: 100%;
	text-align: left;
	line-height: 2;
	margin: auto;
}
form th{
	border-bottom: .1rem solid #333;
	width: 34%;
	vertical-align: top;
	padding: 3rem 1.5rem;
}
form td{
	border-bottom: .1rem solid #dfdfdf;
	width: 66%;
	padding: 3rem 1.5rem;
	position: relative;
}
form tr:nth-of-type(1) th{
	border-top: .1rem solid #333;
}
form tr:nth-of-type(1) td{
	border-top: .1rem solid #dfdfdf;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="checkbox"],
textarea,
button{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	display: block;
	font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	border-radius: 0;
}
form{
	font-size: 1.4rem;
}
#name,
#name2,
#company,
#facility,
#email,
#tel-num{
	width: 100%;
	border: .1rem solid #dfdfdf;
	height: 4rem;
	display: flex;
	align-items: center;
	background: #fafafa;
	padding: 0 .5em;
}
select{
	width: 100%;
	border: .1rem solid #dfdfdf;
	height: 4rem;
	display: flex;
	align-items: center;
	background-color: #fafafa;
	padding: 0 .5em;
	font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
}
td .flex{
	display: flex;
	justify-content: space-between;
}
td .flex input{
	width: calc(50% - .5em) !important;
}
#comment{
	width: 100%;
	border: .1rem solid #dfdfdf;
	background: #fafafa;
	height: 20rem;
	padding: .5em;
}
.privacy-policy{
	margin: 4rem 0;
	line-height: 2;
}
.privacy-policy h3{
	font-size: 1.6rem;
	margin-bottom: .5em;
}
.confirm-area{
	background: #fafafa;
	padding: 1.5em 1em;
	display: flex;
}
#confirm,
input[type='checkbox']{
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	border: .1rem solid #dfdfdf;
	background: #fff;
	position: relative;
	margin-right: .5rem;
}
td input[type='checkbox']{
	background: #fafafa;
}
.btn{
	border: none;
	cursor: pointer;
	transition: .3s all ease;
	font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	font-size: 1.6rem;
}
.btn:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}
#confirm:checked:after,
input[type='checkbox']:checked:after{
	content: "";
	display: block;
	width: 90%;
	height: 90%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/contact-check.png) no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
form th span{
	float: right;
	display: inline-block;
	padding: .2em .5em;
	background: rgba(227,238,49,1);
	font-size: 80%;
}
label{
	display: flex;
	align-items: flex-start;
}
td label:not(:last-of-type){
	margin-bottom: 1rem;
}
.unyou{
	color: #fff;
	font-size: 1.2rem;
	margin-top: 1em;
	text-align: right;
}







@media screen and (max-width: 768px){
	#contact{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	#contact div.inner{
		padding: 3rem 1.5rem;
	}
	form table,
	form tbody,
	form tr{
		display: block;
		width: 100%;
	}
	form th{
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 1.5rem 0;
	}
	form td{
		display: block;
		width: 100%;
		border-bottom: .1rem solid #dfdfdf;
		padding: 0 0 1.5rem;
	}
	form tr:nth-of-type(1) th{
		border-top: .1rem solid #dfdfdf;
	}
	form tr:nth-of-type(1) td{
		border-top: none;
	}
	form{
		font-size: 1.1rem;
	}
	#name,
	#name2,
	#company,
	#facility,
	#email,
	#tel-num{
		height: 3rem;
	}
	select{
		height: 3rem;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		background: url(../images/app-arrow02.svg) no-repeat;
		background-size: .8rem auto;
		background-position: right .5em center;
		color: #000;
	}
	#comment{
		height: 15rem;
	}
	.privacy-policy{
		margin: 4rem 0;
	}
	.privacy-policy h3{
		font-size: 1.4rem;
		margin-bottom: .5em;
	}
	#confirm,
	input[type='checkbox']{
		display: block;
		width: 2rem;
		height: 2rem;
	}
	.btn{
		border: none;
		cursor: pointer;
		transition: .3s all ease;
		font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
		font-size: 1.4rem;
	}
	.confirm-area p{
		width: calc(100% - 2rem);
	}
	.unyou{
		font-size: 1rem;
		padding: 0 !important;
	}
}