@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 * { margin:0; padding:0; }
body { font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.clr { clear:both; }
a:focus, *:focus { outline:none; }
::selection { background:#66CCFF; color:#FFFFFF; }
::-moz-selection { background: #66CCFF; color:#FFFFFF; }
.ov50:hover { opacity: 0.5 ; }
.ov60:hover { opacity: 0.6 ; }
.ov70:hover { opacity: 0.7 ; }
.ov80:hover { opacity: 0.8 ; }
.ov90:hover { opacity: 0.9 ; }
.ov50 img:hover { opacity: 0.5 ; }
.ov60 img:hover { opacity: 0.6 ; }
.ov70 img:hover { opacity: 0.7 ; }
.ov80 img:hover { opacity: 0.8 ; }
.ov90 img:hover { opacity: 0.9 ; } input[type="submit"],
input[type="button"]{
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.clearfix { clear: both; }
.clearfix::after {
content: "";
display: block;
clear: both;
}
  a { text-decoration:none; color:#647b64; }
#wrap { width:100%; margin:0; padding:0; overflow:hidden; } @media print, screen and (min-width: 768px) {
br.sp { display: none; }
br.pc { display: inline; }
}
@media screen and (max-width: 767px) {
br.sp { display: inline; }
br.pc { display: none; }
} h1{
font-size:12px;
color:#999999;
margin:10px 0;
}
h2{
margin:10px 0;
}
h2 img{
width:150px;
}
h3{  
font-weight:400;
font-size:48px;
letter-spacing:2px;
color:rgb(44, 45, 48); 
}
h3 span{
font-size:16px;
display:block;
font-weight:600;
font-family: 'Open Sans', sans-serif;
color:#647b64;
}
h4{  
font-weight:700;
font-size:18px;
line-height:1.8em;
color:rgb(44, 45, 48); 
}
@media screen and (max-width: 798px) {
h1{
font-size:8px;
}
h2{  
font-size:21px;
}
h3{  
font-size:36px;
}
} #header{
width:100%;
z-index: 4;
position:fixed;
padding:0 20px;
background-color:#FFFFFF;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#head_h1{
float:left; width:50%;
}
#head_t{
float:right; width:50%;
}
@media screen and (max-width: 1700px) {
#head_h1{ width:30%; }
#head_t { width:70%; }
}
@media screen and (max-width: 1200px) {
#head_h1{ width:18%; }
#head_t { width:82%; }
}
#head_l{
float:left;
width:30%;
padding:0;
}
#head_r{
float:right;
width:70%;
padding:0;
}
#header ul{
list-style:none;
float:right;
}
#header ul li{
float:left;
margin:0 20px; 
line-height:1.8em;
padding-top:15px;
}
#header ul li a{
position: relative;
display: inline-block;
transition: .3s;
text-decoration:none;
color:#000;
font-size:14px;
font-weight:bold;
}
#header ul li a:hover{
color:#003366;
}
#header ul li a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 2px;
background-color: #647b64;
transition: .3s;
}
#header ul li a:hover::after {
width: 100%;
}
#header ul li+ li {
}
#head_t ul li{
float:left;
margin:0 10px; 
line-height:1.6em;
padding-top:5px;
}
#head_t li{
background-color:#000;
padding:5px 30px;
}
#head_t ul li a{
color:#FFFFFF;
}
#head_t ul li a:hover{
color:#E3F1D5;
} .fixed {
position: fixed;
top: 0;
width:100%;
z-index: 99;
}
#header.fixed h2 img{
width:130px;
margin:0 0 0px 0;
}
#header.fixed h1{
font-size:11px;
margin:0;
}
#header.fixed ul li{
padding-top:15px;
}
#header.fixed{
background-color:#FFFFFF;
}
#header.fixed #head_t ul li{
padding-top:0px;
} #header.fixed,
#header,
#header h1,
#header.fixed h1,
#header #head_r,
#header.fixed #head_r,
#header.fixed h2 img,
#header h2 img,
#header ul li,
#header.fixed ul li{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
.fixed {
display:none;
}
#head_r{
display:none;
}
#head_t{
display:none;
}
#head_l{
float:none;
width:100%;
}
#head_h1{
float:none;
width:100%;
}
#header.fixed h1{
font-size:8px;
margin:0;
}
#header.fixed h1 img{
}
#header.fixed{
background-color:#FFFFFF;
}
} #footer{
width:100%;
padding:50px 0px 100px 0px;
background-color:#f1f4f6;
text-align:center;
position:relative;
margin-top:-5px;
}
.footer_inner{
max-width:1200px;
margin:auto;
}
.footer_box{
width:20%;
float:left;
text-align:left;
}
.footer_box p{
font-size:14px;
color:#666666;
}
.footer_box h4 img{
width:70%;
}
.footer_box h4 a{
color:#647b64;
font-weight:400;
font-size:22px;
margin-right:10px;
}
.footer_box ul{
list-style:none;
margin-top:10px;
}
.footer_box ul li.st{
font-weight:bold;
margin-bottom:5px;
}
.footer_box ul li{
font-size:14px;
line-height:1.6em;
}
.footer_box ul li a{
text-decoration:none;
color:#666666;
}
.footer_box ul li a:hover{
color:#999999;
}
.copy{
font-size:12px;
font-weight:400;
color:#999999;
margin-top:30px;
}
@media screen and (max-width: 1024px) {
#footer{
padding:0px 20px 100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer_box{
width:100%;
float:none;
text-align:left;
}
} #drawer{
display:none;
}
@media screen and ( max-width:1024px ) {
#drawer { display:block; position: relative; z-index:9999; }
.drawer-nav { filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
.drawer_innr { background:#fff; padding:50px 0; }
.drawer_innr h1 { color:#FFFFFF; }
.drawer-menu { width:100%; text-align:center; padding:20px 0; }
.drawer_box { width:95%; margin:auto; padding:20px 0; }
.drawer_box_btn { float:left; width:50%; padding:5px; -moz-box-sizing: border-box; box-sizing:border-box; }
.drawer_box_btn a { background-color:#647b64; color:#FFFFFF; text-decoration:none; display:block; padding:10px 0; font-weight:bold; }
.drawer-menu ul { list-style:none; margin:20px 0; font-size:18px; }
.drawer-menu ul li { font-size:14px; line-height:3em; background-color:#FFFFFF; margin:5px auto 5px auto; width:95%; font-weight:bold; }
.drawer-menu ul a { color:#000; text-decoration:none; }
.drawer_sns a { color:#000000; letter-spacing:5px; text-decoration:none; }
}
.drawer--top.drawer-open .drawer-nav {
top: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
right: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#sp_footer{
display:none;
}


 .swiper-wrapper{
width:100%;
}
.swiper-wrapper img {
width:100%;
height:700px;
object-fit: cover;
} @media all and (-ms-high-contrast: none){
.swiper-div {
height: 600px;
overflow: hidden!important;
}
.swiper-div img { 
height: auto!important;
}
.swiper-wrapper img {
height: auto!important;
}
}
.main_box{
position:absolute;
left: 50px;
top: 0;
z-index: 1;
background: rgba(255,255,255,0.9) ;	
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
width:500px;
height:700px;
text-align:center;
padding:300px 20px 0 20px; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main_box p{
font-size:36px;
z-index: 2;
color:#333333;
font-weight:700;
}
.main_box p.btn{
margin-top:50px;
}
.main_box p span{
font-size:18px;
display:block;
margin-top:30px;
line-height:1.6em;
} .arrowWrap {
position: absolute;
right: 0;
bottom: 0;
height: 200px
}
.arrow {
width: 1px;
height: 100px;
margin: -20px auto 0;
background-color: #eee;
position: relative;
overflow: hidden;
z-index:3;
}
.arrow::before {
content: '';
width: 1px;
height: 100px;
margin: 50px auto 0;
background-color: #000;
position: absolute;
top: -150px;
left: 0;
-webkit-animation: arrow 2.5s ease 0s infinite normal;
animation: arrow 2.5s ease 0s infinite normal;
}
@keyframes arrow {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
60% {
-webkit-transform: translate3d(-50%, 100px, 0);
transform: translate3d(-50%, 100px, 0);
}
100% {
-webkit-transform: translate3d(-50%, 100px, 0);
transform: translate3d(-50%, 100px, 0);
}
}
@media screen and (max-width: 798px) {
.swiper-wrapper img {
width:100%;
height:600px;
object-fit: cover;
}
.main_box{
position:absolute;
left: 0;
top: 200px;
z-index: 1;
background: rgba(255,255,255,0.9);	
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
width:100%;
height:300px;
text-align:center;
padding:50px 20px 0 20px; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main_box p{
font-size:24px;
z-index: 2;
color:#333333;
font-weight:700;
}
.main_box p.btn{
margin-top:50px;
}
.main_box p span{
font-size:12px;
display:block;
margin-top:30px;
line-height:1.6em;
}
} #s_main{
position:relative;
padding:190px 0 100px 0;
text-align:center;
width:100%;
overflow:hidden;
margin:0;
background: rgba(0,0,0, 0.3);
}
#s_main img {
position:absolute;
right: 0;
top: 0;
z-index: 0;
width:100%; height: 410px;
object-fit: cover; } @media all and (-ms-high-contrast: none){
#s_main img {
height:auto;
}
}
#s_main h2{  
color:#FFFFFF;
font-weight:400;
font-size:24px;
margin:0px;
letter-spacing:1px; position: relative;
z-index:3; }
#s_main h2 span{
font-size:56px;
font-weight:600;
font-family: 'Open Sans', sans-serif;
display:block;
letter-spacing:0.1em; }
@media screen and (max-width: 798px) {
#s_main{ padding: 90px 0 40px 0;
margin-bottom: 20px;
}
#s_main img {
height:300px;
}
#s_main h2{  
font-size:22px;
}
#s_main h2 span{
font-size:18px;
}
.arrow {
width: 0px;
height: 0px; }
h3 {
}
}  #exhibition{
width:100%;
padding:50px 0;
text-align:center;
}
.exhibition_innr{
max-width:1200px;
margin:auto;
padding:30px 0;
}
#exhibition p{
margin:20px 0;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
.exhibition_box{
float:left;	
width : 33% ; width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
padding:0 10px;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.exhibition_under{
float:left;
width : 50% ; width : -webkit-calc(100% / 2) ;
width : calc(100% / 2) ;
}
.exhibition_under .btn a {
background-image: linear-gradient(rgba(255,255,255,0.7) 50%, rgba(100,123,100,1) 50%);
background-position: 0 0;
background-size: auto 200%;
transition: .3s;
color:#647b64;
text-decoration:none;
font-size:12px;
font-weight:bold;
letter-spacing:3px;
border:#647b64 solid 2px;
padding:10px 50px;
text-shadow:none;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
.exhibition_box img{
width:100%;
height:200px;
object-fit: cover;
}
@media screen and (max-width: 798px) {
#exhibition{
width:100%;
padding:20px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.exhibition_box{
float:none;	
width : 100% ;
padding:0 10px;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.exhibition_under{
float:none;
width : 100% ; 
}
}
.Instagram_PC { display: block; }
.Instagram_SP { display: none; }
@media screen and (max-width: 798px) {
.Instagram_PC { display: none; }
.Instagram_SP { display: block; }
} #event{
width:100%;
padding:50px 0px 0px 0px; text-align:center;
}  .event_innr{
max-width:1200px;
margin:auto;
padding:30px 0;
padding-left: 20px;
}
.event_innr .event_box figure { }
#event p{
margin:15px 0px 50px 0px; font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
.event_box{
float:left;	
width : 33% ; width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
padding:0 0px;	
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:1.8em;
width: calc( (100% - 60px) / 3); margin-right: 20px;
}
.event_box span{
background-color:#647b64; color:#FFFFFF;
padding:5px 10px;
font-weight:bold;
letter-spacing:1px;
margin-right:5px;
font-size:12px;
}
.event_box .btn a {
background-image: linear-gradient(rgba(255,255,255,0.7) 50%, rgba(100,123,100,1) 50%);
background-position: 0 0;
background-size: auto 200%;
transition: .3s;
color:#647b64;
text-decoration:none;
font-size:12px;
font-weight:bold;
letter-spacing:3px;
border:#647b64 solid 2px;
padding:10px 50px;
text-shadow:none;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
.event_innr .event_box figure { height:250px; }
.event_box img{
width:95%; height:250px; object-fit: cover;
width: auto;
}
.event_next{
width:100%;
text-align:right;
padding:10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.event_next i{
margin-right:10px;
}
.event_next a{
text-decoration:none;
font-weight:bold;
color:#647b64;
}
@media screen and (max-width: 798px) {
#event{
width:100%;
padding:20px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.event_box{
float:none;	
width : 100% ; margin-right:0px;
}
.event_innr{
max-width:1200px;
margin:auto;
padding:0px 0px;
}
.event_innr .event_box figure { height:auto; }
.event_box img{ width:100%; height: auto; }
} #hinoki{
position: relative;
width:100%;
min-height: 500px;
padding:0 0 100px 0;
}
#hinoki_img{
width: 90%;
position: relative;
z-index: 1;
}
#hinoki_img img{
width:100%;
height:600px;
object-fit: cover;
} @media all and (-ms-high-contrast: none){
#hinoki .boxInner { height: 600px; }
#hinoki_img img { width:60%; height: auto; }
#hinoki #hinoki_img .box .boxInner { }
}
#hinoki_contents{
right: 20px;
padding: 40px 45px;
width: 46%;
align-items: center;
position: absolute;
top: -100px;
background: #FFF;
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
#hinoki_contents h3{
font-size:34px;
}
.hinoki_pd{
float:left;	
width : 33% ; width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
text-align:center;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:1.8em;
border-right:#CCCCCC solid 1px;
font-size:14px;
}
.hinoki_pd a{
text-decoration:none;
color:#647b64;
}
.hinoki_pd:nth-child(5){
border:none;
}
.hinoki_pd i{
display:block;
font-size:48px;
color:#647b64;
margin:0 0 20px 0;
}
#hinoki p{
margin:20px 0 50px 0;
font-size:16px;
font-weight:500;
line-height:1.8em;
color:#333333;
}
@media screen and (max-width: 798px) {
#hinoki{
position:static;
width:100%;
}
#hinoki_img{
width: 100%;
position:static;
}
#hinoki_contents{
right: 0;
padding: 40px 45px;
width: 100%;
bottom: 0;
display:block;
position:static;
box-sizing: border-box;
}
} #jirei {
width:100%;
padding:0px 0 50px 0;
text-align:center;
margin:-50px 0 0 0;
}
#jirei_s { }
#jirei_s img { margin-bottom:15px; max-width:1024px; height:auto; }
@media screen and (max-width: 798px) {
#jirei_s img { width:100%; }
}
#jirei::before {
position: absolute;
top: 100px;
right: 0px;
bottom: 0;
left: 0px;
z-index: -1;
content: "";
background: #f1f4f6;
}
.jirei_innr{
max-width:1200px;
margin:auto;
padding:30px 0;
}
#jirei p{
margin:20px 0;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
.jirei_box{
float:left;	
width : 33% ; width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
padding:0 10px;	
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:1.8em;
}
.autoplay div{
margin:0 10px;
height:300px;
}
.autoplay div img{
width:100%;
height:300px;
object-fit: cover;
}
@media screen and (max-width: 798px) {
#jirei{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.autoplay div{
margin:0 10px;
height:150px;
}
.autoplay div img{
width:100%;
height:150px;
object-fit: cover;
}
} #info{
width:100%;
position: relative;
padding:50px 0;
text-align:center;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#info::before {
position: absolute;
top: 0px;
right: 0px;
bottom: 0;
left: 0px; z-index: -1;
content: "";
background: #f1f4f6;
}
.info_inner{
max-width: 1200px;
margin: 0 auto;
}
.info_l{
float:left;
text-align:left;
background-color:#fff;
padding:50px;
margin-top:-70px;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
width : 70% ; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_r{
float:right;
width:30%;
text-align:right;
padding:150px 0 0 0;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_r i{
font-size:20px;
margin-right:5px;
}
.info_r p{
margin:30px 0 0 0;
line-height:2em;
}
.info_r p a{
text-decoration:none;
color:#666666;
}
.info_inner ul{
list-style:none;
margin:10px 0 50px 0;
}
.info_inner ul li{
line-height:2.5em;
border-bottom:#E8E8E8 solid 1px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_inner ul li a{
color:#333333;
text-decoration:none;
}
.info_inner ul li a:hover{
color:#999999;
}
.info_inner ul li span{
color:#999999;
margin-right:10px;
}
@media screen and (max-width: 798px) {
#info{
width:100%;
padding:50px 20px;
text-align:center;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_l{
float:none;
text-align:left;
background-color:#fff;
padding:50px 20px;
margin-top:-70px;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
width : 100% ; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.info_r{
float:none;
width:100%;
text-align:right;
padding:150px 0 0 0;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} #sale{
width:100%;
position: relative;
padding:50px 0;
text-align:center;
}
#sale::before {
position: absolute;
top: 0px;
right: 0px;
bottom: 200px;
left: 0px; z-index: -1;
content: "";
background: #f1f4f6;
}
#sale2{
width:100%;
padding:50px 0 100px 0;
text-align:center;
}
#sale2::before {
position: absolute;
top: 0px; right: 0px;
bottom: 0px;
left: 0px;
z-index: -1;
content: "";
background: #f1f4f6;
}
.sale_innr{
max-width:1200px;
margin:auto;
padding:30px 0;
}
#sale p , #sale2 p{
margin:20px 0;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
.sale_box{
float:left;	
width : 23% ; padding:10px 10px;
margin:0 1% 30px 1%;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:left;
background-color:#FFFFFF;
height:450px;
text-shadow:none;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
.sale_box h4{
border-bottom:#CCCCCC solid 1px;
}
.sale_box h4 span{
font-size:14px;
display:block;
}
.sale_box .btn a {
background-image: linear-gradient(rgba(255,255,255,0.7) 50%, rgba(100,123,100,1) 50%);
background-position: 0 0;
background-size: auto 200%;
transition: .3s;
color:#647b64;
text-decoration:none;
font-size:12px;
font-weight:bold;
letter-spacing:3px;
border:#647b64 solid 2px;
padding:10px 50px;
text-shadow:none;
}
.sale_box img{
width:100%;
height:150px;
object-fit: cover;
}
@media screen and (max-width: 798px) {
.sale_box img { height: auto; }
}
.sale_box p{
margin:0;
font-size:16px;
font-weight:400;
line-height:1.6em;
color:#333333;
}
.sale_p01 {
margin: 20px 0px 0px 0px!important;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sale_p02 {
margin: 0px!important;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sale_p03 {
margin: 0px!important;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sale_p04 {
margin: 0px!important;
width: 100%;
}
.sale_box p span.sale01{
background-color:#647b64;
color:#FFFFFF;
margin:0 11px 0 0;
padding:3px 4px 3px 3px;
font-size:12px;
}
.sale_box p span.sale02{
background-color:#647b64;
color:#FFFFFF;
margin:0 11px 0 0px;
padding:3px 4px 3px 3px;
font-size:12px;
}
.sale_box p span.sale03{
color:#647b64;
margin:0 15px 0 0px;
padding-left: 3px;
}
.sale_box p span.sale04{
color:#647b64;
margin:0 10px 0 0px;
}
.sale_box p span.sale05{
background-color:#647b64;
color:#FFFFFF;
margin:0 11px 0 0px;
padding:3px 4px 3px 3px;
font-size:12px;
}
.sale_box .sale05s{
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 798px) {
#sale{
width:100%;
padding:20px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#sale2{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sale_box{
float:none;	
width : 100% ; height:auto; padding:20px 10px;
margin:10px auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:left;
background-color:#FFFFFF;
text-shadow:none;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
} #company { position: relative; width:100%; min-height: 33vw; padding:0 0 100px 0; }
#company_img{
width: 54%; position: absolute;
z-index: 1;
top:-50px;
right:0;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
} @media all and (-ms-high-contrast: none){
#company_img { width:auto; }
}
#company_img img { width:100%; height: 700px; object-fit: cover; object-position: top; }
#company .ceo_comment { width:calc(100vw - 63% - 180px); text-align:justify; text-justify: inter-ideograph; font-size: 0.9vw; }
#company_contents{
left: 20px;
padding: 40px 45px;
width: 100%;
align-items: center;
position: absolute;
top: 0px;
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#company_contents span{
font-size:34px;
padding:5px 10px;
line-height:2em;
background-color:#FFFFFF;
margin-bottom:15px;
}
#company_contents span b { font-weight:normal; }
#company_navi { background-color:#F9F9F9; width:70%; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); padding:50px; -moz-box-sizing: border-box; box-sizing: border-box; }
#company_navi ul { list-style:none; }
#company_navi ul li{
float:left;	
width : 33% ; width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size:20px;
text-align:center;
font-weight:500;
letter-spacing:1px;
}
#company_navi ul li a { text-decoration:none; color:#333333; }
#company_navi ul li a:hover { color:#999999; }
#company_navi ul li i { margin-right:10px; color:#647b64; }
#company p { margin:20px 0 70px 0; font-size:15px; font-weight:500; line-height:1.8em; color:#333333; width:39vw; }
@media screen and (max-width: 1024px) {
#company { position:static; width:100%; min-height: 200px; padding:0px; }
#company p { width: 100%; font-size:16px;  }
#company_img { width: 100%; position:static; }
#company_img img { width:100%; height:350px; object-fit:cover; }
#company .ceo_comment { width:100%; text-align:justify; text-justify: inter-ideograph; font-size: 16px; }
#company_contents{ right: 0; padding: 40px 45px; width: 100%; bottom: 0; display:block; position:static; box-sizing: border-box; }
#company_contents span{ font-size:24px; padding:5px 0px; line-height:2em; background-color:#FFFFFF; margin-bottom:15px; }
#company_navi { background-color:#F9F9F9; width:100%; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); padding:20px; -moz-box-sizing: border-box; box-sizing: border-box; }
#company_navi ul li { font-size:14px; float:none; width:100%; text-align:left; line-height:2em; }
#company_contents span b { display:block; margin-bottom:-3em; font-size:16px; }
} #banner_area {
width: 100%;
margin-top: 100px;
margin-bottom: 120px;
text-align: center;
clear: both;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
#banner_area p { float: left; }
#banner_area p img { width:300px; height:65px; margin-left: 20px; }
@media screen and (max-width: 798px) {
#banner_area {
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#banner_area p { float: none; margin-bottom: 20px; }
#banner_area p img { width:90%; height:auto; margin-left:0px; }
} #catalog{
width:100%;
padding:100px 0 50px 0;
text-align:center;
}
#catalog::before {
position: absolute;
top: 130px; right: 0;
bottom: 0;
left: 0px; z-index: -1;
content: "";
background: #f1f4f6;
}
#catalog p{
margin:20px 0;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
.catalog_innr{
max-width:800px;
margin:50px auto 0px auto;
background-color:#FFFFFF;
padding:30px 0;
}
.catalog_box{
float:left;	
width : 50% ; padding:0 10px;	
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:1.8em;
}
.catalog_box h4{
font-size:28px;
font-weight:400;
margin:0 0 20px 0;
letter-spacing:1px;
}
.catalog_cv{
margin:0;
font-weight:bold;
letter-spacing:1px;
}
.catalog_cv a{
text-decoration:none;
color:#FFFFFF;
background-color:#647b64;
padding:20px 50px;
}
.tel{
font-size:36px;
font-weight:600;
}
.tel i{
margin-right:10px;
color:#647b64;
}
.tel span{
font-size:16px;
display:block;
font-weight:normal;
font-weight:500;
}
@media screen and (max-width: 798px) {
#catalog{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.catalog_box{
float:none;	
width : 100% ; padding:0 10px;	
margin:0 0 30px 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:1.8em;
}
.catalog_box h4{
font-size:21px;
font-weight:400;
margin:0 0 20px 0;
letter-spacing:1px;
}
.catalog_innr{
margin:0px auto 0px auto;
padding: 23px 0px 30px 0px;
}
} #saiyou_shindan{
width:100%;
position: relative;
padding:100px 0 120px 0;
text-align:center;
}
#saiyou_shindan::before {
position: absolute;
top: 0px;
right: 0;
bottom: 0px; left: 0px; z-index: -1;
content: "";
background: #f1f4f6;
}
.saiyou_shindan_inner{
max-width: 1200px;
margin: 0 auto;
position: relative;
}
#saiyou_shindan p{
margin:20px 0;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
#recruit{
position: relative;
width:51%;
min-height: 400px;
padding:0 0 100px 0;
}
#recruit_img{
width: 90%;
position: relative;
z-index: 1;
top:0;
right:0;
}
#recruit_img img{
width:100%;
height:400px;
object-fit: cover;
}
#recruit_contents{
right: 0px;
padding: 40px 45px;
width: 65%;
align-items: center;
position: absolute;
bottom: 0px;
background-color:#FFFFFF;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#shindan{
position: absolute;
width:51%;
min-height: 400px;
padding:0 0 150px 0;
top:0;
right:0;
}
#shindan_img{
width: 90%;
position: relative;
z-index: 1;
top:50px;
right:0;
}
#shindan_img img{
width:100%;
height:400px;
object-fit: cover;
}
#shindan_contents{
right: 0px;
padding: 40px 45px;
width: 65%;
align-items: center;
position: absolute;
bottom: 0px;
background-color:#FFFFFF;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 798px) {
#saiyou_shindan{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#recruit{
position:relative;
width:100%;
min-height: 400px;
padding:0 0 100px 0;
}
#recruit_contents{
right: 0px;
padding: 40px 45px;
width: 95%;
align-items: center;
position: absolute;
bottom: 0px;
background-color:#FFFFFF;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#shindan{
position: static;
width:100%;
min-height: 400px;
padding:0 0 150px 0;
top:0;
right:0;
}
#shindan_contents{
right: 0px;
padding: 40px 45px;
width: 95%;
align-items: center;
position: absolute;
bottom: 0px;
background-color:#FFFFFF;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} #index_contact{
width:100%;
padding:10px 0 50px 0!important; text-align:center;
}
#index_contact::before {
position: absolute;
top: 250px; right: 0px;
bottom: 0;
left: 0px;
z-index: -1;
content: ""; }
#index_contact p{
margin:20px auto;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
width: 90%;
}
@media screen and (max-width: 798px) {
#index_contact{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} #base01 ul{
list-style:inside;
} #base01{
position: relative;
width:100%;
min-height: 500px;
padding:100px 0;
}
#base01_img{
width: 65%;
position: relative;
z-index: 1;
}
#base01_img img{
width:100%;
}
#base01_contents{
right: 20px;
padding: 40px 45px;
width: 46%;
align-items: center;
position: absolute;
bottom: 0;
background: #FFF;
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#base01 p{
margin:20px 0;
font-size:16px;
font-weight:200;
line-height:1.8em;
color:#333333;
}
.base01_title{
padding-bottom:20px;
}
.slider{
margin: 100px auto;
width: 80%;
}
.slider img{
height: auto;
width: 100%;
} .slick-prev:before,
.slick-next:before {
color: #000;
}
@media screen and (max-width: 798px) {
#base01{
position:static;
width:100%;
}
#base01_img{
width: 100%;
position:static;
}
#base01_contents{
right: 0;
padding: 40px 45px;
width: 100%;
bottom: 0;
display:block;
position:static;
box-sizing: border-box;
}
} #base02{
position: relative;
width:100%;
min-height: 500px;
padding:100px 0;
overflow:hidden;
}
#base02_img{
width: 65%;
position: absolute;
z-index: 1;
right:0;
}
#base02_img img{
width:100%;
}
#base02_contents{
left: 20px;
padding: 40px 45px;
width: 46%;
align-items: center;
position: absolute;
bottom: 0;
background: #FFF;
z-index: 2;	
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#base02 p{
margin:20px 0;
font-size:16px;
font-weight:200;
line-height:1.8em;
color:#333333;
}
@media screen and (max-width: 798px) {
#base02{
position:static;
width:100%;
}
#base02_img{
width: 100%;
position:static;
}
#base02_contents{
right: 0;
padding: 40px 45px;
width: 100%;
bottom: 0;
display:block;
position:static;
box-sizing: border-box;
}
}
#base03{
width:100%;
padding:100px 0;
overflow:hidden;
}
#base03_img{
max-width:1000px;
margin:auto;
}
#base03_img img{
width:100%;
}
#base03_contents{
padding: 40px 0;
max-width:1000px;
margin:auto;
text-align:center;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#base03 p{
margin:20px 0;
font-size:16px;
font-weight:200;
line-height:1.8em;
color:#333333;
}
@media screen and (max-width: 798px) {
#base03{
width:100%;
}
#base03_img{
width: 100%;
}
#base03_contents{
padding: 40px;
width: 100%;
}
} #house{
width:100%;
padding:50px 0 0 0;
text-align:center;
}
#house::before {
position: absolute;
top: 100px;
right: 0px;
bottom: 0;
left: 0px;
z-index: -1;
content: "";
background: #f1f4f6;
}
.house_innr{
max-width:1000px;
margin:auto;
padding:30px 0;
height:auto;
position:relative;
}
#house p{
margin:20px 0;
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#333333;
}
ul.thumber li { background: #000; }
ul.thumber img{
width:100%;
object-fit: cover; height: calc( 1000px / 16 * 9 );
}
ul.thumber .vertically_long { width: auto;
margin-left: auto; margin-right: auto;
}
.vertically_long {} .horizontally_long {} .square {} .thumb li { margin: 5px;}
ul.thumb img{
width:100%;
height:150px;
object-fit: cover;
}
.thumb .slick-next { right: 20px; top:-300px; z-index: 100;}
.thumb .slick-prev { left: 20px; top:-300px; z-index: 100;}
#house_contents p.house_txt{
text-align:left;
font-size:14px;
line-height:1.4em;
}
#house_contents h4{
font-size:24px;
}
#house_contents span{
font-weight:bold;
color:#647b64;
}
@media screen and (max-width: 798px) {
ul.thumber img{
height: calc( 100vw / 16 * 9);
}
#house{
width:100%;
padding:20px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.thumb img{
width:100%;
height:100px;
object-fit: cover;
}
.thumb .slick-next { right: 10px; top:-130px; z-index: 100;}
.thumb .slick-prev { left: 10px; top:-130px; z-index: 100;}
}  #concept{
padding:50px 0;
margin:auto;
text-align:center;
}
#concept h4{
color:#647b64;
margin:0;
font-size:24px;
}
#concept #base01{
text-align:left;
}
#concept p.imag{
font-weight:700;
font-size:14px;
}
#imag_wapper{
max-width:100%;
position:relative;
}
#imag_wapper .concept_text { font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; }
#imag_innr{
max-width:1000px;
margin:auto;
}
#imag_wapper::before {
position: absolute;
top: 50px;
right: 0;
bottom: 150px;
left: 0px; z-index: -1;
content: "";
background: #f1f4f6;
}
.imag_box{
float:left;
width:46%;
margin:0 1% 20px 1%;
padding:30px;
margin-bottom:20px;
min-height:450px;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
background-color:#FFFFFF;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
.imag_box p{
font-size:16px;
text-align:left;
}
.imag_box p.btn{
text-align:center;
}
.imag_box img{
width:100px;
margin-bottom:10px;
}
@media screen and (max-width: 798px) {
#concept{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#imag_innr{
margin-top:-100px;
}
.imag_box{
float:none;
width:90%;
margin:0 auto;
padding:30px;
margin-bottom:20px;
min-height:auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
background-color:#FFFFFF;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
}  #structure{
width:100%;
padding:100px 0 50px 0;
text-align:center;
}
#structure h4{
margin-top:30px;
}
#lineup_bikou{
background-color:#f1f4f6;
max-width:1000px;
padding:30px;
margin:auto;
}
#lineup_underphoto{
max-width:1000px;
margin:auto;
padding:50px 0;
text-align:center;
}
#lineup_underphoto img{
width:100%;
}
h4.structure_list{
background-color:#647b64;
color:#FFFFFF;
padding:20px 0;
}
.only_img { max-width: 1000px; width: 100% }
@media screen and (max-width: 798px) {
#structure{
width:100%;
padding:100px 20px 0 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} .event_post_innr{
max-width:1000px;
margin:auto;
padding:30px 0;
}
.event_post_innr h4{
font-size:28px;
margin-bottom:20px;
}
.event_post_innr img{
max-width:100%;
}
.event_post_txt{
width:100%;
text-align:left;
padding:50px 0;
} #openhouse_data{
background-color:#FFFFFF;
margin-top: 30px;
}
#openhouse_data2 { margin: 30px; 0px; }
#openhouse_data2 th { min-width:130px; }
#openhouse_data2 span {
background: #647b64;
color: #FFF;
text-align: center;
margin-right: 5px;
margin-bottom: 10px;
padding: 5px 5px;
font-size: 14px;
display: inline-block;
}
#openhouse_lone{
max-width:1000px;
margin:auto;
border:#CCCCCC solid 1px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lone_l{
float:left;
background-color:#647b64;
color:#FFFFFF;
padding:30px 20px;
font-weight:600;
width:20%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lone_r{
float:right;
text-align:left;
width:80%;
padding:10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lone_r p span{
font-size:24px;
font-weight:700;
color:#647b64;
}
.lone_biko{
max-width:1000px;
padding:20px 0;
margin:auto;
}
#openhouse_map{
max-width:100%;
margin:auto;
padding:50px 0;
position:relative;
text-align:center;
}
#openhouse_map::before {
position: absolute;
top: 80px;
right: 0;
bottom: 0;
left: 0px; z-index: -1;
content: "";
background: #f1f4f6;
}
#openhouse_map iframe { width: 100%!important; max-width: 1000px!important; }
#openhouse_other{
max-width:100%;
margin:auto;
padding:50px 0;
position:relative;
text-align:center;
}
.openhouse_other_innr{
max-width:1000px;
margin:auto;
text-align:left;
}
.openhouse_other_innr_box{
padding:20px 25px;
background-color:#FFFFFF;
border:#CCCCCC solid 1px;
margin:10px 0;
font-feature-settings: "palt";
text-align: justify;
text-justify: inter-ideograph;
}
.openhouse_jyoken {
margin-top: 20px;
}
#openhouse_other::before {
position: absolute;
top: 80px;
right: 140px;
bottom: 0;
left: 0;
z-index: -1;
content: "";
background: #f1f4f6;
}
.update{
text-align:center;
padding:20px;
border-bottom:#999999 solid 1px;
border-top:#999999 solid 1px;
}
@media screen and (max-width: 798px) {
#openhouse_lone{
width:96%;
margin:auto;
}
.lone_r{
float:none;
width:100%;
padding:10px;
}
.lone_l{
float:none;
text-align:left;
width:100%;
padding:10px;
}
.lone_biko{
max-width:100%;
padding:20px 10px;
margin:auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.openhouse_other_innr{
padding:0 20px;
width:100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.update{
width:100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.openhouse_other_innr_box{
padding:20px;
}
}
#openhouse_top{
padding:50px 0;
text-align:center;
}
.openhouse_tagu {
width:100%;
max-width: 1000px;
margin: 15px auto;
padding: 0 20px;
}
.openhouse_tagu span {
background:  #647b64;
margin-right: 5px;
margin-bottom: 10px;
padding: 5px 5px;
color:#FFF;
font-size:14px;
display: inline-block;
}
@media screen and (max-width: 798px) {
#openhouse_top img{ width:98%;  margin:auto; }
.openhouse_tagu {
width: calc(100% - 40px);
}
} #one_price{
max-width:1000px;
margin:auto;
text-align:center;
padding:50px 0;
}
#toti_tiku{
max-width:1200px;
margin:auto;
}
#toti_tiku h5{
font-size:16px;
border-bottom:#CCCCCC solid 1px;
padding:5px 15px;
color:#666666;
}
#toti_tiku ul{
text-decoration:none;
list-style:none;
font-size:18px;
margin:10px;
}
#toti_tiku ul li{
float:left;
margin-right:15px;
font-weight:600;
margin-bottom:10px;
} #case_txt{
max-width:1000px;
margin:auto;
padding:50px 0;
}
#case_data{
max-width:1000px;
margin:auto;
text-align:center;
padding:50px 0;
}
#case_data img{
margin:20px 0;
width:150px;
}
#case_top{
padding:50px 0;
text-align:center;
}
@media screen and (max-width: 798px) {
#case_txt{
padding:50px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#case_top img{
width:98%;
margin:auto;
}
} #company_title{
text-align:center;
padding:50px 0 100px 0;
}
#company_title02{
text-align:center;
padding:150px 0 50px 0;
}
#company_title p{
margin:50px 0;
}
.t_center{
text-align:center;
}
@media screen and (max-width: 798px) {
#company_title{
padding:50px 0;
}
#company_title02{
padding:50px 0;
}
.scroll {
overflow-x: auto;
}
#company_title02 table {
border-collapse:collapse;
min-width:740px;
margin:30px auto;
}
#company_title02 td {
border-bottom: #e3e3e3 1px dotted;
border-top: #e3e3e3 1px solid;
text-align: left;
padding: 10px;
display:table-cell;
line-height:2em;
}
.t_center{
text-indent:7em;
}
#company_title02 th {
display:table-cell;
border-bottom: #e3e3e3 1px dotted;
}
} .faq_innr{
max-width:1000px;
margin:auto;
text-align:left;
background:none;
padding:30px 0;
}
.faq_q{
width:100%;
padding:10px 0;
font-size:24px;
font-weight:bold;
color:#647b64;
}
.faq_q i{
color:#647b64;
font-size:32px;
margin-right:10px;
font-weight:normal;
}
.faq_a{
width:100%;
padding:30px;
background-color:#FFFFFF;
margin-bottom:20px;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
-moz-box-sizing: border-box;
box-sizing: border-box;	
}  #staff_title { text-align:center; padding:50px 0; }
#staff_list { max-width:1000px; margin:auto; margin-bottom: 30px; }
.staff_list_box{ width:25%; float:left; padding:10px 10px 50px 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
.staff_list_box img { width: 230px; height: 230px; object-fit: cover; object-position: top; }
.staff_list_box p span { font-weight:bold; display:block; font-size:18px; }
.staff_name  img { height:auto!important; width:39%!important; }
.staff_name2 { font-size: 17px; }
.staff_div { text-align: center; }
@media screen and (max-width: 798px) {
.staff_list_box{ width:100%; float:none; padding:10px 10px 50px 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width: 1000px) {
.staff_list_box img { width : calc(90vw / 4) ; height: calc(90vw / 4) ; }
}
@media screen and (max-width: 798px) {
.staff_list_box { text-align: center; margin: auto; }
.staff_list_box .box { margin: auto; }
.staff_list_box .box { width : calc( 100% ); }
.staff_list_box img { width :100vw; height:100vw; }
.staff_list_box img { width : calc( 100% ); height: calc( 50vw ); }
.isPlay { animation-name: play_none; }
.staff_list_box { float:left; width: calc( 50% ); }
#staff_list p.btn { margin-top: 18px; }
#staff_list p.btn a { font-size: 3vw; }
.event_box .btn a, .exhibition_under .btn a, p.btn a { padding: 10px 15px!important; }
#staff_list .blog_link { font-size: 3vw; }
.staff_list_box .yaku { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#staff_list .event_box .btn a, #staff_list .exhibition_under .btn a, #staff_list p.btn a { padding: 10px 10px!important; }
}
@media print, screen and (min-width: 799px) {
.sp { display: none!important; }
.pc { display: inline; }
}
@media screen and (max-width: 798px) {
.sp { display: inline; }
.pc { display: none!important; }
}  #staff_wrap .staff_main_box { background:#FFF; width:100%; }
#staff_wrap .staff_main_box .box_01 { width: 1200px; margin-left: auto; margin-right: auto; }
#staff_wrap .staff_main_box .box_01 .image_01 { float:left; width:798px; height:479px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); }
#staff_wrap .staff_main_box .box_01 .image_01 img { width:798px; height:479px; object-fit: cover; }
#staff_wrap .staff_main_box .box_01 .text_01 { float:right; width:calc(402px - 50px); padding-left:50px; }
#staff_wrap .staff_main_box .box_01 .text_01 p { padding: 5px 10px; line-height: 2em; background-color: #FFFFFF;  }
#staff_wrap .staff_main_box .box_01 .text_01 .yaku { font-size: 18px; margin-bottom: 5px; font-weight: bold; }
#staff_wrap .staff_main_box .box_01 .text_01 .name { font-size: 34px; margin-bottom: 5px; font-weight: bold; }
#staff_wrap .staff_main_box .box_01 .text_01 .rubi { font-size: 12px; margin-bottom: 15px; }
#staff_wrap .staff_main_box .box_01 .image_01 { float:left; width:400px; height:auto; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); }
#staff_wrap .staff_main_box .box_01 .image_01 img { width:400px; height:auto; object-fit: cover; }
#staff_wrap .staff_main_box .box_01 .text_01 { float:right; width:calc( 1200px - 400px - 50px); padding-left:50px; margin-bottom: 40px; }
#staff_wrap .staff_main_box .box_01 .text_01 p { padding: 0px; margin: 0px; line-height: 2em; background-color: #FFFFFF;  }
#staff_wrap .staff_sub_box { background: #f1f4f6; margin-top:-50px; padding-top:50px; }
#staff_wrap .staff_sub_box .box_02 { width:100%; max-width: calc(1200px - 80px); padding: 40px; margin-left: auto; margin-right: auto; margin-bottom: 40px; padding: 0px; }
#staff_wrap .staff_sub_box .box_02 p { font-size: 16px; font-weight: 500; line-height: 1.8em; color: #333333; max-width:85vw; }
#staff_wrap .staff_sub_box .box_02 .comment_01 { font-size: 32px; margin-bottom:15px; }
#staff_text { width:100%; margin-left: auto; margin-right: auto; max-width: calc(1200px - 80px); padding: 40px; }
#staff_text .box_02 { width: 100%; margin-bottom: 60px; }
#staff_text p { max-width: calc( 100% - 100px); }
#staff_text .comment_01{ font-size: 32px; margin-bottom: 15px; font-weight: bold; }
#staff_text .motion-txt {
display: inline-block;
position: relative;
overflow: hidden;
padding:10px;
}
#staff_text .motion-txt:after {
content: '';
position: absolute;
opacity: 1;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-color: #647b64;;
transform: translate3d(-101%, 0, 0);
}
#staff_text .js-scroll.show .motion-txt:after {
transition-property: transform, opacity;
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transform: translate3d(0, 0, 0);
}
#staff_text .js-scroll.done .motion-txt:after {
transition-property: transform;
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transform: translate3d(103%, 0, 0);
}
#staff_text .motion-txt .motion-inner {
display: inline-block;
opacity: 0;
}
#staff_text .js-scroll.done .motion-txt .motion-inner {
opacity: 1;
}
@media screen and (max-width: 1199px) {
#staff_wrap .staff_main_box .box_01 { width:100%; margin-left: auto; margin-right: auto; }
#staff_wrap .staff_main_box .box_01 .image_01 { float:none; margin-left: auto; margin-right: auto; text-align: center; }
#staff_wrap .staff_main_box .box_01 .text_01 { float:none; }
#staff_wrap .staff_sub_box { margin-top:0px; padding-top:0px; }
#staff_wrap .staff_main_box .box_01 .image_01 { float: none; }
}
@media screen and (max-width: 798px) {
#staff_wrap .staff_main_box .box_01 .image_01 { width:100%; height:60vw; }
#staff_wrap .staff_main_box .box_01 .image_01 img { width:100vw; height:60vw; }
#staff_wrap .staff_main_box .box_01 .image_01 { float: none; }
#staff_wrap .staff_main_box .box_01 .text_01 { width: calc(100% - 40px); padding: 0px 20px; margin-bottom: 40px; font-size: 80%; }
#staff_wrap .staff_sub_box .box_02 { width: calc(100% - 10px); padding: 0px 5px; margin-bottom: 40px; }
#staff_text { padding: 30px 0px; }
#staff_wrap .box_01, #staff_wrap .box_02 { width: 100vw; }
#staff_wrap .staff_sub_box .box_02 p { max-width: 100%; }
#staff_wrap .staff_sub_box .box_02 .comment_01 { font-size: 24px; }
#staff_wrap .staff_main_box .box_01 .image_01 { width : calc( 100vw - 30vw ); height: auto; }
#staff_wrap .staff_main_box .box_01 .image_01 img  { width : calc( 100vw - 30vw ); height: auto; }
#staff_wrap .staff_main_box .box_01 .text_01 .yaku { text-align: center; }
#staff_wrap .staff_main_box .box_01 .text_01 .name { text-align: center; font-size: 21px; }
#staff_wrap .staff_sub_box .box_02 p { text-align:justify; text-justify: inter-ideograph; }
#staff_text { width: calc(100% - 20px); padding: 40px 0px; }
}  #privacy{
max-width:1000px;
padding:50px 0;
margin:auto;
}
#privacy p{
margin:10px 0;
}
@media screen and (max-width: 798px) {
#privacy{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
} #staff_blog{
max-width:1000px;
padding:50px 0;
margin:auto;
text-align:center;
}
.blog_box{
width:100%;
border-bottom:#CCCCCC solid 1px;
padding-bottom:30px;
}
@media screen and (max-width: 1100px) {
.blog_box{ width: calc(100% - 0px); padding: 0px; }
}
.blog_under{
padding:20px;
max-width:1000px;
margin:auto;
text-align:center;
}
.blog_box_img{
float:left;
width:40%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog_box_img img{
width:100%;
object-fit: cover; height: 300px;
}
.staff_name_svg {
width:12%; height: auto;
}
.blog_box_txt{
float:right;
width:60%;
padding:0px 0px 0px 15px; text-align:left;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: -3px;
}
.blog_box_txt h4{
font-size:24px;
line-height: 1.4em;
margin-bottom: 10px;
}
.blog_box_txt span{
color:#666666;
font-size:14px;
}
.blog_box_txt span img{
width:80px;
object-fit: cover;
}
.blog_box_next{
padding:1px 0 0 0; }
#staff_blog p{
margin:10px 0;
}
#staff_blog ul{
list-style:none;
text-align:left;
font-size:18px;
margin:20px 0;
}
#staff_blog ul li{
line-height:2.5em;
margin-bottom: 10px; }
.text_strong p { font-weight: bold!important; }
@media screen and (max-width: 798px) {
#staff_blog{
width:100%;
padding:100px 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog_box_img{
float:none;
width:100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog_box_txt{
float:none;
width:100%;
padding:15px 0px;
text-align:left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog_box_txt span img{
width:100px;
}
} .news_box{
margin:0;
border-top:#999999 solid 1px;
padding:30px 0;
}
.news_box figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .8s ease-in-out;
transition: .8s ease-in-out;
}
.news_box figure:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.center{
text-align:center;
}
.news_post_innr{
max-width:1000px;
margin: 0 auto;
padding:20px;
text-align:left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.news_post_innr h3{
font-size:42px;
}
.news_list{
max-width:1000px;
margin: 0 auto;
padding:20px;
text-align:left;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#FFFFFF;
}
.news_list ul{
list-style:none;
margin:10px 0;
}
.news_list ul li{
line-height:2.5em;
border-bottom:#E8E8E8 solid 1px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.news_list ul li a{
color:#333333;
text-decoration:none;
}
.news_list ul li a:hover{
color:#999999;
}
.news_list ul li span{
color:#999999;
margin-right:10px;
}
.news_box img { max-width:600px; height:auto; }
@media screen and (max-width: 798px) {
.news_list { padding:0px 20px; }
.news_box { margin:0; border-top:#999999 solid 1px; padding:30px 0px; }
.news_box img { max-width:798px; width:100%; height:auto; }
} .hinokikun{
position:absolute;
bottom:0;
right:50px;
z-index:9;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.hinokikun img{
width:7vw;
}
@media screen and (max-width: 798px) {
.hinokikun{
position:absolute;
bottom:0;
right:10px;
z-index:9;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.hinokikun img{
width:50px;
}
} #snsbox{
position:fixed;
top:45%;
right:20px;
z-index:999;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#snsbox ul{
list-style:none;
}
#snsbox ul li{
float:left;
margin-bottom:20px;
}
#snsbox ul li a{
text-decoration:none;
color:#000000;
}
#snsbox ul li i{
transition: .5s ;
transform: rotateY( 0deg ) ;
margin:0 0 0 5px;
}
#snsbox ul li i:hover{
transform: rotateY( 360deg ) ;
}
#snsbox ul li.sns_en {
font-size:14px;
border:#000000 solid 1px;
padding:20px 3px;
background-color:rgba(255,255,255,0.5);
margin-right:-5px;
letter-spacing:2px;
}
#snsbox ul li.sns_en a{
color:#000;
display:block;
}
@media screen and (max-width: 798px) {
#snsbox{
display:none;
}
} table {
border-collapse: collapse;
border:#e3e3e3 solid 1px;
width:100%;
max-width:1000px;
margin:10px auto;
}
th {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px 20px;
font-weight: normal;
background-color:#F2F5F3; }
td {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px 20px;
}
tr:nth-child(odd) {
background-color:  rgba(238,238,238,0.2);
} @media screen and (max-width: 1079px) {
table {
border-collapse: collapse;
width:100%;
margin:30px auto;
}
td {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
display:block;
}
th { }
} .fuwatAnime {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fuwatAnime;
-ms-animation-name: fuwatAnime;
animation-name: fuwatAnime;
visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
0% { opacity: 0; -webkit-transform: translateY(80px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
0% { opacity: 0; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
} .box {
width: 100%;
margin: 0;
overflow: hidden;
}
.box .boxInner {
width: inherit;
height: inherit;
opacity: 0;
margin-bottom: 5px;
}
.isPlay {
animation-name: play;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
position: relative;
opacity: 1 !important;
}
.isPlay:before {
animation-name: maskOut;
animation-duration: .5s;
animation-delay: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color:#647b64;
}
@keyframes play {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes maskOut {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
} p.btn{
margin-top:30px;
}
p.btn a {
background-image: linear-gradient(rgba(255,255,255,0.7) 50%, rgba(100,123,100,1) 50%);
background-position: 0 0;
background-size: auto 200%;
transition: .3s;
color:#647b64;
text-decoration:none;
font-size:16px;
letter-spacing:3px;
border:#647b64 solid 2px;
padding:15px 50px;
text-shadow:none;
}
p.btn a:hover {
background-position: 0 100%;
color: #fff;
} figure {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .8s ease-in-out;
transition: .8s ease-in-out;
}
figure:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}  .table-res-form {
width: 100%;
} .table-res-form tr {
border-top: 1px #DDD solid;
} .table-res-form tr:first-child {
border-top: none;
} .table-res-form tr:nth-child(2n+1) { } .table-res-form th, .table-res-form td {
padding: 1.5em;
} .table-res-form th {
width: 30%;
text-align: right;
} .table-res-form .requied {
font-size: 0.8em;
color: #FFF;
display: inline-block;
padding: 0.3em 0.3em 0.2em;
background: #647b64;
border-radius: 2px;
} @media only screen and (max-width: 768px) {
　　　　　 .table-res-form th, .table-res-form td {
width: 100%;
display: block;
}
　　　　　 .table-res-form th {
padding-bottom: 0;
text-align: left;
}
　　　　　 .table-res-form .empty {
display: none;
}
}  .table-res-form ::placeholder { color:#cecece; } .table-res-form th { text-align:left; }
.table-res-form th .requied { float: right; } .table-res-form input[type="text"], .table-res-form input[type="email"], .table-res-form input[type="tel"], .table-res-form textarea, .table-res-form select {
border: 1px #89BDDE solid;
padding: 0.5em;
border-radius: 5px;
margin-bottom: 0.5em;
width: 100%;
} .table-res-form input[type="text"]:focus, textarea:focus {
background: #EEFFFF;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
} .table-res-form input[type="submit"] {
border: 1px #89BDDE solid;
padding: 2.5em 11em;
border-radius: 5px;
background: #647b64;
color: #fff;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
font-weight: bold;
} .table-res-form input[type="submit"]:hover {
background: #006599;
box-shadow: none;
}
#loading{
position: absolute;
left: 50%;
top: 50%;
text-align:center;
margin-top: -50px;
margin-left: -50px;
}
#loading img{
display:block;
margin-bottom:20px;
}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #f3f3f3;
z-index: 9999;
}
.cp_cssslider {
width: 640px;
padding-top: 500px; position: relative;
margin: 2em auto;
text-align: center;
}
.cp_cssslider > img {
position: absolute;
width: 100%;
height:500px;
object-fit: cover;
left: 0;
top: 0;
transition: all 0.5s;
border-radius: 3px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider input[name='cp_switch'] {
display: none;
} .cp_cssslider label {
margin: 15px 5px 0 5px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 40px;
border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
border: 2px solid #FF7043;
opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
opacity: 1;
}
@media screen and (max-width: 798px) {
.cp_cssslider {
width: 90%;
padding-top: 300px; position: relative;
margin: 2em auto;
text-align: center;
}
.cp_cssslider > img {
width:100%;
height:300px;
}
}
#sp_footer{
display:none;
}
@media screen and (max-width: 798px) {
#sp_footer {
position: fixed;
display:block;
bottom: 0;
width: 100%;
height: 70px;
background-color:#333333;
padding:10px 0;
z-index:999;
}
.ft_list{
width:20%;
float:left;
color:#FFFFFF;
text-align:center;
font-size:24px;
border-right:#000000 solid 1px;
border-left:#666666 solid 1px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#sp_footer a{
color:#FFFFFF;
text-decoration:none;
}
.ft_list span{
font-size:10px;
display:block;
font-size:10px;
font-weight:normal;
}
.scroll {
overflow-x: auto;
}
}
.thumb .slick-list {
margin-left: -5px!important;
margin-right: -5px!important;
margin-top: 4px!important;
} #head_h1 h1, #event h4, #sale h4, #sale2 h4, #info li {
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
-webkit-text-overflow: ellipsis;  
-o-text-overflow: ellipsis;
}
#head_h1 h1 { position:absolute; }
@media screen and (max-width: 1100px) {
#head_h1 h1 { font-size:1.1vw }
}
@media screen and (max-width: 800px) {
#head_h1 h1 { font-size:1.3vw }
}
@media screen and (max-width:500px) {
#head_h1 h1 { font-size:1.5vw }
}
#header h2 img { padding-top:24px; }
.event_box .btn a, .exhibition_under .btn a, p.btn a { padding: 10px 2.0vw!important; } #header ul li a {  }
#head_r ul li { margin: 0 1.2vw; }
#head_l { width:20%; }
#head_r { width:80%; }
@media screen and (max-width: 1024px) {
#head_h1 { width: 75vw; }
#sale p, #sale2 p { font-size: 1.73vw!important; }
.event_box { font-size: 1.6vw; }
#banner_area img {  height: auto!important; }
#saiyou_shindan h3 { font-size:3.2vw; }
#saiyou_shindan h3 span { font-size:1.2vw; }
#hinoki h3 { font-size: 2.9vw; }
}
@media screen and (max-width: 798px){
.event_box .btn a, .exhibition_under .btn a, p.btn a { padding: 0px; text-align: center; display: block; }
#sale p, #sale2 p { font-size: 16px!important; }
.event_box { font-size: 16px; }
}
@media screen and (max-width: 798px){
#openhouse_data2 , #openhouse_data { border-collapse: collapse; width: 100%; margin: 30px auto; }
#openhouse_data2 th { font-size: 1.21429rem; font-weight: bold; }
#openhouse_data2 td { font-size: 1.21429rem; }
#openhouse_data2 th, #openhouse_data2 td, #openhouse_data th, #openhouse_data td { width: calc(100% - 40px)!important; display: block!important; padding: 20px; text-align:left!important; }
}
.mt10 { margin-top:10px; }
.h_tag { width: 50px; border-radius: 3px; background: #647b64; text-align: center; color:#FFFFFF; font-size: 11px; padding:5px 2px 5px 0px; font-weight: bold; float: left; margin-right:5px; margin-bottom: 5px; }
.h_tag1 { background: #E26980; } .h_tag2 { padding:5px 2px 5px 2px; } .h_tag3 { padding:5px 2px 5px 5px; background: #5795C4; } .h_tag4 { background: #9E7661; } .h_tag5 { background: #DB513A; } .top_banner_box { width:100%; max-width:1200px; margin-bottom:150px; margin-left: auto; margin-right: auto; } .top_banner_box p { margin-top:20px; margin-bottom:20px; }
.top_banner_box img { width:100%; max-width:1200px; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 5%); border: 1px solid #fff; } .oshirase { max-width: calc( 1200px - 40px); width: calc( 100% - 40px); padding:20px; margin: 40px auto 40px auto; background:#f1f4f6; border: none; }
.oshirase .text_box { width:calc( 100% - 240px ); float: left; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; }
.oshirase .img_box { width:200px; float: right; overflow:hidden; height: auto; }
.oshirase .img_box img { height: auto; max-width:300px; object-fit: cover; overflow: hidden;  }
.oshirase .midashi { font-size:120%; font-weight:bold; margin-bottom: 10px; text-align: center; color: #647b64; }
.oshirase .pc { display: block; }
.oshirase .sp { display: none; }
@media screen and (max-width: 798px) {
.oshirase .text_box { float: none; width: 100%; margin-bottom:20px; }
.oshirase .img_box { float: none; width: 100%; }
.oshirase .pc { display: none; }
.oshirase .sp { display: block; }
.oshirase .img_box img { width:100%; max-width: 100%; height: 180px; }
}
#reform { width: 100%; padding: 100px 0 50px 0; text-align: center; }
.reform_innr { width:calc( 100% - 40px ); padding:100px 20px 0px 20px; text-align:center; margin:auto; max-width:1000px; }
.box_3retu { width: 660px; margin: 40px auto; }
.box_3retu_in { width: 200px ; margin: 0px 20px 20px 0px; float: left; }
.box_2retu { width: 100%; max-width: 1000px; margin: 40px auto; }
.box_2retu_in { width: calc( ( 100vw - 20px ) / 2 ) ;  max-width: calc( 950px / 2 ); margin: 0px 20px 20px 0px; float: left; text-align: left; }
.box_2retu_in img{ max-width: calc( ( 100vw - 20px ) / 2 ) ; }
@media screen and (max-width: 798px) {
#reform { width: 100%; padding: 100px 20px 0 20px; -moz-box-sizing: border-box; box-sizing: border-box; }
.box_3retu { width: calc( 100vw + 20px ); }
.box_3retu_in { width: calc( ( 100vw - 85px ) / 3); }
.box_3retu_in img { width: calc( ( 100vw - 85px ) / 3); }
.box_2retu { width: 100%; max-width: 100%; }
.box_2retu_in { width: 100%; max-width: 100%; margin: 0px 20px 20px 0px; float: none; }
.box_2retu_in img{ max-width: 100%; }
}
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix:before { content: ""; display: block; clear: both; }
.clearfix { display: block; }
#reform .catalog_cv { margin: 40px 0px; }
.reform_gray { background: #f1f4f6; }
.reform_innr { padding: 40px 0px; }
.reform_box_01 { width: calc(100% - 0px); max-width: 1200px; margin:30px auto 0px auto; }
.reform_box_01 .inboxs { width:calc( (100% - 60px) / 3); float: left; margin: 0px 20px 20px 0px; padding: 10px 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
.reform_box_01 .inboxs { background-color: #FFFFFF; text-shadow: none; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); }
.reform_box_01 .inboxs img { width:100%;  margin: 0px 0px 5px 0px; height: auto; }
.mr-20 { margin-right: -20px; }
.reform_box_01 .inboxs p { font-weight: 700; font-size: 15px; line-height: 1.8em; color: rgb(44, 45, 48); }
.reform_box_02 {}
.reform_box_02 .inboxs { width:100%; margin:0px 20px 40px 0px; -moz-box-sizing: border-box; box-sizing: border-box; }
.reform_box_02 .inboxs { background-color: #FFFFFF; text-shadow: none; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); text-align: left; }
.reform_box_02 p { padding:40px; }
#event::before  { background:#FFFFFF!important; }
#reform_detail {  }
#reform_detail .reform_box_01 { display: none; }
#reform_detail .reform_box_01 p { margin:20px 0px; text-align: center; }
#reform_detail .reform_box_01 p img { width: 100%; max-width: 1024px; }
@media print, screen and (max-width: 798px) {
.reform_box_01 { width: calc(100% - 60px); padding:0px 30px; }
.reform_box_01 .inboxs { width:calc(100% - 20px); }
.reform_box_02 p { padding:20px; text-align: left; font-weight: bold; }
.reform_box_02 .inboxs {  }
}  #event_single {   }
#event_single iframe { width: 100%; margin-top: 20px; }
#event_single #kanzenyoyaku { 
background-color: #f2f2f2;
padding:30px 0px;
margin: 30px calc(50% - 50vw);
width: 100vw;
}
#event_single #kanzenyoyaku .inner{
max-width: 1000px;
margin: auto;
text-align: left;
}
#event_single #kanzenyoyaku .text_01 { 
font-size: 38px;
font-weight: 600;
}
#event_single #kanzenyoyaku .text_02 { 
font-size: 18px;
font-weight: 400;
}
#event_single ul.thumber li { background: #d9dadc;; }
#event_single ul.thumber img { height: 500px; margin: auto; width: auto; }
@media print, screen and (max-width: 798px) {
#event_single ul.thumber img { width:100%; height:auto; }
}
@media print, screen and (max-width: 798px) {
#event_single iframe { height:400px; }
#event_single #kanzenyoyaku { padding:10px 0px; }
#event_single #kanzenyoyaku .inner{
max-width: 100%;
padding: 0px 20px;
margin: auto;
text-align: left;
}
#event_single #kanzenyoyaku .text_01 { font-size: 32px; }
}
#openhouse_single { }
#openhouse_single .gradation_div { background:linear-gradient(220deg, #0d7abe, #17467c); width:calc( 100% - 80px); margin: 30px auto; max-width:calc( 1000px - 80px); padding: 40px; border-radius: 15px; text-align: left; color:#FFF; font-weight: 400; position: relative; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); }
#openhouse_single .gradation_div .text_div { float:left; width:60%; }
#openhouse_single .gradation_div .text_01 { margin-bottom: 20px; }
#openhouse_single .gradation_div .text_02 { font-weight: bold; font-size: 38px; margin-bottom: 30px; }
#openhouse_single .gradation_div .text_03 { text-align:justify; text-justify: inter-ideograph; }
#openhouse_single .gradation_div img { max-width: 368px; width:100%; position:absolute; right:0px; bottom:0px; }
#openhouse_single .gradation_02 { background:linear-gradient(220deg, #5d3590, #1a1a7c); }
#openhouse_single .gradation_03 { background:linear-gradient(20deg, #A445B2 0%, #D41872 52%, #FF0066 100%); }
@media print, screen and (max-width: 1000px) {
#openhouse_single .gradation_div { width: calc( 100% - 80px); max-width: calc( 1000px - 80px ); margin:20px; padding: 20px; }
#openhouse_single .gradation_div img { margin-bottom: 0px; width: 32vw!important; }
}
@media print, screen and (max-width: 798px) {
#openhouse_single .gradation_div { width: calc( 100% - 80px); max-width: calc( 798px - 80px ); margin:20px; padding: 20px; }
#openhouse_single .gradation_div img { width: 100%!important; position: static; margin-bottom: -20px; margin-top: 40px; text-align:center; }
#openhouse_single .gradation_div .text_div { float:none; width:100%; }
#openhouse_single .gradation_div .img_01 { text-align:right; margin-right:-20px; }
}
#openhouse_archive .sale_innr h4 span a:link, #openhouse_archive .sale_innr h4 span a:visited, #openhouse_archive .sale_innr h4 span a:hover, #openhouse_archive .sale_innr h4 span a:active { color:#000000; }
#openhouse_archive #openhouse_top { display: block; }
@media print, screen and (max-width: 798px) {
#openhouse_archive #openhouse_top { display: none; }
#openhouse_archive .sale_box { text-align: center;  }
#openhouse_archive .sale_innr h4 { font-size: 16px; margin-top: 10px!important; }
#openhouse_archive .sale_box h4 { border-bottom: none; }
#openhouse_archive .sale_innr h4 span { color: #0070c9; font-size: 17px; }
#openhouse_archive .sale_innr h4 span a:link, #openhouse_archive .sale_innr h4 span a:visited, #openhouse_archive .sale_innr h4 span a:hover, #openhouse_archive .sale_innr h4 span a:active { color: #0070c9; }
#openhouse_archive .sale_innr h4 span::after { content: ">"; padding-left: 7px; }
#openhouse_archive .sale_box { padding: 10px 10px; }
#openhouse_archive .chapternav { height: 100px; width: 100%; background:#111; display: block; margin: auto; margin-top: -10px; }
#openhouse_archive .chapternav ul { margin: auto; width: calc( ( 56px + 20px ) * 2 ); padding-left: 20px; padding-top: 10px; }
#openhouse_archive .chapternav li { width: 56px; float:left; margin-right: 20px; font-size: 12px; text-align: center; }
#openhouse_archive .chapternav li img { height: 55px; }
#openhouse_archive .chapternav li a:link, #openhouse_archive .chapternav li a:visited, #openhouse_archive .chapternav li a:hover, #openhouse_archive .chapternav li a:active { color:
#FFF; }
}
#subdivision_archive { }
#toti_tiku .children { font-size: 70%; } .pagenation {
margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.pagenation ul {
margin: 0;
}
.pagenation li {
float: left;
list-style: none outside none;
margin-left: 3px;
margin-bottom:10px;
}
.pagenation li:first-child {
margin-left: 0;
}
.pagenation li.active {
background-color: #999999;
border-radius: 3px;
color: #FFFFFF;
cursor: not-allowed;
padding: 10px 20px;
}
.pagenation li a {
background: none repeat scroll 0 0 #CCCCCC;
border-radius: 3px;
color: #FFFFFF;
display: block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
background-color: #444444;
color: #FFFFFF;
opacity: 0.8;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
} 
.blog_box { padding-top: 30px; } #toti_tiku { position: relative;  }
.children  { position: absolute; top:100px; }
#toti_tiku .tiiki_oya { margin-bottom: 200px; background:#647b64; width:calc( 100% - 20px); height:auto; margin: 0px; padding: 10px; border-radius: 3px; margin-bottom: 15px; margin-top: 10px;  }
#toti_tiku .tiiki_oya li, #toti_tiku .gakku_oya li { text-align: center; color: #FFFFFF; font-weight: bold; margin-right: 25px;  }
#toti_tiku .tiiki_oya li a, #toti_tiku .gakku_oya li a { background: #FFF; box-shadow: #cccccc 0 -3px 0 inset; border-radius: 3px; color: #222; display: block; height: 100%; width: 100%; padding: 10px 10px 10px 8px; float: left;  }
#toti_tiku .tiiki_oya li a:hover, .gakku_oya li a:hover { opacity: 0.6; }
#toti_tiku .gakku_oya { margin-bottom:30px!important; background:#647b64; width:calc( 100% - 20px); margin: 0px; padding: 10px; border-radius: 3px; margin-bottom: 15px; margin-top: 10px; }
#toti_tiku .gakku_oya li {   }
#toti_tiku .gakku_oya li a { font-size: 13px;  }
.acd-check { display: none; }
.acd-label { display: block; margin-bottom: 1px; padding: 10px; }
.acd-content { height: 0;  opacity: 0;  padding: 0 10px;  transition: .5s;  visibility: hidden; }
.acd-check:checked + .acd-label + .acd-content {  opacity: 1;  padding: 10px;  visibility: visible; }
@media screen and (max-width: 999px) {
#toti_tiku { margin-top: 20px; }
#toti_tiku .children { display: none; }
#toti_tiku .tiiki_oya { padding-right: 0px; margin-right: 0px; width: 100%; border-radius: 0px; height:auto; }
#toti_tiku .tiiki_oya li { margin-right:10px; padding: 0px; width:calc(( 100% / 3 ) - 13px ); }
#toti_tiku .tiiki_oya li a { margin-right: 0px; padding: 20px 0px; font-size: 3.4vw; }
}
@media screen and (max-width: 798px) {
.gakku_oya { display: none; }
#toti_tiku h4 { padding-left: 10px; }
#one_price { padding: 10px; }
#one_price img { width: 26vw; margin: 10px 0px; }
#one_price h3 { font-size: 21px; }
#one_price h3 span { font-size: 12px; }
#one_price p { font-size: 12px; text-align: left; }
}  .picker table , .picker tr, .picker th , .picker td { text-align: center; }
.picker__button--today , .picker__button--clear { display: none; }
.picker__footer  { display: none; }
.picker__box { padding:0px!important; }
.picker { width: calc(100vw - 41px); margin-right: -21px; margin-left: -21px; }
#form_calendar th,td { display: table-cell!important; }
.picker { width: 100%; }
.form_11s  span.wpcf7-list-item { display: block!important; }
.form_11s .wpcf7-list-item { margin-right: 15px!important; }
.form_11s #date_box2 { display: none; }
.form_11s .se_jikan { width: 100%!important; padding: 8px 2px!important; margin-bottom: 10px!important;  }
@media screen and (max-width: 1079px){
#form_p .form_11s th,td { display: table-cell!important; }
}
@media screen and (max-width: 797px){
.picker { width: calc(100vw - 41px); margin-right: -21px; margin-left: -21px; }
.form_11s > table { width: 100%!important; }
.form_11s > table > tbody > tr > th { width: calc(100% - 40px)!important; display: block!important; padding: 20px; text-align:left!important; }
.form_11s > table > tbody > tr > td { width: calc(100% - 40px)!important; display: block!important; padding: 20px; text-align:left!important; }
.form_11s > table > tbody > tr > td { background:#FFF; }
.form_11s input, .form_11s select, .form_11s textarea { width: calc(100% - 10px - 1rem)!important; padding: 1rem!important; }
.form_11s .wpcf7-checkbox input, .form_11s .wpcf7-radio input { width: auto!important; }
.form_11s .se_jikan { width: 100%!important; padding: 8px 2px!important; margin-bottom: 10px!important; }
}
.wpcf7-list-item input[type="checkbox"]{ display: none; }
.wpcf7-list-item-label { padding-left:8px; position:relative; }
.wpcf7-list-item-label::before { background:#647b64; content: ""; display: block; position: absolute; top: 3px; left: 1px; width: 17px; height: 17px; border: 1px solid #647b64; border-radius: 4px; }
.wpcf7-list-item input:checked + .wpcf7-list-item-label { color: #647b64; font-weight:bold; }
.wpcf7-list-item input:checked + .wpcf7-list-item-label::after{
content: ""; display: block; position: absolute; top: 0px; left: 4px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; box-shadow: 3px 2px 3px 0px #647b64; }
.form_11s .wpcf7-list-item-label { margin-left: -7px!important; }
.screen-reader-response, .wpcf7-not-valid-tip, .wpcf7-validation-errors { color: #FF0000!important; font-weight: bold!important; text-decoration: none; list-style-type: none; }
.screen-reader-response li { list-style: none; }
.screen-reader-response li a { color: #FF0000!important; font-weight: bold!important; }
.screen-reader-response { }
.screen-reader-response ul { width: calc( 100% - 40px); max-width: 900px; padding: 10px 20px; margin: auto; margin-bottom: 25px; margin-top: 10px; }
.wpcf7-list-item input[type=radio] { display: none; }
.form_11s .wpcf7-list-item-label { padding-left: 24px; }
.wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label { padding-left: 9px; }
.form_11s .wpcf7-form-control-wrap .wpcf7-select { width: 100%!important; padding: 8px 2px!important; margin-bottom: 10px!important;  } .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label {
padding-left: 26px;
} #event_link_model { -moz-box-sizing: border-box; box-sizing: border-box; }
#event_link_model .sale_box { width:100%; margin-left:0px; height: auto; }
#event_link_model .sale_box .box { float:left; width:400px; margin-right:20px; }
#event_link_model .sale_box .box .boxInner img { height:250px; position:relative; }
#event_link_model .sale_box .box_right { float: left; }
#event_link_model .sale_box .box_right a { font-size:21px; }
#event_link_model .sale_box .box_right .btn a { font-size:15px; }
@media screen and (max-width: 999px){
#event_link_model .sale_box .box { float:none; width:100%; margin-right:0px; }
#event_link_model .sale_box .box_right { float:none; }
#event_link_model .sale_box .box_right .btn { text-align: center; }
#event_link_model .sale_box .box_right .btn a { font-size:11px; }
} #sub_link_model { -moz-box-sizing: border-box; box-sizing: border-box; }
#sub_link_model .sale_box { width:100%; margin-left:0px; height: auto; }
#sub_link_model .sale_box .box { float:left; width:400px; margin-right:20px; }
#sub_link_model .sale_box .box .boxInner img { height:250px; position:relative; }
#sub_link_model .sale_box .box_right { float: left; }
#sub_link_model .sale_box .box_right a { font-size:21px; }
#sub_link_model .sale_box .box_right .btn a { font-size:15px; }
@media screen and (max-width: 999px){
#sub_link_model .sale_box .box .boxInner img { height:auto; }
#sub_link_model .sale_box .box { float:none; width:100%; margin-right:0px; }
#sub_link_model .sale_box .box_right { float:none; }
#sub_link_model .sale_box .box_right .btn { text-align: center; }
#sub_link_model .sale_box .box_right .btn a { font-size:11px; }
} #company2 { width:100%; margin:-50px auto 50px auto; position:relative; }
#company2 .company2_image { float:right; width:54%; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 5%); }
#company2 .company2_text  { width:45%; padding:100px 40px 40px 60px; position:absolute; }
#company2 .company2_text span { margin:0px 0px 0px -27px; font-size: 34px; padding:5px 10px; line-height: 2em; background:#FFF; }
#company2 .company2_text p { margin:20px -50px 70px 0px; font-size:17px; font-weight:500; line-height:1.9em; background:#FFF; color:#333; width:100%; padding: 50px 40px 40px 0px; }
#company2 .company2_navi { position: absolute; bottom: -80px; left: 62px; margin-bottom:50px; }
@media screen and (max-width: 1890px){
#company2 .company2_text p { font-size:13px; width: calc(100% - 50px);  }
}
@media screen and (max-width: 1360px){
#company2 .company2_text p { line-height: normal;  }
}
@media screen and (max-width: 1000px){
#company2 { display: none; }
} .h_zoom img { display: block;
transition-duration: 0.5s; }
.h_zoom img:hover {
transform: scale(1.1); transition-duration: 0.5s; } .fadeIn { animation-name:fadeInAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeInAnime { 
from { opacity: 0; }
to   { opacity: 1; }
} .fadeUp { animation-name:fadeUpAnime; animation-duration:1.1s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeUpAnime{
from { opacity: 0; transform: translateY(100px); }
to { opacity: 1; transform: translateY(0); }
} .fadeDown { animation-name:fadeDownAnime; animation-duration:1.1s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeDownAnime {
from { opacity: 0; transform: translateY(-100px); }
to { opacity: 1; transform: translateY(0); }
} .fadeLeft { animation-name:fadeLeftAnime; animation-duration:1.1s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeLeftAnime { 
from { opacity: 0; transform: translateX(-100px); }
to   { opacity: 1; transform: translateX(0); }
} .fadeRight { animation-name:fadeRightAnime; animation-duration:1.1s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeRightAnime{
from { opacity: 0; transform: translateX(100px); }
to { opacity: 1; transform: translateX(0); }
} .fadeInTrigger, .fadeUpTrigger, .fadeDownTrigger, .fadeLeftTrigger, .fadeRightTrigger { opacity: 0; } select {
appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #f9f9f9;
border: 1px solid #ccc;
padding: 10px 30px 10px 10px; border-radius: 5px;
font-size: 16px;
color: #333;
cursor: pointer;
max-width: 300px; }
select::-ms-expand { display: none;
}
select { position: relative;
}
select::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #777;
pointer-events: none; }