@charset "UTF-8";
/*================================
page-web.css
20200516-
=================================*/

/*================================
o/w
=================================*/

header{
height:340px;
}

header .row_inner{
height:340px;
}

header .card {
height:240px;
margin:130px auto 20px;
}

header .card h2.tagblk,
header .card h3.tagblk{
margin-bottom:40px;
}


/* feature
-------------------------------- */

#feature{
overflow: hidden;
position: relative;
margin:0 auto 0;
background-color: #F7F7F7;
}


#feature p.emph {
font-size:24px;
line-height: 1.8em;
text-align: center;
font-weight: bold;
margin-top:60px;
margin-bottom:50px;
}


#feature ul{
position: relative;
padding-top:40px;
}

#feature li{
position: relative;
display: block;
height:480px;
padding:0;
margin:0 auto 0;
}
#feature li#li01 { background:url(../img/page-web/feature_li01_bg.jpg) no-repeat center center; }
#feature li#li02 { background:url(../img/page-web/feature_li02_bg.jpg) no-repeat center center; }
#feature li#li03 { background:url(../img/page-web/feature_li03_bg.jpg) no-repeat center center; }

#feature li .row_inner{
overflow: hidden;
height:480px;
							/*	background-color:rgba(100,200,200,.1);*/
}

#feature li .row_inner .card{
display: block;
width:510px;
height:370px;
padding:80px 45px 0;
background-color: #fff;
position:absolute;
}
#feature li#li01 .row_inner .card,
#feature li#li03 .row_inner .card { position:absolute; right:30px; top:50px; }
#feature li#li02 .row_inner .card { left:30px; top:50px; }


#feature li .card::before{
content:"";
display:block;
width:72px;
height:69px;
position: absolute;
}
#feature li#li01 .card::before{ background:url(../img/element/feature_li01_num.png) no-repeat center top; right:45px; top:-22px;}
#feature li#li02 .card::before{ background:url(../img/element/feature_li02_num.png) no-repeat center top; left:45px; top:-22px;}
#feature li#li03 .card::before{ background:url(../img/element/feature_li03_num.png) no-repeat center top; right:45px; top:-22px;}


#feature li .card h3.ct{
position: absolute;
top:0;
left:0;
}

#feature li .card h4{
font-size: 24px;
font-weight: bold;
letter-spacing: 0.1em;
margin-bottom: 20px;
}

#feature li .card p{
letter-spacing: 0;
text-align: justify;
margin-bottom:30px;
line-height: 2em;
}
#feature li .card p.atg{
color:#A38961;
}


/* price
-------------------------------- */

#price{
overflow: hidden;
position: relative;
margin:0 auto 0;
}


#price ul{
overflow: hidden;
position: relative;
text-align: center;
}

#price li.card{
overflow: hidden;
position: relative;
display: inline-block;
width:580px;
height:546px;
vertical-align: top;
background-color: #191D20;
margin:0 10px 40px;
}


#price li.card table{
overflow: hidden;
position: relative;
width:530px;
margin:0 auto 0;
}

#price li.card table tr{
line-height: 2.8em;
}

#price li.card table tr td{
width:50%;
color:#fff;
letter-spacing: 0.02em;
text-align: left;
}

#price li.card table.aw tr td{
width:auto;
}


#price li.card .tag{
overflow: hidden;
position: relative;
display: block;
width:100%;
height:80px;
position: absolute;
left:0;
bottom:0;
border-top:1px solid #303030;
color:#C9BB9E;
font-size: 28px;
line-height: 80px;
font-weight: bold;
}
#price li.card .tag span{
font-size:19px;
margin-left:10px;
}
#price li.card .tag em{
color:#fff;
font-size:16px;
font-weight: normal;
margin-left:10px;
}

#price .note {
font-size: 21px;
background-color: #191D20;;
color: #fff;
text-align: center;
max-width: 1174px;
margin: 0 auto 40px;
font-weight: bold;
padding: 12px 20px;
}