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

:root{
    --main-color: #000;
    --logo-color1: #ffe74c;
    --logo-color2: #ff4f58;
    --logo-color3: #4f9dff;
    --logo-color4: #30e3ca;
    --text-color:#383838;
    --light-color:#e3f6fe;
}
/****************************************
    共通
****************************************/
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.06em;
}

.wide-section{
    margin: 0 calc(50% - 50cqi);
    width: 100vw;
}
.inner-container{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.font-center{
    text-align: center;
}

.is-style-btn_normal a, .is-style-btn_shiny a {
    box-shadow: none;
}
.is-style-btn_normal a:hover {
    box-shadow: none;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .l-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 600px) {
    .l-content {
        padding-top: 2em;
    }
}
@media screen and (max-width: 550px) {
    .l-content {
        margin-bottom: 50px;
    }
}

/* 矢印付きのボタン */
.common-button-arrow{
    color: var( --text-color);
    font-size:clamp(14px, 14 / 375 * 100vw ,15px);
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    transition: 0.3s;
}
.common-button-arrow:hover{
    margin-right: -20px;
}
.common-button-arrow .arrow{
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M21.6667%2015L22.2558%2014.4108L22.845%2015L22.2558%2015.5892L21.6667%2015ZM9.16666%2015.8333C8.94565%2015.8333%208.73369%2015.7455%208.57741%2015.5893C8.42113%2015.433%208.33333%2015.221%208.33333%2015C8.33333%2014.779%208.42113%2014.567%208.57741%2014.4107C8.73369%2014.2545%208.94565%2014.1667%209.16666%2014.1667V15.8333ZM17.2558%209.41084L22.2558%2014.4108L21.0775%2015.5892L16.0775%2010.5892L17.2558%209.41084ZM22.2558%2015.5892L17.2558%2020.5892L16.0775%2019.4108L21.0775%2014.4108L22.2558%2015.5892ZM21.6667%2015.8333H9.16666V14.1667H21.6667V15.8333Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.gray-arrow{
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cimage%20id%3D%22%E3%83%98%E3%82%99%E3%82%AF%E3%83%88%E3%83%AB%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%82%AA%E3%83%95%E3%82%99%E3%82%B7%E3%82%99%E3%82%A7%E3%82%AF%E3%83%88_2x%22%20data-name%3D%22%E3%83%98%E3%82%99%E3%82%AF%E3%83%88%E3%83%AB%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%82%AA%E3%83%95%E3%82%99%E3%82%B7%E3%82%99%E3%82%A7%E3%82%AF%E3%83%88%402x%22%20width%3D%2264%22%20height%3D%2264%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAKSWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAASImdU3dYk%2FcWPt%2F3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371%2Fu855zn%2FM55zw%2BAERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh%2BdLA%2F%2FAGvbwACAHDVLiQSx%2BH%2Fg7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK%2F4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO%2F0xaL%2Ba%2FBvIj4h8d%2F%2BvIwCBAAQTs%2Fv2l%2Fl5dYDcMcBsHW%2Fa6lbANpWAGjf%2BV0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s%2B%2FzPhb%2BCLfvb8QB7%2B23rwAHGaQJmtwKOD%2FXFhbnauUo7nywRCMW735yP%2Bx4V%2F%2FY4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk%2FATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO%2F%2BY9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II%2FItchQ5jVxA%2BpDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS%2Bh1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE%2BwIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE%2B0JXoS%2BcR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE%2BS%2B8nD5LcUOsWI4kwJoiRSpJQSSjVlP%2BUEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL%2Bl0ugndgx5Fl9CX0mvoB%2Bnn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS%2BZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U%2F1XmqC1SrVQ%2BrXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O%2BX%2F2C%2BmMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF%2Bxt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0%2FLbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY%2Bt56Qn1yvUO6d3RR%2FVt9KP1F%2Brv1u%2FRHzcwNAg2kBlsMThj8MyQY%2BhrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ%2BM1eBc%2BZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82%2FyNhaVFnMVKizaLx5balnzLBZZNlvesmFY%2BVnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10%2FWjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo%2BPWX6zukDPsY%2BAp96n4e%2Bpr4i3z2%2BI37Wfpl%2BB%2Fye%2Bzv6y%2F2P%2BL%2FhefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG%2FljM9xnLJrRFcoInRVaG%2FowzCZMHtYRjobPCN8Qfm%2Bm%2BUzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y%2BpjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h%2FhF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I%2F5YMgQlAvGE%2Flp25NHRPyhJuFT0W%2Boo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI%2Flz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b%2B6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV%2BscKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb%2BvSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2%2FKhNqP2ep1%2FXctW%2Fa2rt77ZJtrWv913e%2FMOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur%2Fmft24R3dPxZ6Pe6V7B%2FZF7%2BtqdG9s3K%2B%2Fv7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e%2BNQ6KHOw9zDzd%2BZf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe%2Bt%2F9%2B7zHjY3XHNY9XnqCdKD3x%2BeSCk%2BOnZKeenU4%2FPdSZ3Hn3TPyZa11RXb1nQ8%2BePxd07ky3X%2FfJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2%2FrZffL7Vc8rnT0Tes70e%2FTf%2FpqwNVz1%2FjXLl2feb3vxuwbt24m3Ry4Jbr1%2BHb27Rd3Cu5M3F16j3iv%2FL7a%2FeoH%2Bg%2Fqf7T%2BsWXAbeD4YMBgz8NZD%2B8OCYee%2FpT%2F04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W%2F3nrc6vn3%2F3i%2B0vPWPzY8Av5i8%2B%2Frnmp83Lvq6mvOscjxx%2B8znk98ab8rc7bfe%2B477rfx70fmSj8QP5Q89H6Y8en0E%2F3Pud8%2Fvwv94Tz%2By1HOM8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAaDSURBVHic7Zt%2FaJVlFMc%2FXpdYmxIYqKUoaUsXxuwXk9UolWODMClB%2FCfUkpZDKLKESEwGgSUUxETMVPxHghVKwvKwLFYj6dck8UdLY6KkQkLMrcQ0%2B%2BM5z9733u7d3b33fa%2F79YVx9zzv%2Bz7P%2BZ73PD%2FOec47ipihqtOAGqACmAWUAxOAMqDUbusBuoFLQAdwEjgOtIrImTjlGxV1g6o6Ckd4ObAQmFFgk6eBFmAvTiE3CmwvCZEpQFXvAOqBFcD0NLd0497uCeA8cBnosmvjgXHAZGA2zkrK0rTRCewGGkXkjyjkLlgBqjoJWAfUEZg0wBWgGTgEHBKR4zm2WwHMt79aYGzocg%2BwDdgiIhfyl74ABahqCbAGaMC9QY82YCfQJCJd6Z7No6%2FxwFJgFVAdutQFbAC2isi1fNrOSwGqOgfYA1SGqg8CDSLSlk%2BbOfRdjSO9KFR9BHhORI7m2l7OClDVF4APCEzyBFAvIl%2Fm2lYhUNUngEbcnAFuyK0VkR25tNNvBajqGNy4W2lV14G3gM0i8k8unUYFVb0FWG9yjLbqXUCdiFztTxv9UoCq3gbsxy1rAGeBZSLybS4CxwVVnQd8DEy1qhbgaRH5K9uzWRVg5JtxazvAYeApEbmUn7jxQFUnAAeAKqtqBWqzKSGRpdExuDfvyTcDCwYaeQCTaQFORnAy7zcOGdGnAnBj3pt9M7CkP2Z1s2CyLSFQwkIch4zIOARstv%2FQiodxb37Akg%2FDhu0XBMNhdabVIa0CbJ3%2FDrfUnQXmDkSz7ws2J7TjJsYrwCPp9gn%2FGwK2w9uDI38NN9sPKvLQOycsw3EYC%2BwxbklINwesIdjhbRooS10%2BMNk3WbESxy0JSQowx6bBiieAzTHKVyxsxnEBaDCOvUi1gHUEjk39zdrhRQnjUG%2FF8TiOveidBM2f78S5tAdF5MkiyVgUqOrnOAeqB5ju4wlhC6gn8OcbGHrwnEoJLMJZgIWxfsNFctpE5NFiS1cMqOo3uHhCJ3C3iNzwFlBDEMbaWUSBxqnqXcXqj4DbdGx77xWw3H6vAE3FkMRm44vAOVV9z6wwbjThOIJx9gro3e9HFcbqB6YAt9r%2FLwNfq%2Bq4ODs0bmE%2FgYTF7X3o%2BlCcAqQI8wOwPVRVDfyqquUxd%2B05zlDVaQkCVzd8sSgQkRdxEabrVjUROKqqz8TYbZhjTQK4zwrduYauo4CI7AYeBv60qjHAJ6r6ThzzgnHstmJFArjXCh1Rd9ZfiEg7MBP4OVT9GvCVqqY7ICkUnuusBO4UBoL98k2BeW8P4E5%2BPGqADlWdGXF3nmt5AndQCfB7xJ3kDBG5LiIrgdXAv1Y9GTimqosj7MpznVBCcAbXneHmnKCqlcA8Cj92%2BwinCHDzwn5VfRt4M4IDUs%2B1rIRg%2F1%2Fw%2Bm%2Bbmx%2FJHmvMF28AVaq6WER6CmjHcy2NS9BBgxKce1hK8gFnXhCRC6r6INEMgUqCIeAR1RDwXHtKcOOhlPTn8TlDRI7gDivzhkWknw9VXQWWishnhbQbQu%2B8V4JLS5kI3BlR43lDVUcDO3BJFh7ngRoRORVhV57rpQTBpmB2hpuLAgtj%2F0Qy%2BVagPGLyEHDtSAC%2FWCFuJyQjVHUucAq4P1T9LvC4iESyPKfAcz2ZAI5ZoczSUooKVV0BfA%2FcblVXgWdF5PWoE6KsvwqCOeB4AmdmHvOj7jCLMNtx5%2Fn%2BbP8iMEdEPo2x2zDH1oTl4Z1OczFWqOpDJC9zbcA9IhK3U%2BY5nhaRM34j1GK%2FtZaQVAycA%2F62%2F98HHhORy3F2aNxqrdgCwZZ1r%2F2OxWVjxQ5Lb5sITBGRV%2BIY72mwlCC3aS%2B4nSC4eaATFy1dRZEiw%2FbGY33rKVhlv53Y3JcwQW4Q%2BOHVloo2pGCcPK%2Fd3uLCzlAjzi8Al4c31OA59eC4AiEF2FmZTydZZHl4QwLGxSdWbgvnGae6w1sIfOVGy8Mb1DAO%2Fo134Tj2IkkBNjN7U5mNS0Ic7FhPsPffkJpcnS4gspXAnd1oSYiDEib7RisewXFLwkiSVLqH7ca1VpwKHLDUs0EBk%2FUAQers2kyZ5BljgpZXt8uKVUBTtqzLgQCTsYkgR3BXXxnk2YKidYT8BGDfQLYEk20fyfv9ur6eGUmWztawNVBLYAlVQPtAWh1MlnYC8i30gzyMfDAx8snMyEdTBQgyfD%2BbSxFuEvAq8BLD6cPJVAzbT2dTMWw%2Fns6Egf75%2FH%2BMY4Ko8BkqqgAAAABJRU5ErkJggg%3D%3D%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-left: auto;
    transition: 0.3s;
}
@media screen and (max-width: 500px) {
    .gray-arrow{
        width: 30px;
        height: 30x;
    }
}
/* 楕円形のボタン */
.common-button,
.common-button a{
    color: #fff;
    padding: 12px 12px;
    border-radius: 50px;
    font-size:18px;
    font-weight: 400;
    line-height: 1.5;
    min-width: 260px;
    width: fit-content;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    cursor: pointer;
    transition: 0.3s;
}
.common-button.blue,
.common-button.blue a{
    background-color: var(--logo-color3);
}
.common-button.aqua,
.common-button.aqua a{
    background-color: var(--logo-color4);
}
.common-button.blue:hover,
.common-button.blue:hover a{
    background-color: #53bfff;
}
.common-button.aqua:hover,
.common-button.aqua:hover a{
    background-color: #30f3d3;
}
.common-button-small,
.common-button-small a{
    width: 330px;
    max-width: 330px;
}

.wrap-button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    gap: 30px;
    max-width: 750px;
}

@media screen and (max-width: 767px) {
    .wrap-button{
        gap: 20px;
    }
}

@media screen and (max-width: 500px) {
    .common-button{
        font-size:16px;
        width: 250px;
        height: 50px;
    }
}

/* 見出し */
.heading-bubble,
.is-style-section_ttl.heading-bubble{
    position: relative;
}
.heading-bubble::before,
.is-style-section_ttl.heading-bubble::before{
    content: "";
    background: url( "./images/common/icon-bubble.png" )  no-repeat center center / contain;
    position: absolute;
    top: -96px;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: auto; 
    aspect-ratio: 58/46;   
}
@media screen and (max-width: 500px) {
    .heading-bubble::before,
    .is-style-section_ttl.heading-bubble::before{ 
        top: -60px;
        width: 37px;
        height: auto;
    }
}

.is-style-section_ttl.heading-pin{
    position: relative;
}
.is-style-section_ttl.heading-pin::before{
    content: "";
    background: url( "./images/common/icon-pin.png" )  no-repeat center center / contain;
    position: absolute;
    top: -110px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: auto; 
    aspect-ratio: 42/59;   
}
@media screen and (max-width: 500px) {
    .is-style-section_ttl.heading-pin::before{ 
        top: -100px;
        width: 37px;
        height: auto;
    }
}
.is-style-section_ttl.text-left{
    text-align: left;
}
.is-style-section_ttl img{
    max-width: 100%;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font28{
    font-size:clamp(17px, 17 / 375 * 100vw ,28px);
}
.bold{
    font-weight: bold;
}
.center{
    text-align: center;
}
.img-heading{
    display: block;
    margin: auto;
}
.brackets{
    position: relative;
    width: fit-content;
    padding: 0 36px;
    font-size: 24px;
    font-weight: bold;
    min-width: 200px;
}
.brackets::before,
.brackets::after{
    content: "";
    background: url( "./images/common/brackets.png" )  no-repeat center center / contain;
    position: absolute;
    top: 0px;
    width: 16px;
    height: auto;
    aspect-ratio: 16 / 46;
 
}
.brackets::before{
    left: 0px;
}
.brackets::after{
    position: absolute;
    right: 0px;
    transform: scale(-1,1);
}
@media screen and (max-width: 600px) {
    .brackets {
        font-size: 18px;
        line-height: 1.8;
        min-width: fit-content;  
    }
    .brackets::before, .brackets::after {
        aspect-ratio: 16 / 46;
        width: 12px;
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .brackets {
        font-size: 16px;
        line-height: 2.0;
        padding: 0 26px;
    }
    .brackets::before, .brackets::after {
        aspect-ratio: 16 / 46;
        width: 12px;
        height: auto;
    }
}


.highlight{
    background: linear-gradient(transparent 20%, var(--logo-color1) 20%);
    font-weight: 500;
}

.line-break{
    display: inline-block;
}

.sp-only{
    display: none;
}


@media screen and (max-width: 781px) {
    .column-reverse{
        flex-direction: column-reverse;
        align-items: center !important;
    }
}

/* モバイルの見出し画像 */
@media screen and (max-width: 600px) {
    .is-style-section_ttl.heading-sp90{
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .is-style-section_ttl.heading-sp80{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .is-style-section_ttl.heading-sp70{
        padding-left: 15vw;
        padding-right: 15vw;
    }
    .is-style-section_ttl.heading-sp60{
        padding-left: 20vw;
        padding-right: 20vw;
    }
    .is-style-section_ttl.heading-sp50{
        padding-left: 25vw;
        padding-right: 25vw;
    }

    .wp-block-spacer.sp70{
        height: 70px !important;
    }
    .wp-block-spacer.sp50{
        height: 50px !important;
    }
    .wp-block-spacer.sp30{
        height: 30px !important;
    }
    .wp-block-spacer.sp10{
        height: 10px !important;
    }

    .is-style-section_ttl.heading-width65{
        max-width: 65vw;
        margin: 0 auto 30px;
    }

    .wp-block-columns.sp-bt30{
        margin-bottom: 30px;
    }
}

/* step */
@media screen and (max-width: 700px) {
    .step-flow{
        flex-direction: column;
        align-items: center ;
        max-width: 500px !important;
    }
    .step-flow .wp-block-column{
        width: fit-content;
        .is-style-section_ttl.has-text-align-left ,.step{
            text-align: center;
        }
    }
    .step-flow h3{
        font-size:clamp(19px, 19 / 375 * 100vw ,20px);
        margin-top: 5px !important;
    }
    .step-flow .step{
        font-size:clamp(12px, 12 / 375 * 100vw ,16px);
    }

}
/****************************************
    メインビジュアル
****************************************/
.top #content {
    padding-top: 0;
    z-index: 0;
}
.main-visual{
    background-color: var(--logo-color1);
    position: relative;
    max-height: 820px;
    height: 50vw;
    margin: 30px calc(50% - 50cqi) 0;
    width: 100vw;
}

.main-visual::after{
    content: "";
    background-image: url( "./images/top/mv-wave.png" ) ;
    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 100%;
    height: 50px;
    z-index: 1;
}
.main-visual::before{
    content: "";
    background-color: var(--logo-color1);
    position: absolute;
    left: 0px;
    top: -30px;
    width: 100%;
    height: 30px;
    z-index: 0;
}
@media screen and (max-width: 1400px) {
    .main-visual::after{
        bottom: -30px;
    }
}

@media screen and (max-width: 550px) {
    .main-visual::after {
        height: 40px;
        bottom: -15px;
    }
}
.top-wrap-now{
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 34px;
    border: solid 4px var(--logo-color4);
    width: 50vw;
    height: auto;
    max-width: 732px;
    padding: 40px 43px 27px;
    margin: -100px auto 0;
    .title{
        margin-bottom: 2px;
    }
    .now {
        position: absolute;
        top: -58px;
        left: 50%;
        transform: translateX(-50%);
    }
    .open{
        margin-top: -5px;
    }
}
.top-wrap-now p{
    text-align: center;
}
.top-wrap-now  p.font18{
    font-size: 15px;
    font-size:clamp(15px, 15 / 1200 * 100vw ,18px);
}
@media screen and (max-width: 1200px) {
    .top-wrap-now{
        padding: 40px 20px 20px;
        margin: -60px auto 0;
       .now {
            top: -39px;
            width: 200px;
        }
    }
}
@media screen and (max-width: 1000px) {
    .top-wrap-now{
        padding: 33px 25px 17px;
        min-width: 472px;
        .tel{
            font-size: 32px;
        }
        .tel .icon-tel {
            left: -42px;
            width: 32px;
        }
        .open{
            font-size: 14px;
        }
    }
}

@media screen and (max-width: 767px) {
    .top-wrap-now{
        display: none;
        position: fixed;
        bottom: 90px;
        left: 50%;
        transform: translateX(-50%);
        padding: 33px 20px 17px;
        min-width: 290px;
        width: 80vw;
        min-width: 320px;
        .title {
            width: 80%;
            margin: 0 auto 10px;
            display: block;
        }
        .tel{
            font-size: 28px;
        }
        .tel .icon-tel {
            left: -42px;
            width: 32px;
        }
        .font18{
            font-size: 12px;
        }
        .open{
            font-size: 12px;
        }
        .now{
            width: 170px;
        }
    }
}


/*共通TEL*/
.tel{
    position: relative;
    width: fit-content;
    margin: 6px auto 0;
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 0.04em;
    color:var(--logo-color4);
    line-height: 1.4;
}
.tel .icon-tel{
    content: "";
    background: url( "./images/common/icon-tel.png" )  no-repeat center center / contain;
    position: absolute;
    top: 52%;
    left: -47px;
    transform: translateY(-50%);
    width: 37px;
    height: 38px;
}


/* 画像位置 */
.main-visual img{
    position: absolute;
    z-index: 1;
}
.main-visual {
    .mv-main-copy{
        top: 21.4%;
        left: 50%;
        transform: translateX(-50%);
        width: clamp(52px,4.6vw,90px);
    }
    .mv-p{
        top: 5.7%;
        left: 9%;
        width: min(18vw,347px);
    }
    .mv-o{
        bottom: 18.3%;
        left: 25%;
        width: min(19.3vw,372px);
    }
    .mv-m{
        bottom: 26.8%;
        right: 25%;
        width:  min(20.6vw,396px);
    }
    .mv-u{
        top: 10.7%;
        right: 6.4%;
        width:  min(18.8vw,361px);
    }
    .mv-copy1{
        top: 168px;
        top: 20.4%;
        left: 25.2%;
        width:  min(17.5vw,336px);
        z-index: 2;
    }
    .mv-copy2{
        bottom: 178px;
        bottom: 21.7%;
        right: 19.7%;
        width:  min(21vw,404px);
        z-index: 1;
    }
    .branch-bird{
        bottom: 19.5%;
        right: 0;
        width:  clamp(150px,15.3vw,294px);
    }
    .bird1{
        top: 10%;
        left: 32%;
        width:  clamp(40px,2.7vw,53px);
    }
    .bird2{
        top: 13.4%;
        right: 35.7%;
        width:  clamp(50px,4vw,78px);
    }
    .balloon1{
        bottom: 22.6%;
        left: 14.7%;
        width:  clamp(55px,4vw,77px);
        z-index: 1;
    }
    .balloon2{
        bottom: 35.8%;
        left: 19.8%;
        width:  clamp(40px,3vw,59px);
        z-index: 1;
    }
    .tree3{
        bottom: 20px;
        left: 7%;
        width:  min(20.2vw,389px);
    }
    .tree2{
        bottom: 20px;
        right: 9.8%;
        width:  min(9vw,171px);
    }
    @media screen and (min-width: 2300px) {
        .mv-p {
            left: calc(50vw - 1000px);
        }
        .mv-o {
            left: calc(50vw - 600px);
        }
        .mv-m {
            right: calc(50vw - 600px);
        }
        .mv-u {
            right: calc(50vw - 1050px);
        }
        .mv-copy1 {
            left: calc(50vw - 750px);
        }
        .mv-copy2 {
            right: calc(50vw - 700px);
        }

        .tree3{
          left: calc(50vw - 900px);
        }
        .tree2{
            right: calc(50vw - 700px);
        }
    }

    @media screen and (max-width: 1400px) {
        .tree3,.tree2{
            bottom: 10px;
        }
    }

    @media screen and (max-width: 1000px) {
        .mv-main-copy {
            top: 10%;
        }
        .mv-p {
            top: 10%;
            left: 9%;
        }
        .mv-o {
            left: 22.5%;
        }
        .mv-m {
            right: 23%;
            bottom: 21%;
        }
        .mv-u {
            right: 5%;
        }
        .mv-copy1 {
            top: 25%;
        }
        .mv-copy2 {
            bottom: 15.5%;
        }
    }
    
    @media screen and (max-width: 850px) {
        .mv-main-copy {
            top: 7%;
        }
    }
}

@media screen and (max-width: 767px) {      /* SPのメインビジュアルに切り替える */
    .main-visual {
        max-height: unset;
        height: 133vw;


        .mv-main-copy {
            top: 10%;
            width: 17.6%;
        }
        .mv-p {
            top: 6.5%;
            left: 9%;
            left: 2.2%;
            width: 33.3vw;
        }
        .mv-o {
            top: 12.8%;
            left: unset;
            right: 0;
            width: 39vw;
            width: 36.5vw;
        }
        .mv-m {
            top: 53%;
            left: 0;
            right: unset;
            bottom: unset;
            width: 39vw;
        }
        .mv-u {
            right: 1%;
            top: 48.5%;
            bottom: unset;
            width: 35.7vw;
        }
        .mv-copy1 {
            top: 30.5%;
            left: 7.5%;
            width: 26.8vw;
        }
        .mv-copy2 {
            top: 68.7%;
            right: 8.8%;
            bottom: unset;
            width: 36.1vw;
        }

        .branch-bird{
            top: 39.4%;
            right: -50px;
            bottom: unset;
            width: 34.2vw;
            z-index: 0;
        }
        .bird1{
            top: 2.5%;
            left: 30%;
            width: 5.6vw;
        }
        .bird2{
            top: 4.6%;
            right: 23.3%;
            width: 8.3vw;
        }
        .balloon1{
            top: 48%;
            left: 13.3%;
            bottom: unset;
            width: 8.3vw;
        }
        .balloon2{
            top: 35%;
            left: 26%;
            bottom: unset;
            width: 6.2vw;
        }

        .tree3{
            width: 41.4vw;
            left: 5.2%;
        }
        .tree2{
            width: 18.2vw;
            right: 0.8%;
        }

    }
}


/*メインビジュアルをふわふわさせる*/
@keyframes float {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(0, -12px); }
  100% { transform: translate(0, 0); }
}

.main-visual .fuwa {
  animation-name: float;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}



/****************************************
    トップページ：POMUきっずとは
****************************************/
.top-whats-pomu-kids{   
    margin-top: 132px;
    padding-bottom: 70px;
    .title{
        margin-bottom: 78px;
    }
    .wrap{
        display: flex;
        gap: 56px;
    }
    .box1{
        width: 49%;
    } 
    .box2{
        width: 51%;
    }
    .box1 p{
        line-height: 2;
        margin-bottom: 2em;
    }
    .icon-list .icon-box{
        display: flex;
        gap: 24px;
        align-items: center;
        margin-bottom: 18px;
    }
    .icon-list .text {
        word-wrap: break-word;
        max-width: 100%;
        font-size: 18px;
        font-size:clamp(16px, 16 / 1000 * 100vw ,18px);
        font-weight: 500;
    }

    .icon-list li:nth-child(1),.icon-list li:nth-child(3){
        margin-left: 70px;
    }
    @media screen and (max-width: 1000px) {
        margin-top: 70px;
        .icon-list .icon-box img{
            width: 100px;
        }
        .wrap {     
            align-items: center;
        }
        .title {
            margin-bottom: 40px;
        }
    }
    @media screen and (max-width: 767px) {
        .icon-list .icon-box img{
            width: 90px;
        }
        .wrap {     
            flex-direction: column;
            max-width: 500px;
            margin: auto;
            gap: 10px;
        }
        .box1 ,.box2{
            width: 100%;
        }
        ul.icon-list {
            width: fit-content;
            margin: auto;
        }

    }

    @media screen and (max-width: 500px) {
        padding-bottom: 50px;

        .icon-list .icon-box img{
            width: 70px;
        }
        .icon-list .icon-box {
            gap: 20px;
        }
        .icon-list .text {
            font-size:clamp(14px, 14 / 400 * 100vw ,16px);
        }
        .icon-list li:nth-child(1), .icon-list li:nth-child(3) {
            margin-left: 30px;
        }

    }

}

/****************************************
    トップページ：お知らせ
****************************************/
.top-news{
    background-color: var(--light-color);
    padding: 57px 1em 50px;
    .inner-container{
        max-width: 1040px;
    }
    .title{
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }
    .wrap-title{
        position: relative;
        .common-button-arrow{
            position: absolute;
            top: 0;
            right: 0;
        }
        .common-button-arrow .arrow{
            font-size: 16px;
            width: 35px;
            height: 35px;
        }
    }
    .news-content{
        color: var(--text-color);
        background-color: #fff;
        padding: 43px 34px 38px;
        border-radius: 20px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 100px;
    }
    .news-date{
        width: 120px;
        color: #9a9a9a;
        font-family: "Montserrat", sans-serif;
    }
    .news-category{
        min-width: 100px;
        height: 20px;
        height: auto;
        padding: 3px 10px;
        line-height: 1.2;
        color: #fff;
        background-color: var(--logo-color3);   /*基本は青*/
        border-radius: 20px;
        margin-right: 30px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .category-notice{
         background-color: #30e3ca;
    }
    .category-blog{
         background-color:#b487ed;
    }

    .news-title{
        font-size: 16px;
        font-weight: 400;
        margin-right: 30px;
    }
    .no-news{
        text-align: center;
        margin: 50px auto;
    }

    .news-content{
        transition: 0.3s;
    }
    .news-content:hover{
        transform: scale(0.98);
        .gray-arrow {
            margin-right: -10px;
        }
    }

    @media screen and (max-width: 767px) {
        .news-content {
            display: grid;
            grid-template-columns: repeat(3, auto);
            grid-template-rows: repeat(2, auto);
            grid-column-gap: 0px;
            grid-row-gap: 0px;
             padding: 22px 28px 22px 18px;
        }

        .news-date { 
            grid-area: 1 / 1 / 2 / 2; 
            font-size:clamp(14px, 14 / 375 * 100vw ,16px);
        }
        .news-category { 
            grid-area: 1 / 2 / 2 / 3; 
            margin-right: 0;
            margin-left: -40%;
            width: fit-content;
            font-size:clamp(10px, 10 / 375 * 100vw ,14px);
        }
        .news-title { 
            grid-area: 2 / 1 / 3 / 4; 
            font-size:clamp(14px, 14 / 375 * 100vw ,16px);
        }
        .gray-arrow {
            position: relative;
            top: 50%;
            right: -10px;
        }
        
        .sp-only{
            display: block;
        }
        .sp-none{
            display: none;
        }
        .common-button-arrow.sp-only {
            position: unset;
            display: flex;
            margin-bottom: 16px;
        }
    }
    
    @media screen and (max-width: 550px) {
        .inner-container{
            display: contents;
        }


    }
}


/****************************************
    トップページ：公式インスタグラム
****************************************/
.top-sns{
    margin: 0 calc(50% - 50cqi);
    margin-top: 78px;
    width: 100vw;
    .inner-container{
        max-width: 1300px;
        margin: auto;
        background-color: var(--logo-color1);
        padding: 55px 70px;
        position: relative;
    }
    .camera{
        position: absolute;
        top: -60px;
        left: 10%;
    }
    .sns-title {
        display: flex;
        gap: 8px;
        .icon{
            content: "";
            background-image: url('data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2239px%22%20height%3D%2239px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb(56%2C%2056%2C%2056)%22%0A%20d%3D%22M38.104%2C27.681%20C38.016%2C29.704%2037.698%2C31.087%2037.229%2C32.295%20C36.746%2C33.548%2036.097%2C34.609%2035.043%2C35.668%20C33.989%2C36.726%2032.930%2C37.377%2031.680%2C37.868%20C30.471%2C38.339%2029.091%2C38.663%2027.068%2C38.760%20C25.041%2C38.856%2024.393%2C38.878%2019.229%2C38.888%20C14.067%2C38.898%2013.420%2C38.878%2011.392%2C38.788%20C9.368%2C38.701%207.986%2C38.382%206.776%2C37.914%20C5.524%2C37.430%204.463%2C36.783%203.405%2C35.728%20C2.345%2C34.673%201.693%2C33.615%201.205%2C32.365%20C0.732%2C31.156%200.409%2C29.775%200.312%2C27.753%20C0.215%2C25.725%200.193%2C25.077%200.183%2C19.914%20C0.173%2C14.750%200.193%2C14.104%200.282%2C12.076%20C0.372%2C10.053%200.689%2C8.670%201.156%2C7.460%20C1.640%2C6.208%202.289%2C5.147%203.344%2C4.089%20C4.398%2C3.029%205.457%2C2.376%206.707%2C1.890%20C7.915%2C1.416%209.296%2C1.092%2011.319%2C0.997%20C13.347%2C0.900%2013.995%2C0.877%2019.157%2C0.868%20C24.320%2C0.858%2024.968%2C0.877%2026.995%2C0.968%20C29.019%2C1.055%2030.401%2C1.374%2031.611%2C1.842%20C32.863%2C2.325%2033.925%2C2.974%2034.983%2C4.028%20C36.041%2C5.083%2036.693%2C6.141%2037.181%2C7.391%20C37.654%2C8.599%2037.978%2C9.980%2038.074%2C12.004%20C38.171%2C14.032%2038.194%2C14.678%2038.204%2C19.842%20C38.213%2C25.004%2038.193%2C25.652%2038.104%2C27.681%20ZM34.779%2C19.848%20C34.769%2C14.773%2034.748%2C14.171%2034.652%2C12.166%20C34.565%2C10.313%2034.254%2C9.307%2033.992%2C8.639%20C33.645%2C7.750%2033.232%2C7.119%2032.565%2C6.454%20C31.899%2C5.790%2031.265%2C5.380%2030.376%2C5.036%20C29.706%2C4.777%2028.699%2C4.469%2026.846%2C4.389%20C24.841%2C4.301%2024.239%2C4.283%2019.163%2C4.293%20C14.087%2C4.303%2013.487%2C4.323%2011.482%2C4.418%20C9.629%2C4.507%208.624%2C4.818%207.953%2C5.079%20C7.067%2C5.426%206.434%2C5.838%205.770%2C6.505%20C5.106%2C7.172%204.695%2C7.805%204.352%2C8.694%20C4.094%2C9.365%203.784%2C10.373%203.705%2C12.225%20C3.617%2C14.231%203.599%2C14.832%203.608%2C19.907%20C3.618%2C24.984%203.639%2C25.585%203.734%2C27.590%20C3.820%2C29.443%204.134%2C30.448%204.395%2C31.119%20C4.741%2C32.006%205.155%2C32.638%205.821%2C33.303%20C6.488%2C33.964%207.122%2C34.377%208.010%2C34.720%20C8.681%2C34.978%209.687%2C35.286%2011.541%2C35.367%20C13.547%2C35.453%2014.147%2C35.472%2019.223%2C35.462%20C24.300%2C35.453%2024.900%2C35.432%2026.906%2C35.338%20C28.757%2C35.250%2029.764%2C34.938%2030.433%2C34.677%20C31.320%2C34.330%2031.953%2C33.916%2032.616%2C33.250%20C33.281%2C32.584%2033.691%2C31.950%2034.035%2C31.062%20C34.294%2C30.391%2034.601%2C29.384%2034.681%2C27.530%20C34.770%2C25.526%2034.789%2C24.925%2034.779%2C19.848%20ZM29.325%2C11.991%20C28.067%2C11.993%2027.042%2C10.974%2027.041%2C9.715%20C27.038%2C8.456%2028.058%2C7.432%2029.317%2C7.429%20C30.577%2C7.427%2031.600%2C8.447%2031.603%2C9.706%20C31.605%2C10.965%2030.586%2C11.989%2029.325%2C11.991%20ZM19.212%2C29.640%20C13.821%2C29.650%209.441%2C25.288%209.431%2C19.896%20C9.421%2C14.506%2013.783%2C10.126%2019.174%2C10.115%20C24.566%2C10.105%2028.945%2C14.469%2028.957%2C19.859%20C28.967%2C25.251%2024.603%2C29.628%2019.212%2C29.640%20ZM19.181%2C13.541%20C15.682%2C13.547%2012.849%2C16.390%2012.856%2C19.890%20C12.862%2C23.390%2015.706%2C26.222%2019.205%2C26.215%20C22.705%2C26.208%2025.537%2C23.366%2025.531%2C19.866%20C25.524%2C16.365%2022.680%2C13.535%2019.181%2C13.541%20Z%22%2F%3E%0A%3C%2Fsvg%3E');
            background-repeat: no-repeat;
            background-size: contain;
            width: 38px;
            height: 38px;

        }
    }
    .wrap{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 47px;
    }
    .box-instagram{
        flex-grow: 1;
    }
    .text{
        margin: 36px 0 40px;
    }
    .btn-follow{
        color: var(--text-color);
        background-color: #fff;
        font-size: 18px;
        width: 220px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        transition: 0.3s;
    }
    .btn-follow:hover{
        background-color: #333;
        color: #fff;
    }
    @media screen and (max-width: 1320px) {
        .inner-container{
            margin-left: 20px;
            margin-right: 20px;
        }
    }
    @media screen and (max-width: 767px) {
        .inner-container {
            padding: 80px 50px 68px;
        }
        .wrap{
            flex-direction: column;
            gap: 0;
        }
        .sns-title {
            justify-content: center;
            gap: 8px;
        }
        .text {
            margin: 36px 0 20px;
            text-align: center;
        }
        .btn-follow{
            display: none;
        }
        .box,
        .box-instagram{
            width: 100%;
        }
        .camera{
            left: 50%;
            transform: translateX(-50%);
        }
    }

    @media screen and (max-width: 500px) {
        .inner-container {
            padding: 50px 20px 34px;
        }
        .camera {
            width: 80px;
            top: -43px;
        }
        .text {
            margin: 26px 0 20px;
        }
    }

}



/****************************************
    トップページ：POMUきっずの療育サービスについて
****************************************/
.top-service{
    margin-top: 270px;
    .title{
        display: block;
        margin: auto;
        margin-bottom: 113px;
    }
    .sub-title{
        letter-spacing: 0.12em;
        margin-bottom: 10px;
        font-size: clamp(18px, 18 / 375 * 100vw, 28px);
    }
    .font18{
        font-size:clamp(14px, 14 / 375 * 100vw ,18px);
    }
    .wrap{
        position: relative;
        margin: 58px auto 70px;
        max-width: 800px;
        .img-service{
            display: block;
            margin: auto;
        }
        .text{
            position: absolute;
            z-index: -1;
        }
        .text-service1{
            top: 48px;
            left: 0;
        }
        .text-service2{
            top: 48px;
            right: 0;
        }
        .text-service3{
            bottom: 0;
            left: 0;
        }
        .text-service4{
            bottom: 0;
            right: 0;
        }
    }
    .for-kids{
        letter-spacing: 0.14em;
        text-align: center;
        margin-bottom: 60px;
    }

    .common-button{
        width: 350px;
        font-size: 17px;
    }

    @media screen and (max-width: 767px) {
         margin-top: 200px;
        .title{
            width: 
            73.6vw;
            margin-bottom: 40px;
        }
        .inner-container{
            padding: 0;
        }
        .wrap-button{
            gap: 20px;
        }
    }

    @media screen and (max-width: 600px) {
        .wrap-button{
            flex-direction: column;
            margin-bottom: 0;
        }
        .for-kids{
            margin-bottom: 0;
        }
        .common-button {
            font-size: 16px;
            width: 250px;
            height: 50px;
        }
    }

    @media screen and (max-width: 500px) {
        margin-top: 130px;
        .wrap{
            margin: 25px calc(50% - 50cqi) 30px;
            width: 100vw;
            padding: 0 12px;
        }
    }
}


/****************************************
    トップページ：保護者の皆様へ
****************************************/
.top-to-parents{
    padding: 134px 45px 170px 50px;
    .sub-title{
        line-height: 2.26;
        letter-spacing: 0.06em;
        font-weight: 500;
        margin-right: 57px;
    }
    .wrap-text{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-end;
        gap: 100px;
        margin-bottom: 63px;
    }
    .box-title{
        display: flex;
        flex-direction: column;
        align-items: flex-end;

        .vertical{
            writing-mode: vertical-rl;
            text-orientation: upright;
        }        
    }
    .box-text p{
        margin-bottom: 1em;
        line-height: 1.9375;
        font-size:clamp(14px, 14 / 375 * 100vw ,16px);
    }
    .box-text{
        margin-top: -20px;
        .line-hight40{
            line-height: 2.5;
        }
        .line-hight36{
            line-height: 2.25;
        }
        .wight-mid{
            font-weight: 500;
        }
    }

    .wrap-links{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 45px 66px;
    }
    .box-links{
        width: calc((100% - 66px) / 2);
        position: relative;
        transition: 0.3s;
    }
    .box-links a::before{
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .box-links:nth-child(1) a::before{
        background: url( "./images/top/link-frame1.png" )  no-repeat center center / contain;
        aspect-ratio: 498/433;
    }
    .box-links:nth-child(2) a::before{
        background: url( "./images/top/link-frame2.png" )  no-repeat center center / contain;
        aspect-ratio: 495/433;
    }
    .box-links:nth-child(3) a::before{
        background: url( "./images/top/link-frame3.png" )  no-repeat center center / contain;
        aspect-ratio: 495/434;
    }
    .box-links:nth-child(4) a::before{
        background: url( "./images/top/link-frame4.png" )  no-repeat center center / contain;
        aspect-ratio: 495/434;
    }

    /* ホバー時にフレームからはみ出ないように縮小してマスク */
    .box-links:nth-child(1){
        mask-image: url('./images/top/link-img1.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    .box-links:nth-child(2){
        mask-image: url('./images/top/link-img2.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    .box-links:nth-child(3){
        mask-image: url('./images/top/link-img3.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    .box-links:nth-child(4){
        mask-image: url('./images/top/link-img4.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    /*ホバーで画像だけ拡大*/
    .box-links:hover{
        cursor: pointer;
    }
    .box-links:hover img{
        transform: scale(1.05);
    }

    .box-links .box-links-inner{
        position: absolute;
        bottom: 54px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
    .box-links:nth-child(1) .box-links-inner{
         bottom: 90px;
    }
    .box-links .title{
        font-size:clamp(20px, 20 / 767 * 100vw ,28px);
        font-weight: bold;
        color: #fff;
        position: relative;
        width: fit-content;
        margin: 0 auto 10px;
    }
    .box-links .text{
         font-size:clamp(13px, 13 / 767 * 100vw ,16px);
        font-weight: 400;
        color: #fff;
    }
    .box-links .title::after{
        content: "";
        background: url( "./images/common/arrow-white.png" )  no-repeat center center / contain;
        position: absolute;
        top: 50%;
        right: -48px;
        transform: translateY(-50%);
        width: 34px;
        height: 34px;
        transition: 0.3s;
    }
    .box-links img{
        transition: 0.3s;
    }
    .box-links:hover {
        transform: scale(1.1);
        .title::after {        
            right: -58px;
        }
    }

    @media screen and (max-width: 1000px) {
        .wrap-text {
            gap: 40px;
            align-items: flex-start;
        }
        .sub-title {
            margin-right: 24px;
            font-size: 18px;
        }
    }
    @media screen and (max-width: 850px) {
        padding: 134px 0 170px 0;
    }
    @media screen and (max-width: 767px) {
        .box-title{
            width: fit-content;
            margin: 0 auto 40px;
        }
        .title {
            width: max(13vw,50px);
            margin-top: -20px;
        }
        .icon-pomu {
            width: max(22vw,80px);
        }
        .sub-title {
            margin-right: 7vw;
            font-size:clamp(15px, 15 / 500 * 100vw ,24px);
        }
        .wrap-text {
            display: contents;
        }
        .inner-container{
            display: flex;
            flex-direction: column;
            gap: 0;
        }
        .box-text {
            margin-top: 43px;
            order: 3;
        }
        .wrap-links {
            gap: 15px 20px;
        }
        .box-links {
            width: calc((100% - 20px) / 2);
        }        
    }
    
    @media screen and (max-width: 680px) {
        .inner-container{
            padding: 0;
        }
    }
    @media screen and (max-width: 600px) {
        padding-top: 80px;
        .box-title {
            margin: 0 auto 40px;
            margin-right: 10px;
            .title {
                margin-top: -10px;
            }
        }
        .sub-title {
            margin-right: 50px;
            line-height: 2.26;
        }
        .wrap-links {
            flex-direction: column;
            gap: 20px;
        }
        .box-links {
            width: 98%;
            margin: auto;
            .title{
                font-size:clamp(17px, 17 / 375 * 100vw ,34px);
            }
            
            .text{
                font-size:clamp(10px, 10 / 375 * 100vw ,20px);
            }
        } 
        .line-hight40 {
            line-height: 1.85;
            margin-bottom: 0.25em;
        }
        .box-text p{
            line-height: 1.85;
            margin-bottom: 0.25em;
        }
        .box-text .line-hight36 {
            line-height: 1.85;
            margin-bottom: 0.25em;
        }
    }


    @media screen and (max-width: 450px) {
        .icon-pomu {
            margin-top: -35px;
        }
    }
    @media screen and (max-width: 380px) {
        .icon-pomu {
            margin-top: -55px;
        }
    }

}



/****************************************
    トップページ：見学や無料体験
****************************************/
.top-free-trial{
    padding: 0 60px 187px;
    .heading{
        margin-bottom: 79px;
    }
    .sub-title{
        line-height: 2;
    }
    .wrap{
        display: flex;
        justify-content: center;
        gap: 60px;
        width: 100%;
        margin: 43px auto 40px;
    }
    .box{
        width: calc((100% - 120px) / 3);
        text-align: center;
    }
    .icon{
        display: block;
        margin: 0 auto 20px;
    }
    .icon img{
        width: 80px;
        height: 80px;
    }
    .title{
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .step{
        font-size:clamp(12px, 12 / 375 * 100vw ,16px);
        font-weight: bold;
        text-transform: uppercase;
    }
    .text{
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        line-height: 2;
    }
    .kome{
        font-size:clamp(12px, 12 / 375 * 100vw ,14px);
        font-weight: 400;
        text-align: center;
        margin-bottom: 50px;
    }
    .common-button{
        width: 330px;
    }
    @media screen and (max-width: 1000px) {

        .wrap{
            gap: 20px;
        }
        .box{
            width: calc((100% - 40px) / 3);
        }
        .title {
            font-size:clamp(19px, 19 / 375 * 100vw ,23px);
            margin-bottom: 16px;
        }
        .text{
            font-size:clamp(12px, 12 / 375 * 100vw ,14px);
        }
    }
    @media screen and (max-width: 767px) {
        padding: 0 0 91px;
        .heading {
            margin-bottom: 50px;
            padding: 0 60px;
        }
        .wrap{
            flex-direction: column;
            max-width: 400px;
        }
        .box{
            width: 100%;
        }
    }

    
    @media screen and (max-width: 600px) {
        padding: 0 0 40px;
        .heading {
            margin-bottom: 30px;
            padding: 0 30px;
        }
        .wrap{
            max-width: 300px;
            margin: 43px auto 30px;
        }
        .kome{
            max-width: 300px;
            margin: auto;
            letter-spacing: 0.02em;
        }
        .icon {
            width: 100px;
            height: 100px;
        }
        .wrap-button{
            flex-direction: column;
            margin-bottom: 0;
        }
    }
    @media screen and (max-width: 500px) {
        .common-button {
            font-size: 16px;
            width: 250px;
            height: 50px;
        }
        .icon {
            width: 85px;
            height: 85px;
        }
    }
}


/****************************************
    トップページ：自動発達支援事業とは？    
*****************************************/
.top-child-development-support-project{

    .wrap{
        display: flex;
        align-items: flex-start;
        gap: 60px;
        margin-top: 60px;
    }
    .box-left{
        width: calc(46% - 30px);
        .sub-title{
            margin: 77px 0 27px;
        }
    }    
    .button {
        cursor: pointer;
    }
    .button.active {
    font-weight: bold;
    text-decoration: underline;
    }
    .button{
        background-color: #d8d8d8;
        padding: 1em 47px;
        border-radius: 100px;
        margin-bottom: 20px;
        max-width: 461px;
        height: 101px;
    }
    .button.active {
        background-color: var(--logo-color1); /* お好きな色に */
        text-decoration: none;
    }
    .button .point{
        font-size: 16px;
        font-weight: bold;
    }
    .button .title{
        font-size: 24px;
        font-weight: bold;
    }
    .box-right,.box-sp{
        width: 54%;
        height: 600px;
        background: var(--logo-color1);
        padding: 10px;
        border-radius: 25px;

        .bx-wrapper {
            background: var(--logo-color1);
            box-shadow:none;
            border: none;
            height: 100%;
        }
        .bx-viewport {
            border-radius: 25px 25px 0 0;
        }
        .frame {
            background: var(--logo-color1);
            .img-project{
                border-radius: 20px 20px 0 0;
                margin-bottom: 30px;
            }
            .img-project3{
                margin-bottom: 20px;
            }
            .text{
                font-size: 18px;
                font-weight: 400;
            }
            .box-text {
                padding: 0 22px;
            }
            .kome{
                font-size: 14px;
                line-height: 1.57;
                margin-top: 20px;
            }
        }
    }
    .wrap-how-to-use{
        display: flex;
        justify-content: flex-start;
        gap: 44px;
        margin-top: 48px;
        margin-left: 56px;
        .text{
            line-height: 1.77;
        }
    }

    @media screen and (max-width: 1024px) {
        .wrap {
            gap: 30px;
        }
        .button {
            padding: 1em 30px 1em 35px;
            height: 85px;
            .title {
                font-size:clamp(20px, 20 / 768 * 100vw ,22px);
            }
        }
        .box-right {
            height: 550px;
        }
    }

    @media screen and (max-width: 767px) {
        margin-top: 0;
        .wrap {
            gap: 30px;
            flex-direction: column;
        }
        .button {
            padding: 1em 30px 1em 35px;
            height: 85px;
            .title {
                font-size:clamp(20px, 20 / 768 * 100vw ,22px);
            }
        }

        .box-left {
            width: 100%;
            .sub-title {
                line-height: 1.85;
                margin: 40px 50px 25px;
            }
        }
        .box-right {
            width: 100%;
            height: auto;
        }
        .wrap-how-to-use{
            flex-direction: column;
            gap: 30px;
            margin: 40px auto;
            .text {
                font-size:clamp(14px, 14 / 375 * 100vw ,18px);
            }
        }
        .brackets {
            margin: auto;
        }
        .slider-links,.box-right{
            display: none;
        }

        /*SP用*/
        .sp-only{
            display: block;
        }
        .box-sp{
            background-color: transparent;
            overflow-x: auto;
            width: 100%;
            height: 100%;
            padding-bottom: 20px;
        }
        .box-sp-slider{
            display: flex;
            gap: 24px;
            .inner{
                width: 470px;
                min-width: 470px;
                height: auto;
            }
            .frame{
                background-color: var(--logo-color1);
                background-color: #d8d8d8;
                padding: 10px;
                border-radius: 20px;
                height: auto;
                aspect-ratio: unset;
                height: 580px;
            }
            .button{
                margin: 0 auto 30px;
            }
        }
    }


    @media screen and (max-width: 600px) {
        .box-left {
            .sub-title {
                margin: 35px auto 35px;
                text-align: center;
                .sp-only{
                    display: block;
                }
            }
        }
        .box-sp-slider{
            gap: 18px;
            .inner{
                width: 410px;
                min-width: 410px;
            }
            .frame{
                height: 520px;
                .text {
                    font-size: 16px;
                }
                .kome {
                    font-size: 13px;
                }
                .box-text {
                    padding: 0 5px;
                }
            }
            
            .button{
                margin: 0 auto 20px;
            }
        }
            
    }



    @media screen and (max-width: 480px) {
        .box-sp-slider{
            .inner{
                width: 320px;
                min-width: 320px;
            }
            .frame{
                height: 500px;
            }            
            .button{
                margin: 0 auto 10px;
                padding: 5px 30px;
                height: 64px;
                .title{
                    font-size: 18px;
                }
                .point {
                    font-size: 14px;
                }
            }

        }

    }

    
    @media screen and (max-width: 420px) {
        .box-sp-slider{
            .inner{
                width: 280px;
                min-width: 280px;
            }
            .frame{
                height: 450px;
                .text {
                    font-size: 14px;
                }
                .kome {
                    font-size: 10px;
                }
            }
            
            .button{
                margin: 0 auto 10px;
                padding: 5px 30px;
                height: 50px;
                .title{
                    font-size: 16px;
                }
                .point {
                    font-size: 10px;
                }
            }

        }

    }

}


/* 初期状態（非表示） */
.fadeUp {
  opacity: 0;
  transform: translateY(100px);
}

/* アニメーションが始まるときに付与されるクラス */
.fadeUp.animated {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* 下層ページのタイトル */
.pagetitle-container{
    position: relative;
    margin-bottom: 100px;
    & h1{
        z-index: 1;
        position: relative;
    }
    .pagetitle{
        margin: 200px auto 96px;
        text-align: center;
        padding: 0 20px;
    }
    .title-bg{
        min-height: 450px;
        object-fit: cover;
    }
    .branch-bird,.bird1,.bird2,.balloon1,.balloon2,.tree2,.tree3{
        position: absolute;
    }
    .branch-bird{
        top: 70px;
        right: 0;
    }
    .bird1{
        top: -170px;
        left: 30%;
    }
    .bird2{
        top: -156px;
        right: 29%;
    }
    .balloon1{
        top: 80px;
        left: 11%;
    }
    .balloon2{
        top: 15px;
        left: 16.5%;
    }

    .tree2{
        bottom: -30px;
        right: 16%;
    }
    .tree3{
        bottom: -30px;
        left: 15.8%;
    }
    @media screen and (max-width: 1300px) {
        .pagetitle {
            margin: 110px auto 80px;
        }
        .bird1 {
            top: -110px;
            left: 25%;
            width: 40px;
        }
        .bird2 {
            top: -126px;
            right: 24%;
            width: 54px;
        }
        .branch-bird {
            width: 210px;
        }
        .tree2 {
            right: 8%;
            width: 130px;
        }
        .tree3 {
            left: 7%;
            width: 250px;
        }
        .balloon1 {
            top: 80px;
            left: 7%;
        }
        .balloon2 {
            top: 15px;
            left: 13%;
        }
    }

    @media screen and (max-width: 1000px) {
        .pagetitle {
            margin: 240px auto 100px;
        }
    }
    @media screen and (max-width: 767px) {
        .pagetitle {
            margin: 180px auto 100px;
        }
        .title-bg {
            min-height: auto;
        }

        .bird1 {
            top: -70px;
            left: 10%;
            width: 5vw;
        }
        .bird2 {
            top: -66px;
            right: 12%;
            width: 7vw;
        }
        .branch-bird {
            width: 27.4vw;
        }
        .tree2 {
            right: 4.4%;
            width: 16.6vw;
        }
        .tree3 {
            left: 5.3%;
            width: 31vw;
        }
        .balloon1 {
            top: 160px;
            left: 6%;
            width: 6.8vw;
        }
        .balloon2 {
            top: 110px;
            left: 14.6%;
            width: 5.3vw;
        }
    }

    @media screen and (max-width: 500px) {
        .pagetitle {
            margin: 170px auto 50px;
            margin: 140px auto 65px;
        }
        img.title{
            zoom: 80%;
        }

        .bird1 {
            top: -42px;
            left: 10%;
            width: 5vw;
        }
        .bird2 {
            top: -46px;
            right: 12%;
            width: 7vw;
        }
        .branch-bird {
            width: 27.4vw;
        }
        .tree2 {
            right: 4.4%;
            width: 16.6vw;
        }
        .tree3 {
            left: 5.3%;
            width: 31vw;
        }
        .balloon1 {
            top: 90px;
            left: 6%;
            width: 6.8vw;
        }
        .balloon2 {
            top: 70px;
            left: 14.6%;
            width: 5.3vw;
        }
    }
}

/*2行のタイトルのイラスト位置変更*/
.page-child.adhd,
.page-child.asd,
.page-child.ld{
    @media screen and (max-width: 500px) {
        .pagetitle-container{
            .bird1 {
                top: -50px;
            }
            .bird2 {
                top: -48px;
            }
            .branch-bird {
                top: 100px;
            }
            .balloon1 {
                top: 120px;
            }
            .balloon2 {
                top: 100px;
            }
        }
    }
}

/*下層ページのコンテンツ幅*/
.wp-singular {
    .l-article {
        max-width: 1032px;  /*サイドに16pxの余白*/
    }
    .c-pageTitle{   /*デフォルトのH1は非表示*/
        display: none !important;
    }

    /*ボタン設定*/
    .wp-block-columns.wrap-common-button {
        width: fit-content;
        margin: auto;
    }
    .common-button {
        width: 350px;
        max-width: 350px;
    }

    /*SWELL フルワイド
    .swell-block-fullWide.pc-py-60.sp-py-40.alignfull {
        padding-bottom: 150px !important;
    }*/
    
    @media screen and (max-width: 500px) {
        .common-button{
            font-size:16px;
            width: 250px;
            height: 50px;
        }
        .common-button-small {
            font-size:16px;
            width: fit-content;
            height: 50px;
        }

    }
}


.section-mid{
    max-width: 865px;
    margin: 0 auto 50px;
}
.section-mid100{
    margin: 0 auto 100px;
}

.is-style-section_ttl.h3-title{
    font-size: 24px;
}
.is-style-section_ttl.num-deco-title{
    font-size:clamp(18px, 18 / 375 * 100vw ,24px);
    position: relative;
    padding-left: 70px;
    padding-top: 6px;
}
.is-style-section_ttl.num-deco-title::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 54px;
    height: 54px;
}
.is-style-section_ttl.num-deco-title1::before{
    background: url( "./images/common/num01.png" )  no-repeat center center / contain;
}
.is-style-section_ttl.num-deco-title2::before{
    background: url( "./images/common/num02.png" )  no-repeat center center / contain;
}
.is-style-section_ttl.num-deco-title3::before{
    background: url( "./images/common/num03.png" )  no-repeat center center / contain;
}
.is-style-section_ttl.num-deco-title4::before{
    background: url( "./images/common/num04.png" )  no-repeat center center / contain;
}
@media screen and (max-width: 500px) {
    .is-style-section_ttl.num-deco-title {
        padding-left: 52px;
        padding-top: 3px;
    }
    .is-style-section_ttl.num-deco-title::before{
        width: 42px;
        height: 42px;
    }
}
@media screen and (max-width: 450px) {
    .is-style-section_ttl.num-deco-title {
        padding-left: 48px;
        padding-top: 3px;
    }
    .is-style-section_ttl.num-deco-title::before{
        width: 38px;
        height: 38x;
    }
}
.radius25 img{
    border-radius: 25px;
}
.frame-radius25 {
    border-radius: 25px;
    padding: 50px !important;
    @media screen and (max-width: 767px) {
        padding: 30px 20px !important;
    }
}
.list-icon li{
    position: relative;
    margin-bottom: 1em;
}
.list-icon {
    list-style: none;
}
.list-icon li::before{
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2214px%22%20height%3D%2214px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb(48%2C%20227%2C%20202)%22%0A%20d%3D%22M8.087%2C0.759%20C6.565%2C0.759%204.732%2C1.321%202.607%2C2.671%20C-2.642%2C6.014%201.785%2C13.980%207.034%2C13.980%20C8.085%2C13.980%209.168%2C13.661%2010.214%2C12.922%20C15.210%2C9.392%2014.049%2C0.759%208.087%2C0.759%20%22%2F%3E%0A%3C%2Fsvg%3E');
    position: absolute;
    top: 7px;
    left: -24px;
    width: 14px;
    height: 14px;
}

/*POMUテーブル*/
.pomu-table td,.pomu-table th{
    padding: 1.5em 30px;
    border: none;
    font-size:clamp(16px, 16 / 767 * 100vw ,18px);
}
.pomu-table tr td{
    position: relative     !important;    
}
.pomu-table tr:not(:last-child) td::after{
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%22790px%22%20height%3D%225px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20stroke%3D%22rgb(56%2C%2056%2C%2056)%22%20stroke-width%3D%222px%22%20stroke-dasharray%3D%221%2C%204%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%0A%20d%3D%22M1.1000%2C1.1000%20L787.000%2C1.1000%20%22%2F%3E%0A%3C%2Fsvg%3E');
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}



.pomu-table td:nth-child(1) {
   font-weight: 500;
}
.pomu-table td:nth-child(2) {
   width: 100%;
}
.swell-block-fullWide.pc-py-60.sp-py-40.has-bg-img.alignfull.section-beginner-guidance{
    padding: 80px 0 60px  !important;
    .common-button-small a {
        width: 330px;
        max-width: 330px;
    }
}
@media screen and (max-width: 767px) {
    .pomu-table.wp-block-table>table td:nth-child(1) {
        width: 150px;
    }
    .pomu-table td,.pomu-table th{
        padding: 1.5em 15px;
    }
}
@media screen and (max-width: 550px) {
    .pomu-table.wp-block-table>table td:nth-child(1) {
        width: 100%;
    }
    .pomu-table tr{
        padding: 1em;
    }
    .pomu-table td,.pomu-table th{
        padding: 0 0 0.5em;
    }
    .pomu-table tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .pomu-table tr:not(:last-child) td::after{
        bottom: -0.5em;
    }


    .pomu-table td:nth-child(2) {
        font-size: 14px;
    }
    .pomu-table tr:not(:last-child) td:nth-child(1)::after{
        content: none;
    }
}

/*POMU,テーブル2 */
.pomu-table2 td, .pomu-table2 th {
    padding: 1.0em 0px;
    border: none;
    font-size: 15px;
}
.pomu-table2 td:first-child{
    padding-left: 10px;
}

/* SWELL ボタン */
.l-mainContent .common-button a.swell-block-button__link {
    width: 100%;
}

/* 1日の流れ */
.section-school-flow{
    .frame-radius25 {
        padding: 40px 50px 25px !important;
        height: 100%;
    }
    .is-style-section_ttl.part-title {
        margin-bottom: 20px !important;
    }
    @media screen and (max-width: 550px) {
        .frame-radius25 {
            padding: 40px 24px 25px !important;
        }
        .pomu-table2 tr {
            display: table-row ;
            text-align: left;
        }
        .pomu-table2.wp-block-table>table td:nth-child(1){
            width: 100px;
        }
        .is-style-section_ttl.part-title{
            margin-bottom: 0 !important;
        }
        .is-style-section_ttl.part-title img{
            width: 130px ;
        }
        .pomu-table tr:not(:last-child) td:nth-child(1)::after{
            content: "";
        }
    }
    
    @media screen and (max-width: 450px) {
        .frame-radius25 {
            padding: 40px 20px 20px !important;
        }
        .pomu-table2.wp-block-table>table td:nth-child(1){
            width: 70px;
            padding-left: 5px;
        }

    }
}

/* プログラム・料金ページ */
@media screen and (max-width: 781px) {
    /* 1日のプログラムの特徴 */
    .section-works-program{
        .wp-block-columns {
            max-width: 370px;
            margin: 0 auto 60px;
            .is-style-section_ttl.num-deco-title {
                margin-bottom: 0 ;
                text-align: left !important;
                font-size:clamp(20px, 20 / 375 * 100vw ,24px);
                width: fit-content;
            }
        }        
    }
    /* 自己評価表 */
    .self-evaluation{
        .wp-block-image {
            max-width: 150px;
            margin: auto;
        }
        .wp-block-column{
            width: fit-content;
        }
        & h2{
            width: fit-content;
            margin: 0 auto 20px;
        }
    }
}
@media screen and (max-width: 500px) {
    /* 自己評価表 */
    .self-evaluation{
        .wp-block-image {
            max-width: 120px;
        }
    }
}


/* 教室についてページ */
.section-access,.section-shuttle-car{
    .wp-block-columns {
        background: #ffe74c;
        padding: 50px 30px;
        border-radius: 25px;
    }
    .box-map{
        display: flex;
        align-items: flex-end;
    }
    .pomu-table2 {
        background-color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
    }
    h2.is-style-section_ttl {
        margin-bottom: 30px;
        margin-left: 5px;
    }
}
.section-safety{
    .box-round {
        border-radius: 25px;
        padding: 12px 12px 20px;
        height: 100%;
    }
    .box-round img{
        border-radius: 20px;
    }
    h3.is-style-section_ttl {
        margin: 20px auto 12px;
    }
    .list-icon{
        padding-left: 2.0em;
    }
}
.swell-block-fullWide.pc-py-60.sp-py-40.has-bg-img.alignfull.section-shuttle-car{
    padding-bottom: 60px !important;
}
#sp-wp-carousel-free-id-665 .wpcp-swiper-dots {
    margin-top: 20px;
}
.wpcp-swiper-dots span.swiper-pagination-bullet{
        margin-bottom: 3px !important;
}
@media screen and (max-width: 781px) {
    .section-access, .section-shuttle-car {
        h2.is-style-section_ttl {
            width: fit-content;
            margin: 0 auto 20px;
        }
    }
    .section-shuttle-car{
        .wp-block-columns {
            padding: 10px 30px;
        }
    }
}
@media screen and (max-width: 550px) {
    .img-train{   
        width: 50vw;
        margin: auto;
    }
    .section-access{
        .wp-block-columns {
            padding: 50px 20px;
        }
    }
    .section-shuttle-car{
        .wp-block-columns {
            padding: 10px 0;
        }
    }
    .section-access,.section-shuttle-car{
        .pomu-table.wp-block-table>table td:nth-child(1) {
            padding-left: 0;
            font-size: 17px;
            font-weight: 700;
            padding-bottom: 0;
        }
        .pomu-table tr {
            padding: 0 0 0.5em;
        }
        .pomu-table2 {
            padding: 10px 10px;
        }

    }
}
/* FAQブロック */
.pomu-faq-block summary.swell-block-accordion__title {
        padding: 10px 30px;
        border-radius: 25px;
        min-height: 100px;
        font-size: 18px;
        background-color: var(--logo-color3);
}
.pomu-faq-block .swell-block-accordion__body {
    border-radius: 0 0 25px 25px;
    border: none !important;
    background-color: var(--logo-color1);
    padding: 0 30px 30px;
}
.pomu-faq-block  details.swell-block-accordion__item.is-opened{
    background-color: var(--logo-color1);
    border-radius: 25px;
}

.pomu-faq-block  details.swell-block-accordion__item.is-opened .swell-block-accordion__title {
    background-color: var(--logo-color1);
    border-radius: 25px;
    color: var(--text-color);
}

.pomu-faq-block .swell-block-accordion__label{
    position: relative;
    padding: 10px 0 10px 50px;
}
.pomu-faq-block .swell-block-accordion__label::before{
    content: "";
    background: url( "./images/common/q.png" )  no-repeat center center / contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 28px;
    height: 29px;
}

.pomu-faq-block details.swell-block-accordion__item.is-opened .swell-block-accordion__label::before{
    background: url( "./images/common/q-open.png" )  no-repeat center center / contain;
}

.pomu-faq-block .swell-block-accordion__body p{
    background-color: #fff;
    border-radius: 20px;
    padding: 23px;
    margin-left: 50px;
}
.pomu-faq-block .swell-block-accordion__body{
    position: relative;
}
.pomu-faq-block .swell-block-accordion__body::before{
    content: "";
    background: url( "./images/common/a.png" )  no-repeat center center / contain;
    position: absolute;
    top: 17px;
    left: 32px;
    width: 29px;
    height: 29px;
}
.pomu-faq-block .icon-chevron-down:before, 
.pomu-faq-block .icon-chevron-small-down:before {
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cimage%20width%3D%2264%22%20height%3D%2264%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAKSWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAASImdU3dYk%2FcWPt%2F3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371%2Fu855zn%2FM55zw%2BAERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh%2BdLA%2F%2FAGvbwACAHDVLiQSx%2BH%2Fg7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK%2F4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO%2F0xaL%2Ba%2FBvIj4h8d%2F%2BvIwCBAAQTs%2Fv2l%2Fl5dYDcMcBsHW%2Fa6lbANpWAGjf%2BV0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s%2B%2FzPhb%2BCLfvb8QB7%2B23rwAHGaQJmtwKOD%2FXFhbnauUo7nywRCMW735yP%2Bx4V%2F%2FY4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk%2FATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO%2F%2BY9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II%2FItchQ5jVxA%2BpDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS%2Bh1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE%2BwIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE%2B0JXoS%2BcR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE%2BS%2B8nD5LcUOsWI4kwJoiRSpJQSSjVlP%2BUEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL%2Bl0ugndgx5Fl9CX0mvoB%2Bnn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS%2BZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U%2F1XmqC1SrVQ%2BrXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O%2BX%2F2C%2BmMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF%2Bxt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0%2FLbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY%2Bt56Qn1yvUO6d3RR%2FVt9KP1F%2Brv1u%2FRHzcwNAg2kBlsMThj8MyQY%2BhrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ%2BM1eBc%2BZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82%2FyNhaVFnMVKizaLx5balnzLBZZNlvesmFY%2BVnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10%2FWjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo%2BPWX6zukDPsY%2BAp96n4e%2Bpr4i3z2%2BI37Wfpl%2BB%2Fye%2Bzv6y%2F2P%2BL%2FhefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG%2FljM9xnLJrRFcoInRVaG%2FowzCZMHtYRjobPCN8Qfm%2Bm%2BUzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y%2BpjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h%2FhF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I%2F5YMgQlAvGE%2Flp25NHRPyhJuFT0W%2Boo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI%2Flz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b%2B6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV%2BscKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb%2BvSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2%2FKhNqP2ep1%2FXctW%2Fa2rt77ZJtrWv913e%2FMOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur%2Fmft24R3dPxZ6Pe6V7B%2FZF7%2BtqdG9s3K%2B%2Fv7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e%2BNQ6KHOw9zDzd%2BZf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe%2Bt%2F9%2B7zHjY3XHNY9XnqCdKD3x%2BeSCk%2BOnZKeenU4%2FPdSZ3Hn3TPyZa11RXb1nQ8%2BePxd07ky3X%2FfJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2%2FrZffL7Vc8rnT0Tes70e%2FTf%2FpqwNVz1%2FjXLl2feb3vxuwbt24m3Ry4Jbr1%2BHb27Rd3Cu5M3F16j3iv%2FL7a%2FeoH%2Bg%2Fqf7T%2BsWXAbeD4YMBgz8NZD%2B8OCYee%2FpT%2F04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W%2F3nrc6vn3%2F3i%2B0vPWPzY8Av5i8%2B%2Frnmp83Lvq6mvOscjxx%2B8znk98ab8rc7bfe%2B477rfx70fmSj8QP5Q89H6Y8en0E%2F3Pud8%2Fvwv94Tz%2By1HOM8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAT1SURBVHic7ZvPSx1XFMe%2Fd%2FIDolYKZmG7MZBgE0tKCtmIoASyyaLdZxEQ0VUli6wDrrIJWWRTEAnSPyC4NIFQwWLpIgtXtVYkaQO1FJqFyQs2jeHTxT237zrx6VPvzLOZfuHx3twf5%2Fs9M3fenLn3XKeCAfRIGpT0qaRPJPVK6pLUIandmr2SVJP0XNKKpJ8l%2FSjpO%2Bfcr0VrTArAAUPAJLDKwbFqtoYAl1pvMoPASUlfSRqWdGqbJjX5q%2FuTpDU7fmF1nfIj4mNJ5%2BRHScc2Nn6R9I2kr51zf6bSfiAA3cAdoJa7chvADDAO9O3Dbp%2F1nTFbMWrG2V2ET80KPApcB9Zz4haAEaAzIVen2VzIca2bhqOpuJoVdB5YzIl5CAyUwD1gXDEWgfNFcwcBo7khuQRcKoV8q45Lxh3fcqNFEh4HpiPCN8BN4FhhpLtrOmYa3kS6poHjqYnagEcRyTOgPynJAQD0m6aAR0BbKuNtwHxk%2FAegK4nxhAC6TFvA%2FIFPgg37%2BMrPJjuzBcAu1mxuJOz%2Fdsjd87PJ760CYBctPgnT%2BzU0mhv2h%2FbK52EjIb4d9vZ0wD%2Fnw6Pu2WG853eD%2FSeEP8YNmo0T8BHeonXc5BD92%2B8V%2BKfDpvmySDMRIz60DLhZgs5CgY8TAq7v1ribemy%2FRAuDnFTAB0shYlxnpxco%2FBtWQOnhbVHAh80Bdxo1Okn9lfZhyRoLB%2FUXqBp%2B7uKdBhPRWSr8rc44u3cckmm5BiL%2FJvKVDnhqlQslCboAvLXPhZI4w3zCU2x6LbO6QdWnsfYXOe0d%2Fcaf2e8yEHw7Je%2Fzvyfgqn3%2FJel%2BSWJcg99F4r68j5L5HE7AZft%2B4Jx7ke%2F1vsB8e2CHlyUpw8%2Fbn7bCuVYIKxnBx9NATya7F3KV7zNiHwczSWHKuuacW2qBoFJhPtbssC%2BTdNYOVlojqSUIvp7N5FdhJL9iUxUEX3sz%2BYVKSfq9RWJageBrV6b6GtzLlAwW5l5MYOdiAeFy8LUjU32JOtnzH%2FhA0hNJj4GpA9iZkvRY0hOzmQrB1%2FZsx2b7R6ekE%2FZ7DBjeqwHrM2aHJ8xmcmTyyQlKSeCc%2B03S3ajoHvB5s%2F2t7b2o6K7ZTIXg66tM9WdiyiEmSTckfW%2B%2Fj0iao4nJVWszZ31kNm4k1hZ8rWXyaSmS9FFKBucckq5I%2BsOKPpQ%2FCUca9bG6OWsr63vFbKVE8PV5pnpQcC4xiZxzL%2BVD7b%2Bt6DNtHdp53LM2sj6DZiM1gq8rmaRlO%2Bht0PhAcM6tqP66LUnDwFi%2BHX7xYjgqump9i0DwdVnAtWiqaM%2BpLM0CuB3xvAWmouMpKwu4XaCOvojnmoCeqGC8QGLH1lXmRpingGywSMd4xNUTCkM620xRxMbTAazt4PwasF12WEoNM8a1GhdOWuEGCZObGgg4A7zexvnXwJmCuTupr3lOxhVDkZCRIkUY3xfbnIAvS%2BAdifiG4opWTIvfisTcKonznWnxuHIiElRGupsDvrVP4bPC7LQwYg1KXxoD2oH23Vsm4dp5acwaVXdx1BpWe3ncOlQ3QcI6VDtFxjpWN0kqMlDdNLnIUHUTJSNj1U2VjYxWM1k6Ml7ddPmIJL9hYpPDs2FiM9KVfsNEjrSaW2Zy5NXdNBUJqe62uZy4%2F%2FTGyf%2B3zqYGVd083QjUt8%2F3yecjNbN9flnSkkrYPv8P%2F5usRb7YvsUAAAAASUVORK5CYII%3D%22%2F%3E%3C%2Fsvg%3E);
    width: 32px;
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.pomu-faq-block .icon-chevron-small-up:before, 
.pomu-faq-block .icon-chevron-up:before {
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cimage%20width%3D%2264%22%20height%3D%2264%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAKSWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAASImdU3dYk%2FcWPt%2F3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371%2Fu855zn%2FM55zw%2BAERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh%2BdLA%2F%2FAGvbwACAHDVLiQSx%2BH%2Fg7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK%2F4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO%2F0xaL%2Ba%2FBvIj4h8d%2F%2BvIwCBAAQTs%2Fv2l%2Fl5dYDcMcBsHW%2Fa6lbANpWAGjf%2BV0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s%2B%2FzPhb%2BCLfvb8QB7%2B23rwAHGaQJmtwKOD%2FXFhbnauUo7nywRCMW735yP%2Bx4V%2F%2FY4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk%2FATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO%2F%2BY9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II%2FItchQ5jVxA%2BpDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS%2Bh1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE%2BwIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE%2B0JXoS%2BcR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE%2BS%2B8nD5LcUOsWI4kwJoiRSpJQSSjVlP%2BUEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL%2Bl0ugndgx5Fl9CX0mvoB%2Bnn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS%2BZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U%2F1XmqC1SrVQ%2BrXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O%2BX%2F2C%2BmMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF%2Bxt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0%2FLbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY%2Bt56Qn1yvUO6d3RR%2FVt9KP1F%2Brv1u%2FRHzcwNAg2kBlsMThj8MyQY%2BhrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ%2BM1eBc%2BZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82%2FyNhaVFnMVKizaLx5balnzLBZZNlvesmFY%2BVnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10%2FWjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo%2BPWX6zukDPsY%2BAp96n4e%2Bpr4i3z2%2BI37Wfpl%2BB%2Fye%2Bzv6y%2F2P%2BL%2FhefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG%2FljM9xnLJrRFcoInRVaG%2FowzCZMHtYRjobPCN8Qfm%2Bm%2BUzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y%2BpjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h%2FhF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I%2F5YMgQlAvGE%2Flp25NHRPyhJuFT0W%2Boo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI%2Flz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b%2B6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV%2BscKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb%2BvSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2%2FKhNqP2ep1%2FXctW%2Fa2rt77ZJtrWv913e%2FMOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur%2Fmft24R3dPxZ6Pe6V7B%2FZF7%2BtqdG9s3K%2B%2Fv7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e%2BNQ6KHOw9zDzd%2BZf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe%2Bt%2F9%2B7zHjY3XHNY9XnqCdKD3x%2BeSCk%2BOnZKeenU4%2FPdSZ3Hn3TPyZa11RXb1nQ8%2BePxd07ky3X%2FfJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2%2FrZffL7Vc8rnT0Tes70e%2FTf%2FpqwNVz1%2FjXLl2feb3vxuwbt24m3Ry4Jbr1%2BHb27Rd3Cu5M3F16j3iv%2FL7a%2FeoH%2Bg%2Fqf7T%2BsWXAbeD4YMBgz8NZD%2B8OCYee%2FpT%2F04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W%2F3nrc6vn3%2F3i%2B0vPWPzY8Av5i8%2B%2Frnmp83Lvq6mvOscjxx%2B8znk98ab8rc7bfe%2B477rfx70fmSj8QP5Q89H6Y8en0E%2F3Pud8%2Fvwv94Tz%2By1HOM8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAarSURBVHic7dtfiFXXFQbw39yMIs5kXhRMmkpCU2y0hKYPKSNDBFPBSP8SAiUvIZFpK0poHlICoUJBXwKhL8EiVVTyIqU%2BtKXBFqzSaYPSFmIqdZKAkJCQ%2BpCBMNGJmBj7sPb2nJnce%2BfeO%2BfcGSUfHO7Z5%2By797fW2WfvtdZeZ2B0dFTNuBubsAH3YR1WYRhDqc5lXMIU3sIbOI8JvFMnucEa2hwQAj%2BOLbi3g%2F8MpWONUFQZF3ACR4VCrlfGFAMVjoDV2IUncU%2BT%2B5fE053E%2B6k8ne6NiBHxJawXo2S4SRtv4wj24YMqSFehgDvwLHYohjRcwXGcTMf5LtvdgIfTsQ0rSvcuYz9exMWeWCcsRAGD2Ik94glmvIpDOKZ4wgvFCB7DdoyVrk9jN36NT3tpuFcF3I%2BX8UDp2l%2BEMl7tpcEuMCaE3lq6dhZP4Fy3jTV6IDCOfyqEnxTD9BH1Cy%2F18UjqczJdeyBxGu%2B2sW4UsFwM7QPifbwmnsQ3cKrbjivAqdT37sRlReJ2KHHtCJ0qYCVewVOp%2FC4ewl580mlnNeCTxOGhxIng%2BIrgPC86UcBKMZtvSeUz%2BCZOd8O0ZpwWnM6k8hbBeV4lzKeA5fiDMGykRr8tLLalhinB7XgqbxLc274O8ylgv%2BLJH8cPMdMzxfoxIzhmJWwRMrREOwWMK975M2Idvrowfn3BVcE1vw5PabM6tFLA%2FXgpnb%2BL71raT34uZgTnPDG%2BJGT6HJopYFAYOXmp%2B5Gl%2Bc7PhynBPS%2BRL2vi%2FDVTwE6FkfNLS2u27xanhQyETDvnVphrCt%2BBN4XtPSkMjcVc56vAMrwuvMxpfE3JgZo7Ap5VODa73PzCEzLsSucjQsYbKCtgtXBpCcemH%2BZtDoTUjVNCJkLG1flGWQG7SmT29IHUAP6YjoE%2B9JdlGlKMiBsKGBCRHMLb6odXt1cR8Njbh%2F7Kcj0pKT0rYJMijHWoD2S%2Bj%2BdL5efxvT70m2W7RzLvswIeT79XRCSnTnwVv2ty%2FVi6VyeOCRlJMmcFlO39qsJYzTAsIrvNHJTl6V6zYGhVmDbbT9AQcfscuj5ZY%2BcDwk%2B%2Fs02dO1OdOifFLOO9uLuhcHXLN%2BvAC6W%2BPhPRm4wD6ZpU54UaeZRl3NRQbERc0n3oulM8ip%2BXyj8VgcyMswobRKr7aE1czgtZYUNDbFcRmxZ1YJ3Y1ck4goNN6h1I9zKOpv%2FWgSzrfY1SJ5MtKi8Et5s96f1H%2B8jteKpDMSneXgOvLOu6htiohP9V3MmAmHHXpPKHwui51uY%2F11KdD1N5TWqj6kkxy7qqoVh2Pqq4k18pdnGyYJ3EFabMVtRYaqtKZFmHGwr7v8r1%2Fy48UyqP47Uu%2Fv%2Ba2a%2FKM6nNqpBlHeplZ6jTDj5O53Mnt05xRLFUfqwmA21Q7LQOmb3BuVB8hK%2Fgy%2Fj3Atr5CX6D91T7imZZLw%2BKNXFI9bPtRQvcuk5YiAJbIct6qaGYmNqZqLcasqxTDYVRsH6RyCwGsqxvNURCEvVZXUsRWdY3Ggr7f9jnE5RuRWxQ2D7nG8LczHi4%2F3z6jrKMEw2Rh3ehyc1bFVnGC3gnG0In0u821doDSw0jQkaSzFkB2V1dIXZW%2B4HrLc7rxGOKdLujFAqYEEmIRCpaP3BaRIE%2B07%2F9xyzb29LclxVwXWGvj5mdi1cXzgoH5y6zo0N1oSzXEWnUlZ2hfcIvIDKv%2BoGqzOVOkGW6LGTFbAV8oEgn2YrN%2FeHVF2xWJFbuV8oznusOv6hwO%2FeJreWbHcsUT3xayHgDcxVwUTFU1uO5Wqn1B88pbP%2Fd5rxyzXKFB%2FEvkVFxTSQh3qxZIhvxd9wmJtoHzUmqbhYR%2BlQkHl9Jf%2FytInB6M2GV4H6bkOUJTTLKW4XEzuHpdL4Wf9Jh6ukSwUrBeW0qP61FJnm7mOBBHE7no2JnteMk5EXEcsE1v9uHNd%2BIwfyZojvM9hN%2Bb2mPhJWCY9ne39GytvkVcBU%2FULjM2%2FBXS3NOWCW4ZeEnBPe22a2dhMVnUqN5JIyKuP3GnmjWg42CUx72JwTnebNbO90XmMF3FHPCWqHhX1hcY2lZ4jChmPAOC64dpfZ2szFyVXhTPxbLyqDIvHrd4pjNm1PfexKXK4nbdl0kdfeyM3QQ31J4cOtF0sGf9ceLHEt9nVRYeGcTp5azfSv0ujV2TlhVP1P4Dlvxj3RsV21kaSS1mdvPjs104vCgHr4Y44sPJ7%2F4dLZKBdxoU%2FcfT7dDrR9P1%2FH1%2BHX8LR0Un89%2FXaSqd%2FL5%2FJv4rz58Pv9%2F2NN30CGlY%2B4AAAAASUVORK5CYII%3D%22%2F%3E%3C%2Fsvg%3E');
    width: 32px;
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.pomu-faq-block {
    max-width: 720px;
    margin: auto;
}
@media screen and (max-width: 500px) {
    .pomu-faq-block summary.swell-block-accordion__title {
        padding: 10px 25px 10px 20px;
        border-radius: 20px;
        font-size:clamp(14px, 14 / 375 * 100vw ,16px);
    }
    .pomu-faq-block .swell-block-accordion__label {
        padding: 5px 0 5px 50px;
    }
    .pomu-faq-block .swell-block-accordion__label::before{
        top: 20px;
        width: 23px;
        height: 24px;
    }

    .pomu-faq-block .swell-block-accordion__body::before{
        top: 17px;
        left: 18px;
        width: 23px;
        height: 23px;
    }
    .pomu-faq-block .swell-block-accordion__label {
        padding: 3px 0 5px 37px;
    }
    .pomu-faq-block .swell-block-accordion__body p {
        border-radius: 20px;
        padding: 22px;
        margin-left: 26px;
    }

}


/* よくあるご質問ページ */
.wp-singular.faq{
    .is-style-balloon>.c-tabList .c-tabList__button:hover, 
    .is-style-balloon>.c-tabList .c-tabList__button[aria-selected=true] {
        background: #30e3ca;
    }
    .is-style-balloon>.c-tabList .c-tabList__button:before {
        border-top:8px solid #30e3ca;
    }
    .c-tabBody {
        padding-top: 120px;
    }
    
    .is-style-section_ttl.heading-bubble::before {
        top: -80px;
    }
    .c-tabList__button {
        font-size: 16px;
        font-weight: bold;
        height: 60px;
        border-radius: 10px;
        line-height: 1.35 !important;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .pomu-faq-block{
            max-width: 100%;
    }
    .is-style-section_ttl.heading-bubble {
        margin: 4em 0 2em;
        font-size: 28px;
    }
    @media screen and (max-width: 767px) {
        .c-tabList__button {
            font-size: 14px;
            font-weight: bold;
            height: 50px;
            border-radius: 10px;

        }
    }

    @media screen and (max-width: 600px) {
/*        .l-container {
            padding-left: 20px;
            padding-right: 20px;
        }*/
        .swell-block-tab.has-background.is-style-balloon {
            padding-left: 0;
            padding-right: 0;
        }
    }
    @media screen and (max-width: 500px) {
        .is-style-section_ttl.heading-bubble::before {
            top: -60px;
        }
    }
}


/*発達障害についてページ*/
.page-child.dd,
.page-child.adhd,
.page-child.asd,
.page-child.ld{
    .wrap-links{
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 38px;
        padding: 0;
    }
    .box-links{
        width: calc((100% - 76px) / 3);
        position: relative;
        transition: 0.3s;
    }
    .box-links a::before{
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .box-links:nth-child(1) a::before{
        background: url( "./images/top/link-frame2.png" )  no-repeat center center / contain;
        aspect-ratio: 495/433;
    }
    .box-links:nth-child(2) a::before{
        background: url( "./images/top/link-frame3.png" )  no-repeat center center / contain;
        aspect-ratio: 495/434;
    }
    .box-links:nth-child(3) a::before{
        background: url( "./images/top/link-frame4.png" )  no-repeat center center / contain;
        aspect-ratio: 495/434;
    }

    /* ホバー時にフレームからはみ出ないように縮小してマスク */
    .box-links:nth-child(1){
        mask-image: url('./images/top/link-img2.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    .box-links:nth-child(2){
        mask-image: url('./images/top/link-img3.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    .box-links:nth-child(3){
        mask-image: url('./images/top/link-img4.png');
        mask-size: 97%;
        mask-position: center;
        mask-repeat: no-repeat;
    }
    /*ホバーで画像だけ拡大*/
    .box-links:hover{
        cursor: pointer;
    }
    .box-links:hover .link-img{
        transform: scale(1.05);
    }

    .box-links .box-links-inner{
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
    .box-links .title{
        font-size:clamp(14px, 14 / 767 * 100vw ,18px);
        font-weight: bold;
        color: #fff;
        position: relative;
        width: fit-content;
        margin: 0 auto 10px;
    }
    .box-links .title::after{
        content: "";
        background: url( "./images/common/arrow-white.png" )  no-repeat center center / contain;
        position: absolute;
        top: 50%;
        right: -32px;
        transform: translateY(-50%);
        width: 22px;
        height: 22px;
        transition: 0.3s;
    }
    .box-links img{
        transition: 0.3s;
    }
    .box-links:hover {
        .title::after {        
            right: -38px;
        }

    }

    @media screen and (max-width: 1024px) {
        .wrap-links{
            gap: 20px;
        }
        .box-links{
            width: calc((100% - 40px) / 3);
        }
    }

    @media screen and (max-width: 768px) {
        .wrap-links{
            gap: 10px;
        }
        .box-links{
            width: calc((100% - 20px) / 3);
            .box-links-inner {
                bottom: 42px;
            }
        }
        .box-links .title::after {
            right: -24px;
            width: 15px;
            height: 15px;
        }


    }



    @media screen and (max-width: 620px) {
        .wrap-links {
            flex-direction: column;
            gap: 20px;
            justify-content: center;
            align-items: center;
        }
        .box-links {
            width: 98%;
            max-width: 400px;
            margin: auto;
            .link-img {
                width: 100%;
            }
            .title{
            font-size:clamp(17px, 17 / 375 * 100vw ,26px) ;
            }
            .title::after {
                right: -44px;
                width: 28px;
                height: 28px;
            }
            .box-links-inner {
                bottom: 80px;
            }
        }

    }

    @media screen and (max-width: 450px) {
         .wrap-links {
            gap: 12px;
        }

        .box-links {
            width: 98%;
            max-width: 400px;
            margin: auto;
            .title::after {
                right: -28px;
                width: 21px;
                height: 21px;
            }
            .box-links-inner {
                bottom: 60px;
            }
        }
    }
}

/*発達障害について*/
.page-child.dd,
.page-child.adhd,
.page-child.asd,
.page-child.ld{
    @media screen and (max-width: 959px) {
        .section-dd-program{
            margin-top: 50px !important;
        }
        .section-adhd-program{
            margin-top: 50px !important;
        }
    }
    @media screen and (max-width: 781px) {
        .section-to-parents{
            margin-top: 100px !important;
        }
        .column-reverse{
            margin-bottom: 50px !important;
            position: relative;
            .icon-birds img{
                position: absolute;
                width: max(65px,16.5%) !important;
                top: -13vw;
                left: 50%;
                transform: translateX(-50%);
            }
        }
        /*そんなお子様のために！POMUきっずの専門療育があります*/
        .section-for-kids{
            .box-img {
                display: flex;
                justify-content: center;
                width: fit-content;
                margin-bottom: 20px !important;
                & img{
                    width: 65vw !important;
                    max-width: 400px;
                }
            }
        }

    }
    
    @media screen and (max-width: 500px) {
        .section-to-parents{
            margin-top: 60px !important;
            .column-reverse{
                margin-bottom: 20px !important;
            }
        }
    }
}
@media screen and (max-width: 767px) {


    .page-child.adhd{
        & h1{
            max-width: 550px;
        }
    }

    .page-child.asd{
        & h1{
            max-width: 520px;
        }
    }


    .page-child.ld{
        & h1{
            max-width: 480px;
        }
    }
}





.pomu-caption-box {
    border-radius: 25px;
    .cap_box_ttl {
        font-size:clamp(17px, 17 / 767 * 100vw ,20px);

    }
    .wp-block-table td, .wp-block-table th {
        border: none;
    }
}
.pomu-caption-box2 {
    .cap_box_ttl {
        font-size:clamp(15px, 15 / 1000 * 100vw ,18px);
        border-radius: 25px;
        max-width: 90%;
        line-height: 1.4;
    }
    .cap_box_content{
        border-radius: 25px;
    }
}
/* 投稿ページ */
.single-post #content {
    padding-top: 120px;
}
/* アーカイブページ */
.archive #content{
    padding-top: 120px;
}
@media screen and (max-width: 959px) {

    /* 投稿ページ */
    .single-post #content {
        padding-top: 170px;
    }
    /* アーカイブページ */
    .archive #content{
        padding-top: 170px;
    }
}



/* お知らせ一覧ページ */
.blog{
    .c-pageTitle{   /*デフォルトのH1は非表示*/
        display: none !important;
    }
    .pagetitle-container {
        margin-top: 200px;
        .pagetitle {
            margin-top: 0;
        }
    }

    @media screen and (max-width: 1000px) {
        .pagetitle-container {
            margin-top: 250px;
        }
    }
    @media screen and (max-width: 959px) {
        .pagetitle-container {
            margin-top: 0;
            .pagetitle {
                margin: 240px auto 100px;
            }
        }
    }
    @media screen and (max-width: 767px) {
        .pagetitle-container {
            .pagetitle {
                margin: 200px auto 100px;
            }
        }
    }
    @media screen and (max-width: 500px) {
        .pagetitle-container {
            .pagetitle {
                margin: 170px auto 50px;
            }
        }
    }

}




/* タイトル写真がないページ */
.wp-singular.contact,
.wp-singular.thanks,
.wp-singular.faq{

    .pagetitle-container {
        .pagetitle {
            margin: 180px auto 96px;
        }
        .branch-bird {
            top: 0px;
        }
        .bird1 {
            top: -130px;
            left: 22%;
        }
        .bird2 {
            top: -146px;
            right: unset;
            left: 15%;
            width: 50px;
        }
        
    }
    @media screen and (max-width: 1000px) {
        .pagetitle-container {
            .branch-bird {
                top: 50px;
                width: 170px;
            }
            .bird1 {
                top: -20px;
                left: 13%;
                width: 30px;
            }
            .bird2 {
                top: -40px;
                left: 7%;
                width: 40px;
            }
            
        }
    }
    @media screen and (max-width: 700px) {
        .pagetitle-container {
            .branch-bird {
                top: 80px;
                width: 140px;
            }
            .bird1 {
                top: -28px;
                left: 80px;
                width: 30px;
            }
            .bird2 {
                top: -60px;
                left: 30px;
                width: 40px;
            }
            
        }
    }
        
    @media screen and (max-width: 550px) {
        .pagetitle-container {
            .pagetitle {
                margin: 130px auto 60px;
            }
        }
    }
    @media screen and (max-width: 480px) {
        .pagetitle-container {
            .branch-bird {
                top: 72px;
                width: 120px;
            }
            .bird1 {
                top: -39px;
                left: 60px;
                width: 20px;
            }
            .bird2 {
                top: -60px;
                left: 10px;
                width: 30px;
            }
            
        }
    }

}


/* コンタクトページ */
.wp-singular.contact{
    .l-content{
        margin-bottom: 0;
    }
    .frame-tel{
        position: relative;
        z-index: 1;
        background-color: #fff;
        border-radius: 34px;
        border: solid 4px var(--logo-color4);
        width: 100%;
        height: auto;
        max-width: 700px;
        padding: 26px 20px 30px;
        margin: 60px auto 50px;
        min-width: 320px;

        .title{
            margin-bottom: 0.2em;
        }
        .open{
            font-size: 16px;
            text-align: center;
        }
    }
    .frame-tel:before {
        content: "";
        background: url(./images/common/grass.png) no-repeat center center / contain;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 64px;
        height: 22px;
    }
    .wrap-contact {
        margin-bottom: 50px;
        padding: 50px;
        background: #fff;
        border-radius: 25px;
    }
    & label{
        font-size: 18px;
        font-weight: 600;
        position: relative;
    }
    .haveto {
        font-size: 10px;
        font-weight: 500;
        color: var(--logo-color3);
        position: absolute;
        top: 5px;
        right: -13px;
        line-height: 1;
    }
    .box-contact{
        margin-bottom: 24px;
    }
    .box-in{
        margin: 5px 0 24px;
        .wpcf7-list-item {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .wpcf7-list-item input{
            margin-right: 5px;
        }
        & label{
            font-size: 16px;
            font-weight: 400;
        }
    }
    @media screen and (max-width: 680px) {
        .wrap-contact {
            padding: 30px 20px;
            margin-top: 30px;
        }
    }
    @media screen and (max-width: 500px) {
        .tel {
            font-size: 30px;
        }
        .tel .icon-tel {
            width: 32px;
            height: 30px;
            left: -39px;
        }
        .frame-tel {
            padding: 26px 10px 30px;
            margin: 40px auto 50px;
        }
    }
    
    @media screen and (max-width: 430px) {
        .tel {
            font-size: 28px;
        }
        .tel .icon-tel {
            width: 30px;
            height: 28px;
        }
        .frame-tel:before {
            width: 55px;
            height: 20px;
        }
    }

}


/* checkbox以外のフォーム要素 */
input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
select,
textarea {
    border-radius: 5px;
    width: 100%;
    margin-top: 5px;
}


.wpcf7-submit{
    color: #fff;
    background-color: var(--logo-color3);
    padding: 12px 12px;
    border-radius: 50px;
    font-size:18px;
    font-weight: 500;
    line-height: 1.5;
    min-width: 300px;
    width: fit-content;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    cursor: pointer;
    transition: 0.3s;
}

.box-policy{
    margin: 0 auto 20px;
    width: fit-content;
    display: block;
    text-align: center;
    .wpcf7-list-item-label{
        font-size: 16px;
        font-weight: 400;
    }
}


@media screen and (max-width: 767px) {
.wp-singular.thanks{
    .pagetitle{
        max-width: 330px;
    }
}
}
/*************************************/
/*     カテゴリー色変更                 */
/*************************************/
.single-post .c-categoryList:before{
    content: none;
}
.c-postThumb__cat ,
.c-categoryList a {
    background-color: var(--logo-color3);
}
.cat-item a::before{  /*サイドバー*/
    color: var(--logo-color3) !important;
}

/*cat:notice*/
.c-postThumb__cat[data-cat-id="4"] ,
.c-categoryList a[data-cat-id="4"] {
    background-color: var(--logo-color4);
}
.cat-item-4 a::before{  /*サイドバー*/
    color: var(--logo-color4) !important;
}


/*cat:blog*/
.c-postThumb__cat[data-cat-id="5"] ,
.c-categoryList a[data-cat-id="5"] {
    background-color: #b487ed;
}
.cat-item-5 a::before{  /*サイドバー*/
    color: #b487ed !important;
}




/* SP改行 */
@media screen and (max-width: 959px) {
    br.sp_{
        display: none ;
    }
}

@media screen and (max-width: 600px) {
    br.sp_{
        display: block ;
    }
}





@media screen and (max-width: 781px) {
    .is-style-section_ttl.sp16{
        font-size:clamp(16px, 16 / 375 * 100vw ,22px);
    }
    .sp-width30{
        width: 30%;
        margin: auto;
    }
    .sp-width70{
        width: 70%;
        margin: auto;
        & img{
            width: 100% !important;
        }
    }

    /* POMUきっずについて */
    .beginner.beginner .img-top-margin{
        margin-top: -30px;
    }
    .flex-column-order,
    .flex-column-order2{
        .wp-block-column{
            display: contents;
        }
        & h3{
            order: 1;
            margin: 0 auto 20px;
            width: 100% ;
            text-align: center !important;
        }
        .wp-block-image{
            order: 2;
            margin: 0 auto 20px;
        }
        .text {
            order: 3;
            margin: 0 auto 20px;
            max-width: 500px;
        }
    }
    .flex-column-order2{
        .wp-block-image{
            order: 2;
            margin: 0 auto 20px;
        }
        .text {
            order: 2;
        }
        .wp-block-image{
            order: 3;
        }
        .list-icon{
            order: 4;
        }
        span.swl-fz {
            margin: 5px auto 10px !important;
        }
    }

    /* POMUきっずについて */
    .wp-singular.about{
        .is-style-section_ttl.num-deco-title {
            font-size:clamp(16px, 16 / 375 * 100vw ,24px);
            padding: 70px 0 0;
            margin-bottom: 0;
            text-align: center;
        }
        .is-style-section_ttl.num-deco-title::before
        {
            left: 50%;
            transform: translateX(-50%);
        }
        span.swl-fz {
            display: block;
            margin: 5px auto 30px;
        }
    }
    .img-center{
        margin: auto;
        width: fit-content;
        max-width: 200px;
        min-width: 120px;
        width: 22%;
    }
    .img-center2{
        width: 40%;
    }
}

@media screen and (max-width: 767px) {
    .sp-text-left{
        text-align: left;
    }
}
@media screen and (max-width: 600px) {
    .about-title4-wrapper{
        & h3{
            margin-bottom: 0 !important;
        }
    }

}


.side-sns{
    background-color: var(--logo-color1);
    padding: 10px;
    border-radius: 10px;
    .title{
        width: 120px;
        display: block;
        margin: 10px auto 5px;
    }
}

#categories-2{
    background-color: var(--logo-color1);
    padding: 10px;
    border-radius: 10px;
    .c-widget__title.-side {
        display: none;
    }
    ul{
        background-color: #ffffff87;
    }
}
#categories-2::before{
    content: "";
    background-image: url('./images/common/category.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 38px;
    display: block;
    margin: 10px auto 5px;
}


.swell-block-fullWide.bt100{
    padding-bottom: 100px !important;
}
@media screen and (max-width: 600px) {
    .swell-block-fullWide.bt100{
        padding-bottom: 50px !important;
    }
}


/* 下層ページの左右余白（SP) */
@media screen and (max-width: 767px) {
    :not(.home) .swell-block-fullWide__inner.l-article, :not(.home) .swell-block-fullWide__inner.l-container {
        --swl-fw_inner_pad: 30px;
    }
}