@charset "UTF-8";
/*---------- color ----------*/
.col-orenge{color:#ec7033}
.col-red{color:#c81e32}
.col-deep_orenge{color:#f15134}

.bg-beige{background: #f9f7f3}
.bg-orenge{background: #ec7033}

/*---------- header ----------*/
.header{
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	background:#fff;
}
.header-inn{
}
.header-top{
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 3vw 0 2vw;
}
.header-logo .name{
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-size:2.2rem;
	letter-spacing: -0.17em;
	line-height: 1.2;
	color:#282828;
	white-space: nowrap
}
.header-logo .name span{
	font-size:1.3em
}
.header-logo .sub{
	background: #e7be84;
	line-height: 1;
	margin-bottom: 0.1em;
	font-size:1.3rem;
	padding: 0.5em 1em;
	transform: skewX(-30deg);
	display: inline-block;
	margin-left: 0.5em
}
.header-logo .sub span{
	transform: skewX(30deg);
	display: inline-block;
	font-weight: 600;
}

/* gnav-wrap */
.gnav-wrap{
	width:100%;
	height:40px;
	display: flex;
	align-items: center;
	justify-content: center;
    margin:0 auto;
	background: #ec7033;
    position: relative;
}
#gnav{
	height:100%;
    display: flex;
    justify-content: center;
	align-items: center;
    gap:0 ;
}

#gnav > li{
    position: relative;
	height:100%;
	display: flex;
    justify-content: center;
	align-items: center;
	padding:0 2.5vw
}


#gnav li a{
	position: relative;
	display: block;
	width:100%;
    font-weight: 700;
	line-height: 1;
	transition: 0.3s ease-in-out;
}
#gnav > li > a::after{
	position: absolute;
	content:'';
	width:1px;
	height:100%;
	background: #fff;
	top:0;
	right:-2.5vw
}
#gnav > li:first-child > a::before{
	position: absolute;
	content:'';
	width:1px;
	height:100%;
	background: #fff;
	top:0;
	left:-3.5vw
}

.dropdown-menu{
	display: none;
	position: absolute;
	content:'';
	top:40px;
	left:0;
	background: #fff;
	padding: 15px 30px;
	border-radius: 20px;
	border:1px solid #dfdedb;
}
.dropdown-menu > ul{
	width:44em;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size:1.2rem;
}
.dropdown-menu > ul li {
	width: calc(100% / 3);
}
/*
.dropdown-menu > ul li:nth-child(3n - 2){width:18em}
.dropdown-menu > ul li:nth-child(3n - 1){width:14em}
.dropdown-menu > ul li:nth-child(3n){width:12em}
*/
.dropdown-menu a{
	color:#282828;
	font-weight: 500;
	padding:0.8em 1.5em;
	white-space: nowrap;
	border-bottom:1px solid #dfdedb;
	position: relative
}
.dropdown-menu a::before{
	position: absolute;
	content:'';
	width:0.5em;
	height:0.5em;
	border-top:2px solid #ec7033;
	border-right:2px solid #ec7033;
	transform: rotate(45deg);
	left:0.2em;
	top:0.2em;
	bottom:0;
	margin: auto;
}


.sp-menu-trigger{
    display: none;
}
@media (max-width: 1080px){
	.header-logo .name{
		font-size: 2.1vw;
	}
	.dropdown-menu > ul{
		width:32em;
	}
	.dropdown-menu > ul li:nth-child(3n - 2){width:inherit}
	.dropdown-menu > ul li:nth-child(3n - 1){width:inherit}
	.dropdown-menu > ul li:nth-child(3n){width:inherit}
	.dropdown-menu > ul li:nth-child(odd){width:14em}
	.dropdown-menu > ul li:nth-child(even){width:18em}
	.dropdown-menu > ul li:last-child{width:100%}
	
}

@media (hover: hover) and (pointer: fine) {
    #gnav li a:hover{
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }
}


@media (max-width: 768px){
	.header{
		position: absolute;
		background: #fff;
	}
	
	header .is-sticky {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.is-fixed .is-sticky {
		position: fixed;
		top: 0;
		left: 0;
	}
	.header-inn {
	}
	.header-top{
		/* height: 13.3vw; */
		height: auto;
		padding: 0;
		position: relative;
		z-index: 999;
		background: #fff;
	}
	.header-logo {
		margin: 2vw auto;
	}
	.header-logo .name{
		font-size: 3.4vw;
	}
	.header-logo .sub{
		font-size:2.9vw;
		padding: 0.3em 0.6em;
	}

    /* sp-menu-trigger */
    .sp-menu-trigger{
		width: 60px;
		height: 60px;
		max-height: 60px;
		position: relative;
		background: #ec7033;
		border: none;
        display: flex;
        /*width: 5vw;
        height: 4.8vw;*/
        align-items: center;
        justify-content: center;
        /* position: fixed;
        top: 4.15vw;
        right:4vw; */
    }
    .sp-menu-btn {
		width: 60%;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		position: relative;
    }
    .sp-menu-btn span {
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        transition: all 0.3s ease;
		margin: auto
    }
    .sp-menu-btn span:nth-of-type(1) {
		top: calc(50% - 15%);
	}
    .sp-menu-btn span:nth-of-type(2) {
		top: calc(50%);
	}
    .sp-menu-btn span:nth-of-type(3) {
		top: calc(50% + 15%);
	}
    .sp-menu-trigger.is-active .sp-menu-btn span:nth-of-type(1) {
		top: 50%;
		transform: rotate(45deg);
    }
    .sp-menu-trigger.is-active .sp-menu-btn span:nth-of-type(2) {
        opacity: 0;
    }
    .sp-menu-trigger.is-active .sp-menu-btn span:nth-of-type(3) {
		top: 50%;
		transform: rotate(-45deg);
    }

    /* gnav-wrap */
    .gnav-wrap {
        background: #ec7033;
        border-radius: 0;
        padding: calc(24.4vw + 60px) 0 5vw;
        width: 73%;
        height: 100vh;
        margin:0;
        overflow-y: auto;
        transition: right 0.3s ease-in-out;
		display: block;
        position: fixed;
        top: 0;
        right: -73%;
		z-index: 998;
    }
	.is-fixed .gnav-wrap {
        padding: 18.3vw 0 5vw;
	}
    .gnav-wrap.is-open {
        right: 0;
    }
    #gnav{
		height:auto;
        flex-wrap: wrap;
		justify-content:flex-start;
		align-items:flex-start;
        gap:0;
    }
	#gnav > li{
		position: inherit;
		height:auto;
		width:100%;
		display: block;
		border-bottom:1px solid #fff;
		padding: 0
	}
	#gnav > li > a{
        width:100%;
		font-weight: 700;
        padding: 3vw 6.5vw;
		font-size: 4.2vw;
    }
	#gnav > li.is-dropdown{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch
	}
	#gnav > li.is-dropdown > a{
		width:80%
	}
	#gnav > li.is-dropdown > p{
		width:20%;
		position: relative;
	}
	#gnav > li.is-dropdown > p::before{
		position: absolute;
		content:'';
		width:0.5em;
		height:0.5em;
		top:0;
		bottom:0;
		right:5vw;
		margin: auto;
		border-bottom:2px solid #fff;
		border-right:2px solid #fff;
		transform: rotate(45deg);
		transition: 0.3s ease-in-out;

	}
	#gnav > li.is-dropdown > p.is-active::before{
		transform: rotate(225deg);
		top:0.5em;
	}
	
	#gnav > li > a::after{
		position: inherit
	}

	#gnav > li:first-child{
		border-top:1px solid #fff;
	}

	.dropdown-menu{
		width:100%;
		display: none;
		position: inherit;
		padding: 1vw 6.5vw 3vw;
		border-radius: 0;
		border:none;
	}
	.dropdown-menu > ul{
		width:100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;

	}
	.dropdown-menu > ul li a{
		font-size:2.8vw;
		padding: 1.5vw 6.5vw;
	}
	.dropdown-menu > ul li:nth-child(odd){width:100%}
	.dropdown-menu > ul li:nth-child(even){width:100%}
	.dropdown-menu > ul li:last-child{width:100%}
	.is-dropdown .is-trigger{
		position: relative;
	}
}




/* header footer cta */
.common-cta{
    display: flex;
    align-items: center;
	justify-content: flex-end;
    text-align: center;
}
.common-cta a{
	display: block;
	width: 18vw;
    max-width:210px;
}
.common-cta a+a{
    margin-left:0.7vw;
}

.btn-common-cta-line{
	/* width: 44px; */
}
a.btn-common-cta-line {
	width: 100%;
    max-width: 250px;
	display: flex;
	align-items: center;
	padding: 0.3em 3% 0.3em 1.5%;
	background: #4cc764;
	border-radius: 3em;
}
.btn-common-cta-line img {
	width: 44px;
}
.btn-common-cta-line p {
	width: calc(100% - 54px);
    font-size: 1.6rem;
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	text-align-last: center;
}
.btn-common-cta-buy p,
.btn-common-cta-contact p{
    font-size: 1.6rem;
    font-weight: 700;
	display: block;
	border-radius: 2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.65em 9% 0.65em 18%;
}
.btn-common-cta-buy p{
    color:#fff;
	position: relative;
	border: 2px solid #c81e32;
	background: url("../../img/common/icon-buy.svg") no-repeat ;
	background-position: left 10% center;
	background-size:14%;
	background-color: #c81e32;
}
.btn-common-cta-contact p{
    color:#ec7033;
	position: relative;
	border: 2px solid #ec7033;
	background: url(../../img/common/icon-contact.svg) no-repeat ;
	background-position: left 10% center;
	background-size:14%;
	background-color: #fff;
}

@media (max-width: 768px){
    /* cta */
	.common-cta{
		width:100%;
		justify-content: space-between;
	}
	.common-cta a:not(.btn-common-cta-line){
		display: block;
		width:37vw;
		max-width:inherit;
	}
	.common-cta a+a{
		margin-left:0;
	}
	.btn-common-cta-line{
		width:9.3vw
	}
	.btn-common-cta-buy p,
	.btn-common-cta-contact p{
		font-size: 3.8vw;
		font-weight: 700;
		display: block;
		border-radius:2em;
		font-family: "Noto Serif JP", serif;
		text-align-last: center;
		padding: 0.5em 9% 0.5em 18%;
	}
	.btn-common-cta-buy p{
		border: 0.5vw solid #c81e32;
	}
	.btn-common-cta-contact p{
		border: 0.5vw solid #ec7033;
	}
	
	/* header CTA */
    .header .common-cta{
		width: calc(100% - 60px);
		align-items: center;
    }
    .header .common-cta a:not(.btn-common-cta-line){
		width: 100%;
		max-width:inherit;
		display: flex;
		align-items: center;
	}
    .header .common-cta a:not(.btn-common-cta-line) p{
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0;
        font-size: 3.6vw;
		padding: 0 0 0 5vw;
		background-size: 20%;
		background-position: left 6% center;
	}
	
    .header .btn-common-cta-buy {
		order: 0;
	}
    .header .btn-common-cta-contact {
		order: 1;
	}
    .header .btn-common-cta-line {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0;
		padding: 0;
		background: #4cc764;
		color: #fff;
		font-family: "Noto Serif JP", serif;
		font-weight: 700;
		text-align-last: left;
		order: 2;
	}
    .header a.btn-common-cta-line img {
		width: 10vw;
	}
    .header a.btn-common-cta-line p {
		width: calc(100% - 10vw);
		margin: 0 1vw;
        font-size: 3.2vw;
		line-height: 1.2;
	}
	
	/* footer CTA */
	.footer .common-cta {
		flex-direction: column;
	}
	.footer .common-cta a:not(.btn-common-cta-line){
		display: block;
		width: 100%;
		max-width:inherit;
		margin-bottom: 3vw;
	}
	.footer .common-cta a:not(.btn-common-cta-line) p{
        font-size: 4.2vw;
		padding: 0.65em 9% 0.65em 12%;
		background-size: 8%;
		background-position: left 6% center;
	}
	
	
	.footer .btn-common-cta-buy {
		order: 0;
	}
	.footer .btn-common-cta-contact {
		order: 1;
	}
	a.btn-common-cta-line {
		width: 100%;
		max-width: initial;
		display: flex;
		align-items: center;
		padding: 0.3em 9% 0.3em 3.5%;
		background: #4cc764;
		border-radius: 3em;
		color: #fff;
		font-family: "Noto Serif JP", serif;
		font-weight: 700;
		text-align-last: center;
		order: 2;
	}
	a.btn-common-cta-line img {
		width: 12vw;
	}
	a.btn-common-cta-line p {
		width: calc(100% - 15vw);
        font-size: 4.2vw;
	}
	
}


/*---------- common style ----------*/
main{
    overflow-x: hidden;
    background-color: #fff;
	margin-top: 140px;
}

span.inlinne{
	display: inline-block
}
.cont-inn{
    width:92%;
    max-width:1280px;
    margin:0 auto;
}

/* h2 */
.sec-ttl,
.lower-main-ttl{
	font-size:4.8rem;
	font-weight: 600;
	text-align: center;
	padding-bottom:30px;
    margin-bottom:30px;
	position: relative
}
.sec-ttl::after,
.lower-main-ttl::after{
	position: absolute;
	content:'';
	width:80px;
	height:4px;
	background: #ec7033;
	bottom:0;
	left:0;
	right:0;
	margin: auto
}
.sec-lead{
    font-size: 2.4rem;
    margin-bottom:60px;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
/* btn */
a.btn{
	width:44%;
    font-size: 3.2rem;
    font-weight: 700;
	display: block;
	border-radius:2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.65em 1em;
	margin: 0 auto;
	color:#fff;
	position: relative;
	border: 4px solid #dfdedb;

}
a.btn.orenge{
	background:#ec7033
}
a.btn.red{
	background:#c81e32
}
a.btn::after{
	position: absolute;
	content:'';
	width:10%;
	height:3px;
	background: #dfdedb;
	top:0;
	bottom:0;
	right:-5%;
	margin: auto
}

a.normal-link {
	color: #ec7033;
	text-decoration: underline;
}
@media (max-width: 1080px){

	a.btn{
		font-size: 2.8vw;
	}
}

@media (max-width: 768px){
	main{
		/* margin-top: 13.3vw */
		margin-top: calc(15.2vw + 60px);
	}
    .cont-inn{
        width:90%;
        max-width:initial;
    }
	
    /* h2 */
	.sec-ttl,
	.lower-main-ttl{
		font-size:7.2vw;
		padding-bottom:4vw;
		margin-bottom:6.6vw;
	}
	.sec-ttl::after,
	.lower-main-ttl::after{
		width:10.6vw;
		height:0.6vw;
	}
	.sec-lead{
		font-size:4.2vw;
		margin-bottom:6.6vw;
		font-weight: 500
	}
	
    /* btn */
    a.btn{
		width:90%;
		font-size: 4.26vw;
		border: 0.6vw solid #F2F2F2;
	}
	 a.btn::after{
		height:0.4vw;
	}
}

/*---------- CTA ----------*/
.page-cta{
	padding: 60px 0;
	background: url("../../img/common/bg01.jpg") repeat;
	background-size: auto;
	position: relative
}
.page-cta.on-txt{
	margin-top: 60px
}
.page-cta.on-txt .top-txt{
	position: absolute;
	top: -60px;
	left:0;
	right:0;
	margin: auto;
	text-align: center;
	font-size:2.8rem;
	font-weight: 600;
	line-height: 1.2;
}
.page-cta.on-txt .top-txt > span{
	position: relative;
}
.page-cta.on-txt .top-txt > span::before,
.page-cta.on-txt .top-txt > span::after{
	position: absolute;
	content:'';
	width:2px;
	height:100%;
	background: #282828;
	left:-20px;
	top:0;
	bottom:0;
	margin: auto;
	transform: rotate(-30deg)
}
.page-cta.on-txt .top-txt > span::after{
	left:auto;
	right:-20px;
	transform: rotate(30deg)
}
.page-cta.on-txt .top-txt .col-txt{
	font-size:1.4em;
	color:#ec7033
}
.page-cta .cont-inn{
	display: flex;
	justify-content: space-around;
	align-items: center
}
.btn-page-cta-buy,
.btn-page-cta-contact{
	width:44%;
}
.btn-page-cta-buy p,
.btn-page-cta-contact p{
    font-size: 3.2rem;
    font-weight: 700;
	display: block;
	border-radius:2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.65em 8% 0.65em 16%;
	position: relative
}
.btn-page-cta-buy p{
    color:#fff;
	position: relative;
	border: 4px solid #fff;
	background: url("../../img/common/icon-buy.svg") no-repeat ;
	background-position: left 5% center;
	background-size:10%;
	background-color: #c81e32;
}
.btn-page-cta-contact p{
    color:#ec7033;
	position: relative;
	border: 4px solid #ec7033;
	background: url(../../img/common/icon-contact.svg) no-repeat ;
	background-position: left 5% center;
	background-size:10%;
	background-color: #fff;
}

.btn-page-cta-buy p::after,
.btn-page-cta-contact p::after{
	position: absolute;
	content:'';
	width:10%;
	height:3px;
	background: #fff;
	top:0;
	bottom:0;
	right:-5%;
	margin: auto
}
.btn-page-cta-contact p::after{
	background: #ec7033
}

@media (max-width: 1080px){
	.page-cta .top-txt{
		font-size:2.8vw
	}
	.btn-page-cta-buy p,
	.btn-page-cta-contact p{
		font-size: 2.8vw;
	}
}
@media (max-width: 768px){
	.page-cta{
		padding: 10vw 0;
	}
	.page-cta.on-txt{
		margin-top: 14vw
	}
	.page-cta.on-txt .top-txt{
		top: -12vw;
		left:0;
		right:0;
		margin: auto;
		text-align: center;
		font-size:4vw;
		font-weight: 600;
		line-height: 1.2;
	}
	.page-cta.on-txt .top-txt > span{
		position: relative;
	}
	.page-cta.on-txt .top-txt > span::before{
		left:-5vw
	}
	.page-cta.on-txt .top-txt > span::after{
		right:-5vw
	}
	
	.page-cta .cont-inn{
		flex-direction: column;
		gap:4vw 0
	}
	.btn-page-cta-buy,
	.btn-page-cta-contact{
		width:90%;
	}
	.btn-page-cta-buy p,
	.btn-page-cta-contact p{
		font-size: 4.26vw;
		padding: 0.6em 9% 0.6em 18%;
	}
	.btn-page-cta-buy p{
		border: 0.6vw solid #fff;
		background-size:8%;

	}
	.btn-page-cta-contact p{
		border: 0.6vw solid #ec7033;
		background-size:8%;

	}
	.btn-page-cta-buy p::after,
	.btn-page-cta-contact p::after{
		height:0.4vw;
	}

	
}



/*---------- fl cta ----------
@media (max-width: 768px){
    .fl-cta{
        position: fixed;
        left:0;
        bottom:0;
        z-index: 998;
        background: #fff;
        width:100%;
        height:16vw;
        padding:0 5vw ;
		box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center
    }
}*/


/*---------- footer ----------*/
.footer{
    background: #fff;
    padding: 60px 0 0;
}
.footer .cont-inn{
}
.footer .footer-txt{
	font-family: "Noto Serif JP", serif;
	color:#493d33;
	font-size:1.5rem;
	margin-bottom: 40px
}

.footer-logo .name{
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-size:2.8rem;
	letter-spacing: -0.17em;
	line-height: 1.2;
	color:#282828;
	white-space: nowrap
}
.footer-logo .name span{
	font-size:1.3em
}
.footer-logo .sub{
	background: #e7be84;
	color:#fff;
	line-height: 1;
	font-size:1.5rem;
	margin-bottom: 0.1em;
	padding: 0.5em 1em;
	transform: skewX(-30deg);
	display: inline-block;
	margin-left: 0.5em
}
.footer-logo .sub span{
	transform: skewX(30deg);
	display: inline-block;
	font-weight: 600;
}
.footer .footer-add{
	font-family: "Noto Serif JP", serif;
	font-size:1.5rem;
	margin:30px 0  50px
}
.footer-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap:20px;
	margin-bottom: 40px
}
.footer-nav{
    display: flex;
    gap:0 30px;
}
.footer-nav li a{
    display: block;
	color:#282828;
	line-height: 1;
	font-weight: 600;
	position: relative
}
.footer-nav li:not(:first-child) a::before{
	position: absolute;
	content:'';
	width:2px;
	height:100%;
	top:0;
	left:-15px;
	background: #dfdedb
}
.footer-slide{
	width:86%;
	max-width: 1000px;
	margin: 0 auto;
}

.footer-copy{
	font-size:1.4rem;
	margin-top: 30px;
	padding: 20px 0;
	text-align: center;
	border-top:1px solid #dfdedb
}

@media (max-width: 1080px){
	.footer-logo .name{
		font-size:2.6vw;
	}
    .footer-nav{
        gap: 0 4vw;
    }

}
@media (max-width: 768px){
    .footer{
        padding:10vw 0 16vw;
    }
    .footer .cont-inn{
    }
	.footer .footer-txt{
		font-size:3.2vw;
		margin-bottom: 5vw
	}
	
	.footer-logo .name{
		font-size:3.4vw;
	}
	.footer-logo .sub{
		font-size:2.9vw;
		padding: 0.3em 0.6em;
	}

	.footer .footer-add{
		font-size:3.2vw;
		margin:4vw 0  8vw
	}
	.footer-bottom{
		gap:6.6vw;
		margin-bottom: 8vw
	}
	
	.footer-nav{
		display: flex;
		flex-wrap: wrap;
		gap: 3vw 8vw;
	}
	.footer-nav li:nth-child(1){min-width: 4em}
	.footer-nav li:nth-child(3){min-width: 10em}
	.footer-nav li:nth-child(5){min-width: 5em}
	.footer-nav li:not(:first-child) a::before{
		position: inherit;
	}
	.footer-nav li:not(:nth-child(3n-2)) a::before{
		position: absolute;
		content:'';
		width:2px;
		height:100%;
		top:0;
		left:-4vw;
		background: #dfdedb
	}
	.footer-slide{
		width:100%;
		max-width: initial;
	}

	.footer-copy{
		font-size:2.6vw;
		margin-top: 5vw;
		padding: 2.6vw 0;
	}	
	
}


/* フォームreset
-----------------------------------------------------*/
input[type="text"],input[type="email"],input[type="tel"],button,textarea,select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: normal;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact ::placeholder,
.contact ::-ms-input-placeholder,
.contact:-ms-input-placeholder {
    color: #cfcfcf;
}


/*  パンくず
--------------------------------------------------- */

.breadcrumb-wrap {
	padding: 30px 0 0;
}

.breadcrumb-wrap .breadcrumbs ol {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb-wrap .breadcrumbs ol li {
    position: relative;
    font-size: 1.4rem;
}
.breadcrumb-wrap .breadcrumbs ol li a {
	color:#ec7033
}

.breadcrumb-wrap .breadcrumbs ol li::after {
    content: '>';
    margin: 0 5px;
    display: inline-block;
}

.breadcrumb-wrap .breadcrumbs ol li:last-child::after {
    content: none;
}

@media screen and (max-width: 768px) {
	.breadcrumb-wrap{
	display: none
    }
}




/* ページャー
-----------------------------------------------------*/
.wp-pagenavi {
	display: flex;
	justify-content: center;
	gap: 0 10px;
}

.wp-pagenavi a,
.wp-pagenavi span{
	min-width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #cfcfcf;
	font-size: 2.0rem;
	line-height: 1;
	border: #dfdedb 1px solid;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	box-sizing: border-box;
	padding: 0 !important;
}
.wp-pagenavi .current{
	background: #dfdedb;
	color: #282828;
}
.wp-pagenavi span{
	border: none;
}

@media (min-width: 769px) {
    .wp-pagenavi a:hover{
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }
}

@media (max-width: 768px){
	.wp-pagenavi{
		display: flex;
		justify-content: center;
		gap: 0 2vw;
	}

	.wp-pagenavi a,
	.wp-pagenavi span{
		width: 9vw;
		height: 9vw;
		font-size: 3.6vw;
	}
}


/*--- 検索 ---*/
.sesrch-wrap{
	margin-top:100px
}
.seach-ttl{
	text-align: center;
	font-size:3.6rem;
	font-weight: 600;
	margin-bottom: 30px
}

.search-box form {
    position: relative;
    display: flex;
    width: 64%;
	margin:0 auto
}
.search-box input{
	background: #f9f7f3;
	width:calc(100% - 120px);
	font-size:2.4rem;
	padding:.5em 1em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.search-box button{
	width:120px;
	background:  #c81e32;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px

}
.search-box button img{
	width:25%;
	margin: 0 auto
}

@media (max-width: 768px){
	.sesrch-wrap{
		margin-top:10vw
	}
	.seach-ttl{
		font-size:5.8vw;
		margin-bottom: 4vw
	}

	.search-box {
		position: relative;
		display: flex;
		width: 100%;
		margin:0 auto
	}
	.search-box input{
		background: #f9f7f3;
		width:calc(100% - 18vw);
		font-size:4.8vw;
		padding:.5em 1em;
		border-top-left-radius: 1vw;
		border-bottom-left-radius:1vw;
	}

	.search-box button{
		width:18vw;
		background:  #c81e32;
		border-top-right-radius: 1vw;
		border-bottom-right-radius: 1vw;

	}
	.search-box button img{
		width:30%;
		margin: 0 auto
	}
}




/* ------------------------------------------------
                    スライドエリア
--------------------------------------------------- */
.slide-area{
	padding: 80px 0
}
.about-wrap{
	margin-top: 50px;
	background: #fff;
	border-radius: 30px;
	font-family: "Noto Serif JP", serif;
	padding: 40px
}

.about-wrap .about-ttl{
	font-size:2.2rem;
	margin-bottom: 1em
}
.about-wrap .about-txt{
	font-size:1.6rem;
}


.slide-wrap{
	padding: 0 60px;
}
.slide-wrap a{
	display: block
}
.bnr-slide .slick-slide {
	padding: 0 20px;
}

.footer-slide .slick-slide {
	padding: 0 10px;
}
.footer-slide .slick-slide a span {
	display: block;
	margin: 5px auto 0;
	text-align: center;
	color: #282828;
	font-size: 1.2rem;
} 


/* slide arrow */
.slide-wrap .slick-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #e3e3e3;
	position: absolute;
	top: 0;
	bottom:0;
	margin: auto;
	z-index: 3;
	cursor: pointer
}
.slide-wrap .slick-arrow::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #282828;
	border-width: 2px 2px 0 0;
	position: absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	transform: rotate(45deg);
}
.slide-wrap .next-arrow {
	right: -60px;
}
.slide-wrap .prev-arrow {
	left: -60px;
}
.slide-wrap .next-arrow::before {
	left:-5px
}
.slide-wrap .prev-arrow::before {
	border-width: 0 0 2px 2px;
	right:-5px
}


.footer-slide .slick-arrow {
	top: 15%;
	bottom: auto;
}

.dots-wrap {
	margin-top: 20px;
    display: flex;
    justify-content: center;
}

.dots-wrap li {
    width: 40px;
    height: 4px;
    margin: 0 5px;
    background: #e3e3e3;
    cursor: pointer;
}

.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: #ec7033;
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}


@media (max-width: 768px){
	.slide-area{
		padding: 8vw 0
	}
	.slide-area .cont-inn{
		width:100%;
	}
	.about-wrap{
		width: 90%;
		margin: 6vw auto 0;
		background: #fff;
		border-radius: 4vw;
		font-family: "Noto Serif JP", serif;
		padding: 4vw;
	}

	.about-wrap .about-ttl{
		font-size: 4vw;
	}
	.about-wrap .about-txt{
		font-size: 3.2vw;
	}
	
	
	.footer-slide .slick-slide a span {
		display: block;
		margin: 5px auto 0;
		text-align: center;
		color: #282828;
		font-size: 1.2rem;
	} 


	.slide-wrap{
		padding: 0;
	}
	.slide-wrap a{
		display: block;
	}
	.slide-wrap .slick-slide {
		padding: 0 2vw;
	}
	.footer-slide .slick-slide {
		padding: 0 2vw;
	}

	.slide-wrap .slick-arrow {
		width: 10vw;
		height:10vw;
		border-radius: 50%;
		background-color: #e3e3e3;
		position: absolute;
		top: 0;
		bottom:0;
		margin: auto;
		z-index: 3;
		cursor: pointer
	}
	.slide-wrap .slick-arrow::before {
		content: '';
		display: block;
		width: 2.5vw;
		height: 2.5vw;
		border: 1px solid #282828;
		border-width: 0.5vw 0.5vw 0 0;
		position: absolute;
		top: 0;
		bottom:0;
		left:0;
		right:0;
		margin: auto;
		transform: rotate(45deg);
	}
	.slide-wrap .next-arrow {
		right: 4vw;
	}
	.slide-wrap .prev-arrow {
		left: 4vw;
	}
	.slide-wrap .next-arrow::before {
		left: -1vw;
	}
	.slide-wrap .prev-arrow::before {
	  border-width: 0 0 0.5vw 0.5vw;
		right: -1vw;
	}
	.footer-slide .slick-arrow {
		top: 20%;
		bottom: auto;
	}
	
	.dots-wrap {
		margin-top: 6vw;

	}

	.dots-wrap li {
		width: 8vw;
		height: 1vw;
		margin: 0 1vw;
		background: #e3e3e3;
		cursor: pointer;
	}
}




/* ------------------------------------------------
                    ボタンエリア
--------------------------------------------------- */
/* faqなど */
.btn-area {
	width: 100%;
	margin: 0 auto 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.btn-area a {
	width: 18vw;
    max-width: 240px;
	margin: 0 2vw 30px;
}
.btn-orange p{
	position: relative;
	border: 2px solid #ec7033;
	background: #ec7033;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
	display: block;
	border-radius:2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.65em 5%;
}

input.btn-orange {
	width: 18vw;
    max-width: 240px;
	margin: 0 2vw 30px;
	position: relative;
	border: 2px solid #ec7033;
	background: #ec7033;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
	display: block;
	border-radius:2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.8em 5%;
	cursor: pointer;
}
input.btn-gray {
	width: 18vw;
    max-width: 240px;
	margin: 0 2vw 30px;
	position: relative;
	border: 2px solid #e3e3e3;
	background: #e3e3e3;
    color: #282828;
    font-size: 1.6rem;
    font-weight: 700;
	display: block;
	border-radius:2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.8em 5%;
	cursor: pointer;
}
@media (max-width: 768px){
	.btn-area {
		width: 100%;
		margin: 0 auto 20vw;
	}
	.btn-area a {
		width: 80%;
		max-width: initial;
		margin: 0 auto 4vw;
	}
	.btn-orange p {
		border: 0.5vw solid #ec7033;
		font-size: 3.8vw;
	}
	.btn-area .btn-common-cta-buy p,
	.btn-area .btn-common-cta-contact p{
		font-size: 4.26vw;
		padding: 0.6em 9% 0.6em 14%;
	}
	.btn-area .btn-common-cta-buy p{
		border: 0.6vw solid #fff;
		background-size:8%;

	}
	.btn-area .btn-common-cta-contact p{
		border: 0.6vw solid #ec7033;
		background-size: 8%;
	}

	input.btn-orange, 
	input.btn-gray {
		width: 80%;
		max-width: initial;
		margin: 0 auto 6vw;
		position: relative;
		font-size: 4.2vw;
	}
	.contact .btn-area {
		flex-direction: column-reverse;
	}
}