@charset "UTF-8";
/* CSS Document */
/*=========================================== 
スマホ向けのレイアウトの指定：～768px 
===========================================*/
@media only screen and (min-width: 0px) {

body{
	overflow-x: hidden;
}
	
#container{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

#wrapper{
	width:100%;
	margin:0 auto;
}

/*メインビジュアル*/
.mv{
	background-image: url("../images/company_mv.jpg");
	background-size: cover;
}


/*コンテンツ*/
.contents{
	width:90%;
	margin: 60px auto 0;
  text-align: center;
}
  
.contents .logo{
  margin: 0 auto 40px;
}

.contents h2.heading{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
  color: #000;
	text-align: center;
	letter-spacing: 0.20em;
  margin-bottom: 40px;
  display: inline-flex;
  align-items: center;
}

/*下線をつける*/
.contents h2.heading::before,
.contents h2.heading::after{
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgb(26,128,92);
}
.contents h2.heading::before{margin-right: 0.25em;}

/*コンテンツ > 会社概要*/
.contents{
	width: 90%;
	margin: 80px auto 0;
	text-align: center;
}
.contents img{
  width: 100%;
  height: auto;
}
.contents .left,
.contents .list{
	width: 100%;
	margin: 0 auto 60px;
}

.contents .list dl{
	margin: 12px auto 0;
	padding: 12px 0 0 0;
	text-align: left;
	border-top: 1px solid rgb(200,200,200);
}

.contents .list dl.first{
	margin: 0;
	padding: 0;
	border:none;
}

.contents .list dl{
	margin: 12px auto 0;
	padding: 12px 0 0 0;
	text-align: left;
	border-top: 1px solid rgb(200,200,200);
}

.contents .list dl dt{
	width: 78px;
	margin: 0 10px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	line-height: 2;
	color: rgb(26,128,92);
	float: left;
}
.contents .list dl dd{
	padding: 0 0 0 88px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
	font-feature-settings: "palt";
}

.contents .list .left-side,
.contents .list .right-side{
	margin: 12px auto 0;
	line-height: 2;
}

}


/*=========================================== 
PC向けのレイアウトの指定：768px〜
===========================================*/
@media only screen and (min-width: 769px) {

#container{
	width:100vw;
}

/*コンテンツ*/
.contents{
	width: auto;
	max-width: 940px;
	padding: 0 10px;
}
.contents h2.heading{
	font-size: 32px;
	font-size: 3.2rem;
  margin-bottom: 60px;
}

.contents img{
  width: 100%;
  height: auto;
}

.contents h3{
  margin: 40px auto 0;
  font-size: 28px;
  font-size: 2.8rem;
  padding: 0 0 5px;
  }
.contents .list .logo img{
  height: 60px;
  width: auto;
}
.contents .list dl dt{
	width: 100px;
	margin: 0 20px 0 0;
	letter-spacing: 0.2em;
}

.contents .list dl dd{
	padding: 0 0 0 120px;
	letter-spacing: 0.2em;
}
}


/*=========================================== 
PC向けのレイアウトの指定：960px〜
===========================================*/
@media only screen and (min-width: 961px) {

.contents .list .left-side{
	float: left;
}

.contents .list .right-side{
	float: right;
}
}