@charset "utf-8";

/* 画面サイズが600px以下の場合に適用 */


/*共通
---------------------------------------------------*/
@media only screen and (max-width: 600px) {

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 16px;
	line-height: 1.4em;
}

/*見出し
---------------------------------------------------*/
.smp_midashi{
  width: 100%;
  display: block;
}

.smp_midashi img {
  width: 100%;
  height: auto;
}

/*業務案内
---------------------------------------------------*/
.wrapper_works .midashi {
  display: none;
}

/*施工の流れ
---------------------------------------------------*/
.wrapper_flow .midashi {
  display: none;
}

.wrapper_flow .smp_midashi{
  width: 100%;
}

.wrapper_flow .smp_midashi img {
  width: 100%;
  height: auto;
  display: block;
}

.wrapper_flow .step .text_l p {
  margin-bottom: 15px;
}

.wrapper_flow main .step {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*施工事例
---------------------------------------------------*/
.wrapper_sample .midashi {
  display: none;
}

.wrapper_sample .smp_midashi{
  width: 100%;
}

.wrapper_sample .smp_midashi img {
  width: 100%;
  height: auto;
  display: block;
}

.wrapper_sample .sample_date {
  display: block;
}

.wrapper_sample .sample_date ul {
  width: 100%;
}

/*会社案内
---------------------------------------------------*/
.wrapper_company .midashi {
  display: none;
}

.wrapper_company .smp_midashi{
  width: 100%;
}

.wrapper_company .smp_midashi img {
  width: 100%;
  height: auto;
  display: block;
}

.wrapper_company .company_date .tr {
  width: 100%;
}

.wrapper_company .company_date .tr .th {
  width: 30%;
}

.wrapper_company .company_date .tr .td {
  width: 70%;
  margin-left: 0;
}

/*お問い合わせ
---------------------------------------------------*/
.wrapper_contact .midashi {
  display: none;
}

.wrapper_contact .smp_midashi{
  width: 100%;
  display: block;
}

.wrapper_contact .smp_midashi img {
  width: 100%;
  height: auto;
}

.must {
  float:right;
  width: 37px;
}

.br:before {
  content: "\A" ;
  white-space: pre ;
}

form#mailformpro input,
form#mailformpro textarea {
  width: 100%;
  margin-bottom: 10px;
}

.sp1 {
  display: block;
  margin-top: 10px;
}

form#mailformpro ul {
  padding-top: 10px;
}

form#mailformpro ul li.m_r {
  text-align: left;
  margin-left: 10px;
}

form#mailformpro ul li.m_r a {
  margin-bottom: 10px;
}

div.mfp_buttons {
  margin-top: 20px;
}

div.mfp_buttons button {
  width: 100%;
  padding: 10px;
}

}