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


/* コンテンツ名 Start================== */

/* コンテンツ名 End==================== */

/* sp・PC切り替え Start================== */
@media screen and (max-width: 767px){
	.sp{display: none;}
}
@media screen and (min-width: 768px){
	.pc{display: none;}
}
/* sp・PC切り替え End================== */

/* FV Start ========================== */
div#main_visual {/*FV・ナビゲーション*/
    padding: 32px;
}
.p-mainVisual__inner.swiper.swiper-fade.swiper-initialized.swiper-horizontal {
    border-radius: 24px;
}
@media screen and (max-width: 767px){
	div#main_visual {
		padding: 16px;
	}
}
/* タイトル */
p.fv-title{
    margin-top: 20vh;
    font-size: 5vw;
    line-height: 1.25;
    margin-bottom: 5vh;
    background: linear-gradient(134deg, #59d9ff 0%, #1b48cb 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px){
	p.fv-title{
		margin-top: 10vh;
        font-size: 8vw;
	}
}
/* FV End =========================== */
/* フッター Start ====================== */
#footer, .l-footer__widgetArea{
	border-radius: 48px 48px 0 0;
}
.l-footer__widgetArea {
    background: linear-gradient(175deg, #51d1f7 0%, #127bc9 60%);
	border-bottom: 1px solid #fff;
}
/* フッターウィジェット1 左 */
#media_image-2 img {
    max-width: 400px !important;
	width: 100%;
}
div#text-2 {
    margin-top: 0 !important;
}
/* フッターウィジェット2 右 */
p.footer02-title {
    font-size: 1.5em;
}
p.tel-num {
    font-size: 3em;
    font-weight: 500;
	line-height: 1.2;
}

/* フッター End ======================== */
/* h2 セクション用 Start =============== */
.wp-block-heading.is-style-section_ttl span.title {
	display: block;
	margin-top: 0.5em;
    margin-bottom: 1em;
	letter-spacing: 0.15em;
	font-weight: 500;
	font-size: 32px;
}
@media screen and (max-width: 767px){
	.wp-block-heading.is-style-section_ttl span.title {
		font-size: 1.2em;
	}
}
.wp-block-heading.is-style-section_ttl span.sub {
    display: inline;
    font-size: 0.8em;
    margin-bottom: 1em;
    margin-left: 2em;
	position: relative;
	font-weight: normal;
}
.wp-block-heading.is-style-section_ttl span.sub:before {
    content: '●';
    margin-right: 0.8em;
    color: #faed0d;
    position: absolute;
    font-size: 1.2em;
    top: -0.05em;
    left: -1.6em;
}
/* 白文字 */
.is-white span{
	color: #fff;
}
/* h2 セクション用 End ================== */


/* pタグ装飾 Start================== */
/* メッセージ用大きめテキスト */
.txt-msg{
	font-size: 2em;
}
@media screen and (max-width: 767px){
	.txt-msg{
	  font-size: 2em;
	}
	/* sp左寄せ */
	.sp-txt-align-left{
	  text-align: left;
    }
}

/* pタグ装飾 End==================== */

/* table 表 Start================== */
.wp-block-table td, .wp-block-table th {
    padding: 24px .75em;
}
.wp-block-table td, .wp-block-table th {
    border: unset;
    border-bottom: 1px solid var(--color_border--table, #dcdcdc);
}
.post_content th {
    background-color: unset;
}
.post_content table tbody tr:first-child {
    border-top: 1px solid var(--color_border--table, #dcdcdc);
}
/* table 表 End==================== */


/* 中央寄せ枠 Start============== */
.bg-center{
    border-radius: 16px;
    padding: 32px;
}
@media screen and (max-width: 767px){
	.bg-center{
		padding: 24px;
	}
}
/* 中央寄せ枠 End================ */
/* 右寄せ枠 Start============== */
.bg-right{
    border-radius: 16px 0 0 16px;
    padding: 48px 32px 48px 24px;
    padding-right: calc(50vw - 50%);
    width: calc(50% + 50vw + 24px);
    height: calc(100% + 32px);
    transform: translateX(-24px);
}
@media screen and (max-width: 767px){
	.bg-right{
		padding: 32px 32px 32px 16px;
        margin-left: 16px;
	}
}
/* 右寄せ枠 End================ */

/* 青背景カラム 右寄せ Start============== */
.bg-right.bg-blue .swell-block-columns {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
}
.bg-right.bg-blue .swell-block-columns img {
    border-radius: 8px;
	width: 100% !important;
    height: auto !important;
}
/* 青背景カラム 右寄せ End================ */
/* 青背景 Start ================ */
.bg-blue{
	/*background-color: #127bc9;*/
	background-image: linear-gradient(150deg, #51d1f7 0%, #127bc9 60%);
}
/* 青背景 End ================ */
/* グレーグラデ背景 Start ================ */
.bg-gray{
	/*background-color: #cdcdcd;*/
	background-image: linear-gradient(157deg, rgba(242, 251, 250, 1), rgb(232 228 245) 67%, rgb(219 223 239));
}
/* グレーグラデ背景 End ================ */

/* お問い合わせ Start ================ */
.contact-box{
	max-width: 800px;
	margin: auto;
}
/* お問い合わせ End ================ */

/* 地図 Start ================ */
.map{
    position: relative;
    width: auto;
	/*width: 100vw;*/
    height: 480px;
    /*left: calc(50% - 50vw);*/
}
.map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 地図 End ================ */


/* ==================================== */