@charset "utf-8";

/* *****共通設定***** */
body {
    overflow-x: hidden !important;
}

main {
    display: block;
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif !important;
}

header {
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif !important;
}

main .btn {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 1.5rem;
}

h1 {
    font-size: 1.8rem;
}

h2,
h3 {
    color: #333;
}

    div#content {
        padding: 0;
        margin: 0;
        max-width: 100%;
    }

.top-btn {
    white-space: nowrap;
    position: absolute;
    right: 0;
    left: 0;
    top: 80%;
    width: 40%;
    margin: 0 auto;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    background: #003366;
    padding: 1em 7.5em;
    border-radius: 5px;
    text-decoration: none;
    transition: .2s;
    text-align: center;
    font-size: 1.4rem;
}

.top-btn a:hover {
    opacity: 0.8;
}

.mv_contents {
    max-width: 60%;
    padding: 4%;
    background-color: #00adee;
    position: absolute;
    top: 25%;
    left: 5%;
}

.gray {
    color: #6c757d;
}

.card {
    border-color: #8DA722;
}

.card-title {
    margin: 0.75rem;
    color: #333;
}

.card-text {
    text-align: left;
}

.card-link {
    text-align: left;
    color: #8da722;
}

.card-img-top {
    border-radius: 0%;
}

.img-thumbnail {
    width: 100%;
    padding: .25rem;
    background-color: transparent;
    border: none;
}

/* ヘッダー(navbar) */
.navbar {
    background-color: #fff;
}

.navbar .navbar-collapse {
    flex-grow: 0;
}

.navbar .navbar-brand {
    height: 50px;
}

.navbar .navbar-brand img {
    height: 100%;
}

.navbar .navbar-nav .active>.nav-link {
    color: #00355e !important;
    padding: 0 12px !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #00355e !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    opacity: 0.8;
}

/* *****トップページ***** */
/* メイン画像 */
h1 {
    font-weight: bold !important;
    color: #333;
    text-align: center;
    line-height: 1.5;
}

#voice {
    background-color: #8DA722 !important;
    padding: 5rem 0;
}

.voice_text {
    color: #fff;
}

#news {
    background-color: #fff !important;
}

.news_text {
    color: #8DA722;
}

#area {
    max-width: 800px;
    background-color: #8DA722 !important;
    margin: 0 auto;
    border-radius: 20px;
}

.area_text {
    color: #333333;
}

.area_container {
    max-width: 650px;
    background: #fff;
    padding: 10px;
}

.area_yohaku {
    background: #fff;
    padding: 5%;
    border-radius: 20px;
}

#page-top h1+span {
    font-size: 1.3rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 110%;
    margin-top: 1rem;
    display: block;
    text-align: center;
}

.main-visual {
    position: relative;
    height: 85vh;
}

.main-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-size: cover;
    background-position: center center;
    animation: image-switch-animation 20s infinite;
}

.src1 {
    background-image: url(https://zensui-reform.com/wp-content/uploads/2025/08/top-mv1.png);
}

.src2 {
    background-image: url(https://zensui-reform.com/wp-content/uploads/2025/08/top-mv2.png);
}

.src3 {
    background-image: url(https://zensui-reform.com/wp-content/uploads/2025/08/top-mv3.png);
}

.src4 {
    background-image: url(https://zensui-reform.com/wp-content/uploads/2025/08/top-mv4.png);
}

@keyframes image-switch-animation {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.main-image:nth-of-type(1) {
    animation-delay: 0s;
}

.main-image:nth-of-type(2) {
    animation-delay: 5s;
}

.main-image:nth-of-type(3) {
    animation-delay: 10s;
}

.main-image:nth-of-type(4) {
    animation-delay: 15s;
}

#page-top .jumbotron-fluid .container {
    height: 100%;
}

#page-top .jumbotron-fluid .btn {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 1.5rem;
    font-weight: bold;
    border-width: 3px;
    border-color: #fff;
}

/* 各セクション */
#page-top section {
    padding: 4rem 0;
}

#sec5 {
    background-color: #E6EFD5 !important;
    !i;
    !;
}

#page-top section .container>h2 {
    margin-bottom: 70px;
    font-size: 2.5rem;
}

#page-top section .container>h2+p {
    max-width: 700px;
    margin: 0 auto 50px;
}

#sec1 h3 {
    font-size: 1.4rem;
}

h3.h5.py-3.text-center.font-weight-bold {
    color: #003366;
}

#sec2 {
    line-height: 180%;
}

#sec2 .row {
    min-height: 160px;
    color: #212529;
    font-weight: 500;
}

#sec4 .card-body .clearfix p,
#sec4 .card-body .clearfix h3 {
    margin-left: 115px;
    line-height: 130%;
}

#sec4 .card-body .card-title {
    margin-bottom: 5px;
    color: #401f0f;
}

#sec4 .card-body .card-subtitle {
    font-size: 0.9rem;
    margin-bottom: 5px;
    color: #968075;
}

#sec4 img {
    width: 100%;
}

#sec4 .btn {
    width: 100%;
    background-color: #401f0f;
    border: none;
    padding: 1rem 0;
}

#sec5 article>.row {
    border: 1px solid #dddddd;
}

#sec5>div:nth-child(1) img {
    width: 100%;
}

/*#sec4 > div:nth-child(2){
    margin-left: 220px;
}*/
#sec5 h3 {
    margin-bottom: 0.1rem;
}

#sec5 article>div div header {
    padding: 10px;
}

/* *****下層ページ***** */

#breadcrumb-wrapper {
    border-bottom: 1px solid #a29080;
}

#breadcrumb-wrapper,
.breadcrumb {
    font-size: 0.9rem;
    background-color: #563322;
}

.breadcrumb a {
    color: rgba(255, 255, 255, .5);
}

.breadcrumb a:hover,
.breadcrumb a:focus {
    color: rgba(255, 255, 255, 1);
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    padding-right: 1rem;
    color: rgba(255, 255, 255, .5);
}

.breadcrumb-item.active {
    color: #ffffff;
}

h1.page-ttl {
    font-size: 2rem;
}

#page h1+span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
    display: block;
}

#page article {
    padding: 5rem 0;
}

#page section {
    padding-bottom: 5rem;
}

#page section:last-child {
    padding-bottom: 0rem;
}

#page h1+small {
    font-size: 1.5rem;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
}

#page .jumbotron {
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/top-main.jpg") no-repeat center center;
    background-size: cover;
    border-radius: initial;
}

#page .jumbotron .container {
    padding: 0;
}

#page .jumbotron .container p {
    margin-bottom: 0;
}

#page h2+p {
    margin: 0 0 1.2rem;
}

#page main img {
    max-width: 100%;
}

#page .sample-title {
    display: flex;
    align-items: center;
    text-align: center;
}

#page .sample-title::after {
    border-top: 3px dotted;
    content: "";
    display: inline;
    /* for IE */
    flex-grow: 1;
    margin-left: 0.5em;
}

#page .sample-title span {
    background-color: #fbfbf2;
}

#page .sample-subtitle {
    font-size: 1.5rem;
    font-weight: bold;
    color: #401f0f;
}



/* 見出し青丸
-------------------------------------------------- */
.dot {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.dot:before,
.dot:after {
    font-family: "Font Awesome 5 Free";
    /*忘れずに*/
    content: "\f111";
    /*アイコンのユニコード*/
    /* font-size: 1.2rem; */
    /*サイズ*/
    color: #E9F2F4;
    padding: 0 10px;
    vertical-align: middle;
}


/* *****フォーム***** */

.form1 label {
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.form1 input,
.form1 textarea,
.form1 select {
    max-width: 768px;
}

.form1 .form-group {
    margin-bottom: 2rem;
}

/* *****ボタン***** */
.video_play {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    border: 0.05em solid currentColor;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
}

.video_play::before {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.5em solid currentColor;
    box-sizing: border-box;
    content: "";
}

a.btn_04 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    max-width: 500px;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: bold;
    border: 2px solid #8DA722;
    background: #8DA722;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 1.4rem;
}

a.btn_04:hover {
    opacity: 0.8;
}

a.btn_05 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    max-width: 500px;
    border: 2px solid #fff;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: bold;
    background: #8DA722;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 1.4rem;
}

a.btn_05:hover {
    opacity: 0.8;
}

.btn_icon {
    width: 8%;
    margin-left: 10px;
}

.jirei {
    display: inline-block;
    color: #8DA722;
    margin-bottom: 1em;
    position: relative;
    border-bottom: 3px solid #8DA722;
    padding-bottom: 15px;
    ;
}


/*==================================================
スライダーのためのcss
===================================*/
.slider {
    /*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 94%;
    margin: 0 auto;
}

.slider img {
    width: 100%;
    /*スライダー内の画像を60vwにしてレスポンシブ化*/
    height: auto;
}

.slider .slick-slide {
    transform: scale(0.8);
    /*左右の画像のサイズを80%に*/
    transition: all .5s;
    /*拡大や透過のアニメーションを0.5秒で行う*/
    opacity: 0.5;
    /*透過50%*/
}

.slider .slick-slide.slick-center {
    transform: scale(1);
    /*中央の画像のサイズだけ等倍に*/
    opacity: 1;
    /*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
    position: absolute;
    /*絶対配置にする*/
    top: 42%;
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;
    /*矢印の色*/
    border-right: 2px solid #fff;
    /*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {
    /*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {
    /*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #ccc;
    /*ドットボタンの色*/
}

.slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
}

.news-list {
    list-style: none outside;
    margin: 0;
    padding: 0;
}

.news-list .item a {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #CCC;
    padding: 20px 20px;
}

.news-list .item:first-child a {
    border-top: 1px solid #CCC;
}

.news-list .item .date {
    margin: 0;
    min-width: 120px;
    font-size: 16px;
    color: #999;
    padding: 0 20px 0 0;
}

.news-list .item .title {
    margin: 0;
}

.news-list .item a:hover .title {
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
    .news-list .item a {
        flex-wrap: wrap;
    }

    .news-list .item .date {
        min-width: 100px;
    }

    .news-list .item .title {
        margin-top: 10px;
    }

p.title {
    text-align: left;
}
}

/* 装飾 */

* {
    box-sizing: border-box;
}

.tel {
    font-size: 3.5rem;
}

a {
    text-decoration: none;
}

.accordion-006 {
    margin-bottom: 7px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-006 summary::-webkit-details-marker {
    display: none;
}

.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #c2c2c2;
    border-right: 3px solid #c2c2c2;
    content: '';
    transition: transform .3s;
}

.accordion-006[open] summary::after {
    transform: rotate(225deg);
}

.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-006[open] p {
    background-color: #fff;
    transform: none;
    opacity: 1;
}

/* cta_03 */
.cta03_tb.readmore {
    max-width: 100%;
    background: #c8e4ff;
    margin: 0;
}

.cta03_tb {
    margin-bottom: 1.8em;
    display: table;
    min-height: 47px;
    width: 100%;
}

.cta03_tb.readmore .cta03img {
    width: 50%;
    text-align: center;
    font-size: 17px;
}

.cta03img {
    display: table-cell;
    vertical-align: middle;
}

.cta03_tb.readmore img {
    width: 60%;
    padding: 3%;
}

.cta03_tb.readmore .cta03img {
    width: 50%;
    text-align: center;
    font-size: 17px;
}

.cta03img {
    display: table-cell;
    vertical-align: middle;
}

.cta03_tb.readmore .bl {
    display: inline-block;
    position: relative;
    color: #333;
    font-weight: 700;
    line-height: 1;
    font-size: 1.5rem;
}

.cta03_tb.readmore .bl:before {
    left: 0;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

.cta03_tb.readmore .bl:after {
    right: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.cta03_tb.readmore a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    background: #003366;
    /* border-bottom: solid 4px #005fa0; */
    padding: 0.8em 7.5em;
    border-radius: 5px;
    text-decoration: none;
    transition: .2s;
    margin-top: 3%;
}

.cta03_tb.readmore a:hover {
    opacity: 0.8;
}

@media screen and (max-width: 600px) {
	
	i.fa.fa-caret-right {
    vertical-align: -webkit-baseline-middle;
}


    .cta03_tb.readmore .cta03img,
    .cta03_tb.readmore {
        width: 100%;
        display: block;
    }

    .cta03_tb.readmore .mottobtn {
        padding-bottom: 1.5em;
    }
}

.w-beforeFooter {
    margin: 6em auto 3em;
    overflow: hidden
}

.c-widget__title.-footer:before {
    background-color: currentcolor !important
}

.l-footer {
    background-color: #003366;
    color: #fff;
    position: relative;
    z-index: 0
}

.l-footer a,
.l-footer span {
    color: inherit
}

.l-footer .copyright {
    font-size: 12px;
    text-align: center
}

.l-footer .copyright a {
    color: #fff;
}

.l-footer__nav {
    color: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .5em 0 1em
}

.l-footer__nav li {
    list-style: none;
}

.l-footer__nav a {
    color: inherit;
    display: block;
    font-size: 3vw;
    padding: .25em .5em;
    text-decoration: none
}

.l-footer__nav a:hover {
    text-decoration: underline
}

.l-footer__foot,
.l-footer__widgetArea {
    padding-bottom: 1em;
    padding-top: 1em
}

.p-indexModal {
    padding: 80px 16px
}

.p-indexModal__inner {
    background: #fdfdfd;
    border-radius: var(--swl-radius--4, 0);
    color: #333;
    height: 100%;
    margin: -1em auto 0 !important;
    max-width: 800px;
    padding: 2em 1.5em;
    position: relative;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    z-index: 1
}

.is-opened>.p-indexModal__inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-searchModal__inner {
    background: hsla(0, 0%, 100%, .1);
    left: 50%;
    max-width: 600px;
    padding: 1em;
    position: absolute;
    top: calc(50% + 16px);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: top .5s;
    width: 96%;
    z-index: 1
}

.is-opened>.p-searchModal__inner {
    top: 50%
}

.p-searchModal__inner .c-searchForm {
    box-shadow: 0 0 4px hsla(0, 0%, 100%, .2)
}

.p-searchModal__inner .s {
    font-size: 16px
}

@media (min-width: 960px) {
    .w-footer {
        display: flex;
        justify-content: space-between
    }

    .w-footer__box {
        flex: 1;
        padding: 1em
    }
}

@media not all and (min-width: 960px) {
    .w-footer__box {
        padding: 1em 0
    }

    .w-footer__box+.w-footer__box {
        margin-top: 1em
    }

    .l-footer__inner {
        padding-bottom: calc(env(safe-area-inset-bottom)*.5)
    }
}

@media (min-width: 600px) {
    .l-footer__nav a {
        border-right: 1px solid;
        font-size: 13px;
        padding: 0 .75em
    }

    .l-footer__nav li:first-child a {
        border-left: 1px solid
    }

    .p-indexModal__inner {
        padding: 2em
    }
}

/* 半円背景各種
-------------------------------------------------- */
/* 半月（背景白） */
.half-white:after {
    background-color: #fff;
}

/* 半月（背景薄青） */
.half-lightblue:after {
    background: #EAF2F4;
}

/* 半月（背景緑） */
.half-info:after {
    background: #17a2b8;
}

/* 半月（モスグリーン） */
.half-mosgreen:after {
    background: #8DA722;
}



/* 共通 */
.half {
    width: 120%;
    height: 500px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: 0;
    left: -10%;
}

.half:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.container-reform {
    background: #E6EFD5 !important;
    padding-bottom: 80px;
}

.bg-white {
    background-color: #E6EFD5 !important;
}

.bg-blue {
    background-color: #E9F2F4 !important;
}

.bg-fff {
    background-color: #fff;
}

.bg-mosgreen {
    background-color: #8DA722;
}

.jisseki h2 {
    color: #fff;
    font-size: 4rem;
    padding-bottom: 7%;
}

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

.sp{
    display: none;
}

.col-md-8 {
    text-align: center;
}

@media screen and (max-width:767.98px) {
.jisseki h2{
    font-size: 36px !important;
}
.
h2{
    font-size: 20px !important;
}

.main-visual{
    width: 100%;
    height: 100%;
}

.top-btn{
    display: flex;
    top: 250px;
    max-width: 40%;
    justify-content: center;
    padding: 0.5em 5.5em;
}

.half{
    width: 100%;
    border-top-left-radius: 15% 15px;
    border-top-right-radius: 15% 15px;
    left: 0;
}
#page-top section {
    padding:0;
}


.sp{
    display: block;
}

.btn_icon {
    width: 20%;
}

a.btn_04 {
    width: 70%;
}

a.btn_05 {
    width: 80%;
}

.cta03_tb.readmore a {
    padding: 1.5em 2.5em;
    width: 70%;
}

}

/* CTAブロック全体のコンテナ */
.cta-container {
  max-width: 900px;
  margin: auto;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* ヘッダー部分（黄色い帯と女性の画像） */
.cta-header {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 100px;
}

.cta-text-yellow {
  background-color: #ffcc00;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1.5rem 2rem;
  flex-grow: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.cta-woman-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100px; /* 画像のサイズに合わせて調整 */
  height: auto;
}

.cta-woman-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* お電話での問い合わせセクション */
.cta-phone-section {
  padding: 20px;
  background-color: #ffffff;
  text-align: center;
}

.cta-subtitle {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

.cta-phone-number {
  font-size: 2.5rem;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
}

.cta-note {
  font-size: 0.8rem;
  color: #333;
  margin-top: 0;
}

/* フォームセクション（緑色の部分） */
.cta-form-section {
  background-color: #82b440;
  padding: 20px 0;
  color: #ffffff;
  text-align: center;
}

.cta-form-header {
  background-color: #3f3f3f;
  padding: 10px;
  margin-bottom: 20px;
}

.cta-form-note {
  margin: 0;
  font-size: 18px;
}

.cta-form-content {
  padding: 0 20px;
}

.cta-form-title {
  font-size: 1.5rem;
  margin: 0 0 10px;
}

.cta-form-image {
  max-width: 300px;
  margin: 10px auto;
  border-radius: 5px;
  overflow: hidden;
}

.cta-form-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* お問い合わせボタン */
.cta-form-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 4.5rem;
  background: linear-gradient(to right, #ffcc00, #ff9900);
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 50px;
  font-size: 1.2rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  transition: all 0.3s ease;
}

.cta-form-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.cta-button-icon {
  width: 1.5em;
  height: 1.5em;
  margin-right: 10px;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.5));
}

.cta-button-icon svg {
  fill: currentColor;
}
.sp{
    display: none;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .cta-text-yellow {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    flex-grow: 0;
  }
  .cta-phone-number {
    font-size: 2rem;
  }
  .sp{
    display: block;
  }
	
	    .slider img{
        width: 67vw;
    }
}

@media (max-width: 480px) {
  .cta-header {
    flex-direction: column;
    align-items: center;
  }
  .cta-text-yellow {
    border-radius: 0;
    width: 100%;
    text-align: center;
  }
  .cta-woman-image {
    position: static;
    margin-bottom: 10px;
  }
  .cta-phone-section, .cta-form-section {
    padding: 15px 10px;
  }
                .cta-form-button {
                    font-size: 1.1rem;
                    padding: 2rem 3.5rem;
                }

                .cta-form-note {
  font-size: 14px;
}
.cta-form-title {
  font-size: 1.3rem;
}
}

#cta {
	padding: 4rem 0;
}

                    .top #content {
                        padding-top: 0 !important;
                    }