@charset "utf-8";


/* --------------------------------------------

									共通 :

----------------------------------------------- */

#page-top {
    position: fixed;
    z-index: 99998;
    right: 25px;
    bottom: 28px;
    height: 50px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    color: #737373;
    padding: 0 0 0 35px;
    border-top: solid 1px;
}
#page-top::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    transform: rotate(35deg);
    transform-origin: left top;
}
.header {
    position:relative;
}
.header nav ul {
    max-width:100%;
    width:90%;
    margin:0 auto;
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
@media screen and (max-width: 1150px) {
    .header nav ul {
        overflow: auto!important;
    }
}
.header nav ul li {
    margin: 0 3%;
}
.header nav ul li.n01, .header nav ul li.n01 * {
    width: 131px;
}
.header nav ul li.n02, .header nav ul li.n02 * {
    width:115px;
}
.header nav ul li.n03, .header nav ul li.n03 * {
    width:169px;
}
.header nav ul li.n04, .header nav ul li.n04 * {
    width: 163px;
}
.header nav ul li.n06, .header nav ul li.n06 * {
    width: 100px;
}
.header nav ul li.n02 span {
    background-position: -131px 0px;
}
.header nav ul li.n03 span {
    background-position: -246px 0px;
}
.header nav ul li.n04 span {
    background-position: -415px 0px;
}
.header nav ul li.n06 span {
    background-position: -578px 0px;
}
.header nav ul li.n02 span:hover {
    background-position: -131px -140px;
}
.header nav ul li.n03 span:hover {
    background-position: -246px -140px;
}
.header nav ul li.n04 span:hover {
    background-position: -415px -140px;
}
.header nav ul li.n06 span:hover {
    background-position: -578px -140px;
}

@media screen and (max-width: 1150px) {
    .header nav ul {
        border:none;
        /* max-height:600px; */
        height: 100%;
        width:100%;
        justify-content:flex-start;
        flex-direction: column;
    }
    .header nav ul li {
        border-bottom: 1px double #ccc;
        font-size: 1.5rem;
        margin: 0 auto;
        padding-top:8px;
        padding-bottom:8px;
    }
    .header nav ul li::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0px;
        width: 100%;
        border-top:#ccc solid 1px;
    }
    .header nav ul li.n01, .header nav ul li.n01 *, .header nav ul li.n02, .header nav ul li.n02 *, .header nav ul li.n03, .header nav ul li.n03 *, .header nav ul li.n04, .header nav ul li.n04 *, .header nav ul li.n05, .header nav ul li.n05 *, .header nav ul li.n06, .header nav ul li.n06 * {
        width: 100%;
        height: auto;
    }
}
/* --------------------------------------------

									header : .header

----------------------------------------------- */
hr {
    border:none;
}
.header hr {
    height:4px;
    border-bottom:1.2px solid #e7b6b6;
    position:relative;
    margin-top:1.4em;
    margin-bottom:2.4em;
}
.header hr::before {
    content: '';
    position:absolute;top:0;left:0;
    width:100%;
    height:calc(100% - 4px);
	border-bottom: 1.2px solid #e7b6b6;
}
.header .description-wrap {
    width:96%;
}
.header .description-wrap .link-wrap {
    width:45%;
    max-width:425px;
}
.header .link-wrap ul {
    display: flex;
    justify-content: flex-end;
}
@media screen and (max-width: 1264px) {
    .header .description-wrap .link-wrap {
        width: 30%;
        max-width:320px;
    }
}

.header .nav-wrap {
    padding-top:0;
}
.header .site p span {
    color:#C36363;
    font-weight: bold;
}
@media screen and (max-width: 1150px) {
    .header .description-wrap .site {
        margin: 0 auto;
    }
}
.footer .page-top {
    min-height: auto;
    height:4px;
    border-bottom:1.2px solid #e7b6b6;
    position:relative;
}
.footer .page-top::before {
    content: '';
    position:absolute;top:0;left:0;
    width:100%;
    height:calc(100% - 4px);
	border-bottom: 1.2px solid #e7b6b6;
}
.footer .info-wrap .info p span a {
    color:#e7b6b6;
}
/* --------------------------------------------

									index : #index

----------------------------------------------- */
#index .guide-wrap .story-wrap ul li p {
    height:4.9em;
    line-height: 1.2;
}
#index .guide-wrap .story-wrap ul li p span.title {
    padding-bottom:5px;
}
#index .guide-wrap .story-wrap ul li p span.vertical {
    line-height: 2.2;
}
#index .guide-wrap .other-wrap ul li p {
    /* height:4em; */
    line-height: 1.2;
    font-size:1.2em;
}
#index .guide-wrap ul li p {
    padding: .5em;
}
#index .contents-wrap h2 {
    border: 1.2px solid #353838;
	margin: 2px 2.2px 36px;
    box-sizing:border-box;
	position: relative;
}

#index .contents-wrap h2::after {
    content: '';
	width: calc(100% - 28px);
	height: calc(100% - 28px);
	border: 1.2px solid #353838;
	position: absolute;
	top: 12.1px;
	left: 12.1px;
}
#index .contents-wrap h3 img { display: block; width: 100%;}
#index .life-wrap h3, #index .other-wrap h3 {
    width:100%;
    font-size:1.57em;
    margin:30px auto;
    padding-bottom:0.6rem;
}
#index .life-wrap h3 .str_animation {
    text-align: center;
}
#index .life-wrap h3 {
    color:#323232;
    font-size: 1.9em;
    padding-top:45px;
    position:relative;
}
#index .life-wrap h3 span.decoration {
    position:absolute;top:0;left:50%;
    display: block;
    width:200px;
    height:42px;
    margin-left:-100px;
    background:url('../img/index/index_decoration.png') no-repeat center center;
    background-size: contain;
}
#index #imageSlider-wrap { width: 100%; overflow: hidden; margin-bottom: 3.5em; }
#index #imageSlider {	margin: 0 auto;	width: 1920px; height: 270px; text-align: left;	position: relative;	overflow: hidden;}
#index #imageSlider,
#index .imageSlider_wrap { padding-left:0 !important;}
#index .section ul { height: 270px; display: inline-block; overflow: hidden;}
#index .section ul li {	height:270px; width:400px; float: left; display: inline;	overflow: hidden;}
#index .section ul li img {	height:270px; width:400px;}
#index .section ul:after { content: "."; height: 0;	clear: both; display: block; visibility: hidden;}
@media screen and (max-width: 1150px) {
    #index .guide-wrap .other-wrap ul li p {
        font-size: .9em;
    }
}
span.decoration{
    padding-left:30px;
}

/* --------------------------------------------

									story : #story

----------------------------------------------- */
#story .contents-wrap {
    background:none;
    background-color: #FAEAEE;
}
#story .contents-wrap .wrap {
    max-width:1200px;
}
#story .contents-wrap .inner {
    background-color: #FAEAEE;
}
#story .all .inner>p {
    margin-bottom: 1em;
    font-size: 1.3em;
}
#story .all .inner .list .list-heading {
    text-align: center;
}
#story .all .inner .list .list-heading > h2 img {
    vertical-align: top;
}
#story .all .inner .list .list-heading > h2 {
    position: relative;
    display: inline-block;
    margin:2em auto 3em;
  }
#story .all .inner ul li h2 {
    margin-bottom:1.2em;
}
#story .all .inner ul li h2 img {
    width:100%;
}
#story .all .inner ul li h2 span.arr img {
    width:14px;
    height:auto;
    padding-bottom:3px;
    margin-left: 8px;
    vertical-align: middle;
}
#story .all .inner ul li h2 span.arr.arr-left {
    margin-left: 0;
    margin-right: 8px;
}
#story .all .inner ul li .list-paragraph h2 span.wave {
    display: inline-block;
    font-weight:bold;
    font-size:1.4rem;
    color:#C93658;
    background: url("../img/story/index/wave.svg") bottom repeat-x;
    background-size:contain;
    padding-bottom:12px;
    margin-bottom:0;
}
#story .all .inner ul li .list-paragraph h2 span.wave.summer {
    color:#199ACE;
    background: url("../img/story/index/wave-summer.svg") bottom repeat-x;
}
#story .all .inner ul li .list-paragraph h2 span.wave.autumn {
    color:#825324;
    background: url("../img/story/index/wave-autumn.svg") bottom repeat-x;
}
#story .all .inner ul li .list-paragraph h2 span.wave.winter {
    color:#0F9396;
    background: url("../img/story/index/wave-winter.svg") bottom repeat-x;
}
#story .all .inner ul li.photo-list .photo-heading h3 {
    line-height: 40px;
    position: relative;
    height: 40px;
    margin: 2em 50px 1em;
    padding: 0 2rem;
    text-align: center;
    color: #323232;
    background: #ffffff;
    letter-spacing: .5em;
  }

/* #story .all .inner ul li.photo-list .photo-heading h3:before,
#story .all .inner ul li.photo-list .photo-heading h3:after {
    position: absolute;
    top: 0;
    display: block;
    height: 48px;
    content: '';
    border: 30px solid #f8ea22;
}

#story .all .inner ul li.photo-list .photo-heading h3:before {
    left: -40px;
    border-left-width: 15px;
    border-left-color: transparent;
}

#story .all .inner ul li.photo-list .photo-heading h3:after {
    right: -40px;
    border-right-width: 15px;
    border-right-color: transparent;
} */

#story .all .inner ul li.photo-list .photo-heading h3 span {
    position: relative;
    display: block;
}
#story .all .inner ul li.photo-list {
    position:relative;
}
#story .all .inner ul li.photo-list .photo-heading {
    position:absolute;top:-1em;right:-7em;
    width:320px;
    transform:rotate(30deg);
}
#story .all .inner ul li:nth-child(3).photo-list .photo-heading {
    position:absolute;top:-1em;left:-9em;
    width:320px;
    transform:rotate(-30deg);
}
#story .all .inner ul li:nth-child(3).photo-list .photo-heading h3 {
    padding: 0 .5rem;
    letter-spacing: 0;
}

#story .all .inner ul li:nth-child(5).photo-list .photo-heading {
    position:absolute;top:auto;bottom:2em;left:-9em;
    width:360px;
    transform:rotate(30deg);
}
#story .all .inner ul li:nth-child(5).photo-list .photo-heading h3 {
    padding: 0 .5rem;
    letter-spacing: 0;
}
#story .all .inner ul li:nth-child(8).photo-list .photo-heading {
    position:absolute;top:auto;bottom:0;right:-9em;
    width:440px;
    transform:rotate(-15deg);
}
#story .all .inner ul li:nth-child(8).photo-list .photo-heading h3 {
    padding: 0 .5rem;
    letter-spacing: 0;
}

#story .all .inner ul li:nth-child(1),
#story .all .inner ul li:nth-child(7) {
    display:flex;
}
#story .all .inner ul li:nth-child(4),
#story .all .inner ul li:nth-child(6) {
    display:flex;
    flex-direction: row-reverse;
}
#story .all .inner ul li:nth-child(1) .list-illustphoto,
#story .all .inner ul li:nth-child(4) .list-illustphoto ,
#story .all .inner ul li:nth-child(6) .list-illustphoto ,
#story .all .inner ul li:nth-child(7) .list-illustphoto {
    width:140px;
}
#story .all .inner ul li .list-paragraph {
    width:300px;
    padding:0 1rem;
}
#story .all .inner ul li:nth-child(odd) {
    margin-right:1%;
}
/* --------------------------------------------

									life : #life

----------------------------------------------- */
#life .main-wrap .tab-new {
    position: absolute;
    top: -44px;
    right: 0;
    z-index: 10;
    width: 80%;
    max-width: 460px;
    margin: 0 auto;
    height:44px;
}
#life .main-wrap .tab-new li {
    float:left;
    margin: 0 3%;
}
#life .main-wrap .tab-new a {
    text-decoration: none;
    display: block;
    width:100%;
    line-height:44px;
    font-size:1.2em;
    letter-spacing: 6px;
}
#life .main-wrap .tab-new .tab1 a {
    color:#0F9396;
}
#life .main-wrap .tab-new .tab1.check a {
    font-weight: normal;
}
#life .main-wrap .tab-new .tab2 a {
    color:#DD698E;
}
#life .main-wrap .tab-new .tab2.check a {
    font-weight: normal;
}
#life .main-wrap .tab-new .tab3 a {
    color:#E09121;
}
#life .main-wrap .tab-new .tab3.check a {
    font-weight: normal;
}
#life .main-wrap .tab-new .tn-tab  {
    height:44px;
    background-color:#fff;
    text-align: center;
    box-sizing:border-box;
    border-radius: 5px 5px 0 0;
}
#life .main-wrap .tab-new .tab1 {
    width:114px;
    border-top: #0F9396 solid 5px;
}
#life .main-wrap .tab-new .tab2 {
    width:114px;
    border-top: #DD698E solid 5px;
}
#life .main-wrap .tab-new .tab3 {
    width:114px;
    border-top: #E09121 solid 5px;
}
#life .main-wrap .tab-new .tab1.check {
    background-color:#e3f5fc;
    border-top: #0F9396 solid 5px;
}
#life .main-wrap .tab-new .tab2.check {
    background-color:#FAEAED;
    border-top: #DD698E solid 5px;
}
#life .main-wrap .tab-new .tab3.check {
    background-color:#FCEFDC;
    border-top: #E09121 solid 5px;
}
#life .main-wrap .text-wrap p span {
    padding-bottom:3px;
    border-bottom:1px dotted #353838;
}
#life .main-wrap .text-wrap {
    position:relative;
}
#life .index .main-wrap .text-wrap p.illust {
    width:150px;
    position: absolute;bottom:-60px;right:0;
}
#life .childcare .main-wrap .text-wrap p.illust {
    width:130px;
    position: absolute;bottom:-70px;right:0;
}
#life .education .main-wrap .text-wrap p.illust {
    width:170px;
    position: absolute;bottom:-80px;right:-30px;
}
@media screen and (max-width: 1240px){
    #life .index .main-wrap .text-wrap p.illust {
        width:110px;
        bottom:-100px;
    }

    #life .childcare .main-wrap .text-wrap p.illust {
        width:80px;
        bottom:-100px;
    }

    #life .education .main-wrap .text-wrap p.illust {
        width:120px;
        bottom:-100px;right:0;
    }
}

#life .main-wrap .text-wrap p.photo img {
    width:100%;
}
#life .main-wrap {
    margin-top :56px;
}
#life .index .main-wrap {
    background:#fff;
    border-radius: 0px;
}
#life .index .main-wrap .inner {
    border-top: #e3f5fc solid 15px;
    border-bottom:#e3f5fc solid 15px;
}
#life .childcare .main-wrap {
    background:#fff;
    border-radius: 0px;
}
#life .childcare .main-wrap .inner {
    border-top: #FAEAED solid 15px;
    border-bottom:#FAEAED solid 15px;
}
#life .education .main-wrap {
    background:#fff;
    border-radius: 0px;
}
#life .education .main-wrap .inner {
    border-top: #FCEFDC solid 15px;
    border-bottom:#FCEFDC solid 15px;
}
#life .education .main-wrap h1 {
    color:#E09121;
}
#life .education .main-wrap .text-wrap h1 b, #life .education .introduction-wrap .introduction, #life .education .number-wrap h2 {
    border-color: #E09121;
}
#life .education .main-wrap .text-wrap h1 b, #life .education .number-wrap h2, #life .education .voice-wrap h2, #life .education .voice-wrap .inner .text-wrap .name {
    color: #E09121;
}
#life .index .pictures-wrap .picture-wrap .picture img, #life .childcare .pictures-wrap .picture-wrap .picture img, #life .education .pictures-wrap .picture-wrap .picture img {
    width:100%;
}
.visible, .invisible {
    opacity: 0.0;
    transition: opacity 0.5s ease;
}
.visible {
    opacity: 1.0;
}
#life .index .point-wrap .point .text-wrap h2 b {
    color: #1AA7A8;
}
#life .childcare .point-wrap .point .text-wrap h2 b {
    color: #DD698E;
}
#life .education .point-wrap .point .text-wrap h2 b {
    color: #E09121;
}
#life .education .point-wrap .point .text-wrap h2 b {
    border-color: #f7d3a0;
}
#life .point-wrap .point .photo {
    height:auto;
}
#life .point-wrap .box3 .text-wrap {
    float:left;
}
#life .point-wrap .point .text-wrap {
    width:49%;
}
#life .point-wrap .point .text-wrap p.link {
    padding-left:1em;
    font-size: 1em;
    position: relative;
    width:11em;
    margin:0 0 0 auto;
}
#life .point-wrap .point .text-wrap p.link a::before {
    content: "";
    width:0.6em;
    height:0.7em;
    position: absolute;top:.5em;left:0;
    background: url(../img/life/childcare/arr.svg) no-repeat center center;
    background-size: contain;
}
#life .point-wrap .point .text-wrap p.link a:hover {
    color:#DD698E;
}
#life .point-wrap .box3 .photo {
    float:right;
}
#life .point-wrap .box4 .text-wrap {
    float:right;
}
#life .point-wrap .box4 .photo {
    float:left;
}
#life .point-wrap .box5 .text-wrap {
    float:left;
}
#life .point-wrap .box5 .photo {
    float:right;
}
#life .point-wrap .box6 .text-wrap {
    float:right;
}
#life .point-wrap .box6 .photo {
    float:left;
}
#life .point-wrap .photo img {
    width:100%;
}
#life .voice-wrap {
    margin-bottom:60px;
    padding:0;
}
#life .voice-wrap .wrap .inner {
    padding-top:30px;
}
#life .index .voice-wrap {
    background-color: transparent;
    border:14px solid;
    border-image-source:url(../img/life/interview-border.png);
    border-image-slice:33%;
    border-image-repeat: repeat;
    border-image-width:16px;
    position:relative;
}
#life .index .voice-wrap::before {
    content:"";
    position: absolute;top:-30px;right:40px;
    width:22%;
    height:35px;
    background:url(../img/life/index/interview01.png) #fff center center no-repeat;
    background-size: contain;
}
#life .childcare .voice-wrap {
    background-color: transparent;
    border:14px solid;
    border-image-source:url(../img/life/interview-border.png);
    border-image-slice:33%;
    border-image-repeat: repeat;
    border-image-width:16px;
    position:relative;
}
#life .childcare .voice-wrap::before {
    content:"";
    position: absolute;top:-30px;right:40px;
    width:22%;
    height:35px;
    background:url(../img/life/childcare/interview02.png) #fff center center no-repeat;
    background-size: contain;
}
#life .education .voice-wrap {
    background-color: transparent;
    border:14px solid;
    border-image-source:url(../img/life/interview-border.png);
    border-image-slice:33%;
    border-image-repeat: repeat;
    border-image-width:16px;
    position:relative;
}
#life .education .voice-wrap::before {
    content:"";
    position: absolute;top:-30px;right:40px;
    width:22%;
    height:35px;
    background:url(../img/life/education/interview03.png) #fff center center no-repeat;
    background-size: contain;
}
#life .voice-wrap .photo-wrap .photo, #life .voice-wrap .photo-wrap .photo img {
    width:100%;
}

#life .voice-wrap .inner .text-wrap {
    width:62%;
    float:left;
}
#life .voice-wrap .photo {
    max-width:100%;
}
#life .voice-wrap h2 {
    width: 100%;
    margin-bottom:.6em;
    font-size:1.6em;
    position: relative;
    padding-left:0;
    box-sizing: border-box;
    font-weight: normal;
}
#life .voice-wrap p {
    line-height:1.6;
}
#life .voice-wrap .inner .text-wrap p.name {
    text-align:right;
}
/* #life .voice-wrap .wrap h2::before {
    content:"Interview";
    position: absolute;
    left:-5.2%;
    padding:0 20px;
    background:#0F9396;
    color:#ffffff;
    font-weight: bold;
} */
#life .index .voice-wrap h2 {
    color:#209F9F;
    border-bottom:3px solid #209F9F;
}
#life .index .voice-wrap hr.voice-border {
    border-top:#209F9F solid 3px;
}
#life .index .voice-wrap .inner .text-wrap h3 {
    color:#209F9F;
    border-bottom:#209F9F solid 3px;
}
#life .index .voice-wrap .inner .text-wrap p.name {
    color:#323232;
    /* font-weight: bold; */
}
#life .childcare .voice-wrap h2 {
    color:#DD698E;
    border-bottom:3px solid #DD698E;
}
#life .childcare .voice-wrap .wrap h2::before {
    background:#DD698E;
}
#life .childcare .voice-wrap hr.voice-border {
    border-top:#DD698E solid 3px;
}
#life .childcare .voice-wrap .inner .text-wrap h3 {
    color:#DD698E;
    border-bottom:#DD698E solid 3px;
}
#life .childcare .voice-wrap .inner .text-wrap p.name {
    color:#323232;
    /* font-weight: bold; */
}
#life .education .voice-wrap h2 {
    color:#E09121;
    border-bottom:3px solid #E09121;
}
#life .education .voice-wrap .wrap h2::before {
    background:#E09121;
}
#life .education .voice-wrap hr.voice-border {
    border-top:#E09121 solid 3px;
}
#life .education .voice-wrap .inner .text-wrap h3 {
    color:#E09121;
    border-bottom:#E09121 solid 3px;
}
#life .education .voice-wrap .inner .text-wrap p.name {
    color:#323232;
    /* font-weight: bold; */
}
#life .voice-wrap .photo-wrap {
    float: right;
    overflow: hidden;
    width: 32%;
    /* position: relative;
    padding-right: 10px;
    padding-bottom: 10px; */
    margin: 2rem auto 2rem;
    box-sizing:border-box;
}
/* #life .index .voice-wrap .photo-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom:-10px;
    right: -10px;
    z-index: -1;
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px 4px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #afafaf), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #17a2ff), color-stop(0.75, #17a2ff), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #e3f5fc 25%, transparent 25%, transparent 50%, #e3f5fc 50%, #e3f5fc 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #e3f5fc 25%, transparent 25%, transparent 50%, #e3f5fc 50%, #e3f5fc 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #e3f5fc 25%, transparent 25%, transparent 50%, #e3f5fc 50%, #e3f5fc 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #e3f5fc 25%, transparent 25%, transparent 50%, #e3f5fc 50%, #e3f5fc 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #e3f5fc 25%, transparent 25%, transparent 50%, #e3f5fc 50%, #e3f5fc 75%, transparent 75%, transparent);
}
#life .childcare .voice-wrap .photo-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom:-10px;
    right: -10px;
    z-index: -1;
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px 4px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #afafaf), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #17a2ff), color-stop(0.75, #17a2ff), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #e7cbd8 25%, transparent 25%, transparent 50%, #e7cbd8 50%, #e7cbd8 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #e7cbd8 25%, transparent 25%, transparent 50%, #e7cbd8 50%, #e7cbd8 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #e7cbd8 25%, transparent 25%, transparent 50%, #e7cbd8 50%, #e7cbd8 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #e7cbd8 25%, transparent 25%, transparent 50%, #e7cbd8 50%, #e7cbd8 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #e7cbd8 25%, transparent 25%, transparent 50%, #e7cbd8 50%, #e7cbd8 75%, transparent 75%, transparent);
}
#life .education .voice-wrap .photo-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom:-10px;
    right: -10px;
    z-index: -1;
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px 4px;
    background-size: 40px 40px;
    background-color:#E09121;
} */

#life .charm-wrap {
    width: 80%;
    max-width: 990px;
    margin: 0 auto 50px;
}
#life .charm-wrap .wrap .inner {
    padding:30px;
}
#life .charm-wrap .wrap .inner h2 {
    margin-bottom:1rem;
    position:relative;
    width:590px;
    margin:0 auto 30px;
    text-align: center;
    color:#323232;
}
#life .charm-wrap .wrap .inner h2::before {
    content:"";
    position:absolute;top:0;left:0;
    display: block;
    width:30px;
    height:1.8em;
}
#life .charm-wrap .wrap .inner h2::after {
    content:"";
    position:absolute;top:0;right:0;
    display: block;
    width:30px;
    height:1.8em;
}
#life .index .charm-wrap .wrap .inner h2 {
    width:560px;
}
#life .index .charm-wrap .wrap .inner h2::before {
    background: url('../img/life/index/life-index-dc01.png') no-repeat center center;
    background-size: contain;
}
#life .index .charm-wrap .wrap .inner h2::after {
    background: url('../img/life/index/life-index-dc02.png') no-repeat center center;
    background-size: contain;
}
#life .childcare .charm-wrap .wrap .inner h2 {
    width:520px;
}
#life .childcare .charm-wrap .wrap .inner h2::before {
    background: url('../img/life/childcare/life-childcare-dc01.png') no-repeat center center;
    background-size: contain;
}
#life .childcare .charm-wrap .wrap .inner h2::after {
    background: url('../img/life/childcare/life-childcare-dc02.png') no-repeat center center;
    background-size: contain;
}
#life .education .charm-wrap .wrap .inner h2 {
    width:480px;
}
#life .education .charm-wrap .wrap .inner h2::before {
    background: url('../img/life/education/life-education-dc01.png') no-repeat center center;
    background-size: contain;
}
#life .education .charm-wrap .wrap .inner h2::after {
    background: url('../img/life/education/life-education-dc02.png') no-repeat center center;
    background-size: contain;
}
#life .charm-wrap .wrap .inner .photo {
    float:right;
    margin-left:2rem;
    margin-bottom:1rem;
}


/* --------------------------------------------

									event : #event

----------------------------------------------- */
#event .contents-wrap ul li p {
    padding-left:0;
}
#event .contents-wrap {
    /* background-color: #FCF8D8; */
    border-radius:3rem;
    padding-top:46px;
    padding-bottom:52px;
}
#event .contents-wrap h1 {
    background-color: transparent;
    margin:0 auto 20px;
    padding:1em 0 1.2em;
    width:100%;
    text-align: center;
    border-top:#f8eb86 solid 4px;
    border-bottom:#f8eb86 solid 4px;
}
#event .contents-wrap h1 img{
    width:420px;
}
/*
#event .contents-wrap .event-wrap {
    position: relative;
} */
#event .contents-wrap .event-wrap .event-item {
    border-radius: 10px;
    /* background: #edf; */
    padding: 15px;
    margin: 5px;
    text-align: center;
    position: relative;
}
#event .contents-wrap .event-wrap .event-item p img {
    max-width: 100%;
    height: auto;
}
#event .contents-wrap .event-wrap .event-item p {
    text-align: left;
}
#event .contents-wrap .event-wrap .event-item p.comment {
    width:100%;
    color:#323232;
    padding-left:6px;
    font-size:13.6px;
}
#event .contents-wrap .event-wrap .event-item h3 {
    color:#323232;
    border-bottom:3px rgb(50, 87, 129) solid;
    width:100%;
    margin-top:12px;
    padding-left:26px;
    margin-left: -20px;
}
#event .contents-wrap .event-wrap .event-item .item-contents {
    display: flex;
    justify-content: space-around;
}
#event .contents-wrap .event-wrap .event-item .item-contents p.date {
    width:42%;
    height:80px;
    height: fit-content;
    min-height: 80px;
    background:rgb(50, 87, 129);
    color:#ffffff;
    padding:10px 12px;
    margin-top:-20px;
    margin-left:-20px;
    font-size:14px;
    font-size:1.2em;
    font-weight: bold;
    border-radius: 15px;
    box-sizing: border-box;
    z-index: 9;
}
#event .contents-wrap .event-wrap .event-item .item-contents .text-wrap {
    width:60%;
}

/* Responsive */
@media ( min-width : 600px ){
    #event .contents-wrap .event-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width:960px;
        margin:0 auto;
        }
    #event .contents-wrap .event-wrap .event-item {
        width: 45%;
    }
}

/* --------------------------------------------

									about : #about

----------------------------------------------- */
/* #about .contents-wrap #titleText {
    width:auto;
    left:auto;
    top:60px;
    right:20%;
} */
#about .contents-wrap #titleText {
    height: 480px;
}
#about .contents-wrap .footerImg img {
    width:100%;
}
#about .contents-wrap #titleText img {
    height:100%;
}
#about .contents-wrap ul {
    height:2400px;
}
/* #about .contents-wrap ul li {
    width:440px;
} */
#about .contents-wrap ul li h3 {
    background:none;
}
#about .contents-wrap ul li h3 img, #about .contents-wrap ul li .about-photo img {
    width:100%;
}
#about .contents-wrap ul li:nth-child(5) h3, #about .contents-wrap ul li:nth-child(7) h3 {
    border-color: transparent;
    color: transparent;
}
#about .contents-wrap ul li .about-photo {
    margin-top:40px;
}
#about .contents-wrap ul li:nth-child(1) {
    top: -70px;
}
#about .contents-wrap ul li:nth-child(2) {
    top:-220px;
}
#about .contents-wrap ul li:nth-child(3) {
    top:480px;
}
#about .contents-wrap ul li:nth-child(4) {
    top:180px;
}

#about .contents-wrap ul li:nth-child(4) .about-photo  {
    width:300px;
    margin:10px auto;
}
#about .contents-wrap ul li:nth-child(4) .about-photo:nth-child(2) {
    margin-left:120px;
}

#about .contents-wrap ul li:nth-child(5) {
    top:1330px;
    right:auto;
    left:0;
}
#about .contents-wrap ul li:nth-child(5) .about-photo  {
    width:300px;
    margin:10px auto;
}
#about .contents-wrap ul li:nth-child(6) {
    top:800px;
    right:0;
    left:auto;
}
#about .contents-wrap ul li:nth-child(6) .about-photo  {
    width:300px;
    margin:10px auto;
}
#about .contents-wrap ul li:nth-child(6) h3.about-title {
    position:relative;
    margin-bottom:40px;
}



/* -----------------------
#about .contents-wrap ul li:nth-child(6) h3.about-title::before {
    content:"";
    position: absolute;
    top:10px;left:-30px;
    display: block;
    width:90px;
    height:120px;
    background: url('../img/about/about_pict8.png') center center no-repeat;
    background-size: contain;
}
#about .contents-wrap ul li:nth-child(6) h3.about-title::after {
    content:"";
    position: absolute;
    top:42px;right:30px;
    display: block;
    width:90px;
    height:110px;
    background: url('../img/about/about_pict7.png') center center no-repeat;
    background-size: contain;
}
----------------------- */



#about .contents-wrap ul li:nth-child(7) {
    top:1970px;
}
#about .contents-wrap ul li:nth-child(7) .about-photo  {
    width:300px;
    margin:10px auto;
}
#about .contents-wrap ul li:nth-child(8) {
    top:1540px;
    /* right:auto;
    left:0; */
    /* width:100%; */
}
#about .contents-wrap ul li:nth-child(8) h3 {
    text-align: right;
}
#about .contents-wrap ul li:nth-child(8) h3 img {
    width:360px;
}
#about .contents-wrap ul li:nth-child(8) .about-photo  {
    width:300px;
    margin:10px auto;
}
#about .contents-wrap ul li:nth-child(9) {
    top:2060px;
	margin-bottom:-50px;
}
#about .contents-wrap ul li:nth-child(9) .about-photo  {
    width:360px;
    margin:0px auto 10px;
}
/* --------------------------------------------

									map : #map

----------------------------------------------- */

#map .contents-wrap section.map-title {
    padding:35px 30px 25px;
    background:rgba(251,235,238,1);
    position:relative;
    overflow-x: hidden;
}
#map .contents-wrap section.map-title::before {
    content: "";
    position: absolute;
    bottom:0;left:0;width:0;height:0;
    border-style: solid;
    border-width:0 0 60px 100vw;
    border-color:transparent transparent rgba(238,180,197,1) transparent;
}
#map .contents-wrap section.map-title h2 svg {
    width: 100%;
    height: auto;
    overflow: visible;
}
#map .contents-wrap section.map-title h2 text {
    fill: #212121;
}
#map .contents-wrap section.map-title h2 text tspan.white {
    fill:#fff;
}
#map .contents-wrap section.map-title h2 text.text-stroke {
    stroke-width: 2;
    stroke-linejoin: round;
}
#map .contents-wrap section.map-title h2 text.text-stroke tspan.white {
    stroke: #212121;
    stroke-width: 5;
    stroke-linejoin: round;
}
#map .contents-wrap section.map-description {
    position: relative;
    z-index:0;
    padding:20px 20px;
}
#map .contents-wrap section.map-description p {
    font-size:1rem;
    padding:20px 0;
}
#map .contents-wrap section.map-description h2 {
    padding: 1rem 2rem;
    border-left: 6px double rgba(238,180,197,1);
}
#map .contents-wrap section.map-description .map-description-paragraph {
    overflow:hidden;
    margin-bottom:60px;
}
#map .contents-wrap section.map-description .map-description-paragraph p:nth-child(1) {
    float:left;
    width:60%;
}
#map .contents-wrap section.map-description .map-description-paragraph p:nth-child(2) {
    float:right;
    width:30%;
}
#map .contents-wrap section.map-description .map-description-paragraph p img {
    width: 100%;
}
#map .contents-wrap section.map-photo {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width:960px;
    margin:0 auto 50px;
}
#map .contents-wrap section.map-photo p {
    width: 45%;
    padding: 15px;
    margin: 5px;
    text-align: center;
}
#map .access-wrap {
    max-width:1000px;
}
#map .access-wrap .wrap {
    text-align: center;
    margin:0 auto 0;
}
#map .access-wrap .inner .traffic {
    background: transparent;
    width:48%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
#map .access-root {
    background: #fff;
}
#map .access-root .inner {
    width:96%;
    max-width: 904px;
}
#map .access-root .inner h3,
#map .access-leisure .inner h2 {
    font-size:1.57em;
    margin:0 auto 50px;
    padding: 1rem 2rem;
    text-align: left;
    border-left: 6px double rgba(238,180,197,1);
    color:#323232;
}
#map .access-root .inner .traffic h4 {
    text-align: center;
    font-size:1.3em;
    padding-bottom:0.6rem;
    color:#DD698E;
}
#map .access-root .inner .traffic ul {
    text-align: left;
    padding-left:2.5em;
}
#map .map-wrap a {
    bottom:15%;
}
#map .access-leisure,
#map .access-root {
    margin-top:60px;
}
#map .access-leisure .inner{
    width: 96%;
    max-width: 904px;
    margin: 0 auto;
}
#map .access-leisure .inner> h2 {
    margin-top:30px;
    margin-bottom: 0;
}
#map .access-leisure .inner ul {
    display:flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
}

#map .access-leisure .inner ul li {
    width:32%;
    padding-top:2em;
}
#map .access-leisure .inner ul li .photo {
    padding-top:1em;
    padding-bottom:2.3em;
}
#map .access-leisure .inner ul li .photo img {
    width:100%;
}
#map .access-leisure .inner h3 {
    border-top:#353838 solid 1px;
    border-bottom:#353838 solid 1px;
    text-align:center;
    font-size:1.3em;
    /* font-weight:normal; */
}
#map .access-leisure .inner p {
    margin-top:10px;
    margin-bottom:10px;
    font-size:2.4em;
    text-align:center;
}
#map .access-leisure .inner p span {
    font-weight:bold;
}
#map .access-leisure .inner small {
    padding-top:8px;
    font-size:1em;
}