@charset "utf-8";
/*
Theme Name: eiwan
Theme URI:http://ei-wan.co.jp/
Description: This is our original theme.
Version:1.0
*/
/* 初期設定
 ======================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 16px;
	overflow-y: scroll;/*background: #79c8bf;*/
}
@media only screen and (max-width:767px) {
html {
	font-size : 14px;
}
}
body {
	word-wrap: break-word;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
	position: relative;
	right: 0;
	overflow-x: hidden;/*background: #fff;*/
}
h1, h2, h3, h4, h5, h6, caption, address, th {
	font-style : normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
hr {
/*	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;*/
}
a {
	margin: 0;
	padding : 0;
	outline: none;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
	color: #333;
}
@media only screen and (min-width:1025px) {
a:hover, a:hover img {
	transition: all 0.5s ease;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
}
button, fieldset, form, input, label, legend, select, textarea {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
}
input, select {
	vertical-align: middle;
}
.cfx {
	display: inline-table;
	zoom: 1;
}
.cfx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
/* hides from ie mac \*/
* html .cfx {
	height: 1%;
}
.cfx {
	display: block;
}
/* end hide from ie mac */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb75 {
	margin-bottom: 75px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml35 {
	margin-left: 35px;
}
.ml40 {
	margin-left: 40px;
}
.ml45 {
	margin-left: 45px;
}
.ml50 {
	margin-left: 50px;
}
.mr5 {
	margin-right: 5px;
}
.mr8 {
	margin-right: 8px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mr35 {
	margin-right: 35px;
}
.mr40 {
	margin-right: 40px;
}
.mr45 {
	margin-right: 45px;
}
.mr50 {
	margin-right: 50px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pt35 {
	padding-top: 35px;
}
.pt40 {
	padding-top: 40px;
}
.pt45 {
	padding-top: 45px;
}
.pt50 {
	padding-top: 50px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb35 {
	padding-bottom: 35px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb45 {
	padding-bottom: 45px;
}
.pb50 {
	padding-bottom: 50px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pl35 {
	padding-left: 35px;
}
.pl40 {
	padding-left: 40px;
}
.pl45 {
	padding-left: 45px;
}
.pl50 {
	padding-left: 50px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr25 {
	padding-right: 25px;
}
.pr30 {
	padding-right: 30px;
}
.pr35 {
	padding-right: 35px;
}
.pr40 {
	padding-right: 40px;
}
.pr45 {
	padding-right: 45px;
}
.pr50 {
	padding-right: 50px;
}
.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.ptb40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.ptb45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.ptb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.plr5 {
	padding-right: 5px;
	padding-left: 5px;
}
.plr10 {
	padding-right: 10px;
	padding-left: 10px;
}
.plr15 {
	padding-right: 15px;
	padding-left: 15px;
}
.plr20 {
	padding-right: 20px;
	padding-left: 20px;
}
.plr25 {
	padding-right: 25px;
	padding-left: 25px;
}
.plr30 {
	padding-right: 30px;
	padding-left: 30px;
}
.plr35 {
	padding-right: 35px;
	padding-left: 35px;
}
.plr40 {
	padding-right: 40px;
	padding-left: 40px;
}
.plr45 {
	padding-right: 45px;
	padding-left: 45px;
}
.plr50 {
	padding-right: 50px;
	padding-left: 50px;
}
.p5 {
	padding: 5px;
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
.p20 {
	padding: 20px;
}
.p25 {
	padding: 25px;
}
.p30 {
	padding: 30px;
}
.p35 {
	padding: 35px;
}
.p40 {
	padding: 40px;
}
.p45 {
	padding: 45px;
}
.p50 {
	padding: 50px;
}
.center {
	text-align: center !important;
}
.v_top {
	vertical-align: top !important;
}
@media only screen and (max-width:767px) {
.hide_sp {
	display: none !important;
}
}
@media only screen and (min-width:768px) {
.hide_pc {
	display: none !important;
}
}
@media only screen and (max-width:767px) {
.br:before {
	content: "\A";
	white-space: pre;
}
}
/* header */
.header_wrapper {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);/*IE8以下用*/
	z-index: 9998;
}
@media only screen and (max-width:767px) {
.header_wrapper {
	background: none;
	position: static;
}
}
header {
	width: 100%;
}
.header_content {
	width: 100%;
	margin: 0 auto;
	padding: 2% 2.5% 2% 3%;
	display: table;
	table-layout: fixed
}
@media only screen and (max-width:767px) {
.header_content {
	padding: 7% 2%;
}
}
.logo_wrapper {
	width: 9.3%;
	display: table-cell;
}
.logo_wrapper img {
	display: inline-block;
    backface-visibility: hidden;
}
@media only screen and (max-width:1024px) {
.logo_wrapper {
	display: block;
	margin: 0 auto;
	text-align: center;
}
}
@media only screen and (max-width:767px) {
.logo_wrapper {
	width: 15%;
}
}
nav {
	display: table-cell;
	vertical-align: middle;
	width: 80%;
}
 @media only screen and (max-width:1024px) {
nav {
	display: none;
}
}
div.slide_menu {
	display: none;
	z-index: 9999;
}
@media only screen and (min-width:1025px) {
div.slide_menu {
	right: 0 !important;
}
}
nav ul li {
	float: left;
	/*margin-left: 4%;*/
	margin-left: 30px;
	/*font-size: 1.7vw;
	font-size: 1.2em;*/
	font-size: 19px;
	text-align: center;
	position: relative;
}
@media only screen and (max-width:1170px) {
nav ul li {
	/*font-size: 1.1em;*/
	font-size: 16px;
}
}
nav ul li span {
	font-size: 0.68em;
	display: block;
}
.scroll_nav {
	width: 100%;
	margin: 0 auto;
	display: block;
	table-layout: fixed;
	padding: 1% 2.5% 1% 7.4%;
	background: rgba(255,255,255,0.8);
	position: fixed;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	z-index: 9998;
	opacity: 0;
}
@media only screen and (max-width:1024px) {
.scroll_nav {
	background: #79c8bf;
	padding: 15px;
	position: fixed;
	width: 100%;
}
}
.fade {
	opacity: 1;
	display: block;
}
@media only screen and (min-width:1025px) {
.scroll_nav_sp, .sp_nav_logo {
	display: none !important;
}
}
.logo_wrapper_sn {
	width: 4%;
	display: table-cell;
}
@media only screen and (max-width:1024px) {
.logo_wrapper_sn {
	display: none !important;
}
}
.scroll_nav ul li span {
	display: none;
}
.logo_wrapper_sn img {
	margin-left: -15px;
	width: 58px;
	display: inline-block;
    backface-visibility: hidden;
}
@media only screen and (max-width:1024px) {
div.slide_menu {
	display: block;
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background: #79c8bf;
}
div.slide_menu ul li {
	float: none !important;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 10px;
}
div.slide_menu ul li:first-child {
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
}
div.slide_menu ul li span {
	display: none !important;
}
div.slide_menu ul li a {
	color: #fff !important;
	font-size: 18px;
	display: block;
}
.sp_nav_logo {
	display: block;
	width: 40px;
	margin: 0 auto;
}
.sp_nav_logo img {
	width: 40px;
}
}
ul.font_change {
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
	position: absolute;
	top: 42%;
	right: 2.5%;
}
@media only screen and (max-width:1024px) {
ul.font_change {
	display: none !important;
}
}
ul.font_change li {
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	margin-left: 5px;
	color: #fff;
	background: #ccc;
}
ul.font_change li a {
	padding-top: 3.5px;
	color: #fff;
	display: block;
	height: 100%;
}
ul.font_change li a:hover {
	background: #79c8bf;
}
ul.font_change li.font_s {
	width: 25px;
	height: 25px;
	font-size: 12px;
}
ul.font_change li.font_m {
	width: 30px;
	height: 30px;
	font-size: 16px;
}
ul.font_change li.font_l {
	width: 35px;
	height: 35px;
	font-size: 20px;
}
.font_lv01 {
	font-size: 80%
}
.font_lv02 {
	font-size: 100%
}
.font_lv03 {
	font-size: 120%
}
.textresizer-active {
	background: #79c8bf !important;
}
/* menu_icon */
.menu_icon {
	display: none;
}
@media only screen and (max-width:1024px) {
.menu_icon {
	display: block;
	width: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}
}
.menu_icon img {
	width: 46px;
}
@media only screen and (min-width:1025px) {
nav ul li a:hover {
	transition: all 0.5s ease;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #79c8bf;
}
}
/* visual_area */
#visual_area .mainvisual {
	font-size: 0;
}
#visual_area .mainvisual img {
	width: 100%;
}
#visual_area .intro {
	background: #79c8bf;
	color: #fff;
	text-align: center;
	padding: 7.2% 5%;
	margin-top /***/: -1px;
	font-size: 1.2em;
	line-height: 1.7em;
}
@media only screen and (max-width:767px) {
#visual_area .intro {
/*margin-bottom: 3%;*/
}
}
@media only screen and (max-width:510px) {
#visual_area .intro .br_intro:before {
	content: "\A";
	white-space: pre;
}
}
.latest_case {
	text-align: center;
}
@media only screen and (max-width:1024px) {
.latest_case {
	padding: 5px;
}
}
.latest_case ul li {
	width: 25%;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	font-size: 1em;
}
@media only screen and (max-width:1024px) {
.latest_case ul li {
	width: 50%;
	padding: 5px 5px 20px;
}
}
@media only screen and (max-width:767px) {
.latest_case ul li {
/*width: 100%;
	margin-bottom: 20px;*/
}
}
.latest_case ul li img {
	width: 100%;
}
.figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	color: #fff;
	display: none\9;
}
@media only screen and (max-width:1024px) {
.figcaption {
	position: static;
	background: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1;
	color: #333;
}
}
.fig_inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	margin: -40px auto 0;
	/*transform: translateY(-50%);*/
	padding: 10px;
}
@media only screen and (max-width:1024px) {
.fig_inner {
	position: static;
	padding: 0;
	margin: auto;
}
}
/*#visual_area .figcaption h3 {
	height: 2.7em;
}*/
.figcaption h3 {
	font-size: 1.1em;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	padding: 10px;
	/*height: 2.7em;*/
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
@media only screen and (max-width:1024px) {
.figcaption h3 {
	position: static;
	padding: 0;
	/*height: 1em;
	font-size: 1.2em;*/
	margin-top: 20px;
}
}
.fig_inner p {
	margin-top: 45px;
	font-size: 0.9em;
}
@media only screen and (max-width:1024px) {
.fig_inner p {
	margin-top: 10px;
	color: #888;
}
}
.figure:hover .figcaption {
	opacity: 1;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66000000, EndColorStr=#66000000)\9;
	display: inline\9;
}
.reform, .exterior {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}
@media only screen and (max-width:1024px) {
.reform, .exterior {
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
.exterior {
	margin-top: 40px;
}
}
@media only screen and (max-width:767px) {
reform, .exterior {
	width: 100%;
	display: block;
}
}
.reform_content_l, .exterior_content_r {
	display: table-cell;
	width: 50%;
	text-align: center;
	background: #79c8bf;
	color: #fff;
	vertical-align: middle;
	font-size: 1.5em;
}
@media only screen and (max-width:1024px) {
.reform_content_l, .exterior_content_r {
	display: none;
}
}
.reform_content_l span, .exterior_content_r span {
	display: block;
	font-size: 0.67em;
}
.reform_content_r, .exterior_content_l {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
@media only screen and (max-width:1024px) {
.reform_content_r, .exterior_content_l, .reform_content_l, .exterior_content_r {
	width: 100%;
}
}
.reform_content_r img, .exterior_content_l img {
	display: table-cell;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.reform_content_r .txt, .exterior_content_l .txt {
	font-size: 1rem;
	position: absolute;
	top: 0;
	max-height: 100%;
	overflow: hidden;
}
@media only screen and (max-width:1024px) {
.reform_content_r .txt, .exterior_content_l .txt {
	position: static;
}
}
.reform_content_r .txt h2, .exterior_content_l h2 {
	font-size: 1.5em;
	color: #79c8bf;
	padding: 50px 20px 0;
}
.reform_content_r .txt>p, .exterior_content_l .txt>p {
	text-align: left;
	padding: 10px 50px 0;
}
@media only screen and (max-width:1024px) {
.reform_content_r .txt h2, .exterior_content_l h2 {
	padding-top: 30px;
}
.reform_content_r .txt>p, .exterior_content_l .txt>p {
	text-align: left;
	padding: 10px 20px 0;
}
}
@media only screen and (max-width:767px) {
.reform_content_r, .exterior_content_l {
	display: block;
}
}
/* content_area */
#content_area {
	max-width: 1220px;
	margin: 0 auto;
}
h2.title {
	text-align: center;
	font-size: 2.5em !important;
	position: relative;
	margin: 0 !important;
}
@media only screen and (max-width:767px) {
h2.title {
	font-size: 2em !important;
}
}
.sub_title {
	text-align: center;
	margin: -5px 0 0 !important;
	z-index: 10;
	position: relative;
}
h2.title:before {
	content: "";
	display: block;
	border-top: solid 1px #ccc;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
h2.title span {
	background: #fff;
	padding: 0 20px;
	position: relative;
	z-index: 5;
}
h3.title {
	text-align: center;
	font-size: 1.5em;
}
@media only screen and (max-width:1024px) {
h3.title {
	font-size: 1.3em !important;
}
}
.top_information {
	text-align: center;
}
dl.news_list {
	margin: 30px auto 0;
	display: block;
	text-align: left;
	min-width: 70%;
}
dl.news_list>dt {
	width: 27%;
	text-align: right;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 15px;
	padding-top: 4px;
	font-size: 0.9em;
	color: #888;
	white-space: nowrap;
}
dl.news_list>dd {
	padding-left: 30%;
	display: block;
	margin-bottom: 15px;
}
dl.news_list>dd a {
	font-size: 1.2em;
}
@media only screen and (min-width:1025px) {
dl.news_list>dd a:hover {
	color: #79c8bf;
}
}
@media only screen and (max-width:767px) {
dl.news_list>dt {
	font-size: 0.7em;
}
dl.news_list>dd a {
	font-size: 1.1em;
}
}
.consultation, .top_information {
	width: 100%;
	padding: 100px 10px 0;
}
@media only screen and (max-width:767px) {
.consultation, .top_information {
	padding: 70px 10px 0;
}
}
.consultation ul {
	width: 100%;
}
.consultation ul li {
	width: 50%;
	float: left;
	text-align: center;
	padding: 2% 1%;
}
@media only screen and (max-width:767px) {
.consultation ul li {
	width: 100%;
	display: block;
	padding: 0;
	float: none;
}
}
.contact_web {
	border-right: 1px solid #ccc;
}
@media only screen and (max-width:767px) {
.contact_web {
	border-right: none;
}
}
.contact_web .theme_button {
	margin-top: 30px;
}
@media only screen and (max-width:767px) {
.contact_web .theme_button {
	margin-top: 10px;
}
}
@media only screen and (max-width:767px) {
.contact_tel {
	margin-top: 40px;
}
}
.contact_tel .tel, .contact_tel .tel a {
	color: #79c8bf;
	/*font-size: 2em;*/
	font-size: 32px;
	font-weight: bold;
	margin-top: 10px;
}
@media only screen and (max-width:767px) {
.contact_tel .tel {
	margin-top: 5px;
}
}
footer {
	width: 100%;
	color: #fff;
	background: #79c8bf;
	margin-top: 100px;
}
.footer_content {
	display: table;
	max-width: 980px;
	margin: 0 auto;
	padding: 3% 10px;
	border-collapse: separate;
	border-spacing: 30px;
	white-space: nowrap;
}
.footer_content a {
	color: #fff;
}
@media only screen and (min-width:1025px) {
.footer_content a:after {
	content: '';
	background: url(./images/link_arrow.png) no-repeat right center;
	width: 8px;
	height: 15px;
	position: absolute;
	margin: 3px 0 0 10px;
}
}
.footer_l, .footer_m, .footer_r {
	display: table-cell;
	vertical-align: top;
}
.footer_l {
	width: 25%;
}
.footer_m {
	width: 45%;
}
@media only screen and (max-width:1024px) {
.footer_l, .footer_m, .footer_r ul:first-child {
	display: none;
}
}
.footer_r {
	width: 25%;
}
@media only screen and (max-width:1024px) {
.footer_r {
	width: 100%;
	text-align: center;
}
}
.footer_l ul, .footer_m ul, .footer_r ul {
	border-top: 2px solid #fff;
}
@media only screen and (max-width:1024px) {
.footer_r ul {
	border-top: none;
}
}
.footer_l ul li, .footer_m ul li, .footer_r ul li {
	padding: 2px 10px;
}
.footer_m ul {
	float: left;
	width: 50%;
}
p.registration {
	padding-bottom: 5px;
	text-align: center;
}
@media only screen and (max-width:767px) {
p.registration {
	font-size: 75%;
}
}
p.copylight {
	padding-bottom: 50px;
	text-align: center;
}
/*---------------------------------------------------*
 *  case page
*----------------------------------------------------*/
/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}
/* ---- .grid-item ---- */

.grid-sizer, .grid-item {
	width: 25%;
}
.grid-item {
	float: left;
}
@media only screen and (max-width:1024px) {
.grid-item {
	padding: 5px;
	margin-bottom: 30px;
	display: inline-block;
	float: none;
	width: 100%;
}
}
.grid-item img {
	display: block;
	max-width: 100%;
	width: 100%;
}
@media only screen and (max-width:1024px) {
.grid-item img {
	width: 60%;
	margin: 0 auto;
}
}
@media only screen and (max-width:1024px) {
.grid-item.w_50 img {
	width: 100%;
}
}
.w_50 {
	width: 50%;
}
@media only screen and (max-width:1024px) {
.w_50 {
	width: 100%;
}
}
/*---------------------------------------------------*
 *  case_detail page
*----------------------------------------------------*/
.detail_intro {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
}
@media only screen and (max-width:767px) {
.detail_intro p {
	text-align: left;
}
}
.detail_intro h3 {
	display: inline-block;
	margin: 0 auto;
	border-bottom: 2px dotted #79c8bf;
	font-size: 1.7em;
}
div.category {
	margin: 5% 0;
	display: block;
	text-align: center;
}
div.category ul, div.category ul li {
	display: inline-block;
}
div.category ul li a {
	border: 1px solid #ccc;
	display: inline-block;
	margin: 5px;
	padding: 4px 10px;
}
div.category ul li.all_category a {
	background-color: #79c8bf;
	color: #fff;
	border: 1px solid #79c8bf !important;
}
div.category ul li.current-cat a {
	background-color: #79c8bf;
	color: #fff;
	border: 1px solid #79c8bf !important;
}
@media only screen and (max-width:767px) {
div.category a {
	display: table;
	margin: 8px auto;
}
}
dl.detail_data {
	margin: 40px auto;
	display: block;
	text-align: left;
	width: 50%;
	border-top: 1px solid #ccc;
}
@media only screen and (max-width:767px) {
dl.detail_data {
	text-align: center;
	width: 100%;
}
}
dl.detail_data>dt {
	display: block;
	float: left;
	clear: left;
	width: 50%;
	padding: 2% 2% 2% 8%;
}
@media only screen and (max-width:767px) {
dl.detail_data>dt {
	float: none;
	border: none;
	width: 100%;
	padding: 2% 0 0;
	color: #888;
}
}
dl.detail_data>dd {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 2%;
	padding-left: 50%;
}
@media only screen and (max-width:767px) {
dl.detail_data>dd {
	padding: 2%;
}
}
.detail_content {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.detail_content #detail_tab1 p.summary {
	text-align: center;
}
@media only screen and (max-width:767px) {
.detail_content #detail_tab1 p.summary {
	text-align: left;
}
}
.detail_content img {
	display: block;
	margin: 0 auto;
}
.detail_content section {
	margin: 40px 0;
}
.detail_content h4 {
	font-size: 1.3em;
}
.detail_content .before {
	margin-bottom: 30px;
}
@media only screen and (max-width:767px) {
.detail_content h4 {
	text-align: center;
}
}
.detail_content .before p, .detail_content .after p {
	margin: 20px 0 10px;
	text-align: center;
}
@media only screen and (max-width:767px) {
.detail_content .before p, .detail_content .after p {
	text-align: left;
}
}
/*.detail_content .after {
	margin-top: 50px;
}
@media only screen and (max-width:767px) {
.detail_content .after {
	margin-top: 30px;
}
}*/
.point {
	margin: 0 6%;
}
@media only screen and (max-width:767px) {
.point {
	margin: 10px auto 0;
}
}
.point span {
	background: #e8fbf9;
	padding: 35px 70px;
	display: table;
	margin: 60px auto 0;
}
@media only screen and (max-width:767px) {
.point span {
	margin: 3px auto 0;
	padding: 20px;
	width: 100%;
}
}
.point span:before {
	content: url(./images/point_icon.png);
	position: absolute;
	margin: -78px 0 0 -114px;
}
@media only screen and (max-width:767px) {
.point span:before {
	content: none;
}
}
.point_icon_sp {
	display: none !important;
}
@media only screen and (max-width:767px) {
.point_icon_sp {
	display: block !important;
	width: 90px;
	height: 73px;
	margin: 0 auto;
	position: relative;
	left: 15px;
}
}
ul.prev_button {
	display: block;
	text-align: center;
	margin: 0 auto;
}
ul.prev_button li {
	display: inline-block;
	margin: 0 10px 10px;
}
#page_contents {
	margin-top: 17%;
}
@media only screen and (max-width:767px) {
#page_contents {
	margin-top: 0;
}
}
#case_area h2, #case_detail_area h2 {
	text-align: center;
	font-size: 1.2em;
}
#case_area .latest_case {
	margin-bottom: 20px;
}
.pc_active:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid #79c8bf;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin: 2px auto 0;
	position: absolute;
	right: 0;
	left: 0;
}
.sp_active:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid #79c8bf;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin: 2px auto 30px;
}
.sp_active {
	display: none;
	font-size: 18px;
}
@media only screen and (max-width:767px) {
.sp_active {
	display: table;
	margin: 0 auto;
}
}
div#next, #next img {
	text-align: center;
	margin: auto;
}
ul#tab {
	zoom: 1;
	border-bottom: 3px solid #79c8bf;
	list-style: none;
	margin: 0 auto;
	padding: 20px 0 0;
	max-width: 1220px;
}
ul#tab:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}
ul#tab li {
	float: left;
	text-align: center;
	margin: 0 10px;
}
@media only screen and (max-width:767px) {
ul#tab li {
	float: left;
	text-align: center;
	margin: 0;
}
}
ul#tab li:last-child {
	background: none;
}
ul#tab li a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	color: #79c8bf;
}
ul#tab li.active, ul#tab li.active a, ul#tab li.active a:hover {
	background: #79c8bf;
	color: #fff;
}
.tabbox {
	display: none;
}
.detail_content .construction p {
	margin: 20px 0 10px;
	text-align: center;
}
@media only screen and (max-width:767px) {
.detail_content .construction p {
	text-align: left;
}
}
.detail_content .construction:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid #79c8bf;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	margin: 30px auto;
	right: 0;
	left: 0;
}
.construction_area {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
.construction_area .toggle_btn {
	width: 200px;
	margin: 0 auto;
	position: relative;
}
@media only screen and (min-width:1025px) {
.construction_area .toggle_btn p:hover {
	transition: all 0.5s ease;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
}
.construction_btn1, .construction_btn2, .construction_btn3, .construction_btn4, .construction_btn5 {
	text-align: left;
	padding-left: 50px;
	cursor: pointer;
	color: #79c8bf;
	margin-bottom: 30px;
	display: inline-block;
	width: 200px;
	white-space: nowrap;
}
.construction_icon1, .construction_icon2, .construction_icon3, .construction_icon4, .construction_icon5, .construction_icon1 span, .construction_icon2 span, .construction_icon3 span, .construction_icon4 span, .construction_icon5 span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.construction_icon1, .construction_icon2, .construction_icon3, .construction_icon4, .construction_icon5 {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 15px;
	top: 50%;
	margin-top: -28px;
	z-index: -1;
	background: #79c8bf;
	border-radius: 50%;
}
.construction_icon1 span, .construction_icon2 span, .construction_icon3 span, .construction_icon4 span, .construction_icon5 span {
	position: absolute;
	left: 6px;
	width: 50%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.construction_icon1 span:nth-of-type(1), .construction_icon2 span:nth-of-type(1), .construction_icon3 span:nth-of-type(1), .construction_icon4 span:nth-of-type(1), .construction_icon5 span:nth-of-type(1) {
	top: 11px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.construction_icon1 span:nth-of-type(2), .construction_icon2 span:nth-of-type(2), .construction_icon3 span:nth-of-type(2), .construction_icon4 span:nth-of-type(2), .construction_icon5 span:nth-of-type(2) {
	top: 11px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.construction_icon1.icon_active span:nth-of-type(1), .construction_icon2.icon_active span:nth-of-type(1), .construction_icon3.icon_active span:nth-of-type(1), .construction_icon4.icon_active span:nth-of-type(1), .construction_icon5.icon_active span:nth-of-type(1) {
	display:none;
}
.construction_icon1.icon_active span:nth-of-type(2), .construction_icon2.icon_active span:nth-of-type(2), .construction_icon3.icon_active span:nth-of-type(2), .construction_icon4.icon_active span:nth-of-type(2), .construction_icon5.icon_active span:nth-of-type(2) {
	top: 11px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
/* Youtube投稿 */
.case_video_wrapper {
    max-width: 560px;
	margin: 30px auto 0;
}
.case_video {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.case_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*---------------------------------------------------*
 *  company page
*----------------------------------------------------*/
.company_intro {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.company_intro h3 {
	text-align: center;
	color: #79c8bf;
	font-size: 1.1em;
	margin-bottom: 30px;
	line-height: 1.8em;
}
div.top_photo {
	text-align: center;
	margin-bottom: 30px;
	font-size: 0.8em;
}
div.top_photo img {
	margin-bottom: 10px;
}
 @media only screen and (max-width:767px) {
div.top_photo img {
	width: auto;
}
}
#company_area dl.detail_data,
#recruit_area dl.detail_data {
	width: 70%;
}
@media only screen and (max-width:767px) {
#company_area dl.detail_data,
#recruit_area dl.detail_data {
	width: 100%;
}
}
#company_area dl.detail_data>dt,
#recruit_area dl.detail_data>dt {
	width: 30%;
	text-align: right;
}
@media only screen and (max-width:767px) {
#company_area dl.detail_data>dt,
#recruit_area dl.detail_data>dt {
	width: 100%;
	text-align: center;
}
}
#company_area dl.detail_data>dd,
#recruit_area dl.detail_data>dd {
	padding-left: 35%;
}
@media only screen and (max-width:767px) {
#company_area dl.detail_data>dd,
#recruit_area dl.detail_data>dd {
	padding-left: 2%;
}
}
#company_area .theme_button {
	display: table;
	margin: 20px auto;
}
@media only screen and (min-width:1025px) {
#company_area .theme_button {
	display: none;
}
}
#recruit_area dl.detail_data ul {
	margin-left: 10%;
	display: inline-block;
	width: 100%;
}
#recruit_area dl.detail_data ul li {
	list-style-type: disc;
	list-style-position: inside;
	text-align: left;
}
.map-canvas-wrapper {
	max-width: 100%;
	padding-bottom: 35%;
	position: relative;
	top: 0;
	left: 0;
	height: 0;
	overflow: hidden;
	margin-top: 40px;
}
@media only screen and (max-width:767px) {
.map-canvas-wrapper {
	padding-bottom: 50%;
}
}
.map-canvas-wrapper > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div#map-canvas strong {
	font-weight: bold;
	line-height: 2em;
}
div#map-canvas p {
	line-height: 1.5em;
}
.company_history {
	max-width: 1220px;
	padding: 0 10px;
	margin: 80px auto 20%;
}
.company_history h3 {
	font-size: 1.5em;
	color: #79c8bf;
	text-align: center;
	margin-bottom: 20px;
}
.company_history ul {
	position: relative;
}
.company_history ul li {
	text-align: center;
	background: #79c8bf;
	width: 80%;
	margin: 0 auto;
	padding: 1.5%;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}
@media only screen and (max-width:767px) {
.company_history ul li {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
}
.company_history ul li.gray {
	background: #ccc;
	width: 30%;
}
@media only screen and (max-width:767px) {
.company_history ul li.gray {
	width: 60%;
}
}
.company_history ul > *:first-child + * {
	margin-top: 7px;
}
.company_history ul > *:first-child + * + * {
	margin-top: 125px;
}
.company_history ul > *:first-child + * + * + * {
	margin-top: 2px;
}
.company_history ul > *:first-child + * + * + * + * {
	margin-top: 45px;
}
.company_history ul > *:first-child + * + * + * + * + * {
	margin-top: 45px;
}
.company_history ul > *:first-child + * + * + * + * + * + * {
	margin-top: 35px;
}
.company_history ul > *:first-child + * + * + * + * + * + * + * {
	margin-top: 70px;
}
.company_history ul > *:first-child + * + * + * + * + * + * + * + * {
	margin-top: 50px;
}
.company_history ul > *:first-child + * + * + * + * + * + * + * + * + * {
	margin-top: 8px;
}
.company_history ul > *:first-child + * + * + * + * + * + * + * + * + * + * {
	margin-top: 130px;
}
.company_history ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * {
	margin-top: 58px;
	margin-bottom: 200px;
}
.company_history ul li.gray:before {
	content: '';
	width: 24px;
	height: 1000%;
	background: #ccc;
	position: absolute;
	z-index: -1;
	top: 30%;
	left: 50%;
	margin-left: -12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.company_history ul li.last:before {
	height: 100%;
}
.company_history ul li .date {
	display: inline-block;
	vertical-align: top;
}
.company_history ul li .history {
	display: inline-block;
	padding-left: 15px;
	text-align: left;
}
@media only screen and (max-width:767px) {
.company_history ul li.gray:before {
	width: 20px;
}
.company_history ul li.last:before {
	height: 580%;
}
}
@media only screen and (max-width:767px) {
.company_history ul li .date {
	display: block;
}
}
@media only screen and (max-width:767px) {
.company_history ul li .history {
	display: block;
	text-align: center;
	padding-left: 0;
}
}
@media only screen and (max-width:767px) {
.company_history ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * {
	margin-bottom: 30%;
}
}
/*---------------------------------------------------*
 *  recruit page
*----------------------------------------------------*/
.recruit_img {
	width: 70%;
	margin: 40px auto 60px;
}
@media only screen and (max-width:767px) {
	.recruit_img {
	width: 100%;
}
}
/*---------------------------------------------------*
 *  information page
*----------------------------------------------------*/
.information {
	max-width: 1220px;
	padding: 0 10px;
	margin: 70px auto 0;
	text-align: center;
}
@media only screen and (max-width:767px) {
.information {
	margin-top: 20px;
}
}
.information h3 {
	display: inline-block;
	margin: 0 auto;
	border-bottom: 2px dotted #79c8bf;
	font-size: 1.5em;
}
@media only screen and (min-width:1025px) {
.information h3 a:hover {
	color: #79c8bf;
}
}
.post-date {
	margin: 30px 0;
}
#information_area article {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
	margin-bottom: 50px;
}
/*---------------------------------------------------*
 *  contact page
*----------------------------------------------------*/
#contact_area h2.title {
	text-align: center;
	font-size: 2em;
	margin-bottom: 5%;
}
@media only screen and (max-width:767px) {
#contact_area h2.title {
	display: none;
}
}
#contact_area h2.title:before {
	content: none;
}
.contact {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.contact .contact_text {
	text-align: center;
}
@media only screen and (max-width:767px) {
.contact .contact_text {
	text-align: left;
}
}
.contact h3 {
	text-align: center;
	padding-bottom: 20px;
}
@media only screen and (max-width:767px) {
.contact h3 {
	text-align: left;
}
}
table.form {
	margin: 0 auto;
}
table.form th {
	text-align: right;
	padding-right: 30px;
	width: 30%;
	vertical-align: top;
	white-space: nowrap;
}
table.form td {
	padding-bottom: 25px;
}
input, textarea, select {
	border: 2px solid #79c8bf;
}
#contact_area input {
	width: 50%;
}
#contact_area input.number {
	width: 15%;
}
@media only screen and (max-width:767px) {
#contact_area input.number {
	width: 29.5%;
}
}
#contact_area input.check {
	width: 25px;
}
#contact_area textarea {
	width: 70%;
}
@media only screen and (max-width:767px) {
#contact_area textarea {
	width: 100%;
}
}
.required, .required_pc, .required_sp {
	background: #79c8bf;
	color: #fff;
	padding: 2px;
	margin-left: 10px;
	vertical-align: middle;
}
@media only screen and (max-width:767px) {
.required_pc {
	display: none;
}
}
@media only screen and (min-width:768px) {
.required_sp {
	display: none;
}
}
.agreement {
	text-align: center;
	margin-left: -33%;
}
@media only screen and (max-width:767px) {
.agreement {
	margin-left: 0;
}
}
#contact_area .tel, #contact_area .tel a {
	color: #79c8bf;
	/*font-size: 2em;*/
	font-size: 32px;
	font-weight: bold;
}
table.form .top .required {
	vertical-align: top;
}
.if_provacy_policy {
	width: 70%;
	height: 300px;
	margin: 20px 0;
	border: 1px solid #ccc;
}
@media only screen and (max-width:767px) {
.if_provacy_policy {
	width: 100%;
}
}
.submit_btn {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.form_submit {
	color: #79c8bf;
	background: #fff;
	width: auto !important;
	padding: 10px 40px;
	margin: 5% auto 0;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (min-width:1025px) {
.form_submit:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #79c8bf;
	color: #fff;
}
}
@media only screen and (max-width:767px) {
table.form tr {
	width: 100%;
	display: block;
	list-style: none;
}
table.form th, td {
	width: 100%;
}
table.form th {
	text-align: left;
}
table.form th {
	line-height: 2.5em;
}
table.form td {
	display: inline-block
}
#contact_area input {
	width: 100%;
}
}
.form_pp {
	width: 70%;
	height: 300px;
	border: 1px solid #ccc;
	overflow: scroll;
	overflow-x: hidden !important;
	font-size: 0.9em;
	padding: 10px;
}
.form_pp ul {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
.form_pp li {
	list-style: inherit;
	margin-bottom: 1em;
}
.form_pp ol {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
.form_pp ol.conditions {
	padding-left: 0px;
}
@media only screen and (max-width:767px) {
.form_pp {
	width: 100%;
}
}
.form_pp h2 {
	margin-top: 30px;
	font-weight: bold;
}
.form_pp ul li {
	list-style-type: disc;
	margin-left: 25px;
}
.form_pp .signature {
	text-align: right;
	margin-top: 50px;
}
@media only screen and (max-width:767px) {
.form_pp .signature {
	text-align: center;
}
}
.check_btn {
	display: table;
	text-align: center;
	margin: 5% auto 0;
}
.check_btn .form_submit {
	margin: 0 10px;
	display: inline-block;
}
.form_pp li.item1, .form_pp li.item2 {
	list-style: none;
	position: relative;
	padding-left: 35px;
}
.form_pp .item1::before {
	content: "(1)";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.form_pp .item2::before {
	content: "(2)";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
/*---------------------------------------------------*
 *  faq page
*----------------------------------------------------*/
#faq_area h2.title {
	text-align: center;
	font-size: 2em;
	margin-bottom: 7%;
}
@media only screen and (max-width:767px) {
#faq_area h2.title {
	display: none;
}
}
#faq_area h2.title:before {
	content: none;
}
.faq {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: center;
}
.faq ul {
	margin-top: 4%;
	border-top: 1px solid #ccc;
	margin-bottom: 60px;
}
.faq ul:first-child {
	border-top: none;
}
.faq ul li {
	width: 100%;
	margin: 4% 0;
}
@media only screen and (max-width:767px) {
.faq ul li {
	margin: 0;
	position: relative;
}
}
.question_img {
	display: inline-block;
	width: 13%;
	padding-right: 4%;
	vertical-align: top;
}
@media only screen and (max-width:767px) {
.question_img {
	display: block;
	width: 100%;
	padding-right: 0;
	margin: 40px 0 20px;
}
.question_img img {
	width: 50px;
}
}
.answer_img {
	display: inline-block;
	width: 13%;
	padding-left: 4%;
	vertical-align: top;
}
@media only screen and (max-width:767px) {
.answer_img {
	display: block;
	width: 100%;
	padding-left: 0;
	position: absolute;
	top: -21px;
}
.answer_img img {
	width: 50px;
}
}
.balloon {
	display: inline-block;
	padding: 3%;
	vertical-align: middle;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 70%;
	text-align: left;
}
@media only screen and (max-width:767px) {
.balloon {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
}
.faq_space {
	display: inline-block;
	width: 13%;
}
@media only screen and (max-width:767px) {
.faq_space {
	height: 45px;
	width: 100%;
}
}
.question .balloon {
	background: #e4e4e4;
	position: relative;
}
.answer .balloon {
	background: #79c8bf;
	color: #fff;
	position: relative;
}
.question .balloon a, .answer .balloon a {
	color: #fff;
	text-decoration: underline;
}
.question .balloon:after {
	content: "";
	width: 0;
	height: 0;
	top: 17%;
	left: -25px;
	position: absolute;
	border: 10px solid transparent;
	border-right: 15px solid #e4e4e4;
}
@media only screen and (max-width:767px) {
.question .balloon:after {
	top: -20px;
	left: 48.5%;
	position: absolute;
	border: 7px solid transparent;
	border-bottom: 13px solid #e4e4e4;
}
}
.answer .balloon:after {
	content: "";
	width: 0;
	height: 0;
	top: 17%;
	left: 100%;
	position: absolute;
	border: 10px solid transparent;
	border-left: 15px solid #79c8bf;
}
@media only screen and (max-width:767px) {
.answer .balloon:after {
	top: -20px;
	left: 48.5%;
	position: absolute;
	border: 7px solid transparent;
	border-bottom: 13px solid #79c8bf;
}
}
/*---------------------------------------------------*
 *  reform page
*----------------------------------------------------*/
.reform_intro h3 {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 40px;
	line-height: 1.8em;
}
@media only screen and (max-width:767px) {
.reform_intro h3 {
	margin-bottom: 30px;
}
}
.reform_intro {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.theme_back {
	background: #79c8bf;
	color: #fff;
	width: 100%;
}
.theme_back_wrapper {
	max-width: 1220px;
	padding: 50px 10px 20px;
	margin: 0 auto;
	text-align: center;
}
.theme_back_wrapper>p {
	margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
.theme_back_wrapper {
	text-align: left;
	padding: 40px 10px 20px;
}
}
.theme_back {
	display: table;
}
.theme_back_l, .theme_back_r {
	display: table-cell;
	text-align: center;
	width: 50%;
	padding: 20px;
}
@media only screen and (max-width:767px) {
.theme_back_l, .theme_back_r {
	display: block;
	padding: 20px 0;
	margin: 0 auto;
	width: 100%;
}
}
@media only screen and (max-width:767px) {
#bousai_area .theme_back_l, #bousai_area .theme_back_r {
	max-width: 300px;
}
}
.theme_back_l h4, .theme_back_r h4 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.theme_back_l p, .theme_back_r p {
	text-align: left;
	margin-bottom: 10px;
}
.barrierfree_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.barrierfree_wrapper h3 {
	text-align: center;
	font-size: 1.7em;
	margin: 40px 0 20px;
}
@media only screen and (max-width:767px) {
.barrierfree_wrapper h3 {
	font-size: 1.2em;
}
}
.barrierfree_wrapper .reform_intro2 {
	text-align: center;
}
.barrierfree_wrapper .reform_intro2 p {
	word-break:keep-all;
	text-align: center;
	margin: 0 auto;
	width:65%;
}
.barrierfree_wrapper>p {
	text-align: center;
}
@media only screen and (max-width:767px) {
.barrierfree_wrapper p {
	text-align: left;
}
.barrierfree_wrapper .reform_intro2 p {
	text-align: left;
	padding-left: 0px;
	width:auto;
}
}
.barrierfree_wrapper .barrierfree {
	text-align: center;
}
.barrierfree_wrapper .barrierfree p {
	padding: 1.5% 0;
	padding-bottom: 0;
	margin-top: 40px;
}
.barrierfree_wrapper ul.barrierfree_inner {
	display: block;
	width: 100%;
	margin: 0;
}
.barrierfree_wrapper ul.barrierfree_inner li {
	display: inline-block;
	width: auto;
	padding: 1.5%;
	vertical-align: top;
	max-width: 30%;
}
.barrierfree_wrapper div.toilet ul.barrierfree_inner li.toilet02 {
	max-width: none;
	width: 41.8%;
}
@media only screen and (max-width:767px) {
.barrierfree_wrapper div.toilet ul.barrierfree_inner li.toilet02 {
	width: 100%;
}
}
 @media only screen and (max-width:767px) {
.barrierfree_wrapper ul.barrierfree_inner li {
	display: block;
	width: 100%;
	padding: 0;
	vertical-align: baseline;
	max-width: none;
}
}
.barrierfree_wrapper ul.barrierfree_inner li img {
	width: 100%;
	padding-bottom: 10px;
}
.barrierfree_wrapper ul.barrierfree_inner li p {
	margin-top: 15px;
}
@media only screen and (max-width:767px) {
.barrierfree_wrapper ul.barrierfree_inner li p {
	margin-bottom: 40px;
}
}
.barrierfree .note {
	text-align: right;
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 40px;
	font-size: 0.8em;
}
.gray_back {
	background: #f4f4f4;
}
.gray_back_wrapper {
	max-width: 1220px;
	padding: 40px 10px;
	margin: 50px auto;
	text-align: center;
}
@media only screen and (max-width:767px) {
.gray_back_wrapper {
	padding: 30px 10px;
	margin: 0;
}
}
.gray_back_wrapper h3 {
	font-size: 1.7em;
	margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
.gray_back_wrapper h3 {
	font-size: 1.4em;
}
}
.step_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.step_wrapper h3 {
	text-align: center;
	font-size: 1.7em;
	margin: 80px 0 20px;
}
.step_wrapper h3 {
	margin: 40px 0 20px;
}
ul.step {
	width: 100%;
	text-align: center;
}
ul.step li {
	display: inline-block;
	position: relative;/*margin: 1.5%;
	width: 20.8%;*/
}
@media only screen and (max-width:767px) {
ul.step li {
	display: block;
	margin: 50px auto;
	width: 170px;
	height: 170px;
}
}
ul.step li img {
	margin: 45px;
	position: relative;
	top: -15px
}
@media only screen and (max-width:767px) {
ul.step li img {
	width: 80px;
	height: 80px;
}
}
.hi-icon a:hover, .hi-icon a:hover img {
	-webkit-transition: none 0s ease 0s;
	transition: none 0s ease 0s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.hi-icon {
	box-shadow: 0 0 0 7px #79c8bf;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	display: inline-block;
	margin: 15px 30px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
.hi-icon a {
	display: block;
	color: #fff;
}
.hi-icon:hover {
	box-shadow: 0 0 0 7px #79c8bf;
}
.hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #79c8bf;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
@media only screen and (min-width:768px) {
.hi-icon:hover {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.hi-icon:hover:after {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.hi-icon:after {
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
}
.hi-icon span {
	display: block;
	position: absolute;
	top: 74%;
	right: 0;
	left: 0;
}
/*---------------------------------------------------*
 *  bouhan page
*----------------------------------------------------*/
#bouhan_area h1 {
	text-align: center;
	font-size: 1.7em;
	margin: 5% 0 5%;
}
.bouhan_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
ul.measure_icon {
	margin: 0 auto;
	text-align: center;
}
ul.measure_icon li {
	display: inline-block;
	margin: 3%;
	max-width: 25%;
}
@media only screen and (max-width: 767px) {
ul.measure_icon li {
	margin: 2% 4% 50px;
}
}
ul.measure_icon span {
	display: block;
	color: #79c8bf;
	position: absolute;
	top: 90px;
	white-space: nowrap;
}
ul.measure_icon li.hi-icon {
	box-shadow: 0 0 0 5px #79c8bf;
	width: 75px;
	height: 75px;
}
ul.measure_icon li.hi-icon.hi-icon:hover {
	box-shadow: 0 0 0 5px #79c8bf;
}
ul.measure_icon li.hi-icon img {
	width: 50px;
	position: absolute;
	top: 9px;
	left: 13px;
	;
}
@media only screen and (min-width: 768px) {
ul.measure_icon li.hi-icon:hover:after {
	-webkit-transform: scale(0.83);
	-moz-transform: scale(0.83);
	-ms-transform: scale(0.83);
	transform: scale(0.83);
}
}
.hi-icon-active:after {
	-webkit-transform: scale(0.83);
	-moz-transform: scale(0.83);
	-ms-transform: scale(0.83);
	transform: scale(0.83);
}
div.bouhan_wrapper h3 {
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto;
}
.bouhan_wrapper p.note {
	text-align: left;
	font-size: 0.8em;
	margin-top: 30px;
}
.bouhan_intro {
	width: 100%;
	display: table;
	margin: 10px 0 40px;
	border-collapse: separate;
	border-spacing: 30px 0;
}
@media only screen and (max-width: 767px) {
.bouhan_wrapper p.note {
	margin-top: 15px;
}
.bouhan_intro {
	display: block;
	padding-left: 0;
}
}
.bouhan_intro_l {
	width: 30%;
	display: table-cell;
}
@media only screen and (max-width: 767px) {
.bouhan_intro_l {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
}
.bouhan_intro_r {
	width: 70%;
	display: table-cell;
	vertical-align: top;
}
@media only screen and (max-width: 767px) {
.bouhan_intro_r {
	padding-left: 0;
	width: 100%;
	display: block;
}
}
div.bouhan_intro h3 {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 40px;
	line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
div.bouhan_intro h3 {
	text-align: left;
}
}
div.bouhan_intro h3 cite {
	display:inline-block;
	margin-bottom:15px;
}
div.security_1 div.bouhan_intro_l ul {
	display:table;
	width: 100%;
	border-collapse: separate;
}
div.security_1 div.bouhan_intro_l ul li {
	display: table-cell;
	width:50%;
	text-align:center;
	padding-bottom:15px
}
div.security_1 div.bouhan_intro_l ul li img {
	width:100%;
}
div.security_4 div.bouhan_intro_l img {
	margin-bottom:10px;
}
ul.bouhan {
	width: 100%;
	display: table;
}
ul.bouhan li {
	display: block;
	width: 50%;
	width: 49%\9;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	margin-bottom: 15px;
}
@media only screen and (max-width:767px) {
ul.bouhan li {
	width: 100%;
	float: none;
	padding: 0;
	margin-bottom: 8%;
}
}
@media only screen and (max-width:767px) {
ul.bouhan li img {
	width: 100%;
}
}
.cylinder_content {
	width: 100%;
	display: table;
	padding-left: 5%;
	margin: 5% 0;
	border-collapse: separate;
	border-spacing: 40px 0;
}
@media only screen and (max-width:767px) {
.cylinder_content {
	padding-left: 0;
	margin: 30px 0;
}
}
.cylinder_content_l {
	width: 30%;
	display: table-cell;
}
.cylinder_content_l img {
	width: 100%;
}
@media only screen and (max-width:767px) {
.cylinder_content_l {
	width: 100%;
	display: table-header-group;
	text-align: center;
}
.cylinder_content_l img {
	width: 60%;
}
}
.cylinder_content_r {
	width: 70%;
	display: table-cell;
	vertical-align: top;
}
@media only screen and (max-width:767px) {
.cylinder_content_r {
	width: 100%;
	display: table-caption;
}
}
.cylinder_content_r h2 {
	font-size: 1.3em !important;
	margin-bottom: 10px !important;
}
@media only screen and (max-width:767px) {
.cylinder_content_r h2 {
	text-align: center;
}
}
 @media only screen and (max-width:767px) {
.cylinder_content_r h4 {
	margin-top: 5%;
	text-align: center;
}
}
ul.cylinder_detail {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
}
@media only screen and (max-width:767px) {
ul.cylinder_detail {
	border-spacing: 0;
}
}
ul.cylinder_detail li {
	display: table-cell;
	width: 33.3%;
	vertical-align: top;
	padding: 15px;
	border: 2px solid #79c8bf;
}
@media only screen and (max-width:767px) {
ul.cylinder_detail li {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
}
ul.cylinder_detail li h3 {
	font-size: 1.2em;
	margin: 0 0 10px;
	text-align: center;
	color: #79c8bf;
}
.cylinder_txt {
	text-align: center;
	margin: 5% 0;
}
@media only screen and (max-width:767px) {
.cylinder_txt {
	text-align: left;
	margin: 0;
}
}
ul.before_after {
	display: table;
	text-align: center;
	margin: 30px auto;
	border-collapse: separate;
	border-spacing: 40px 0;
}
@media only screen and (max-width:767px) {
ul.before_after {
	display: block;
}
}
ul.before_after li {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
@media only screen and (max-width:767px) {
ul.before_after li {
	display: block;
}
}
ul.before_after li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
@media only screen and (max-width:767px) {
ul.before_after li span {
	position: relative;
}
}
ul.before_after li img {
	margin-top: 18%;
}
@media only screen and (max-width:767px) {
ul.before_after li img {
	margin: 10px;
}
}
@media only screen and (max-width:767px) {
ul.before_after li.arrow {
	margin: 30px;
	transform: rotate( 90deg );
}
}
/*---------------------------------------------------*
 *  bousai page
*----------------------------------------------------*/
#bousai_area h1 {
	text-align: center;
	font-size: 1.7em;
	margin: 5% 0 5%;
}
.bousai_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.bousai_wrapper h2 {
	font-size: 1.5em;
	text-align: center;
	margin: 20px 0;
}
ul.bousai {
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}
@media only screen and (max-width:767px) {
ul.bousai {
	padding-bottom: 0;
}
}
.bousai_wrapper .bousai_txt {
	margin: 20px 0 40px;
}
ul.bousai li {
	display: block;
	width: 50%;
	float: left;
	vertical-align: top;
	padding: 10px;
	margin-bottom: 15px;
}
@media only screen and (max-width:767px) {
ul.bousai li {
	width: 100%;
	float: none;
	padding: 0;
	margin-bottom: 40px;
}
}
@media only screen and (max-width:767px) {
ul.bousai li img {
	width: 100%;
}
}
ul.bousai h2 {
	font-size: 1.2em;
	margin: 10px 0;
	text-align: center;
}
ul.bousai h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #79c8bf;
}
ul.bousai li p {
	display: table-cell;
	padding-left: 10px;
}
ul.bousai li div {
	display: table-cell;
	vertical-align: top;
}
ul.bousai li span {
	margin-top: 15px;
	display: block;
	width: 80%;
}
#bousai_area .theme_back_l, #bousai_area .theme_back_r {
	vertical-align: bottom;
}
@media only screen and (min-width:768px) {
#bousai_area .theme_back_r {
	padding-left: 50px;
}
}
#bousai_area .theme_back_body {
	margin: 0 auto;
	max-width: 1000px;
}
@media only screen and (max-width:767px) {
#bousai_area .theme_back_body {
	width: 100%;
}
}
.housefire_img {
	display: table-cell;
	min-width: 100px;
	width: 40%;
}
@media only screen and (max-width:767px) {
.housefire_img {
	width: 30%;
}
}
#bousai_area .housefire_l, #bousai_area .housefire_r {
	display: table-cell;
	vertical-align: top;
	position: relative;
	min-width: 200px;
}
#bousai_area .housefire_l p, #bousai_area .housefire_r p {
	text-align: right;
	width: 100%;
	position: absolute;
	bottom: 120px;
}
@media only screen and (max-width:767px) {
#bousai_area .housefire_l p, #bousai_area .housefire_r p {
	bottom: 100px;
}
}
#bousai_area .housefire_l .percent, #bousai_area .housefire_r .percent {
	right: 0;
	left: 0;
	position: absolute;
	bottom: 0;
}
#bousai_area .housefire_l .percent span, #bousai_area .housefire_r .percent span {
	/*font-size: 8vw;*/
	font-size: 5em;
}
ul.bousai_detail {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
}
@media only screen and (max-width:767px) {
ul.bousai_detail {
	border-spacing: 0;
}
}
ul.bousai_detail h3 {
	font-size: 1.2em;
	margin-bottom: 20px;
	color: #79c8bf;
	text-align: center;
}
ul.bousai_detail li {
	display: table-cell;
	width: 25%;
	vertical-align: top;
	padding: 15px;
	border: 2px solid #79c8bf;
}
@media only screen and (max-width:767px) {
ul.bousai_detail li {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
}
.bousai_wrapper .setting {
	margin-top: 40px;
	text-align: center;
}
@media only screen and (max-width:767px) {
.bousai_wrapper .setting {
	margin-top: 0;
}
}
.bousai_wrapper .setting h4 {
	font-size: 1.2em;
}
.bousai_wrapper p.note {
	text-align: left;
	margin-top: 30px;
	font-size:0.8em;
}
@media only screen and (max-width:767px) {
.bousai_wrapper p.note {
	margin-top: 15px;
}
}
#bousai_area h3 {
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto;
	line-height: 1.8em;
}
#bousai_area .bousai_intro_first h3 {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 40px;
}
@media only screen and (max-width:767px) {
#bousai_area .bousai_intro_first h3 {
	text-align: left;
}
}
.bousai_intro_first {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.bousai_intro {
	width: 100%;
	display: table;
	margin: 20px 0;
	border-collapse: separate;
	border-spacing: 30px 0;
}
@media only screen and (max-width:767px) {
.bousai_intro {
	display: block;
}
}
.bousai_intro_l {
	width: 30%;
	display: table-cell;
}
.bousai_intro_l img {
	width: 100%;
}
@media only screen and (max-width:767px) {
.bousai_intro_l {
	width: 100%;
	display: block;
	text-align: center;
}
}
.bousai_intro_r {
	width: 70%;
	display: table-cell;
	vertical-align: top;
}
 @media only screen and (max-width:767px) {
.bousai_intro_r {
	padding-left: 0;
	width: 100%;
	display: block;
}
.bousai_intro_r p {
	margin-top: 20px;
}
}
div.bousai_wrapper div.security_4 p {
	text-align: center;
}
@media only screen and (max-width:767px) {
div.bousai_wrapper div.security_4 p {
	text-align: left;
}
}
/*---------------------------------------------------*
 *  ketsuro page
*----------------------------------------------------*/
#ketsuro_area h1 {
	text-align: center;
	font-size: 1.7em;
	margin: 5% 0 5%;
}
.ketsuro_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.ketsuro_wrapper h2, .ketsuro_wrapper h3 {
	font-size: 1.3em;
	text-align: center;
	margin: 20px 0;
}
@media only screen and (max-width:767px) {
.ketsuro_wrapper h2, .ketsuro_wrapper h3 {
	text-align: left;
}
}
ul.ketsuro {
	width: 100%;
	overflow: hidden;
}
ul.ketsuro h4 {
	font-size: 1.2em;
	color: #79c8bf;
	margin: 0 auto 10px;
}
ul.ketsuro li {
	display: block;
	width: 50%;
	float: left;
	vertical-align: top;
	padding: 0 40px;
}
 @media only screen and (max-width:767px) {
ul.ketsuro li {
	width: 100%;
	float: none;
	padding: 0;
	margin-bottom: 40px;
	display: table;
}
ul.ketsuro li:last-child {
	margin-bottom: 0;
}
ul.ketsuro li p {
	display: table-footer-group;
}
}
ul.ketsuro li img {
	margin: 20px auto 5px;
	display: block;
}
@media only screen and (max-width:767px) {
ul.ketsuro li img {
	width: 80%;
	display: table-header-group;
	margin: 5px auto;
}
}
ul.ketsuro ul.images {
	margin-bottom:80px;
	text-align: center;
}
ul.ketsuro ul.images li {
	display: inline-block;
	width: 100%;
	float: none;
	vertical-align: baseline;
	padding: 0;
	text-align:right;
}
ul.ketsuro ul.images li div.note {
	width:auto;
	margin: 0 auto;
	font-size:0.8em;
}
@media only screen and (max-width:767px) {
ul.ketsuro ul.images li div.note {
	width:80%;
}
}
.pair_glass_content {
	width: 100%;
	display: table;
	margin: 5% 0;
	border-collapse: separate;
	border-spacing: 40px 0;
}
@media only screen and (max-width:767px) {
.pair_glass_content {
	padding-left: 0;
	margin: 30px 0;
	display: block;
}
}
.pair_glass_content_l {
	width: 30%;
	display: table-cell;
}
.pair_glass_content_l img {
	width: 100%;
	max-width: 313px;
	margin-bottom: 5px;
}
@media only screen and (max-width:767px) {
.pair_glass_content_l {
	width: 100%;
	display: block;
	text-align: center;
}
}
.pair_glass_content_r {
	width: 70%;
	display: table-cell;
	vertical-align: top;
}
@media only screen and (max-width:767px) {
.pair_glass_content_r {
	width: 100%;
	display: block;
	padding: 40px 0 10px;
}
}
.pair_glass_content_r h3 {
	margin: 0 0 10px 0;
	text-align: left;
}
.pair_glass_content_l div.note {
	text-align: right;
	font-size: 0.8em;
	max-width: 313px;
	margin: 0 auto;
}
ul.ketsuro li.point05 ul.images li.image01 img {
	padding: 0 25%;
}
ul.ketsuro li.point05 ul.images li.image01 div.note {
	width:73%;
}
 @media only screen and (max-width:767px) {
ul.ketsuro li.point05 ul.images li.image01 img {
	height: auto;
	padding: 0;
}
ul.ketsuro li.point06 ul.images li.image01 img {
	width: 100%;
}
ul.ketsuro li.point05 ul.images li.image01 div.note {
	width:56%;
}
ul.ketsuro li.point06 ul.images li.image01 div.note {
	width:100%;
}
}
ul.ketsuro li.point06 span.note {
	display:inline-block;
	margin: 1em 0;
}
/*---------------------------------------------------*
 *  exterior page
*----------------------------------------------------*/
#exterior_area h3 {
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto;
	line-height: 1.8em;
}
#exterior_area .exterior_intro_first h3 {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 40px;
}
.exterior_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.exterior_wrapper section {
	margin-top: 70px;
}
@media only screen and (max-width:767px) {
.exterior_wrapper section {
	margin-top: 50px;
}
}
ul.exterior_icon {
	margin: 0 auto;
	text-align: center;
	background: #79c8bf;
}
@media only screen and (max-width:767px) {
ul.exterior_icon {
	padding: 5%;
}
}
ul.exterior_icon li {
	display: inline-block;
	margin: 4% 4% 6%;
	max-width: 25%;
}
@media only screen and (max-width:767px) {
ul.exterior_icon li {
	margin: 20px 30px 40px;
}
}
ul.exterior_icon li.hi-icon img {
	/*width: 60px;*/
	height: 60px;
}
@media only screen and (max-width:767px) {
ul.exterior_icon li.hi-icon img {
	width: 50px;
	height: 50px;
}
}
ul.exterior_icon span {
	display: block;
	margin-top: 10px;
	color: #fff;
}
.exterior_icon .hi-icon {
	box-shadow: 0 0 0 4px #fff;
}
.exterior_icon .hi-icon span {
	top: 97%;
	white-space: nowrap;
	font-size: 95%;
}
.exterior_icon .hi-icon a {
	margin: 10px;
}
.exterior_icon .icon_txt1 {
	left: 0%;
}
.exterior_icon .icon_txt2 {
	left: 0%;
}
.exterior_icon .icon_txt3 {
	left: -8%;
}
.exterior_icon .icon_txt4 {
	left: -35%;
}
.exterior_icon .icon_txt5 {
	left: -35%;
}
.exterior_icon .hi-icon:after {
	background: #fff;
}
.exterior_icon .hi-icon:hover {
	box-shadow: 0 0 0 4px #fff;
}
ul.exterior_gallery {
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
@media only screen and (min-width: 992px) {
.exterior_icon .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
}
 @media only screen and (max-width:767px) {
ul.exterior_gallery {
	width: 100%;
}
}
ul.exterior_gallery li {
	display: inline-block;
	vertical-align: bottom;
	padding: 15px 20px;
	margin-bottom: 15px;
	text-align: center;
}
@media only screen and (max-width:767px) {
ul.exterior_gallery li {
	width: 49%;
	padding: 0 1.5%;
	margin-bottom: 8%;
}
#carport .exterior_gallery li, #other .exterior_gallery li {
	vertical-align: top;
}
}
ul.exterior_gallery li p {
	text-align: center;
	margin-top: 10px;
}
@media only screen and (max-width:767px) {
ul.exterior_gallery li p {
	white-space: nowrap;
}
}
ul.exterior_gallery li img {
	width: 300px;
}
@media only screen and (max-width:767px) {
ul.exterior_gallery li img {
	width: 100%;
}
}
ul.exterior_gallery li.one_col {
	width:93.5%;
}
ul.exterior_gallery li.two_col {
	width:46.5%;
}
@media only screen and (max-width:767px) {
ul.exterior_gallery li.one_col {
	width: 100%;
}
ul.exterior_gallery li.two_col {
	width: 49%;
}
}
ul.exterior_gallery li.one_col img, ul.exterior_gallery li.two_col img {
	width: auto;
}
.exterior_intro_first {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.exterior_intro {
	width: 100%;
	display: table;
	/*padding-left: 8%;*/
	margin: 20px 0;
	border-collapse: separate;
	border-spacing: 30px 0;
}
@media only screen and (max-width:767px) {
.exterior_intro {
	display: block;/*padding-left: 0;*/
}
}
.exterior_intro_l {
	width: 30%;
	display: table-cell;
}
.exterior_intro_l img {
	width: 100%;
}
@media only screen and (max-width:767px) {
.exterior_intro_l {
	width: 100%;
	display: block;
	text-align: center;
}
}
.exterior_intro_l p {
	text-align: center;
	margin-top: 10px;
}
.exterior_intro_r {
	width: 70%;
	display: table-cell;
	vertical-align: top;
}
.exterior_intro_r p.note {
	text-align: left;
	font-size: 0.8em;
	margin-top: 10px;
}
@media only screen and (max-width:767px) {
.exterior_intro_r {
	padding-left: 0;
	width: 100%;
	display: block;
}
.exterior_intro_r p {
	margin-top: 20px;
}
.exterior_intro_r p.note {
	text-align: left;
	font-size: 0.8em;
	margin-top: 15px;
}
}
.exterior_txt {
	text-align: center;
}
@media only screen and (max-width:767px) {
.exterior_txt {
	text-align: left;
}
}
.button_area {
	margin: 0 auto;
	text-align: center;
}
.exterior_wrapper .button_area .top_btn {
	margin-top: 0;
}
/*---------------------------------------------------*
 *  privacy_policy page
*----------------------------------------------------*/
.privacy_policy_wrapper {
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}
.privacy_policy_wrapper h1 {
	text-align: center;
	font-size: 1.7em;
	margin-bottom: 50px;
}
.privacy_policy_wrapper h2 {
	margin-top: 30px;
	font-weight: bold;
}
.privacy_policy_wrapper ul li {
	list-style-type: disc;
	margin-left: 25px;
}
.privacy_policy_wrapper .signature {
	text-align: right;
	margin-top: 50px;
}
.privacy_policy_wrapper ul {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
.privacy_policy_wrapper li {
	list-style: inherit;
	margin-bottom: 1em;
}
.privacy_policy_wrapper ol {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
@media only screen and (max-width:767px) {
.privacy_policy_wrapper .signature {
	text-align: center;
}
}
.privacy_policy_wrapper ol.conditions {
	padding-left: 0px;
}
.privacy_policy_wrapper .conditions li {
	list-style: none;
	position: relative;
	padding-left: 35px;
}
.privacy_policy_wrapper .conditions .item1::before {
	content: "(1)";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.privacy_policy_wrapper .conditions .item2::before {
	content: "(2)";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
/*---------------------------------------------------*
 *  flow page
*----------------------------------------------------*/
.order_flow {
	background: url(./images/center_line.jpg) center repeat-y;
}
.flow_caption {
	width: 150px;
	height: 150px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #79c8bf;
	background: #fff;
	color: #79c8bf;
	text-align: center;
	line-height: 1.7em;
	padding-top: 32px;
	font-size: 20px;
	position: relative;
	margin: 60px auto;
}
.free_caption {
	width: 150px;
	height: 150px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #79c8bf;
	background: #fff;
	color: #79c8bf;
	text-align: center;
	line-height: 1.7em;
	padding-top: 20px;
	position: relative;
	bottom: 35px;
	left: -26%;
	margin-top: -80px !important;
}
.free_caption span {
	display: block;
}
.free_caption .font_large {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.1em;
}
.free_caption .font_small {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
}
.flow_balloon, .flow_balloon_l, .flow_balloon_r {
	min-height: 150px;
}
.flow_balloon a, .flow_balloon_l a, .flow_balloon_r a {
	color: #fff;
	text-decoration: underline;
}
.flow_balloon {
	background: #79c8bf;
	color: #fff;
	display: block;
	padding: 1.8%;
	vertical-align: middle;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 60%;
	text-align: left;
	box-shadow: 0 4px 0 #65a9a1;
	-moz-box-shadow: 0 4px 0 #65a9a1;
	-webkit-box-shadow: 0 4px 0 #65a9a1;
	margin: 50px auto;
}
.flow_balloon_l {
	background: #79c8bf;
	color: #fff;
	display: block;
	padding: 1.8%;
	vertical-align: middle;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 43%;
	text-align: left;
	position: relative;
	box-shadow: 0 4px 0 #65a9a1;
	-moz-box-shadow: 0 4px 0 #65a9a1;
	-webkit-box-shadow: 0 4px 0 #65a9a1;
}
.flow_balloon_l:before {
	content: "";
	width: 0;
	height: 4px;
	top: 50%;
	margin-top: -15px;
	left: 100%;
	position: absolute;
	border: 15px solid transparent;
	border-left: 35px solid #65a9a1;
}
.flow_balloon_l:after {
	content: "";
	width: 0;
	height: 0;
	top: 50%;
	margin-top: -15px;
	left: 100%;
	position: absolute;
	border: 15px solid transparent;
	border-left: 35px solid #79c8bf;
}
.flow_balloon_r {
	background: #79c8bf;
	color: #fff;
	display: block;
	padding: 1.8%;
	vertical-align: middle;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 43%;
	text-align: left;
	position: relative;
	left: 57%;
	box-shadow: 0 4px 0 #65a9a1;
	-moz-box-shadow: 0 4px 0 #65a9a1;
	-webkit-box-shadow: 0 4px 0 #65a9a1;
}
.flow_balloon_r:before {
	content: "";
	width: 0;
	height: 4px;
	top: 50%;
	margin-top: -15px;
	left: -50px;
	position: absolute;
	border: 16px solid transparent;
	border-right: 35px solid #65a9a1;
}
.flow_balloon_r:after {
	content: "";
	width: 0;
	height: 0;
	top: 50%;
	margin-top: -15px;
	left: -50px;
	position: absolute;
	border: 16px solid transparent;
	border-right: 35px solid #79c8bf;
}
.flow_step {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #79c8bf;
	background: #fff;
	color: #79c8bf;
	text-align: center;
	line-height: 1.7em;
	padding-top: 2px;
	z-index: 1;
}
.flow_step span {
	display: block;
	font-size: 30px;
	font-weight: bold;
}
.order_flow h4 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}
.order_flow ul {
	padding: 20px 10px 0;
	position: relative;
}
.free_area {
	background: url(./images/background_pattern.png) repeat;
	position: relative;
}
.order_flow ul li {
	position: relative;
	max-width: 1200px;
	margin: -30px auto 0;
}
.order_flow ul li:first-child {
	margin-top: 0;
}
.balloon_wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
@media only screen and (max-width:1024px) {
.flow_balloon_l, .flow_balloon_r {
	width: 41%;
}
.flow_balloon_r {
	left: 59%;
}
}
@media only screen and (max-width:767px) {
.flow_caption {
	margin: 20px auto;
}
.flow_balloon_l, .flow_balloon_r {
	position: static;
	width: 100%;
	padding: 40px 10px 20px;
}
.flow_balloon {
	position: static;
	width: 100%;
	padding: 20px 10px;
}
.order_flow ul li {
	margin-top: 70px;
}
.order_flow ul li:first-child {
	margin-top: 35px;
}
.flow_balloon_l:before, .flow_balloon_l:after, .flow_balloon_r:before, .flow_balloon_r:after {
	content: none;
}
.flow_step {
	top: 0;
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
}
.free_area {
	background-size: 20px 20px;
}
.free_caption {
	width: 135px;
	height: 135px;
	padding-top: 15px;
	top: 30px;
	margin: 0 auto 30px !important;
}
.order_flow ul {
	padding: 20px 10px 30px;
}
.order_flow ul li.free_caption {
	margin-top: 20px;
}
}
/*---------------------------------------------------*
 *  Link button
*----------------------------------------------------*/
/* theme_button */
.theme_button {
	display: inline-block;
	border: 2px solid #79c8bf;
	position: relative;
	overflow: hidden;
}
.theme_button a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
	height: 100%;
	display: table-cell;
}
@media only screen and (min-width:1025px) {
.theme_button a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #79c8bf;
}
}
.theme_button p {
	color: #79c8bf;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 35px;
	line-height: 24px;
}
/*@media only screen and (min-width:1025px) {
.theme_button a:hover p {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #fff;
}
}*/
.theme_button.case, .theme_button.nav {
	border: 2px solid #fff;
}
.theme_button.case {
	margin-top: 40px;
}
@media only screen and (max-width:1024px) {
.theme_button.case {
	border: 2px solid #333;
	margin-top: 20px;
}
}
@media only screen and (min-width:1025px) {
.theme_button.case a:hover {
	background-color: rgba( 0, 0, 0, 0.7 );
}
}
.theme_button.case p {
	color: #fff;
	font-size: 1em;
}
@media only screen and (max-width:1024px) {
.theme_button.case p {
	color: #333;
	white-space: nowrap;
}
}
.theme_button.nav p {
	color: #fff;
}
ul.page-nav li {
	margin: 10px;
	display: inline-block;
}
/* theme button */
.top_btn {
	display: inline-block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid #79c8bf;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 500px;
	perspective: 500px;
	overflow: hidden;
	height: 48px;
	line-height: 1.5em;
}
.top_btn p {
	margin: 0;
	line-height: 24px;
}
.top_btn a, .top_btn a:hover {
	-webkit-transition: none 0s ease 0s;
	transition: none 0s ease 0s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.top_btn a {
	width: 100%;
	height: 100%;
	color: #79c8bf;
	padding: 10px 40px;
	display: block;
}
@media only screen and (min-width:1025px) {
.top_btn a:hover {
	color: #fff;
}
.top_btn span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #79c8bf;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.reset {
	visibility: hidden;
	-webkit-transition: none 0s ease 0s;
	transition: none 0s ease 0s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.anim {
	top: 0;
	left: 0;
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.anim.enter {
	-webkit-transition: -webkit-transform .15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
	transition: transform .15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.anim.enter a {
	color: #fff;
}
.anim.leave {
	opacity: 0;
	-webkit-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transition: -webkit-transform .15s ease-in-out 0s, opacity .1s ease-in-out .1s;
	transition: transform .15s ease-in-out 0s, opacity .1s ease-in-out .1s;
}
}
.top_btn {
	margin-top: 20px;
}
@media only screen and (max-width:1025px) {
.top_btn {
	margin-top: 20px;
}
}
.top_btn.barrierfree {
	border: 2px solid #fff !important;
}
.top_btn.barrierfree a {
	color: #fff;
}
 @media only screen and (min-width:1025px) {
.top_btn.barrierfree .anim.enter {
	line-height: normal;
}
.top_btn.barrierfree a:hover {
	color: #79c8bf;
}
.top_btn.barrierfree .anim.enter a {
	color: #79c8bf;
}
.top_btn.barrierfree span {
	background: #fff;
}
}
.latest_case .top_btn {
	margin-top: 40px;
	margin-bottom: 40px;
}
@media only screen and (max-width:1025px) {
.latest_case .top_btn {
	margin-top: 20px;
	margin-bottom: 40px;
}
}
#information_area ul.prev_button {
	margin-top: 70px;
}
@media only screen and (max-width:767px) {
#information_area ul.prev_button {
	margin-top: 50px;
}
}
h1.page_title {
	text-align: center;
	font-size: 1.7em;
	margin: 0 20px 30px;
}
@media only screen and (max-width:767px) {
h1.page_title {
	display: none;
}
}
.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #79c8bf;
	border: none!important;
	display: inline-block;
}
@media only screen and (max-width:1024px) {
.wp-pagenavi a, .wp-pagenavi span {
	border: 1px solid #BFBFBF !important;
	margin: 4px !important;
	padding: 7px 10px !important;
}
span.extend {
	border: none!important;
	margin: 0 !important;
}
}
a.nextpostslink {
	background: url(./images/feed_page_r.png) no-repeat center center;
	background-size: 70%;
	margin: 4px!important;
}
a.previouspostslink {
	background: url(./images/feed_page_l.png) no-repeat center center;
	background-size: 70%;
	margin: 4px!important;
}
span.extend {
    margin: 0 !important;
    padding: 0 !important;
}
@media only screen and (max-width:1024px) {
a.nextpostslink {
	background-size: 40%;
}
a.previouspostslink {
	background-size: 40%;
}
}
span.nav-previous img, span.nav-next img {
	border: 1px solid #79c8bf;
	padding: 6px 12px;
}
@media only screen and (max-width:1024px) {
.wp-pagenavi span.current {
	border: 2px solid #79c8bf !important;
}
}
#faq_area .wp-pagenavi {
	border-top: 1px solid #ccc;
	padding-top: 50px;
}
a.udrline {
	text-decoration: underline;
}
/* お問い合わせ alart */
span.alert {
	font-size: 11px;
	color: orange;
	font-weight: bold;
}
input[type=button], input[type=submit], input[type=text], textarea {
	border-radius: 0;
	-webkit-appearance : none;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}
input[type=checkbox] {
	border-radius: 0;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}
@media only screen and (max-width:767px) {
.blog_link {
	display: none;
}
}
.blog_logo {
	/*background: rgba(255,255,255,0.8);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);*//*IE8以下用*/
 background: url(./images/blog_logo_h.png) no-repeat center center;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 160px;
	height: 160px;
	z-index: 9998;
	overflow: visible !important;
	background-size: contain !important;
}
.blog_logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.blog_open, .blog_close {
	position: fixed;
	bottom: 0;
	right: 0;
	cursor: pointer;
	z-index: 9998;
}
.blog_open {
	display: none;
}
.blog_logo.new {
    background: url(./images/blog_logo_new_h.png) no-repeat center center;
    height: 185px;
}
/* 施工事例SP用カルーセル */
@media only screen and (min-width:768px) {
ul#carousel_items {
	display: none;
}
}
.bx-controls-direction {
	position: relative;
}
@media only screen and (max-width:767px) {
.bx-prev {
	background: url(./images/feed_page_l.png) no-repeat center center;
	/*background-color: rgba(255,255,255,0.8);*/
	background-size: 40%;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: -40px;
	bottom: -5px;
	width: 30px;
	height: 30px;
	z-index: 1;
}
.bx-next {
	background: url(./images/feed_page_r.png) no-repeat center center;
	/*background-color: rgba(255,255,255,0.8);*/
	background-size: 40%;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: -40px;
	bottom: -5px;
	width: 30px;
	height: 30px;
	z-index: 1;
}
}
@media only screen and (min-width:768px) {
.bx-wrapper {
	display: none;
}
}
@media only screen and (max-width:767px) {
.bx-wrapper {
	padding: 0 40px;
}
.bx-viewport {
	min-height: 35px !important;
}
div.category #carousel_items li a {
	width: 90%;
	padding: 5px;
	margin: 0;
	white-space: nowrap;
}
div.category ul li.cat-item {
	display: none;
}
div.category ul li.cat-item.current-cat {
	display: inline-block;
}
.current-cat {
	margin-right: -1px;
	z-index: 1;
}
}
.page404 {
	margin: 0 10px;
	text-align: center;
}
.page404 h2 {
	margin-bottom: 40px;
	font-size: 1.5em;
}
/* エディタmovie投稿 */
.video_content_wrapper {
    max-width: 560px;
	margin: 0 auto;
}
.blog_wrapper .video_content_wrapper {
	margin: 0;
}
.video_content {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	text-align: center;
}
.video_content iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.information #editor_style {
	margin-bottom: 20px;
}
#editor_style {
	text-align: left;
	max-width: 769px;
	margin: 0 auto;
	overflow: hidden;
	word-break: break-all;
}
#editor_style a {
	color: #79c8bf;
	text-decoration: underline;
}
#editor_style a:hover {
	transition: all 0.5s ease;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*#editor_style .alignright {
	float: right;
	}

#editor_style .alignleft {
	float: left
	}
#editor_style img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#editor_style img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

#editor_style img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
*/
#editor_style img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
#editor_style img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
#editor_style img.aligncenter {
	display: block;
	margin: 0 auto;
}
#editor_style p {
	margin: 0;
	line-height: 2em;
	min-height: 2em;
}
#editor_stylen b, #editor_style strong {
	font-weight: 700;
}
#editor_style dfn, #editor_style cite, #editor_style em, #editor_style i {
	font-style: italic;
}
#editor_style ul {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
#editor_style li {
	list-style: inherit;
}
#editor_style ol {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
#editor_style hr {
/*border: 1px solid #ccc;*/
}
#editor_style blockquote {
	border-left: 4px solid #1a1a1a;
	color: #686868;
	font-size: 19px;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 28px;
	padding: 0 0 0 24px;
}
/*#editor_style blockquote:not(.alignleft):not(.alignright) {
	margin-left: -28px;
}*/
#editor_style blockquote blockquote:not(.alignleft):not(.alignright) {
	margin-left: 0;
}
#editor_style blockquote:before, #editor_style blockquote:after {
	content: "";
	display: table;
}
#editor_style blockquote:after {
	clear: both;
}
#editor_style blockquote > :last-child {
	margin-bottom: 0;
}
#editor_style blockquote cite, #editor_style blockquote small {
	color: #1a1a1a;
	font-size: 16px;
	line-height: 1.75;
}
#editor_style blockquote em, #editor_style blockquote i, #editor_style blockquote cite {
	font-style: normal;
}
#editor_style blockquote strong, #editor_style blockquote b {
	font-weight: 400;
}
#editor_style blockquote.alignleft, #editor_style blockquote.alignright {
	border: 0 solid #1a1a1a;
	border-top-width: 4px;
	padding: 18px 0 0;
	width: -webkit-calc(50% - 14px);
	width: calc(50% - 14px);
}
#editor_style address {
	font-style: italic;
	margin: 0 0 28px;
}
#editor_style code, #editor_style kbd, #editor_style tt, #editor_style var, #editor_style samp, #editor_style pre {
	font-family: Inconsolata, monospace;
}
#editor_style pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	line-height: 1.3125;
	margin: 0 0 28px;
	max-width: 100%;
	overflow: auto;
	padding: 14px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
#editor_style code {
	background-color: #d1d1d1;
	padding: 2px 4px;
}
#editor_style abbr[title] {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}
#editor_style mark, #editor_style ins {
	background: #007acc;
	color: #fff;
	padding: 2px 4px;
	text-decoration: none;
}
#editor_style sup, #editor_style sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
#editor_style sub {
	top: -6px;
}
#editor_style sup {
	bottom: -3px;
}
#editor_style small {
	font-size: 80%;
}
#editor_style big {
	font-size: 125%;
}
#editor_style .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 0;
}
#editor_style .wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px;
	margin: 0;
}
p {
	line-height: 2em;
}
/* アトリエ a1 */
.post-type-archive-atelier_a1 .blog_link, .single-atelier_a1 .blog_link, .tax-atelier_a1_category .blog_link, .page-id-1127 .blog_link/*記事一覧ページ*/ {
	display: none;
}
.blog_wrapper {
	max-width: 1220px;
	width: 100%;
	padding: 0 10px;
	margin: 70px auto 0;
}
#blog_area {
	display: table;
	width: 100%;
	margin: 0 0 30px;
}
.blog_header {
	margin: 40px auto 30px;
	text-align: center;
	position: relative;
	width: 400px;
}
.blog_caption:before {
	content: "";
	display: block;
	border-top: solid 1px #ccc;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.blog_caption span {
	background: #fff;
	padding: 0 20px;
	position: relative;
	z-index: 5;
	font-size: 1.2em;
}
#blog_area article {
	margin: 40px 0;
}
.blog_left_content {
	display: table-cell;
	vertical-align: top;
	padding-right: 6%;
	max-width: 900px;
}
.blog_right_content {
	display: table-cell;
	vertical-align: top;
	width: 25%;
}
#blog_area #editor_style {
	max-width: 100%;
	line-height: 2em;
}
#blog_area #editor_style a {
	color: #FFB132;
}
#blog_area h2 {
	display: inline-block;
	margin: 0 auto;
	border-bottom: 2px dotted #FFB132;
	font-size: 1.2em;
	margin-bottom: 15px;
}
.blog_title {
    text-align: center;
	background: url(./images/atelier_a1_blog_h.png) no-repeat center center;
	background-size: 300px 66px;
	width: 300px;
    height: 66px;
	margin: 0 auto;
}
.blog_title_mobile {
	text-align: center;
	margin: 0 auto;
}
.blog_title img {
	width: 300px;
	height: 66px;
}
.blog_title_mobile img {
	width: 270px;
	height: 60px;
}
article p.state {
	font-size: 0.75em;
	margin-top: 30px;
	color: #888;
	text-align: right;
}
p.state a {
	margin-right: 10px;
	color: #888;
}
p.state a:last-child {
	margin-right: 0;
}
.sidebar .list_header {
	
}
.sidebar .list_header h3 {
	font-weight: bold;
	margin: 40px 0 10px;
	border-left: 5px solid #FFB132;
	padding-left: 10px;
}
.sidebar .profile_area {
	margin-left: 15px;
	font-size: 0.9em;
}
.sidebar .blog_author {
	color: #FFB132;
	/*font-weight: bold;*/
	font-size: 1.1em;
}
.sidebar ul {
	margin-left: 15px;
	font-size: 0.9em;
}
.sidebar ul li {
	margin-bottom: 5px;
}
.sidebar ul li:last-child {
	margin-bottom: 0;
}
.blog_wrapper .wp-pagenavi a, .blog_wrapper .wp-pagenavi span {
	color: #FFB132;
}
.blog_wrapper a.previouspostslink {
	background: url(./images/blog_feed_page_l.png) no-repeat center center;
	background-size: 70%;
	margin: 4px!important;
}
.blog_wrapper a.nextpostslink {
	background: url(./images/blog_feed_page_r.png) no-repeat center center;
	background-size: 70%;
	margin: 4px!important;
}
@media only screen and (max-width: 1024px) {
.blog_wrapper {
	padding-top: 20px;
}
.blog_wrapper .wp-pagenavi span.current {
	border: 2px solid #FFB132 !important;
}
.blog_wrapper a.previouspostslink, .blog_wrapper a.nextpostslink {
	background-size: 40%;
}
li.nav-n a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    border-top: solid 1px #FFB132;
    border-right: solid 1px #FFB132;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
li.nav-p a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    border-top: solid 1px #FFB132;
    border-right: solid 1px #FFB132;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}
ul#pagenavi {
	margin: 40px auto 38px;
	text-align: center;
	width: 450px;
}
ul#pagenavi li {
	display: inline-block;
}
@media only screen and (min-width:1025px) {
.blog_wrapper a:hover {
	color: #FFB132;
}
li.nav-n a {
	background: url(./images/blog_feed_page_l.png) no-repeat left;
	background-size: auto 21px;
}
li.nav-p a {
	background: url(./images/blog_feed_page_r.png) no-repeat right;
	background-size: auto 21px;
}
}
ul#pagenavi .nav-home {
	min-width: 70px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: middle;
}
li.nav-home img {
	width: 25px;
	height: 25px;
}
ul#pagenavi .nav-p, ul#pagenavi .nav-n {
	width: 40%;
	position: relative;
	vertical-align: middle;
}
ul#pagenavi .nav-p a {
	padding-right: 10px;
}
ul#pagenavi .nav-n a {
	padding-left: 10px;
}
ul#pagenavi li a {
	display: block;
}
@media only screen and (max-width:767px) {
.blog_wrapper {
	margin-top: 20px;
	padding: 0 10px;
}
.blog_header {
	width: 100%;
	margin: 40px auto;
}
#blog_area {
	display: block;
}
#blog_area #editor_style p {
	font-size: 15px;
}
.blog_left_content {
	display: block;
	padding-right: 0;
	width: 100%;
	margin-bottom: 50px;
}
.blog_right_content {
	display: block;
	width: 100%;
	margin-top: 50px;
}
ul#pagenavi {
	width: 100%;
	margin: 40px auto 48px;
}
.sidebar {
	font-size: 13px;
}
.sidebar .list_header {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.sidebar .list_header h3 {
	margin: 30px 0 5px;
	font-size: 14px;
}
.sidebar ul {
	font-size: 1em;
}
.sidebar .profile_area {
	font-size: 1em;
}
ul#pagenavi .nav-p, ul#pagenavi .nav-n {
	width: 39%;
}
ul#pagenavi .nav-home {
	width: 15%;
	min-width: 50px;
}
.sidebar ul li {
	border-bottom: 1px dotted #ccc;
	line-height: 2.5em;
	margin-bottom: 0;
	padding-right: 30px;
	position: relative;
}
.sidebar ul li a:after {
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 0;
    border-top: solid 1px #FFB132;
    border-right: solid 1px #FFB132;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sidebar ul li a {
	display: block;
	overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.sidebar .blog_author {
	font-size: 14px;
}
}