@charset "utf-8";

#wrapper{
    width:1200px;
    margin:0 auto;
}
 
a:link{text-decoration: none;color:#1e1e1e;}
a:visited{text-decoration: none;color:#1e1e1e;}
a:hover{text-decoration: underline;color: #324187;}
a:active{text-decoration: none;color: #324187;}

a img{transition:0.2s;}
a img:hover{opacity:0.7;}


main{
    font-size:14px;
    font-family:"Noto Sans JP ExtraLight","Noto Sans JP";
    color:#1e1e1e;
    line-height:30px;
    letter-spacing:0.07em;
    padding-top: 200px;
}

footer{
    height:310px;
    background-color: #e9e3d5;
    font-size:14px;
    font-family:"Noto Sans JP ExtraLight","Noto Sans JP";
    color:#1e1e1e;
    line-height:20px;
    letter-spacing:0.07em;
    border-bottom:2px solid #324187;
    padding:42px 45px 0 44px;
}

header{
    position:fixed;
    z-index: 100;
    width: 1200px;
    margin-left:calc((100% - 1200px)/2);
    top:0;
    left: 0;
    background-color:#fff;
    font-size:18px;
    color:#1e1e1e;
    font-family:"century","Noto Serif Japanese";
    letter-spacing:0.07em;
}


/* ------------------ヘッダー----------------------------- */

header .box01{
    padding:35px 35px 38px 507px;
    display:flex;
}

header .box01 a{
    margin-right:422px;
}

header .search{
    margin-right :17px;
}


header ul{
    padding:0 254px 0 277px;
    display:flex;
    list-style-type: none;
    color:#1e1e1e;
}

header ul li{
    margin-right:97px;
}

/* --------------------フッター---------------------------------------- */


footer .logo_img{
    margin-bottom:30px;
}

footer .text_box01{
    margin:0 0 30px 27px;
}

footer .address_box{
    margin:0 0 30px 27px;
}

footer .img_box{
    display:flex;
    margin:0 0 0 47px;
}

footer .img_box .left_img{
    margin-right:27px;
}

footer .text_box03{
    text-align: right;
    margin-top:15px;
}


/* ================01_Top page=================================== */

/* ---------------main------------------------------- */

.top_main{
    padding:33px 0 0 0;
}

/* .top_main a img{
    width:970px;
    height:508px;
} */

/* .top_main .contents_01 a{
    width:970px;
    height:508px;
    overflow:hidden;
} */

/* .top_main .contents_01 a:hover img{
    width:1020px;
    height:558px;
    transition:0.5s;
} */

.top_main .firstview{
    width:1200px;
    height:600px;
    background-image:url(../img/01_toppzge-firstview0201.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    background-position: 50% 161px;
    overflow: hidden;   
}

.top_main .firstview .life_is{
    margin:540px 0 0 860px;
    font-size:26px;
    font-weight: 100;
    color:#373737;
    font-family:"century","Noto Serif Japanese";
    letter-spacing:0.09em;
}

.top_main .main_box{
    padding:425px 50px 180px 50px;
}

.top_main .main_box h3{
    font-size:16px;
    font-family:"BIZ UDP明朝","BIZ UD明朝";
    color:#1e1e1e;
    line-height:18px;
    letter-spacing:0.13em;
    text-align: center;
    margin:0 0 425px 0;
}

.top_main .main_box .contents_01{
    margin:0 130px 100px 0;
    width:970px;
    height:508px;
    overflow:hidden
}

.top_main .main_box .contents_01 img{
    transition:1s;
}

.top_main .main_box .contents_01:hover img{
    transform:scale(1.02,1.02);
}

.top_main .main_box .contents_01 .text01{
    text-align:left;
    margin-bottom:100px;
}

.top_main .main_box .contents_02{
     width:970px;
    height:508px;
    overflow:hidden;
    margin:0 0 210px 130px;
}

.top_main .main_box .contents_02 img{
    transition:1s;
}

.top_main .main_box .contents_02:hover img{
    transform:scale(1.02,1.02);
}

.top_main .main_box .contents_02 .text02{
    text-align:right;
    margin-top:37px;

}

.top_main h2{
    text-align:center;
    margin-bottom:37px;
}

.top_main .main_box .contents_03{
    display:flex;
    margin:0 54px 37px 84px;
}

.top_main .main_box .contents_03 .left_contents{
    width:449px;
    margin-right:18px;
}

/* .top_main .main_box .contents_03 .right_contents{
    width:449px;
} */

.top_main .main_box .contents_03 .left_contents .box01{
    display:flex;
    margin-top:18px;
}

.top_main .main_box .contents_03 .left_contents .box01 .left_img{
    margin-right:18px;
}

.top_main .main_box .contents_03 .right_contents .box02{
    display:flex;
    margin-bottom:18px;
}

.top_main .main_box .contents_03 .box02 .left_img{
    margin-right:18px;
}

.top_main .main_box .item_box{
    margin-left:940px;
}

.top_main .main_box .item_box h1{
    font-size:24px;
    color:#1e1e1e;
    font-family:"century","Noto Serif Japanese";
    letter-spacing:0.07em;
}

/* ================02_News=================================== */


/* ---------------main----------------------------------- */

.news_main{
    padding:400px 106px 197px 104px;

}

.news_main .text{
    line-height:24px;
}

.news_main h6{
    font-size:12px;
    font-family:"Noto Sans JP ExtraLight","Noto Sans JP";
    color:#1e1e1e;
    letter-spacing:0.13em;
}

.news_main .box img{
    margin-bottom:15px;
}

.news_main .title_box h1{
    text-align:center;
    margin-bottom:270px;
}

.news_main .section_box01{
    display:flex;
    margin-bottom:107px;
}

.news_main .box{
    width:316px;
    margin-right:20px;
}

.news_main .box .title_text{
    border-bottom:0.5px solid #dddada;
    /* text-decoration:underline; */
}

.news_main .section_box02{
    display:flex;
}


/* ================03_Brand================================== */


/* ---------------main--------------------------- */

.brand_main{
    padding:400px 0 0 0;
}

.brand_main .tittle{
    margin:0 554px 270px 554px;
}

.brand_main .text_box{
    width:405px;
    margin:0 407px 60px 396px;
}

.brand_main .text_box p{
    font-size:15px;
    font-family:"BIZ UDP明朝","BIZ UD明朝";
    color:#1e1e1e;
    text-align: center;
}

.brand_main .firstview{
    margin-bottom :70px;
}

.brand_main .firstview_text_box{
    width:821px;
    margin:0 190px 200px 191px;
}


/* -------------3カラム---------------------------- */


.brand_main article{
    margin-bottom:200px;
}

.brand_main article .box01{
    /* width:1200px; */
    margin:0 175px 20px 175px;
    display:flex;
    align-items: center;
}

.brand_main article .box01 .box_img{
    width:417px;
}

.brand_main article .box01 .box_text01{
    width:417px;
    margin-left:20px;
    text-align: center;
    /* margin:163px 0 165px 20px; */
}

.brand_main article .box01 .box_text01 h2{
    border-bottom:0.5px solid #dddada;
    font-size:20px;
    font-family:BIZ UDP明朝;
}

.brand_main article .box01 .box_text02{
    width:417px;
    margin-right:20px;
    /* margin:163px 0 165px 20px; */
}

.brand_main article .box01 .box_text02 h2{
    border-bottom:0.5px solid #dddada;
    font-size:20px;
    font-family:BIZ UDP明朝;
}


/* -----------デザイナー紹介--------------------------- */


.brand_main .brand_section{
    display:flex;
    align-items: center;
    margin-bottom:200px;
}

.brand_main .brand_section .text_box01{
    width:544px;
    margin-left:22px;
}

.brand_main .brand_section h1{
    font-size:24px;
    color:#1e1e1e;
    font-family:"century","Noto Serif Japanese";
    letter-spacing:0.07em;
}

.brand_main .brand_section h2{
    font-size:22px;
    color:#1e1e1e;
    font-family:"century","Noto Serif Japanese";
    letter-spacing:0.07em;
}


/* ================04_item================================== */

/* ------------------main------------------------- */

.item_main{
    padding:400px 189px 196px 186px;
}

.item_main p{
    line-height:24px;
    letter-spacing:0.13em;
}

.item_main .title_img h1{
    /* width:852px; */
    text-align: center;
    /* margin:0 auto; */
    margin-bottom:270px;
}

.item_main .contents_box{
    display:flex;
    margin-bottom:55px;
}

.item_main .contents_box .box{
    width:263px;
    margin-right:20px;
}

.item_main .contents_box .text_box{
    background-color:#e9e3d5;
    height:92px;
    padding:7px 0 0 5px;
}

/* ================05_item02================================== */

/* --------------main--------------------------- */

.item02_main{
    padding:284px 140px 202px 140px;
}

.item02_main .contents_box{
    display:flex;
}

.item02_main .contents_box .img_contents{
    width:461px;
}

.item02_main .contents_box .img_contents .img{
    margin-top:18px;
    display:flex;
}

.item02_main .contents_box .img_contents .img .left_img{
    width:220px;
    margin-right: 20px;
}

.item02_main .contents_box .img_contents .img .right_img{
    width:220px;
}

.item02_main section{
    width:461px;
    padding:5px 0 12px 38px;
}

.item02_main section span{
    font-size:10px;
    font-family:BIZ UDP明朝;
    color:#1e1e1e;
    font-weight:normal;
    letter-spacing:0.13em;

}

.item02_main section h2{
    font-size:24px;
    font-family:"century","Noto Serif Japanese";
    color:#1e1e1e;
    font-weight:normal;
    letter-spacing:0.13em;
    margin-bottom:10px;
}

.item02_main section h3{
    font-size:22px;
    font-family:"century","Noto Serif Japanese";
    color:#1e1e1e;
    font-weight:normal;
    letter-spacing:0.13em;
    margin-bottom:10px;
}

.item02_main section h4{
    font-size:18px;
    font-family:"century","Noto Serif Japanese";
    color:#1e1e1e;
    font-weight:normal;
    letter-spacing:0.13em;
    margin-bottom:33px;
}


/* ================06_Contact================================== */

/* --------------main--------------------------- */

.contact_main{
    padding:400px 275px 200px 275px;
}

.contact_main h2{
    text-align:center;
    margin-bottom:270px;
}

.contact_main .text_box{
    text-align: center;
    margin-bottom:70px;
}

.contact_main .contents_box{
    /* background-color: #e9e3d5; */
    border:1.5px solid #c6c4c4;
    padding:45px 35px 55px 35px;
}

.contact_main .contents_box p{
    /* margin: left; */
    text-align:left;
}

.contact_main .contents_box .caution{
    color:#b82e2e;
    text-align:right;
    font-weight:bold;
    font-size:12px;
}

.contact_main .contents_box .first_box{
    display:flex;
    margin-bottom:40px;
}

.contact_main .contents_box .first_box .left_box{
    width:275px;
    margin-right:30px;
}

.contact_main .contents_box .first_box .right_box{
    width:275px;
}

.contact_main .contents_box .first_box .box{
    height:40px;
    border:1.5px solid #dddada;
    border-radius:2px;
    background-color:#fff;
}

.contact_main .contents_box .box01{
    width:580px;
    height:40px;
    border:1.5px solid #dddada;
    border-radius:2px;
    background-color:#fff;
    margin-bottom:40px;
}

.contact_main .contents_box .box02{
    width:580px;
    height:160px;
    border:1.5px solid #dddada;
     border-radius:2px;
     background-color:#fff;
    margin-bottom:40px;
}

.contact_main .contents_box .button{
    /* margin-left:165px; */
    text-align:center;
}


/* ================07_Access================================== */

/* --------------main--------------------------- */

.access_main{
    padding:400px 233px 200px 237px;
}

.access_main h2{
    margin-bottom:270px;
    text-align:center;
}

.access_main .contents_img{
    margin-bottom:57px;
}

.access_main p{
    text-align:center;
}

.access_main span{
    font-weight:bold;
}

/* ================08_Paradium================================== */

/* --------------main--------------------------- */

.paradium_main{
    padding:400px 100px 100px 100px;
}

.paradium_main .title_img{
    text-align:center;
    margin-bottom: 270px;
} 

.paradium_main .title_box{
    text-align:center;
    margin-bottom:130px;
}

.paradium_main .title_box .text_box{
    width:480px;
    margin:0 auto;
    text-align:center;
}

.paradium_main .contents_01{
    display: flex;
    margin-bottom: 100px;
}

.paradium_main .contents_01 .text_box01{
    width:485px;
    margin-left:40px;
}

.paradium_main .contents_01 .text{
    font-size:20px;
    font-family:"BIZ UDP明朝","BIZ UD明朝";
    color:#1e1e1e;
    /* line-height:18px; */
    letter-spacing:0.03em;
    text-align:center;
    margin-bottom: 15px;
}

/* ================09_Privacy================================== */

/* --------------main--------------------------- */

.privacy_main{
    padding:400px 235px 200px 235px;
}

.privacy_main h2{
    text-align:center;
    margin-bottom:270px;
}

.privacy_main .text_box{
    width:730px;
}