@charset "UTF-8";

body {
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo, "游ゴシック Medium",YuGothic,YuGothicM,sans-serif;
}

#ms-form {
	width:80%;
	padding: 2em;
	margin-left: auto;
	margin-right: auto;
	background-color: #f6f6f6;
}

#ms-form p {
	margin-bottom: 1.8em;
}

#top {
	height: 720px;
	width: 100%;
	background-image: url("/wp-content/themes/compass_online/seminar01/ms_images/pc_back.jpg");
	background-position: top center;
}
#top img {
	padding-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}
#top p.copy1 {
	margin-top: 2em;
	margin-bottom: 2em;
	color: #ffffff;
	text-align: center;
}
#top p.jukou {
	border: 2px solid #c70070;
	width: 50%;
	padding: 1.0em;
	color: #c70070;
	background-color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.5em;
}
#top p.copy2 {
	width: 50%;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}
#top p.jukou2 {
	width: 30%;
	padding: 0.5em;
	color: #ffffff;
	background-color: #c70070;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-sizing: border-box;
}
#middle {
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #000796;
	width: 50%;
	margin-top: 1em;
}
#middle h3 {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #000796;
	padding: 2px;
}
#middle p {
	padding: 1em 0.5em 0.5em 0.5em;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 800;
}
#middle p.min {
	font-size: 13px;
	font-weight: 300;
}
.flyer {
	display: inline-block;
}

/* セミナー会場 */
#map {
	text-align: center;
	width: 90%;
	line-height: 1.6em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}
#map h3 {
	margin-top: 1.5em;
	width: 100px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 0.4em;
	color: #ffffff;
	background-color: #000796;
}
.com-text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 1.5em;
}

/* Webフォーム整形 */

.wpcf7 p {
	padding: 0.7em 0 0.7em;
}
span.wpcf7-list-item {
	display: block;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
textarea {
	padding:0.5em;
	box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	background:#FCFCFC;
	border:#999 1px solid;
	color:#222;
	font-size:14px;
}
input[type=submit],
input[type=reset],
input[type=button] {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:#bbb 1px solid;
	color:#444;
	font-size:13px;
}
input[type=checkbox] {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	margin-right:0.5em;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}

.wpcf7-not-valid-tip {
	color: #BE0000
}



/**********************************
 　　　　　レスポンシブ対応
**********************************/
@media only screen and (max-width:768px) {

#ms-form p {
	margin-bottom: 1.0em;
}
#top {
	height: auto;
}
#top p.jukou, #top p.copy2 {
	width: calc(100% - 30px);
}
#top p.jukou2 {
	width: calc(100% - 30px);
}
#middle {
	width: calc(100% - 30px);
}
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea {
	max-width: 100%;
}
#ms-form p {
	margin-bottom: 1em;
}

.flyer {
	display: none;
}

} /* レスポンシブ用 */