@charset "UTF-8";
.p-contact__nav{padding-top:72px;padding-bottom:80px}
@media screen and (max-width: 767px){
.p-contact__nav{padding-top:68px;padding-bottom:60px}
}
.p-contact__nav__title{font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:0.01em}
@media screen and (max-width: 767px){
.p-contact__nav__title{font-size:1.75rem}
}
.p-contact__nav__description{margin-top:48px;font-size:1rem;line-height:1.75;letter-spacing:0.01em}
@media screen and (max-width: 767px){
.p-contact__nav__description{margin-top:40px}
}
.p-contact__nav__list{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));grid-gap:24px;margin-top:20px}
@media screen and (max-width: 1024px){
.p-contact__nav__list{grid-gap:16px}
}
@media screen and (max-width: 767px){
.p-contact__nav__list{grid-gap:8px;margin-top:42px}
}
.p-contact__nav__box{height:100%;border-radius:8px;background-color:#FDF2E9;overflow:hidden}
.p-contact__nav__box__label{display:grid;height:140px}
.p-contact__nav__box__label__bg{grid-area:1/-1;height:100%}
.p-contact__nav__box__label__bg > img{width:100%;height:100%;object-fit:cover}
.p-contact__nav__box__label__text{grid-area:1/-1;margin:auto 4px 4px;background-color:rgba(255, 255, 255, 0.88);font-size:1.25rem;font-weight:700;line-height:1.8;letter-spacing:0.01em;text-align:center}
.p-contact__nav__box__list{position:relative;top:0;padding:28px 24px}
@media screen and (max-width: 767px){
.p-contact__nav__box__list{padding:8px}
}
.p-contact__nav__box__item + .p-contact__nav__box__item{margin-top:4px}
.p-contact__nav__box__item.is-wrap{padding:15px;border:1px solid #FADDC6;border-radius:4px;background-color:white}
.p-contact__nav__box__link{position:relative;display:block;padding:15px 47px 15px 15px;border:1px solid #FADDC6;border-radius:4px;background-color:white;font-size:0.9375rem;line-height:1.25;letter-spacing:0.01em}
.p-contact__nav__box__link::after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(0 -0.237)'%3E%3Crect width='16' height='16' transform='translate(0 0.237)' fill='rgba(255,255,255,0)'/%3E%3Cg transform='translate(14 2) rotate(90)'%3E%3Cpath d='M12,1H0A1,1,0,0,1-1,0,1,1,0,0,1,0-1H12a1,1,0,0,1,1,1A1,1,0,0,1,12,1Z' transform='translate(0 6)' fill='%232e1807'/%3E%3Cpath d='M0,13a1,1,0,0,1-.76-.349,1,1,0,0,1,.108-1.41L5.463,6-.651.759A1,1,0,0,1-.759-.651,1,1,0,0,1,.651-.759l7,6a1,1,0,0,1,0,1.519l-7,6A1,1,0,0,1,0,13Z' transform='translate(5)' fill='%232e1807'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}
.p-contact__nav__box__item.is-wrap .p-contact__nav__box__link{padding:0;border:none}
.p-contact__nav__box__item.is-wrap .p-contact__nav__box__link::after{right:0}
@media (any-hover: hover){
.p-contact__nav__box__link::after{transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-contact__nav__box__link:hover::after{transform:translateY(-25%)}
}
.p-contact__nav__box__button{position:relative;z-index:1;display:block;padding:16px 48px 16px 16px;border-radius:4px;color:white;font-size:0.9375rem;line-height:1.3333333333;overflow:hidden}
.p-contact__nav__box__button::before{content:"";position:absolute;z-index:-1;top:0;right:0;display:block;width:200%;height:100%;background-image:linear-gradient(90deg, #28354F 50%, #E87823 50%)}
.p-contact__nav__box__button::after{content:"";position:absolute;top:50%;right:8px;transform:translateY(-50%);width:36px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg transform='translate(-541 -1228)'%3E%3Crect width='36' height='36' rx='2' transform='translate(541 1228)' fill='%23fff'/%3E%3Cg transform='translate(551 1238)'%3E%3Crect width='16' height='16' fill='rgba(255,255,255,0)'/%3E%3Cg transform='translate(2 2)'%3E%3Cpath d='M12,1H0A1,1,0,0,1-1,0,1,1,0,0,1,0-1H12a1,1,0,0,1,1,1A1,1,0,0,1,12,1Z' transform='translate(0 6)' fill='%232e1807'/%3E%3Cpath d='M0,13a1,1,0,0,1-.76-.349,1,1,0,0,1,.108-1.41L5.463,6-.651.759A1,1,0,0,1-.759-.651,1,1,0,0,1,.651-.759l7,6a1,1,0,0,1,0,1.519l-7,6A1,1,0,0,1,0,13Z' transform='translate(5)' fill='%232e1807'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}
.p-contact__nav__box__button:not(:first-child){margin-top:10px}
@media screen and (max-width: 767px){
.p-contact__nav__box__button{padding:15px 48px 15px 16px}
}
@media (any-hover: hover){
.p-contact__nav__box__button::before{transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-contact__nav__box__button:hover::before{transform:translateX(50%)}
}
.p-contact__title{position:relative;display:grid;grid-template-columns:[full-start] minmax(clamp(16px, 3.8834951456%, 48px), 1fr) [popout-start] minmax(0, 36px) [content-start] min(1200px, 100% - clamp(16px, 3.8834951456%, 48px) * 2) [content-end] minmax(0, 36px) [popout-end] minmax(clamp(16px, 3.8834951456%, 48px), 1fr) [full-end];position:relative;border-top:4px solid #E87823;overflow:hidden}
.p-contact__title__bg{grid-column:full;width:100%;height:140px}
.p-contact__title__bg picture,.p-contact__title__bg img{width:100%;height:100%;object-fit:cover}
.p-contact__title__text{grid-column:content;position:absolute;top:50%;transform:translateY(-50%);padding:11px 8px;border-radius:4px;background-color:white;font-size:1.75rem;font-weight:500;line-height:1.25;letter-spacing:0.01em}
@media screen and (max-width: 767px){
.p-contact__title__text{padding:10px 8px;font-size:1.25rem}
}
.p-contact__section{background-color:#FEF8F5}
.p-contact__content{padding:48px 0 80px}
@media screen and (max-width: 767px){
.p-contact__content{padding:48px 0 60px}
}
.p-contact__box.is-wrap{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));grid-gap:48px}
.p-contact__box.is-wrap .p-contact__box__inner{padding:24px}
.p-contact__box.is-wrap > section{display:flex;flex-direction:column;width:100%}
.p-contact__box + .p-contact__box{margin-top:48px}
.p-contact__box--child + .p-contact__box--child{margin-top:28px}
.p-contact__box__label{position:relative;padding-left:24px;margin-bottom:22px;font-size:1.25rem;font-weight:500;line-height:1.25;letter-spacing:0.01em}
.p-contact__box__label::before{content:"";position:absolute;top:4.5px;left:0;width:16px;height:16px;border:5px solid #E87823;border-radius:100%;font-size:1.25rem;font-weight:500;line-height:1.25;letter-spacing:0.01em}
.p-contact__box__label > span{display:block}
.p-contact__box__label > span + span{position:relative;margin-top:8px}
@media screen and (max-width: 767px){
.p-contact__box__label > span + span{margin-top:4px}
}
.p-contact__box__label > span + span::before{content:"";position:absolute;top:4.5px;left:-24px;width:16px;height:16px;border:5px solid #E87823;border-radius:100%;font-size:1.25rem;font-weight:500;line-height:1.25;letter-spacing:0.01em}
.p-contact__box__label--child{margin-bottom:16px;font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:0.01em}
@media screen and (max-width: 767px){
.p-contact__box__label--child{margin-bottom:20px}
}
.p-contact__box__inner{padding:40px;border-radius:8px;background-color:white}
@media screen and (max-width: 767px){
.p-contact__box__inner{padding:24px 16px}
}
.p-contact__box__detail{flex-grow:1;padding:24px;border-radius:8px;background-color:#FDF2E9;overflow:hidden}
.p-contact__box__detail.is-secondary{background-color:#E6F7F5}
.p-contact__box__detail.is-secondary .p-contact__box__detail__label{border-bottom-color:#D9C7DC}
.p-contact__box__detail.is-tertiary{background-color:white}
.p-contact__box__detail.is-fill{padding:0}
.p-contact__box__detail + .p-contact__box__detail{margin-top:24px}
@media screen and (max-width: 767px){
.p-contact__box__detail{padding:40px 16px}
}
.p-contact__box__detail--wrap{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));grid-gap:40px 24px;padding:24px;background-color:#FDF2E9}
@media screen and (max-width: 767px){
.p-contact__box__detail--wrap{padding:40px 16px 60px}
}
.p-contact__box__detail--wrap > .p-contact__box__detail{padding:0;margin:0}
.p-contact__box__detail__label{grid-row:1/1;padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid #FADDC6;font-size:1rem;text-align:center}
.p-contact__box__detail__content{grid-row:2/3}
.p-contact__box__detail__content__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 10px;justify-content:center;align-items:center}
@media screen and (max-width: 767px){
.p-contact__box__detail__content__inner{grid-template-columns:1fr}
}
.p-contact__box__detail__tel{width:fit-content;min-width:min(100%, 377px);margin:0 auto}
@media screen and (min-width: 768px){
.p-contact__box__detail__content__inner .p-contact__box__detail__tel{margin-right:0}
}
.p-contact__box__detail__tel__number{display:flex;justify-content:center;align-items:center;column-gap:12px;font-family:"Lato",sans-serif;font-size:2rem;font-family:400;line-height:1.4375;letter-spacing:0.01em}
.p-contact__box__detail__tel__number::before{content:"";display:block;width:16px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M91.195,32.458c4.361,8.476,9.26,9.348,10.685,8.586l.371-.2-3.336-6.483c-.122.064-.247.129-.373.2-1.149.615-2.3-1.16-3.766-4.017s-2.25-4.827-1.1-5.442c.127-.067.249-.134.37-.2L90.71,18.416l-.372.2C88.914,19.377,86.834,23.983,91.195,32.458Zm13.074,7.309c.551-.294.249-.939-.065-1.547l-2.241-4.355c-.241-.468-.639-.732-.961-.56-.2.108-.673.336-1.279.643l3.329,6.47ZM96.086,23.752c.322-.172.335-.658.094-1.125s-2.24-4.355-2.24-4.355c-.313-.609-.661-1.228-1.212-.934l-1.217.651,3.329,6.471C95.432,24.125,95.883,23.86,96.086,23.752Z' transform='translate(-88.574 -17.262)' fill='%232e1807'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}
.p-contact__box__detail__tel__description{display:block;width:fit-content;margin:4px auto 0;font-size:0.875rem;line-height:1.5;text-align:center}
.p-contact__box__caution{padding-left:1em;margin-top:8px;font-size:1rem;line-height:1.75;text-indent:-1em}
.p-contact__box__caution + .p-contact__box__caution{margin:0}
.p-contact__box__caution::before{content:"※"}
.p-contact__box__caution > a{color:#2360FC;text-decoration:underline}
@media (any-hover: hover){
.p-contact__box__caution > a{transition:opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-contact__box__caution > a:hover{opacity:0.6}
}
.p-contact__box__caution.is-small{font-size:0.875rem;line-height:1.5}
@media screen and (max-width: 767px){
.p-contact__box__caution.is-small{line-height:1.25}
}
.p-contact__box__caution.is-center{padding-left:0;text-indent:0;text-align:center}
.p-contact__box__caution.is-nonsymbol::before{content:""}
@media screen and (min-width: 768px){
.p-contact .c-button--large,.p-contact .c-button--right,.p-contact .c-button--center,.p-contact .c-button{column-gap:24px}
}