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

.sp_only{display: none;}

.Questrial{font-family: 'Questrial', sans-serif;}
.notosan{font-family: 'Noto Sans JP', sans-serif;}
.Klee{font-family: 'Klee One', cursive;}

.c_cover img{width:100%;height:100%;object-fit:cover;}

.svg_tel{width:40px;height:40px;fill:#ABBA93;}
.svg_tel2{width:40px;height:40px;fill:#ABBA93;}
.svg_mail{width:40px;height:40px;fill:#ABBA93;}
.svg_arrow{width:36px;height:36px;fill:#333333;}
.svg_toup{width:40px;height:40px;opacity:0.8;}
.svg_toup .b{fill: #333;}
.svg_toup .c{fill: #fff;}
.svg_scroll{width:70px;height:50px;fill:#FFF;}
.svg_scroll .icon{animation: anime-scroll 3000ms linear infinite;}
@keyframes anime-scroll {
	0% {transform:translateY(0);}
	50% {transform:translateY(5px);}
	100% {transform:translateY(0);}
}


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


body{background:url("../img/common/bg01.jpg");background-size:300px 300px;}

body:not(.top){padding-top:100px;}
header {background:#FFF;position:fixed;width:100%;top:0;left:0;z-index:1000;}
.top header{top:100vh;}
header .wrap{margin: 0 auto;display:flex;justify-content:space-between;}
header .logo {width:250px;padding:25px 20px;}

header #humb{display:none;}
header .navwrap{display:flex;width:840px;max-width:100%;justify-content:space-between;}
header .navwrap .link{font-size:16px;line-height:100px;font-weight:500;position:relative;}
header .navwrap .link:not(.contactlink)::before{content:"";width:100%;height:1px;background:#333333;position:absolute;top:calc(50% + 15px);left:0; opacity:0;transition:0.5s;}

header .navwrap .contactlink{width:210px;text-align:center;color:#FFF;background: url(../img/common/bg02.jpg);background-size: 300px 300px;transition:0.5s;}

@media(min-width:835px){
	header .navwrap .link:hover::before{opacity:1;}
	header .navwrap .contactlink:hover{opacity:0.7;;}
}

@media(max-width:1100px){
	header .navwrap{width:700px;}
}

@media(max-width:834px){
	body{padding-top:70px!important;}
	header .logo {width:150px;padding:20px 15px;}
	header #humb{color:#FFF;background: url(../img/common/bg02.jpg);background-size: 300px 300px;display:flex;cursor:pointer;order:3;width:70px;padding:25px;box-sizing:border-box;}
	header #humb .border{width:20px;height:20px;position:relative;}
	header #humb .border01{position:absolute;width:20px;height:1px;background:#FFF;top:3px;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
	header #humb .border02{position:absolute;width:20px;height:1px;background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
	header #humb .border03{position:absolute;width:20px;height:1px;background:#FFF;bottom:3px;left:50%;transform:translate(-50%, 50%);transition:0.5s;}
	header #humb.active .border01{top:50%;transform:translate(-50%, -50%) rotate(135deg);} 
	header #humb.active .border02{width:0;} 
	header #humb.active .border03{bottom:50%;transform:translate(-50%, 50%) rotate(-135deg);} 
	
	header nav {position:fixed;top:70px;right:0;overflow:hidden;z-index:100;width:0;transition:0.5s;background: url(../img/common/bg01.jpg);background-size: 300px 300px;height:calc(100vh - 70px);}
	header #humb.active + nav{width:100%;overflow:scroll;}
	header nav .navwrap{flex-direction:column;min-width:300px;padding:20px;box-sizing:border-box;margin: 0 auto;text-align:center;}
	header nav .navwrap .link{line-height:30px;margin:10px auto;}
	header nav .navwrap .contactlink{line-height:40px;}
	header nav .navwrap .reformlink{width:210px;text-align:center;color:#FFF;background: #FFB900;line-height:40px;}
}


	

footer {position:relative;}
footer .toup{position:absolute;top:-90px;right:50px;}
footer .toup svg{transition:0.5s;}
footer .toup:hover svg{opacity:1;}
footer .banner01 {transition:0.5s;}
footer .banner01:hover {opacity:0.7;}
.sec_contact02.sp_only{display:none;}
.sec_contact02 {display:flex;color:#FFF;background:#171E0A;}
.sec_contact02 .area{width:50%;align-self:center;}
.sec_contact02 .texts{display:flex;justify-content:center;margin: 0 auto;}
.sec_contact02 .texts .titles{text-align:center;padding-right:60px;margin-right:60px;border-right:1px solid #ABBA93;}
.sec_contact02 .texts .titles .img{width:65px;margin:0 auto 15px;}
.sec_contact02 .texts .titles .etitle{font-size:13px;color:#9BB26F;margin-bottom:35px;letter-spacing:0.23em;}
.sec_contact02 .texts .titles .title{font-size:30px;letter-spacing:0.12em;}
.sec_contact02 .texts .links{text-align:center;max-width:330px;}
.sec_contact02 .texts .links .img{width:270px;margin:0 auto 40px;}
.sec_contact02 .texts .links .tel {display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px;}
.sec_contact02 .texts .links .tel span{font-size:44px;line-height:60px;display:inline-block;;width:270px;text-align:center;white-space: nowrap;}
.sec_contact02 .texts .links .mail {display:inline-flex;align-items:center;justify-content:space-between;width:100%;transition:0.5s;}
.sec_contact02 .texts .links .mail span{font-size:20px;line-height:58px;display:inline-block;width:270px;border:1px solid #FFF;box-sizing:border-box;transition:0.5s;}
.sec_contact02 .texts .links .mail:hover span{color:#171E0A;background:#FFF;}
.sec_contact02 .reform{width:50%;background:#FFF;}
.sec_contact02 .reform img {transition:0.5s;}
.sec_contact02 .reform:hover img{opacity:0.7;}

footer .linkswrap{padding:65px 0 15px;color:#FFF;background:#1A1A1A;text-align:center;}
footer .linkswrap .links{display:flex;justify-content:center;margin: 0 auto 70px;}
footer .linkswrap .link{font-size:16px;letter-spacing:0.18em;padding:5px;border:1px solid #1A1A1A;margin: 0 20px;transition:0.5s;}
footer .linkswrap .link:hover{border-color:#FFF;}
footer .linkswrap .prf .logo{width:50px;margin: 0 auto 45px;}
footer .linkswrap .prf .address{font-size:13px;line-height:20px;letter-spacing:0.06em;margin-bottom:50px;}
footer .linkswrap .copyright{font-size:10px;}

@media(max-width:1100px){
	.sec_contact02 .texts .titles{padding-right:30px;margin-right:30px;}
	.sec_contact02 .texts .titles .etitle{margin-bottom:25px;}
	.sec_contact02 .texts .titles .title{font-size:20px;}
	.sec_contact02 .texts .links{width:300px;}
	.sec_contact02 .texts .links .img{margin-bottom:20px;}
	.sec_contact02 .texts .links .tel span{font-size:32px;line-height:40px;width:240px;}
	.sec_contact02 .texts .links .mail span{font-size:18px;line-height:40px;width:240px;}
}

@media(max-width:834px){
footer {position:relative;}
	footer .toup{display:none;}
footer .toup svg{transition:0.5s;}
footer .toup:hover svg{opacity:1;}
footer .banner01 {transition:0.5s;}
footer .banner01:hover {opacity:0.7;}
	.sec_contact02 {display:block;}
	.sec_contact02.sp_only{display:block;}
	.sec_contact02 .area{width:100%;}
	.sec_contact02 .texts{padding:30px 0;}
	.sec_contact02 .reform{width:100%;}

	footer .linkswrap{padding:60px 0 15px;}
	footer .linkswrap .links{display:none;}
footer .linkswrap .link{font-size:16px;letter-spacing:0.18em;padding:5px;border:1px solid #1A1A1A;margin: 0 20px;transition:0.5s;}
footer .linkswrap .link:hover{border-color:#FFF;}
	footer .linkswrap .prf .logo{width:45px;}
footer .linkswrap .prf .address{font-size:13px;line-height:20px;letter-spacing:0.06em;margin-bottom:50px;}
footer .linkswrap .copyright{font-size:10px;}

}
@media(max-width:600px){
	.sec_contact02 .texts .titles{padding-right:25px;margin-right:25px;}
	.sec_contact02 .texts .titles .img{width:35px;margin-bottom:10px;}
	.sec_contact02 .texts .titles .etitle{font-size:10px;margin-bottom:20px;transform:scale(0.6);}
	.sec_contact02 .texts .titles .title{font-size:16px;}
	.sec_contact02 .texts .links{width:180px;}
	.sec_contact02 .texts .links .img{width:135px;margin-bottom:20px;}
	.sec_contact02 .texts .links svg{width:20px;height:20px;}
	.sec_contact02 .texts .links .tel span{font-size:22px;line-height:30px;width:150px;}
	.sec_contact02 .texts .links .mail span{font-size:11px;line-height:28px;width:150px;letter-spacing:0.26em;}
}


.secsubhero{position:relative;z-index:2;}
.secsubhero .title{font-size:36px;line-height:78px;letter-spacing:0.19em;width:310px;border:1px solid #FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#FFF;}
.secsubhero .img{width:100%;height:460px;}


.c_pagenation {display:flex;justify-content:center;}
.c_pagenation .c_arror{font-size:14px;margin: 5px 10px}
.c_pagenation .c_num{font-size:14px;margin:5px;}
.c_pagenation p.c_num{text-decoration:underline;}

.c_link01{font-size:20px;line-height:58px;letter-spacing:0.23em;display:block;width:210px;text-align:center;color:#FFF;border:1px solid #FFF;transition:0.5s;}
.c_link01:hover{color:#333;background:#FFF;}

.c_link02{font-size:20px;line-height:58px;letter-spacing:0.23em;display:block;width:210px;text-align:center;color:#333;border:1px solid #333;transition:0.5s;}
.c_link02:hover{color:#FFF;background:#333;}

.top .sec_hero{padding-bottom:100px;}
.top .slider{position:relative;width:100%;height:100vh;}
.top .slider .item{position:absolute;top:0;left:0;width:100%;height:100%;transition:3s;}
.top .slider .item:nth-child(1){z-index:1;}
.top .slider .item:nth-child(2){z-index:2;}
.top .slider .item:nth-child(3){z-index:3;opacity:0;}
.top .scroll{position:absolute;width:70px;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;}

.top header{position:fixed;top:100vh;width:100%;left:0;z-inde:1000;}

.top .sec_concept{text-align:center;padding:100px 0;}
.top .sec_concept .img{width:70px;margin: 0 auto 15px;}
.top .sec_concept .etitle{font-size:13px;color:#9BB26F;margin-bottom:50px;letter-spacing:0.23em;}
.top .sec_concept .title{font-size:28px;margin-bottom:25px;letter-spacing:0.12em;}
.top .sec_concept .text{font-size:15px;line-height:38px;letter-spacing:0.06em;}

.top .secA{display:flex;}
.top .secA .img{width:calc(50% + 140px);}
.top .secA .texts_wrap{width:calc(50% - 140px);padding-top:70px;min-height:480px;box-sizing:border-box;}
.top .secA .texts{color:#FFF;width:310px;}
.top .secA .texts .title{font-size:36px;letter-spacing:0.12em;margin-bottom:15px;}
.top .secA .texts .etitle{font-size:13px;letter-spacing:0.23em;color:#9BB26F;margin-bottom:35px;}
.top .secA .texts .text{font-size:15px;line-height:30px;letter-spacing:0.06em;margin-bottom:40px;}

.top .sec_about .img{background:url("../img/common/bg03.png");background-size:44px 29px;}
.top .sec_about .texts_wrap{background:#1A1A1A;}
.top .sec_about .texts{margin: 0 auto 0 80px;}

.top .sec_business .img{order:2;}
.top .sec_business .texts_wrap{background:url("../img/common/bg02.jpg");background-size:300px 300px;}
.top .sec_business .texts{margin: 0 100px 0 auto;}
.top .sec_contact {color:#FFF;background:#171E0A;}
.top .sec_contact .wrap{width:1100px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;padding:80px 0;text-align:center;}
.top .sec_contact .area01{width:330px;padding:35px 10px 30px 0;box-sizing:border-box;border-top:1px solid #ABBA93;;border-bottom:1px solid #ABBA93;}
.top .sec_contact .area01 .img{width:270px;margin: 0 auto 40px;}
.top .sec_contact .area01 .link{font-size:40px;line-height:60px;}
.top .sec_contact .area02{width:330px;}
.top .sec_contact .area02 .img{width:65px;margin: 0 auto 20px;}
.top .sec_contact .area02 .etitle{font-size:13px;color:#9BB26F;margin-bottom:40px;letter-spacing:0.23em;}
.top .sec_contact .area02 .title{font-size:36px;}
.top .sec_contact .area03{width:330px;padding:35px 0 30px 10px;box-sizing:border-box;border-top:1px solid #ABBA93;;border-bottom:1px solid #ABBA93;}
.top .sec_contact .area03 .img{width:270px;margin: 0 auto 40px;}
.top .sec_contact .area03 .link{font-size:20px;line-height:58px;width:270px;border:1px solid #FFF;box-sizing:border-box;display:block;margin: 0 auto;transition:0.5s;}
.top .sec_contact .area03 .link:hover{color:#171E0A;background:#FFF;}

.top .sec_products{text-align:center;padding:120px 0 110px;}
.top .sec_products .title{font-size:36px;margin-bottom:15px;}
.top .sec_products .etitle{font-size:13px;color:#9BB26F;margin-bottom:35px;letter-spacing:0.23em;}
.top .sec_products .text{font-size:15px;line-height:30px;margin-bottom:55px;}
.top .sec_products .items{width:900px;max-width:100%;margin: 0 auto 60px;display:flex;justify-content:space-between;}
.top .sec_products .item{background:#FFF;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.top .sec_products .item {width:400px;position:relative;}
.top .sec_products .item .img{width:100%;height:530px;}
.top .sec_products .item .texts{padding:30px 40px 100px;display:flex;flex-direction:column;justify-content:space-between;}
.top .sec_products .item .name{font-size:15px;line-height:38px;text-align:justify;}
.top .sec_products .item .price{font-size:15px;line-height:38px;text-align:right;padding-top:15px;border-top:1px solid #CCCCCC;position:absolute;bottom:30px;right:40px;width:calc(100% - 80px);}
.top .sec_products .link{margin: 0 auto;}


.p_about .sec01{padding:100px 0 90px;}
.p_about .sec01 .wrap{width:1100px;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;}
.p_about .sec01 .area01{width:50%;}
.p_about .sec01 .area01 .title{font-size:36px;letter-spacing:0.12em;margin-bottom:15px;}
.p_about .sec01 .area01 .etitle{font-size:13px;letter-spacing:0.23em;color:#9BB26F;margin-bottom:30px;}
.p_about .sec01 .area01 dl{display:flex;flex-wrap:wrap;font-size:15px;line-height:30px;letter-spacing:0.06em;}
.p_about .sec01 .area01 dt{width:140px;}
.p_about .sec01 .area01 dd{width:calc(100% - 140px);}
.p_about .sec01 .area01 dl >*:nth-child(n + 3){margin-top:12px;}
.p_about .sec01 .area02{width:50%;padding-left:70px;box-sizing:border-box;}

.p_about .secA{}
.p_about .secA .wrap{display:flex;flex-wrap:wrap;}
.p_about .secA .area01{width:50%;padding-top:110px;}
.p_about .secA .area01 .texts{width:550px;max-width:100%;margin: 0 0 0 auto;}
.p_about .secA .area01 .title{font-size:36px;line-height:54px;letter-spacing:0.12em;margin-bottom:10px;}
.p_about .secA .area01 .title span{font-size:28px;}
.p_about .secA .area01 .etitle{font-size:13px;letter-spacing:0.23em;color:#9BB26F;margin-bottom:50px;}
.p_about .secA .area01 .address{font-size:15px;letter-spacing:0.06em;margin-bottom:10px;}
.p_about .secA .area01 .tel{font-size:31px;letter-spacing:0.06em;}
.p_about .secA .area02{width:50%;height:480px;}
.p_about .secA .area02 .img{width:100%;height:100%;}
.p_about .secA .area03{width:100%;height:480px;}
.p_about .secA .area03 iframe{width:100%;height:100%;}

.p_about .sec02{color:#FFF;background: url(../img/common/bg02.jpg);background-size: 300px 300px;}
.p_about .sec02 .area01 .titles{position:relative;width:320px;max-width:100%;}
.p_about .sec02 .area01 .logo{width:90px;position:absolute;top:7px;right:0;}
.p_about .sec03{color:#FFF;background: #1A1A1A}


.p_business .sec01{margin-bottom:100px;;}
.p_business .sec01 .area01{text-align:center;padding:100px 0 100px;}
.p_business .sec01 .area01 .img{width:65px;margin: 0 auto 20px;}
.p_business .sec01 .area01 .etitle{font-size:13px;letter-spacing:0.23em;color:#9BB26F;margin-bottom:40px;}
.p_business .sec01 .area01 .text{font-size:28px;line-height:54px;letter-spacing:0.12em;}


.p_business .sec01 .area02{padding:80px 0 100px;background: url(../img/common/bg03.png);background-size: 44px 29px;}
.p_business .sec01 .area02 .items{width:1100px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.p_business .sec01 .area02 .item{width:500px;max-width:100%;}
.p_business .sec01 .area02 .item .img{margin-bottom:30px;}
.p_business .sec01 .area02 .item .name{font-size:24px;font-weight:600;letter-spacing:0.12em;padding-bottom:20px;;padding-right:20px;border-bottom:2px solid #9BB26F;margin-bottom:25px;display:inline-block;}
.p_business .sec01 .area02 .item .text{font-size:15px;line-height:30px;}
.p_business .sec01 .area02 .item:nth-child(n + 3){margin-top:60px;}

.p_business .sec02 {margin-bottom:100px;;}
.p_business .sec02 .area01 {text-align:center;}
.p_business .sec02 .area01 .title{font-size:36px;letter-spacing:0.12em;margin-bottom:20px;}
.p_business .sec02 .area01 .etitle{font-size:13px;letter-spacing:0.23em;color:#9BB26F;margin-bottom:80px;}
.p_business .sec02 .area02{}
.p_business .sec02 .area02 .items{width:1100px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}
.p_business .sec02 .area02 .items::before{content:"";width:100%;height:1px;background:#333333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p_business .sec02 .area02 .items::after{content:"";width:1px;height:100%;background:#333333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p_business .sec02 .area02 .item{width:50%;height:510px;position:relative;padding-top:360px;box-sizing:border-box;}
.p_business .sec02 .area02 .item .num{font-size:55px;line-height:100%;letter-spacing:0;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.p_business .sec02 .area02 .item .num::before{content:"、";font-size:33px;line-height:100%;letter-spacing:0;position:absolute;bottom:0;left:105%;}
.p_business .sec02 .area02 .item .frame{position:absolute;top:200px;left:50%;transform:translate(-50%,-50%);width:120px;}
.p_business .sec02 .area02 .item .name{font-size:38px;letter-spacing:0.12em;font-weight:600;writing-mode: vertical-rl;position:absolute;top:200px;left:50%;transform:translate(-50%,-50%);}
.p_business .sec02 .area02 .item .name span{font-size:34px;line-height:44px;display:block;}
.p_business .sec02 .area02 .item .text{font-size:15px;line-height:30px;max-width:425px;margin:0 auto;}
.p_business .sec02 .area02 .item:nth-child(n + 3){margin-top:80px;}

.p_business .sec03 {width:1100px;max-width:100%;margin: 0 auto 100px;}
.p_business .sec03 .banner{transition:0.5s;}
.p_business .sec03 .banner:hover{opacity:0.7;}

.p_products .sec01{text-align:center;padding:120px 0 110px;}
.p_products .sec01 .items{width:900px;max-width:100%;margin: 0 auto 60px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.p_products .sec01 .item{background:#FFF;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.p_products .sec01 .item:nth-child(n + 3){margin-top:55px;}
.p_products .sec01 .item {width:400px;position:relative;}
.p_products .sec01 .item .img{width:100%;height:530px;}
.p_products .sec01 .item .texts{padding:30px 40px 100px;display:flex;flex-direction:column;justify-content:space-between;}
.p_products .sec01 .item .name{font-size:15px;line-height:38px;text-align:justify;}
.p_products .sec01 .item .price{font-size:15px;line-height:38px;text-align:right;padding-top:15px;border-top:1px solid #CCCCCC;position:absolute;bottom:30px;right:40px;width:calc(100% - 80px);}

.p_kawano{background: url(../img/common/bg04.jpg);background-size: 512px 512px;}
.p_kawano .sec01{text-align:center;padding-top:100px;}
.p_kawano .sec01 .etitle{font-size:20px;letter-spacing:0.18em;padding-top:45px;position:relative;margin-bottom:65px;}
.p_kawano .sec01 .etitle::before{content:"";height:24px;width:1px;background:#BC272D;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.p_kawano .sec01 .title{font-size:16px;font-weight:600;letter-spacing:0.18em;margin-bottom:40px;}
.p_kawano .sec01 .text{font-size:14px;line-height:36px;font-weight:300;letter-spacing:0.1em;margin-bottom:100px;}

.p_kawano .sec02{margin:155px auto 120px;}
.p_kawano .sec02 .items{width:1100px;max-width:100%;margin: 0 auto;}
.p_kawano .sec02 .item{display:flex;justify-content:space-between;}
.p_kawano .sec02 .item .img{width:50%;}
.p_kawano .sec02 .item .texts{width:calc(50% - 100px);align-self:center;}
.p_kawano .sec02 .item .etitle{font-size:20px;font-weight:600;letter-spacing:0.18em;margin-bottom:90px;position:relative;}
.p_kawano .sec02 .item .etitle::before{content:"";width:24px;height:1px;background:#BC272D;position:absolute;top:50px;left:0;}
.p_kawano .sec02 .item .title{font-size:16px;font-weight:600;letter-spacing:0.18em;margin-bottom:40px;}
.p_kawano .sec02 .item .text{font-size:14px;line-height:36px;font-weight:300;letter-spacing:0.06em;}
.p_kawano .sec02 .item .links{margin-top:120px;}
.p_kawano .sec02 .item .links .name{font-size:14px;line-height:36px;font-weight:300;letter-spacing:0.06em;}
.p_kawano .sec02 .item .links .link{font-size:14px;line-height:36px;font-weight:300;letter-spacing:0.06em;display:inline-flex;}
.p_kawano .sec02 .item .links .link span{border-bottom: 1px solid #BC272D;transition:0.5s;}
.p_kawano .sec02 .item .links .link svg{transition:0.5s;}
.p_kawano .sec02 .item .links .link:hover{color:#BC272D;}
.p_kawano .sec02 .item .links .link:hover svg{fill:#BC272D;}

.p_kawano .sec02 .item + .item {margin-top:145px;}
.p_kawano .sec02 .item + .item .img{order:2;}
.p_kawano .sec02 .item + .item .text{font-size:16px;letter-spacing:0.1em;}

.p_kawano .secend .wrap{text-align:center;width:1100px;max-width:100%;margin: 0 auto;}
.p_kawano .secend .text{font-size:16px;letter-spacing:0.19em;font-weight:600;margin-bottom:30px;}
.p_kawano .secend .text svg{transform:rotate(90deg);}
.p_kawano .secend .link{transition:0.5s;}
.p_kawano .secend .link:hover{opacity:0.7;}
.p_kawano .secend .sign{width:40px;margin: 45px 5px 40px auto;}

.p_kawano_gal{background: url(../img/common/bg04.jpg);background-size: 512px 512px;}

.p_kawano_gal .sec01{text-align:center;padding-top:100px;margin-bottom:100px;}
.p_kawano_gal .sec01 .etitle{font-size:20px;letter-spacing:0.18em;padding-top:45px;position:relative;margin-bottom:65px;}
.p_kawano_gal .sec01 .etitle::before{content:"";height:24px;width:1px;background:#BC272D;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.p_kawano_gal .sec01 .title{font-size:16px;font-weight:600;letter-spacing:0.18em;margin-bottom:40px;}
.p_kawano_gal .sec01 .text{font-size:14px;line-height:36px;font-weight:300;letter-spacing:0.1em;margin-bottom:30px;}
.p_kawano_gal .sec01 .contact{font-size:16px;line-height:29px;font-weight:600;letter-spacing:0.18em;border:1px solid #333333;padding:20px 0;width:345px;max-width:100%;box-sizing:border-box;display:block;margin: 0 auto ;}

.p_kawano_gal .sec02{text-align:center;}
.p_kawano_gal .sec02 .items{width:1100px;max-width:100%;margin: 0 auto 60px;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:justify}
.p_kawano_gal .sec02 .item:nth-child(n + 3){margin-top:40px;}
.p_kawano_gal .sec02 .item {width:500px;max-width:100%;align-self:center;}
.p_kawano_gal .sec02 .item .img{width:100%;margin-bottom:40px;}
.p_kawano_gal .sec02 .item .name{font-size:16px;line-height:26px;font-weight:600;margin-bottom:10px;}
.p_kawano_gal .sec02 .item .text{font-size:14px;line-height:26px;font-weight:300;margin-bottom:10px;}
.p_kawano_gal .sec02 .item .price{font-size:14px;line-height:26px;font-weight:300;}

.p_kawano_gal .secend .wrap{text-align:center;width:1100px;max-width:100%;margin: 0 auto;}
.p_kawano_gal .secend .sign{width:40px;margin: 0 5px 40px auto;}


.p_reform {background:#F5F1E8;}
.p_reform main{font-family: 'Klee One', cursive;font-weight:600;color:#4D4D4D;}
.p_reform .notosan{font-weight:400;}
.p_reform .sec01{margin-top:130px;margin-bottom:90px}
.p_reform .sec01 .area{width:1100px;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;position:relative;}
.p_reform .sec01 .area .img{width:630px;max-width:100%;}
.p_reform .sec01 .area .deco{width:480px;max-width:100%;position:absolute;top:0;right:100px;}
.p_reform .sec01 .area .texts{width:390px;max-width:100%;align-self:flex-end;padding:70px 60px 10px 0 ;box-sizing:border-box;position:relative;}
.p_reform .sec01 .area .texts::before{content:"";width:302px;height:302px;background:url("../img/reform/border01.png");background-size:cover;position:absolute;top:0;right:0;pointer-events:none;}
.p_reform .sec01 .area .texts .title{font-size:30px;line-height:50px;color:#FFB900;margin-bottom:40px;}
.p_reform .sec01 .area .texts .text{font-size:16px;line-height:32px;letter-spacing:0.06em;padding-right:10px;}

.p_reform .sec02 {position:relative;z-index:2;background:linear-gradient(to top , #E5E1D9 270px , transparent 270px);}
.p_reform .sec02 .deco{width:50%;position:absolute;bottom:300px;right:0;z-index:-1;transform:translateY(25%);}
.p_reform .sec02 .wrap{width:1100px;max-width:100%;margin: 0 auto;}
.p_reform .sec02 .title{font-size:42px;text-align:center;letter-spacing:0.12em;margin-bottom:70px;padding-top:110px;position:relative;}
.p_reform .sec02 .title::before{content:"";width:4px;height:80px;background:url("../img/reform/border03.png");background-size:4px 22px;background-position:center;position:absolute;top:0;right:50%;pointer-events:none;transform:translateX(50%);}
.p_reform .sec02 .items{display:flex;justify-content:space-between;flex-wrap:wrap;}
.p_reform .sec02 .item{width:500px;padding:55px 0;position:relative;}
.p_reform .sec02 .item::before{content:"";width:100%;height:4px;background:url("../img/reform/border02.png");background-size:22px 4px;background-position:center;position:absolute;top:0;right:0;pointer-events:none;transform:translateY(-50%);}
.p_reform .sec02 .item:nth-child(2n + 1)::after{content:"";width:4px;height:calc(100% - 70px);background:url("../img/reform/border03.png");background-size:4px 22px;background-position:center;position:absolute;top:35px;right:-50px;pointer-events:none;transform:translateX(50%);}
.p_reform .sec02 .item:nth-child(7){padding-bottom:0;}
.p_reform .sec02 .item:nth-child(7)::after{height:calc(100% - 35px);}
.p_reform .sec02 .item.dammy{padding:0;}
.p_reform .sec02 .item .img{margin-bottom:55px;}
.p_reform .sec02 .item .names{display:flex;margin-bottom:20px;}
.p_reform .sec02 .item .names .num{font-size:28px;line-height:44px;color:#FFF;width:50px;text-align:center;position:relative;z-index:2;margin-right:25px;}
.p_reform .sec02 .item .names .num::before{content:"";width:100%;height:54px;background:url("../img/reform/deco.png");background-size:cover;position:absolute;bottom:0;left:0;pointer-events:none;z-index:-1;}
.p_reform .sec02 .item .names .name{font-size:30px;line-height:44px;letter-spacing:0.08em;}
.p_reform .sec02 .item .text{font-size:16px;line-height:32px;letter-spacing:0.01em;}

.p_reform .sec03 {padding:70px 0 100px;background:#E5E1D9;}
.p_reform .sec03 .wrap{width:1100px;max-width:100%;margin: 0 auto;background:#FFF;padding:70px 0;box-sizing:border-box;display:flex;flex-wrap:wrap;}
.p_reform .sec03 .texts{width:420px;max-width:100%;margin: 0 auto;}
.p_reform .sec03 .titles{width:420px;max-width:100%;margin: 0 auto;position:relative;padding-bottom:20px;margin-bottom:70px;}
.p_reform .sec03 .titles::before{content:"";width:100%;height:4px;background:url("../img/reform/border02.png");background-size:22px 4px;background-position:center;position:absolute;bottom:0;right:0;pointer-events:none;transform:translateY(50%);}
.p_reform .sec03 .titles .title{font-size:42px;color:#FFB900;letter-spacing:0.12em;}
.p_reform .sec03 .titles .img{width:130px;position:absolute;top:0;right:0;}
.p_reform .sec03 .texts .text{font-size:30px;line-height:50px;}
.p_reform .sec03 .links{width:420px;max-width:100%;margin: 0 auto;display:flex;flex-direction:column;justify-content:space-between;}
.p_reform .sec03 .links .name{font-size:26px;letter-spacing:0.17em;font-weight:500;color:#736357;}
.p_reform .sec03 .links .tel{font-size:34px;line-height:68px;letter-spacing:0.13em;display:flex;align-items:center;justify-content:space-between;color:#FFF;border:1px solid #FFB900;background:#FFB900;fill:#FFF;padding:0 30px;}
.p_reform .sec03 .links .mail{font-size:24px;line-height:68px;letter-spacing:0.17em;display:flex;align-items:center;justify-content:space-between;color:#FFF;border:1px solid #736357;background:#736357;fill:#FFF;padding:0 30px;}
.p_reform .sec03 .links svg{fill:inherit;}
.p_reform .sec03 .links span{width:290px;text-align:center;}
.p_reform .sec03 .links .tel:hover{color:#FFB900;background:#FFF;fill:#FFB900;}
.p_reform .sec03 .links .mail:hover{color:#736357;background:#FFF;fill:#736357;}