/*-------------201904--------------*/
a:visited,a:link{color:#113aaf}

#portfolio li:hover{opacity:0.9}
.bx-viewport li{min-height:1px;min-width:1px}
.bx-clone {display: block}
#btn,#btn2,#btn3,#btn4{display:block;cursor: pointer;}
#btn3 img:hover,#btn4 img:hover{opacity:0.8}
#overlay,#overlay2{
		display: none;
		width: 100%;
		height:100%;
		text-align: center;
		position: fixed;
		top: 0;
		z-index:10020;
}
#overlay div.txt{
display: none;
position:absolute;
z-index:10030;
width:50%;
width:60%\9;

height:100%;
height:90%\9;
top:0;
background: url(/top_n2/brand_txt.png) no-repeat;
background-size:cover;
background-size:auto \9;
background-position:center center;
/*	-webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    transition: all 3s ease-out;*/
animation: AnimationTxt 3s ease;
}
@keyframes AnimationTxt{ 0% {opacity: 0;} 100% {opacity: 1;}}
#overlay div.ash{
position:absolute;
z-index:10025;
width:60%;
width:80%\9;
height:100%;
height:150%\9;
top:0;
left:40%;
background: url(/top_n2/ashida.png) no-repeat;
background-size:cover;
/*background-size:50% 50% \9;*/
background-position:center center;
	-webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    transition: all 3s ease-out;
}
@media only screen and (max-width:1024px){
#overlay div.ash{left:45%}
}
@media only screen and (max-width:980px){
#overlay div.ash{left:50%}
}
@media only screen and (max-width:768px){
#overlay div.txt{top:25%;width:100%;
background: url(/top_n2/brand_txt2.png) no-repeat;
background-size:contain}
#overlay div.ash{width:80%;left:45%}
}


#overlay div.bak{
z-index:10000;
width:100%;
height:100%;
		background:/*#d0e8f6*/ url(/top_n2/brand.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
	-webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    transition: all 3s ease-out;
}
#overlay2{
		background: url(/top_n2/ashida_s2.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
}
@media (max-width: 600px){
#overlay2{background: url(/top_n2/ashida_s.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
}
}

#overlay div.ash:hover{
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

#close{text-align:right;
		background:url(/top_n2/close.png) no-repeat 10px center;
		width: 60px;
		height:60px;
		top:0;
		float:right;
		margin:1em 1.6em;
		cursor: pointer;
		z-index:16000;
}
#close2{text-align:right;
		background:url(/top_n2/close.png) no-repeat center;
		background-size:100%;
		width: 40px;
		height:40px;
		top:0;
		float:right;
		margin:0.6em 0.6em;
		cursor: pointer;
}
#close:hover,#close2:hover{opacity:0.6}
/*----------------------------*/




body{width:100%;max-width:100%}
img, .icon {margin:0}
#container,#imageDataContainer{
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Helvetica",sans-serif !important;
}
.site-header-fixture{width:100%;border-top:1px solid #ccc}
#crumb {
padding: 4px 0 4px 17px;
background-color: #666;
color: white;
font-size: 12px;
line-height: 1.4em;
}
#crumb a{color: white;}
#crumb a:hover{text-decoration:underline !important}
/*--------------------------------*/
img {
-webkit-backface-visibility: hidden;
}
.fit{margin-right:0 !important;margin-left:0 !important;}
.bot{margin-bottom:0 !important;}
.tot{margin-top:0 !important;}
.cell{margin:6px 10px}
/*--------------------------------*/
#index_txt{padding:1em 1em 0.7em;font-size:120%;text-align:left}

.p_top05{padding-top:0.5em !important}
.p_top06{padding-top:0.6em !important}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

.p_bot05{padding-bottom:0.5em !important}
.p_bot06{padding-bottom:0.6em !important}
.p_bot1{padding-bottom:1em !important}
.p_bot2{padding-bottom:2em !important}
.p_bot3{padding-bottom:3em !important}
.p_bot4{padding-bottom:4em !important}
.p_bot5{padding-bottom:5em !important}

.m_top05{padding-top:0.5em !important}
.m_top06{padding-top:0.6em !important}
.m_top1{padding-top:1em !important}
.m_top2{padding-top:2em !important}
.m_top3{padding-top:3em !important}
.m_top4{padding-top:4em !important}
.m_top5{padding-top:5em !important}

.m_bot05{padding-bottom:0.5em !important}
.m_bot06{padding-bottom:0.6em !important}
.m_bot1{padding-bottom:1em !important}
.m_bot2{padding-bottom:2em !important}
.m_bot3{padding-bottom:3em !important}
.m_bot4{padding-bottom:4em !important}
.m_bot5{padding-bottom:5em !important}

.txt_green{color:#b2b900;}
.txt_white{color:#fff;}
.txt_gray{color:#aaa;}
.txt_red{color:#9d293c}

.bg_white{background:white !important}
.bg_gray{background:#666;color:white}

.txt_150{font-size:150%}
.txt_140{font-size:140%}
.txt_130{font-size:130%}
.txt_120{font-size:120%}
.txt_110{font-size:110%}

.txt_c{text-align:center}

h1.ttl{font-size:2em !important;padding:0.7em 0.3em}
h2.ttl{font-size:1.5em !important;padding:0.7em 0.3em}
h3.ttl{font-size:1.15em !important;padding:0.7em 0.3em}

a h2{-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;}

h1.ttl_ex{margin-top:0.6em;height:auto;font-weight:200;padding:20px 20px;background:#0083b9;color:white;text-align:left;}
h1.ttl_ex {font-size:2vmin !important;}
h1.ttl_ex span{font-size:35% !important}
/*font-size:1.8vmin*/


.txt_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:1em;text-align:center;}
.pic_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}

p#lead {
    padding: 0 1em 0.3em;
    max-width: 940px;
    margin: 0 auto;
    text-align: left;
}


.bg_gray_anim{background-color:#eee;
  background: linear-gradient(45deg, #ece0e3, #e0e2ec, #ebece0);
  background-size: 600% 600%;
  animation: AnimationName 9s ease infinite;
}

@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
/*--------------------------------*/
#top_bg{line-height:0;
background:#f2f2f2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f3f3));
background-image: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 100%);
background-repeat: repeat-x;
background-position: left top;
box-sizing:border-box;
padding:0 !important;
border-bottom: 1px solid #eee;
height:auto;
max-height:501px}
/*--------------------menu-top----------------------*/
#category00 div.nav li#c00,#category01 div.nav li#c01,#category01 div.nav li#c012,#category02 div.nav li#c02,#category03 div.nav li#c03,#category04 div.nav li#c04,
div.nav li#c00:hover,div.nav li#c01:hover,div.nav li#c012:hover,div.nav li#c02:hover,div.nav li#c03:hover,div.nav li#c04:hover{position:relative;padding-bottom:0px !important;}
#category00 div.nav li#c00:after,#category01 div.nav li#c01:after,#category01 div.nav li#c012:after,#category02 div.nav li#c02:after,#category03 div.nav li#c03:after,#category04 div.nav li#c04:after,
div.nav li#c00:hover:after,div.nav li#c01:hover:after,div.nav li#c012:hover:after,div.nav li#c02:hover:after,div.nav li#c03:hover:after,div.nav li#c04:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.category00 div.nav li#c00,.category01 div.nav li#c01,.category01 div.nav li#c012,.category02 div.nav li#c02,.category03 div.nav li#c03,.category04 div.nav li#c04,
div.nav li#c00:hover,div.nav li#c01:hover,div.nav li#c012:hover,div.nav li#c02:hover,div.nav li#c03:hover,div.nav li#c04:hover{position:relative;padding-bottom:0px !important;}
.category00 div.nav li#c00:after,.category01 div.nav li#c01:after,.category01 div.nav li#c012:after,.category02 div.nav li#c02:after,.category03 div.nav li#c03:after,.category04 div.nav li#c04:after,
div.nav li#c00:hover:after,div.nav li#c01:hover:after,div.nav li#c012:hover:after,div.nav li#c02:hover:after,div.nav li#c03:hover:after,div.nav li#c04:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.arrow_bottom{
  position: relative;
/*  background: #eee;*/
  padding-bottom:0px !important;
}
.arrow_bottom:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.bg-corpgreen{background:#b2b900}
h2.bg-corpgreen{color:white}
.bg-corpred{background:#cb3054}
h2.bg-corpred{color:white}
li h2.bg-corpgreen,li h2.bg-corpred{font-weight:bold;width:120px;letter-spacing:0.05em;}

.arrow_bottom{
  position: relative;
/*  background: #eee;*/
  padding-bottom:0px !important;
}
.arrow_bottom:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}


.site-header .nav a.right,.site-footer .nav a.right{padding:3px 5px 0 !important}
.nav li h1{margin-right:6px}
.nav li h2{padding:0.85em 6px 0.6em 0px;margin-left:6px}/*.nav li h2{margin-left:12px}*/
.nav li#c012 h2{letter-spacing:0.1em;line-height:1.0em;padding:0.5em 6px 0.06em 0px;margin-left:6px}
.nav li#c012 h2 span{letter-spacing:-0.05em;font-size:90%;font-weight:500}
.nav li.right h2{margin-left:0;margin:right:0}
.footer_map {background: #585858 !important;color:#ddd;font-size:80%}
.footer_map a{color:#ddd}
.footer_map a:hover,ul.footer_menu a:hover li{color:white;text-decoration:underline}
.footer_map .nav li.right h2{color:white}
.footer_map .nav li.right a:hover h2,.footer_map .nav li.right a:hover{text-decoration:none !important}
.footer_map dt,.footer_map dd{margin:0;padding:0}
.footer_map dt{font-size:130%;font-weight:bold;padding-bottom:0.3em}
.footer_map dd{padding-top:0;font-size:115%;padding-left:6px;line-height:0.3em\9}
@media only screen and (max-width:1024px){.footer_map dd{font-size:95%;text-indent:0;letter-spacing:-0.05em}}

.footer_map dd span{padding-top:10px;font-size:80%;margin-left:-6px;line-height:1.4em}
.footer_map hr{margin:0.4em 3em 0.4em 0;border:1px solid #727272 !important;border-bottom:none !important;margin:1em 3em 0em 0\9;}
#lh1{line-height:1em;text-indent:6px}
ul.footer_menu{padding:1em 0;margin:0;display:block;float:left;list-style: none;width:100%;/*background:#aaa*/}
ul.footer_menu li{font-size:120%;padding:0.3em 0;margin:0 1.5em 0 0 !important;float:left;}
/*----------------top_left top_right--------------*/


#top_left .col,#top_right .col{padding:4px;box-sizing:border-box}
#top_left{width: 33.3333333%;box-sizing:border-box;padding-right:5px}
#top_right{width: 66.6666666%;box-sizing:border-box;padding-left:15px}
#top_left p,#top_right p{text-align:center}
#top_left a:hover img,#top_right a:hover img{filter:alpha(opacity=90);opacity:0.9;}
@media only screen and (max-width:1024px){
#top_left{display:none}
#top_right{width:100%;padding:0}
#top_right .col{padding:8px}
#top_right .width-1of4{width:25% !important}
}
.footer_left,.footer_right{width:100%}
@media only screen and (max-width:767px){
#top_right .width-1of4{width:50% !important}

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

}


/*--------------------slider----------------------*/
#slider_box{background:#e5e5e5;padding-top:16px;box-sizing:border-box;}
ul.slider1{margin:0 !important}
ul.slider1 li img{margin-bottom:0 !important}
.bx-wrapper .bx-pager.bx-default-pager a{background:#aaa !important}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#333 !important}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-20px}
.bx-wrapper .bx-pager{padding-top:0 !important}
#top_bg .bx-viewport{max-height:501px !important}
ul.slider1 li img{/*max-width:208px*/}
.bx-wrapper{-moz-box-shadow:none !important;box-shadow:none !important;background:none !important;border-bottom:none !important}
.slider1 a:hover img{filter:alpha(opacity=80);opacity:0.8;}

@media only screen and (max-width:1180px){#visual_wrapper .bx-controls-direction{display:none !important;}}

@media only screen and (max-width:767px){
.bx-wrapper{border:none !important}
.bx-controls-direction {display:none;}
#slider_box{max-width:100%}
.bx-wrapper{max-width:100%}
}
/*--------------------bnr_box----------------------*/
#bnr_box a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#bnr_box img{margin:0}
/*-------------------release-----------------------*/
#release_box{padding:1.5em 0 1em;text-align:center;box-sizing:border-box}
#release_box h3{padding:0 !important}
#release_inner{box-sizing:border-box;margin:0 auto;
width:100%;
background:#fff;
padding:8px;
font-size: 100% !important;
}
#release_inner td{padding:4px 0;
border-bottom:1px solid #ccc;
line-height:1.35em;
}
#release_inner p.date {
width: 94px;
padding: 0 !important;
/*background-color: #F1E0EC !important;*/
/*font-size: 12px !important;*/
font-weight: bold;
max-height: 10px;
color:#444;
}
#release_inner a{text-decoration:none;font-weight:normal;}
/*------------------------------------------*/
.masthead{
max-height:480px;
}



/*.site-center img{float:none !important;}*/

#portfolio {display:block;
 /*   visibility: inline;*/
    list-style: none;
    padding: 0;
margin:0 auto !important;
/*max-height:480px !important;*/
}

#portfolio,#portfolio li;#portfolio li img,{float:none !important;width:100%;max-height:470px;}
.stream{
margin: 30px auto 0;
padding:30px 0;
text-align: center;
}


#portfolio_s {display:none;
 /*   visibility: inline;*/
    list-style: none;
    padding: 0;
margin:0 auto !important;

}
#portfolio_s li img,#portfolio_s{float:none !important;width:100%;}
.stream{
margin: 30px auto 0;
padding:30px 0;
text-align: center;
}

.flex-v {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}
.flex-h {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
}


.stream figure{font-size:110%;font-weight:bold;color:#cb5f74;}
.stream h2{
font-size:150%;
}
#blue_box{border:4px solid #999/*3193b7*/;background:#fff}
h2#ttl_box{text-algin:center !important;padding:0.4em 0.3em 0.3em;font-size:160%;line-height:1.1em;font-size:230%\9;}
/*#ttl_box p,#ttl_box span{white-space: nowrap;}*/
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:4vmin !important;color:#333/*3193b7*/;line-height:1.3em}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:50% !important;line-height:1em;padding-top:0.4em}
p.blue-ttl{color:#3193b7;font-weight:bold;letter-spacing:0.07em}
h3.background-lite{font-weight:600;margin:0 !important;text-align:center !important;font-size:5vmin !important;color:#3193b7;margin-bottom:0.1em !important;font-size:300% !important\9;}
h3.background-lite p{font-size:40%;color:#3193b7}
.green-t,.green-t h2{color:#4d9d21 !important}
.orange-t{color:#cd5c00 !important}
.stream p{text-align: center;}
#pic{
width:80%;
max-width:710px;
margin:10px auto !important;
float:none;
}
#pic2{
width:100%;
/*max-width:710px;*/
margin:10px auto !important;
float:none;
}
.arrowbox{
  position: relative;
  background: #eee;
  padding-top:60px;
}
.arrowbox:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: white transparent transparent transparent;
}
.arrowbox:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  border-width: 30px 30px 0 30px;
}

#flow{width:45%;margin:20px 0}
#inquiry_box{float:none;margin:20px 20%;box-sizing:border-box}
#bt_inquiry{padding:10px;border:1px solid #aaa;margin:16px 0}
a,a:hover{text-decoration:none;}
.arr{
background: url('/images/arrow_r.png') no-repeat;
position: relative;
float:right;
right:0;top:50%;
margin-top: -6px;
width: 24px;
height: 24px;
}
.blue{color:#15628e}
#marker {background: url(/sumikae/sell/images/marker.gif) -10px repeat-x;}
#pic2 b{font-size:120%}
#blank{width:97%}
#before{width:100%}
.background-lite{text-align:center !important;padding:8px;background:#eee;font-size:115%;color:#333}
.background-lite div{padding:20px}
.background-lite div{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88fffffff,endColorstr=#88fffffff); 
background-color:rgba(255,255,255,0.4);}
.background-lite p{text-align:center;font-size:130%;font-weight:bold;color:darkblue}
.background-lite p img{width:30px;vertical-align:bottom}
#portfolio_s{display:none}
/*------------------------pagetop--------------------------*/
#pageTop {position:fixed;bottom: 32px;right: 16px;z-index:999;}
#pageTop a {
display: block;
z-index: 999;
padding: 0;
border-radius: 30px;
width: 34px;
height: 34px;
background-color: #888;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
opacity: 0.90;
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.7;
}
#pageTop span{font-size:40px;margin-top:6px !important}

#to_top2{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top2.gif);
}
a:hover #to_top,a:active #to_top,a:hover #to_top2,a:active #to_top2{
    background-position: 0px -50px;
}
/*----------------------------------------*/
/* bottom */
/*----------------------------------------*/

#bottom_box{
/*padding:20px 0 10px;*/
background-color:#adadad;
text-align:center;
}


#to_top{
margin:0 auto;
width:50px;
height:50px;
	background-image: url(/top_n2/to_top.gif);
}
a:hover #to_top,a:active #to_top{
	background-position: 0px -50px;
}

#owner{
width:880px;
	background:#a1a1a1;
	margin:10px 0 20px;
	padding:10px 0 8px;
	color:white;
	font-size:16px;
}
#owner a{
color:white;
}


#top_group{
margin:0 auto 30px;
width:750px;
height:34px;
}
#group{
width:750px;
height:34px;
margin-left:0;
}
#group #group01,#group #group02,#group #group03{
width:250px;
float:left;
height:34px;
}

#group li {
	margin: 0px;
	padding:0px;
	float: left;
	display: inline;
}
#group a {
	display: block;
	text-indent:-9999px;
}
#group li#group01 a,
#group li#group02 a,
#group li#group03 a{
background-color:#fff;
	background-image: url(/top_n2/bt_group.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	height:34px;
}

#group #group01 a {
	background-position: 0 0;
}
#group #group01 a:hover,#group #group01 a:active{
	background-position: 0px -34px;
}
#group #group02 a {
	background-position: -250px 0;
}
#group #group02 a:hover,#group #group02 a:active{
	background-position: -250px -34px;
}
#group #group03 a {
	background-position: -500px 0;
}
#group #group03 a:hover,#group #group03 a:active{
	background-position: -500px -34px;
}
/*---------------------footer-----------------------*/
.site-footer {
    background-color: #fff;
    /*margin-top: 40px;*/
}
@media only screen and (max-width: 767px){div#footer-area{background:none}}
#footer-area div.cell{margin:10px 0 0}
#bottom_box{
background:#ADADAD;
width:100%;
margin:0 auto;
}
#to_top{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top.gif);
}
#middle_box{
background:#fff;
width:100%;
margin:0 auto;
}
#to_top2{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top2.gif);
}
a:hover #to_top,a:active #to_top,a:hover #to_top2,a:active #to_top2{
    background-position: 0px -50px;
}
#copyright {
    margin: 0 auto;
    background/***/: #fff url(/common_n/images/footer/copyright2.png);
    background-size: 100%;
	background-repeat: no-repeat;
    background-position: center !important;
    max-width:290px;
    width:100%;
}
#sns td{padding:0 !important}
#sns td img{margin:0}
/*----------------jitsurei-----------------*/
#new {padding-top:6px;padding-left:6px;
    position: absolute;
    vertical-align: middle;
    z-index: 200;
}
#new img{width:40px}

#form_panel{padding:10px;text-align:left !important}
#form_panel ul{list-style-type:none;padding:0;margin:0}
#form_panel ul li{float:left;margin:0 0 0 0;width:12.5%}
table input{width:24px}
#tblJitsurei{width:100%}

#info{
box-sizing:border-box;
text-align:left;
width:100%;
padding:0.4em;
font-size:95%;
}
#info p{
font-size:110%;

}
#info h4{font-weight:bold;margin-bottom:0.3em}
#info b,#info b small{font-size:100%;color: brown;font-weight:normal}



#tblJitsurei .width-1of4{height:360px}
#tenjijo{box-sizing:border-box}
.tenjijo2{box-sizing:border-box;height:300px;overflow: hidden;background:white;border-top:1px solid #999;border-right:1px solid #999;}
.tenjijo1{box-sizing:border-box;height:150px;overflow: hidden;background:#fd8bab;border-top:1px solid #999;border-right:1px solid #999;}/*#83a7ca*/
.tenjijo2,.tenjijo1{position:relative;/*display:-moz-box;display:-webkit-box;display:-o-box;display:-ms-box;box-align:center;*/}
#inner_area{position:absolute;background:white;width:100%;height:100%;}
#inner_area h3{font-weight:bold;font-size:150%;color:#333;line-height:1em;margin-right:0.5em;}
#inner_area h2{font-weight:bold;font-size:180% !important;color:#000;line-height:1em}
.tenjijo1 #inner_area:hover{filter: alpha(opacity=80);opacity: 0.80;}

.height2{height:500px;overflow: hidden;background:#000}
.height1{height:250px;overflow: hidden;background:#000}
.kurasite_pink2,.kurasite_pink1{background:#eba6b3 !important;}
.eco_safety2,.eco_safety1{background:#a6dc97 !important;}
.kurasite_pink2,.eco_safety2{overflow: hidden;height:400px !important;}.kurasite_pink1,.eco_safety1{overflow: hidden;height:200px !important;}
.kurasite_white{height:200px !important;background:white !important;}
.height5{margin:0 5px;height:200px;overflow: hidden;background:#fff}
.height2 #p_info{font-size:180%;width:50%; top: 35%;}
.height1 #p_info{font-size:120%;width:25%;padding-top: 80px}
.height5 #p_info{font-size:100%;padding: 10px}

.height5 .inner{overflow: hidden;}
#p_info{
position: absolute;
vertical-align:middle;
text-shadow: 1px 1px 3px #000, 0px 0px 2px #fff;
/*display:inline-table;
/*   top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;*/
z-index:100;
color:white;
text-align:center;
font-weight:bold\9;
behavior: url('/common_n/css/ie-css3.htc');
}
#p_info span{font-size:150%;font-weight:bold}
#p_info p{font-size:84%;text-align:center;padding:2px;margin:10px 20px 5px;line-height:1.3em;background-color: rgba(0,0,0,0.1);}
a:hover #p_info p{background-color: rgba(0,0,0,0.6);}
#bsc,#bsc2{background-repeat:no-repeat;background-size:cover;background-position:center}
/*#bsc:after{
position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}*/
#bsc{box-sizing:border-box;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#bsc:hover,#bsc:hover :after,a:active #bsc,a:active #bsc :after{
opacity: 0.85;
opacity: .8;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

#bsc a:hover p{
transform: scale(1.0);
}
.inner {width:100% !important;height:100% !important;
    z-index: 10;
    position: relative;
    color:white;
    box-sizing:border-box;
}

.inner2 {width:100% !important;height:50% !important;
    z-index: 10;
    position: relative;
    color:white;
    box-sizing:border-box;
}




/*--------------------------------------*/
#p-box{background-repeat:no-repeat;background-size:cover;background-position:center}

#white-box{background-color:rgba(255,255,255,0.8);}

#white-box{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfffffff,endColorstr=#ccfffffff); 
    background: rgba(255,255,255,0.8);}
#box-inner{padding:2em 1.5em;text-align:left;line-height:1.4em}
#box-inner h2{padding:0.3em 0}
#box-inner p{padding-top:6px;font-size:85%}

#ua{width:45%}
#p-box{height:300px}
#blue-box {margin:20px;background:#3193b7;color:white;padding:12px 26px;line-height:1.6em;box-sizing:border-box}
#interview,#interview2{font-size:15px;padding:10px 20px}
#interview figure{padding:0 0 6px}
#interview h2,#interview2 h2{font-size:150%;font-weight:bold;color:#333;line-height:1.2em}
#interview h3{font-size:120%;font-weight:bold;padding:20px 0;line-height:1.4em}
#interview2 h3{font-size:120%;font-weight:bold;padding:10px 0;line-height:1.4em}
#interview2 h3,#interview2 p{text-align:left !important}
#interview p{font-size:85%;line-height:1.3em;padding:10px 0 0;word-wrap:normal;word-break:normal;-webkit-text-size-adjust: 100%;}
#interview2 p{line-height:1.6em;padding:10px 0 0;}
.h2_ttl{font-size:160%}
#eco_safety{width:20%;margin:0 auto}
.house-box{padding:29em 12em 5em;text-align:center}
.house_top{border:1px solid #aaa;color:#333;padding:0.6em 0.1em;line-height:1.3em}
/*---------------smp nav----------------*/
nav{border-top:1px solid #b2b900;/*height:40px !important*/}
nav ul{width:100%;margin:0;padding:0;background:#eee;height:45px}
#navi{
background:#999;
}
#navi img{height:36px}

nav ul {
list-style: none;
}

#headerNaviMenu{

}
ul#headerNav_1of2 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 50%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of3 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 33.333333%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of2 li a, ul#headerNav_1of3 li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
width: 100%;
height: 100%;
font-size: 12px;
text-decoration: none;
color: white;
vertical-align: middle;
font-weight: bold;
text-align: center;
height:20px;
}
a#headerNav00 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #eee;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
color: #444 !important;
text-align:left !important;
}
a#headerNav01 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #abb315;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
a#headerNav02 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #9d394c;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R {
display: table-cell;
vertical-align: top;
padding-top: 10px;
font-weight:bold;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R .gico_update, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R .gico_update {
width: 40px;
}
ul#headerNav_1of2 li.headerNaviMenu #headerNav00 div, ul#headerNav_1of3 li.headerNaviMenu #headerNav00 div {
/*display: inline;*/
}
ul#headerNav_1of2 li a img, ul#headerNav_1of3 li a img {
vertical-align: middle;
}
.headerNav00L img{
height:40px;
margin-bottom:0;
}

/*----------------------smp sitemenu-----------------*/
.sitemenu-responsive ul{padding:0.2em 0}
.sitemenu-responsive ul li{font-size:120%;padding:0.2em 0 0.2em 0.2em}
.sitemenu-responsive ul a{text-align:left !important}


/*----------------------smp head---------------------*/
.smp_head{width:100%;
    border-top:1px solid #B3B3B3 /*{c-bar-border}*/;
    border-bottom:1px solid #B3B3B3 /*{c-bar-border}*/;
    background: #e9eaeb /*{c-bar-background-color}*/;
    color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    background-image: linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/)
    
    letter-spacing:-0.5em;
    z-index:300;
}
.smp_head h2{
    min-height: 1.1em;
    text-align: center;
    padding-right:2.5em;
}
.smp_head h2 span{font-size:80%;font-weight:bold}

.ui-title{
color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    height: 26px;
    padding: 8px 0px 0px 0px;
    margin: 0px;
    font-size: 16px;
}
a .ui-btn{font-weight: bold !important;color:#3e3e3e}
.ui-btn {
border:1px solid #aaa;
float:left;
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 5px;
    padding: 0.3em 0.2em 0.2em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
}
.ui-btn-text{
padding-left:3px;
    font-weight: bold;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
}
.ui-icon{float:left;
    top: 50%;
    margin-top: 0px;
    width:18px;
    height:18px;
    background: #666 /*{global-icon-color}*/;
    background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
    background-image: url(/smp/common/css/images/icons-18-white.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    background-position: -144px 50%;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
nav, .smp_head,.smp/*,a .smp,.smp img,.smp span*/{display:none !important}
.lightboxOverlay{
/*background:#666;*/
filter:alpha(opacity=80) !important;
opacity:0.8;
}
.lb-data .lb-caption {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}
.lb-data {
    color: white;
}
.lb-data .lb-number{
color:white;
}
.lb-details p {
background: url('../images/bg_p.png') no-repeat;
}
.lb-details a p,.lb-details a:hover p {text-decoration:underline !important}
/*-----------page contents--------------*/
.green_txt{color:#749b47;line-height:1.4em;}/*#4e7200#889d00*/
div.green_txt p{text-justify:none;margin:2em 0}

/*--------------------------------------------------------*/
.left{text-align:left}
.long{letter-spacing:-0.1em}
.long2{letter-spacing:-0.05em}
.caption{font-size:85%}
#top_copy{text-align:center;background:#749b47;color:white;font-size:100%;line-height:1.5em !important;font-weight:bold;padding:1.1em 0}
#top_copy p{text-align:center;margin:0 auto;max-width:910px}
#top_copy_w{text-align:center;background:white;color:#749b47;font-size:100%;line-height:1.5em !important;font-weight:bold;padding:1.1em 0}
#top_copy_w p{text-align:center;margin:0 auto;max-width:910px}
#top_copy_w p.left{text-align:left}
#copy{text-align:center;color:#749b47;font-size:110%;line-height:1.5em !important;font-weight:bold;padding:1.5em 0}
#copy p{text-align:left;margin:0 auto;max-width:910px}

ol.point {display:table-cell;
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  color:#749b47;
}
ol.point li {
	margin-bottom: 6px;
	position: relative;
	padding:0 6px 0 32px;
}
ol.point li p,ol.point li h5{padding-left:6px;line-height: 1.3em;}
ol.point li h5{font-size:130%;font-weight:bold}
ol.point li:before {list-style-type: upper-alpha;
	content: counter(my-counter,upper-alpha);
	counter-increment: my-counter;
	background-color: #aaa;
	color: #fff;
	display: block;
	float: left;
	line-height: 1.5em;
	margin:4px 0 8px -20px;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	height: 20px;
	width: 20px;
	border-radius: 10px;
}
ol.point#list_a li:before{background-color: #c2007b;}
ol.point#list_b li:before{background-color: #e1a326;}
ol.point#list_c li:before{background-color: #5aa0cd;}
@media only screen and (max-width: 767px){
#top_copy{font-size:85%}
#copy{font-size:85%}
.width-1of3{width:50%}
}

/*----------------*/
.cells{margin:10px}
.top_ttl{font-family: /*Georgia,*/ Ÿà–¾’©, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS–¾’©E, ƒ�ƒCƒŠƒI, Meiryo, serif;
text-align:center;font-size:180%;padding:0.1em 0}
sup {font-size:80%}
.top_1-3{width:32.03125%;margin:10px 0.9765625% 10px 0}/**/
.top_2-3{width:32.03125%;margin:10px 0.9765625%}/**/
.top_3-3{width:32.03125%;margin:10px 0 10px 0.9765625%}/**/
.top_1-3,.top_2-3,.top_3-3{color:#749b47;line-height:1.3em}
.top_1-3 img,.top_2-3 img,.top_3-3 img{width:100%;margin:0 0 0.3em;}
.top_1-3 p,.top_2-3 p,.top_3-3 p{text-align:left;font-size:95%}
.top_1-3 div,.top_2-3 div,.top_3-3 div{padding-bottom:0.5em}
.top_1-3 div p,.top_2-3 div p,.top_3-3 div p{
font-family: /*Georgia,*/ Ÿà–¾’©, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS–¾’©E, ƒ�ƒCƒŠƒI, Meiryo, serif;
text-align:center;font-size:160%;padding:0.1em 0}

.pic_text{position: relative;display:block;;height:7em}








.width-1of2#his img{width:100%}
.sec_ttl,.sec_ttl2,.v_sec_ttl,#v_sec h4{font-family: /*Georgia,*/ Ÿà–¾’©, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS–¾’©E, ƒ�ƒCƒŠƒI, Meiryo, serif;}
.sec_ttl{
max-width:730px;margin:0 auto;color:#749b47;padding:1em 0;line-height:1.2em;font-size:180%;text-align:center;width:100%;background:url('../images/sec_ttl.png') no-repeat;background-size:contain;background-position:center
}
.sec_ttl2{
max-width:730px;margin:0 auto;color:#749b47;padding:1em 0;line-height:1.2em;font-size:180%;text-align:center;width:100%;background:url('../images/sec_ttl2.png') no-repeat;background-size:contain;background-position:center
}
#v_bg{box-sizing:border-box;background:url(../voice/images/v_bg.png) ;background-size: 100%;background-repeat: repeat-y;}
.v_sec_ttl{margin:0 auto;color:#749b47;padding:1em 0;line-height:1.2em;font-size:180%;text-align:center;width:100%;}
.sec_ttl span,.sec_ttl p{font-size:70%;text-align:center}

.v_top1{width:47.8125%}.v_top2{width:52.1825%}
#v_sec{margin:0;padding:1em;color:#749b47;line-height:1.5em} #v_sec h4{font-weight:600;font-size:180%;padding-bottom:0.5em}

#sec_border{text-align:center;width:100%}#sec_border img{float:none;width:612px;max-width:100%;margin:0 auto}

@media only screen and (max-width: 640px){
.cells{margin:0}
#top_copy_w{padding:0 10px}
ol.point li{margin-bottom:4px;padding:0 6px 0 26px;font-size:100%}
ol.point li h5{/*font-size:130%*/}
ol.point li:before {
	margin:4px 0 8px -16px;
	text-align: center;
	font-size:12px;
	height: 18px;
	width: 18px;
	border-radius: 8px;
}
.top_ttl{font-size:160%}
.top_1-3{width:100%;margin:0 0 6px}.top_2-3{width:100%;margin:0}.v_top1,.v_top2{width:100%;margin:6px 0}.top_3-3{width:100%;margin:6px 0 0}
#his img{margin:10px 0 0}
.top_1-3 p,.top_2-3 p,.top_3-3 p{padding:10px 0 0}
.sec_ttl,.sec_ttl2,.v_sec_ttl{font-size:130%}
.sec_ttl span,.sec_ttl p{font-size:80%;line-height:1.2em;padding-bottom:2px}


/*{background:url('../images/sec_ttl.png') no-repeat;background-size:contain;background-position:center}*/
.width-1of3{width:100%}
#v_sec{margin:0;padding:1em 0;background-position: 5% 0%;}
#v_sec h4{font-size:130%;padding-bottom:0.5em}
}


#info_box{position:relative;margin:0 auto;max-width:1200px;}

#info_box h3{border:1px solid #749b47;width:460px;max-width:90%;margin:0.9em auto 0.3em;line-height:1.5em}
#map_box{
position:absolute;
font-size:16px;
width:260px;
float:left !important;;
top:0.6em;
right:1%;
}

#map_box2{margin-left:-14px;
text-align:center;
font-size:20px;
width:100%;
left:0;
}
#map_box2 ul{margin: 10px auto;width:300px}
#map_box li,#map_box2 li{float:right;list-style:none}
#map_box h2.button2,#bt_map h2.button2,#map_box2 h2.button2{
padding:8px 12px;
background:#f2f2f2;
color:#333;
float:right;
margin-right:0.5em;
font-size:80%;
border:1px solid #888 !important;

}
#map_box2 li{margin:0px 5px 0 0/*width:120px;*/}
#map_box ul{display:block}
#map_box2 ul{display:none}
@media only screen and (max-width:979px){

#map_box ul{display:none}
#map_box2 ul{display:block}

}

/*---------------------responsive-----------------------*/
.site-center{width:100%}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

#p_info{
text-align:center;
}
.arrow-r{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: right;
text-align:right;
top: 50%;
margin-top: -0.5em;
margin-right: 0.3em;
line-height:1em;
}
.arrow-l{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: left;
text-align:left;
top: 50%;
margin-top: -0.5em;
margin-left: 0.3em;
line-height:1em;
}

#bt_more {display:inline-block;
padding: 0.2em 0.2em 0.15em 0.6em;
border: 1px solid #aaa;
margin: 0.5em 0;
width:auto;
font-size:90%;
line-height:1.6em;
}
@media (min-width:1281px){
.site-center{width:85%;max-width:1280px;min-width:1100px}/*20180112*/
}
@media (max-width:1280px){
.site-center{width:95%;max-width:1100px}/*20180112*/

h1.ttl_ex{font-size:180%}
.stream h2{font-size:180%}
#flow{width:45%;margin:20px 0}
}
@media (max-width:1200px){
.site-center{width:100%;max-width:1100px}/*20180112*//*95%*/
/*.width-1of6{width:20%}*/
#info{font-size:90%}
#form_panel ul li{width:16.6%}
/*.nav li h2{font-size:120%}*/

.stream h2{font-size:170%}
#flow{width:55%;margin:20px 0}
#blank{width:95%}
.background-lite{font-size:105%}

.background-lite p{text-align:center;font-size:120%;font-weight:bold;color:darkblue}
.background-lite p img{width:30px;vertical-align:bottom}
#ua{width:53%}
#p-box{height:280px}
.house-box{padding:26em 10em 4em;text-align:center}
.kurasite_pink2,.eco_safety2{height:360px !important;}.kurasite_pink1,.eco_safety1{height:180px !important;}
.kurasite_white{height:180px !important;}
}
/*@media print, screen and (max-width:1100px){
.site-center{max-width:100%}
}*/
@media print, screen and (max-width:1024px){
.site-center{width:100%;max-width:980px}/*20180112*//*95%*/
#info{font-size:90%}
#tblJitsurei .width-1of4{width:33.3%;height:320px}
.kurasite_pink2,.eco_safety2{height:330px !important;}.kurasite_pink1,.eco_safety1{height:160px !important;}
.kurasite_white{height:170px !important;}

.height2{height:400px;}
.height1{height:200px;}
.height5{margin:0 5px;height:180px}
#index_txt{font-size:110%}
.cell{margin:2px 6px !important}
/*.highlights .col{width:16.666666% !important}*/

.stream h2{font-size:160%}
#flow{width:60%;margin:20px 0}
#inquiry_box{float:none;margin:20px 15%;box-sizing:border-box}
#ua{width:55%}
#p-box{height:240px}
#w-ttl{width:80%}
#blue-box{padding:10px 20px}
#interview,#interview2{padding:10px}
/*.width-1of2{width:50% !important}*/
ul.footer_menu li{font-size:100%}

}
@media only screen and (max-width:979px){
ul.footer_menu li{font-size:100%}
#top_copy{padding:1.1em 6px}

p#lead {padding: 0 6px 0.2em !important}
/*.width-1of6{width:25%}*/
.bx-wrapper{/*width:90%;max-width:800px*/}
#form_panel ul li{width:20%}
#tblJitsurei .width-1of4{width:50%;height:320px}
#inner_area h2{font-weight:bold;font-size:160% !important;}
.height2 #p_info{font-size:160%;width:50%; top: 25%;}
.height1 #p_info{font-size:110%;width:25%;padding-top: 60px}
.height2{height:360px;}
.height1{height:180px;}
.height5{margin:0 5px;height:180px;}
#index_txt{font-size:100%}
/*.highlights .col{width:20% !important}*/
.cell{margin:10px !important}
h3.background-lite{font-size:38px !important}
.stream h2{font-size:150%}
#flow{width:70%;margin:20px 0}
#inquiry_box{float:none;margin:20px 12%;box-sizing:border-box}
.arr{margin-top:4px}
#ua{width:65%}
#p-box{height:220px}
#interview2 p{font-size:90%;line-height:1.5em;padding:10px 0 0;}
.h2_ttl{font-size:130%}
}
@media only screen and (max-width:767px){
.bx-wrapper{border:none !important}
#slider_box{max-width:100%}
.bx-wrapper{max-width:100%}
}
@media only screen and (max-width: 767px){
.site-center{width:100%}
.highlights{margin:0 !important}
.sitemenu,.pc,#crumb{display:none !important}
nav, .smp_head,.smp/*,a .smp,.smp img,.smp span*/{display:block !important}
/*.highlights .col{width:25% !important}*/
.width-1of4{width:50% !important}
.width-1of6{width:33.33%}
.height2 #p_info{font-size:160%;width:50%; top: 25%;}
.height1 #p_info{font-size:130%;width:50%;padding-top: 80px}
.height2{height:400px;}
.height1{height:200px;}
.height5{margin:0 5px;height:200px;}
.kurasite_pink2,.eco_safety2{height:380px !important}.kurasite_pink1,.eco_safety1{height:190px !important}
.kurasite_pink2,.eco_safety2,.kurasite_white{width:100% !important;}
.kurasite_white{height:auto !important;max-height:250px;overflow:auto;min-height:130px;}
#index_txt{padding:1em 0 0.7em}
.lb-details p {
background: url('/smp/house/exdesign/images/bg_p.png') no-repeat;
}

.lb-data .lb-caption {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
}

h1.ttl_ex{margin-top:0;font-size:15px !important}
.stream h2{font-size:140%}
.arrowbox{padding-top:30px}
.arrowbox:before{border-width:20px 20px 0 20px;}
.arrowbox:after{bottom: -20px;border-width:20px 20px 0 20px;}
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:6vmin !important;line-height:1.3em;}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:14px !important;line-height:1em}
h3.background-lite{font-size:40px !important}
.background-lite div{padding:14px}
#flow{width:80%;margin:16px 0}
#inquiry_box{float:none;margin:20px 10%}
#bt_inquiry{font-size:140%}
.arr{margin-top:0px;
width: 18px;
height: 18px;
background-size:100%;
}
#pic2{width:80%}
.width-1of3 .cell{margin:6px;}
#blank{display:none;width:0}
#before{width:60%}
.background-lite{text-align:center !important;padding:8px;font-size:140%;color:#333}
.background-lite p{text-align:center;font-size:150%;font-weight:bold;color:darkblue}
.background-lite p img{width:40px;vertical-align:bottom}
#footer-navigation{display:none}
#interview h2,#interview2 h2{font-size:125%}
#interview2 h3{font-size:100%}
#eco_safety{width:60%;margin:0 auto}
.house_top{border:1px solid #aaa;color:#333;padding:0.6em 0.1em;line-height:1.3em}

.ui-btn-inner {
    padding: .2em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    zoom: 1;
}
.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em;
    padding: 0.3em;
}
.ui-btn-text {
    position: relative;
    z-index: 1;
    font-weight: bold;
}
.button span{margin:0 !important}
.button img{box-sizing: border-box;width:100%;margin:0 !important}
.ui-btn-corner-all {
	-moz-border-radius: 				1em /*{global-radii-buttons}*/;
	-webkit-border-radius: 				1em /*{global-radii-buttons}*/;
	border-radius: 						1em /*{global-radii-buttons}*/;
}
.ui-shadow {
    box-shadow: none;
}




}

#portfolio,.slider{display:block}
#portfolio_s,.slider_s{display:none}

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

#portfolio,.slider{display:none !important}
#portfolio_s,.slider_s{display:block !important}
}

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

ul.footer_menu li{font-size:80%}
.site-footer{font-size:130%}
.site-footer .width-1of5{width:100%;box-sizing:border-box}
.site-footer .width-2of5{width:100%;box-sizing:border-box}
.site-footer .width-1of2{width:50%;box-sizing:border-box}
.width-1of6{width:33.33%}
.footer_left,.footer_right{width:50% !important}
.footer_left{float:left !important}
.footer_right{float:right !important}
#release_inner p.date {
width: 72px;}
#form_panel ul li{font-size:95%;width:33.3%}
#info{font-size:115%}
.height5{margin:0 5px;height:240px;}
.width-1of2{width:100%}
.width-1of4{width:100% !important}
#tblJitsurei .width-1of4{height:380px;width:100% !important}
#tenjijo{}
.tenjijo2{height:140px;border-top:1px solid #999;}
.tenjijo1{height:80px;}
#inner_area h3{font-weight:bold;font-size:120% !important;}
#inner_area h2{font-weight:bold;font-size:160% !important;}
.kurasite_pink2,.eco_safety2{height:320px !important;}.kurasite_pink1,.eco_safety1{height:160px !important;}
.height2{height:250px;overflow: hidden;background:#000}
.height1{height:150px;overflow: hidden;background:#000}
.height2 #p_info{font-size:160%;width:100%; top: 15%;}
.height1 #p_info{font-size:120%;width:50%;padding-top: 30px}
#p_info p{margin:5px 10px 0;background-color: rgba(0,0,0,0.3);}
/*.highlights .col{width:33.3333333% !important}*/

nav, .smp_head,.smp/*,a .smp,.smp img,.smp span*/{display:block !important}
.site-body {font-size:14px}
#portfolio,.slider{display:none}
#portfolio_s,.slider_s{display:block}
h2.blue-ttl{font-weight:600;margin:0 !important;text-align:center !important;font-size:5vmin !important;line-height:1.3em;}
h2.blue-ttl p{font-weight:600;text-align:center !important;font-size:14px !important;line-height:1.3em}
h3.background-lite{font-size:44px !important}
.background-lite div{padding:20px}
#p-box{height:210px}
#blue-box{padding:10px}

.stream{
margin: 20px auto 0 !important;
padding:20px 0;
text-align: center;
}
.stream h2{font-size:120%}

#flow{width:90%;margin:10px 0}
#inquiry_box{float:none;margin:20px 5%}
#w-ttl{width:100%}

.house-box{padding:12em 2em 2em;text-align:center}

}
#sns{float:right;margin:20px 0 0 0;width:300px}


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


.kurasite_pink2,.eco_safety2{height:200px !important;}.kurasite_pink1,.eco_safety1{height:120px !important;}
.kurasite_white{height:140px !important;}
}
/*----------------ie8----------------*/
/*body{background:white \9;max-width: 1100px !important \9;min-width: 940px !important \9}
.site-center{max-width: 1280px !important \9;min-width: 940px !important \9;}*/
/*.site-center{width:920px !important \9}*/
#header-area{min-width: 920px !important \9;margin:0 auto \9}
#top_bg{height:auto \9}
#form_panel ul li{width:16.6% \9}
/*h2.blue-ttl{font-size:250% \9}*/
h1.ttl_ex{font-size:350% \9}
#bsc{height:100%\9 }
h3.background-lite{font-size:36px \9}
a:hover/**/ div{filter: alpha(opacity=85)\9;}
.height5 #p_info{padding:0\9;margin:26px 0 0 10px\9}
#noie8{display:none \9}
#sns{width:80px \9}
.width-1of5 img{width:100%}
li h2.bg-corpgreen,li h2.bg-corpred{position:relative\9;behavior: url('/common_n/pie/PIE.htc');}




/*-----------------------bunjyo-----------------------*/
ul.obi li{list-style:none}
.catch{float:left;
-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;font-size: 120%;color:white;font-weight:bold;margin-right:0.2em}
.a-letter{font-weight:bold;padding:1em 0.2em 0 0}
.b-letter{font-size: 180%;font-weight:bold;color: #194ba6;padding:0 0.2em 0 0}
/*h3{font-size:180%;font-weight:bold;}*/

h2#ttl_box {
    text-algin: center !important;
    padding: 0.4em 0.3em 0.3em;
    font-size: 160%;
    line-height: 1.1em;
    font-size: 230%\9;
}
h2.blue-ttl2 {
    font-weight: 600;
    margin: 0 !important;
    text-align: center !important;
    font-size: 3.5vmin !important;
    color: #333/*3193b7*/;
    line-height: 1.3em;
}




/*.map_pic div{overflow: hidden}*/
.map_pic {
    position: relative;
    width: 100%;
    padding:0;
    box-sizing:border-box !important;
}
.map_pic:before {
    content:"";
    display: block;
    padding-top:82.096774193548395%; /*54.6875%;*/ /*82.75*//* •�‚ð�‚‚³‚Ì55.92105263157895%‚ɌŒè */
}
.map_pic div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#icon {
    position: absolute;
    z-index: 100;
    list-style: none;
    padding: 2px;
    margin: 4px 4px 0;
    top:0;
    right:0;
}
li#blue {
    background: #5e75a4;
}
#icon li {
    padding: 3px 4px 2px;
    margin: 4px 4px 4px 0 !important;
    color: white;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    min-width: 20px;
    float: raight;
    white-space: nowrap;
    line-height: 1.3em !important;
}
#icon a:hover  li{opacity:0.9}
.location {width:33.3333%;padding:10px;box-sizing:border-box !important;font-size:90%;position: relative;}


.location {
    position: relative;
}
.location:before {
    content:"";
    display: block;
    padding-top: 12%; /* •�‚ð�‚‚³‚Ì12%‚ɌŒè */
}
.location_txt {
    position: absolute;padding:0 10px 0 0;
}

#inq_txt{line-height:1.5em;text-align:center}
#inq_txt h4{font-size:140%;font-weight:bold;/*color: #194ba6;*/padding-bottom:0.2em}
#freedial{color:#749b47;margin:8px 0;font-size:20px;/*color:#dd4d7e;*/text-align:center}
#tel,a #tel,#tel a{color:#749b47 !important;font-size:40px;font-family:arial;}
/*#copy{font-size:130%;text-align:center}*/

@media only screen and (max-width: 980px){.location {width:50%;}}
@media only screen and (max-width: 767px){h3{font-size:150%}#info_box h3{font-size:170%;line-height:1.8em}.map_pic{border:5px solid white;}.width-1of2,.location {width:100%;}#map_frame{height:600px !important}#icon{display:none}#copy{font-size:100%/*120%*/}}
@media only screen and (max-width: 640px){}


#ol{border-collapse: collapse}
#ol th,#ol td{border:1px solid #aaa !important;line-height:1.4em}
#ol th{background:#eee;width:20%;min-width:120px}
#ol td b{font-size:130%;font-weight:bold;line-height:1.6em !important}
#ol td#b-cell{border:none !important;height:0.5em}
#crumb{background-color: #b2b900 !important;}




/*--------------------------TOP tile-menu---------------------------*/

.tile-box {
	position: relative;
    padding:0;
}
.tile-box:before {
    content:"";
    display: block;
    padding-bottom: 100%; 
}
.tile-box div a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
/*    margin:10px;*/
}

.tile{width:20%}
@media only screen and (max-width: 767px){.tile{width:50%}}
@media only screen and (max-width: 410px){.tile{width:100%}}

.tile-box {
  margin:0;
}
.tile-title {
	width: 50%;
	margin: 0 auto 1.5625%;
}

.tile-wrapper a {
	display: block;
	position: relative;
	background-color: #000;/*#36550*/
	overflow: hidden;
	}
.tile-image {
	opacity: 0.5;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
html.touch .tile-image {
	opacity:0.9;
}
.tile-image img {
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	width:100%;/*top:10px;*/
}
/*.tile-border {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 6px solid rgba(255, 255, 255, .2);
}*/

.tile-border {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    height: 94%;
    left: 0;
    top: 0;
    border: 1px solid rgba(181, 197, 0, 1.0);
    margin: 2%;
}
.tile-text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	top:8px;
}
.tile-text img{width:100%;top:10px}
html.no-touch .tile-wrapper a:hover .tile-image {
	opacity: 0.95;
}
html.no-touch .tile-wrapper a:hover .tile-image img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
}




/*-----------------------bunjyo end-----------------------*/


/*--------------------------ƒXƒ}ƒz‘¼------------------------------*/
/*
.ui-overlay-shadow{box-shadow:none}
.ui-dialog .ui-btn-text{font-size:16px}
.ui-btn{padding:0.3em 0}
.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer,.ui-li-desc{text-align:center}
.ui-listview-inset .ui-li {
    border-right-width: 1px;
    border-left-width: 1px;
    border-radius: 0.3em;
    margin: 1px 0;
    width: 100% !important;
}
.ui-btn-up-a,.ui-btn-down-a {
    border: 1px solid #222;
    background: #333333;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 -1px 1p #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #555 ), to( #333 ));
    background-image: -webkit-linear-gradient(#555 , #333 );
    background-image: -moz-linear-gradient(#555 , #333 );
    background-image: -ms-linear-gradient(#555 , #333 );
    background-image: -o-linear-gradient(#555 , #333 );
    background-image: linear-gradient(#555 , #333 );
    width:100%;
    margin:0.8em auto;
}
.ui-btn-inner{padding:10px 0}
*/
#fancybox-frame html{text-align:center !important}
a:hover #bnr{opacity:0.8}



/* ----- header-inner-container ----- */
#header-inner-container{
	position:relative;
/*	left:520px;*/
	top:28px;
	width:244px;
	height:18px;
}
html*#header-inner-container{
left:75px;
}
/* --------- header-menu --------- */
#header-menu{
	height:18px;
	float:right;
	width:680px;
	line-height:0;
}
#header-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
#header-menu li{
	margin:0;
	padding:0;
	display:inline;
	font-size:0px;
	float:right;
}
#header-menu li a{
	display:block;
	padding:0;
	height:18px;
	text-decoration:none;
	text-indent:-9999px;
}

/* --------- recruit --------- */
#header-menurecruit{
	width:79px;
	background:url(/top_n2/header_menu.gif) 0 0;
}
#header-menurecruit a:hover{
	width:79px;
	background:url(/top_n2/header_menu.gif) 0 -18px;
}
#header-menurecruitOn{
	width:79px;
	background:url(/top_n2/header_menu.gif) 0 -18px;
}
/* --------- sitemap --------- */
#header-menu03{
	width:99px;
	background:url(/top_n2/header_menu.gif) -79px 0;
}
#header-menu03 a:hover{
	width:99px;
	background:url(/top_n2/header_menu.gif) -79px -18px;
}
#header-menu03On{
	width:99px;
	background:url(/top_n2/header_menu.gif) -79px -18px;
}

/* --------- english --------- */
#header-menuenglish{
	width:66px;
	background:url(/top_n2/header_menu.gif) -178px 0;
}
#header-menuenglish a:hover{
	width:66px;
	background:url(/top_n2/header_menu.gif) -178px -18px;
}
#header-menuenglishOn{
	width:66px;
	background:url(/top_n2/header_menu.gif) -178px -18px;
}


/*------------------------------------*/


#area_box{
height:auto;
width:100%;
max-width:1260px;
margin:0 auto;
margin:0;
}
#area_box table{background:none;width:100%}
#vr_info{background:white;margin:0 10px;padding:6px 0 0 10px;width:420px;color:#444;float:right;text-align:right}

#area_box td{
padding-top:0;
padding-bottom:6px;
width:16.66666666666667%;
text-align:center;
font-size:14px;
line-height:1.6em;
}

#area_box td img#icons{width:100%}
#area_box  ul{margin-top:0.6em}
#area_box li{
list-style-image:url('/top_n2/area_link.gif');
list-style-position: inside;
padding:0;
margin:0.05em 0 0 -30%;
font-size:110%;
}

#area_box li img{margin-left:4px}


#area_box {
    position: relative;
    width: 100%;
    padding:0;
}
#area_box:before {
    content:"";
    display: block;
    padding-top: 23%;
}
#area_box table {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 1024px){
#area_box li{font-size:100%;margin:0.01em 0 0 -30%;line-height:1.4em}
#area_box:before {padding-top: 24%;}
}


#event_box {
    padding: 10px 0 10px;
    background-color: #f1f0de;
    text-align: center;
    z-index: 200;
}
#event_box img,#release_box img,#news_box img,#osusume_box img{float:none}
#release_box {
    padding: 20px 0 10px;
    background-color: #fff;
    text-align: center;
}


#ttl {
    position: relative;
    top: 0;
    left: 43px;
}
#backno {
    position: relative;
    top: 27px;
float:right;
margin-right:5%;
    z-index: 100;
}
.newstext{vertical-align:middle;line-height:1.3em}
#backno:hover img {
    filter: alpha(opacity=70);
    opacity: 0.7;
    @media (max-width: 1024px){;
    opacity: 1.0;
    }: ;
}
#news_box {
    padding: 20px 0 10px;
    background-color: #eee;
    text-align: center;
}
#news_box table{background:none}

@media only screen and (max-width: 1160px){
#inner{margin:0 15px}
}
@media only screen and (max-width: 768px){
#inner{margin:0 6px}
.date{font-weight:bold;padding-left:0;font-size:105%;color:#444;}
.newstext{padding-right:0}
}

#osusume_box {
    padding: 10px 0 10px;
    background-color: #fff;
    text-align: center;
    z-index: 300;
}

a {
    -webkit-tap-highlight-color:#aaa;
}
@media (max-width: 767px)
{
.width-1of3{width:50%}
#top_group{width:100%}
#group{height:auto;margin:0 auto 10px;width:250px;}
#group #group01, #group #group02, #group #group03{width:250px;max-width:100% !important;margin:5px 0}
}
@media only screen and (max-width: 640px){
.width-1of3{width:100%}
}


.tile-wrapper{margin:0;padding:0}@media (max-width: 640px){.tile-wrapper{margin:0;padding:10px}}
a figure{
color:black;
font-family: "ƒqƒ‰ƒMƒm–¾’© Pro","Hiragino Mincho Pro","Hiragino Mincho ProN","ƒqƒ‰ƒMƒm–¾’© ProN W3","Kozuka Mincho Pro", "Kozuka Mincho Std", "�¬’Ë–¾’© Pro R", "�¬’Ë–¾’© Std R","\FF2D\FF33\20\FF30\660E\671D","‚l‚r ‚o–¾’©","\4D\53\660E\671D","MS Mincho", serif;
}
figure {
  position: relative;
  overflow: hidden;
  background: #808080;
}

figure img {
  position: relative;
  z-index: 1;
  -webkit-transition: .3s;
  transition: .3s;
�@-webkit-transform: translateX(0);
  transform: translateX(0);
}
figcaption {
position: relative;
box-sizing:border-box;
	text-shadow: 1px 1px 4px #fff, 0px 0px 2px #fff;
margin:0 50% 0 0;
margin:0 -50% 0 100% \9;
  position: absolute;
  bottom: 0;
  right: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background:rgba(224,230,235,0.85);
  background:#e0e6eb \9;
�@-webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
 
}
a:hover figure  figcaption{
  background: rgba(230,100,100,0.06);
  -webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -ms-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;

}
figure:hover figcaption {
  right: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
	background:none;
	-webkit-transition: background 1.8s ease-out;
	-moz-transition: background 1.8s ease-out;
	-ms-transition: background 1.8s ease-out;
	-o-transition: background 1.8s ease-out;
	transition: background 1.8s ease-out;
}


figcaption img{width:100%;margin:0}
/*figcaption h3 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 margin: auto;
 height:2rem;
 padding:0 50% 15% 0.5%;
  font-size: 125%;
  text-align: center;
  font-weight:bold;
}*/
figcaption h3{
text-align: center;
font-size: 160%;
padding:10% 50% 0 0.5%;
font-weight:bold;
}
figcaption h3.short{
font-size: 166%;
letter-spacing:0.1em;
}
figcaption h3.long{
font-size: 150%;
letter-spacing:-0.1em;
}
figcaption p{
padding:4% 50% 15% 0.5%;
text-align: center;
font-size: 100%;
letter-spacing:0;
font-weight:bold;
}
@media only screen and (max-width: 1024px){
figcaption h3{font-size: 100%;}
}
@media only screen and (max-width: 767px){
figcaption h3{font-size: 120%;}


figcaption {
position: relative;
box-sizing:border-box;
	text-shadow: 1px 1px 4px #fff, 0px 0px 2px #fff;
	/*text-shadow: 1px 1px 3px #000, 0px 0px 2px #fff;*/
margin:0 50% 0 0;
  position: absolute;
  bottom: 0;
  right: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
/*  background:rgba(60,60,60,0.6);*/
�@-webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
a:hover figure  figcaption{
  background: rgba(230,30,50,0.05);
  -webkit-transition: background-color 0.05s linear;
  -moz-transition: background-color 0.05s linear;
  -ms-transition: background-color 0.05s linear;
  -o-transition: background-color 0.05s linear;
  transition: background-color 0.05s linear;
}
figure:hover figcaption {
  right: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);

	-webkit-transition: background 2.8s ease-out;
	-moz-transition: background 2.8s ease-out;
	-ms-transition: background 2.8s ease-out;
	-o-transition: background 2.8s ease-out;
	transition: background 2.8s ease-out;
}

}
@media only screen and (max-width: 600px){
figcaption h3{font-size: 140%;}
}
figcaption h3 p {
padding-top:0.3em;
font-weight:normal;
text-align: center;
font-size:70%;
line-height:1.5em;
}



#portfolio li img{width:100% !important}
#portfolio_s li img{width:100% !important}
@media only screen and (min-width: 768px){
#portfolio,.slider{display:block}
#portfolio_s,.slider_s{display:none}
}
@media only screen and (max-width: 767px){
#portfolio,.slider{display:none !important}
#portfolio_s,.slider_s{display:block !important}
#portfolio_s li{max-heght:411px}
}
@media only screen and (max-width: 414px){
.site-footer{font-size:85%}
#portfolio_s li{max-heght:231px}
}

@media print {
html{background:white}
body{padding:0;margin:0;
    width: 1280px;
    transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform-origin: 0 0;
/*zoom: 70%;*/
}
.cell{padding:0;margin:0;}
#portfolio li{width:1000px;}
#top_menu{display:none}
.tile-wrapper{padding:0;margin:0;}
.width-1of3{width:33.33333%;}
#area_box li{line-height:1.3em;}
#area_box:before {padding-top: 23%;}
#inner {
    margin: 0 15px;
}
#group{width:750px;margin:0 auto}
#group li{float-left}
.footer_map,#pageTop,#sns,#bottom_box,#footer-navigation{display:none !important}
.site-center{width:100% !important;padding:0;margin:0}
/*.highlights{margin:0 !important}*/
#top_bg{max-height:367px}*/
}