@charset "UTF-8";
/* css Contact [main] */

@import url("../content.css");
@import url("../layout.css");
@import url("../form.css");

/*---------------------------------------------------- */
/* H2 */
/*---------------------------------------------------- */
#sitewise {
	background: url(../../images/contact/img_bg_main-content-title.png) center top no-repeat;
}



/* PC */
@media print, screen and (min-width: 960px) {
/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
html {
	scroll-padding-top: 30px;
}

/*---------------------------------------------------- */
/* h2 */
/*---------------------------------------------------- */
#sitewise {
	margin-bottom: 35px;
	width: 100%;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
#contact {
	padding: 10px 0 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------- */
/* Message */
/*---------------------------------------------------- */
#message {
	padding: 20px 0 40px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/* h4 */
.message-title {
	padding: 0 0 15px 0;
	margin: 0;
}

.message-title h4 {
	padding: 0;
	margin: 0;
	font-size: 17px;
	color: #3a3b3c;
	font-weight: 700;
	text-align: left;
	line-height: 1.4;
}

/* Waku */
#message .waku_message {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#message .waku_message .messagebox {
	padding: 15px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border: solid 1px #cccccc;
	background-color: #f8f8f8;
	border-radius: 4px
}

/* P */
.moji_message {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
}

.moji_message p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #3a3b3c;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.6;
}

.moji_message p .fa {
	color: #0f79df;
}


}


/* Tablet */
@media screen and (max-width: 959px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
html {
	scroll-padding-top: 70px;
}

/*---------------------------------------------------- */
/* h2 */
/*---------------------------------------------------- */
#sitewise {
	margin-bottom: 30px;
	width: 100%;
	background-size: auto 100%;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
#contact {
	padding: 8px 0 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------- */
/* Message */
/*---------------------------------------------------- */
#message {
	padding: 10px 0 30px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/* h4 */
.message-title {
	padding: 0 0 12px 0;
	margin: 0;
}

.message-title h4 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #3a3b3c;
	font-weight: 700;
	text-align: left;
	line-height: 1.4;
}

/* Waku */
#message .waku_message {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#message .waku_message .messagebox {
	padding: 15px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border: solid 1px #cccccc;
	background-color: #f8f8f8;
	border-radius: 4px
}

/* P */
.moji_message {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
}

.moji_message p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #3a3b3c;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.6;
}

.moji_message p .fa {
	color: #0f79df;
}


}


/* SP */
@media screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Base */
/*---------------------------------------------------- */
html {
	scroll-padding-top: 60px;
}

/*---------------------------------------------------- */
/* h2 */
/*---------------------------------------------------- */
#sitewise {
	margin-bottom: 25px;
	width: 100%;
	background-size: auto 100%;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
#contact {
	padding: 5px 0 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------- */
/* Message */
/*---------------------------------------------------- */
#message {
	padding: 5px 0 20px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/* h4 */
.message-title {
	padding: 0 0 10px 0;
	margin: 0;
}

.message-title h4 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #3a3b3c;
	font-weight: 700;
	text-align: left;
	line-height: 1.4;
}

/* Waku */
#message .waku_message {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#message .waku_message .messagebox {
	padding: 12px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border: solid 1px #cccccc;
	background-color: #f8f8f8;
	border-radius: 4px
}

/* P */
.moji_message {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	height: auto;
}

.moji_message p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #3a3b3c;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.6;
}

.moji_message p .fa {
	color: #0f79df;
}


}