/* CSS Document */
@charset "UTF-8";

.sp_only{display: none;}

.notoserif{font-family: 'Noto Serif JP', serif;}
.svg_tel{width:30px;height:30px;}
.svg_scroll{width:50px;height:80px;fill:#747474;}

header{position:fixed;top:0;left:0;width:100%;z-index:1000;}
header .link{transition:0.5s;}
header .link:hover{color:#CCAD67;}
header {padding:10px;background:#000000;}
header .wrap{display:flex;justify-content:space-between;width:1000px;max-width:100%;margin: 0 auto;}
header .caption{font-size:12px;color:#FFF;margin-bottom:10px;padding-left:3px;}
header .logo{width:170px;}
header .links{width:160px;}
header .links .tellink{color:#FFF;font-size:20px;line-height:30px;display:block;margin-bottom:4px;}
header .links .tellink .svg_tel{fill:#FFF;vertical-align:bottom;}
header .links .contactlink{color:#FFF;border:1px solid #FFF;font-size:12px;line-height:24px;text-align:center;display:block;transition:0.5s;}

@media(min-width:835px){
	header .links .contactlink:hover{background:#FFF;color:#000;}
}
header + main{padding-top:80px;}

/*main::before{content:"";background:url("../img/top/everyday_bg.jpg");background-size:cover;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;}*/

footer {padding:15px;background:#000;display:flex;justify-content:center;flex-wrap:wrap;}
footer .logo{width:170px;margin-right:50px;}
footer .text{font-size:12px;line-height:22px;color:#9A9A9B;text-align:center;align-self:center;}
footer .copyright{font-size:12px;text-align:center;color:#FFF;width:100%;}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

.top{position:relative;}
.top .totop{width:70px;position:fixed;bottom:110px;right:70px;z-index:99;}


	

.top .sec_hero {background:#FFF;position:relative;z-index:2;overflow:hidden;}
.top .sec_hero::before{content:"";background:linear-gradient(to top,#FFF 50px ,#666666 50px ,#666666 140px ,rgba(37,30,28,0.8) 140px ,rgba(37,30,28,0.8) 330px ,transparent 330px);;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.top .sec_hero .bg{width:100%;height:calc(100% - 140px);position:absolute;top:0;left:0;z-index:-1;transition:2s 3s;}
.top .sec_hero .bg img{width:100%;height:100%;object-fit:cover;}
.top .sec_hero .wrap{width:1000px;max-width:100%;height:calc(100vh - 180px);margin: 0 auto;position:relative;}
.top .sec_hero .key{position:absolute;top:calc(50% - 165px);left:50%;width:600px;transform:translateX(-50%);opacity:0;}
.top .sec_hero .message{font-size:22px;line-height:32px;color:#FFF;position:absolute;bottom:66px;left:125px;transition:2s 3s;}
.top .sec_hero .img01{width:370px;position:absolute;bottom:145px;left:90px;transition:2s 3s;z-index:3;}
.top .sec_hero .img02{width:520px;position:absolute;bottom:10px;right:0;transition:2s 3s;}
.top .sec_hero.start .bg{opacity:1;transform:scale(1.01);}
.top .sec_hero.start .message{transform:translateX(0);opacity:1;}
.top .sec_hero.start .img01{transform:translateX(0);opacity:1;}
.top .sec_hero.start .img02{transform:translateX(0);opacity:1;}
.top .sec_hero.start .key{animation: hero 2s linear 1s forwards;}
.top .sec_hero:not(.start) .bg{opacity:0;transform:scale(1);}
.top .sec_hero:not(.start) .message{transform:translateX(-100px);opacity:0;}
.top .sec_hero:not(.start) .img01{transform:translateX(-100px);opacity:0;}
.top .sec_hero:not(.start) .img02{transform:translateX(100px);opacity:0;}
.top .sec_hero:not(.start) .key{opacity:0;}

@keyframes hero{
  0% {opacity:0;}
  30% {opacity:1;}
  70% {opacity:1;}
  100% {opacity:0;}
}
.top .scrollarea{display:block;text-align:center;padding-bottom:60px;background:#FFF;}
.top .scrollarea .svg_scroll .arrow{transform:translateY(0%);transition:0.5s 5.1s;}
.top .scrollarea:not(.visible) .svg_scroll .arrow{transform:translateY(-100%);}
	
.top .sec_lineup {padding-bottom:140px;background:#FFF;}

.top .sec_lineup .houses{width:1000px;max-width:100%;margin:0 auto;}
.top .sec_lineup .house{display:flex;justify-content:center;padding:100px 0 40px 80px;box-sizing:border-box;position:relative;z-index:2;align-items:flex-end;}
.top .sec_lineup .house .texts{position:absolute;top:0;left:0;z-index:-1;border:1px solid #8A99B4;width:360px;padding:10px 0 20px 80px;box-sizing:border-box;color:#8A99B4;margin-bottom:50px;}
.top .sec_lineup .house .texts .type{font-size:24px;font-weight:bold;}
.top .sec_lineup .house .texts .size{font-size:14px;margin: 7px 0;}
.top .sec_lineup .house .texts .money{font-size:10px;font-weight:bold;}
.top .sec_lineup .house .texts .money span{font-size:20px;}
.top .sec_lineup .house01 .texts{top:30px;}
.top .sec_lineup .house02 .texts{top:30px;}
.top .sec_lineup .house03 .texts{top:30px;}
.top .sec_lineup .house01 .img01{width:400px;max-width:100%;}
.top .sec_lineup .house01 .img02{width:240px;max-width:100%;}
.top .sec_lineup .house02 .img01{width:460px;max-width:100%;}
.top .sec_lineup .house02 .img02{width:260px;max-width:100%;}
.top .sec_lineup .house03 .img01{width:510px;max-width:100%;}
.top .sec_lineup .house03 .img02{width:290px;max-width:100%;}

.top .sec_lineup .spec{width:420px;max-width:100%;border:1px solid #535151;margin: 100px auto 95px;display:flex;font-size:14px;line-height:24px;}
.top .sec_lineup .spec .titles{width:100px;background:#535151;position:relative;}
.top .sec_lineup .spec .title{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);color:#FFF;text-align:center;}
.top .sec_lineup .spec .texts{width:calc(100% - 100px);padding:20px 0 15px 25px;box-sizing:border-box;}
.top .sec_lineup .spec .texts dl{display:flex;flex-wrap:wrap;}
.top .sec_lineup .spec .texts dt{width:80px;display:flex;justify-content:space-between;padding-right:2px;box-sizing:border-box;}
.top .sec_lineup .spec .texts dd{width:calc(100% - 80px);}
.top .sec_lineup .spec .texts .caption{font-size:12px;margin-top:10px;}
.top .everyday{width:100%;height:440px;}
.top .everyday img{width:100%;height:100%;object-fit:cover;object-position:left center;}
.top .everyday::before{content:"";background:url("../img/top/everyday_bg.jpg");background-size:cover;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;}


.confirm .sec_contact{padding-top:50px;}
.confirm .sec_contact form{padding:0 30px;}
.confirm .sec_contact .text{font-size:26px;padding-bottom:25px;text-align:center;margin-bottom:50px;}
.confirm .sec_contact .links{width:700px;padding:0 20px;max-width:100%;box-sizing:border-box;display:flex;justify-content:center;flex-wrap:wrap;}
.confirm .sec_contact .links >*{transform:translateX(0);}
.confirm .sec_contact .link{font-size:16px;line-height:58px;border:1px solid #747474;background:#FFF;color:#747474 ;width:270px;display:block;margin:50px auto 0;border-radius:0;-webkit-appearance: none;appearance: none;text-align:center;position:relative;}
.confirm .sec_contact .link::before {content:">";position:absolute;top:50%;right:30px;transform:translateY(-50%) scale(1,1.5);}


.sec_contact {background:#FFF;padding-top:140px;padding-bottom:80px;}
.sec_contact .sec_title{font-size:26px;padding-bottom:25px;text-align:center;border-bottom:1px solid #535151;position:relative;margin-bottom:90px;}
.sec_contact .sec_title::before{content:"";border-top:38px solid #535151;border-left:85px solid transparent;border-right:85px solid transparent;position:absolute;top:100%;left:50%;transform:translateX(-50%);}
.sec_contact .sec_title::after{content:"";border-top:38px solid #FFF;border-left:85px solid transparent;border-right:85px solid transparent;position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);}
/*.sec_contact .sec_etitle{font-size:30px;text-align:center;letter-spacing:0.3em;margin-bottom:120px;position:relative;}*/
.sec_contact .sec_etitle{width:160px;margin:0 auto 120px;position:relative;}
.sec_contact .sec_etitle::before{content:"";width:80px;height:2px;background:#B4B4B4;position:absolute;top:60px;left:calc(50% - 40px);}
.sec_contact form{width:750px;max-width:100%;margin:0 auto;padding-right:100px;box-sizing:border-box;}
.sec_contact form .inputs{display:flex;justify-content:space-between;}
.sec_contact form .inputs + .inputs{margin-top:50px;}
.sec_contact form .name{width:230px;text-align:right;margin-top:10px;font-size:16px;line-height:26px;}
.sec_contact form .req{width:40px;border-radius:2px;background:#ED1C24;color:#FFF;font-size:12px;line-height:18px;text-align:center;margin-top:14px;align-self:flex-start;}
.sec_contact form .input{width:340px;}
.sec_contact form .output{width:340px;font-size:16px;line-height:26px;margin-top:10px;}
.sec_contact form input[type="text"],
.sec_contact form input[type="email"]{width:100%;border:1px solid #535151;font-size:16px;line-height:26px;padding:9px 5px;box-sizing:border-box;border-radius:0;-webkit-appearance: none;appearance: none;}
.sec_contact form input[type="text"][name="zip"]{width:160px;margin-right:30px;}
.sec_contact form button{min-width:100px;font-size:16px;line-height:28px;border:1px solid #535151;border-radius:5px;text-align:center;background:#FFF;cursor: pointer;padding:0;-webkit-appearance: none;appearance: none;}
.sec_contact form textarea{width:100%;border:1px solid #535151;font-size:16px;line-height:30px;padding:5px 5px;box-sizing:border-box;border-radius:0;-webkit-appearance: none;appearance: none;}
.sec_contact form select{border:1px solid #535151;font-size:16px;line-height:30px;padding:9px 5px;box-sizing:border-box;background:#FFF;}
.sec_contact form label{font-size:16px;line-height:26px;padding:9px 0;box-sizing:border-box;margin-right:10px;display:inline-block;}
.sec_contact form .privacy{width:560px;max-width:100%;margin: 70px 0 0 auto;}
.sec_contact form .privacy .texts{width:100%;height:150px;overflow-y:scroll;padding:10px;box-sizing:border-box;border:1px solid #535151;}
.sec_contact form .privacy .title{font-size:16px;line-height:24px;color:#65789C;}
.sec_contact form .privacy .text{font-size:14px;line-height:22px;}
.sec_contact form .privacy .text + .title{margin-top:20px;}
.sec_contact form input[type="submit"]{font-size:16px;line-height:58px;border:1px solid #747474;background:#747474;color:#FFF;width:270px;display:block;margin:50px auto 0;transform:translateX(50px);border-radius:0;-webkit-appearance: none;appearance: none;}
.sec_contact form input[type="submit"]:hover{background:#FFF;color:#747474;}


.sec_contactend {text-align:center;padding:80px 0;min-height:calc(100vh - 95px);box-sizing:border-box;}


.sec_contactend .sec_etitle{width:160px;margin:0 auto 120px;position:relative;}
.sec_contactend .sec_etitle::before{content:"";width:80px;height:2px;background:#B4B4B4;position:absolute;top:60px;left:calc(50% - 40px);}
.sec_contactend .title{font-size:24px;margin-bottom:60px;}
.sec_contactend .text{display:inline-block;text-align:justify;font-size:16px;line-height:30px;}
.sec_contactend .link{font-size:16px;line-height:58px;border:1px solid #747474;background:#FFF;color:#747474;width:270px;display:block;margin:50px auto 0;position:relative;}
.sec_contactend .link::before{content:">";position:absolute;top:50%;right:30px;transform:translateY(-50%) scale(1,1.5);}
.sec_contactend .link:hover{background:#747474;color:#FFF;}