#contents {
    background: var(--gray);
}
article#page-contents {
    background-color: #F7F9FC;
}
html{
    scroll-behavior: smooth;
}
/*************フォント****************/
:root{
    --fs-h1: 48px;
    --fs-h2: 34px;
    --fs-h3: 25px;
    --fs-h4: 18px;	
    --fs-h5: 15px;		
}
@media (max-width:768px){
    :root{
        --fs-h1: 34px;
        --fs-h2: 30px;
        --fs-h3: 22px;
	    --fs-h4: 16px;	
	    --fs-h5: 14px;
    }
}
/************導入************/
section.partners-lead {
    text-align: center;
    padding: 0 20px 50px;
    margin: 0 auto;
}
h2.title {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
	font-size: var(--fs-h2);
}
.partners-lead p {
    font-size: var(--fs-h4);
    font-weight: 500;
    line-height: 2.4rem;
	padding-top: 15px;
}
@media (max-width:768px){
	section.partners-lead{
		padding: 20px 20px 10px;
	}
	h2.title{
		line-height: 2.5rem;
	}
	.partners-lead p{
		line-height: 1.8rem;
    	padding: 10px 0;
	}
}
/************アンカーリンクボタン************/
.anchor-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
    margin-bottom: 100px;
}
.anchor-btn{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 22px 14px 35px;
    background:#0162AE;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    transition:.3s ease;
}
.anchor-btn:hover{
    background:#004d90;
}
.anchor-text{
    line-height:1.4;
    padding-right: 18px;
    font-size: var(--fs-h5);
}
.icon{
    width:34px;
    height:34px;
    background:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
}
.arrow{
    position:relative;
    width:16px;
    height:0;
}
.arrow::before,
.arrow::after{
    content:"";
    position:absolute;
    top:2px;
    width:9px;
    height:4px;
    background:#0162AE;
    border-radius:999px;
}
.arrow::before{
    left:0;
    transform:rotate(42deg);
    transform-origin:right center;
}
.arrow::after{
    right:0;
    transform:rotate(-42deg);
    transform-origin:left center;
}
@media screen and (max-width:768px){
    .anchor-nav{
        gap:10px;
		margin:15px 0 40px;
    }
    .anchor-btn{
        width:calc(30% - 6px);
        padding:12px 18px;
    }
    .icon{
        width:25px;
        height:25px;
    }
    .arrow{
        width:14px;
    }
    .arrow::before,
    .arrow::after{
        width:8px;
        height:3px;
    }
	.anchor-text{
		padding-right: 3px;
	}
}
@media screen and (max-width:480px){
    .anchor-btn{
        width:45%;
    }
}
/************焼き方************/
.cook-contentbg{
	background-color: #fff;	
    width: 95%;
    margin: 0 auto 50px;
    border-radius: 50px;
    padding: 0 20px 60px;
}
.cook-section{
    max-width:1400px;
    margin:auto;
    padding-top: 50px;
}
.section-title{
    text-align:center;
    font-size: var(--fs-h1);
    color:#0162AE;
}
.cook-top{
    display:flex;
    gap:60px;
    align-items:center;
}
.cook-image{
    width:55%;
}
.cook-image img{
    width:100%;
    border-radius:20px;
    display:block;
}
.cook-content{
    width:40%;
}
.lead{
    line-height:2;
}
.prep{
    margin-top:40px;
}
.prep h3{
    color:#0162AE;
    font-size: var(--fs-h3);
    padding-bottom:5px;
    border-bottom:2px dotted #0162AE;
}
.prep dt{
    margin-top:25px;
    font-weight:bold;
}
.prep dd{
    margin-top:10px;
    line-height:1.8;
}
.point-box{
    margin-top:25px;
    background:#FDF700;
    border-radius:18px;
    padding:13px 35px;
}
.point-box h4{
    color:#0162AE;
    margin-top: 12px;
    margin-bottom:10px;
	font-size: var(--fs-h4);
	font-weight: 600;
}
.point-box p{
    color:#0162AE;
	margin: 8px 0;
	font-weight: 500;
}
.prep-list{
    margin-top:20px;
}
.prep-list dt{
    position:relative;
    padding-left:18px;
    margin-top:13px;
    font-size: var(--fs-h4);
    font-weight:700;
    color:#333;
}
.prep-list dt:first-child{
    margin-top:0;
}
.prep-list dd{
    margin:5px 0 0 18px;
    font-size: var(--fs-h5);
    line-height:1.5rem;
    color:#333;
}
.prep-list dt::before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:0;
    height:0;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:10px solid #0162AE;
    transform:translateY(-50%);
}
@media screen and (max-width:768px){
	.lead{
		line-height:1.7rem;
		padding-bottom: 10px;
	}
	.prep{
		margin-top: 0;
	}
	.point-box{
		padding: 8px 15px;
    	margin-top: 10px;
	}
}
/*************カード************/
.cook-methods{
    display:flex;
    gap:20px;
    margin-top:50px;
	align-items: stretch;
}
.method-card{
    flex:1;
    display: flex;
    flex-direction: column;
    background:#0162AE;
    color:#fff;
    border-radius:18px;
    padding:24px;
}
.method-number{
    text-align:center;
	width:50px;
    height:50px;
    margin:0 auto 10px;
    border:3px solid #fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
	}
.method-number span{
    color:#fff;
    font-size: var(--fs-h2);
    font-weight:normal;
    line-height:1;
}
.method-card h3{
    text-align:center;
    font-size: var(--fs-h3);
    letter-spacing: .1rem;
	margin: 0;
}
.recommend{
    color:#FDF700;
    text-align:center;
	margin-top: 6px;
    margin-bottom: 18px;
}
.method-body{
    flex: 1;
    background:#fff;
    color:#333;
    border-radius:15px;
    padding:25px;
}
.method-body h4{
    color:#0162AE;
    margin:20px 0 5px;
	font-size: var(--fs-h4);
}
.method-body h4:first-child{
    margin-top:0;
}
.method-body ul, .method-body ol, .method-body p{
	margin: 5px 0!important;	
    padding-left: 26px;
}
.method-body ul li{
    margin-bottom: 3px;
	list-style-type: disc !important;
}
.method-body li{
    line-height: 1.4rem;
    margin-bottom: 10px;
	font-size: var(--fs-h5);
}
.method-body p{
    line-height:1.8;
	padding-left: 5px;
}
@media (max-width:900px){
    .section-title{
        margin:0 0 15px;
    }
    .cook-top{
        flex-direction:column;
        gap:10px;
    }
    .cook-image,
    .cook-content{
        width:100%;
    }
    .cook-methods{
        flex-direction:column;
        gap:25px;
		margin-top: 30px;
    }
	.method-body{
		padding: 25px 10px 5px;
	}
	.method-body h4{
		margin-top: 10px;
	}
    .method-card{
        padding:14px;
    }
    .method-card h3{
        letter-spacing: 0;
    }
    .method-number{
        width: 40px;
        height: 40px;
    }
}