@charset "utf-8";
/* CSS Document */



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

color

------------------------------ */
.mainarea > section > h3 {
	background: #fca933;
}
.mainarea > section > h3:before{
	color:#fca933;
}

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

common

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

.newIcon{
  background-color: #e2476f;
  line-height: 110%;
  border-radius: 5px;
  padding: 3px 7px;
  display: inline-block;
  margin-right: 7px;
  font-size: 0.7em;
  font-weight: bold;
  letter-spacing: 1px;
  vertical-align: top;
}

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


------------------------------ */
#contentsIn #pageRight {
	float: none;
	width: 100%;
}
p.pagetit{
	margin: 0 0 20px;
}
p.pagetit img{
	width: 100%!important;
}

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

mainarea

------------------------------ */
.mainarea {
	margin: 10px auto;
	max-width: 960px;
}
.mainarea a{
	color:#00f;
  font-weight: bold;
}
.mainarea a:hover{
  opacity: 0.8;
}
.mainarea > section{
  margin: 0 0 30px;
}
.mainarea > section > h3 {	
	margin-bottom: 10px;
	height: auto;
	padding:10px;	
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;	
	line-height: 130%;
}
.mainarea > section > h3:before{
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	background-color: #fff;
	border-radius: 50%;
	margin-right: 8px;
	font-size: 17px;
	width: 17px;
	height: 17px;
	display: inline-block;
	text-align: center;
}
.mainarea > section > p{
  margin:0 10px 10px;
}
.mainarea > section > section.info{
  border:1px solid #fca933;
  margin: 10px;
  padding: 20px;
  text-align: center;
}
.mainarea > section > section.info h4{
  font-weight: bold;
  font-size: 1.3em;
  padding: 0 0 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #fca933;
  color:#fca933;
}
.mainarea > section > section.info dl{
  margin-top: 10px;
}
.mainarea > section > section.info dl dt{
  font-weight: bold;
  font-size: 1.1em;
  margin: 0 0 5px;
}
.mainarea > section > section.info dl dd{

}
/* Tablet */
@media screen and (max-width:768px) {
.mainarea {
	margin: 10px 25px;
}
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.mainarea {
	margin: 10px 20px;
}
}

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

monodukuri_inquiry

------------------------------ */
#monodukuri_inquiry h3 {
	background-color: #F2F7F8;
	border: 1px solid #93BCD5;
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 1.5em 0 0.8em;
	padding: 3px 10px;
}
/* PC */
@media print, screen and (min-width:769px) {
monodukuri_inquiry {
	margin: 8px auto 0;
	width: 960px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#monodukuri_inquiry {
	margin: 8px auto 0;
	padding: 0;
	width: 100%;
	display: none;
}
}