@charset "UTF-8";
/* Body setting
----------------------------------------------------------- */
body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	border: 3px none #E4007F;
	-webkit-font-smoothing: antialiased;
	background-color: #EAEAEA;
	color: #777;
}
/*コンテナー*/
#container {
	height: auto;
	width: 100%;
	margin: auto;
	padding: 0px;
	color: #231815;
	background-color: #EAEAEA;
}
/*ページイメージ*/
#container #page_img {
	overflow: hidden;
	height: auto;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 500px;
	margin: auto;
	position: relative;
	clear: both;
	float: none;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
#container #page_img {
	overflow: hidden;
	height: auto;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 400px;
	margin: auto;
	position: relative;
	clear: both;
	float: none;
	-moz-background-size:cover;
	background-size:cover;
}
}
@media screen and (max-width: 640px) {
#container #page_img {
	overflow: hidden;
	height: auto;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 200px;
	margin: auto;
	position: relative;
	clear: both;
	float: none;
	-moz-background-size:cover;
	background-size:cover;
}
}
#container #page_img div {
	position: absolute; /* ←ここを変更 */
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari */
	-ms-transform: translateY(-50%); /* IE 9 */
	transform: translateY(-50%);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
}
#container #page_img div h2 {
	font-size: 2.8em;
	line-height: 1.2em;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
@media screen and (max-width: 1080px) {
#container #page_img div h2 {
	font-size: 2.0em;
	line-height: 1.2em;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
}
#container #page_img div p {
	text-align: center;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-top: 0.8em;
	color: #4D4D4D;
	font-family: 'myWebFont';
	font-weight: 700;
}
#container .kukan_img {
	background-attachment: scroll;
	background-image: url(../kukan/img/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .about_img {
	background-attachment: scroll;
	background-image: url(../img/about/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .commesoi_img {
	background-attachment: scroll;
	background-image: url(../img/commesoi/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .original_img {
	background-attachment: scroll;
	background-image: url(../img/original/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .terior_img {
	background-attachment: scroll;
	background-image: url(../img/terior/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .ask_img {
	background-attachment: scroll;
	background-image: url(../img/ask/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .order_img {
	background-attachment: scroll;
	background-image: url(../img/order/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#container .blog_img {
	background-attachment: scroll;
	background-image: url(../img/blog/page_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/*ページサブタイトル*/
.page-t {
	margin-top: 70px;
	margin-bottom: 60px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 1080px) {
.page-t {
	margin-top: 38px;
	margin-bottom: 34px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
}
.page-t h3 {
	font-size: 24px;
	line-height: 28px;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
.page-t p {
	text-align: center;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 1em;
	color: #4D4D4D;
	font-family: myWebFont;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 1080px) {
.page-t p {
	text-align: center;
	font-size: 15px;
	margin-top: 0.3em;
	color: #4D4D4D;
	font-family: myWebFont;
}
}
.page-t p a {
	text-decoration: underline;
}
.page-t-sub {
	margin-top: 70px;
	margin-bottom: 30px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 1080px) {
.page-t-sub {
	margin-top: 38px;
	margin-bottom: 34px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
}
.page-t-sub h3 {
	font-size: 2.2em;
	line-height: 1.2em;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
@media screen and (max-width: 1080px) {
.page-t-sub h3 {
	font-size: 20px;
	line-height: 24px;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
}
/*ギャラリーサブタイトル*/
.gallery-t {
	margin-top: 76px;
	margin-bottom: 68px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 1080px) {
.gallery-t {
	width: 100%;
	margin-top: 38px;
	margin-bottom: 34px;
}
}
.gallery-t h3 {
	font-size: 2.6em;
	line-height: 1.2em;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
@media screen and (max-width: 640px) {
.gallery-t h3 {
	font-size: 2.0em;
	line-height: 1.2em;
	color: #FFF;
	font-family: "A1明朝", "A1 Mincho";
	letter-spacing: 0.1em;
	color: #4D4D4D;
}
}
.gallery-t p {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-top: 0.8em;
	color: #4D4D4D;
	font-family: myWebFont;
	font-weight: 400;
}
@media screen and (max-width: 640px) {
.gallery-t p {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-top: 0.4em;
	color: #4D4D4D;
	font-family: 'myWebFont';
	font-weight: 400;
}
}
.gallery {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.1em;
	color: #4D4D4D;
	font-family: 'myWebFont';
	font-weight: 700;
	width: 1166px;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
@media screen and (max-width:1080px) {
.gallery {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.1em;
	color: #4D4D4D;
	font-family: 'myWebFont';
	font-weight: 700;
	width: 100%;
	margin-top: -25px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
}
.gallery li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #D8D8D8;
	background-color: #FFF;
	padding: 14px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	height: auto;
	width: 275px;
	margin: 8px;
}
@media screen and (max-width: 1080px) {
.gallery li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #D8D8D8;
	background-color: #FFF;
	padding: 14px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	height: auto;
	width: 30.333333%;
	margin: 1.5%;
}
}
@media screen and (max-width: 640px) {
.gallery li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #D8D8D8;
	background-color: #FFF;
	padding: 14px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	height: auto;
	width: 47%;
	margin: 1.5%;
}
}
.gallery li img {
	height: auto;
	width: 100%;
	  transition-duration:0.3s;
}
.gallery li img:hover {
	opacity: 0.6;
}
.gallery li>p {
	text-align: center;
	margin-top: 0.8em;
	color: #4D4D4D;
	font-family: myWebFont;
	font-size: 1.2em;
	transition-duration:0.3s;
}

/*アバウト*/
.column-3 {
	text-align: center;
	width: 1200px;
	margin: auto;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
.column-3 {
	text-align: center;
	width: 95%;
	margin: auto;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
}
#container .column-3 li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 368px;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
@media screen and (max-width: 1080px) {
#container .column-3 li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 30%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
}
@media screen and (max-width: 640px) {
#container .column-3 li {
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 40px;
	margin-left: 0px;
	position: relative;
	clear: both;
}
}
#container .column-3 li:last-child {
	margin-top: 0px;
	margin-right: 0px;
	height: auto;
}
#container .column-3 li:first-child {
}
#container .column-3 li:first-child img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 640px) {
#container .column-3 li:first-child {
	text-align: center;
	margin-bottom: 40px;
}
	}
@media screen and (max-width: 640px) {
#container .column-3 li:first-child img {
	margin: auto;
width: 50%;
	height: auto
}
}
#container .column-3 li p {
	margin-bottom: 1.5em;
	font-size: 1.6em;
	line-height: 2.0em;
	text-align: left;
}
@media screen and (max-width: 1080px) {
#container .column-3 li p {
	margin-bottom: 1.5em;
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: left;
}
}
@media screen and (max-width: 640px) {
#container .column-3 li p {
	margin-bottom: 1.5em;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
}
}
#container .column-3 li p:last-child {
	margin-bottom: 0px;
}
#container .column-3 li p a {
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
#container .column-3 li img {
	position: relative;
	left: 0px;
	bottom: 0px;
	height: auto;
	width: 50%;
	margin: auto;
}
}
#container #map01 {
	height: 600px;
	width: 100%;
	margin-top: 140px;
}
@media screen and (max-width: 1080px) {
#container #map01 {
	height: 500px;
	width: 100%;
	margin-top: 10%;
}
}
@media screen and (max-width: 640px) {
#container #map01 {
	height: 500px;
	width: 100%;
	margin-top: 3%;
}
}
/*コムソイ*/
.commesoi {
	text-align: center;
	width: 1200px;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 110px;
	margin-left: auto;
}
@media screen and (max-width: 1080px) {
.commesoi {
	text-align: center;
	width: 95%;
	margin: auto;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
}
}
#container .commesoi li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 368px;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
@media screen and (max-width: 1080px) {
#container .commesoi li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 30%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
}
@media screen and (max-width: 640px) {
#container .commesoi li {
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 40px;
	margin-left: 0px;
	position: relative;
	clear: both;
	overflow: hidden;
}
}
#container .commesoi li:last-child {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width: 640px) {
#container .commesoi li:first-child {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	text-align: center;
	vertical-align: middle;
	float: none;
	height: auto;
	width: 100%;
	clear: both;
}
}
@media screen and (max-width: 640px) {
#container .commesoi li:first-child img {
	width: 50%;
	height: auto;
}
}
#container .commesoi li p {
	margin-bottom: 1.5em;
	font-size: 1.6em;
	line-height: 2.0em;
	text-align: left;
}
@media screen and (max-width: 1080px) {
#container .commesoi li p {
	margin-bottom: 1.5em;
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: left;
}
}
@media screen and (max-width: 640px) {
#container .commesoi li p {
	margin-bottom: 1.5em;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
}
}
#container .commesoi li p:last-child {
	margin-bottom: 0px;
}
#container .commesoi li img {
	height: auto;
	width: 100%;
}
@media screen and (max-width: 640px) {
#container .commesoi li img {
	position: relative;
	left: 0px;
	bottom: 0px;
	height: auto;
	width: 50%;
	margin: auto;
}
}

.commesoi-blog {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 1px;
	overflow: hidden;
	height: auto;
	width: auto;
}

#calendar {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 70px;
}
@media screen and (max-width: 1080px) {
#calendar {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 50px;
}
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 640px) {
.embed-container {
	display: none;
}
}
@media screen and (min-width: 641px) {
.sp-container {
	display: none;
}
}
@media screen and (max-width: 640px) {
.sp-container {
	display: inline;
}
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width:800px;
	margin-right: auto;
	margin-left: auto;
}
#container .form {
	margin: auto;
	width: 1200px;
}
@media screen and (max-width: 1080px) {
#container .form {
	margin: auto;
	width: 95%;
}
}
.form table {
	width: 800px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}
@media screen and (max-width: 1080px) {
.form table {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
}
.form table tr th {
	font-size: 1.7em;
	line-height: 1.8em;
	padding-bottom: 20px;
	font-weight: normal;
	text-align: right;
	padding-right: 2em;
	width: 40%;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
 @media screen and (max-width: 1080px) {
.form table tr th {
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 0px;
	font-weight: bold;
	text-align: left;
	padding-right: 0px;
	width: 100%;
	padding-top: 20px;
	display: block;
	clear: both;
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
}
}
.form table tr td {
	font-size: 1.5em;
	line-height: 1.8em;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
.form table tr td {
	font-size: 13px;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 20px;
	text-align: left;
	display: block;
	clear: both;
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0px;
	padding-left: 0px;
}
}
.form table tr td label {
	margin-right: 1em;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
@media screen and (max-width: 640px) {
.form table tr td label {
	margin-right: 1em;
	display: block;
}
}
#formbox2  .wpcf7-list-item-label {
	margin: 0px;
	padding: 0px;
}
#formbox2 .wpcf7-list-item {
	padding: 0px;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wpcf7-f171-p161-o1 .wpcf7-form .form #formbox3 tr td .wpcf7-form-control-wrap.radio-shiharai .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	margin: 0px;
	padding: 0px;
}
.form table tr td .form-100 {
	width: 100%;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
.form table tr td .form-100 {
	width: 100%;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
}
.form table tr td .form-50 {
	width: 40%;
	padding: 8px;
}
@media screen and (max-width: 1080px) {
.form table tr td .form-50 {
	width: 50%;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
}
.form table tr td .form-10 {
	width: 10%;
	padding: 8px;
}
@media screen and (max-width: 1080px) {
.form table tr td .for150 {
	width: 10%;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
}
@media screen and (max-width: 640px) {
.form table tr td .rei {
	display: block;
}
}
.form div input {
	font-size: 1.8em;
	width: 120px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	margin-left: 10px;
}
#container .form div {
	margin-top: 10px;
}
.form div input:hover {
	background-color: #EDEDED;
}
#container .order-txt {
	font-size: 1.8em;
	line-height: 1.8em;
	margin: auto;
	width: 900px;
}
@media screen and (max-width: 1080px) {
#container .order-txt {
	font-size: 1.6em;
	line-height: 1.8em;
	margin: auto;
	width: 95%;
}
}
#container .order-txt a {
	text-decoration: underline;
}
.order-h4 span {
	margin-left: 1em;
	font-size: 0.9em;
}
@media screen and (max-width: 1080px) {
.order-h4 span {
	margin-left: 0em;
	display: block;
	margin-top: 0.2em;
	font-size: 0.7em;
}
}
#container .wpcf7-list-item label {
	float: left;
}
/*terior*/
.terior {
	text-align: center;
	width: 1200px;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 110px;
	margin-left: auto;
}
@media screen and (max-width: 1080px) {
.terior {
	text-align: center;
	width: 95%;
	clear: both;
	float: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
}
#container .terior li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 368px;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	text-align: center;
}
#container .terior li:last-child {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width: 640px) {
#container .terior li:first-child {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	text-align: center;
	vertical-align: middle;
	float: none;
	height: auto;
	width: 100%;
	clear: both;
}
}
@media screen and (max-width: 1080px) {
#container .terior li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 30%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
}
@media screen and (max-width: 640px) {
#container .terior li {
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 40px;
	margin-left: 0px;
	position: relative;
	clear: both;
	overflow: hidden;
}
}
@media screen and (max-width: 1080px) {
#container .terior img {
	width: 100%;
	height: auto;
}
}
@media screen and (max-width: 640px) {
#container .terior img {
	width: 40%;
	height: auto;
}
}
#container .terior li p {
	margin-bottom: 1.5em;
	font-size: 1.6em;
	line-height: 2.0em;
	text-align: left;
}
@media screen and (max-width: 1080px) {
#container .terior li p {
	margin-bottom: 1.5em;
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: left;
}
}
@media screen and (max-width: 640px) {
#container .terior li p {
	margin-bottom: 1.5em;
	font-size: 1.6em;
	line-height: 1.8em;
	text-align: left;
}
}
#container .terior li p:last-child {
	margin-bottom: 0px;
}
#container .terior li img {
}
/* オーダー
----------------------------------------------------------- */
#container .order {
	text-align: left;
	margin: auto;
	width: 1200px;
}
@media screen and (max-width: 1080px) {
#container .order {
	text-align: left;
	width: 90%;
	margin: auto;
}
}
#container .order2 {
	text-align: left;
	width: 800px;
	margin: auto;
}
@media screen and (max-width: 1080px) {
#container .order {
	text-align: left;
	width: 95%;
	margin: auto;
}
}
.order .contact, .order2 .contact {
	font-size: 1.6em;
	line-height: 1.8em;
	margin-bottom: 1em;
}
@media screen and (max-width: 1080px) {
.order .contact, .order2 .contact {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 1em;
}
}
.order .txt, .order2 .txt {
	font-size: 1.6em;
	line-height: 1.8em;
}
@media screen and (max-width: 1080px) {
.order .txt, .order2 .txt {
	font-size: 14px;
	line-height: 22px;
}
}
.order-data {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}
.order-data li {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
@media screen and (max-width: 1080px) {
.order-data li {
	font-size: 13px;
	line-height: 20px;
	width: 100%;
}
}
.order-data li+li {
	margin-top: 1.5em;
}
#container .law_list li>p {
	font-size: 0.9em;;
}
#container .law_list li>p a {
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
.order-data li img {
	width: 100%;
}
}
.order-data .li-sub {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
@media screen and (max-width: 640px) {
.order-data .li-sub {
	font-size: 13px;
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
}
.order-h4 {
	font-size: 1.7em;
	line-height: 1em;
	color: #FFF;
	background-color: #666;
	text-align: center;
	width: 800px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
@media screen and (max-width: 1080px) {
.order-h4 {
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
	background-color: #666;
	text-align: center;
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
}
input[type="text"]
{
	background-color: #fff;
	color: #000;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-right: 0.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
input[type="text"]
{
	background-color: #fff;
	color: #000;
	font-size: 2.0em;
	line-height: 1.2em;
	margin-right: 0.4em;
	width: 80%;
}
}
input[type="email"]
{
	background-color: #fff;
	color: #000;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-right: 0.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
input[type="email"]
{
	background-color: #fff;
	color: #000;
	font-size: 2.0em;
	line-height: 1.2em;
	margin-right: 0.4em;
	width: 80%;
}
}

input[type="textarea"]
{
	background-color: #fff;
	color: #000;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-right: 0.4em;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
select[type="select"]
{
	-webkit-appearance:none;
	background-color: #fff;
	color: #000;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-right: 1em;
}
.form select {
	font-size: 1.8em;
}
@media screen and (max-width: 640px) {
.form select {
	font-size: 1.2em;
}
}
@media screen and (max-width: 1080px) {
#time
{
	width: 20%;
}
}


/* フッター
----------------------------------------------------------- */
#copyright {
	font-size: 1em;
	line-height: 1em;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 0em;
	padding-top: 5em;
	padding-bottom: 1.5em;
	width: 100%;
}

#container .form .button {
	margin-top: 60px;
}
.txt.indent {
	text-indent: -1em;
	padding-left: 1em;
}
/*ブログ*/
.blog {
	margin-top: 0px;
	margin-bottom: 60px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
@media screen and (max-width: 1080px) {
.blog {
	margin-top: 38px;
	margin-bottom: 34px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
}
#main {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	overflow: hidden;
	text-align: left;
}
@media screen and (max-width: 640px) {
#main {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	overflow: hidden;
	text-align: left;
	clear: both;
}
}
.blog h4 {
	font-size: 2.0em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
	text-align: left;
}
@media screen and (max-width: 640px) {
.blog h4 {
	font-size: 1.8em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	text-align: left;
}
}
.blog .day {
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	color: #666;
}
.blog .thema {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-weight: bold;
	color: #666;
}
@media screen and (max-width: 640px) {
.blog .thema {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-weight: bold;
	color: #666;
}
}
.blog .txt {
	font-size: 1.5em;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.blog img {
	margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.blog img {
	margin-bottom: 20px;
	height: auto;
	width: 100%;
}
}
#right {
	margin-top: 0px;
	margin-bottom: 60px;
	width: 25%;
	margin-right: auto;
	margin-left: auto;
	float: right;
	overflow: hidden;
}
@media screen and (max-width: 640px) {
#right {
	margin-top: 50px;
	margin-bottom: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	overflow: hidden;
}
}
#right h4 {
	color: #FFF;
	background-color: #666;
	text-align: left;
	padding: 0.4em;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 0.9em;
	font-family: "A1明朝", "A1 Mincho";
}
#right .blog-list {
	overflow: hidden;
	margin-bottom: 2em;
}
#right .blog-list li {
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}


.widget li {
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.section + .section {
	margin-top: 40px;
}
#main .pager {
	margin-top: 5em;
	padding-top: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#main .pager li a {
	background-color: #FFF;
	float: left;
	padding-top: 0.4em;
	padding-right: 1em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	border: 1px solid #CCC;
	font-size: 1.3em;
	line-height: 1.1em;
}
#main .pager li a:hover {
	background-color: #EDEDED;
}
#main .pager li:first-child {
	float: left;
}
#main .pager li:last-child {
	float: right;
}
wpcf7-response-output{
	float: right;
	font-size: 1.8em;
	line-height: 1.3em;
}