@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/siteinfo_mv.jpg");
	background-size: cover;
}
  a{display: block;}

/*コンテンツ*/
.contents{
	width:90%;
	margin: 60px auto 0;
  text-align: center;
}
.contents h2.heading{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
  color: rgb(26,128,92);
	text-align: center;
	letter-spacing: 0.20em;
  margin-bottom: 40px;
  display: inline-block;
}

/*下線をつける*/
.contents h2.heading::after{
  content: " ";
  display: block;
  border-bottom: 3px solid rgb(228,216,80);
  width: 80%;
  margin: 20px auto 0;
}
.contents .work:nth-of-type(2) h2.heading::after{
  border-bottom: 3px solid rgb(231,118,151);
}

.contents .list{
	width: 100%;
	margin: 0 auto 60px;
}

.contents .list dl{
	margin: 12px auto 0;
	padding: 12px 0 0 0;
	text-align: left;
	font-feature-settings: "palt";
}

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

.contents .list dl dt{
	width: 100%;
	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);
  border-bottom: 1px solid rgb(26,128,92);
}

.contents .list dl dd{
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.contents .left{
text-align: center;
margin: 20px auto;
}
}


/*=========================================== 
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: 36px;
	font-size: 3.6rem;
  margin-bottom: 60px;
}
.contents h3{
  margin: 40px auto 0;
  font-size: 28px;
  font-size: 2.8rem;
  padding: 0 0 5px;
  }
.contents .list dl dt{
	margin: 0 40px 0 0;
	letter-spacing: 0.32em;
	font-size: 16px;
	font-size: 1.6rem;
}

.contents .list dl dd{
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.2em;
}
.contents .left{
  width: 25%;
  float: left;
}
.contents .right{
  width: 75%;
  float: right;
}
}


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

}