/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 16 2026 | 07:31:02 */
/*-------------------*/
/*メインビジュアル*/
/*-------------------*/
.p-mainVisual__textLayer {
    justify-content: flex-end;
}
/*mv内ボタン*/
figure.wp-block-image.size-large.u-lb-off.mv_cta_btn {
    width: 90%;
    margin: 4% auto;
}
@media (min-width: 960px) {
figure.wp-block-image.size-large.u-lb-off.mv_cta_btn {
    width: 25vw;
    margin-left: auto;
    margin-right: 1em;
}
}
.top #content {
    padding-top: 0;
}
/*-------------------*/
/*特徴セクション*/
/*-------------------*/
.top_features_box{
	position:relative;
	height:100%;
}
@media (min-width: 960px) {
.top_features_section a.group-link-wrap {
    height: 100%;
}
}
@media (max-width: 960px) {
	.top_features_box{
	height:auto;
}
}
.top_features_box p{
	line-height:2em;
}
.top_features_box_num{
    position: absolute;
    top: 8px;
    transform: translate(-50%, -50%);
    left: 30px;
}
/*黄色矢印*/
.yellow_arrow_box {
  position: relative;
}

.yellow_arrow_box::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -126px;
    width: 70px;
    height: 50px;
    background-image: url(https://xmobile-tag.co.jp/mobile/wp-content/uploads/2026/01/yellow_arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 960px) {
	.yellow_arrow_box::before {
        content: "";
        top: auto;
        bottom: -70px;
        right: 50%;
        width: 70px;
        height: 50px;
        transform: rotate(90deg) translate(0, -50%);
}
}
/*詳細*/
.top_features_box_detail{
	position:relative;	
	padding: 1em 1em 1em 4em !important;
}
.top_features_box_detail .top_features_box_num{
    position: absolute;
    top: 10px;
    transform: translate(-50%, -50%);
    left: 25px;
}
/*sns比較表*/
.top_features_section .has-border.-border01{
    border:3px solid #000;	
}
/*テーブル*/
.top_features_section .wp-block-table {
    --table-border: 3px solid #fff;
}
/*-------------------*/
/*店舗でのサポート*/
/*-------------------*/
@media (min-width: 960px) {
	.store_information_box {
    max-width: 540px;
    margin: 0 auto;
}
	.swell-block-columns.support_point_section {
    max-width: 70vw;
    margin: auto;
}
}
@media (max-width: 960px){
.wp-block-group.is-row.store_support_column{
	flex-direction: column-reverse;
}
	.wp-block-group.is-row.store_support_column.u-mb-ctrl.u-mb-30 p {
    text-align: center;
}
	}

.support_point_box {
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    line-height: 1;
	padding: 0em !important;
}
/*-------------------*/
/*料金について*/
/*-------------------*/
/* 文字幅にフィットさせる箱 */
.top_price_box{
  text-align: center;
}

/* 料金行の幅 = 文字幅 */
.top_price_box .price_wrap{
  position: relative;
  display: inline-block;
  line-height: 1;
}

/* 黄色アイコンを「円の上」に固定配置 */
.top_price_box .yellow_accent{
    position: absolute;
    right: -30px;
    top: -5px;
    margin: 0;
    width: 50px;
    height: auto;
    z-index: 2;
    pointer-events: none;
}

/*ポイント*/
.price_point_box {
    width: 200px;
    padding-top: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    line-height: 1.2;
	padding: 0em !important;
}
/*-------------------*/
/*特典セクション*/
/*-------------------*/
/* 文字幅にフィットさせる箱 */
.top_benefit_textarea{
  text-align: center;
}

/* 料金行の幅 = 文字幅 */
.top_benefit_textarea .top_benefit_textarea_wrap{
  position: relative;
  display: inline-block;
  line-height: 1;
}
.top_benefit_textarea_wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 85px;
    height: 85px;
    background-image: url(https://xmobile-tag.co.jp/mobile/wp-content/uploads/2026/01/benefit_deco.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.top_benefit_textarea_wrap::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -78px;
    width: 85px;
    height: 85px;
    background-image: url(https://xmobile-tag.co.jp/mobile/wp-content/uploads/2026/01/benefit_deco.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translate(-50%, -50%) scale(-1, 1);
}
/*詳細コンテンツ*/
.benefit_contents{
	position:relative;
	padding:4em .5em .5em .5em !important;
	width:100%;
}
.benefit_contents_point{
	position:absolute;
	top: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
@media (min-width: 599px) {
.benefit_contents .top{
	min-height:160px;
}
}
.benefit_detail_box{
	border-top: 3px dashed #D0B14E;
}

/*-------------------*/
/*お客様の声セクション*/
/*-------------------*/
.top_voice_box{
   box-shadow: 6px 5px 0 #C3D700;
}
/*-------------------*/
/*緑背景ctaセクション*/
/*-------------------*/
.green_cta span.wp-block-cover__background.has-swl-deep-03-background-color.has-background-dim-100.has-background-dim {
    top: auto;
    height: 68%;
}
@media (max-width: 960px) {
.swell-block-button.is-style-btn_normal.green_btn {
    text-align: center !important;
}
.swell-block-button.is-style-btn_normal.orange_btn{
    text-align: center !important;
}
}