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

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

header{
height:340px;
}

header .row_inner{
height:340px;
}

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

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


/* .bgon(#intro, means)
-------------------------------- */

.bgon{
overflow: hidden;
display: block;
position: relative;
margin:0 auto;
height:846px;
}

#intro.bgon{
background:url(../img/page-seo/intro_bg.jpg) no-repeat center center;
}
#listing.bgon{
background:url(../img/page-seo/listing_bg.jpg) no-repeat center center;
}

.bgon .row_inner .card{
display: block;
width:650px;
height:640px;
padding:54px 50px 0;
background-color: #fff;
position:relative;
margin:100px auto 0;
}

.bgon .card h3 {
position: relative;
display: block;
font-size:15px;
line-height: 1.8em;
text-align: center;
font-weight: bold;
margin-top:0;
margin-bottom:30px;
}

.bgon .card h4{
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}

.bgon .card p{
text-align: center;
margin-bottom:30px;
line-height: 2em;
letter-spacing: 0.01em;
}


/* #reason
-------------------------------- */

#reason{
overflow: hidden;
display: block;
position: relative;
margin:0 auto;
background-color: #EEEFEF;
}

#reason ul{
display: block;
position: relative;
text-align: center;
margin:30px auto 70px;
}

.tricard{
display: inline-block;
width:390px;
height:480px;
vertical-align: top;
padding:80px 40px 0;
background-color: #fff;
position:relative;
margin:0 10px 0;
}

.tricard::before{
content:"";
display:block;
width:72px;
height:69px;
position: absolute;
top:-20px;
left:0;
right:0;
margin:auto;
}
.tricard#li01::before{ background:url(../img/element/reason_li01_num.png) no-repeat center top;}
.tricard#li02::before{ background:url(../img/element/reason_li02_num.png) no-repeat center top;}
.tricard#li03::before{ background:url(../img/element/reason_li03_num.png) no-repeat center top;}


.tricard h3.ct{
position: absolute;
top:0;
left:0;
}

.tricard h4{
font-size: 24px;
font-weight: bold;
text-align: left;
margin-bottom: 20px;
}

.tricard p{
text-align: justify;
margin-bottom:30px;
line-height: 2em;
letter-spacing: 0.02em;
}


/* price_keyword
-------------------------------- */

#price_keyword{
overflow: hidden;
position: relative;
padding-bottom: 140px;
background: linear-gradient(#fff 43%, #EEEFEF 43%);
margin:0 auto 0;
}

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

#price_keyword li.card{
overflow: hidden;
display: block;
width:1200px;
position: relative;
padding:0 50px 20px;
background-color: #191D20;
margin:0 auto 30px;
}


#price_keyword li h5{
color:#C9BC9C;
font-weight: bold;
}

#price_keyword li h5.emp{
font-size:26px;
margin-bottom:20px;
}

#price_keyword li h5.nml{
font-size:20px;
margin-bottom:50px;
}


#price_keyword li .price_keyword_one{
background:url(../img/page-seo/price_keyword_one.png) no-repeat center top;
display: block;
height:49px;
position: relative;
margin:0 auto 30px;
}

#price_keyword li .price_keyword_three{
background:url(../img/page-seo/price_keyword_three.png) no-repeat center top;
display: block;
height:67px;
border-bottom:1px solid #413C3B;
position: relative;
margin:0 auto 20px;
}

#price_keyword li .price_keyword_six{
background:url(../img/page-seo/price_keyword_six.png) no-repeat center top;
display: block;
height:91px;
position: relative;
margin:20px auto 40px;
}


#price_keyword li.card p{
text-align: justify;
color:#fff;
margin-bottom: 40px;
}


/* .sep_header(#mdl_header, ldl_header)
-------------------------------- */

.sep_header{
overflow: hidden;
position: relative;
background: linear-gradient( #EEEFEF 50%,#fff 50%);
margin:0 auto 0;
}


/* #means
-------------------------------- */

#means{
overflow: hidden;
display: block;
position: relative;
margin:0 auto;
background-color: #EEEFEF;
}

#means ul{
display: block;
position: relative;
text-align: center;
margin:30px auto 70px;
}

.dblcard{
display: inline-block;
width:594px;
height:583px;
vertical-align: top;
padding:80px 30px 0;
background-color: #fff;
position:relative;
margin:0 10px 0;
}

.dblcard::before{
content:"";
display:block;
width:72px;
height:69px;
position: absolute;
top:-20px;
left:0;
right:0;
margin:auto;
}
.dblcard#li01::before{ background:url(../img/element/means_li01_num.png) no-repeat center top;}
.dblcard#li02::before{ background:url(../img/element/means_li02_num.png) no-repeat center top;}


.dblcard h3{
font-size: 24px;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom:10px;
margin-bottom: 20px;
}
.dblcard h3::after{
content:"";
display: block;
width:110px;
height:1px;
position: absolute;
bottom:0;
left:0;
right:0;
margin:auto;
background-color:#C9BC9C;
}

.dblcard h4{
font-size: 24px;
font-weight: bold;
text-align: left;
margin-bottom: 20px;
}

.dblcard p{
text-align: justify;
margin-bottom:30px;
line-height: 2em;
letter-spacing: 0.02em;
}


/* price_listing
-------------------------------- */

#price_listing{
overflow: hidden;
position: relative;
padding-bottom: 140px;
background: linear-gradient(#fff 43%, #EEEFEF 43%);
margin:0 auto 0;
}

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

#price_listing li.card{
overflow: hidden;
position: relative;
display: inline-block;
width:578px;
height:404px;
padding:60px 110px 20px;
vertical-align: top;
background-color: #191D20;
margin:0 10px 30px;
}

#price_listing li h4{
display: block;
height:40px;
margin:0 auto 20px;
}
#price_listing li#li01 h4{ background:url(../img/page-seo/logo_google.png) no-repeat center top; }
#price_listing li#li02 h4{ background:url(../img/page-seo/logo_yahoo.png) no-repeat center top; }


#price_listing li h5{
font-size: 26px;
color:#fff;
font-weight: bold;
line-height: 1.2em;
}

#price_listing li h6{
position: relative;
color:#C9BC9C;
font-weight: bold;
padding-bottom: 10px;
margin-bottom:30px;
}
#price_listing li h6::after{
content: "";
display: block;
width:110px;
height: 2px;
position: absolute;
bottom:0;
left:0;
right:0;
margin:auto;
background-color:#C9BC9C;
}


#price_listing li .pricetag{
display: table;
width:360px;
height:56px;
line-height: 56px;
position: relative;
margin: 0 auto;
color:#C9BC9C;
font-weight: bold;
}

#price_listing li .pricetag span.pre{
display: table-cell;
width:100px;
height:56px;
padding-right:10px;
position: relative;
vertical-align:middle;
font-size: 16px;
letter-spacing: 0;
text-align-last: justify;
text-justify:inter-ideograph;
}

#price_listing li .pricetag span.con{
display: table-cell;
height:60px;
position: relative;
font-size: 53px;
letter-spacing: 0.08em;
vertical-align:baseline;
}

#price_listing li .pricetag span.aft{
display: table-cell;
height:60px;
width:70px;
position: relative;
font-size: 19px;
text-align: left;
vertical-align:baseline;
}


#price_listing li .price_listing_one{
background:url(../img/page-seo/price_listing_one.png) no-repeat center top;
display: block;
height:49px;
margin:0 auto 30px;
}
#price_listing li .price_listing_three{
background:url(../img/page-seo/price_listing_three.png) no-repeat center top;
display: block;
height:67px;
border-bottom:1px solid #413C3B;
margin:0 auto 20px;
}
#price_listing li .price_listing_six{
background:url(../img/page-seo/price_listing_six.png) no-repeat center top;
display: block;
height:91px;
margin:20px auto 40px;
}


/* partner
-------------------------------- */

#partner{
overflow: hidden;
position: relative;
margin:50px auto;
}

#partner h3{
font-size:24px;
font-weight: bold;
text-align: center;
}

#partner p{
text-align: center;
}