/* 全体共通 */
.info_box {
	padding-top: 50px;
}

.info_box:nth-child(1) {
	padding-top: 0;
}

.info_box h2 {
	background-color: #71502F;
	color: #FFF;
	font-size: 1.5em;
	padding: 14px;
	text-align: center;
  border-radius: 0.3em;
}

.info_box h3 {
	background-color: #F7E0B3;
	font-size: 1.125em;
	padding: 10px 25px;
	margin-bottom: 22px;
}

.info_box_m {
	padding: 25px 30px 40px 30px;
}

.info_box_in {
	margin-bottom: 30px;
	padding-top: 40px;
}

.info_box_in:nth-last-child(1) {
	margin-bottom: 0;
}

.text_small {
	font-size: 0.875em;
}

.info_box_in_g {
	margin-bottom: 25px;
}

.info_box_in_g:nth-last-child(1) {
	margin-bottom: 0;
}

.info-box {
	border: 1px solid #f7e0b3;
	padding: 13px 20px;
	margin: 10px 0;
  background-color: #fff;
}

.mb15 {
	margin-bottom: 15px;
}



.phon-title {
	font-size: 1.3em;
}

.number {
	font-size: 2.4em;
}

.mail {
	font-size: 1.6em;
}

.icon-tell img {
	margin-top: -7px;
}


.info_page_navi {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 25px;
}

.faq_link_box img {
	max-width: 14px;
	position: absolute;
	right: 10px;
	top: 45%;
	width: 7% !important;
}


#shiharai-02 .info-box p {
	font-size: 1.125em;
}


.henpin-box {
	text-align: center;
	margin-bottom: 20px;
}

.btn {
	max-width: 334px;
}

#henpin .number {
	font-size: 1.6em;
}

.tell-green img {
	margin-top: -8px;
}

.acc-box{
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4em;
}
@media screen and (max-width: 970px) {
	.faq_link_box {
		font-size: 0.9em;
		letter-spacing: 0;
	}

	.faq_link_box img {
		right: 5px;
	}
  .acc-box{
  padding: 14px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4em;
}
}


@media screen and (max-width: 800px) {
	.faq_link_box {
		width: 48%;
	}
}

@media screen and (max-width: 640px) {
	/* 全体共通 */
	.info_box {
		padding-top: 13%;
	}

	.info_box h2 {
		padding: 2%;
    margin: 0 3%;
	}

	.info_box h3 {
		padding: 2% 4%;
		margin-bottom: 4%;
	}

	.info_box_m {
		padding: 7% 4% 8% 4%;
	}

	.info_box_in {
		margin-bottom: 0;
		padding-top: 20%;
	}

	.info_box_in_g {
		margin-bottom: 8%;
	}

	.info-box {
		border: 2px solid #f7e0b3;
		padding: 3% 4%;
		margin: 3% 0;
	}

	.mb15 {
		margin-bottom: 8%;
	}


	/*   お支払 */
	.info_page_navi {
	    margin-top: 8%;
    padding: 0 3%;
	}

	.faq_link_box {
    border-right: 1px dashed #906b4d;
  border-bottom: 1px dashed #906b4d;
	}
  
  /* 右端の列は右線なし */
.faq_link_box:nth-child(2n) {
  border-right: none;
}

/* 最終行は下線なし */
.faq_link_box:nth-child(n+5) {
  border-bottom: none;
}

	.faq_link_box img {
		right: 3%;
		top: 45%;
	}

	/* 返品・交換 */
	.henpin-box {
		text-align: left;
		margin-bottom: 6%;
	}

	.btn {
		max-width: none;
		width: 80%;
	}

	.tell-green img {
		margin-top: -8px;
		max-width: 49px;
		width: 9%;
	}
}


@media screen and (max-width:550px) {
	.info_box h2 {
		font-size: 1.3em;
	}
	/* お問い合わせ */
	.number {
		font-size: 7vw;
	}

	.mail {
		font-size: 5vw;
	}

	.phon-tiele {
		font-size: 4vw;
	}

	.icon-tell {
		width: 8%;
	}

	/* 返品・交換 */
	#henpin .number {
		font-size: 5vw;
	}
}


@media screen and (max-width:420px) {
	#shiharai-02 .info-box p {
	    font-size: 1em;
	}

	.faq_link_box {
		width: 100%;
	}

	.faq_link_box:nth-child(5) {
		margin-bottom: 5%;
	}
}
.telnumber{
  margin-top: 3px;
  vertical-align: -3px;
}

/* ページリンク */
.info_page_navi {
  margin-top: 0;
}

.faq_page_navi {
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.faq_page_navi .faq_link_box {
  width: 16.6%;
  margin: 0;
  padding: 17px 10px;
  text-align: center;
  box-sizing: border-box;
}

/*
.faq_link_box:nth-child(3), .faq_link_box:nth-child(6)  {
  margin-right: 0;
}
*/
/* 全体共通 */

body {
  line-height: 1.6 !important;
}

.p-br {
  margin-bottom: 1em;
}

.panel {
  display: flex;
  min-height: 84px;
  position: relative;
  background-image: url("https://www.rakuten.ne.jp/gold/leben/naturalbase/img/faq_box_bg.png");
  border: 1px dashed #b99964;
  border-radius: 8px;
}

.panel:nth-last-child(1) {
	margin-bottom: 0;
}

.panel_tit {
  display: block;
  position: relative;
  font-size: 1.125em !important;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
}

.panel_tit:hover {
	opacity: .7;
}

.panel_tit:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 44%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 0.4em;
  height: 0.4em;
  border-top: solid 2px #794821;
  border-right: solid 2px #794821;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel_tit.open:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
 /* top: 22%; */
}

.accordion-content {
  display: none;
  padding: 0 30px;
  margin: 10px 0 25px 0;
  font-weight: 500;
}

.info_box_in {
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
  .faq_page_navi .faq_link_box {
    max-width: none;
    width: 48%;
    margin-right: 2%;
  }

  .faq_page_navi .faq_link_box:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .faq_page_navi .faq_link_box {
    padding: 3% 5% 3%;
    width: 50%;
    margin: 0;
  }

/* 全体共通 */
.panel_tit {
  padding-left: 1em;
}

.accordion-content {
  padding-left: 1em;
  margin: 3% 0 7% 0;
}

#faq-05 .faq_link_box:nth-child(3) {
  margin-bottom: 0;
  }
}
table td {
  font-size: 0.9em;
  text-align: center;
}
.price-tab table, .price-tab th, .price-tab td {
  border:1px solid #d2c0b1 !important;
  padding: 12px 7px !important;
  vertical-align: middle !important;
}
/*
p, span {
  font-size: 0.9em !important;
}
*/
/*その他と主な共通部分は省略*/

a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 1rem;
}

a.btn-flat span {
  position: relative;
}
/*
a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}
*/
a.btn-flat:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1 !important;
}
a.btn-flat:hover {
    text-decoration: none;
}


.wap_main01 {
  max-width: 1100px;
}
.ic-size {
  font-size: 2.7em;  
}
.test00 {
   display: flex;
  flex-wrap: wrap;
}
.cont-faq02 {
  display: block !important;
  position: relative;
  background-image: url("https://www.rakuten.ne.jp/gold/leben/naturalbase/img/faq_box_bg.png");
  border: 1px dashed #b99964;
  border-radius: 8px;
  margin-top: 1.65em;
}
  .cont-faq02:hover .faq_icon02:after {
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}
.faq_icon02 {
  position: absolute;
  transform: translate(0,-50%);
  width: 30px;
  z-index: 1;
  cursor: pointer;
  top: 41px;
  left: 43px;
}
    .faq_icon02::after {
    top: -11px;
    left: -18px;
    width: 50px;
    height: 50px;
    background-image: url("https://www.rakuten.ne.jp/gold/leben/naturalbase/img/faq_bg02.png");
    display: inline-block;
    position: absolute;
    display: block;
    content: "";
    z-index: 0;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    background-repeat: no-repeat;
    background-size: 50px 50px;
  }
  
  .faq_icon02::before {
    position: relative;
    z-index: 20;
  }

  .cont-faq01:hover .faq_icon:after {
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}

.faq-text02{
    align-items: center;
    display: flex;
    padding: 30px 47px 30px 90px;
    line-height: 1.3em;
  }
.blue {
  color: #4788D5 !important;
}
.under_line {
  border-bottom: 1px solid;
}

@media (min-width: 640px) {

.underline, .rightline {
  display: inline-block;
  position: relative;
}

.underline::after {
content: "";
  position: absolute;
  bottom: 14px;
  left: 16px;
  right: 16px;
  height: 1px;
  border-bottom: 1px dashed black;
  border-color: #464646;
}
.rightline:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 21px;
  right: 0;
  width: 1px;
  height: 76px;
  background: #b7b7b7;
  }
}

@media screen and (max-width: 640px) {
  .main_footer {
    margin-top: 60;
  }
  .mb-150 {
  margin-bottom: 0px;
}
  .faq_icon02 {
  left: 30px;
}

.faq-text02 {
  padding: 30px 47px 30px 72px;
}
}