@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/* Common */
.tpl-main{padding-top: 110px;}
@media screen and (max-width: 768px) {
    .tpl-main{padding-top: 64px;}
}

.tpl-header__logo .tpl-header__svg {
    fill: #3F2021;
}
 
.tpl-header__name {
    color: #3F2021;
}
 
.tpl-drawer__line {
    background: #3F2021;
}

 /* Urawakari Detail */
.urawaDetail{background: #fff; color: #3F2021; padding: 25px 0 100px;}
.urawaDetail img{width: auto; max-width: 100%;}
.urawaDetail .cap{font-size: 1rem; line-height: 1.5;}
.urawaDetail .cap.is-right{padding-top: 5px; text-align: right;}

.urawaCont{max-width: 864px; margin: 0 auto; width: calc(100% - 100px);}

@media screen and (max-width: 768px) {
    .urawaDetail{padding: 30px 0 60px;}
    .urawaCont{width: 100%;}
}

.urawaTitle{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 447px; margin: 0 0 12px;}
.urawaTitle .name{font-size: 2rem; color: #401F20; line-height: 1; text-align: center; font-family: "Montserrat", sans-serif; padding: 0 0 0 10px; font-weight: 400;}
.urawaTitle .name span{font-size: 1.1rem; display: block; margin: 4px 0 0 0;}
.urawaTitle .cate{display: flex; align-items: center;}
.urawaTitle .cate-img{margin: 0 5px 0 0;}
.urawaTitle .cate-txt{width: 122px; height: 40px; font-size: 1.1rem; line-height: 1.2; display: flex; justify-content: center; align-items: center; border-radius: 20px;}

.childcare .urawaTitle .cate-txt{background: #E3CFCF;}
.education .urawaTitle .cate-txt{background: #CEDDE5;}
.convenience .urawaTitle .cate-txt{background: #CFE5DA;}
.access .urawaTitle .cate-txt{background: #CDD2E5;}
.living-enviroment .urawaTitle .cate-txt{background: #E5E5CF;}
/* .security .urawaTitle .cate-txt{background: #E5E5CF;}
.living .urawaTitle .cate-txt{background: #E4DFDD;} */

@media screen and (max-width: 768px) {
    .urawaTitle{width: 100%; margin: 0 0 30px; justify-content: center;}
    .urawaTitle .name{width: 100%; margin: 0 0 20px;}
}

.urawaHead{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 80px;}
.urawaHead .img{width: 51.852%;}
.urawaHead .img figure{box-shadow: 7px 7px 0px 0px #E3CFCF; margin: 0 0 10px;}
.urawaHead .cap{text-align: right; margin-right: -7px;}
.urawaHead .inner{width: 40.5%;}
.urawaHead .title{font-size: 2rem; line-height: 2.5; font-weight: bold; margin: 0 0 10px;}
.urawaHead .title span{display: inline-block; border-radius: 30px; padding: 0 1em; color: #401F20;}
.urawaHead .title span:not(:first-of-type){top: -10px; position: relative;}
.urawaHead .illus{text-align: center;}
.urawaHead .txt{font-size: 1.5rem; line-height: 1.6; margin: 0 0 40px;}

.childcare .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #E3CFCF;}
.education .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #AAC6C6;}
.convenience .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #A9C7AA;}
.access .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #CDD2E5;}
.living-enviroment .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #C6C4A9;}
/* .security .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #C6C4A9;}
.living .urawaHead .img figure{box-shadow: 7px 7px 0px 0px #D2CCCC;} */

.childcare .urawaHead .title span{background: #E3CFCF;}
.education .urawaHead .title span{background: #CEDDE5;}
.convenience .urawaHead .title span{background: #CFE5DA;}
.access .urawaHead .title span{background: #CDD2E5;}
.living-enviroment .urawaHead .title span{background: #E5E5CF;}
/* .security .urawaHead .title span{background: #E5E5CF;}
.living .urawaHead .title span{background: #E4DFDD;} */

@media screen and (max-width: 768px) {
    .urawaHead{padding: 0 7%;}
    .urawaHead .img{width: 100%; max-width: 448px; margin: 0 auto 30px;}
    .urawaHead .inner{width: 100%; max-width: 448px; margin: 0 auto;}
}

.urawaFacts .title{font-size: 1.5rem; line-height: 1.5; color: #3F2021; margin: 0 0 5px; display: flex; align-items: center; font-family: "Montserrat", sans-serif; font-weight: 500;}
.urawaFacts .title::before{content: ""; width: 19px; height: 19px; background: url("../images/urawakari/ic-note.svg") no-repeat top left/100% 100%; display: inline-block; margin: 0 8px 0 0;}
.urawaFacts .wrap{background: #F0EEEE; padding: 30px;}
.urawaFacts .title2{font-size: 1.8rem; line-height: 2; margin: 0 0 1em;}
.urawaFacts .desc{font-size: 1.3rem; line-height: 1.8;}
.urawaFacts .desc p{margin-bottom: 1.5em;}
.urawaFacts .illus{text-align: center;}

@media screen and (max-width: 768px) {
    .urawaFacts .title{padding: 0 7%;}
    .urawaFacts .wrap{padding: 35px 7% 55px;}
}

.btn-back{margin: 80px 0 0;}

@media screen and (max-width: 768px) {
    .btn-back{margin: 60px 7% 0;}
}

.bound{opacity: 0;}
.bound.is-view{animation: bound .6s cubic-bezier(.33, 1, .68, 1) forwards calc(.06 * 1s + 0s);}
    
@keyframes bound{
    0%{opacity: 0; transform: translateY(50%) scale(1.2, .8);}
    40%{opacity: 1; transform: translateY(-10%);}
    70%{opacity: 1; transform: translateY(5%) scale(1.2, .8);}
    100%{opacity: 1; transform: none;}
}

/*
.btn-back{margin: 80px 0 0;}
.btn-back a{font-size: 1.5rem; font-weight: 500; line-height: 1.5; color: #fff; width: 320px; height: 63px; display: flex; justify-content: center; align-items: center; background: #3F2021; margin: 0 auto; border: 1px solid #3F2021; transition: .3s;}
.btn-back a::after{content: ""; display: block; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 1.5em;}
.btn-back a:hover{background: #fff; color: #3F2021;}
.btn-back a:hover::after{border: solid #3F2021; border-width: 0 1px 1px 0;}

@media screen and (max-width: 768px) {
    .btn-back a{width: 260px;}
}
*/