@charset "UTF-8";
/* ==============================================================================================
 Reset
================================================================================================= */
html{
background:#fff;
font-size:100%;
-webkit-text-size-adjust:100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
header,
footer,
main,
nav,
aside,
section,
figure{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,
img{
border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var{
font-style:normal;
font-weight:normal;
}

em{
font-weight:bold;
}

li{
list-style:none;
}

caption,th{
text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
font-weight:normal;
}

q:before,
q:after{
content:'';
}

abbr,
acronym{
border:0;
font-variant:normal;
}

sup{
vertical-align:text-top;
}

sub{
vertical-align:text-bottom;
}

input,
textarea,
select,
button{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input[type="radio"],
input[type="checkbox"]{
position:relative;
left:0;
top:2px;
}

label{
cursor:pointer;
}

@media screen and (max-width: 720px){
input[type="radio"],
input[type="checkbox"]{
top:-1px;
vertical-align:middle;
}
}
textarea{
border:1px solid #b8b8b8;
margin:0 2px;
padding:4px 3px 3px 5px;
vertical-align:middle;
}

legend{
color:#000;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
p{
text-align:left;
}

img{
vertical-align:bottom;
}

body{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background:#fff;
color:#333;
line-height:1.5;
}

a:link,
a:visited{
color:#04537e;
text-decoration:underline;
}

a:hover,
a:focus,
a:active{
color:#003ce9;
text-decoration:none;
}

a[href^="tel:"]{
text-decoration:none;
color:inherit;
cursor:text;
}

/* ==============================================================================================
 Header
================================================================================================= */
header .header-content{
margin:0 auto 14px;
width:950px;
}

#simple-01 header .header-content{
width:790px;
}

#simple-01.min header .header-content{
width:600px;
}

#simple-01.for-print header .header-content{
width:726px;
}

header h1,
header .logo{
display:inline-block;
padding-top:10px;
}

header h1 img,
header .logo img{
vertical-align:middle;
}

header h1 img:first-child,
header .logo img:first-child{
margin-right:10px;
width:58px;
height:36px;
}

header .tagline{
display:inline-block;
margin-left:8px;
width:276px;
vertical-align:middle;
color:#6c6c6c;
font-size:62.5%;
}

header .nav-sp-utility{
display:none;
}

header .nav-utility{
display:inline-block;
margin-left:15px;
vertical-align:middle;
}

header .nav-utility > li{
position:relative;
float:left;
padding-left:1em;
}

header .nav-utility > li:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
}

header .nav-utility > li + li{
margin-left:10px;
}

header .nav-utility > li > a{
text-decoration:none;
color:inherit;
font-size:75%;
}

header .nav-utility > li > a:hover,
header .nav-utility > li > a:focus,
header .nav-utility > li > a:active{
color:#7e6020;
}

header .nav-utility > li > ul{
display:none;
}

header:after{
clear:both;
content:"";
display:block;
overflow:hidden;
}

header .content-l{
float:left;
}

header .content-r{
overflow:hidden;
text-align:right;
}

header .content-l .logo{
padding-top:18px;
}

header .content-r .tagline{
display:block;
margin:11px 0 10px;
width:auto;
text-align: right;
}

header .content-r .nav-utility{
margin-left:0;
margin-right:215px;
}

#gnav{
background:url("/office/shared/images/nav-global_01.png") repeat-x left bottom;
}

#gnav > ul{
position:relative;
display:table;
margin:0 auto;
width:950px;
}

#gnav > ul > li{
display:table-cell;
}

#gnav > ul > li:first-child{
position:relative;
}

#gnav > ul > li:first-child:before{
display:block;
position:absolute;
content:"";
width:1px;
height:51px;
bottom:1px;
left:0;
background-color:#f1f1f1;
background-image:-webkit-linear-gradient(#ffffff, #fcfcfc 4%, #c3c2c2);
background-image:linear-gradient(#ffffff, #fcfcfc 4%, #c3c2c2);
}

#gnav > ul > li:first-child:after{
display:block;
position:absolute;
content:"";
width:1px;
height:51px;
bottom:1px;
left:1px;
background:#fff;
z-index:1;
}

#gnav > ul > li > a{
position:relative;
display:block;
padding:10px 30px 16px;
text-decoration:none;
text-align:center;
font-size:87.5%;
color:inherit;
}

#gnav > ul > li:first-child > a{
margin-left:2px;
}

#gnav > ul > li > a:hover,
#gnav > ul > li > a:focus,
#gnav > ul > li > a:active,
#gnav > ul > li.current > a{
color:#273793;
background:url("/office/shared/images/nav-global_02.png") repeat-x left bottom;
}

#gnav > ul > li > a:before{
display:block;
position:absolute;
content:"";
width:1px;
height:51px;
bottom:1px;
right:1px;
background-color:#f1f1f1;
background-image:-webkit-linear-gradient(#ffffff, #fcfcfc 4%, #c3c2c2);
background-image:linear-gradient(#ffffff, #fcfcfc 4%, #c3c2c2);
}

#gnav > ul > li > a:after{
display:block;
position:absolute;
content:"";
width:1px;
height:51px;
bottom:1px;
right:0;
background:#fff;
}

#gnav > ul > li > ul{
display:none;
}

#search{
position:absolute;
right:0;
top:-40px;
}

#search fieldset{
overflow:hidden;
}

#search legend{
display:none;
}

#search .schbar{
border:1px solid #b8b8b8;
border-right:none;
box-sizing:border-box;
padding:4px 0 3px 21px;
width:144px;
height:24px;
line-height:1.2;
color:#767676;
font-size:75%;
background:url("/office/shared/images/search-site_01.png") no-repeat left top;
}

#search input[type="image"]{
vertical-align:top;
margin-top:-49px;
line-height:1;
}

#search input{
border-radius:0;
}

#gnav-sub{
border-bottom:1px solid #aea799;
margin-bottom:1px;
padding:7px 0 8px;
background-color:#e9e6dd;
background-image:-webkit-linear-gradient(#d6d3cb, #e9e6dd 1%, #d4cebd);
background-image:linear-gradient(#d6d3cb, #e9e6dd 1%, #d4cebd);
}

#gnav-sub ul{
position:relative;
margin:0 auto;
width:950px;
}

#gnav-sub ul:before{
display:block;
position:absolute;
content:"";
border-right:1px solid #fff;
width:1px;
height:100%;
top:0;
left:0;
background-color:#c3bdae;
}

#gnav-sub ul li{
float:left;
position:relative;
padding:0 7px 0 5px;
font-size:75%;
}

#gnav-sub ul li:first-child{
padding:0 7px 0 6px;
}

#gnav-sub ul li:before{
display:block;
position:absolute;
content:"";
border-right:1px solid #fff;
width:1px;
height:100%;
top:0;
right:1px;
background:#c3bdae;
}

#gnav-sub ul li a{
display:block;
position:relative;
padding:7px 10px 7px 33px;
text-decoration:none;
color:#535148;
}

#gnav-sub ul li a:hover,
#gnav-sub ul li a:focus,
#gnav-sub ul li a:active{
color:#8d6040;
background-color:#ece3ce;
background-image:-webkit-linear-gradient(#dfd4bb, #f1ebdc);
background-image:linear-gradient(#dfd4bb, #f1ebdc);
}

#gnav-sub ul li.current a{
color:#fff;
background-color:#374591;
background-image:-webkit-linear-gradient(#1f2c75, #47549a);
background-image:linear-gradient(#1f2c75, #47549a);
}

#gnav-sub ul li a:before{
display:block;
position:absolute;
content:"";
top:50%;
left:10px;
border-radius:2px;
margin-top:-5px;
width:17px;
height:10px;
background:#273793;
}

#gnav-sub ul li.current a:before{
background:#fff;
}

#gnav-sub ul li a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:18px;
margin-top:-3px;
}

#gnav-sub ul li.current a:after{
background:url('../images/icon.png') -410px 0 no-repeat;
background-position:-205px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:18px;
margin-top:-3px;
}

@media screen and (max-width: 970px){
header .header-content,
#gnav > ul,
#gnav-sub ul{
width:100%;
}

header .header-content{
box-sizing:border-box;
padding:0 10px;
}

header .tagline{
width:35%;
line-height:1.4;
}

header .nav-utility{
position:absolute;
right:10px;
top:0;
margin-top:5px;
}

header .content-l{
margin-right:10px;
}

header .content-r{
margin-bottom:30px;
}

header .content-r .tagline {
margin-bottom:5px;
letter-spacing:-0.5px;
}

header .content-r .nav-utility{
top:auto;
}

#gnav > ul > li > a{
padding:10px 10px 16px;
}

#search{
top:-30px;
right:10px;
}
}
@media screen and (max-width: 810px){
#simple-01 header .header-content{
width:100%;
}
header .content-l .logo img{
display:none;
}
header .content-l .logo img:first-child{
display:block;
}
}
@media screen and (max-width: 720px){
header h1 img + img,
header .logo img + img,
header .tagline,
header .nav-utility > li.eng,
#gnav-sub{
display:none;
}

header{
position:relative;
overflow:hidden;
}

header .header-content{
margin-bottom:0;
padding:0;
}

#cart .header-content,
#simple-01 .header-content{
padding-bottom:10px;
}

#simple-01.min header .header-content{
width:100%;
}

header h1,
header .logo{
padding-top:13px;
}

header h1 img:first-child,
header .logo img:first-child{
margin-left:10px;
width:68px;
height:auto;
}

header .nav-sp-utility{
display:block;
float:right;
}

header .nav-sp-utility li{
float:left;
border-bottom:2px solid #fff;
background:#023894;
}

header .nav-sp-utility li + li{
border-left:2px solid #fff;
}

header .nav-sp-utility button{
position:relative;
border:none;
padding:0;
height:69px;
line-height:1.2;
color:#fff;
font-size:56.25%;
background:#023894;
cursor:pointer;
}

header .nav-sp-utility #menu-btn{
width:56px;
padding-top:35px;
}

header .nav-sp-utility #menu-btn:before{
display:block;
position:absolute;
content:"";
top:18px;
left:50%;
margin-left:-11px;
width:36px;
height:36px;
background:url('../images/icon.png') -656px 0 no-repeat;
background-position:-328px 0;
background-size:cover;
}

header .nav-sp-utility #menu-btn.open:before{
background:url('../images/icon.png') -738px 0 no-repeat;
background-position:-369px 0;
background-size:cover;
}

header .nav-sp-utility #ctct-btn{
width:61px;
padding-top:35px;
}

header .nav-sp-utility #ctct-btn:before{
display:block;
position:absolute;
content:"";
top:14px;
left:50%;
margin-left:-11px;
width:36px;
height:36px;
background:url('../images/icon.png') -492px 0 no-repeat;
background-position:-246px 0;
background-size:cover;
}

header .nav-sp-utility #ctct-btn.open:before{
background:url('../images/icon.png') -574px 0 no-repeat;
background-position:-287px 0;
background-size:cover;
}

header .nav-utility{
display:block;
position:static;
clear:both;
margin:0;
}

header .nav-utility > li{
float:none;
padding-left:0;
background:none;
}

header .nav-utility > li:before{
background:none;
}

header .nav-utility > li#grl-inq > a{
display:none;
}

header .nav-utility > li > ul{
display:block;
}

header .nav-utility > li > ul > li{
background:#023894;
}

header .nav-utility > li > ul > li:last-child{
border-bottom:2px solid #fff;
}

header .nav-utility > li > ul > li + li{
border-top:1px solid #fff;
}

header .nav-utility > li > ul > li > a{
display:block;
position:relative;
padding:13px;
color:#fff;
font-size:75%;
text-decoration:none;
}

header .content-r{
margin-bottom:0;
overflow:inherit;
}

header .content-r .tagline,
header .content-r .nav-utility > li.recruit{
display:none;
}

header .content-r .nav-utility{
margin-right:0;
}

#gnav{
clear:both;
background:none;
border-bottom:2px solid #fff;
}

#gnav > ul > li{
display:block;
background:#023894;
}

#gnav > ul > li:first-child:before,
#gnav > ul > li:first-child:after{
background:none;
}

#gnav > ul > li + li{
border-top:1px solid #fff;
}

#gnav > ul > li > a{
padding:13px;
text-align:left;
color:#fff;
font-size:75%;
}

#gnav > ul > li > a:hover,
#gnav > ul > li > a:focus,
#gnav > ul > li > a:active,
#gnav > ul > li.current > a{
color:#fff;
background-image:none;
}

#gnav > ul > li > a:before,
#gnav > ul > li > a:after{
background:none;
}

#gnav > ul > li:first-child > a{
margin-left:0;
}

#gnav > ul > li > ul{
display:block;
border-bottom:1px solid #fff;
}

#gnav > ul > li > ul > li{
background:#5a8fea;
}

#gnav > ul > li > ul > li > a{
position:relative;
display:block;
padding:14px 14px 14px 22px;
font-size:68.75%;
text-decoration:none;
color:#fff;
}

header .nav-utility > li > ul > li > a:after,
#gnav > ul > li > a:after,
#gnav > ul > li > ul > li > a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') 0 0 no-repeat;
background-position:0 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
}

#gnav > ul > li > ul > li + li{
border-top:2px solid #023894;
}

#search{
position:static;
padding:8px 10px;
}

#search fieldset{
position:relative;
border-radius:5px;
background:#fff;
}

#search .schbar{
border:none;
padding:8px 30px 8px 8px;
width:100%;
height:30px;
line-height:1.6;
color:#777777;
background:none;
}

#search .schbar:focus{
outline:none;
}

#search input[type="image"]{
position:absolute;
top:5px;
right:8px;
vertical-align:top;
margin-top:0;
width:25px;
height:auto;
}
}
/*----------------------------------------
 MM Luxury用（既存）
----------------------------------------*/
.mm{
border-top:7px solid #052651;
}

.mm header #h_area{
height:80px;
background:#fff;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(60%, white), color-stop(90%, #e5e5e5), color-stop(100%, #bbbbbb));
background-image:-webkit-linear-gradient(white 0%, white 60%, #e5e5e5 90%, #bbbbbb 100%);
background-image:-webkit-linear-gradient(#ffffff 0%, #ffffff 60%, #e5e5e5 90%, #bbbbbb 100%);
background-image:linear-gradient(#ffffff 0%, #ffffff 60%, #e5e5e5 90%, #bbbbbb 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffeeeeee');
}

.mm header #header{
padding:0 !important;
margin:0 auto;
width:960px !important;
}

.mm header #header .h{
float:left;
margin:20px 0 0 20px;
font-size:12px;
font-weight:normal;
}

.mm header #header .fl_L{
float:left;
margin:15px 0 0;
}

.mm header #header .fl_R{
float:right;
margin:5px 0 0;
font-size:10px;
text-align:right !important;
}

.mm header #header .fl_R .company{
height:14px;
line-height:14px;
background:url("/office/mm/img/new_top/ken.gif") 20px 1px no-repeat;
text-align:right;
}

.mm header #header .fl_R .tel{
height:16px;
line-height:16px;
color:#000;
font-weight:bold;
font-family:"メイリオ";
font-size:12px;
text-align:right;
}

.mm header #header .fl_R .mail{
margin:2px 0 0;
width:150px;
height:33px;
line-height:33px;
text-align:left;
text-indent:60px;
background:#710c00 url("http://mm-lux.jp/img/detail/cnt_btn_s.png") 0 0 no-repeat;
}

.mm header #header .fl_R .mail a{
display:block;
color:#fff;
font-size:12px;
text-decoration:none;
}

.mm #menu_area{
padding:7px 0 0;
height:38px;
background:url("/office/mm/img/new_top/bg.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #052651), color-stop(100%, #294f78));
background:url("/office/mm/img/new_top/bg.png"), -webkit-linear-gradient(#052651, #294f78);
background:url("/office/mm/img/new_top/bg.png"), linear-gradient(#052651, #294f78);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff052651', endColorstr='#ff294f78');
}

.mm #menu{
margin:0 auto;
width:960px;
height:40px;
}

.mm #menu li{
float:left;
margin:0 9px 0 0;
width:166px;
height:29px;
line-height:30px;
list-style:none;
text-align:center;
border:1px solid #fff;
background:#eee;
}

.mm #menu li.end{
float:right;
margin:0;
width:163px;
border:none;
background:none;
}

.mm #menu li:hover{
border:1px solid #8ba0b7;
background:#153f6a;
}

.mm #menu li.end:hover{
border:none;
background:none;
}

.mm #menu li a{
display:block;
color:#052651;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.mm #menu li a:hover{
color:#fff;
}

.mm #content-area{
border-top:none !important;
}

@media screen and (max-width: 980px){
.mm header #header,
.mm #menu{
width:100% !important;
}

.mm header #header .fl_L{
margin:21px 0 0 5px;
width:250px;
}

.mm header #header .fl_L img{
width:100%;
}

.mm header #header .h{
margin-top:10px;
width:250px;
}

.mm #menu li{
width:17%;
}

.mm #menu li a{
font-size:10px;
}
}
@media screen and (max-width: 720px){
.mm header #header .h,
.mm #menu_area,
.mm header #header .fl_R{
display:none;
}
}
/* ==============================================================================================
 Footer
================================================================================================= */
footer{
position:relative;
z-index:1;
padding-bottom:0;
background:#fff;
}

.nav-area{
border-bottom:1px solid #c9c9c9;
padding-top:20px;
background:#faf9f6;
}

.nav-areamap,
.nav-sitemap{
position:relative;
box-sizing:border-box;
margin:20px auto 18px;
padding-left:169px;
width:950px;
}

.nav-areamap{
margin-top:0;
}

.nav-areamap p.head-site,
.nav-sitemap p.logo-site{
position:absolute;
left:0;
top:0;
font-size:75%;
}

.nav-areamap .inner,
.nav-sitemap .inner{
border-left:1px solid #c0c0c0;
}

.nav-areamap .inner dl,
.nav-sitemap .inner dl{
float:left;
margin:0 0 10px 18px;
box-sizing:border-box;
padding:4px 0;
width:138px;
}

.nav-areamap .inner dl{
padding-top:0;
}

.nav-sitemap .inner dl.related{
clear:both;
box-sizing:border-box;
border-top:1px solid #c0c0c0;
margin-left:18px;
padding-top:17px;
width:762px;
}

.nav-areamap .inner dl dt,
.nav-sitemap .inner dl dt{
margin-bottom:7px;
font-size:81.25%;
}

.nav-sitemap .inner dl.related dt{
font-weight:bold;
}

.nav-areamap .inner dl dd,
.nav-sitemap .inner dl dd{
font-size:68.75%;
}

.nav-areamap .inner dl dd li,
.nav-sitemap .inner dl dd li{
position:relative;
margin-bottom:6px;
padding-left:8px;
}

.nav-areamap .inner dl dd li:before,
.nav-sitemap .inner dl dd li:before{
display:block;
position:absolute;
content:"";
top:0.6em;
left:0;
width:2px;
height:2px;
background:#7f7f7f;
}

.nav-areamap .inner dl dd li ul,
.nav-sitemap .inner dl dd li ul{
margin:5px 0 0 5px;
}

.nav-sitemap .inner dl.related ul{
margin-left:-18px;
}

.nav-sitemap .inner dl.related li{
float:left;
width:138px;
margin-left:18px;
}

.nav-areamap p.head-site a,
.nav-areamap .inner dl a,
.nav-sitemap .inner dl a{
text-decoration:none;
color:inherit;
}

.nav-areamap p.head-site a:hover,
.nav-areamap p.head-site a:focus,
.nav-areamap p.head-site a:active,
.nav-areamap .inner dl a:hover,
.nav-areamap .inner dl a:focus,
.nav-areamap .inner dl a:active,
.nav-sitemap .inner dl a:hover,
.nav-sitemap .inner dl a:focus,
.nav-sitemap .inner dl a:active,
.footer-content .inner ul li a:hover,
.footer-content .inner ul li a:focus,
.footer-content .inner ul li a:active{
text-decoration:underline;
color:#7e6020;
}

.footer-content{
border-top:1px solid #c9c9c9;
background:#e7e7e7;
}

.footer-content .inner{
margin:0 auto;
padding:15px 0 35px;
width:950px;
}

#simple-01 .footer-content .inner{
width:790px;
}

#simple-01.min .footer-content .inner{
width:600px;
}

#simple-01.for-print .footer-content .inner{
width:726px;
}

.footer-content .inner ul{
float:left;
}

.footer-content .inner ul li{
float:left;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
margin-left:-1px;
padding:0 7px;
line-height:1;
}

.footer-content .inner ul li a{
font-size:75%;
color:inherit;
text-decoration:none;
}

.footer-content .inner .copyright{
float:right;
font-size:75%;
}

.footer-content .inner .copyright a{
color:inherit;
text-decoration:none;
}

@media screen and (max-width: 970px){
.nav-areamap,
.nav-sitemap,
.footer-content .inner{
width:100%;
}

.nav-areamap p.head-site,
.nav-sitemap p.logo-site{
left:7px;
}

.nav-areamap .inner dl,
.nav-sitemap .inner dl{
width:28%;
}

.nav-areamap .inner dl:nth-child(4),
.nav-sitemap .inner dl:nth-child(4){
clear:left;
float:left;
}

.nav-sitemap .inner dl.related{
width:95%;
}

.nav-sitemap .inner dl.related li{
width:28%;
}

.footer-content .inner ul{
margin-left:7px;
}

.footer-content .inner .copyright{
float:none;
clear:left;
display:block;
padding:10px 0 0 7px;
}
}
@media screen and (max-width: 810px){
#simple-01 .footer-content .inner{
width:100%;
}
}
@media screen and (max-width: 720px){
footer{
margin-top:1px;
border-top:2px solid #36459a;
overflow:hidden;
background:#e7e7e7;
}

.nav-area,
.nav-sitemap{
display:none;
}

.footer-content .inner{
padding:0 0 5px;
}

#simple-01.min .footer-content .inner{
width:100%;
}

.footer-content .inner ul{
float:none;
margin:0;
border-top:2px solid #c9c9c9;
border-bottom:3px solid #c9c9c9;
background:#fff;
}

.footer-content .inner ul li{
float:none;
border:none;
padding:0;
}

.footer-content .inner ul li + li{
border-top:1px solid #c9c9c9;
}

.footer-content .inner ul li a{
display:block;
position:relative;
padding:10px 20px;
}

.footer-content .inner ul li a:hover,
.footer-content .inner ul li a:focus,
.footer-content .inner ul li a:active{
text-decoration:none;
color:#333;
}

.footer-content .inner ul li a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -82px 0 no-repeat;
background-position:-41px 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
}

.footer-content .inner .copyright{
padding:10px 20px;
}
}
/*----------------------------------------
 MM Luxury用
----------------------------------------*/
.mm .footer .anchor{
width:100%;
height:15px;
overflow:hidden;
}

.mm .footer .menu{
background:#b9bfc9;
width:100%;
overflow:hidden;
border-top:1px solid #fff;
}

.mm .footer .menu div{
position:relative;
padding:15px 0 12px;
text-align:center;
}

.mm .footer .copyright{
background:#04102c;
width:100%;
height:28px;
line-height:28px;
overflow:hidden;
color:#fff;
text-align:center;
}

.mm .footer a:link{
color:#04102c;
background:transparent;
text-decoration:underline;
font-size:13px;
}

.mm .footer a:visited{
color:#04102c;
background:transparent;
text-decoration:underline;
}

.mm .footer a:active{
color:#04102c;
background:transparent;
text-decoration:underline;
}

.mm .footer a:hover{
color:#ff3333;
background:transparent;
text-decoration:underline;
}

@media screen and (max-width: 720px){
.mm .footer .menu{
display:none;
}

.mm .footer .copyright{
height:auto;
padding:10px 0;
}

.mm .footer .copyright img{
width:300px;
padding-bottom:5px;
}
}
/* ==============================================================================================
 Contents
================================================================================================= */
/*structure*/
#simple-01.for-print{
font-size:14px;
}

#content-area{
padding-top:13px;
background:url(/office/shared/images/content-area_01.png) repeat-x left top;
}

#top-image + #content-area{
padding-top:0;
}

#cart #content-area,
#simple-01 #content-area{
border-top:4px solid #25348a;
background:none;
}

#content{
display:block;
margin:0 auto;
width:950px;
position:relative;
}

#simple-01 #content{
width:790px;
}

#simple-01.for-print #content{
width:726px;
}

#simple-01.min #content{
width:600px;
}

main{
font-size:87.5%;
overflow:hidden;
}

#main-content{
float:left;
width:726px;
font-size:87.5%;
}

#cart #main-content,
#simple-01 #main-content{
float:none;
width:100%;
}

#no-side #main-content{
float:none;
width:auto;
}

#side-content{
float:right;
width:204px;
font-size:87.5%;
}

.fp-top-content{
position:relative;
padding:0 16px;
margin-top:-65px;
}

@media screen and (max-width: 970px){
#content{
padding:0 5px;
box-sizing:border-box;
width:100%;
}
.wrap-02 #content{
padding:0px;
}

#main-content{
width:76.42105%;
}

#side-content{
width:21.47368%;
}
}
@media screen and (max-width: 810px){
#simple-01 #content{
width:100%;
}
}
@media screen and (max-width: 720px){
#simple-01.min #content{
width:100%;
}

#content-area{
background:none;
padding-top:0;
}

#main-content{
width:100%;
}

#side-content{
box-sizing:border-box;
margin-top:20px;
padding:0 5px;
width:100%;
overflow:hidden;
}

.wrap-02 #side-content{
padding:0 10px;
}

.wrap-adjust{
clear:both;
padding:0 5px;
}

.wrap-02 .wrap-adjust{
clear:both;
padding:0 10px;
}

.fp-top-content{
padding:0;
margin-top:0;
}
}
.hr{
border-top:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb inset;
margin-top:10px;
}

.hr-dot{
border-top:1px dotted #c0c0c0;
}

.hr-dot-b{
border-bottom:1px dotted #c0c0c0;
}

.hr-adjust-01 + .hr-adjust-01{
border-top:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb inset;
margin-top:20px;
padding-top:20px;
}

.hr-adjust-02 + .hr-adjust-02{
border-top:1px dotted #c0c0c0;
margin-top:20px;
padding-top:20px;
}

.hr-adjust-03 + .hr-adjust-03{
border-top:1px solid #c0c0c0;
margin-top:10px;
padding-top:10px;
}

/*トップメインビジュアル*/
#top-image{
height:299px;
background:url("/office/images/top-image_01.jpg") no-repeat center top;
}

#top-image .visual{
position:relative;
margin:0 auto;
width:950px;
height:299px;
}

#top-image .visual p{
position:absolute;
top:193px;
left:-8px;
}

@media screen and (max-width: 970px){
#top-image{
background-position:10% 0;
}

#top-image .visual{
width:100%;
}

#top-image .visual p{
left:0;
}
}
@media screen and (max-width: 720px){
.sp-hr{
border-top:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb inset;
margin-top:15px;
padding-top:15px;
}

.sp-hr-dot{
border-top:1px dotted #c0c0c0;
margin-top:15px;
padding-top:15px;
}

#top-image{
width:100%;
height:197px;
background-size:cover;
}

#top-image .visual{
height:197px;
}

#top-image .visual p{
top:145px;
left:25px;
}

#top-image .visual p img{
width:270px;
}
}
/* ==============================================================================================
 Modules
================================================================================================= */
/*----------------------------------------
 nav
----------------------------------------*/
#lnav{
border:1px solid #d5d5d5;
margin-bottom:20px;
padding:3px;
line-height:normal;
}

#lnav h2{
display:none;
}

#lnav dl dt,
#lnav p.hdg{
background-color:#32408e;
background-image:-webkit-linear-gradient(#1f2c75, #47539a);
background-image:linear-gradient(#1f2c75, #47539a);
text-align:center;
font-weight:bold;
}

#lnav dl dt a,
#lnav dl dt span,
#lnav p.hdg a,
#lnav p.hdg span{
position:relative;
display:block;
padding:10px 18px;
color:#fff;
text-decoration:none;
}

#lnav dl dd{
border:1px solid #d5d5d5;
border-top:none;
}

#lnav dl dd > p{
padding:7px 10px;
background-color:#dde0e6;
background-image:-webkit-linear-gradient(#d3d7df, #e7eaee);
background-image:linear-gradient(#d3d7df, #e7eaee);
color:#333;
font-size:92.8571%;
box-shadow:0 2px 2px #ccc;
}

#lnav dl dd.box-toggle-02 > p{
padding:7px 22px 7px 10px;
position:relative;
cursor:pointer;
}
#lnav dl dd.box-toggle-02 > p:after{
content: url(images/icon-toggle_04.png);
display:block;
position:absolute;
top:8px;
right:10px;
width:10px;
height:10px;
}
#lnav dl dd.box-toggle-02 > p:before{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
border-bottom: 1px solid #fff;
background:#cdc9be;
}
#lnav dl dd.box-toggle-02 > p.open:after{
content: url(images/icon-toggle_05.png);
}
#lnav dl dd.box-toggle-02 > p.last:before,
#lnav dl dd.box-toggle-02 > p.open:before{
display:none;
}

@media screen and (max-width: 720px){
#lnav dl dd.box-toggle-02 > p{
position: inherit;
cursor: default;
}
#lnav dl dd.box-toggle-02 > p:after{
display:none;
}
#lnav dl dd.box-toggle-02 > p.open:after{
display:none;
}
#lnav dl dd.box-toggle-02 > p:before{
display:none;
}
}
#lnav dl dd > ul li{
position:relative;
background-color:#f5f4f1;
background-image:-webkit-linear-gradient(#f5f4f1, #e6e4dc);
background-image:linear-gradient(#f5f4f1, #e6e4dc);
}

#lnav dl dd > ul li.selected,
#lnav dl dd > ul li.current{
background-color:#e4e0d6;
background-image:-webkit-linear-gradient(#c4bba5, #e4e0d6 20px, #e4e0d6);
background-image:linear-gradient(#c4bba5, #e4e0d6 20px, #e4e0d6);
}

#lnav dl dd > ul > li:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#cdc9be;
}

#lnav dl dd > ul a{
display:block;
color:#59574c;
text-decoration:none;
}

#lnav dl dd > ul a:hover{
color:#9c733e;
}

#lnav dl dd > ul > li > a{
padding:13px 10px 11px 35px;
font-size:85.7143%;
}

#lnav dl dd > ul > li > a:before{
display:block;
position:absolute;
content:"";
top:17px;
left:10px;
border-radius:2px;
width:17px;
height:10px;
background:#273793;
}

#lnav dl dd > ul > li > a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:18px;
top:22px;
}

#lnav dl dd > ul > li > a:hover,
#lnav dl dd > ul > li > a:focus,
#lnav dl dd > ul > li > a:active,
#lnav dl dd > ul > li > ul > li > a:hover,
#lnav dl dd > ul > li > ul > li > a:focus,
#lnav dl dd > ul > li > ul > li > a:active{
background-color:#f5edd1;
background-image:-webkit-linear-gradient(#ebdca7, #f5edd2);
background-image:linear-gradient(#ebdca7, #f5edd2);
}

#lnav dl dd > ul > li.selected > a:hover,
#lnav dl dd > ul > li.selected > a:focus,
#lnav dl dd > ul > li.selected > a:active,
#lnav dl dd > ul > li.current > a:hover,
#lnav dl dd > ul > li.current > a:focus,
#lnav dl dd > ul > li.current > a:active,
#lnav dl dd > ul > li > ul > li.selected > a:hover,
#lnav dl dd > ul > li > ul > li.selected > a:focus,
#lnav dl dd > ul > li > ul > li.selected > a:active,
#lnav dl dd > ul > li > ul > li.current > a:hover,
#lnav dl dd > ul > li > ul > li.current > a:focus,
#lnav dl dd > ul > li > ul > li.current > a:active{
background:none;
}

#lnav dl dd > ul > li > ul{
border-left:1px solid #cdc9be;
border-top:1px solid #cdc9be;
margin-left:5px;
padding-left:1px;
background:#fff;
}

#lnav dl dd > ul > li > ul > li{
padding-top:2px;
}

#lnav dl dd > ul > li > ul > li:first-child{
padding-top:1px;
}

#lnav dl dd > ul > li > ul > li:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#cdc9be;
}

#lnav dl dd > ul > li > ul > li:first-child:before{
border-bottom:none;
background:none;
border-top:1px solid #fff;
}

#lnav dl dd > ul > li > ul > li.selected,
#lnav dl dd > ul > li > ul > li.current{
background-color:#e4e0d6;
background-image:-webkit-linear-gradient(#d6d0c1, #e4e0d6 10px, #e4e0d6);
background-image:linear-gradient(#d6d0c1, #e4e0d6 10px, #e4e0d6);
}

#lnav dl dd > ul > li > ul > li > a{
position:relative;
padding:7px 10px 5px 22px;
font-size:85.7143%;
}

#lnav dl dd > ul > li > ul > li > a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:12px;
top:1.2em;
}

#lnav dl dd > ul > li > ul > li > ul{
border-left:1px solid #cdc9be;
border-top:1px solid #cdc9be;
margin-left:5px;
padding:1px 0 0 1px;
background:#fff;
}

#lnav dl dd > ul > li > ul > li > ul > li{
background:#f5f4f1;
}

#lnav dl dd > ul > li > ul > li > ul > li > a{
position:relative;
padding:3px 10px 3px 30px;
font-size:78.5714%;
}

#lnav dl dd > ul > li > ul > li > ul > li.current > a{
background:#e5e0cf !important;
}

#lnav dl dd > ul > li > ul > li > ul > li > a:hover,
#lnav dl dd > ul > li > ul > li > ul > li > a:focus,
#lnav dl dd > ul > li > ul > li > ul > li > a:active{
background:#f5edd2;
}

#lnav dl dd > ul > li > ul > li > ul > li > a:before{
display:block;
position:absolute;
content:"";
top:0.9em;
left:17px;
width:6px;
height:1px;
background:#98927e;
}

@media screen and (max-width: 720px){
#lnav{
border:none;
padding:0;
}

#lnav dl dt,
#lnav dl dd > p{
font-size:85.7143% !important;
}

#lnav dl dd > p{
position:relative;
border-bottom:2px solid #fff;
font-weight:bold;
}

#lnav dl dd > p:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:1px;
background:#cdc9be;
}

#lnav dl dt a:before,
#lnav p.hdg a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') 0 0 no-repeat;
background-position:0 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:10px;
}

#lnav dl dd a,
#lnav dl dd > p{
padding-top:13px !important;
padding-bottom:11px !important;
font-size:85.7143% !important;
}

#lnav dl dd > ul > li:before{
border-bottom:none;
}

#lnav dl dd > ul > li{
border-bottom:2px solid #fff;
}

#lnav dl dd > ul > li.selected,
#lnav dl dd > ul > li.current{
background-image:-webkit-linear-gradient(#c2b9a2, #e4e0d6);
background-image:linear-gradient(#c2b9a2, #e4e0d6);
}

#lnav dl dd > ul > li > a{
line-height:1.5;
}

#lnav dl dd > ul > li > a:after{
top:23px;
}

#lnav dl dd > ul > li > ul > li.selected,
#lnav dl dd > ul > li > ul > li.current{
background-image:-webkit-linear-gradient(#c2b9a2, #d0c9b7 5%, #e4e0d6);
background-image:linear-gradient(#c2b9a2, #d0c9b7 5%, #e4e0d6);
}

#lnav dl dd > ul > li > ul > li > a:before{
top:1.7em;
}

#lnav dl dd > ul > li > ul > li > ul > li > a:before{
top:1.7em;
}
}
/*パンくず*/
#nav-location{
position:relative;
padding-bottom:13px;
font-size:85.7143%;
color:#a2a2a2;
}

#content > #nav-location{
font-size:75%;
}

#nav-location:after{
display:block;
position:absolute;
content:"";
left:0;
bottom:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#d1cec1;
}

#content > #nav-location:after{
display:none;
}

#nav-location dt{
display:none;
}

#nav-location dd a{
display:inline-block;
padding-top:1px;
vertical-align:middle;
color:#666;
text-decoration:none;
}

#nav-location dd a:hover,
#nav-location dd a:focus,
#nav-location dd a:active{
color:#7e6020;
text-decoration:underline;
}

#nav-location dd .current{
display:inline-block;
padding-top:1px;
vertical-align:middle;
color:#666;
}

.nav-word-frame{
border:1px solid #c0c0c0;
}

.nav-word-frame .nav-word-01{
background-color:#f3f2ef;
background-image:-webkit-linear-gradient(#ffffff, #e5e3de);
background-image:linear-gradient(#ffffff, #e5e3de);
}

.nav-word-frame > li{
float:left;
width:50%;
}

.nav-word-frame.management > li{
float:left;
width:60%;
}

.nav-word-frame.management > li + li{
width:40%;
}

.nav-word-frame .nav-word-01 li{
float:left;
width:20%;
box-sizing:border-box;
border-left:1px solid #c0c0c0;
font-weight:bold;
}

.nav-word-frame.domestic > li:first-child{
border-bottom:1px solid #c0c0c0;
}

.nav-word-frame.domestic > li:first-child + li{
border-bottom:1px solid #c0c0c0;
}

.nav-word-frame.domestic .nav-word-01 li{
width:33%;
}

.nav-word-frame.domestic .nav-word-01 li:first-child{
width:34%;
}

.nav-word-frame.domestic > li:first-child + li + li .nav-word-01 li:first-child{
border-left:none;
}

.nav-word-frame.management > li li{
width:32%;
}

.nav-word-frame.management > li:first-child li#chiyoda{
width:36%;
}

.nav-word-frame.management > li + li li{
width:50%;
}

.nav-word-frame > li:first-child .nav-word-01 li:first-child{
border-left:none;
}

.nav-word-frame .nav-word-01 li a{
display:block;
border-left:1px solid #fff;
padding:8px 13px;
background-color:#f3f2ef;
background-image:-webkit-linear-gradient(#ffffff, #e5e3de);
background-image:linear-gradient(#ffffff, #e5e3de);
text-decoration:none;
color:inherit;
text-align:center;
}

.nav-word-frame.domestic .nav-word-01 li a{
padding:8px 5px !important;
}

.nav-word-frame.management .nav-word-01 li a{
padding:7px !important;
}

.nav-word-frame .nav-word-01 li a:hover,
.nav-word-frame .nav-word-01 li a:focus,
.nav-word-frame .nav-word-01 li a:active,
.nav-word-frame .nav-word-01 li.current a{
border-left:none;
padding:8px 14px;
background-color:#3b4687;
background-image:-webkit-linear-gradient(#313c7e, #5560a0);
background-image:linear-gradient(#313c7e, #5560a0);
color:#fff;
}

.nav-word-frame .nav-word-01.anclink li a > span{
display:inline-block;
position:relative;
padding-left:0.5em;
}

.nav-word-frame .nav-word-01.anclink li a > span:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2870px 0 no-repeat;
background-position:-1435px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:50%;
left:-0.5em;
margin-top:-2px;
}




.nav-flow-office-move {
    border:1px solid #c0c0c0;
    border-bottom:none;
    margin-bottom:20px;
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
}

.nav-flow-office-move > li{
    box-sizing:border-box;
    border-left:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    width: calc(100% / 3);
}

.nav-flow-office-move > li:first-child,
.nav-flow-office-move > li:nth-child(4) {
    border-left:none;
}
.nav-flow-office-move > li:nth-last-child(-n+2) {
    width: calc(100% / 2);
}

.nav-flow-office-move > li > a{
    position:relative;
    display:flex;
    align-items: center;
    box-sizing:border-box;
    padding:12px 10px;
    width:100%;
    height: 100%;
    background-color:#f3f2ef;
    background-image:-webkit-linear-gradient(#ffffff, #e1dfda);
    background-image:linear-gradient(#ffffff, #e1dfda);
}

.nav-flow-office-move > li > a:before{
    display:block;
    position:absolute;
    content:"";
    top:0;
    left:0;
    border-left:1px solid #fff;
    width:1px;
    height:100%;
}

.nav-flow-office-move > li > a:hover,
.nav-flow-office-move > li > a:focus,
.nav-flow-office-move > li > a:active{
    background-color:#424d8e;
    background-image:-webkit-linear-gradient(#323d7f, #545f9f);
    background-image:linear-gradient(#323d7f, #545f9f);
    color:#fff;
    text-decoration:underline;
}

.nav-flow-office-move > li > a:hover:before,
.nav-flow-office-move > li > a:focus:before,
.nav-flow-office-move > li > a:active:before{
    border:none;
}

.nav-flow-office-move > li > a > span{
    display:table-cell;
    vertical-align:middle;
    width:100%;
}

.nav-flow-office-move > li > a > .num{
    width:auto;
}

.nav-flow-office-move > li > a > .txt{
    position:relative;
    padding-left:20px;
}

.nav-flow-office-move > li > a > .txt:before{
    display:block;
    position:absolute;
    content:"";
    background:url('../images/icon.png') -2870px 0 no-repeat;
    background-position:-1435px 0;
    top:50%;
    left:0;
    margin-top:-3.5px;
    width:36px;
    height:36px;
    background-size:cover;
    top:50%;
    left:5px;
    margin-top:-3px;
}

@media screen and (max-width: 720px){
    .nav-flow-office-move {
        border-right: none;
    }
    .nav-flow-office-move > li {
        border-left: none;
        border-right: 1px solid #c0c0c0;
    }
    .nav-flow-office-move > li:nth-child(-n+3) {
        width: calc(100% / 2);

    }
}



.nav-flow-01{
border:1px solid #c0c0c0;
border-bottom:none;
margin-bottom:20px;
}

.nav-flow-01 > li > ul{
display:table;
width:100%;
}

.nav-flow-01 > li > ul > li{
display:table-cell;
box-sizing:border-box;
border-left:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
width:33.3333%;
}

.nav-flow-01 > li > ul > li:first-child{
border-left:none;
}

.nav-flow-01 > li > ul > li > a{
position:relative;
display:table;
box-sizing:border-box;
padding:12px 10px;
width:100%;
background-color:#f3f2ef;
background-image:-webkit-linear-gradient(#ffffff, #e1dfda);
background-image:linear-gradient(#ffffff, #e1dfda);
}

.nav-flow-01 > li > ul > li > a:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
border-left:1px solid #fff;
width:1px;
height:100%;
}

.nav-flow-01 > li > ul > li > a:hover,
.nav-flow-01 > li > ul > li > a:focus,
.nav-flow-01 > li > ul > li > a:active{
background-color:#424d8e;
background-image:-webkit-linear-gradient(#323d7f, #545f9f);
background-image:linear-gradient(#323d7f, #545f9f);
color:#fff;
text-decoration:underline;
}

.nav-flow-01 > li > ul > li > a:hover:before,
.nav-flow-01 > li > ul > li > a:focus:before,
.nav-flow-01 > li > ul > li > a:active:before{
border:none;
}

.nav-flow-01 > li > ul > li > a > span{
display:table-cell;
vertical-align:middle;
width:100%;
}

.nav-flow-01 > li > ul > li > a > .num{
width:auto;
height:20px !important;
}

.nav-flow-01 > li > ul > li > a > .txt{
position:relative;
padding-left:20px;
}

.nav-flow-01 > li > ul > li > a > .txt:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2870px 0 no-repeat;
background-position:-1435px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:50%;
left:5px;
margin-top:-3px;
}

.nav-flow-02 > li + li{
margin-top:10px;
}

.nav-flow-02 > li > a{
position:relative;
display:block;
}

.nav-flow-02 > li > a > .num{
position:absolute;
top:-2px;
left:0;
float:none;
margin-right:3px;
}

.nav-flow-02 > li > a > .txt{
display:block;
margin-left:2em;
position:relative;
padding:2px 0 0 18px;
}

.nav-flow-02 > li > a > .txt:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2870px 0 no-repeat;
background-position:-1435px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:12px;
left:5px;
}

.nav-pageback-01{
position:relative;
margin:10px 0 0 10px;
padding:0 0 4px 12px;
font-size:85.7143%;
}

.nav-pageback-01:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -1066px 0 no-repeat;
background-position:-533px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.4em;
margin-top:0;
}

.nav-pagination-01{
position:relative;
margin-bottom:20px;
}

.nav-pagination-01 li.prev,
.nav-pagination-01 li.next{
position:relative;
z-index:100;
}

.nav-pagination-01 li.prev{
float:left;
}

.nav-pagination-01 li.next{
float:right;
text-align:right;
}

.nav-pagination-01 li.backtop{
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
}

.nav-pagination-02 li{
float:left;
border-left:1px solid #c0c0c0;
margin-left:7px;
padding-left:7px;
line-height:1.2;
}

.nav-pagination-02 li:first-child{
border-left:none;
margin-left:0;
padding-left:0;
}

@media screen and (max-width: 720px){
#nav-location{
display:none;
}

.nav-word-frame > li{
float:none !important;
width:100% !important;
}

.nav-word-frame:after,
.nav-word-01:after{
display:none !important;
}

.nav-word-frame > li:first-child .nav-word-01{
border-bottom:1px solid #c0c0c0;
}

.nav-word-frame.domestic > li:first-child{
border-bottom:none;
}

.nav-word-frame.domestic > li:first-child + li{
border-bottom:none;
}

.nav-word-frame.domestic > li .nav-word-01{
border-bottom:1px solid #c0c0c0;
}

.nav-word-frame.domestic > li:last-child .nav-word-01{
border-bottom:none;
}

.nav-word-01{
display:table;
width:100%;
}

.nav-word-01 li{
font-size:85.7143%;
float:none !important;
display:table-cell;
}

.nav-word-frame .nav-word-01 li:first-child{
border-left:none;
}

.nav-word-frame.management > li:first-child li#minato,
.nav-word-frame.management > li:first-child li#shibuya{
width:25%;
}

.nav-word-frame.management > li:first-child li#chiyoda{
width:50%;
}

.nav-word-frame.management > li + li li#other-01,
.nav-word-frame.management > li + li li#other-02{
width:50%;
}

.nav-word-01 li a{
box-sizing:border-box;
width:100%;
display:table-cell;
}

.nav-word-frame .nav-word-01 li a:hover,
.nav-word-frame .nav-word-01 li a:focus,
.nav-word-frame .nav-word-01 li a:active{
border-left:1px solid #fff;
padding:8px 13px;
background-image:-webkit-linear-gradient(#ffffff, #e5e3de);
background-image:linear-gradient(#ffffff, #e5e3de);
color:inherit;
}

.nav-word-frame .nav-word-01 li.current a:hover,
.nav-word-frame .nav-word-01 li.current a:focus,
.nav-word-frame .nav-word-01 li.current a:active{
border-left:none;
padding:8px 14px;
background-color:#3b4687;
background-image:-webkit-linear-gradient(#313c7e, #5560a0);
background-image:linear-gradient(#313c7e, #5560a0);
color:#fff;
}

.nav-flow-01{
border:none;
border-top:1px solid #c0c0c0;
}

.nav-flow-01 > li > ul{
display:block;
}

.nav-flow-01 > li > ul > li{
display:block;
float:left;
width:50%;
border-right:1px solid #c0c0c0;
}

.nav-flow-01 > li > ul > li:nth-child(2n){
border-right:1px solid #c0c0c0;
border-left:none;
}

.nav-flow-01 > li > ul > li:nth-child(2n+1){
border-left:1px solid #c0c0c0;
}

.nav-flow-01 > li + li > ul > li:nth-child(2n+1){
border-left:none;
}

.nav-flow-01 > li + li > ul > li:nth-child(2n){
border-left:1px solid #c0c0c0;
}

.nav-flow-01 > li > ul > li > a:hover,
.nav-flow-01 > li > ul > li > a:focus,
.nav-flow-01 > li > ul > li > a:active{
background-image:-webkit-linear-gradient(#ffffff, #e1dfda);
background-image:linear-gradient(#ffffff, #e1dfda);
color:#0000cc;
}

.nav-flow-01 > li > ul > li > a:hover:before,
.nav-flow-01 > li > ul > li > a:focus:before,
.nav-flow-01 > li > ul > li > a:active:before{
border-left:1px solid #fff;
}

.nav-flow-01 > li > ul > li > a > .txt,
.nav-flow-02 > li{
font-size:0.75rem;
}

.nav-pagination-01{
text-align:center;
}

.nav-pagination-01 li{
float:none !important;
display:inline-block;
font-size:78.5714%;
line-height:1;
}

.nav-pagination-01 li.prev{
border-right:1px solid #a6a6a6;
padding-right:5px;
}

.nav-pagination-01 li.backtop{
position:static;
}

.nav-pagination-02{
font-size:85.7143%;
}
}
/*----------------------------------------
 heading
----------------------------------------*/
.hdg-content{
position:relative;
}

.hdg-l1-01{
position:relative;
margin-bottom:18px;
padding:15px 10px 15px 31px;
font-size:142.8571%;
font-weight:bold;
color:#5d5c59;
}

.hdg-l1-01:before{
display:block;
position:absolute;
content:"";
left:0;
top:50%;
margin-top:-5px;
width:21px;
height:10px;
background-color:#3a489d;
background-image:-webkit-linear-gradient(#1e2960, #435099);
background-image:linear-gradient(#1e2960, #435099);
}

.box-h1-content .hdg-l1-01{
margin-bottom:0;
padding:10px;
font-size:137.5%;
}

.box-h1-content .hdg-l1-01:before,
.box-h1-content .hdg-l1-01:after{
display:none;
}

.hdg-l1-01:after{
display:block;
position:absolute;
content:"";
left:0;
bottom:0;
width:100%;
height:4px;
background-color:#dbd9d6;
background-image:-webkit-linear-gradient(#c4c2bf, #e4e2df);
background-image:linear-gradient(#c4c2bf, #e4e2df);
}

.hdg-content.inc-fb > h1{
padding-right:80px;
}

.hdg-content.inc-flow > h1{
padding-right:310px;
}

.hdg-content.inc-fb-num > h1,
.hdg-content.inc-fb-num > .hdg-l1-01{
padding-right:270px;
}

.hdg-content.inc-num > h1,
.hdg-content.inc-num > .hdg-l1-01{
padding-right:200px;
}

.hdg-content.inc-icon > h1,
.hdg-content.inc-link > .hdg-l1-01{
padding-right:150px;
}

.hdg-content .innerlink{
position:absolute;
right:0;
top:50%;
margin-top:-10px;
font-size:75%;
font-weight:normal;
}
.hdg-content .innerlink a{
padding-left:17px;
position:relative;
}
.hdg-content .innerlink a:before {
background:url("./images/arrow-d_01.png") no-repeat 0 0;
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
width: 7px;
height: 4px;
}
@media screen and (max-width: 720px){
.hdg-content .innerlink{
display:block;
text-align:right;
position:static;
right: auto;
top: auto;
margin-top:0;
}
.hdg-content .innerlink a{
padding-left:11px;
}
}
.hdg-content > .facebook{
overflow:hidden;
position:absolute;
right:0;
top:50%;
margin-top:-10px;
width:71px;
}

.hdg-content > .contact-number{
position:absolute;
top:50%;
right:80px;
margin-top:-0.6em;
font-size:85.7143%;
}

.hdg-content.inc-num > .contact-number{
right:0;
}

.hdg-content.inc-icon > .icon-area-02{
position:absolute;
top:50%;
right:0;
margin-top:-0.8em;
width:140px;
text-align:right;
}

.hdg-content > .list-flow-01{
position:absolute;
right:0;
top:50%;
margin-top:-15px;
}

.hdg-content > .btn-area-01{
position:absolute;
right:0;
text-align:right;
top:19px;
}

.hdg-content > .btn-area-01 li{
display:inline-block;
margin-left:10px;
vertical-align:middle;
}

.hdg-content > .btn-area-01 li img{
display:block;
}

.hdg-content > .list-icon-05{
position:absolute;
right:5px;
top:50%;
margin-top:-11px;
}

.hdg-content + .btn-area-02{
position:relative;
height:16px;
}

.hdg-content + .btn-area-02 ul{
position:absolute;
top:-13px;
right:0;
width:100%;
text-align:right;
z-index:1;
}

.hdg-content + .btn-area-02 ul li{
display:inline-block;
margin-left:2px;
vertical-align:middle;
}

.hdg-content + .btn-area-02 + .icon-area-01{
position:relative;
}

.hdg-content + .btn-area-02 + .icon-area-01 ul{
position:absolute;
top:-29px;
left:0;
width:100%;
text-align:left;
}

.hdg-content + .btn-area-02 ul li.link-icon-01{
padding-left: 27px;
margin-right:18px;
}

.hdg-content + .btn-area-02 ul li.link-icon-01.add{
background:url("/office/shared/images/icon-tag_01.png") no-repeat left -1px;
}

.hdg-content + .btn-area-02 ul li.link-icon-01.print{
background:url("/office/shared/images/icon-print_01.png") no-repeat left 3px;
}

.hdg-content + .btn-area-02 ul li.link-btn-01 .btn-01{
padding: 5px 20px;
}

.hdg-content > a{
display:block;
position:absolute;
right:10px;
top:5px;
border:1px solid #bfbfbf;
border-radius:3px;
padding:2px 5px;
font-size:78.5714%;
text-decoration:none;
color:inherit;
background-color:#fdfdfd;
background-image:-webkit-linear-gradient(#fdfdfd, #dedede);
background-image:linear-gradient(#fdfdfd, #dedede);
}

.hdg-content > a:hover,
.hdg-content > a:focus,
.hdg-content > a:active{
background-color:#f0f0f0;
background-image:-webkit-linear-gradient(#dedede, #fdfdfd);
background-image:linear-gradient(#dedede, #fdfdfd);
}

.hdg-content > .box-total-01{
position:absolute;
right:8px;
top:50%;
margin-top:-12px;
}

.hdg-content > .box-contact-03{
position:absolute;
right:2px;
top:2px;
padding:9px 10px;
background-color:#e2e2e2;
background-image:-webkit-linear-gradient(#dededd, #f1f1f0);
background-image:linear-gradient(#dededd, #f1f1f0);
}

.hdg-content > .box-contact-03 dt{
float:left;
padding-top:3px;
font-size:87.5%;
}

.hdg-content > .box-contact-03 dd{
float:left;
margin-left:10px;
}

.hdg-top-01{
font-size:114.2857%;
font-weight:bold;
}

.hdg-top-01 a{
display:block;
position:relative;
padding:10px 10px 8px;
color:inherit;
text-decoration:none;
background-color:#dcd7cb;
background-image:-webkit-linear-gradient(#dcd7cb, #f0eee8);
background-image:linear-gradient(#dcd7cb, #f0eee8);
}

.hdg-top-01 a:hover,
.hdg-top-01 a:focus,
.hdg-top-01 a:active{
background-color:#dbd1b7;
background-image:-webkit-linear-gradient(#dbd1b7, #efeade);
background-image:linear-gradient(#dbd1b7, #efeade);
}

.hdg-top-01 a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
}

.hdg-l2-01,
.hdg-top-02{
position:relative;
padding:5px 5px 6px;
font-size:107.1429%;
box-sizing:border-box;
background-color:#e8e6e0;
background-image:-webkit-linear-gradient(#e8e6e0, #f5f4f1);
background-image:linear-gradient(#e8e6e0, #f5f4f1);
}

.search-content-01 > .hdg-content > .hdg-l2-01{
margin-top:0;
padding-top:10px;
background:none;
}

.hdg-l2-01{
margin:35px 0 15px;
font-size:100%;
font-weight:bold;
}

.hdg-l1-01 + .wrap-adjust > *:first-child > .hdg-l2-01,
.hdg-content + .wrap-adjust > *:first-child > .hdg-l2-01,
.tabs .box-05 .hdg-l2-01{
margin-top:0;
}

.hdg-l2-01 > span,
.hdg-top-02 > span{
position:relative;
display:block;
padding-left:15px;
}

.hdg-l2-01 > span{
padding-top:3px;
}

.hdg-l2-01 > span span.data{
color:#888888;
font-weight:normal;
font-size:85.7%;
position:absolute;
right:5px;
}

.hdg-l2-01 > span:before,
.hdg-top-02 > span:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
border:1px solid #273793;
width:4px;
height:100%;
background-color:#273793;
background-image:-webkit-linear-gradient(#273793, #5561a3);
background-image:linear-gradient(#273793, #5561a3);
}

.hdg-l2-01 > .js-togglePanel-button{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border: 0;
font-size: 0;
}
.hdg-l2-01 > .js-togglePanel-button::before,
.hdg-l2-01 > .js-togglePanel-button::after{
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: transform .3s cubic-bezier(0,0,0,1) 0s;
  will-change: transform;
  cursor: pointer;
  background-color: #25348a;
}

.hdg-l2-01 > .js-togglePanel-button::before{
  transform: translateY(-50%);
}
.hdg-l2-01 > .js-togglePanel-button::after{
  transform: translateY(-50%) rotate(90deg);
}

.js-togglePanel.is-togglePanel-opened > .hdg-l2-01 > .js-togglePanel-button::before{
  transform: translateY(-50%) rotate(180deg);
}
.js-togglePanel.is-togglePanel-opened > .hdg-l2-01 > .js-togglePanel-button::after{
  transform: translateY(-50%) rotate(-180deg);
}

.hdg-l2-01 + .time-01{
margin-bottom:10px;
text-align:right;
}

.hdg-l2-02{
position:relative;
border-bottom:1px solid #d8d8d8;
margin-bottom:10px;
padding-left:15px;
}

.hdg-l2-02:before{
display:block;
position:absolute;
content:"";
left:0;
top:1px;
width:6px;
height:19px;
background:#9a9a9a;
}

.hdg-l3-01{
position:relative;
border-bottom:2px solid #ababab;
margin:15px 0 10px;
font-weight:bold;
}

section div section div > .hdg-l3-01{
margin-top:0;
}

section div section div > * + .hdg-l3-01{
margin:15px 0 10px;
}

.hdg-l3-01:before{
display:block;
position:absolute;
content:"";
top:3px;
left:0;
width:14px;
height:14px;
background:#273793;
}

.hdg-l3-01:after{
display:block;
position:absolute;
content:"";
top:9px;
left:0;
width:14px;
height:2px;
background:#fff;
}

.hdg-l3-01 > span{
display:block;
position:relative;
padding:0 0 5px 20px;
}

.hdg-l3-01 > span:before{
display:block;
position:absolute;
content:"";
top:3px;
left:6px;
width:2px;
height:14px;
background:#fff;
}

.hdg-l3-02{
position:relative;
border-bottom:1px solid #c0c0c0;
margin:15px 0 10px;
padding:5px 0;
font-weight:bold;
}

.hdg-l3-02 input{
position:absolute;
top:8px;
}

.hdg-l3-02 label{
display:inline-block;
padding-left:1.8em;
font-weight:normal;
}

.hdg-l3-02 label span{
font-weight:bold;
}

.hdg-l3-03{
font-weight:bold;
font-size:128.57%;
margin-bottom:15px;
margin-top:35px;
}

@media screen and (max-width: 720px){
.hdg-l3-03{
font-size:107.14%;
}
}

.hdg-l4-01,
.hdg-l4-02{
margin:15px 0 10px;
padding:5px 10px;
font-weight:bold;
background:#f4f4f4;
}

.box-02.adjust-01 .hdg-l4-01{
margin-top:0;
margin-bottom:0;
}

.hdg-l4-02{
background:#d2f1ff;
}

.hdg-content.inc-icon > .hdg-l4-01{
padding-right:175px;
}

.hdg-content.inc-icon > .icon-title{
position:absolute;
right:2px;
top:4px;
}

.hdg-content > .hdg-l4-01 + .txt{
position:absolute;
right:10px;
top:5px;
}

.hdg-l4-01 label{
display:block;
}

.hdg-l5-01{
margin:15px 0 5px;
font-weight:bold;
}

.hdg-title{
border-bottom:2px solid #6d8499;
margin-bottom:15px;
padding-bottom:5px;
font-size:107.1429%;
font-weight:bold;
color:#273d52;
}

.hdg-art-title{
margin:15px 0 15px;
}

.txt .hdg-art-title{
margin:0 0 15px;
}

.hdg-art-title .ctg{
display:inline-block;
margin-right:10px;
padding:2px 8px;
vertical-align:middle;
font-size:85.7143%;
}

.hdg-art-title .date{
display:inline-block;
margin-right:15px;
vertical-align:middle;
}

.hdg-art-title .ctg.color-01{
background:#f2e2b6;
color:#574821;
}

.hdg-art-title .ctg.color-02{
background:#cfe6d9;
color:#174d2f;
}

.hdg-art-title .ctg.color-03{
background:#e6f0fa;
color:#333;
}

.hdg-art-title .title{
display:inline-block;
font-size:128.5714%;
font-weight:bold;
}

.txt .hdg-art-title .title{
margin-top:10px;
}

.hdg-dash{
position:relative;
margin-bottom:20px;
font-size:128.5714%;
font-weight:bold;
}

.hdg-dash:after{
display:block;
position:absolute;
content:"";
right:0;
bottom:0.7em;
width:100%;
height:2px;
background:#023894;
}

.hdg-dash span{
position:relative;
z-index:1;
padding-right:15px;
background:#fff;
}

.hdg-before,
.hdg-after{
position:relative;
font-size:114.2857%;
font-weight:bold;
color:#2c4c6d;
}

.hdg-after{
color:#ad6d51;
}

.hdg-before:after,
.hdg-after:after{
display:block;
position:absolute;
content:"";
right:0;
bottom:0.7em;
width:100%;
height:4px;
background:#d9e1ea;
}

.hdg-after:after{
background:#e9ddd1;
}

.hdg-before span,
.hdg-after span{
position:relative;
z-index:1;
padding-right:15px;
background:#fff;
}

.hdg-glass,
.hdg-check{
position:relative;
margin-bottom:15px;
padding-left:30px;
font-weight:bold;
}

.hdg-glass:before{
display:block;
position:absolute;
content:"";
top:-2px;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -3034px 0 no-repeat;
background-position:-1517px 0;
background-size:cover;
}

.hdg-check:before{
display:block;
position:absolute;
content:"";
top:-2px;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -3116px 0 no-repeat;
background-position:-1558px 0;
background-size:cover;
}

.hdg-tel,
.hdg-mail{
position:relative;
font-weight:bold;
margin-bottom:15px;
padding:5px 0 0 40px;
}

.hdg-tel:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -1312px 0 no-repeat;
background-position:-656px 0;
background-size:cover;
}

.hdg-mail:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -1230px 0 no-repeat;
background-position:-615px 0;
background-size:cover;
}

.hdg-link{
margin-bottom:15px;
}

.hdg-link a{
position:relative;
display:block;
padding:5px 10px 5px 35px;
font-weight:bold;
background:#f4f4f4;
}

.hdg-link a:before{
display:block;
position:absolute;
content:"";
top:11px;
left:10px;
border-radius:2px;
width:17px;
height:10px;
background:#273793;
}

.hdg-link a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:18px;
top:16px;
}

.hdg-num{
font-weight:bold;
}

.hdg-num span + span{
display:block;
padding-top:3px;
}

.roman{
margin-left:20px;
font-weight:normal;
}

.hdg-serch{
position:relative;
margin-bottom:12px;
}
.hdg-serch .hdg{
font-size:171.428%;
font-weight:bold;
}
.hdg-serch .total{
position: absolute;
bottom:0;
right:0;
font-weight:bold;
}
.hdg-serch .total span{
margin-right:15px;
display:inline-block;
}
.hdg-serch .total em{
color:#013793;
font-size:157.14%;
}


@media screen and (max-width: 970px){
.hdg-content + .btn-area-02 + .icon-area-01 ul{
position:static;
margin-top:10px;
}

.hdg-content > .box-contact-03{
font-size:85%;
}

.hdg-content > .list-icon-05{
position:static;
margin:0 0 10px;
}
}
@media screen and (max-width: 720px){
.wrap-02 .hdg-content{
padding:0 5px;
}
.hdg-content > a{
top:9px;
padding:7px 5px;
font-size:71.4286%;
}

.hdg-content > a:hover,
.hdg-content > a:focus,
.hdg-content > a:active{
background-image:-webkit-linear-gradient(#fdfdfd, #dedede);
background-image:linear-gradient(#fdfdfd, #dedede);
}

.hdg-l1-01{
margin:3px 0 5px;
padding-right:10px !important;
font-size:121.4286%;
background-image:-webkit-linear-gradient(#f1efec, #f8f7f5);
background-image:linear-gradient(#f1efec, #f8f7f5);
}

.box-h1-content .hdg-l1-01{
margin-bottom:0;
padding:15px 10px 15px 31px;
font-size:106.25%;
}

.hdg-l1-01:before{
left:2px;
}

.box-h1-content .hdg-l1-01:before,
.box-h1-content .hdg-l1-01:after{
display:block;
}

.hdg-content > .facebook{
overflow:hidden;
position:static;
float:right;
margin:0 5px 10px 0;
}

.hdg-content.inc-icon > .icon-area-02{
position:static;
margin:0 5px 5px 0;
width:auto;
}

.hdg-content > .list-flow-01{
position:static;
margin:10px 0 5px 5px;
}

.hdg-content + .btn-area-02 + .icon-area-01 ul{
margin-top:0;
}

.hdg-content > .btn-area-01,
.hdg-content > .contact-number,
.hdg-content + .btn-area-02{
display:none;
}

.hdg-content > .box-contact-03{
display:none;
}

.hdg-top-01{
font-size:92.8571%;
}

.hdg-top-01 a:hover,
.hdg-top-01 a:focus,
.hdg-top-01 a:active{
background-image:-webkit-linear-gradient(#dcd7cb, #f0eee8);
background-image:linear-gradient(#dcd7cb, #f0eee8);
}

.hdg-top-02{
padding:3px;
font-size:92.8571%;
}

.hdg-top-02 > span{
padding:15px;
}

.hdg-top-02 > span:before{
border:none;
background-image:#273793;
}

.hdg-l2-01{
margin:20px 0 10px;
padding:7px 5px;
font-size:0.75rem;
}

.col + .col .hdg-l2-01{
margin-top:0;
}

.tabs .box-05 .hdg-l2-01{
margin:20px 0 10px;
}

.hdg-l2-01 > span:after{
display:block;
position:absolute;
content:"";
left:0;
bottom:-7px;
width:100%;
height:1px;
background:#d3d3d3;
}

.hdg-l2-02{
font-size:0.75rem;
padding:2px 0 5px 15px;
}

.hdg-l2-02 a{
position:relative;
display:block;
}

.hdg-l2-02 a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -410px 0 no-repeat;
background-position:-205px 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
}

.hdg-l3-01{
margin:20px 0 10px;
font-size:0.75rem;
}

.hdg-l2-01 + .hdg-l3-01{
margin-top:10px;
}

section div section div > .hdg-l3-01{
margin-top:0;
}

section div section div > * + .hdg-l3-01{
margin:20px 0 10px;
}

.hdg-l3-01:before{
top:1px;
}

.hdg-l3-01:after{
top:7px;
}

.hdg-l3-01 > span:before{
top:1px;
}

.hdg-l3-02{
margin:20px 0 10px;
font-size:0.75rem;
}

.hdg-l3-02 input{
top:6px;
}

.hdg-l3-02 label{
display:block;
}

.hdg-l4-01,
.hdg-l4-02,
.hdg-l5-01,
.hdg-title{
font-size:0.75rem;
}

.hdg-content.inc-icon > .hdg-l4-01{
padding-right:0;
}

.hdg-content.inc-icon .icon-title{
position:static;
display:block;
float:right;
margin:-5px 0 10px;
}

.hdg-content > .hdg-l4-01 + .txt{
position:static;
padding:10px 10px 0 0;
text-align:right;
}

.hdg-art-title{
margin:20px 0 10px;
}

.txt .hdg-art-title{
margin:0 0 10px;
}

.hdg-l2-01 + .hdg-art-title{
margin:10px 0 10px;
}

.hdg-art-title .ctg{
font-size:71.4286%;
}

.hdg-art-title .date{
font-size:85.7143%;
}

.hdg-art-title .title{
display:block;
margin:6px 0 0 0 !important;
font-size:100%;
}

.hdg-dash,
.hdg-before,
.hdg-after{
font-size:100%;
}

.hdg-glass,
.hdg-check{
border-bottom:1px solid #aeaeae;
margin-bottom:5px;
padding-bottom:3px;
}

.hdg-toggle .btn{
position:relative;
cursor:pointer;
}

.hdg-toggle .btn:before{
display:block;
position:absolute;
content:"";
right:10px;
top:50%;
margin-top:-2px;
width:16px;
height:4px;
background:#023894;
z-index:1;
}

.hdg-toggle .btn:after{
display:block;
position:absolute;
content:"";
right:16px;
top:50%;
margin-top:-8px;
width:4px;
height:16px;
background:#023894;
}

.hdg-toggle .btn.open:after{
display:none;
}

.hdg-tel,
.hdg-mail,
.hdg-link,
.hdg-num{
font-size:0.75rem;
}

.hdg-link a:before{
top:9px;
}

.hdg-link a:after{
top:15px;
}

.roman{
display:inline-block;
margin-bottom:5px;
}

.hdg-l4-01 .roman{
margin-bottom:0;
}

.hdg-serch{
position: static;
margin-bottom:10px;
}
.hdg-serch .hdg{
display:none;
}
.hdg-serch .total{
position: static;
font-weight:normal;
text-align:right;
}
.hdg-serch .total em{
color:#013793;
font-size:157.14%;
font-weight:bold;
}
}
/*----------------------------------------
 text
----------------------------------------*/
#main-content section > p,
#main-content section > form > p,
#main-content .wrap-adjust > p{
margin:15px 0;
}

#main-content .hdg-l2-01 + p,
#main-content .hdg-l3-01 + p,
#main-content .hdg-l4-01 + p,
#main-content .hdg-l5-01 + p{
margin-top:0;
}

@media screen and (max-width: 720px){
#main-content p,
#side-content p{
font-size:0.75rem !important;
}

}
#page-top-fix{
position:fixed;
bottom:60px;
right:48px;
z-index:101;
font-size:12px;
text-align:center;
}

#page-top-fix a{
position:relative;
display:inline-block;
box-sizing:border-box;
border-radius:3px;
padding-top:30px;
width:80px;
height:54px;
background:rgba(21, 38, 135, 0.85);
filter:alpha(opacity=85);
text-decoration:none;
color:#fff;
}

#page-top-fix a:before{
display:block;
position:absolute;
content:"";
top:9px;
left:50%;
margin-left:-14px;
width:36px;
height:36px;
background:url("/office/shared/images/arrow-pt.png") no-repeat;
background-size:cover;
}

.page-top{
margin:30px auto 0;
width:950px;
text-align:right;
font-size:68.75% !important;
}

#simple-01 .page-top{
width:790px;
}

#simple-01.min .page-top{
width:600px;
}

#simple-01.for-print .page-top{
width:726px;
}

.page-top a{
position:relative;
border-radius:5px 5px 0 0;
padding:5px 20px 5px 25px;
box-shadow:0 1px 5px #2c397f inset;
color:#fff;
text-decoration:none;
background:#36459a;
}

.page-top a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -164px 0 no-repeat;
background-position:-82px 0;
top:50%;
left:8px;
margin-top:-2px;
width:36px;
height:36px;
background-size:cover;
}

.page-top-static{
margin:30px 0 15px !important;
text-align:right;
font-size:85.7143%;
}

.page-top-static a{
position:relative;
display:inline-block;
padding:0 5px 0 14px;
line-height:1.2;
}

.page-top-static a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2952px 0 no-repeat;
background-position:-1476px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.4em;
margin-top:0;
}

@media screen and (max-width: 970px){
#page-top-fix{
right:10px;
}

.page-top{
width:100%;
}
}
@media screen and (max-width: 810px){
#simple-01 .page-top{
width:100%;
}
}
@media screen and (max-width: 720px){
#simple-01.min .page-top{
width:100%;
}

.page-top{
margin:15px 0 0 -10px;
}
}
.arrow-01{
margin:20px 0 30px;
}

.arrow-01 span{
position:relative;
padding-left:70px;
}

.arrow-01 span:before{
display:block;
position:absolute;
content:"";
left:0;
top:0;
width:49px;
height:29px;
background:url(/office/images/arrow_01.png) no-repeat left top;
background-size:cover;
}

.box-search .arrow-01{
margin:10px 0;
}
.box-search .arrow-01 span{
position:relative;
padding-left:40px;
}
.box-search .arrow-01 span:before{
display:block;
position:absolute;
content:"";
left:0;
top:4px;
width:32px;
height:14px;
background:url(/office/images/arrow_02.png) no-repeat left top;
background-size:cover;
}

.result-txt{
background:#909090;
padding:5px;
text-align:center;
color:#fff;
}

.caption{
display:block;
font-size:92.8571%;
padding:5px 0;
}

.chk-01{
position:relative;
padding:2px 5px 0 25px;
}

.chk-01:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -1476px 0 no-repeat;
background-position:-738px 0;
background-size:cover;
}

.box-04 .chk-01,
.box-04 .chk-01 + a,
.box-04 .chk-01 + button,
.box-04 .chk-01 + a + button{
display:inline-block;
width:auto;
vertical-align:middle;
}

.disp-01{
color:#c00;
font-weight:bold;
margin:0 2px;
}

a.wrap{
display:block;
color:inherit;
text-decoration:none;
}

a.wrap:hover,
a.wrap:focus,
a.wrap:active{
color:inherit;
}

a.qst{
position:relative;
display:inline-block;
padding-left:25px;
}

.link-area a.qst{
color:inherit;
text-decoration:none;
}

a.qst:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -820px 0 no-repeat;
background-position:-410px 0;
background-size:cover;
}

.link-01,
a.link-01{
position:relative;
padding:2px 0 0 25px;
color:inherit;
text-decoration:none;
}

.link-01:before{
display:block;
position:absolute;
content:"";
top:50%;
left:0;
border-radius:2px;
margin-top:-5px;
width:17px;
height:10px;
background:#273793;
}

.link-01:after{
display:block;
position:absolute;
content:"";
right:inherit;
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:8px;
margin-top:-3px;
}

.link-02{
position:relative;
padding-left:20px !important;
}

.link-02:before{
display:block;
position:absolute;
content:"";
right:inherit;
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:8px;
margin-top:-3px;
}

.link-03{
display:inline-block;
position:relative;
padding:0 5px 0 14px;
line-height:1.2;
}

.link-03:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.2em;
left:2px;
margin-top:0;
}

.link-area a.qst:hover,
.link-area a.qst:focus,
.link-area a.qst:active,
a.link-01:hover,
a.link-01:focus,
a.link-01:active{
color:#7e6020;
}

.tbl-shamth .link-accd{
margin-top:15px;
}

.link-accd a{
position:relative;
display:inline-block;
padding:0 5px 0 14px;
line-height:1.2;
}

.link-accd a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2870px 0 no-repeat;
background-position:-1435px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.4em;
margin-top:0;
}

.link-accd.open a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2952px 0 no-repeat;
background-position:-1476px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.4em;
margin-top:0;
}

.area-link{
margin-bottom:25px;
}
.area-link .list-link-01 li{
text-align:right;
}

@media screen and (max-width: 720px){
.area-link{
padding:13px 0;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
margin:0 -10px 20px;
}
.area-link .list-link-01 li{
text-align:center;
}

.arrow-01{
margin:50px 0 20px;
}

.arrow-01 span{
padding-left:0;
}

.arrow-01 span:before{
display:block;
position:absolute;
content:"";
left:50%;
top:-40px;
margin-left:-25px;
}
.arrow-01 span:before{
display:block;
position:absolute;
content:"";
left:50%;
top:-40px;
margin-left:-25px;
}

.box-search .arrow-01 span:before{
display:block;
position:absolute;
content:"";
left:0;
top:4px;
width:32px;
height:14px;
background:url(/office/images/arrow_02.png) no-repeat left top;
background-size:cover;
margin-left:0;
}

.box-04 .chk-01{
font-weight:bold;
}

.box-04 .chk-01 + button,
.box-04 .chk-01 + a,
.box-04 .chk-01 + a + button{
display:block;
margin-top:10px;
width:85%;
}

.link-01{
padding:0 0 0 25px !important;
background:none left top !important;
}

a.qst:hover,
a.qst:focus,
a.qst:active,
a.link-01:hover,
a.link-01:focus,
a.link-01:active{
color:#333;
}
}
.telnum-02,
.telnum-03{
position:relative;
top:2px;
margin:0 1px;
color:#d14c00;
font-size:150%;
}

.telnum-03{
top:0;
font-size:inherit;
}

.telnum-02 a,
.telnum-03 a{
color:#c74800;
text-decoration:none;
cursor:text;
}

.copy-01{
clear:both;
font-weight:bold;
color:#666;
font-size:114.2857%;
}

.copy-02{
margin-bottom:10px;
font-weight:bold;
color:#665b44;
font-size:142.8571%;
}

.copy-03,
.copy-04{
margin-bottom:10px;
font-weight:bold;
font-size:128.5714%;
}

.copy-04{
font-size:171.4286%;
}

.em-01{
color:#cc0000;
}

.num{
float:left;
border:1px solid #233286;
margin-right:8px;
overflow:visible;
padding:2px 7px;
background-color:#3f4d96;
background-image:-webkit-linear-gradient(#233286, #5762a2);
background-image:linear-gradient(#233286, #5762a2);
color:#fff;
font-weight:bold;
}

.list-num-01.consult .num{
border:1px solid #033059;
background-color:#1f4970;
background-image:-webkit-linear-gradient(#033059, #3b6082);
background-image:linear-gradient(#033059, #3b6082);
}

.num2{
float:left;
overflow:visible;
margin-right:8px;
padding:1px 7px;
font-weight:normal;
background:#999386;
color:#fff;
}

.number-contact .num{
float:none;
border:none;
margin:0;
padding:0;
background:none;
color:inherit;
font-weight:bold;
}

@media screen and (max-width: 970px){
.copy-04{
margin-top:10px;
}

.copy-04 br{
display:none;
}
}
@media screen and (max-width: 720px){
#main-content .copy-01{
font-size:0.9375rem !important;
}

.copy-02{
font-size:114.2857%;
}

#main-content .copy-03{
font-size:107.1429% !important;
}
}
#main-content input[type="text"]{
box-shadow:0 3px 2px rgba(0, 0, 0, 0.1) inset;
box-sizing:border-box;
border:1px solid #b8b8b8;
padding:4px 3px 3px 5px;
line-height:1.5;
color:#333;
font-size:86%;
}

/*----------------------------------------
 list
----------------------------------------*/
li a{
word-break:break-all;
}

.list-01 > li{
padding-bottom:2px;
}

.list-01.rail > li{
margin-bottom:7px;
}

.list-01.rail_01 > li{
margin-bottom:2px;
}

.list-01 .icon-rail.bb{
display:inline-block;
border-bottom:2px solid #ececec;
margin-bottom:5px;
padding-bottom:15px;
}

.list-news-01{
margin-top:15px;
font-size:100%;
}

.list-news-01 dt .ctg{
margin-left:10px;
}

.list-news-01 dd + dt{
margin-top:5px;
}

.list-timeline-01 dt,
.list-timeline-02 dt{
clear:left;
float:left;
width:7em;
}

.list-timeline-01 dd,
.list-timeline-02 dd{
padding-left:7em;
}

.list-timeline-01 dd + dt,
.list-timeline-01 dd + dt + dd,
.list-timeline-02 dd + dt,
.list-timeline-02 dd + dt + dd{
margin-top:10px;
}

.list-timeline-02 dd .label{
font-size:85.7142%;
}

dl.list-01 dt{
font-weight:bold;
margin-bottom:5px;
}

dl.list-01 dd + dt{
margin-top:10px;
}

.list-dfn-01 dt{
font-size:114.2857%;
font-weight:bold;
}

.list-dfn-01 dt.fw-normal{
font-weight: normal;
}

.list-dfn-01 dd{
font-size:92.8571%;
}

.list-dfn-02 dt{
font-size:100%;
font-weight:bold;
}

.list-dfn-02 dd{
margin-top:5px;
font-size:92.8571%;
}

.panel-09 .list-dfn-02 dd{
font-size:100%;
}

.list-dfn-02 dd + dt{
margin-top:15px;
}

.list-dfn-03 dt{
clear:left;
float:left;
margin-right:10px;
font-weight:bold;
}

.list-dfn-03 dd{
float:left;
}

.list-dfn-03 dd + dt,
.list-dfn-03 dd + dt + dd{
margin-top:5px;
}

.list-dfn-03.wid-fix dt{
width:5em;
margin-right:2px;
}

.list-dfn-03.wid-fix dd{
width:90%;
}

.list-dfn-04 dt{
clear:left;
float:left;
margin-bottom:5px;
}

.list-dfn-04 dd{
padding-left:1.3em;
position:relative;
margin-bottom:5px;
overflow:hidden;
}

dl.word-length2 dt{
width:2em;
}

dl.word-length3 dt{
width:3em;
}

dl.word-length4 dt{
width:4em;
}

dl.word-length5 dt{
width:5em;
}

dl.word-length6 dt{
width:6em;
}

dl.word-length7 dt{
width:7em;
}

.list-dfn-04 dd > .colon{
position:absolute;
left:0.1em;
top:0;
}

.list-dfn-05{
text-align:center;
}

.list-dfn-05 dt{
display:inline-block;
font-size:107.1429%;
font-weight:bold;
}

.list-dfn-05 dd{
display:inline-block;
font-weight:bold;
font-size:171.4286%;
}

.list-dfn-link + .list-dfn-link{
margin-top:20px;
}

.list-dfn-link > dt > a{
display:inline-block;
position:relative;
padding:0 0 0 14px;
line-height:1.2;
font-weight:bold;
}

.list-dfn-link > dt > a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.2em;
left:2px;
margin-top:0;
}

.list-dfn-link > dd{
margin-top:5px;
font-size:85.7143%;
color:#666;
}

.list-dfn-link > dd .url{
display:block;
color:#7e6020;
}

.list-dfn-item{
display:table;
width:100%;
}

.list-dfn-item dt{
display:table-cell;
width:28%;
vertical-align:top;
font-weight:bold;
text-align:center;
}

.list-dfn-item dt span{
display:block;
padding:5px;
background:#e6e6e6;
}

.list-dfn-item dd{
display:table-cell;
box-sizing:border-box;
vertical-align:middle;
width:72%;
padding:0 10px;
word-break:break-all;
}

.list-dfn-ctg dt{
display:inline-block;
margin-bottom:5px;
padding:2px 8px 1px;
font-size:85.7143%;
}

.list-dfn-ctg dt.color-01{
background:#f2e2b6;
color:#574821;
}

.list-dfn-ctg dt.color-02{
background:#cfe6d9;
color:#174d2f;
}

.list-dfn-ctg dd + dt{
margin-top:15px;
}

.list-dfn-iconbox{
margin-bottom:20px;
padding:10px 12px;
background:#f4f4f4;
}

.list-dfn-iconbox dt{
float:left;
font-weight:bold;
}

.list-dfn-iconbox dd{
margin-left:220px;
}

.list-condition-01{
font-size:85.7143%;
}

.list-condition-01 dt{
float:left;
padding:0 14px 0 0;
font-weight:bold;
}

.list-condition-01 dd{
border-left:1px solid #c0c0c0;
overflow:hidden;
padding:0 0 0 14px;
}

.list-condition-01 dd ul li{
float:left;
padding-left:18px;
white-space:nowrap;
background:url("/office/shared/images/slash_01.png") no-repeat 5px 0.3em;
}

.list-condition-01 dd ul li:first-child{
padding-left:0;
background:none;
}

.img-l .list-qa-01{
padding-left:10px;
}

.img-r .list-qa-01{
padding-right:10px;
}

.list-qa-01 dt{
float:left;
width:2em;
}

.list-qa-01 dt.question{
font-weight:bold;
color:#213f63;
}

.list-qa-01 dt.question + dd{
font-weight:bold;
color:#213f63;
}

.list-qa-01 dt.answer{
font-weight:bold;
}

.list-qa-01 dd{
margin-bottom:15px;
padding-left:2.5em;
}

.list-bnr-01{
margin:0 0 -10px -14px;
padding-top:20px;
text-align:center;
}

.list-bnr-01 li{
float:left;
margin:0 0 10px 14px;
}

.list-bnr-02{
margin-bottom:19px;
}

.list-bnr-02 li + li{
margin-top:10px;
}

.list-bnr-02 li img{
border:1px solid #d6d6d6;
box-sizing:border-box;
padding:1px;
}

.list-bnr-02 li .caption{
display:block;
font-size:78.5714%;
}

.list-btn-01 li{
margin-top:5px;
text-align:center;
}

.list-btn-01 li:first-child{
margin-top:0;
}

.list-btn-02,
.list-btn-03{
text-align:center;
}

.list-btn-03.adjust-01{
float:right;
margin-top:-2em;
width:60%;
text-align:left;
}

.list-btn-02 li{
display:inline-block;
vertical-align:middle;
width:192px;
}

.list-btn-02.auto li{
width:auto;
}

.list-btn-02.auto li + li{
margin-left:10px;
}

.list-btn-03 li{
display:inline-block;
vertical-align:bottom;
width:48%;
}

.list-btn-03.auto li{
width:auto;
}

.list-btn-03 li + li{
margin:0 0 0 2%;
}

.list-btn-unique{
margin-top:20px;
}

.list-btn-unique li{
float:left;
margin-left:5px;
}

.list-btn-unique li:first-child{
margin-left:0;
}

.list-btn-unique li.right{
float:right;
}

.list-link-01.adjust-01{
margin-bottom:30px;
}

.list-link-01 > li,
.list-link-02 > li{
font-size:100%;
}

.list-link-01 > li + li,
.list-link-02 > li + li{
margin-top:6px;
}

.list-link-01.col2 > li,
.list-link-02.col2 > li,
.list-link-01.col3 > li,
.list-link-02.col3 > li{
display:inline-block;
vertical-align:top;
width:49%;
}

.list-link-01.col2 > li:first-child + li,
.list-link-02.col2 > li:first-child + li,
.list-link-01.col3 > li:first-child + li,
.list-link-01.col3 > li:first-child + li + li{
margin-top:0;
}

.list-link-01.col3 > li,
.list-link-02.col3 > li{
width:32%;
}

.list-link-01.col3 > li:nth-child(3n),
.list-link-02.col3 > li:nth-child(3n){
width:34%;
}

.list-link-01.inline > li{
display:inline-block;
margin-right:10px;
}

.panel-11 .list-link-01.inline > li{
border-right:1px solid #999;
padding-right:10px;
}

.list-link-01 > li > a,
.list-link-01 > li > span{
display:inline-block;
position:relative;
padding:0 5px 0 14px;
line-height:1.2;
}

.list-link-01 > li.row-h{
padding-top:10px;
padding-bottom:10px;
}

.list-link-01 > li.bg-gray{
background:#f0f1f8;
padding-left:14px;
padding-right:14px;
}

.list-link-01 > li > a:before,
.list-link-01 > li > span:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.2em;
left:2px;
margin-top:0;
}

.list-link-01.anclink > li > a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -2870px 0 no-repeat;
background-position:-1435px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:50%;
margin-top:-2px;
}

.list-link-01 > li > ul{
margin:6px 0 0 1em;
}

.list-link-01 > li > ul > li{
font-size:85.7143%;
}

.list-link-02 > li > a{
display:block;
position:relative;
padding-left:25px;
}

.list-link-02 > li > a:before{
display:block;
position:absolute;
content:"";
top:5px;
left:0;
border-radius:2px;
width:17px;
height:10px;
background:#273793;
}

.list-link-02 > li > a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:7px;
top:10px;
}

.list-link-01 > li + li,
.list-link-02 > li + li{
margin-top:6px;
}

.list-link-03{
margin-left:-10px;
}
.list-link-03 > li {
float:left;
margin-left:10px;
background:#fff;
border:1px solid #d1d1d1;
border-radius:6px;
padding:6px 2px 4px 10px;
line-height:1.1;
margin-bottom:9px;
font-size:85.7%;
}
.list-link-03 > li a:link,
.list-link-03 > li a:visited{
text-decoration:none;
}


.list-ordered-01 > li{
list-style:decimal;
margin-left:1.5em;
padding-left:0.5em;
}

.list-ordered-01 > li + li{
margin-top:6px;
}

.list-ordered-02 > li{
position:relative;
padding-left:2em;
}

.list-ordered-02.brackets > li{
padding-left:2.8em;
}

.list-ordered-02 > li + li{
margin-top:6px;
}

.list-ordered-02 > li > span,
.list-ordered-02 > li > em > span{
position:absolute;
left:0;
top:0;
}

.list-ordered-01 > li > ol,
.list-ordered-01 > li > ul,
.list-ordered-02 > li > ol,
.list-ordered-02 > li > ul{
margin-top:6px;
}

.list-icon-01,
.list-icon-02,
.list-icon-02_01{
margin-top:10px;
}

.list-icon-01 > li,
.list-icon-02 > li,
.list-icon-03 > li{
display:inline-block;
margin:0 3px 3px 0;
padding:2px 5px;
line-height:1.6;
vertical-align:top;
background-color:#e8e5db;
color:#6c5911;
font-size:71.4286%;
}

.list-icon-02_01 > li{
display:inline-block;
margin:0 3px 6px 0;
padding:2px 5px;
line-height:1.6;
vertical-align:top;
background-color:#e8e5db;
color:#6c5911;
font-size:71.4286%;
}

.list-icon-01.large > li,
.list-icon-02.large > li,
.list-icon-02_01.large > li{
font-size:100%;
}

.list-icon-02 > li,
.list-icon-02_01 > li{
background-color:#ced8e4;
color:#333;
}

.list-icon-03 > li{
box-shadow:0 1px #ccc;
border:1px solid #c0c0c0;
padding:2px 10px 1px;
color:#695e45;
font-size:78.5714%;
background-color:#f7f7f7;
background-image:-webkit-linear-gradient(#f1f1f1, #fefefe);
background-image:linear-gradient(#f1f1f1, #fefefe);
}

.list-icon-03 > li.new{
border:1px solid #d3bb50;
background-color:#fffad1;
background-image:-webkit-linear-gradient(#fff9cb, #fffadd);
background-image:linear-gradient(#fff9cb, #fffadd);
}

.list-icon-04 > li{
display:inline-block;
margin:0 10px 5px 0;
width:11em;
font-size:85.7143%;
background:none;
}

.list-icon-05{
margin-left:-2px;
}

.list-icon-05 > li{
float:left;
margin-left:2px;
}

.list-icon-05 > li > span{
margin:0;
}

.list-inline-01.col1 li{
width:100%;
}

.list-inline-01 li{
position:relative;
display:inline-block;
box-sizing:border-box;
padding-left:1.3em;
width:24%;
margin:0 0 5px 0;
vertical-align:top;
}

.list-inline-01.col3 li{
width:32.7%;
}

.list-inline-02 li{
position:relative;
display:inline-block;
margin:0 0 5px 0;
vertical-align:top;
}

.list-inline-02.mid li{
vertical-align:middle;
}

.list-inline-02.col1 li{
width:100%;
}

.list-inline-02.col2 li{
width:49%;
}

.list-inline-02.col3 li{
width:32.5%;
}

.list-inline-02.col4 li{
width:24%;
}

.list-inline-02.col6 li{
width:16.5%;
}

.list-inline-02 li.full{
width:100%;
}



.list-check-outer {
  padding: 0 10px 10px;
}
.list-check {
  margin-top: -3px;
  margin-left: -3.1758130081300817%; /* 10 / 314.88 */
  width: 103.1758130081300817%; /* 324.88 / 314.88 */
}
.list-check:after {
  clear: both;
  content: "";
  display: table;
}
.list-check li {
  float: left;
  margin-top: 3px;
  margin-left: 3.078059591233686%; /* 10 / 324.88 */
}
.list-check.col1 li {
  width: 96.92194040876632%; /* 314.88 / 324.88 */
}
.list-check.col2 li {
  width: 46.92194040876632%; /* 152.44 / 324.88 */
}
.list-check.col3 li {
  width: 30.255273742099646%; /* 98.293333.... / 324.88 */
}
.list-check.col4 li {
  width: 21.921940408766314%; /* 71.22 / 324.88 */
}
.list-check.col5 li {
  width: 16.921940408766314%; /* 54.976 / 324.88 */
}
.list-check.col6 li {
  width: 12.665189198062876%; /* 41.146666.... / 324.88 */
}

.list-check label {
  display: block;
  padding: 3px 0 0 2em;
  position: relative;
}
.list-check input[type="checkbox"],
.list-check input[type="radio"] {
  position:absolute;
  left: 0;
  top: .45em;
}

@media screen and (max-width: 720px){
  .list-check-outer {
    padding: 0 10px;
  }
  .list-check {
    font-size: 0.75rem;
    margin-top: -5px;
    margin-left: -3.802281368821293%; /* 10 / 263 */
    width: 103.802281368821293%; /* 273 / 263 */
  }
  .list-check li {
    margin-top: 5px;
    margin-left: 3.6630036630036633%; /* 10 / 293 */
  }
  .list-check.col1 li {
    width: 96.33699633699634%; /* 263 / 273 */
  }
  .list-check.col2 li {
    width: 46.336996336996336%; /* 126.5 / 273 */
  }
  .list-check.col3 li {
    width: 29.67032967032967%; /* 126.5 / 273 */
  }
  .list-check.col4 li {
    width: 21.336996336996336%; /* 58.25 / 273 */
  }
  .list-check.col5 li {
    width: 16.336996336996336%; /* 44.6 / 273 */
  }
  .list-check.col6 li {
    width: 13.003663003663005%; /* 35.5 / 273 */
  }
  .list-check label {
    padding: 6px 0 6px 2em;
  }
  .list-check input[type="checkbox"],
  .list-check input[type="radio"] {
    top: .65em;
  }
}



.list-inline-01 li input[type="checkbox"],
.list-inline-01 li input[type="radio"]{
position:absolute;
left:1px;
top:3px;
}

.list-inline-02 li input[type="checkbox"],
.list-inline-02 li input[type="radio"]{
position:absolute;
left:1px;
top:2px;
}

.list-inline-02 li.full input[type="text"]{
position:relative;
top:-2px;
}

.list-inline-02 li.cfx > span,
.list-inline-02 li.cfx > label,
.list-inline-02 li.cfx > input[type="text"]{
float:left;
}

.list-inline-02 li.cfx > span,
.list-inline-02 li > label{
display:block;
padding-left:20px;
padding-right:10px;
cursor:pointer;
}

.list-inline-02 li #sending_area{
margin-top:10px;
padding-left:20px;
}

.list-row-01{
margin:0 -8px;
}

.contact .list-row-01{
margin:0 -10px;
}

.list-row-01 > li{
padding:0 8px;
}

.contact .list-row-01 > li{
padding:0 10px;
}

.list-row-01 > li:first-child{
padding-bottom:8px;
}

.contact .list-row-01 > li:first-child{
padding-bottom:10px;
}

.list-row-01 > li + li{
border-top:1px solid #c0c0c0;
padding-top:8px;
}

.contact .list-row-01 > li + li{
padding-top:8px;
}

.list-note-01{
margin-top:10px;
}

.list-note-01 > li{
position:relative;
padding:0 0 4px 1.6em;
font-size:85.7143%;
color:#666;
}

.list-note-01.brackets > li{
padding-left:2.8em;
}

.list-note-01 > li.imp-01{
color:#cc0000;
}

.list-note-01.ordered > li{
padding:0 0 4px 3em;
}

.list-note-01 > li > span,
.list-note-01 > li > em > span{
position:absolute;
left:1px;
top:0;
}

.list-note-01 > li > ul,
.list-note-01 > li > ol{
margin-top:6px;
font-size:100%;
}

.list-bullet-01 li{
position:relative;
padding-left:1em;
}

.list-bullet-01 li + li,
.list-bullet-01 > li > ul{
margin-top:6px;
}

.list-bullet-01.inline > li{
display:inline-block;
margin-right:10px;
}

.list-bullet-01.col2 > li,
.list-bullet-01.col3 > li{
display:inline-block;
box-sizing:border-box;
vertical-align:top;
width:49%;
}

.list-bullet-01.col2 > li:first-child + li,
.list-bullet-01.col3 > li:first-child + li,
.list-bullet-01.col3 > li:first-child + li + li{
margin-top:0;
}

.list-bullet-01.col3 > li{
width:32%;
}

.list-bullet-01 li:before{
display:block;
position:absolute;
content:"";
top:0.6em;
left:0.4em;
width:2px;
height:2px;
background:#7f7f7f;
}

.list-bullet-01 li .list-ordered-01{
margin-top:6px;
}

.list-bullet-01 li .list-ordered-01 li{
padding-left:0.5em;
}

.list-bullet-01 li .list-ordered-01 li:before{
display:none !important;
}

.list-flow-01 li{
position:relative;
float:left;
padding:5px 25px 3px;
list-style:decimal inside;
font-weight:bold;
background:url("/office/shared/images/bg-flow_01.gif") repeat-x left top;
}

.list-flow-01 li:first-child{
border-left:1px solid #d2d2d2;
}

.list-flow-01 li.current{
background:url("/office/shared/images/bg-flow_02.gif") repeat-x left top;
color:#fff;
}

.list-flow-01 li:before{
display:block;
position:absolute;
content:"";
right:-11px;
top:0;
z-index:1;
width:12px;
height:29px;
background:url("/office/shared/images/arrow-flow_02.gif") no-repeat right top;
}

.list-flow-01 li.current:before{
background:url("/office/shared/images/arrow-flow_01.gif") no-repeat right top;
}

.list-flow-01 li.current:after{
display:block;
position:absolute;
content:"";
left:-1px;
top:0;
z-index:1;
width:12px;
height:29px;
background:url("/office/shared/images/arrow-flow_04.gif") no-repeat right top;
}

.list-flow-01 li.last:before{
right:0;
background:url("/office/shared/images/arrow-flow_03.gif") no-repeat right top;
}

.list-flow-01 li.last.current:before{
right:0;
background:url("/office/shared/images/arrow-flow_05.gif") no-repeat right top;
}

.list-flow-01 li:first-child.current:after{
background:none;
}

.list-attention-01 > li{
padding:0 0 4px 24px;
background:url("/office/shared/images/icon-attention_01.png") no-repeat scroll 0 0.25em rgba(0, 0, 0, 0);
color:#ea0000;
}

.list-rail-01 li,
.list-rail-02 li{
position:relative;
float:left;
box-sizing:border-box;
margin-bottom:15px;
padding-left:25px;
width:20%;
}

.list-rail-01.col4 li{
width:25%;
}

.list-rail-01 li:nth-child(5n+1),
.list-rail-02 li:nth-child(5n+1){
clear:left;
float:left;
}

.list-rail-01.col4 li:nth-child(4n+1),
.list-rail-02.col4 li:nth-child(4n+1),
.list-rail-01.check li:nth-child(4n+1),
.list-rail-02.check li:nth-child(4n+1){
clear:left;
float:left;
}

.list-rail-01.col4 li:nth-child(5n+1),
.list-rail-02.col4 li:nth-child(5n+1),
.list-rail-01.check li:nth-child(5n+1),
.list-rail-02.check li:nth-child(5n+1){
clear:none;
}

.list-rail-01.check li{
padding:0 5px 0 50px;
width:25%;
}

.list-rail-01.check.no-icon li{
padding-left:1.5em;
}

.list-rail-01 li:before{
display:block;
position:absolute;
content:"";
left:0;
top:0;
width:36px;
height:36px;
}

.list-rail-01.check li:before,
.list-rail-02.check li:before{
top:-1px;
left:1.5em;
}

.list-rail-01 li.ginza:before{
background:url('../images/icon.png') -1804px 0 no-repeat;
background-position:-902px 0;
background-size:cover;
}

.list-rail-01 li.marunouchi:before{
background:url('../images/icon.png') -1886px 0 no-repeat;
background-position:-943px 0;
background-size:cover;
}

.list-rail-01 li.hibiya:before{
background:url('../images/icon.png') -1968px 0 no-repeat;
background-position:-984px 0;
background-size:cover;
}

.list-rail-01 li.tozai:before{
background:url('../images/icon.png') -2050px 0 no-repeat;
background-position:-1025px 0;
background-size:cover;
}

.list-rail-01 li.chiyoda:before{
background:url('../images/icon.png') -2132px 0 no-repeat;
background-position:-1066px 0;
background-size:cover;
}

.list-rail-01 li.yurakutyo:before{
background:url('../images/icon.png') -2214px 0 no-repeat;
background-position:-1107px 0;
background-size:cover;
}

.list-rail-01 li.hanzomon:before{
background:url('../images/icon.png') -2296px 0 no-repeat;
background-position:-1148px 0;
background-size:cover;
}

.list-rail-01 li.nanboku:before{
background:url('../images/icon.png') -2378px 0 no-repeat;
background-position:-1189px 0;
background-size:cover;
}

.list-rail-01 li.fukutoshin:before{
background:url('../images/icon.png') -2460px 0 no-repeat;
background-position:-1230px 0;
background-size:cover;
}

.list-rail-01 li.mita:before{
background:url('../images/icon.png') -2542px 0 no-repeat;
background-position:-1271px 0;
background-size:cover;
}

.list-rail-01 li.oedo:before{
background:url('../images/icon.png') -2624px 0 no-repeat;
background-position:-1312px 0;
background-size:cover;
}

.list-rail-01 li.shinjuku:before{
background:url('../images/icon.png') -2706px 0 no-repeat;
background-position:-1353px 0;
background-size:cover;
}

.list-rail-01 li.asakusa:before{
background:url('../images/icon.png') -2788px 0 no-repeat;
background-position:-1394px 0;
background-size:cover;
}

.list-rail-01 li input[type="checkbox"],
.list-rail-02 li input[type="checkbox"]{
position:absolute;
left:0;
top:2px;
}

.list-rail-01 li input[type="checkbox"][disabled] + label,
.list-rail-02 li input[type="checkbox"][disabled] + label{
color: #ccc;
cursor: default;
}

.list-rail-01 li label,
.list-rail-02 li label{
display:block;
position:relative;
z-index:1;
}

.list-rail-02 li{
padding-left:35px;
}

.list-rail-02.check li{
padding:0 5px 0 50px;
width:25%;
}

.list-rail-02 li:before{
display:block;
position:absolute;
content:"";
top:-2px;
left:0;
width:28px;
height:24px;
}

.list-rail-02.check li:before{
width:20px;
height:20px;
}

.list-rail-02 li.yamate:before{
background:#80c241;
}

.list-rail-02 li.chuo:before{
background:#f15a22;
}

.list-rail-02 li.sobu:before{
background:#ffd400;
}

.list-rail-02 li.saikyo:before{
background:#00b48d;
}

.list-rail-02 li.keihin:before{
background:#00b2e5;
}

.list-rail-02 li.yokosuka:before{
background:#007ac0;
}

.list-rail-02 li.yokohama:before{
background:#80c241;
}

.list-rail-02 li.tokaido:before{
background:#f68b1e;
}

.list-rail-02 li.negishi:before{
background:#00b2e5;
}

.list-rail-02 li.keiyo:before{
background:#c9242f;
}

.list-rail-02 li.nanbu:before{
background:#ffd400;
}

.search-content-01 .list-tab{
position:relative;
z-index:1;
border-left:1px solid #c0c0c0;
margin-bottom:-1px;
}

.list-research{
display:table;
width:100%;
}
.list-research dt{
display:table-cell;
position:relative;
padding-left:40px;
font-size:85.7%;
}
.list-research dt em{
font-size:133%;
font-weight: normal;
}
.list-research dt:before{
content:"";
display:block;
width:22px;
height:23px;
position:absolute;
top:0;
left:0;
background:url(/office/shared/css/images/icon-hdg.png) no-repeat -90px 0;
margin-left:10px;
}
.list-research dd{
font-size:85.7%;
display:table-cell;
text-align:right;
position:relative;
padding-right:20px;
}
.list-research dd:after{
content:"";
display:block;
width:10px;
height:18px;
position:absolute;
top:50%;
right:0;
margin-top:-9px;
background:url(/office/shared/css/images/icon-hdg.png) no-repeat -120px 0;
}
.list-research dd{
font-size:85.7%;
display:table-cell;
text-align:right;
}
.list-research dd a:link,
.list-research dd a:visited{
text-decoration:none;
color:#7e6020;
}
@media screen and (max-width: 720px){
.list-research,
.list-research dt,
.list-research dd{
  display:block;
}
.list-research dt{
  margin-bottom:5px;
}
.list-research dd{
text-align:left;
}
}
.list-serch-key{
display:table;
width:100%;
}
.list-serch-key .serch{
float:left;
}
.list-serch-key .list-link-01{
float:right;
font-size:90%;
}

.list-serch-key .serch .col{
float:left;
position:relative;
}
.list-serch-key .serch .col-r{
float:right;
padding-top:1px;
}
.list-serch-key input{
font-size:100% !important;
}
.list-serch-key .word-search .col input[name="word"]{
max-width:265px;
min-width:260px;
line-height:1.3;
font-size:81.25% !important;
}
@media screen and (max-width: 720px){
.list-serch-key .word-search .col input[name="word"]{
max-width: 100%;
font-size:16px !important;
}
}
.list-serch-key .word-search .col div.keyword{
float:left;
}
.list-serch-key .word-search .col div.keyword .list-keyword{
display:none;
position:absolute;
top:29px;
left:0;
z-index:110;
}
.list-serch-key .word-search .col div.keyword .list-keyword.open{
display: block;
}
.list-serch-key .word-search .col div.keyword .list-keyword > ul{
min-width:306px;
border:#b8b8b8 solid 1px;
background:#fff;
}
.list-serch-key .word-search .col div.keyword .list-keyword li{
border-top:#e8e8e8 solid 1px;
}
.list-serch-key .word-search .col div.keyword .list-keyword > ul > li:first-child{
border-top:none;
}
.list-serch-key .word-search .col div.keyword .list-keyword li a{
color:#333;
display:block;
padding:6px 20px 5px 13px;
text-decoration:none;
position:relative;
}
.list-serch-key .word-search .col div.keyword .list-keyword li a:after{
display:block;
content:"";
position:absolute;
top:50%;
right:10px;
width:6px;
height:9px;
background:url(/office/shared/css/images/arrow-r_07.png) no-repeat 0 0;
margin-top:-5px;
}
.list-serch-key .word-search .col div.keyword .list-keyword li span{
display:inline-block;
}
.list-serch-key .word-search .col div.keyword .list-keyword li span.ttl{
color:#013893;
min-width:4em;
}
.list-serch-key .word-search .col div.keyword .list-keyword li span.key span{
color:#a1a1a1;
}
.list-serch-key .word-search .col div.keyword .list-keyword > ul > li li{
border-top:none;
}
.list-serch-key .word-search .col div.keyword .list-keyword > ul li a:hover{
background:#f4f3f8;
}
.list-serch-key .word-search .col div.keyword .list-keyword > ul > li li span.key{
margin-left:4em;
}
@media screen and (max-width: 720px){
.list-serch-key .word-search .col div.keyword{
float:none;
}
.list-serch-key .word-search .col div.keyword .list-keyword{
width:100%;
}
.list-serch-key .word-search .col div.keyword .list-keyword {
top: 43px;
}
}

.list-serch-key .basis{
margin-left:10px;
font-size:90%;
float:left;
padding-top:2px;
}
.list-serch-key .basis input{
width:3em;
}
@media screen and (max-width: 720px){
.list-serch-key .basis{
float:none;
}
}

.list-serch-key button.auto{
width:auto;
padding:5px 20px 3px;
line-height:1.1;
margin-left:10px;
font-size:90%;
}

.search-content-01 .list-tab.tab2,
.search-content-01 .list-tab.tab3,
.search-content-01 .list-tab.tab4{
display:table;
box-sizing:border-box;
width:100%;
}

.search-content-01 .list-tab.tab2:after,
.search-content-01 .list-tab.tab3:after,
.search-content-01 .list-tab.tab4:after{
display:none !important;
}

.search-content-01 .list-tab li{
float:left;
box-sizing:border-box;
border-left:1px solid #fff;
border-right:1px solid #c0c0c0;
width:25%;
font-weight:bold;
text-align:center;
}

.search-content-01 .list-tab.tab2 li,
.search-content-01 .list-tab.tab3 li,
.search-content-01 .list-tab.tab4 li{
float:none;
display:table-cell;
width:50%;
}

.search-content-01 .list-tab.tab3 li{
width:33.3333%;
}

.search-content-01 .list-tab.tab4 li{
width:25%;
}

.search-content-01 .list-tab li:first-child{
border-left:none;
}

.search-content-01 .list-tab li a{
display:block;
position:relative;
padding:9px 5px;
border-top:3px solid #999386;
text-decoration:none;
color:inherit;
background-color:#fcfcfc;
background-image:-webkit-linear-gradient(#ffffff, #e3e1dc);
background-image:linear-gradient(#ffffff, #e3e1dc);
}

.search-content-01 .list-tab li a:hover,
.search-content-01 .list-tab li a:focus,
.search-content-01 .list-tab li a:active,
.search-content-01 .list-tab li.active a{
background:#fff;
}

.search-content-01 .list-tab li a:hover:before,
.search-content-01 .list-tab li a:focus:before,
.search-content-01 .list-tab li a:active:before,
.search-content-01 .list-tab li.active a:before{
display:block;
position:absolute;
content:"";
left:-1px;
top:-3px;
width:100%;
height:1px;
background:#3f4d9f;
border:1px solid #273793;
}

.list-check-01 > li{
position:relative;
margin-top:6px;
padding:2px 5px 0 30px;
}

.list-check-01 > li:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -1476px 0 no-repeat;
background-position:-738px 0;
background-size:cover;
}

.list-check-01.col2 > li{
display:inline-block;
box-sizing:border-box;
vertical-align:top;
width:49%;
}

.list-check-01 > li:first-child,
.list-check-01.col2 > li:first-child + li{
margin-top:0;
}

.list-num-01{
font-weight:bold;
}

.list-num-01 > li{
position:relative;
padding-left:2.5em;
}

.list-num-01.num-length5 > li{
padding-left:6.5em;
}

.list-num-01 > li + li{
margin-top:15px;
}

.list-num-01 > li > .num{
float:none;
position:absolute;
top:-4px;
left:0;
}

.list-sbs-01.lb{
text-align:center;
font-size:0;
}

.list-sbs-01 li{
display:inline-block;
}

.list-sbs-01.lb li{
margin:0 1px 1px 0;
}

.list-sbs-01.recom{
margin-left:-1px;
}

.list-sbs-01.ken{
margin-left:-2px;
}

.list-sbs-01.recom li{
float:left;
margin:0 0 1px 1px;
width:49.5%;
}

.list-sbs-01.ken li{
float:left;
margin:0 0 2px 2px;
width:49.5%;
}

.list-sbs-01.recom li img{
width:100%;
height:auto;
}

.list-sbs-01.ken li img{
width:100%;
height:auto;
}

.list-sbs-01.ken li a{
text-decoration:none;
}

.list-sbs-01.ken li a p{
position:relative;
padding:15px;
font-weight:bold;
font-size:114.2857%;
background-color:#202d77;
background-image:-webkit-linear-gradient(#1a2461, #273691);
background-image:linear-gradient(#1a2461, #273691);
color:#fff;
}

.list-sbs-01.ken li a p:after{
display:block;
position:absolute;
content:"";
right:2px;
bottom:2px;
width:12px;
height:12px;
background:url("/office/shared/images/icon-ken-arrow_01.png") no-repeat;
}

.list-sbs-01.ken li a:hover p,
.list-sbs-01.ken li a:focus p,
.list-sbs-01.ken li a:active p{
background-color:#3649b6;
background-image:-webkit-linear-gradient(#293689, #3d51cc);
background-image:linear-gradient(#293689, #3d51cc);
}

.list-sbs-01.ken li a p span{
font-size:70%;
font-weight:normal;
}

.list-separate-01{
width:100%;
}

.list-separate-01 li{
display:inline-block;
border-right:1px solid #999;
margin:0 1px 5px 0;
padding-right:5px;
line-height:1;
}

.list-good-01 li{
display:inline-block;
text-align:center;
margin:0 5px 5px 0;
}

.list-good-01 li label{
display:block;
border-radius:3px;
box-sizing:border-box;
padding:3px 3px 1px;
background:#ced8e4;
font-size:85.7143%;
font-weight:bold;
min-width:7.5em;
}

.list-marker dt{
position:relative;
padding-left:25px;
word-break:break-all;
}

.list-marker dt span{
position:absolute;
left:0;
top:0;
display:block;
box-sizing:border-box;
border-radius:10px;
border:1px solid #bd8985;
width:20px;
height:20px;
font-weight:bold;
background:#ff8074;
text-align:center;
}

.list-marker dd{
font-size:85.7143%;
}

.list-marker.type-sq dt{
margin-top:6px;
}

@media screen and (max-width: 720px){
.list-marker.type-sq dt{
margin-top:0px;
}
}

.list-marker.type-sq dt span{
top:-2px;
display:block;
color:#fff;
box-sizing:border-box;
border-radius:0;
border:1px solid #273793;
width:22px;
height:22px;
font-weight:bold;
background: #233286;
background: -moz-linear-gradient(top,  #233286 0%, #5762a2 100%);
background: -webkit-linear-gradient(top,  #233286 0%,#5762a2 100%);
background: linear-gradient(to bottom,  #233286 0%,#5762a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233286', endColorstr='#5762a2',GradientType=0 );
text-align:center;
}

@media screen and (max-width: 720px){
.list-marker.type-sq dt span{
top:0;
}
}

.list-sort{
margin-bottom:20px;
}
.list-sort .list-dfn-03{
float:left;
}
.list-sort dl + dl{
margin-left:20px;
}
.list-sort .list-dfn-03 dt{
padding-top:5px;
}
@media screen and (max-width: 720px){
.list-sort{
display:table;
width:100%;
margin-bottom:15px;
}
.list-sort .list-dfn-03{
float:none;
display:table-cell;
width:50%;
box-sizing:border-box;
}
.list-sort dl + dl{
margin-left:0;
padding-left:20px;
}
.list-sort .list-dfn-03 dt{
display:none;
}
.list-sort .list-dfn-03 dd{
float:none;
width:100%;
}
.list-sort .list-dfn-03 dd select{
width:100%;
}
}



@media screen and (max-width: 970px){
.list-dfn-iconbox dt{
float:none;
}

.list-dfn-iconbox dd{
margin:10px 0 0;
}

.list-dfn-03.wid-fix dd{
width:85%;
}

.list-bnr-01{
text-align:center;
font-size:0;
}

.list-bnr-01 li{
float:none;
display:inline-block;
font-size:114.2857%;
}

.list-bnr-02 li img{
width:100%;
}

.list-inline-01 li{
width:30%;
}

.list-btn-03.adjust-01{
float:none;
margin-top:10px;
padding-top:0;
width:auto;
text-align:center;
}

.list-link-01.adjust-01{
margin-bottom:0;
}

.list-sbs-01.recom{
margin-left:-2%;
}

.list-sbs-01.recom li{
margin:0 0 2% 2%;
width:48%;
}
}
@media screen and (max-width: 720px){
.list-news-01{
padding:0 15px;
font-size:0.75rem;
}

.list-timeline-01{
border:1px solid #c0c0c0;
border-bottom:none;
padding:8px 10px 0;
}

.list-timeline-01 dt,
.list-timeline-02 dt{
float:none;
font-size:0.75rem;
}

.list-timeline-02 dd + dt{
margin-top:0;
}

.list-timeline-01 dd{
border-bottom:1px solid #c0c0c0;
margin:5px -10px 0 !important;
padding:0 10px 8px;
font-size:0.75rem;
}

.list-timeline-02 dd{
margin:5px -10px 0 !important;
padding:0 10px 8px;
font-size:0.75rem;
}

.list-timeline-01 dd a,
.list-timeline-02 dd a{
display:block;
}

.list-timeline-01 + #ctrl a{
display:block;
border:1px solid #c0c0c0;
border-top:none;
padding:15px;
background:#f2f2f2;
text-align:center;
}

.list-dfn-02 dt,
.list-dfn-02 dd,
.panel-09 .list-dfn-02 dd,
.list-dfn-03 dt,
.list-dfn-03 dd,
.list-dfn-04 dt,
.list-dfn-04 dd,
dl.list-01 dt,
dl.list-01 dd{
font-size:0.75rem;
}

.list-dfn-03.wid-fix dd{
width:75%;
}

.list-dfn-05 dd{
font-size:142.8571%;
}

.list-dfn-ctg dt{
display:block;
}

.img-l .list-qa-01{
padding-left:0;
}

.img-r .list-qa-01{
padding-right:0;
}

.list-qa-01 dt,
.list-qa-01 dd{
font-size:0.75rem;
}

.list-qa-01 dt.answer + dd{
margin-bottom:0;
}

.list-qa-01 dd + dt.answer + dd{
margin-bottom:15px;
}

.list-bnr-02 li{
text-align:center;
}

.list-bnr-02 li img{
width:200px;
}

.list-btn-01{
text-align:center;
}

.list-btn-01 li{
display:inline-block;
box-sizing:border-box;
margin:0;
width:47%;
}

.list-btn-01 li:first-child{
margin-right:10px;
}

.btn1 .list-btn-01 li{
width:100%;
margin-right:0;
}

.list-btn-01.adjust-01 li{
width:80%;
margin-right:0;
}

.list-btn-02.auto li,
.list-btn-03.auto li{
width:48% !important;
}

#simple-01 .list-btn-02.auto li [class^="btn-"]{
height:auto !important;
}

.list-btn-02.auto li a,
.list-btn-02.auto li button{
height:auto;
}

.panel-10 .list-btn-03 li{
width:100% !important;
margin:0;
}

.list-btn-02.auto li + li{
margin:0 0 0 2%;
}

.box-02.adjust-01 .list-btn-02 li{
width:155px;
}

.list-btn-unique{
margin-top:15px;
}

.list-btn-unique li{
float:none;
margin:0 auto !important;
width:80%;
}

.list-link-01 > li,
.list-link-01 > li > ul > li,
.list-link-02 > li{
font-size:0.75rem;
}

.list-link-01.col2 > li,
.list-link-02.col2 > li,
.list-link-01.col3 > li,
.list-link-02.col3 > li,
.list-link-01.col3 > li:nth-child(3n),
.list-link-02.col3 > li:nth-child(3n){
display:block;
width:100%;
}

.list-link-01.col2 > li:first-child + li,
.list-link-02.col2 > li:first-child + li,
.list-link-01.col3 > li:first-child + li,
.list-link-02.col3 > li:first-child + li,
.list-link-01.col3 > li:first-child + li + li,
.list-link-02.col3 > li:first-child + li + li{
margin-top:6px;
}

.box-02 .list-link-01.col2 > li{
display:inline-block;
width:49%;
}

.box-02 .list-link-01.col2 > li:first-child + li{
margin-top:0;
}

.list-link-02 > li > a:before{
top:3px;
}

.list-link-02 > li > a:after{
top:8px;
}

.list-ordered-01 > li,
.list-ordered-02 > li{
font-size:0.75rem;
}

.list-icon-01.large > li,
.list-icon-02.large > li,
.list-icon-02_01.large > li{
font-size:0.75rem;
}

.col + .col .list-ordered-01 > li{
margin-top:6px;
}

.list-icon-04 > li{
width:49%;
margin-right:0;
}

.list-inline-01{
margin:-8px !important;
}

.list-inline-01:after{
content:"";
display:block;
clear:both;
}

.list-inline-01 li{
float:left;
width:50% !important;
margin:0 0 -1px 0;
padding:8px 0 8px 2.3em;
box-sizing:border-box;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
}

.list-inline-01 li:nth-child(2n){
border-right:none;
}

.list-inline-01 li input[type="checkbox"],
.list-inline-01 li input[type="radio"]{
top:9px;
left:8px;
}

.list-inline-02.col2 li,
.list-inline-02.col3 li,
.list-inline-02.col4 li,
.list-inline-02.col6 li{
display:block;
width:auto;
}

.list-inline-02 li input[type="checkbox"],
.list-inline-02 li input[type="radio"]{
top:0;
}

.list-inline-02 li > label{
font-size:0.75rem;
}

.list-inline-02 li #sending_area{
margin-bottom:5px;
padding-left:0;
}

.list-bullet-01 li{
font-size:0.75rem;
}

.list-bullet-01.col2 > li,
.list-bullet-01.col3 > li{
display:block;
width:100%;
}

.list-bullet-01.col2 > li:first-child + li,
.list-bullet-01.col3 > li:first-child + li,
.list-bullet-01.col3 > li:first-child + li + li{
margin-top:6px;
}

.list-rail-01 li,
.list-rail-02 li{
width:50% !important;
font-size:0.75rem;
}

.list-rail-01.check.no-icon li{
padding-left:1.8em;
}

.list-rail-01.check li:before,
.list-rail-02.check li:before{
left:1.8em;
}

.list-rail-01 li:nth-child(5n+1),
.list-rail-02 li:nth-child(5n+1){
clear:none;
float:left;
}

.list-rail-01.col4 li:nth-child(4n+1),
.list-rail-02.col4 li:nth-child(4n+1),
.list-rail-01.check li:nth-child(4n+1),
.list-rail-02.check li:nth-child(4n+1){
clear:none;
float:left;
}

.list-rail-01 li:nth-child(2n+1),
.list-rail-02 li:nth-child(2n+1),
.list-rail-01.col4 li:nth-child(2n+1),
.list-rail-02.col4 li:nth-child(2n+1),
.list-rail-01.check li:nth-child(2n+1),
.list-rail-02.check li:nth-child(2n+1){
clear:left;
float:left;
}

.search-content-01 .list-tab{
display:table;
box-sizing:border-box;
width:100%;
}

.search-content-01 .list-tab:after{
display:none !important;
}

.search-content-01 .list-tab li{
float:none;
display:table-cell;
width:50%;
}

.search-content-01 .list-tab.tab2 li{
font-size:0.75rem;
}

.search-content-01 .list-tab.tab3 li{
width:33.3333%;
font-size:0.75rem;
}

.search-content-01 .list-tab.tab4 li{
width:25%;
font-size:0.75rem;
}

.list-check-01 > li{
font-size:0.75rem;
}

.list-check-01.col2 > li{
display:block;
width:100%;
}

.list-check-01.col2 > li:first-child + li{
margin-top:6px;
}

.list-num-01 > li{
font-size:0.75rem;
}

.list-sbs-01.ken{
margin:0;
}

.list-sbs-01.ken li{
float:none;
margin:0;
width:100%;
}

.list-sbs-01.ken li + li{
margin-top:10px;
}

.list-sbs-01.ken li a p{
font-size:0.875rem;
}

.list-separate-01 li{
font-size:0.75rem;
}

.list-marker dt{
margin-bottom:5px;
padding-top:2px;
font-size:0.75rem;
}

@media screen and (max-width: 720px){
.list-marker dt{
font-size:100%;
}
}

.search-content-01.renew .list-tab li{
width:33%;
vertical-align:top;
}

.search-content-01.renew .list-tab li a{
padding:0 !important;
display:table;
width:100%;
}
.search-content-01.renew .list-tab li a span{
display:table-cell;
padding:5px;
vertical-align:middle;
}
.search-content-01.renew .list-tab li a:hover:before,
.search-content-01.renew .list-tab li a:focus:before,
.search-content-01.renew .list-tab li a:active:before,
.search-content-01.renew .list-tab li.active a:before{
top:0px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.search-content-01.renew .list-tab li a:hover:before,
.search-content-01.renew .list-tab li a:focus:before,
.search-content-01.renew .list-tab li a:active:before,
.search-content-01.renew .list-tab li.active a:before{
top:-3px;
}
}


.search-content-01.renew .slct-content-01.area{
float:none !important;
width:auto !important;
}

.search-content-01.renew .slct-content-01.area p{
margin-top:10px;
}

.search-content-01.renew .slct-content-01.area > .hdg{
float:none;
}

.search-content-01.renew .slct-content-01.area > .col{
float:none;
box-sizing:border-box;
padding-left:0;
padding-top:0;
margin-top:0 !important;
width:100% !important;
}
.search-content-01.renew .slct-content-01.area > .col >select{
display:inline;
}

.list-serch-key .serch{
float:none;
}
.list-serch-key .list-link-01{
float:none;
}
.list-serch-key .serch .col{
float:none;
}
.list-serch-key .serch .col input{
width:100%;
padding:10px 0 10px 35px !important;
}
.list-serch-key .serch .col:after{
content:"";
display:block;
position:absolute;
top:50%;
margin-top:-10px;
left:7px;
width:18px;
background:url(/office/shared/css/images/icon-search_01.png) no-repeat 0 0;
height:20px;
}
.list-serch-key .serch .col .basis{
display:none;
}
.list-serch-key .serch .col-r{
display:none;
}
.list-serch-key button{
display:none;
}

.list-nav-04{
margin:0 -10px;
}
.list-nav-04 li a{
border-bottom:1px #b8b8b8 solid;
padding:15px 11px 15px 53px;
display:block;
}
.list-nav-04 li a:link,
.list-nav-04 li a:visited{
color:#333333;
text-decoration:none;
font-weight:bold;
}
.list-nav-04 li a.train{
background:url(/office/shared/css/images/icon-train_01.png) no-repeat 9px;
}
.list-nav-04 li a.area{
background:url(/office/shared/css/images/icon-area_01.png) no-repeat 9px;
}
.list-nav-04 li a span{
background:url(/office/shared/css/images/arrow-r_05.png) no-repeat top right;
display:block;
min-height:18px;
}


}
/*----------------------------------------
 image
----------------------------------------*/
img.frame{
box-sizing:border-box;
border:1px solid #c8c8c8;
padding:1px;
}

.orig-full img {
    max-width: 100%;
}

img.flame-of-re-in {
    width: 198px;
    height: auto;
}
img.flame-of-re-in-mini {
    width: 100px;
    height: auto;
}
img.flame-of-re-hu-te {
    width: 244px;
    height: auto;
}


.bnr-full img{
box-sizing: border-box;
width: 100%;
}

.lyt-img-01,
.lyt-img-02{
display:table;
width:100%;
}

.lyt-img-01.result{
margin-top:30px;
}

.lyt-img-01.frame,
.lyt-img-02.frame{
border:1px solid #c0c0c0;
box-sizing:border-box;
padding:10px;
}

.lyt-img-01.reversal,
.lyt-img-02.reversal{
direction:rtl;
}

.lyt-img-01 + .lyt-img-01{
margin-top:30px;
}

.lyt-col-03.links .lyt-img-01 + .lyt-img-01{
margin-top:10px;
}

.lyt-img-02{
margin:15px 0;
}

.lyt-img-01 .img,
.lyt-img-02 .img{
display:table-cell;
vertical-align:top;
}

.lyt-img-01.img-l .img{
padding:0 10px 0 0;
}

.lyt-img-01.img-r .img{
padding:0 0 0 10px;
}

.lyt-img-01.img-l.loose .img,
.lyt-img-02.img-l .img{
padding:0 20px 0 0;
}

.lyt-img-01.img-r.loose .img,
.lyt-img-02.img-r .img{
padding:0 0 0 20px;
}

.lyt-img-01 .txt,
.lyt-img-02 .txt{
display:table-cell;
vertical-align:top;
width:100%;
}

.lyt-img-01.reversal .img,
.lyt-img-02.reversal .img,
.lyt-img-01.reversal .txt,
.lyt-img-02.reversal .txt{
direction:ltr;
}

.lyt-img-02 .txt .copy-01{
margin-bottom:15px;
}

.lyt-img-02 .txt .copy-01 .sub{
padding-left:10px;
font-size:85.7143%;
}

.lyt-img-01.result .hdg{
margin-bottom:10px;
font-size:128.5714%;
font-weight:bold;
}

.lyt-img-01.result .hdg > a > span,
.lyt-img-01.result .hdg > span > span{
display:inline-block;
}

.lyt-img-01 .txt .hdg2{
margin-bottom:10px;
font-weight:bold;
}

.lyt-img-01.result.img-l .img{
padding-right:20px;
}

.box-09 .lyt-img-01.result.img-l .img{
padding-right:20px;
}

.lyt-img-01.result .img img{
border:1px solid #c0c0c0;
}

.tandem-01{
margin-left:-2%;
}
.tandem-01 .lyt-img-01{
float:left;
margin:0 0 10px 2%;
width:14%;
display:block;
}
.tandem-01 .lyt-img-01 .img,
.tandem-01 .lyt-img-01 .txt{
  display: block;
  padding: 0;
}
.tandem-01 .lyt-img-01 .img{
margin: 0 auto 5px;
max-width: 90px;
}
.tandem-01 .lyt-img-01 .img img{
height:auto;
max-width:100%;
}

@media screen and (max-width: 970px){
.full-orig img{
box-sizing:border-box;
width:100%;
}

.orig-full img{
box-sizing:border-box;
width:100%;
}

.fixw100-orig img{
box-sizing:border-box;
width:100px;
}

.fixw140-full img{
box-sizing:border-box;
width:140px;
}

.fixw250-full img{
box-sizing:border-box;
width:250px;
}

.full-orig img.icon-01,
.orig-full img.icon-01,
.fixw100-orig img.icon-01,
.fixw140-full img.icon-01,
.fixw250-full img.icon-01{
width:auto;
}

.lyt-img-01.stage.early .img,
.lyt-img-02.stage.early .img,
.lyt-img-01.stage.early .txt,
.lyt-img-02.stage.early .txt{
display:block;
}

.lyt-img-01.stage.early .img,
.lyt-img-02.stage.early .img{
margin-bottom:10px;
padding:0;
}
}
@media screen and (max-width: 720px){
.full-orig img{
width:auto;
}

.fixw100-orig img{
width:auto;
}

.fixw140-full img,
.fixw250-full img{
width:100%;
}

.orig-fixw140 img{
box-sizing:border-box;
width:140px;
}

.lyt-img-01 + .lyt-img-01{
margin-top:15px;
}

.lyt-img-01.reversal .img,
.lyt-img-02.reversal .img,
.lyt-img-01.reversal .txt,
.lyt-img-02.reversal .txt,
.lyt-img-01.stage .img,
.lyt-img-02.stage .img,
.lyt-img-01.stage .txt,
.lyt-img-02.stage .txt{
display:block;
}

.lyt-img-01.reversal.keep .img,
.lyt-img-02.reversal.keep .img,
.lyt-img-01.reversal.keep .txt,
.lyt-img-02.reversal.keep .txt{
display:table-cell;
}

.lyt-img-01.stage.img-l .img,
.lyt-img-02.stage.img-l .img{
margin-bottom:10px;
padding:0;
text-align:center;
}

.lyt-img-01.stage.img-r .img,
.lyt-img-02.stage.img-r .img{
margin-top:10px;
padding:0;
text-align:center;
}

.lyt-img-01.reversal.stage.img-r .img,
.lyt-img-02.reversal.stage.img-r .img{
margin:0 0 10px;
text-align:center;
}

.lyt-img-01 .img.full img{
box-sizing:border-box;
width:100%;
}

.lyt-img-02 .img{
margin-bottom:10px;
width:100%;
}

.lyt-img-02 .img img{
width:100%;
}

.lyt-img-01.result{
margin-top:20px;
}

.lyt-img-01.result .hdg{
font-size:100%;
}

.lyt-img-01 .txt .hdg2{
font-size:85.7143%;
}

.lyt-img-01.result .img img{
width:140px;
}

.lyt-img-01 .img ul li{
text-align:center;
}

.logo-rent{
width:60px;
}

.box-09 .lyt-img-01.result.img-l .img{
padding-right:10px;
}

.tandem-01{
margin-left:0;
}
.tandem-01 .lyt-img-01{
display:table;
float:none;
margin-left:0;
width:100%;
}
.tandem-01 .lyt-img-01 .img,
.tandem-01 .lyt-img-01 .txt{
display:table-cell;
}
.tandem-01 .lyt-img-01.img-l .img{
margin-bottom:0;
padding-right:10px !important;
width: 90px;
}
.tandem-01 .lyt-img-01 .txt{
width: auto;
}
}
.gallery-view{
display:table;
width:100%;
}

.gallery-view > .main{
box-sizing:border-box;
display:table-cell;
padding-right:2%;
width:57.7%;
}

.gallery-view > .main .display{
display:inline-block;
box-sizing:border-box;
border:1px solid #d9d9d9;
width:100%;
}

.gallery-view > .main .display img{
width:100%;
}

.gallery-view > .main .display .caption{
padding:15px 10px;
}


.gallery-view > .main .thumbnail ul{
margin-left:-2%;
margin-top:10px;
}

.gallery-view > .main .thumbnail li{
float:left;
box-sizing:border-box;
margin:0 0 10px 2%;
width:18%;
}

.gallery-view > .main .thumbnail li.active{
border:3px solid #273793;
}

.gallery-view > .main .thumbnail li img{
width:100%;
}

.gallery-view > .sub{
display:table-cell;
box-sizing:border-box;
width:40.3%;
vertical-align:top;
}

.gallery-view > .sub .thumbnail ul{
margin-left:-2.8%;
}

.gallery-view > .sub .thumbnail li{
float:left;
box-sizing:border-box;
margin:0 0 10px 2.8%;
width:22.2%;
}

.gallery-view > .sub .thumbnail li.active{
border:3px solid #273793;
}

.gallery-view > .sub .thumbnail li img{
width:100%;
}

@media screen and (max-width: 720px){
.gallery-view > .main{
display:block;
padding-right:0;
width:100%;
text-align:center;
}

.gallery-view > .main .display{
border:none;
width:67.1875%;
text-align:center;
}

.gallery-view > .main .display img{
box-sizing:border-box;
border:1px solid #d9d9d9;
width:100%;
}

.gallery-view > .main .display .caption{
font-size:85.7143%;
font-weight:bold;
}

.gallery-view > .sub{
display:block;
width:100%;
}

.gallery-view > .sub .thumbnail{
border:2px solid #d3d3d3;
box-sizing:border-box;
margin-bottom:20px;
padding:10px 0 0 10px;
overflow:hidden;
overflow-x:scroll;
}

.gallery-view > .sub .thumbnail ul{
margin-left:0;
}

.gallery-view > .sub .thumbnail ul li{
margin:0 10px 10px 0;
width:50px;
}
}
/*ギャラリービュー既存*/
.box-gallery-01{
margin-bottom:20px;
}

.box-gallery-01:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.box-gallery-01 .img{
float:left;
}

.box-gallery-01 .img p{
margin-bottom:10px;
}

.box-gallery-01 .img ul.list-note-01{
margin-bottom:0;
}

.box-gallery-01 .block-gallery-01{
float:right;
}

.box-gallery-02{
margin-bottom:19px;
padding-top:14px;
}

.box-gallery-02:after{
clear:both;
content:"";
display:block;
}

.box-gallery-02 .block-gallery-02{
float:left;
box-sizing:border-box;
width:508px;
}

.box-gallery-02 .group-nav-gallery-01{
float:right;
width:202px;
}

.box-gallery-02 .group-nav-gallery-01 .list-btn-01{
margin-bottom:0;
margin-top:10px;
}

.box-gallery-02 .group-nav-gallery-01 .list-btn-01 li{
margin-left:0;
}

.block-gallery-01{
background-color:#ececec;
box-sizing:border-box;
padding:4px;
}

.block-gallery-01 *{
margin:0;
}

.block-gallery-01 .block-content{
background-color:#fff;
border:1px solid #d9d9d9;
padding-bottom:1px;
position:relative;
}

.block-gallery-01 .photo{
margin:0 30px;
padding:10px 0 9px;
position:relative;
text-align:center;
z-index:20;
}

.block-gallery-01 .pagination{
position:absolute;
top:73px;
width:100%;
}

.block-gallery-01 .pagination .prev{
float:left;
padding-left:7px;
}

.block-gallery-01 .pagination .next{
float:right;
padding-right:7px;
}

.block-gallery-01 .thumbnail{
border-top:1px solid #d9d9d9;
padding:6px 0 0 7px;
}

.block-gallery-01 .thumbnail:after{
clear:both;
content:"";
display:block;
}

.block-gallery-01 .thumbnail li{
float:left;
margin-right:5px;
padding-bottom:5px;
}

.block-gallery-02{
border:1px solid #d9d9d9;
}

.block-gallery-02 *{
margin:0;
}

.block-gallery-02 .group-pagination{
border-bottom:1px solid #d9d9d9;
padding:2px;
position:relative;
}

.block-gallery-02 .group-pagination .location{
background:url("images/blc-gallery-02_01.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
min-height:24px;
padding:6px 70px 0;
text-align:center;
}

.block-gallery-02 .group-pagination .pagination .prev,.block-gallery-02 .group-pagination .pagination .next{
line-height:1;
position:absolute;
top:9px;
}

.block-gallery-02 .group-pagination .pagination .prev{
left:10px;
}

.block-gallery-02 .group-pagination .pagination .next{
right:10px;
}

.block-gallery-02 .photo{
margin:0 auto;
min-height:400px;
padding:36px 0 19px;
text-align:center;
}

.block-gallery-02 .photo .caption{
color:#666;
display:block;
font-size:86%;
margin-top:16px;
text-align:left;
}

.thumbnail-wrap{
height:112px;
overflow:hidden;
position:relative;
width:202px;
}

.thumbnail-frame{
left:0;
position:absolute;
top:0;
}

.thumbnail-boxs{
float:left;
height:106px;
width:202px;
}

.thumbnail li.view{
height:48px;
position:relative;
width:64px;
}

.thumbnail li.view span{
border:2px solid #273793;
display:block;
height:44px;
left:0;
position:absolute;
top:0;
width:60px;
}

.small-thumbs .thumbnail li.view{
height:48px;
width:48px;
}

.small-thumbs .thumbnail li.view span{
height:48px;
width:48px;
}

.nav-gallery-01{
border-top:1px solid #c0c0c0;
margin-top:6px;
padding-top:15px;
}

.nav-gallery-01:first-child{
border-top:medium none;
margin-top:0;
padding-top:0;
}

.nav-gallery-01 .heading-lv2-01,.nav-gallery-01 .heading-lv3-01{
border:medium none;
margin-bottom:7px;
}

.nav-gallery-01 .heading-lv2-01 span,.nav-gallery-01 .heading-lv3-01 span{
font-size:86%;
font-weight:normal;
}

.nav-gallery-01 .thumbnail{
margin-bottom:6px;
margin-right:-5px;
}

.nav-gallery-01 .thumbnail:after{
clear:both;
content:"";
display:block;
}

.nav-gallery-01 .thumbnail li{
float:left;
margin-right:5px;
padding-bottom:5px;
}

.nav-gallery-01 .thumbnail.with-border li img{
border:1px solid #e1e1e1;
}

.nav-gallery-01 .pagination{
padding:3px 3em;
position:relative;
text-align:center;
}

.nav-gallery-01 .pagination li{
display:inline;
line-height:1;
margin:0 3px;
vertical-align:top;
}

.nav-gallery-01 .pagination li img{
vertical-align:top;
}

.nav-gallery-01 .pagination li.prev,.nav-gallery-01 .pagination li.next{
font-size:86%;
position:absolute;
top:1px;
}

.nav-gallery-01 .pagination li.prev{
left:0;
}

.nav-gallery-01 .pagination li.next{
right:0;
}

#floorplan .thumbnail li.view{
height:88px;
width:88px;
}

#floorplan .thumbnail .view span{
height:84px;
width:84px;
}

@media screen and (max-width: 970px){
.box-gallery-01 .img{
width:46.0964%;
}

.box-gallery-01 .img img{
width:100% !important;
}

.block-gallery-01{
width:50.898% !important;
}

.box-gallery-02 .block-gallery-02{
width:60.9724%;
}

.box-gallery-02 .group-nav-gallery-01{
width:36.8236%;
}

.box-gallery-02 .group-nav-gallery-01 #gallery-outside.nav-gallery-01 .thumbnail{
margin-right:0;
}

.box-gallery-02 .group-nav-gallery-01 #gallery-outside .thumbs{
width:30.6831%;
margin-right:2%;
margin-bottom:5px;
padding-bottom:0;
}

.box-gallery-02 .group-nav-gallery-01 #gallery-outside.small-thumbs .thumbs{
width:48px;
height:48px;
}

.box-gallery-02 .group-nav-gallery-01 #gallery-outside .thumbnail li:nth-child(3n+1){
clear:left;
float:left;
}

.box-gallery-02 .group-nav-gallery-01 #gallery-outside .thumbnail li.view span{
box-sizing:border-box;
width:100%;
height:100%;
}

.box-gallery-02 .group-nav-gallery-01 #gallery-outside .thumbs img{
width:100% !important;
height:auto !important;
box-sizing:border-box;
}

.block-gallery-02 .photo{
padding:10px 0;
width:100% !important;
min-height:inherit;
}

.block-gallery-02 .photo img{
width:100% !important;
}
}
@media screen and (max-width: 720px){
.box-gallery-01 .img{
width:100%;
}

.block-gallery-01{
width:100% !important;
}

.block-gallery-01{
margin-top:10px;
background:none !important;
padding:0;
}

.block-gallery-01 .block-content{
background:none !important;
border:none;
padding-bottom:0;
}

.block-gallery-01 .block-content .view-area{
position:relative;
border:1px solid #c0c0c0;
margin:0 auto;
width:90%;
}

.block-gallery-01 .block-content .view-area .photo{
width:58.63874% !important;
height:auto !important;
}

.block-gallery-01 .block-content .view-area .photo img{
width:100% !important;
height:auto !important;
}

.block-gallery-01 .pagination{
top:50% !important;
margin-top:-22px;
}

.block-gallery-01 .thumb-wrap{
overflow:hidden;
overflow-x:scroll;
border:2px solid #c0c0c0;
margin-top:15px;
}

.block-gallery-01 .thumbnail{
border-top:none;
}

.box-gallery-02 .block-gallery-02{
width:100%;
}

.block-gallery-02 .photo{
width:85% !important;
}

.block-gallery-02 .photo .caption{
margin-top:10px;
font-size:0.75rem;
text-align:center;
font-weight:bold;
}
}







.box-gallery-02 .block-gallery-02.type-02{
position: relative;
}
.box-gallery-02 .block-gallery-02.type-02 .group-pagination {
border-bottom: none;
padding: 0;
}
.box-gallery-02 .block-gallery-02.type-02 .group-pagination .prev,
.box-gallery-02 .block-gallery-02.type-02 .group-pagination .next{
line-height: 1;
position: absolute;
top: 47%;
z-index:100;
}
.box-gallery-02 .block-gallery-02.type-02 .group-pagination .prev{
left: 13px;
}
.box-gallery-02 .block-gallery-02.type-02 .group-pagination .next{
right: 13px;
}
.block-gallery-02.type-02 .group-pagination .location{
background:none;
min-height: inherit;
padding:10px 70px 0;
}
.block-gallery-02.type-02 .photo{
min-height:inherit;
padding:10px 0 19px;
}

.box-gallery-02.col1 .block-gallery-02.type-02 .photo img{
max-width:710px;
height:auto\9;
max-height:500px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .box-gallery-02.col1 .block-gallery-02.type-02 .photo img{
height:auto;
}
}
.box-gallery-02 .block-gallery-02.type-02.full{
float:none;
width:auto;
}
.block-gallery-02.type-02.full .photo{
min-height:467px;
}

@media screen and (max-width: 960px){
.block-gallery-02.type-02.full .photo{
min-height: inherit;
}
}
@media screen and (max-width: 970px){
.box-gallery-02.col1 .block-gallery-02.type-02 .photo{
width:98% !important;
}

.box-gallery-02.col1 .block-gallery-02.type-02 .photo img{
width:auto !important;
max-width: 100%;
}
.lyt-detail-01 .box-gallery-02 .block-gallery-02 .photo.box-gallery-zoom .icon-gallery-zoom img{
max-width: inherit;
}
}
@media screen and (max-width: 720px){
.block-gallery-02.type-02 .photo,
.block-gallery-02.type-02.full .photo{
min-height: inherit;
}
.box-gallery-02 .block-gallery-02.type-02 .group-pagination .prev{
left: 9px;
}
.box-gallery-02 .block-gallery-02.type-02 .group-pagination .next{
right: 9px;
}
}



/*----------------------------------------
 column
----------------------------------------*/
.lyt-col-01{
padding-top:20px;
}

.fp-top-content .lyt-col-01{
padding-top:0;
}

.hdg-l2-01 + .lyt-col-01,
.hdg-l3-01 + .lyt-col-01{
padding-top:0;
}

.lyt-col-01 .col{
float:left;
width:48.5%;
}

.lyt-col-01.col1 .col{
float:none !important;
width:100%;
}

.lyt-col-01 .col + .col{
float:right;
width:48.5%;
}

.lyt-col-01.box-hdg .col{
border:1px solid #c0c0c0;
border-top:3px solid #273793;
box-shadow:0 2px 0 #ebebeb;
box-sizing:border-box;
background:#fff;
}

.lyt-col-01 .col.w-type-01{
width:620px;
}

.lyt-col-01 .col.w-type-02{
width:316px;
}

.lyt-col-01 .col.w-type-03{
width:466px;
}

.lyt-col-01 .col > .inner{
display:table;
padding:10px;
box-sizing:border-box;
width:100%;
}

.lyt-col-01 .col > .inner > a{
display:table-cell;
text-decoration:none;
}

.lyt-col-01 .col > .inner a + a{
padding-left:10px;
}

.lyt-col-01 .col > .inner > a img{
width:100%;
}

.lyt-col-01 .col > .inner a > p{
position:relative;
margin-top:1px;
padding:5px 15px;
text-align:center;
color:#fff;
font-weight:bold;
font-size:100%;
background-color:#757066;
background-image:-webkit-linear-gradient(#9c998f, #757066);
background-image:linear-gradient(#9c998f, #757066);
}

.lyt-col-01 .col > .inner a > p:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') 0 0 no-repeat;
background-position:0 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
}

.lyt-col-01 .col > .inner a:hover > p,
.lyt-col-01 .col > .inner a:focus > p,
.lyt-col-01 .col > .inner a:active > p{
background-color:#625e55;
background-image:-webkit-linear-gradient(#868075, #625e55);
background-image:linear-gradient(#868075, #625e55);
}

.lyt-col-01 .col .link-area{
border-top:1px solid #c0c0c0;
margin:0 10px;
padding:10px 0;
font-size:92.8571%;
}

.lyt-col-02{
margin:-15px 0 0 -16px;
}

.lyt-col-02 .col{
float:left;
margin:15px 0 0 16px;
width:355px;
}

.lyt-col-02.closeup .col .name{
font-size:85.7143%;
}

.lyt-col-02.closeup .col img{
width:100%;
}

.lyt-col-02.closeup .col .detail{
font-size:85.7143%;
}

.lyt-col-03,
.lyt-col-03.col3{
margin-left:-2%;
}

.lyt-col-03.col4{
margin-left:-1%;
}

.lyt-col-03.col3 + .lyt-col-03.col3{
margin-top:15px;
}

.lyt-col-03.links{
border-top:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb inset;
margin-top:20px;
padding-top:15px;
}

.lyt-col-03 > .col{
float:left;
box-sizing:border-box;
margin:0 0 0 2%;
width:48% !important;
}

.lyt-col-03.col1 .col{
float:none !important;
width:100% !important;
}

.lyt-col-03.ratio-01 > .col.small{
width:42% !important;
}

.lyt-col-03.ratio-01 > .col.large{
width:54% !important;
}

.lyt-col-03.ratio-02 > .col.small{
float:right;
width:32% !important;
}

.lyt-col-03.ratio-02 > .col.large{
width:63% !important;
}

.lyt-col-03.ratio-03 > .col.small{
float:right;
width:23% !important;
}

.lyt-col-03.ratio-03 > .col.large{
width:73% !important;
}

.fp-top-content .lyt-col-01 .lyt-col-03 + .lyt-col-03{
margin-top:10px;
}

.lyt-col-03.col3 > .col{
width:31.3% !important;
}

.lyt-col-03.col4 > .col{
width:24% !important;
margin:0 0 0 1%;
}

.lyt-col-03 > li.col + .col{
margin-top:10px;
}

.lyt-col-03 > li.col:first-child + .col,
.lyt-col-03.col3 > li.col:first-child + .col + .col,
.lyt-col-03.col4 > li.col:first-child + .col + .col,
.lyt-col-03.col4 > li.col:first-child + .col + .col + .col{
margin-top:0;
}

.lyt-col-03.col1 .col + .col{
margin-top:15px;
}

.lyt-col-03.lease-property > .col{
width:40% !important;
}

.lyt-col-03.lease-property > .col + .col{
width:56% !important;
}

.lyt-col-03.links > .col.like{
width:68.6666% !important;
border-right:1px solid #c0c0c0;
padding-right:2%;
}

.lyt-col-03.links > .col.checked{
width:27.3333% !important;
}

.lyt-col-03 > .col > .box-content{
box-shadow:0 0 4px #ccc;
padding:13px 12px 5px;
background:#fff;
}

.lyt-col-03.pr > .col > .box-content{
box-shadow:none;
border:2px solid #eae0c7;
padding:13px 12px 5px;
background:#f8f5ec;
}

.lyt-col-03 > .col .hdg{
font-weight:bold;
margin-bottom:10px;
}

.lyt-col-03.hr,
.lyt-col-03.hr2,
.lyt-col-03.hr-dot,
.lyt-col-03.hr-dot2{
border:none;
box-shadow:none;
margin-top:0;
}

.lyt-col-03.hr > .col{
border-top:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb inset;
margin-top:25px;
padding-top:20px;
}

.lyt-col-03.hr2 > .col{
border-bottom:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb;
margin-top:25px;
}

.lyt-col-03.hr-dot > .col,
.lyt-col-03.hr-dot2 > .col{
border-top:1px dotted #c0c0c0;
margin-top:25px;
padding-top:20px;
}

.lyt-col-03.hr > .col:first-child,
.lyt-col-03.hr > .col:first-child + .col,
.lyt-col-03.hr-dot > .col:first-child,
.lyt-col-03.hr-dot > .col:first-child + .col,
.lyt-col-03.hr-dot2 > .col:first-child,
.lyt-col-03.hr-dot2 > .col:first-child + .col{
border-top:none;
box-shadow:none;
margin-top:0;
padding-top:0;
}

.lyt-col-03.hr2 > .col:first-child,
.lyt-col-03.hr2 > .col:first-child + .col{
box-shadow:0 2px 0 #ebebeb;
margin-top:0;
padding-top:0;
}

.lyt-col-03.col3 > .col img.img{
box-sizing:border-box;
width:100%;
}

.lyt-col-03.links .col.like .lyt-col4{
margin-left:-2%;
}

.lyt-col-03.links .col.like .lyt-col4 li{
float:left;
width:23%;
margin-left:2%;
}

.lyt-col-03.links .col.like img{
width:100% !important;
height:inherit !important;
}

.lyt-col-03.no-adjust > .col > .box-find-01,
.lyt-col-03.no-adjust > li.col > .box-02 > .inner,
.lyt-col-03.no-adjust > li.col > .box-11 > .inner,
.lyt-col-03.no-adjust > .col > .box-content,
.lyt-col-03.no-adjust > .col{
height:auto !important;
}

.lyt-col-04{
margin-left:-2%;
}

.lyt-col-04 > .col{
float:left;
box-sizing:border-box;
margin:0 0 0 2%;
}

.lyt-col-05{
margin-left:-3%;
}
.lyt-col-05 .col{
width:47%;
float:left;
margin-left:3%;
margin-bottom:15px;
}
.lyt-col-05 .col.full{
width:97%;
margin-left:3%;
}

.lyt-col-05.list-toplink > .col{
padding-bottom:10px;
border-bottom: 1px dotted #c0c0c0;
}
.lyt-col-05.list-toplink .img{
float:left;
padding-right:10px;
}
.lyt-col-05.list-toplink .txt{
overflow:hidden;
}
.lyt-col-05.list-toplink .list-link-01 li{
margin-left:123px;
}
.lyt-col-05.list-toplink .list-link-01 li{
margin-top:3px;
}
.lyt-col-05.list-toplink .frame{
border:none;
background:#fafafa;
position:relative;
}
.lyt-col-05.list-toplink .frame p{
font-size:85.7%;
}
.lyt-col-05.list-toplink .frame .list-link-01 li{
text-align:right;
margin-left:0;
}

.lyt-col-05.list-toplink .frame .img{
position:absolute;
bottom:0;
left:10px;
float:none;
padding:0;
}
.lyt-col-05.list-toplink .frame .txt{
margin-left:90px;
padding:10px 10px 0 0;
}



@media screen and (max-width: 720px){

.lyt-col-05.list-toplink .col{
position:relative;
padding-bottom:0;
border-bottom:none;
}
.lyt-col-05.list-toplink .img{
width:100%;
float:none;
padding-right:0;
overflow:auto;
}
.lyt-col-05.list-toplink .img img{
width:100%;
}
.lyt-col-05.list-toplink .txt{
position:absolute;
padding:10px;
top:0;
left:0;
}
.lyt-col-05.list-toplink .frame .txt{
margin-left:0;
}
.lyt-col-05.list-toplink .list-link-01 li{
margin-left:0;
}

.lyt-col-05.list-toplink .txt .list-dfn-02 dt{
color:#fff;
text-shadow:2px 2px 3px #000,-2px -2px 3px #000;
font-size:100%;
}
.lyt-col-05.list-toplink .txt .list-dfn-02 dd{
display:none;
}
.lyt-col-05.list-toplink .list-link-01{
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
box-sizing: border-box;
margin-left:0;
}
.lyt-col-05.list-toplink .list-link-01 a{
color:#fff;
background: rgba(0,0,0,0.5);
display: block;
padding: 14px 5px 12px 19px;
}
.lyt-col-05.list-toplink .list-link-01 a:before{
display:block;
position:absolute;
content:"";
background:url('images/arrow-r_03.png') 0 0 no-repeat;
width:3px;
height:5px;
top:50%;
left:7px;
margin-top:-3px;
background-position:0 0;
background-size: auto;
}

.lyt-col-05.list-toplink .frame{
border:#f1f1f1 1px solid;
background:#fafafa;
padding:0;
}
.lyt-col-05.list-toplink .frame .img{
display:none;
}
.lyt-col-05.list-toplink .frame .spttl{
margin-bottom:6px;
margin-top:3px;
}
.lyt-col-05.list-toplink .frame .spttl img{
width:100%;
}
.lyt-col-05.list-toplink .frame .txt{
position:relative;
box-sizing:border-box;
padding:5px;
}
.lyt-col-05.list-toplink .frame .list-link-01{
position:relative;
bottom: 0px;
background: none;
display: block;
text-align: center;
width: 100%;
padding:0;
box-sizing: border-box;
margin-left:0;
}
.lyt-col-05.list-toplink .frame .list-link-01 li{
text-align:left;
}
.lyt-col-05.list-toplink .frame .list-link-01 a{
color:#172fb8;
background:none;
display:inline-block;
padding:0 5px 0 14px;
}
.lyt-col-05.list-toplink .frame .list-link-01 a:before{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
top:0.3em;
left:2px;
margin-top:0;
}
}

.lyt-col-unique{
margin-left:-1.5%;
padding:0 5px;
}

.lyt-col-unique > .col{
float:left;
width:48.5%;
margin:0 0 5px 1.5%;
}

.lyt-col-unique > .col.full{
width:98.5%;
}

.lyt-col-unique > .col img{
width:100%;
}

.lyt-col-unique .title{
padding:20px;
font-size:171.4286%;
color:#fff;
line-height:1.2;
background:url(/office/close_up/images/bg_closeup_01.gif) repeat left top;
}

.lyt-col-unique .title span{
display:block;
margin-top:15px;
font-size:66.6667%;
}


.lyt-col-unique-01{
display:block;
}

.lyt-col-unique-01 .title{
display:inline-block;
padding:5px 8px 4px;
font-size:100%;
color:#fff;
line-height:1.2;
background:url(/office/close_up/images/bg_closeup_01.gif) repeat left top;
}

.lyt-col-profile{
display:table;
width:100%;
padding-top:20px;
}

.lyt-col-profile .col{
display:table-cell;
padding-right:10px;
vertical-align:top;
}

.lyt-col-profile .col.prof-area,
.lyt-col-profile .col.btn-area{
width:220px;
padding:0 0 0 10px;
border-left:1px solid #c0c0c0;
}

.lyt-col-profile .col.btn-area{
border-left:1px dotted #c0c0c0;
}

.lyt-col-profile .col.btn-area .list-btn-03 li{
display:block;
width:auto;
}

.lyt-col-profile .col.btn-area .list-btn-03 li + li{
margin:5px 0 0 0;
}

@media screen and (max-width: 970px){
.lyt-col-01 .col.w-type-01{
width:65.26315%;
}

.lyt-col-01 .col.w-type-02{
width:33.26315%;
}

.lyt-col-01 .col.w-type-03{
width:48.8421%;
}

.lyt-col-02{
margin:-15px 0 0 -2%;
}

.lyt-col-02 .col{
margin:15px 0 0 2%;
width:48%;
}

.lyt-col-04{
margin:0;
}

.lyt-col-04 > .col{
width:100% !important;
}

.lyt-col-04 > .col + .col{
margin:15px 0 0 0;
}
}
@media screen and (max-width: 720px){
.lyt-col-01{
margin-top:10px;
padding-top:0;
}

.lyt-col-01 > .col{
float:none !important;
width:auto !important;
}

.lyt-col-01 > .col + .col{
margin-top:10px;
}

.lyt-col-01 > .col > .inner > a{
display:block;
}

.lyt-col-01 > .col.w-type-03 > .inner > a{
display:block;
margin:0 auto;
}

.lyt-col-01 > .col.w-type-03 > .inner > a img{
height:102px;
}

.lyt-col-01 > .col > .inner a + a{
padding-left:0;
margin-top:10px !important;
}

.lyt-col-01 > .col > .inner a > p{
font-size:85.7143%;
}

.lyt-col-01 > .col > .inner a:hover > p,
.lyt-col-01 > .col > .inner a:focus > p,
.lyt-col-01 > .col > .inner a:active > p{
background-image:-webkit-linear-gradient(#9c998f, #757066);
background-image:linear-gradient(#9c998f, #757066);
}

.lyt-col-01 > .col .link-area{
font-size:85.7143%;
}

.lyt-col-02,
.lyt-col-03,
.lyt-col-03.col3,
.lyt-col-03.col4{
margin:0;
}

.lyt-col-03.col3 + .lyt-col-03.col3{
margin-top:10px;
}

.lyt-col-03.pr{
margin-bottom:30px;
}

.lyt-col-03.links{
border:none;
box-shadow:none;
margin-top:10px;
padding-top:0;
}

.lyt-col-02 > .col,
.lyt-col-03 > .col,
.lyt-col-03.col3 > .col,
.lyt-col-03.col4 > .col,
.lyt-col-03.ratio-01 > .col.small,
.lyt-col-03.ratio-01 > .col.large,
.lyt-col-03.ratio-02 > .col.small,
.lyt-col-03.ratio-02 > .col.large,
.lyt-col-03.ratio-03 > .col.small,
.lyt-col-03.ratio-03 > .col.large{
margin-left:0;
width:100% !important;
}

.lyt-col-03 > .col + .col,
.lyt-col-03.col3 > .col + .col,
.lyt-col-03.col4 > .col + .col{
margin-top:10px;
}

.panel-08 .lyt-col-03 > .col + .col{
border-top:1px solid #7d7d7d;
margin-top:20px;
padding-top:20px;
}

.fp-top-content .lyt-col-01 .lyt-col-03{
margin-left:-2%;
}

.fp-top-content .lyt-col-01 .lyt-col-03 + .lyt-col-03{
margin-top:0;
}

.fp-top-content .lyt-col-01 .lyt-col-03 > .col{
margin:0 0 0 2%;
width:48% !important;
}

.lyt-col-03 > li.col:first-child + .col,
.lyt-col-03.col3 > li.col:first-child + .col + .col,
.lyt-col-03.col4 > li.col:first-child + .col + .col,
.lyt-col-03.col4 > li.col:first-child + .col + .col + .col,
.lyt-col-03.col1 .col + .col{
margin-top:10px;
}

.lyt-col-03.col4 > .col .box-01{
border:none;
padding:0;
}

.lyt-col-03.col4 > .col .box-01 .txt-content{
padding:0;
}

.fp-top-content .lyt-col-01 .lyt-col-03 > li.col:first-child + .col{
margin-top:0;
}

.lyt-col-03.links > .col.like{
width:100% !important;
border-right:none;
padding-right:0;
}

.lyt-col-03.links > .col.checked{
margin-top:10px;
width:100% !important;
}

.fp-top-content .lyt-col-01 .lyt-col-03 > .col img{
box-sizing:border-box;
width:100%;
}

.lyt-col-03.links .col.like .lyt-col4{
margin-left:0;
}

.lyt-col-03.links .col.like .lyt-col4 li{
float:none;
width:100%;
margin-left:0;
}

.lyt-col-03.links .col .lyt-img-01 .img,
.lyt-col-03.links .col img{
display:none;
}

.lyt-col-03.lease-property > .col{
width:100% !important;
}

.lyt-col-03.lease-property > .col + .col{
width:100% !important;
}

.lyt-col-03.keep > .col{
float:left;
margin:0 0 0 2% !important;
width:48% !important;
}

.lyt-col-03.hr > .col{
margin-top:25px;
padding-top:25px;
}

.lyt-col-03.hr2 > .col{
border-bottom:none !important;
box-shadow:none !important;
margin-top:15px;
}

.lyt-col-03.hr-dot > .col{
margin-top:10px;
padding-top:10px;
}

.lyt-col-03.hr-dot2 > .col{
margin-top:25px;
padding-top:25px;
}

.lyt-col-03.hr > .col:first-child + .col{
border-top:1px solid #c0c0c0;
box-shadow:0 2px 0 #ebebeb inset;
margin-top:25px;
padding-top:25px;
}

.lyt-col-03.hr2 > .col:first-child + .col{
margin-top:15px;
}

.lyt-col-03.hr-dot > .col:first-child + .col{
border-top:1px dotted #c0c0c0;
margin-top:10px;
padding-top:10px;
}

.lyt-col-03.hr-dot2 > .col:first-child + .col{
border-top:1px dotted #c0c0c0;
margin-top:25px;
padding-top:25px;
}

.lyt-col-unique{
margin-left:0;
padding:0;
}

.lyt-col-unique .col{
float:none;
margin-left:0;
width:100% !important;
}

.lyt-col-unique .title{
padding:10px;
font-size:0.75rem;
font-weight:bold;
line-height:1.2;
}

.lyt-col-unique .title span{
font-size:0.625rem;
margin-top:0;
}

.lyt-col-unique-01 .title{
display:block;
padding:8px 8px 6px;
text-align:center;
}

.lyt-col-profile{
display:table;
width:100%;
padding-top:20px;
}

.lyt-col-profile .col{
display:block;
padding-right:0;
}

.lyt-col-profile .col.prof-area,
.lyt-col-profile .col.btn-area{
border-left:none;
margin-top:10px;
padding:0;
width:100%;
}

.lyt-col-profile .col.btn-area .list-btn-03 li{
display:inline-block;
vertical-align:middle;
width:48%;
}

.lyt-col-profile .col.btn-area .list-btn-03 li + li{
margin:0 0 0 2%;
}
}
/*----------------------------------------
 box
----------------------------------------*/
.panel-01{
margin-top:30px;
padding:12px;
background-color:#f4f4f4;
}

.panel-02{
border:1px solid #c0c0c0;
margin-bottom:20px;
padding:15px;
background:#f2f2f2;
}

.panel-02 .hdg{
margin-bottom:5px;
font-weight:bold;
}

.panel-02 .change-area-01 span,
.panel-02 .change-area-02 span,
.panel-02 .word-area-01 span,
.panel-02 .word-area-02 span{
margin-right:10px;
}

.panel-02 .change-area-01 input[type="text"],
.panel-02 .change-area-02 input[type="text"]{
width:40%;
}

.panel-02 .word-area-01 input[type="text"]{
width:80%;
}

.panel-02 .word-area-02 input[type="text"]{
width:50%;
}

.panel-02 .change-area-01 .btn button,
.panel-02 .word-area-01 .btn button{
width:10%;
}

.panel-02 .change-area-02 .btn button,
.panel-02 .change-area-02 .btn a{
width:15%;
display:inline-block;
vertical-align:middle;
}

.panel-02 .word-area-02 .btn button{
width:15%;
}

.panel-03{
padding:10px;
background-color:#fafafa;
background-image:-webkit-linear-gradient(#eaeaea, #ffffff);
background-image:linear-gradient(#eaeaea, #ffffff);
}
.panel-03.result{
padding:6px 14px;
background-color:#f6f6f6;
background-image:none;
margin-bottom:20px;
}
.panel-03.result .nav-pagination-02{
padding-top:2px;
}

.panel-03 .result-stats{
float:left;
}

.panel-03 .result-stats.type-02 span{
font-weight:bold;
}
.panel-03 .result-stats.type-02 span em{
color:#273793;
font-size:135.7%;
margin:0 7px;
}

.panel-03 .nav-pagination-02{
float:right;
}


.panel-04{
border:1px solid #ffcc00;
margin-bottom:20px;
padding:10px;
background:#fff3c4;
}

.panel-04 .hdg{
font-weight:bold;
}

.panel-05{
border:2px solid #eae0c7;
padding:12px 10px;
background:#f8f5ec;
}

.panel-05 .hdg{
font-weight:bold;
}

.panel-05 .mail-img{
float:left;
margin-right:20px;
}

.panel-05 .send-area-01{
float:left;
width:80%;
}

.panel-05 .send-area-01 .btn button,
.panel-05 .send-area-01 .btn a{
width:25%;
display:inline-block;
vertical-align:middle;
}

.panel-05 .send-area-01 input[type="text"]{
width:70%;
}

.panel-06{
border:1px solid #c0c0c0;
padding:15px;
background:#fff;
}

.panel-07{
border:1px solid #023894;
padding:10px;
}

.panel-08{
padding:10px;
background:#eeebe2;
}

.fp-top-content .panel-08{
padding:20px 15px;
}

.panel-09{
border-top:3px solid #d2cdc4;
padding:15px 10px;
background:#f6f6f4;
}

.panel-09 .lyt-col-03.col3 .col{
position:relative;
}

.panel-09 .lyt-col-03.col3 .col:before{
display:block;
position:absolute;
content:"";
left:-7px;
top:0;
border-left:1px solid #d6d6d6;
width:1px;
height:100%;
background:#fff;
}

.panel-09 .lyt-col-03.col3 .col:first-child:before{
display:none;
}

.panel-10{
padding:10px;
background-color:#ced8e4;
background-image:-webkit-linear-gradient(#ccd6e3, #ced8e4);
background-image:linear-gradient(#ccd6e3, #ced8e4);
}

.panel-10 .hdg-group{
margin-bottom:10px;
}

.panel-10 .hdg-group dt{
display:inline-block;
margin-right:30px;
padding-left:25px;
font-weight:bold;
background:url("/office/shared/images/icon-glass_01.png") no-repeat left top;
}

.panel-10 .hdg-group dd{
display:inline-block;
}

.panel-11{
padding:5px 15px 10px;
background-color:#fbfbfb;
background-image:-webkit-linear-gradient(#ffffff 70%, #f2f2f2);
background-image:linear-gradient(#ffffff 70%, #f2f2f2);
}

.panel-12{
border:5px solid #aaa69a;
margin:30px 0;
}

.panel-12 .box-content{
padding:15px 30px;
}

.panel-12 .box-content .list-01 dt{
font-size:107.1429%;
}

.panel-13{
border:1px solid #d3bb50;
margin-bottom:20px;
padding:10px;
background:#fffde9;
}


#area-map-01{
position:relative;
margin:0 7px 15px 6px;
}

#area-map-01.loading:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
opacity:0.8;
filter:alpha(opacity=80);
z-index:99;
}

#area-map-01.loading .img-load{
position:absolute;
left:50%;
top:50%;
margin:-16px 0 0 -16px;
z-index:100;
}

#area-map-01 > #map-over img{
display:none;
position:absolute;
left:0;
top:0;
border:2px solid #909090;
box-sizing:border-box;
}

#area-map-01 > .map-area img,
#area-map-01 > #map-over img{
width:100%;
}

.num-panel{
position:absolute;
}

.num-panel a{
border-radius:2px;
text-decoration:none;
}

.num-panel .str-area{
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3);
position:relative;
}
.num-panel .str-area:after{
content:"";
display: block;
position:absolute;
bottom:-9px;
right:33px;
border-top: #6d8cd3 9px solid;
border-left:transparent 8px solid;
border-right:transparent 6px solid;
}
.num-panel .str-area .inner{
border:#6d8cd3 solid 1px;
padding:0px 1px 2px 0px;
position:relative;
background-color:#d8dde1;
}
.num-panel .str-area .inner:after{
content:"";
display: block;
position:absolute;
bottom:-9px;
right:33px;
border-top: #6d8cd3 8px solid;
border-left:transparent 7px solid;
border-right:transparent 5px solid;
}
.num-panel .str-area .inner:before{
content:"";
display: block;
position:absolute;
bottom:-7px;
right:35px;
border-top: #d8dde1 7px solid;
border-left:transparent 5px solid;
border-right:transparent 4px solid;
z-index:100;
}
.num-panel .str-area .area{
box-sizing:border-box;
padding:10px 2px 6px 20px;
font-weight:bold;
text-align:center;
position:relative;
color:#001b4c;
background: url("images/arrow-r_01.png") no-repeat 10px 50%;
background-color:#fff;
letter-spacing:-1px;
}
.num-panel .str-area .area:after{
content:"";
display: block;
position:absolute;
bottom:-7px;
right:35px;
border-top: #fff 7px solid;
border-left:transparent 5px solid;
border-right:transparent 4px solid;
z-index:100;
}
.num-panel > a:hover .inner,
.num-panel > a:focus .inner,
.num-panel > a.is-active .inner{
background-color:#c5d6ee;
}
.num-panel > a:hover .area,
.num-panel > a:focus .area,
.num-panel > a.is-active .area{
background-color:#c5d6ee;
}
.num-panel > a:hover .area:after,
.num-panel > a:focus .area:after,
.num-panel > a.is-active .area:after{
border-top: #c5d6ee 7px solid;
}
.num-panel .area .number{
font-size:85.7%;
}

/* ---- 吹き出し ---- */
#panel-area-01 .str-area:after,
#panel-area-01 .str-area .inner:after{
right:34px;
}
#panel-area-01 .str-area .inner:before,
#panel-area-01 .str-area .area:after{
right:36px;
}

#panel-area-02 .str-area:after,
#panel-area-02 .str-area .inner:after{
right:88px;
}
#panel-area-02 .str-area .inner:before,
#panel-area-02 .str-area .area:after{
right:90px;
}

#panel-area-03 .str-area:after,
#panel-area-03 .str-area .inner:after{
right:88px;
}
#panel-area-03 .str-area .inner:before,
#panel-area-03 .str-area .area:after{
right:90px;
}

#panel-area-04 .str-area:after,
#panel-area-04 .str-area .inner:after{
right:92px;
}
#panel-area-04 .str-area .inner:before,
#panel-area-04 .str-area .area:after{
right:94px;
}

#panel-area-05 .str-area:after,
#panel-area-05 .str-area .inner:after{
right:111px;
}
#panel-area-05 .str-area .inner:before,
#panel-area-05 .str-area .area:after{
right:113px;
}

#panel-area-06 .str-area:after,
#panel-area-06 .str-area .inner:after{
right:62px;
}
#panel-area-06 .str-area .inner:before,
#panel-area-06 .str-area .area:after{
right:64px;
}

#panel-area-07 .str-area:after,
#panel-area-07 .str-area .inner:after{
right:77px;
}
#panel-area-07 .str-area .inner:before,
#panel-area-07 .str-area .area:after{
right:79px;
}

#panel-area-08 .str-area:after,
#panel-area-08 .str-area .inner:after{
right:86px;
}
#panel-area-08 .str-area .inner:before,
#panel-area-08 .str-area .area:after{
right:88px;
}

#panel-area-09 .str-area:after,
#panel-area-09 .str-area .inner:after{
right:118px;
}
#panel-area-09 .str-area .inner:before,
#panel-area-09 .str-area .area:after{
right:120px;
}

#panel-area-10 .str-area:after,
#panel-area-10 .str-area .inner:after{
right:27px;
}
#panel-area-10 .str-area .inner:before,
#panel-area-10 .str-area .area:after{
right:29px;
}

#panel-area-11 .str-area:after,
#panel-area-11 .str-area .inner:after{
right:92px;
}
#panel-area-11 .str-area .inner:before,
#panel-area-11 .str-area .area:after{
right:94px;
}

#panel-area-12 .str-area:after,
#panel-area-12 .str-area .inner:after{
right:123px;
}
#panel-area-12 .str-area .inner:before,
#panel-area-12 .str-area .area:after{
right:125px;
}

#panel-area-14 .str-area:after,
#panel-area-14 .str-area .inner:after{
display:none;
}
#panel-area-14 .str-area .inner:before,
#panel-area-14 .str-area .area:after{
display:none;
}










.num-panel.lv-01 .area{
background-color:#929292;
}

.num-panel.lv-02 .area{
background-color:#7986d9;
}

.num-panel.lv-03 .area{
background-color:#4857b5;
}

.num-panel.lv-04 .area{
background-color:#293997;
}

.num-panel.lv-05 .area{
background-color:#08166a;
}

.search-content-01.renew .num-panel .area{
background:url(/office/images/arrow_03.png) no-repeat 8px 0.8em #08166a;
box-shadow:0 3px 2px #c1bfc0;
color:#fff;
position:relative;
}
.search-content-01.renew .num-panel.lv-01 .area{
background-color:#929292;
}

.search-content-01.renew .num-panel.lv-02 .area{
background-color:#7986d9;
}

.search-content-01.renew .num-panel.lv-03 .area{
background-color:#4857b5;
}

.search-content-01.renew .num-panel.lv-04 .area{
background-color:#293997;
}

.search-content-01.renew .num-panel.lv-05 .area{
background-color:#08166a;
}


.num-panel .area input{
position:absolute;
left:5px;
top:50%;
margin-top:-0.5em;
}

.num-panel .area label{
display:block;
padding-left:1em;
}

#panel-area-01{
top:16.7%;
left:20%;
}

#panel-area-02{
top:31%;
left:6%;
}

#panel-area-03{
top:59.2%;
left:22.9%;
}

#panel-area-04{
top:74.8%;
left:24.9%;
}

#panel-area-05{
top:85.4%;
left:58.5%;
}

#panel-area-06{
top:68.1%;
left:55%;
}

#panel-area-07{
top:44%;
left:32.7%;
}

#panel-area-08{
top:10.4%;
left:45.6%;
}

#panel-area-09{
top:4.3%;
left:74.4%;
}

#panel-area-10{
top:32.3%;
left:48.1%;
}

#panel-area-11{
top:51.6%;
left:62.4%;
}

#panel-area-12{
top:37.9%;
left:71.5%;
}

#panel-area-13{
top:75.4%;
left:80.2%;
}

#panel-area-14{
top:89.1%;
left:5.9%;
}

.box-h1-content{
margin-bottom:20px;
padding:5px;
background-color:#d2cfc7;
background-image:-webkit-linear-gradient(#cdcac0, #e8e6e2);
background-image:linear-gradient(#cdcac0, #e8e6e2);
box-shadow:0 5px 3px #cac7bd inset;
}

.catch-area-01{
position:relative;
clear:both;
}

.catch-area-01 .box-catch{
position:relative;
overflow:hidden;
}

.box-h1-content .catch-area-01 > .box-catch{
border:2px solid #d3d0c9;
padding:6px;
background:#e7e7e4;
}

.catch-area-01 .img .box-catch{
overflow:inherit;
}

.catch-area-01 .box-catch .catch{
position:absolute;
bottom:0;
left:0;
box-sizing:border-box;
padding:5px 10px;
width:100%;
font-size:128.5714%;
font-weight:bold;
background:#000;
background:rgba(0, 0, 0, 0.7);
filter:alpha(opacity=80);
color:#fff;
}

.catch-area-01 .box-catch .catch2{
position:absolute;
top:30px;
left:30px;
font-size:128.5714%;
font-weight:bold;
text-shadow:0 2px 2px #000;
color:#fff;
}

.catch-area-01 > .box-catch dl{
position:absolute;
left:10px;
bottom:0;
color:#fff;
}

.catch-area-01 > .box-catch dl dt{
line-height:1;
font-size:185.7142%;
font-weight:bold;
text-shadow:0 2px 2px #000;
}

.catch-area-01 > .box-catch dl dd{
font-size:107.1429%;
font-weight:bold;
text-shadow:0 2px 2px #000;
}

.catch-area-01 > .box-catch .txt{
position:absolute;
left:20px;
bottom:20px;
text-shadow:0 2px 5px #000, 0 -2px 5px #000, 0 2px 5px #000;
width:100%;
color:#fff;
font-size:125%;
font-weight:bold;
line-height:1.2;
}

.catch-area-01.lend-lower > .box-catch .txt{
bottom:inherit;
top:50%;
margin-top:-1em;
color:#3b428a;
text-shadow:none;
}

.catch-area-01 .box-telnum{
position:absolute;
right:10px;
bottom:10px;
border:2px solid #bab6ab;
background-color:#f2f2f2;
background-image:-webkit-linear-gradient(#ededed, #fafafa);
background-image:linear-gradient(#ededed, #fafafa);
}

.catch-area-01 .img .box-telnum{
right:2px;
bottom:2px;
}

.catch-area-01 .box-telnum p{
position:relative;
margin:5px;
padding:3px 3px 8px;
font-size:85.7143%;
}

.catch-area-01 .box-telnum p:after{
display:block;
position:absolute;
content:"";
bottom:0;
left:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#cccac2;
}

.catch-area-01 .box-telnum .telnum-01{
position:relative;
padding:3px 10px 3px 48px;
font-weight:bold;
color:#c74800;
}

.catch-area-01 .box-telnum .telnum-01:before{
display:block;
position:absolute;
content:"";
top:3px;
left:10px;
width:36px;
height:36px;
background:url('../images/icon.png') -1312px 0 no-repeat;
background-position:-656px 0;
background-size:cover;
}

.catch-area-01 .box-telnum .telnum-01 dt{
display:none;
}

.catch-area-01 .box-telnum .telnum-01 dd{
font-size:150%;
}

.catch-area-01 .box-telnum .telnum-01 dd a{
color:#c74800;
text-decoration:none;
cursor:text;
}

.catch-area-01 .box-contact-02{
position:absolute;
right:15px;
bottom:15px;
}

.catch-area-01 .box-contact-04{
position:absolute;
right:10px;
bottom:10px;
box-sizing:border-box;
box-shadow:0 2px 2px #333;
padding:4px 7px 7px;
width:203px;
background:#f2f0e9;
}

.catch-area-01 .box-contact-04.lend{
width:250px;
}

.catch-area-01 .box-contact-04.lend2{
bottom:inherit;
top:20px;
width:203px;
}

.catch-area-01 .box-contact-04 dt{
padding:3px;
background:#fff;
font-weight:bold;
text-align:center;
}

.catch-area-01 .box-contact-04 dd{
margin-top:8px;
padding:0 5px;
}

.box-area-01{
position:relative;
}

.box-area-01.com-list{
height:274px;
}

.box-area-01 .map-area img{
position:absolute;
right:0;
top:0;
}

.box-area-01 .map-area img#map-yokohama{
position:absolute;
right:205px;
top:343px;
z-index:40;
cursor:pointer;
}

.box-area-01 .map-area img#info-shiten{
z-index:30;
}

.box-area-01 .map-over{
position:absolute;
right:0;
top:0;
}

.box-area-01 .map-over li{
display:none;
}

.box-side{
border:1px solid #c0c0c0;
margin-bottom:13px;
}
.box-side .hdg{
padding:1px;
}
.box-side .hdg > h2{
margin:0 !important;
}
.box-side .pickup{
padding:8px 6px 10px;
}
.box-side .pickup .img{
text-align:center;
margin-bottom:5px;
}
.box-side .pickup .img img{
width:100%;
}
.box-side .pickup .img_interview img{
max-width:190px;
}
.box-side .pickup .img_sp{
display:none;
}
.box-side .pickup .list-link-01{
font-size:85.7%;
}
.box-side .list-nav li{
border-top:1px solid #c0c0c0;
padding:9px 2px;
display:table;
width:100%;
box-sizing:border-box;
}
.box-side .list-nav li .img{
display:table-cell;
width:35%;
}
.box-side .list-nav li .img img{
width:100%;
}
.box-side .list-nav li .txt{
padding-left:8px;
display:table-cell;
vertical-align:middle;
font-size:85.7%;
font-weight:bold;
}

.box-side .str-nav{
margin:5px 10px 10px;
}
.box-side .str-nav + .str-nav{
border-top:1px solid #c0c0c0;
padding-top:15px;
}
.box-side .str-nav dt{
font-weight:bold;
margin-bottom:10px;
}
.box-side .str-nav dd .list-link-01{
font-size:85.7%;
}
.box-side .tbl-nav li{
display:table;
font-size:85.7%;
width:100%;
margin-top:5px;
}
.box-side .tbl-nav li span{
display:table-cell;
text-align:right;
}
.box-side .tbl-nav li span.hd{
display:table-cell;
text-align:left;
}



@media screen and (max-width: 720px){
.box-side .hdg > .hdg-l2-01 > span:after{
display:none;
}
.box-side .pickup .img_sp{
display:block;
margin-bottom:10px;
}
.box-side .pickup .img_sp img{
width:100%;
}
.box-side .pickup .txt{
display:none;
}
.box-side .list-nav li{
padding:0;
}
.box-side .list-nav li .img{
width:25%;
}
.box-side .list-nav li .txt{
font-weight:normal;
position:relative;
}
.box-side .list-nav li .txt:after{
content:"";
display:block;
width:7px;
height:11px;
position:absolute;
top:50%;
right:7px;
margin-top:-3px;
background:url('images/arrow-r_06.png') 0 0 no-repeat;
}
}

@media screen and (max-width: 720px){
.list-bnr-02.col2{
margin-left:-1%;
}
.list-bnr-02.col2 li{
width:49%;
float:left;
margin-left:1%;
}
.list-bnr-02.col2 li + li{
margin-top:0;
}
.list-bnr-02.col2 li.last-child{
margin-top:10px;
}
.list-bnr-02.col2 li img{
width:100%;
}
}



@media screen and (max-width: 970px){

.catch-area-01 > .box-catch > img{
width:100%;
}

.catch-area-01 > .box-catch .txt{
font-size:100%;
}

.catch-area-01 .box-telnum{
position:static;
margin-top:10px;
padding-top:1px;
min-height:87px;
}

.catch-area-01 .img .box-telnum{
position:absolute;
right:1%;
box-sizing:border-box;
bottom:5px;
margin:0 auto;
width:98%;
}

.catch-area-01 .box-contact-02{
right:10px;
bottom:10px;
}

.box-area-01.com-list{
height:auto;
}

.box-area-01.com-list .map-area img{
position:static;
width:100%;
height:auto;
}
}
@media screen and (max-width: 720px){
.panel-02{
margin-bottom:15px;
}

.panel-02 .hdg{
font-size:85.7143%;
}

.panel-02 .change-area-01 span,
.panel-02 .change-area-02 span,
.panel-02 .word-area-01 span,
.panel-02 .word-area-02 span{
display:block;
margin:0 0 10px;
font-size:85.7143%;
}

.panel-02 .change-area-01 input[type="text"],
.panel-02 .change-area-02 input[type="text"]{
width:60%;
}

.panel-02 .change-area-02 input[type="text"]{
box-sizing:border-box;
border-radius:5px;
padding:10px 3px !important;
}

.panel-02 .word-area-01 input[type="text"],
.panel-02 .word-area-02 input[type="text"]{
box-sizing:border-box;
border-radius:5px;
padding:10px 3px !important;
width:100%;
}

.panel-02 .word-area-02 input[type="text"]{
margin-top:5px;
}

.panel-02 .change-area-01 .btn,
.panel-02 .change-area-02 .btn,
.panel-02 .word-area-01 .btn,
.panel-02 .word-area-02 .btn{
display:block;
margin:0 auto;
width:40%;
}

.panel-02 .word-area-02 .btn.sitesearch{
display:inline-block;
}

.panel-02 .change-area-02 .btn{
width:85%;
}

.panel-02 .change-area-01 .btn button,
.panel-02 .word-area-01 .btn button,
.panel-02 .word-area-02 .btn button{
padding:10px 3px !important;
width:100%;
}

.panel-02 .change-area-02 .btn button,
.panel-02 .change-area-02 .btn a{
padding:10px 3px !important;
width:48%;
}

.panel-02 .change-area-02 .btn button{
margin-right:5px;
}

.panel-02 .word-area-02 .btn.sitesearch + span{
display:inline-block;
margin-left:10px;
}

.panel-03 .result-stats{
margin-bottom:10px;
}
.panel-03.result{
margin:0 -10px 10px;
text-align:center;
}
.panel-03.result .result-stats,
.panel-03.result .nav-pagination-02{
float:none;
display:inline-block;
margin-bottom:0;
}
.panel-03.result .nav-pagination-02{
padding-top:5px;
}



.panel-04{
margin-bottom:10px;
}

.panel-04 .hdg,
.panel-05 .hdg{
font-size:85.7143%;
}

.panel-05 .send-area-01{
float:none;
width:auto;
}

.panel-05 .send-area-01 span,
.panel-05 .send-area-01 span{
display:block;
margin:0 0 10px;
font-size:0.75rem;
}

.panel-05 .send-area-01 .btn{
margin:0 auto;
width:85%;
}

.panel-05 .send-area-01 .btn button,
.panel-05 .send-area-01 .btn a{
padding:10px 3px !important;
width:100%;
}

.panel-05 .send-area-01 input[type="text"]{
box-sizing:border-box;
margin-top:5px;
padding:10px 3px !important;
width:100%;
}

.panel-06{
padding:10px;
}

.fp-top-content .panel-08{
padding:10px;
}

.panel-09 .lyt-col-03.col3 .col + .col{
border-top:1px solid #fff;
padding-top:10px;
}

.panel-09 .lyt-col-03.col3 .col:before{
display:none;
}

.panel-10{
padding:0;
background:#fff;
}

.panel-10 .hdg-group dt{
display:block;
border-bottom:2px solid #ababab;
margin:0 0 10px;
padding:0 0 8px 25px;
font-size:85.7143%;
}

.panel-10 .hdg-group dd{
display:block;
font-size:85.7143%;
}

.panel-10 .box-07{
padding:0;
}

.panel-12{
border-width:3px;
}

.panel-12 .hdg span{
display:block;
padding:10px;
font-weight:bold;
background:#efefeb;
color:#1f298a;
}

.panel-12 .box-content{
padding:10px;
}

.panel-12 .box-content .list-01 dt{
font-size:0.75rem;
}

#main-content .num-panel .number,
#main-content .num-panel .area{
padding:1px;
font-size:8px !important;
}

#main-content .num-panel .area{
padding-top:2px;
}

.num-panel .area input{
left:1px;
top:1px;
margin-top:0;
}

.num-panel .area label{
padding-left:2em;
}

.search-content-01.renew .num-panel .area{
background:url(/office/images/arrow_03.png) no-repeat 3px 6px #08166a;
background-size:2px 2px;
padding:2px 4px 2px 8px !important;
}

.box-h1-content{
padding:0;
background:none;
box-shadow:none;
}

.wrap-02 .box-h1-content{
padding:0 5px;
}

.box-h1-content.type-02{
margin-bottom:10px;
}

.box-h1-content .catch-area-01{
padding:0 5px;
}

.box-h1-content.type-02 .catch-area-01{
margin-top:5px;
}

.box-h1-content .catch-area-01 > .box-catch{
border:none;
padding:0;
background:none;
}

#main-content .catch-area-01 .box-catch .catch{
font-size:0.6875rem !important;
}

.catch-area-01 .box-catch .catch2{
top:10px;
left:10px;
padding-right:10px;
font-size:85.7143%;
}

.catch-area-01 > .box-catch dl{
left:5px;
}

.catch-area-01 > .box-catch dl dt{
font-size:128.5714%;
}

.catch-area-01 > .box-catch dl dd{
font-size:71.4286%;
}

.catch-area-01 > .box-catch .txt{
left:5px;
bottom:5px;
font-size:62.5%;
}

.catch-area-01 .box-telnum{
position:static;
border:2px solid #bab6ab;
min-height:100%;
background-image:-webkit-linear-gradient(#ededed, #fafafa);
background-image:linear-gradient(#ededed, #fafafa);
}

.catch-area-01 .box-telnum p br{
display:none;
}

.catch-area-01 .box-telnum .telnum-01{
padding:3px 10px 8px 48px;
}

.catch-area-01 .box-telnum .telnum-01 dt{
display:inline-block;
vertical-align:middle;
color:#333;
font-size:107.1429%;
}

.catch-area-01 .box-telnum .telnum-01 dd{
display:inline-block;
vertical-align:middle;
font-size:150%;
}

.catch-area-01 .box-contact-02{
position:static;
margin-top:10px;
}

.catch-area-01 .box-contact-04{
display:none;
}

.box-area-01 .map-area{
display:none;
}

.box-area-01.com-list .map-area{
display:block;
}
}
@media screen and (max-width: 320px){
.catch-area-01 > .box-catch > img{
width:auto;
height:60px;
}

.catch-area-01 > .box-catch > img.full,
.box-h1-content .catch-area-01 > .box-catch img{
width:100%;
height:auto;
}
}
.box-01{
border:1px solid #c0c0c0;
padding:1px;
background:#fff;
}

.box-01 + .box-01{
margin-top:18px;
}

.box-01 > .inner{
background-image:-webkit-linear-gradient(#ffffff, #fefefe 80%, #f0f0f0);
background-image:linear-gradient(#ffffff, #fefefe 80%, #f0f0f0);
}

.box-01 > .inner > a{
display:table;
padding-left:10px;
box-sizing:border-box;
width:100%;
text-decoration:none;
color:inherit;
}

.box-01 > .inner > a > *{
display:table-cell;
padding:10px 0;
vertical-align:middle;
}

.box-01 > .inner > a > img{
display:block;
float:right;
padding:0;
width:auto;
}

.box-01 .txt-content{
padding:10px 5px 21px;
}

.box-01 .txt-content.lifestyle{
background:url("/office/shared/images/box-kenrent-01_03.png") no-repeat right bottom;
}

.box-01 .txt-content.area{
background:url("/office/shared/images/box-kenrent-01_04.png") no-repeat right bottom;
}

.box-01 .txt-content.district{
background:url("/office/shared/images/box-kenrent-01_05.png") no-repeat right bottom;
}

.box-01 .txt-content.line{
background:url("/office/shared/images/box-kenrent-01_06.png") no-repeat right bottom;
}

.box-01 .txt-content p{
margin-top:5px;
}

.box-02{
border:1px solid #c0c0c0;
box-shadow:0 3px 2px #eeeeee;
margin-bottom:5px;
padding:1px;
background:#fff;
}

.box-02.adjust-01{
padding:3px;
}

.box-02 + .box-02{
margin-top:20px;
}

.box-02 > .inner{
padding:9px 16px;
background-color:#fbfbfb;
background-image:-webkit-linear-gradient(#efefef, #ffffff 15%);
background-image:linear-gradient(#efefef, #ffffff 15%);
}

.box-02.adjust-01 > .inner{
padding:10px 7px;
background:#fff;
}

.box-02.bg-01 > .inner{
background-color:#e9eff5;
background-image:-webkit-linear-gradient(#f9fafc, #e4ebf2);
background-image:linear-gradient(#f9fafc, #e4ebf2);
}

.box-02.bg-02 > .inner{
background-color:#f1e9e0;
background-image:-webkit-linear-gradient(#fefefd, #efe5da);
background-image:linear-gradient(#fefefd, #efe5da);
}

.box-02.bg-03 > .inner{
background-color:#f4f7fa;
background-image:-webkit-linear-gradient(#e5ebf2, #ffffff);
background-image:linear-gradient(#e5ebf2, #ffffff);
}

.box-02 > .inner > .hdg{
position:relative;
margin-bottom:8px;
font-size:100%;
font-weight:bold;
}

.box-02 > .inner > .list-inline-02 .hdg{
font-weight:bold;
}

.box-02 > .inner > .hdg2{
margin-bottom:8px;
font-size:114.2857%;
font-weight:bold;
}

.box-02 > .inner > .hdg.inc-icon{
padding-right:60px;
}

.box-02 > .inner > .hdg.inc-icon2{
padding-right:175px;
}

.box-02 > .inner > .hdg.inc-icon > span[class^="icon-"],
.box-02 > .inner > .hdg.inc-icon2 > span[class^="icon-"]{
position:absolute;
right:0;
top:-3px;
padding:2px 8px 1px;
font-weight:normal;
font-size:12px;
font-size:0.75rem;
}

.box-02 > .inner .hdg > .num + span{
display:inline-block;
margin-right:5px;
padding-top:3px;
}

.box-02 > .inner > .hdg2 a{
position:relative;
display:inline-block;
}

.box-02 > .inner > .hdg2 a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
right:-45px;
}

.box-02 > .inner > .title .main{
float:left;
font-size:121.4286%;
font-weight:bold;
}

.box-02 > .inner > .title .sub{
float:right;
padding-top:2px;
font-size:100%;
font-weight:bold;
}

.box-02 > .inner > .sub-area{
border-top:1px solid #c0c0c0;
margin-top:10px;
padding-top:10px;
}

.box-02 > .inner > .sub-area .list-dfn-03 dd{
margin-right:10px;
}

.box-02.box-reccomend-top{
position:relative;
}
.box-02.box-reccomend-top .inner{
padding:25px 11px 15px;
}
.box-02.box-reccomend-top .inner .hdg{
margin-bottom:5px;
}
.box-02.box-reccomend-top .inner > .reccomend-icon{
position:absolute;
top:0;
left:0;
background: #f0f1f8 none repeat scroll 0 0;
font-size: 85.7%;
line-height: 1.1;
padding: 5px 8px 3px;
}
.box-02.box-reccomend-top .inner .lyt-img-01 {
}
.box-02.box-reccomend-top .inner .txt {
font-size: 85.7%;
padding-bottom:30px;
}
.box-02.box-reccomend-top .inner > .reccomend-link{
position:absolute;
bottom:14px;
right:15px;
}



.box-03{
box-sizing:border-box;
box-shadow:0 3px 2px #eee;
border:1px solid #c0c0c0;
margin-top:20px;
padding:15px 20px;
}

.box-03.catalog{
position:relative;
background:url(/office/shared/images/box-index-03_01.png) no-repeat right center;
}

.box-03.catalog .txt{
position:absolute;
right:0;
top:50%;
margin-top:-0.6em;
text-shadow:1px 1px 0 #fff;
font-size:85.7143%;
}

.box-04{
border:1px solid #d3d3d3;
margin-top:20px;
padding:2px;
background:#ececec;
}

.box-04 .inner{
padding:10px;
background:#fff;
}

.box-05{
box-sizing:border-box;
border:1px solid #c0c0c0;
padding:15px;
}

.box-05 + .box-05{
margin-top:-1px;
}

.box-06{
box-sizing:border-box;
border:1px solid #c0c0c0;
padding:35px 20px;
}

.box-07{
box-sizing:border-box;
padding:10px;
background:#fff;
}

.box-08{
border:1px solid #c0c0c0;
border-top:3px solid #384591;
padding:10px 13px 13px;
margin-bottom:15px;
background: rgb(247,246,244);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(247,246,244,1) 0%, rgba(255,255,255,1) 30%);
background: -webkit-linear-gradient(top,  rgba(247,246,244,1) 0%,rgba(255,255,255,1) 30%);
background: linear-gradient(to bottom,  rgba(247,246,244,1) 0%,rgba(255,255,255,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f4', endColorstr='#ffffff',GradientType=0 );
}
.box-08 .hdg{
font-size:142.857%;
font-weight:bold;
padding-left:40px;
margin-bottom:9px;
position:relative;
line-height:1.3;
position:relative;
}
.box-08 .hdg .btn{
font-size:60%;
font-weight:nomal;
display:inline-block;
position:absolute;
top:-2px;
right:0;
line-height:1.1;
width:auto;
padding:5px 10px;
}
.box-08 .hdg.key:before{
content:"";
display:block;
width:23px;
height:23px;
position:absolute;
top:0;
left:0;
background:url(/office/shared/css/images/icon-hdg.png) no-repeat 0 0;
margin-left:10px;
}
.box-08 .hdg.area:before{
content:"";
display:block;
width:28px;
height:28px;
position:absolute;
top:0;
left:0;
background:url(/office/shared/css/images/icon-hdg.png) no-repeat -30px 0;
margin-left:7px;
}
.box-08 .hdg.train:before{
content:"";
display:block;
width:24px;
height:28px;
position:absolute;
top:0;
left:0;
background:url(/office/shared/css/images/icon-hdg.png) no-repeat -60px 0;
margin-left:8px;
}
.box-08 .panel-01.pickup{
padding:7px 7px 0;
}

.box-09{
padding:7px 7px 0;
border-top:#273793 4px solid;
padding:14px 15px 0;
margin-bottom:20px;
background:url(/office/shared/css/images/box-09_01.png) repeat-x top left;
}
.box-09 .lyt-img-01.result {
margin-top:0px;
}
.box-09 .lyt-img-01.result .hdg .icon {
display:inline-block;
font-size:61.1%;
border:1px #97ccde solid;
padding:2px 5px;
background:#e5f6fb;
margin-right:10px;
vertical-align: top;
}
.box-09 .lyt-img-01.result .list-data li{
margin-bottom:8px;
}
.box-09 .lyt-img-01.result .list-data dl{
display:table;
width:100%;
}
.box-09 .lyt-img-01.result .list-data dt{
display:table-cell;
width:4em;
text-align:right;
font-weight:bold;
padding-right:10px;
}
.box-09 .lyt-img-01.result .list-data dd{
display:table-cell;
}
.box-09 .lyt-img-01.result .list-data li.icon{
margin-bottom:0;
}
.box-09 .lyt-img-01.result .list-data li.icon .list-icon-02,
.box-09 .lyt-img-01.result .list-data li.icon .list-icon-02_01{
margin-top:0;
}
.box-09 .lyt-img-01.result .list-data li.icon .list-icon-02 li,
.box-09 .lyt-img-01.result .list-data li.icon .list-icon-02_01 li{
margin-bottom:0;
font-weight:bold;
font-size:78.5%;
min-width:5em;
text-align:center;
border-radius:2px;
}
.box-09 .tbl-pickup.result{
margin-top:15px;
}
.box-09 .tbl-pickup.result div.switch{
border:none;
}
.box-09 .tbl-pickup.result .tbl-01 th{
padding: 5px 9px 5px;
background:#e4e4e4;
}
.box-09 .tbl-pickup.result .tbl-01 tbody th{
background:#f2f2f2;
}
.box-09 .tbl-pickup.result .tbl-01 td{
padding: 4px 9px 3px;
}
.box-09 .tbl-pickup.result .tbl-01 th .icon-new,
.box-09 .tbl-pickup.result .tbl-01 th .icon-update{
margin-bottom:5px;
margin-top:2px;
}

.box-10{
padding:7px 15px;
background:#e6f6fc;
border:#97ccde 1px solid;
margin-top:15px;
border-radius:5px;
}
.box-10 .hdg{
font-size:87.5%;
font-weight:bold;
padding-left:18px;
background:url(/office/shared/css/images/icon-point_02.png) no-repeat 0 0.2em;
}

.box-11{
border:1px solid #ced8e4;
margin-bottom:5px;
padding:1px;
background:#fff;
}
.box-11 > .inner{
padding:12px 14px;
background-color:#fbfbfb;
}
.box-11 > .inner > .hdg{
margin-bottom:5px;
font-size:128.57%;
font-weight:bold;
color:#ced8e4;
}
.box-11 > .inner > p{
text-align:center;
font-size:71.42%;
}
.box-11 > .inner > p .detail{
font-weight:bold;
}
.box-11 > .inner > p span{
font-size:180.022%;
}

@media screen and (max-width: 720px){
.box-11:first-child{
border-bottom:none;
}
.box-11{
border:1px solid #ced8e4;
margin-bottom:0;
padding:1px;
background:#fff;
}
.box-11._border_b{
border-bottom:1px solid #ced8e4;
}
.box-11 > .inner{
display:flex;
justify-content:start;
align-items:center;
}
.box-11 > .inner > .hdg{
width:37%;
}
.box-11 > .inner > p.text{
display:none;
}
.box-11 > .inner > p span{
font-size:180.022%;
}
}

#box-policy-01{
border:1px solid #c0c0c0;
border-top:3px solid #384591;
padding:10px;
height:200px;
overflow-y:scroll;
}

.box-map.lb{
border:1px solid #ddd;
margin-bottom:10px;
width:720px;
}

.box-map.lb > img{
max-width: 100%;
}

.box-attention-01{
border:1px solid #ec1616;
margin-bottom:20px;
}

.box-attention-01 .box-content{
border:3px solid #f8e5e5;
padding:11px 13px 5px;
}

.box-total-01{
border:2px solid #eae0c7;
padding:5px 8px;
background:#f8f5ec;
}

.box-total-01 > dt,
.box-total-01 > dd{
display:inline-block;
font-size:100%;
}

.box-total-01 > dd{
margin-left:10px;
}

.terms-content .hdg{
border:1px solid #c0c0c0;
padding:5px;
font-weight:bold;
background:#ececec;
}

.terms-content .box-content{
display:table;
border:1px solid #c0c0c0;
border-top:none;
box-sizing:border-box;
width:100%;
}

.terms-content .box-content > .col{
display:table-cell;
box-sizing:border-box;
padding:10px;
width:50%;
vertical-align:top;
}

.terms-content .box-content > .col:first-child{
border-right:1px solid #c0c0c0;
}

.terms-content .box-content > .col .list-dfn-03{
float:left;
margin-right:1%;
width:74%;
}

.terms-content .box-content > .col *[class^="btn-"]{
float:right;
width:25%;
}

@media screen and (max-width: 970px){
.box-01 > .inner > a{
padding:0 10px;
}

.box-01.img > .inner > a{
padding:0 0 0 10px;
}

.box-01 > .inner > a > img{
display:none;
}

.box-01.img > .inner > a > img{
display:block;
width:112px;
}

.box-03.catalog{
background:none;
}

.box-03.catalog .txt{
display:none;
}

.box-map.lb{
width:100%;
}
}
@media screen and (max-width: 720px){
.box-01 + .box-01,
.box-02 + .box-02{
margin-top:10px;
}

.box-01 .txt-content{
background:none !important;
}

.box-02 > .inner > .hdg,
.box-02 > .inner > .hdg2,
.box-02 > .inner > .list-inline-02 .hdg{
font-size:0.75rem;
}

.box-02 > .inner > .hdg.inc-icon2{
padding-right:0;
}

.box-02 > .inner > .hdg.inc-icon2 > span.icon-title{
position:static;
display:block;
float:right;
margin-bottom:10px;
}

.box-02 > .inner > .title .main{
float:none;
display:block;
font-size:85.7143%;
}

.box-02 > .inner > .title .sub{
float:none;
display:block;
padding-top:0;
font-size:85.7143%;
line-height:1.2;
}

.box-02 > .inner > .sub-area .list-dfn-03 dt{
float:none;
}

.box-02.box-reccomend-top .inner .hdg {
font-size:100%;
}

.box-03{
margin-top:10px;
}

.box-08.sp-fll{
background:#f2f2f2;
border-bottom:1px solid #c0c0c0;
border-top:1px solid #c0c0c0;
border-left:none;
border-right:none;
margin:0 -10px;
padding:13px 10px 10px;
}

.box-09{
margin:0 -10px 20px;
}
.box-09 .lyt-img-01.result .list-data dt{
display:none;
}
.box-09 .tbl-pickup.result .tbl-01 tbody th{
background-image:-webkit-linear-gradient(#ffffff, #e3e3e3);
background-image:linear-gradient(#ffffff, #e3e3e3);
}

.box-09 .lyt-img-01.result .list-data li.icon .list-icon-02 li,
.box-09 .lyt-img-01.result .list-data li.icon .list-icon-02 li{
margin-bottom:3px;
}
.box-09 .tbl-pickup.result .tbl-01 th,
.box-09 .tbl-pickup.result .tbl-01 td{
padding:4px 0px 3px;
}
.box-09 .tbl-pickup.result div.switch{
border-bottom:#b4b4b4 solid 1px;
border-left:#b4b4b4 solid 1px;
border-right:#b4b4b4 solid 1px;
}
.box-09 .lyt-img-01.result .hdg .icon{
margin-bottom:5px;
}

.box-10{
margin-top:10px;
}

#box-policy-01{
height:auto;
overflow-y:hidden;
}

.tabs .box-05{
border:none;
padding:0;
}

.box-map.lb{
margin:0 auto 10px;
width:95%;
}

.gmap-wrap{
width:93% !important;
margin:10px auto 0;
}

.twmaps-gmap{
width:85% !important;
margin:0 auto;
}

.box-attention-01{
margin-top:10px;
}

.search-content-01 .box-total-01{
display:none;
}

.terms-content .hdg{
position:relative;
padding:10px;
background-image:-webkit-linear-gradient(#ffffff, #e4e4e4);
background-image:linear-gradient(#ffffff, #e4e4e4);
cursor:pointer;
}

.terms-content .hdg:before{
display:block;
position:absolute;
content:"";
right:14px;
top:50%;
margin-top:-2px;
width:16px;
height:4px;
background:#023894;
}

.terms-content .hdg:after{
display:block;
position:absolute;
content:"";
right:20px;
top:50%;
margin-top:-8px;
width:4px;
height:16px;
background:#023894;
}

.terms-content .hdg.open:after{
display:none;
}

.terms-content .box-content > .col{
display:block;
border-right:none !important;
width:100%;
}

.terms-content .box-content > .col + .col{
border-top:1px solid #c0c0c0;
}

.terms-content .box-content > .col .list-dfn-03{
width:59%;
}

.terms-content .box-content > .col *[class^="btn-"]{
width:40%;
}
}
.box-contact-01,
.box-contact-02,
.sub-box-contact-01{
border:1px solid #ccc9bb;
margin-bottom:20px;
background-color:#f2f0e9;
}

.box-contact-01{
margin:20px 0 0;
padding:13px 14px;
}

.box-contact-02{
margin-bottom:0;
}

.box-contact-outer{
border:1px solid #ccc9bb;
margin:20px 0 0;
padding:13px 14px;
background-color:#f2f0e9;
}

.box-contact-outer .box-contact-01{
float:right;
border:0;
margin:0;
padding:0;
width:75%;
}

.box-contact-02 .box-content,
.sub-box-contact-01 .box-content{
border:1px solid #f8f7f3;
}

.box-contact-01 h2,
.box-contact-01 h3,
.box-contact-02 h2,
.box-contact-02 h3,
.sub-box-contact-01 h2{
margin:1px;
padding:5px 8px 2px;
font-size:107.1429%;
font-weight:bold;
background:#fff;
color:#67593f;
}

.sub-box-contact-01 h2.hdg-02{
margin:1px;
font-size:100%;
padding:10px 5px;
text-align:center;
}

@media screen and (max-width: 720px){
.sub-box-contact-01 h2.hdg-02{
text-align:left;
}
}

.box-contact-01 h2 .store,
.box-contact-01 h3 .store,
.box-contact-02 h2 .store,
.box-contact-02 h3 .store,
.sub-box-contact-01 h2 .store{
float:right;
font-size:12px;
font-size:0.75rem;
font-weight:normal;
}

.sub-box-contact-01 h2.hdg-02 .store{
float:none;
display:block;
margin-top:10px;
}

@media screen and (max-width: 720px){
.box-contact-01 h2 .store,
.box-contact-01 h3 .store,
.box-contact-02 h2 .store,
.box-contact-02 h3 .store,
.sub-box-contact-01 h2 .store{
float:none;
display:block;
text-align:right;
}
}

.box-contact-02 h2,
.box-contact-02 h3{
font-size:75%;
text-align:center;
}

.box-contact-01 .note{
margin-top:10px;
font-size:85.7143%;
}
.box-contact-01 .note.fs-reset{
font-size:100%;
}

.box-contact-01 .btn-box{
margin:10px 0 15px;
padding:10px;
background:#fbf9f4;
}

.box-contact-01 .btn-box .lyt-img-01 .img{
width:200px;
}

.box-contact-01 .btn-box .lyt-img-01 .txt{
width:auto;
}

.box-contact-01 .btn-box .lyt-img-01 .txt .catch{
font-size:107.1429%;
font-weight:bold;
color:#67593f;
}

.box-contact-02 .box-body,
.sub-box-contact-01 .box-body{
padding:10px 9px;
}

.sub-box-contact-01 .contact-num-01{
background:#ced8e4;
margin:1px;
padding:5px 3px;
font-size:85.71%;
text-align:center;
}

.box-contact-02 .box-body .contact-tel-01,
.sub-box-contact-01 .box-body .contact-tel-01{
position:relative;
margin-bottom:7px;
padding-bottom:5px;
}

.box-contact-02 .box-body .contact-tel-01:after,
.sub-box-contact-01 .box-body .contact-tel-01:after{
display:block;
position:absolute;
content:"";
left:0;
bottom:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#d7d4c9;
}

.sub-box-contact-01 .box-body .contact-tel-01.noborder:after{
display:none;
}

.sub-box-contact-01 .box-body .contact-mail-01.boder-b{
position:relative;
padding-bottom:12px;
}

.sub-box-contact-01 .box-body .contact-mail-01.boder-b:after{
display:block;
position:absolute;
content:"";
left:0;
bottom:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#d7d4c9;
}

.sub-box-contact-01 .box-body-02{
padding:0 9px 10px;
}

.sub-box-contact-01 .box-body-02 .btn{
margin-bottom:10px;
}

.sub-box-contact-01 .box-body-02 .btn:last-child{
margin-bottom:0;
}

.box-contact-01 .box-body{
display:table;
margin-top:10px;
width:100%;
}

.box-contact-01 .box-body .col{
display:table-cell;
box-sizing:border-box;
padding-right:10px;
vertical-align:top;
width:50%;
}

.box-contact-01 .box-body .col + .col{
border-left:1px solid #c0c0c0;
box-sizing:border-box;
padding-right:0;
padding-left:10px;
}

.box-contact-01 .box-body > dl{
display:table-cell;
vertical-align:top;
}

.box-contact-outer .box-contact-01 .box-body > dl{
width:50%;
}

.box-contact-01 .box-body > dl + dl{
border-left:1px solid #bcbaae;
padding-left:15px;
}

.box-contact-outer .box-contact-01 .box-body > dl + dl,
.box-contact-01 .box-body .contact-tel-02,
.box-contact-01 .box-body .contact-mail-02{
width:50%;
}

.box-contact-01 .box-body .contact-tel-03,
.box-contact-01 .box-body .contact-mail-03{
width:33%;
}

.box-contact-01 .box-body .contact-tel-02,
.box-contact-01 .box-body .contact-tel-03,
.box-contact-01 .box-body .contact-mail-03{
padding-right:10px;
}

.box-contact-01 .box-body .contact-tel-01 dt,
.box-contact-01 .box-body .contact-tel-02 > dt,
.box-contact-01 .box-body .contact-tel-03 dt,
.box-contact-02 .box-body .contact-tel-01 dt,
.sub-box-contact-01 .box-body .contact-tel-01 dt{
position:relative;
margin-bottom:10px;
padding:3px 0 0 35px;
font-size:100%;
}

.box-contact-01 .box-body .contact-tel-01 dt,
.box-contact-01 .box-body .contact-tel-02 > dt{
display:table-cell;
vertical-align:top;
font-weight:bold;
font-size:107.1429%;
}

.box-contact-01 .box-body .contact-tel-02 > dt{
display:block;
margin-bottom:15px;
}

.box-contact-01 .box-body .contact-tel-03 > dt{
float:left;
width:100%;
font-weight:bold;
font-size:107.1429%;
}

.box-contact-outer .box-contact-01 .box-body .contact-tel-01 dt{
display:block;
}

.box-contact-02 .box-body .contact-tel-01 dt{
display:table-cell;
}

.box-contact-01 .box-body .contact-tel-01 dt:before,
.box-contact-01 .box-body .contact-tel-02 > dt:before,
.box-contact-01 .box-body .contact-tel-03 > dt:before,
.box-contact-02 .box-body .contact-tel-01 dt:before,
.sub-box-contact-01 .box-body .contact-tel-01 dt:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -1312px 0 no-repeat;
background-position:-656px 0;
background-size:cover;
}

.box-contact-01 .box-body .contact-tel-01.fax > dt:before,
.box-contact-01 .box-body .contact-tel-02.fax > dt:before,
.box-contact-01 .box-body .contact-tel-03.fax > dt:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -3198px 0 no-repeat;
background-position:-1599px 0;
background-size:cover;
}

.box-contact-02 .box-body .contact-tel-01 dt{
padding-bottom:5px;
}

.box-contact-02 .box-body .contact-tel-01 dt span{
display:none;
}

.box-contact-01 .box-body .contact-mail-01 dt,
.box-contact-01 .box-body .contact-mail-02 > dt,
.box-contact-01 .box-body .contact-mail-03 > dt,
.box-contact-02 .box-body .contact-mail-01 dt,
.sub-box-contact-01 .box-body .contact-mail-01 dt{
position:relative;
margin-bottom:10px;
padding:3px 0 0 35px;
font-size:100%;
}

.box-contact-01 .box-body .contact-mail-01 dt,
.box-contact-01 .box-body .contact-mail-02 > dt{
display:table-cell;
vertical-align:top;
font-weight:bold;
font-size:107.1429%;
}

.box-contact-01 .box-body .contact-mail-03 > dt{
float:left;
width:100%;
font-weight:bold;
font-size:107.1429%;
}

.box-contact-01 .box-body .contact-mail-02 > dt{
display:block;
margin-bottom:15px;
}

.box-contact-outer .box-contact-01 .box-body .contact-mail-01 dt{
display:block;
}

.box-contact-01 .box-body > div{
display:table-cell;
vertical-align:top;
}
.box-contact-01 .box-body > div + div {
border-left: 1px solid #bcbaae;
padding-left: 15px;
}
.box-contact-01 .box-body > div dl.contact-tel-01,
.box-contact-01 .box-body > div dl.contact-mail-01{
display:table;
width:100%;
vertical-align: top;
}
.box-contact-01 .box-body > div dl.contact-tel-01{
padding-top:10px;
}
.box-contact-01 .box-body > div dl.contact-mail-01.btn-mail dt{
width:3em;
vertical-align:middle;
letter-spacing:-2px;
}
.box-contact-01 .box-body > div dl.contact-mail-01.btn-mail dt:before {
top: 50%;
margin-top:-13px;
}
.box-contact-01 .box-body > div dl.contact-mail-01.btn-mail dd .btn-01{
padding:10px;
}




.box-contact-02 .box-body .contact-mail-01 dt{
display:none;
}

.box-contact-01 .box-body .contact-mail-01 dt:before,
.box-contact-01 .box-body .contact-mail-02 > dt:before,
.box-contact-01 .box-body .contact-mail-03 > dt:before,
.box-contact-02 .box-body .contact-mail-01 dt:before,
.sub-box-contact-01 .box-body .contact-mail-01 dt:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -1230px 0 no-repeat;
background-position:-615px 0;
background-size:cover;
}

.box-contact-01 .box-body .contact-tel-01 dd,
.box-contact-02 .box-body .contact-tel-01 dd,
.sub-box-contact-01 .box-body .contact-tel-01 dd{
font-size:164.2857%;
font-weight:bold;
color:#d14c00;
word-break:break-all;
}

.box-contact-01 .box-body .contact-tel-01 dd{
display:table-cell;
padding:0 15px;
line-height:1.2;
font-size:185.7142%;
}

.box-contact-01 .box-body .contact-tel-02 > dd{
display:block;
line-height:1.2;
}

.box-contact-01 .box-body .contact-tel-02 > dd a[class^="btn-"]{
line-height:1.5;
}

.box-contact-01 .box-body .contact-tel-03 > dd{
float:left;
width:100%;
}

.box-contact-01 .box-body .contact-tel-01 dd + dd{
display:block;
}

.box-contact-outer .box-contact-01 .box-body .contact-tel-01 dd{
padding:0;
}

.box-contact-02 .box-body .contact-tel-01 dd{
display:table-cell;
padding-bottom:5px;
font-size:112.5%;
}

.box-contact-01 .box-body .contact-tel-01.btn1 dd{
font-size:inherit;
width:200px;
}

.box-contact-01 .box-body .contact-tel-02 > dd dl.area{
margin-top:5px;
}

.box-contact-01 .box-body .contact-tel-02 > dd dl.area dt{
clear:left;
float:left;
margin-right:8px;
padding-top:8px;
font-size:85.7143%;
font-weight:bold;
}

.box-contact-01 .box-body .contact-tel-02 > dd dl.area dt + dd{
float:left;
margin-bottom:8px;
}

.box-contact-01 .box-body .contact-tel-01 dd .info-sub,
.box-contact-01 .box-body .contact-tel-02 dd .info-sub,
.box-contact-01 .box-body .contact-tel-03 dd .info-sub{
display:block;
font-size:46.15384%;
font-weight:normal;
color:#333;
}

.box-contact-01 .box-body .contact-tel-02 dd .info-sub,
.box-contact-01 .box-body .contact-tel-03 dd .info-sub{
font-size:85.7143%;
}

.box-contact-01 .box-body .contact-tel-01 dd .info-sub2{
display:block;
margin:5px 5px 0 0;
padding:3px;
font-size:10px;
font-size:0.625rem;
font-weight:normal;
background:#fbf9f4;
color:#333;
}

.box-contact-01 .box-body .contact-tel-01 dd a,
.box-contact-01 .box-body .contact-tel-02 dd a[href^="tel:"],
.box-contact-01 .box-body .contact-tel-03 dd a[href^="tel:"],
.box-contact-01 .box-body .contact-tel-03 dd .fax-num,
.box-contact-02 .box-body .contact-tel-01 dd a,
.sub-box-contact-01 .box-body .contact-tel-01 dd a{
color:#d14c00;
text-decoration:none;
cursor:text;
}

.box-contact-01 .box-body .contact-tel-01 dd .info-sub a{
color:#0000cc;
text-decoration:underline;
cursor:pointer;
}

.box-contact-01 .box-body .contact-tel-01 dd .info-sub + a{
display:inline-block;
margin-top:5px;
}

.box-contact-01 .box-body .contact-tel-02 dd a[href^="tel:"],
.box-contact-01 .box-body .contact-tel-03 dd a[href^="tel:"],
.box-contact-01 .box-body .contact-tel-03 dd .fax-num{
font-size:185.7142%;
font-weight:bold;
}

.box-contact-01 .box-body .contact-tel-03 dd a.def[href^="tel:"]{
color:inherit;
font-size:inherit;
font-weight:normal;
}

.box-contact-01 .box-body .contact-mail-01 dd{
display:table-cell;
padding:0 15px;
width:200px;
}

.box-contact-01 .box-body .contact-mail-02 dd{
display:block;
}

.box-contact-01 .box-body .contact-mail-03 dd{
float:left;
width:100%;
}

.box-contact-01 .box-body .contact-mail-01.btn1 dd{
width:auto;
padding:0;
display:block;
}

.box-contact-01 .box-body .contact-mail-01.btn1 dd.adjust-01{
width:200px;
}

.box-contact-02 .box-body .contact-mail-01 dd{
font-size:87.5%;
}

.box-contact-01 .box-body button span,
.box-contact-01 .box-body a[class^="btn-"] span.br-01{
display:block;
}

.box-contact-01 .box-body button span.small,
.box-contact-01 .box-body a span.small{
font-size:12px;
font-size:0.75rem;
}

.box-contact-outer .sub-box-01{
float:left;
box-sizing:border-box;
margin:0 2% 0 0;
width:23%;
}

#side-content .box-contact-02 {
margin-bottom:20px;
}
#side-content .box-contact-02 h2,
#side-content .box-contact-02 h3{
font-size:121.4%;
text-align:left;
}
#side-content .box-contact-02 .contact-mail dt {
padding-left:38px;
position:relative;
margin-bottom:10px;
}
#side-content .box-contact-02 .contact-mail dt:before {
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
background:url('../images/icon.png') -615px 0 no-repeat;
background-size:cover;
}



@media screen and (max-width: 970px){
.box-contact-02 h2{
font-size:68.75%;
}

.sub-box-contact-01 .box-body .contact-tel-01 dd{
font-size:114.2857%;
}

.box-contact-02 .box-body .contact-tel-01 dd{
font-size:100%;
}

.box-contact-01 .box-body .contact-tel-01 dd,
.box-contact-01 .box-body .contact-mail-01 dd{
display:block;
margin-top:10px;
}

.box-contact-01 .box-body .contact-tel-01.btn1 dd{
padding:0;
}

.box-contact-01 .box-body .contact-tel-03 dd a[href^="tel:"],
.box-contact-01 .box-body .contact-tel-03 dd .fax-num{
font-size:142.8571%;
}

.box-contact-01 .box-body .contact-mail-01 dd{
width:100%;
box-sizing:border-box;
}

.box-contact-02 .box-body .contact-mail-01 dd{
font-size:75%;
}

.box-contact-01 .box-body a[class^="btn-"] span.br-02{
display:block;
}
}
@media screen and (max-width: 720px){
.box-contact-outer{
border:none;
margin:0;
padding:0;
background:none;
}

.box-contact-outer .box-contact-01{
float:none;
box-sizing:border-box;
border:1px solid #ccc9bb;
margin:10px 0 0;
width:100%;
background-color:#f2f0e9;
}

.box-contact-01{
padding:0;
}

.box-contact-01 .note{
padding:0 9px;
}

.box-contact-01 .btn-box{
margin:10px 10px 15px;
}

.box-contact-01 .btn-box .lyt-img-01 .img{
width:160px;
}

.box-contact-01 .btn-box .lyt-img-01 .txt .catch{
font-size:0.75rem;
}

.box-contact-01 .box-body{
display:block;
box-sizing:border-box;
padding:0px 9px 10px;
}

.box-contact-01 .box-body .col{
display:block;
padding-right:0;
width:100%;
}

.box-contact-01 .box-body .col + .col{
border-left:none;
margin-top:20px;
padding-left:0;
}

.box-contact-01 .box-body .col h2{
margin:5px 0 0;
}

.box-contact-01 .box-body > dl{
display:block;
border:none !important;
padding:0 !important;
}

.box-contact-outer .box-contact-01 .box-body > dl,
.box-contact-outer .box-contact-01 .box-body > dl + dl,
.box-contact-01 .box-body .contact-tel-02,
.box-contact-01 .box-body .contact-mail-02{
width:100%;
}

.box-contact-01 .box-body .contact-tel-02,
.box-contact-01 .box-body .contact-tel-03,
.box-contact-01 .box-body .contact-mail-03{
width:100% !important;
}

.box-contact-02 .box-body > dl{
display:table;
width:100%;
}

.box-contact-01 .box-body .contact-tel-01 dt,
.box-contact-01 .box-body .contact-tel-02 dt,
.box-contact-01 .box-body .contact-tel-03 dt,
.box-contact-01 .box-body .contact-mail-01 dt,
.box-contact-01 .box-body .contact-mail-02 dt,
.box-contact-01 .box-body .contact-mail-03 dt{
font-weight:normal;
}

.box-contact-01 .box-body .contact-tel-01 dd,
.box-contact-01 .box-body .contact-mail-01 dd{
padding:0;
}

.box-contact-01 .box-body .contact-tel-01,
.box-contact-01 .box-body .contact-tel-02,
.box-contact-01 .box-body .contact-tel-03,
.box-contact-01 .box-body .contact-mail-03{
position:relative;
margin-bottom:7px;
padding-bottom:5px;
}

.box-contact-01 .box-body .contact-tel-01:after,
.box-contact-01 .box-body .contact-tel-02:after,
.box-contact-01 .box-body .contact-tel-03:before,
.box-contact-01 .box-body .contact-mail-03:before{
display:block;
position:absolute;
content:"";
left:0;
bottom:0;
border-bottom:1px solid #fff;
width:100%;
height:1px;
background:#d7d4c9;
}

.box-contact-01 .box-body .contact-tel-03.fax:before{
display:none;
}

.box-contact-01 h2,
.box-contact-01 h3,
.box-contact-02 h2,
.sub-box-contact-01 h2{
font-size:85.7143%;
margin:5px 5px 0;
padding:8px;
}

.box-contact-02 h2{
font-size:75%;
}

.box-contact-01 .box-body .contact-tel-01 dt,
.box-contact-02 .box-body .contact-tel-01 dt,
.sub-box-contact-01 .box-body .contact-tel-01 dt{
display:inline-block;
font-size:107.1429%;
}

.box-contact-outer .box-contact-01 .box-body .contact-tel-01 dt{
display:inline-block;
}

.box-contact-02 .box-body .contact-tel-01 dt{
font-size:93.75%;
}

.box-contact-01 .box-body .contact-tel-03 dt,
.box-contact-01 .box-body .contact-mail-03 dt{
width:70px;
}

.box-contact-01 .box-body .contact-tel-01 dd,
.box-contact-02 .box-body .contact-tel-01 dd,
.sub-box-contact-01 .box-body .contact-tel-01 dd{
display:inline-block;
margin-left:20px;
vertical-align:middle;
font-size:142.8571%;
}

.box-contact-01 .box-body .contact-tel-01.btn1 dd{
width:160px;
}

.box-contact-01 .box-body .contact-tel-02 > dd{
padding-bottom:15px;
}

.box-contact-01 .box-body .contact-tel-03 > dd,
.box-contact-01 .box-body .contact-mail-03 > dd{
padding-bottom:15px;
width:160px;
}

.box-contact-01 .box-body .contact-tel-02 > dd dl.area dt{
margin-right:3px;
padding-top:5px;
width:3em;
}

.box-contact-01 .box-body .contact-tel-02 > dd dl.area dt + dd{
width:86%;
}

.box-contact-01 .box-body .contact-tel-02 dd a[href^="tel:"]{
font-size:142.8571%;
}

.box-contact-02 .box-body .contact-tel-01 dd{
font-size:125%;
display:table-cell;
width:100%;
}

.box-contact-01 .box-body .contact-tel-01 dd{
margin:0 0 10px 10px;
}

.box-contact-01 .box-body .contact-tel-01 dd + dd{
display:inline-block;
margin:0 0 10px 0;
}

.box-contact-01 .box-body .contact-tel-01 dd .info-sub{
font-size:60%;
}

.box-contact-01 .box-body .contact-tel-01 dd + dd .info-sub2{
margin-right:0;
}

.box-contact-01 .box-body .contact-mail-01.btn1 dt{
display:inline-block;
}

.box-contact-01 .box-body .contact-mail-01.btn1 dd{
display:inline-block;
margin:0 0 0 5px;
}

.box-contact-01 .box-body .contact-mail-01.btn1 dd.adjust-01{
width:auto;
}

.box-contact-01 .box-body .contact-mail-01.btn1 dd button,
.box-contact-01 .box-body .contact-mail-01.btn1 dd a{
width:160px;
}

.box-contact-01 .box-body .contact-tel-03 .list-btn-01 li,
.box-contact-01 .box-body .contact-mail-03 .list-btn-01 li{
width:100%;
}

.box-contact-01 .box-body .list-btn-03 a > span > span{
display:block;
}

.box-contact-01 .box-body button span.small,
.box-contact-01 .box-body a span.small{
font-size:10px;
font-size:0.625rem;
}

.box-contact-outer .sub-box-01{
float:none;
margin:10px 0 0;
width:100%;
}

.box-contact-01 .box-body > div{
display:block;
}
.box-contact-01 .box-body > div + div {
border-left: none;
padding-left: 0;
}

}
.sub-box-01{
border:1px solid #c0c0c0;
margin-bottom:20px;
padding:1px;
background:#fff;
}

.sub-box-01 h2,
.sub-box-01 h3{
padding:8px 5px 5px;
font-weight:bold;
text-align:center;
background-color:#dee1e7;
background-image:-webkit-linear-gradient(#d3d7df, #e8eaee);
background-image:linear-gradient(#d3d7df, #e8eaee);
}

.sub-box-01 h2 > span{
position:relative;
display:inline-block;
padding-left:10px;
}

.sub-box-01 h2 > span:before{
display:block;
position:absolute;
content:"";
top:0;
left:-1em;
width:36px;
height:36px;
background:url('../images/icon.png') -1394px 0 no-repeat;
background-position:-697px 0;
background-size:cover;
}

.sub-box-01 h2.save > span:before{
top:4px;
width:17px;
height:13px;
background:url("/office/shared/images/icon-preserv_02.png") no-repeat left top;
}

.box-contact-outer .sub-box-01 h2 > span:before{
top:-3px;
}

.sub-box-01 h2 span > span{
display:block;
font-size:70%;
}

.sub-box-01 .box-content{
padding:5px 10px 3px;
}

.sub-box-01 p,
.sub-box-01 ul{
margin-bottom:8px;
}

.sub-box-01 > .box-content > ul{
font-size:85.7143%;
}

.sub-box-01 em.total{
color:#df0000;
}

.sub-box-01 .box-content .btn-02{
margin-top:12px;
}

.sub-box-01 .box-content .disp{
color:#cc0000;
}

@media screen and (max-width: 970px){
.sub-box-01 h2 > span{
display:block;
padding-left:1.6em;
}

.sub-box-01 h2 > span:before{
left:0;
}
}
@media screen and (max-width: 720px){
.sub-box-01 h2{
padding:8px;
font-size:85.7143%;
}

.sub-box-01 h2 > span{
display:inline;
padding-left:0;
}

.sub-box-01 h2 > span:before{
top:-5px;
left:-2.2em;
}

.box-contact-outer .sub-box-01 h2 > span:before{
top:-5px;
}

.sub-box-01 h2 > span > span{
display:inline;
font-size:100%;
}

.sub-box-01 .box-content .btn-02{
margin:0 auto 8px;
width:75%;
}
}
.box-find-01{
position:relative;
border:1px solid #c0c0c0;
box-shadow:0 2px 2px #cbd2da;
padding:1px;
background:#fff;
}

.box-find-01 + .box-find-01{
margin-top:20px;
}

.box-find-01 .hdg-content{
position:relative;
padding:14px 10px 5px;
font-size:100%;
background-color:#fafafa;
background-image:-webkit-linear-gradient(#efefef, #f8f8f8);
background-image:linear-gradient(#efefef, #f8f8f8);
}

.box-find-01 .hdg-content:before{
display:block;
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height:3px;
background-color:#505ca5;
background-image:-webkit-linear-gradient(#505ca5, #646faf);
background-image:linear-gradient(#505ca5, #646faf);
}

.box-find-01 .hdg-content-inner{
position:relative;
}

.box-find-01 .hdg-content-inner:before{
display:block;
position:absolute;
content:"";
left:0;
bottom:-6px;
border-bottom:1px solid #cfcfcf;
width:100%;
height:1px;
background:#fff;
}

.box-find-01 .hdg-content .hdg{
position:relative;
float:left;
margin-bottom:5px;
padding-left:20px;
font-weight:bold;
}

.box-find-01 .hdg-content.simple .hdg{
float:none;
margin-bottom:0;
padding:0 0 5px 0;
}

.box-find-01 .hdg-content .hdg:before{
display:block;
position:absolute;
content:"";
left:0;
top:3px;
width:36px;
height:36px;
background:url('../images/icon.png') -902px 0 no-repeat;
background-position:-451px 0;
background-size:cover;
}

.box-find-01 .hdg-content.simple .hdg:before{
display:none;
}

.box-find-01 .hdg-content.simple .hdg a{
position:relative;
display:block;
padding-right:5px;
}

.box-find-01 .hdg-content.simple .hdg a:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -246px 0 no-repeat;
background-position:-123px 0;
top:50%;
right:-20px;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
right:-30px;
}

.box-find-01 .number{
overflow:hidden;
float:right;
margin-top:2px;
width:350px;
font-size:85.7143%;
text-align:right;
}

.box-find-01 .number dt{
display:inline-block;
}

.box-find-01 .number dd{
display:inline-block;
}

.box-find-01 .btn{
float:left;
margin:-3px 0 0 10px;
}

.box-find-01 .box-content{
clear:both;
padding:11px 10px 10px;
}

.search-area-01 .box-find-01 .box-content{
padding:11px 16px 10px;
}

.box-find-01 .box-content .lyt-image.img-col3{
margin-left:-12px;
padding-bottom:10px;
}

.box-find-01 .box-content .lyt-image.img-col3 li{
position:relative;
float:left;
margin-bottom:8px;
margin-left:12px;
width:222px;
}

.box-find-01 .box-content .lyt-image.img-col3 li a{
display:block;
text-decoration:none;
}

.box-find-01 .box-content .lyt-image.img-col3 li a img{
border:1px solid #ccc;
padding:1px;
}

.box-find-01 .box-content .lyt-image.img-col3 li a p{
position:absolute;
left:2px;
bottom:2px;
box-sizing:border-box;
padding:5px;
width:100%;
color:#fff;
font-size:85.7143%;
background:#000;
background:rgba(0, 0, 0, 0.8);
filter:alpha(opacity=80);
}
.lyt-tbl-01 > li > dl > dd .str-box-pop > .detail{
display:inline;
}
.lyt-tbl-01 > li > dl > dd .str-box-pop > .detail > span{
display:inline-block;
padding:0 10px 0 15px;
}
.box-pop_01{
display:inline-block;
}
.box-pop_01 dt a{
padding-right:24px;
position:relative;
}
.box-pop_01 dt a:before{
display:block;
position:absolute;
content:"";
background:url('images/btn-arrow_01.png') 0 0 no-repeat;
top:50%;
right:0;
margin-top:-10px;
width:20px;
height:20px;
background-size:cover;
}
.box-pop_01.open dt a:before{
display:block;
position:absolute;
content:"";
background:url('images/btn-arrow_02.png') 0 0 no-repeat;
top:50%;
right:0;
margin-top:-10px;
width:20px;
height:20px;
background-size:cover;
}

.box-pop_01 dd{
display:none;
}
.box-pop_01.open dd{
position:relative;
display:block;
}
.box-pop_01.open dd .inner{
position:absolute;
top:0;
left:0;
background:#ebefff;
padding:10px;
border:1px solid #c0c0c0;
z-index:100;
min-width:250px;
font-size:85.7%;
}
.box-pop_01.open dd .inner.pr{
right:0;
left:auto;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .box-pop_01.open dd .inner .list-inline-01 li{
width:45%;
padding-left:1.5em;
margin-right:10px;
}
@media screen and (max-width: 720px){
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .box-pop_01.open dd .inner .list-inline-01{
margin-bottom:10px !important;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .box-pop_01.open dd .inner .list-inline-01 li{
width:40%;
padding: 8px 0 8px 2.6em;
line-height: 1.8;
margin-right:0;
}
}

@media screen and (max-width: 970px){
.box-pop_01.open dd .inner li{
border:none;
}

}


@media screen and (max-width: 970px){
.box-find-01 .number{
float:left;
clear:both;
width:auto;
}

.box-find-01 .box-content .lyt-image.img-col3{
margin-left:-3%;
}

.box-find-01 .box-content .lyt-image.img-col3 li{
width:30%;
margin-left:3%;
}

.box-find-01 .box-content .lyt-image.img-col3 li img{
width:100%;
}

.box-find-01 .box-content .lyt-image.img-col3 li a p{
font-size:71.4286%;
}
}
@media screen and (max-width: 720px){
.box-find-01 .hdg-content{
padding:0;
background:none;
}

.box-find-01 .hdg-content:before{
background:none;
}

.box-find-01 .hdg-content-inner:before{
background:none;
border-bottom:none;
}

.box-find-01 .hdg-content .hdg{
float:none;
margin-bottom:0;
padding:14px 10px 8px;
background-image:-webkit-linear-gradient(#efefef, #f8f8f8);
background-image:linear-gradient(#efefef, #f8f8f8);
}

.box-find-01 .hdg-content.simple .hdg{
padding:14px 10px 8px;
}

.box-find-01 .hdg-content .hdg:before,
.box-find-01 .hdg-content.simple .hdg:before{
display:block;
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height:3px;
background-color:#505ca5;
background-image:-webkit-linear-gradient(#505ca5, #646faf);
background-image:linear-gradient(#505ca5, #646faf);
}

.box-find-01 .hdg-content .hdg > span{
position:relative;
display:block;
padding-left:20px;
}

.box-find-01 .hdg-content.simple .hdg > span{
padding-left:0;
}

.box-find-01 .hdg-content .hdg > span:before{
display:block;
position:absolute;
content:"";
left:0;
top:50%;
margin-top:-7px;
width:36px;
height:36px;
background:url('../images/icon.png') -902px 0 no-repeat;
background-position:-451px 0;
background-size:cover;
}

.box-find-01 .hdg-content.simple .hdg > span:before{
display:none;
}

.box-find-01 .hdg-content .hdg > span:after{
display:block;
position:absolute;
content:"";
left:0;
bottom:-10px;
border-bottom:1px solid #cfcfcf;
width:100%;
height:1px;
background:#fff;
}

.box-find-01 .number{
float:none;
margin-top:10px;
width:auto;
text-align:center;
}

.box-find-01 .btn{
float:none;
margin:0 auto;
text-align:center;
width:240px;
}

.box-find-01 .btn-03{
float:none;
margin:10px auto 0;
}

.box-find-01 .btn-03{
padding:10px 3px !important;
}

.box-find-01 .btn-03:before{
top:50% !important;
margin-top:-7px;
}

.box-find-01 .box-content,
.search-area-01 .box-find-01 .box-content{
padding:11px 10px 10px;
}

.box-find-01 .box-content .lyt-image.img-col3{
margin:0;
}

.box-find-01 .box-content .lyt-image.img-col3 li{
float:none;
margin:0 auto 8px;
width:210px;
}

.box-find-01 .box-content .lyt-image.img-col3 li a p{
padding-left:0 !important;
text-align:center;
}
}
.box-closeup-01{
position:relative;
margin-bottom:20px;
padding:0 12px 10px;
background-color:#dae1eb;
background-image:-webkit-linear-gradient(#cbd5e2, #e0e6ee);
background-image:linear-gradient(#cbd5e2, #e0e6ee);
}

.box-closeup-01 > .hdg{
font-weight:bold;
margin-bottom:8px;
}

.box-closeup-01 > .box-content{
padding:13px 12px;
background:#fff;
}

.box-closeup-01 .title{
padding:15px 13px 7px 54px;
min-height:25px;
}

.box-closeup-01 .title h2,
.box-closeup-01 .title h3{
font-size:114.2857%;
font-weight:bold;
color:#000a46;
}

.box-closeup-01 .title h2 > img,
.box-closeup-01 .title h3 > img{
position:absolute;
left:0;
top:0;
}

.box-closeup-01.carousel {
padding:0 50px 15px;
position:relative;
margin-bottom:15px;
}
.box-closeup-01.carousel .title{
padding:15px 13px 7px 40px;
font-size:112.5%;
}
.box-closeup-01.carousel .nav-carousel .prv{
position:absolute;
top:50%;
left:0;
}
.box-closeup-01.carousel .nav-carousel .nxt{
position:absolute;
top:50%;
right:0;
}
.box-closeup-01 .title span{
font-size:66.6%;
font-weight:normal;
display:inline-block;
margin-left:10px;
}
.box-closeup-01 > .list-box-content{
margin-left:-2%;
}
.box-closeup-01 .list-box-content > li{
background:#fff;
box-shadow:rgba(7, 17, 7, 0.25) 0px 0px 3px 0px;
width:31%;
box-sizing:border-box;
float:left;
margin-left:2%;
position:relative;
}
.box-closeup-01 .list-box-content > li > a.box{
padding:25px 15px 40px;
display:block;
text-decoration:none;
color: #333;
}
.box-closeup-01 .list-box-content li .hdg{
font-weight:bold;
margin-bottom:5px;
}
.box-closeup-01 .list-box-content li .icon{
position:absolute;
top:0;
left:0;
background:#f0f1f8;
margin-bottom:5px;
line-height:1.1;
padding:5px 8px 3px;
font-size:85.7%;
}
.box-closeup-01 .list-box-content li .img{
margin-bottom:10px;
}
.box-closeup-01 .list-box-content li .img img{
width:100%;
height:auto;
}
.box-closeup-01 .list-box-content li .list{
margin-bottom:15px;
}
.box-closeup-01 .list-box-content li .list li{
padding-left:9px;
background:url('images/arrow-r_04.png') 0 0.4em no-repeat;
font-size:85.7%;
}
.box-closeup-01 .list-box-content li .link{
position:absolute;
bottom:0;
width:100%;
display:block;
padding:10px 0;
text-align:center;
background-color:#f0f1f8;
}
.box-closeup-01 .list-box-content li .link span{
position:relative;
padding-left:11px;
}
.box-closeup-01 .list-box-content li .link span:before {
content: "";
display: block;
background:url('images/arrow-r_01.png') 0 0 no-repeat;
width: 4px;
height: 8px;
position: absolute;
left: 0px;
top: 50%;
margin-top:-4px;
}


@media screen and (max-width: 960px){
}

@media screen and (max-width: 720px){
.box-closeup-01 .title{
padding:25px 13px 7px 44px;
}

.box-closeup-01.carousel .title{
padding:15px 13px 7px 70px;
font-size:85.7%;
}
.box-closeup-01.carousel .title span{
display:none;
}
.box-closeup-01 .list-box-content > li > a.box{
padding:25px 15px 0px;
}
#main-content .box-closeup-01 .list-box-content li .icon{
font-size:71.4% !important;
}
.box-closeup-01.carousel > .list-box-content li .hdg{
font-size:85.7%;
}

.box-closeup-01.carousel {
padding:0 10px 15px;
}
.box-closeup-01.carousel .nav-carousel .prv{
position:absolute;
top:50%;
left:-10px;
z-index:100;
}
.box-closeup-01.carousel .nav-carousel .nxt{
position:absolute;
top:50%;
right:-10px;
z-index:100;
}
.box-closeup-01 .list-box-content > li{
width:48%;
}
#main-content .box-closeup-01 .list-box-content li > p.icon{
font-size:71.4% !important;
}
}

.box-closeup-01.column-01 {
padding:0 24px 25px;
}
.box-closeup-01.column-01 .title{
padding:12px 13px 4px 63px;
font-size:112.5%;
}
.box-closeup-01.column-01 .title span{
margin-left: 16px;
}
.box-closeup-01.column-01 .box-column{
background:#fff;
overflow:hidden;
display:block;
}
.box-closeup-01.column-01 .box-column .img{
float:left;
display:block;
}
.box-closeup-01.column-01 .box-column .txt{
padding:15px 20px 0;
display:block;
overflow:hidden;
}
.box-closeup-01.column-01 .box-column .txt .ttl{
display:block;
font-size: 114.2%;
font-weight:bold;
margin-bottom:4px;
}
.box-closeup-01.column-01 .box-column .txt .lead{
display:block;
line-height:1.3;
font-size: 85.7%;
}
.box-closeup-01.column-01 .box-column .txt .list-link-01 li{
line-height:1.3;
font-size: 85.7%;
}
@media screen and (max-width: 720px){
.box-closeup-01.column-01{
padding:0 12px 13px;
margin-top:20px;
}
.box-closeup-01.column-01 a.area{
text-decoration:none;
color:#333;
}
.box-closeup-01.column-01 .title{
padding:15px 13px 12px 63px;
}
.box-closeup-01.column-01 .title h2,
.box-closeup-01.column-01 .title h3{
font-size:87.5%;
}
.box-closeup-01.column-01 .title span{
display:none;
}
.box-closeup-01.column-01 .box-column .img{
max-width:46%;
}
.box-closeup-01.column-01 .box-column .img img{
width:100%;
height:auto;
}
.box-closeup-01.column-01 .box-column .txt{
padding:10px 5px 10px 13px;
}
.box-closeup-01.column-01 .box-column .txt .ttl{
font-size: 100%;
}
}

.tab-01 .tabs .tab-panel{
display:none;
}

.static .tabs .tab-panel,
.tab-01 .tabs .tab-panel.active{
display:block;
}

.search-content-01{
border-bottom:1px solid #c0c0c0;
margin-bottom:20px;
background-color:#ced8e4;
background-image:-webkit-linear-gradient(#ccd6e3, #ced8e4);
background-image:linear-gradient(#ccd6e3, #ced8e4);
}

.search-content-01 .tab-01 .tabs,
.search-content-01 .tab-02 .tabs{
border:1px solid #c0c0c0;
border-bottom:none;
background:#fff;
}

.search-content-01 .tab-01 .tabs .tab-panel,
.search-content-01 .tab-02 .tabs .tab-panel{
padding:20px;
}

.search-content-01 .tab-01 .tabs .tabs-common{
padding:0 20px 20px;
}

.search-content-01 .tab-01 .tabs .tabs-common .lyt-col-01{
padding-top:0;
}

.search-content-01 .tab-01 .tabs .tabs-common .lyt-col-01 + .lyt-col-01{
padding-top:20px;
}

.search-content-01 .word-search input{
display:inline-block;
width:68%;
}

.search-content-01 .word-search button{
display:inline-block;
width:30%;
}

.area-switch .tab-inner{
display:none;
}

.area-switch.static .tab-inner,
.area-switch .tab-inner.active{
display:block;
}

.search-content-01 .area-switch .tab{
margin-bottom:10px;
text-align:right;
}

.search-content-01 .area-switch .tab a{
display:inline-block;
border:1px solid #c0c0c0;
padding:8px 40px 5px;
background-color:#f2f1ee;
background-image:-webkit-linear-gradient(#ffffff, #e4e2dd);
background-image:linear-gradient(#ffffff, #e4e2dd);
text-align:center;
text-decoration:none;
color:inherit;
}

.search-content-01 .area-switch .tab a:hover,
.search-content-01 .area-switch .tab a:focus,
.search-content-01 .area-switch .tab a:active,
.search-content-01 .area-switch .tab .active a{
background-color:#f6f5f3;
background-image:-webkit-linear-gradient(#e2e0db, #ffffff);
background-image:linear-gradient(#e2e0db, #ffffff);
}

.search-content-01 .area-switch .tab .active a{
font-weight:bold;
}

.search-content-01 .area-switch .tab span + span > a{
margin-left:-1px;
}

.slct-content-01{
margin-top:10px;
}

.box-search{
border:#909090 solid 2px;
background-color:#f4f4f4;
margin-bottom:15px;
}

.slct-content-01 > .hdg{
float:left;
box-sizing:border-box;
padding:5px;
width:15%;
vertical-align:top;
background:#f2f2f2;
text-align:center;
}

.slct-content-01.full > .hdg{
float:none;
width:100%;
text-align:left;
}

.slct-content-01 > .hdg label{
display:block;
}

.slct-content-01 > .col{
float:left;
box-sizing:border-box;
padding-left:15px;
padding-top:3px;
width:42%;
}

.slct-content-01.full > .col{
float:none;
margin-top:10px;
padding-left:0;
width:100%;
}

.search-content-01.renew .slct-content-01.area{
float:left;
width:48%;
margin-left:10px;
}

.search-content-01.renew .slct-content-01.area p{
margin-top:10px;
}

.search-content-01.renew .slct-content-01.area > .hdg{
text-align:left;
font-weight:bold;
background:none;
width:auto;
float:left;
}

.search-content-01.renew .slct-content-01.area > .col{
float:left;
box-sizing:border-box;
padding-left:0;
padding-top:3px;
width:auto;
}
.search-content-01.renew .slct-content-01.area > .col >select{
display:inline;
width:8em;
}

.tooltip{
position:relative;
}

.tooltip > .inner{
top:5px;
left:25px;
box-sizing:border-box;
border:1px solid #999;
padding:10px 45px 10px 10px;
width:265px;
background:#fff;
font-size:85.7143%;
z-index:30;
}

.tooltip.active > .inner{
position:absolute;
display:block;
}

.tooltip > .inner:before{
display:block;
position:absolute;
content:"";
top:-24px;
left:10%;
border-color:transparent transparent #999 transparent;
border-style:solid;
border-width:12px;
}

.tooltip > .inner:after{
display:block;
position:absolute;
content:"";
top:-23px;
left:10%;
border-color:transparent transparent #fff transparent;
border-style:solid;
border-width:12px;
}

.tooltip > .inner .close{
display:none;
position:absolute;
right:10px;
top:10px;
}

.tooltip.active > .inner .close{
display:block;
}

.sort-content .col + .col{
margin-top:10px;
}

.sort-content .col .active{
display:none;
}

.sort-content .col .hdg,
.sort-content .col .pd{
float:left;
line-height:1.2;
}

.sort-content .col .pd li,
.sort-content .col .pd li ul,
.sort-content .col .pd li.group dt,
.sort-content .col .pd li.group dd{
display:inline-block;
vertical-align:top;
line-height:1.2;
}

.sort-content .col .pd li + li{
border-left:1px solid #c0c0c0;
margin-left:5px;
padding-left:9px;
}

.sort-content .col .pd li.group{
border-left:none;
margin-left:10px;
}

.sort-content .col .pd li.group dt{
margin-right:10px;
font-weight:bold;
}

.sort-content .col .pd li.group dd + dd{
border-left:1px solid #c0c0c0;
margin-left:5px;
padding-left:9px;
}

@media screen and (max-width: 970px){
.search-content-01 .tab-01 .tabs .tab-panel,
.search-content-01 .tab-02 .tabs .tab-panel{
padding:10px;
}

.search-content-01 .tab-01 .tabs .tabs-common{
padding:0 10px 10px;
}

.search-content-01 .word-search{
text-align:center;
}

.search-content-01 .word-search input{
box-sizing:border-box;
width:100%;
height:30px !important;
}

.search-content-01 .word-search button{
margin-top:10px;
width:80%;
}

.slct-content-01 > .hdg{
float:none;
width:100%;
text-align:left;
}

.slct-content-01 > .col{
float:none;
margin-top:10px;
padding-left:0;
width:100%;
}

.tooltip > .inner{
width:95%;
}
}
@media screen and (max-width: 720px){
.search-content-01{
border-bottom:none;
margin-bottom:10px;
}

.search-content-01 .tab-01 .tabs,
.search-content-01 .tab-02 .tabs{
border:none;
}

.search-content-01 .tab-01 .tabs .tab-panel,
.search-content-01 .tab-02 .tabs .tab-panel{
padding:10px 0;
}

.search-content-01 .tab-01 .tabs .tabs-common{
padding:0 0 10px;
}

.search-content-01 .tab-01 .tabs .tabs-common .lyt-col-01 + .lyt-col-01{
padding-top:0;
}

.search-content-01 .area-switch .tab{
text-align:left;
}

.search-content-01 .area-switch .tab a{
padding:8px 35px 5px;
}

.num-panel .area input{
z-index:-1;
}

.num-panel .area label{
padding-left:0;
}

.slct-content-01 > .hdg{
font-size:85.7143%;
}

.sort-content{
display:table;
width:100%;
}

.sort-content .col{
display:table-cell;
width:50%;
}

.sort-content .col .hdg{
display:none;
}

.sort-content .col + .col{
margin-top:0;
}

.sort-content .col .active{
position:relative;
display:block;
border:1px solid #c0c0c0;
padding:10px 8px 8px;
font-weight:bold;
background-image:-webkit-linear-gradient(#ffffff, #e3e3e3);
background-image:linear-gradient(#ffffff, #e3e3e3);
cursor:pointer;
}

.sort-content .col .active.open{
border-bottom:none;
}

.sort-content .col .active:after{
display:block;
position:absolute;
content:"";
right:8px;
top:50%;
border-color:#023894 transparent transparent transparent;
border-style:solid;
border-width:12px 8px;
margin-top:-5px;
}

.sort-content .col .hdg,
.sort-content .col .pd{
float:none;
}

.sort-content .col .pd,
.sort-content .col .pd li,
.sort-content .col .pd li ul,
.sort-content .col .pd li.group dt,
.sort-content .col .pd li.group dd{
display:block;
line-height:1.5;
}

.sort-content .col .pd{
border:1px solid #c0c0c0;
background:#fff;
font-size:0.75rem;
}

.sort-content .col .pd li + li,
.sort-content .col .pd li.group dd + dd{
border-left:none;
margin-left:0;
padding-left:0;
}

.sort-content .col .pd li{
border-top:1px solid #c0c0c0;
}

.sort-content .col .pd li.group{
margin-left:0;
}

.sort-content .col .pd li em{
color:#fff;
background:#333;
}

.sort-content .col .pd li em,
.sort-content .col .pd li a{
display:block;
padding:8px 15px;
}

.sort-content .col .pd li.group dt{
margin-right:0;
padding:8px;
font-weight:bold;
background:#ececec;
}

.sort-content .col .pd li.group dd{
border-top:1px solid #c0c0c0;
}
}
/*----------------------------------------
 btn
----------------------------------------*/
.btn-back{
margin:30px 0 0 !important;
width:200px;
}

.btn-01{
display:block;
border-radius:4px;
border:1px solid #bd7700;
padding:5px;
color:white !important;
text-decoration:none !important;
text-align:center;
font-size:100%;
font-weight:bold;
background-color:#f8883c;
background-image:-webkit-linear-gradient(#ff9143, #e46d29);
background-image:linear-gradient(#ff9143, #e46d29);
cursor:pointer;
}

input.btn-01,
button.btn-01{
display:inline-block;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active{
background-color:#ec7831;
background-image:-webkit-linear-gradient(#e46d29, #ff9143);
background-image:linear-gradient(#e46d29, #ff9143);
}

.btn-01.mail span{
display:inline-block;
position:relative;
padding-left:2em;
vertical-align:middle;
background:url("/office/shared/images/icon-mail_03.png") no-repeat left top;
}

.btn-02{
display:block;
border-radius:4px;
border:1px solid #ada07e;
padding:5px;
color:#414141 !important;
text-decoration:none !important;
text-align:center;
font-size:100%;
font-weight:bold;
background-color:#eae5d7;
background-image:-webkit-linear-gradient(#f5f1e5, #d6cfbb);
background-image:linear-gradient(#f5f1e5, #d6cfbb);
cursor:pointer;
}

input.btn-02,
button.btn-02{
display:inline-block;
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active{
background-color:#dcd5c3;
background-image:-webkit-linear-gradient(#d6cfbb, #f5f1e5);
background-image:linear-gradient(#d6cfbb, #f5f1e5);
}

.btn-03{
display:block;
border-radius:4px;
border:1px solid #bead76;
padding:0 5px;
color:#414141 !important;
text-decoration:none !important;
text-align:center;
font-size:100%;
font-weight:bold;
background-color:#e7d9af;
background-image:-webkit-linear-gradient(#ede0b9, #bead76);
background-image:linear-gradient(#ede0b9, #bead76);
cursor:pointer;
}

.search-content-01.renew .box-search_01{
background-color:#f2f2f2;
border:1px solid #c0c0c0;
padding:15px;
margin:10px;
height:30px;
position:relative;
}
.search-content-01.renew .box-search_01 .txt{
width:80%;
display:inline-block;
position:absolute;
left:15px;

}
.search-content-01.renew .box-search_01 .btn{
width:13%;
display:inline-block;
position:absolute;
right:15px;

}

.search-content-01.renew .box-search_01 .btn-03{
display:block;
border-radius:4px;
border:1px solid #c9c9c9;
padding:2px;
color:#414141 !important;
text-decoration:none !important;
text-align:center;
font-size:100%;
font-weight:bold;
background-color:#fbfbfb;
background-image:-webkit-linear-gradient(#fbfbfb, #e4e4e4);
background-image:linear-gradient(#fbfbfb, #e4e4e4);
margin-top:0;
cursor:pointer;
}
.search-content-01.renew .box-search_01 .btn-03:hover{
background-image:-webkit-linear-gradient(#e4e4e4, #fbfbfb);
background-image:linear-gradient(#e4e4e4, #fbfbfb);
cursor:pointer;
}

.search-content-01.renew .word-search input{
width:100% !important;
}
.search-content-01.renew .word-search button{
width:100% !important;
}


input.btn-03,
button.btn-03{
display:inline-block;
}

.btn-03:hover,
.btn-03:focus,
.btn-03:active{
background-color:#ccbc8a;
background-image:-webkit-linear-gradient(#bead76, #ede0b9);
background-image:linear-gradient(#bead76, #ede0b9);
}

.btn-01.small,
.btn-02.small,
.btn-03.small,
.btn-04.small{
padding:3px 5px;
min-height:27px;
font-size:85.7143%;
}

.btn-03.anc span{
position:relative;
display:inline-block;
padding-left:1.8em;
}

.btn-03.anc span:before{
display:block;
position:absolute;
content:"";
left:3px;
top:50%;
margin-top:-7px;
width:36px;
height:36px;
background:url('../images/icon.png') -984px 0 no-repeat;
background-position:-492px 0;
background-size:cover;
}

.btn-02.add span,
.btn-03.add span{
position:relative;
display:inline-block;
padding-left:2.8em;
}

.btn-02.add span:before,
.btn-03.add span:before{
display:block;
position:absolute;
content:"";
left:3px;
top:50%;
margin-top:-15px;
width:36px;
height:36px;
background:url('../images/icon.png') -1558px 0 no-repeat;
background-position:-779px 0;
background-size:cover;
}

.btn-02.add2 span,
.btn-03.add2 span,
.btn-02.preserv span,
.btn-02.entry span{
position:relative;
display:inline-block;
padding-left:2em;
vertical-align:middle;
background:url("/office/shared/images/icon-tag_01.png") no-repeat left -1px;
}

.btn-02.glass span{
position:relative;
display:inline-block;
padding-left:3em;
vertical-align:middle;
}

.btn-02.glass span:before{
display:block;
position:absolute;
content:"";
left:3px;
top:50%;
margin-top:-12px;
width:36px;
height:36px;
background:url('../images/icon.png') -3034px 0 no-repeat;
background-position:-1517px 0;
background-size:cover;
}

.btn-02.preserv span{
background:url("/office/shared/images/icon-preserv_01.png") no-repeat left 0;
}

.btn-02.entry span{
background:url("/office/shared/images/icon-entry_01.png") no-repeat left 0;
}

.btn-04{
display:block;
border-radius:4px;
border:1px solid #c9c9c9;
padding:5px;
color:#414141 !important;
text-decoration:none !important;
text-align:center;
font-size:100%;
font-weight:bold;
background-color:#f9f9f9;
background-image:-webkit-linear-gradient(#ffffff, #e4e4e4);
background-image:linear-gradient(#ffffff, #e4e4e4);
cursor:pointer;
}

input.btn-04,
button.btn-04{
display:inline-block;
}

.list-btn-03.large .btn-04{
margin-bottom:10px;
padding:20px;
font-size:142.8571%;
}

.list-btn-03.large .btn-04 span{
position:relative;
display:inline-block;
}

.list-btn-03.large .btn-04 span:before{
display:block;
position:absolute;
content:"";
top:50%;
left:-22px;
border-radius:2px;
margin-top:-5px;
width:17px;
height:10px;
background:#273793;
}

.list-btn-03.large .btn-04 span:after{
display:block;
position:absolute;
content:"";
background:url('../images/icon.png') -328px 0 no-repeat;
background-position:-164px 0;
top:50%;
left:0;
margin-top:-3.5px;
width:36px;
height:36px;
background-size:cover;
left:-15px;
top:50%;
}

.btn-04:hover,
.btn-04:focus,
.btn-04:active{
background-color:#e8e8e8;
background-image:-webkit-linear-gradient(#e4e4e4, #ffffff);
background-image:linear-gradient(#e4e4e4, #ffffff);
}

.btn-04.close{
width:15%;
}

#simple-01.min .btn-04.close{
width:20%;
}

.btn-04.close span,
.btn-04.back span{
position:relative;
display:inline-block;
padding-left:20px;
}

.btn-04.print span{
position:relative;
display:inline-block;
padding:0 15px 0 25px;
}

.btn-04.close span:before{
display:block;
position:absolute;
content:"";
left:-1em;
top:50%;
margin-top:-6px;
width:36px;
height:36px;
background:url('../images/icon.png') -1148px 0 no-repeat;
background-position:-574px 0;
background-size:cover;
}

.btn-04.toggle{
width:auto;
display:inline-block;
position:relative;
padding:5px 12px 5px 24px;
font-size:85.7%;
}
.btn-04.toggle span:before{
display:block;
position:absolute;
content:"";
width:10px;
height:10px;
left:6px;
top:50%;
margin-top:-5px;
background:url('images/icon-toggle_01.png') 0 0 no-repeat;
}
.btn-04.toggle.open span:before{
background:url('images/icon-toggle_01.png') -10px 0 no-repeat;
}
.btn-04.toggle.toggle-disp{
float: right;
}

#main-content section > p.trigger-toggle,
#main-content section form > p.trigger-toggle,
#main-content .wrap-adjust > p.trigger-toggle{
margin:0;
display: none;
}
@media screen and (max-width: 720px){
#main-content section > p.trigger-toggle,
#main-content section form > p.trigger-toggle,
#main-content .wrap-adjust > p.trigger-toggle{
display: block;
}
}
.btn-04.toggle-02{
position:relative;
margin-bottom:15px;
}
.btn-04.toggle-02.open{
border-bottom:none;
border-radius:4px 4px 0px 0px;
margin-bottom:0;
background-color: #f9f9f9;
background-image: linear-gradient(#e4e4e4 , #ffffff);
}
.btn-04.toggle-02.bottom{
display: none;
border-top:none;
border-bottom:1px solid #c9c9c9;
border-radius:0px 0px 4px 4px;
margin-bottom:15px;
}
.btn-04.toggle-02.bottom.open{
display: block;
}

.btn-04.toggle-02 span:before{
display:block;
position:absolute;
content:"";
width:18px;
height:18px;
right:10px;
top:50%;
margin-top:-9px;
background:url('images/icon-toggle_02.png') 0 0 no-repeat;
background-size:cover;
}
.btn-04.toggle-02.open span:before{
background:url('images/icon-toggle_03.png') 0 0 no-repeat;
background-size:cover;
}

.for-print .btn-04.close span:before{
background:url("/office/shared/images/icon-close_02.png") no-repeat left top\9;
}

.btn-04.back span:before{
display:block;
position:absolute;
content:"";
left:0;
top:50%;
margin-top:-7px;
width:36px;
height:36px;
background:url('../images/icon.png') -1640px 0 no-repeat;
background-position:-820px 0;
background-size:cover;
}

.btn-04.print span:before{
display:block;
position:absolute;
content:"";
left:0;
top:50%;
margin-top:-8px;
width:18px;
height:15px;
background:url(/office/shared/images/icon-print_01.png) no-repeat left top;
}

.btn-01,
.btn-02,
.btn-03,
.btn-04{
margin:0 auto;
box-sizing:border-box;
width:100%;
}

.btn-adjust-01 [class^="btn-"]{
width:auto;
padding:5px 15px;
}

span.btn-02:hover{
background-color:#eae5d7;
background-image:-webkit-linear-gradient(#f5f1e5, #d6cfbb);
background-image:linear-gradient(#f5f1e5, #d6cfbb);
}

@media screen and (max-width: 970px){
#side-content .btn-01,
#side-content .btn-02{
font-size:0.75rem;
}
}
@media screen and (max-width: 720px){
.btn-back{
margin:20px auto 0 !important;
}

.btn-01,
.btn-02,
.btn-03,
.btn-04{
vertical-align:middle;
padding:10px 3px !important;
font-size:0.75rem !important;
}

.search-content-01.renew .box-search_01 .btn-03{
padding:2px !important;
}

.list-btn-02.auto .btn-03,
.list-btn-03 .btn-01,
.list-btn-03 .btn-02,
.list-btn-03 .btn-04{
display:table;
}

.btn-01 span,
.btn-02 span,
.btn-03 span,
.btn-04 span{
vertical-align:middle;
}

.btn-04.close,
#simple-01.min .btn-04.close{
width:100%;
}

.btn-01.mail span,
.btn-02.add2 span{
background:none;
padding-left:3.5em;
}

.list-btn-02.auto .btn-03 span,
.list-btn-03 .btn-01 span,
.list-btn-03 .btn-02 span,
.list-btn-03 .btn-04 span{
display:table-cell;
padding:0 5px;
}

.list-btn-03 .btn-01.mail span,
.list-btn-03 .btn-02.add2 span{
padding-left:4em;
text-align:left;
}

.list-btn-03 .btn-02.add2 span{
padding-left:3.5em;
text-align:left;
}

.search-content-01.renew .box-search_01{
background-color:#f2f2f2;
border:1px solid #c0c0c0;
padding:15px;
margin:10px 0;
height:auto;
position:relative;
}
.search-content-01.renew .box-search_01 .txt{
width:auto;
display:block;
position:relative;
left: auto;
margin-bottom:10px;
}
.search-content-01.renew .box-search_01 .btn{
width:auto;
display:inline-block;
position:relative;
right:auto;
}
.search-content-01.renew .word-search input{
border-radius:4px;
}
.search-content-01.renew .box-search_01 .btn-03{
padding:7px 35px !important;
}



.btn-01.mail span:before{
display:block;
position:absolute;
content:"";
top:50%;
left:8px;
margin-top:-12px;
width:36px;
height:36px;
background:url('../images/icon.png') -1230px 0 no-repeat;
background-position:-615px 0;
background-size:cover;
}

.btn-02.add2 span:before{
display:block;
position:absolute;
content:"";
left:5px;
top:50%;
margin-top:-15px;
width:36px;
height:36px;
background:url('../images/icon.png') -1558px 0 no-repeat;
background-position:-779px 0;
background-size:cover;
}

.btn-01.small,
.btn-02.small,
.btn-03.small,
.btn-04.small{
height:auto;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active{
background-image:-webkit-linear-gradient(#ff9143, #e46d29);
background-image:linear-gradient(#ff9143, #e46d29);
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active{
background-image:-webkit-linear-gradient(#f5f1e5, #d6cfbb);
background-image:linear-gradient(#f5f1e5, #d6cfbb);
}

.btn-03:hover,
.btn-03:focus,
.btn-03:active{
background-image:-webkit-linear-gradient(#ede0b9, #bead76);
background-image:linear-gradient(#ede0b9, #bead76);
}

.btn-04:hover,
.btn-04:focus,
.btn-04:active{
background-image:-webkit-linear-gradient(#ffffff, #e4e4e4);
background-image:linear-gradient(#ffffff, #e4e4e4);
}

.btn-adjust-01 [class^="btn-"]{
width:55%;
padding:10px 3px !important;
}
}
#fixed-btn{
display:none;
}

@media screen and (max-width: 720px){
#fixed-btn{
display:block;
position:fixed;
bottom:0;
left:0;
z-index:100;
box-sizing:border-box;
border-top:2px solid #666665;
border-bottom:2px solid #666665;
padding:10px;
width:100%;
text-align:center;
background:#353535;
}

#fixed-btn.static{
position:static;
}

#fixed-btn p{
color:#fff;
font-size:0.75rem;
text-align:center;
margin-bottom:10px;
}

#fixed-btn .under-review-btn{
display:table;
width:100%;
}

#fixed-btn .under-review-btn dt{
position:relative;
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
padding-left:3.5em;
width:40%;
font-size:0.75rem;
color:#fff;
}

#fixed-btn .under-review-btn dt:before{
display:block;
position:absolute;
content:"";
left:3px;
top:50%;
margin-top:-15px;
width:36px;
height:36px;
background:url('../images/icon.png') -1558px 0 no-repeat;
background-position:-779px 0;
background-size:cover;
}

#fixed-btn .under-review-btn dd{
display:table-cell;
box-sizing:border-box;
padding-left:2%;
width:60%;
}

#fixed-btn .under-review-btn dd ul{
display:table;
width:100%;
}

#fixed-btn .under-review-btn dd ul li{
display:table-cell;
box-sizing:border-box;
width:60%;
}

#fixed-btn .under-review-btn dd ul li + li{
display:table-cell;
padding-left:3%;
width:40%;
}

#fixed-btn .under-review-btn.type-02 dt{
position:relative;
padding-left:20px;
font-weight:bold;
font-size:92.8%;
}

#fixed-btn .under-review-btn.type-02 dt:before{
display:none;
}

#fixed-btn .under-review-btn.type-02 dd ul li .btn-02.add span{
padding-left: 42px;
}

#fixed-btn > .list-btn-03 + *,
#fixed-btn .under-review-btn + *{
margin-top:10px;
}
}
/*----------------------------------------
 table
----------------------------------------*/
.tbl-scroll{
position:relative;
overflow:hidden;
}

* + .tbl-scroll-wrap{
margin-top:20px;
}

.tbl-scroll-wrap + .tbl-scroll-wrap,
.tbl-scroll + .tbl-scroll{
margin-top:30px;
}

.main-wrapper .tbl-scroll-wrap + .tbl-scroll-wrap,
.main-wrapper .tbl-scroll + .tbl-scroll{
margin-top:0;
}

.tbl-scroll-wrap > .supple-txt{
display:none;
text-align:right;
color:#ea0000;
font-weight:bold;
}

.tbl-scroll > .fixed{
display:none;
}

.tbl-01{
border:1px solid #c0c0c0;
width:100%;
table-layout:fixed;
}

.tbl-01.matrix{
table-layout:auto;
}

.tbl-01 + .tbl-01{
margin-top:30px;
}

.lyt-col-03 > .col > .tbl-01 + .tbl-01{
margin-top:10px;
}

.tbl-01 th,
.tbl-01 td{
background:#ececec;
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
padding:8px 9px;
vertical-align:top;
empty-cells:show;
font-weight:normal;
text-align:left;
}

.tbl-01 th._dashed,
.tbl-01 td._dashed{
border-bottom:1px dashed #c0c0c0;
}

.tbl-01.matrix th,
.tbl-01.matrix td{
padding:3px 7px;
vertical-align:middle;
font-size:85.7143%;
text-align:center;
}

.tbl-01.matrix tbody th{
text-align:right;
}

.tbl-01.matrix td.color1{
background-color:#fcf3d4;
}

.tbl-01.matrix td.color2{
background-color:#f0dd99;
}

.tbl-01.matrix td.color3{
background-color:#f7d863;
}

.tbl-01.matrix td a{
display:block;
}

#cart .tbl-01 th,
#cart .tbl-01 td{
font-size:85.7143%;
}

.tbl-01.core th,
.tbl-01.core td{
text-align:center;
vertical-align:middle;
}

.tbl-01 thead th,
.tbl-01 thead td.blank{
background:#d7d7d7;
}

.tbl-01 td{
background:#fff;
word-break:break-all;
}

.tbl-01 td.blank{
background:#ececec;
}

.tbl-pickup.result{
margin-top:10px;
}

.tbl-pickup .pickup > .wrap{
text-align:center;
word-break:normal;
word-wrap:break-word;
}

.tbl-01 td.price,
.tbl-pickup tbody .pickup.price > .wrap{
text-align:right;
}

.tbl-01 td.price span{
display:block;
}

.tbl-pickup div.switch{
border:1px solid #c0c0c0;
border-top:none;
padding:8px 9px;
}

.tbl-01 td .summary span{
display:block;
overflow:hidden;
padding-top:3px;
}

.tbl-01 td .summary .num{
float:left;
border:1px solid #233286;
margin-right:8px;
overflow:visible;
padding:1px 5px;
background-color:#3f4d96;
background-image:-webkit-linear-gradient(#233286, #5762a2);
background-image:linear-gradient(#233286, #5762a2);
color:#fff;
}

.tbl-01 td .summary > .name a{
display:block;
margin-bottom:5px;
}

.tbl-01 td .summary > .detail{
font-size:91.6667%;
}

.tbl-01 td .note{
color:#ea0000;
font-weight:normal;
}

.tbl-02{
border-left:20px solid #f0f4f8;
border-right:20px solid #f0f4f8;
border-bottom:20px solid #f0f4f8;
width:100%;
table-layout:fixed;
}

.tbl-02 th{
color:#023894;
background:#f0f4f8;
padding:15px 10px;
vertical-align: middle;
font-weight:bold;
text-align:center;
font-size:107%;
}

.tbl-02 td{
background:#fff;
border-bottom:10px solid #f0f4f8;
border-left:10px solid #f0f4f8;
padding:15px 15px;
vertical-align: middle;
font-weight:normal;
text-align:left;
}
.tbl-02 td.flow{
border-left:none;
}
.tbl-02 td.flow .content_flow{
position:relative;
padding-left:37px;
display:inline-block;
}
.tbl-02 td.flow .content_flow:after{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-18px;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-right: 14px solid transparent;
border-bottom: 18px solid transparent;
border-left: 14px solid #d4d4d4;
}
@media screen and (max-width: 720px){
.tbl-02{
border-left:10px solid #f0f4f8;
border-right:10px solid #f0f4f8;
border-bottom:10px solid #f0f4f8;
}

.tbl-02 th{
padding:10px 10px;
}

.tbl-02 td{
border-left:5px solid #f0f4f8;
padding:18px 6px;
}
.tbl-02 td.flow .content_flow{
padding-left:26px;
}
.tbl-02 td.flow .content_flow:after{
margin-top:-16px;
border-top: 16px solid transparent;
border-right: 13px solid transparent;
border-bottom: 16px solid transparent;
border-left: 13px solid #d4d4d4;
}
}

.lyt-tbl-01{
margin-top:15px;
}

.hdg-l3-01 + .lyt-tbl-01{
margin-top:0;
}

.lyt-tbl-01 > li .hdg{
border:1px solid #c0c0c0;
border-top:none;
padding:8px;
background:#d7d7d7;
}

.lyt-tbl-01.contact > li .hdg{
padding:10px;
}

.lyt-tbl-01.contact > li.error .hdg{
background:#f3d2d2;
}

.lyt-tbl-01 > li > dl{
display:table;
box-sizing:border-box;
border-right:1px solid #c0c0c0;
width:100%;
}

.lyt-tbl-01 > li:first-child dl{
border-top:1px solid #c0c0c0;
}

.lyt-tbl-01 > li > dl > dt,
.lyt-tbl-01 > li > dl > dd{
font-size:100%;
display:table-cell;
padding:8px;
border-left:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
vertical-align:top;
}

.lyt-tbl-01.contact li > dl > dt,
.lyt-tbl-01.contact li > dl > dd{
padding:10px;
}

.lyt-tbl-serach{
margin:20px 0;
background:#f7f7f7;
padding:3px;
}
.lyt-tbl-serach .lyt-tbl-01{
margin-top:0;
border:2px solid #c0c0c0;
border-bottom-width: 0;
}
.lyt-tbl-serach.theme-mail .lyt-tbl-01{
border-bottom-width: 2px;
}

.lyt-tbl-serach .lyt-tbl-01 + .lyt-tbl-01{
border-top-width:0;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl{
border-right:none;
}
.lyt-tbl-serach .lyt-tbl-01 > li:first-child dl{
border-top:none;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dt{
border-top:1px solid #fff;
border-left:none;
background:#f0f1f8;
font-weight:bold;
color:#555555;
width:11%;
padding:8px 10px;
}
.lyt-tbl-serach .lyt-tbl-01.wide > li > dl > dt{
width:15%;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd{
border-left:none;
background:#fff;
padding:10px 10px 10px 20px;
}
.lyt-tbl-serach .lyt-tbl-01 > li:last-child > dl > dt,
.lyt-tbl-serach .lyt-tbl-01 > li:last-child > dl > dd{
border-bottom:none;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .list-inline-01 li{
margin: 0 20px 5px 0;
width: auto;
}

@media screen and (max-width: 720px){
.lyt-tbl-serach{
margin:0;
background:#fafafa;
border:1px solid #c0c0c0;
padding:0;
}
.lyt-tbl-serach .lyt-tbl-01{
border:none;
margin:3px 3px 0 3px;
}
.lyt-tbl-serach .lyt-tbl-01 li{
margin-bottom:15px;
}
.lyt-tbl-serach .lyt-tbl-01 li:last-child{
margin-bottom:0;
}
.lyt-tbl-serach .lyt-tbl-01 .list-good-01 li label{
font-size:71.4%;
}
.lyt-tbl-serach .lyt-tbl-01 li:last-child img{
width:50%;
height:auto;
}

.lyt-tbl-serach .lyt-tbl-01 > li > dl > dt{
border:1px solid #c0c0c0;
padding:4px 7px;
background:#e8e8e8;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd{
border:none;
background:none;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd > ul.list-inline-01{
border-left:1px solid #c0c0c0;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd > ul.list-inline-01 li{
border-right:1px solid #c0c0c0;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd > ul.list-inline-01 li{
background:#fff;
}
.lyt-tbl-01 > li > dl > dd .str-box-pop > .detail{
display:block;
margin-top:10px;
}
.lyt-tbl-01 > li > dl > dd .str-box-pop .detail > span{
padding: 0;
}

.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .list-inline-01 li{
margin: 0;
}
}



.lyt-nav-search{
border:2px solid #c0c0c0;
display:table;
width:100%;
box-sizing:border-box;
padding:10px 0;
background:#fff;
}
.lyt-nav-search li{
display:table-cell;
text-align:center;
border-left:1px #c0c0c0 solid;
}
.lyt-nav-search li:first-child{
border-left:none;
width:33%;
}
.lyt-nav-search .lyt-link_icon{
font-size:85.7%;
}
.lyt-link_icon.save{
padding-left:32px;
background:url('images/icon_save_01.png') 0 0 no-repeat;
display:inline-block;
min-height:21px;
}
.lyt-link_icon.mail{
padding-left:28px;
background:url('images/icon_mail_01.png') 0 0 no-repeat;
display:inline-block;
min-height:17px;
}
.lyt-link_icon.tel{
padding-left:30px;
background:url('images/icon_tel_03.png') 0 0 no-repeat;
display:inline-block;
min-height:22px;
}
.lyt-link_icon.close{
padding-left:16px;
background:url('images/icon-close_01.png') 0 0.3em no-repeat;
min-height:11px;
}
@media screen and (max-width: 720px){
.lyt-nav-search{
border:none;
padding:0;
background:none;
border-top:#ccc 1px solid;
}
.lyt-nav-search li{
border-left:none;
vertical-align:middle;
padding:10px 0;
}
.lyt-nav-search .lyt-link_icon{
font-size:71.4%;
}
.lyt-link_icon{
display:inline-block;
}
.lyt-link_icon.save{
padding-top:30px;
padding-left:0;
background:url('images/icon_save_01.png') top center no-repeat;
}
.lyt-link_icon.mail{
padding-top:30px;
padding-left:0;
background:url('images/icon_mail_01.png') top center no-repeat;
}
.lyt-link_icon.tel{
padding-top:30px;
padding-left:0;
background:url('images/icon_tel_03.png') top center no-repeat;
}
.lyt-link_icon.close{
background:url('images/icon-close_01.png') 0 0 no-repeat;
}
}


.lyt-tbl-01 > li.thead > dl > dt,
.lyt-tbl-01 > li.thead > dl > dd{
background:#d7d7d7;
text-align:center !important;
}

.lyt-tbl-01 > li > dl > dt{
width:20%;
background:#ececec;
}

.lyt-tbl-01.contact > li > dl > dt{
width:30%;
background:#d7d7d7;
}

.lyt-tbl-01.simulation > li > dl > dt{
width:40%;
}

.lyt-tbl-01.simulation-result > li > dl > dt{
width:35%;
}

.lyt-tbl-01.simulation-result > li > dl.total > dt{
background:#fff;
font-size:128.5714%;
}

.lyt-tbl-01.contact > li.hdg-group > dl > dt{
background:#ececec;
}

.lyt-tbl-01.contact > li.error > dl > dt{
background:#f3d2d2;
}

.lyt-tbl-01.contact > li > dl > dt strong,
.lyt-tbl-01.contact > li > dl > dt span{
display:inline-block;
}

.lyt-tbl-01.contact > li.error > dl > dd{
background:#f8e5e5;
}

.lyt-tbl-01.simulation-result > li > dl > dd.price{
width:50%;
text-align:right;
vertical-align:middle;
}

.lyt-tbl-01.simulation-result > li > dl > dd.quantity{
width:15%;
text-align:right;
vertical-align:middle;
}

.lyt-tbl-01.simulation-result > li > dl.total > dd{
border-left:none;
font-size:128.5714%;
text-align:right;
}

.lyt-tbl-01.simulation-result > li > dl.total > dd span{
font-weight:bold;
}

.lyt-tbl-01 > li > dl > dd select,
.lyt-tbl-01 > li > dl > dd input{
font-size:85.7143%;
}

.lyt-tbl-01 > li > dl > dd textarea{
width:100%;
box-sizing:border-box;
}

.lyt-tbl-01 > li > dl > dd span{
display:block;
}

.lyt-tbl-01.simulation-result > li > dl > dd span,
.lyt-tbl-01 > li > dl > dd span.ex{
display:inline-block;
}

.lyt-tbl-01 > li > dl > dd .list-inline-01 label{
display:block;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label{
display:block;
position:relative;
float:left;
border:1px solid #bcbcbc;
width:70px;
font-size:85.7143%;
text-align:center;
}

.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .ctg-switch .tab label{
width:60px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label + label{
margin-left:-1px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background-color:#ccc;
background-image:-webkit-linear-gradient(#ececec, #bdbdbd);
background-image:linear-gradient(#ececec, #bdbdbd);
z-index:0;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label:hover:before,
.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label:focus:before,
.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label:active:before,
.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label.active:before{
background-color:#ddd;
background-image:-webkit-linear-gradient(#c5c5c5, #f1f1f1);
background-image:linear-gradient(#c5c5c5, #f1f1f1);
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label.active{
font-weight:bold;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label input{
position:absolute;
top:0;
left:0;
z-index:-1;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label span{
display:block;
position:relative;
padding:2px 10px;
text-align:center;
z-index:1;
}

.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .ctg-switch .tab label span{
padding:2px 5px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch {
position:relative;
}
.lyt-tbl-01 > li > dl > dd .ctg-switch .tab.fx{
position:absolute;
top:0;
left:210px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .list{
float:left;
width:210px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch span.option{
display:block;
padding-top:5px;
margin-left:155px;
float:left;
}

@media screen and (max-width: 950px){
.lyt-tbl-01 > li > dl > dd .ctg-switch {
overflow:hidden;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch span.option{
margin-left:0;
float:right;
}
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .change-content{
display:none;
padding-top:10px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .change-content.active,
.lyt-tbl-01 > li > dl > dd .ctg-switch.static .change-content{
display:block;
}

.lyt-tbl-01 .box-content .list {
float: left;
margin-right: 1%;
width: 79%;
}
.lyt-tbl-01 .box-content .list .ttl {
font-weight:bold;
display:inline;
}
.lyt-tbl-01 .box-content [class^="btn-"] {
float: right;
width: 20%;
}


@media screen and (max-width: 720px){
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd{
padding:8px 4px;
}
.lyt-tbl-serach .list-inline-01 {
margin: -8px -4px !important;
}
.lyt-tbl-serach .result-stats{
text-align:center;
padding:5px 0;
}
.lyt-tbl-serach .result-stats span em{
color:#273793;
font-size:135.7%;
margin:0 7px;
font-weight:bold;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .ctg-switch .tab label{
width:4.5em;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .ctg-switch .tab label span{
padding: 2px 0px;
letter-spacing:-1px;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .ctg-switch .list{
float:none;
}
.lyt-tbl-serach .lyt-tbl-01 > li > dl > dd .ctg-switch span.option{
margin-left:0;
float:none;
margin-top:5px;
}
.lyt-tbl-serach .lyt-tbl-01 > li:last-child > dl > dt{
border: 1px solid #c0c0c0;
}
.lyt-tbl-01 > li > dl > dd .ctg-switch .tab.fx {
left: 173px;
}
.lyt-tbl-01 > li > dl > dd .ctg-switch .tab.price {
left: 183px;
}

.lyt-tbl-01 .box-content .list {
float: none;
margin-right: 0;
width: auto;
margin-bottom:10px;
}
.lyt-tbl-01 .box-content [class^="btn-"] {
float: none;
width: auto;
}

}

.lyt-tbl-02 > li{
display:table;
width:100%;
border-bottom:1px solid #c0c0c0;
padding:10px 0;
}

.lyt-tbl-02 > li .bld-name{
position:relative;
display:table-cell;
box-sizing:border-box;
padding-right:76px;
width:42%;
}

.lyt-tbl-02.mansion > li .bld-name{
width:32%;
}

.lyt-tbl-02 > li .data{
display:table-cell;
box-sizing:border-box;
border-left:1px dotted #c0c0c0;
padding:0 10px;
width:29%;
vertical-align:top;
}

.lyt-tbl-02.mansion > li .data{
width:34%;
}

.lyt-tbl-02 > li .list-link-01 li,
.lyt-tbl-02 > li p,
.lyt-tbl-02 > li .list-bullet-01 li,
.lyt-tbl-02 > li .list-01 li{
font-size:85.7143%;
}

.lyt-tbl-02 > li .bld-name .want{
position:absolute;
right:10px;
top:0;
padding:2px 8px 0;
background:#82cfe3;
color:#fff;
font-weight:bold;
font-size:85.7143%;
}


.tbl-stripe,
.lyt-tbl-stripe{
border:1px solid #c0c0c0;
width:100%;
}

.box-area-01 .tbl-stripe{
position:relative;
z-index:1;
width:350px;
}

.box-area-01.com-list .tbl-stripe{
width:300px;
}

.box-area-01 .lyt-tbl-stripe{
position:relative;
z-index:60;
width:310px;
}

.tbl-stripe td,
.lyt-tbl-stripe li{
padding:9px;
background-color:#fff;
}

.tbl-stripe td + td{
border-left:1px solid #c0c0c0;
}

.tbl-stripe .even td,
.lyt-tbl-stripe .even{
background-color:#f6f6f6;
}

.lyt-tbl-stripe li{
position:relative;
padding-left:2em;
}

.lyt-tbl-stripe li input{
position:absolute;
top:12px;
left:9px;
}

.tbl-shamth + .tbl-shamth{
margin-top:20px;
}

.tbl-01.rsp .hdg{
display:none;
}

.tbl-total{
border:3px solid #d5d5c9;
width:100%;
}

.tbl-total tbody th,
.tbl-total tbody td{
border-bottom:1px solid #fff;
border-right:1px solid #fff;
padding:8px 9px;
font-weight:bold;
background-color:#f0f0e3;
}

.tbl-total tbody td{
font-size:142.8571%;
color:#cc0000;
background-color:#f4f4d8;
text-align:right;
}

.tbl-total tbody td span.unit{
font-size:0.875rem;
}

.lyt-tbl-data li{
float:left;
width:25%;
}

.lyt-tbl-result{
border:1px solid #c0c0c0;
box-sizing:border-box;
margin-top:20px;
width:100%;
}

.lyt-tbl-result .col{
float:left;
box-sizing:border-box;
padding:8px 9px;
}

.lyt-tbl-result .col.cb{
width:5%;
text-align:center;
}

.lyt-tbl-result .col.hdg{
position:relative;
border-left:1px solid #c0c0c0;
padding-right:250px;
width:95%;
background:#d7d7d7;
}

.lyt-tbl-result .col.hdg label,
.lyt-tbl-result .col.hdg a{
display:block;
font-weight:bold;
}

.lyt-tbl-result .col.hdg .list-icon-03{
position:absolute;
right:7px;
top:8px;
}

.lyt-tbl-result .col-wrap{
clear:left;
border-top:1px solid #c0c0c0;
cursor:pointer;
}

.lyt-tbl-result .col-wrap.hover{
background:#f9f7e9;
}

.lyt-tbl-result .col-wrap .col.img{
width:18%;
}

.lyt-tbl-result .col-wrap .col.img img{
width:100%;
}

.lyt-tbl-result .col-wrap .col.root{
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
width:35%;
}

.lyt-tbl-result .col-wrap .col.price{
border-right:1px solid #c0c0c0;
width:20%;
font-weight:bold;
}

.lyt-tbl-result .col-wrap .col.price p{
text-align:right;
}

.lyt-tbl-result .col-wrap .col.detail{
width:27%;
}

.lyt-tbl-result .col-wrap .col.btn-area{
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
width:82%;
}

.lyt-tbl-result .col-wrap .col.btn-area .comment{
margin-bottom:10px;
}

.lyt-tbl-result .col-wrap .col.btn-area .list-btn-03{
text-align:right;
}

.lyt-tbl-result .col-wrap .col.btn-area .list-btn-03 li{
width:auto;
}

@media screen and (max-width: 970px){
.tbl-scroll table.tbl-01 img{
width:100%;
height:auto;
}

.box-area-01 .tbl-stripe,
.box-area-01 .lyt-tbl-stripe{
width:30%;
}

.box-area-01.com-list .tbl-stripe{
margin-bottom:10px;
width:100%;
}
}
@media screen and (max-width: 720px){
.tbl-scroll table.tbl-01 img{
max-width:80px;
max-height:80px;
}

.tbl-scroll-wrap > .supple-txt{
display:block;
}

.lyt-tbl-01 > li > dl > dt,
.lyt-tbl-01 > li > dl > dd,
.lyt-tbl-01.contact > li > dl > dt,
.lyt-tbl-01.simulation > li > dl > dt{
display:block;
width:100% !important;
box-sizing:border-box;
font-size:0.75rem;
}

.lyt-tbl-01 > li.thead > dl{
display:none;
}

.lyt-tbl-01 > li.thead + li > dl{
border-top:1px solid #c0c0c0;
}

.lyt-tbl-01.simulation-result > li > dl.total > dt{
background:#ececec;
font-size:85.7143%;
}

.lyt-tbl-01.simulation-result > li > dl > dd.price{
text-align:left;
}

.lyt-tbl-01.simulation-result > li > dl > dd.quantity{
text-align:left;
}

.lyt-tbl-01.simulation-result > li > dl.total > dd{
border-left:1px solid #c0c0c0;
font-size:85.7143%;
text-align:left;
}

.lyt-tbl-01 > li > dl > dd span.ex{
display:block;
margin-top:10px;
}

.lyt-tbl-01 > li > dl > dd .ctg-switch .tab label{
width:49%;
}

.lyt-tbl-02 > li{
display:block;
}

.lyt-tbl-02 > li .bld-name{
display:block;
margin-bottom:8px;
width:100% !important;
}

.lyt-tbl-02 > li .data{
display:block;
width:100% !important;
border-left:none;
margin-top:5px;
padding-left:0;
}

.lyt-tbl-02 > li .data .area{
margin-bottom:10px;
}

.tbl-01 th,
.tbl-01 td{
font-size:0.75rem;
}

.tbl-pickup .tbl-01{
table-layout:auto;
}

.tbl-pickup.js-on colgroup,
.tbl-pickup.js-on col{
display:none;
}

.tbl-pickup.result thead{
display:none;
}

.tbl-pickup tbody tr{
cursor:pointer;
}

.tbl-pickup tbody .pickup{
background-image:-webkit-linear-gradient(#ffffff, #e3e3e3);
background-image:linear-gradient(#ffffff, #e3e3e3);
border-right:none;
padding:3px 0;
}

.tbl-pickup tbody .active .pickup,
.tbl-pickup tbody .active .pickup{
background:#e6efff;
}

.tbl-pickup tbody .pickup > .wrap{
position:relative;
padding:3px 9px;
}

.tbl-pickup tbody .pickup > .wrap:before{
display:block;
position:absolute;
content:"";
top:0;
right:-1px;
border-right:1px solid #fff;
width:1px;
height:100%;
background:#c0c0c0;
}

.tbl-pickup tbody .pickup > .arrow{
padding-right:18px;
text-align:center !important;
}

.tbl-pickup tbody .pickup > .arrow:before{
display:none;
}

.tbl-pickup tbody .pickup > .arrow:after{
display:block;
position:absolute;
content:"";
right:8px;
top:50%;
margin-top:-6px;
border-top:3px solid #023894;
border-right:3px solid #023894;
width:10px;
height:10px;
-webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg);
}

.tbl-pickup.js-on th,
.tbl-pickup.js-on td{
display:none;
}

.tbl-pickup.js-on .pickup{
display:table-cell;
}

.tbl-pickup.result.js-on .switch td{
display:table-cell;
}

.tbl-pickup .tbl-01 td.price{
white-space:nowrap;
}

.tbl-pickup.result .switch a{
display:block;
}

.tbl-scroll{
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
}

.tbl-scroll.js-on{
overflow-x:hidden;
}

.tbl-scroll table{
width:820px;
}

.tbl-scroll > .original{
overflow-x:auto;
}

.tbl-scroll > .fixed{
display:block;
position:absolute;
left:0;
top:0;
}

.tbl-scroll > .original > table{
width:820px;
}

.tbl-scroll > .fixed > table{
width:100%;
}

.tbl-scroll > .original > table tbody th,
.tbl-scroll > .original > table tbody td.blank{
border-right:none;
background:transparent;
}

.tbl-scroll > .original > table tbody td.blank{
border-right:none;
background:transparent;
}

.tbl-scroll > .fixed > table th,
.tbl-scroll > .fixed > table td{
display:none;
}

.tbl-scroll > .fixed > table .fixed-cell{
display:table-cell;
width:100%;
}

.tbl-scroll > .original::-webkit-scrollbar{
width:5px;
background:#a5a5a5;
}

.tbl-scroll > .original::-webkit-scrollbar:horizontal{
height:5px;
background:#a5a5a5;
}

.tbl-scroll > .original::-webkit-scrollbar-thumb{
background:#525252;
border-radius:2px;
}

.tbl-scroll > .original::-webkit-scrollbar-thumb:horizontal{
background:#525252;
border-radius:2px;
}

.box-area-01 .tbl-stripe,
.box-area-01 .lyt-tbl-stripe{
width:100%;
}

.box-area-01 .lyt-tbl-stripe{
border:none;
}

.box-area-01 .lyt-tbl-stripe:after{
content:"";
display:block;
clear:both;
}

.box-area-01 .lyt-tbl-stripe li{
float:left;
box-sizing:border-box;
padding-left:2.5em;
width:50%;
font-size:0.75rem;
}

.box-area-01 .lyt-tbl-stripe li:nth-child(2n+1){
clear:left;
float:left;
}

.box-area-01 .lyt-tbl-stripe li.even{
background:#fff;
}

.box-area-01 .lyt-tbl-stripe li input{
top:10px;
}

.box-area-01 .tbl-stripe td{
padding:12px 9px;
}

.box-area-01 .tbl-stripe .list-link-01 > li > a{
display:block;
}

.tbl-01.rsp{
display:none;
}

.tbl-01.rsp.clone{
display:table !important;
border:none;
margin-top:0;
}

.tbl-01.rsp.clone thead,
.tbl-01.rsp.clone colgroup{
display:none;
}

.tbl-01.rsp.clone tbody th,
.tbl-01.rsp.clone tbody td{
border-bottom:none;
border-left:1px solid #c0c0c0;
text-align:left !important;
}

.tbl-01.rsp.clone tbody tr.group-start{
border-top:1px solid #c0c0c0;
}

.tbl-01.rsp.clone tbody tr:last-child > td:last-child{
border-bottom:1px solid #c0c0c0;
}

.tbl-01.rsp.clone .hdg{
display:table-cell;
font-weight:bold;
padding-right:5px;
min-width:4em;
}

.tbl-01.rsp.clone .hdg + span{
display:table-cell;
width:auto;
}

.tbl-total tbody th{
font-size:0.75rem;
}

.tbl-total tbody td{
font-size:0.875rem;
}

.lyt-tbl-data li{
width:50%;
margin-top:10px;
}

.lyt-tbl-data li:nth-child(2n+1){
clear:left;
float:left;
}

.lyt-tbl-data li:first-child,
.lyt-tbl-data li:first-child + li{
margin-top:0;
}

.lyt-tbl-result{
border:1px solid #c0c0c0;
box-shadow:0 3px 2px #eee;
margin-top:20px;
background:#fff;
}

.lyt-tbl-result .inner{
padding:9px 16px;
background-color:#fbfbfb;
background-image:-webkit-linear-gradient(#efefef, #ffffff 30%);
background-image:linear-gradient(#efefef, #ffffff 30%);
}

.lyt-tbl-result .col{
padding:0;
}

.lyt-tbl-result .col.cb{
position:relative;
margin-right:5px;
width:1em;
text-align:left;
vertical-align:top;
}

.lyt-tbl-result .col.cb input{
position:absolute;
top:1px;
}

.lyt-tbl-result .col.hdg{
border-left:none;
padding:0 0 0 1.5em;
padding-right:0;
width:100%;
font-size:85.7143%;
background:none;
}

.lyt-tbl-result .col.hdg h3{
margin-bottom:5px;
}

.lyt-tbl-result .col.hdg .list-icon-03{
position:static;
text-align:right;
}

.lyt-tbl-result .col-wrap{
position:relative;
display:block;
border-top:none;
padding-top:10px;
}

.lyt-tbl-result .col-wrap.hover{
background:none;
}

.lyt-tbl-result .col-wrap .col.img{
margin-bottom:10px;
padding:0 10px 0 0;
width:50%;
}

.lyt-tbl-result .col-wrap .col-group{
float:right;
width:50%;
}

.lyt-tbl-result .col-wrap .col.root{
float:none;
border:none;
width:100%;
}

.lyt-tbl-result .col-wrap .col.price{
float:none;
border-right:none;
margin:15px 0;
width:100%;
}

.lyt-tbl-result .col-wrap .col.price p{
text-align:left;
}

.lyt-tbl-result .col-wrap .col.detail{
float:none;
margin-bottom:10px;
width:100%;
}

.lyt-tbl-result .col-wrap .col.btn-area{
float:none;
clear:both;
border-top:1px dotted #c0c0c0;
border-left:none;
padding:10px 0 5px;
width:100%;
}

.lyt-tbl-result .col-wrap .col.btn-area .list-btn-03{
text-align:center;
}

.lyt-tbl-result .col-wrap .col.btn-area .list-btn-03 li{
width:48%;
}

.lyt-tbl-result .col-wrap .col.btn-area .list-btn-03 li .btn-02.add2 span,
.lyt-tbl-result .col-wrap .col.btn-area .list-btn-03 li .btn-01.mail span{
background:none;
}
}
/*----------------------------------------
 icon
----------------------------------------*/
.arrow-btm-01,
.arrow-btm-02{
position:relative;
margin-bottom:35px;
padding-bottom:15px;
}

.arrow-btm-01:after,
.arrow-btm-02:before,
.arrow-btm-02:after{
display:block;
position:absolute;
content:"";
top:100%;
left:50%;
border-color:#dad7d2 transparent transparent transparent;
border-style:solid;
border-width:20px 26px;
margin-left:-26px;
}

.arrow-btm-02:before{
left:25%;
}

.arrow-btm-02:after{
left:75%;
}

img.icon-01{
margin:0 5px 0 4px !important;
position:relative;
top:-1px;
vertical-align:middle;
}

.icon-new,
.icon-update{
display:block;
border:1px solid #d3bb50;
box-shadow:0 1px #ccc;
padding:2px 5px 1px;
font-size:10px;
font-size:0.625rem;
background-color:#fffad1;
background-image:-webkit-linear-gradient(#fff9cb, #fffadd);
background-image:linear-gradient(#fff9cb, #fffadd);
}

.icon-update{
border:1px solid #adadad;
background-color:#f5f5f5;
background-image:-webkit-linear-gradient(#f1f1f1, #fdfdfd);
background-image:linear-gradient(#f1f1f1, #fdfdfd);
}

.icon-want{
border:1px solid #847654;
padding:2px 8px 1px;
font-size:12px;
font-size:0.75rem;
font-weight:normal;
background-color:#b3a375;
background-image:-webkit-linear-gradient(#bdad81, #ae9d6e);
background-image:linear-gradient(#bdad81, #ae9d6e);
color:#fff;
}

.icon-title{
border:1px solid #c0c0c0;
padding:2px 8px 1px;
background:#fff;
font-size:11px;
font-size:0.6875rem;
color:#695e45;
}

.icon-title.mini{
padding:2px 3px 1px;
font-size:10px;
font-size:0.625rem;
}

.icon-use{
display:inline-block;
padding:2px 5px;
line-height:1.6;
vertical-align:top;
background-color:#ced8e4;
color:#333;
font-size:12px;
font-size:0.75rem;
}

.icon-case{
display:inline-block;
margin-right:10px;
vertical-align:top;
font-size:10px;
font-size:0.625rem;
font-weight:normal;
padding:2px 3px;
background:#0058a6;
color:#fff;
}

.icon-req{
margin:0 5px;
padding:1px 7px;
vertical-align:middle;
font-size:85.7143%;
color:#fff;
background:#de0000;
}

.tbl-01 th .icon-req{
display:inline-block;
}

[class^="icon-ctg"]{
display:inline-block;
box-sizing:border-box;
margin-right:5px;
padding:4px 1px 3px;
width:4em;
vertical-align:middle;
font-size:12px;
font-size:0.75rem;
line-height:1;
color:#fff;
text-align:center;
}

.icon-ctg-01{
border:1px solid #012f82;
background-color:#3d5e9c;
background-image:-webkit-linear-gradient(#637eaf, #23498f);
background-image:linear-gradient(#637eaf, #23498f);
}

.icon-ctg-02{
border:1px solid #005c00;
background-color:#619061;
background-image:-webkit-linear-gradient(#759e75, #487748);
background-image:linear-gradient(#759e75, #487748);
}

.icon-ctg-03{
border:1px solid #510f88;
background-color:#765790;
background-image:-webkit-linear-gradient(#957ca8, #684685);
background-image:linear-gradient(#957ca8, #684685);
}

.icon-ctg-04{
border:1px solid #b86a03;
background-color:#e4a147;
background-image:-webkit-linear-gradient(#e7ac5e, #e29838);
background-image:linear-gradient(#e7ac5e, #e29838);
}

.icon-ctg-05{
border:1px solid #6a1c00;
background-color:#8b5b49;
background-image:-webkit-linear-gradient(#986d5d, #703f2e);
background-image:linear-gradient(#986d5d, #703f2e);
}

.icon-ctg-06{
border:1px solid #d43e3e;
background-color:#e16969;
background-image:-webkit-linear-gradient(#e47575, #dd5454);
background-image:linear-gradient(#e47575, #dd5454);
}

.icon-rail,
.icon-rail-jr{
position:relative;
padding-left:25px;
}

.icon-rail:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:36px;
height:36px;
}

.icon-rail.ginza:before{
background:url('../images/icon.png') -1804px 0 no-repeat;
background-position:-902px 0;
background-size:cover;
}

.icon-rail.marunouchi:before{
background:url('../images/icon.png') -1886px 0 no-repeat;
background-position:-943px 0;
background-size:cover;
}

.icon-rail.hibiya:before{
background:url('../images/icon.png') -1968px 0 no-repeat;
background-position:-984px 0;
background-size:cover;
}

.icon-rail.tozai:before{
background:url('../images/icon.png') -2050px 0 no-repeat;
background-position:-1025px 0;
background-size:cover;
}

.icon-rail.chiyoda:before{
background:url('../images/icon.png') -2132px 0 no-repeat;
background-position:-1066px 0;
background-size:cover;
}

.icon-rail.yurakutyo:before{
background:url('../images/icon.png') -2214px 0 no-repeat;
background-position:-1107px 0;
background-size:cover;
}

.icon-rail.hanzomon:before{
background:url('../images/icon.png') -2296px 0 no-repeat;
background-position:-1148px 0;
background-size:cover;
}

.icon-rail.nanboku:before{
background:url('../images/icon.png') -2378px 0 no-repeat;
background-position:-1189px 0;
background-size:cover;
}

.icon-rail.fukutoshin:before{
background:url('../images/icon.png') -2460px 0 no-repeat;
background-position:-1230px 0;
background-size:cover;
}

.icon-rail.mita:before{
background:url('../images/icon.png') -2542px 0 no-repeat;
background-position:-1271px 0;
background-size:cover;
}

.icon-rail.oedo:before{
background:url('../images/icon.png') -2624px 0 no-repeat;
background-position:-1312px 0;
background-size:cover;
}

.icon-rail.shinjuku:before{
background:url('../images/icon.png') -2706px 0 no-repeat;
background-position:-1353px 0;
background-size:cover;
}

.icon-rail.asakusa:before{
background:url('../images/icon.png') -2788px 0 no-repeat;
background-position:-1394px 0;
background-size:cover;
}

.icon-rail-jr:before{
display:block;
position:absolute;
content:"";
top:0;
left:0;
width:20px;
height:20px;
}

.icon-rail-jr.yamate:before{
background:#80c241;
}

.icon-rail-jr.chuo:before{
background:#f15a22;
}

.icon-rail-jr.sobu:before{
background:#ffd400;
}

.icon-rail-jr.saikyo:before{
background:#00b48d;
}

.icon-rail-jr.keihin:before{
background:#00b2e5;
}

.icon-rail-jr.yokosuka:before{
background:#007ac0;
}

.icon-rail-jr.yokohama:before{
background:#80c241;
}

.icon-rail-jr.tokaido:before{
background:#f68b1e;
}

.icon-rail-jr.negishi:before{
background:#00b2e5;
}

.icon-rail-jr.keiyo:before{
background:#c9242f;
}

.icon-rail-jr.nanbu:before{
background:#ffd400;
}

@media screen and (max-width: 720px){
.icon-rail{
padding-top:3px;
}
}

.lyt-detail-01:after{
content:"";
display:block;
clear:both;
overflow:hidden;
}

.lyt-detail-01 .lyt-detail-l{
float:left;
width:48.2%;
}

.lyt-detail-01 .lyt-detail-r{
float:right;
width:49.7%;
}

@media screen and (max-width: 720px){
.lyt-detail-01 .lyt-detail-l{
margin-bottom:20px;
}
.lyt-detail-01 .lyt-detail-l,
.lyt-detail-01 .lyt-detail-r{
float:none;
width: auto;
}
}

.lyt-detail-01 .box-gallery-02 {
padding-top: 0;
margin-bottom:10px;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 {
width: auto;
float:none;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .nav {
display:none;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .photo {
padding: 10px 0 8px;
z-index:1;
position:relative;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .photo .caption {
font-size: 100%;
padding:0 10px;
}

.lyt-detail-01 .box-gallery-02 img,
.lyt-detail-01 .box-thumbnail img {
width: 100% !important;
}
.lyt-detail-01 .lyt-detail-l .box-gallery-02.col1 .block-gallery-02.type-02{
max-width:348px;
}
@media screen and (max-width: 720px){
.lyt-detail-01 .lyt-detail-l .box-gallery-02.col1 .block-gallery-02.type-02{
max-width: inherit;
}
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .photo.box-gallery-zoom a {
position:relative;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .photo.box-gallery-zoom .icon-gallery-zoom {
position:relative;
z-index: 100;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .photo.box-gallery-zoom .icon-gallery-zoom img {
position:absolute;
left:0;
bottom:0;
bottom:6px\9;
height:36px;
width:36px !important;
}

@media screen and (max-width: 720px){
.lyt-detail-01 .link-icon-01.panorama {
margin-top:20px;
}

.lyt-detail-01 .box-gallery-02 .block-gallery-02 .nav {
display:block;
}
}

.lyt-detail-01 .box-thumbnail .thumbnail:after{
content:"";
display:block;
clear:both;
overflow:hidden;
}

.lyt-detail-01 .box-thumbnail .thumbnail.col5{
margin-left:-2%;
}

.lyt-detail-01 .box-thumbnail .thumbnail.col6{
margin-left:-1%;
}

.lyt-detail-01 .box-thumbnail .thumbnail li{
float:left;
margin-bottom:5px;
border: 1px solid #eee;
box-sizing: border-box;
}

.lyt-detail-01 .box-thumbnail .thumbnail.col5 li{
width:18%;
margin-left:2%;
}

.lyt-detail-01 .box-thumbnail .thumbnail.col6 li{
width:15.1%;
margin-left:1.5%;
}

.lyt-detail-01 .box-thumbnail .thumbnail li.view{
height:auto;
}

.lyt-detail-01 .box-thumbnail .thumbnail li.view span {
height:100%;
width: 100%;
box-sizing:border-box;
}

@media screen and (max-width: 720px){
.lyt-detail-01 .box-thumbnail .thumbnail{
display:none;
}
}

/* for IE8 ここから */
.js-tbllink.hover td{
background:#f9f7e9\9;
cursor:pointer\9;
}

.js-tbllink.hover td.js-tbllink-btn{
background:#fff\9;
cursor: default\9;
}
/* for IE8 ここまで */

@media screen and (min-width: 721px){
.js-tbllink.hover td{
background:#f9f7e9;
cursor:pointer;
}

.js-tbllink.hover td.js-tbllink-btn{
background:#fff;
cursor: default;
}

.js-tbllink.hover td.js-tbllink-unroll{
background:none;
}
}

.link-icon-01{
text-decoration: underline;
}
.link-icon-01.panorama{
padding-left:36px;
font-weight:bold;
background:url("/office/shared/images/icon-panorama_01.png") no-repeat left top;
min-height:24px;
padding-top:5px;
}

a.lyt-link-01 {
background:url("./images/arrow-d_01.png") no-repeat 0 0.6em;
padding-left:15px;
margin-left:14px;
}
@media screen and (max-width: 720px){
a.lyt-link-01.sp-blck {
display:block;
margin-left:0;
}
}

.list-data_01{
margin-top:25px;
margin-left:-2%;
}

.list-data_01:after{
content:"";
display:block;
clear:both;
overflow:hidden;
}

.list-data_01 li{
margin-bottom:7px;
}

.list-data_01.col2 li{
float:left;
width:48%;
margin-left:2%;
}

.list-data_01 li .data + .data{
margin-top:7px;
}

.list-data_01 li .ttl{
padding:2px 9px;
display:inline-block;
background:#e6e6e6;
font-weight:bold;
margin-right:10px;
min-width:5em;
text-align:center;
}

.list-data_01 li .data{
letter-spacing:-0.5px;
}


@media screen and (max-width: 720px){
.list-data_01{
margin-left:0;
}

.list-data_01 li{
margin-bottom:8px;
}

.list-data_01.col2 li{
float:none;
width:auto;
margin-left:0;
}

.list-data_01 li .data + .data{
margin-top:8px;
}

.list-data_01 li .ttl{
padding:4px 13px 2px;
}
}

/* ==============================================================================================
 Adjust
================================================================================================= */
.cfx:after,
header .nav-utility:after,
#gnav-sub ul:after,
#content:after,
.nav-sitemap .inner:after,
.nav-sitemap .inner dl.related:after,
.nav-areamap .inner:after,
.footer-content .inner:after,
.footer-content .inner ul:after,
.lyt-col-01:after,
.lyt-col-02:after,
.lyt-col-03:after,
.lyt-col-04:after,
.lyt-col-05:after,
.box-01 > .inner > a:after,
.list-bnr-01:after,
.lyt-image:after,
.btn-area-01:after,
.box-find-01 .hdg-content-inner:after,
.lyt-col-unique:after,
.nav-pagination-01:after,
.list-flow-01:after,
.list-timeline-01:after,
.list-timeline-02:after,
.search-content-01 .list-tab:after,
.slct-content-01:after,
.list-rail-01:after,
.list-rail-02:after,
.nav-word-01:after,
.nav-word-frame:after,
.nav-pagination-02:after,
.gallery-view > .sub .thumbnail ul:after,
.box-contact-outer:after,
.list-dfn-03:after,
.lyt-tbl-data:after,
.list-condition-01:after,
.list-btn-unique:after,
.lyt-tbl-result .col-wrap:after,
.lyt-tbl-result .col-wrap .col-group.txt:after,
.list-qa-01:after,
.nav-flow-01:after,
.list-sbs-01.recom:after,
.list-sbs-01.ken:after,
.box-contact-01 .box-body .contact-tel-02 > dd dl.area:after,
.hdg-content > .box-contact-03:after,
.list-dfn-iconbox:after,
.list-icon-05:after,
.list-dfn-04:after,
.contact-mail-03:after,
.contact-tel-03:after,
.select-area-01:after,
.list-research:after,
.box-closeup-01 .list-box-content:after,
.lyt-col-05 .col:after,
.list-bnr-02.col2:after,
.list-sort:after{
content:"";
display:block;
clear:both;
overflow:hidden;
}

.clear{
clear:both;
}

.mt00{
margin-top:0 !important;
}

.mt05{
margin-top:5px !important;
}

.mt10{
margin-top:10px !important;
}

.mt15{
margin-top:15px !important;
}

.mt20{
margin-top:20px !important;
}

.mt30{
margin-top:30px !important;
}

.mt40{
margin-top:40px !important;
}

.mb00{
margin-bottom:0 !important;
}

.mb05{
margin-bottom:5px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb15{
margin-bottom:15px !important;
}

.mb20{
margin-bottom:20px !important;
}

.mb25{
margin-bottom:25px !important;
}

.mb30{
margin-bottom:30px !important;
}

.mb35{
margin-bottom:30px !important;
}

.ml00{
margin-left:0 !important;
}

.ml05{
margin-left:5px !important;
}

.ml10{
margin-left:10px !important;
}

.ml15{
margin-left:15px !important;
}

.ml20{
margin-left:20px !important;
}

.mr00{
margin-right:0 !important;
}

.mr05{
margin-right:5px !important;
}

.mr10{
margin-right:10px !important;
}

.mr15{
margin-right:15px !important;
}

.mr20{
margin-right:20px !important;
}

.pt00{
padding-top:0 !important;
}

.pt05{
padding-top:5px !important;
}

.pt10{
padding-top:10px !important;
}

.pt15{
padding-top:15px !important;
}

.pt20{
padding-top:20px !important;
}

.pl00{
padding-left:0 !important;
}

.pl05{
padding-left:5px !important;
}

.pl09{
padding-left:9px !important;
}

.pl10{
padding-left:10px !important;
}

.pr00{
padding-right:0px;
}

@media screen and (min-width: 720px){
.pc-mb07{
margin-bottom:7px !important;
}

.pc-mb18{
margin-bottom:18px !important;
}

.pc-mb25{
margin-bottom:25px !important;
}
}
.w05p{
width:5% !important;
}

.w10p{
width:10% !important;
}

.w11p{
width:11% !important;
}

.w12p{
width:12% !important;
}

.w13p{
width:13% !important;
}

.w14p{
width:14% !important;
}

.w15p{
width:15% !important;
}

.w16p{
width:16% !important;
}

.w18p{
width:18% !important;
}

.w20p{
width:20% !important;
}

.w21p{
width:21% !important;
}

.w22p{
width:22% !important;
}

.w23p{
width:23% !important;
}

.w24p{
width:24% !important;
}

.w25p{
width:25% !important;
}

.w29p{
width:29% !important;
}

.w30p{
width:30% !important;
}

.w31p{
width:31% !important;
}

.w32p{
width:32% !important;
}

.w33p{
width:33% !important;
}

.w34p{
width:34% !important;
}

.w35p{
width:35% !important;
}

.w37p{
width:37% !important;
}

.w38p{
width:38% !important;
}

.w39p{
width:39% !important;
}

.w40p{
width:40% !important;
}

.w45p{
width:45% !important;
}

.w50p{
width:50% !important;
}

.w55p{
width:55% !important;
}

.w57p{
width:57% !important;
}

.w59p{
width:59% !important;
}

.w60p{
width:60% !important;
}

.w65p{
width:65% !important;
}

.w70p{
width:70% !important;
}

.w75p{
width:75% !important;
}

.w80p{
width:80% !important;
}

.w85p{
width:85% !important;
}

.w90p{
width:90% !important;
}

.w95p{
width:95% !important;
}

.w100p{
width:100% !important;
}

.w-auto{
width:auto !important;
}

.align-c{
text-align:center !important;
}

.align-r{
text-align:right !important;
}

.align-l{
text-align:left !important;
}

.align-l-c{
text-align:left !important;
}

.align-c-l{
text-align:center !important;
}

.align-m{
vertical-align:middle !important;
}

.no-border{
border:none !important;
}

.border-01{
border-radius:4px;
border:2px solid #b7daf4;
}

.bb-solid{
border-bottom:1px solid #c0c0c0;
}

.fs-small{
font-size:12px !important;
font-size:0.75rem !important;
}

.fs-large{
font-size:18px !important;
font-size:1.125rem !important;
}

.fs-reset{
font-size:100%;
}

.fw-normal{
font-weight:normal;
}

.imp-01{
color:#cc0000;
}

.underline{
text-decoration:underline;
}

.fl{
float:left;
}

.fr{
float:right;
}

.fr-c{
float:right;
}

.dn{
display:none !important;
}

.pc-dn{
display:none;
}

.pc-dn_i{
display:none;
}

.separate-01{
border-bottom:1px dotted #c0c0c0;
margin-bottom:20px;
padding-bottom:30px;
}

.marker-01{
background:#ffff99;
}

.no-bg{
background:none !important;
}

.movie-01 iframe,
.movie-02 iframe{
box-sizing:border-box;
}

/*印刷画面*/
.content-title.with-option ul.utility{
position:absolute;
top:0;
right:0;
}

.content-title.with-option ul.utility .btn-04.small{
padding:7px 5px;
font-size:92.8571%;
}

.for-print .list-btn-02.panel-01 li{
float:none;
margin:0;
}

@media screen{
.print-only{
display:none;
}
}
@media screen and (max-width: 970px){
.movie-02{
height:400px;
}

.movie-01 iframe,
.movie-02 iframe{
width:100%;
}

.movie-02 iframe{
height:100%;
}
}
@media screen and (max-width: 720px){
.align-l-c{
text-align:center !important;
}

.align-c-l{
text-align:left !important;
}

.fs-large{
font-size:13px !important;
font-size:0.8125rem !important;
}

.fr-c{
float:none;
margin:0 auto;
}

.pc-dn{
display:block;
}

.pc-dn_i{
display:inline-block;
}

.sp-db{
display:block;
}

.sp-dn{
display:none !important;
}

.sp-em{
font-size:0.9375rem !important;
font-weight:bold;
}

.sp-fs12{
font-size:0.75rem !important;
}

.separate-01{
border-bottom:none;
margin-bottom:20px;
padding-bottom:0;
}

.movie-01,
.movie-02{
margin:0 auto;
height:265px;
}
}

/* ----- spin ----- */
#spin-area{
position:relative;
}
div.spinner {
position:fixed !important;
top: 50% !important;
}
div.spinner:before {
display:block;
content:"";
position:absolute;
top:0;
left:0;
background:#535353;
width:118px;
height:118px;
margin-left:-60px;
margin-top:-60px;
border-radius:5px;
box-shadow:#333 0px 0px 10px;
}

/* ----- spin ----- */
#pop-reasult{
visibility:hidden;
width:360px;
padding:10px 20px 10px;
line-height:1.3;
background:#999386;
letter-spacing:1px;
color:#fff;
text-align:center;
font-size:114%;
font-weight:bold;
position:fixed;
top:50%;
left:50%;
margin-left:-200px;
border-radius:5px;
-webkit-box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.31);
box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.31);
z-index:100;
}
#pop-reasult .number{
font-size:155%;
margin:0 5px;
}
@media screen and (max-width: 720px){
#pop-reasult{
width:260px;
margin-left:-130px;
box-sizing:border-box;
font-size:72.2%;
top: 200px;
}
#pop-reasult .number{
font-size:200%;
}
}

.lyt-img-col2:after{
clear:both;
content:"";
display:block;
overflow:hidden;
}
.lyt-img-col2 .col{
float:left;
width:48%;
margin-left:2%;
}
.lyt-img-col2 .col img{
width:100%;
}
.lyt-img-col2 .col:first-child{
margin-left:0;
}
@media screen and (max-width: 720px){
.lyt-img-col2 .col{
float:none;
width: auto;
margin-left:0;
}
.lyt-img-col2 .col{
text-align: center;
}
.lyt-img-col2 .col img{
max-width:352px;
}
}

.hdg-title-02{
font-weight: bold;
font-size: 1.286em;
margin-bottom: 10px;
}
@media screen and (max-width: 720px){
.hdg-title-02{
font-size: 100%;
}
}
.lyt-img-03{
display: -webkit-flex;
display: flex;
margin-bottom: 30px;
}
@media screen and (max-width: 720px){
.lyt-img-03{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
}
}
.lyt-img-03 .txt{
width: 55.9228650137741%;
}
.lyt-img-03 .txt p{
margin-bottom: 10px;
}
@media screen and (max-width: 720px){
.lyt-img-03 .txt p{
line-height: 1.75;
}
}
.lyt-img-03 .txt a{
color: #00c;
}
.lyt-img-03 .txt .panel-10{
background-image: none;
background-color: #f0f1f8;
padding: 10px;
display: inline-block;
}
.spec-list{
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
flex-flow: wrap;
-webkit-align-items: center;
align-items: center;
margin-bottom: 15px;
}
.spec-list > li{
width: 50%;
margin-top: 8px;
}
.spec-list > li:first-child,
.spec-list > li:nth-child(2){
margin-top: 0;
}
.spec-list > .full{
width: 100%;
}
.spec-set{
display: -webkit-flex;
display: flex;
}
.spec-set dt{
font-weight: bold;
text-align: right;
min-width: 42px;
margin-right: 10px;
}
.spec-set dd{
font-size: 0.786em;
}
.spec-set dd,
.spec-set .spec-item ul > li{
border-radius: 2px;
background-color: #ced8e4;
margin-right: 8px;
padding: 3px 5px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.spec-set .spec-item{
    border-radius: 0;
    background-color: transparent;
    margin-right: 0;
    padding: 0;
}
.spec-set .spec-item ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.spec-set .spec-item ul > li{
    margin-bottom: 8px;
}
.lyt-img-03 .img{
-webkit-order: -1;
order: -1;
margin-right: 20px;
width: 41.32231404958678%;
}
@media screen and (max-width: 720px){
.lyt-img-03 .txt,
.lyt-img-03 .img{
width: 100%;
}
.lyt-img-03 .img{
margin-right: 0;
}
}
.lyt-photo-01{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.lyt-photo-01 > li{
width: 48.66666666666667%;
margin: 8px 0 0 2.666666666666667%;
}
.lyt-photo-01 > li:nth-child(2n){
margin-left: 0;
}
.lyt-photo-01 > li:first-child{
width: 100%;
margin: 0;
}
.lyt-photo-01 img{
width: 100%;
}
.img .url{
margin-top: 10px;
}
@media screen and (max-width: 720px){
.img .url{
margin-bottom: 20px;
}
}
.img .url .ttl{
margin-right: 10px;
}
.img .url a{
color: #00c;
text-decoration: none;
display: inline-block;
word-break: break-all;
}
@media screen and (max-width: 720px){
#main-content .detail-comment{
margin-top: 0;
}
}
.nav-pagination-03{
margin-bottom: 20px;
padding-top: 10px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.nav-pagination-03 > li{
margin: 0 4px;
display: block;
}
.nav-pagination-03 > li > a,
.nav-pagination-03 > .current > em{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 34px;
height: 34px;
border-radius: 2px;
background-color: #e7e7e7;
}
.nav-pagination-03 > li > a{
text-decoration: none;
color: #333;
}
.nav-pagination-03 > li > a:hover{
background-color: #e2e6ff;
}
.nav-pagination-03 > .current > em{
background-color: #273793;
color: #fff;
font-weight: normal;
}
.nav-pagination-03 > .prev,
.nav-pagination-03 > .next{
position: relative;
z-index: 1;
}
.nav-pagination-03 > .prev > a,
.nav-pagination-03 > .next > a{
z-index: 2;
}
.nav-pagination-03 > .prev > a:before,
.nav-pagination-03 > .next > a:before{
content: '';
display: block;
margin-left: 2px;
width: 7px;
height: 7px;
border-radius: 1px;
border-top: 1px solid #333;
border-left: 1px solid #333;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-pagination-03 > .next > a:before{
margin-left: -4px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.nav-pagination-03 > .prev > a .txt,
.nav-pagination-03 > .next > a .txt{
position: absolute;
top: 0;
left: 0;
z-index: -1;
font-size: 10px;
}
