@charset "utf-8";

.pagehead .title{
	min-width: 540px;
	box-sizing: border-box;
}
.pagehead .image{
	flex: 1;
	overflow: hidden;
	transform: translate(-.5em, .5em);
	transition: transform 1s;
}
.pagehead .image img{
	max-height: 26.62vw;
	transform: translateX(-3vw);
	opacity: 0;
	filter: blur(10px);
	transition: opacity 1s, filter 3s;
}
.pagehead.-anim-start .image{
	transform: translate(0, 0);
}
.pagehead.-anim-start .image img{
	filter: blur(0px);
	opacity: 1;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 999px){
	#page:before{
		width: 40vw;
	}
	.pagehead .title{
		width: 40vw;
		min-width: 0;
	}
}
@media screen and (max-width: 770px){
	#page:before{
		width: 40vw;
		min-width: 13em;
	}
	.pagehead .title{
		width: 40vw;
		min-width: 13em;
	}
	.pagehead .image img{
		max-height: none;
		height: 25vw;
		width: auto;
	}
}

/*--------------------------------------------------------------------*/

section.company .information{
	min-width: 1000px;
	width: 73vw;
	margin: 0 auto;
	transform: translateY(-2em);
}
section.company .information .area{
	background-color: #fff;
	box-shadow: 0 3px 20px rgba(0,0,0,.1);
	box-sizing: border-box;
	padding: 4em;
}
section.company .information table{
	width: 100%;
}
section.company .information tr{
	border-bottom: 1px solid #E1E1E1;
}
section.company .information tr:last-of-type{
	border-bottom: 0;
}
section.company .information th,
section.company .information td{
	padding: 2.5em 0;
}
section.company .information th{
	width: 25%;
	text-align: left;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 999px){
	section.company .information{
		min-width: 0;
		width: auto;
		margin: 0 3vw;
	}
}
@media screen and (max-width: 770px){
	section.company{
		padding: 0 3vw;
		font-size: 1.4rem;
	}
	section.company .information{
		min-width: 100%;
		width: auto;
		margin: 0;
	}
	section.company .information .area{
		padding: 2.5em;
	}
	section.company .information .area th,
	section.company .information .area td{
		display: block;
		padding: 1em 0;
	}
	section.company .information .area th{
		padding-bottom: 0;
		width: auto;
	}
	section.company .information .area td{
		font-size: 1.4rem;
		padding-bottom: 2em;
	}
}

/*--------------------------------------------------------------------*/

section.company .information .indication{
	padding: 3em;
	padding-left: 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
section.company .information .indication .badge{
	margin-right: 1em;
}
section.company .information .indication .auth{
	color: #787878;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 770px){
	section.company .information .indication{
		padding: 0;
	}
	section.company .information .indication .badge{
		margin-right: 0;
		margin-bottom: 1em;
	}
	section.company .information .indication .badge img{
		zoom: 0.5;
		width: auto;
	}
}

/*--------------------------------------------------------------------*/

section.company .clients{
	padding: 5em 4.2vw;
	background-color: #27643D;
	color: #fff;
	margin: 1em 0 6em 0;
}
section.company .clients .inner{
	width: 73vw;
	min-width: 1000px;
	margin: 0 auto;
}
section.company .clients .heading{
	max-width: 290px;
}
section.company .clients .heading .title{
	margin-bottom: 1.5em;
}
section.company .clients .heading .title .en{
	font-size: 5.4rem;
	line-height: 1.25;
}
section.company .clients .lists{

}
section.company .clients .lists .list{
	padding-left: 2em;
	margin-left: 4em;
	line-height: 2.25;
	border-left: 1px solid #fff;
}
section.company .clients .lists .list ul{
	list-style-type: disc;
	list-style-position: inside;
}
section.company .clients .lists .list ul li{
	text-indent: -2em;
	padding-left: 2em;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 999px){
	section.company .clients{
		padding: 4em 4.2vw;
		margin: 1em 0 3em 0;
	}
	section.company .clients .inner{
		width: 73vw;
		min-width: 0;
		flex-direction: column;
		margin: 0;
		align-items: flex-start;
		padding-left: 5vw;
	}
	section.company .clients .inner .heading{
		margin-bottom: 2em;
		max-width: none;
	}
	section.company .clients .heading .title .en{
		font-size: 4rem;
		line-height: 1.25;
	}
	section.company .clients .lists .list:first-of-type{
		margin-left: 0;
	}
}
@media screen and (max-width: 770px){
	section.company .clients{
		margin: 0 0 1.5em 0;
	}
	section.company .clients .inner{
		width: auto;
		padding: 0 3vw;
	}
	section.company .clients .heading .title .en{
		font-size: 2.5rem;
	}
	section.company .clients .lists{
		flex-wrap: wrap;
	}
	section.company .clients .lists .list{
		padding-left: 1em;
		font-size: 1.2rem;
		width: 100%;
		box-sizing: border-box;
		margin-left: 0 !important;
	}
}

/** プライバシーポリシー **/
.privacypolicy p {
	margin-bottom: 1.5em;
}
.privacypolicy h2 {
	font-size: 3.5rem;
	margin-bottom: 1em;
}
.privacypolicy h3 {
	font-size: 2rem;
	margin-bottom: 0.5em;
}
.privacypolicy h4 {
	font-size: 1.5rem;
	margin-bottom: 0.5em;
}
.privacypolicy .m-t-md {
	margin-top: 3em;
}
.privacypolicy .privacy-table {
	margin: 1rem !important;
}
.privacypolicy .privacy-table tr {
	border-bottom: 0px !important;
}
.privacypolicy .privacy-table td {
	border: 1px solid #E1E1E1 !important;
	padding: 1em !important;
}
.privacypolicy .privacy-table td:first-child {
	font-weight: bold;
}