@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;500;700&display=swap');



/* /////////////////// 共通 /////////////////// */
.nolink{
	pointer-events: none;
}
.sec{
	letter-spacing: 0.05em;
	padding-top: 100px;
	padding-bottom: 100px;
}
.serif{
	font-family: "Noto Serif JP", serif;
}
.sans{
	font-family: "Noto Sans JP", sans-serif;
}
.bg_gray{
	background-color: var(--gray);
}

/*色設定*/
:root {
  --white: #ffffff;
/*  くすみ緑色*/
  --green: #c7cb40;
/*  ピンク*/
  --pink: #f6bfbb;
/*  グレー*/
  --gray: #e7e7eb;
/*  TOPの色*/
	--top: #afb9be;

/*****　下層　*****/
/*  オレンジ*/
  --orange: #e6b045;
/*  濃い緑色*/
  --d_green: #95b359;
/*  濃いピンク*/
  --d_pink: #e68aa8;
  
}

a{
	color: #333;
	transition: 0.3s;
}
a:active,
a:focus {
	color: #333;
	outline: none;
}
a img {
  transition: 0.3s;
}
a:hover{
	color: #333;
	text-decoration: none;
}

/*--------------------PC--------------------*/
@media all and (min-width:801px){
	.site-wrap {
	    max-width: 100%;
	}
	.inner{
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}
	

	.nonePC {
		display: none !important;
	}
}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.sec{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.inner:not(.main_v .inner){
		margin-left: 5%;
		margin-right: 5%;
	}
	.footer-wrap .footer-nav:has(.social-btns){
		display: flex;
	}

	.noneSP {
		display: none !important;
	}
}







/* /////////////////// content /////////////////// */
.sec h2{
	font-size: 60px;
	text-align: center;
	padding-bottom: 25px;
	position: relative;
}
.sec:not(.strength_sec) h2{
	margin-bottom: 75px;
}
.sec:not(.strength_sec) h2::after{
	content: '';
	width: 100px;
	height: 4px;
	background-color: #93a2aa;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.satei_btn{
    width: auto;
	min-width: 400px;
    height: 80px;
    background-color: #333;
    border-radius: 40px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 80px;
    padding: 0 66px;
    transform: translateX(-50%);
    left: 50%;
}
.satei_btn:hover{
	color: #fff;
	opacity: 0.8;
}
.satei_btn::before,
.satei_btn::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 25px;
  width: 16.7px;
  height: 3px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1.5px) 50%;
}
.satei_btn::before {
  transform: rotate(45deg);
}
.satei_btn::after {
  transform: rotate(-45deg);
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.sec h2{
		font-size: 35px;
		padding-bottom: 15px;
	}
	.sec:not(.strength_sec) h2{
		margin-bottom: 35px;
	}

	.sec:not(.strength_sec) h2::after{
		width: 50px;
		height: 2px;
	}

	.satei_btn{
		min-width: 335px;
	    height: 70px;
	    font-size: 17px;
	    margin-top: 40px;
	    padding: 0;
	}
	.satei_btn::before,
	.satei_btn::after {
	  top: calc(50% - 1px);
	  right: 20px;
	  width: 12.9px;
	  height: 2px;
	  transform-origin: calc(100% - 1px) 50%;
	}

}



/* /////////////////// intro_sec /////////////////// */
.intro_subttl{
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}
.intro_txt{
	text-align: center;
	margin-top: 20px;
}
.intro_txt > p{
	font-size: 18px;
	line-height: 2.11;
}
.intro_txt > p + p{
	margin-top: 35px;
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.intro_subttl{
		font-size: 22px;
		line-height: 1.5;
	}
	.intro_txt{
		text-align: justify;
	}
	.intro_txt > p{
		font-size: 14px;
		line-height: 1.75;
	}
	.intro_txt > p + p{
		margin-top: 15px;
	}

}



/* /////////////////// strength_sec /////////////////// */
.strength_sec{
	padding-top: 0;
}
.strength_txt{
	max-width: 1160px;
	display: flex;
	justify-content: center;
	gap: 0 3.1%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

.circle_width {
	width: 25%;
	border-radius: 50%;
	background-color: #c7cb40;
}
.circle_height {
	position: relative;
	padding-top: 100%;
	height: 0;
}
.circle_height p {
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 700;
	line-height: 1.4;
	position: absolute;
	top: calc((100% - 2em) / 2);
	left: 0;
	right: 0;
	margin: 0;
	text-align: center;
}

/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.strength_txt{
		max-width: 500px;
		flex-wrap: wrap;
		gap: 4%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.circle_width {
		width: 48%;
	}
	.circle_height p {
		font-size: clamp(14px, 3.7vw, 20px);
	}

}

/* /////////////////// toriatukai_sec /////////////////// */
.toriatukai_wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 1.6%;
}
.toriatukai_wrap a{
	display: block;
	width: 18.7%;
}
.toriatukai_img{
	display: block;
	width: 100%;
	height: 0;
	border-radius: 20px 20px 0 0;
	background-color: #595959;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: 0.3s;
	padding-top: 70%;
}
.toriatukai_wrap a.toriatukai_01 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_01.jpg);
}
.toriatukai_wrap a.toriatukai_02 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_02.jpg);
}
.toriatukai_wrap a.toriatukai_03 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_03.jpg);
}
.toriatukai_wrap a.toriatukai_04 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_04.jpg);
}
.toriatukai_wrap a.toriatukai_05 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_05.jpg);
}
.toriatukai_wrap a.toriatukai_06 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_06.jpg);
}
.toriatukai_wrap a.toriatukai_07 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_07.jpg);
}
.toriatukai_wrap a.toriatukai_08 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_08.jpg);
}
.toriatukai_wrap a.toriatukai_09 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_09.jpg);
}
.toriatukai_wrap a.toriatukai_10 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_10.jpg);
}
.toriatukai_wrap a.toriatukai_11 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_11.jpg);
}
.toriatukai_wrap a.toriatukai_12 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_12.jpg);
}
.toriatukai_wrap a.toriatukai_13 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_13.jpg);
}
.toriatukai_wrap a.toriatukai_14 .toriatukai_img{
	background-image: url(../img/purchase/toriatukai_14.jpg);
}
.toriatukai_ttl{
	width: 100%;
	/*height: 76px;*/
	max-height: 76px;
	border-radius: 0 0 20px 20px;
	background-color: #c7cb40;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-size: clamp(20px, 2.5vw, 24px);
	color: #333;
	padding-bottom: 14%;
    padding-top: 8%;
}

/*--------------------PC--------------------*/
@media all and (min-width:801px){
	.toriatukai_wrap a:nth-child(-n + 4){
		width: 23.8%;
	}
	.toriatukai_wrap a:nth-child(n + 5){
		margin-top: 40px;
	}
	.toriatukai_wrap a:nth-child(n + 10){
		margin-top: 20px;
	}
	.toriatukai_wrap a:nth-child(-n + 4) .toriatukai_ttl{
		max-height: 96px;
		padding-bottom: 15%;
	    padding-top: 9%;
	}
	.toriatukai_wrap a:hover .toriatukai_img{
		opacity: 0.8;
	}
}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.toriatukai_wrap{
	    gap: 20px 4%;
	}
	.toriatukai_wrap a{
		width: 48%;
	}

}



/* /////////////////// satei_sec /////////////////// */
.satei_txt{
	font-size: 18px;
    line-height: 2.11;
    text-align: center;
}
.satei_wrap{
	max-width: 900px;
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}
.satei_wrap a{
	display: block;
	width: 31%;
}	
.satei_wrap a:hover{
	color: #333;
}
.satei_wrap a > h3{
	display: block;
	width: 100%;
	height: 180px;
	border-radius: 20px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding-top: 135px;
	transition: 0.3s;
}
.satei_wrap a:hover > h3{
	opacity: 0.8;
}
.satei_wrap a > h3::before{
	content: '';
    width: 100%;
    height: 100px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: center;
}
.satei_wrap a.satei_00 > h3::before{
    background-image: url(../img/purchase/top_ico.svg);
}
.satei_wrap a.satei_01 > h3::before{
    background-image: url(../img/purchase/satei01.svg);
}
.satei_wrap a.satei_02 > h3::before{
	background-image: url(../img/purchase/satei02.svg);
}
.satei_wrap a.satei_03 > h3::before{
	background-image: url(../img/purchase/satei03.svg);
}
.satei_wrap a > h3::after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #333 transparent;
	border-width: 0px 0px 53px 53px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.satei_wrap a.satei_00 > h3{
	background-color: var(--top);
}
.satei_wrap a.satei_01 > h3{
	background-color: var(--orange);
}
.satei_wrap a.satei_02 > h3{
	background-color: var(--d_green);
}
.satei_wrap a.satei_03 > h3{
	background-color: var(--d_pink);
}
.satei_wrap a > p{
	font-size: 18px;
    line-height: 2.11;
    text-align: center;
    margin-top: 10px;
}
.line_banner{
	display: block;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){
	

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.satei_txt{
		font-size: 14px;
	    line-height: 1.75;
	    text-align: justify;
	}
	.satei_wrap{
		display: block;
		margin-top: 30px;
	}
	.satei_wrap a{
		width: 100%;
		max-width: 338px;
		margin-left: auto;
		margin-right: auto;
	}
	.satei_wrap a + a{
		margin-top: 20px;
	}
	.satei_wrap a > h3{
		height: 150px;
		font-size: 20px;
		padding-top: 110px;
	}
	.satei_wrap a > h3::before{
	    height: 70px;
	    background-size: auto 70px;
	}
	.satei_wrap a > p{
		font-size: 14px;
	    line-height: 1.75;
	}
	.line_banner{
		margin-top: 50px;
	}

}


/* /////////////////// company_sec /////////////////// */
.companydtl_wrap{
	max-width: 900px;
	display: flex;
	flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}
.companydtl_wrap > div{
	font-size: 18px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.companydtl_wrap > div.companydtl_ttl{
	width: 33%;
	height: 64px;
	background-color: var(--green);
	border-right: 2px solid #e7e7eb;
	justify-content: center;
}
.companydtl_wrap > div.companydtl_txt{
	width: calc(100% - 33%);
	height: 64px;
	background-color: var(--white);
	padding: 20px 0 20px 4%;
}
.companydtl_txt a{
	color: #00a0e9;
}
.access_wrap{
	max-width: 900px;
	background-color: var(--white);
	margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 40px 15px;
}
.access_txt{
	font-size: 18px;
	line-height: 1.55;
	margin-top: 30px;
}
.satei_btn.pink_btn{
	min-width: 300px;
	height: 60px;
	background-color: var(--pink);
	font-size: 18px;
	color: #333;
	margin-top: 30px;
}
.satei_btn.pink_btn::before,
.satei_btn.pink_btn::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 25px;
  width: 16.7px;
  height: 3px;
  background-color: #333;
  transform-origin: calc(100% - 1.5px) 50%;
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){
	.companydtl_wrap > div:nth-child(n + 3){
		border-top: 2px solid #e7e7eb;
	}
	.companydtl_txt a:hover{
		opacity: 0.8;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.companydtl_wrap{
		display: block;
	}
	.companydtl_wrap > div{
		font-size: 14px;
		text-align: center;
		justify-content: center;
	}
	.companydtl_wrap > div.companydtl_ttl{
		width: 100%;
		height: 44px;
		border-right: none;
	}
	.companydtl_wrap > div.companydtl_txt{
		width: 100%;
		padding: 20px 0;
	}
	.access_wrap{
		margin-top: 40px;
	    padding: 20px 15px 20px 15px;
	}
	.access_txt{
		font-size: 14px;
		margin-top: 20px;
	}
	.satei_btn.pink_btn{
		min-width: 280px;
	    height: 50px;
	    font-size: 16px;
	    margin-top: 30px;
	}
	.satei_btn.pink_btn::before,
	.satei_btn.pink_btn::after {
		top: calc(50% - 1px);
		right: 20px;
		width: 12.9px;
		height: 2px;
		transform-origin: calc(100% - 1px) 50%;
	}

}


/* /////////////////// conv_sec /////////////////// */
.conv_sec{
	background-color: var(--pink);
}
.conv_txt{
	font-size: 30px;
	line-height: 1.67;
	text-align: center;
}
.convtel_wrap{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-top: 65px;
	overflow: hidden;
}
.convtel_wrap > p{
	font-size: 30px;
	font-weight: 700;
	margin-right: 1em;
}
.convtel_wrap span{
	font-size: 70px;
	letter-spacing: 0.065em;
	font-weight: 700;
}
.convtel_wrap rt{
	font-size: 20px;
	font-weight: 700;
	position: relative;
    /*left: 235px;*/
    left: auto;
    ruby-align: center;
}
.convtel_wrap rt span{
	font-size: 20px;
	font-weight: 500;
}

.convbtn_wrap{
	display: flex;
	justify-content: center;
}
.convbtn_wrap .satei_btn{
	transform: initial;
	left: auto;
}
.line_btn img{
	width: 30px;
	margin-right: 5px;
}

/*--------------------PC--------------------*/
@media all and (min-width:801px){
	.convtel_wrap a:hover{
		color: #333;
		opacity: 0.8;
	}
	
	.convbtn_wrap .satei_btn + .satei_btn{
		margin-left: 40px;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.conv_txt{
		font-size: 20px;
		line-height: 1.5;
	}
	.convtel_wrap{
		flex-direction: column;
		align-items: center;
		margin-top: 30px;
	}
	.convtel_wrap > p{
		font-size: 15px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.convtel_wrap span{
		font-size: 45px;
	}
	.convtel_wrap rt {
      font-size: 14px;
      left: auto;
      letter-spacing: 0.04em;
      ruby-align: center;
  }
	.convtel_wrap rt span{
		font-size: 14px;
	}
	.convbtn_wrap{
		max-width: 335px;
		flex-direction: column;
        margin: 0 auto;
	}

	.convbtn_wrap .satei_btn + .satei_btn{
		margin-top: 20px;
	}
	.line_btn img{
		width: 25px;
	}
	@supports (-webkit-touch-callout: none) {
	  rt {
	    margin-bottom: -0.9em;
	  }
	}
}





/* /////////////////// 買取実績 /////////////////// */

.results_sec{
	background-color: var(--green);
	overflow: hidden;
	 & > .inner{
	 	margin-left: auto !important;
	 	margin-right: auto !important;
	 }
}
.results_slider{
	/*overflow: hidden;*/
}
.results_sec .slick-next::before,
.results_sec .slick-prev::before {
	color: #000;
}
.results_sec .slick-next {
    right: -38px;
}
.results_sec .slick-prev {
    left: -48px;
}
.results-slider-item.slick-slide{
	margin-left: 20px;
	margin-right: 20px;
}
.results-slider-item.slick-slide a {
    aspect-ratio: 10 / 10;
    width: 290px;
    height: auto;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*--------------------PC--------------------*/
@media all and (max-width:1380px) and (min-width:801px){
	.results_sec .inner {
	    max-width: calc(100% - 120px);
	    margin-left: auto;
	    margin-right: auto;
	}
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.results_sec .inner {
	    max-width: calc(100% - 100px);
	    margin-left: auto;
	    margin-right: auto;
	}
	.results-slider-item.slick-slide{
		margin-left: 14px;
		margin-right: 14px;
	}
	.results_sec .slick-next {
	    right: -28px;
	}
	.results_sec .slick-prev {
	    left: -38px;
	}
}




/* /////////////////// blog /////////////////// */

.blog_sec .slick-next::before,
.blog_sec .slick-prev::before {
	color: #000;
}
.blog_slider{
	overflow: hidden;
}
.blog_sec .slick-next {
    right: calc(((100% - 1280px) / 2) + -26px);
}
.blog_sec .slick-prev {
    left: calc(((100% - 1280px) / 2) + -35px);
}
.custom-slick-slider .slider-item.slick-slide{
	margin-left: 20px;
	margin-right: 20px;
}
.custom-slick-slider .slider-item.slick-slide a {
    aspect-ratio: 400 / 260;
    width: 400px;
    height: auto;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
}




/*--------------------PC--------------------*/
@media all and (max-width:1380px) and (min-width:801px){
	/*.blog_sec {
	    max-width: calc(100% - 120px);
	    margin-left: auto;
	    margin-right: auto;
	}*/
	.blog_sec .slick-next {
	    right: 25px;
	}
	.blog_sec .slick-prev {
	    left: 17px;
	}
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	/*.blog_sec {
	    max-width: calc(100% - 100px);
	    margin-left: auto;
	    margin-right: auto;
	}*/

	.custom-slick-slider .slider-item.slick-slide a {
	    width: 94vw;
	    border-radius: 10px;
	}
	.custom-slick-slider .slider-item.slick-slide {
		margin-left: 14px;
		margin-right: 14px;
	}
	.blog_sec .slick-next {
	    right: 25px;
	}
	.blog_sec .slick-prev {
	    left: 17px;
	}
}






/* /////////////////// aaa /////////////////// */

/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){

}


/* /////////////////// aaa /////////////////// */

/*--------------------PC--------------------*/
@media all and (min-width:801px){

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){

}