@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/*// cmn_cta // */

#cmn_cta {
  align-items: stretch;
}
#cmn_cta {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important;
    --wp-column-gap: 1.5em;
    gap: var(--wp-column-gap) !important;
}
#cmn_cta .cmn_cta-link {
    margin: 0;
}
#cmn_cta .is-style-vk-group-solid {
  border-width: 1px;
  height: 100%;
  padding: min(7vw, 48px) min(5vw, 48px);
}
#cmn_cta .wp-block-column:nth-child(1) .is-style-vk-group-solid {
  border-color: #C7C7C7;
}
#cmn_cta .wp-block-column:nth-child(2) .is-style-vk-group-solid {
  border-color: var(--color_text);
}

#cmn_cta .wp-block-group.has-link {
  transition: transform .25s ease-in-out;
  position:relative;
}
#cmn_cta .wp-block-group.has-link::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 56 56"><path fill="%2326344e" d="M28,56C12.56,56,0,43.44,0,28S12.56,0,28,0s28,12.56,28,28-12.56,28-28,28ZM28,1C13.11,1,1,13.11,1,28s12.11,27,27,27,27-12.11,27-27S42.89,1,28,1ZM31.66,25.75l-8.61,8.61-1.41-1.41,8.61-8.61h-7.92l.02-2h11.31v11.31l-2,.02v-7.92Z" /></svg>') no-repeat center / contain;
  content: '';
  display: block;
  margin: auto;
  position: absolute;
  	top:min(7vw, 48px);
  	right: min(5vw, 48px);
  width: 3.5em;
  height:3.5em;
  
}

#cmn_cta .wp-block-group.has-link:hover {
  transform: scale(1.02);
}

@media (min-width: 782px) {
    #cmn_cta:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
}
