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

@media screen and (min-width: 961px) {}
@media screen and (max-width: 1024px) {}


#bread {
	padding: 40px 0 0 0;
}

#top_wrap #pases_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

#top_wrap #pases_top h2 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #1a93ac;
}

#top_wrap #pases_top img {
	width: 180px;
	height: auto;
}


/* itemlist */

#pages_itemlist ul {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 60px 0;
}

#pages_itemlist ul li {
	width: auto;
	margin: 5px 10px;
	padding: 10px 15px;
	text-align: center;
	border: 1px solid;
	border-radius: 50px;
	font-size: 18px;
	font-weight: bold;
}

#pages_itemlist ul li:hover {
	border-color:#2cafc3;
	color:#2cafc3;
	background:rgba(44,175,195,0.1);
}

/* pricelist */

#content06_wrap {
	background: none;
}

#content06 article {
	flex-wrap: wrap;
	padding: 0;
}

#content06 article > div {
	width: calc(94%/3);
	margin: 0 1% 2% 1%;
	border: 2px solid #ffffff;
}

#content06 article > div:hover {
	background:rgba(44,175,195,0.1);
	border: 2px solid #2cafc3;
}

#content06 article dl {
	padding: 0 0 20px 0;
}

#content06 article dd span {
	color:#2cafc3;
	font-weight: bold;
}


/* contact */

.contact_name input {
	width: 30%;
	margin: 0 20px 0 5px;
}

.contact_tel input,
.contact_mail input,
.contact_message textarea {
	width: 70% !important;
}

.contact_message textarea {
	height: 200px !important;
}

#mailformpro input {
	padding: 5px 10px;
}

form#mailformpro dl {
	display: flex;
	flex-wrap: wrap;
}
form#mailformpro dl dt,
form#mailformpro dl dd {
	display: flex;
	padding: 2% 0;
	border-bottom: 1px dashed #cccccc;

}
form#mailformpro dl dt {
	width: 20%;
}
form#mailformpro dl dd {
	width: 80%;
}
form#mailformpro dl dd ul,form#mailformpro dl dd ol {
	margin: 0px;
	padding: 0px;
}
form#mailformpro dl dd ul li,form#mailformpro dl dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.must {
	display: block;
	height: 24px;
	margin: 0px 5px;
	padding: 4px 8px;
	background: #2cafc3;
	border-radius: 40px;
	color:#ffffff;
	font-size: 12px;
}



@media screen and (max-width: 599px) {

#bread {
	padding: 40px 0 0 0;
}

#top_wrap #pases_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

#top_wrap #pases_top h2 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #1a93ac;
	font-size: 24px;
}

#top_wrap #pases_top img {
	width: 25%;
	height: auto;
}


/* itemlist */

#pages_itemlist ul {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0;
}

#pages_itemlist ul li {
	width: auto;
	margin: 5px;
	padding: 5px 15px;
	text-align: center;
	border: 1px solid;
	border-radius: 50px;
	font-size: 14px;
}

#pages_itemlist ul li:hover {
	border-color:#2cafc3;
	color:#2cafc3;
	background:rgba(44,175,195,0.1);
}

/* pricelist */

#content06_wrap {
	background: none;
}

#content06 article {
	display: block;
	padding: 0;
}

#content06 article > div {
	width: 100%;
	margin: 0 1% 2% 1%;
	border: 2px solid #ffffff;
}

#content06 article > div:hover {
	background:rgba(44,175,195,0.1);
	border: 2px solid #2cafc3;
}

#content06 article dl {
	padding: 0 0 20px 0;
}

#content06 article dd span {
	color:#2cafc3;
	font-weight: bold;
}


/* contact */

.contact_name input {
	width: 35%;
	margin: 0 10px 0 5px;
}

.contact_tel input,
.contact_mail input,
.contact_message textarea {
	width: 90% !important;
}

.contact_message textarea {
	height: 200px !important;
}

#mailformpro input {
	padding: 5px 10px;
}

form#mailformpro dl {
	display: block;
	flex-wrap: wrap;
}
form#mailformpro dl dt,
form#mailformpro dl dd {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#pages_contact form#mailformpro dl dt {
	width: 100%;
	padding: 20px 0 0 0;
	border-bottom: none;
	font-size: 16px;
}
#pages_contact form#mailformpro dl dd {
	width: 100%;
	padding: 10px 20px;
	border-bottom: 1px dashed #cccccc;
}
form#mailformpro dl dd ul,form#mailformpro dl dd ol {
	margin: 0px;
	padding: 0px;
}
form#mailformpro dl dd ul li,form#mailformpro dl dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.must {
	display: block;
	height: 24px;
	margin: 0px 5px;
	padding: 4px 8px;
	background: #2cafc3;
	border-radius: 40px;
	color:#ffffff;
	font-size: 12px;
}

}