@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');



/* /////////////////// 共通 /////////////////// */


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

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

}
.main_v{
	padding-top: 50px;
	padding-bottom: 50px;
		&  .inner{
			display: flex;
			align-items: center;
		}
		& .mv_txt{
			font-size: 18px;
			line-height: 2.1;
			color: #fff;
			margin-left: clamp(40px,5.7vw,80px);
		}
}
.is-trip .main_v{
	background-color: var(--orange);
}
.is-bring .main_v{
	background-color: var(--d_green);
}
.is-delivery .main_v{
	background-color: var(--d_pink);
}
.flow_item{
	text-align: center;
}
/*--------------------PC--------------------*/
@media all and (min-width:801px){
	.site-wrap {
	    max-width: 100%;
	}
	.inner{
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.footer-wrap .footer-nav:has(.social-btns){
		display: flex;
	}
  h1 {
      width: clamp(120px, 32vw, 240px);
  }
  .main_v{
		padding-top: 20px;
		padding-bottom: 20px;
			&  .inner{
				padding-left: 20px;
				padding-right: 20px;
			}
			& .mv_txt{
        font-size: 20px;
        line-height: 1.5;
        margin-left: clamp(20px, 4.7vw, 40px);
        font-weight: 700;
			}
	}
	.intro_txt {
	  font-size: 14px;
	  line-height: 1.71;
	  margin-top: 40px;
	}
}









/* /////////////////// faq /////////////////// */
.faq_sec{
	background-color: var(--gray);
}
.faq_wrap{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.faq_item {
	background-color: #fff;
	font-size: 18px;
	line-height: 2.1;
  .faq_item_ttl {
    position: relative;
    cursor: pointer;
    padding: 15px 30px 13px;
    display: flex;
    &::before{
			content: 'Q';
      font-size: 20px;
      font-weight: 700;
      margin-right: 0.8em;
      position: relative;
      top: -0.15em;
    }
    & span {
      width: 20px;
      height: 20px;
      background-color: #333333;
      display: block;
      right: 20px;
      top: calc(50% - 10px);
      position: absolute;
      border-radius: 30px;
		    &::before,
		    &::after {
		      content: '';
		      position: absolute;
		      background-color: #fff;
		      transition: all 0.3s ease;
		    }

		    &::before {
		      width: 8px;
		      height: 2px;
		      top: 50%;
		      right: 6px;
		      transform: translateY(-50%);
		    }

		    &::after {
		      width: 2px;
		      height: 8px;
		      top: 50%;
		      right: 9px;
		      transform: translateY(-50%) rotate(0);
		    }
		}
    &.open span::after {
        transform: rotate(90deg);
        top: 6px;
        right: 9px;
    }
  }

  .faq_item_txt {
    display: none;
    padding: 15px 30px;
    position: relative;
    p{
    	display: flex;
			font-size: 18px;
			line-height: 2.1;
	    &::before{
	    	content:'A';
	    	font-size:20px;
	    	font-weight:700;
	      margin-right: 0.8em;
	      position: relative;
	      top: -0.1em;
	    }
	    & a{
	    	position: relative;
	    }
    }
  }
  /*.open.faq_item_ttl + .faq_item_txt{
  	display: block;
  }*/
}


.faq_item + .faq_item{
	margin-top: 20px;
}
.faq_item_trip{
	 & .faq_item_ttl{
	 	background-color: var(--orange);
	 }
	 & .faq_item_txt{
	 	border:2px solid var(--orange);
	 }
}
.faq_item_bring{
	 & .faq_item_ttl{
	 	background-color: var(--d_green);
	 }
	 & .faq_item_txt{
	 	border:2px solid var(--d_green);
	 }
}
.faq_item_delivery{
	 & .faq_item_ttl{
	 	background-color: var(--d_pink);
	 }
	 & .faq_item_txt{
	 	border:2px solid var(--d_pink);
	 }
}
.faq_item_common{
	 & .faq_item_ttl{
	 	background-color: var(--top);
	 }
	 & .faq_item_txt{
	 	border:2px solid var(--top);
	 }
}

/*--------------------PC--------------------*/
@media all and (min-width:801px){
	.faq_item_txt {
    a:hover {
    	text-decoration: underline;
    }
  }

}
/*--------------------SP--------------------*/
@media all and (max-width:800px){
	.faq_item {
    font-size: 14px;
    line-height: 1.71;
	  .faq_item_ttl {
	    padding: 10px 40px 8px 20px;
	    & span {
	      right: 12px;
	    }
	    &::before{
				content: 'Q';
	      font-size: 15px;
	      margin-right: 0.4em;
	    }
	  }

	  .faq_item_txt {
	    padding: 10px 20px;
	    p{
				font-size: 14px;
				line-height: 1.71;
		    &::before{
		    	content:'A';
		    	font-size:15px;
		      margin-right: 0.4em;
		    }
	    }
	  }
	  /*.open.faq_item_ttl + .faq_item_txt{
	  	display: block;
	  }*/
	}
}


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

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

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

}