/*  
Theme Name:sakashita-junes
*/
html{scroll-behavior:smooth;}
body{clear:both;font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;font-size:20px;line-height:1.8;margin:0px;padding:0px;background:white;font-feature-settings:"palt";position:relative;}
a{text-decoration:none;color:black}
a img:hover,a:hover{opacity:0.6;transition-duration:0.3s;transform:translate(.1em, .1em);}
.pc{display:block;}
.sp{display:none;}
img{border:none;margin:0px;padding:0px;height:auto;display:block;max-width:100%;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
p{margin:0px;padding:0px;}


.more_btn{font-size:2em;color:#005fa6;line-height:1;text-align:right;position:absolute;right:1em;bottom:1em;padding-right:2em;}
.btn_arrow01:after{content:"";width:1.5em;height:.075em;display:block;background:#005fa6;position:absolute;right:0;top:.5em;}
.btn_arrow01:before{content:"";width:.5em;height:.07em;display:block;background:#005fa6;position:absolute;right:-.1em;top:.35em;transform:rotate(45deg);}
a.banner_btn{width:auto;padding:.25em 4em;border:2px solid black;border-radius:1em;position:relative;font-size:1.85em;line-height:1;display:table;}
a.banner_btn:after{content:"";width:1.5em;height:.07em;display:block;background:#000;position:absolute;right:1em;top:50%;transform:translateY(50%);}
a.banner_btn:before{content:"";width:.5em;height:.055em;display:block;background:#000;position:absolute;right:1.05em;top:50%;transform:rotate(45deg) translateY(calc(50% - .2em));}
a.blue_btn{width:50%;padding:.5em 0;background:#005fa6;color:white;;border-radius:1em;position:relative;font-size:1.9em;line-height:1;display:block;text-align:center;margin:3em auto}
a.blue_btn:after{content:"";width:1.5em;height:.07em;display:block;background:white;position:absolute;right:1em;top:50%;transform:translateY(50%);}
a.blue_btn:before{content:"";width:.5em;height:.09em;display:block;background:white;position:absolute;right:1em;top:50%;transform:rotate(45deg) translateY(calc(50% - .2em));}

.title_bg{line-height:1;}
.title_bg:before{content:"";width:.85em;height:1.36em;background:url(https://junes.sakashita-house.net/wp/wp-content/uploads/2026/02/title_before.png) no-repeat;background-size:contain;display:inline-block;margin-right:.5em;vertical-align:bottom;}
.title_bg:after{content:"";width:.85em;height:1.36em;background:url(https://junes.sakashita-house.net/wp/wp-content/uploads/2026/02/title_after.png) no-repeat;background-size:contain;display:inline-block;margin-left:.5em;vertical-align:bottom;}
.title_bg2{line-height:1}
.title_bg2:before,.title_bg2:after{content:"";width:.1em;height:1em;background:black;display:inline-block;margin:0 .5em;vertical-align:top;transform:rotate(-15deg);border-radius:.1em;}
.title_bg2:after{transform:rotate(15deg);}

.box{opacity:0;transform:translateY(5em);transition:all 1s;}
.box.is-visible{opacity:1;transform:translateY(0);}

article,footer{max-width:96em;width:100%;margin:0 auto;}
.home article{padding-top:4em}
section{width:84%;margin:8em auto;box-sizing:border-box;}

header{position:fixed;width:100%;height:70px;left:50%;top:0;transform:translateX(-50%);z-index:2;transition:.3s;background:rgba(255,255,255,.5);display:block;}
header img.header_logo{width:172px;height:auto;padding:30px 0 0 45px;}
nav .menu{position:absolute;top:20px;right:120px;}
nav .menu li{display:inline-block;margin:0;padding:0 0 0 40px;}
nav .menu li a{font-size:18px;line-height:18px;letter-spacing:2px;font-weight:bold;padding:4px 0;}
nav .menu li a:after{display:inline-block;font-size:14px;line-height:14px;font-weight:normal;padding-left:6px;letter-spacing:1px;}
nav .menu li:nth-of-type(1) a:after{content:"-性能-";}
nav .menu li:nth-of-type(2) a:after{content:"-住宅プラン-";}
nav .menu li:nth-of-type(3) a:after{content:"-お問い合わせ-";}
nav .menu li:nth-of-type(3) a{background:linear-gradient(90deg, #65bde2, #507bc1);padding:4px 20px;border-radius:5px;color:white;}

.g-nav{position:absolute;top:0;right:-30em;background:rgba(0,0,0,.5);max-width:100%;width:30em;height:auto;transition-duration:0.3s;z-index:3}
.g-nav ul{margin:10em 5em 5em;}
.g-nav ul li a{color:white;font-size:1.25em;}
.g-nav.open{right:0em;transition-duration:0.3s;}
.g-nav ul.sub-menu{margin:0 0 .5em 1em!important}

.menu-trigger{width:80px;height:30px;z-index:999;position:fixed;top:20px;right:20px;background:rgba(255,255,255,.5)}
.menu-trigger:hover{transform:translate(0px, 0px);}
.menu-trigger:before,.menu-trigger:after{content:"";width:60px;height:2px;background:black;display:block;position:absolute;left:10%;}
.menu-trigger:before{top:10px;}
.menu-trigger:after{bottom:10px;}
.menu-trigger:hover:before,.menu-trigger:hover:after{transform:translate(2px, 2px);transition-duration:0.3s;}
.menu-trigger.active:before{transform:rotate(-15deg) translateY(4px);background:white;}
.menu-trigger.active:after{transform:rotate(15deg) translateY(-4px);background:white;}

.is-animation{height:50px;background:rgba(255,255,255,.7);}
.is-animation img.header_logo{padding:10px 0 0 45px;}
.is-animation nav .menu{top:10px;}
.is-animation .menu-trigger{top:10px;}


main{width:100%;padding-top:calc(50px + 1em);}

#news{padding:3em;border-top:2px solid black;border-bottom:2px solid black;position:relative;}
#news h2{font-size:2em;color:#005fa6;line-height:1;}
#news ul{padding:4em 3em;}
#news ul li{display:grid;grid-template-columns:1fr 4.5fr;width:100%;margin-bottom:1.5em;letter-spacing:.1em;}
#news ul li span,#news ul li h3{font-size:1.35em;line-height:1.4;font-weight:normal;}
#news ul li span{color:#005fa6;position:relative;}
#news ul li span:after{content:"";width:1px;height:1em;background:black;display:block;position:absolute;top:.2em;right:1em;}

#home_lead{position:relative;}
#home_lead ul{width:33.75em;}
#home_lead ul li{margin:0 0 .25em}
#home_lead div{position:absolute;left:39.5em;top:7em;letter-spacing:.2em;}
#home_lead div h1{font-size:2em;color:#005fa6;margin:0 0 2em;display:table;width:auto;letter-spacing:.3em;}
#home_lead div h1 span{font-size:.6em;display:block;text-align:right;}
#home_lead div h2{font-size:1.5em;margin:0 0 1em;line-height:1.7;}
#home_lead div p{font-size:1.25em;line-height:1.85;}
.home_lead_bg{width:17.25em;height:auto;position:absolute;right:0;bottom:0;z-index:-1}

#home_kakaku h1{text-align:center;color:#005fa6;font-size:3.25em;}
#home_kakaku h1 b{font-size:1.5em;}
#home_kakaku ul{display:flex;margin:3.25em auto;justify-content:center;}
#home_kakaku ul li{width:21em;margin:0 1em;}

.home_banner{position:relative;max-width:96em;width:100%;margin:0 auto;}
.home_banner .bg_inn{width:84%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.home_banner h2{font-size:2em;color:#005fa6;letter-spacing:.1em;text-shadow:0 0 .25em rgba(255,255,255,1),0 0 .25em rgba(255,255,255,1);line-height:1.35em;}
.home_banner p{font-size:1.25em;letter-spacing:.1em;margin:.5em 0 2em;}

#eraberu{max-width:96em;width:100%;margin:0 auto;background:#c4c3c2;padding:5em 0;}
#eraberu h2{text-align:center;font-size:2.5em;letter-spacing:.1em;}
#eraberu ul{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:2em;width:84%;margin:5em auto 3em;}
.eraberu_btn{width:42.3em;margin:1em auto 1em}
.junes_logo{width:20.05em;margin:.5em auto 2em}

.home_banner2 .bg_inn{width:auto;display:table;left:52%;top:50%;transform:translate(0%, -50%);}

footer ul{width:84%;display:flex;justify-content:flex-start;align-items:flex-end;margin:10em auto 3em;font-size:.9em;letter-spacing:.1em}
footer ul li:nth-of-type(1){width:23em;}
footer ul li:nth-of-type(2){flex-grow:1;padding:0 3em;line-height:1.1}
footer ul li:nth-of-type(2) img{height:1em;width:auto;display:inline-block;padding-right:.1em;}
footer ul li:nth-of-type(3) a{text-align:right;color:#005fa6}
.footer_bottom{background:#005fa6;text-align:center;color:white;padding:.5em 0}
.footer_bottom h2{font-size:.7em;font-weight:normal;}

 a.gotop{position:fixed;right:5px;z-index:999;color:white;font-size:12px;border-radius:3px;box-shadow: 2px 2px 0px rgba(0,0,0,0.35);padding:5px;width:25px;line-height:25px;text-align:center;background:#005fa6;text-decoration:none;}


/*ページ共通*/
.page_header{width:100%;position:relative;}
.page_header .page_header_inn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;letter-spacing:.2em;}
.page_header .page_header_inn h1{font-size:2.5em;color:#005fa6;position:relative;padding-top:2em;}
.page_header .page_header_innb h1{color:black;}
.page_header .page_header_inn h1::after{content:"";width:1.82em;height:1.82em;background:url(https://junes.sakashita-house.net/wp/wp-content/uploads/2026/02/title_sousyoku01.png) no-repeat;background-size:contain;display:block;position:absolute;top:1.2em;right:-.5em;}
.page_header .page_header_innb h1::after{;background:url(https://junes.sakashita-house.net/wp/wp-content/uploads/2026/03/title_sousyoku02.png) no-repeat;background-size:contain;right:-1em;}
.page_header .page_header_inn h2{font-size:1.35em;font-weight:normal;}

.base{margin:5em auto;letter-spacing:.2em;}
.base h2{text-align:center;font-size:2em;color:#005fa6;margin:0 0 1em}
.base p{text-align:center;font-size:1.5em;margin:0 0 1em}
.base_image{margin:8em 0 1em; }
.base ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:3em;row-gap:3em;margin:8em auto 3em;}

.base_btn{width:auto;display:table;margin:0 auto;}

.base2{margin:0 auto 10em;letter-spacing:.2em;}
.base2 h2{text-align:center;font-size:2em;color:white;display:table;margin:0 auto 1.5em;background:black;border-radius:1em;padding:0 4em;}
.base2 table{width:90%;margin:0 auto 5em;border-top:1px solid black;}
.base2 table tr{border-bottom:1px solid black;}
.base2 table th h3{font-weight:normal;padding:1.75em;}
.base2 table td p{padding:1.75em 0;}

.base2 ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:3em;row-gap:3em;margin:1em auto 5em;}
.base2 ul h3{border-left:.5em solid #9fa0a0;padding-left:.5em;font-weight:normal;line-height:1.35;min-height:2.7em;margin-top:.25em;font-size:1.5em;}
.base2 h4{font-size:2em;text-align:center;font-weight:normal;margin:3em auto 1em}

#jirei_cat ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:3em;row-gap:3em;margin:1em auto 5em;}
#jirei_cat ul .jirei_cat_title{border:1px solid black;border-bottom:none;border-radius:1em 1em 0 0;padding:1em 1em .25em 1em;box-sizing:border-box;margin-bottom:.5em;}
#jirei_cat ul .jirei_cat_title h2{font-size:1.75em;line-height:1.5;font-weight:normal;}
#jirei_cat ul .jirei_cat_title h3{font-size:1.25em;line-height:1.25;font-weight:normal;text-align:right;}
#jirei_cat .jirei_cat_image{border-radius:0 0 2em 2em;position:relative;}
#jirei_cat .jirei_cat_image img{border-radius:0 0 2em 2em;}
#jirei_cat .jirei_cat_image:before{content:"View More";font-size:1.5em;color:white;padding:1em 3em 1em 2em;background:black url(https://junes.sakashita-house.net/wp/wp-content/uploads/2026/03/jirei_cat_allow.png) no-repeat right;background-size:contain;;border-radius:3.5em 0 1.34em 0;position:absolute;right:0;bottom:0;line-height:1em;display:block;}

/*PLAN*/
.plan_lead01,.plan_lead02{width:100%;margin:0 auto 5em;display:flex;box-sizing:border-box;}
.plan_lead01_inn,.plan_lead02_inn{box-sizing:border-box;letter-spacing:.2em;}
.plan_lead01 img{width:45.05em}
.plan_lead01 h2{font-size:2em;color:#005fa6;margin:0 0.5em;}
.plan_lead01 li{list-style-type:disc;font-size:1.5em;margin-left:2em;}
.plan_lead02{padding-left:10%;}
.plan_lead02 img{width:53.75em}
.plan_lead01_inn{padding:3.8em 0 0 2.9em;}
.plan_lead02_inn{width:42.3em;padding:.5em 0 0;}
.plan_lead02_inn p{font-size:1.5em;}

img.plan_title{width:74em;height:auto;margin:8em auto 0;}
img.plan_logo{width:24.6em;height:auto;margin:2em auto 8em}
#plan_link ul{display:flex;flex-wrap:wrap;align-items: flex-end;width:70em;margin:0 auto 10em;}
#plan_link ul li{margin-bottom:3em;}
#plan_link ul li:nth-of-type(2n-1){width:38.25em;padding-right:2em;}
#plan_link ul li:nth-of-type(2n){width:29.75em;}
#plan_link ul li p{font-size:1.75em;margin-bottom:1.75em;}
#plan_link ul a.banner_btn{padding:.25em 2em .25em 1em;text-align:center;width:100%;font-size:1.75em;box-sizing:border-box;}

.type_list ul{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:4em;row-gap:4em;margin:8em auto 3em;}

#contact h1.title_b{text-align:center;font-size:2.75em;color:white;background:black;padding:0 2em;border-radius:1em;display:table;margin:0 auto 1em;letter-spacing:.2em;}
#contact h3{text-align:center;color:#005fa6;font-size:1.8em;font-weight:normal;}
#contact table{width:66%;margin:2em auto;}
#contact table th{white-space:nowrap;padding-right:2em;vertical-align:top;}
#contact table th,#contact table td{padding-bottom:3em;}
#contact table th p{font-size:1.8em;font-weight:normal;text-align:left;line-height:1.2;}
#contact form p.hissu::after{content:"必須";color:#005fa6;padding-left:.25em;}
#contact form h3{text-align:left;margin:-1em 0 2em}
#contact form .wpcf7-list-item{font-size:1.8em;display:block;}
#contact form input,#contact form textarea{font-size:1.8em;padding:.5em;border-radius:.2em;width:auto;box-sizing:border-box;border:2px solid black;background:linear-gradient(45deg, white, #f4f3f1);}
#contact form textarea{height:6em;}
#contact form ::placeholder{color:#b5b5b6;font-weight:normal;letter-spacing:.1em;}
#contact form .doui{width:74%;height:14em;margin:-3em auto 0;font-size:1em;padding:1em;border-radius:.3em;box-sizing:border-box;border:2px solid black;overflow:auto;background:linear-gradient(45deg, white, #f4f3f1);}
#contact form span[data-name="doui"]{text-align:center;margin:1em auto 5em;display:block;}
#contact form input[type="checkbox"]{transform:scale(2.5) translate(-.05em, -.025em);}
#contact form input[type="submit"]{background:none;width:auto;padding:.25em 4em;border:2px solid black;border-radius:1em;position:relative;font-size:1.85em;line-height:1;display:table;margin:0 auto;}
#contact form input[type="submit"]:hover{cursor:pointer;}

#contact_tel div{width:74%;margin:0 auto 8em;border:2px solid black;padding:.5em 1.5em 1.5em;box-sizing:border-box;text-align:center;}
#contact_tel div h2{border-bottom:2px solid black;padding:.25em 0;font-size:3em;margin-bottom:.35em}
#contact_tel div h3{font-size:4em;line-height:1.1em;letter-spacing:.1em;}
#contact_tel div h3::before{content:"";width:1.5em;height:.75em;background:url(https://junes.sakashita-house.net/wp/wp-content/uploads/2026/03/free_icon_b.png) no-repeat;background-size:contain;display:inline-block;}
#contact_tel div P{font-size:1.5em;}

@media (max-width:1919px) {
body{font-size:1.042vw;}
}
@media (max-width:999px) {
.sp{display:block;}
.pc{display:none;}
nav .menu{display:none;}
.g-nav{right:-70vw;width:70vw;}
.g-nav ul{margin:15em 10em 10em;}
.g-nav ul li a{font-size:4vw;}
a.banner_btn{font-size:2.5vw;}
a.blue_btn{font-size:2.5em;}
header img.header_logo{width:172px;height:auto;padding:20px 0 0 20px;}
section{width:94%;margin:8em auto;}
#news ul{padding:4em 0;}
#news ul li span,#news ul li h3{font-size:2.2vw;}
	
#home_lead div h1{font-size:2.75vw;}
#home_lead div h1 span{font-size:.6em;}
#home_lead div h2{font-size:2.25vw;}
#home_lead div p{font-size:1.75vw;}

#home_kakaku h1{font-size:4.5vw;}
#home_kakaku ul li{width:30%;}
	
.home_banner h2{font-size:3vw}
.home_banner p{font-size:2vw;}
.home_banner2 .bg_inn{left:46%;}
	
footer ul{display:block;font-size:3vw}
footer ul li:nth-of-type(1){width:23em;}
footer ul li:nth-of-type(2){padding:1em 0em;}
footer ul li:nth-of-type(3) a{text-align:right;color:#005fa6}
.footer_bottom h2{font-size:2vw;}
	
.page_header{height:50em}
.page_header .page_header_inn{transform:translate(-50%, -40%);}
.page_header .page_header_inn h1{font-size:4.5em;}
.page_header .page_header_inn h2{font-size:2.75em;}
.page_header_logo{padding-top:10em;}
	
.plan_lead01,.plan_lead02{width:80%;flex-wrap:wrap;}
.plan_lead01_inn,.plan_lead02_inn,.plan_lead01 img,.plan_lead02 img{width:100%;margin:0 0 1em;padding:0;}
.plan_lead01 h2{font-size:4vw;}
.plan_lead01 li,.plan_lead02_inn p{font-size:3vw;}
.plan_lead02{padding-left:0;}
	
.base h2{font-size:3em;}
.base p{font-size:2.25em;}
	
.type_list ul{grid-template-columns:repeat(1, 1fr);}

.base2 h2{font-size:3em;}
.base2 table{width:96%;}
.base2 table th h3,.base2 table td p{font-size:1.75vw}
.base2 ul{grid-template-columns:repeat(2, 1fr);}
.base2 ul h3{font-size:2.25vw;}
.base2 h4{font-size:3vw;}
	
#jirei_cat ul{grid-template-columns:repeat(2, 1fr);}	
#jirei_cat ul .jirei_cat_title h2{font-size:3.25em;}
#jirei_cat ul .jirei_cat_title h3{font-size:2.25em;}
#jirei_cat .jirei_cat_image:before{font-size:2.5vw;}
	
#contact h3{font-size:2.5em;}	
#contact table{width:90%;}
#contact table th p,#contact form .wpcf7-list-item,#contact form input,#contact form textarea{font-size:2.5vw;}
#contact form input[type="checkbox"]{transform:scale(1) translate(0,0);}
#contact form .doui{width:90%;height:20em;font-size:1.75vw;margin-top:1em;}
#contact form input[type="submit"]{font-size:2.5vw;}
}