@charset "utf-8";
/*
Theme Name: Y・B・M
Author: 平田修一
*/



/* 基本
------------------------------------------------------*/
html, body {
	-webkit-text-size-adjust: none;
	background-color: #e9e9e9;
}
body {
	line-height: 1.5em;
	/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	outline: none;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
ol, ul {
	list-style: none;
}
.clear {
	clear: both;
}
/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	height: auto;
	overflow: visible;
}
.paneoimg {
	line-height: 0;
}
div#container {
	position: relative;
	height: 1344px;
	width: 950px;
	margin: 0 auto;
	background-color: #ffffff;
}
table {
	font-size: 0.75em;
	line-height: 1.5;
}
table th {
	text-align: center;
}
table th, table td {
	border: 1px solid #000;
	padding: 4px 4px;
}
.visible-tab-inline {
	display: none;
}
.visible-sp-inline {
	display: none;
}

@media screen and (max-width:949px) {
	div#container {
		text-align: left;
		margin: 0 1%;
		height: auto;
		width: auto;
	}
	.visible-tab-inline {
		display: inline;
	}
	.hidden-tab {
		display: none;
	}
}

@media screen and (max-width:767px) {
	table th,  table td {
		padding: 2px 4px;
	}
	.visible-tab-inline {
		display: none;
	}
	.hidden-tab {
		display: inline;
	}
	.visible-sp-inline {
		display: none;
	}
	.hidden-sp {
		display: none;
	}
	.visible-sp-inline {
		display: inline;
	}
}



/* グローバルナビ
------------------------------------------------------*/

body#template09 nav#global ul li a {
	font-size: 0.75em;
	font-weight: bold;
	padding: 3% 0;
	color: #777;
	border: 1px solid #ccc;
	background: -moz-linear-gradient(top, #fff, #fff 15%, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.15, #fff), to(#fff));
	-pie-background: linear-gradient(#fff, #fff 15%, #fff);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
body#template09 nav#global ul li a:hover {
	color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#aaffff, EndColorStr=#88eeff)"; /* IE8,9用 */
	background: -moz-linear-gradient(top, #aff, #8ef);
	background: -webkit-gradient(linear, left top, left bottom, from(#aff), to(#8ef));
	-pie-background: linear-gradient(#aff, #8ef);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
body#template09 nav#global ul li.current_page_item a {
	color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#55bbee, EndColorStr=#3399dd)"; /* IE8,9用 */
	background: -moz-linear-gradient(top, #5be, #39d);
	background: -webkit-gradient(linear, left top, left bottom, from(#5be), to(#39d));
	-pie-background: linear-gradient(#5be, #39d);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
/* #container.ver2017 */
body#template09 #container.ver2017 ul.flexnav {
	position: relative;
	z-index: 4;
	border-top: 1px solid #ccc;
	max-height: none;
	overflow: visible;
}
body#template09.home #container.ver2017 ul.flexnav {
	border-bottom: 1px solid #ccc;
}
body#template09 #container.ver2017 ul.flexnav.flexnav.opacity {
	opacity: 1;
}
body#template09 #container.ver2017 ul.flexnav li {
	font-size: 12px;
	pedding-left: 10px;
	line-height: 16px;
}
body#template09 #container.ver2017 ul.flexnav li br {
	display: none;
}
body#template09 #container.ver2017 ul.flexnav > li {
	width: 12.5%;
	float: left;
	position: relative;
	overflow: visible;
}
body#template09 #container.ver2017 ul.flexnav li a {
	padding: 17px 0 0;
	text-align: center;
	background: #fff;
	border-left: none;
}
body#template09.home #container.ver2017 ul.flexnav li.home > a,
body#template09.page-id-7 #container.ver2017 ul.flexnav li.tanmatsu-seihin > a,
body#template09.page-id-9 #container.ver2017 ul.flexnav li.setsubi.item-with-ul > a,
body#template09.page-id-9 #container.ver2017 ul.flexnav li.setsubi.item-with-ul ul li.tanmatsu-setsubi > a,
body#template09.page-id-11 #container.ver2017 ul.flexnav li.setsubi.item-with-ul > a,
body#template09.page-id-11 #container.ver2017 ul.flexnav li.setsubi.item-with-ul ul li.mage > a,
body#template09.page-id-13 #container.ver2017 ul.flexnav li.setsubi.item-with-ul > a,
body#template09.page-id-13 #container.ver2017 ul.flexnav li.setsubi.item-with-ul ul li.yosetsu > a,
body#template09.page-id-15 #container.ver2017 ul.flexnav li.setsubi.item-with-ul > a,
body#template09.page-id-15 #container.ver2017 ul.flexnav li.setsubi.item-with-ul ul li.setsudanki> a,
body#template09.page-id-682 #container.ver2017 ul.flexnav li.car > a,
body#template09.page-id-685 #container.ver2017 ul.flexnav li.daisha > a,
body#template09.page-id-17 #container.ver2017 ul.flexnav li.about > a,
body#template09.page-id-19 #container.ver2017 ul.flexnav li.overview > a,
body#template09.page-id-21 #container.ver2017 ul.flexnav li.ask > a,
body#template09.page-id-788 #container.ver2017 ul.flexnav li.ask > a,
body#template09.page-id-thanks #container.ver2017 ul.flexnav li.ask > a {
	color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#55bbee, EndColorStr=#3399dd)"; /* IE8,9用 */
	background-image: linear-gradient(to bottom, #5be, #39d);
	background: -moz-linear-gradient(top, #5be, #39d);
	background: -webkit-gradient(linear, left top, left bottom, from(#5be), to(#39d));
	-pie-background: linear-gradient(#5be, #39d);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
body#template09 #container.ver2017 ul.flexnav li a:hover, body#template09 #container.ver2017 ul.flexnav li.item-with-ul ul li > a:hover {
	color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#aaffff, EndColorStr=#88eeff)"; /* IE8,9用 */
	background-image: linear-gradient(to bottom, #aff, #8ef);
	background: -moz-linear-gradient(top, #aff, #8ef);
	background: -webkit-gradient(linear, left top, left bottom, from(#aff), to(#8ef));
	-pie-background: linear-gradient(#aff, #8ef);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
body#template09 #container.ver2017 ul.flexnav > li > a {
	border-left: 1px solid #ccc;
}
body#template09 #container.ver2017 ul.flexnav > li:first-child > a {
	border-left: none;
}
body#template09 #container.ver2017 ul.flexnav li.item-with-ul > a {
	padding-right: 15px;
}
body#template09 #container.ver2017 ul.flexnav li.item-with-ul ul {
	position: absolute;
	display: none;
}
body#template09 #container.ver2017 ul.flexnav li.item-with-ul ul, body#template09 #container.ver2017 ul.flexnav li.item-with-ul ul li {
	z-index: 3;
}
body#template09 #container.ver2017 ul.flexnav li.item-with-ul ul li > a {
	background: #eee;
}
body#template09 #container.ver2017 ul.flexnav li a, body#template09 #container.ver2017 ul.flexnav li .touch-button {
	height: 50px;
	box-sizing: border-box;
}
body#template09 #container.ver2017 ul.flexnav li .touch-button {
	width: 100%;
	background: transparent;
	text-align: right;
	padding-right: 10px;
}
body#template09 #container.ver2017 ul.flexnav li .touch-button i {
	font-style: normal;
	top: 1.4em;
	color: #ccc;
}


@media only screen and (max-width:900px) {
	body#template09 nav#global ul li a {
		font-size: 0.625em;
	}
	body#template09 #container.ver2017 ul.flexnav > li.daisha br {
		display: inline;
	}
	body#template09 #container.ver2017 ul.flexnav li.daisha > a {
		padding: 9px 0 0;
	}

}
@media only screen and (max-width:799px) {

	body#template09.home #container.ver2017 ul.flexnav {
		border-bottom: none;
	}

}
@media only screen and (max-width:767px) {
	body#template09 nav#global ul li {
		margin-bottom: 1%;
	}
	body#template09 nav#global ul li a {
		font-size: 1em;
	}
	body#template09 #container.ver2017 ul.flexnav > li {
		width: 25%;
	}
	body#template09 #container.ver2017 ul.flexnav > li br {
		display: inline;
	}
	body#template09 #container.ver2017 ul.flexnav > li:nth-child(5) > a {
		border-left: none;
	}
	body#template09 #container.ver2017 ul.flexnav li.item-with-ul > a {
		padding-right: 10px;
	}
	body#template09 #container.ver2017 ul.flexnav li.tanmatsu-seihin > a,  body#template09 #container.ver2017 ul.flexnav li.car > a,  body#template09 #container.ver2017 ul.flexnav li.about > a {
		padding: 9px 0 0;
	}
	body#template09 #container.ver2017 ul.flexnav li .touch-button {
		padding-right: 5px;
	}

	body#template09.home #container.ver2017 ul.flexnav {
		border-bottom: none;
	}

}
/* パンくずリスト */
#breadcrumb {
	height: 35px;
	clear: both;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#1166aa, EndColorStr=#3388cc)"; /* IE8,9用 */
	background-image: linear-gradient(to bottom, #16a, #38c);
	background: -moz-linear-gradient(top, #16a, #38c);
	background: -webkit-gradient(linear, left top, left bottom, from(#16a), to(#38c));
	-pie-background: linear-gradient(#16a, #38c);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
	font-size: 0.75em;
}

#breadcrumb ul {
	padding: 7px 0 0 1.5%;
}
#breadcrumb li {
	display: inline;
}
#breadcrumb li, #breadcrumb li a {
	color: #fff;
}
#breadcrumb li a:hover {
	color: #ff0;
}
/* フッタ
------------------------------------------------------*/
footer {
	height: 5%;
	clear: both;
	position: absolute;
	bottom: 0;
}
footer .inside {
	padding-top: 1%;
	margin: 0 2.5%;
	border-top: 1px solid #000;
	position: relative;
}
footer #ftr-logo {
	float: left;
	width: 19%;
	margin-left: 1.5%;
}
footer #adrs {
	float: left;
	margin-top: 1%;
	font-style: normal;
	font-size: 0.75em;
	line-height: 1.5;
	margin-left: 1.5%;
}
footer #ftr-tel {
	position: absolute;
	top: 26%;
	right: 20%;
	width: 21%;
}
footer .ask {
	float: right;
	margin-top: 0.3%;
	width: 18%;
}

@media only screen and (max-width:949px) {
footer {
	padding-top: 5%;
	position: static;
}
footer #adrs {
	margin-top: 0.7%;
}
}

@media only screen and (max-width: 767px) {
footer #ftr-logo {
	float: none;
	width: 50%;
	margin: 5% auto;
}
footer #adrs {
	float: none;
	text-align: center;
	padding-bottom: 5%;
}
footer #ftr-tel {
	position: static;
	width: 50%;
	margin: 0 auto;
}
footer .ask {
	float: none;
	width: 60%;
	margin: 0 auto;
	padding: 5% 0;
}
}
/* p1：トップページ
------------------------------------------------------*/
.page-id-2 #top-logo {
	width: 35.6%;
	position: absolute;
	top: 6%;
	left: 5%;
	z-index: 3;
}
.page-id-2 #tel {
	width: 32.3%;
	position: absolute;
	top: 6%;
	right: 0;
	z-index: 2;
}
.page-id-2 #intro {
	width: 42%;
	position: absolute;
	top: 25%;
	left: 5%;
	font-size: 1em;
	line-height: 2;
	z-index: 1;
}
.page-id-2 #mainimg {
	width: 52.5%;
	position: absolute;
	top: 13%;
	right: 1%;
}
.page-id-2 #block1 {
	margin: 52% 5% 0;
}
.page-id-2 #block1 .title {
	padding: 1% 1% 0.8%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#0066bb, EndColorStr=#0044aa)"; /* IE8,9用 */
	background: -moz-linear-gradient(top, #06b, #04a);
	background: -webkit-gradient(linear, left top, left bottom, from(#06b), to(#04a));
	-pie-background: linear-gradient(#06b, #04a);
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
.page-id-2 #block1 .title hgroup {
	color: #fff;
	border-left: solid 4px #fff;
	padding: 0.5% 1.5%;
	margin-left: 1%;
}
.page-id-2 #block1 .title hgroup h1, .page-id-2 #block1 .title hgroup h2 {
	float: left;
}
.page-id-2 #block1 .title hgroup h1 {
	font-size: 2em;
	margin-right: 3%;
	padding-top: 0.4%;
}
.page-id-2 #block1 .title hgroup h2 {
	font-size: 1.25em;
	padding-top: 0.5%;
}
.page-id-2 #block1 .kako {
	border: 1px solid #06b;
	border-top: 0;
	padding: 1.5%;
	margin: 0;
	position: relative;
}
.page-id-2 #block1 .kako .main, .page-id-2 #block1 .kako .part1 {
	float: left;
}
.page-id-2 #block1 .kako .main {
	width: 34%;
}
.page-id-2 #block1 .kako .part1 {
	width: 43%;
	margin-left: 1.2%;
	line-height: 1.5;
}
.page-id-2 #block1 .kako .part1 .btn {
	position: absolute;
	bottom: 7.9%;
	width: 19%;
}
.page-id-2 #block1 .kako .part1 #btn2 {
	left: 56.5%;
}
.page-id-2 #block1 .kako .kakoimg {
	float: right;
	width: 21%;
}
.page-id-2 #block2 {
	margin: 1.8% 5% 0;
}
.page-id-2 #block2 #banner1 {
	float: left;
	width: 48.5%;
}
.page-id-2 #block2 .part1 {
	float: right;
	position: relative;
	width: 48.5%;
}
.page-id-2 #block2 #btn1, .page-id-2 #block2 #btn2 {
	position: absolute;
	bottom: 10%;
}
.page-id-2 #block2 #btn1 {
	left: 2%;
	width: 47%;
}
.page-id-2 #block2 #btn2 {
	right: 2%;
	width: 47%;
}

@media only screen and (max-width:949px) {

	.page-id-2 #top-logo {
		top: 7%;
	}

	.page-id-2 #tel {
		top: 7%;
	}

	.page-id-2 #intro {
		width: 42%;
		top: 24%;
		line-height: 1.5;
	}
	.page-id-2 #block1 {
		margin: 57% 5% 0;
	}
	.page-id-2 #block1 .kako .part1 {
		font-size: 0.75em;
	}
}

@media only screen and (max-width:767px) {
	.page-id-2 #top-logo {
		width: 40%;
		position: static;
		float: left;
		margin-left: 5%;
		margin-top: 3%;
	}
	.page-id-2 #tel {
		width: 50%;
		position: static;
		float: right;
		margin-top: 7%;
	}
	.page-id-2 #intro {
		width: auto;
		position: static;
		clear: both;
		margin: 0 5% 2%;
		;
		padding-top: 5%;
	}
	.page-id-2 #mainimg {
		width: auto;
		position: static;
		margin: 0 4%;
	}
	.page-id-2 #block1 {
		margin: 2% 5% 0;
	}
	.page-id-2 #block1 .title hgroup h1 {
		font-size: 1.5em;
	}
	.page-id-2 #block1 .title hgroup h2 {
		font-size: 0.75em;
	}
	.page-id-2 #block1 .kako .part1 {
		font-size: 0.75em;
	}
	.page-id-2 #block1 .kako .part1 .btn {
		position: static;
		width: 70%;
		margin-top: 2%;
	}
}

@media only screen and (max-width: 480px) {
	.page-id-2 #top-logo {
		width: 80%;
		float: none;
		margin: 5% auto 0;
	}
	.page-id-2 #tel {
		width: auto;
		float: none;
		margin-left: 4%;
	}
	.page-id-2 #block1 .title {
		padding: 4% 5% 2%;
	}
	.page-id-2 #block1 .title hgroup {
		padding: 0.5% 5%;
		margin-left: 1%;
	}
	.page-id-2 #block1 .title hgroup h1, .page-id-2 #block1 .title hgroup h2 {
		float: none;
	}
	.page-id-2 #block1 .title hgroup h1 {
		font-size: 1.5em;
		margin-right: 0;
	}
	.page-id-2 #block1 .kako {
		padding: 5%;
	}
	.page-id-2 #block1 .kako .main, .page-id-2 #block1 .kako .part1 {
		float: none;
	}
	.page-id-2 #block1 .kako .main {
		width: auto;
	}
	.page-id-2 #block1 .kako .part1 {
		width: auto;
		margin-left: 0;
		margin-top: 3%;
		font-size: 0.75em;
	}
	.page-id-2 #block1 .kako .part1 .btn {
		width: auto;
		text-align: center;
		margin-top: 5%;
	}
	.page-id-2 #block1 .kako .kakoimg {
		float: none;
		width: auto;
		margin-top: 5%;
		text-align: center;
	}
	.page-id-2 #block2 {
		margin: 5% 5%;
	}
	.page-id-2 #block2 #banner1 {
		float: none;
		width: auto;
		margin-bottom: 3%;
	}
	.page-id-2 #block2 .part1 {
		float: none;
		width: auto;
	}
}
/* p2：端末加工製品
------------------------------------------------------*/
.page-id-7 #block1 {
	margin-bottom: 2%;
}
.page-id-7 #block1 .part1 {
	padding-top: 1%;
	width: 42%;
	float: left;
}
.page-id-7 #block1 .part1 h1, .page-id-7 #block1 .part1 p {
	margin-left: 9%;
}
.page-id-7 #block1 #p2-main {
	float: right;
	width: 58%;
	text-align: right;
}
.page-id-7 #block1 .part1 h1 {
	margin-top: 7%;
	margin-bottom: 4%;
}
.page-id-7 #block1 .part1 h2 {
	width: 70%;
}
.page-id-7 #block1 .part1 p {
	font-size: 1em;
	line-height: 1.5;
}
.page-id-7 .items {
	margin-bottom: 2%;
}
.page-id-7 #item3.items, .page-id-7 #item4.items {
	float: left;
	width: 50%;
}
.page-id-7 #item3.items .item, .page-id-7 #item4.items .item {
	margin-right: 3%;
	width: 44.2%;
}
.page-id-7 #item5.items {
	clear: both;
}
.page-id-7 .item {
	float: left;
	margin-right: 1.5%;
	width: 22.1%;
	text-align: center;
}
.page-id-7 .items .name, .page-id-7 .item.first {
	margin-left: 3.5%;
}
.page-id-7 .items .name {
	margin-bottom: 1%;
	width: 36%;
}
.page-id-7 #item3.items .name, .page-id-7 #item4.items .name {
	margin-bottom: 2%;
	width: 72%;
}
.page-id-7 #item3.items .name, .page-id-7 #item3.items .item.first {
	margin-left: 7%;
}
.page-id-7 #item4.items .name, .page-id-7 #item4.items .item.first {
	margin-left: 1.5%;
}
.page-id-7 .item.last {
	margin-right: 0 !important;
}
.page-id-7 .btn {
	float: right;
	margin-top: 1%;
	margin-right: 3.3%;
	width: 33%;
}

@media only screen and (max-width:550px) {
	.page-id-7 #block1 .part1 {
		padding-top: 2%;
		width: auto;
		float: none;
	}
	.page-id-7 #block1 #p2-main {
		float: none;
		width: auto;
		margin: 4% 0 6%;
	}
	.page-id-7 #block1 .part1 h1 {
		margin-top: 5%;
		margin-bottom: 3%;
	}
	.page-id-7 #block1 .part1 h1,  .page-id-7 #block1 .part1 p {
		margin-left: 5%;
	}
	.page-id-7 #block1 .part1 p {
		font-size: 0.75em;
	}
	.page-id-7 #item3.items,  .page-id-7 #item4.items {
		float: none;
		width: auto;
	}
	.page-id-7 #item3.items .item,  .page-id-7 #item4.items .item {
		margin-right: 5%;
		width: auto;
	}
	.page-id-7 .item {
		float: none;
		margin-right: 0;
		width: auto;
		margin: 5%;
	}
	.page-id-7 .items .name, .page-id-7 .item.first {
		margin-left: 5%;
	}
	.page-id-7 .items .name {
		margin-bottom: 1%;
		margin-left: 5%;
		margin-top: 10%;
		width: 60%;
	}
	.page-id-7 #item3.items .name,  .page-id-7 #item4.items .name {
		margin-bottom: 2%;
		margin-left: 5%;
		width: 60%;
	}
	.page-id-7 #item3.items .name,  .page-id-7 #item3.items .item.first {
		margin-left: 5%;
	}
	.page-id-7 #item4.items .name,  .page-id-7 #item4.items .item.first {
		margin-left: 5%;
	}
	.page-id-7 .item.last {
		margin-right: 5% !important;
	}
	.page-id-7 .btn {
		float: none;
		margin: 5%;
		width: auto;
	}
}


/* p3：端末加工機｜p4：曲げ加工機｜p5：溶接加工機
------------------------------------------------------*/
.page-id-9 #block1, .page-id-11 #block1, .page-id-13 #block1 {
	margin: 2% 5% 3% 0;
}
.page-id-9 #block1 .part1, .page-id-11 #block1 .part1, .page-id-13 #block1 .part1 {
	width: 50%;
	float: left;
}
.page-id-9 #block1 .part1 h2, .page-id-11 #block1 .part1 h2, .page-id-13 #block1 .part1 h2 {
	width: 59%;
}
.page-id-9 #block1 .part1 h1, .page-id-9 #block1 .part1 p, .page-id-11 #block1 .part1 h1, .page-id-11 #block1 .part1 p, .page-id-13 #block1 .part1 h1, .page-id-13 #block1 .part1 p {
	margin-left: 10%;
}
.page-id-9 #block1 #p3-main, .page-id-11 #block1 #p4-main, .page-id-13 #block1 #p5-main {
	float: right;
	margin-top: 2%;
	width: 45%;
}
.page-id-9 #block1 .part1 h1, .page-id-11 #block1 .part1 h1, .page-id-13 #block1 .part1 h1 {
	margin-top: 7%;
	margin-bottom: 7%;
}
.page-id-9 #block1 .part1 p, .page-id-9 #block1 .part2, .page-id-11 #block1 .part1 p, .page-id-11 #block1 .part2, .page-id-13 #block1 .part1 p, .page-id-13 #block1 .part2 {
	font-size: 1em;
	line-height: 1.5;
}
.page-id-9 #block1 .part1 p, .page-id-11 #block1 .part1 p, .page-id-13 #block1 .part1 p {
	margin-top: 2.5%;
}
.page-id-9 #block1 .part2, .page-id-11 #block1 .part2, .page-id-13 #block1 .part2 {
	clear: both;
	margin: 0 0 0 5%;
	padding-top: 3%;
}
.page-id-9 #block2, .page-id-11 #block2, .page-id-13 #block2 {
	margin: 0 5% 3%;
}
.page-id-9 #block2 #fit, .page-id-11 #block2 #fit, .page-id-13 #block2 #fit {
	width: 49%;
	float: left;
	margin: 0;
}
.page-id-9 #block2 #fit #dummy, .page-id-13 #block2 #fit #dummy {
	width: 100%;
	height: 136px;
	;
	background: #eee;
	text-align: center;
	padding-top: 100px;
	color: #777;
}
.page-id-11 #block2 #fit p {
	margin-top: 1.5%;
}
.page-id-9 #block2 .part2, .page-id-11 #block2 .part2, .page-id-13 #block2 .part2 {
	float: right;
	text-align: right;
	width: 49%;
}
.page-id-13 #block2 .part2 #kano {
	margin-bottom: 4%;
}
.page-id-9 #block3, .page-id-11 #block3, .page-id-13 #block3 {
	margin: 0 5%;
}
.page-id-9 #block3 .tab {
	width: 56%;
}
.page-id-11 #block3 .tab, .page-id-13 #block3 .tab, .page-id-15 .tab {
	width: 27%;
}
.page-id-9 #block3 .part1, .page-id-11 #block3 table, .page-id-13 #block3 table {
	width: 49%;
}
.page-id-9 #block3 .part1 table {
	width: 100%;
}
.page-id-9 #block3 .part1, .page-id-11 #block3 .part1, .page-id-13 #block3 .part1 {
	float: left;
}
.page-id-9 #block3 .part2, .page-id-11 #block3 .part2, .page-id-13 #block3 .part2 {
	float: right;
}
.page-id-9 #block3 .part2 {
	padding-top: 3.9%;
	width: 48%;
}
.page-id-9 #block3 table th, .page-id-11 #block3 table th, .page-id-13 #block3 table th {
	width: 45%;
}
.page-id-9 #block3 table .dai, .page-id-11 #block3 table .dai, .page-id-13 #block3 table .dai {
	width: 15%;
	text-align: center;
}

@media only screen and (max-width:949px) {
	.page-id-9 #block1 .part1 p,  .page-id-9 #block1 .part2,  .page-id-11 #block1 .part1 p,  .page-id-11 #block1 .part2,  .page-id-13 #block1 .part1 p,  .page-id-13 #block1 .part2,  .page-id-11 #block2 #fit p {
		font-size: 1em;
		line-height: 1.5;
	}
}

@media only screen and (max-width:550px) {
	.page-id-9 #block1 .part1, .page-id-11 #block1 .part1, .page-id-13 #block1 .part1 {
		width: auto;
		float: none;
	}
	.page-id-9 #block1 .part1 h2, .page-id-11 #block1 .part1 h2, .page-id-13 #block1 .part1 h2 {
		width: 74%;
	}
	.page-id-9 #block1 .part1 h1, .page-id-9 #block1 .part1 p, .page-id-11 #block1 .part1 h1, .page-id-11 #block1 .part1 p, .page-id-13 #block1 .part1 h1, .page-id-13 #block1 .part1 p {
		margin-left: 5%;
	}
	.page-id-9 #block1 #p3-main, .page-id-11 #block1 #p4-main, .page-id-13 #block1 #p5-main {
		float: none;
		margin-top: 4%;
		margin-left: 5%;
		width: auto;
	}
	.page-id-9 #block1 .part1 h1, .page-id-11 #block1 .part1 h1, .page-id-13 #block1 .part1 h1 {
		margin-top: 5%;
		margin-bottom: 3%;
	}
	.page-id-9 #block1 .part1 p, .page-id-9 #block1 .part2, .page-id-11 #block1 .part1 p, .page-id-11 #block1 .part2, .page-id-13 #block1 .part1 p, .page-id-13 #block1 .part2, .page-id-11 #block2 #fit p {
		font-size: 0.75em;
	}
	.page-id-9 #block2 #fit, .page-id-11 #block2 #fit, .page-id-13 #block2 #fit {
		width: auto;
		float: none;
	}
	.page-id-9 #block2 .part2, .page-id-11 #block2 .part2, .page-id-13 #block2 .part2 {
		float: none;
		text-align: right;
		width: auto;
		padding-top: 5%;
		margin-bottom: 5%;
	}
	.page-id-11 #block3 .tab, .page-id-13 #block3 .tab, .page-id-15 .tab {
		width: 56%;
	}
	.page-id-9 #block3 .part1, .page-id-11 #block3 table, .page-id-13 #block3 table {
		width: 100%;
	}
	.page-id-9 #block3 .part1 table {
		width: 100%;
	}
	.page-id-9 #block3 .part1, .page-id-11 #block3 .part1, .page-id-13 #block3 .part1 {
		float: none;
	}
	.page-id-9 #block3 .part2, .page-id-11 #block3 .part2, .page-id-13 #block3 .part2 {
		float: none;
		margin-bottom: 5%;
	}
	.page-id-9 #block3 .part2 {
		padding-top: 3.9%;
		width: auto;
	}
	.page-id-9 #block3 table th, .page-id-11 #block3 table th, .page-id-13 #block3 table th {
		width: 48%;
		text-align: center;
	}
	.page-id-9 #block3 table .dai, .page-id-11 #block3 table .dai, .page-id-13 #block3 table .dai {
		width: 15%;
		text-align: center;
	}
	.page-id-9 #block3 table.part2 th, .page-id-9 #block3 table.part2 td, .page-id-11 #block3 table.part2 th, .page-id-11 #block3 table.part2 td, .page-id-13 #block3 table.part2 th, .page-id-13 #block3 table.part2 td {
		border-top: 0;
	}
}



/* p6：切断機・その他
------------------------------------------------------*/
.page-id-15 #block1, .page-id-15 #block2 {
	margin: 2% 5% 3% 0;
}
.page-id-15 .part1 {
	width: 50%;
	float: left;
}
.page-id-15 .part1 h1, .page-id-15 .part1 p {
	margin-left: 10%;
}
.page-id-15 .part1 h2 {
	width: 59%;
}
.page-id-15 #block1 .p6-main {
	margin-top: 2%;
}
.page-id-15 #block1 .p6-main, .page-id-15 #block2 .p6-main {
	float: right;
	width: 48%;
}
.page-id-15 #block1 .part1 h1 {
	margin-top: 7%;
}
.page-id-15 #block1 .part1 h1, .page-id-15 #block2 .part1 h1 {
	margin-bottom: 7%;
}
.page-id-15 #block1 .part1 p {
	margin-top: 2.5%;
}
.page-id-15 #block2 .part1 p {
	margin-top: 1%;
}
.page-id-15 #block2 .part1 p.text {
	margin-bottom: 5%;
}
.page-id-15 #block1 .part1 p, .page-id-15 #block2 .part1 p {
	font-size: 1em;
	line-height: 1.5;
}
.page-id-15 #block1 .part1 .p-img p {
	margin-top: 5%;
	width: 54%;
	float: left;
	line-height: 1.75;
}
.page-id-15 #block2 .part1 .p-img {
	position: relative;
}
.page-id-15 #block2 .part1 .p-img #press .text {
	margin-right: 35%;
}
.page-id-15 #block1 .part1 .p-img .paneoimg {
	margin-top: 6%;
	float: right;
	width: 34%;
}
.page-id-15 #block2 .part1 .p-img #amada {
	width: 35%;
	position: absolute;
	right: -2%;
	bottom: 2%;
}
.page-id-15 #block1 > .part2, .page-id-15 #block2 > .part2 {
	clear: both;
	margin: 0 0 0 5%;
	padding-top: 3%;
}
.page-id-15 .part2 table {
	width: 49%;
}
.page-id-15 .part2 table.part1 {
	float: left;
}
.page-id-15 .part2 table.part2 {
	float: right;
}
.page-id-15 .part2 table th {
	width: 45%;
	text-align: center;
}
.page-id-15 .part2 table .dai {
	width: 15%;
	text-align: center;
}
.page-id-15 #block2 {
	padding-top: 7%;
	clear: both;
}
.page-id-15 #block2 .part1 .name p {
	width: 50%;
}

@media only screen and (max-width:949px) {
	.page-id-15 #block1 .part1 p,  .page-id-15 #block2 .part1 p {
		font-size: 1em;
		line-height: 1.5;
	}
	.page-id-15 #block2 .part1 .text {
		margin-right: 35%;
	}
}

@media only screen and (max-width:550px) {
	.page-id-15 #block1, .page-id-15 #block2 {
		margin: 2% 5% 3% 0;
	}
	.page-id-15 .part1 {
		width: auto;
		float: none;
	}
	.page-id-15 .part1 h1, .page-id-15 .part1 p {
		margin-left: 5%;
	}
	.page-id-15 .part1 h2 {
		width: 74%;
	}
	.page-id-15 .p6-main {
		margin: 4% 0 0 5%;
	}
	.page-id-15 #block1 .p6-main, .page-id-15 #block2 .p6-main {
		float: none;
		width: auto;
	}
	.page-id-15 #block1 .part1 h1 {
		margin-top: 5%;
	}
	.page-id-15 #block1 .part1 h1, .page-id-15 #block2 .part1 h1 {
		margin-bottom: 3%;
	}
	.page-id-15 #block1 .part1 p {
		margin-top: 2.5%;
	}
	.page-id-15 #block2 .part1 p {
		margin-top: 1%;
	}
	.page-id-15 #block2 .part1 p.text {
		margin-bottom: 6%;
	}
	.page-id-15 #block1 .part1 p, .page-id-15 #block2 .part1 p {
		font-size: 0.75em;
	}
	.page-id-15 #block1 .part1 .p-img p {
		margin-top: 2.5%;
		width: auto;
		float: none;
	}
	.page-id-15 #block2 .part1 .p-img {
		position: relative;
	}
	.page-id-15 #block2 .part1 .p-img #press .text {
		margin-right: 35%;
	}
	.page-id-15 #block1 .part1 .p-img .paneoimg {
		margin: 4% 0 0 5%;
		float: none;
		width: auto;
		width: 70%;
	}
	.page-id-15 #block2 .part1 .p-img #amada {
		width: 36%;
		position: absolute;
		right: -4%;
		bottom: 0%;
	}
	.page-id-15 #block1 > .part2, .page-id-15 #block2 > .part2 {
		clear: both;
		margin: 0 0 0 5%;
		padding-top: 4%;
	}
	.page-id-15 .part2 table {
		width: 100%;
	}
	.page-id-15 .part2 table.part1 {
		float: none;
	}
	.page-id-15 .part2 table.part2 {
		float: none;
	}
	.page-id-15 .part2 table th {
		width: 45%;
		text-align: center;
	}
	.page-id-15 .part2 table.part2 th, .page-id-15 .part2 table.part2 td {
		border-top: 0;
	}
	.page-id-15 .part2 table .dai {
		width: 15%;
		text-align: center;
	}
	.page-id-15 #block2 {
		padding-top: 5%;
		margin-bottom: 5%;
		clear: both;
	}
	.page-id-15 #block2 .part1 .name p {
		width: 50%;
	}
}


/* p7：Y・B・Mについて
------------------------------------------------------*/
.page-id-17 #block1 {
	margin: 0 5%;
}
.page-id-17 #block1 .part1 {
	float: left;
	width: 66%;
}
.page-id-17 #block1 .part1 #goaisatsu {
	width: 30%;
}
.page-id-17 #block1 .part1 p {
	font-size: 0.75em;
	line-height: 2.25;
	margin-top: 2%;
}
.page-id-17 #block1 .part1 p#daihyo {
	font-size: 1em;
	text-align: right;
	margin-top: 2%;
}
.page-id-17 #block1 #gaikan {
	float: right;
	width: 31.5%;
}
.page-id-17 #block2 {
	padding-bottom: 2%;
	margin: 7% 5% 0;
	border: 1px solid #000;
}
.page-id-17 #block2 #sugoude {
	margin-top: 2%;
	width: 30%;
}
.page-id-17 #block2 .staff {
	margin: 5% 3%;
}
.page-id-17 #block2 .staff .paneoimg {
	float: left;
	width: 20%;
}
.page-id-17 #block2 .staff .part1 {
	float: right;
	width: 77%;
}
.page-id-17 #block2 .staff h1 {
	line-height: 1.25;
	padding: 1.25% 2%;
	background: #06b;
	color: #fff;
	font-weight: normal;
	font-size: 1.125em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
.page-id-17 #block2 .staff p {
	font-size: 0.75em;
	line-height: 1.5;
}
.page-id-17 #block2 .staff p.name {
	font-size: 1em;
	margin: 2% 0 1%;
}

@media only screen and (max-width:767px) {
	.page-id-17 #block1 .part1 {
		float: none;
		width: auto;
		margin: 5%;
	}
	.page-id-17 #block1 .part1 p {
		font-size: 1em;
		line-height: 2;
	}
	.page-id-17 #block1 .part1 p#daihyo {
		font-size: 1em;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.page-id-17 #block1 #gaikan {
		float: none;
		width: auto;
		text-align: center;
		margin: 5%;
	}
	.page-id-17 #block2 {
		margin: 5%;
	}
	.page-id-17 #block2 #sugoude {
		width: 98%;
	}
	.page-id-17 #block2 .staff .paneoimg {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.page-id-17 #block2 .staff .part1 {
		float: none;
		width: auto;
	}
	.page-id-17 #block2 .staff h1 {
		line-height: 1.25;
		padding: 3% 5%;
		font-size: 1em;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
		position: relative;
	}
	.page-id-17 #block2 .staff p {
		font-size: 0.75em;
		line-height: 1.5;
		margin-bottom: 20%;
	}
	.page-id-17 #block2 .staff p.name {
		font-size: 1.25em;
		margin: 2% 0 1%;
		text-align: center;
	}
}


/* p7：Y・B・Mについて（校正中。校正が終わり.page-id-687に反映し次第削除。）
------------------------------------------------------*/
.page-id-687 div#container {
	height: auto;
}
.page-id-687 #block1 {
	margin: 0 5%;
}
.page-id-687 #block1 .part1 {
	float: left;
	width: 66%;
}
.page-id-687 #block1 .part1 #goaisatsu {
	width: 30%;
}
.page-id-687 #block1 .part1 p {
	font-size: 0.75em;
	line-height: 2.25;
	margin-top: 2%;
}
.page-id-687 #block1 .part1 p#daihyo {
	font-size: 1em;
	text-align: right;
	margin-top: 2%;
}
.page-id-687 #block1 #gaikan {
	float: right;
	width: 31.5%;
}
.page-id-687 #block2 {
	padding-bottom: 2%;
	margin: 7% 5% 2%;
	border: 1px solid #000;
}
.page-id-687 #block2 #sugoude {
	margin-top: 2%;
	width: 30%;
}
.page-id-687 #block2 .staff {
	margin: 5% 3%;
}
.page-id-687 #block2 .staff .paneoimg {
	float: left;
	width: 20%;
}
.page-id-687 #block2 .staff .part1 {
	float: right;
	width: 77%;
}
.page-id-687 #block2 .staff h1 {
	line-height: 1.25;
	padding: 1.25% 2%;
	background: #06b;
	color: #fff;
	font-weight: normal;
	font-size: 1.125em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
	position: relative;
}
.page-id-687 #block2 .staff p {
	font-size: 0.75em;
	line-height: 1.5;
}
.page-id-687 #block2 .staff p.name {
	font-size: 1em;
	margin: 2% 0 1%;
}
.page-id-687 footer {
	position: static;
}

@media only screen and (max-width:767px) {
	.page-id-687 #block1 .part1 {
		float: none;
		width: auto;
		margin: 5%;
	}
	.page-id-687 #block1 .part1 p {
		font-size: 1em;
		line-height: 2;
	}
	.page-id-687 #block1 .part1 p#daihyo {
		font-size: 1em;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.page-id-687 #block1 #gaikan {
		float: none;
		width: auto;
		text-align: center;
		margin: 5%;
	}
	.page-id-687 #block2 {
		margin: 5%;
	}
	.page-id-687 #block2 #sugoude {
		width: 98%;
	}
	.page-id-687 #block2 .staff .paneoimg {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.page-id-687 #block2 .staff .part1 {
		float: none;
		width: auto;
	}
	.page-id-687 #block2 .staff h1 {
		line-height: 1.25;
		padding: 3% 5%;
		font-size: 1em;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		behavior: url(/wp-content/themes/ybm/common/PIE/PIE.htc);
		position: relative;
	}
	.page-id-687 #block2 .staff p {
		font-size: 0.75em;
		line-height: 1.5;
		margin-bottom: 20%;
	}
	.page-id-687 #block2 .staff p.name {
		font-size: 1.25em;
		margin: 2% 0 1%;
		text-align: center;
	}
}


/* .page-id-682
------------------------------------------------------*/
.page-id-682 div#container {
	height: auto;
}
.page-id-682 #block1 {
	margin-top: 1px;
}
.page-id-682 #block1 p,
.page-id-682 #block2 p {
	line-height: 1.5;
	margin-top: 0.5em;
}
.page-id-682 #block1 img,
.page-id-682 #block2 img {
	width: 100%;
	height: auto;
}
.page-id-682 #block1 .part2 {
	margin: 3% 5%;
}
.page-id-682 #block1 .part2 .left,
.page-id-682 #block1 .part2 .right {
	position: relative;
}
.page-id-682 #block1 .part2 .left {
	float: left;
	width: 54.5%;
}
.page-id-682 #block1 .part2 .right {
	float: right;
	width: 43.5%;
}
.page-id-682 #block1 .part2 .caption {
	position: absolute;
	top: 5px;
	padding: 2px 20px;
	font-size: 12px;
	background: #3c80b6;
	color: #fff;
	margin: 0;
}
.page-id-682 #block1 .part2 .left .caption {
	left: 5px;
}
.page-id-682 #block1 .part2 .right .caption {
	right: 5px;
}
.page-id-682 #block1 .part3 {
	margin: 3% 5%;
}
.page-id-682 #block1 .part3 h2 {
	margin-bottom: 10px;
}
.page-id-682 #block1 .part3 h2 img {
	height: 50px;
	width: auto;
}
.page-id-682 #block2 {
	padding: 2% 3%;
	margin: 3% 5%;
	background: #dfeaf0;
}
.page-id-682 #block2 section {
	margin: 0;
}
.page-id-682 #block2 h1 {
	border-bottom: 1px solid #3c80b6;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.page-id-682 #block2 h1 img {
	height: 40px;
	width: auto;
	max-width: 100%;
}
.page-id-682 #block2 p {
	margin-bottom: 10px;
}
.page-id-682 #block2 .imgs img {
	width: 23.875%;
	margin-right: 1.5%;
	float: left;
}
.page-id-682 #block2 .imgs img:last-child {
	margin-right: 0;
}
.page-id-682 footer {
	position: static;
}

@media only screen and (max-width:949px) {

	.page-id-682 #block2 h1 img {
		height: auto;
		width: 70%;
	}

}
@media only screen and (max-width:767px) {

	.page-id-682 #block1 .part2 .left,
	.page-id-682 #block1 .part2 .right {
		float: none;
		width: auto;
	}
	.page-id-682 #block1 .part2 .right {
		margin: 1% 0 10%;
	}
	.page-id-682 #block2 h1 {
		margin-top: 2%;
	}
	.page-id-682 #block2 h1 img {
		width: 100%;
	}
	.page-id-682 #block2 .imgs img {
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.page-id-682 #block2 .imgs img:nth-child(odd) {
		margin-right: 2%;
	}

}


/* .page-id-685
------------------------------------------------------*/
.page-id-685 div#container {
	height: auto;
}
.page-id-685 #block1 {
	margin-top: 1px;
}
.page-id-685 #block1 p,
.page-id-685 #block2 p {
	line-height: 1.5;
	margin-top: 5px;
}
.page-id-685 #block1 img,
.page-id-685 #block2 img {
	width: 100%;
	height: auto;
}
.page-id-685 #block1 .part2,
.page-id-685 #block1 .part3 {
	margin: 3% 5%;
}
.page-id-685 #block1 h2 {
	margin-bottom: 10px;
}
.page-id-685 #block1 h2 img {
	height: 50px;
	width: auto;
}
.page-id-685 #block1 .part3 h2,
.page-id-685 #block1 .part3 p {
	float: left;
	margin-right: 3.5%;
}
.page-id-685 footer {
	position: static;
}

@media only screen and (max-width:767px) {

	.page-id-685 #block1 .part2,
	.page-id-685 #block1 .part3 {
		margin: 10% 5%;
	}
	.page-id-685 #block1 .part3 h2,
	.page-id-685 #block1 .part3 p {
		float: none;
		margin-right: 0;
	}
	.page-id-685 #block1 .part3 p {
		margin-bottom: 20px;
	}
	.page-id-685 #block1 .part3 p br {
		display: none;
	}

}


/* p8：会社概要
------------------------------------------------------*/
#topimg {
	margin-bottom: 3%;
}
#rinen {
	width: 25.5%;
	float: left;
	margin-left: 5%;
}
.page-id-19 table {
	width: 63%;
	float: right;
	margin-right: 5%;
}
table th {
	background: #def;
}
.page-id-19 table th {
	width: 25%;
}
.page-id-19 #block1 {
	margin-bottom: 5%;
}
#map {
	width: 50%;
	float: left;
	margin-left: 3%;
}
#map_canvas {
	width: 40%;
	height: 500px;
	float: right;
	margin-right: 5%;
	border: 1px solid #ccc;
}
.gmap {
	width: 40%;
	float: right;
	margin-right: 5%;
	border: 1px solid #ccc;
}
.gmap iframe {
	width: 100%;
	height: 500px;
}

@media only screen and (max-width:550px) {
	#rinen {
		width: auto;
		float: none;
		margin: 10% 2%;
	}
	.page-id-19 table {
		width: auto;
		float: none;
		margin: 10% 2%;
	}
	.page-id-19 table br {
		display: none;
	}
	#map {
		width: auto;
		float: none;
		margin: 0 2% 10%;
	}
	#map_canvas {
		width: auto;
		height: 350px;
		float: none;
		margin: 10% 10% 20%;
	}
	.gmap {
		width: auto;
		float: none;
		margin: 10% 10% 20%;
	}
	.gmap iframe {
		height: 350px;
	}
}


/* p9：お問い合わせ
------------------------------------------------------*/
/* メールフォーム */
.page-id-21 #chui {
	text-align: center;
	margin: 3.5% 5% 1%;
	color: #f00;
	font-size: 0.875em;
}
.page-id-21 #formtitle {
	padding: 0.5%;
	background: #999;
	color: #fff;
	font-weight: bold;
}
.page-id-21 #formtitle, .page-id-21 form {
	margin: 0 10%;
	text-align: center;
}
.page-id-21 form table {
	width: 100%;
}
.page-id-21 form table th {
	width: 25%;
	background: #f6f6f6;
}
.page-id-21 form table td {
	text-align: left;
}
.page-id-21 form table td textarea {
	width: 100%;
}
.page-id-21 form table td input {
	width: 40%;
}
#askform p {
	text-align: center;
	margin-top: 2%;
	margin-bottom: 10%;
}

@media only screen and (max-width:550px) {
	.page-id-21 #formtitle,  .page-id-21 form {
		margin: 0 2%;
		text-align: center;
	}
	.page-id-21 form table th {
		white-space: normal !important;
		width: 40%;
	}
	}
	/* プライバシーポリシー */
	.page-id-21 #privacy {
		width: 90%;
		margin: 4.5% auto 0;
	}
	.page-id-21 #privacy dt {
		background: #aaa;
		padding: 0.2% 0.5%;
		text-align: center;
		color: #fff;
		margin-bottom: 1%;
		font-size: 0.875em;
	}
	.page-id-21 #privacy p {
		margin-bottom: 1%;
		font-size: 0.75em;
		line-height: 1.5;
	}
	.page-id-21 #privacy p.last {
		margin-bottom: 1%;
	}
	.page-id-21 #privacy p span {
		line-height: 2em;
		font-weight: bold;
	}

	@media only screen and (max-width:550px) {
	.page-id-21 #privacy {
		width: auto;
		margin: 5% 4% 10%;
	}
}



/* p9：お問い合わせ（2018年7月以降）
------------------------------------------------------*/
/* メールフォーム */
.page-id-788 #chui {
	text-align: center;
	margin: 3.5% 5% 1%;
	color: #f00;
	font-size: 0.875em;
}
.page-id-788 #formtitle {
	padding: 0.5%;
	background: #999;
	color: #fff;
	font-weight: bold;
}
.page-id-788 #formtitle, .page-id-788 form {
	margin: 0 10%;
	text-align: center;
}
.page-id-788 form table {
	width: 100%;
}
.page-id-788 table th,
.page-id-788 table td {
	border: 1px solid #ccc !important;
}
.page-id-788 form table th {
	width: 25%;
	background: #f6f6f6;
}
.page-id-788 form table td {
	text-align: left;
}
.page-id-788 form table td textarea {
	width: 100% !important;
}
.page-id-788 form table td input {
	width: 100% !important;
}
#askform p {
	text-align: center;
	margin-top: 2%;
	margin-bottom: 10%;
}

@media only screen and (max-width:550px) {
	.page-id-788 #formtitle,  .page-id-788 form {
		margin: 0 2%;
		text-align: center;
	}
	.page-id-788 form table th {
		white-space: normal !important;
		width: 40%;
	}
	}
	/* プライバシーポリシー */
	.page-id-788 #privacy {
		width: 90%;
		margin: 4.5% auto 0;
	}
	.page-id-788 #privacy dt {
		background: #aaa;
		padding: 0.2% 0.5%;
		text-align: center;
		color: #fff;
		margin-bottom: 1%;
		font-size: 0.875em;
	}
	.page-id-788 #privacy p {
		margin-bottom: 1%;
		font-size: 0.75em;
		line-height: 1.5;
	}
	.page-id-788 #privacy p.last {
		margin-bottom: 1%;
	}
	.page-id-788 #privacy p span {
		line-height: 2em;
		font-weight: bold;
	}

	@media only screen and (max-width:550px) {
	.page-id-788 #privacy {
		width: auto;
		margin: 5% 4% 10%;
	}
}




/* .page-id-thanks（thanks.html）
------------------------------------------------------*/
.page-id-thanks #askform {
	padding-top: 15%;
}
.page-id-thanks #askform .wrap_btn {
	margin-top: 15%;
	margin-bottom: 5%;
}
.page-id-thanks .btn {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	padding: 5px 10px;
	display: inline-block;
}


div#p4-main {
position: relative;
}

div#p4-main > p {
position: absolute;
}

div#p4-main > p.kbb1 {
left: 5px;
top: 15px;
}

div#p4-main > p.kbb2 {
left: 5px;
bottom: 15px;
}

div#p4-main > p.kbb3 {
right: 5px;
bottom: 15px;
}

div#fit > img {
width: 100%;
}

.tmsWrap {
display: flex;
justify-content: space-between;
margin-top: 0.5rem;
}

.tmsWrap > p {
flex: 0 1 50%;
}

.tmsWrap > div {
flex: 0 1 44%;
}

.tmsWrap > div > img {
width: 100%;
}
@media (max-width: 320px) {
    div#p4-main > p {
      font-size: 12px;
    }
}
/* 20211124 */
footer {
	bottom: 2%;
	position: relative;
}

.footer__iso {
	width: 45px;
	position: absolute;
	right: 0;
}

.footer__iso img {
	width: 100%;
}

footer #ftr-tel {
	right: 28%;
	top: 17%;
}

footer .ask {
	margin-right: 8%;
}

.footer__iso p {
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
	line-height: 1;
}

footer .inside {
	padding-bottom: 4%;
}

div#container {
	height: auto;
}

@media screen and (max-width: 949px) {
	div#container {
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	footer .ask {
		margin-right: auto;
	}

	footer .inside {
		padding-bottom: 28%;
	}

	.footer__iso {
		right: auto;
		transform: translateX(-50%);
		left: 50%;
	}
}