@charset "UTF-8";

/* slider overwrite
-------------------------*/

/* ---
 UNI
-------------- */
a.imgbtn:hover {
opacity: 0.77;
}

p.attn{
font-size:14px;
}

/* -------------------------------
 header
-------------------------------- */

header{
height:950px!important;
}

header .row_inner{
position: relative;
width:auto;
max-width: 1500px!important;
min-width:1280px!important;
height:950px!important;
/*
margin-top:-934px!important;
*/
}

header h2{
background:url(../img/frontpage/header_title.png) no-repeat center center;
width:680px;
height:620px;
position: absolute;
top: 155px;
left: 0;
right: 0;
margin: auto;
}

/*--------------------------------
 header main visual
-------------------------------- */

#mv{
position: relative;
background:url(../img/frontpage/header_bg.jpg) no-repeat center center #080404;
width:100%;
min-width: 1280px;
height:950px!important;
margin:0 auto 0;
overflow: hidden;
}

/* #intro
-------------------------------- */

#intro{
position: relative;
background-color:#060201;
padding-bottom:80px;
}

#intro h2{
display: block;
background:url(../img/frontpage/intro_title.png) no-repeat center center;
width:540px;
height:160px;
position: absolute;
top:-60px;
left:0;
right:0;
margin:auto;
}

#intro img.ast{
margin:130px auto 40px;
}
#intro h3{
position: relative;
background:url(../img/frontpage/intro_subtitle.png) no-repeat center center;
width:340px;
height:30px;
margin:0 auto 40px;
}

#intro p{
color:#fff;
text-align: center;
margin:0 auto 50px;
}

#intro p.note{
background-color:#685245;
padding:10px 0;
text-align: center;
margin:0 auto;
}

/* #news(system)
-------------------------------- */

.rows#news{
overflow: hidden;
text-align: center;
padding-top:0;
background-color: #F5F2EB;
margin: 0 auto 0!important;
border-bottom: 1px solid #ddd;
}

#news h2{
position: relative;
background:url(../img/frontpage/news_title.png) no-repeat center center;
width:300px;
height:130px;
margin:70px auto 20px;
}

#news .row_inner{
padding:0;
}

#news a.imgbtn{
position: relative;
background:url(../img/frontpage/news_btn.png) no-repeat center center;
display: block;
width:280px;
height:65px;
margin:40px auto 60px;
}

@media screen and (max-width:1819px){
	.stat2list .stat2li:nth-child(n+5){
	display:none;
	}
}
@media screen and (min-width:1820px){
	.stat2list .stat2li:nth-child(n+5){
	display:block;
	}
}

/* #menu
-------------------------------- */

#menu{
position: relative;
background:url(../img/frontpage/menu_bg.jpg) no-repeat center center;
width:100%;
height:566px;
}

#menu .txt_card {
display: block;
width:480px;
height:445px;
padding:30px 50px 0 55px;
position:absolute;
top:60px;
right:0;
background-color:#fff;
text-align: left;
}

#menu h2{
display: block;
background:url(../img/frontpage/menu_title.png) no-repeat left center;
width:200px;
height:42px;
position: relative;
margin-bottom:40px;
}

#menu h3{
font-weight: bold;
letter-spacing: 0;
margin-bottom:10px;
}
#menu p{
text-align: justify;
margin-bottom:25px;
}

#menu a.imgbtn{
position: relative;
background:url(../img/frontpage/menu_btn.png) no-repeat center center;
display: block;
width:281px;
height:65px;
}


/* #workflow
-------------------------------- */

#workflow{
position: relative;
overflow: hidden;
background:url(../img/frontpage/workflow_bg.jpg) no-repeat center bottom #060201;
width:100%;
height:1180px;
}

#workflow .row_inner{
}

#workflow h2{
position: relative;
background:url(../img/frontpage/workflow_title.png) no-repeat center center;
height:140px;
margin:70px auto 20px;
}

#workflow ul{
overflow: hidden;
position: relative;
background:url(../img/frontpage/workflow_ast.png) no-repeat top center;
width:1200px;
height:920px;
margin:0 auto 70px;
}

#workflow ul li {
overflow: hidden;
position: absolute;
left:-420px;
display: block;
width:378px;
height:260px;
padding:15px 5px;
}

#workflow ul li#step1 { left:     0; top:310px;}
#workflow ul li#step2 { left: 410px; top:310px;}
#workflow ul li#step3 { left: 820px; top:310px;}
#workflow ul li#step4 { left:     0; top:660px; width:410px;}

#workflow ul li#step1 a.tel{
position: relative;
background:url(../img/frontpage/workflow_01_btn.png) no-repeat left center;
display: block;
width:270px;
height:40px;
}

#workflow ul li h3 {
font-size:20px;
font-weight: bold;
color:#fff;
margin-bottom:5px;
}

#workflow ul li p {
letter-spacing:0.07em;
color:#BBB090;
margin-bottom:10px;
}
#workflow ul li p.cwt {
color:#fff;
}

/* slides
-------------------------*/

#si_slider {
overflow: hidden;
margin:100px auto 40px;
}
#si_slider h2{
position: relative;
background:url(../img/frontpage/shopinfo_title.png) no-repeat center center;
width:140px;
height:110px;
margin:0 auto 40px;
}

.bx-wrapper {
margin-bottom:0!important;
}

/* access infobox coinf
---------------------- */
#access {
position: relative;
overflow: hidden;
background-color: #F5F2EB;
}
#access h2.ct{
text-align: left;
position:absolute;
top:0;
left:0;
margin-left:-200px;
}

#access .tomap{
display: block;
width:720px;
position: absolute;
top:380px;
left:0;
right: 0;
margin:auto;
font-size: 20px;
letter-spacing: 0.02em;
color:#fff;
background-color:rgba(82,64,48,0.8);
text-align: center;
padding:10px 0;
z-index: 99;
}

#access .info{
position: relative;
background:url(../img/frontpage/access_info_bg.png) no-repeat right top 25px;
width:1200px;
min-height:380px;
margin:0 auto 40px;
}

#access .info .infobox{
width:400px;
height:380px;
padding:24px 0;

}

#access .infobox h3.logo{
background:url(../img/frontpage/access_info_logo.png) no-repeat left center;
display: block;
width:340px;
height:60px;
position:relative;
margin-bottom: 5px;
}

#access .infobox h4{
font-size:20px;
font-weight: bold;
letter-spacing: 0.02em;
}

#access .infobox li {
font-size: 16px;
letter-spacing: 0.02em;
}

#access .infobox li dl{
overflow: hidden;
display: block;
clear:both;
}

#access .infobox li dt{
display: block;
width:90px;
float: left;
}

#access .infobox li dd{
display: block;
width:260px;
float: left;
}

#access .info p.attn{
display: block;
background-color:#9A8D84;
padding:10px 0;
text-align: center;
margin:0 auto 40px;

}
#access .info p.attn span{
position: relative;
display: inline-block;
font-size: 18px;
letter-spacing: 0.02em;
line-height: 33px;
color:#fff;
padding-left:46px;
background-color:#9A8D84;
}

#access .info p.attn span:before{
content:"";
background:url(../img/element/icon_wheelchair.png) no-repeat center center;
display: block;
width:33px;
height:33px;
position:absolute;
left:0;
top:0;
}

/* #greeting
-------------------------------- */

#greeting{
position: relative;
background-color:#060201;
background:url(../img/frontpage/greeting_bg.jpg) no-repeat center center;
height:540px;
}


#greeting .txt_card {
display: block;
width:600px;
height:540px;
padding:45px 20px 0 50px;
position:absolute;
top:0;
left:0;
text-align: left;
}

#greeting h2{
display: block;
background:url(../img/frontpage/greeting_title.png) no-repeat left center;
width:200px;
height:42px;
position: relative;
margin-bottom:4px;
}

#greeting h3{
color:#fff;
font-size: 32px;
font-weight: bold;
letter-spacing: 0;
line-height: 1.6em;
margin-bottom:20px;
}
#greeting p{
color:#CABB9A;
text-align: justify;
margin-bottom:25px;
}

#greeting a.imgbtn{
position: relative;
background:url(../img/frontpage/greeting_btn.png) no-repeat center center;
display: block;
width:281px;
height:65px;
}





/*------------------------
$ #FAQ > #qa
-------------------------*/

#qa {
position: relative;
overflow: hidden;
padding-top:0;
margin:0 auto 40px;
text-align:center;
}

#qa h2{
position: relative;
background:url(../img/frontpage/qa_title.png) no-repeat center center;
width:300px;
height:130px;
margin:70px auto 40px;
}


#qa dl{
width:1240px;
margin:0 auto 30px;
}

#qa dt{
position: relative;
display:block;
width:1240px;
cursor:pointer;
background-color:#060201;
margin-top:20px;
}

#qa dt span{
display:block;
padding:15px 60px 15px 90px;
color:#CABB9A;
line-height:1.3em;
font-size:18px;
font-weight: bold;
text-align: left;
margin:0;
}

#qa dt::before{
display:block;
content:"";
background:url(../img/frontpage/qa_q.png) no-repeat center center #060201;
width:60px;
height:100%;
border-right:1px solid #1f1a05;
cursor:pointer;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
transition: 0.2s;
}

#qa dt::after{
display:block;
content:"";
background:url(../img/frontpage/qa_btn_open.png) no-repeat center center;
width:30px;
height:30px;
cursor:pointer;
position:absolute;
top:0;
bottom:0;
right:20px;
margin:auto;
transition: 0.2s;
}

#qa dd{
position: relative;
display:none;
overflow: hidden;
width:1240px;
padding: 20px 40px;
line-height:1.6;
margin-bottom:18px;
background-color:#FAF5EF;
}

#qa dd p{
text-align: left!important;
}

#qa dd a.close{
display:block;
background:url(../img/frontpage/qa_btn_close.png) no-repeat;
width:136px;
height:41px;
cursor:pointer;
margin:20px auto 0;
transition: 0.2s;
}

#qa dd a.close:hover{
background:url(../img/frontpage/qa_btn_close.png) no-repeat;
}