.pages-content{
  margin-top: 118px;
}

.pages-title h2{
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}


.flex-l-content{
  display: flex;
  align-items: center;
  }

  .flex-r-content{
    display: flex;
    align-items: center;
  }

  .overview{
    max-width: 1200px;
    margin: 60px auto;
  }

  .overview a{
    color: #19232D;
  }

  .overview a:hover{
    color: #ff4800;
  }

  .professional-1{
    background-color: #333333;
  }

.professional-1-title{
  width: 200px;
  margin-bottom: 40px;
}

.flex-left{
  width: 50%;
  padding: 5.6vw;
  color: #fff;
  box-sizing: border-box;
}

.flex-right{
  width: 50%;
  padding: 5.6vw;
  box-sizing: border-box;
}

.bg{
  min-height: 700px;
  width: 50%;
  padding: 5.6vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}


/* ----------------------------- */
/* professional
/* ----------------------------- */
.professional-1-bg{
background-image: url(../images/wp-fv/hemp-oil-rsho-professional-1.jpeg);
}

.professional-2-bg{
  background-image: url(../images/wp-fv/real-scientific-hemp-oil-1.jpeg);
}

.professional-2{
  /* background-color: #b6d2d7; */
  background-color: #ffcbbb;
}

.professional-3{
  background-image: url(../images/professional-3-bg.jpeg);
}

.professional-3-text{
  color: #fff;
}

.content-inner{
  max-width: 400px;
}

.text-decoration{
	text-decoration: underline;
}

/* ----------------------------- */
/* performance
/* ----------------------------- */
.performance-1-bg{
  background-image: url(../images/wp-fv/rsho-performance-1.jpeg);
}

.performance-2{
  background-image: url(../images/wp-fv/rsho-performance-2.jpeg);
}

.performance-1{
  background-color: #b6d2d7;
}

.Performance-1-text{
  margin-bottom: 20px;
}

.Performance-1-text:last-child{
  margin-bottom: 0;
}

.performance-2 p{
  color: #19232D;
}
/* ----------------------------- */
/* //performance
/* ----------------------------- */


/* ----------------------------- */
/* dicover-the-newhempmeds
/* ----------------------------- */
.overview-d-1{
  margin-bottom: 20px;
}

.discover-1{
  background-color: #19232d;
}

.discover-1-bg{
  background-image: url(../images/discovernewhempmeds/discover-new-hm-a.jpg);
}

.discover-2{
  background-color: #eaeaea;
}

.discover-2-bg{
  background-image: url(../images/discovernewhempmeds/discover-new-hm-b.jpg);
}

.discover-3{
  max-width: 1200px;
  margin: 60px auto;
}

.discover-3 p{
  margin-bottom: 20px;
}

hr{
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

.discover-3-keytitle{
  color: #ff4800;
  text-align: center;
}

.discover-4{
  background-color: #19232d;
}

.discover-4-text{
  color: #fff;
  margin-bottom: 20px;
}

.discover-4-text:last-child{
  margin: 0;
}

.discover-4-bg{
    background-image: url(../images/aboutus/aboutus-1.jpeg);
}

.discover-5{
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  margin: 60px auto;
}

.hempmeds-address{
  text-align: center;
}

.news-btn{
  text-align: center;
}

.news-btn a{
  color: #19232d;
}

.news-btn a:hover{
  color: #ff4800;
}

/* ----------------------------- */
/* //dicover-the-newhempmeds
/* ----------------------------- */


/* ----------------------------- */
/* aboutus
/* ----------------------------- */
.aboutus-overview{
  text-align: center;
  margin-bottom: 20px;
}

.aboutus-overview:last-child{
  margin-bottom: 0;
}

.aboutus-1-bg{
  background-image: url(../images/aboutus/aboutus-1.jpeg);
}

.aboutus-1{
  background: #19232d;
}

.aboutus-1-text{
  margin-bottom: 20px;
  color: #fff;
}

.aboutus-2{
  text-align: center;
  margin-bottom: 60px;
}

.aboutus-2-text{
  margin-top: 20px;
}

.about-2-text:last-child{
  margin-bottom: 0;
}

.aboutus-3{
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.the-col{
  width: 50%;
}

.the-col h3{
  text-align: center;
  margin-bottom: 20px;
}

.history-image-sp{
  display: none;
}

.social-icon{
  max-width: 150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.social-twitter{
  max-width: 48px;
}

.social-twitter:hover{
  cursor: pointer;
  opacity: .5;
  transition: .3s;
}

.social-instagram{
  max-width: 48px;
}

.social-instagram:hover{
  cursor: pointer;
  opacity: .5;
  transition: .3s;
}

.contact-link:hover{
	color: #ff4800;
}

/* ----------------------------- */
/* news&education
/* ----------------------------- */
.article-wrapper{
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 0 20px;
}

.article-content{
  width: calc(100% - 300px);
  padding-right: 60px;
}

.article-list::after{
    display: block;
    content:"";
    width: 30%;
}
/* ----------------------------- */
/* //news&education
/* ----------------------------- */


/* ----------------------------- */
/* sidebar
/* ----------------------------- */
.article-sidebar{
  width: 300px;
  padding: 20px;
  border: 1px solid #eee;
  margin-bottom: 200px;
}

.article-sidebar h2{
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-weight: bold;
}

.article-sidebar p{
  font-size: 1.8rem;
  font-weight: bold;
}

.article-s-item a{
  color: #19232d;
  margin-bottom: 5px;
  font-weight: bold;
}

.article-s-title:hover{
  color: #ff4800;
}

.article-s-date{
  display: block;
  border-bottom: 1px solid #666667;
  padding-top: 5px;
  color: #666667;
  font-weight: normal;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
/* ----------------------------- */
/* //sidebar
/* ----------------------------- */


/* ----------------------------- */
/* article-detail
/* ----------------------------- */
.article-d-wrapper{
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 118px auto 40px;
}

.article-d-content p{
  margin-bottom: 20px;
}

.article-d-img{
  position: relative;
  width:100%;
  height: 420px; 
  margin-bottom: 20px;
}

.article-d-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-d-title{
  font-size: 4.6rem;
  margin-bottom: 20px;
}

.article-d-info{
  display: flex;
  color: #666667;
  align-items: center;
  margin-bottom: 20px;
}

.article-d-categories{
  font-size: 1.4rem;
  color: #666667;
  margin-right: 5px;
}

.article-sub-title{
  font-size: 3.6rem;
  margin-bottom: 20px;
}

.article-d-date{
  color: #666667;
  margin-right: 5px;
}

.article-d-content h2,h3,h4{
  margin: 20px 0;
}

.article-d-content img{
  width: 100%;
  height: auto;
}
/* ----------------------------- */
/* //article-detail
/* ----------------------------- */


/* ----------------------------- */
/* termsofuseagreement
/* ----------------------------- */
.policy-text{
  margin-bottom: 20px;
}
/* ----------------------------- */
/* //termsofuseagreement
/* ----------------------------- */


/* ----------------------------- */
/* privacypolisy
/* ----------------------------- */
.agreement-list{
  list-style-type: disc;
  list-style-position: inside;
}

/* ----------------------------- */
/* Refund Policy
/* ----------------------------- */
.policy-message{
  text-align: center;
  margin-top: 40px;
}

.refundpolicy-list{
  margin-top: 20px;
}

.refundpolicy-item{
  list-style-position: inside;
}

/* ----------------------------- */
/* discountsforveterans
/* ----------------------------- */
.forveterans-message{
  text-align: center;
  margin-top: 40px;
  font-size: 1.8rem;
}

.forveterans-img{
  margin-bottom: 40px;
}

/* ----------------------------- */
/* affiliate
/* ----------------------------- */
.affiliate-bg{
  margin-top: 60px;
  background-image: url(../images/affiliate/affiliateimg.jpeg);
}

.affiliate-bg h3{
  color: #fff;
  max-width: 400px;
}

.affiliate-content{
  margin-bottom: 80px;
}

.affiliate-content h3{
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}

.affiliate-text{
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.join-btn{
  text-align: center;
  margin-top: 40px;
}

.join-btn a{
  display: inline-block;
  background-color: #19232D;
  border: 1px solid #19232D;
  padding: 13px 37px;
  border-radius: 50px;
  line-height: 1;
  transition: .3s;
}

.join-btn a:hover{
  background-color: #ff4800;
  border: 1px solid #ff4800;
  padding: 13px 37px;
  border-radius: 50px;
  transition: .3s;
}
/* ----------------------------- */
/* Triple Lab Testing
/* ----------------------------- */
.t-l-test-overview{
  text-align: center;
}

.t-l-test-overview h3{
  margin-bottom: 20px;
}

.t-l-test-overview-text{
  margin-bottom: 20px;
}

.t-l-test-1-bg{
  background-image: url(../images/triplelabtesting/hempmeds-testing-safety.jpeg);
  display: flex;
  align-items: center;
}

.t-l-test-1{
  background: #ff4800;
}


.t-l-test-1-title{
  color: #fff;
  margin-bottom: 20px;
}

.t-l-test-1-text{
  color: #fff;
}

.text-only{
  text-align: center;
  margin: 60px 0 100px;
}

.text-only h3{
  margin-bottom: 20px;
}

.text-only h4{
  font-size: 2rem;
  margin-bottom: 20px;
}

.t-l-test-2-text{
  margin-bottom: 20px;
}

.t-l-test-3{
  background-image: url(../images/triplelabtesting/quality-and-safety-1.jpeg);
}

.t-l-test-3-title{
  color: #fff;
  margin-bottom: 20px;
}

.t-l-test-3-text{
  color: #fff;
}

.ec-btn{
  text-align: center;
  margin-top: 40px;
}

.ec-btn a{
  color: #000;
  display: inline-block;
  border: 1px solid black;
  border-radius: 50px;
  padding: 13px 37px;
  margin: 0 20px 20px;
  opacity: 1;
}

.ec-btn a:hover{
  color: #fff;
  background-color: #ff4800;
  border: 1px solid #ff4800;
  padding: 13px 37px;
  border-radius: 50px;
  transition: .3s;
}
/* ----------------------------- */
/* //Triple Lab Testing
/* ----------------------------- */


/* ----------------------------- */
/* contact us
/* ----------------------------- */
.overview-c-1{
  text-align: center;
  margin-bottom: 20px;
}

.overview-c-2{
  text-align: center;
}

.contactus-content{
  text-align: center;
  margin-bottom: 100px;
}

.contactus-content h3{
  font-weight: bold;
  font-size: 2rem;
}

.contactus-content a{
  color: #19232D;
  text-decoration: underline;
}
/* ----------------------------- */
/* //contact us
/* ----------------------------- */



/* ----------------------------- */
/* FAQ
/* ----------------------------- */
.faq-overview{
  text-align: center;
}

.accordion-wrapper{
  max-width: 1200px;
  margin: 0 auto;
}

.accordion-title{
  text-align: center;
  margin-bottom: 20px;
}

dl{
  margin-bottom: 60px;
}

dt{
	/* 要素を縦に並べる */
  position: relative;
	display:block;
	background:#fff;
  border: 1px solid #e3e3e3;
	/* height:50px; */
  padding: 15px 20px;
	/* heightと同じ高さにすることで上下の中央寄せができる */
	/* line-height:50px; */
	/* text-align:center; */
	/* カーソルを当てた時にポインターに変わる */
	cursor:pointer;
	color: #565656;
	font-weight: bold;
}

dt:hover{
	color: #1e261f;
	transition: .3s;
}

dd{
	/* デフォルトだとddの左側に余白ができてしまうのでresetしている */
	margin-left: 0;
	background:#fff;
  border: 1px solid #e3e3e3;
  padding: 15px 20px;
	/* height:50px; */
	/* heightと同じ高さにすることで上下の中央寄せができる */
	/* line-height:50px; */
	/* text-align:center; */
	/* クリックするまでは、非表示 */
	display:none;
	color: #151314;
}

dt a{
		text-decoration: underline;
}


dd a{
	color: #151314;
  text-decoration: underline;
}

.accordion-a li{
  text-indent: 1em;
}

.blank-line{
  margin-bottom: 10px;
}


/* ①プラスの横線 */
.accordion-q:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 20px;
	height: 2px;
	background: #19232D;
	transform: translateY(-50%);
}

/* ②プラスの縦線 */
.accordion-q:after {
	content: "";
	position: absolute;
	top: 50%;
	/* 8px+12px-1px(幅2pxの半分) */
	right: 27px;
	width: 2px;
	height: 20px;
	background: #19232D;
	transform: translateY(-50%);
	transition: .3s;
}

/* ③オープン時にopenクラスを付与（縦線を回転させて非表示に） */
.accordion-q.open:after {
	top: 25%;
	opacity: 0;
	transform: rotate(90deg);
}


/* ----------------------------- */
/*//FAQ
/* ----------------------------- */



@media screen and (max-width:980px){
/* ----------------------------- */
/* news&education
/* ----------------------------- */
.article-wrapper{
  display: block;
}

.article-content{
  width: 100%;
  padding: 0;
}

.article-list{
  padding: 0;
}

.article-sidebar{
  display: none;
}
/* ----------------------------- */
/* //news&education
/* ----------------------------- */
}


@media screen and (max-width:780px){
/* ----------------------------- */
/* Professional
/* ----------------------------- */
.flex-l-content{
  flex-direction: column;
}

.flex-r-content{
  flex-direction: column-reverse;
}

.bg{
  min-height: 0;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
}

.flex-left{
  width: 100%;
  padding: 40px;
  box-sizing: border-box;      
}

.flex-right{
  width: 100%;
  padding: 40px;
  box-sizing: border-box;      
}

.bg-full-image{
  padding: 40px;
}
/* ----------------------------- */
/* //Professional
/* ----------------------------- */


/* ----------------------------- */
/* discover-the-newhempmeds
/* ----------------------------- */
.discover-1-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.discover-1-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discover-2-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.discover-2-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discover-4-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.discover-4-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discover-5{
  display: block;
}
/* ----------------------------- */
/* discover-the-newhempmeds
/* ----------------------------- */

/* ----------------------------- */
/* aboutus
/* ----------------------------- */
.aboutus-1-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.bg{
  min-height: 0;
}

.aboutus-1-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.history-image{
  display: none;
}

.history-image-sp{
  display: block;
}

.aboutus-3{
  display: block;
}

.the-col{
  width: 100%;
  margin-bottom: 40px;
}

.the-col:last-child{
  margin-bottom: 0;
}
/* ----------------------------- */
/* //aboutus
/* ----------------------------- */

/* ----------------------------- */
/* professional
/* ----------------------------- */
.professional-1-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}  

.professional-2-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.professional-1-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.professional-2-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ----------------------------- */
/* //professional
/* ----------------------------- */


/* ----------------------------- */
/* performance
/* ----------------------------- */
.performance-1-bg{
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.performance-1-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
/* ----------------------------- */
/* //performance
/* ----------------------------- */



/* ----------------------------- */
/* faq
/* ----------------------------- */
dt{
  padding: 15px 30px 20px 15px;
}

dd{
  padding: 15px 30px 20px 15px;
}

/* ①プラスの横線 */
.accordion-q:before {
	right: 11px;
}

/* ②プラスの縦線 */
.accordion-q:after {
	right: 20px;
}
/* ----------------------------- */
/* faq
/* ----------------------------- */
}


@media screen and (max-width:600px){
.pages-title h2{
  font-size: 3.8rem;
}

.overview li{
  font-size: 1.4rem;
}

/* ----------------------------- */
/* affiliate
/* ----------------------------- */
.bg-full-image{
  padding: 6.7vw;
}
/* ----------------------------- */
/* //affiliate
/* ----------------------------- */


/* ----------------------------- */
/* faq
/* ----------------------------- */
dt{
  font-size: 1.4rem;
}

dd{
  font-size: 1.4rem;
}
/* ----------------------------- */
/* //affiliate
/* ----------------------------- */

}