@charset "utf-8";
/* CSS Document */
/*******全てに適用される項目**************************************************/
html {
  font-size: 62.5%;     /* 10px */
  line-height: 1.6rem;  /* 16px */
  height: 100%;
}
body {
	background:#fff;
	width:100%;
	color: #111111;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  /*  フォントのサイズ  */
  font-size: 13px;
  /* カーニングの設定 */
  letter-spacing: 1.5px;
  font-feature-settings: "palt" 1;
  font-kerning: auto;
  /* 行間の設定 */
  line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight: 500;
	font-weight:normal;
}
img{
	max-width: 100%;
	height: auto;
	width:auto;
}
#fade{
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}
.header_next a {
	padding-top: 40px;
	position: absolute;
	bottom: 2px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}
.header_next a span{
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}
/*===ボタン用共通=======================*/
.archive_post .btn {
	float:right;
	text-align:center;
	border: 1px solid #ddd;
}
.archive_post .btn a {
	padding:10px 20px;
	text-align:center;
	width:220px;
}
.top_news_area .btn {
	text-align:center;
	width:280px;
	border: 1px solid #ddd;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	font-size:15px;

}
.top_news_area .btn a {
	padding:15px 20px;
	width:100%;
	text-align:center;
	letter-spacing:0.1em;
	display:block;
}
.top_category_new_box:nth-child(even) .btn {
	padding:20px 0;
	text-align:center;
	letter-spacing:0.1em;
	color:#fff;
	background:#564527;
}
.top_category_new_box .btn {
	padding:20px 0;
	text-align:center;
	letter-spacing:0.1em;
	color:#fff;
	background:#7B673F;
}
.top_category_new_box .btn a {
	color:#fff;
}
.top_category_bt01 {
	text-align:center;
	letter-spacing:0.1em;
	color:#fff;
	background:#7B673F;
}
.top_category_bt02 {
	text-align:center;
	letter-spacing:0.1em;
	color:#fff;
	background:#564527;
}
.top_category_bt01 a,.top_category_bt02 a{
	color:#fff;
	padding:30px 0;
}
@media ( max-width : 768px ) {
	.top_news_area .btn {
		text-align:center;
		width:75%;
		border: 1px solid #ddd;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		font-size:15px;
	}
	.top_news_area .btn a {
		padding:15px 20px;
		width:100%;
		text-align:center;
		letter-spacing:0.1em;
		display:block;
	}
		.top_category_new_box .btn a {
			color:#fff;
			font-size:10px;
		padding:5px 5px;
		text-align:center;
		letter-spacing:0.0em;
		}
}

@media ( max-width : 768px ) {
	.top_works_area p {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
	}
	.top_works_area p a {
		width:80%;
	}
}

.footer_bt_box {
	margin-top:30px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}
.footer_bt_box a {
	width:40%;
	color:#fff;
	font-size:18px;
	letter-spacing:0.2em;
}
.top_news_bt {
	margin-left:-2%;
}
.top_news_bt a,.top_works_bt a {
	width:220px;
	border:solid 1px #ccc;

}
@media ( max-width : 768px ) {
	.archive_post .btn {
		margin-left:auto;
		margin-right:auto;
		width:75%;
		text-align:center;
		border: 1px solid #ddd;
		float: none;
	}
	.archive_post .btn a {
		padding:10px 15px;
		text-align:center;
		width:100%;
	}
		.top_news_bt,.top_works_bt {
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:20px;
		}
		.footer_bt_box {
			margin-top:30px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;

		}
		.footer_bt_box a {
			width:68%;
			color:#fff;
			font-size:15px;
			letter-spacing:0.2em;
		}
		.footer_contact_tel a {
		color:#fff;
		}
}

.button01 {
	position: relative;
	display: inline-block;
	padding: 12px 20px;
	border: 1px solid #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
	box-shadow:2px 2px #555;
	font-size:15px;
	background:#fff;

}
.button02 {
	position: relative;
	display: inline-block;
	padding: 20px 20px;
	border: 1px solid #222;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
	box-shadow:2px 2px #555;
	font-size:15px;
	background:#7B673F;

}
@media ( min-width : 769px ) {
.button02::before,
.button02::after,
.button02::before,
.button02::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 2px solid transparent;
}
.button01::before,.button02::before {
	top: -2px;
	left: -2px;
}
.button01::after,.button02::after {
	bottom: -2px;
	right: -2px;
}
.button01:hover::before,
.button01:hover::after,
.button02:hover::before,
.button02:hover::after {
	width: 100%;
	height: 100%;
}
.button01:hover {
	color: #fff;
    opacity: 1;
    transition: opacity .2s ease;
	background:#564527;
}
.button02:hover {
	color: #fff;
    opacity: 1;
    transition: opacity .2s ease;
	background:#564527;
}

.button02:hover::before {
	border-bottom-color: #555;
	border-left-color: #555;
	transition: height .1s, width .1s .1s;
}
.button02:hover::after {
	border-top-color: #555;
	border-right-color: #555;
	transition: height .1s .2s, width .1s .4s;
}
}


.archive_post .btn i {
	width: 24px;
	height: 24px;
	margin: 0;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	font-weight:normal;
	color:#202747;
}

.top_post_wrapper i {
	width: 24px;
	height: 24px;
	margin: 0;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	font-weight:normal;
}
a.ghost {
	display:inline-block;
	transition: 0.5s;
}
a.ghost.btup:hover {
	color:#fff !important;
	opacity:1;
   background-color: #ddd;

	transition: opacity .2s ease;
}
/* スマホ、PC共通のローディング画像 */

/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}

/* ローディングの背景部分のCSS */
.loader {
  background:#f2f2f2;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
}

/* ローディングのアニメーション部分のCSS */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background:#333;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:4em;
}
.loader-animation {
  height:10px;
  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
  width:10px;
  color:#333;
  text-indent:-9999em;
  font-size:10px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
  position:absolute;
  top:0;
  content:'';
}
.loader-animation:before {
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
.loader-animation:after {
  left:1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}



@media ( min-width : 1550px ) {
/*=====PC用HEADER================================*/
header {
	width: 100%;
	position:relative;
}
.header_box {
	padding-left:3%;
	padding-right:3%;
	background-color: rgba( 255, 255, 255, 0.9);
	position: fixed;
	top: -85px;
	left: 0;
	z-index:12000;
	padding-bottom: 5px;
}
.header_box_under {
	padding-left:3%;
	padding-right:3%;
	background-color: rgba( 255, 255, 255, 0.9);
}
.header_logo {
	  margin: auto;
	  width: 261px;
	  text-align:center;
	  padding-top: 32px;
	  padding-bottom: 15px;
}
 /*-------- PC用nav--------------------------------*/
.header_right {
		position:absolute;
		right:0;
		top:20px;
		width:32%;
}
.dropmenu{
  *zoom: 1;
	list-style-type: none;
	margin: 0px auto;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
	width: 24.5%;
	float: left;
	padding-left:0.5%;
	padding-right:0.5%;
	text-align:center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 0;
}
.dropmenu li a{
  display: block;
  margin: 0;
  text-decoration: none;
    text-align: center;
	padding-top:13px;
	font-size: 11px;
}
.dropmenu li a:hover{
  color: #444;
}
.head-nav {
	width:79%;
	float: left;
}
.sns_menu {
	width: 21%;
	float: right;
}
.sns_menu li{
	width: 31.5%;
	float: left;
	padding-left:0.5%;
	padding-right:0.5%;
	text-align:center;

}
.sns_icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #111;
}
.sns_icon i {
  width: 32px;
  height: 32px;
  margin: 0;
  border: 1px solid #111;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
}
.sns_icon i:before { padding: 0; line-height: 32px; }
.sns_icon a:hover i { background: #bbb; }
/* ========	グローバルナビのホバー========== */
.head-nav a,a:visited,.head-nav a:hover,a:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
    position:relative;
  transition:0.5s color ease;
    text-decoration:none;
}
.head-nav a.before:before,.head-nav a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
.head-nav a.before:before{
  top:-0.25em;
}
.head-nav a.after:after{
  bottom:-0.25em;
}
.head-nav a.before:before,.head-nav a.after:after{
  height:5px;
  height:0.25rem;
  width:0;
  background:#111;
}
.head-nav a.first:after{
  left:0;
}
.head-nav a.second:after{
  right:0;
}

.head-nav a.before:hover:before,.head-nav a.after:hover:after{
  width:100%;
}
}

@media screen and (min-width: 769px) and (max-width: 1549px) {
    /*=====PC用HEADER================================*/
    header {
        width: 100%;
        position:relative;
    }
    .header_box {
        padding-left:2%;
        padding-right:2%;
        background-color: rgba( 255, 255, 255, 0.9);
        position: fixed;
        top: -85px;
        left: 0;
        z-index:12000;
		padding-bottom: 5px;
    }
    .header_box_under {
        padding-left:2%;
        padding-right:2%;
        background-color: rgba( 255, 255, 255, 0.9);
    }
    .header_logo {
        margin: auto;
        width: 220px;
        text-align:center;
        padding-top: 26px;
        padding-bottom: 15px;
    }
    /*-------- PC用nav--------------------------------*/
    .header_right {
        position:absolute;
        right:0;
        top:16px;
        width:38%;
    }
    .dropmenu{
        *zoom: 1;
        list-style-type: none;
        margin: 0px auto;
    }
    .dropmenu:before, .dropmenu:after{
        content: "";
        display: table;
    }
    .dropmenu:after{
        clear: both;
    }
    .dropmenu li{
        width: 24.5%;
        float: left;
        padding-left:0;
        padding-right:0;
        text-align:center;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        margin: 0;
    }
    .dropmenu li a{
        display: block;
        margin: 0;
        text-decoration: none;
        text-align: center;
        padding-top:13px;
        font-size: 8px;
    }
    .dropmenu li a:hover{
        color: #444;
    }
    .head-nav {
        width:74%;
        float: left;
    }
    .sns_menu {
        width: 26%;
        float: right;
    }
    .sns_menu li{
        width: 31.5%;
        float: left;
        padding-left:0.5%;
        padding-right:0.5%;
        text-align:center;

    }
    .sns_icon a {
        display: block;
        float: left;
        margin: 0 5px 5px 0;
        padding: 0;
        color: #111;
    }
    .sns_icon i {
        width: 28px;
        height: 28px;
        margin: 0;
        border: 1px solid #111;
        border-radius: 50%;
        line-height: 28px;
        text-align: center;
    }
    .sns_icon i:before { padding: 0; line-height: 28px; }
    .sns_icon a:hover i { background: #bbb; }
    /* ========	グローバルナビのホバー========== */
    .head-nav a,a:visited,.head-nav a:hover,a:active{
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        position:relative;
        transition:0.5s color ease;
        text-decoration:none;
    }
    .head-nav a.before:before,.head-nav a.after:after{
        content: "";
        transition:0.5s all ease;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        position:absolute;
    }
    .head-nav a.before:before{
        top:-0.25em;
    }
    .head-nav a.after:after{
        bottom:-0.25em;
    }
    .head-nav a.before:before,.head-nav a.after:after{
        height:5px;
        height:0.25rem;
        width:0;
        background:#111;
    }
    .head-nav a.first:after{
        left:0;
    }
    .head-nav a.second:after{
        right:0;
    }

    .head-nav a.before:hover:before,.head-nav a.after:hover:after{
        width:100%;
    }
}



@media ( max-width : 769px ) {
		.pc_only {
			display:none;
		}
		header {
			position:relative;
			min-height:80px;
			width:100%;
		}
		.header_box {
			padding-left:4%;
			padding-right:4%;
			background-color: rgba( 255, 255, 255, 0.9);
			position: fixed;
			top: 0;
			left: 0;
			z-index:12000;
		}
		.header_logo {
			position:absolute;
			left:10px;
			top:28px;
		}
		.header_logo img {
			width:74%;
		}
		.top_main_title {
			width: 65%;
			position: absolute;
			bottom: 35%;
			left: 0;
			right: 0;
			margin: auto;
			z-index: 9990;
			text-align:center;
		}
/* ****スマホ用メニュー************************************************ */
			#open_menu{
			position:absolute;
			top: 22px;
			right: 10px;
			z-index:9999;
			width: 50px;
			}
			#open_menu img {
				max-width:100%;
			}
			#layer_menu{
			display: none;
			position:absolute;
			top:60px;
			left:0;
			width:100%;
			height:100%;
			z-index:9999;
			}
			#layer_menu ul{
				margin-top: 15px;
			}
			#layer_menu ul li{
			background:#403A39;
			list-style: none;
			border-bottom: solid 1px #666;
			text-align:center;
			}
			#layer_menu ul li a{
			position: relative;
			padding: 12px;
			text-decoration: none;
			color: #FFF;
			display: block;
			}
			#layer_menu li ul li{
				padding-left: 25px;
			border-bottom: none;
			}
			#layer_menu ul li a:hover{
			color: #FFF;
			}
			#close_menu {
			position: absolute;
			top: -38px;
			right: 10px;
					width: 50px;
			}
}


@media ( min-width : 768px ) {
/*===PCのフッター==========================*/
.footer_guide_wrapper {
	padding-top:80px;
	padding-bottom:20px;
}
.footer_guide_wrapper ul {
	text-align:center;
	width: 85%;
	margin-left:auto;
	margin-right:auto;
}
.footer_guide_wrapper ul li {
	display:inline;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom:10px;
}
.footer_bottom_wrapper {
	border-top:solid 1px #eee;
	padding-top:40px;
	padding-bottom:20px;
}
.footer_logo {
	text-align: center;
	padding-bottom: 30px;
}
.footer_logo img{
	width:261px;
}
small {
	text-align: center;
	font-size:11px;
	display:block;
}
/*===PCのトップへ戻る=======================*/
	#page-top {
		position: fixed;
		bottom: 10px;
		right: 0px;
		z-index:1000;
	}
	#page-top a {
		text-decoration: none;
		width: 100px;
		padding: 25px 0;
		text-align: center;
		display: block;
	}
	#page-top a:hover {
		text-decoration: none;
	}
}

@media ( max-width : 768px ) {
/* ****スマホ用フッター************************************************ */
		#footer_wrapper {
			margin-top:20px;
		}
		.footer_guide_wrapper {
			padding-top:30px;
			padding-bottom:30px;
		}
		.footer_guide_area {
				border-top:solid 1px #eee;
		}
		.footer_guide_area ul li {
			border-bottom:solid 1px #eee;
		}
		.footer_guide_area ul li a {
		  font-size:13px;
		  display:block;
			padding: 2.5% 20px;
			text-align: center;
		}
		.footer_bottom_wrapper {
			padding-top:5px;
			padding-bottom:10px;
		}
		.footer_bottom_wrapper a {
		}
		.footer_logo {
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:10px;
		}
		.footer_logo img{
			max-width:80%;
		}
			.footer_address p {
				padding-bottom:12px;
		}
				small {
					display:block;
					padding-right: 15px;
					padding-left: 15px;
					padding-top:30px;
					padding-bottom:10px;
					text-align:center;
					font-size:9px;
					line-height:1.4em;
				}
		/*===トップへ戻る=======================*/
								#page-top {
								border-top:solid 1px #666;
								text-align:center;
								padding:12px 10px;
								background:#222222;
								}
								#page-top a {
								color:#fff;
								}
}

/* =====共通タイトル=================== */
.title_top {
	text-align:center;
	margin-bottom:60px;
	letter-spacing:0.2em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:30px;
}


@media ( max-width : 768px ) {
		/* ==========共通タイトル================= */
		.title_top {
			text-align:center;
			line-height: 1.5;
			margin-bottom:7%;
			font-size:18px;
		}
}
/* =======================================
		共通タイトル
	======================================= */
.under_title {
	text-align:center;
	line-height: 1.5;
	margin-bottom:5px;
	font-size:26px;
}

.under_title_e {
	text-align:center;
	font-size:1.5rem;
	color:#826843;
	margin-bottom:40px;
}

@media ( max-width : 768px ) {
		/* =======================================
				共通タイトル
			======================================= */
		.under_title {
			text-align:center;
			line-height: 1.5;
			margin-bottom:5px;
			font-size:18px;
		}
		.under_title_e {
			text-align:center;
			font-size:1.5rem;
			color:#826843;
			margin-bottom:25px;
		}
}


/*===PC用トップ施工事例エリア======================*/
.top_works_wrapper {
	padding: 80px 3%;
}
.snip1212  {
  float: left;
  width: 12.7%;
  margin-left: 1.5%;
  margin-bottom: 1.5%;
}
.snip1212 :first-child {
  margin-left: 0;
}
.snip1212  img {
  vertical-align: bottom;
    width: 100%;
}

.transform01 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
figure:hover .transform01 {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.snip1212  h3 {
  padding: 20px 0 5px;
  color: #fff;
  text-align: center;
}

.snip1212 {
  position: relative;
  overflow: hidden;
}
.snip1212 figcaption {
  position: absolute;
  bottom: -60px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 60px;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
}
.snip1212 figcaption h3 {
  padding: 5px 5px;
  font-size: 12px;
    line-height: 1.5;
}
.snip1212:hover figcaption {
  bottom: 0;
}
figure.snip1212 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

@media screen and (max-width: 768px)  {
/*===SPトップの施工事例=======================*/
	.top_works_wrapper {
		padding: 10% 3%;
	}

	.snip1212  {
	  float: left;
	  width: 30%;
	  margin-right: 2%;
	  margin-bottom:2%;
	}

	.snip1212:nth-of-type(3n){
		margin-right: 0;
	}
}
@media screen and (max-width: 414px)  {
    /*iphone 7plus以下*/
    .snip1212  {
        float: left;
        width: 46% !important;
        margin-right: 2%;
        margin-bottom:2%;
    }

    .snip1212:nth-of-type(2n){
        margin-right: 0;
    }

    .snip1212:nth-of-type(3),
    .snip1212:nth-of-type(9){
        margin-right: 2% !important;
    }
}

/*===トップのニュース=======================*/
.top_post_wrapper {
		padding-top:80px;
		padding-bottom:90px;
}
.top_post_wrapper a {
  text-decoration: none;
  opacity: 1;
  transition: opacity .2s ease;
  border: none;
  margin:0px;
  padding:0px;
  display: inline;
}
.top_news_area dl{
			margin-bottom: 13px;
			padding-bottom: 8px;
			border-bottom: 1px solid #eee;
			padding-left:30px;
			padding-right:30px;
}
.top_news_area dl dt{
			float:left;
			width:180px;
}
.top_news_area dd {
			margin-left:230px;
}
	@media screen and (max-width: 768px)  {
			/*===トップのニュース=======================*/

			.top_post_wrapper {
						padding-top:30px;
						padding-bottom:30px;
						border-bottom:solid 1px #eee;
					}
			.top_post_wrapper a {
			  text-decoration: none;
			  opacity: 1;
			  transition: opacity .2s ease;
			  border: none;
			  margin:0px;
			  padding:0px;
			  display: inline;
			}

			.top_news_area dl{
						margin-bottom: 13px;
						padding-bottom: 8px;
						border-bottom: 1px solid #eee;
						margin-left:15px;
						margin-right:15px;
						padding-left:10px;
						padding-right:10px;
			}
			.top_news_area dl dt{
						float:none;
						width:100%;
			}
			.top_news_area dd {
						margin-left:5px;
			}
}

/*===PCの下層ページのwrapper=======================*/

.under_wrapper {
	max-width: 1050px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	padding-top: 30px;
	margin-bottom: 70px;
	/*
	background:#fff;

	padding-bottom: 80px;
	box-shadow:rgba(113, 135, 164, 0.0980392) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.0980392) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.0980392) 0px 0px 3px 3px;
	*/
}

@media ( max-width : 768px ) {
		.under_wrapper {
			padding-top:10px;
			padding-bottom:15px;
			margin-bottom:20px;
	}

}
.single_post_wrapper {
	padding-bottom: 80px;
}

.single_post_area {
	text-align:left;
	/*
			background-color: rgba(255,255,255,0.9);
			padding:25px 25px;
			box-shadow:rgba(113, 135, 164, 0.0980392) 0px 0px 3px 3px;
			-webkit-box-shadow:rgba(113, 135, 164, 0.0980392) 0px 0px 3px 3px;
			-moz-box-shadow:rgba(113, 135, 164, 0.0980392) 0px 0px 3px 3px;
			*/
				margin: 0 0 65px;
}
@media ( max-width : 768px ) {
		.single_post_wrapper {
				padding-bottom: 40px;
				padding-right: 15px;
				padding-left: 15px;
		}

		.single_post_area {
			text-align:left;
			/*
			background-color: rgba(255,255,255,0.9);
			padding:10px;
			*/
			margin: 0 0 30px;
			width:70%;
		}
}

/* 下層ページ　メインタイトル--------------------------------------------------*/

@media screen and (min-width: 0px) and (max-device-width: 320px) {
.title {
	font-size:17px;
			text-align:center;
			line-height: 1.2;
			letter-spacing:0.3em;
			margin-right: auto;
			margin-left: auto;
}

.title_wrapper {
	border-bottom:1px solid #ddd;
			padding-top:20px;
			padding-bottom:20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
}
@media screen and (min-width: 321px) and (max-device-width: 768px) {
.title {
	font-size:20px;
			text-align:center;
			line-height: 1.2;
			letter-spacing:0.3em;
			margin-right: auto;
			margin-left: auto;
}

.title_wrapper {
	border-bottom:1px solid #ddd;
			padding-top:50px;
			padding-bottom:50px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
}
@media screen and (min-width: 769px)  {
.title {
	font-size:24px;
			text-align:center;
			line-height: 1.2;
			letter-spacing:0.2em;
			margin-right: auto;
			margin-left: auto;
			font-weight:bold;
}

.title_wrapper {
	border-bottom:1px solid #ddd;
			padding-top:160px;
			padding-bottom:70px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

}

@media ( min-width : 768px ) {
/* ************************************************  *
 *	PC投稿用基本CSS *
 * ************************************************ */
span.post_days{
				font-size:12px !important;
			}
			.alignleft,
			img.alignleft {
				display: inline;
				float: left;
				margin-right: 20px;
				margin-top: 4px;
			}
			.alignright,
			img.alignright {
				display: inline;
				float: right;
				margin-left: 20px;
				margin-top: 4px;
			}
			.aligncenter,
			img.aligncenter {
				clear: both;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			img.alignleft,
			img.alignright,
			img.aligncenter {
				margin-bottom: 12px;
			}
			.alignnone{
				float:none;
			}
			.size-full {
			 max-width:730px;
			}
			.post p	{
				line-height: 2;
				padding-bottom: 15px;
				text-align:left;
			}
			.post p.postmeta	{margin-bottom: 10px;}

			.wp-caption-text	{margin: 5px 0 0;}

			.wp-caption	{border: solid 1px #cccccc;
				background-color: #f1f1f1;
				text-align: center;
				padding: 5px 0;
				margin-bottom: 25px;}

/* ********	PC用アーカイブ用********************** */
				.archive_post	{
					border-bottom: 1px solid #eee;
					padding: 30px 30px;
					margin: 0 0 65px;
				}
				.post_title {
					font-weight: bold;
					margin-bottom: 20px;
					margin-bottom: 20px;
					padding-left:15px;
					border-bottom: 1px solid #ddd;
					padding-bottom: 12px;
					letter-spacing:0.2em;
					font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
					font-size:22px;
				}

							.archive_post h2 a {
								text-decoration:none;
							}
							.archive_post p.thumb	{
								float: left;
								margin: 15px 25px 0 0;
								padding-left: 10px;
								padding-bottom: 20px;
							}
							.archive_txt p {
								padding-left: 20px;
								padding-top: 15px;
								margin-bottom: 30px;
								text-align: left;
								line-height: 2;
								letter-spacing: 0.1em;
							}

							/*===シングル用ページャー=====*/
							.navigation {
							  text-align: center;
							  padding: 1em 0;
							  width: 96%;
							  margin-left:2%;
							  margin-right:2%;
							}
							.navitop {
							  float:left;
							  width:12%;
							  text-align:center;
							}
							.navileft {
							  float:left;
							  width:44%;
							  text-align:left;
							  word-break:break-all;
							  line-height:1.5em;
							  font-size:12px;
							}
							.naviright {
							  float:right;
							  width:44%;
							  text-align:right;
							  word-break:break-all;
							  line-height:1.5em;
							   font-size:12px;
							}
			/*===シングル用ページャー=====*/
			.navigation {
			  text-align: center;
			  padding: 1em 0;
			  width: 96%;
			  margin-left:2%;
			  margin-right:2%;
			}
			.navitop {
			  float:left;
			  width:12%;
			  text-align:center;
			}
			.navileft {
			  float:left;
			  width:44%;
			  text-align:left;
			  word-break:break-all;
			  line-height:1.5em;
			  font-size:12px;
			}
			.naviright {
			  float:right;
			  width:44%;
			  text-align:right;
			  word-break:break-all;
			  line-height:1.5em;
			   font-size:12px;
			}
			/* PC用シングルページ
			--------------------------------------------------*/
			#under_twocolumn_area {
				margin-bottom:50px;
			}

			.eyecatch {
				text-align:center;
				width:740px;
				margin-left:auto;
				margin-right:auto;
				margin-bottom:20px;
			}
			.single_kiji p {
				padding-right: 10px;
				padding-left: 10px;
			}
			.post p.postdate	{
				text-align: left;
				font-size:12px;
				margin: 0;
				padding-left: 15px;
			}
}

@media screen and (max-width: 768px) {
			/* ************************************************  *
			 *	スマホ投稿用基本CSS *
			 * ************************************************ */
			span.post_days{
				font-size:12px !important;
			}
			.alignleft,
			img.alignleft {
				display: inline;
				float: left;
				margin-right: 20px;
				margin-top: 4px;
			}
			.alignright,
			img.alignright {
				display: inline;
				float: right;
				margin-left: 20px;
				margin-top: 4px;
			}
			.aligncenter,
			img.aligncenter {
				clear: both;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			img.alignleft,
			img.alignright,
			img.aligncenter {
				margin-bottom: 12px;
			}
			.alignnone{
				float:none;
			}
			.size-full {
			 	width:96% !important;
	height:auto;
			}
			.post p	{
				line-height: 2;
				padding-bottom: 15px;
				text-align:left;
			}
			.post p.postmeta	{margin-bottom: 10px;}

			.wp-caption-text	{margin: 5px 0 0;}

			.wp-caption	{border: solid 1px #cccccc;
				background-color: #f1f1f1;
				text-align: center;
				padding: 5px 0;
				margin-bottom: 25px;}

			/* ********	 *	タグ基本CSS*********************** */

			#content sup{
				font-size:10px;
			}
			p{
				display:block;
			}
			#content table th span.require{
				color:red;
				font-size:10px;
				font-weight:normal;
			}
			div#contents_block{
				margin:0px 10px 20px 10px;
			}
			div#contents_block p{
			}
			input[type="email"],
			input[type="text"],
			textarea{
				padding:5px 8px;
				margin:0px auto;
				border:1px solid #aaa;
			}
			input[type="submit"]{
				padding:8px 30px;
				margin:0px auto;
			}
			.contents_block{
				margin:0px 10px 40px 10px;
			}
			.contents_block p{
				margin:0px 0px 10px 0px;
			}

			/* ***** *	ブログ用基本CSS************************ */

			.alignleft,
			img.alignleft {
				display: inline;
				float: left;
				margin-right: 20px;
				margin-top: 4px;
			}
			.alignright,
			img.alignright {
				display: inline;
				float: right;
				margin-left: 20px;
				margin-top: 4px;
			}
			.aligncenter,
			img.aligncenter {
				clear: both;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			img.alignleft,
			img.alignright,
			img.aligncenter {
				margin-bottom: 12px;
			}
			.alignnone{
				float:none;
			}
			#page_navigation{
				margin:0px 30px;
				height:30px;
				position: relative;
			}
			.nav_previous,
			.nav_next{
				width:150px;
				height:30px;
			}
			.nav_previous a,
			.nav_next a{
				width:150px;
				height:30px;
				display:block;
				text-indent:-9999px;
				white-space:nowrap;
				overflow:hidden;
			}
			.nav_previous{
				position:absolute;
				top:0px;
				left:0px;
			}
			.nav_next{
				position:absolute;
				top:0px;
				right:0px;
			}
			.nav_previous a{background: url(images/nav_previous.png);}
			.nav_next a{background: url(images/nav_next.png);}


			/* 前後のページへのリンク */
			#pagenation	{font-size: 12px;
				overflow:hidden;}

			#pagenation a:hover	{color: #ff8800;}

			.oldpage	{margin: 0;
				float: left;}

			.newpage	{
				margin: 0;
				float: right;
				}

			/* **********	スマホアーカイブ用 **************** */
			.archive_post	{
	border-bottom: 1px solid #eee;
	padding: 15px;
	margin: 15px 15px 20px;
			}

			.archive_post h2 a {
				text-decoration:none;
			}
			.archive_post .thumb {
				text-align:center;
				margin-bottom:10px;
			}
			.archive_post .thumb img {
				width:85%;
				height:auto;
			}
			.archive_txt p {
				padding-left: 10px;
					padding-right: 10px;
				padding-top: 10px;
				margin-bottom: 20px;
				text-align: left;
			}
			.post_title {
				font-weight: normal;
				margin-bottom: 20px;
				padding-left:15px;
				border-bottom: 1px solid #111;
				letter-spacing:0.2em;
				font-size:20px;
				padding-bottom: 12px;
			}
			.post_title {
				font-weight: normal;
				margin-bottom: 20px;
				padding-left:15px;
				border-bottom: 1px solid #202747;
				letter-spacing:0.2em;
				font-size:20px;
				padding-bottom: 12px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
			}
			/* シングルページ
			--------------------------------------------------*/
			#under_twocolumn_area {
				padding: 20px 0;
				margin: 0 0 10px;
			}
			.eyecatch {
				text-align:center;
				width:92%;
				margin-left:auto;
				margin-right:auto;
				margin-bottom:20px;
			}
			.single_kiji p {
				padding-right: 15px;
				padding-left: 15px;
			}
			.post p.postdate	{
				text-align: left;
				font-size:12px;
				margin: 0;
				padding-left: 10px;
			}
			/*===アーカイブページボタン装飾=====*/
			.archive_txt {
				padding-bottom:20px;
			}


			/*===シングル用ページャー=====*/
			.navigation {
			  text-align: center;
			  padding: 1em 0;
			  width: 96%;
			  margin-left:2%;
			  margin-right:2%;
			}
			.navitop {
			  float:left;
			  width:12%;
			  text-align:center;
			}
			.navileft {
			  float:left;
			  width:44%;
			  text-align:left;
			  word-break:break-all;
			  line-height:1.5em;
			  padding-left:1%;
			  font-size:12px;
			}
			.naviright {
			  float:right;
			  width:44%;
			  text-align:right;
			  word-break:break-all;
			  line-height:1.5em;
			  padding-right:1%;
			  font-size:12px;
			}
			/* ****PC用前後のページへのリンク******************************* */
			#pagenation	{
				font-size: 13px;
				background: #f5f5f5;
				text-align:center;
				margin-top: 25px;
				padding: 15px 10px;
			}
			.wp-pagenavi {
				margin-top:40px;
				margin-bottom:55px;
					text-align:center;
			}
}
/*breadcrumbs*/

.breadcrumbs {
	margin-top: 2%;
	margin-bottom: 3%;
}
.breadcrumbs span a {
	font-size: 10px;
}
@media ( max-width : 768px ) {
	.breadcrumbs {
		margin: 2% 2% 3% 2%;
	}
}
@media ( min-width : 768px ) {
/*-----	PC用サイド部分----------------------------------------------------*/
#sidebar {
	float: right;
	background:#fff;
	border:solid 1px #f2f2f2;
	padding: 30px 20px;
	margin-bottom:20px;
		}
		.side_menu{
			margin-bottom:20px;
		}

		.side_post_title {
			font-weight: normal;
			margin-bottom: 1.5rem;
			padding: 0.8rem 0;
			position: relative;
			padding-left:5px;
			border-bottom: 1px solid #ccc;
			letter-spacing:0.1em;
			font-size:16px;
		}
		.side_menu li,.side_menu .dots_menu li {
			padding:8px;
			border-bottom:1px solid #ddd;
			display:block;
		}
		.side_menu li a,.side_menu .dots_menu li a {
			text-decoration: none;
					display:block;
					font-size:15px;
		}
		.side_menu .dots_menu li a:visited {color: #202747;}
		.side_menu .dots_menu li a:active  {color:#202747; text-decoration: underline;}
		.side_menu .dots_menu li a:hover   {color:#202747; text-decoration: underline; }
		.side_menu ul li:last-child{
		}
}

@media ( max-width : 768px ) {
/*-----	スマホ用サイド部分----------------------------------------------------*/
		#sidebar {
	border: 1px solid #ddd;
	padding: 15px;
	width:98%;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	background:#fff;
		}
		.side_menu{
			margin-bottom:10px;
		}

		.side_post_title {
			font-weight: normal;
			margin-bottom: 1.5rem;
			padding: 0.6rem 0;
			position: relative;
			padding-left:5px;
			border-bottom: 1px solid #ddd;
			letter-spacing:0.1em;
		}
		.side_menu li,.side_menu .dots_menu li {
			padding:5px;
			border-bottom:1px solid #ddd;
			display:block;
		}
		.side_menu li a,.side_menu .dots_menu li a {
			text-decoration: none;
		}

		.side_menu ul li:last-child{
			border:none;
			margin-bottom:10px;
		}

}

/* ************************************************ *
 *	パソコン用お問い合わせ *
 * ************************************************ */
.policy_area {
	margin-top:20px;
	padding:20px 30px;
	margin-bottom:10px;
	background:#f5f5f5;
	border-radius:6px;
}
.policy_title {
	font-weight: bold;
	padding-bottom:10px;
	margin-bottom: 20px;
	letter-spacing:0.2em;
	font-size:16px;
	border-bottom:solid 1px #ccc;
	padding-right: 20px;
	padding-left: 20px;
}
.contact_txt_area_img {
	float:right;
	width:560px;
	padding-bottom:40px;
}
.contact_txt_area {
	float:left;
	width:450px;
	padding-bottom:30px;
}
.contact_txt_area h3{
	font-weight:bold;
	font-size:22px;
	letter-spacing:0.2em;
	padding-top:20px;
	padding-bottom:20px;

}
.contact_txt_area p{
	font-size:16px;
	letter-spacing:0.2em;
}
.contact_tel{
	font-size: 2rem;
	font-weight: bold;
	text-align:center;
	padding-bottom:20px;
	line-height:0.5em;
	margin-top: 65px;
}
.tel_big{
    font-size: 3.9rem;
    font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color:#564527;
	letter-spacing:0.2em;
}
.tel_time {
	text-align:center;
	padding-bottom:90px;
}


.soushinblock{
	text-align:center;
	padding:40px 0px 20px;
			margin-bottom: 25px;
}
.soushinblock input[type="submit"],.soushinblock input[type="button"]{
	padding:10px 80px;
	margin:0px auto;
	background: #7B673F;

	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 15px 80px;
	text-decoration: none;
	border:1px solid #fff;
	cursor:pointer;
	font-weight:bold;
}
.soushinblock input[type="submit"]:hover,.soushinblock input[type="button"]:hover {
	background: #564527;
	text-decoration: none;
}

.soushinblock #confirmation{
	padding:10px 80px;
	margin:0px auto;
	background: #041B44;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 15px 80px;
	text-decoration: none;
	border:1px solid #fff;
	cursor:pointer;
	font-weight:bold;
}
.soushinblock #confirmation:hover {
	background: #9DD1CF;
	text-decoration: none;
}
span.required{
	font-size:13px;
	font-weight:normal;
	color:#d40000;
}

.contact_block_right input[type="tel"],
.contact_block_right input[type="email"],
.contact_block_right input[type="text"],
.contact_block_right textarea{
	padding:8px 8px;
	border:1px solid #cccccc;
	margin-bottom:3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contact_block_right input[type="tel"],
.contact_block_right input[type="email"],
.contact_block_right input[type="text"]{
	width:65%;
}
.age input[type="text"]{
	width:5% !important;
	margin-right:8px;
}
.contact_block_right input[type="text"]{
	width:65%;
}
#zip2 {
	width:20%;
}
.contact_block_right textarea{
	background: #FFF;
	width:90%;
}
dl#contact_block{
	border-bottom:1px solid #dcdcdc;
	padding:0px 0px 0px 0px;

}
dl#contact_block:last-child {
	border:none;
}
.page_contactform{
	padding:5px;
	width: 90%;
	margin:0 auto;
}
dl#contact_block .contact_block_right{
	width:73%;
	float:right;
	padding:15px 10px 10px 10px;

	line-height:110%;
}
dl#contact_block .contact_block_left{

	padding:15px 10px 10px 30px;
	vertical-align:top;
	text-align:left;
	width:22%;
	float:left;
}
/* チェックボックス */
.wpcf7-list-item{
	display:block;
	text-align:left;
	margin-bottom:10px;
}
.checkbox_box{
	background:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:8px 0px;
	margin:10px 0px;
}
input[type="radio"],
input[type="checkbox"] {
	border: 1px solid #e2e2e2;
	vertical-align: -8px;
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	width: 26px;
	height: 26px;
	background: #e2e2e2;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked {
	/*Other Browser*/
	background: #d60000;
	border: 1px solid #e2e2e2;
}
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {
	position: absolute;
	left: 1px;
	top: 16px;
	display: block;
	content: "";
	width: 10px;
	height: 4px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}
input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 9px;
	top: 16px;
	content: "";
	width: 16px;
	height: 4px;
	background: #ffffff;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
select {
	background: #fff;
	border:1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	width: 140px;
	margin:0px 8px;
}
.wpcf7c-elm-step2 {
	text-align:center;
	color:#C40000;
	padding-bottom:50px;
}
@media ( max-width : 768px ) {
		/* ***スマホ用お問い合わせ *	*********************************************** */
		.under_area {
		padding-left:5%;
			padding-right:5%;
		}


		.contact_txt_area p{
			font-size:14px;
			letter-spacing:0.1em;
		}
		.contact_tel{
			text-align:center;
			padding-bottom: 5px;
			font-size:18px;
			margin-top:0px;

		}
		.tel_big{
    font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color:#564527;
	letter-spacing:0.2em;
	font-size:22px;
	padding-bottom:10px;
		}
		.tel_time {
			text-align:left;
			padding-left:15px;
			padding-right:15px;
			padding-bottom:20px;
		}
		.policy_area {
			border:solid 1px #ddd;
			padding:20px;
			background:#fff;
			-webkit-border-radius: 3;
			-moz-border-radius: 3;
			border-radius: 3px;
					font-size:12px;
					line-height:1.4em;
		}
		.policy_title {
			text-align:center;
			border-bottom:solid 1px #ddd;
			padding-bottom:5px;
			margin-bottom:10px;
			font-size:14px;
		}
		.soushinblock{
			text-align:center;
			padding:40px 15px 20px;
		}
		.wpcf7c-elm-step2 {
			padding:20px 15px;
		}
		.soushinblock input[type="submit"]{
			padding:10px 80px;
			margin:0px auto;
			background: #7B673F;
			background-image: -webkit-linear-gradient(top, #7B673F, #7B673F);
			background-image: -moz-linear-gradient(top, #7B673F, #7B673F);
			background-image: -ms-linear-gradient(top, #7B673F, #7B673F);
			background-image: -o-linear-gradient(top, #7B673F, #7B673F);
			background-image: linear-gradient(to bottom, #7B673F, #7B673F);
			-webkit-border-radius: 3;
			-moz-border-radius: 3;
			border-radius: 3px;
			color: #ffffff;
			font-size: 14px;
			padding: 15px 80px;
			text-decoration: none;
			border:1px solid #fff;
			cursor:pointer;
			font-weight:bold;
		}
		.soushinblock input[type="submit"]:hover {
			background: #51432B;
			background-image: -webkit-linear-gradient(top, #51432B, #51432B);
			background-image: -moz-linear-gradient(top, #51432B, #51432B);
			background-image: -ms-linear-gradient(top, #51432B, #51432B);
			background-image: -o-linear-gradient(top, #51432B, #51432B);
			background-image: linear-gradient(to bottom, #51432B, #51432B);
			text-decoration: none;
		}
		span.required{
			font-size:10px;
			font-weight:normal;
			color:#D40000;
		}
		.contact_block_right input[type="tel"],
		.contact_block_right input[type="email"],
		.contact_block_right input[type="text"],
		.contact_block_right textarea{
			padding:8px 8px;
			border:1px solid #cccccc;
			margin-bottom:3px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.contact_block_right input[type="tel"],
		.contact_block_right input[type="email"],
		.contact_block_right input[type="text"]{
			width:98%;

		}
		.age input[type="text"]{
			width:5% !important;
			margin-right:8px;
		}
		.contact_block_right input[type="text"]{
			width:98%;
		}
		.contact_block_right textarea{
			width:98%;
			background: #FFF;
		}
		dl#contact_block{
			border-bottom:1px dotted #aaa;
			padding:0px 0px 0px 0px;
		}
		dl#contact_block:last-child {
			border:none;
		}
		.page_contactform{
			padding:5px;
			width: 96%;
			margin:0 auto;
		}
		dl#contact_block .contact_block_right{
			padding:5px 7px 5px 10px;
			line-height:110%;
			width:67%;
		}
		dl#contact_block .contact_block_left{
			padding:5px 7px 2px;
			vertical-align:top;
			text-align:left;
			font-weight:bold;
			font-size:12px;
			width:32%;
		}
		/* チェックボックス */
		.wpcf7-list-item{
			display:block;
			text-align:left;
			margin-bottom:10px;
		}
		.checkbox_box{
			background:#fff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			padding:8px 0px;
			margin:10px 0px;
		}
		input[type="radio"],
		input[type="checkbox"] {
			border: 1px solid #e2e2e2;
			vertical-align: -8px;
			-webkit-appearance: none;
			position: relative;
			margin-right: 5px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-sizing: border-box;
			width: 26px;
			height: 26px;
			background: #e2e2e2;
		}
		input[type="radio"]:checked,
		input[type="checkbox"]:checked {
			/*Other Browser*/
			background: #FF8000;
			border: 1px solid #e2e2e2;
		}
		input[type="radio"]:checked:before,
		input[type="checkbox"]:checked:before {
			position: absolute;
			left: 1px;
			top: 16px;
			display: block;
			content: "";
			width: 10px;
			height: 4px;
			background: #ffffff;
			-webkit-transform: rotate(45deg);
			-webkit-transform-origin: right center;
		}
		input[type="radio"]:checked:after,
		input[type="checkbox"]:checked:after {
			display: block;
			position: absolute;
			left: 9px;
			top: 16px;
			content: "";
			width: 16px;
			height: 4px;
			background: #ffffff;
			-webkit-transform: rotate(-53deg);
			-webkit-transform-origin: left center;
		}
		.wpcf7-select {
			height:27px;
		}
		select {
			background: #fff;
			border:1px solid #cccccc;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			font-size: 14px;
			height: 15px;
			line-height: 30px;
			text-align: left;
			text-indent: 5px;
			vertical-align: middle;
			margin:0px 0px;
		}
}

/* PC用会社概要ページ
--------------------------------------------------*/
.font_2 {
	font-size: 15px;
}
.prof_box {
	line-height: 2.2;
	margin-bottom: 5%;
	margin-right:10px;
	padding: 2% 3% 5% 3%;
	border-bottom: 1px solid #f2f2f2;
}
.company_table {
	width: 98%;
	margin: 30px auto 80px;
}
.company_table th {
	vertical-align: middle;
	text-align: left;
	width: 30%;
	overflow: visible;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	padding: 4% 4%;
}
.company_table td {
	vertical-align: middle;
	border-bottom: 1px solid #f2f2f2;
	line-height: 2.2;
	padding: 4% 4%;
}
.company_table td div {
	padding-bottom: 20px;
}

.gmap_area {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
@media ( max-width : 768px ) {

/* スマホ用会社概要ページ
--------------------------------------------------*/
		.company_table {
			width: 98%;
			margin: 30px auto 40px;
		}
		.company_table th,.company_table td{
			padding: 5px 5px;
		}
		.company_table th {
			vertical-align: middle;
			text-align: left;
			width: 23%;
			overflow: visible;
			position: relative;
			border-bottom: 1px solid #f2f2f2;
			border-right: 1px solid #f2f2f2;
		}
		.company_table td {
			vertical-align: middle;
			border-bottom: 1px solid #f2f2f2;
		}
		/* ****スマホ用googlemap********************************* */
		.gmap_area{
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
			margin-bottom:10px;
			margin-top:20px;
		}
		.gmap_area iframe, .gmap_area object, .gmap_area embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
}
/* PC用工場紹介ページ
--------------------------------------------------*/
.factory_flow_area {
	padding-bottom:60px;
}
.factory_flow_box {
	border-bottom: 1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:60px;
	background:#f5f5f5;
}
.factory_flow_img {
	text-align:center;
	margin:0 auto;
	padding-bottom:15px;
}
.factory_flow_box h4 {
    font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	background:#564527;
	letter-spacing:0.2em;
	font-size:20px;
	padding:10px 15px;
	margin-bottom:25px;
	color:#fff;
}
.factory_flow_box_txt {
	padding:0 20px;
}
.setsubi_title {
	width: 33.3%;
	background:#f5f5f5;
}
.factory_table {
	width: 97%;
	margin: 30px auto 80px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.factory_table th,.factory_table td{
	padding: 15px;
}
.factory_table th {
	vertical-align: middle;
	text-align: left;
	width: 30%;
	overflow: visible;
	position: relative;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background:#f5f5f5;
}
.factory_table td {
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
@media ( max-width : 768px ) {
/* スマホ用工場紹介ページ
--------------------------------------------------*/
		.factory_flow_area {
			padding-bottom:30px;
		}
		.factory_flow_box {
			border-bottom: 1px solid #ddd;
			padding-bottom:20px;
			margin-bottom:25px;
			background:#f5f5f5;
		}
		.factory_flow_img {
			text-align:center;
			margin:0 auto;
			padding-bottom:15px;
		}
		.factory_flow_box h4 {
			font-weight: bold;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
			background:#564527;
			letter-spacing:0.1em;
			font-size:18px;
			padding:10px 10px;
			margin-bottom:20px;
			color:#fff;
		}
		.factory_flow_box_txt {
			padding:0 15px;
		}
		.factory_table {
			width: 98%;
			margin: 30px auto 40px;
		}
		.factory_table th,.factory_table td{
			padding: 5px 5px;
		}
		.factory_table th {
			vertical-align: middle;
			text-align: left;
			width: 23%;
			overflow: visible;
			position: relative;
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
		}
		.factory_table td {
			vertical-align: middle;
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
		}
}
/* 下層施工事例
----------------------------------------------------------------------------------------*/
.works_area {
	padding-left:0%;
	padding-right:0%;
}
.under_works_height {
	  width: 24.5%;
	  max-height: 180px !important;
	  color: #000000;
	  text-align: center;
}
/* PC用制作事例シングルページ
--------------------------------------------------*/
.single_works_area {
	padding-right: 2%;
	padding-left:  2%;
}
.works_eyecatch {
	text-align:center;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}
.works_single_kiji p {
	margin-top:30px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:14px;
}
.post p.postdate	{
	text-align: left;
	font-size:13px;
	margin: 0;
}
@media ( max-width : 768px ) {
/* スマホ用制作事例シングルページ
--------------------------------------------------*/
	.single_works_area {
		padding-right: 5%;
		padding-left:  5%;
	}
	.works_eyecatch {
		text-align:center;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
	}

}
/* ****PC用前後のページへのリンク******************************* */
#pagenation	{
	font-size: 13px;
	background: #f5f5f5;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 25px;
	margin-bottom:20px;
}

/* 共通
----------------------------------------------------------------------------------------*/
.loop_wrapper {
		overflow: hidden;
}
a.link_yes {
	text-decoration:underline;
}
.red {
	color:#d50000;
}
.white {
	color:#fff;
}
.img_center {
	text-align:center;
}
.center {
	text-align:center;
}
.bold {
	font-weight:bold;
}
.small {
	font-size:12px;
	font-size:1.2rem;
}
.img_radius {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.mt_25 {
	margin-top:25px;
}
.mt_40 {
	margin-top:40px;
}
.pl_10 {
	padding-left:10px;
}
.pr_10 {
	padding-right:10px;
}
.pl_15 {
	padding-left:15px;
}
.pr_15 {
	padding-right:15px;
}
.ml_15 {
	margin-left:15px;
}
.mr_15 {
	margin-right:15px;
}
.pl_30 {
	padding-left:30px;
}
.pr_30 {
	padding-right:30px;
}
.ml_30 {
	margin-left:30px;
}
.mr_30 {
	margin-right:30px;
}
.pb_15 {
	padding-bottom:15px;
}
.pb_25 {
	padding-bottom:25px;
}
.pb_30 {
	padding-bottom:30px;
}
.mb_15 {
	padding-bottom:15px;
}
.mb_20 {
	margin-bottom:20px;
}
.mb_30 {
	margin-bottom:30px;
}
.mb_40 {
	margin-bottom:40px;
}
.mb_60 {
	margin-bottom:60px;
}
.mb_80 {
	margin-bottom:80px;
}


.bg-slider {
	width: 100vw !important;
	height: 100vh !important;
	background-position:center center;
    background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
    background-attachment: fixed;
}

.bg-slider_title{
	color: #fff;
	font-size: 16px;
	letter-spacing:0.4em;
	line-height: 1.5;
	font-weight: normal;
	text-align:center;
    font-weight: normal;
/*
	text-shadow: 1px 1px 1px #000;
*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
@media ( max-width : 768px ) {
    .bg-slider {
        background-attachment: scroll;
    }
		.bg-slider_title{
			font-size: 14px;
			padding: 0 2%;
			line-height: 1.8;
            letter-spacing:0.4em;
		}
    
}
.fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}