@charset "UTF-8";

/*
Theme Name: Nutmeg corporate
Description: Nutmeg corporate
Version: 2024.03
Author: YH
*/

#inner.corporate .visual {
  background-image: url(./images/bg_visual.jpg);
}

#inner.corporate .insec .sec {
  background: #F3FBFF;
  margin-right: 5%;
  margin-top: 80px;
  display: flex;
}

#inner.corporate .insec .sec+.sec {
  margin-top: 50px;
}

#inner.corporate .insec .sec .info {
  width: 55%;
  box-sizing: border-box;
  padding: 50px;
}

#inner.corporate .insec .sec .info h3 {
  font-size: 22px;
  font-weight: bold;
  color: #0669CF;
  letter-spacing: 0.05em;
}

#inner.corporate .insec .sec .info dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  margin-top: 15px;
  line-height: 1.5em;
}

#inner.corporate .insec .sec .info dl dt {
  width: 30%;
  font-weight: bold;
  border-bottom: 1px solid #D1D8DB;
  padding: 16px 0;
}

#inner.corporate .insec .sec .info dl dd {
  width: 70%;
  border-bottom: 1px solid #D1D8DB;
  padding: 16px 0;
}

#inner.corporate .insec .sec .map {
  width: 45%;
}

#inner.corporate .insec .sec .map iframe {
  display: block;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 960px) {
	#inner.corporate .visual {
	  background-image: url(./images/bg_visual_sp.jpg);
	}
	#inner.corporate .insec .sec {
	  background: #F3FBFF;
	  margin-right: 0;
	  margin-top: 60px;
	  display: block;
	}

	#inner.corporate .insec .sec+.sec {
	  margin-top: 60px;
	}

	#inner.corporate .insec .sec .info {
	  width: auto;
	  box-sizing: border-box;
	  padding: 40px 020px;
	}

	#inner.corporate .insec .sec .info h3 {
	  font-size: 20px;
	  font-weight: bold;
	  color: #0669CF;
	  letter-spacing: 0.05em;
	}

	#inner.corporate .insec .sec .info dl {
	  display: block;
	  font-size: 15px;
	  margin-top: 15px;
	  line-height: 1.5em;
	}

	#inner.corporate .insec .sec .info dl dt {
	  width: auto;
	  font-weight: bold;
	  border-bottom: none;
	  padding: 15px 0 0 0;
	}

	#inner.corporate .insec .sec .info dl dd {
	  width: auto;
	  border-bottom: 1px solid #D1D8DB;
	  padding: 3px 0 14px 0;
	}

	#inner.corporate .insec .sec .map {
	  width: 100%;
	}

	#inner.corporate .insec .sec .map iframe {
	  display: block;
	  height: 90vw;
	  width: 100%;
	  max-height: 400px;
	}
}