/*
Theme Name: POARISM
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.13.1760015321
Updated: 2025-10-09 22:08:41

*/

body {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
}


/*
-------------------------------------------------------------------------------------------------------
  LAYOUT
-------------------------------------------------------------------------------------------------------
*/

.z-index2 {
  position:relative;
  z-index:2;
}

/* ゆっくり遷移する */
html {
	scroll-behavior: smooth;
}

.logged-in div#wpadminbar {
  position:fixed;
}

div#content {
    /* background: #FFF; */
}

/* 左右余白 */
#content .ast-container {
    padding-inline: 36px;
}

body,
.ast-separate-container,
.ast-plain-container, .ast-page-builder-template {
  /* background:#8DA7BD; */
  /* padding-top:96px; */
}

body.page div#content,
body.single div#content,
body.blog div#content ,
body.category div#content ,
body.archive div#content {
    background: none;
}
body.page ,
body.single ,
body.category ,
body.blog ,
body.archive {
  background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/waterdrop_sp.png);
  background-repeat:no-repeat;
  background-size:100%;
  background-position:0 96px;
}
@media screen and (min-width:1024px) {
  body.page ,
  body.single ,
  body.category ,
  body.blog ,
  body.archive {
    background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/waterdrop.png);
  }  
}
.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
    padding-inline: 36px;
}

#page {
  padding-top:96px;
}

#content .entry-content > div {
    padding-block: 120px 140px;
}
#content h2.wp-block-heading {
    margin-bottom:60px;
    font-size:45px;
}
@media (max-width:1023px) {
  #content .entry-content > div {
      padding-block: 90px 90px;
  }
  #content h2.wp-block-heading {
      margin-bottom:80px;
      font-size:28px;
  }
  
}
/*
-------------------------------------------------------------------------------------------------------
  HEADER
-------------------------------------------------------------------------------------------------------
*/

header#masthead {
    margin-bottom: 15px;
    position: fixed;
  top:0;
  width:100%;
}

header#masthead::before {
    content: "";
    background: #8da7bd;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

header#masthead:after {
    content:"";
    display:block;
    width:100%;
    height:15px;
    position:absolute;
    bottom:-15px;
    background:url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/gold_line.png') left center repeat-x;
}

/* メニューカスタム */
div#ast-mobile-header button.menu-toggle {
    position:relative;
    padding:0;
    width:28px;
    height: 28px;
}
div#ast-mobile-header button.menu-toggle  .mobile-menu-toggle-icon{
    display:none;
}

div#ast-mobile-header button.menu-toggle::before,
div#ast-mobile-header button.menu-toggle::after {
    content:"";
    position:absolute;
    display:block;
    width:100%;
    height:3px;
    background:#FFF;
    border-radius:4px;
    transition:all .1s;
}

div#ast-mobile-header button.menu-toggle::before {
    top: 7px;
}
div#ast-mobile-header button.menu-toggle::after {
    bottom: 7px;
}

/* 開いた後 */
div#ast-mobile-header button.menu-toggle.toggled {
    width:28px;
    height: 28px;    
}

div#ast-mobile-header button.menu-toggle.toggled::before,
div#ast-mobile-header button.menu-toggle.toggled::after {
    background:#8DA7BD;
}
div#ast-mobile-header button.menu-toggle.toggled::before {
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
}
div#ast-mobile-header button.menu-toggle.toggled::after {
    bottom:auto;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
}

/* 見出しリンクのfix被り対策 */
.home #content h2.wp-block-heading {
    padding-top:120px;
    margin-top:-120px;
}

/* メニューをスマホのみ利用する */

div#ast-desktop-header {
    display: none;
}

div#ast-mobile-header {
    display: block !important;
}

div#ast-mobile-header .ast-primary-header-bar {
    max-width: 1372px;
    margin-inline: auto;
    padding-inline:36px !important;
  background:none;
}


/* header button */
button.menu-toggle {
    outline: 0;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
    outline:none;
    border: none;
}

.ast-button-wrap {
    position: relative;
    z-index: 200;
}

/* toggle nav */

.ast-builder-menu-mobile {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
}

nav#ast-mobile-site-navigation {
    background: #FFF;
    background: rgba(255,255,255,0.9);
    padding: 80px 20px 40px;
}

.ast-header-break-point .ast-main-header-bar-alignment {
    width: auto;
    flex: none;
}

.ast-mobile-header-wrap .ast-mobile-header-content {
    display:block !important;
    width: auto;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 3;
    background: none;
    transform:translateY(-100%);
    transition:all ease .8s;
}

.ast-main-header-nav-open .ast-mobile-header-wrap .ast-mobile-header-content {
    transform:translateY(0);
    
}

/*
-------------------------------------------------------------------------------------------------------
 MENU
-------------------------------------------------------------------------------------------------------
*/

nav#ast-mobile-site-navigation {
    padding-left:36px;
    padding-right: 0;
    width:100%;
}

ul#ast-hf-mobile-menu {
    display: flex;
    flex-direction: column;
    background:none;
}

button.ast-menu-toggle ,
ul#ast-hf-mobile-menu ul.sub-menu span.ast-icon.icon-arrow,
span.dropdown-menu-toggle.ast-header-navigation-arrow {
    display:none !important;
}

ul#ast-hf-mobile-menu ul.sub-menu {
    display:block !important;
    position: static;
    visibility: visible;
    width: auto;
    border: none;
    padding-left:36px;
    background:none;
}
ul#ast-hf-mobile-menu ul.sub-menu li {
    line-height:1;
}
ul#ast-hf-mobile-menu a.menu-link {
    padding:0;
}

nav#ast-mobile-site-navigation li{
    margin-bottom:5px;
    line-height:1;
}

nav#ast-mobile-site-navigation li a.menu-link {
    padding:10px 0;
    border-bottom:1px dashed #707070;
    font-size:16px;
}

/* logo */
nav#ast-mobile-site-navigation li.logo {
    margin-bottom:10px;
}
nav#ast-mobile-site-navigation li.logo a {
    width:120px;
    height:151px;
    border:none;
    overflow:hidden;
    text-indent:-100%;
    white-space:nowrap;
    background:url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/0f1e66120f6900b44c320dc9dcbc5425.svg') no-repeat;
}

/* contact */
nav#ast-mobile-site-navigation li.contact {
    position:relative;
    margin-bottom: 15px;
}
nav#ast-mobile-site-navigation li.contact > ul {
    position: relative;
    line-height: 1;
    left: 0;
}
nav#ast-mobile-site-navigation li.contact > ul::before {
    content:'※美容に携わるプロフェッショナルの皆さま対象';
    font-size:13px;
    margin-left:-36px;
    padding-block: 10px;
    display: block;
    white-space: nowrap;
    transform: none;
    position: relative;
}

/* sns */
nav#ast-mobile-site-navigation li.sns > a {
    display:none;
}
nav#ast-mobile-site-navigation li.sns > ul {
    display: flex !important;
    flex:auto;
    gap:48px;
}
nav#ast-mobile-site-navigation li.sns > ul a {
    border:none;
    width:40px;
    height:40px;
    overflow:hidden;
    text-indent: 100%;
    white-space:nowrap;
}
nav#ast-mobile-site-navigation li.sns > ul li {
    width:40px;
}
nav#ast-mobile-site-navigation li.sns > ul li a {
    background:no-repeat ;
    background-size:100%;
}
/* insta  */
nav#ast-mobile-site-navigation li.sns > ul li:nth-child(1) a {
    background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/Instagram_rogo.png);
  background-size:cover;
}
/* LINE  */
nav#ast-mobile-site-navigation li.sns > ul li:nth-child(2) a {
    background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/LINE_Brand_icon.png);
  background-size:cover;    
}
/* X  */
nav#ast-mobile-site-navigation li.sns > ul li:nth-child(3) a {
    background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/logo-black.png);
  background-size:contain;
}


.ast-header-break-point .ast-main-header-bar-alignment {
    width:100% ;
}

@media screen and (min-width:768px){
    .header-main-layout-1 .ast-main-header-bar-alignment {
        width: 600px;
        margin-right: -36px;
    }
}

/*
-------------------------------------------------------------------------------------------------------
 FOOTER
-------------------------------------------------------------------------------------------------------
*/

footer#colophon .site-above-footer-wrap {
    padding-top:70px;
}
@media screen and (min-width:1024px) {
    footer#colophon .site-above-footer-wrap {
        padding-top:120px;
    }
}

ul#menu-footer-nav {
    display: flex;
    flex-direction:column;
    gap:20px;
    width: 100%;
    max-width: 1300px;
    margin-inline: auto;
    align-items: flex-end;
}

ul#menu-footer-nav a {
    color:#FFF;
    font-size:20px;
}

footer#colophon {
    padding-inline: 36px;
}

/* mail icon */
li.icon-mail a {
    position:relative;
    padding-left:28px;
}
li.icon-mail a::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    display:block;
    width:24px;
    height:24px;
    background:url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/mail_icon.svg') no-repeat left center;
    background-size:cover;
}

/* コピーライト */
footer#colophon .ast-footer-copyright {
    text-align:right;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
}

@media screen and (min-width:1024px) {

    ul#menu-footer-nav {
        display: flex;
        gap: 0;
        flex-direction: row;
        justify-content: center;
    }
    
    ul#menu-footer-nav li {
        position:relative;
        padding-inline:2em;
    }
    ul#menu-footer-nav li::before {
        content:"";
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        display:block;
        width:1px;
        height:18px;
        background:#FFF;
    }
    ul#menu-footer-nav li:first-child::before {
        content:none;
    }
    /* コピーライト */
    footer#colophon .ast-footer-copyright {
        text-align:center;
    }
   
}
/*
-------------------------------------------------------------------------------------------------------
 ARCHIVES
-------------------------------------------------------------------------------------------------------
*/
#page .ast-archive-entry-banner {
  background:none !important;
  padding-bottom:0;
}

.blog #content article.post,
.archive #content article.post{
    margin-bottom: 1rem;
    border-bottom: 1px solid #707070;
    border-radius: 0;
}

.blog #content .post-content,
.archive #content .post-content{
    padding-left:0;
    display: flex;
    flex-direction: column-reverse;
}

.blog #content h2.entry-title,
.archive #content h2.entry-title{
    margin-bottom:0;
}

.blog #content h2.entry-title a ,
.archive #content h2.entry-title a {
    position: relative;
    display: block;
    color: #707070;
    margin-bottom: 0;
    transition: all ease .4s;
    padding: 1em 0;
    font-size: 16px;
    font-weight:normal;
}
.blog #content h2.entry-title a:after ,
.archive #content h2.entry-title a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 36px;
    height: 7px;
    background: url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow.svg) no-repeat;
}

.blog #content header.entry-header,
.archive #content header.entry-header {
    margin-bottom:0;
    margin-left: 0;
    margin-right: auto;
}

.blog #content .entry-meta span ,
.archive #content .entry-meta span {
    font-size:16px;
    color:#B29658;
    font-weight: normal;
}

@media screen and (min-width:1024px) {
    
    .blog #content .post-content,
    .archive #content .post-content  {
        display:flex;
        flex-direction:row-reverse;
        justify-content: space-between;
    }
    .blog #content h2.entry-title,
    .archive #content h2.entry-title {
        width:73%;
    }
    .blog #content header.entry-header ,
    .archive #content header.entry-header {
        padding:1em 0;
    }

}

/* page navigation */

#content .ast-pagination .nav-links {
    display:flex;
    justify-content:center;
    gap:10px;
}

#content .ast-pagination .page-numbers {
    display: flex;
    justify-content:center;
    align-items:center;
    width: 30px !important;
    height: 30px !important;
    font-size: 14px !important;
    font-size: 1.06666rem;
    line-height: 1;
    font-weight: 500;
    border-radius:50%;
}

#content .ast-pagination a,
#content .nav-links a {
    color: #707070;
    border:1px solid #707070;
}

#content .post-page-numbers.current .page-link,
#content .ast-pagination .page-numbers.current {
    background:#8DA7BD;
    border-radius:50%;
    border:1px solid #8DA7BD;
    color:#FFF;
}

#content .ast-pagination .prev.page-numbers ,
#content .ast-pagination .next.page-numbers {
    display: block;
    width:30px !important;
    border:none;
    position:relative;
    text-indent: 100px;
    overflow:hidden;
    /* background:red; */
    white-space: nowrap;
    font-size:5px;
    padding: 0;
}
#content .ast-pagination .prev.page-numbers::before ,
#content .ast-pagination .next.page-numbers::before {
    content:"";
    position:absolute;
    display:block;
    width:10px;
    height:10px;
    background:#FFF;
    top:50%;
    left:50%;
    border:1px solid #707070;
    border-bottom:0;
}
#content .ast-pagination .prev.page-numbers::before {
    border-right:none;
    transform:translate(-50% , -50%) rotate(-45deg);
}
#content .ast-pagination .next.page-numbers::before {
    border-left:none;
    transform: translate(-50% , -50%) rotate(45deg);
}




/* 個別記事 */
#content h1.entry-title {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 50px;
}

.single #content .entry-header {
    margin-bottom: 30px;    
}

#content .entry-meta,
#content .entry-meta * {
    color:#B29658;
    font-weight:normal;
    font-size:16px;
}

@media screen and (min-width:1024px) {
    #content h1.entry-title {
        font-size: 25px;
        margin-bottom: 90px;
    }
    .single #content .entry-header {
        margin-bottom: 50px;    
    }    
}

/*
-------------------------------------------------------------------------------------------------------
 SINGLE
-------------------------------------------------------------------------------------------------------
*/

/* 前後記事 */

nav.navigation.post-navigation {
    border-color:#707070;
    padding-top: 1rem;
}

.comment-navigation .nav-previous:after,
.post-navigation .nav-previous:after {
    display:none;
}

.single #content .ast-pagination a,
.single #content .nav-links a {
    border:none;
    margin: 0;
}

.single .post-navigation a .ast-post-nav {
    display:none;
}

.single #content .nav-links .nav-previous a ,
.single #content .nav-links .nav-next a {
    position:relative;
    font-size:12px;
}
.single #content .nav-links .nav-previous a {
    padding-left:56px;
    padding-right:0;
}
.single #content .nav-links .nav-previous a::before ,
.single #content .nav-links .nav-next a::after {
    width:36px;
    height:6px;
    content:"";
    position:absolute;
    top:50%;
    background-repeat:no-repeat;
}
.single #content .nav-links .nav-previous a::before {
    left:0;
    background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow-single-prev.svg);
}
.single #content .nav-links .nav-next a {
    padding-right:56px;
    padding-left:0;
}
.single #content .nav-links .nav-next a::after {
    right:0;
    background-image:url(https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow-single-next.svg);
}

/* 記事下 NEWS一覧リンク */

.single-news-link {
    margin-block: 40px;
}
@media screen and (min-width:1024px) {
    .single-news-link {
        margin-block: 80px;
    }   
    .single-news-link .arrow-btn {
        justify-content: flex-start !important;
    }
}

.single #content .post-navigation a p {
    display:block !important;
    white-space: normal;
    text-overflow: initial;
    overflow: visible;
}
.single .post-navigation .nav-links {
  padding-inline:0 !important;
}
/*
-------------------------------------------------------------------------------------------------------
 PAGES
-------------------------------------------------------------------------------------------------------
*/

/* 背景カバー画像 */
#content .sec-bg-image {
  margin:0;
}
#content .sec-bg-image img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#content .full-image {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

/* 画像キャプション */
figcaption.wp-element-caption {
    font-size: 11px;
}

@media screen and (min-width:1024px) {
  .pc-tac {
	text-align:center !important;
  }
}


/* link-btn */
.arrow-btn a.wp-block-button__link {
    position:relative;
    padding: .75em 2em;
    display:flex;
    align-items:center;
    gap:20px;
    font-size:22px;
}
.arrow-btn.white a.wp-block-button__link {
  background:#FFF;
  color:#707070;
}
.arrow-btn a.wp-block-button__link:after {
    content:"";
    width:36px;
    height:7px;
    background:url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow-white.svg') no-repeat bottom;
}
.arrow-btn.white a.wp-block-button__link:after {
    background:url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow-black.svg') no-repeat bottom;
}


/*
-------------------------------------------------------------------------------------------------------
 MV
-------------------------------------------------------------------------------------------------------
*/

#mv {
  position:relative;
  z-index:2;
}
#mv .full-image {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
#mv .main-text {
  font-size:60px;
  font-size: clamp(1.625rem, -1.9167rem + 8.8542vw, 3.75rem) ;
  font-size: clamp(1.625rem, -0.875rem + 6.25vw, 3.125rem) ;
  font-size: clamp(1.625rem, -0.6667rem + 5.7292vw, 3rem)!important;
  margin-top:-.75em !important;
}
#content #mv .sec-bg-image img {
  object-position:top right;
}
@media screen and (min-width:640px) {
  #mv {
	height:75vw;
  }
}
@media screen and (min-width:1024px) {
  #mv {
	height:calc(100vh - 96px);
  }
}
@media screen and (min-width:980px) {
  .mv-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      padding:0 36px;
      max-width:calc( 1300px + 36px * 2 );
  }
}

/*
-------------------------------------------------------------------------------------------------------
 ABOUT
-------------------------------------------------------------------------------------------------------
*/
div#about-sec {
  position:relative;
  z-index:0;
}
#content #about-sec .sec-bg-image img {
  object-fit:scale-down;
}
div#about-sec .about-text-wrapper {
  position:relative;
}
div#about-sec .about-text h3 {
  margin-bottom:1.5em;
  font-size:25px;
  text-align:center;
  color:#FFF;
}
div#about-sec .about-text {
  /*
  position:absolute;
  top:50%;
  transform:translateY(-50%);
	*/
  
  color:#FFF;
  font-size:16px;
  margin-bottom:1.5em;
  
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  line-height:1.5;
  text-shadow    : 
       4px  4px 2px #8b8b8b,
      -4px  4px 2px #8b8b8b,
       4px -4px 2px #8b8b8b,
      -4px -4px 2px #8b8b8b,
       4px  0px 2px #8b8b8b,
       0px  4px 2px #8b8b8b,
      -4px  0px 2px #8b8b8b,
       0px -4px 2px #8b8b8b;        /* 文字の影 */

}

div#about-sec .about-text img {
}

@media screen and (max-width:1023px) {
    div#about-sec .about-img .smb-media-text__figure {
        padding-inline:3rem 1rem;
    }
}
div#about-sec .about-text .pc-tac {
  font-size:1.2em;
}
@media screen and (min-width:1024px) {
  div#about-sec .about-text {
	  font-size: 32px;
      top:0;
      transform:translateY(0%);
  }
  
  div#about-sec .about-text h3 {
    text-align:left;
	  font-size: 46px;
  }
}
/*
-------------------------------------------------------------------------------------------------------
 NEWS
-------------------------------------------------------------------------------------------------------
*/

#news-sec {
  position:relative;
  z-index:0;
  overflow:hidden;
}

#news-sec ul.wp-block-latest-posts__list {
    padding: 0 0 0.5em;
    padding-left: 0;
}

time {
    color: #B29658;
}

#news-sec ul.wp-block-latest-posts__list time {
    margin:0;
    font-size:16px;
}

#news-sec ul.wp-block-latest-posts__list li{
    position:relative;
    display:flex;
    flex-direction:column-reverse;
    border-bottom:1px solid #707070;
    margin-bottom:1rem;
}

#news-sec ul.wp-block-latest-posts__list li a {
    position:relative;
    display:block;
    color:#707070;
    margin-bottom:0;
    transition:all ease .4s;
    padding:1em 0;
    font-size:16px;
}

/*  */
#news-sec ul.wp-block-latest-posts__list li a:after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    display:block;
    width:36px;
    height:7px;
    background:url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow.svg') no-repeat;
}

#news-sec ul.wp-block-latest-posts__list li a:hover {
    opacity:.8;
}

@media screen and (min-width:1024px) {
    
    #news-sec ul.wp-block-latest-posts__list li{
        display:flex;
        flex-direction:row-reverse;
        justify-content: space-between;
    }
    #news-sec ul.wp-block-latest-posts__list li a {
        width:73%;
    }
    #news-sec ul.wp-block-latest-posts__list time {
        padding:1em 0;
    }
    #news-sec .wp-block-buttons {
        justify-content: end;
    }
}


/*
-------------------------------------------------------------------------------------------------------
 CONTACT
-------------------------------------------------------------------------------------------------------
*/

#contact-sec {
  position:relative;
  z-index:0;
  overflow:hidden;
}
@media screen and (min-width:1024px) {
  #contact-sec .lead {
    text-align:center;
  }
}



div#contact-sec a.wp-block-button__link {
    display:flex;
    justify-content: space-between;
    align-items:center;
    gap:50px;
    border-radius:15px;
    padding:25px 80px;
    background: #8da7bd99;
    border: 2px solid #70707099;
}
div#contact-sec a.wp-block-button__link:hover {
    background: #ffffff99;
    color:#707070;
}

div#contact-sec a.wp-block-button__link:after {
    content:"";
    display:block;
    width:24px;
    height:5px;
    background: url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/contact-arrow.svg');
    background-size: cover;
    background-position: right bottom;
}
div#contact-sec a.wp-block-button__link:hover:after {
    background-image: url('https://poarism.bdiamond.jp/wp-content/uploads/2025/10/arrow-black.svg');
}
@media screen and (max-width:767px) {
	div#contact-sec .wp-block-buttons .wp-block-button {
		display:block;
		width:100%;
		
	}
	div#contact-sec a.wp-block-button__link {
		padding-inline:25px;
		justify-content:center;
		gap:42px;
	}
}

@media screen and (min-width:1024px) {
    div#contact-sec .sns-buttons {
        gap:98px;
    }
}