/**
 * ****************************************************************
   CSS settings
 * *****************************************************************/


/* ****************************************************************
   General settings
**************************************************************** */

@charset "utf-8";

/* (General) Declaration of site-penetrating settings  */
body {
    font-family: "Jun 501",  "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
    background: #fbf6ea url(../image/bg.png) center top;
    /* -webkit-text-size-adjust: 100%; */
}


/* (General) Declaration of border-box size basis */
html *,
 ::before,
 ::after {
    box-sizing: border-box;
}


/* (General) font-size for mobile devices -> 14px */
html {
    font-size: 16px;
}






/* (General) font-size for PC and tablets -> 16px */
/*  min-width(break point) is set to 768px */
/* resolution >= 768px */

@media screen and (min-width: 768px) {
    html {
        font-size: 19.2px;
    }
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

a,a:hover,a:visited{
    color: inherit;
}


.sup {
    font-size: 0.8em;
    vertical-align: top;
}

.underline {
    background: linear-gradient(transparent 70%, yellow 70%);
}

.photobooth-one img {
    border-radius: 10px;
}

.photobooth-two img {
    border-radius: 10px;
}

.photobooth-three img {
    border-radius: 10px;
}
/* ****************************************************************
   Header Area settings
**************************************************************** */


/* Header */
/* for mobile devices */

    .header-container {
        padding-top: 80px;
        background: url(../image/title_bg.webp) no-repeat center 125px;
        position: relative;
        overflow: hidden;
    }

    .header-container h1 {
        text-align: center;
        padding-bottom: 13px;
    }

/*==================================================
    481px - 890px
===================================================*/
    @media screen and (max-width: 890px) {
    .header-container {
        padding-top: 7%;
        background-position: center 70%;
        -moz-background-size: auto 70%;
        -webkit-background-size: auto 70%;
        -o-background-size: auto 70%;
        -ms-background-size: auto 70%;
        background-size: auto 70%;
        }
        .header-container h1 {
        padding-bottom: 3%;
        }
        .header-container h1 img {
            width: 39%;
        }
    }

/*==================================================
    - 480px
===================================================*/
    @media screen and (max-width: 480px) {
    .header-container {
        padding-top: 30px;
        background: none;
        }
    .header-container h1 img {
        min-width: 260px;
        }
    }


/* ****************************************************************
    Section Break settings
**************************************************************** */
.section-introgeneral {
    display: flex;
    justify-content:center;
}
.section-introgeneral-title-container {
    width:100%;
    padding: 20px 4% 0 4%;
    text-align: center;
}
@media screen and (min-width:768px) {
    .section-introgeneral-title-container {
        width:100%;
        max-width: 1040px;
        margin: 0 auto;
        padding: 5px 10px 0 10px;
        background: url(../image/pikapika_section_bg.png) no-repeat center center;
    }
}

.section-introspecific {
    display: flex;
    justify-content:center;
}
.section-introspecific-title-container {
    width:100%;
    padding: 0 4% 0 4%;
    text-align: center;
}
@media screen and (min-width:768px) {
    .section-introspecific-title-container {
        width:100%;
        max-width: 1040px;
        margin: 0 auto;
        padding: 0 10px;
        background: url(../image/k_section01_bg.png) no-repeat center center;
    }
}

.section-access-inquiry {
    display: flex;
    justify-content:center;
}
.section-access-inquiry-title-container {
    width:100%;
    padding: 0 4% 0 4%;
    text-align: center;
}
@media screen and (min-width:768px) {
    .section-access-inquiry-title-container {
        width:100%;
        max-width: 1040px;
        margin: 0 auto;
        padding: 0 10px;
        background: url(../image/k_section02_bg.png) no-repeat center center;
    }
}

/* ****************************************************************
   Multi Language selector
**************************************************************** */
/* selector Area */
/* for mobile devices */
.international-container {
    padding: 0 5%;
    text-align: right;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .international-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 20px 0 20px;
    }
}

/* ****************************************************************
   Navigation Area settings
**************************************************************** */


/* Navigation Area */
/* for mobile devices */
.nav-container {
    padding: 0 1%;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .nav-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 20px 0 20px;
    }
}

.nav-selector-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    }
    .nav-selector-container .b01, .b02, .b03, .b04, .b05 {
        width:30%;
    }
    .nav-selector-container .b01 img {
        margin: 0 2.5% 0 4%;
    }
    .nav-selector-container .b02 img {
        margin: 8% 3.5% 0% 2.5%;
    }
    .nav-selector-container .b03 img {
        margin: 0 2.5% 0 0;
    }
    .nav-selector-container .b04 img {
        margin: 8% 2.5% 0% 31%;
    }
    .nav-selector-container .b05 img {
        margin: 4% 2.5% 4% -26%;
    }


@media screen and (min-width:768px) {
    .nav-selector-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.nav-selector-container img {
    width: 95%;
}
.nav-selector-container .b01 img {
    margin: 0 2.5%;
}
.nav-selector-container .b02 img {
    margin: 8% 2.5% 0 2.5%;
}
.nav-selector-container .b03 img {
    margin: 0 2.5%;
}
.nav-selector-container .b04 img {
    margin: 8% 2.5% 0 2.5%;
}
.nav-selector-container .b05 img {
    margin: 4% 2.5%;
}
}

.nav-selector-container img:hover {
    transform: translateY(-15px);
    transition-duration: 0.2s;
}




/* ****************************************************************
   weather information
**************************************************************** */
.weather {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .weather {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}


/* ****************************************************************
   traffic information
**************************************************************** */
.traffic {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .traffic {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}



/* ****************************************************************
   Covid19 information
**************************************************************** */
.covid {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .covid {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}


/* ****************************************************************
   Childcare Festival  information
**************************************************************** */
.childcarefes {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .childcarefes {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}

/* ****************************************************************
   Childcare Festival  information
**************************************************************** */
.publiccomment {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .publiccomment {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}


/* ****************************************************************
   感染症チェック
**************************************************************** */
.infections {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .infections {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}

/* ****************************************************************
   暑さ指数
**************************************************************** */
.wbgt {
    /* selector Area */
/* for mobile devices */
    padding: 0 5%;
    text-align: right;
    font-size: 60%;
    color:#836332;
    /* background: rgb(10, 0, 255); */
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .wbgt {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 0 20px;
    }
}



/* ****************************************************************
   Footer Area settings
**************************************************************** */


/* Footer */
/* for mobile devices */
.footer-container {
    padding: 20px 4%;
}
/* for PC and tablets */
@media screen and (min-width: 768px) {
    .footer-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 20px;
    }
}

.footer-company-container {
    background: #fbf6ea;
}
.footer-hqcompanylogo-container {
    max-width: 50%;
    padding: 2%;
}
@media screen and (min-width:768px) {
    .footer-hqcompanylogo-container {
        max-width: 40%;
        padding: 2%;
    }
}
.footer-hqcompanyaddress-container {
    padding-left:1%;
}
.footer-hqcompanyaddress-container p {
    color:#836332;
    font-size: 100%;
    font-weight: 500;
}
.footer-subsidiary-container {
    display:flex;
    justify-content:space-around;
    max-width:100%;
    flex-wrap:wrap;
    margin:2%;
}
.footer-subsidiary-container .group {
    flex:0 1 30%;
}
.footer-annotation-container {
    margin:1%;
    padding-top:1%;
    vertical-align:bottom;
    border-top: 1px dashed #836332;
}

.footer-nav {
    display:flex;
    flex-direction: row;
    justify-content:right;
    margin:0;
    padding:0;
    list-style: none;
}
.footer-nav span {
    margin:0 10px 0 0;
    color:#d02131;
    font-size:40%;
}
.footer-nav i {
    padding-right:5px;
    vertical-align:baseline;
}
.footer-nav a {
    text-decoration:none;
}

.footer-copyright-container p.copyright {
    margin-top:10px;
    color:#836332;
    font-size: 80%;
    font-weight: 500;
}

/* ****************************************************************
   Main Area settings
**************************************************************** */


/* Main area */
/* settings for respective container */


/* info-container */
/* for mobile devices */
.info-container {
    padding: 0 4% 20px 4%;
}
.info-ticker-title-container i {
    padding-right: 5px;
    vertical-align:baseline;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .info-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px;
    }
}


/* information ticker */
.info-ticker-container {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    border: 2px solid #b22222;
}
@media screen and (min-width:768px) {
    .info-ticker-container{
        width: 66.6%;
    }
}

.info-ticker-title-container h2 {
    color: #b22222;
}


/* ティッカー内部 */
/*日付*/
.slider span {
    display: inline-block;
    font-size: 0.8rem;
    margin-right: 10px;
    color: #777;
}
/* 各項目 */
.slider li {
    list-style-type: none;
    color:blue;
}
/* ティッカー表示内容 */
.slider a {
    display: block;
    background: #fbf6ea;
    font-size: 0.8rem;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}



/* 園からのお知らせ */
.info-specific-container {
    width: 100%;
    margin: 10px auto;
    background:#ffffff;
    padding: 10px;
    border-radius: 20px;
}
.info-specific-description-container {
    padding: 2%;
}


/* 園からのお知らせタイトル */
.info-specific-title-container h2 {
    padding: 1% 0 1% 50px;
    font-size: 120%;
    color:#e66900;
    line-height: 1.3;
    background: url(../image/info_icon.png) no-repeat left center;
}
.info-specific-description-item-container th {
    padding: 3px 10px 3px 10px;
    margin:10px;
    vertical-align: middle;
    color: #777;
    font-weight:400;
    border-bottom: 1px dashed #eeb258;
}
.info-specific-description-item-container td {
    padding: 3px 10px 3px 10px;
    padding-right:10px;
    margin:10px;
    vertical-align: middle;
    color: #836332;
    font-weight: 400;
    border-bottom: 1px dashed #eeb258;
}

/* twitter */
.info-specific-tweetArea-container {
    width: 30%;
    display: block;
    padding: 0 auto;
}
@media screen and (min-width:768px) {
    .info-specific-pseudo-container {
        display:flex;
        padding-top:10px;
    }
    .info-specific-container {
        flex: 0 0 66%;
        margin-top:0;
        margin-right:1%;
    }
    .info-specific-tweetArea-container {
        flex:1 1 auto;
    }
}
/* Twitter box decoration */
.p-twitter-box{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin:0 auto;
    max-width:500px;
    width:100%;
}
.p-twitter-box .p-twitter-title {
    color: #fff;
    line-height:100%;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0.5rem 0.5em 0.5rem 0.5rem;
    font-size: 12px;
}
.p-twitter-box .twitter-tweet {
    margin:0 !important;
}
.p-twitter-box p{
    display:none;
}
/* ブルー */
.p-twitter-box .p-twitter-blue{
    background: #1da1f2;
}


/* invitation-container */
@media screen and (min-width:768px) {
    .invitation-whole-container {
    padding:0 20px;
    }
}
/* for mobile devices */
.invitation-container {
    padding: 10px 3%;
    margin: 0 3% 10px 3%;
    background:#ffffff;
    border-radius: 20px;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .invitation-container {
        max-width: 1000px;
        padding: 10px 10px;
        margin: 0 auto 2% auto;
    }
}


.invitation-title-container h2 {
    padding: 1% 0 1% 35px;
    font-size: 100%;
    color: #e66900;
    line-height: 1.3;
    background: url(../image/icon1.png) no-repeat left center;
}

.invitation-description-container p {
    color: #836332;
}

@media screen and (min-width:768px) {
    .invitation-description-container p {
        font-size: 100%;
    }
}
.invitation-introduction-container {
    padding: 1% 1%;
}
.invitation-schedule-table-container {
    width: 96%;
    background: #fbf6ea;
    padding-top: 0px;
    padding-bottom: 4px;
    margin:0 auto 0 auto;
    /* margin-left:10px; */
    border-radius: 20px;
}

.invitation-schedule-container {
    margin: 0px auto 10px auto;
    text-align: center;
}

.invitation-schedule-container caption {
    font-size: 100%;
    font-weight: 700;
    color:#b22222;
    text-align: left;
    padding-left:  15px;
    padding-top: 5px;
}
@media screen and (min-width:768px) {
    .invitation-schedule-container caption {
        font-size: 100%;
        font-weight: 700;
        color:#b22222;
        text-align: left;
        padding-left:  15px;
        padding-top: 5px;
        padding-left: 10px;
    }
}
.invitation-schedule-container caption i {
    font-size:100%;
    padding-right:10px;
    vertical-align: baseline;
}

.invitation-schedule-container th {
    font-size: 80%;
    padding: 10px 10px;
    vertical-align: middle;
    color: #836332;
    border-bottom: 1px dashed;
}
.invitation-schedule-container td {
    font-size: 80%;
    padding: 10px 10px;
    vertical-align: middle;
    color: #836332;
    border-bottom: 1px dashed;
}
.invitation-schedule-container .finished {
    color:#da313d;
    font-weight: 700;
}
.invitation-schedule-container .accepting {
    color:#5491F5;
    font-weight: 700;
}

@media screen and (min-width:768px) {
    .invitation-schedule-container {
        margin: 0px auto 10px auto;
    }
    .invitation-schedule-container caption {
        font-size: 100%;
        padding-bottom: 10px;
    }
    .invitation-schedule-container th {
        font-size: 80%;
        padding-left: 60px;
        padding-right: 60px;
    }
    .invitation-schedule-container td {
        font-size: 80%;
        padding-left: 60px;
        padding-right: 60px;
    }
}



.invitation-schedule-table-container h2 {
    font-size: 100%;
    font-weight: 700;
    color:#b22222;
/* padding-top: 10px; */
    padding-left: 20px;
    padding-bottom: 10px;
}
.invitation-schedule-table-container i {
    font-size:100%;
    padding-right:10px;
    vertical-align: baseline;
}







/* 応募方法 */
.application-container {
    font-size: 100%;
    font-weight: 700;
    color:#b22222;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.application-container h2 {
padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
@media screen and (min-width:768px) {
    .application-container {
        font-size: 100%;
        font-weight: 700;
        color:#b22222;
        text-align: left;
        padding-left:  15px;
        padding-top: 0px;
        padding-left: 10px;
        padding-bottom: 10px;
    }
}
.application-container i {
    font-size:100%;
    padding-right:10px;
    vertical-align: baseline;
}
@media screen and (min-width:768px) {
    .application-container {
    font-size: 100%;
    }
}
.application-description-container {
    font-size: 85%;
    font-weight: 400;
}


/* 見学会 */
.visiting-container {
    font-size: 100%;
    font-weight: 700;
    color:#b22222;
    text-align: left;
    /* padding-left: 15px; */
    padding-top: 8px;
    padding-bottom: 10px;
}

@media screen and (min-width:768px) {
    .visiting-container {
        font-size: 100%;
        font-weight: 700;
        color:#b22222;
        text-align: left;
        /* padding-left:  15px; */
        padding-top: 8px;
        /* padding-left: 10px; */
        padding-bottom: 10px;
    }
}
.visiting-container h2 {
/* padding-top: 10px; */
    padding-left:10px;
    padding-bottom: 10px;
}
.visiting-container i {
    font-size:100%;
    padding-right:10px;
    vertical-align: baseline;
}

@media screen and (min-width:768px) {
    .visiting-container {
    font-size: 100%;
    }
}

.visiting-description-container {
    font-size: 85%;
    font-weight: 400;
    width: 100%; /* 繧ｳ繝ｳ繝�リ縺ｮ讓ｪ蟷�ｒ譛€螟ｧ縺ｫ險ｭ螳� */
    display: flex; /* 繝輔Ξ繝�け繧ｹ繝懊ャ繧ｯ繧ｹ繧剃ｽｿ逕ｨ縺励※荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
    justify-content: center; /* 讓ｪ譁ｹ蜷代�荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
    align-items: center; /* 邵ｦ譁ｹ蜷代�荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
    margin-bottom: 40px;
}

.dedicated {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.dedicated a {
    display: flex;
    justify-content: center;
    width: 100%;
}

.dedicated img {
    max-width: 70%;
    height: auto;
}

@media (max-width: 768px) {
    .dedicated img {
        max-width: 80%;
    }
}



.shortnotice p {
    /* text-align: center; */
}









.visiting-card-container {
    margin: 10px auto 10px auto;
    padding-left: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    column-gap: 10px;
    row-gap: 30px;
}
@media screen and (min-width:768px) {
    .visiting-card-container {
        grid-template-columns:1fr 1fr 1fr;
        column-gap: 20px;
    }
}
.card-item {
    border: 1px solid #836332;
    background-color:#ffffff;
    font-size: 60%;
    font-weight:400;
}
.card-item .title-top-left {
    width:40%;
    background-color: #eeb258;
    text-align: center;
}
.card-item .title-top-left .title {
    color:#ffffff;
}
.card-item p {
    color:#000000;
}
.card-item .finished {
    font-weight: 600;
    color:darkgrey;
}
.card-item .vacant {
    color:blue;
}
.card-item .full {
    color:red;
}




.contact-to-inquiry-container figcaption {
    font-size: 60%;
    text-align: center;
    color: #836332;
}




/* 園児募集footer */
.invitation-schedule-container-footer {
    padding-top: 5px;
}
.invitation-schedule-container-footer p {
    font-size: 0.6rem;
    padding:5px 5% 5px 5%;
    font-weight: normal;
    color: #836332;
}
.invitation-visiting-container {
    padding: 20px 10px 0px 10px;
}
.invitation-visiting-container dt h2 {
    font-size: 120%;
    color:#e66900;
}
.invitation-visiting-container dd {
    color:#836332;
    line-height: 1.75rem;
}
.information-visiting-footer {
    font-size: 0.8rem;
}



/* 園児募集内入園案内 */
.entrance-information-container {
    width:98%;
    margin:1% auto 3% auto;
    padding:0 20px;
    color:#836332;
}
.entrance-information-container h2 {
    color:#da313d;
    font-size: 100%;
    font-weight: 700;
    text-align: left;
    padding-top: 10px;
}
@media screen and (min-width:768px) {
    .entrance-information-container h2 {
    font-size: 100%;
    font-weight: 700;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    }
}
.entrance-information-container i {
    font-size:100%;
    padding-right:10px;
    vertical-align: baseline;
}
.entrance-information-container table {
    font-size: 90%;
}
.entrance-information-container table tbody tr {
    padding: 10px 0;
    border-bottom:2px #ce9541dc dashed;
}
.entrance-information-container table tbody :last-child {
    border-bottom: none;
}
.entrance-information-container table tr th {
    width: 10%;
    padding: 10px 10px 10px 0;
    color:#da313d;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}
.entrance-information-container table tr th.division {
    width: 1%;
}
.entrance-information-container table tr > th {
    width: 10%;
}
.entrance-information-container table tr td {
    padding:10px 0;
}
@media screen and (min-width:768px) {
    .entrance-information-container {
        max-width: 920px;
        padding: 10px 10px;
        margin: 0 auto 3% auto;
    }
}


.introgeneral-mission-statement-container {
    color:#000000;
    font-size:80%;
    padding:0 10px 20px 10px;
}


/* 保育理念、目標、方針 */
/* introgeneral-container */
/* for mobile devices */
.introgeneral-container {
    padding: 10px 4% 20px 4%;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .introgeneral-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px 20px 20px;
    }
}
/* 保育理念 */
.introgeneral-mission-container {
    padding: 0;
    margin:0 auto 20px auto;
}
@media screen and (min-width:768px) {
    .introgeneral-mission-container {
        max-width: 1040px;
        margin: 0 auto 20px auto;
        padding: 0px;
    }
}

.introgeneral-mission-statement-container {
    color: #836332;
}

.introgeneral-mission-title-container h2 {
    padding: 1% 0 1% 35px;
    margin-left:px;
    font-size: 120%;
    color: #e66900;
    line-height: 1.3;
    background: url(../image/icon1.png) no-repeat left center;
}

.introgeneral-mission-subtitle-container {
    padding: 10px 10px 10px 10px;
    font-size: 120%;
}
.introgeneral-mission-subtitle-container p {
    text-align: justify;
    font-weight: 700;
    color: #836332;
}
.introgeneral-mission-description-container {
    padding: 10px;
}
.introgeneral-mission-description-container p {
    padding:0 10px;
    color: #836332;
    line-height: 1.75rem;
}




/* 保育目標と方針 */
.introgeneral-scopeandpolicy-container {
    padding: 10px 1%;
    background: #ffffff;
    border-radius: 25px;
}

@media screen and (min-width:768px) {
    .introgeneral-scopeandpolicy-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 10px 20px;
    }
}


/* 保育目標 */
.introgeneral-scope-container {
    padding: 5px 2%;
}

@media screen and (min-width:768px) {
    .introgeneral-scope-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 5px;
    }
}

.introgeneral-scope-title-container h3 {
    padding: 1% 0 1% 35px;
    font-size: 120%;
    color: #e66900;
    line-height: 1.1;
    background: url(../image/icon1.png) no-repeat left center;
}

.introgeneral-scope-title-container .sub {
    font-size: 0.7em;
    vertical-align: bottom;
}

.introgeneral-scope-list-container {
    padding: 0px 10px 10px 30px;
}

li.introgeneral-scope-description {
    line-height: 2rem;
    font-weight:700;
    color:#836332;
}


/* 保育方針 */
.introgeneral-policy-container {
    padding: 5px 2%;
}

@media screen and (min-width: 768px) {
    .introgeneral-policy-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 5px;
    }
}
.introgeneral-policy-title-container h3 {
    padding: 1% 0 1% 35px;
    font-size: 120%;
    color: #e66900;
    line-height: 1.1;
    background: url(../image/icon1.png) no-repeat left center;
}

.introgeneral-policy-list-container {
    padding: 0px 10px 0px 30px;
}

li.introgeneral-policy-description {
    line-height: 2rem;
    font-weight:700;
    color:#836332;
}


/* ぴかぴかの1日 */
.introgeneral-pikapikadays-container {
    padding: 0%;
    margin-top:20px;
}

@media screen and (min-width: 768px) {
    .introgeneral-pikapikadays-container {
        max-width: 1040px;
        padding: 0%;
    }
}
.introgeneral-pikapikadays-title-container h2 {
    padding: 1.5% 0 1.5% 35px;
    font-size: 120%;
    color: #e66900;
    line-height: 1.1;
    background: url(../image/icon1.png) no-repeat left center;
}
.introgeneral-pikapikadays-description-container p {
    line-height: 1.75rem;
    color:#836332;
    padding:0 10px;
}

.introgeneral-pikapikadays-timetable-detail-container {
    margin-top: 20px;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    background: #ffffff;
}
.introgeneral-pikapikadays-timetable-detail-container table {
    border-collapse: collapse;
}
.introgeneral-pikapikadays-timetable-detail-container table th, td {
    border-bottom:2px dashed #eeb258;
}
.introgeneral-pikapikadays-timetable-detail-container table tbody tr:nth-child(12) th {
    border-bottom: none;
}
.introgeneral-pikapikadays-timetable-detail-container table tbody tr:nth-child(12) td {
    border-bottom: none;
}
.introgeneral-pikapikadays-timetable-detail-container table tr th {
    width:25%;
    padding:1% 1% 1% 0;
    margin-left:1%;
    text-align: left;
}
.introgeneral-pikapikadays-timetable-detail-container table tr td {
    width:75%;
    padding: 0.5% 5% 0.5% 3%;
    vertical-align: middle;
    color: #836332;
    font-weight: 600;
    line-height: 1.4rem;
    vertical-align: middle;
}
@media screen and (min-width:768px) {
    .introgeneral-pikapikadays-timetable-detail-container table tr th {
        padding-top: 0.5%;
    }
    .introgeneral-pikapikadays-timetable-detail-container td {
        font-size: 110%;
        vertical-align: middle;
    }
    .introgeneral-pikapikadays-timetable-detail-container img {
        padding:1% 5% 1% 3%;
        width:65%;
        height:auto;
    }
}
@media screen and (max-width:320px) {
    .introgeneral-pikapikadays-timetable-detail-container table tr th {
        padding-top: 0.5%;
    }
    .introgeneral-pikapikadays-timetable-detail-container td {
        font-size: 80%;
        line-height:0.5rem;
    }
    .introgeneral-pikapikadays-timetable-detail-container img {
        padding:0% 5% 0.5% 3%;
        width:130%;
        vertical-align:middle;
        height:auto;
    }
}

/* 3育 */
/* 3育 common */
.introgeneral-saniku-container {
    padding: 20px 1%;
    margin-top: 20px;
}

.introgeneral-saniku-container p {
    text-align: justify;
    color:#836332;
    line-height: 1.75rem;
}

.introgeneral-saniku-container .float-left {
    float: left;
    margin: 1rem 2rem 1rem 0;
    width: 30%;
}

.introgeneral-saniku-container .float-right {
    float: right;
    margin:  1rem 1rem 2rem;
    width: 30%;
}
/* 高解像度下では各logoサイズを相対的に小さくする */
@media screen and (min-width:768px) {
    .introgeneral-saniku-container .float-left {
        float: left;
        margin: 1rem 2rem 1rem 0;
        width: 20%;
    }
}
@media screen and (min-width:768px) {
    .introgeneral-saniku-container .float-right {
        float: right;
        margin: 1rem 0 1rem 2rem;
        width: 20%;
    }
}
.introgeneral-saniku-container .introgeneral-saniku-sample-photos {
    margin: 10px auto 0 auto;
    max-width: 70%;
}
@media screen and (min-width:768px) {
    .introgeneral-saniku-container .introgeneral-saniku-sample-photos {
        margin: 10px auto 0 auto;
        max-width: 50%;
    }
}
@media screen and (min-width:768px) {
    .introgeneral-saniku-container {
        max-width: 1040px;
        margin: 20px auto 0 auto;
        padding: 20px 0 20px 0;
    }
}

/* 共育（1st） */
.introgeneral-saniku-tomoiku-container {
    padding: 10px 6%;
    background-color: #ffffff;
    display: flow-root;
    margin-bottom: 20px;
    border-radius: 25px;
}
@media screen and (min-width:768px) {
    .introgeneral-saniku-tomoiku-container {
        max-width: 1000px;
        margin: 0 auto 20px auto;
        padding: 20px;
    }
}

/* 触育（2nd） */
.introgeneral-saniku-senseiku-container {
    padding: 10px 6%;
    background-color: #ffffff;
    display: flow-root;
    margin-bottom: 20px;
    border-radius: 25px;
}
@media screen and (min-width:768px) {
    .introgeneral-saniku-senseiku-container {
        max-width: 1040px;
        margin: 0 auto 20px auto;
        padding: 20px;
    }
}

/* 食育（3rd） */
.introgeneral-saniku-shokuiku-container {
    padding: 10px 6%;
    background-color: #ffffff;
    display: flow-root;
    margin-bottom: 20px;
    border-radius: 25px;
}
@media screen and (min-width:768px) {
    .introgeneral-saniku-shokuiku-container {
        max-width: 1040px;
        margin: 0 auto 20px auto;
        padding: 20px;
    }
}




/* introspecific-container */
/* 吉祥寺園紹介 */
/* for mobile devices */
.introspecific-container {
    padding: 20px 3%;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .introspecific-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 2%;
    }
}


/* 吉祥寺園紹介文言 */
.introspecific-summary-container {
    padding: 0% 1%;
}
@media screen and (min-width:768px) {
    .introspecific-summary-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0% 1%;
    }
}
.introspecific-summary-title-container h2 {
    color:#da313d;
    padding: 1.5% 0 1.5% 35px;
    font-size: 120%;
    line-height: 1.1;
    background: url(../image/icon3.png) no-repeat left center;
}
.introspecific-summary-description-container {
    padding-top: 10px;
}
.introspecific-summary-description-container p {
    color:#836332;
    line-height: 1.4rem;
    text-align: justify;
}
.introspecific-summary-photobooth01 {
        display:flex;
        flex:0 1 auto;
        justify-content: space-around;
        margin-bottom: 2%;
}
.introspecific-summary-photobooth02 {
    display:flex;
    flex:0 1 auto;
    justify-content: space-around;
    /* margin-top: 2%; */
    margin-bottom: 2%;
}
.introspecific-summary-photobooth03 {
    display:flex;
    flex:0 1 auto;
    justify-content: space-around;
    margin-bottom: 2%;
}

/* 吉祥寺園ギャラリー */
.introspecific-gallery-container {
    padding: 20px 0% 20px 0%;
}

@media screen and (min-width:768px) {
    .introspecific-gallery-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px 0% 20px 0%;
    }
    .introspecific-gallery-container .gallery img {
        width: 200px;
    }
}
.introspecific-gallery-title-container {
    padding:20px 0 10px 0;
}



/* 主要諸元 */
.introspecific-spec-container {
    padding: 20px 4% 10px 4%;
}
@media screen and (min-width:768px) {
    .introspecific-spec-container {
        max-width: 1000px;
        margin: 0 auto;
        padding:20px 4% 10px 4%;
    }
}
.introspecific-spec-container caption {
    text-align: left;
    font-size:90%;
    font-weight: 700;
    color:#da313d;
}
.introspecific-spec-container i {
    vertical-align:baseline;
    padding-right: 5px;
}
.introspecific-spec-container .spec th {
    font-size:90%;
    text-align: left;
    color:#da313d;
    padding-right: 10px;
    white-space:nowrap;
}
.introspecific-spec-container .spec td {
    font-size:90%;
    text-align: left;
    color:#836332;
    padding-right: 10px;
}
.introspecific-spec-container tr .justify{
    display:flex;
    justify-content: space-between;
}
.introspecific-footer {
    padding:1% 5% 10% 5%;
}
.introspecific-footer p {
    line-height: 100%;
    color:#836332;
    font-size: 70%;
}



/* access-container */
/* 地図 */
/* for mobile devices */
.access-container {
    padding: 20px 3%;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .access-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px 1%;
    }
}
/* 地図タイトル */
.access-title-container h2 {
    color:#da313d;
    font-weight: 700;
    padding: 1.5% 2% 1.5% 2%;
    font-size: 120%;
    line-height: 1.1;
    align-items: baseline;
}
.access-title-container i {
    font-size: 140%;
    padding-right:10px;
}
#map {
    width: 100%;
    height: 370px;
    border: 4px solid #573d85;
    border-radius: 25px;
}
.access-address-container {
    padding-left: 20px;
    margin-top:10px;
    font-size:100%;
    font-weight: 700;
    color:#836332;
}


/* contact-container */
/* for mobile devices */
.contact-container {
    padding: 3% 3%;
    margin-top: 20px auto;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .contact-container {
        max-width: 1000px;
        margin: 10px auto 0 auto;
        padding: 0% 2%;
    }
}
.contact-title-container h2 {
    color:#da313d;
    padding: 1.5% 2% 1% 35px;
    font-size: 120%;
    line-height: 1.1;
    background: url(../image/icon3.png) no-repeat left center;
}
.contact-summary-container {
    padding-top:5px;
}
.contact-summary-container p {
    color:#836332;
}
.contact-to-inquiry-container {
    margin:4% auto 2% auto;
}
.contact-to-inquiry-container img {
    display: block;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
ul.add {
    margin:5% auto;
    max-width: 80%;
}
.add li {
    list-style: none;
    padding: 2%;
}
@media screen and (min-width:768px) {
    ul.add {
        display:flex;
        justify-content:space-around;
        max-width:100%;
        margin:2%;
    }
    .add li {
        flex:0 1 50%;
        padding: 1%;
    }
}


/* SNS sharing */
.contact-sns-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 70%;
    margin: 2%;
    vertical-align:bottom;
}
.contact-sns {
    flex:0 1 13%;
}


/* childcare-container */
/* childcare　武蔵野市 */
.childcare-container {
    display: flex;
    flex-wrap: wrap;
    /* padding-left: 40px; */
    margin-top: 40px;
}
/* .childcare {
    /* flex:0 1 13%;
/* }  */


/* childcare　杉並区 */
.childcare-container-2 {
    display: flex;
    flex-wrap: wrap;
    /* padding-left: 40px; */
    margin-top: 40px;
}

/* childcare　三鷹市 */
.childcare-container-3 {
    display: flex;
    flex-wrap: wrap;
    /* padding-left: 40px; */
    margin-top: 40px;
}

.childcare img {
    border: 1px solid #1da1f2;
    flex-grow: 1;
    object-fit: cover;
    height: 60px;
}




/* claim-container */
.claim-summary-container {
    margin-top:7%;
}
.claim-summary-container a {
    color:#836332;
    text-decoration:none;
}
/* for mobile devices */
.claim-container {
    padding: 10px 4%;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .claim-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 20px;
    }
}














/* reserved container */
/* for mobile devices */
.reserved-container {
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .reserved-container {
        max-width: 1040px;
        margin: 0 auto;
    }
}



/* gallery */
/* gallery title */
.introspecific-gallery-title-container h2 {
    color:#da313d;
    font-weight: 700;
    padding: 0 0 1.5% 0;
    font-size: 120%;
    line-height: 1.1;
    align-items: baseline;
}
.introspecific-gallery-title-container i {
    font-size: 140%;
    padding-right:10px;
}

/*===モーダル表示のためのcss　*/

.hide-area{/*モーダル表示をする場所をあらかじめ隠す*/
	display: none;
}

.modaal-fullscreen .modaal-content-container{/*full画面の色設定*/
	background: #333;
	color: #fff;
	text-align: center;
}

.modaal-fullscreen .modaal-close{/*ボタンの色、位置*/
	background:none;
	right:20px;
}

/*クローズボタンの×の色変更*/
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*キャプション*/
.caption{
    display: block;
    padding: 10px 0;
}

/*===　サムネイル表示のためのcss　*/

.gallery{/*ベースになるギャラリーを横並びに*/
	display: flex;
    justify-content: space-around;
}

.gallery li{
	display: block;
    width:33.333%;
    text-align: center;
    list-style:none;
}

/*画像の横幅を100%にしてレスポンシブ化*/
.hide-area img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}




/* ページトップ戻り */
/* テキスト+CSS画像に置き換えるときはtransition以外も有効化する */
#page-top a{
    /* display: flex;
	justify-content:center;
	align-items:center;
	background:#da313d;
	border-radius: 5px;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size:0.6rem; */
	transition:all 0.3s;
}
#page-top a img {
    width: 80%;
    height:auto;
}

/* テキスト+CSS画像に置き換えるときはhover使用可能 */
#page-top a:hover{
	/* background:#da313d; */
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: -15px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

/*検証のためのCSS*/
section{
padding: 0;
}

#footer{
}


/********************* claim **********************/
/* reflected on claim.html */
/**************************************************/
#claim-container {
    text-align: center;
}
.claim-title-container {
    text-align: center;
    padding-bottom: 2rem;
}
.claim-main-container {
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
}



/* left-side tab */
.briefing {
    top: auto;
    bottom: 5em;
    left: calc(50% - 49vw);
    position: fixed;
    display: flex;
    flex-direction: column;
    padding: 1em .5em;
    color: #fff;
    width: 2em;
    font-size: 64%;
    font-weight: bold;
    background-color: #339933;
    border-radius: 3px;
}

.mv {
    order: 4;
    background-color: transparent;
    height: auto;
    padding-top: 0;
    position: static;
}













/* introspecific-container */
/* 蝨堤ｴｹ莉� */
/* for mobile devices */
.introspecific-container {
    padding: 10px 3%;
}
/* for PC and tablets */
@media screen and (min-width:768px) {
    .introspecific-container {
        max-width: 1040px;
        margin: 0 auto;
        padding: 10px 2%;
    }
}


/* 蝨堤ｴｹ莉区枚險€ */
.introspecific-summary-container {
    padding: 0% 1%;
}
@media screen and (min-width:768px) {
    .introspecific-summary-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0% 1%;
    }
}
.introspecific-summary-title-container h2 {
    color:#da313d;
    padding: 1.5% 0 1.5% 35px;
    font-size: 120%;
    line-height: 1.1;
    background: url(../image/icon3.png) no-repeat left center;
}
.introspecific-summary-description-container {
    padding-top: 10px;
}
.introspecific-summary-description-container p {
    color:#836332;
    line-height: 1.4rem;
    text-align: justify;
}
.introspecific-summary-photobooth01 {
        display:flex;
        flex:0 1 auto;
        justify-content: space-around;
        margin-bottom: 2%;
}
.introspecific-summary-photobooth02 {
    display:flex;
    flex:0 1 auto;
    justify-content: space-around;
    /* margin-top: 2%; */
    margin-bottom: 2%;
}
.introspecific-summary-photobooth03 {
    display:flex;
    flex:0 1 auto;
    justify-content: space-around;
    margin-bottom: 2%;
}

/* 蜷臥･･蟇ｺ蝨偵ぐ繝｣繝ｩ繝ｪ繝ｼ */
.introspecific-gallery-container {
    padding: 0px 0% 20px 0%;
}

@media screen and (min-width:768px) {
    .introspecific-gallery-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0px 0% 20px 0%;
    }
    .introspecific-gallery-container .gallery img {
        width: 200px;
    }
}
.introspecific-gallery-title-container {
    padding:10px 0 10px 0;
}

















































/* gallery */
/* gallery title */
.introspecific-gallery-title-container h2 {
    color:#da313d;
    font-weight: 700;
    padding: 0 0 1.5% 0;
    font-size: 120%;
    line-height: 1.1;
    align-items: baseline;
}
.introspecific-gallery-title-container i {
    font-size: 140%;
    padding-right:10px;
}

div.introspecific-gallery-entrance-container {
    max-width: 400px;
    margin: 10px auto;
}
a.gallery_button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1DA1F2;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 60px;
    padding: 20px 20px 20px 75px;
    background-color: #ffffff;
    /* border: 5px solid #FFC107; */
    border: 5px solid #1DA1F2;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.3s;
  }
  a.gallery_button::before {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -30px;
    background-image: url("../../photo/common/images/pika_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  a.gallery_button span {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
  }
  a.gallery_button span span {
    display: block;
    font-size: 16px;
    margin-bottom: 7px;
  }
  a.gallery_button:hover {
    color: #ffffff;
    /* background-color: #FFC107; */
    background-color: #1DA1F2;
  }


/*===繝｢繝ｼ繝€繝ｫ陦ｨ遉ｺ縺ｮ縺溘ａ縺ｮcss縲€*/

.hide-area{/*繝｢繝ｼ繝€繝ｫ陦ｨ遉ｺ繧偵☆繧句�ｴ謇€繧偵≠繧峨°縺倥ａ髫�縺�*/
	display: none;
}

.modaal-fullscreen .modaal-content-container{/*full逕ｻ髱｢縺ｮ濶ｲ險ｭ螳�*/
	background: #333;
	color: #fff;
	text-align: center;
}

.modaal-fullscreen .modaal-close{/*繝懊ち繝ｳ縺ｮ濶ｲ縲∽ｽ咲ｽｮ*/
	background:none;
	right:20px;
}

/*繧ｯ繝ｭ繝ｼ繧ｺ繝懊ち繝ｳ縺ｮﾃ励�濶ｲ螟画峩*/
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*繧ｭ繝｣繝励す繝ｧ繝ｳ*/
.caption{
    display: block;
    padding: 10px 0 20px 0;
}

/*===縲€繧ｵ繝�繝阪う繝ｫ陦ｨ遉ｺ縺ｮ縺溘ａ縺ｮcss縲€*/

.gallery{/*繝吶�繧ｹ縺ｫ縺ｪ繧九ぐ繝｣繝ｩ繝ｪ繝ｼ繧呈ｨｪ荳ｦ縺ｳ縺ｫ*/
	display: flex;
    justify-content: space-around;
}

.gallery li{
	display: block;
    width:33.333%;
    text-align: center;
    list-style:none;
}

/*逕ｻ蜒上�讓ｪ蟷�ｒ100%縺ｫ縺励※繝ｬ繧ｹ繝昴Φ繧ｷ繝門喧*/
.hide-area img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;/*逕ｻ蜒上�荳九↓縺ｧ縺阪ｋ菴咏區繧貞炎髯､*/
}