@charset "UTF-8";



/*------------------------------------*\
    見出しなど
\*------------------------------------*/


div.index_title_new
{
    width: 100%;
    display: inline-block;
    margin: 10px 0px 20px;
    line-height: 1;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

div.index_title_new strong
{
    font-size: 44px;
    clear: both;
    width: 100%;
    display: inline-block;
    color: #e77a7a;
    font-weight: 100;
    letter-spacing: 0.05em;
}

div.index_title_new b
{
font-size: 16px;
    color: #777777;
    width: 100%;
    display: inline-block;
}

div#wrap_index_news div.index_title_new {
    width: 40%;
    display: inline-block;
    margin: 20px 0px 20px;
    line-height: 1.2;
    float: left;
}



div.index_treatment div.index_title_treatment
{
    width: 60%;
    display: inline-block;
    margin: 10px 0px 20px;
    float: right;
    clear: both;
    height: 260px;

}

div.index_treatment div.index_title_treatment h2
{
    font-size: 26px;
    clear: both;
    width: 100%;
    display: inline-block;
    color: #c59631;
    font-weight: 100;
    letter-spacing: 0.05em;
    text-align: left;
}

div.index_treatment div.index_title_treatment span
{
    font-size: 14px;
    color: #444444;
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 10px 0px 0px;
}


div.index_treatment:nth-child(3) div.index_title_treatment
{
    width: 50%;
    display: inline-block;
    margin: 10px 50% 20px 0px;
}

div.wrap_header
{
    background-image: url(/images/common/bg_header.jpg);
}


/*------------------------------------*\
    インデックス
\*------------------------------------*/





div#wrap_index_keyimage
{
    height: 700px;
}

div#wrap_index_keyimage ul#index_keyimages {
    height: 700px;
}

div#wrap_index_keyimage ul#index_keyimages li {

    background-size: 1600px;
}


div#wrap_index_keyimage ul#index_keyimages li:nth-child(1)
{
    background-image: url(/images/renewal/index_keyvisual1.png);
}

div#wrap_index_keyimage ul#index_keyimages li:nth-child(2)
{
    background-image: url(/images/renewal/index_keyvisual1.png);
}


div#wrap_index_keyimage div#header_logo {
    float: left;
    width: 440px;
    margin: 0px 0px 0px 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 80;
}

div#wrap_index_keyimage div#header_contact {
    float: right;
    margin: 0px 0px 0px;
    background: none;
    width: 560px;
    height: 95px;
    position: absolute;
    z-index: 100;
    top: 0;
    padding: 0px 0px 0px;
    z-index: 80;
}


div#wrap_index_keyimage div#wrap_gnavi {
    width: 100%;
    height: 68px;
    display: inline-block;
    padding: 0px 20px 0px;
    float: left;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 0px;
    background: rgba(255,255,255,0.6);
}

div#wrap_index_keyimage div#gnavi {
    width: auto;
    margin: 0px auto;
    padding: 0px 0px 0px;
    display: inline-block;
}

div#wrap_index_keyimage div#gnavi ul li a {

    padding: 16px 4px 12px;
    display: inline-block;
}


div#index_headline
{
position: relative;
    width: 100%;
    display: inline-block;
    padding: 24px 0px 20px;
    margin: 0px 0px 0px;
    text-align: center;
    line-height: 1;
}

div#index_headline_inner
{
    width: 1024px;
    height: 100%;
    margin: 0px auto 0px;
    display: inline-block;
}


div#index_headline ul
{
    width: calc(100% - 160px);
    margin: 0px auto 0px;
    display: inline-block;
    text-align: left;
}

div#index_headline h3
{
    width: 160px;
    float: left;
    color: #d4b064;

}

div#index_headline ul li
{
    width: calc(100% - 80px);
    float: left;
}


div#index_headline ul li span
{
    width: 80px;
    float: left;


}

div#index_headline ul li a
{
    width: calc(100% - 80px);
    float: left;
    color: #666666;
    text-decoration: underline;

}



div#wrap_index_campaign
{
position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #fbf1f1;
    padding: 30px 0px 40px;
    margin: 0px 0px 40px;
}

div#index_campaign
{
    width: 1024px;
    height: 100%;
    margin: 0px auto 0px;
    display: inline-block;
}


div#index_campaign ul
{
    width: 100%;
    height: 180px;
    display: inline-block;
}

div#index_campaign ul li
{
width: 25%;
    height: 100%;
    display: inline-block;
    padding: 0px 5px 0px;
    float: left;
}

div#index_campaign ul li a
{
    width: 100%;
    display: inline-block;
    height: 100%;
}


div#wrap_index_campaign div#attention
{
position: absolute;
    bottom: 4px;
    right: 4px;
    font-size: 12px;
}





div#wrap_index_treatment
{
    margin: 0px 0px 0px;
}


div.index_treatment
{
    width: 100%;
    padding: 40px 0px 40px;
    margin: 0px 0px 0px;
    min-height: 400px;
}

div.index_treatment#treatment1 div.index_treatment_inner
{
    background-image: url(/images/index/index_treatment1.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

div.index_treatment#treatment2 div.index_treatment_inner
{
    background-image: url(/images/index/index_treatment2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

div.index_treatment#treatment3 div.index_treatment_inner
{
    background-image: url(/images/index/index_treatment3.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}











div.index_treatment_inner {
    width: 924px;
    height: 100%;
    margin: 0px auto 0px;
    display: inline-block;
}





div.index_treatment_list
{
    width: 100%;
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
    display: inline-block;
}


div.index_treatment_list a
{
    float: left;
    margin: 0px 5px 5px 0px;
    width: 32%;
}













div#wrap_index_banner
{
    width: 100%;
    padding: 20px 0px 20px;
    margin: 0px 0px 0px;
    display: inline-block;
    background: #fcf9f0;
}


div#index_banner
{
}


div#index_banner a
{
}

div#wrap_index_process
{
    width: 100%;
    padding: 40px 0px 80px;
    margin: 0px 0px 0px;
    background: #fbf9f1;
    position: relative;
    display: inline-block;
}

div#index_process
{
}

div#index_process div.text
{
    font-size: 12px;
    color: #444444;
    width: 100%;
    margin: 0px 0px 30px;
}



div#wrap_index_news {
    position: relative;
    width: 924px;
    z-index: 20;
    margin: 0px auto 0px;
    text-align: center;
    display: inline-block;
    top: 0px;
    padding: 30px 0px 30px;
    overflow: hidden;
    float: none;
    background: none;
}



div#index_contents_news {
    position: relative;
    width: 50%;
    margin: 0px auto 0px;
    text-align: left;
    display: inline-block;
    float: right;
}

div.index_contents_news {
    position: relative;
    width: 100%;
    margin: 0px 0% 0px;
    text-align: left;
    padding: 0px 0px 0px;
    float: left;
}


div.index_contents_news ul li span {
    width: 60px;
    display: inline-block;
    color: #333333;
    float: left;
}


div.index_contents_news ul li a {
    text-decoration: none;
    color: #666666;
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
}





/*------------------------------------*\
    FOOTER
\*------------------------------------*/




div#wrap_footer_address {
    background: #fbf1f1;
}


div.footer_address div.shop {
    width: 100%;
    float: left;
}


div.footer_address {
    position: relative;
    width: 100%;
    float: left;
    padding: 20px 20px 20px;
    background: #ffffff;
    margin: 0px 0% 30px;
    border-top: none;
}

div.footer_address h3 {
    width: 320px;
    display: inline-block;
    float: left;
    padding: 40px 0px 0px;
    text-align: center;
    color: #e77a7a;
    font-size: 26px;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

div.footer_address div.info {
    width: calc(100% - 320px);
    margin: 10px 0px 10px;
    padding: 0px 0px 0px;
    display: inline-block;
    float: left;
}


div.footer_address div.info span {
    font-size: 16px;
    color: #666666;
}

div.footer_address img.map {
    width: 200px;
    height: auto;
    margin: 0px 0% 0px;
    float: right;
}




@media only screen and (min-width: 1600px){


div#wrap_index_keyimage ul#index_keyimages li {
    background-size: 100%;
}

}