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


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

@charset "utf-8";

/* (General) Declaration of site-penetrating settings  */
body {
    font-family: 'Dosis', 'Arial Rounded MT Bold', 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;
}
.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;
    }
}




/* ****************************************************************
   covid 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;
    }
}


/* ****************************************************************
   Infections Checklist
**************************************************************** */
.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;
    }
}


















/* ****************************************************************
   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 h3 {
    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 h3 {
    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 h3 {
    padding: 1% 0 1% 35px;
    font-size: 120%;
    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: 10px;
    padding-bottom: 20px;
    margin:2% auto 1% auto;
    border-radius: 20px;
}

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

.invitation-schedule-container caption {
    font-size: 120%;
    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:120%;
    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: 10px  0 10px 10px;
    }
    .invitation-schedule-container caption {
        font-size: 120%;
        padding-bottom: 10px;
    }
    .invitation-schedule-container th {
        font-size: 80%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .invitation-schedule-container td {
        font-size: 80%;
        padding-left: 40px;
        padding-right: 40px;
    }
}


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


/* 見学会 */
.visiting-container {
    font-size: 120%;
    font-weight: 700;
    color:#b22222;
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
    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: 20px;
        padding-left: 10px;
        padding-bottom: 20px;
    }
}
.visiting-container h3 {
    padding-left:10px;
    padding-bottom: 10px;
}
.visiting-container i {
    font-size:120%;
    padding-right:10px;
    vertical-align: baseline;
}

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

.visiting-description-container {
    font-size: 85%;
    font-weight: 400;
}

.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 h3 {
    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 h3 {
    color:#da313d;
    font-size: 100%;
    font-weight: 700;
    text-align: left;
    padding-top: 10px;
}
@media screen and (min-width:768px) {
    .entrance-information-container h3 {
    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 h3 {
    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 h4 {
    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 h4 {
    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 h3 {
    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 h3 {
    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 h3 {
    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 h3 {
    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:3% 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%;
}

/* 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 h4 {
    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);
  }
}

/* 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: 4em;
    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;
}