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

/* 要素リセット */

* {
   margin: 0;
   padding: 0;
}

p,address {
   font-size: 100%;
   font-weight: normal;
   font-style: normal;
}

img {
   border: none;
}

/* 全ページ共通 */

body {
   margin: 0px;
   padding: 0px;
   text-align: left;
   font-size: 100%;
   line-height: 1.2em;
   color: #333;
   line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  text-align: justify;
  text-justify: inter-ideograph;
  -webkit-text-size-adjust: 100%;
}

#wrapper {
	width: 100%;
	margin: auto;
}

#header {
	width: 100%;
}

.container {
	width: 100%;
	padding: 70px 0px;
}

.contents {
	width: 100%;
}

.contents1100 {
	width: 1100px;
	margin: auto;
}

/* ヘッダー */

.top_comme {
	text-align: center;
	color: #fff;
	background-color: #076ab6;
	padding: 3px 0px;
	font-weight: bold;
}

#header_logoarea {
	width: 98%;
	margin: auto;
	overflow: hidden;
	padding: 5px 0px 0px 0px;
	background-image: url(../image/mygarden_logo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.header_logo {
	float: left;
}

#header_telarea {
	float: right;
	overflow: hidden;
	width: 210px;
	padding-top: 8px;
	text-align: center;
}

.fb_mark {
	display:inline-block;
	padding-top: 3px;
	margin-right: 10px;
}

.header_tel {
	color: #076ab6;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	display:inline-block;
}

.tel_no {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
}

.header_tel a {
	color: #076ab6;
	text-decoration: none;
}

.header_tel a:hover {
	color: #4596d4;
	text-decoration: none;
}

/* ヘッダーナビゲーション */

#menu_area {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #076ab6;
	padding: 10px 0px;
}

#header_menu {
	text-align: center;
}

#toggle {
	display: none;
}

#top_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 40px;
	border-right: 1px solid #076ab6;
}

.r_line {
	border-right: 1px solid #666;
}

#top_menu li a {
	color: #076ab6;
	text-decoration: none;
}

#top_menu li a:hover {
	color: #62a6da;
	text-decoration: none;
}

/* Navigation on top for smaller screens */

#small-screens-menu {
   background: #ae8249;
   display: none;
   font-size: 12px;
   position: relative;
   z-index: 999;
}

#small-screens-menu nav {
   display: none;
   background: #d19869;
}

#small-screens-menu a {
   text-align: center;
   padding: 12px 0;
   border-bottom: 1px solid #ffffff;
   display: block;
   text-shadow: none;
   color:#eee !important;
   text-decoration: none;
}

#small-screens-menu nav ul {
   padding: 0;
   margin: 0;
}

#small-screens-menu nav ul li {
   clear: both;
   float: none;
   width: 100%;
   padding: 0;
   list-style: none;
}

#small-screens-menu nav li:last-child a{
   border-bottom: none;
}
#small-screens-menu nav ul ul a {
   font-size: 90%;
}
#small-screens-menu a:hover
 {
   text-decoration: none;
   color:#ffffff !important;
   background:#bc996b;
}

/*  ページトップへ */
#pagetop {
	position: fixed;
	bottom: -235px;
	right: 12px;
}

#pagetop:hover {
	opacity: 0.6;
}

#pagetop a {
	display: block;
	width: 51px;
	height: 235px;
	border-radius: 5px 5px 0 0;
	webkit-border-radius: 8px 8px 0 0;
	moz-border-radius: 8px 8px 0 0;
	ms-border-radius: 8px 8px 0 0;
}

/* フッター */

#footer {
	width: 100%;
	border-top: 1px solid #076ab6;
}

#footer_menuarea {
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #076ab6;
}

.footer_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 20px;
}

.footer_menu li a {
	color: #076ab6;
	text-decoration: none;
}

.footer_menu li a:hover {
	color: #62a6da;
	text-decoration: none;
}

#footer_logoarea {
	width: 98%;
	margin: auto;
	overflow: hidden;
	background-image: url(../image/mygarden_logo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px 0px;
}

.footer_logo {
	float: left;
	padding-top: 20px;
}

#footer_address {
	float: right;
	text-align: right;
}

address {
	color: #076ab6;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	padding-bottom: 5px;
	line-height: 1.5em;
}

.footer_tel {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #076ab6;
	font-weight: bold;
	font-size: 20px;
}

.footer_tel a {
	color: #076ab6;
	text-decoration: none;
}

.footer_tel a:hover {
	color: #4596d4;
	text-decoration: none;
}

.copyright {
	text-align: center;
	background-color: #076ab6;
	color: #fff;
	font-size: 12px;
	padding: 5px 0px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
}

/* 装飾関係 */

.m_b10 {
   margin-bottom: 10px;
}

.m_b30 {
   margin-bottom: 30px;
}

.m_b50 {
   margin-bottom: 50px;
}

.m_auto {
   margin-left: auto;
   margin-right: auto;
}

.f_left {
   float: left;
}

.f_right {
   float: right;
}

.t_left, .alignleft {
   text-align: left;
}

.t_center, .aligncenter {
   text-align: center;
}

.t_right, .alignright {
   text-align: right;
}

.red {
   color: red;
}

.bold {
   font-weight: bold;
}

.over_hidden {
   overflow: hidden;
}

.font17px {
   font-size: 17px;
}

.free_img {
	width: 100%;
	height: auto;
}

.white_shadow {
	text-shadow: 3px 3px 3px #fff, -3px 3px 3px #fff, 1px -1px 1px #fff, -3px -3px 3px #fff;
}

.blue {
	background-color: #f2f0f8;
}

.big_jp {
	font-size: 110%;
}

.small_jp {
	font-size: 90%;
}

.lh_low {
	line-height: 1em;
}

/* タグ内１行目のみ字下げ */
.jisage {
   text-indent:1em;
}

/* タグ内１行目以外字下げ */
.jisage2 {
   padding-left: 1em;
   text-indent: -1em;
}

.free_img {
   width:100%;
   height: auto;
}

.nowrap {
   white-space: nowrap;
}

/* INDEXページ */

#index_imgarea {
	background-image: url(../image/index/top_img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 200px 0px;
	text-align: center;
}

#index_h1area {
	background-image: url(../image/index/h1_bgm.png);
	background-position: center center;
	width: 800px;
	margin: auto;
	padding: 50px 0px;
}

.index_h1 {
	color: #fff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding-bottom: 40px;
	text-shadow: 3px 3px 3px #333, -3px 3px 3px #333, 3px -3px 3px #333, -3px -3px 3px #666;
}

.reserv_text {
	color: #fff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #333, -3px 3px 3px #333, 3px -3px 3px #333, -3px -3px 3px #666;
}

/* INDEXページ-バナー */

#index_bannerarea {
	width: 90%;
	margin: auto;
	margin-bottom: 70px;
}

.banner {
	width: 96%;
	height: auto;
	border: 5px solid #076ab6;
}

.banner-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.banner-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 10px 0px 10px;
	width: calc(25% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.banner-contents li:empty {
	border: none;
}

/* INDEXページ-お知らせ */

.index_h2 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #076ab6;
	font-size: 40px;
	padding-bottom: 20px;
}

.h2_jp {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 50px;
}

.wn_comme {
	color: #076ab6;
	font-size: 27px;
	font-weight: bold;
	padding-bottom: 20px;
}

#wn_textarea {
	width: 100%;
	height: 260px;
	overflow: auto;
	text-align: left;
}

.wn_text {
	border-bottom: 1px solid #333;
	padding: 20px 0px;
}

/* INDEXページ-インフォメーション */

#infor_container {
	background-image: url(../image/index/infor_bgm.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 200px;
}

.infor_comme {
	color: #076ab6;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 50px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
}

.infor-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.infor-contents li {
	text-align: left;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 0px 0px;
	width: calc(25% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.infor-contents li:empty {
	border: none;
}

.list_01 {
	background-color: #d3e2f4;
}

.list_02 {
	background-color: #e9edf7;
}

.list_03 {
	background-color: #d3e2f4;
}

.list_04 {
	background-color: #e9edf7;
}

.incon_textarea {
	width: 90%;
	margin: auto;
	padding: 30px 0px 20px 0px;
}

.index_h3 {
	font-size: 17px;
	text-align: center;
	margin: 0px auto 15px auto;
	color: #fff;
	background-color: #1c4d94;
	padding: 3px 0px;
	width: 80%;
}

.incon_text01 {
	color: #1c4d94;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 110%;
}

.incon_text02 {
	padding-bottom: 30px;
}

.big_ma02 {
	font-size: 110%;
}

.incon_text03 {
	padding-bottom: 30px;
	line-height: 2em;
}

.infor_img {
	width: 95%;
	margin: auto;
}

/* INDEXページ-排雪作業の様子 */

.works_movie {
	width: 400px;
	height: 225px;
}

.work_comme {
	color: #076ab6;
	font-size: 27px;
	font-weight: bold;
	padding-bottom: 40px;
}

#index_moviearea {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 50px;
}

.movie_list li {
	display: inline;
	list-style-type: none;
	padding: 0px 20px 40px 20px;
}

.all_btm {
	text-align: center;
}

.all_btmright {
	text-align: right;
}

.all_btmsub {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

.all_btmsub img {
	vertical-align: text-bottom;
}

.all_btm a{
	color: #fff;
	text-decoration: none;
	background-color: #1c4d94;
	padding: 10px 30px;
}

.all_btm a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #5884c3;
	padding: 10px 30px;
}

.all_btmright a{
	color: #fff;
	text-decoration: none;
	background-color: #1c4d94;
	padding: 10px 30px;
}

.all_btmright a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #5884c3;
	padding: 10px 30px;
}

/* INDEXページ-クオカード */

#quo_textarea {
	width: 60%;
	float: left;
	padding-top: 80px;
}

.quo_text {
	color: #076ab6;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 1.8em;
}

.quo_tel {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #076ab6;
	font-size: 30px;
	font-weight: bold;
	display: inline;
	padding: 0px 20px 0px 0px;
}

.quo_card {
	float: right;
	width: 40%;
}

.quo_tel a {
	color: #076ab6;
	text-decoration: none;
}

.quo_tel a:hover {
	color: #4596d4;
	text-decoration: none;
}

/* NEXTページ共通 */

#next_container {
	width: 1100px;
	margin: auto;
	overflow: hidden;
	padding-bottom: 70px;
}

#page_imgarea {
	background-repeat: no-repeat;
	padding: 100px 0px;
	text-align: center;
}

.margin_b30 {
	margin-bottom: 30px;
}

.margin_next {
	margin-bottom: 70px;
}



#page_h1area {
	background-image: url(../image/index/h1_bgm.png);
	background-position: center center;
	width: 500px;
	margin: auto;
	padding: 50px 0px;
}

.page_h1 {
	color: #fff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	padding-bottom: 40px;
	text-shadow: 3px 3px 3px #333, -3px 3px 3px #333, 3px -3px 3px #333, -3px -3px 3px #666;
}

.page_h1eng {
	color: #fff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #333, -3px 3px 3px #333, 3px -3px 3px #333, -3px -3px 3px #666;
}


.page_h2 {
	color: #076ab6;
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 40px;
	padding-top: 10px;
}

.page_h2next {
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
	padding: 5px 0px;
}

.page_h2nextsub {
	background-color: #076ab6;
	padding: 5px 50px;
}

/* レフトエリア */

#left_area {
	width: 73%;
	float: left;
}

/* ライトエリア */

#right_area {
	width: 25%;
	float: right;
}

/* ライトバナーエリア */

.rbanner-contents li {
	list-style: none;
	padding-bottom: 5px;
}

.r_banner {
	width: 96%;
	height: auto;
	border: 5px solid #076ab6;
}

/* 料金体系ページ */

.works_page {
	background-image: url(../image/works/top_img.jpg);
	background-position: center center;
}

.works_table {
   width: 99%;
   margin: 0px 0px 10px 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   margin-bottom: 30px;
}

.works_table th {
   background-color: #d3e2f4;
   color: #076ab6;
   text-align: center;
   border: 1px solid #076ab6;
   padding: 10px 10px;
   width: 80px;
}

.works_table td {
   padding: 10px 10px;
   border: 1px solid #076ab6;
}

.td01 {
	width: 200px;
}

.all_btmright {
	text-align: right;
}


#works_btm {
	margin-bottom: 70px;
}

#reference_area {
	width: 100%;
}

.reference-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.reference-contents li {
	text-align: left;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 0px 5px;
	width: calc(33% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.reference-contents li:empty {
	border: none;
}

.reference {
	color: #076ab6;
	font-weight: bold;
	padding-bottom: 5px;
}

.reference_img img {
	border: 1px solid #076ab6;
}

.bigred {
   font-size: 16px;
   color: #CC0000;
   font-weight: bold;
}

#shuryo {
	font-weight: bold;
	font-size: 25px;
	color: #F30;
	margin-bottom: 50px;
	line-height: 1.5em;
	padding: 0px 10px;
}

.price_kokuchi {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 50px;
	line-height: 1.5em;
	padding: 0px 10px;
}

.big_ma {
	font-size: 107%;
}

/* 注意事項ページ */

.caution_page {
	background-image: url(../image/caution/top_img.jpg);
	background-position: center center;
}

.caution_list {
	padding: 0px 20px 40px 20px;
}

.caution_list02 {
	padding: 0px 20px 5px 40px;
}

.caution_list li {
	padding: 5px;
}

.caution_list02 li {
	padding: 5px;
}

.caution_table {
	width: 90%;
	margin: auto;
}

.caution_table th {
	text-align: center;
	font-size: 15px;
	padding-bottom: 10px;
}

.caution_table img {
	margin: 0px 10px 10px 10px;
}

.caution_btm {
	font-weight: bold;
	padding: 0px 0px 5px 20px;
}

#caution_area {
	margin-bottom: 10px;
}

.caution-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.caution-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 0px 5px;
	width: calc(33% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.caution-contents li:empty {
	border: none;
}

.caution_title {
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}

.li_02 {
	padding-top: 25px;
}

.border_list {
	border: 1px solid #399;
}

.caution_step {
	background-color: #399;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0px;
}

.caution_youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.caution_youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.step_text {
	padding: 10px 10px;
}

.caution-contents02 {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.caution-contents02 li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 0px 5px;
	width: calc(33% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.caution-contents02 li:empty {
	border: none;
}


/* 作業風景ページ */

.record_page {
	background-image: url(../image/record/top_img.jpg);
	background-position: center center;
}

.record-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.record-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 10px 20px 10px;
	width: calc(50% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.record-contents li:empty {
	border: none;
}

.record-contents span {
	font-weight: bold;
}

.page_movie {
	width: 100%;
	height: auto;
}

/* よくある質問ページ */

.question_page {
	background-image: url(../image/question/top_img.jpg);
	background-position: top center;
}

#question_area {
	width: 90%;
	margin: auto;
}

.ques {
   background-color: #399;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   padding: 5px 20px;
   margin-bottom: 10px;
}

.question {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.answ {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #F63;
}


.answ_text {
   margin: 0px 0px 50px 0px;
   text-indent:1em;
}

.answ_text02 {
   margin: 0px 0px 10px 0px;
   text-indent:1em;
}

.r_links {
	text-align: right;
	padding-bottom: 50px;
}

.bigred {
   color: #CC0000;
   font-weight: bold;
}

.answ2 {
   padding: 10px 50px 10px 50px;
}

/* 会社概要ページ */

.infor_page {
	background-image: url(../image/information/top_img.jpg);
	background-position: center center;
}

.infor_table {
	border-spacing: 0px;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 50px;
   border-top: 1px solid #b4b3b3;
}

.infor_table th {
   width: 150px;
   text-align: left;
   border-bottom: 1px solid #b4b3b3;
   padding: 15px 0px 15px 20px;
   background-color: #d9efef;
}

.infor_table td {
   border-bottom: 1px solid #b4b3b3;
   padding: 15px 20px;
}

#map {
	width: 100%;
	height: 350px;
}

/* お問合せページ */

.contact_page {
	background-image: url(../image/contact/top_img.jpg);
	background-position: center center;
}

.contact_h2 {
	color: #076ab6;
	font-size: 25px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 40px;
	padding-top: 10px;
}

.contact_table caption {
	padding-bottom: 10px;
	font-weight: bold;
}

.contact_table {
   width: 99%;
   border-top: 1px solid #b4b3b3;
   border-top-style: dotted;
   margin: 0px 0px 20px 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   margin-bottom: 70px;
}

.contact_table th {
   background-color: #d9efe4;
   width: 150px;
   text-align: left;
   border-bottom: 1px solid #b4b3b3;
   border-bottom-style: dotted;
   padding: 15px 0px 15px 20px;
}

.contact_table td {
   border-bottom: 1px solid #b4b3b3;
   border-bottom-style: dotted;
   padding: 15px 5px 15px 10px;
}

.con_telno {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.contact_form {
	border-spacing: 0px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 99%;
}

.contact_form th {
	padding: 10px 0px 10px 20px;
	border: 1px solid #b4b3b3;
	width: 150px;
	text-align: left;
	background-color: #f8ebdf;
}

.contact_form td {
	border: 1px solid #b4b3b3;
	padding: 10px 10px;
}

.contact_form .input_text, .contact_form textarea {
	width: calc(100% - 20px);
	padding: 8px;
	border-radius: 3px;
}

/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1100px) {

/* 全ページ共通 */

.contents1100 {
	width: 95%;
	margin: auto;
}

/* ヘッダーナビゲーション */

#top_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 30px;
	border-right: 1px solid #076ab6;
}

/* INDEXページ */

/* INDEXページ-バナー */

#index_bannerarea {
	width: 98%;
	margin: auto;
	margin-bottom: 70px;
}

#index_imgarea {
	background-image: url(../image/index/top_img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 150px 0px;
	text-align: center;
}

/* INDEXページ-インフォメーション */

#infor_container {
	background-image: url(../image/index/infor_bgm.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 100px;
}

/* INDEXページ-クオカード */

#quo_textarea {
	width: 60%;
	float: left;
	padding-top: 80px;
}

/* NEXTページ共通 */

#next_container {
	width: 95%;
	margin: auto;
	overflow: hidden;
}


}


/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 970px) {

/* 全ページ共通 */

/* ヘッダーナビゲーション */

#top_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 20px;
	border-right: 1px solid #076ab6;
}

/* INDEXページ */

/* INDEXページ-インフォメーション */

.infor-contents li {
	text-align: left;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 0px 0px;
	width: calc(50% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.list_01 {
	background-color: #d3e2f4;
}

.list_02 {
	background-color: #e9edf7;
}

.list_03 {
	background-color: #e9edf7;
}

.list_04 {
	background-color: #d3e2f4;
}

/* INDEXページ-クオカード */

#quo_textarea {
	width: 60%;
	float: left;
	padding-top: 50px;
}

/* NEXTページ共通 */

}

/* --- iPad Portrait --- */
@media screen and (max-width: 920px) {

/* 全ページ共通 */

/* フッターメニュー */

.footer_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 15px;
}

/* INDEXページ */

#index_imgarea {
	background-image: url(../image/index/top_img920.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 100px 0px;
	text-align: center;
}

#index_h1area {
	width:90%;
	margin: auto;
	padding: 50px 0px;
}

.index_h1 {
	font-size: 25px;
	padding-bottom: 40px;
}

.reserv_text {
	font-size: 40px;
	font-weight: bold;
}

/* INDEXページ-クオカード */

#quo_textarea {
	width: 50%;
	float: left;
	padding-top: 50px;
}

.quo_card {
	float: right;
	width: 50%;
}

.quo_text {
	color: #076ab6;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 1.5em;
}

.quo_tel {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #076ab6;
	font-size: 30px;
	font-weight: bold;
	display: block;
	padding: 0px 0px 20px 0px;
}

/* NEXTページ共通 */

.page_h2 {
	text-align: center;
}

/* レフトエリア */

#left_area {
	width: 100%;
	float: none;
	margin-bottom: 70px;
	border-bottom: 2px solid #076ab6;
	padding-bottom: 70px;
}

.margin_next {
	margin-bottom: 50px;
}

/* ライトエリア */

#right_area {
	width: 100%;
	float: none;
}

/* ライトバナーエリア */

.rbanner-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.rbanner-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 10px 0px 10px;
	width: calc(25% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.rbanner-contents li:empty {
	border: none;
}

/* 作業風景ページ */

#record_area {
	text-align: center;
}

/* お問合せページ */

.contact_h2 {
	font-size: 22px;
	margin-bottom: 40px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	line-height: 1.5em;
}


}


/* --- iPad Portrait --- */
@media screen and (max-width: 768px) {

/* 全ページ共通 */

/* ヘッダーナビゲーションドロップダウン */

#menu_area {
	overflow: hidden;
	width: 100%;
	border-top: none;
	padding: 0px 0px;
}

.r_line {
	border-right: none;
}

#menu_area {
	width: 100%;
	overflow: hidden;
	margin: 0px auto 0px auto;
}

#header_navi {
	width: 100%;
}

#top_menu {
	display: none;
}

#top_menu li {
	width: 100%;
}

#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #55c7db;
	font-weight: bold;
	font-size: 16px;
}

#header_navi ul li {
   display: inherit;
   font-size: 15px;
   font-weight: bold;
   padding: 10px 0px;
}

.navi li {
	display: block;
	text-align: center;
	list-style: square;
	font-weight: bold;
	color: #55c7db;
	background: #fff;
	border-top: 1px solid #55c7db;
}

.border_top {
	border-top: 1px solid #fff;
}

.navi a {
	color: #fff;
	text-decoration: none;
}

#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}


/*  スマホ用メニューの三本の線  */
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #55c7db;
  }
  #toggle a:before{
    margin-top: -5px;
  }
  #toggle a:after{
    margin-top: 3px;
  }
/*  スマホ用メニューの三本の線  */

/*
.navi li {
	display: none
}
*/

#top_menu li a {
	color: #076ab6;
	text-decoration: none;
}

#top_menu li a:hover {
	color: #55c7db;
	text-decoration: none;
}

/* ヘッダーナビゲーションドロップダウンここまで */

/*  ページトップへ */

#pagetop {
	position: fixed;
	bottom: -195px;
	right: 12px;
}

#pagetop a {
	display: block;
	width: 51px;
	height: 195px;
	border-radius: 5px 5px 0 0;
	webkit-border-radius: 8px 8px 0 0;
	moz-border-radius: 8px 8px 0 0;
	ms-border-radius: 8px 8px 0 0;
}

/* フッター */

#footer_area {
	padding: 0px 0px 10px 0px;
}

#footer_menuarea {
	padding: 0px 0px;
	text-align: center;
	border-bottom: none;
}


.footer_menu li {
	display: inherit;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #076ab6;
}

/* INDEXページ共通 */

#index_imgarea {
	background-image: url(../image/index/top_img920.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 0px;
	text-align: center;
}

#index_h1area {
	width:90%;
	margin: auto;
	padding: 20px 0px;
}

.index_h1 {
	font-size: 22px;
	padding-bottom: 20px;
}

.reserv_text {
	font-size: 35px;
	font-weight: bold;
}

/* INDEXページ-バナー */

#index_bannerarea {
	width: 100%;
	margin: auto;
	margin-bottom: 70px;
}

.banner-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 10px 0px 10px;
	width: calc(50% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* INDEXページ-お知らせ */

.index_h2 {
	font-size: 35px;
	padding-bottom: 20px;
}

.h2_jp {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 30px;
}

.wn_comme {
	color: #076ab6;
	font-size: 23px;
	font-weight: bold;
	padding: 0px 20px 20px 20px;
	line-height: 1.5em;
}

/* INDEXページ-作業風景 */

.work_comme {
	color: #076ab6;
	font-size: 23px;
	font-weight: bold;
	padding: 0px 20px 40px 20px;
	line-height: 1.5em;
}

/* INDEXページ-クオカード */

#quo_textarea {
	padding-top: 30px;
}

/* NEXTページ */

.page_h2next {
	color: #fff;
	font-size: 22px;
	padding: 5px 0px;
	text-align: center;
}

/* ライトバナーエリア */

.rbanner-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 10px 0px 10px;
	width: calc(50% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.all_btmright {
	text-align: center;
}

/* 注意事項ページ */

#caution_area {
	width: 70%;
	margin: 0px auto 20px auto;
}

.caution-contents {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.caution-contents li {
	text-align: center;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 0px 0px;
	width: calc(100% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.caution_title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.li_01 {
	padding-bottom: 40px;
}

.li_02 {
	padding: 0px 0px 10px 0px;
}

.title_text {
	text-align: center;
	padding: 0px 10px 10px 10px;
}

.caution-contents02 {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.caution-contents02 li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 20px 5px;
	width: calc(49% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* よくある質問ページ */

#question_area {
	width: 95%;
	margin: auto;
}


}

/* --- NEXUS7 Portrait --- */
@media screen and (max-width: 600px) {

/* 全ページ共通 */

.contents1100 {
	width: 90%;
	margin: auto;
}

/* ヘッダー */

.top_comme {
	font-size: 12px;
}

#header_logoarea {
	width: 95%;
	margin: auto;
	overflow: hidden;
	padding: 5px 0px 0px 0px;
	background-image: url(../image/mygarden_logo.jpg);
	background-position: top 20px right;
	background-repeat: no-repeat;
}

.header_logo {
	float: none;
}

#header_telarea {
	float: none;
	overflow: hidden;
	width:100%;
	padding-top: 8px;
	margin: auto;
	border-top: 2px solid #076ab6;
}

/*  ページトップへ */

#pagetop {
	position: fixed;
	bottom: -91px;
	right: 12px;
}

#pagetop a {
	display: block;
	width: 51px;
	height: 91px;
	border-radius: 5px 5px 0 0;
	webkit-border-radius: 8px 8px 0 0;
	moz-border-radius: 8px 8px 0 0;
	ms-border-radius: 8px 8px 0 0;
}

/* フッター */

#footer_logoarea {
	width: 95%;
	margin: auto;
	overflow: hidden;
	background-image: url(../image/mygarden_logo.jpg);
	background-position: top 20px right;
	background-repeat: no-repeat;
	padding: 10px 0px;
}

.footer_logo {
	float: none;
	padding-top: 0px;
}

#footer_address {
	float: none;
	text-align: center;
	border-top: 2px solid #076ab6;
	padding-top: 10px;
}

.footer_tel {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #076ab6;
	font-weight: bold;
	font-size: 18px;
}

/* INDEXページ共通 */

#index_imgarea {
	background-image: url(../image/index/top_img600.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 0px;
	text-align: center;
}

#index_h1area {
	width:95%;
	margin: auto;
	padding: 10px 0px;
}

.index_h1 {
	font-size: 20px;
	padding: 0px 10px 10px 10px;
	line-height: 1.2em;
}

.reserv_text {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0px 0px;
}

/* INDEXページ-お知らせ */

.index_h2 {
	color: #076ab6;
	font-size: 35px;
	padding-bottom: 10px;
}

.wn_text {
	padding: 10px 0px;
}

/* INDEXページ-インフォメーション */

#infor_container {
	background-image: url(../image/index/infor_bgm600.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 50px;
}

.infor_comme {
	color: #076ab6;
	font-size: 25px;
	font-weight: bold;
	padding: 0px 10px 30px 10px;
	line-height: 1.5em;
}

.infor-contents {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}

.infor-contents li {
	text-align: left;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 0px 0px;
	width: calc(100% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.list_01 {
	background-color: #d3e2f4;
}

.list_02 {
	background-color: #e9edf7;
}

.list_03 {
	background-color: #d3e2f4;
}

.list_04 {
	background-color: #e9edf7;
}

/* INDEXページ-クオカード */

#quo_textarea {
	width: 100%;
	float: none;
	padding-top: 0px;
}

.quo_card {
	float: nonet;
	width: 100%;
}

.quo_text {
	color: #076ab6;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 1.5em;
}

.quo_tel {
	text-align: center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #076ab6;
	font-size: 30px;
	font-weight: bold;
	display: block;
	padding: 0px 0px 15px 0px;
}

/* NEXTページ共通 */

#page_imgarea {
	background-repeat: no-repeat;
	padding: 80px 0px;
	text-align: center;
}

#page_h1area {
	background-image: url(../image/index/h1_bgm.png);
	background-position: center center;
	width: 400px;
	margin: auto;
	padding: 20px 0px;
}

.page_h1 {
	font-size: 35px;
	padding-bottom: 30px;
}

.page_h1eng {
	font-size: 22px;
	font-weight: bold;
}

.page_h2 {
	font-size: 27px;
	padding: 0px 10px;
	margin-bottom: 30px;
}

.page_h2next {
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
	padding: 5px 0px;
	background-color: #076ab6;
}

.page_h2nextsub {
	background-color: inherit;
	padding: 0px 0px;
}

/* 料金体系ページ */

.works_page {
	background-image: url(../image/works/top_img600.jpg);
	background-position: center center;
}

.works_table th {
   padding: 10px 10px;
   width: 50px;
}

.td01 {
	width: inherit;
}

.reference-contents li {
	text-align: left;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 20px 5px;
	width: calc(50% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* 作業風景ページ */

.record_page {
	background-image: url(../image/record/top_img600.jpg);
	background-position: center right;
}

.record-contents {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.record-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 10px 30px 10px;
	width: calc(100% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* よくある質問ページ */

.question_page {
	background-image: url(../image/question/top_img600.jpg);
	background-position: center center;
}

/* 注意事項ページ */

.caution_page {
	background-image: url(../image/caution/top_img600.jpg);
	background-position: center center;
}


#caution_area {
	width: 90%;
	margin: 0px auto 20px auto;
}

/* 会社概要ページ */

.infor_table {
	border-spacing: 0px;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 50px;
   border-top: 1px solid #b4b3b3;
}

.infor_table th {
   width: 100px;
   text-align: left;
   border-bottom: 1px solid #b4b3b3;
   padding: 15px 10px 15px 10px;
   background-color: #d9efef;
}

/* お問合せページ */

.contact_h2 {
	font-size: 18px;
	margin-bottom: 20px;
}

.contact_table th {
   background-color: #d9efe4;
   width: 100px;
   text-align: left;
   border-bottom: 1px solid #b4b3b3;
   border-bottom-style: dotted;
   padding: 15px 0px 15px 10px;
}

.contact_form th {
	padding: 10px 0px 10px 10px;
	border: 1px solid #b4b3b3;
	width: 125px;
	text-align: left;
	background-color: #f8ebdf;
}



}


/* --- ??????? --- */
@media screen and (max-width: 480px) {

/* 全ページ共通 */

.container {
	width: 100%;
	padding: 50px 0px;
}

/* INDEXページ共通 */

.index_h1 {
	font-size: 18px;
	padding: 0px 10px 10px 10px;
	line-height: 1.2em;
}

.reserv_text {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0px 10px;
}

/* INDEXページ-バナー */

#index_bannerarea {
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
}

.banner-contents {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.banner-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 10px 0px;
	width: calc(100% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* INDEXページ-お知らせ */

.index_h2 {
	color: #076ab6;
	font-size: 30px;
	padding-bottom: 5px;
	line-height: 1.2em;
}

.wn_comme {
	color: #076ab6;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 10px 20px 10px;
	line-height: 1.5em;
}

.wn_text {
	padding: 10px 0px;
}

/* INDEXページ-インフォメーション */

.infor_comme {
	color: #076ab6;
	font-size: 22px;
	font-weight: bold;
	padding: 0px 10px 20px 10px;
	line-height: 1.5em;
}

/* INDEXページ-作業風景 */

.work_comme {
	color: #076ab6;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 10px 20px 10px;
	line-height: 1.5em;
}

.works_movie {
	width: 270px;
	height: 203px;
}

.all_btmsub {
	font-size: 14px;
}

.all_btmright a{
   padding: 10px 15px;
}

.all_btmright a:hover {
	padding: 10px 15px;
}

/* INDEXページ-クオカード */

.quo_tel {
	text-align: center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: Arial, Helvetica, sans-serif;
	color: #076ab6;
	font-size: 27px;
	font-weight: bold;
	display: block;
	padding: 0px 0px 15px 0px;
}


/* NEXTページ共通 */

#next_container {
	padding-bottom: 50px;
}

#page_imgarea {
	background-repeat: no-repeat;
	padding: 70px 0px;
	text-align: center;
}

.margin_next {
	margin-bottom: 30px;
}

#page_h1area {
	background-image: url(../image/index/h1_bgm.png);
	background-position: center center;
	width:90%;
	margin: auto;
	padding: 20px 0px;
}

.page_h1 {
	font-size: 30px;
	padding-bottom: 20px;
}

.page_h1eng {
	font-size: 20px;
	font-weight: bold;
}

#left_area {
	padding-bottom: 50px;
}

.page_h2 {
	font-size: 22px;
	padding: 0px 10px;
	margin-bottom: 20px;
}

/* ライトバナーエリア */

.rbanner-contents {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.rbanner-contents li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 10px 0px;
	width: calc(100% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* 料金体系ページ */

.reference-contents {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.reference-contents li {
	text-align: left;
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 30px 0px;
	width: calc(99% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* 注意事項ページ */

.caution_list {
	padding: 0px 10px 40px 20px;
}

.caution_btm {
	text-align: center;
}

#caution_area {
	width: 100%;
	margin: 0px auto 20px auto;
}

.caution-contents02 {
	list-style: none;
	display: block;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
}
.caution-contents02 li {
	/* flex: 1 0 auto;   1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 0px 20px 0px;
	width: calc(99% - 0px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.li_01 {
	padding-bottom: 30px;
}

/* よくある質問ページ */

.answ_text {
   margin: 0px 0px 30px 0px;
   text-indent:1em;
}

.r_links {
	text-align: right;
	padding-bottom: 30px;
}

/* 会社概要ページ */

.infor_table {
	border-spacing: 0px;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 50px;
   border-top: 1px solid #b4b3b3;
}

.infor_table th {
   width: 70px;
   text-align: left;
   border-bottom: 1px solid #b4b3b3;
   padding: 10px 10px 10px 10px;
   background-color: #d9efef;
}

.infor_table td {
   border-bottom: 1px solid #b4b3b3;
   padding: 10px 10px;
}

#map {
	width: 100%;
	height: 250px;
}

/* お問合せページ */

.contact_h2 {
	font-size: 18px;
}

.contact_table th {
   width: 100px;
   padding: 10px 0px 15px 10px;
}

.contact_table td {
   padding: 10px 5px 10px 10px;
}


}