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

/** 

LPページ対応 

*/ 

/* 既存設定の上書き */ .wp-element-caption{ color: #000000!important; font-weight: 500!important; } 

.lp-content[data-postid="5"] .swell-block-fullWide .swell-block-fullWide__inner{ padding-inline: 20px!important; } 

@media (max-width: 781px) { .single-lp .lp-content{ padding: 0 20px; } .single-lp .lp-content__postContent{ padding: 0; } } 

/* ユーティリティクラス / / ************************************************************ / / ************************************************************ / / ************************************************************ */ 

/* レイアウト関連 */ .flex{ display: flex; } 

.justify-center{ justify-content: center!important; } 

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

.mx-auto{ margin-inline: auto; } 

/* 幅 */ .w-full{ max-width: 100%; width: 100%; } 

.max-w-136px{ max-width: 136px; } 

/* フォントサイズ */ .fz-40, .fz-40 span{ font-size: 40px!important; } 

.fz-36, .fz-36 span{ font-size: 36px!important; } 

.fz-20, .fz-20 span{ font-size: 20px!important; } 

.fz-24, .fz-24 span{ font-size: 24px!important; } 

.fz-28, .fz-28 span{ font-size: 28px!important; } 

/* 文字間隔 */ .letter-space-10, .letter-space-10 span, .letter-space-10 span strong{ letter-spacing: 0.1em; } 

/* 太さ */ .fw-900{ font-weight: 900; } 

/* 高さ */ .min-h-36{ min-height: 36px; } 

.min-h-128{ min-height: 128px; } 

/* テキスト高さ */ .lh-1-75{ line-height: 1.75!important; } 

.lh-2{ line-height: 2.0!important; } 

/* 装飾 */ .text-underline, .text-underline a{ text-decoration: underline; } 

.br-20{ border-radius: 20px; } 

/* 余白 */ .py-0{ padding-block: 0!important; } .py-100{ padding-block: 100px!important; } .mb-0{ margin-bottom: 0!important; } .mb-5{ margin-bottom: 5px!important; } .pd-60{ padding: 60px!important; } .mt-36{ margin-top: 36px!important; } .mt-45{ margin-top: 45px!important; } .mb-8{ margin-bottom: 8px!important; } .mb-45{ margin-bottom: 45px!important; } .gap-5{ gap: 5px!important; } .gap-8{ gap: 8px!important; } .mb-60{ margin-bottom: 60px!important; } .pb-80{ padding-bottom: 80px!important; } .column-gap-40{ column-gap: 40px!important; } @media (max-width: 781px) { .sp-fz-16,.sp-fz-16 span{ font-size: 16px!important; } .sp-fz-20,.sp-fz-20 span{ font-size: 20px!important; } .sp-fz-28, .sp-fz-28 span{ font-size: 28px!important; } .sp-fz-32,.sp-fz-32 span{ font-size: 32px!important; } .sp-mt-24{ margin-top: 24px!important; } .sp-pt-60{ padding-top: 60px!important; } .sp-mb-24{ margin-bottom: 24px!important; } .sp-mb-30{ margin-bottom: 30px!important; } .sp-pb-80{ padding-bottom: 80px!important; } .sp-mb-80{ margin-bottom: 80px!important; } .sp-lh-0{ line-height: 0!important; } .sp-lh-1-5{ line-height: 1.5!important; } .sp-lh-1-75{ line-height: 1.75!important; } .sp-letter-space-10{ letter-spacing: 0.1em!important; } .-sp-order-1{ order: -1; } .sp-full-width{ width: 100vw; margin-inline: calc(50% - 50vw); } .sp-text-left{ text-align: left!important; } } 

/* ヘッダー / / ************************************************************ / / ************************************************************ / / ************************************************************ */ body.wp-admin .my-lp-header { position: static; } .my-lp-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: #fff; min-height: 80px; padding-left: 40px; } .lp-content[data-postid="5"] .my-lp-header { display: flex; justify-content: space-between; align-items: center; } .lp-content[data-postid="5"] .my-lp-header .my-lp-header__logo { width: 156px; height: auto; aspect-ratio: 156/60; } .lp-content[data-postid="5"] .my-lp-header .my-lp-header__logo img { vertical-align: middle; } @media (max-width: 1300px) { .lp-content[data-postid="5"] .my-lp-header { min-height: 70px; padding-left: 10px; } } @media (max-width: 1300px) { .lp-content[data-postid="5"] .my-lp-header .my-lp-header__logo { width: auto; position: fixed; z-index: 10000; } } .my-lp-header__drawer { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1024px) { .lp-content[data-postid="5"] .my-lp-header__drawer { display: block; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100vh; background-color: #FFFFFF; overflow-y: auto; visibility: hidden; opacity: 0; transition: visibility .2s, opacity .2s; } .menu-open .lp-content[data-postid="5"] .my-lp-header__drawer { visibility: visible; opacity: 1; } } @media (max-width: 1300px) { .lp-content[data-postid="5"] .my-lp-header__drawer { display: block; position: fixed; top: 70px; left: 0; z-index: 9999; width: 100%; height: calc(100vh - 70px); background-color: #EDF3F5; overflow-y: auto; visibility: hidden; opacity: 0; transition: visibility .2s, opacity .2s; } .menu-open .lp-content[data-postid="5"] .my-lp-header__drawer { visibility: visible; opacity: 1; } } 

.my-lp-header__menu { margin-left: auto; } .my-lp-header__menu ul { display: flex; list-style: none; gap: 32px; } .my-lp-header__menu ul li a { color: #222222; font-weight: bold; transition: opacity .2s; letter-spacing: 0.1em; } .my-lp-header__menu ul li a:hover{ opacity: .7; } @media (max-width: 1024px) { .lp-content[data-postid="5"] .my-lp-header__menu { margin: 0; align-items: center; } .lp-content[data-postid="5"] .my-lp-header__menu ul { flex-direction: column; padding: 0; } .lp-content[data-postid="5"] .my-lp-header__menu ul li a { display: block; color: #111; text-align: center; } } @media (max-width: 1300px) { .lp-content[data-postid="5"] .my-lp-header__menu { margin: 0; margin-top: 70px; align-items: center; padding-inline: 20px; background: #EDF3F5; } .lp-content[data-postid="5"] .my-lp-header__menu > nav{ padding-top: 40px; } .lp-content[data-postid="5"] .my-lp-header__menu ul { flex-direction: column; padding: 0; gap: 0; } .lp-content[data-postid="5"] .my-lp-header__menu ul li{ margin-bottom: 24px; } .lp-content[data-postid="5"] .my-lp-header__menu ul li:last-of-type{ margin-bottom: 0; } .lp-content[data-postid="5"] .my-lp-header__menu ul li a { display: block; color: #171C61; text-align: left; font-size: 16px; font-weight: 500; padding-bottom: 16px; border-bottom: 1px solid currentColor; letter-spacing: 0.1em; line-height: 1; background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%2012%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.45199%206.58001L3.51299%205.52001L9.29199%2011.297C9.38514%2011.3896%209.45907%2011.4996%209.50952%2011.6209C9.55997%2011.7421%209.58594%2011.8722%209.58594%2012.0035C9.58594%2012.1348%209.55997%2012.2649%209.50952%2012.3861C9.45907%2012.5074%209.38514%2012.6174%209.29199%2012.71L3.51299%2018.49L2.45299%2017.43L7.87699%2012.005L2.45199%206.58001Z%22%20fill%3D%22%23171C61%22%20style%3D%22fill%3A%23171C61%3Bfill%3Acolor%28display-p3%200.0902%200.1098%200.3804%29%3Bfill-opacity%3A1%3B%22/%3E%0A%3C/svg%3E%0A') top right / 12px 24px no-repeat; } } .my-lp-header__cv { margin-left: 40px; height: 80px; } .my-lp-header__cv a { display: flex; justify-content: center; align-items: center; gap: 8px; color: #fff; font-weight: bold; text-decoration: none; background-color: #171C61; padding: 23px 28px; position: relative; } .my-lp-header__cv a::before { content: ""; width: 34px; height: 34px; background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2230%22%20height=%2224%22%20viewBox=%220%200%2030%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3.66671%2023.3333C2.88754%2023.3333%202.22076%2023.0561%201.66637%2022.5018C1.11199%2021.9474%200.834318%2021.2801%200.833374%2020.5V3.5C0.833374%202.72083%201.11104%202.05405%201.66637%201.49967C2.22171%200.945277%202.88849%200.66761%203.66671%200.666666H26.3334C27.1125%200.666666%2027.7798%200.944332%2028.3351%201.49967C28.8905%202.055%2029.1677%202.72178%2029.1667%203.5V20.5C29.1667%2021.2792%2028.8895%2021.9464%2028.3351%2022.5018C27.7807%2023.0571%2027.1135%2023.3343%2026.3334%2023.3333H3.66671ZM26.3334%206.33333L15.7438%2012.9563C15.6257%2013.0271%2015.502%2013.0804%2015.3726%2013.1163C15.2432%2013.1522%2015.119%2013.1697%2015%2013.1687C14.881%2013.1678%2014.7573%2013.1503%2014.6289%2013.1163C14.5004%2013.0823%2014.3762%2013.029%2014.2563%2012.9563L3.66671%206.33333V20.5H26.3334V6.33333ZM15%2010.5833L26.3334%203.5H3.66671L15%2010.5833ZM3.66671%206.6875V4.59792V4.63333V4.61633V6.6875Z%22%20fill=%22white%22%20style=%22fill:white;fill-opacity:1;%22/%3E%0A%3C/svg%3E%0A') center / 28px 23px no-repeat; } @media (max-width: 1380px) { .my-lp-header__cv { margin-left: 30px; } .my-lp-header__cv a { padding: 23px 24px; } } @media (max-width: 1300px) { .lp-content[data-postid="5"] .my-lp-header__cv { display: flex; justify-content: center; margin: 32px 0 0; height: 50px; } .lp-content[data-postid="5"] .my-lp-header__cv a { font-weight: bold; min-width: 240px; padding: 25px 24px; } } 

.my-lp-header__sp-menu { display: none; } @media (max-width: 1024px) { .lp-content[data-postid="5"] .my-lp-header__sp-menu { display: block; width: 70px; height: 70px; background-color: #fff; border: none !important; position: fixed; top: 0; right: 0; z-index: 10000; } .lp-content[data-postid="5"] .my-lp-header__sp-menu span, .lp-content[data-postid="5"] .my-lp-header__sp-menu::before, .lp-content[data-postid="5"] .my-lp-header__sp-menu::after { content: ""; background-color: #fff; width: 24px; height: 2px; border-radius: 2px; position: absolute; inset: 0; margin: auto; transition: opacity .2s, transform .2s; } .lp-content[data-postid="5"] .my-lp-header__sp-menu::before { transform: translateY(-6px); } .lp-content[data-postid="5"] .my-lp-header__sp-menu::after { transform: translateY(6px); } .menu-open .lp-content[data-postid="5"] .my-lp-header__sp-menu span { opacity: 0; } .menu-open .lp-content[data-postid="5"] .my-lp-header__sp-menu::before { transform: translateY(0) rotate(-45deg); } .menu-open .lp-content[data-postid="5"] .my-lp-header__sp-menu::after { transform: translateY(0) rotate(45deg); } } .lp-content[data-postid="5"] .my-lp-header__sp-contact { display: none; } @media (max-width: 1300px) { .lp-content[data-postid="5"] .my-lp-header__sp-contact { display: grid; place-items: center; width: 70px; height: 70px; background-color: #171C61; border: none !important; position: fixed; top: 0; right: 70px; z-index: 10000; } .lp-content[data-postid="5"] .my-lp-header__sp-contact > span { width: 34px; height: 34px; background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2230%22%20height=%2224%22%20viewBox=%220%200%2030%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3.66671%2023.3333C2.88754%2023.3333%202.22076%2023.0561%201.66637%2022.5018C1.11199%2021.9474%200.834318%2021.2801%200.833374%2020.5V3.5C0.833374%202.72083%201.11104%202.05405%201.66637%201.49967C2.22171%200.945277%202.88849%200.66761%203.66671%200.666666H26.3334C27.1125%200.666666%2027.7798%200.944332%2028.3351%201.49967C28.8905%202.055%2029.1677%202.72178%2029.1667%203.5V20.5C29.1667%2021.2792%2028.8895%2021.9464%2028.3351%2022.5018C27.7807%2023.0571%2027.1135%2023.3343%2026.3334%2023.3333H3.66671ZM26.3334%206.33333L15.7438%2012.9563C15.6257%2013.0271%2015.502%2013.0804%2015.3726%2013.1163C15.2432%2013.1522%2015.119%2013.1697%2015%2013.1687C14.881%2013.1678%2014.7573%2013.1503%2014.6289%2013.1163C14.5004%2013.0823%2014.3762%2013.029%2014.2563%2012.9563L3.66671%206.33333V20.5H26.3334V6.33333ZM15%2010.5833L26.3334%203.5H3.66671L15%2010.5833ZM3.66671%206.6875V4.59792V4.63333V4.61633V6.6875Z%22%20fill=%22white%22%20style=%22fill:white;fill-opacity:1;%22/%3E%0A%3C/svg%3E%0A') center / 28px 23px no-repeat; } .lp-content[data-postid="5"] .my-lp-header__sp-menu { display: block; width: 70px; height: 70px; background-color: #fff; border: none !important; position: fixed; top: 0; right: 0; z-index: 10000; } .lp-content[data-postid="5"] .my-lp-header__sp-menu span, .lp-content[data-postid="5"] .my-lp-header__sp-menu::before, .lp-content[data-postid="5"] .my-lp-header__sp-menu::after { content: ""; background-color: #171C61; width: 32px; height: 4px; position: absolute; inset: 0; margin: auto; transition: opacity .2s, transform .2s; } .lp-content[data-postid="5"] .my-lp-header__sp-menu::before { transform: translateY(-10px); } .lp-content[data-postid="5"] .my-lp-header__sp-menu::after { transform: translateY(10px); } .menu-open .lp-content[data-postid="5"] .my-lp-header__sp-menu span { opacity: 0; } .menu-open .lp-content[data-postid="5"] .my-lp-header__sp-menu::before { transform: translateY(0) rotate(-45deg); } .menu-open .lp-content[data-postid="5"] .my-lp-header__sp-menu::after { transform: translateY(0) rotate(45deg); } } /* 不動産LP全体 */ .lp-content[data-postid="5"]{ font-family: 'Noto Sans JP', 'Noto SansJP' , 'sans-serif'!important; } 

/* セクション見出し */ .my-section-heading *{ font-size: 48px!important; font-weight: 900!important; letter-spacing: 0.1em!important; } 

@media (max-width: 781px) { .my-section-heading *{ font-size: 28px!important; line-height: 1.5!important; } }