@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
*/

/* tailwindcssの中で頻繁に使用するものをこのファイルに定義。それ以外のCSSを追加する場合はカスタムCSSに定義 */
.text-black	{ color: rgb(0 0 0)!important; } 

.absolute { position: absolute !important; } 

.relative { position: relative !important; } 

.flex { display: flex !important; }

.flex-col { flex-direction: column !important; }

.mx-auto { margin-left: auto; margin-right: auto; }

.max-w-full { max-width: 100% !important; } 

.h-auto { height: auto !important; } 

.w-max	{ width: max-content; }

.items-center { align-items: center !important; } 

.justify-end { justify-content: flex-end !important; } 

.rounded-3xl { border-radius: 1.5rem; /* 24px */ }

.overflow-hidden { overflow: hidden; }

.m-auto {margin: auto !important; } 

.m-4 { margin: 1rem !important; } 

.mb-10 { margin-bottom: 2.5rem !important; } 

.mb-16 { margin-bottom: 4rem !important; /* 64px */ } 

.ml-0 { margin-left: 0px !important; } 

.mr-0 { margin-right: 0px !important; } 

.mt-14 { margin-top: 3.5rem !important; /* 56px */ } 

.mt-16 { margin-top: 4rem !important; /* 64px */ } 

.-mb-16 { margin-bottom: -4rem !important; /* 64px */ } 

.p-0 { padding: 0px !important; } 

.p-8 { padding: 2rem !important; } 

.pb-8 { padding-bottom: 2rem !important; } 

.pb-10 { padding-bottom: 2.5rem !important; /* 40px */ } 

.pb-48 { padding-bottom: 12rem !important; } 

.pl-8 { padding-left: 2rem !important; } 

.pl-20 { padding-left: 5rem; /* 80px */ } 

.pr-20 { padding-right: 5rem; /* 80px */ } 

.pt-10 { padding-top: 2.5rem !important; /* 40px */ } 

.bottom-6 { bottom: 1.5rem !important; } 

.left-6 { left: 1.5rem !important; } 

.bottom-12 { bottom: 3rem !important; } 

.left-12 { left: 3rem !important; } 

.bottom-24 { bottom: 6rem !important; } 

.left-24 { left: 6rem !important; } 

.bottom-48 { bottom: 12rem !important; }
