@charset "UTF-8";


/* ================================================================================
kv
================================================================================ */
#kv
{
	width: 100%;	min-width: 1000px;
	margin: 6.25rem auto 0;

	background: url("../image/kv_background_PC.png") no-repeat center/cover;
}

#kv > .inner
{
	display: flex;	justify-content: center;	align-items: center;
	width: 1000px;	height: 22rem;
	margin: 0 auto;
}

#kv h2{	width: 29rem;	}


/* ==================== SP ==================== */
@media screen and (max-width: 767px)
{

#kv
{
	min-width: 100%;
	margin: 3.5rem auto 0;

	background: url("../image/kv_background_SP.png") no-repeat center/cover;
}

#kv > .inner
{
	display: block;
	width: 100%;	height: 10rem;
	padding: 10vw 0 0 12vw;
}

#kv h2{	width: 52vw;	}

}





/* ================================================================================
mission
================================================================================ */
#mission
{
	width: 100%;	min-width: 1000px;
}
#mission > .inner
{
	width: 1000px;
	padding: 5rem 0;
	margin: 0 auto;
	border-bottom: 2px solid rgba(0, 169, 194, 1.0);
}

#mission h2
{
	margin: 0 0 3rem;
	color: rgba(0, 169, 194, 1.0);
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.8rem;
	text-align: center;
}

#mission ul
{
	width: 850px;
	margin: 0 auto;
}
#mission li
{
	margin: 0 0 2rem;
	font-size: 1.3rem;
	line-height: 1.5;
}
#mission li:last-child{	margin: 0;	}
#mission li span{	color: rgba(0, 169, 194, 1.0);}


/* ==================== SP ==================== */
@media screen and (max-width: 767px)
{

#mission{	min-width: 100%;	}
#mission > .inner
{
	width: 80vw;
	padding: 2rem 0;
}

#mission h2
{
	margin: 0 0 2rem;
	font-size: 1.1rem;
	letter-spacing: 0.4rem;
}

#mission ul{	width: 100%;	}
#mission li
{
	margin: 0 0 1rem;
	font-size: 0.8rem;
}

}




/* ================================================================================
profile
================================================================================ */
#profile
{
	width: 100%;	min-width: 1000px;
}
#profile > .inner
{
	width: 1000px;
	padding: 5rem 0;
	margin: 0 auto;
	border-bottom: 2px solid rgba(0, 169, 194, 1.0);
}

#profile h2
{
	margin: 0 0 3rem;
	color: rgba(0, 169, 194, 1.0);
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.8rem;
	text-align: center;
}

#profile .lead
{
	margin: 0 0 3rem;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
}

#profile .business{	margin: 0 0 3rem;	}

#profile .business h3
{
	margin: 0 0 3rem;
	color: rgba(0, 169, 194, 1.0);
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
#profile .business h3 span{	border-bottom: 2px solid rgba(0, 169, 194, 1.0);	}

#profile .business ul
{
	width: 800px;
	margin: 0 auto;
}
#profile .business li
{
	margin: 0 0 1rem;
	font-size: 1.0rem;
}
#profile .business li:last-child{	margin: 0;	}
#profile .business li span
{
	display: inline-block;
	width: 1.3rem;
	padding: 0.1rem 0;
	margin: 0 0.8rem 0 0;

	background-color: rgba(0, 169, 194, 1.0);

	color: white;
	font-size: 1rem;
	text-align: center;
}


#profile .company h3
{
	margin: 0 0 3rem;
	color: rgba(0, 169, 194, 1.0);
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
#profile .company h3 span{	border-bottom: 2px solid rgba(0, 169, 194, 1.0);	}

#profile .company ul
{
	width: 800px;
	margin: 0 auto 3rem;
}
#profile .company li
{
	display: flex;	justify-content: space-between;
	margin: 0 0 1rem;
	font-size: 1.0rem;
}
#profile .company li:last-child{	margin: 0;	}
#profile .company li p:first-child{	width: 20%;	}
#profile .company li p:last-child{	width: 80%;	}

#profile .company .ceo
{
	display: flex;	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
}
#profile .company .ceo .box:first-child{	width: 35%;	}
#profile .company .ceo .box:last-child{	width: 60%;	position: relative;	}
#profile .company .ceo .photo{	width: 100%;	}
#profile .company .ceo h4
{
	margin: 0 0 2.5rem;
	font-size: 1.4rem;
	font-weight: bold;
}
#profile .company .ceo .history
{
	font-size: 1rem;
	line-height: 2;
}
#profile .company .ceo .contact{	position: absolute;	bottom: 0;	left: 0;	}

#profile .company .ceo .contact p:first-child{	margin: 0 0 1rem;	}
#profile .company .ceo .contact p a:link,
#profile .company .ceo .contact p a:visited
{	text-decoration: underline;	}
#profile .company .ceo .contact p a:hover
{	text-decoration: none;	}


/* ==================== SP ==================== */
@media screen and (max-width: 767px)
{

#profile{	min-width: 100%;	}
#profile > .inner
{
	width: 80vw;
	padding: 2rem 0;
}

#profile h2
{
	margin: 0 0 2rem;
	font-size: 1.1rem;
	letter-spacing: 0.4rem;
}


#profile .lead
{
	margin: 0 0 2rem;
	font-size: 0.8rem;
}

#profile .business{	margin: 0 0 2rem;	}

#profile .business h3
{
	margin: 0 0 1.5rem;
	font-size: 0.9rem;
}

#profile .business ul{	width: 100%;	}
#profile .business li
{
	padding-left: 1.7rem;

	margin: 0 0 0.7rem;
	font-size: 0.7rem;
	text-indent: -1.7rem;
}
#profile .business li span
{
	width: 1.0rem;
	padding: 0.1rem 0;
	font-size: 0.7rem;
	text-indent: 0;
}


#profile .company h3
{
	margin: 0 0 1.5rem;
	font-size: 0.9rem;
}

#profile .company ul
{
	width: 100%;
	margin: 0 auto 2rem;
}
#profile .company li
{
	margin: 0 0 0.7rem;
	font-size: 0.7rem;
}
#profile .company li p:first-child{	width: 30%;	}
#profile .company li p:last-child{	width: 70%;	}

#profile .company .ceo{	width: 100%;	}
#profile .company .ceo .box:first-child{	width: 45%;	}
#profile .company .ceo .box:last-child{	width: 50%;	}
#profile .company .ceo h4
{
	margin: 0 0 1rem;
	font-size: 0.9rem;
	line-height: 1.2;
}
#profile .company .ceo .history
{
	margin: 0 0 1rem;
	font-size: 0.7rem;
	line-height: 2;
}
#profile .company .ceo .contact{	position: static;	}
#profile .company .ceo .contact p
{
	font-size: 0.7rem;
}
#profile .company .ceo .contact p:first-child{	margin: 0 0 0.5rem;	}



}







/* ================================================================================
expert
================================================================================ */
#expert
{
	width: 100%;	min-width: 1000px;
}
#expert > .inner
{
	width: 1000px;
	padding: 5rem 0;
	margin: 0 auto;
}

#expert h2
{
	margin: 0 0 3rem;
	color: rgba(0, 169, 194, 1.0);
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.8rem;
	text-align: center;
}

#expert .lead
{
	margin: 0 0 3rem;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

#expert li
{
	display: flex;	justify-content: space-between;
	width: 800px;
	margin: 0 auto 3rem;
}
#expert li .box:first-child{	width: 25%;	}
#expert li .box:last-child{	width: 70%;	}
#expert li .photo{	width: 100%;	}
#expert li h4
{
	margin: 0 0 2rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}
#expert li p
{
	font-size: 1rem;
	line-height: 2;
}



/* ==================== SP ==================== */
@media screen and (max-width: 767px)
{

#expert{	min-width: 100%;	}
#expert > .inner
{
	width: 80vw;
	padding: 2rem 0;
}

#expert h2
{
	margin: 0 0 2rem;
	font-size: 1.1rem;
	letter-spacing: 0.4rem;
}


#expert .lead
{
	margin: 0 0 2rem;
	font-size: 0.8rem;
}

#expert .business{	margin: 0 0 2rem;	}

#expert .business h3
{
	margin: 0 0 1.5rem;
	font-size: 0.9rem;
}


#expert li{	width: 100%;	margin: 0 0 1rem;	}
#expert li .box:first-child{	width: 30%;	}
#expert li .box:last-child{	width: 65%;	}
#expert li h4
{
	margin: 0 0 1rem;
	font-size: 0.9rem;
	line-height: 1.2;
}
#expert li p
{
	margin: 0 0 1rem;
	font-size: 0.7rem;
	line-height: 2;
}


}
































/* ======================================== end ======================================== */