@charset "UTF-8";
      @media screen and (min-width: 640px) {
#ttlBlock h2 {
width:107px;
height:279px;
background:url(/common/images/corporate/tit.png) no-repeat;
margin-top:-140px;
}
}
@media screen and (min-width: 640px) {
.innerBlock .staffList {
width:990px;
padding:50px 0;
background:url(/common/images/corporate/bg_line.png) no-repeat bottom;
margin:0 auto 60px;
}
.innerBlock .staffList ul li {
width:20%;
padding:20px 0;
text-align:center;
float:left;
}
.innerBlock .staffList ul li:nth-of-type(5n+1) {
clear: both;
}
.innerBlock .staffList ul li a {
display:block;
}
.innerBlock .staffList ul li a figure {
width:100px;
height:100px;
overflow:hidden;
position:relative;
margin:0 auto 15px auto;
}
.innerBlock .staffList ul li a figure.none {
line-height:100px;
font-family:"futura-pt";
letter-spacing:1px;
text-align:center;
color:#666;
background:#EEEEEE;
}
.innerBlock .staffList ul li a figure img {
width:100%;
height:auto;
}
.innerBlock .staffList ul li a figure:after {
width:100px;
height:100px;
background:url(/common/images/common/bg_cover_fig_100-100.png);
content:" ";
position:absolute;
left:0px;
top:0px;
display:block;
}
.innerBlock .staffList ul li a span {
font-size:71%;
line-height:1.2;
letter-spacing:1px;
display:block;
font-weight:bold;
}
.innerBlock .staffList ul li a p {
font-size:129%;
line-height:1.2;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:bold;
padding-bottom:3px;
}
.innerBlock .staffList ul li a small {
font-size:86%;
line-height:1.2;
font-family:"futura-pt";
letter-spacing:1px;
display:block;
color:#666666;
}
.innerBlock .staffList ul li a i {
font-size:86%;
display:block;
padding-top:6px;
margin-bottom:2px;
}
.innerBlock .staffList ul li a:hover i {
padding-top:8px;
margin-bottom:0px;
}
}
@media screen and (max-width: 639px) {
.innerBlock .staffList {
padding:10px 0;
margin:0 auto 10px;
}
.innerBlock .staffList ul li {
padding:10px;
border-bottom:1px dashed #333;
text-align:center;
}
.innerBlock .staffList ul li a {
text-align:left;
display:block;
}
.innerBlock .staffList ul li a figure {
width:50px;
height:50px;
overflow:hidden;
position:relative;
float:left;
margin-right:10px;
}
.innerBlock .staffList ul li a figure.none {
display:none;
}
.innerBlock .staffList ul li a figure img {
width:100%;
height:auto;
}
.innerBlock .staffList ul li a figure:after {
width:50px;
height:50px;
background:url(/common/images/common/bg_cover_fig_100-100.png);
background-size:50px auto;
content:" ";
position:absolute;
left:0px;
top:0px;
display:block;
}
.innerBlock .staffList ul li a span {
font-size:71%;
line-height:1.2;
letter-spacing:1px;
display:block;
font-weight:bold;
padding-top:5px;
}
.innerBlock .staffList ul li a p {
font-size:114%;
line-height:1.2;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:bold;
display:inline-block;
}
.innerBlock .staffList ul li a small {
font-size:86%;
line-height:1.2;
font-family:"futura-pt";
letter-spacing:1px;
display:inline-block;
margin-left:5px;
color:#666666;
padding-bottom:5px;
}
.innerBlock .staffList ul li a i {
width:2em;
line-height:2;
text-align:center;
font-size:86%;
display:block;
position:absolute;
right:0px;
top:50%;
margin-top:-1em;
}
} @media screen and (min-width: 640px) {
#outlineBlock {
width:740px;
margin:0 auto;
padding:30px 0;
}
#outlineBlock dl {
padding:10px 0;
}
#outlineBlock dl dt {
width:15%;
font-weight:bold;
float:left;
}
#outlineBlock dl dd {
width:85%;
float:left;
}
#outlineBlock dl dd span {
font-weight:bold;
font-size:86%;
}
#outlineBlock dl dd a {
width:98px;
height:17px;
font-size:71%;
line-height:17px;
letter-spacing: 0;
color:#fff;
text-align:center;
background:url(/common/images/corporate/bg_access_btn.png) no-repeat;
float:right;
display:block;
}
#outlineBlock dl dd a:hover {
color:#ccc;
}
}
@media screen and (max-width: 639px) {
#outlineBlock {
margin:0 auto;
border-top:1px solid #eee;
}
#outlineBlock dl {
text-align:left;
padding:10px;
border-bottom:1px solid #eee;
position:relative;
}
#outlineBlock dl dt {
line-height:1.2;
font-weight:bold;
padding-bottom:5px;
}
#outlineBlock dl dd {
line-height:1.5;
}
#outlineBlock dl dd span {
font-weight:bold;
font-size:86%;
}
#outlineBlock dl dd a {
width:100px;
height:30px;
font-size:71%;
line-height:30px;
text-align:center;
background:#eee;
display:block;
position:absolute;
top:5px;
right:5px;
}
#outlineBlock dl dd a:hover {
color:#ccc;
}
} @media screen and (min-width: 640px) {
#staffBlock {
width:990px;
margin:0 auto;
}
#staffBlock article {
padding:40px 50px 20px;
position:relative;
overflow:hidden;
zoom:1;
}
#staffBlock article .dataBox {
width:220px;
float:left;
}
#staffBlock article figure {
width:220px;
height:220px;
margin-bottom:40px;
position:relative;
}
#staffBlock article figure.none {
line-height:220px;
font-family:"futura-pt";
letter-spacing:1px;
text-align:center;
color:#666;
background:#EEEEEE;
}
#staffBlock article figure img {
width:100%;
height:auto;
}
#staffBlock article figure:after {
width:220px;
height:220px;
background:url(/common/images/common/bg_cover_fig_220-220.png);
content:" ";
position:absolute;
left:0px;
top:0px;
display:block;
}
#staffBlock article header {
text-align:left;
}
#staffBlock article header span {
font-size:86%;
line-height:1.2;
display:block;
padding-top:50px;
}
#staffBlock article header h4 {
font-size:172%;
line-height:1.5;
padding-bottom:15px;
}
#staffBlock article header h4 small {
font-size:50%;
color:#666666;
font-family:"futura-pt";
letter-spacing:1px;
margin-left:15px;
}
#staffBlock article header p {
font-size:86%;
color:#555555;
padding-bottom:15px;
}
#staffBlock article .dataBox dl {
background:url(/common/images/corporate/bg_dot_line.png) repeat-x 0 10px;
padding-bottom:15px;
}
#staffBlock article .dataBox dl dt {
font-size:86%;
font-weight:bold;
background:#fff;
display:inline-block;
}
#staffBlock article .dataBox dl dd {
font-size:93%;
line-height:1.6;
letter-spacing:0;
}
#staffBlock article .inner {
width:640px;
float:right;
}
#staffBlock article .textBox {
background:#EEEEEE;
border-radius:10px;
padding:20px 35px 5px;
}
#staffBlock article .textBox p {
line-height:2;
padding-bottom:1em;
}
}
@media screen and (max-width: 639px) {
#staffBlock {
margin:0 auto;
}
#staffBlock article {
padding:40px 15px 20px;
border-bottom:2px solid #eee;
position:relative;
overflow:hidden;
zoom:1;
}
#staffBlock article .dataBox {
text-align:left;
}
#staffBlock article figure {
width:280px;
height:280px;
border-radius:50%;
overflow:hidden;
position:relative;
margin:0 auto 100px;
}
#staffBlock article figure.none {
line-height:280px;
font-family:"futura-pt";
letter-spacing:1px;
text-align:center;
color:#666;
background:#EEEEEE;
}
#staffBlock article figure img {
width:100%;
height:auto;
}
#staffBlock article header {
text-align:left;
position:static;
border-top:1px dashed #666;
padding:10px 0;
}
#staffBlock article header span {
width:100%;
font-size:86%;
line-height:1.2;
display:block;
text-align:left;
padding:0 15px;
position:absolute;
top:340px;
left:0;
}
#staffBlock article header h4 {
width:100%;
font-size:143%;
line-height:1.5;
padding:0 15px 15px;
position:absolute;
top:355px;
left:0;
}
#staffBlock article header h4 small {
font-size:50%;
color:#666666;
font-family:"futura-pt";
letter-spacing:1px;
margin-left:15px;
}
#staffBlock article header p {
font-size:86%;
color:#555555;
padding:10px;
background:#EEEEEE;
border-radius:5px;
}
#staffBlock article .dataBox dl {
padding:7px 0;
border-top:1px dashed #666;
}
#staffBlock article .dataBox dl dt {
font-size:86%;
font-weight:bold;
background:#fff;
display:inline-block;
}
#staffBlock article .dataBox dl dd {
font-size:93%;
line-height:1.6;
letter-spacing:0;
}
#staffBlock article .inner {
}
#staffBlock article .textBox {
text-align:left;
padding:20px px 5px;
}
#staffBlock article .textBox p {
line-height:1.6;
padding-bottom:0.5em;
}
} @media screen and (min-width: 640px) {
#message {
width:980px;
margin:0 auto;
padding:40px 0;
}
#message .catch {
font-size:158%;
text-align:center;
padding-bottom:50px;
}
#message .textBox {
padding-bottom:50px;
overflow:hidden;
zoom:1;
clear:both;
}
#message .textBox p {
padding-bottom:1.5em;
}
#message .textBox figure {
float:left;
margin-right:30px;
margin-bottom:10px;
}
#message .textBox figure figcaption {
text-align:left;
font-size:114%;
display:block;
padding-top:10px;
}
#message .textBox figure figcaption span {
font-size:88%;
}
#message .textBox .ttl {
font-size:143%;
padding-bottom:20px;
}
#message .textBox .ttl span {
font-weight:bold;
font-size:60%;
background:url(/common/images/common/bg_brown_a30.png) repeat-x bottom;
margin-right:10px;
}
section#scheduleBlock ,
section#partner ,
section#recruitBlock {
width:990px;
background:url(/common/images/common/bg_dot_line_long.png) no-repeat 50% 20px;
margin:0 auto;
}
section#scheduleBlock header ,
section#partner header ,
#recruitBlock header {
position:relative;
padding-left:70px;
display:inline-block;
background:#fff;
padding-right:15px;
}
section#partner header {
padding-top:15px;
}
section#scheduleBlock header i ,
section#partner header i ,
#recruitBlock header i {
position:absolute;
left:0px;
top:0px;
}
section#scheduleBlock header h3 ,
section#partner header h3 ,
#recruitBlock header h3 {
font-size:172%;
line-height:1.1;
}
section#scheduleBlock header small ,
section#partner header small ,
#recruitBlock header small {
line-height:1.5;
display:block;
}
#recruitBlock .inner {
padding:0px 20px 40px;
}
#recruitBlock .inner .pratnerBtn {
text-align:right;
padding-bottom:50px;
}
#recruitBlock .inner .pratnerBtn a {
width:276px;
height:46px;
font-size:114%;
line-height:46px;
text-align:center;
background:url(/common/images/corporate/recruit/btn_partner.png) no-repeat;
display:inline-block;
}
#recruitBlock .inner .recruitNav {
text-align:center;
clear:both;
padding-bottom:30px;
}
#recruitBlock .inner .recruitNav ul li {
width:200px;
height:200px;
display:inline-block;
}
#recruitBlock .inner .recruitNav ul li a {
height:160px;
line-height:1.4;
background:url(/common/images/corporate/recruit/bg_btn_1.png) no-repeat 50% 50%;
display:block;
}
#recruitBlock .inner .recruitNav ul li a b {
font-size:129%;
display:block;
padding:45px 0 15px; 
}
#recruitBlock .inner .recruitNav ul li.rec1 a b {
padding:30px 0 10px;
}
#recruitBlock .inner .recruitNav ul li a span {
width:68px;
height:20px;
font-size:67%;
line-height:20px;
text-align:center;
color:#fff;
background:url(/common/images/corporate/recruit/bg_on.png) no-repeat;
display:block;
margin:0px auto 10px;
}
#recruitBlock .inner .recruitNav ul li a span.off {
background:url(/common/images/corporate/recruit/bg_off.png) no-repeat;
}
#recruitBlock .inner .recruitNav ul li a i {
display:block;
}
#recruitBlock .inner .recruitNav ul li a:hover i {
padding-top:2px;
}
#recruitBlock .inner article {
width:720px;
margin:0 auto;
padding:0 0 80px;
}
#recruitBlock .inner article h4 {
width:330px;
font-size:158%;
text-align:center;
background:url(/common/images/corporate/bg_line.png) no-repeat 50% 100%;
padding-bottom:5px;
margin:0 auto 40px;
}
.recruitnon {
text-align:center;
padding:100px 0 100px 0;
}
#recruitBlock .inner article .non {
text-align:center;
padding:30px 0 30px 0;
}
.recruitnon b ,
#recruitBlock .inner article .non b {
background:url(/common/images/common/bg_yellow_a80.png) repeat-x bottom;
}
#recruitBlock .inner article dl {
padding:10px 0;
}
#recruitBlock .inner article dl dt {
width:15%;
float:left;
font-weight:bold;
}
#recruitBlock .inner article dl dd {
width:85%;
float:right;
}
#recruitBlock .inner article dl dd small {
font-size:86%;
}
#recruitBlock .inner .btnArea {
text-align:center;
padding:50px 0;
clear:both;
}
#recruitBlock .inner .btnArea ul li {
display:inline-block;
margin:0 15px;
}
#recruitBlock .inner .btnArea ul li.entry a {
width:257px;
height:47px;
text-align:center;
line-height:47px;
color:#fff;
background:url(/common/images/corporate/recruit/bg_entry_btn.png) no-repeat;
display:block;
}
#recruitBlock .inner .btnArea ul li.check a {
width:257px;
height:47px;
text-align:center;
line-height:47px;
background:url(/common/images/corporate/recruit/bg_check_btn.png) no-repeat;
display:block;
}
section .inner .treatment p {
background:url(/common/images/corporate/recruit/ico_poti.png) no-repeat 0% 4px;
padding-left:20px;
margin-bottom:2px;
}
#flow {
width:980px;
text-align:center;
margin:0 auto 100px;
}
#flow h4 {
font-weight:bold;
padding-bottom:8px;
}
#flow .flowBox {
width:980px;
height:76px;
background:url(/common/images/corporate/recruit/bg_flow.png) no-repeat 50%;
padding:24px 18px 0;
}
#flow .flowBox dl {
width:25%;
float:left;
}
#flow .flowBox dl dt {
width:68px;
font-size:93%;
letter-spacing:1px;
line-height:28px;
text-align:center;
color:#666;
float:left;
background:#fff;
margin-top:5px;
}
#flow .flowBox dl dd {
font-size:158%;
letter-spacing:0;
line-height:30px;
float:left;
padding-left:10px;
}
#flow .flowBox dl:after {
font-family:'fontello';
content: '\e800';
line-height:30px;
}
#flow .attention {
font-size:86%;
text-align:center;
padding:10px 0 50px;
}
#partner .inner {
width:800px;
margin:0 auto;
padding:50px 0 80px;
}
#partner .box ,
#flow .box {
text-align:center;
}
#partner .box dl ,
#flow .box dl {
width:400px;
height:190px;
border:1px solid #000;
display:inline-block;
padding:20px 30px 0;
margin:0 10px;
}
#partner .box dl dt ,
#flow .box dl dt {
font-size:107%;
text-align:center;
font-weight:bold;
padding-bottom:15px;
}
#partner .box dl dd ,
#flow .box dl dd {
text-align:left;
}
}
#flow .flowBox dl:nth-last-of-type(2) {
width:30%;
}
#flow .flowBox dl:nth-last-of-type(1) {
width:15%;
}
#flow .flowBox dl:nth-of-type(1) {
width:30%;
padding-left:30px;
}
#flow .flowBox dl:nth-last-of-type(1)::after {
display:none;
}
@media screen and (max-width: 639px) {
#message {
margin:0 auto;
padding:0px 0;
}
#message .catch {
font-size:121%;
text-align:center;
padding:0 10px 20px;
}
#message .textBox {
text-align:left;
padding:0 10px 20px;
overflow:hidden;
zoom:1;
clear:both;
}
#message .textBox p {
padding-bottom:1.5em;
}
#message .textBox figure {
float:left;
margin-right:20px;
margin-bottom:10px;
}
#message .textBox figure img {
max-width:150px;
height:auto;
}
#message .textBox figure figcaption {
text-align:left;
font-size:93%;
display:block;
padding-top:10px;
}
#message .textBox figure figcaption span {
font-size:88%;
}
#message .textBox .ttl {
font-size:121%;
line-height:1.4;
padding:0 10px 20px;
}
#message .textBox .ttl span {
width:120px;
line-height:20px;
text-align:center;
font-weight:bold;
background:#CCBEAE;
font-size:71%;
margin:0 auto;
display:block;
}
section#scheduleBlock ,
section#partner ,
section#recruitBlock {
margin:0 auto;
}
section#scheduleBlock header ,
section#partner header ,
#recruitBlock header {
position:relative;
text-align:left;
padding-left:40px;
padding-right:10px;
background:url(/common/images/common/bg_dot_line.png) repeat-x 50% bottom;
background-size:118px auto;
}
section#scheduleBlock header i ,
section#partner header i ,
#recruitBlock header i {
position:absolute;
left:5px;
top:10px;
}
section#scheduleBlock header i img ,
section#partner header i img ,
#recruitBlock header i img {
width:26px;
height:auto;
}
section#scheduleBlock header h3 ,
section#partner header h3 ,
#recruitBlock header h3 {
font-size:129%;
line-height:1.1;
}
section#scheduleBlock header small ,
section#partner header small ,
#recruitBlock header small {
line-height:1.5;
display:block;
}
#recruitBlock .inner {
padding:0px 15px 40px;
}
#recruitBlock .inner .pratnerBtn {
padding:10px 0;
}
#recruitBlock .inner .pratnerBtn a {
width:200px;
font-size:79%;
height:32px;
letter-spacing:0;
line-height:32px;
text-align:center;
background:#eee;
border-radius:16px;
display:block;
float:right;
}
#recruitBlock .inner .recruitNav {
text-align:center;
clear:both;
padding:10px 0 20px;
}
#recruitBlock .inner .recruitNav ul li {
padding-bottom:5px;
}
#recruitBlock .inner .recruitNav ul li a {
text-align:left;
letter-spacing:0;
padding:10px 10px 10px 30px;
border:1px dashed #333;
line-height:1.4;
display:block;
position:relative;
}
#recruitBlock .inner .recruitNav ul li a br {
display:none;
}
#recruitBlock .inner .recruitNav ul li a b {
}
#recruitBlock .inner .recruitNav ul li.rec1 a b {
}
#recruitBlock .inner .recruitNav ul li a span {
width:60px;
height:20px;
font-size:67%;
line-height:20px;
text-align:center;
color:#fff;
background:#E74800;
display:block;
margin:0px auto 10px;
float:right;
}
#recruitBlock .inner .recruitNav ul li a span.off {
background:#ccc;
}
#recruitBlock .inner .recruitNav ul li a i {
width:1em;
height:2em;
line-height:2;
text-align:center;
position:absolute;
left:10px;
top:50%;
margin-top:-1em;
}
#recruitBlock .inner article {
text-align:left;
margin:0 auto;
padding:0 0 20px;
}
#recruitBlock .inner article h4 {
font-size:121%;
text-align:center;
padding:8px 0;
margin:0 0px 10px;
background:#eee;
}
.recruitnon {
text-align:center;
padding:50px 0 100px 0;
}
#recruitBlock .inner article .non {
text-align:center;
padding:30px 0 30px 0;
}
.recruitnon b ,
#recruitBlock .inner article .non b {
background:url(/common/images/common/bg_yellow_a80.png) repeat-x bottom;
background-size:10px auto;
}
#recruitBlock .inner article dl {
text-align:left;
padding:10px 0;
border-bottom:1px dashed #333;
}
#recruitBlock .inner article dl dt {
font-weight:bold;
padding-bottom:5px;
}
#recruitBlock .inner article dl dd {
}
#recruitBlock .inner article dl dd small {
font-size:86%;
line-height:1.3;
display:inline-block;
}
#recruitBlock .inner .btnArea {
text-align:center;
padding:20px 0;
clear:both;
}
#recruitBlock .inner .btnArea ul li {
display:inline-block;
margin:5px 0;
}
#recruitBlock .inner .btnArea ul li.entry a {
width:260px;
height:48px;
text-align:center;
line-height:48px;
color:#fff;
background:#362B22;
display:block;
margin:0 auto;
}
#recruitBlock .inner .btnArea ul li.check a {
width:260px;
height:48px;
text-align:center;
line-height:48px;
border:2px solid #362B22;
display:block;
}
section .inner .treatment p {
background:url(/common/images/corporate/recruit/ico_poti.png) no-repeat 0% 10px;
background-size:6px auto;
padding-left:10px;
margin-bottom:2px;
}
#flow {
text-align:center;
margin:0 auto;
}
#flow h4 {
font-weight:bold;
padding-bottom:8px;
}
#flow .flowBox {
padding:24px 18px 0;
}
#flow .flowBox dl:after {
content:" ";
display:block;
clear:both;
}#flow .flowBox dl {
border:2px solid #eee;
margin-bottom:2em;
position:relative;
overflow:visible;
clear:both;
}
#flow .flowBox dl dt {
width:68px;
font-size:86%;
letter-spacing:1px;
line-height:28px;
text-align:center;
color:#666;
float:left;
background:#fff;
margin-top:5px;
}
#flow .flowBox dl dd {
font-size:114%;
letter-spacing:0;
line-height:30px;
float:left;
padding-left:10px;
}
#flow .flowBox dl:before {
width:100%;
font-family:'fontello';
content: '\e807';
line-height:2em;
display:block;
position:absolute;
bottom:-2em;
left:0;
clear:both;
}
#flow .flowBox dl:nth-last-of-type(2) {
width:100%;
}
#flow .flowBox dl:nth-last-of-type(1) {
width:100%;
}
#flow .flowBox dl:nth-of-type(1) {
width:100%;
padding-left:0px;
}
#flow .flowBox dl:nth-last-of-type(1)::before {
display:none;
}
#flow .flowBox dl:nth-last-of-type(1)::after {
display:block;
}
#flow .attention {
font-size:71%;
line-height:1.3;
text-align:center;
padding:10px 10px 30px;
}
#partner .inner {
text-align:left;
margin:0 15px;
padding:15px 0 20px;
}
#partner {
padding-top:20px;
}
#partner .box ,
#flow .box {
text-align:center;
}
#partner .box dl ,
#flow .box dl {
border:1px solid #000;
display:block;
padding:20px 15px;
margin:0 10px 10px;
}
#partner .box dl dt ,
#flow .box dl dt {
font-size:107%;
text-align:center;
font-weight:bold;
padding-bottom:15px;
}
#partner .box dl dd ,
#flow .box dl dd {
text-align:left;
}
} @media screen and (min-width: 640px) {
#showroomBlock section {
}
#showroomBlock > .catch {
text-align:center;
padding:50px 0;
}
#showroomBlock > .catch p {
font-size:158%;
}
#showroomBlock > .textBox {
width:840px;
padding-bottom:40px;
margin:0 auto;
}
#showroomBlock .textBox p {
line-height:2.2;
}
#showroomBlock > figure {
width:930px;
text-align:center;
margin:0 auto 40px;
}
#showroomBlock > figure img {
width:100%;
height:auto;
}
#showroomBlock > figure .main {
position:relative;
padding:0 0 10px;
}
#showroomBlock > figure .main a {
width:207px;
height:83px;
letter-spacing:0;
text-align:center;
line-height:1.2;
padding:25px 0;
position:absolute;
bottom:20px;
right:10px;
background:url(/common/images/corporate/showroom/bg_gbtn.png) no-repeat;
}
#showroomBlock > figure .main a span {
font-size:86%;
}
#showroomBlock > figure ul {
margin-bottom:10px;
position:relative;
}
#showroomBlock > figure ul li {
width:640px;
float:left;
}
#showroomBlock > figure ul li.abso {
width:290px;
height:auto;
position:absolute;
bottom:0px;
right:0px;
float:none;
}
#showroomBlock > figure ul li dl {
width:290px;
text-align:left;
font-size:93%;
padding:10px 0;
}
#showroomBlock > figure ul li dl dt {
font-weight:bold;
letter-spacing:0;
}
#showroomBlock > .eventBlock {
width:960px;
height:369px;
background:url(/common/images/corporate/showroom/bg_gray.png) no-repeat;
margin:0 auto;
padding:50px;
}
#showroomBlock > .eventBlock header {
padding-left:50px;
position:relative;
margin-bottom:30px;
}
#showroomBlock > .eventBlock header i {
position:absolute;
left:0px;
top:0;
}
#showroomBlock > .eventBlock header h4 {
font-size:143%;
line-height:1.5;
}
#showroomBlock > .eventBlock figure {
text-align:center;
width:280px;
float:right;
position:relative;
top:-70px;
}
#showroomBlock > .eventBlock figure figcaption {
height:52px;
font-size:71%;
line-height:1.2;
text-align:center;
display:block;
background:url(/common/images/corporate/showroom/bg_com.png) no-repeat 50% 50%;
padding:14px 8px;
margin:10px auto;
}
#showroomBlock #consult {
width:990px;
background:url(/common/images/corporate/bg_line.png) no-repeat bottom;
padding:30px 100px 70px;
margin:0 auto 50px;
}
#showroomBlock .halfBox > section header ,
#showroomBlock #consult header {
text-align:center;
margin-bottom:30px;
}
#showroomBlock .halfBox > section header i ,
#showroomBlock #consult header i {
width:80px;
height:77px;
line-height:77px;
margin:0 auto 30px;
display:block;
background:url(/common/images/corporate/showroom/bg_ico.png) no-repeat;
}
#showroomBlock .halfBox > section h4 ,
#showroomBlock #consult header h4 {
font-size:143%;
}
#showroomBlock .halfBox > section .btn ,
#showroomBlock #consult .btn {
padding-top:30px;
}
#showroomBlock .halfBox > section .btn a ,
#showroomBlock #consult .btn a {
width:273px;
height:68px;
font-size:114%;
line-height:1.3;
font-weight:bold;
display:block;
background:url(/common/images/corporate/showroom/bg_btn.png) no-repeat;
padding:10px 0 10px 50px;
margin:0 auto;
position:relative;
}
#showroomBlock .halfBox > section .btn a span ,
#showroomBlock #consult .btn a span {
font-size:75%;
}
#showroomBlock .halfBox > section .btn a i ,
#showroomBlock #consult .btn a i {
width:1em;
line-height:2;
text-align:center;
position:absolute;
top:50%;
margin-top:-1em;
right:18px;
}
#showroomBlock .halfBox > section .btn a .icon ,
#showroomBlock #consult .btn a .icon {
width:70px;
text-align:center;
line-height:68px;
position:absolute;
left:10px;
top:0px;
}
#showroomBlock .halfBox {
width:990px;
margin:0 auto;
}
#showroomBlock .halfBox > section {
width:50%;
float:left;
padding:50px 40px;
margin-bottom:30px;
}
#showroomBlock .halfBox > section .textBox p {
padding-bottom:10px;
}
#showroomBlock .halfBox > section .textBox p small {
font-size:86%;
line-height:1.4;
display:inline-block;
}
#showroomBlock .halfBox > section#comehere {
background:url(/common/images/corporate/showroom/bg_bar.png) no-repeat 100% 50%;
}
#showroomBlock #access {
width:990px;
background:url(/common/images/corporate/bg_line.png) no-repeat top;
padding:50px 10px;
margin:0 auto 80px;
clear:both;
}
#showroomBlock #access header {
width:200px;
text-align:center;
float:left;
}
#showroomBlock #access header h4 {
height:180px;
font-size:129%;
font-weight:bold;
line-height:1.4;
text-align:center;
background:url(/common/images/reform/natural/bg_ttl.png) no-repeat 50% 0%;
padding-top:40px;
margin-bottom:10px;
}
#showroomBlock #access header h4 i {
margin-bottom:5px;
display:block;
}
#showroomBlock #access header h4 small {
font-size:67%;
line-height:1.3;
color:#848484;
display:block;
}
#showroomBlock #access header p {
width:170px;
font-size:93%;
line-height:1.5;
text-align:left;
margin:0 auto 20px;
}
#showroomBlock #access header p b {
font-size:86%;
font-weight:bold;
}
#showroomBlock #access header p small {
font-size:71%;
}
#showroomBlock #access header .btn a {
width:161px;
height:37px;
font-size:86%;
line-height:1.2;
text-align:center;
color:#fff;
background:url(/common/images/corporate/showroom/bg_access_btn.png) no-repeat;
display:block;
padding-top:5px;
margin:0 auto;
}
#showroomBlock #access .inner {
width:740px;
float:right;
}
#showroomBlock #access .inner #gmap {
width:100%;
height:370px;
margin-bottom:15px;
}
#showroomBlock #access .inner dl {
padding-bottom:10px;
}
#showroomBlock #access .inner dl dt {
width:160px;
font-size:86%;
font-weight:bold;
float:left;
}
#showroomBlock #access .inner dl dd {
width:580px;
font-size:93%;
line-height:1.5;
float:right;
}
}
#showroomBlock > figure ul li:nth-of-type(1) {
padding-right:10px;
}
#showroomBlock > figure ul:nth-of-type(2) li:nth-of-type(1) {
width:300px;
}
#showroomBlock > figure ul:nth-of-type(2) li:nth-of-type(2) {
width:630px;
}
@media screen and (max-width: 639px) {
#showroomBlock > .catch {
text-align:center;
padding:0 0 20px 0;
}
#showroomBlock > .catch p {
font-size:129%;
padding:0 15px;
}
#showroomBlock > .textBox {
padding-bottom:20px;
margin:0 15px;
}
#showroomBlock .textBox p {
text-align:left;
line-height:1.8;
}
#showroomBlock > figure {
text-align:center;
margin:0 10px 10px;
}
#showroomBlock > figure img {
width:100%;
height:auto;
}
#showroomBlock > figure .main {
position:relative;
padding:0 0 10px;
}
#showroomBlock > figure .main a {
width:96%;
letter-spacing:0;
text-align:center;
line-height:1.2;
padding:15px 0;
background:hsla(0,0%,100%,0.8);
border:1px solid #FFFFFF;
position:absolute;
bottom:15px;
right:2%;
}
#showroomBlock > figure .main a br {
display:none;
}
#showroomBlock > figure .main a span {
font-size:86%;
}
#showroomBlock > figure ul {
margin-bottom:10px;
position:relative;
}
#showroomBlock > figure ul li dl {
text-align:left;
font-size:93%;
padding:10px 0;
}
#showroomBlock > figure ul li dl dt {
font-weight:bold;
letter-spacing:0;
}
#showroomBlock > .eventBlock {
background:hsla(0,0%,93%,1.00);
margin:0 auto;
padding:10px;
}
#showroomBlock > .eventBlock header {
position:relative;
margin-bottom:10px;
}
#showroomBlock > .eventBlock header i {
display:block;
text-align:center;
margin:0 0 10px;
}
#showroomBlock > .eventBlock header i img {
width:20px;
}
#showroomBlock > .eventBlock header h4 {
font-size:114%;
letter-spacing:0;
line-height:1.5;
}
#showroomBlock > .eventBlock figure {
text-align:center;
margin:0 auto 15px;
overflow:hidden;
background:#fff;
border-radius:10px;
padding:5px 10px;
}
#showroomBlock > .eventBlock figure img {
width:140px;
float:left;
margin-right:10px;
}
#showroomBlock > .eventBlock figure figcaption {
height:52px;
font-size:71%;
line-height:1.2;
text-align:left;
display:block;
padding:24px 8px;
margin:10px auto;
}
#showroomBlock > .eventBlock p {
text-align:left;
}
#showroomBlock #consult {
padding:30px 10px 20px;
}
#showroomBlock .halfBox > section header ,
#showroomBlock #consult header {
text-align:center;
margin-bottom:20px;
}
#showroomBlock .halfBox > section header i ,
#showroomBlock #consult header i {
width:80px;
height:80px;
line-height:80px;
margin:0 auto 10px;
display:block;
border:1px dashed #333;
border-radius:50%;
}
#showroomBlock .halfBox > section h4 ,
#showroomBlock #consult header h4 {
font-size:143%;
}
#showroomBlock .halfBox > section .btn ,
#showroomBlock #consult .btn {
padding-top:30px;
}
#showroomBlock .halfBox > section .btn a ,
#showroomBlock #consult .btn a {
width:273px;
height:68px;
font-size:114%;
line-height:1.3;
font-weight:bold;
display:block;
border:1px solid #333;
padding:10px 0 10px 0px;
margin:0 auto;
position:relative;
}
#showroomBlock .halfBox > section .btn a span ,
#showroomBlock #consult .btn a span {
font-size:75%;
}
#showroomBlock .halfBox > section .btn a i ,
#showroomBlock #consult .btn a i {
width:1em;
line-height:2;
text-align:center;
position:absolute;
top:50%;
margin-top:-1em;
right:18px;
}
#showroomBlock .halfBox > section .btn a .icon ,
#showroomBlock #consult .btn a .icon {
display:none;
}
#showroomBlock .halfBox {
}
#showroomBlock .halfBox > section {
padding:20px 10px;
}
#showroomBlock .halfBox > section#comehere {
background:#eee !important;
overflow:hidden;
}
#showroomBlock .halfBox > section .textBox p {
padding-bottom:10px;
}
#showroomBlock .halfBox > section .textBox p small {
font-size:86%;
line-height:1.4;
display:inline-block;
}
#showroomBlock #access {
border-top:1px solid #333;
padding:20px 10px;
margin:0 auto;
clear:both;
}
#showroomBlock #access header {
text-align:center;
padding-bottom:15px;
}
#showroomBlock #access header h4 {
font-size:129%;
font-weight:bold;
line-height:1.4;
text-align:center;
margin-bottom:20px;
}
#showroomBlock #access header h4 i {
margin-bottom:5px;
display:block;
}
#showroomBlock #access header h4 small {
font-size:67%;
line-height:1.3;
color:#848484;
display:block;
}
#showroomBlock #access header p {
line-height:1.5;
text-align:center;
border:3px solid #eee;
padding:10px;
}
#showroomBlock #access header p b {
font-size:86%;
font-weight:bold;
}
#showroomBlock #access header p small {
font-size:71%;
}
#showroomBlock #access header .btn a {
font-size:86%;
line-height:36px;
text-align:center;
color:#fff;
background:hsla(0,0%,0%,1.00);
display:block;
}
#showroomBlock #access header .btn a br {
display:none;
}
#showroomBlock #access .inner {
}
#showroomBlock #access .inner #gmap {
width:100%;
height:200px;
margin-bottom:15px;
}
#showroomBlock #access .inner dl {
padding-bottom:10px;
text-align:left;
}
#showroomBlock #access .inner dl dt {
font-size:86%;
font-weight:bold;
}
#showroomBlock #access .inner dl dd {
font-size:93%;
line-height:1.5;
}
#showroomBlock > figure ul li:nth-of-type(1) {
padding-right:0px;
}
#showroomBlock > figure ul:nth-of-type(2) li:nth-of-type(1) {
width:auto;
}
#showroomBlock > figure ul:nth-of-type(2) li:nth-of-type(2) {
width:auto;
}
}