body {background: #f8f8f8;}
.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd; background: #fff;}
.sub_title {margin:0px auto 300px;}
.sub_title h3 {margin-bottom:80px;}
.sub_content h4 {font-size:24px; line-height: 1.5; margin-bottom:100px;}
.sub_title nav {width:800px; display: flex; border-radius: 100px; overflow: hidden; margin:0 auto; border: 1px solid #ddd;}
.sub_title nav a {display:inline-block; font-size:20px; padding:20px 0px; background: #fff; width: 25%; border-right: 1px solid #ddd;}
.sub_title nav a:last-child {border-right:0;}
.sub_title nav a.active {background: var(--tomato); color:#fff; font-weight:var(--weight_bold);}

.location {margin-top:20px;}
.location .page_location_box {position: relative;}

.subject {width:320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.recept_content {padding:150px 0px 200px;}

@media (max-width: 1280px){
    .sub_title nav {width: 100%;}
    .sub_title nav a {font-size: 14px;}

    .page_location {position: absolute; left:50%; transform:translateX(-50%); top:-60px;}
}


@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_content {padding:80px 0px;}
    .sub_content h4 {font-size:18px; margin-bottom:20px;}
    .sub_title nav a {font-size: 10px;}

    .recept_content {padding:80px 0px;}
}