@charset "UTF-8";
.bg_purchase {
     background-image: url(../img/bg_purchase.webp);
 }
 .bg_company{
   background-image: url(../img/bg_company.webp);
}
.bg_product {
   background-image: url("https://www.metatron-cosme.jp/wp-content/themes/mt_metatron2023/img/bg_product.webp");
}
.bg_award{
 background-image: url("../img/bg_award.webp");
}
 .bdr_blk{
   text-decoration:underline;
 }
 .btn_open::after{
   content: none  !important;
 }

 .btn_open{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0px 14px;
 }
 .btn_open2{
   padding-left: 16px;
   display: flex;
   flex: 1 1;
   align-items: center;
   justify-content: center;
 }

/* アコーディオン */
.accordion-006 {
   max-width: 990px;
   margin-bottom: 8px;
   background-color: #F7F8F8;
}
.accordion-006 summary:hover,.accordion-006 summary:active {
   background: #EBEBEB;
}
.accordion-006 summary {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 1.5em 1.3em;
   cursor: pointer;
}

.accordion-006 summary::-webkit-details-marker {
   display: none;
}

.accordion-006 summary::after {
   transform: translateY(-25%) rotate(45deg);
   width: 7px;
   height: 7px;
   margin-left: 10px;
   border-bottom: 2px solid #212529;
   border-right: 2px solid #212529;
   content: '';
   transition: transform .3s;
}

.accordion-006[open] summary::after {
   transform: rotate(225deg);
}

.accordion-006 p {
   transform: translateY(-10px);
   opacity: 0;
   margin: 0;
   padding: 1.5em 1.3em;
   transition: transform .5s, opacity .5s;
}

.accordion-006[open] p {
   transform: none;
   opacity: 1;
}
.accordion-006[open] summary {
   background: #EBEBEB;
}
summary div{
   max-width: 93%;
}
/* アコーディオンここまで */


.wrap_center {
   flex-wrap: wrap;
   display: flex;
   align-items: center;
   justify-content: center;
}
.wrap_clm {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.eng{
   font-family: Adobe Garamond Pro;
}
.wrap_sbc{
   display: flex;
max-width: 600px;
justify-content: space-between;
align-items: center;
}

.bdr_right{
   border-right: 1px solid #E0E0E0;
   text-align: center;
   margin: 0 auto;
   width: 80%;
   padding-right: 15px;
   padding-left: 30px;   
}

.bdr_right:last-child{
   padding-left: 0px;
   border-right: none;
   padding-right: 15px;
   padding-left: 15px;   
}
.m_auto{
   margin: 0 auto;
}
.wrap_cont_small2 {
   width: 100%;
   max-width: 574px;
 }
@media (max-width: 1200px) {
}
@media (max-width: 1150px) {
}
@media (max-width: 900px) {
}
/* ************************************************************************************************

   under 767px

   ************************************************************************************************ */
@media (max-width: 767px) {
   .bg_purchase {
        background-image: url(../img/bg_purchase_sp.webp);
    }
  .bg_product  {
   background-image: url(https://www.metatron-cosme.jp/wp-content/themes/mt_metatron2023/img/bg_product_sp.webp);
}
/* .bg_company{
   background-image: url(https://www.metatron-cosme.jp/wp-content/themes/mt_metatron2023/img/bg_company_sp.webp);
} */
.bg_award{
   background-image: url("../img/bg_award_sp.webp");
}
   .wrap_sbc{
      display: block;
   max-width: 600px;
   justify-content: space-between;
   align-items: center;
   }
   .bdr_right {
      border-right: none;
      border-bottom: 1px solid #E0E0E0;
      padding-left: 15px;
      padding-bottom: 16px;
    width: 100%;
  }
  .bdr_right:last-child{
   border-bottom: none;
   padding-top: 16px;
   padding-bottom: 0px;
}
.page_link_flex li {
   width: 100%;
   /* border-bottom: 1px solid #E0E0E0; */
   border-right:none;
   text-align: left;
   position: relative;
   padding: 24px 0;
}
.page_link_flex li:first-child {
   border-top: 1px solid #E0E0E0;
}
.page_link_flex li a {
   padding-left: 6px;
}
.page_link_flex {
   flex-direction: column;
}
.wrap_container {
   padding: 64px 15px;
}
.wrap_cont_middle_fm {
   padding: 64px 15px;
}
}
@media (max-width: 370px) {
}
/* ************************************************************************************************

   over 767px

   ************************************************************************************************ */
@media (min-width: 768px) {
}
@media (min-width: 1150px) {

}
@media (min-width: 1370px) {
}