@charset "UTF-8";

.contents{
/*_zoom: 1;
overflow: hidden;*/
width: 100%;
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.contents.btm00{
	margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.contents{
width: 100%;
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
}
}


/* ---------------------------------------------------------------- *
各種タイトル
* ---------------------------------------------------------------- */
.gtitlebg01{
width: 361px;
height: 114px;
background-image: url(../parts/bg_mikan01b.png);
background-repeat: no-repeat;
background-position: center top;
position: absolute;
top: 0px;
z-index: 10;
left: 50%;
transform: translateX(-180%);
}
.gtitlebg02{
width: 361px;
height: 114px;
background-image: url(../parts/bg_mikan02b.png);
background-repeat: no-repeat;
background-position: center top;
position: absolute;
top: 0px;
z-index: 1;
left: 50%;
transform: translateX(80%);
}
@media screen and (max-width: 767px) {
.gtitlebg01{
	height: 60px;
	transform: translateX(-80%);
	top: 60px;
	background-size: contain;
}
.gtitlebg02{
	height: 60px;
	background-size: contain;
	top: 60px;
	transform: translateX(-20%);
}
}


.sec_gt{
	width: 100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	position: relative;
	background-color: #FFB74A;
	padding-top: 0px;
	padding-bottom: 5px;
}
/*line付*/
/*.sec_gt .gtLine {
z-index: 2;
left: 50%;
transform: translateX(-50%);
position: absolute;
padding-right: 0px;
bottom: 0px;
width: 35%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.sec_gt h1.t_pc2 {
	font-size: 20px;
	line-height: 1em;
	font-weight: bold;
	background-color: #FFFBDB;
	left: 0px;
	padding-bottom: 25px;
	padding-top: 20px;
	bottom: 0px;
	text-align: center;
}
.sec_gt h1.t_pc2 span {
font-size: 40px;
display: block;
margin-top: 10px;
color: #FF9900;
}
@media screen and (max-width: 767px) {
.sec_gt{
font-size: 16px;
}
.sec_gt h1.t_pc2 {
font-size: 18px;
padding-bottom: 15px;
padding-top: 10px;
}
.sec_gt h1.t_pc2 span {
font-size: 30px;
}
}
@media screen and (max-width: 360px) {
.sec_gt{
font-size: 13px;
}
}

h1.title01 {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
	margin-bottom: 0px;
	color: #FF9900;
	line-height: 1.5em;
}
/*h1.title01::after {
    display: block;
    content: '';
    position: absolute;
    width: 100px;
    height: 5px;
    background-color: #007260;
    bottom: 20px;
    left: -20px;
    margin-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}*/
/*h1.title01{
margin-top: 0px;
margin-bottom: 30px;
position: relative;
font-size: 28px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
line-height: 1.3em;
padding-left: 30px;
border-left: 1px solid #009DE2;
}*/
/*h1.title01::after {
display: block;
content: '';
position: absolute;
width: 100px;
height: 1px;
background-color: #004DA2;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
margin-left: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}*/
@media screen and (max-width: 767px) {
h1.title01 {
    font-size: 18px;
    padding-bottom: 30px;
}
h1.title01::after {
    height: 4px;
    bottom: 15px;
}
}

h2.g_t1 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	position: relative;
	clear: both;
}
h2.g_t1 span {
	font-family: "Times New Roman", Times, serif;
	padding-right: 10px;
}
/*h2.g_t1::after {
    display: block;
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #CCCCCC;
    bottom: 20px;
    left: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}*/
@media screen and (max-width: 767px) {
h2.g_t1 {
    font-size: 16px;
    padding-bottom: 10px;
}
h2.g_t1::after {
    height: 4px;
    bottom: 15px;
}
}

h2.g_t2 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 7px;
	clear: both;
	border-left: 5px solid #FF9900;
	padding-left: 20px;
	padding-top: 7px;
	margin-bottom: 15px;
}
h2.g_t2 span {
	font-family: "Times New Roman", Times, serif;
	padding-right: 10px;
}
@media screen and (max-width: 767px) {
h2.g_t2 {
    font-size: 16px;
}
}



h2.subt{
z-index: 10;
margin-top: 40px;
margin-bottom: 50px;
position: relative;
font-size: 25px;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
line-height: 1.3em;
}
h2.subt::after {
display: block;
content: '';
position: absolute;
width: 200px;
height: 3px;
background-color: #CCCCCC;
bottom: -0.8em;
left: 50%;
margin-left: -100px;
}
@media screen and (max-width: 767px) {
h2.subt{
margin-top: 25px;
margin-bottom: 25px;
font-size: 20px;
}
}
@media screen and (max-width: 360px) {
h2.subt{
margin-top: 25px;
margin-bottom: 25px;
font-size: 18px;
}
}

h2.subt2{
z-index: 10;
margin-top: 40px;
margin-bottom: 50px;
position: relative;
font-size: 25px;
color: #000000;
padding-top: 0px;
padding-bottom: 20px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
line-height: 1.3em;
/*border-bottom: 3px solid #CCCCCC;*/
}
h2.subt2::after {
display: block;
content: '';
position: absolute;
width: 200px;
height: 3px;
background-color: #CCCCCC;
left: 50%;
margin-left: -100px;
top: 100%;
}
h2.subt2::before {
content: "";
position: absolute;
left: 49%;
height: 0;
width: 0;
border-top: 15px solid #CCCCCC;
border-right: 10px solid transparent;
border-bottom: 15px solid transparent;
border-left: 10px solid transparent;
top: 100%;
}
@media screen and (max-width: 767px) {
h2.subt2{
margin-top: 25px;
margin-bottom: 25px;
font-size: 20px;
}
}
@media screen and (max-width: 360px) {
h2.subt2{
margin-top: 25px;
margin-bottom: 25px;
font-size: 18px;
}
}


h2.title01{
font-size: 20px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 30px;
font-weight: normal;
line-height: 1.5em;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333;
clear: both;
}
h2.title02{
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-size: 28px;
color: #FFFFFF;
line-height: 1.4em;
padding: 0px;
clear: both;
}
h2.title02 span{
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
}

h3.g_t1 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    clear: both;
}
@media screen and (max-width: 767px) {
h3.g_t1 {
    font-size: 14px;
    padding-bottom: 10px;
}
}

.subB {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.subB {
    margin-bottom: 30px;
}
}


h1.blog_t{
	position: relative;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
h1.blog_t{
	position: relative;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
}


p.g_lead{
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 1.8em;
}
@media screen and (max-width: 767px) {
p.g_lead{
margin-top: 5px;
margin-bottom: 30px;
font-size: 14px;
}
}

/*カテゴリー　タイトル・日時*/
.category_t{
padding: 0px;
font-weight: bold;
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.category_t span{
font-size: 12px;
color: #999;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: normal;
}

/* ---------------------------------------------------------------- *
コンセプト5
* ---------------------------------------------------------------- */
.concept5 {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
margin-top: 40px;			
}
.concept5 h1{
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 40px;
font-weight: bold;
margin-bottom: 15px;
color: #009DE2;
line-height: 1.3em;
}
.concept5 h1 strong{
font-size: 50px;
color: #EC6C00;
}
.concept5 p.arigato{
    font-size: 18px;
    line-height: 2.2em;
    text-align: center;
}
.concept5 p.tono1{
font-size: 16px;
line-height: 1.8em;
}
.concept5 p.tono1 strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-size: 17px;
line-height: 1.2em;
}

.concept5 ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.concept5 li {
margin-bottom: 50px;
padding: 40px;
margin-top: 0px;
background-color: #f5f5f5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.concept5 li img {
width: 100%;
height: auto;
display: block;
}
.concept5 li h2{
padding-bottom: 15px;
font-size: 25px;
font-weight: bold;
margin-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}
.concept5 li h2 strong{
font-size: 50px;
color: #EC6C00;
}
.concept5 li p{
font-size: 16px;
}
.concept5 li p strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-size: 20px;
line-height: 1.2em;
}
.concept5 li img{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.concept5 ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.concept5 {
width: 100%;
}
.concept5 h1{
font-size: 25px;
}
.concept5 h1 strong{
font-size: 40px;
}
.concept5 li {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
padding: 15px;
margin-bottom: 20px;
}
.concept5 li h2{
padding-bottom: 15px;
font-size: 20px;
margin-bottom: 15px;
}
.concept5 li h2 strong{
font-size: 30px;
}
.concept5 li p{
font-size: 14px;
}
.concept5 p.arigato{
    font-size: 14px;
    line-height: 1.8em;
    text-align: left;
}
}

/* ---------------------------------------------------------------- *
ありがとうbg
* ---------------------------------------------------------------- */
.bg_thanks{
height: 370px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 70px;
width: 100%;
position: relative;
background-size: cover;
background-image: url(../parts/bg_arigato.jpg);
background-repeat: no-repeat;
background-position: center center;
padding-top: 70px;
}
@media screen and (max-width: 767px) {
.bg_thanks{
    height: 200px;
    padding-bottom: 0%;
    padding-top: 0%;
    background-size: contain;
}
}

/* ---------------------------------------------------------------- *
住宅業界一覧　デモ
* ---------------------------------------------------------------- */
.org {
background-color: #F8B500;
}

.list_mc01 {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 30px;
padding-right: 0px;
padding-left: 0px;
width: 90%;
letter-spacing: 0.10em;
}
.list_mc01 ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_mc01 li {
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin-bottom: 25px;
}
.list_mc01 li.type2 {
margin-top: 0px;
margin-right: 1%;
margin-left: 1%;
width: 48%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 280px;
float: left;
}
@media screen and (min-width: 1320px) {
.list_mc01 li.type2 {
width: 48%;
margin-right: 1%;
margin-left: 1%;
}
.list_mc01 li.type3 {
width: 23%;
margin-right: 1%;
margin-left: 1%;
}
}

.list_mc01 li.type3 a {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.list_mc01 ul li.type3 a:hover{
text-decoration: none;
background-color: rgba(255,255,255,0.5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.list_mc01 li.photo_inner{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.list_mc01 li.text_inner {
/*position: relative;*/
border: 1px dashed #FFFFFF;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
}
.list_mc01 li.text_inner p {
font-size: 12px;
color: #FFFFFF;
line-height: 1.8em;
letter-spacing: 0.05em;
}

.list_mc01 li.text_inner h3 {
font-size: 22px;
color: #F8B500;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.3em;
}

.list_mc01 li.text_inner .centerin {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.list_mc01 li.type3 img.corner01,.list_mc01 li.type3 img.corner02{
width: 23px;
height: auto;
}
.list_mc01 li .corner01{
position: absolute;
top: -2px;
right: -2px;
}
.list_mc01 li .corner02{
position: absolute;
bottom: -2px;
left: -2px;
transform: rotate(-180deg);
}
.list_mc01 ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

@media screen and (max-width: 767px) {
.list_mc01 {
padding-right: 5%;
padding-left: 5%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 90%;
}
.list_mc01 li {
margin-bottom: 15px;
}
.list_mc01 li.type2 {
float: none;
padding: 0px;
margin-top: 0px;
margin-right: 0%;
margin-left: 0%;
width: 100%;
height: auto;
}
.list_mc01 li.type3 {
float: none;
padding: 0px;
margin-top: 0px;
margin-right: 0%;
margin-left: 0%;
width: 100%;
height: auto;
}
.list_mc01 li.text_inner {
padding: 20px;
}
.list_mc01 li.photo_inner {
height: 230px;
}
.list_mc01 li.text_inner .centerin {
top: 0%;
transform: translateY(0%);
}
.list_mc01 li.text_inner h2.what,.postid-102 .list_mc01 li.text_inner h2.what{
top: 15px;
left: -10px;
font-size: 18px;
}
.list_mc01 li.text_inner p.what{
margin-top: 50px;
}
.list_mc01 li.text_inner h3 {
font-size: 20px;
}
}
@media screen and (max-width: 360px) {
.list_mc01 li.text_inner h2.what{
font-size: 16px;
}
.list_mc01 li.text_inner h3 {
font-size: 17px;
}
}



/* ---------------------------------------------------------------- *
スタッフ紹介　一覧
* ---------------------------------------------------------------- */
.list_stf {
_zoom: 1;
overflow: hidden;
padding: 0px;
margin-top: 0px;
margin-bottom: 50px;
}
.list_stf ul {
margin: 0 auto;
}
.list_stf ul li {
width: 31.3333%;
margin-left: 1%;
margin-right: 1%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
text-align: center;
margin-bottom: 30px;
}
.list_stf ul li img {
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_stf ul li img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.list_stf ul li h2 {
color: #009DE2;
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 10px;
}
.list_stf ul li h2 span {
color: #000000;
font-size: 13px;
font-weight: normal;
}
.list_stf ul li p {
}
@media screen and (max-width: 767px) {
.list_stf {
padding: 0px;
margin-top: 40px;
margin-bottom: 70px;
}
.list_stf ul li {
width: 48%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 20px;
}
.list_stf ul li h2 span {
font-size: 12px;
display: block;
}
.list_stf ul li p {
font-size: 12px;
}
}
@media screen and (max-width: 360px) {
.list_stf ul li p {
font-size: 11px;
}
}


/* ---------------------------------------------------------------- *
スタッフ紹介　詳細
* ---------------------------------------------------------------- */
.interview {
_zoom: 1;
overflow: hidden;
clear: both;
margin: 0;
padding: 0;
}
.interview ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.interview li {
position: relative;
float: left;
padding: 0px;
margin-top: 0px;
margin-bottom: 30px;
width: 50%;
}
.interview .lead {
position: relative;
float: left;
padding: 0px;
margin-top: 0px;
margin-bottom: 30px;
width: 100%;
background-color: #009DE2;
color: #FFFFFF;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.interview .lead p.s_photo {
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
.interview .lead p.s_photo img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 200px;
height: 200px;
}
.interview .lead h3{
margin: 0;
text-align: center;
color: #FFFFFF;
padding: 0;
display: block;
}
.interview .lead h3 strong{
margin: 0;
text-align: center;
font-size: 18px;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
}
.interview .lead h3 span{
margin: 0;
text-align: center;
font-size: 40px;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.interview .lead p.profile{
text-align: center;
margin: 0;
font-size: 14px;
padding-bottom: 30px;
}

.interview .float_L    {
display: inline;
float: left;
width: 50%;
}
.interview .float_R    {
display: inline;
float: right;
width: 50%;
}
.interview .lead p.images_R {
display: inline;
float: right;
}
.interview .lead p.images_L {
display: inline;
float: left;
}
.interview .lead p.images_R img {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.interview li h2 {
position: relative;
color: #000;
background-color: #F2F2F2;
font-size: 18px;
margin-right: 0;
margin-left: 0;
margin-bottom: 30px;
padding-top: 18px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 18px;
font-weight: bold;
}
.interview li h2:after {
content: "";
position: absolute;
top: 100%;
left: 50px;
height: 0;
width: 0;
border: 10px solid transparent;
border-top: 10px solid #F2F2F2;
border-right: 10px solid #F2F2F2;
}
.interview li h2 span {
color: #3865A6;
margin-right: 0px;
padding-right: 10px;
}
.interview li p{
font-size: 15px;
line-height: 2em;
margin-left: 25px;
margin-bottom: 50px;
margin-right: 25px;
}
.interview li p span{
background-color: #FFFF93;
font-size: 13px;
}
.interview ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.interview .lead {
position: relative;
float: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 30px;
width: 100%;
}
.interview .lead p.s_photo {
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
}
.interview .lead h3 strong{
margin: 0;
text-align: center;
font-size: 20px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
}
.interview .lead h3 span{
margin: 0;
text-align: center;
font-size: 30px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
display: block;
line-height: 1em;
}
.interview .lead p.profile{
text-align: center;
padding-bottom: 20px;
margin: 0;
font-size: 14px;
line-height: 1.5em;
}
.interview .lead p.images_R,.interview .lead p.images_L {
float: none;
display: inline;
}
.interview .images_R img,.interview .images_L img{
width: 100%;
height: auto;
display: block;
}
.interview .float_L,.interview .float_R    {
display: inline;
float: none;
width: 100%;
}
.interview li {
position: relative;
float: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 30px;
width: 100%;
}
.interview li h2 {
font-size: 16px;
}
.interview li p{
font-size: 14px;
line-height: 1.8em;
margin-bottom: 40px;
margin-left: 0px;
margin-right: 0px;
}
.interview li p span{
background-color: #FFFF93;
font-size: 13px;
}
}

/* ---------------------------------------------------------------- *
先輩・上司・同僚からひとこと
* ---------------------------------------------------------------- */
.stf_d {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
    list-style-type: none;
    padding: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #EBDC30;
    margin-top: 0px;
}
.stf_d h2{
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 10px;
font-size: 30px;
font-weight: bold;
line-height: 1.2em;
}
.stf_d h2 span{
font-size: 14px;
padding-left: 20px;
color: #000000;
font-weight: normal;
}
.stf_d p.s_lead{
padding-bottom: 20px;
padding-left: 0px;
font-size: 14px;
padding-right: 0px;
padding-top: 15px;
}
.stf_d h4 {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: bold;
}
.stf_d .LRbox {
_zoom: 1;
overflow: hidden;
/*display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;*/
}
.stf_d .ftBox {
display: inline;
float: left;
width: 45%;
margin-left: 5%;
}
.stf_d .ftBox2 {
display: inline;
float: left;
width: 45%;
margin-right: 5%;
}
.stf_d .ftimgR {
display: inline;
float: right;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.stf_d .ftimgL {
display: inline;
float: left;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.stf_d .ftimgR img,.stf_d .ftimgL img {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.stf_d ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

@media screen and (max-width: 767px) {
.stf_d {
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
list-style-type: none;
padding: 4%;
width: 100%;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.stf_d h2{
padding-top: 10px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
font-size: 20px;
text-align: center;
}
.stf_d h2 span{
font-size: 14px;
padding-left: 0px;
color: #000000;
font-weight: normal;
display: block;
}
.stf_d h2 br{
display: none;
}
.stf_d h2 span{
font-size: 14px;
}
.stf_d h3 span{
display: block;
}
.stf_d p.s_lead{
padding-bottom: 10px;
padding-left: 0px;
font-size: 14px;
padding-right: 0px;
padding-top: 10px;
}
.stf_d .ftBox,.stf_d .ftBox2 {
width: 100%;
margin: 0;
padding: 0;
float: none;
}
.stf_d .ftimgR,.stf_d .ftimgL {
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
padding: 0;
}
.stf_d .flimgR img,.stf_d .flimgL img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
} 
}



/* ---------------------------------------------------------------- *
	福利厚生
 * ---------------------------------------------------------------- */
.list_wf {
	_zoom: 1;
	overflow: hidden;
	clear: both;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.list_wf ul {
	list-style: none;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.list_wf li {
	width: 31.3333%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	margin-bottom: 50px;
}
.list_wf li img{
	width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.list_wf li h2{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    color: #009DE2;
    font-weight: bold;
}
.list_wf li h2 span{
	color: #000000;
	font-size: 20px;
	padding-left: 10px;
}
.list_wf li h2 figure{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.list_wf li h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
	list-style-type: none;
	margin-left: 25px;
	position: relative;
	}
.list_wf li h3::after {
	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1.3em;
	width: 14px;
	height: 14px;
	background-color: #009DE2;
	border-radius: 100%;
}
.list_wf li p {
	font-size: 14px;
	color: #444444;
	margin-bottom: 30px;
	}
.list_wf ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
@media screen and (max-width: 767px) {
.list_wf {
	width: 100%;
}
.list_wf ul {
	width: 100%;
}
.list_wf li {
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 3%;
}
.list_wf li img{
	width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.list_wf li h2{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
}
.list_wf li h2 span{
	font-size: 16px;
	padding-left: 10px;
}
}


/* ---------------------------------------------------------------- *
ご家族の皆様へ
* ---------------------------------------------------------------- */
.list_family {
clear: both;
margin: 0;
width: 100%;
padding: 0;
}
.list_family ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_family li {
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 30px;
list-style-type: none;
padding: 30px;
width: 97%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
float: left;
}
.list_family li h2{
padding-top: 0px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 10px;
font-size: 30px;
font-weight: bold;
}
.list_family li h3{
padding-bottom: 10px;
padding-left: 0px;
padding-right: 10px;
font-size: 16px;
}
.list_family li p.s_lead{
padding-bottom: 15px;
padding-left: 0px;
font-size: 14px;
padding-right: 0px;
padding-top: 15px;
border-top: 1px solid rgba(255,255,255,0.50);
margin-bottom: 20px;
}
.list_family li p.s_lead strong{
    background: linear-gradient(transparent 60%, #FFED30 60%);
}
.list_family li p.s_lead .fam_img {
    width: 50%;
    height: auto;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
}

.list_family li .LRbox {
/*_zoom: 1;
overflow: hidden;*/
}
.list_family li .ftBox {
/*display: inline;*/
float: left;
width: 45%;
margin-left: 5%;
height: 300px;
position: relative;
}
.list_family li .ftBox2 {
/*display: inline;*/
float: left;
width: 45%;
margin-right: 5%;
position: relative;
height: 300px;
}
.list_family li .ftBox .centerin,.list_family li .ftBox2 .centerin {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.list_family li .ftimgR {
display: inline;
float: right;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.list_family li .ftimgL {
display: inline;
float: left;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.list_family li .ftimgR img,.list_family li .ftimgL img {
width: 100%;
height: auto;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0;
padding: 0;
border-radius: 5px;
}
.pdfBox img {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.list_family ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.list_family li p.btn_detail a{
width: 80%;
background-color: #009DE2;
}
.list_family li p.btn_detail a:hover,
.list_family li p.btn_detail a:active {
background-color: #009DE2;
color: #FFF;
width: 90%;
text-decoration: none;
}

@media screen and (max-width: 767px) {
.list_family {
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.list_family li {
margin-left: 0%;
margin-right: 0%;
margin-bottom: 30px;
list-style-type: none;
padding: 5%;
width: 100%;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_family li h2{
padding-top: 10px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 10px;
font-size: 20px;
}
.list_family li h3 span{
display: block;
}
/*
.list_family li .flimgR img,.list_family li .flimgL img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: block;
}*/
.list_family li .ftBox,.list_family li .ftBox2 {
width: 100%;
margin: 0;
padding: 0;
float: none;
height: auto;
}
.list_family li .ftimgR,.list_family li .ftimgL {
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
padding: 0;
}
.list_family li .flimgR img,.list_family li .flimgL img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
} 
.list_family li .ftBox .centerin,.list_family li .ftBox2 .centerin {
position: relative;
top: 50%;
transform: translateY(0%);
}
.list_family li p.s_lead .fam_img {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    float: none;
    margin-right: 0px;
}
}


/* ---------------------------------------------------------------- *
よくある質問　FAQ
* ---------------------------------------------------------------- */
.list_faq {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.list_faq ul {
list-style: none;
padding: 0px;
margin-right: auto;
margin-left: auto;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
.list_faq li.LQ {
width: 100%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 30px;
border-bottom: 1px solid #FFB74A;
padding-bottom: 20px;
}
.list_faq li.RQ {
width: 60%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 30px;
border-bottom: 1px solid #BBBBBB;
padding-bottom: 30px;
padding-left: 40%;
}
.list_faq li h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	list-style-type: none;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding-left: 50px;
}
.list_faq li h3 span {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 0px;
	background-color: #FF9900;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -10px;
	display: inline-block;
	z-index: 10;
}
.list_faq li p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 10px;
}
.list_faq ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

@media screen and (max-width: 767px) {
.list_faq {
width: 100%;
}
.list_faq ul {
width: 100%;
}
.list_faq li.LQ,.list_faq li.RQ {
padding-bottom: 20px;
}
.list_faq li h3 {
font-size: 14px;
margin-bottom: 20px;
line-height: 1.6em;
}
.list_faq li h3 span {
	font-size: 14px;
	margin-bottom: 0px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	left: -10px;
	top: -10px;
}
.list_faq li p {
font-size: 13px;
}
.list_faq li {
float: none;
width: 100%;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0%;
}
.list_faq li.RQ {
width: 100%;
padding-left: 0%;
}
}

/* ---------------------------------------------------------------- *
開閉コンテンツ
* ---------------------------------------------------------------- */
/*div.faqOC{
display: block;
cursor: pointer;
pointer-events: auto;
background-image: url(../parts/i_open.png);
background-repeat: no-repeat;
background-position: right center;
margin: 0;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
}
div.faqOC.open{
cursor: pointer;
pointer-events: auto;
background-image: url(../parts/i_close.png);
background-repeat: no-repeat;
background-position: right center;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
div.faqOC{
display: block;
cursor: pointer;
pointer-events: auto;
background-image: url(../parts/i_open.png);
background-repeat: no-repeat;
background-position: right center;
margin: 0;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
}
div.faqOC.open{
cursor: pointer;
pointer-events: auto;
background-image: url(../parts/i_close.png);
background-repeat: no-repeat;
background-position: right center;
padding-bottom: 0px;
padding-top: 0px;
}
}
*/
/* ---------------------------------------------------------------- *
	開閉コンテンツ
 * ---------------------------------------------------------------- */
/*#OCbox{
margin-right: 0;
margin-left: 0;
margin-bottom: 0px;
margin-top: 10px;
}
#OCbox .toggle_box {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
list-style: none;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
background-color: #FFFFFF;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
#OCbox{
}
#OCbox .toggle_box {
}
div.rootOC{
}
div.rootOC.open{
}
}*/


/* ---------------------------------------------------------------- *
求める人物像
* ---------------------------------------------------------------- */
.list_person {
clear: both;
margin: 0;
width: 100%;
padding: 0;
}
.list_person ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_person li {
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 30px;
    list-style-type: none;
    padding: 30px;
    width: 97%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    float: left;
    border: 5px dotted #EEEEEE;
}
.list_person li h2{
padding-top: 0px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 10px;
font-size: 30px;
font-weight: bold;
}
.list_person li h3{
padding-bottom: 10px;
padding-left: 0px;
padding-right: 10px;
font-size: 16px;
}
.list_person li p.s_lead{
padding-bottom: 15px;
padding-left: 0px;
font-size: 14px;
padding-right: 0px;
padding-top: 15px;
border-top: 1px solid rgba(255,255,255,0.50);
margin-bottom: 20px;
}
.list_person li p.s_lead strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.list_person li .LRbox {
/*_zoom: 1;
overflow: hidden;*/
}
.list_person li .ftBox {
/*display: inline;*/
float: left;
width: 45%;
margin-left: 5%;
height: 300px;
position: relative;
}
.list_person li .ftBox2 {
/*display: inline;*/
float: left;
width: 45%;
margin-right: 5%;
position: relative;
height: 300px;
}
.list_person li .ftBox .centerin,.list_person li .ftBox2 .centerin {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.list_person li .ftimgR {
display: inline;
float: right;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.list_person li .ftimgL {
display: inline;
float: left;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.list_person li .ftimgR img,.list_person li .ftimgL img {
width: 100%;
height: auto;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0;
padding: 0;
border-radius: 5px;
}
.pdfBox img {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.list_person ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.list_person li p.btn_detail a{
width: 80%;
background-color: #009DE2;
}
.list_person li p.btn_detail a:hover,
.list_person li p.btn_detail a:active {
background-color: #009DE2;
color: #FFF;
width: 90%;
text-decoration: none;
}

@media screen and (max-width: 767px) {
.list_person {
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.list_person li {
margin-left: 0%;
margin-right: 0%;
margin-bottom: 30px;
list-style-type: none;
padding: 5%;
width: 100%;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_person li h2{
padding-top: 10px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 10px;
font-size: 20px;
}
.list_person li h3 span{
display: block;
}
/*
.list_person li .flimgR img,.list_person li .flimgL img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: block;
}*/
.list_person li .ftBox,.list_person li .ftBox2 {
width: 100%;
margin: 0;
padding: 0;
float: none;
height: auto;
}
.list_person li .ftimgR,.list_person li .ftimgL {
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
padding: 0;
}
.list_person li .flimgR img,.list_person li .flimgL img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
} 
.list_person li .ftBox .centerin,.list_person li .ftBox2 .centerin {
position: relative;
top: 50%;
transform: translateY(0%);
}
}



/* ---------------------------------------------------------------- *
	タブ切り替え　ページ指定対応
 * ---------------------------------------------------------------- */
.btn_area{
	_zoom: 1;
	overflow: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.btn_area ul{
}
/*
.btn_area li{
	width: 49%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	text-align: center;
	float: left;
}*/
.btn_area li{
float: left;
background-color: #E4E4E4;
width: 49.5%;
margin-left: 0%;
margin-right: 1%;
text-align: center;
padding-top: 20px;
padding-right: 0;
padding-left: 0;
padding-bottom: 20px;
color: #FFF;
cursor: pointer;
font-size: 18px;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
	}
.btn_area li:last-child {
	margin-right: 0%;
}
.btn_area li#page1:hover,
.btn_area li#page1.select
{
	background-color: #009DE2;
}
.btn_area li#page2:hover,
.btn_area li#page2.select
{
	background-color: #2EC252;
}
/*
.btn_area li{
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
*/
/*
.btn_area #page1{
	background-color: #FCF256;
	color: #000000;
}
.btn_area #page2{
	background-color: #1A4374;
	color: #000000;
}
*/
@media screen and (max-width: 767px) {
.btn_area{
	width: 100%;
}
.btn_area li{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
}
}
@media screen and (max-width: 360px) {
.btn_area li a{
	font-size: 12px;
}
}


/* ---------------------------------------------------------------- *
	お仕事密着
 * ---------------------------------------------------------------- */
.kodawari{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	background-image: url(../parts/tx_zarazara.jpg);
}
.kodawari p.m_lead{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
}
@media screen and (max-width: 834px) {
.kodawari{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 40px;
}
.kodawari p.m_lead{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	margin-bottom: 10px;
}
}

.list_dayjob {
	/*_zoom: 1;
	overflow: hidden;*/
	clear: both;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
}
.list_dayjob ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.list_dayjob li {
    float: left;
    padding: 10px;
    margin-top: 0px;
    margin-right: 1%;
    margin-bottom: 20px;
    margin-left: 1%;
    position: relative;
    width: 31.3333%;
    background-color: rgba(255,255,255,1.0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
}
.list_dayjob li:before {
	position: absolute;
	content: '\f04b';
	color: #000000;
	font-family: fontAwesome;
	right: -11px;
	bottom: 48%;
}
.list_dayjob li:last-child:before {
	display: none;
}
.list_dayjob li figure img {
	height: auto;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.list_dayjob li h2{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 2px;
}
.list_dayjob.type1 li h2{
	background-color: #009DE2;
}
.list_dayjob.type2 li h2{
	background-color: #2EC252;
}

.list_dayjob li h2 span{
    margin-right: 10px;
    color: #F1FF00;
}
.list_dayjob li h3{
	padding-bottom: 10px;
	font-weight: normal;
	line-height: 1.8em;
}
.list_dayjob li p{
	font-size: 13px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	font-weight: bold;
	line-height: 1.5em;
}
.list_dayjob ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
.list_dayjob {
	/*_zoom: 1;
	overflow: hidden;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	padding-top: 0px;
}
.list_dayjob li {
	float: none;
	padding-right: 17px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 20px;
	margin-left: 0%;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}
.list_dayjob li:before {
	position: absolute;
	content: '\f04b';
	color: #000000;
	font-family: fontAwesome;
	right: 48%;
	bottom: -20px;
	transform: rotate(90deg);
}
.list_dayjob li img{
	width: 100%;
	height: auto;
	display: block;
	padding-top: 0px;
	}
.list_dayjob li h2{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 16px;
}
.list_dayjob li h2 span{
	font-size: 13px;
}
}


/* ---------------------------------------------------------------- *
住宅業界を知る
* ---------------------------------------------------------------- */
.list_know {
    clear: both;
    margin: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.list_know h1 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
	padding-bottom: 20px;
    padding-top: 70px;
}
.list_know p.copy {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 70px;
    padding-top: 70px;
    color: rgba(255,255,255,1.00);
    line-height: 1.4em;
}
.list_know p.copy span {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: block;
}
.list_know ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.list_know li {
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 30px;
list-style-type: none;
padding: 20px;
width: 97%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
float: left;
}
.list_know li h2{
padding-top: 0px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 10px;
font-size: 30px;
font-weight: bold;
}
.list_know li p.s_lead{
padding-bottom: 15px;
padding-left: 0px;
font-size: 14px;
padding-right: 0px;
padding-top: 0px;
margin-bottom: 20px;
}
.list_know li p.s_lead strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.list_know li p.s_lead img {
    width: 50%;
    height: auto;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0;
    border-radius: 5px;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.list_know li .LRbox {
/*_zoom: 1;
overflow: hidden;*/
}
.list_know li .ftBox {
/*display: inline;*/
float: left;
width: 45%;
margin-left: 5%;
position: relative;
}
.list_know li .ftBox2 {
/*display: inline;*/
float: left;
width: 45%;
margin-right: 5%;
position: relative;
}
/*.list_know li .ftBox .centerin,.list_know li .ftBox2 .centerin {
position: relative;
top: 50%;
transform: translateY(-50%);
}*/
.list_know li .ftimgR {
display: inline;
float: right;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.list_know li .ftimgL {
display: inline;
float: left;
margin-top: 0;
margin-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 50%;
}
.list_know li .ftimgR img,.list_know li .ftimgL img {
    width: 100%;
    height: auto;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 20px;
}
.pdfBox img {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.list_know ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.list_know li p.btn_detail a{
width: 80%;
background-color: #009DE2;
}
.list_know li p.btn_detail a:hover,
.list_know li p.btn_detail a:active {
background-color: #009DE2;
color: #FFF;
width: 90%;
text-decoration: none;
}

@media screen and (max-width: 767px) {
.list_know {
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.list_know h1 {
    text-align: left;
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 50px;
    line-height: 1.4em;
}
.list_know p.copy {
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 50px;
    padding-top: 50px;
    line-height: 1.4em;
}
.list_know p.copy span {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 1.6em;
    margin-top: 15px;
}
.list_know li {
margin-left: 0%;
margin-right: 0%;
margin-bottom: 30px;
list-style-type: none;
padding: 5%;
width: 100%;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_know li h2{
padding-top: 10px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 10px;
font-size: 20px;
}
.list_know li h3 span{
display: block;
}
/*
.list_know li .flimgR img,.list_know li .flimgL img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: block;
}*/
.list_know li .ftBox,.list_know li .ftBox2 {
width: 100%;
margin: 0;
padding: 0;
float: none;
height: auto;
}
.list_know li .ftimgR,.list_know li .ftimgL {
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
padding: 0;
}
.list_know li .flimgR img,.list_know li .flimgL img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
} 
.list_know li .ftBox .centerin,.list_know li .ftBox2 .centerin {
position: relative;
top: 50%;
transform: translateY(0%);
}
}


/* ---------------------------------------------------------------- *
営業活動
* ---------------------------------------------------------------- */
.list_active {
_zoom: 1;
overflow: hidden;
padding: 0px;
margin-top: 0px;
margin-bottom: 50px;
}
.list_active ul {
margin: 0 auto;
}
.list_active ul li {
width: 31.3333%;
margin-left: 1%;
margin-right: 1%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-bottom: 30px;
}
.list_active ul li img {
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.list_active ul li img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.list_active ul li h2 {
color: #009DE2;
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 10px;
}
.list_active ul li h2 span {
color: #000000;
font-size: 13px;
font-weight: normal;
}
.list_active ul li p {
    text-align: left;
}
@media screen and (max-width: 767px) {
.list_active {
padding: 0px;
margin-top: 40px;
margin-bottom: 70px;
}
.list_active ul li {
width: 98%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 20px;
}
.list_active ul li h2 span {
font-size: 12px;
display: block;
}
.list_active ul li p {
font-size: 12px;
}
}
@media screen and (max-width: 360px) {
.list_active ul li p {
font-size: 11px;
}
}



/* ---------------------------------------------------------------- *
ミッション
* ---------------------------------------------------------------- */
.mission {
    clear: both;
    margin: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
}
.mission h1 {
text-align: center;
font-size: 30px;
font-weight: bold;
padding-bottom: 20px;
padding-top: 70px;
color: #007260;
line-height: 1.5em;
}
.mission ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.mission li.type1 {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
    list-style-type: none;
    padding: 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    float: left;
    background-color: #FFFFFF;
}
.mission li h2{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
    border-left: 1px solid #000000;
}
.mission li p.idea{
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5em;
}
.mission li p.s_lead{
padding-bottom: 15px;
padding-left: 0px;
font-size: 16px;
padding-right: 0px;
padding-top: 0px;
margin-bottom: 20px;
line-height: 2em;
}
.mission li p.s_lead strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.mission li p.hoshin{
    padding-bottom: 15px;
    padding-left: 0px;
    font-size: 16px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    line-height: 1.8em;
}
.mission ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

@media screen and (max-width: 767px) {
.mission {
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.mission h1 {
text-align: left;
font-size: 20px;
padding-bottom: 20px;
padding-top: 50px;
line-height: 1.4em;
}
.mission li p.idea{
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.mission p.copy {
text-align: left;
font-size: 30px;
font-weight: bold;
padding-bottom: 50px;
padding-top: 50px;
line-height: 1.4em;
}
.mission p.copy span {
text-align: left;
font-size: 16px;
font-weight: bold;
display: block;
line-height: 1.6em;
margin-top: 15px;
}
.mission li.type1 {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
    list-style-type: none;
    width: 100%;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px;
    border-radius: 5px;
}
.mission li h2{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 20px;
    margin-bottom: 20px;
}
}


.list_num {
    clear: both;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    width: 100%;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_num ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.list_num ol li {
  margin-bottom: 15px;
  padding-left: 0px;
  position: relative;
}
.list_num ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #AD3E95;
	color: #FFFFFF;
	display: block;
	float: left;
	line-height: 30px;
	margin-left: 0px;
	text-align: center;
	height: 30px;
	width: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
}
.list_num ol li p.indent {
padding-left:40px;
text-indent:0px;
}
@media screen and (max-width: 767px) {

}


.list_num2 {
    _zoom: 1;
    overflow: hidden;
    clear: both;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
    background-color: #F1F1F1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 20px;
}
.list_num2 ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.list_num2 ol li {
    margin-bottom: 15px;
    padding-left: 0px;
    position: relative;
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}
.list_num2 ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #AD3E95;
	color: #FFFFFF;
	display: block;
	float: left;
	line-height: 30px;
	margin-left: 0px;
	text-align: center;
	height: 30px;
	width: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
}
.list_num2 ol li p.indent {
padding-left:40px;
text-indent:0px;
}
@media screen and (max-width: 767px) {
.list_num2 ol li {
    margin-bottom: 15px;
    padding-left: 0px;
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}
}



.list_num3 {
    clear: both;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
    width: 100%;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_num3 ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.list_num3 ol li.number {
  margin-bottom: 15px;
  padding-left: 0px;
  position: relative;
}
.list_num3 ol li.number:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #E7E7E7;
    display: block;
    float: left;
    line-height: 30px;
    margin-left: 0px;
    text-align: center;
    height: 30px;
    width: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
}
.list_num3 ol li.number.az:before {
    content: counter(my-counter,lower-alpha);
    counter-increment: my-counter;
    background-color: #E7E7E7;
    display: block;
    float: left;
    line-height: 30px;
    margin-left: 0px;
    text-align: center;
    height: 30px;
    width: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
}
.list_num3 ol li.number.az2:before {
    content: counter(my-counter,upper-alpha);
    counter-increment: my-counter;
    background-color: #E7E7E7;
    display: block;
    float: left;
    line-height: 30px;
    margin-left: 0px;
    text-align: center;
    height: 30px;
    width: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
}
.list_num3 ol li p.indent {
padding-left:40px;
text-indent:0px;
}
@media screen and (max-width: 767px) {

}








































/* ---------------------------------------------------------------- *
リストライン
* ---------------------------------------------------------------- */
.root_line {
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
position: relative;
margin: 0;
padding-bottom: 30px;
}
.root_line  ol {
}
.root_line  ol li {
_zoom: 1;
overflow: hidden;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
}
.root_line  ol li::after {
position: absolute;
bottom: 0px;
left: 0px;
content: '';
height: 1px;
}
.root_line  ol li::before {
position: absolute;
bottom: 0px;
left: 0px;
margin:0 auto;
content: '';
height: 1px;
}
.root_line  ol li::before {
z-index: 2;
width: 22%;
background-color: #AAAAAA;
}
.root_line  ol li::after {
width: 100%;
background-color: #DDDDDD;
}
.root_line  ol li dt {
float: left;
width: 200px;
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.root_line  ol li dd {
margin-left: 200px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.root_line  ol li dd h3 {
font-weight: bold;
font-size: 15px;
padding-bottom: 10px;
}
.root_line  ol li dd p{
margin: 0px;
padding: 0px;
}
.root_line  ol li dd figure{
width: 30%;
height: auto;
float: right;
margin-left: 10px;
margin-bottom: 5px;
}
.root_line  ol li dd img{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: auto;
}
* html .root_line  ol li dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.root_line {
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.root_line  ol li {
padding-top: 10px;
padding-bottom: 10px;
}
.root_line  ol li dt {
float: none;
width: 100%;
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
}
.root_line  ol li dd figure{
width: 50%;
margin-left: 5px;
margin-bottom: 0px;
}
.root_line  ol li dd {
margin-left: 0%;
}
.root_line  ol li dd h3 {
font-size: 14px;
}
}

/* ---------------------------------------------------------------- *
ごあいさつ
* ---------------------------------------------------------------- */
.greeting {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.greeting p{
font-size: 16px;
line-height: 2em;
}
.greeting p img.riji {
	float: left;
	padding: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-right: 30px;
	margin-bottom: 10px;
	max-width: 160px;
	height: auto;
}

@media screen and (max-width: 767px) {
.greeting {
width: 100%;
margin-bottom: 0px;
}
.greeting p strong{
text-align: left;
display: block;
}
.greeting p{
font-size: 15px;
}
}



/* ---------------------------------------------------------------- *
投稿ページ用の設定
* ---------------------------------------------------------------- */
.post {
_zoom: 1;
overflow: hidden;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 30px;
clear: both;
padding: 0px;
}
.post img{
max-width: 900px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
height: auto;
}
.post.cn_blog img{
max-width: 730px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
height: auto;
}
.post p.date {
margin-bottom: 30px;
font-size: 14px;
color: #444444;
line-height: 1.5em;
}
.post p.date span{
font-size: 16px;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
font-weight: normal;
margin-left: 10px;
}
.post p.date i {
color: #0086ED;
padding-right: 5px;
}
.post p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 16px;
line-height: 2.2em;
}
.post p strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
/*画像右*/
.alignright {
float: right;
padding: 0;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 10px;
}	
/*画像センター*/
.aligncenter {
clear: both;
padding: 0;
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
}
/*画像左*/
.alignleft {
float: left;
padding: 0;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
/*投稿フォントサイズ*/
.post h1{
font-size: 20px;
font-weight: bold;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
line-height: 1.6em;
margin-bottom: 20px;
color: #000000;
}
.post h2{
font-weight: bold;
line-height: 1.6em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-size: 18px;
padding: 0px;
}

.post h3{
font-size: 16px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
line-height: 1.5em;
}
.post h4{
font-size: 15px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.post h5{
font-size: 14px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.post h6{
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
@media screen and (max-width: 767px) {
.post p {
font-size: 15px;
line-height: 2em;
}
.post p.date {
margin-bottom: 10px;
font-size: 13px;
}
/*画像右*/
.alignright {
float: none;
padding: 0;
margin-top: 10px;
margin-left: 0px;
margin-bottom: 10px;
}	
/*画像センター*/
.aligncenter {
clear: both;
padding: 0;
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
}
/*画像左*/
.alignleft {
float: none;
padding: 0;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.post img{
width: 100%;
height: auto;
display: block;
}
}

/*ソーシャルバズ*/
.va-social-buzz{
	margin-top: 100px;
}
@media screen and (max-width: 767px) {
.va-social-buzz{
	margin-top: 50px;
}
}

/* ---------------------------------------------------------------- *
タイルギャラリー
* ---------------------------------------------------------------- */
.tile_gallery {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
width: 100%;
}
.tile_gallery ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.tile_gallery li.type100 {
width: 98%;
}
.tile_gallery li.type50 {
width: 48%;
}
.tile_gallery li.type65 {
width: 65.1%;
}
.tile_gallery li.type35 {
width: 30.9%;
}
.tile_gallery li {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 1%;
margin-bottom: 20px;
margin-left: 1%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tile_gallery li img{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.tile_gallery ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.tile_gallery li {
margin-right: 1%;
margin-bottom: 2%;
margin-left: 1%;
}
.tile_gallery li.type50 figure.mb20 {
margin-bottom: 3% !important;
}
}
/*
@media screen and (max-width: 767px) {
.tile_gallery {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
width: 100%;
}
.tile_gallery li.type100 {
width: 100%;
}
.tile_gallery li.type50 {
width: 100%;
}
.tile_gallery li.type65{
width: 100%;
}
.tile_gallery li.type35 {
width: 100%;
}
.tile_gallery li {
padding: 0px;
margin-top: 0px;
margin-right: 0%;
margin-left: 0%;
position: relative;
width: 100%;
margin-bottom: 15px;
}
.tile_gallery li img{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
}
*/


/* ---------------------------------------------------------------- *
リストライン
* ---------------------------------------------------------------- */
.list_line {
padding: 0px;
position: relative;
margin-bottom: 40px;
}
.list_line  ol {
}
.list_line  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 15px;
position: relative;
}
.list_line  ol li::after {
position: absolute;
bottom: 0px;
left: 0px;
content: '';
height: 1px;
}
/*
.list_line  ol li::before {
position: absolute;
bottom: 0px;
left: 0px;
margin:0 auto;
content: '';
height: 1px;
}*/
.list_line  ol li:first-child::before {
position: absolute;
top: 0px;
left: 0px;
content: '';
height: 1px;
}
.list_line  ol li::before {
z-index: 2;
width: 100%;
background-color: #DDDDDD;
}
.list_line  ol li::after {
width: 100%;
background-color: #DDDDDD;
}
.list_line  ol li dt {
	float: left;
	color: #333;
	font-size: 14px;
	width: 23%;
	margin-right: 2%;
}
.list_line  ol li dt em {
padding-left: 10px;
}
.list_line  ol li dd {
	margin-left: 25%;
	background-position: 0px 0px;
	font-size: 14px;
	line-height: 2em;
}
.list_line  ol li dd p{
margin: 0px;
padding: 0px;
}
.list_line  ol li dd p.note{
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 1.6em;
color: #444444;
}
* html .list_line  ol li dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.list_line {
margin-bottom: 30px;
}
.list_line  ol li dt {
    color: #333;
    font-size: 13px;
    line-height: 1.8em;
	width: 28%;
	margin-right: 2%;
}
.list_line  ol li dt {
    font-size: 13px;
    line-height: 1.8em;
}
.list_line  ol li dd {
	margin-left: 30%;
	background-position: 0px 0px;
	font-size: 13px;
	line-height: 1.8em;
}
.list_line  ol li.his dd {
    margin-left: 45%;
    background-position: 0px 0px;
    font-size: 13px;
    line-height: 1.8em;
}
}




.sub_list{
padding: 0px;
width: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.sub_list th{
padding-right: 5px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 15%;
}
.sub_list td{
padding: 0px;
}
.sub_list th h5 {
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
list-style-type: none;
margin-left: 0px;
position: relative;
}
@media screen and (max-width: 767px) {
.sub_list th{
width: 40%;
}
}




/* ---------------------------------------------------------------- *
設備
* ---------------------------------------------------------------- */
.f_line {
padding: 0px;
position: relative;
margin-bottom: 70px;
}
.f_line  ol {
}
.f_line  ol li {
_zoom: 1;
/*overflow: hidden;*/
padding-bottom: 25px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 25px;
position: relative;
}
.f_line  ol li::after {
position: absolute;
bottom: 0px;
left: 0px;
content: '';
height: 1px;
}
.f_line  ol li::before {
position: absolute;
bottom: 0px;
left: 0px;
margin:0 auto;
content: '';
height: 1px;
}
.f_line  ol li::before {
z-index: 2;
width: 30%;
background-color: #000000;
}
.f_line  ol li::after {
width: 100%;
background-color: #DDDDDD;
}
.f_line  ol li dt {
float: left;
width: 30%;
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 16px;
}
.f_line  ol li dd {
margin-left: 30%;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 16px;
}
.f_line  ol li dd strong {
font-size: 18px;
}
.f_line  ol li dd p{
margin: 0px;
padding: 0px;
}
* html .f_line  ol li dd {
zoom: 1;
}
@media screen and (max-width: 767px) {
.f_line  ol li dt {
float: none;
width: 100%;
color: #333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
}
.f_line  ol li dd {
margin-left: 0%;
background-repeat: no-repeat;
background-position: 0px 0px;
}
}

/* ---------------------------------------------------------------- *
メッセージの設定
* ---------------------------------------------------------------- */
div.message01 {
/*position: relative;*/
_zoom: 1;
overflow: hidden;
padding: 0px;
margin-bottom: 50px;
}
div.message01 div {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
div.message01 div {
padding-left: 0px;
padding-right: 0px;
background-image: url(../parts/line40.png);
}
div.message01 div p {
line-height: 40px;
margin: 0px;
padding: 0px;
}
div.message01 div p strong {
font-weight: bold;
}
div.message01 div p.service {
line-height: 40px;
margin: 0px;
padding: 0px;
font-size: 16px;
}
div.message01 div p span{
color: #000000;
font-weight: bold;
}
div.message01 div p bold{
font-size: 18px;
font-weight: bold;
}
div.message01 div p em{
font-size: 18px;
font-weight: bold;
font-style: normal;
}
div.message01 small {
font-size: 11px;
}
div.message01 h2 {
margin: 0px;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
color: #960;
}
div.message01 a:link {
text-decoration: underline;
color: #03C;
}
div.message01 a:visited {
text-decoration: underline;
color: #03C;
}
div.message01 a:hover, div.message01 a:active {
text-decoration: underline;
color: #06F;
}
div.message01 div p.right br {
display: none;
}


@media screen and (max-width: 767px) {
div.message01 {
/*position: relative;*/
_zoom: 1;
overflow: hidden;
padding: 0px;
margin-bottom: 20px;
}
div.message01 div {
padding-left: 0px;
padding-right: 0px;
background-image: none;
}
div.message01 div p {
line-height: 30px;
margin: 0px;
padding: 0px;
}
div.message01 div p.service {
line-height: 1.6em;
margin-right: 0px;
margin-left: 0px;
padding: 0px;
font-size: 16px;
}
div.message01 div p.right br {
display: block;
}
div.message01 div p img{
width: 50%;
height: auto;
display: block;
}
div.message01 div p img.flimgL {
display: inline;
float: left;
margin-top: 0;
margin-left: 0;
background-color: #FFFFFF;
padding-right: 0px;
margin-right: 20px;
margin-bottom: 10px;
}
div.message01 div p img.flimgR {
display: inline;
float: right;
margin-top: 0;
margin-right: 0;
padding-left: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
margin-left: 20px;
margin-bottom: 10px;
}
}


/* ---------------------------------------------------------------- *
プライバシーポリシーの設定　/　
* ---------------------------------------------------------------- */
/*モーダルウィンドウ*/
.lock {
overflow:hidden;
}

.modal-content {
position: relative;
display: none;
width: 800px;
max-height: 60%;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;
background: #fff;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:10;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:20;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}

.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-decoration:underline;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}
@media screen and (max-width: 767px) {
.modal-content {
width: 90%;
max-height: 70%;
}
}



#sec_privacy {
/*background-color: #FFFFFF;*/
}
#sec_privacy h2.title02{
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-size: 18px;
color: #000000;
line-height: 1.5em;
padding: 0px;
clear: both;
}
#info_privacy {
padding: 0px;
position: relative;
margin: 0px;
}
#info_privacy h3 {
font-weight: normal;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
font-size: 100%;
}
#info_privacy  ol {
}
#info_privacy  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 12px;
margin-top: 0px;
padding-top: 12px;
background-repeat: repeat-x;
background-position: left bottom;
margin-bottom: 0px;
background-image: url(../parts/line_dot.gif);
}
#info_privacy  ol li dt {
float: left;
width: 40px;
color: #333;
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#info_privacy  ol li dt span{
font-size: 10px;
}
#info_privacy  ol li dd {
margin-left: 50px;
background-repeat: no-repeat;
background-position: 0px 0px;
margin-right: 10px;
}
#info_privacy  ol li span.blue{
font-size: 15px;
font-weight: bold;
color: #06C;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
#info_privacy  ol li span.chui{
font-size: 15px;
font-weight: normal;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
#info_privacy  ol li dd p{
margin: 0px;
padding: 0px;
}
* html #info_privacy  ol li dd {
zoom: 1;
}

/*clCLOSEボタン*/
p.close a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 30%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height: 1.5em;
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
}
p.close a:hover,
p.close a:active {
background-color: #777777;
color: #FFF;
}
@media screen and (max-width: 767px) {
p.close a{
width: 40%;
}
#sec_privacy h2.title02{
font-size: 16px;
}
}

/* ---------------------------------------------------------------- *
交通アクセスの設定
* ---------------------------------------------------------------- */
#map_canvas{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #F1F1F1;
}
#map_canvas p{
font-size: 13px !important;
}
p.mapbox {
width: 300px;
padding-top: 5px;
padding-bottom: 5px;
}

#mapp0_layout{
border-style: none;
border-width: 0px;
}
/*wordpress　mappress　左メニュー非表示*/
.mapp-menu-toggle{
display: none !important;
}

@media screen and (max-width: 767px) {
#map_canvas{
padding-right: 0%;
padding-left: 0%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
height: 50% !important;
}
#mapp0_layout,.mapp-layout {
padding: 0px;
margin: 0px;
width: 100% !important;
}
.mapp-canvas,.mapp-wrapper {
padding: 0px;
margin: 0px;
width: 100% !important;
height: 400px !important;
}
.gm-style-mtc{
display: none !important;
}
}


/* ---------------------------------------------------------------- *
アクセスマップ
* ---------------------------------------------------------------- */
.accessMap {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
margin-top: 0px;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.accessMap {
padding-bottom: 0px;
}
}


/* ---------------------------------------------------------------- *
tableの設定
* ---------------------------------------------------------------- */
.table-a{
padding: 0px;
width: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
}
.table-a th{
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: middle;
    text-align: center;
    width: 25%;
}
.table-a td{
border: 1px solid #DAD7BC;
padding: 10px;
vertical-align: middle;
}

.table-a th:nth-child(1) {
width: 25%;
}
/* 特定の要素にだけ指定 */
.t-riji th:nth-child(1) {
	width: 25% !important;
}
.t-riji th:nth-child(2) {
	width: 75% !important;
}
@media screen and (max-width: 767px) {
/*table-aをスクロールさせる*/
/*table-aのセル内にある文字の折り返しを禁止*/
.table-a {
overflow: auto;
/*white-space: nowrap;*/
display: block;
width: auto;
font-size: 12px;
line-height: 1.3em;
}

.table-a tbody {
width: 100%;
display:block;
}

/*.table-aにスクロールバーを追加*/
.table-a::-webkit-scrollbar {
height: 5px;
}

/*.table-aにスクロールバーを追加*/
.table-a::-webkit-scrollbar-track {
background: #F1F1F1;
}

/*.table-aにスクロールバーを追加*/
.table-a::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
}


.table-b{
padding: 0px;
width: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
}
.table-b th{
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: middle;
    text-align: center;
}
.table-b td{
border: 1px solid #DAD7BC;
padding: 10px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
/*table-bをスクロールさせる*/
/*table-bのセル内にある文字の折り返しを禁止*/
.table-b {
overflow: auto;
/*white-space: nowrap;*/
display: block;
width: auto;
font-size: 12px;
line-height: 1.3em;
}

.table-b tbody {
width: 100%;
display:block;
}

/*.table-bにスクロールバーを追加*/
.table-b::-webkit-scrollbar {
height: 5px;
}

/*.table-bにスクロールバーを追加*/
.table-b::-webkit-scrollbar-track {
background: #F1F1F1;
}

/*.table-bにスクロールバーを追加*/
.table-b::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
}
/* ---------------------------------------------------------------- *
お問い合わせフォームの設定
* ---------------------------------------------------------------- */

.contact_form {
/*_zoom: 1;
overflow: hidden;*/
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 80px;
margin-left: 0px;
}
.contact_form h3 {
font-size: 100%;
font-weight: bold;
color: #960;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.contact_form p.ct_lead{
margin-bottom: 20px;
}
.contact_form p.ct_lead strong{
background: linear-gradient(transparent 60%, #FFED30 60%);
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.contact_form p.ct_lead img{
float: left;
padding-right: 20px;
}
.contact_form p.ct_phone{
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.contact_form p.ct_phone span{
font-size: 14px;
font-weight: normal;
}

.contact_form  ol {
margin: 0px;
padding: 0px;
}

#linebox {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
background-repeat: repeat-x;
background-position: left bottom;
margin-bottom: 0px;
}
/*#linebox dt {
float: left;
width: 170px;
padding-right: 40px;
margin-right: 20px;
position: relative;
}*/
#linebox dt {
float: left;
width: 27%;
padding-right: 40px;
margin-right: 3%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#linebox dd {
float: left;
width: 70%;
padding-right: 0px;
margin-right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#linebox dt span{
padding-left: 7px;
padding-right: 7px;
padding-top: 0px;
padding-bottom: 0px;
color: #FFFFFF;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size: 10px;
position: absolute;
right: 0px;
margin: 0;
height: 20px;
line-height: 2em;
}
#linebox dt span.required{
background-color: #D0011B;
}
#linebox dt span.any{
background-color: #F6A623;
}
#linebox dd p{
display: block !important;
}
/*
#linebox dd {
margin-left: 230px;
}*/
/*
* html #linebox dd {
zoom: 1;
}*/

#linebox dl:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

/*認証チェックボックス　スパムブロック*/
p.b_accept {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
background-color: #F0F0F0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
p.b_accept span.kakunin {
font-weight: bold;
border: 3px solid #D0021B;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
@media screen and (max-width: 767px) {
.contact_form {
padding: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
width: 100%;
}
/*
.contact_form p.ct_lead br{
display: none;
}
*/
.contact_form p.ct_phone{
font-size: 25px;
font-weight: bold;
margin-bottom: 20px;
}
.contact_form p.ct_phone span{
display: block;
font-size: 14px;
font-weight: normal;
}
#linebox dt,#linebox dd {
float: none;
width: 100%;
padding-right: 0px;
margin-right: 0px;
}
/*#linebox dt {
float: none;
width: auto;
padding-right: 0px;
margin-right: 0px;
}*/
#linebox dd {
margin-left: 0px;
margin-right: 0px;
}
.contact_form h2 img {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.contact_form p img {
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
}


/*お問い合せ詳細*/
#formbtn{
text-align: center;
margin: 0px;
padding-top: 10px;
}
#formbtn table{
text-align: center;
margin: 0px;
padding: 0px;
}
.kon { ime-mode: enabled; 
}
.koff { ime-mode: disabled; /*英数入力モード*/
}
.w100 {
width: 100px;
margin: 0px;
padding: 0px;
}
.w200 {
width: 200px;
margin: 0px;
padding: 0px;
}
.w480 {
width: 460px;
margin: 0px;
padding: 0px;
}
span.red {
color: #F00 !important;
}



/*プラグインContact Form 7のエラーメッセージ*/
.wpcf7-not-valid-tip {
position: static !important;
left: 0px !important;
top: -8px !important;
color: #F00 !important;
font-size: 11px !important;
margin: 0px !important;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
z-index: 1000 !important;
padding: 10px !important;
background-color: #FFF;
width: 180px !important;
text-align: center !important;
display: block;
}
.wpcf7-validation-errors {
width: 100% !important;
padding: 2% !important;
margin-left: 0px !important;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* テキストフォームの設定 */
.wpcf7-text,.wpcf7-number{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
border: 1px solid #EEEEEE;
background-color: #EEEEEE;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 13px !important;
}
.length-s{
width: 100px;
}
.length-sm{
width: 200px;
}
.length-m{
width: 300px;
}
.length-l{
width: 100%;
}
/* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus{
background-color: #FFF;
}

/* テキストエリアの設定 */
.wpcf7-textarea{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
border: 1px solid #EEEEEE;
background-color: #EEEEEE;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 100%;
font-size: 13px !important;
}

/* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus{
background-color: #FFF;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
overflow:hidden;
}

/*ラジオボタン・チェックボックスの改行*/
/*.list_length span.wpcf7-list-item { display: block; }*/
.c_item span.wpcf7-list-item {
display: block;
}

@media screen and (max-width: 767px) {
/* テキストフォームの設定 */
.wpcf7-text{
padding: 8px;
border: 1px solid #EEEEEE;
background-color: #EEEEEE;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 16px !important;
width: 100%;
}
.length-s{
width: 50%;
}
.length-m{
width: 100%;
}
.length-l{
width: 100%;
}
.wpcf7-text .wpcf7-form-control {
padding: 0px;
width: 100% ;
height: auto;
}
/* テキストエリアの設定 */
.wpcf7-textarea{
padding: 8px;
border: 1px solid #EEEEEE;
background-color: #EEEEEE;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 100% ;
font-size: 16px !important;
}
}

/* ---------------------------------------------------------------- *
メンテナンス障害情報
* ---------------------------------------------------------------- */
.mainte p.m_date {
font-size: 20px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
background-color: #F3EF48;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: center;
width: 70%;
margin-left: 0px;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mainte p.m_date i {
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.mainte p.m_date {
font-size: 14px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.mainte p.m_date i {
margin-right: 5px;
}
}
@media screen and (max-width: 360px) {
.mainte p.m_date {
font-size: 12px;
}
}

/* ---------------------------------------------------------------- *
Mappress設定
* ---------------------------------------------------------------- */
.mapp-layout {
margin: 0px !important;
padding: 0px ;
}
.mapp-map-links {
background-color: transparent !important;
border-top: 0px solid lightgray !important;
border-bottom: 0px solid lightgray !important;
}

/* ---------------------------------------------------------------- *
ショートコード設定
* ---------------------------------------------------------------- */
#photobox {
/*_zoom: 1;
overflow: hidden;*/
padding: 0px;
clear: both;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
}

/* ---------------------------------------------------------------- *
通常の投稿記事でのギャラリー設定
* ---------------------------------------------------------------- */
#gallery {
_zoom: 1;
overflow: hidden;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
width: 100%;
margin-bottom: 50px;
}
#gallery ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#gallery li {
}
#gallery li p.gallery-caption {
padding-top: 5px !important;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
margin: 0;
line-height: 1.6em;
}

#gallery .gallery-item {
float: left;
display: block;
padding: 0px;
margin-top: 0px;
margin-right: 1.1666%;
margin-bottom: 30px;
margin-left: 1.1666%;
width: 31%;
}
#gallery .gallery-icon{
}
#gallery li.gallery-item img{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
#gallery ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

#gallery a:link {
color: #FFF;
text-decoration: none;
}
#gallery a:visited {
color: #FFF;
text-decoration: none;
}
#gallery a:hover, #gallery a:active {
color: #FFF;
text-decoration: underline;
}

@media screen and (max-width: 767px) {
#gallery {
margin-bottom: 40px;
}
#gallery li .gallery-caption {
padding-top: 5px !important;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0;
line-height: 1.6em;
font-size: 13px;
}
#gallery .gallery-item {
float: left;
display: block;
margin-top: 0px;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 10px;
padding: 0px;
width: 47%;
}
}
@media screen and (max-width: 320px) {
#gallery li .gallery-caption {
font-size: 12px;
}
}

/* ---------------------------------------------------------------- *
ページャーの設定　＜　1　2　3　＞
* ---------------------------------------------------------------- */
.page-nav {
text-align: center;
margin-bottom: 40px;
}
.page-nav li {
display: inline;
list-style: none outside none;
}
.page-nav li a {
border: 1px solid rgb(230,230,230);
color: rgb(102,102,102);
text-decoration: none;
border-radius: 3px;
}

.page-nav li a:hover {
border: 1px solid rgb(230,230,230);
}
.page-nav li a:active {
box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
top:1px;
}

.page-nav li.current span {
border: 1px solid rgb(204,204,204);
color: rgb(121,81,15);
font-weight: bold;
border-radius: 3px;
background-color: #FFFFFF;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
background: rgb(248,248,248);
border: 1px solid rgb(230,230,230);
color: rgb(180,180,180);
text-decoration: none;
border-radius: 3px;
}

.page-nav li.page_nums span {
background: rgb(102,102,102);
border: 1px solid rgb(51,51,51);
color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
padding: 0.25em 0.8em;
display: inline-block;
position:relative;
}

.pages-link {
text-align: center;
}
.pages-link a span {
border: 1px solid rgb(230,230,230);
color: rgb(102,102,102);
text-decoration: none;
font-weight: normal;
}
.pages-link span {
border: 1px solid rgb(186,166,132);
color: rgb(121,81,15);
font-weight: bold;
border-radius: 3px;
padding: 0.25em 0.8em;
display: inline-block;
position:relative;
}
.pages-link a:hover span {
border: 1px solid rgb(230,230,230);
}
.pages-link a:active span {
box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
top:1px;
}


/* ---------------------------------------------------------------- *
ページ間のナビ設定　＜前の記事　　次の記事＞
* ---------------------------------------------------------------- */

.postlink {
_zoom: 1;
overflow: hidden;
padding: 0px;
clear: both;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.postlink ul {
margin: 0;
}
.postlink li {
width: 32.3333%;
margin-left: 0.5%;
margin-right: 0.5%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.postlink li a {
	display: block;
	font-size: 15px;
	line-height: 1em !important;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ECEDC2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left: 0px;
}

.postlink li.previous {
float: left;
}
.postlink li.list {
float: left;
}
.postlink li.next {
float: left;
}
.postlink a:link {
text-decoration: none;
color: #A68C62;
}
.postlink a:visited {
text-decoration: none;
color: #A68C62;
}
.postlink a:hover, .postlink a:active {
text-decoration: none;
color: #A68C62;
background-color: #FCECE2;
}
@media screen and (max-width: 767px) {
.postlink li.previous {
width: 32%;
margin-left: 0%;
margin-right: 1%;
}
.postlink li.list {
width: 32%;
margin-left: 0%;
margin-right: 0%;
}
.postlink li.next {
width: 32%;
margin-left: 1%;
margin-right: 0%;
}
.postlink li.previous a {
padding-right: 5px;
}
.postlink li.next a {
padding-left: 5px;
}
.postlink li a {
font-size: 11px;
}
}
@media screen and (max-width: 360px) {
.postlink li a {
font-size: 10px;
}
}

/* 空要素のスタイルを設定 */
.postlink ul li:empty:after {
content: '　';
display: block;
}


/* ---------------------------------------------------------------- *
スタイル調整の設定
* ---------------------------------------------------------------- */
/*投稿日時*/
.entry-date {
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
color: #128C15;
}

/*続きを読む*/
.link-text {
display: block;
text-align: right;
margin-top: 15px;
line-height: 1;
}

.link-text a:before {
content: '> ';
}

/*NEW表記*/
.newicon {
font-weight: bold;
color: #F00;
margin: 0px;
padding: 0px;
}


/*左右中央*/
.center {
padding: 0px;
text-align: center !important;
margin: 0px;
}
.right {
padding: 0px;
text-align: right !important;
margin: 0px;
}
.left {
padding: 0px;
text-align: left !important;
margin: 0px;
}

/*padding*/
.pt00 { padding-top: 0   !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

.pb00 { padding-bottom: 0   !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

.pr00 { padding-right: 0   !important;}
.pr10 { padding-right:10px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}

.pl00 { padding-left: 0   !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}
.pl100 { padding-left:100px !important;}

/*margin*/
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.mb110 { margin-bottom:110px !important;}
.mb120 { margin-bottom:120px !important;}
.mb130 { margin-bottom:130px !important;}
.mb140 { margin-bottom:140px !important;}
.mb150 { margin-bottom:150px !important;}

.mr00 { margin-right: 0   !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}

.ml00 { margin-left: 0   !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml300 { margin-left:300px !important;}

@media screen and (max-width: 767px) {
.mt20 { margin-top:15px !important;}
.mt30 { margin-top:22px !important;}
.mt40 { margin-top:30px !important;}
.mt50 { margin-top:38px !important;}
.mt60 { margin-top:45px !important;}
.mt70 { margin-top:53px !important;}
.mt80 { margin-top:60px !important;}
.mt90 { margin-top:68px !important;}
.mt100 { margin-top:75px !important;}

.mb20 { margin-bottom:15px !important;}
.mb30 { margin-bottom:22px !important;}
.mb40 { margin-bottom:30px !important;}
.mb50 { margin-bottom:38px !important;}
.mb60 { margin-bottom:45px !important;}
.mb70 { margin-bottom:53px !important;}
.mb80 { margin-bottom:60px !important;}
.mb90 { margin-bottom:68px !important;}
.mb100 { margin-bottom:75px !important;}
.mb110 { margin-bottom:83px !important;}
.mb120 { margin-bottom:90px !important;}
.mb130 { margin-bottom:98px !important;}
.mb140 { margin-bottom:105px !important;}
.mb150 { margin-bottom:113px !important;}
}
@media screen and (max-width: 360px) {
.mt20 { margin-top:14px !important;}
.mt30 { margin-top:21px !important;}
.mt40 { margin-top:28px !important;}
.mt50 { margin-top:35px !important;}
.mt60 { margin-top:42px !important;}
.mt70 { margin-top:49px !important;}
.mt80 { margin-top:56px !important;}
.mt90 { margin-top:63px !important;}
.mt100 { margin-top:70px !important;}

.mb20 { margin-bottom:14px !important;}
.mb30 { margin-bottom:21px !important;}
.mb40 { margin-bottom:28px !important;}
.mb50 { margin-bottom:35px !important;}
.mb60 { margin-bottom:42px !important;}
.mb70 { margin-bottom:49px !important;}
.mb80 { margin-bottom:56px !important;}
.mb90 { margin-bottom:63px !important;}
.mb100 { margin-bottom:70px !important;}
.mb110 { margin-bottom:77px !important;}
.mb120 { margin-bottom:84px !important;}
.mb130 { margin-bottom:91px !important;}
.mb140 { margin-bottom:98px !important;}
.mb150 { margin-bottom:105px !important;}
}



/*フォントカラー*/
.red  {	color: #F00;}

/* Width */
.w100p   { width: 100% !important;}
.w90p   {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.w80p   {
width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.w75p   {
width: 75% !important;
margin-left: auto;
margin-right: auto;
}
.w70p   {
width: 70% !important;
margin-left: auto;
margin-right: auto;
}
.w60p   {
width: 60% !important;
margin-left: auto;
margin-right: auto;
}
.w50p   {
width: 50% !important;
margin-left: auto;
margin-right: auto;
}
.w40p   {
width: 40% !important;
margin-left: auto;
margin-right: auto;
}
.w30p   {
width: 30% !important;
margin-left: auto;
margin-right: auto;
}
.w980   { width: 980px !important;}
.w960   { width: 960px !important;}
.w900   { width: 900px !important;}
.w700	{
width: 700px !important;
margin-right: auto;
margin-left: auto;
}
.w600	{
width: 600px !important;
margin-left: auto;
margin-right: auto;
}
.w500	{ width: 500px !important;}
.w400	{ width: 400px !important;}
.w300	{ width: 300px !important;}
.w200	{ width: 220px !important;}

@media screen and (max-width: 767px) {
.w90p   { width: 100% !important;}
.w80p   { width: 100% !important;}
.w70p   { width: 100% !important;}
.w60p   { width: 100% !important;}
.w50p   { width: 100% !important;}
.w40p   { width: 100% !important;}
.w30p   { width: 100% !important;}

.w980   { width: 100% !important;}
.w960   { width: 100% !important;}
.w900   { width: 100% !important;}
.w700	{ width: 100% !important;}
.w600	{ width: 100% !important;}
.w500	{ width: 100% !important;}
.w400	{ width: 100% !important;}
.w300	{ width: 100% !important;}
.w200	{ width: 100% !important;}
}


/* フォームデザイン */
label {
width: 150px;
font-size: 14px;
font-weight: bold;
}
#linebox label {
font-weight: normal;
}
input.contact-text {
width: 400px;
border: 1px #DDDDDD solid;
margin: 0px;
padding: 10px;
background: #FFFFFF;
font-size: 14px;
/* CSS3 */
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-webkit-box-shadow: 0 0 6px #EDEDED inset;
-moz-box-shadow: 0 0 6px #EDEDED inset;
box-shadow: 0 0 6px #EDEDED inset;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
transition: background 1s ease;
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 200px;
border: 0px #DDDDDD solid;
margin: 0px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
background: #FFFFFF;
font-size: 14px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
transition: background 1s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
}
@media screen and (max-width: 767px) {
textarea {
width: 100%;
margin: 0px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
}
input.submit,input.submit-plan,input.submit-choice,input.submit-client,button.submit-client,input.submit-end {
clear: both;
border: none;
font-size: 125%;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 0.1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #DE0427;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 70%;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
}
input.submit:hover,input.submit-plan:hover,input.submit-choice:hover,input.submit-client:hover,button.submit-client:hover,input.submit-end:hover {
cursor: pointer;
background-color: #CC0000;
}
input[type="submit"][disabled]{
background-color: #C7C7C7;
cursor: not-allowed; /* 禁止カーソル */
}
label, input[type='checkbox'] {
cursor: pointer;
}


/*自動入力ボタン*/
input.autoinput {
clear: both;
border: none;
color: #FFFFFF;
letter-spacing: 0.1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background 1s ease, box-shadow 1s ease;
-moz-transition: background 1s ease, box-shadow 1s ease;
transition: background 1s ease, box-shadow 1s ease;
background-color: #009933;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
/*width: 10%;*/
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 0px;
}
input.autoinput:hover {
cursor: pointer;
background-color: #077A07;
}

/*iPhone用*/
input[type="submit"] {
-webkit-appearance: none;
}
input[type="reset"] {
-webkit-appearance: none;
}
input[type="button"] {
-webkit-appearance: none;
}


@media screen and (max-width: 767px) {
input.submit,input.submit-plan,input.submit-choice,input.submit-client,button.submit-client,input.submit-end {
clear: both;
border: none;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
letter-spacing:0.1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background 1s ease, box-shadow 1s ease;
-moz-transition: background 1s ease, box-shadow 1s ease;
transition: background 1s ease, box-shadow 1s ease;
background-color: #DE0427;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 100%;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
}
input.submit:hover,input.submit-plan:hover,input.submit-choice:hover,input.submit-client:hover,button.submit-client:hover,input.submit-end:hover {
-webkit-box-shadow: 0 0 10px #A5B596;
-moz-box-shadow: 0 0 10px #A5B596;
box-shadow: 0 0 10px #A5B596;
cursor: pointer;
background-color: #CC0000;
padding-left: 10px;
padding-right: 10px;
}
input,
textarea,
select {
font-size: 16px !important;
/*-webkit-appearance: none !important;*/
}
}


/*フォームスタイル　プルダウンメニュー*/
.inverse{
background: #000;
padding: 20px 0;
color: #fff;
}
.select-wrap {
position: relative;
}
.select-wrap:before {
z-index: 1;
position: absolute;
right: 15px;
top: 0;
content: '\f107';
font-family: fontAwesome;
line-height: 43px;
color: #000000;
pointer-events: none;
font-size: 20px;
}
select{
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 40px;
padding: 8px 12px;
border: 1px solid #ddd;
width: 100%;
border-radius: 3px;
}
select option{
background-color: #fff;
color: #333;
}
select::-ms-expand {
display: none;
}
select:-moz-focusring { 
color: transparent; 
text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
color:#fff;
}
.select-wrap.select-primary > select{
background:#0084B4;
color:#fff;
border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
color: transparent; 
text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
color:#fff;
}
.select-wrap.select-inverse > select{
color:#fff;
border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
color: transparent; 
text-shadow: 0 0 0 #fff;
}


/*placeholder文字色変更*/
/* Chrome, Safari */
input::-webkit-input-placeholder{
color: #CCCCCC;
}
/* Firefox */
input::-moz-placeholder{
color: #CCCCCC;
}
/* Firefox 18以前 */
input:-moz-placeholder{
color: #CCCCCC;
}
/* IE */
input:-ms-input-placeholder{
color: #CCCCCC;
}