@charset "utf-8";
html{
    font-family: "Noto Sans CJK JP", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    box-sizing:border-box;
}

img{
    width:100%;
    height:auto;
}

.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

/*section:nth-of-type(1),
section:nth-of-type(3),
section:nth-of-type(4),
section:nth-of-type(5),
section:nth-of-type(6){
    width:100%;
    max-width:1200px;
    margin:0px auto 0;
    background:#f9f9f9;
}*/




section .cContainer{
    width:100%;
    max-width:1200px;
    margin:0px auto;

}

section:nth-of-type(2){
    width:100%;
    padding:20px;
    padding:50px 0;
}

section:nth-of-type(4),section:nth-of-type(6){
    background:rgba(245,226,217,0.5);
    padding:40px 0;
}

section:nth-of-type(5),section:nth-of-type(7){
    background:rgba(246,246,247,0.5);
    padding:40px 0;
}



.heroHeader{
    width:100%;
    position:relative;
    background:#e8b8a3
}

.image01{
    width:100%;
    height:100%;
    max-width:1200px;
    margin:0px auto;
}

.image02{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-10;
}
.image01 img,.image02 img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 20%;
}

.headerCaption{
    /*width:100%;
    max-width:800px;*/
    width:clamp(5rem, -2.273rem + 36.36vw, 25rem);
    height:clamp(5rem, -2.273rem + 36.36vw, 25rem);
    border-radius:100%;
    font-weight:500;
    /*border:10px solid #6f8d1a;*/
    font-size:0.4rem;
    /*font-size:clamp(25px,3vw,40px);*/
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background:rgba(255,255,255,0.5);
    backdrop-filter: blur(8px) brightness(1);
    padding:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: "Shippori Mincho", serif;
}

.deformationBox{
    width:2000px;
    height:1000px;
    background:#e8b8a3;
    position:absolute;
    top:10vh;
    left:-50vw;
    transform: rotate(45deg);
}
.headerCaption i,h2 span{
    font-style:normal;
    color:red;
}

#wave{
    position:absolute;
    bottom:-1%;
    left:0;
}

h2{
    font-size:clamp(24px,3vw,45px);
    text-align:center;
    font-family: "Shippori Mincho", serif;
}

figure{
    width:90%;
    margin:50px auto 0;
    display:flex;
    flex-wrap:wrap;
}

section figure img,figure figcaption{
    width:50%;
}

figure figcaption{
    display:flex;
    justify-content:center;
    align-items:center;
    padding-left:20px;
}

p,ul li{
    font-size:0.17rem;
}

.inquiryButton{
    display:flex;
    width:340px;
    margin:10px auto;
    padding:10px;
    border:3px solid #adadad;
    border-radius:0.3rem;
    font-size:0.17rem;
    position:relative;
    justify-content:center;
    align-items:center;
    gap:0.05rem;
}
.inquiryButton span:nth-of-type(1){
    display:block;
    width:100%;
    text-align:center;
}

.buttonArrow{
    width:0.24rem;
    height:0.24rem;
    aspect-ratio:1 / 1;
    background:#333;
    border-radius:100%;
    position:relative;
}
.inquiryButton::after{
    content:'';
    display:inline-block;
    width:0.1rem;
    aspect-ratio:1 / 1;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    top:50%;
    right:6%;
    transform: translate(-2%,-50%) rotate(45deg);
}
.inquiryButton::before{
    content:'';
    display:inline-block;
    width:0.3rem;
    height:0.3rem;
    aspect-ratio:1 / 1;
    background:#000;
    border-radius:100%;
    position:absolute;
    top:50%;
    right:-2%;
    transform: translate(-50%,-50%) rotate(45deg);
}

.linkMenu{
    width:80%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:50px auto;
}

.linkMenuBox{
    width:23%;
    background:#fff;
    text-align:center;
    padding:10px;
    border:1px solid #eee;
}

.linkMenuBox a{
    font-weight:600;
    text-decoration:none;
}

.linkMenuBox a span{
    font-size:80%;
    margin-right:10px;
}

.container{
    width:90%;
    max-width:1000px;
    border:1px solid #eee;
    margin:0px auto;
    padding:10px;
    border-radius:20px;
    border:4px solid #72944b;
}

.container h2{
    font-size:clamp(24px,3vw,35px);
    font-weight:600;
    color:#557b00;
    font-family:initial;
    margin:0 0 30px;
}

.container ul li{
    margin-left:20px;
    position:relative;
}

.container ul li::before{
    content:'\025cf';
    display:inline-block;
    font-size:70%;
    position:absolute;
    top:50%;
    left:-2%;
    transform: translate(0,-50%);
}

table{
    border-collapse: collapse;
    border-spacing:0px;
    margin:10px auto;
}

td,th{
    border:2px solid #72944b;
    width:80%;

    padding:20px;
    background:#fff;
}
table th{
    width:30%;
    vertical-align:middle;
}

.spOnly,.spCaption{
    display:none;
}

.tCenter{
    text-align:center;
}

.donorFlow{
    width:95%;
    margin:10px auto;
    background:#fff;
    border:1px solid #72944b;
    border-radius:10px;
    padding:10px;
}

.donorFlow h3{
    color:#557b00;
    font-size:clamp(15px,3vw,18px);
    font-weight:700;
    margin:10px 0 20px;
}

ul.annotation{
    margin:10px 0;
}

ul.annotation li{
    margin-left:20px;
    position:relative;
}

ul.annotation li::before{
    content:'\203B';
    position:absolute;
    top:5px;
    left:-2%;
    transform: translate(0,0%);

}
.answer{
    margin-left:30px;
    position:relative;
}

.answer::before{
    content:'A.';
    font-weight:bold;
    position:absolute;
    top:0%;
    left:-3%;
}

.linkMenuButton{
    width:90%;
    max-width:1000px;
    margin:10px auto;
    
    padding:20px;
    text-align:right;

}

.linkMenuButton a{
    text-decoration:underline;

}
a{
    transition : all 0.5s ease 0s;
}

.mt20{margin-top:20px;}

.c-header-2__list .c-header-2__list-item has-child .c-header-2__child-title is-link{
   background:pink !important; 
}
.c-header-2__list-item.has-child .c-header-2__list-link::after{

    /*content: url(/img/arrow-bottom.svg);-webkit-mask-image: url(https://mc.aeonpet.com/build/images/icon/arrow-bottom.svg);
    mask-image: url(https://mc.aeonpet.com/build/images/icon/arrow-bottom.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    pointer-events: none;
    transition: all 0.3s;*/
}
span.test:hover{
    display:none;
}


@media (max-width:767px){
    .spOnly{display:block;}

    .headerCaption{
       width:300px;
       height:300px;
       font-size:28px;
    }
    .spCaption{
        position:absolute;
        left:20%;
        bottom:-10%;
        text-align:center;
        width:250px;
        height:250px;
        border-radius:50%;
        background:rgba(255,255,255,0.6);
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .spCaption span{
        display:block;
        font-size:24px;
    }
    figure{
        width:100%;
    }
    .inquiryButton {
        width:90%;
        margin:20px auto;
    }

    section figure img,figure figcaption{
        width:100%;
    }
    p,ul li,table,.linkMenuButton{
        font-size:clamp(13px,3vw,18px);
    }
    .container ul li::before {
        left:-3vw;
    }
    table th,table td{
       display:block;
        width:100%;
    }
    th{
        background:rgba(114,148,75,0.9);
        color:#fff;
        padding:10px;
    }
    td{padding:10px;}

    .linkMenu{
        width:95%;
        margin:10px auto 50px;
    }

    .linkMenu div{
        width:48%;
        margin:10px 0;
    }
    ul.annotation li {
        margin-left:10px;
    }
    .answer{
        margin-left:20px;
        padding-left:5px;
    }
    .answer::before{
        left:-17px;
    }

}

/*
@media print, screen and (min-width: 1025px) {
    .l_header-nav--search{
        display: flex;
        width: 95px;
        height:80px;
        font-size:.8125rem !important;
        background-color: #6F8D1B;
        z-index: 20;
        justify-content: center;
    }
}
.l_header-nav--search{
    display: flex;
    justify-content: center;
}

h2{
    font-size:clamp(25px,4.5vw,35px);
    font-weight:700;
    margin:60px 0 40px;
    text-align:center;
    color:#6F8D1B;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    padding:10px;
    line-height:1.5;
}
.l_header-nav--search a {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.3rem;
}
.l_header-nav--search a p {
        padding-top: 0.2rem;
        color: #fff;
}
.l_header-nav--search a span {
	content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: url(https://ah.aeonpet.com/assets/images/common/icon_sp_search.svg) no-repeat center top;
        width: 100%;
        height: 1.5rem;
        background-size: 1.3rem;
}
.main_wrap{
	width:100%;
	max-width:800px;
	margin:0 auto 0px;
    padding:20px;
    box-sizing:border-box;
}

.main_wrap img{
	width:100%;
	height:auto;
}

.uq_operation-view{
    margin:20px auto;
}

.uq_operation-view .is-head{
    padding:10px;
    font-size:1rem;
    text-align:center !important;
}

.l_main p{
    font-size:.875rem;
    line-height:2;
}

.imageBox{
    margin:30px 0;
}

hr{
    margin:40px auto;
}

.NoteList li{
    font-size:.875rem;
    margin:10px 0 10px 15px;
    line-height:1.2;
    position:relative;
}

.NoteList li:before{
    content:'※';
    display:inline-block;
    position:absolute;
    top:0%;
    left:-1.2rem;
}

.sp-only{display:none;}

@media (max-width:750px){
    .sp-only{display:block;}

}*/