/* 変数 */
:root {
    --stripe_orange:#efe9a5;
    --stripe_orange_back:#f1f6eb;
    --dot_green:#daf1e1;
    --dot_green_back:#b5e5b9;
    --news_font_color: #8b4513;
    --footer_under_line_color:#058abc;

    --top_check_yellow_color: #f0d445;

    --sp_news_contents_bk_color: #fff17c;
    --sp_global_menu_color: #9b6223;

    --orientation_time_dis_bg_color: #f0ff2e;

    --header_height: 13.4vw;
}


/* ベース設定 共通設定 */
a {
    text-decoration: none;
    color: black;
}

li {
    list-style: none;
}

.wd100 {
    width: 100%;
}

.wd88 {
    width: 88%;
}

.h16 {
    height: 16px;
}

.pd_ud30 {
    padding: 30px 0;
}

.pb50 {
    padding-bottom: 50px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mlr10p {
    margin: 0 10%;
}

.ml10p {
    margin-left: 10%;
}

.ml25p {
    margin-left: 25%;
}

.mb64p {
    margin-bottom: 64px;
}

.mcenter_b40p {
    margin: 0 auto 40px auto;
}

.mw13vw {
    max-width: 13vw;
}

.mw19vw {
    max-width: 19vw;
}

.mw54vw {
    max-width: 54vw;
}

.z10 {
    z-index: 10;
}

.z20 {
    z-index: 20;
}

.z30 {
    z-index: 30;
}

.right_justfied {
    text-align: right;
}

/* absoluteの基準にする */
.axis {
    position: relative;
}

.abs {
    position: absolute;
}

button {
    cursor: pointer;
}

.horizontal {
    display: flex;
}

.pc_hidden {
    display: none;
}

.pc_hidden_inline {
    display: none;
}

.transparent_white_back {
    background-color: rgba(255, 255, 255, .7);
    margin: 3vw 12%;
}

.corner_rounder {
    border-radius: 45px;
}

/* ヘッダー ---------------------------*/
header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    height: 11vw;
    width: 100%;
    background-color: white;
}

.site_top_line {
    width: 100%;
    height: 30px;
    margin: 0 0 40px 0;
    background-image:
        url("../asset/img/header/site_top_line-check.png");
}

.gm {
    width: min(1440px, 90%);
    margin: 0 auto;
    position: relative;
    z-index: 999;
}

.global_menu li {
    text-align: center;
    flex: 1 0;
}

.global_menu p {
    font-weight: bold;
    color: black;
    font-size: 1rem;
}

.gmenu_cont li:nth-child(odd) {
    flex: 0 0;
}

.g_manu_item img {
    width: min(1440px, 70%);
    margin: 0 auto;
}


/* ハンバーガーメニュー */
.hamburger_menu_o {
    display: none;
}

.over_lay_area {
    display: none;
}

/* #full_overlay {} */

.hamburger_menu_c {
    display: none;
}


.center_margin {
    margin: 0 auto;
}

.top_logo {
    display: inline-table;
    width: 26vw;
}

.top_logo img {
    margin-top: 0.8vw;
    padding: 0px 16px;
}

.vertical_line {
    width: 5px;
    height: 82%;
    border-right: dashed 1px;
}

.under_header_space {
    height: var(--header_height);
}

.eyecatch {
    position: relative;
    width: 100%;
    height: 41.67vw;
    overflow: hidden;
    background-image: url("../asset/img/top/eyecatch_side.jpg");
}

.pages-top {
    position: relative;
    width: 100%;
    padding-top: 7vw;
    overflow: hidden;
    z-index: -2;
}

.svg_cloud_top {
    width: 100%;
    height: 10vw;
    position: absolute;
    top: 12.5vw;
    overflow: hidden;
}

.svg_cloud_bottom {
    width: 100%;
    position: absolute;
    top: -10vw;
    overflow: hidden;
}


/* お知らせ */
.notice_title {
    margin-top: 40px;
}

.space_top_cloud {
    height: 7vw;
}

.space_under_cloud {
    height: 47px;

}

/* .img_sli_side_width {} */

.sli_cen_width {
    width: 60%;
    background-color: aliceblue;
}

/* .img_sli_left_deco {} */

/* .img_sli_right_deco {} */

/* アイキャッチサイドの画像それぞれ */

.eyecatch_attachments_img_position {
    position: absolute;
    z-index: 999;
}

.kikyu {
    max-width: 10%;
    top: 6vw;
    left: 9vw;
}

.line_star_l {
    max-width: 5%;
    top: 6vw;
    left: 31vw;
}

.star_l {
    max-width: 5%;
    top: 21vw;
    left: 16vw;
}

.train {
    max-width: 9%;
    top: -2vw;
    left: 20vw;
}

.rainbow {
    max-width: 17%;
    top: 3vw;
    left: 73vw;
}

.line_star_r {
    max-width: 4%;
    top: 18vw;
    left: 85vw;
}

.line_star_r_p {
    max-width: 4%;
    top: 15vw;
    left: 82vw;
}

.building_block_mouse {
    max-width: 8%;
    top: 24vw;
    left: 77vw;
}

.tree_l {
    max-width: 4%;
    top: 32vw;
    left: 88vw;
}

.tree_r {
    max-width: 4%;
    top: 32vw;
    left: 92vw;
}

.sun {
    max-width: 9%;
    position: absolute;
    top: 1vw;
    left: 64vw;
}

/* アイキャッチ説明文 */

.stripe_back {
    z-index: 899;
    top: 32vw;
    left: 58vw;
}

.caption_u {
    width: 32vw;
    height: 3vw;
    background-image:linear-gradient(-135deg,
                        var(--stripe_orange_back) 25%,
                        var(--stripe_orange) 25%,
                        var(--stripe_orange) 50%,
                        var(--stripe_orange_back) 50%,
                        var(--stripe_orange_back) 75%,
                        var(--stripe_orange) 75%);
    background-image: -webkit-linear-gradient(-135deg,
                        var(--stripe_orange_back) 25%,
                        var(--stripe_orange) 25%,
                        var(--stripe_orange) 50%,
                        var(--stripe_orange_back) 50%,
                        var(--stripe_orange_back) 75%,
                        var(--stripe_orange) 75%);
    /* background-image: -moz-linear-gradient(-135deg,
                        var(--stripe_orange_back) 25%,
                        var(--stripe_orange) 25%,
                        var(--stripe_orange) 50%,
                        var(--stripe_orange_back) 50%,
                        var(--stripe_orange_back) 75%,
                        var(--stripe_orange) 75%); */
    background-size: 25px 25px;
    transform: rotate(-4deg);
}

.caption_u p {
    font-size: 2vw;
    text-align: center;
    letter-spacing: .6vw;
    color: #8c2814;
}

.caption1 {
    display: none;
}

.caption2 {
    display: none;
}

.polka_dot {
    z-index: 949;
    top: 35vw;
    left: 63vw;
}

.caption_b {
    width: 28vw;
    height: 3vw;
    background-color: var(--dot_green_back);
    background-image: radial-gradient(var(--dot_green) 30%, transparent 30%), radial-gradient(var(--dot_green) 30%, transparent 30%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
    transform: rotate(-1deg);
}

.caption_b p {
    font-size: 2vw;
    text-align: center;
    letter-spacing: .8vw;
    color: #8c2814;
}
/*---------------------------*/

.img_slider {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
}

.main_contents {
    width: 100%;
    /* margin: 80px 0 0 0; */
    max-height: 1565px;
    overflow: hidden;
    position: relative;
}

.side_deco {
    width: 32%;
    margin: 20px 30px 0 30px;
}

.left_bgi {
    background-image: url("../asset/img/top/left_film3.jpg");
    background-size: cover;
}

.right_bgi {
    background-image: url("../asset/img/top/right_film6.jpg");
    background-size: cover;
}

.no_decoration {
    margin: 32px 30px 0 30px;
}

.center_contents {
    width: 50%;
    margin: 0 0 124px 0;
}

#main_title h2 > a > img {
    max-width: 38%;
    margin: 0 auto;
}

.news_contents {
    text-align: center;
    border: black solid 1px;
    margin: 56px 18px 0 18px;
    padding: 20px 8px 40px 8px;
}

.news_contents p {
    font-size: 1.2rem;
    margin: 32px 0 2px 16px;
    text-align: left;
    color: var(--news_font_color);
}

.sp_news_contents_under_line {
    display: none;
}

.list_under_link p {
    text-align: right;
}

/* sp 各固定ページリンクメニュー */
.sp_page_menu {
    display: none;
}

.image_border_semicircle {
    border: 50px solid;
    border-image-source: url(../asset/img/top/k_border_img2.png);
    border-image-slice: 102 406;
    border-image-repeat: round;
    border-image-outset: 0px 5.5vw;
    border-image-width: 1.77vw 7.7vw;
}

/* button */

.corner_circle {
    border: black solid 1px;
    border-radius: 40px;
    font-size: 1vw;
    padding: 8px 50px;
    background-color: white;
    font-weight: bold;
    letter-spacing: 2px;
}

.button_shadow1 {
    box-shadow: 3px 6px rgba(255,222,62,0.7);
    transition: all 0.3s;
}

.button_shadow1:active {
    box-shadow: none;
    position: relative;
    top: 3px;
}


/* section */
.news_for_us {
    margin-bottom: 72px;
}

.childcare_appearance {
    margin-bottom: 8px;
}

.childcare_appearance img {
    max-width: 70%;
    margin: 0 auto;
    padding: 0 7vw 0 2vw;
    filter: drop-shadow(3px 4px 0px #f0f0f0);
}

.today-lunch {
    margin-top: 48px;
}

.today-lunch img {
    max-width: 77%;
    margin: 0 auto;
    padding: 0 2vw 0 7vw;
}

.contact_us {
    text-align: center;
    margin-bottom: 24px;
    padding-top: 24px;
}

.vertical_bg_slider {
    display: none;
}

/* ページネーション */
.m-pagenation {
    display: flex;
    width: fit-content;
    margin: 0 auto;
}

ol.m-pagenation__body {
    display: flex;
    margin: 0 0 0 0;
    padding-inline-start: 0px;
}

ol.m-pagenation__body li {
    padding: 12px 20px;
    margin: 0 5px;
    border-radius: 25px;
    background-color: darkturquoise;
}

li.-current {
    color: cornsilk;
}

.m-pagenation__prev {
    margin: 12px 20px 12px auto;
}

.m-pagenation__next {
    margin: 12px auto 12px 20px;
}

/* PCフッター */
.sp_back_to_top {
    display: none;
}

address {
    width:100%;
    font-style: inherit;
    margin: 56px 0 40px 0;
}

.en_name {
    font-size: 1.5rem;
}

.en_name span {
    font-size: 1.2rem;
}

/* .address {} */

footer {
    position: relative;
    background-image: url("../asset/img/top/eyecatch_side.jpg");
}

.deco_on_footer {
    margin: 0 0 -7px 0;
    position: absolute;
    width: 100%;
    top: -3vw;
}

.deco_on_footer img {
    width: 5vw;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.sp_deco_on_footer {
    display: none;
}

.footer_title {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.f-t_container {
    max-width: 28vw;
    margin: 0 auto 8px auto;
}

.f-t_container .img_wrapper:nth-of-type(2) {
    padding: 8px 0 0 17px;
}

.img_wrapper {
    margin: 0 0 10px 0;
}

.f-t_logo {
    width: 64px;
}

.img_wrapper img {
    object-fit: contain;
}

.footer_cont {
    text-align: center;
    padding: 8px 0 20px 0;
    width: 100%;
    height: 100px;
}

.footer_menu {
    max-width: 58vw;
}

.footer_menu li {
    flex: 1
}

.footer_menu li:nth-child(even) {
    flex: 0 0;
}

.footer_menu img {
    margin: 0 auto;
    padding: 0 1vw;
    max-height: 64%;
}

.tel_number {
    margin: 0 0 16px 0;
}

.tel_number img {
    margin: 0 auto;
    max-width: 32vw;
}

/* .address {} */

.address img {
    margin: 0 auto;
    max-width: 21vw;
}

.copyright {
    background-color: var(--top_check_yellow_color);
}

.copyright p {
    text-align: center;
    font-size: 12px;
    color: #f5f5f5;
}

/* フッターの画像 */
.footer_attachment_img_position {
    position: absolute;
    z-index: 999;
}

.three_stars {
    top: 93px;
    left: 2.66vw;
    width: 16vw;
}

.three_tree {
    top: 168px;
    left: 2.09vw;
    width: 18vw;
}

.r_d_star {
    top: 48px;
    right: 12vw;
    width: 2vw;
}

.l_d_star {
    top: 29px;
    right: 3.5vw;
    width: 2vw;
}

.bard {
    top: 83px;
    right: 3.13vw;
    width: 4vw;
}

.tree1 {
    top: 183px;
    right: 13.9vw;
    width: 6vw;
}

.tree2 {
    top: 182px;
    right: 9vw;
    width: 4vw;
}

.tree3 {
    top: 187px;
    right: 2vw;
    width: 6vw;
}

/* その他？ */

.center_img {
    overflow: hidden;
}

.center_img img {
    width: 100%;
}

.shadow_effect1 {
    position: relative;
}

.shadow_effect1:before .shadow_effect1:after {
    z-index: 890;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.shadow_effect1::after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.about_me_top-img {
    width: 66.66%;
    margin: 0 auto 40px auto;
}

.about_me_top_title {
    max-width:13vw;
    margin-left: 25%;
}


/* 保育の様子-----------------------------------*/
.childcare_top_img {
    width: 75.66%;
}

.childcare_intro_title {
    max-width: 19vw;
    margin-left: 25%;
}

/* .childcare_intro_title_pack > .dashed_underline {} */
/* ------------------------------------------- */

.bg-img_sky-blue {
    background-image: url("../asset/img/top/eyecatch_side.jpg");
}

.bg-img_light-blue {
    background-image: url("../asset/img/traffic_access/traffic_access_bg_img.jpg");
}

.dashed_underline {
    width: 80%;
    border-bottom: 3px dashed #808080;
    margin: 16px auto;
}

.am-1_cont {
    margin-top: 4vw;
    margin-left: 25%;
    position: relative;
}

.am-1_cont section:nth-of-type(1) {
    width: 54vw;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}

.am-1_cont section:nth-of-type(1) > p {
    width: fit-content;
    line-height: 2rem;
    margin-bottom: 16px;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: .2rem;
    font-family: 'Kosugi', "游ゴシック Medium",
                "Yu Gothic Medium",
                游ゴシック体, YuGothic,
                "ヒラギノ角ゴ ProN W3",
                "Hiragino Kaku Gothic ProN",
                メイリオ, Meiryo, verdana, sans-serif;
    background: linear-gradient(
                rgba(255, 255, 255, 0) 80%, #ffd700 58%
                );
}

.am-1_cont section:nth-of-type(2) {
    width: 52vw;
    letter-spacing: .2rem;
    position: relative;
    z-index: 2;
}

.am-1_cont section:nth-of-type(2) > p {
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.am-1_cont img {
    width: 48vw;
    margin-top: 3.6vw;
    margin-bottom: 32px;
    z-index: 1;
}

.am-2_cont section:nth-of-type(1) {
    margin-bottom: 32px;
}

.am-2_cont section:nth-of-type(2) {
    margin-bottom: 56px;
}

.am-2_cont img {
    width: 49vw;
}

/* 園について */
/* .a_m_main_cont {} */

/* アクセサリ画像 */
.contents_attachment_img {
    position: relative;
}

.vertical3_bg_slider {
    display: none;
}

.a-m_ballon {
    width: 11vw;
    top: -21vw;
    right: 12vw;
}

.a-m_rainbow {
    width: 11vw;
    top: -6vw;
    left: 22vw;
    transform: rotate(-9deg);
}

.a-m_hello {
    top: -6vw;
    left: -5vw;
    width: 9vw;
    transform: rotate(-5deg);
}

.a-m_2-children {
    top: -30rem;
    right: 23vw;
    width: 9rem;
}

.a-m_we-like-play {
    top: -33rem;
    right: 21vw;
    width: 9rem;
}

.a-m_tree1 {
    top: -9vw;
    left: -23vw;
    width: 5vw;
}

.a-m_tree2 {
    top: -9vw;
    left: -17vw;
    width: 5vw;
}

.a-m_tree3 {
    top: -8vw;
    right: 10vw;
    width: 5vw;
}

.a-m_tree4 {
    top: -8vw;
    right: 4vw;
    width: 5vw;
}

.philosophy_container {
    margin-top: 40px;
}

.philosophy_title {
    max-width: 13vw;
    margin-left: 25%;
}

.bk_cloud {
    position: relative;
    height: 6vw;
}

.a-m_train {
    top: -11vw;
    left: 10vw;
    width: 10vw;
}

.a-m_star1 {
    top: 4vw;
    right: 12vw;
    width: 9vw;
}

.a-m_star2 {
    top: 20vw;
    left: 11vw;
    width: 6vw;
}

.a-m_star3 {
    top: 49vw;
    left: 40vw;
    width: 8vw;
}

.a-m_star4 {
    top: 52vw;
    right: 10vw;
    width: 2vw;
}

/* ５つの教育理念 */
.philosophy_items {
    width: 100%;
    margin-top: 3vw;
}

.p1-img {
    width: 16vw;
    top: 1.5vw;
    left: 20.3vw;
}

.p1-star {
    width: 5vw;
    top: 3.3vw;
    left: 33vw;
}

.p1-item {
    width: 29vw;
    margin: 0 35%;
    padding: 7vw 0;
}

.p2-img {
    width: 16vw;
    top: -4vw;
    right: 16vw;
}

.p2-star {
    width: 5vw;
    left: 38vw;
    top: -2vw;
}

.p2-item {
    width: 29vw;
    padding: 0 0 7vw 0;
    margin: 0px 41%;
}

.p3-img {
    width: 16vw;
    top: -5vw;
    left: 17vw;
}

.p3-star {
    width: 5vw;
    top: -2vw;
    left: 30vw;
}

.p3-item {
    width: 37vw;
    margin: 0 auto;
    padding: 0 0 7vw 0;
}

.p4-img {
    width: 16vw;
    right: 13vw;
    top: -5vw;
}

.p4-star {
    width: 5vw;
    top: -2vw;
    left: 39vw;
}

.p4-item {
    width: 30vw;
    margin: 0 42%;
    padding: 0 0 7vw 0;
}

.p5-img {
    width: 16vw;
    top: -5vw;
    left: 19vw;
}

.p5-star {
    width: 5vw;
    top: -2vw;
    left: 32vw;
}

.p5-item {
    width: 36vw;
    margin: 0 33%;
    padding: 0 0 7vw 0;
}

.fade_hidden {
    visibility: hidden;
}

.orientation_title {
    max-width: 30vw;
    position: relative;
    top: -42px;
    left: 24vw;
}

.orientation_detail {
    position: relative;
    max-width: 36vw;
    margin-left: 8vw;
}

.ori_time_bg_container {
    width: 73%;
    height: 5vw;
    background-color: var(--orientation_time_dis_bg_color);
    border-radius: 40px;
}

/* .time_item_display {} */

.analog_watch {
    top: .4vw;
    left: 1vw;
    width: 4vw;
}

.ori_degital_time {
    position: absolute;
    left: 7vw;
    font-size: 3rem;
    color: white;
    -webkit-text-stroke: 1px black;
}

.ori_item_context {
    position: absolute;
    left: 4vw;
    font-size: 2.7rem;
    margin-top: 0.3vw;
    color: white;
    -webkit-text-stroke: 1px black;
}

.ori_description {
    font-size: 1.8vw;
    color: #2466ff;
    font-family: "ヒラギノ角ゴ ProN W3",
                "Hiragino Kaku Gothic ProN",
                "メイリオ", "Meiryo", "verdana", sans-serif;
    font-weight: 500;
}

.lunch {
    font-size: 2.8vw;
}

.degital_watch {
    width: 7vw;
    top: .2vw;
    left: 7vw;
}

.sub_item {
    width: 4vw;
}

.sub_ori_degital_time {
    font-size: 2.5rem;
    color: white;
    padding: 0.8vw 1vw;
    width: fit-content;
    -webkit-text-stroke: 1px black;
    background: linear-gradient(
        rgba(255,255,255,0) 65%,
        var(--orientation_time_dis_bg_color) 74%);
}

/* いらんようになるかも */
.time_display {
    max-width: 26vw;
    margin: 0 0 24px 0;
}

.connecting_line {
    position: relative;
    left: 12vw;
    z-index: 0;
    width: 1px;
    border-left: solid 6px #f0ff2e;
    margin: 0 0 30px 0;
}

.orien_sentence_b_margin {
    margin-bottom: 1vw;
}
.t7_sentence {
    max-width: 3.6vw;
    margin-left: 9vw;
    margin-top: 1vw;
}

.t7_half_sentence {
    margin-left: 9vw;
    max-width: 18vw;
    margin-top: 1vw;
}

.t9_sentence {
    max-width: 26vw;
    margin-left: 9vw;
    margin-top: 1vw;
}

.tl_sentence {
    margin-left: 9vw;
    margin-top: 1vw;
    position: relative;
    z-index: 1;
}

.sub_time_display {
    margin-left: 9vw;
    margin-bottom: 1vw;
}

.sub_time_display > img {
    max-width: 14vw;
    margin-bottom: 2vw;
}

.af_sentence {
    margin-left: 9vw;
    max-width: 17vw;
    margin-top: 1vw;
}

.t14_half_sentence {
    margin-left: 9vw;
    max-width: 22vw;
    margin-top: 1vw;
}

.t15_half_sentence {
    margin-left: 9vw;
    max-width: 27vw;
    margin-top: 1vw;
}

.t18_sentence {
    margin-left: 9vw;
    max-width: 27vw;
    margin-top: 1vw;
}

.attached_img {
    max-width: 27vw;
    margin: 0 3vw 0 auto;
}

.g_m_img {
    margin: 0 0 40px 0;
}

.l_t_img_b {
    max-width: 20vw;
    margin: 0 -.5vw 0 auto;
}

.l_t_img_b > img {
    border-radius: 30px;
}

.l_t_img_s {
    max-width: 19vw;
    position: relative;
    z-index: 1;
    top: -70px;
    margin-bottom: 8px;
}

.l_t_notes_img {
    position: relative;
    top: -45px;
    z-index: 1;
    margin-bottom: 16px;
}

.l_t_notes_img > p {
    font-size: 1.3vw;
}

.bg_notes_img {
    max-width: 15vw;
    position: relative;
    z-index: 0;
    top: -306px;
    left: -68px;
}

.pm_act_img {
    position: relative;
    top: -185px;
    margin-bottom: 16px;
}

.snack_img {
    max-width: 20vw;
    position: relative;
    top: -100px;
}

.bye_child_img {
    max-width: 13vw;
    position: relative;
    left: 5vw;
    top: -100px;
}

.g_m_serif {
    position: absolute;
    max-width: 16vw;
    top: -2vw;
    right: 9vw;
}

.yummy_serif {
    position: absolute;
    top: -42px;
    max-width: 11vw;
    left: 7vw;
}

.bye_serif {
    position: absolute;
    top: -70px;
    right: -9vw;
    max-width: 11vw;
}


/* 入園案内 */
.admission_guide_title {
    max-width: 19vw;
    margin-left: 25%;
}

.guide_desc {
    margin: 0 auto 64px auto;
    max-width: 54vw;
}

.guide_desc > p {
    font-size: 2rem;
    line-height: 3rem;
}

.over_view img {
    width: 8vw;
    max-width: 9vw;
    padding: 0 0 16px 0;
}

.ad_guide_table {
    border-collapse: collapse;
    width: 98%;
}

table.ad_guide_table > tbody, .ad_guide_table p {
    font-family: 'Kosugi', sans-serif;
    font-weight: 400;
}

table.ad_guide_table > tbody > tr {
    border-top: dashed 1px black;
}

table.ad_guide_table
    > tbody
    > tr
    > td:nth-child(odd) {
        color: dodgerblue;
        padding: 22px 0 22px 3vw;
        font-size: 1.5vw;
        width: 24%;
}

table.ad_guide_table
    > tbody
    > tr
    > td:nth-child(even) {
        font-size: x-large;
        padding: 28px 0;
    }

.eyecatch_frame {
    margin: 9vw 2vw 11vw 0;
}

/* .dot_line {} */

.train_s {
    width: 4vw;
    top: 2vw;
    left: 13vw;
}

.car_s {
    width: 4vw;
    top: 5vw;
    right: 34vw;
}

.bus_s {
    width: 4vw;
    top: 28vw;
    right: 27vw;
}

.train2_s {
    width: 4vw;
    top: 27.5vw;
    left: 31vw;
}

.adg_icon1 {
    width: 23vw;
    top: -8vw;
    left: 21vw;
}

.adg_icon2 {
    width: 23vw;
    top: -7vw;
    right: 8vw;
}

.adg_icon3 {
    width: 23vw;
    top: 18vw;
    left: 2vw;
}

.adg_icon4 {
    width: 23vw;
    top: 16vw;
    left: 38vw;
}

.adg_icon5 {
    width: 23vw;
    top: 17vw;
    right: 0vw;
}

/* Slider additional settings */
.slick-slider {
    width: 60%;
    margin: 0 auto;
}

.slick-slider img {
    height: 45vw;
    min-height: 40vw;
    max-height: 45vw;
}


/* スクロールフェードイン用（js併用） */
.scroll_fadeIn_preparation {
    opacity: 0;
    transform: translate(0, 45px);
    transition-property: all;
    transition-duration: .6s;
    transition-timing-function: linear;
    transition-delay: 0s;
}

.scroll_fadeIn_preparation.scroll_fadeIn {
    opacity: 1;
    transform: translate(0, 0);
}

/* 交通アクセス */
.traffic_access_title {
    max-width: 19vw;
    margin-left: 10%;
}

.map_package {
    display: flex;
    margin: 0 10% 64px 10%;
}

.map_container {
    margin: 0 5vw 0 0;
    max-width: 40vw;
}

.access_exp_container {
    max-width:35vw;
}

.vertical2_bg_slider {
    display: none;
}

/* .ta_transparent_white_bg { display: none; } */

.location {
    margin: 0 0 2.2vw 0;
    max-width: 95%;
}

/* .by_car_detailed {} */

/* .by_bus_train {} */

.complement {
    font-size: 1.2rem;
}

/* .complement > p {} */

.dash_u_d_yellow {
    width: 100%;
    border-bottom-color: yellow;
    margin: 4px 0 28px 0;
}

.kosugi-f {
    font-family: 'Kosugi', sans-serif;
    color: #2f4f4f;
}

.attached_car {
    position: absolute;
    top: -1vh;
    right: 7vw;
    max-width: 5rem;
}

.attached_train {
    position: absolute;
    top: -1vh;
    right: 6vw;
    max-width: 7rem;
}

.big_map_link {
    position: absolute;
    top: -43px;
    left: -5vw;
    max-width: 9vw;
}

.big_map_link > a {
    width: 100%;
    height: 100%;
}

.location_pin {
    top: 17vw;
    left: 20.5vw;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    max-width: 12vw;
    position: absolute;
}

.z_index_default {
    z-index: 0;
}


/* 以下、ブレイクポイント */
/* とりあえずスマホとタブレットでわける */

/* タブレット: 1080px ～ 429px */
@media screen and (min-width: 429px) and (max-width: 1080px) {

    /* 共通 */
    /* body {
        margin-top: 153px;
    } */

    .sp_hidden {
        display: none;
    }

    .pc_hidden {
        display: block;
    }

    .pc_hidden_inline {
        display: inline-block;
    }

    /* ヘッダー */
    header {
        width: 100%;
    }

    .site_top_line, .vertical_line, .g_manu_item
    {
        display: none;
    }

    .hamburger_menu_o {
        display: block;
        position: fixed;
        z-index: 1000;
        top: 24px;
        right: 9vw;
        max-width: 11vw;
    }

    .over_lay_area {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1100;
        background-color: rgba(255,255,255,0.5);
    }

    .sp_menu_flame {
        background-color: #fff;
        border: 2px solid var(--sp_global_menu_color);
        border-radius: 20px;
        margin: 112px 30px 0px 30px;
        padding: 32px 20px 0 20px;
    }

    .sp_menu_flame > ul > li {
        margin: 0 0 64px 0;
    }

    /* .sp_menu_flame p { font-size: 3rem; } */

    .hamburger_menu_c {
        display: none;
        position: fixed;
        z-index: 1200;
        top: 24px;
        right: 11vw;
        max-width: 11vw;
    }

    .top_logo img {
        max-width: 56%;
    }

    .svg_cloud_top {
        top: 17vw;
    }

    .under_header_space {
        height: 18vw;
    }dd


    /* ------TOP ------------*/
    .under_header_space {
        height: 17.5vw;
    }

    .svg_cloud_top {
        top: 17vw;
    }

    /* アイキャッチ */

    .eyecatch {
        height: 80vw;
        overflow: inherit;
    }

    .kikyu, .star_l, .rainbow, .line_star_r,
    .line_star_r_p, .tree_r, .tree_l
    {
        display: none;
    }

    .slick-slider {
        width: 87%;
    }

    .slick-slider img {
        height: 66vw;
        max-height: 66vw;
    }

    .stripe_back {
        top: 68px;
        left: 72vw;
    }

    .caption_u {
        background-image: unset;
        transform: none;
        height: 210px;
        width: 20vw;
    }

    .caption_u p {
        writing-mode: vertical-rl;
        background-color: rgba(255,255,255,0.6);
        padding: 8px 1px;
        font-size: .8rem;
    }

    /* .shadow_effect1 {} */

    .polka_dot {
        top: 95px;
    }

    .caption_b {
        background-color: unset;
        background-image: none;
        transform: none;
        height: 180px;
        width: 2vw;
    }

    .caption_b p {
        writing-mode: vertical-rl;
        background-color: rgba(255,255,255,0.6);
        padding: 8px 1px;
        font-size: .8rem;
    }

    #svg_cloud_bottom {
        display: none;
    }

    /* コンテンツ */

    .notice_title {
        margin-top: 0px;
        padding: 16px 0px;
        background-color: var(--sp_news_contents_bk_color);
    }

    #main_title h2 > img {
        max-width: 64%;
    }

    /* .train {} */

    .smoke {
        color: darkgray;
        position: absolute;
        top: -15vw;
        left: 120px;
        font-size: 7vw;
        animation: smoke_fadeOut 5s;
        animation-fill-mode: forwards;
    }

    .sun {
        display: none;
    }

    .side_deco {
        display: none;
    }

    .main_contents {
        margin: 0;
        background-color: var(--sp_news_contents_bk_color);
    }

    .center_contents {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .news_for_us {
        margin-bottom: 0px;

    }

    .image_border_semicircle {
        border: 0px solid;
    }

    .news_contents {
        margin: 0 auto;
        padding: 0;
        width: 80%;
    }

    .news_contents p {
        font-size: 1.7rem;
        margin: 20px 0 1px 20px;
        text-align: left;
    }

    .news_contents > img {
        display: none;
    }

    .sp_news_contents_under_line {
        display: block;
        border: 1px solid #fff;
    }

    .sp_page_menu {
        display: block;
    }

    .slick-vertical {
        width: 100%;
        margin: 0;
    }

    .page_link_container {
        margin: 16px 16px 56px 16px;
        top: 0;
    }

    .page_link_cont_u {
        margin-bottom: 16px;
    }

    .page_link_cont_b {
        margin-bottom: 16px;
    }

    .sp_page_link_button_l {
        margin: 8px 8px 0 0;
    }

    .sp_page_link_button_r {
        margin: 8px 0 0 16px;
    }

    .today-lunch--sp {
        max-width: 60%;
        margin: 0 auto 3em;
    }

    .vertical_bg_slider {
        display: block;
    }

    /* .link_about_me {} */

    /* .link_childcare {} */

    /* .link_ad_guide {} */

    /* .link_traffic_access {} */

    .childcare_appearance {
        display: none;
    }

    .today-lunch {
        display: none;
    }

    /* SP フッター */
    .sp_back_to_top {
        display: block;
        z-index: 100;
        width: 20%;
        top: -12vw;
        right: 1vw;
    }

    .deco_on_footer {
        display: none;
    }

    .sp_deco_on_footer {
        display: block;
        position: relative;
        top: -7vw;
    }

    .footer_cont {
        display: none;
    }

    .contact_us {
        padding-top: 0;
    }

    .corner_circle {
        font-size: 1rem;
        padding: 12px 25px;
    }

    /* .footer_title {} */

    .f-t_container {
        max-width: 66vw;
    }

    .f-t_container .img_wrapper:nth-of-type(2) {
        padding: 0 0 0 8px;
    }

    .img_wrapper {
        margin: 0;
    }

    /* .f-t_logo {} */

    .tel_number {
        margin: 0 0 8px 0;
    }

    .tel_number img {
        max-width: 66vw;
    }

    address {
        margin: 40px 0 4vw 0;
    }

    .address img {
        max-width: 66vw;
    }

    .three_stars {
        display: none;
    }

    .three_tree {
        top: 23vw;
    }

    .three_tree > img{
        width: 100px;
        height: 136px;
        object-fit: cover;
        object-position: 0 0;
    }

    .r_d_star {
        display: none;
    }

    .l_d_star {
        display: none;
    }

    .bard {
        top: 15vw;
        right: 4vw;
        width: 7vw;
    }

    .tree1 {
        display: none;
    }

    .tree2 {
        display: none;
    }

    .tree3 {
        top: 23vw;
        width: 13vw;
    }


    /* アイキャッチ*/
    .kikyu, .star_l, .rainbow, .line_star_r,
    .line_star_r_p, .tree_r, .tree_l
    {
        display: none;
    }

    .slick-slider img {
        height: auto;
    }

    /* .caption1 {} */

    /* .caption2 {} */

    .stripe_back {
        display: none;
    }

    .polka_dot {
        display: none;
    }

    #svg_cloud_bottom {
        display: none;
    }

    .eyecatch {
        height: 70.67vw;
    }

    /* コンテンツ */
    .side_deco {
        display: none;
    }

    .sp_train {
        position: absolute;
        max-width: 10%;
        top: -7vw;
        left: 90%;
        animation: cross_train 25s;
        animation-fill-mode: forwards;
    }

    .smoke {
        color: darkgray;
        position: absolute;
        top: -15vw;
        left: 120px;
        font-size: 7vw;
        animation: smoke_fadeOut 5s;
        animation-fill-mode: forwards;
    }


    /* フッター */



    /* 園について */
    /* .a_m_main_cont {} */

    .about_me_top-img {
        height: 0px;
        margin: 0 auto 7vw auto;
    }

    .about_me_top-img > img {
        visibility: hidden;
    }

    /* タイトル */
    .about_me_top_title {
        max-width: 22vw;
        margin-left: 13%;
    }

    .a_m_main_cont > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .am-1_cont {
        margin-top: 6vw;
        margin-left: 12%;
    }

    .am-1_cont section:nth-of-type(1) {
        width: 68vw;
        margin-bottom: 12px;
    }

    .am-1_cont section:nth-of-type(1) > p {
        font-weight: 900;
        font-size: 1.4rem;
        line-height: 1;
        margin-bottom: 10px;
        background: linear-gradient( rgba(255,215,0,0), #ffd700 80% );
    }

    .am-1_cont section:nth-of-type(2) {
        width: 80%;
    }

    .am-1_cont section:nth-of-type(2) > p {
        font-size: 1.3rem;
        margin: 4vw 0 0 0;
    }

    /* 装飾画像 */
    .a-m_hello {
        top: -8vw;
        left: -7vw;
        width: 15vw;
    }

    .a-m_2childrens {
        width: 26%;
        right: 1vw;
        top: 0vw;
    }

    /* 教育理念 */

    .vertical3_bg_slider {
        display: block;
        top: -20px;
    }

    .vertical3_bg_slider > .slick-list {
        min-height: 1500px !important;
    }

    .philosophy_container {
        margin-top: 0px;
    }

    .philosophy_title {
        display: none;
    }

    .am-2_cont {
        display: none;
    }

    .philosophy_items {
        margin-bottom: 48px;
    }

    .p1-img {
        width: 32vw;
        top: 1.5vw;
        left: 3vw;
    }

    .p1-star {
        width: 10vw;
        top: 7vw;
        left: 30vw;
    }

    .p1-item {
        width: 54vw;
        margin: 0 32%;
        padding: 15vw 0;
    }

    .p2-img {
        width: 35vw;
        top: -4vw;
        right: 2vw;
    }

    .p2-star {
        width: 10vw;
        left: 8vw;
        top: 1vw;
    }

    .p2-item {
        width: 53vw;
        padding: 6vw 0 10vw 0;
        margin: 0px 14%;
    }

    .p3-img {
        width: 32vw;
        top: -3vw;
        left: 3vw;
    }

    .p3-star {
        width: 10vw;
        top: 1vw;
        left: 30vw;
    }

    .p3-item {
        width: 56vw;
        margin: 0 33%;
        padding: 8vw 0 11vw 0;
    }

    .p4-img {
        width: 32vw;
        right: 2vw;
        top: -1vw;
    }

    .p4-star {
        width: 10vw;
        top: 5vw;
        left: 9vw;
    }

    .p4-item {
        width: 54vw;
        margin: 0 15%;
        padding: 10vw 0 10vw 0;
    }

    .p5-img {
        width: 34vw;
        top: -2vw;
        left: 3vw;
    }

    .p5-star {
        width: 10vw;
        top: 1vw;
        left: 32vw;
    }

    .p5-item {
        width: 54vw;
        margin: 0 33%;
        padding: 8vw 0 16vw 0;
    }


    /* 保育のようす */
    .vertical4_bg_slider {
        position: absolute;
        top: -10px;
    }

    .vertical4_bg_slider > .slick-list {
        min-height: 3900px !important;
    }

    .sp_white_bg {
        background-image: none;
        background-color: #fffaf0;
    }

    .childcare_intro_title {
        max-width: 22vw;
        margin-left: 12%;
    }

    .childcare_intro_title_pack > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto 4vw auto;
    }

    .orientation_title {
        top: -26px;
        left: 5vw;
    }

    .orientation_detail {
        max-width: none;
        width: 96%;
        margin: 0 auto;
    }

    .time_item_display {
        margin-bottom: 5vw;
    }

    .full_transparent {
        background-color: rgba(255, 255, 255, 0);
    }

    .ori_time_bg_container {
        width: 100%;
        height: 18vw;
        border-radius: 50px;
    }

    .adv_height730 {
        height: 42vw;
    }

    .adv_height_lunch {
        height: fit-content;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }

    .adv_height_pm {
        height: fit-content;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }

    .lunch {
        font-size: 4vw;
        top: 2vw;
    }

    .analog_watch {
        width: 15vw;
        top: 1.5vw;
        left: 2vw;
    }

    .ori_degital_time {
        font-size: 6vw;
        top: 4vw;
        left: 18vw;
    }

    .sp_take_in {
        margin: 0 0 0 0;
        padding: 8vw 0 0 0;
    }

    .sub_ori_degital_time {
        font-size: 3rem;
        margin: 0vw 0 0 8vw;
        padding: 2vw 0 0 0;
    }

    .age_separation {
        margin: 0 0 2vw 18vw;
    }

    .t7_sentence {
        z-index: 100;
        position: absolute;
        top: -18vw;
        left: 38vw;
        margin-left: 0;
        max-width: none;
        width: 20vw;
    }

    .t7_half_sentence {
        position: absolute;
        z-index: 100;
        margin: 0;
        top: -26vw;
        left: 7%;
        max-width: 47vw;
    }

    .t9_sentence {
        position: relative;
        /* z-index: 100; */
        top: 4vw;
        left: 36%;
        margin-left: 0;
        max-width: 59vw;
    }

    .tl_sentence {
        position: relative;
        /* z-index: 100; */
        top: 2.5vw;
        left: 37%;
        margin: 0;
    }

    .af_sentence {
        position: absolute;
        z-index: 100;
        top: 2vw;
        max-width: 43vw;
        left: 18vw;
        margin-left: 15vw;
    }

    .t14_half_sentence {
        margin: 0;
        max-width: none;
    }

    .t14_half_sentence > p {
        position: absolute;
        top: -18vw;
        left: 36vw;
    }

    .t15_half_sentence {
        margin: 0;
        max-width: none;
    }

    .t15_half_sentence > p {
        position: absolute;
        top: -23vw;
        left: 35vw;
    }

    .t18_sentence {
        margin: 0;
        max-width: none;
    }

    .t18_sentence > p {
        position: absolute;
        top: -22vw;
        left: 35vw;
    }

    .ori_description {
        font-size: 2rem;
    }

    .t9_sentence > p {
        font-size: 1.8rem;
    }

    .tl_sentence {
        font-size: 1.8rem;
    }

    /* 添付画像 */

    .attached_img {
        display: none;
    }

    /* spのみの添付画像用 */
    .sp_g_m {
        width: 23%;
        position: relative;
        left: 70%;
        top: 6%;
        z-index: 100;
        transform: rotate(28deg );
    }

    .sp_g_m_img {
        width: 48%;
        position: relative;
        top: 1%;
        left: 50%;
    }

    .sp_l_t_b {
        position: absolute;
        width: 40%;
        top: 10vw;
        left: 58%;
        border-radius: 25px;
    }

    .sp_l_t_s {
        position: absolute;
        width: 33%;
        top: 25vw;
        left: 51%;
    }

    .sp_l_t_note_container {
        display: flex;
        padding-top: 20px;
    }

    .sp_l_t_note_title_back {
        width: 180px;
        background-color: rgba(143, 188, 143, .2);
        border-radius: 50%;
        margin: 0 2vw;
    }

    .sp_l_t_note_title_dot_back {
        width: 100%;
        height: 100%;
        transform: translateX(10%) translateY(1%);
        -webkit-transform: translateX(10%) translateY(1%);
        background-image: radial-gradient(
                            rgba(46, 139, 87, .3) 30%,
                            transparent 30%),
                        radial-gradient(
                            rgba(46, 139, 87, .3) 30%,
                            transparent 30%);
        background-size: 10px 10px;
        border-radius: 50%;
    }

    .sp_l_t_note_title_dot_back > p {
        font-size: 17px;
        transform: translateX(10%) translateY(177%);
        -webkit-transform: translateX(10%) translateY(177%);
    }

    .sp_l_t_note {
        width: 98%;
        padding: 4vw 0 0 0;
        font-size: 1.2rem;
    }

    .sp_pm_act {
        position: absolute;
        width: 40%;
        top: 10vw;
        left: 49vw;
    }

    .sp_yummy {
        position: relative;
        width: 22%;
        left: 80%;
        top: 3vw;
    }

    .sp_sweet {
        width: 30%;
        float: right;
    }

    .sp_bye {
        width: 18%;
        position: absolute;
        top: -5vw;
        left: 89%;
        transform: rotate(-23deg);
    }

    .sp_bye_img {
        width: 18%;
        position: absolute;
        left: 83%;
        top: 8vw;
    }


    /* 入園案内 */
    .admission_guide_title {
        max-width: 22vw;
        margin-left: 11%;
    }

    .admission_guide_pack > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .eyecatch_frame {
        display: none;
    }

    .guide_desc {
        max-width: 78vw;
        margin: 5vw auto;
    }

    .admission_guide_eyecatch_sp {
        max-width: 80%;
        margin: 0 auto 10vw auto;
    }

    .admission_guide_eyecatch_sp > img {
        border-radius: 54px;
    }

    .acc_tree {
        max-width: 8vw;
        position: absolute;
        height: 15%;
        left: -43px;
    }

    .admission_overview_sp_container {
        padding: 8px 0px;
    }

    .transparent_white_back {
        margin: 3vw 6%;
    }

    .corner_rounder {
        border-radius: 20px;
    }

    /* .over_view {} */

    .over_view > img {
        width: 100%;
        max-width: 21vw;
        padding: 0px 0px 16px 8px;
    }

    table.ad_guide_table
    > tbody
    > tr
    > td:nth-child(odd) {
        padding: 12px 1px 12px 8px;
        font-size: 1rem;
        width: 25%;
    }

    table.ad_guide_table
    > tbody
    > tr
    > td:nth-child(even) {
        font-size: 1rem;
    }

    .sp_right_justfied {
        text-align: right;
    }


    /* 交通アクセス */
    .traffic_access_title {
        max-width: 22vw;
        margin-left: 10%;
    }

    .traffic_access_title_pack > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .map_package {
        display: block;
        margin: 0;
    }

    .map_container {
        max-width: 69%;
        margin: 0 auto 9vw auto;
    }

    .big_map_link {
        top: -7vw;
        max-width: 22vw;
    }

    .location_pin {
        top: 44%;
        left: 53%;
        max-width: 25%;
    }

    .access_exp_container {
        max-width: 100%;
        background-color: white;
        padding-bottom: 32px;
    }

    .location {
        display: none;
    }

    .by_car_detailed > h2 {
        font-size: 2.4rem;
    }

    .attached_car {
        top: 3vw;
        max-width: 8vw;
    }

    .dash_u_d_yellow {
        border-bottom: 2px solid yellow;
        margin: 4px 0 16px 0;
    }

    .by_bus_train > h2 {
        font-size: 2.4rem;
    }

    .attached_train {
        top: 3vw;
        max-width: 12vw;
    }

    .vertical2_bg_slider {
        display:block;
        background-color: white;
        height: -webkit-fill-available;
    }

    .vertical2_bg_slider > .slick-list {
        min-height: 1050px !important;
    }

    .ta_transparent_white_bg {
        display: block;
        background-color: rgba(255, 255, 255, .7);
        margin: 40px 24px 0px 24px;
        padding: 20px;
        position: relative;
        z-index: 0;
    }

}



/* --------------スマホ: ～ 428px-------------------- */
@media screen and (max-width: 428px) {

    /* body {} */

    /* ヘッダー */
    /* header {} */

    /* 共通 */
    .sp_hidden {
        display: none;
    }

    .pc_hidden {
        display: block;
    }

    .transparent_white_back {
        background-color: rgba(255, 255, 255, .7);
        margin: 10vw 4% 56px 4%;
    }


    .pc_hidden_inline {
        display: inline-block;
    }

    .sp_train {
        position: absolute;
        max-width: 10%;
        top: -8vw;
        left: 90%;
        animation: cross_train 25s;
        animation-fill-mode: forwards;
    }


    .top_logo img{
        width: 53%;
        padding: 0;
    }

    #svg_cloud_top {
        top: 61px;
    }

    .site_top_line, .vertical_line, .g_manu_item
    {
        display: none;
    }

    .hamburger_menu_o {
        display: block;
        position: fixed;
        z-index: 1000;
        top: 40px;
        right: 11vw;
        max-width: 13vw;
    }

    .over_lay_area {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1100;
        background-color: rgba(255,255,255,0.5);
    }

    /* #full_overlay {} */

    .sp_menu_flame {
        background-color: #fff;
        border: 2px solid var(--sp_global_menu_color);
        border-radius: 20px;
        margin: 72px 30px 0px 30px;
        padding: 32px 20px 0 20px;
    }

    .sp_menu_flame > ul > li {
        margin: 0 0 32px 0;
    }

    /* .sp_menu_flame p { font-size: x-large; } */

    .hamburger_menu_c {
        display: none;
        position: fixed;
        z-index: 1200;
        top: 40px;
        right: 11vw;
        max-width: 13vw;
    }

    /* --------------TOP ----------------------------*/
    .under_header_space {
        height: 19.5vw;
    }

    .svg_cloud_top {
        top: 17vw;
    }

    /* アイキャッチ */

    .eyecatch {
        height: 80vw;
        overflow: inherit;
    }

    .kikyu, .star_l, .rainbow, .line_star_r,
    .line_star_r_p, .tree_r, .tree_l
    {
        display: none;
    }

    .slick-slider {
        width: 87%;
    }

    .slick-slider img {
        height: 66vw;
        max-height: 66vw;
    }

    .stripe_back {
        top: 68px;
        left: 72vw;
    }

    .caption_u {
        background-image: unset;
        transform: none;
        height: 210px;
        width: 20vw;
    }

    .caption_u p {
        writing-mode: vertical-rl;
        background-color: rgba(255,255,255,0.6);
        padding: 8px 1px;
        font-size: .8rem;
    }

    /* .shadow_effect1 {} */

    .polka_dot {
        top: 95px;
    }

    .caption_b {
        background-color: unset;
        background-image: none;
        transform: none;
        height: 180px;
        width: 2vw;
    }

    .caption_b p {
        writing-mode: vertical-rl;
        background-color: rgba(255,255,255,0.6);
        padding: 8px 1px;
        font-size: .8rem;
    }

    #svg_cloud_bottom {
        display: none;
    }

    /* コンテンツ */

    .notice_title {
        margin-top: 0px;
        padding: 16px 0px;
        background-color: var(--sp_news_contents_bk_color);
    }

    #main_title h2 > img {
        max-width: 64%;
    }

    /* .train {} */

    .smoke {
        color: darkgray;
        position: absolute;
        top: -15vw;
        left: 120px;
        font-size: 7vw;
        animation: smoke_fadeOut 5s;
        animation-fill-mode: forwards;
    }

    .sun {
        display: none;
    }

    .side_deco {
        display: none;
    }

    .main_contents {
        margin: 0;
        background-color: var(--sp_news_contents_bk_color);
    }

    .center_contents {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .news_for_us {
        margin-bottom: 0px;

    }

    .image_border_semicircle {
        border: 0px solid;
    }

    .news_contents {
        margin: 0 auto;
        padding: 0;
        width: 80%;
    }

    .news_contents p {
        font-size: 0.7rem;
        margin: 16px 0 1px 20px;
        text-align: left;
    }

    .news_contents > img {
        display: none;
    }

    .sp_news_contents_under_line {
        display: block;
        border: 1px solid #fff;
    }

    .sp_page_menu {
        display: block;
    }

    .slick-vertical {
        width: 100%;
        margin: 0;
    }

    .page_link_container {
        margin: 16px 16px 56px 16px;
        top: 0;
    }

    .page_link_cont_u {
        margin-bottom: 16px;
    }

    .page_link_cont_b {
        margin-bottom: 16px;
    }

    .sp_page_link_button_l {
        margin: 8px 8px 0 0;
    }

    .sp_page_link_button_r {
        margin: 8px 0 0 16px;
    }

    .vertical_bg_slider {
        display: block;
    }

    /* .link_about_me {} */

    /* .link_childcare {} */

    /* .link_ad_guide {} */

    /* .link_traffic_access {} */

    .childcare_appearance, .today-lunch {
        display: none;
    }

    .today-lunch--sp {
        max-width: 60%;
        margin: 0 auto 2em;
    }

    /* SP フッター */
    .sp_back_to_top {
        display: block;
        z-index: 100;
        width: 20%;
        top: -12vw;
        right: 1vw;
    }

    .deco_on_footer {
        display: none;
    }

    .sp_deco_on_footer {
        display: block;
        position: relative;
        top: -7vw;
    }

    .footer_cont {
        display: none;
    }

    .contact_us {
        padding-top: 0;
    }

    .corner_circle {
        font-size: 1rem;
        padding: 12px 25px;
    }

    /* .footer_title {} */

    .f-t_container {
        max-width: 66vw;
    }

    .f-t_container .img_wrapper:nth-of-type(2) {
        padding: 0 0 0 8px;
    }

    .img_wrapper {
        margin: 0;
    }

    /* .f-t_logo {} */

    .tel_number {
        margin: 0 0 8px 0;
    }

    .tel_number img {
        max-width: 66vw;
    }

    address {
        margin: 40px 0 7vw 0;
    }

    .address img {
        max-width: 66vw;
    }

    .three_stars {
        display: none;
    }

    .three_tree {
        top: 45vw;
    }

    .three_tree > img{
        width: 40px;
        height: 58px;
        object-fit: cover;
        object-position: 0 0;
    }

    .r_d_star {
        display: none;
    }

    .l_d_star {
        display: none;
    }

    .bard {
        top: 31vw;
        right: 4vw;
        width: 7vw;
    }

    .tree1 {
        display: none;
    }

    .tree2 {
        display: none;
    }

    .tree3 {
        top: 45vw;
        width: 13vw;
    }

    /* -----------園について ------------------------*/
    /* .a_m_main_cont {} */

    .about_me_top-img {
        height: 0px;
        margin: 0 auto 24px auto;
    }

    .about_me_top-img > img {
        visibility: hidden;
    }

    /* タイトル */
    .about_me_top_title {
        max-width: 22vw;
        margin-left: 16%;
    }

    .a_m_main_cont > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .am-1_cont {
        margin-top: 11vw;
        margin-left: 13%;
    }

    .am-1_cont section:nth-of-type(1) {
        width: 70vw;
        margin-bottom: 12px;
    }

    .am-1_cont section:nth-of-type(1) > p {
        font-weight: 900;
        font-size: .7rem;
        letter-spacing: 1px;
        line-height: 1;
        margin-bottom: 10px;
        background: linear-gradient( rgba(255,215,0,0), #ffd700 80% );
    }

    .am-1_cont section:nth-of-type(2) {
        width: 88%;
    }

    .am-1_cont section:nth-of-type(2) > p {
        font-size: .7rem;
        margin: 8px 0px;
        line-height: 1.2rem;
        letter-spacing: 2px;
    }

    /* 装飾画像 */
    .a-m_hello {
        top: -12vw;
        left: -7vw;
        width: 18vw;
    }

    .a-m_2childrens {
        width: 18%;
        right: 3vw;
        top: 0vw;
    }

    /* 教育理念 */

    .vertical3_bg_slider {
        display: block;
        top: -9px;
    }

    .vertical3_bg_slider > .slick-list {
        min-height: 700px !important;
    }

    .philosophy_container {
        margin-top: 0px;
    }

    .philosophy_title {
        display: none;
    }

    .am-2_cont {
        display: none;
    }

    .philosophy_items {
        margin-bottom: 48px;
    }

    .p1-img {
        width: 32vw;
        top: 1.5vw;
        left: 3vw;
    }

    .p1-star {
        width: 10vw;
        top: 7vw;
        left: 30vw;
    }

    .p1-item {
        width: 54vw;
        margin: 0 32%;
        padding: 15vw 0;
    }

    .p2-img {
        width: 35vw;
        top: -4vw;
        right: 2vw;
    }

    .p2-star {
        width: 10vw;
        left: 8vw;
        top: 1vw;
    }

    .p2-item {
        width: 53vw;
        padding: 6vw 0 10vw 0;
        margin: 0px 14%;
    }

    .p3-img {
        width: 32vw;
        top: -3vw;
        left: 3vw;
    }

    .p3-star {
        width: 10vw;
        top: 1vw;
        left: 30vw;
    }

    .p3-item {
        width: 56vw;
        margin: 0 33%;
        padding: 8vw 0 11vw 0;
    }

    .p4-img {
        width: 32vw;
        right: 2vw;
        top: -1vw;
    }

    .p4-star {
        width: 10vw;
        top: 5vw;
        left: 9vw;
    }

    .p4-item {
        width: 54vw;
        margin: 0 15%;
        padding: 10vw 0 10vw 0;
    }

    .p5-img {
        width: 34vw;
        top: -2vw;
        left: 3vw;
    }

    .p5-star {
        width: 10vw;
        top: 1vw;
        left: 32vw;
    }

    .p5-item {
        width: 54vw;
        margin: 0 33%;
        padding: 8vw 0 10vw 0;
    }

    /* sp保育のようす ---------------------*/
    .vertical4_bg_slider {
        position: absolute;
        top: -10px;
    }

    .vertical4_bg_slider > .slick-list {
        min-height: 2000px !important;
    }

    .sp_white_bg {
        background-image: none;
        background-color: #fffaf0;
    }

    .childcare_intro_title {
        max-width: 22vw;
        margin-left: 12%;
    }

    .childcare_intro_title_pack > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .orientation_title {
        top: -26px;
        left: 5vw;
    }

    .orientation_detail {
        max-width: none;
        width: 96%;
        margin: 0 auto;
    }

    .time_item_display {
        margin-bottom: 5vw;
    }

    .full_transparent {
        background-color: rgba(255, 255, 255, 0);
    }

    .ori_time_bg_container {
        width: 100%;
        height: 18vw;
        border-radius: 25px;
    }

    .adv_height730 {
        height: 42vw;
    }

    .adv_height_lunch {
        height: fit-content;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }

    .adv_height_pm {
        height: fit-content;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }

    .lunch {
        font-size: 4vw;
        top: 2vw;
    }

    .analog_watch {
        width: 15vw;
        top: 1.5vw;
        left: 2vw;
    }

    .ori_degital_time {
        font-size: 6vw;
        top: 4vw;
        left: 18vw;
    }

    .sp_take_in {
        margin: 0 0 0 0;
        padding: 8vw 0 0 0;
    }

    .sub_ori_degital_time {
        font-size: 1.2rem;
        margin: 0vw 0 0 8vw;
        padding: 2vw 0 0 0;
    }

    .age_separation {
        margin: 0 0 2vw 18vw;
    }

    .t7_sentence {
        z-index: 100;
        position: absolute;
        top: -18vw;
        left: 38vw;
        margin-left: 0;
        max-width: none;
        width: 20vw;
    }

    .t7_half_sentence {
        position: absolute;
        z-index: 100;
        margin: 0;
        top: -26vw;
        left: 7%;
        max-width: 47vw;
    }

    .t9_sentence {
        position: relative;
        /* z-index: 100; */
        top: 4vw;
        left: 36%;
        margin-left: 0;
        max-width: 59vw;
    }

    .tl_sentence {
        position: relative;
        /* z-index: 100; */
        top: 2.5vw;
        left: 37%;
        margin: 0;
    }

    .af_sentence {
        position: absolute;
        z-index: 100;
        top: 2vw;
        max-width: 43vw;
        left: 18vw;
        margin-left: 15vw;
    }

    .t14_half_sentence {
        margin: 0;
        max-width: none;
    }

    .t14_half_sentence > p {
        position: absolute;
        top: -18vw;
        left: 36vw;
    }

    .t15_half_sentence {
        margin: 0;
        max-width: none;
    }

    .t15_half_sentence > p {
        position: absolute;
        top: -20vw;
        left: 35vw;
    }

    .t18_sentence {
        margin: 0;
        max-width: none;
    }

    .t18_sentence > p {
        position: absolute;
        top: -22vw;
        left: 35vw;
    }

    .ori_description {
        font-size: 0.8rem;
    }

    /* 添付画像 */

    .attached_img {
        display: none;
    }

    /* spのみの添付画像用 */
    .sp_g_m {
        width: 23%;
        position: relative;
        left: 70%;
        top: 6%;
        z-index: 100;
        transform: rotate(28deg );
    }

    .sp_g_m_img {
        width: 48%;
        position: relative;
        top: 1%;
        left: 50%;
    }

    .sp_l_t_b {
        position: absolute;
        width: 40%;
        top: 10vw;
        left: 58%;
        border-radius: 14px;
    }

    .sp_l_t_s {
        position: absolute;
        width: 33%;
        top: 25vw;
        left: 51%;
    }

    .sp_l_t_note_container {
        display: flex;
        min-height: 80px;
    }

    .sp_l_t_note_title_back {
        width: 28%;
        background-color: rgba(143, 188, 143, .2);
        border-radius: 50%;
        margin: 1vw 3vw;
    }

    .sp_l_t_note_title_dot_back {
        width: 100%;
        height: 100%;
        transform: translateX(10%) translateY(1%);
        -webkit-transform: translateX(10%) translateY(1%);
        background-image: radial-gradient(
                            rgba(46, 139, 87, .3) 30%,
                            transparent 30%),
                        radial-gradient(
                            rgba(46, 139, 87, .3) 30%,
                            transparent 30%);
        background-size: 10px 10px;
        border-radius: 50%;
    }

    .sp_l_t_note_title_dot_back > p {
        font-size: 10px;
        transform: translateX(7%) translateY(217%);
        -webkit-transform: translateX(7%) translateY(217%);
    }

    .sp_l_t_note {
        width: 98%;
        padding: 4vw 0 0 0;
        font-size: x-small;
    }

    .sp_pm_act {
        position: absolute;
        width: 40%;
        top: 10vw;
        left: 49vw;
    }

    .sp_yummy {
        position: relative;
        width: 22%;
        left: 80%;
        top: 3vw;
    }

    .sp_sweet {
        width: 30%;
        float: right;
        position: relative;
        top: -8px;
        left: 12px;
    }

    .sp_bye {
        width: 18%;
        position: absolute;
        top: -5vw;
        left: 89%;
        transform: rotate(-23deg);
    }

    .sp_bye_img {
        width: 18%;
        position: absolute;
        left: 83%;
        top: 8vw;
    }


    /* sp 交通アクセス--------------------- */
    .traffic_access_title {
        max-width: 22vw;
        margin-left: 10%;
    }

    .traffic_access_title_pack > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .map_package {
        display: block;
        margin: 0;
    }

    .map_container {
        max-width: 80%;
        margin: 0 auto;
    }

    .big_map_link {
        top: -4vw;
        max-width: 22vw;
    }

    .location_pin {
        top: 44%;
        left: 53%;
        max-width: 25%;
    }

    .access_exp_container {
        max-width: 100%;
        background-color: white;
        padding-bottom: 32px;
    }

    .location {
        display: none;
    }

    /* .by_car_detailed {} */

    .by_car_detailed > h2 {
        font-size: 1rem;
    }

    .attached_car {
        top: 3vw;
        max-width: 8vw;
    }

    .dash_u_d_yellow {
        border-bottom: 2px solid yellow;
        margin: 4px 0 16px 0;
    }

    /* .by_bus_train {} */

    .complement {
        font-size: .8rem;
    }

    .by_bus_train > h2 {
        font-size: 1rem;
    }

    .attached_train {
        top: 3vw;
        max-width: 12vw;
    }

    .vertical2_bg_slider {
        display:block;
        background-color: white;
        height: -webkit-fill-available;
    }

    .vertical2_bg_slider > .slick-list {
        min-height: 1040px !important;
    }

    .ta_transparent_white_bg {
        display: block;
        background-color: rgba(255, 255, 255, .7);
        margin: 40px 24px 0px 24px;
        padding: 20px;
        position: relative;
        z-index: 0;
    }


    /* 入園案内---------------------------- */
    .admission_guide_title {
        max-width: 22vw;
        margin-left: 16%;
    }

    .admission_guide_pack > .dashed_underline {
        border-bottom: 1px dashed #808080;
        margin: 8px auto;
    }

    .eyecatch_frame {
        display: none;
    }

    .guide_desc {
        max-width: 82vw;
        margin: 20px auto;
    }

    .guide_desc > p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .admission_guide_eyecatch_sp {
        max-width: 80%;
        margin: 0 auto 32px auto;
    }

    .admission_guide_eyecatch_sp > img {
        border-radius: 25px;
    }

    .acc_tree {
        max-width: 8vw;
        position: absolute;
        height: 15%;
        left: -14px;
    }

    /* .admission_overview_sp_container {} */

    .corner_rounder {
        border-radius: 20px;
    }

    /* .over_view {} */

    .over_view > img {
        width: 100%;
        max-width: 21vw;
        padding: 0px 0px 6px 8px;
    }

    table.ad_guide_table
    > tbody
    > tr
    > td:nth-child(odd) {
        padding: 14px 1px 14px 8px;
        font-size: 0.8rem;
        width: 30%;
    }

    table.ad_guide_table
    > tbody
    > tr
    > td:nth-child(even) {
        font-size: 0.7rem;
    }

}


/* メニューのフェードイン用 */
.js_fade-in {
    animation: fadeIn 1s;
    display: block;
    animation-fill-mode: forwards;
}

.js_fade-out {
    animation: fadeOut 1s;
    display: none;
    animation-fill-mode: forwards;

}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        /* display: block; */
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        /* display: none; */
    }
}

@keyframes cross_train {
    0% {left: 90vw; transform: rotate(0deg);}
    20% {transform: rotate(6deg);}
    40% {transform: rotate(-4deg);}
    60% {transform: rotate(6deg);}
    80% {transform: rotate(-4deg);}
    100% {left: 1vw; transform: rotate(4deg);}
}

@keyframes smoke_fadeOut {
    0% {opacity: 0; top: -14vw;}
    40% {opacity: 0.7;}
    100% {opacity: 0; top: -16vw;}
}