@charset "utf-8";



/*スマホ*/
@media screen and (max-width:750px){
  
.concept {width:100%;background-color: #eaeaea;padding: 50px 0px 20px 0px;overflow: hidden;}
.concept1 {max-width:800px;width:70%;height:auto;margin:0px auto 0px auto;padding: 50px 0px 20px 0px;text-align:center;}
.concept2 {max-width:800px;width:80%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 70px 0px;text-align:center;}
.design3 {width:100%;height:auto;margin:0px auto 0px auto;padding: 80px 0px 100px 0px;text-align:center;background-image: url("../common/img/bg.jpg"); background-repeat: repeat;background-size: cover;position: relative;} 
.design4 {width:100%;height:auto;margin:0px auto 0px auto;padding: 50px 0px 0px 0px;text-align:center;}
.design5 {width:80%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.design5-left {width:90%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 0px 0px;text-align:center;}
.design5-right {width:90%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 0px 0px;text-align:center;}
.gaikan {width:100%;height:auto;text-align:center;position: relative}
.gaikan-1{
    width: 70vw;
    height:auto;
    margin: 50px auto 10px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);z-index: 100
}
.gaikan-2{
    width: 11.6vw;
    height: auto;
    margin: 0px auto 10px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: absolute;
    left: -1px;
    top: -1px;
}
.rightcap {font-size: 8px;padding: 10px 3px 0px 0%;position: absolute; bottom: 5px;right: 0px;font-weight:normal;color:#fff}
.font11{width:90%;margin:0px auto 30px auto;font-size:90%;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font12{width:80%;margin:40px auto 30px auto;font-size:90%;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font1{margin:30px auto 0px auto;font-size:90%;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font4{width:90%;margin:0px auto 30px auto;font-size:80%;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 700;color:#847c56;}
.font2{margin:30px auto 0px auto;font-size:100%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;color:#4c4621;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.font3{width:90%;margin:30px auto 0px auto;font-size:80%;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 700;color:#4c4621;}

}


/*PC*/
@media screen and (min-width:751px){
    

.rightcap {font-size: 10px;padding: 10px 5px 2px 0%;position: absolute; bottom: 0px;right: 0px;font-weight:normal;color:#fff}
.concept {width:100%;background-color: #eaeaea;padding: 100px 0px 70px 0px;}
.concept1 {max-width:800px;width:100%;height:auto;margin:0px auto 0px auto;padding: 250px 0px 70px 0px;text-align:center;}
.concept2 {max-width:800px;width:60%;height:auto;margin:0px auto 0px auto;padding: 100px 0px 0px 0px;text-align:center;}
.design3 {width:100%;height:auto;margin:0px auto 0px auto;padding: 18% 0px 170px 0px;text-align:center;background-image: url("../common/img/bg.jpg"); background-repeat: repeat;background-size: cover;position: relative; } 
.design4 {width:100%;height:auto;margin:0px auto 0px auto;padding: 100px 0px 0px 0px;text-align:center;}
.design5 {width:61%;height:auto;margin:0px auto 0px auto;padding: 10px 0px 0px 0px;text-align:center;}
.design5-left {float:left;width:47%;height:auto;margin:0px auto 0px auto;padding: 65px 0px 0px 0px;text-align:center;}
.design5-right {float:right;width:47%;height:auto;margin:0px auto 0px auto;padding: 65px 0px 0px 0px;text-align:center;}
    
.gaikan {width:100%;height:auto;text-align:center;position: relative}
.gaikan-1{
    width: 62vw;
    height: auto;
 
    margin: 50px auto 10px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: absolute;
    top: 104%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}
.gaikan-2{
    width: 11.6vw;
    height: auto;
    margin: 0px auto 10px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: absolute;
    left: -1px;
    top: -1px;z-index:99
}


    
.font11{margin:60px auto 0px auto;font-size:120%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font12{margin:60px auto 0px auto;font-size:120%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font1{margin:30px auto 0px auto;font-size:120%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;}
    
.font2{margin:30px auto 0px auto;font-size: min(2.1vw, 50px);;text-align:center;letter-spacing:4px;line-height: 170%;font-weight: 700;color:#4c4621;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
    
.font3{margin:30px auto 0px auto;font-size:90%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;color:#4c4621;}

.font4{width:90%;margin:0px auto 30px auto;font-size:90%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;color:#847c56;}
.header li:nth-child(6) {border-top: solid 3px #0481A2;top: -6px;color: #000;}}

@media print {
.hidden-print { display: none;}
.content-print{top:0 !IMPORTANT;left:0 !IMPORTANT;width:172mm !IMPORTANT; height:251mm !IMPORTANT;}
}
@media only screen and (min-width:751px) and (max-width:980px) {
.concept1 {max-width:800px;width:60%;height:auto;margin:0px auto 0px auto;padding: 180px 0px 20px 0px;text-align:center;}
.concept2 {max-width:800px;width:60%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 30px 0px;text-align:center;}
.font11{margin:60px auto 0px auto;font-size:80%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font1{margin:30px auto 0px auto;font-size:80%;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;}
.font2{margin:30px auto 0px auto;font-size:160%;text-align:center;letter-spacing:5px;line-height: 170%;font-weight: 700;color:#4c4621;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.design3 {width:100%;height:auto;margin:0px auto 0px auto;padding: 150px 0px 170px 0px;text-align:center;background-image: url("../common/img/bg.jpg"); background-repeat: repeat;background-size: cover;position: relative; } 
.design4 {width:100%;height:auto;margin:0px auto 0px auto;padding: 100px 0px 0px 0px;text-align:center;}
.design5 {width:90%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.design5-left {float:left;width:48%;height:auto;margin:0px auto 0px auto;padding: 50px 0px 0px 0px;text-align:center;}
.design5-right {float:right;width:48%;height:auto;margin:0px auto 0px auto;padding: 50px 0px 0px 0px;text-align:center;}
}