/* Reset CSS */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%; /* フォントサイズ10PX */
    -webkit-text-size-adjust: 100%;
    
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    color: #333;
    line-height: 1.5;
    font-family: "Roboto", "Segoe UI", "Hiragino Sans", "Noto Sans CJK JP",
    "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
    /* font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; */
    font-size: clamp(12px, 2vw, 15px);
    font-weight: 500;
    -webkit-font-smoothing:antialiased;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.35s;
}

input,
button,
textarea,
select {
    font: inherit;
}

img { width: 100%; vertical-align: bottom;}

h1,
h2 { font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia", serif; font-weight: 500;}

.page__404 { height: 50vh;display: flex; justify-content: center; align-items: center; text-align: center;}
.title-404-up { color: #33647E; font-size: 8em; line-height: 1;}
.title-404-low { margin-bottom: 0.25em; color: #33647E; font-size: 3em;}
.title-404-p { font-weight: 600;}

.mb-05em{ margin-bottom: 0.5em !important;}
.mb-1em{ margin-bottom: 1em !important;}

.inner { width: 100%; margin: 0 auto; padding: 1em; max-width: 1120px;}
.main { padding-top: 73.8px;}

/* headerエリア */
.header { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: #F6F1EB;}
.header .header-top { display: none;}
.header-inner { margin: 0 auto; padding:0 1em; max-width: 1120px;}
.header .header-upper { display: flex; justify-content: space-between; align-items: center;}
.header .header-text { color: #33617A; font-size: 13px;}
.header .header-logo {width: 230px;}
.header .sns-list { display: flex; gap: 1em;}
.header .sns-list a img {width: 24px;}
/* .header .header-bottom { border-bottom: solid 1px #ccdbe2;} */
.header .header-bottom .header-inner {display: flex; padding-top: 0.75em; padding-bottom: 0.75em; justify-content: space-between; align-items: center;}
.header .header-nav {display: none;}
.header .header-menu {display: flex;}
.header .header-menu li { padding-left: 2em; padding-right: 2em; border-right: solid 2px #858585; transition: all 0.2s;}
.header .header-menu li:last-child {padding-right: 0; border-right: none;}
.header .header-menu li:hover {color: #71a7c4;}
.header .header-menu li a {position: relative; font-size: 0.9em; font-weight: 500; transition: all 0.2s;}
.header .header-menu li a::after {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    background-color: #71a7c4;
    bottom: -3px;
    left: 0;
    width: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.header .header-menu li a:hover::after { width: 100%;}

/* ハンバーガーボタン */
.openbtn { display: inline-block; cursor: pointer; position: fixed; top: 30px; right: 1em; width: 24px; height: 21px; z-index: 2;}
.openbtn span { background-color: #696969; display: block; position: absolute; width: 100%; height: 2px; border-radius: 10px; overflow: hidden; transition: all 0.3s;}
.openbtn span:nth-child(1) { top: 0;}
.openbtn span:nth-child(2) { top: 8.5px;}
.openbtn span:nth-child(3) { bottom: 1px;}
.openbtn.active span:nth-child(1) { transform: translateY(9px) rotate(45deg);}
.openbtn.active span:nth-child(2) { opacity: 0;}
.openbtn.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg);}

/* sp,tb用メニュー */
.header-nav__sp { width: 100%; position: fixed; height: 100vh; background-color: #F6F1EB; transform: translateX(100%); transition: all 0.2s;}
.header-nav__sp.active {transform: translateX(0);}
.header-nav__sp .inner { padding-top: 80px;}
.header-nav__sp .header-menu__sp {text-align: center;}
.header-nav__sp .header-menu__sp li {margin-bottom: 3em;}
.header-nav__sp .header-menu__sp li a { color: #33617A; font-weight: 700; transition: all 0.2s;}
.header-nav__sp .header-menu__sp li a:hover {opacity: 0.65;}
.header-nav__sp img {width: 24px;}

/* トップページイメージ */
#top_swp .slide-media.img-cover.swp-sp {display: block;}
#top_swp .slide-media.img-cover.swp-pc {display: none;}

/* インフォメーション・トピックス */
.info--top.inner { overflow: hidden;}
.info--top .info__container { display: flex; flex-flow: column-reverse;  padding-top: 2em; padding-bottom: 0.5em; }
.info--top .info__block { margin-bottom: 3em;}
/* .info--top .info__title { color: #33647E; font-size: clamp(28px, 3.2vw, 42px); border-bottom: solid 2px #AF885F;} */
.info--top .left .info__title { margin-bottom: 1em; background-color: #33647E; color: #FFF; font-size: clamp(28px, 3.2vw, 28px); padding: 0.2em 0.5em 0; border-radius: 16px;}
.info--top .right .info__title { margin-bottom: 1em; background-color: #bb5229; color: #FFF; font-size: clamp(24px, 3.2vw, 28px); padding: 0.2em 0.5em 0; border-radius: 16px;}
.info--top .info__title-jp { padding-left: 1em; color: #e6e1dd; font-size: clamp(14px, 2vw, 18px); font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia", serif; font-weight: 600;}
.info--top .info-list__item { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: solid 2px #C1AA9A;}
.info--top .info-list__item-meta {display: flex; margin-bottom: 0.4em; align-items: center;}
.info--top .info__text {display: flex; margin-bottom: 0.4em; align-items: center;}
.info--top .info-list__item-date { display: inline-block; font-size: 14px; font-weight: 600; color: #33647E;}
.info--top .post-categories { display: inline-block; margin-left: 1em;}
.info--top .info-list__item-meta a { padding: 2px 14px; font-size: 14px; font-weight: 600; color: #fff; background-color: #7a7a7a; border-radius: 16px;}
.info--top .info__text {font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia", serif; font-weight: 600;}
.info--top .info__text a { transition: all 0.2s;}
.info--top .info__text a:hover {opacity: 0.7;}
.info--top .info__more { text-align: center;}
.info--top .info__more a { color: #fff; background-color: #C86763;  padding: 0.5em 1.5em 0.4em; font-weight: 700; border-radius: 30px; box-shadow: 2px 2px 5px #ccc;}
.info--top .info__more a:hover { color: #fff; background-color: #d69c9a;}

/* パンくずリスト */
.breadcrumb { margin-bottom: 1.8em; background-color: #e4e9ed; font-size: 0.9em;}
.breadcrumb .inner { padding: 0.3em 1em 0.3em;}
.breadcrumb .breadcrumb__list .aioseo-breadcrumb { font-size: 0.9em; font-family: "Roboto", "Segoe UI", "Hiragino Sans", "Noto Sans CJK JP",
    "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";}

/* サイドバー（top） */
.info__block.right .side_sticy { position: sticky; top: 140px;}
/* サイドバー（投稿一覧・シングルページ） */
.sidebar .sidebar_sticy { position: sticky; top: 140px;}

/* 協会について（about）top */
.about--top { padding-top: 2em; padding-bottom: 2.5em; background-color: #F6F1EB;}
.about__img__sp {display: block; max-width: 500px;}
.about__img__pc {display: none;}
.about--top .about__title { color: #33647E; font-size: clamp(28px, 2.2vw, 32px); border-bottom: solid 2px #AF885F;}
.about--top .about__text { margin-top: 0.3em; margin-bottom: 1em; font-size: clamp(16px, 2.1vw, 20px); font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.about--top .about__block { margin-bottom: 2em;}
.about--top .about__block-title {color: #33617A; margin-bottom: 0.7em; font-size: 20px;}
.about--top .about__block-text { margin-bottom: 1.3em; line-height: 1.7em;}
.about--top .about__list { margin-bottom: 1.5em; padding-left: 1.5em;}
.about--top .about__list-item { line-height: 2.5; list-style: circle;}
.about--top .about__button a { font-weight: 700; border-bottom: solid 1px #ccc;}
.about--top .about__button a:hover { opacity: 0.6; padding-left: 10px;}

/* 協会について（about）page */
.about .about__title { font-size: 2.5em; color: #33647E;}
.about .about__text { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.about .about-content { margin-bottom: 6em;}
.about .about-content__title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.about .about-content__topic-content { margin-bottom: 4em;}
.about .about-content__description { margin-bottom: 2em;}
.about .about-content__topic-title { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.about .about-content__topic-text { margin-bottom: 1em;}
.about .about-content__topic-image { width: 100%; max-width: 400px; margin-bottom: 3em; border-radius: 15px; overflow: hidden;}
.about .about-info__title { margin-bottom: 1em; color: #fff; background-color: #33647E; padding-top: 0.2em; padding-bottom: 0.1em; padding-left: 0.5em; font-size: 1.8em; font-weight: 500;}
.about .about-info__block {  margin-bottom: 4em;}
.about .about-info__block-title { font-size: 1.3em; font-weight: 600; color: #33647E; border-left: solid 6px; margin-bottom: 0.8em; padding-left: 0.5em;}
.about .about-info__block-text { margin-bottom: 4em;}
.about .about-info__table-wrapper { overflow-x: scroll;}
.about .about-info__table { width: 100%; min-width: 600px; border-collapse: collapse; border-spacing: 0;}
.about .about-info__table th { padding: 1em; font-size: 11px; font-weight: 600; background-color: #F2F2F2;}
.about .about-info__table td {padding: 1em; border-top: solid 1px #838383; border-bottom: solid 1px #aaaaaa;}
.about .about-info__table td a { text-decoration: underline; transition: all 0.3s;}
.about .about-info__table td a:hover { opacity: 0.7;}
.about .about-info__table .table__title { width: 20%; color: #33647E; font-weight: 600; text-align: center;}
.about .about-info__image { text-align: center; border: solid 1.5px #c5c5c5;}
.about .about-info__image img { width: 100%; max-width: 600px;}
.about .about-info__message-title { font-size: 1.3em; font-weight: 600; color: #33647E; margin-bottom: 0.7em;}
.about .about-info__message-text { margin-bottom: 1.5em; line-height: 1.8em;}
.about .about-info__message-signature { text-align: right;}
.about .about-info__access-title { margin-bottom: 0.5em;}
.about .about-info__access-text { margin-bottom: 1em;}
.about .about-info__map { overflow: hidden; width: 100%; display: flex; justify-content: center; align-items: center;}

/* 入会のご案内 */
.entry .entry__title { font-size: 2.5em; color: #33647E;}
.entry .entry__text { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.entry .entry-content__title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.5em; padding-bottom: 0.3em;}
.entry .entry__benefits-title { font-size: 1.6em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.entry .entry__benefits-text { margin-bottom: 1.6em;}
.entry .entry__benefits-label { color: #33647E; font-weight: 600;}
.entry .entry__benefits-sublist { padding-left: 2em; margin-top: 0.3em; margin-bottom: 2em; list-style: disc;}
.entry .entry__procedure-text:nth-of-type(1) { font-size: 1.4em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.entry .entry__procedure-text:nth-of-type(2) { margin-bottom: 1.5em;}
.entry .entry__procedure-subitem { margin-bottom: 1.5em;}
.entry .entry__procedure-link { font-size: 1.4em; text-decoration: underline;}
.entry .entry__procedure-link:hover { opacity: 0.7;}

/* 会員制度について */
.membership--top { padding-top: 2em; padding-bottom: 2.5em; }
.membership--top .membership__title { color: #33647E; font-size: clamp(28px, 2.2vw, 32px); border-bottom: solid 2px #AF885F;}
.membership--top .membership__text { margin-top: 0.3em; margin-bottom: 1em; font-size: clamp(16px, 2.1vw, 20px); font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.membership--top .membership__content {display: flex; justify-content: space-between;}
.membership--top .membership__block:first-child { width: 48%; background-image: url(../images/about-program-pia.jpg); background-position: center; background-size: cover;border: solid 1px #ccc; border-radius: 16px; box-shadow: 2px 2px 3px #ccc; transition: all 0.3s;}
.membership--top .membership__block:last-child { width: 48%; background-image: url(../images/about-program-piasm.jpg); background-position: center; background-size: cover;border: solid 1px #ccc; border-radius: 16px; box-shadow: 2px 2px 3px #ccc; transition: all 0.3s;}
.membership--top .membership__block:hover { transform: translateY(-5px); opacity: 0.7;}
.membership--top .membership__block .link { display: block; padding: 1.5em;}
.membership--top .membership__block-title { margin-bottom: 0.7em; color: #33617A;}
.membership--top .membership__br { display: block;}
.membership--top .membership__block-text { margin-bottom: 0.7em; font-weight: 600;}
.membership--top .membership__link { width: 100%; max-width: 130px; text-align: center; font-weight: 700; background-color: #fff; padding: 0.2em 1em 0.1em 1.2em; border-radius: 12px; box-shadow: 2px 2px 3px #ccc;}

/* 活動内容 */
.activities .activities__title { font-size: 2.5em; color: #33647E;}
.activities .activities__subtitle { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.activities .activities__content { padding-top: 1.5em; border-top: solid 0.5px #AF885F; }
.activities .activities__content__title { font-size: 1.4em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.activities .activities__content__text { margin-bottom: 0.75em;}
.activities .activities__text-label { color: #33647E; font-size: 1.1em; font-weight: 700;}
.activities .activities__link-wrapper { margin-top: 0.5em; margin-bottom: 2em; padding-bottom: 1em; text-align: right; border-bottom: dotted 2px #AF885F;}
.activities .activities__link { text-decoration: underline;}
.activities .activities__link:hover { padding-right: 8px; opacity: 0.7;}
.activities .activities__entry { text-align: center;}
.activities .activities__entry-text { color: #3b7c9e; font-size: 18px; font-weight: 700; margin-bottom: 1em;}
.activities .activities__entry-link { padding: 0.8em 7em; color: #fff; background-color: #3b7c9e; border-radius: 8px; box-shadow: 2px 2px 6px #92b3bd;}
.activities .activities__entry-link:hover { background-color: #55b16c;}

/* 活動内容　1.情報共有・勉強会・セミナー */
.seminar .seminar__activity-title { font-size: 2.5em; color: #33647E;}
.seminar .seminar__activity-text { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.seminar .seminar__activity-details-title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.seminar .seminar__activity-details-subtitle {font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.seminar .seminar__activity-details-text:nth-of-type(2) {margin-bottom: 2em;}
.seminar .seminar__activity-details-yeartext { margin-bottom: 1em;}
.seminar .seminar__activity-details-yeartext:last-child { margin-bottom: 4em;}
.seminar .seminar__activity-details-yeartext span {color: #33647E; font-weight: 700;}
.seminar .seminar__quality-standards { border-top: solid 0.5px #AF885F; padding-top: 1.8em;}
.seminar .seminar__quality-standards-title { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.seminar .seminar__quality-standards-text { margin-bottom: 2em;}
.seminar .seminar__quality-standards-details-title { margin-bottom: 1em; font-size: 1.3em; font-weight: 600;}
.seminar .seminar__boken-logo { display: block; width: 80%; max-width: 273px; margin: 0 auto 1em;}

/* 活動内容　2.サポート・展示会 */
.exhibition .exhibition__title { font-size: 2.5em; color: #33647E;}
.exhibition .exhibition__subtitle { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.exhibition .exhibition__content-title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.exhibition .exhibition__content-subtitle { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.exhibition .exhibition__content-text { margin-bottom: 2em;}
.exhibition .exhibition__content-event { margin-bottom: 1.5em;}
.exhibition .exhibition__content-event-title { color: #7A5F27; font-weight: 600; font-size: 16px;}
.exhibition .exhibition__content-images { display: flex; flex-flow: wrap; margin-bottom: 5em;}
.exhibition .exhibition__content-images img { width: 50%; max-width: 278px;}
.exhibition .exhibition__exhibition { border-top: solid 0.5px #AF885F; padding-top: 1.8em;}
.exhibition .exhibition__exhibition-text { margin-bottom: 1em;}
.exhibition .exhibition__exhibition-subtext { margin-bottom: 2em;}
.exhibition .exhibition__exhibition-logo { display: block; width: 80%; max-width: 273px; margin: 0 auto 1em;}
.exhibition .exhibition__exhibition-info { margin-bottom: 2em;}
.exhibition .exhibition__exhibition-info span { font-weight: 600; color: #33647E;}
.exhibition .exhibition__exhibition-img-title { margin-top: 1.5em; font-weight: 600; text-align: center;}
.exhibition .exhibition__exhibition-images { width: 100%; margin-top: 0.5em; display: flex; flex-flow: wrap;}
.exhibition .exhibition__exhibition-images img { width: 50%; max-width: initial; margin-bottom: 0;}
.exhibition .exhibition__exhibition-content {margin-bottom: 3em;}
.exhibition .exhibition__exhibition-flex { margin-top: 3em; margin-bottom: 3em;}
.exhibition .exhibition__exhibition-archive-title { font-size: 1.2em; font-weight: 600; color: #7A5F27;}
.exhibition .exhibition__exhibition-archive-title.wanmyan { font-weight: 600; color: #335E76;}
.exhibition .exhibition__exhibition-archive-text { margin-bottom: 1.5em;}

/* 活動内容　3.ECサイトでの販売と販路拡大 */
.ecsite .ecsite__title { font-size: 2.5em; color: #33647E;}
.ecsite .ecsite__subtitle { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.ecsite .ecsite__content:nth-of-type(2) { border-top: solid 0.5px #AF885F; padding-top: 1.8em;}
.ecsite .ecsite__content__title { font-size: 1.8em; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.ecsite .ecsite__content__subtitle { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.ecsite .ecsite__content__text { margin-bottom: 2.5em;}
.ecsite .ecsite__image-block:nth-of-type(1) {margin-bottom: 1.5em;}
.ecsite .ecsite__image-block:nth-of-type(2) { text-align: center; margin-bottom: 3em;}
.ecsite .ecsite__image-block img { margin-bottom: 1em;}
.ecsite .ecsite__image-block .petsalone-logo { width: 100%; max-width: 222px;}
.ecsite .ecsite__saleimage-block { margin-bottom: 1.5em; display: inline-block; padding: 1.5em; border: solid 3px #F0DAE2; border-radius: 14px;}
.ecsite .ecsite__saleimage-block img { display: block; margin: 0 auto 1em; height: 100px;}
.ecsite .ecsite__saleimage-title { margin-bottom: 1em; font-size: 1.3em; font-weight: 600; color: #8E3659;}
.ecsite .ecsite__saleimage-text { line-height: 1.8em;}

/* 活動内容 4.PIA認証制度の制定 */
.pia-systems .pia-systems__title { font-size: 2.5em; color: #33647E;}
.pia-systems .pia-systems__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.pia-systems .pia-systems__section__title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.pia-systems .pia-systems__section__subtitle { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.pia-systems .pia-systems__text { margin-bottom: 1em;}
.pia-systems .pia-systems__wrapper { margin-top: 0.5em; margin-bottom: 2em; padding-bottom: 1em; border-bottom: dotted 2px #AF885F;}
.pia-systems .pia-systems__link-wrapper { margin-top: 0.5em; margin-bottom: 2em; padding-bottom: 1em; text-align: right;}
.pia-systems .pia-systems__link { text-decoration: underline;}

/* 活動内容 5.商品企画のサポート */
.prod-supp .prod-supp__title { font-size: 2.5em; color: #33647E;}
.prod-supp .prod-supp__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.prod-supp .prod-supp__content-title { font-size: 1.8em; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.prod-supp .prod-supp__content-h { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.prod-supp .prod-supp__block { margin-bottom: 3em;}
.prod-supp .prod-supp__contents-title { margin-bottom: 0.5em; color: #8E3659; font-size: 16px; font-weight: 600;}
.prod-supp .prod-supp__contents-text { margin-bottom: 1em;}
.prod-supp .prod-supp__doc-img { display: block; width: 185px; margin: 0 auto;}
.prod-supp .prod-supp__arc-img { display: block; width: 173px; margin: 0 auto;}
.prod-supp .prod-supp__section:last-child { border-top: solid 0.5px #AF885F; padding-top: 1.8em;}

/* 活動内容　6.マーケティング・PR */
.marketing .marketing__title { font-size: 2.5em; color: #33647E;}
.marketing .marketing__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.marketing .marketing__subtitle { font-size: 1.8em; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.marketing .marketing__section:last-child { border-top: solid 0.5px #AF885F; padding-top: 1.8em;}
.marketing .marketing__text { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.marketing .marketing__block { margin-bottom: 4em;}
.marketing .marketing__block__title { margin-bottom: 0.5em; color: #8E3659; font-size: 16px; font-weight: 600;}
.marketing .marketing__block__text { margin-bottom: 1em;}
.marketing .marketing__image { display: block; max-width: 500px;}
.marketing .marketing__book-image { width: 168px; height: 236px; margin-right: 0.5em; margin-bottom: 1rem;}

/* 認証制度とは（top） */
.certification--top { padding-top: 2em; padding-bottom: 2.5em; background-color: #F6F1EB;}
.certification--top .certification__title { color: #33647E; font-size: clamp(28px, 2.2vw, 32px); border-bottom: solid 2px #AF885F;}
.certification--top .certification__text { margin-top: 0.3em; margin-bottom: 1em; font-size: clamp(16px, 2.1vw, 20px); font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.certification--top .certification__block { margin-bottom: 2em;}
.certification--top .certification__block-title { margin-bottom: 0.7em; color: #33617A; font-size: 20px;}
.certification--top .certification__block-text { margin-bottom: 1.3em; line-height: 1.7em;}
.certification--top .certification__list { margin-bottom: 1.5em; padding-left: 1.5em;}
.certification--top .certification__list-item { line-height: 2.5; list-style: circle;}
.certification__img__sp {display: block; max-width: 500px;}
.certification__img__pc {display: none;}
.certification--top .certification__button a { font-weight: 700; border-bottom: solid 1px #ccc;}
.certification--top .certification__button a:hover { opacity: 0.6; padding-left: 10px;}

/* 認証制度とは（page） */
.about-pia-sys .about-pia-sys__title { font-size: 2.5em; color: #33647E;}
.about-pia-sys .about-pia-sys__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.pia-sys-intro { font-size: 1.3em; font-weight: 600; color: #33647E;}
.about-pia-sys .pia-sys-intro { font-size: 1.8em; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}

/* 認証制度とは（page）共通部分 */
.pia-sys-intro__box { margin-bottom: 2em; padding: 1em 0 2em; border-bottom: solid 1px #AF885F;}
.pia-sys-intro__box .pia-sys-intro__image { margin-bottom: 1em; border-radius: 10px;}
.pia-sys-intro__box .pia-sys-desc { line-height: 1.8em;}
.pia-sys-container .pia-sys-section { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.pia-sys-archive__cont .pia-sys-archive { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.pia-sys-link-wrapper { margin-top: 0.5em; margin-bottom: 2em; padding-bottom: 1em; text-align: right; border-bottom: dotted 2px #AF885F;}
.pia-sys-link-wrapper a { text-decoration: underline;}
.pia-sys-link-wrapper a:hover { padding-right: 8px; opacity: 0.6;}
.pia-sys-container .pia-sys-logos { margin-top: 2em; margin-bottom: 0px; text-align: center;}
.pia-sys-container .pia-sys-logo { max-width: 280px; margin-bottom: 2em;}
.pia-sys-container .pia-sys-cross { display: block; max-width: 42px; margin:0 auto 2em;}
.pia-sys-container .pia-sys-detail { margin-bottom: 1em;}
.pia-sys-container .pia-sys-performance { font-size: 1.2em; font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; color: #33647E;}
.pia-sys-container .pia-sys-mark-main { margin-top: 2em; margin-bottom: 2em;}
.pia-sys-container .pia-sys-mark-main img { margin-bottom: 1em; max-width: 375px;}
.pia-sys-container .pia-sys-mark-sub  {display: flex; flex-flow: wrap; justify-content: space-between;}
.pia-sys-container .pia-sys-mark-sub img { width: 48%; max-width: 340px;}
.pia-sys-container .pia-sys-mark-sub img:nth-of-type(1) { margin-bottom: 1em;}
.pia-sys-container .pia-sys-mark-sub img:nth-of-type(2) { margin-bottom: 1em;}
.pia-sys-container .pia-sys-section-sub { margin-bottom: 1em;}
.pia-sys-container .pia-sys-mark { display: flex; flex-flow: wrap; gap: 1em;}
.pia-sys-container .pia-sys-mark img { width: 32%; max-width: 108px; margin-bottom: 1em;}
.pia-sys-container .pia-sys-mark-detail { margin-bottom: 1em;}
.pia-sys-container .guid-pia-sys-mark img { width: 50%; max-width: 200px; margin-top: 1em; margin-bottom: 1em; border: solid 1.5px #ddd; border-radius: 8px;}

/* 認証制度について（制度の役割） */
.pia-sys-role .pia-sys-role__title { font-size: 2.5em; color: #33647E;}
.pia-sys-role .pia-sys-role__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.pia-sys-role .pia-sys-role__cont__title { font-size: 1.8em; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.pia-sys-role .pia-sys-role__cont__subtitle { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.pia-sys-role .pia-sys-role__cont__descri { margin-bottom: 1em;}
.pia-sys-role .pia-sys-role__logo__cont { font-size: 1.4em; font-weight: 600; margin-top: 3em; margin-bottom: 0.5em; color: #33647E;}
.pia-sys-role .pia-sys-role__logos { margin-top: 2em; margin-bottom: 40px; text-align: center;}
.pia-sys-role .pia-sys-role__logo { max-width: 280px; margin-bottom: 2em;}
.pia-sys-role .pia-sys-role__cross { display: block; max-width: 42px; margin:0 auto 2em;}
.pia-sys-role .pia-sys-role__details { width: 100%; margin-bottom: 3em; padding: 1.5em 1em; border: solid 0.5px #888; border-radius: 10px;}
.pia-sys-role .pia-sys-role__detail { margin-bottom: 2em; text-align: center;}
.pia-sys-role .pia-sys-role__detail:last-child { margin-bottom: 0;}
.pia-sys-role .pia-sys-role__detail-title { margin-bottom: 1em; font-size: 1.2em; font-weight: 600;}
.pia-sys-role .pia-sys-role__detail-logo { margin-bottom: 1em; max-width: 192px;}
.pia-sys-role .pia-sys-role__detail-link { display: block; color: #313131; text-decoration: underline; transition: all 0.2s;}
.pia-sys-role .pia-sys-role__detail-link:hover {opacity: 0.6;}
.pia-sys-role .pia-sys-role__detail-boken { font-size: 1.4em; font-weight: 600; color: #33647E; margin-bottom: 0.5em;}
.pia-sys-role .pia-sys-role__detail-descri { text-align: left;}
.pia-sys-role .pia-sys-role__role-drawing { text-align: center; margin-bottom: 5em; padding-left: 1em; padding-right: 1em;}
.pia-sys-role .pia-sys-role__role-drawing-image { width: 100%; max-width: 600px;}
.pia-sys-role .pia-sys-role__system { position: relative; padding-top: 3em; padding-left: 1em; padding-right: 1em; padding-bottom: 1.5em; border: solid 0.5px #33647E; border-radius: 10px;}
.pia-sys-role .pia-sys-role__system::before { width: 86%; max-width: 300px; position: absolute; padding: 5px 18px 3px; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%); content: 'PIA製品認証登録制度'; color: #fff; font-size: 1.6em; font-weight: 600; text-align: center; background-color: #558AA6; border: solid 2px #33647E; border-radius: 32px;}
.pia-sys-role .pia-sys-role__system-item-suisyou { margin-bottom: 0.5em; padding: 7px 24px 1px; text-align: center; font-size: 24px; font-weight: 600; background-color: #D2E4EE; border: solid 2px #33647E; border-radius: 30px;}
.pia-sys-role .pia-sys-role__system-item-kinousei { margin-top: 1em; margin-bottom: 0.5em; padding: 7px 24px 1px; text-align: center; font-size: 24px; font-weight: 600; background-color: #d7eed2; border: solid 2px #33647E; border-radius: 30px;}

/* 認証制度について（推奨品マーク） */
.pia-authz .pia-authz__title { font-size: 2.5em; color: #33647E;}
.pia-authz .pia-authz__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.pia-authz .pia-authz__heading { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.pia-authz .pia-authz__subheading { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.pia-authz .pia-authz__text { margin-bottom: 1.5em;}
.pia-authz .pia-authz__marks { margin-bottom: 3em;}
.pia-authz .pia-authz__mark { margin-bottom: 2em; padding: 1em; border: solid 0.5px #AF885F;}
.pia-authz .pia-authz__mark-name { margin-bottom: 0.5em; font-size: 1.6em; font-weight: 600;}
.pia-authz .pia-authz__mark-image { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; width: 249px;}
.pia-authz .pia-authz__note { color: #c54e4e;}
.pia-authz .pia-authz__patterns { border: solid 0.5px #AF885F; padding: 2.5em;}
.pia-authz .pia-authz__pattern-item:first-child { padding-bottom: 1em; margin-bottom: 60px; border-bottom: solid 0.5px #AF885F;}
.pia-authz .pia-authz__pattern-mainimage { width: 100%; max-width: 300px; margin-bottom: 0.5em;}
.pia-authz .pia-authz__pattern-otherimage { width: 100%; max-width: 300px; margin-bottom: 0.5em;}
.pia-authz .pia-authz__patterns { margin-bottom: 3em;}
.pia-authz .pia-authz__examples { padding-left: 1em; padding-right: 1em;}
.pia-authz .pia-authz__example { margin-bottom: 3em;}
.pia-authz .pia-authz__example-name { font-size: 1.3em; font-weight: 600;}

/* 認証制度について（機能性表示マーク） */
.pia-features .pia-features__title { font-size: 2.5em; color: #33647E;}
.pia-features .pia-features__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.pia-features .pia-features__section__title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.pia-features .pia-features__section__text { margin-bottom: 1em;}
.pia-features .pia-features__sample { font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.pia-features .pia-features__img-grid { display: flex; margin-bottom: 3em; flex-flow: wrap; justify-content: space-around;}
.pia-features .pia-features__img-item img { width: 100%; max-width: 124px; margin-bottom: 1em;}
.pia-features .pia-features__usage-example:first-child { margin-bottom: 3em;}
.pia-features .pia-features__usage-example-text { font-size: 1.3em;}

/* 認証登録品一覧（一覧ページ） */
.products .products__title { font-size: 2.5em; color: #33647E;}
.products .products__title-ja { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.products .pia-prod-list__title { font-size: 1.8em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia"; font-weight: 600; color: #33647E; border-bottom: solid 0.5px #AF885F; margin-bottom: 0.8em; padding-bottom: 0.3em;}
.products .pia-prod-list__items { display: flex; flex-flow: wrap; justify-content: space-between;}
.products .pia-prod-list__item { width: 48%; margin-bottom: 1.5em; padding-bottom: 0.5em; border: solid 1px #AF885F; border-radius: 10px; overflow: hidden; box-shadow: 2px 2px 5px #bdbdbd; transition: all 0.3s;}
.products .pia-prod-list__item:hover { transform: translateY(-5px); opacity: 0.7;}
.products .pia-prod-list__item-pic { margin-bottom: 0.5em;}
.products .pia-prod-list__item-title a { display: block; padding-left: 0.7em;}
.products .pia-prod-list__item_empty { width: 48%; height: 1px;}
.pia-prod-list__pagination .page-numbers {display: flex; gap: 2em; color: #adadad;}
.pia-prod-list__pagination .page-numbers .page-numbers.current {color: #333; font-weight: 700;}

/* 認証登録品一覧（単ページ） */

/* お知らせ（一覧ページ） */
.info-list .info-list__header {position: relative; width: 100%; max-width: 360px; height: 47px; margin: 0 auto 2em; background-image: url(../images/information.png); background-position: center; background-size: cover; }
.info-list .info-list__header .info-list__title { text-align: center; font-size: 1.8em; font-weight: 600; color: #33647E; line-height: 100px;}
.info-list .info-list__content { margin-bottom: 80px;}
.info-list .info-list__items { margin-top: 4em;}
.info-list .info-list__item { margin-bottom: 1.5em; border-bottom: solid 2px #AF885F;}
.info-list .info-list__item-meta { margin-bottom: 1em;}
.info-list .info-list__item-title { font-size: 1.1em; font-weight: 800; margin-bottom: 1em;font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.info-list .info-list__item-title a:hover { opacity: 0.6;}
.info-list .info-list__item-container p { margin-top: 0.5em; margin-bottom: 1em;}
.info-list .info-list__item-container .wp-block-columns { margin-bottom: 1.5em;}
.info-list .info-list__item-meta a { padding: 2px 14px; font-size: 14px; font-weight: 500; color: #fff; background-color: #7a7a7a; border-radius: 16px;}
.info-list .info-list__item-date { display: inline-block; font-size: 14px; font-weight: 600; color: #33647E;}
.info-list .post-categories { display: inline-block; margin-left: 1em; }
.info-list__content .info-list__item-container a { color: #4283a7; text-decoration: underline; transition: all 0.2s;}
.info-list__content .info-list__item-container a:hover { opacity: 0.65;}
.info-list__pagination .page-numbers {display: flex; gap: 2em; color: #adadad;}
.info-list__pagination .page-numbers .page-numbers.current {color: #333; font-weight: 700;}

/* お知らせ（単ページ） */
.info-list .info-list__item-title-single { font-size: 1.4em; font-weight: 800; margin-bottom: 1em;font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.info-list__pagination-single {display: flex; justify-content: space-between;}

/*==================================================
*サイドバー
===================================*/
.sidebar .side_sticy { position: sticky; top: 140px; text-align: center;}
.sidebar { margin-bottom: 100px;}
.sidebar .side_sticy { position: sticky; top: 140px; text-align: center; }
.sidebar_banner { width: 300px; margin: 0 auto 1.5em; border: solid 0.5px #a7a7a7; border-radius: 10px; box-shadow: 3px 3px 10px #555; overflow: hidden; transition: all 0.3s;}
.sidebar_banner:hover { background-color: #E7F0F4; transform: translateY(-3px);}
.sidebar_banner.alli_add a { font-size: 15px; font-weight: 500; padding: 1em 1em; color: #fff; background-color: #397999;}
.sidebar_banner.alli_add.pr a { color: #fff; background-color: #a37474;}
.sidebar_banner.alli_file { border: solid 3.5px #397999;}
.sidebar_banner.alli_file a { font-size: 14px; font-weight: bold; padding: 1em 1em; color: #397999;}
.sidebar_banner a {display: block; padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px;}
.sidebar_banner img {height: 57px;}
.sidebar_banner p {margin-top: 6px; padding-top: 4px; text-align: center; border-top: solid 0.5px #555; font-size: 11px;}
.sideber_categry { width: 300px; text-align: left;}
.sideber_categry p { margin-bottom: 1em; font-size: 18px; font-weight: 600; background-color: #F6F1EB; padding: 8px 14px 5px;}
.sideber_categry li a { color: #fff; background-color: #333; padding: 2px 14px; font-weight: 500; border-radius: 16px;}
.sideber_categry li { margin-bottom: 1em; display: flex; justify-content: space-between;}
.sideber_categry li a { color: #fff; padding: 2px 14px 1px; font-weight: 500; border-radius: 16px;}
.sideber_categry li a span { color: #333; background-color: #fff;}

/*==お知らせ==*/
.sideber_categry li [href*="/info"],
.info--top .post-categories [href*="/info"],
.info-list .post-categories [href*="/info"] { background-color: #348da3;}
/*==展示会==*/
.sideber_categry li [href*="/exhibition"],
.info--top .post-categories [href*="/exhibition"],
.info-list .post-categories [href*="/exhibition"] { background-color: #1f8516;}
/*==イベント情報==*/
.sideber_categry li [href*="/event"],
.info--top .post-categories [href*="/event"],
.info-list .post-categories [href*="/event"] { background-color: #dd781a;}
/*==モニター情報==*/
.sideber_categry li [href*="/monitor"],
.info--top .post-categories [href*="/monitor"],
.info-list .post-categories [href*="/monitor"] { background-color: #e457ae;}
/*==セミナー情報==*/
.sideber_categry li [href*="/seminar"],
.info--top .post-categories [href*="/seminar"],
.info-list .post-categories [href*="/seminar"] { background-color: #e64646;}

.sideber_categry li:first-child a { background-color: #333;}

  /* スラッグに応じて色分け */
.cat-info { color: #fff; background-color: #348da3; }     /* お知らせ　*/
.cat-exhibition { color: #fff; background-color: #1f8516; }     /* 展示会 */
.cat-event { color: #fff; background-color: #dd781a; }    /* イベント情報 */
.cat-monitor { color: #fff; background-color: #e457ae; }     /* monitor情報 */
.cat-seminar { color: #fff; background-color: #e64646; }     /* monitor情報 */

/* お知らせ（単ページ） */

/* お問い合わせ */
.contact .inner { position: relative; width: calc(100% - 32px); max-width: 730px; margin: 0 auto;}
.contact .contact__title { font-size: 2.5em; color: #33647E;}
.contact .contact__subtitle { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.contact .contact__text { font-size: 16.5px; font-weight: 600; margin-bottom: 0.5em; color: #33647E;}
.contact .contact__list { list-style: disc; margin-left: 2em; margin-bottom: 3em;}
.contact .contact__list-item { line-height: 2em;}
.contact .contact__required { color: rgb(197, 1, 1); font-weight: 600;}

/* お問い合わせ */
.contact .contact__form input { width: 100%; height: 30px; border: none;}
.contact .contact__form select { width: 100%; height: 30px; border: none;}
.contact .contact__form textarea { width: 100%; max-width: 700px;}
.contact .contact__form .contact_p {font-size: 14px; margin-bottom: 48px;}
.contact .contact__form .contact_p li {list-style: disc; margin-left: 1em;}
.contact .contact__form .contact_p li span {color: rgb(197, 1, 1); font-weight: 600;}
.contact .contact__form .contact_name { font-weight: 600;}
.contact .contact__form .contact_name span {color: rgb(197, 1, 1); font-weight: 600;}
.contact .contact__form .contact_name .contact_ats {font-size: 12px;}
.contact .contact__form .contact_input {width: 100%; height: 32px; margin-bottom: 2em; border: solid 0.5px #888;}
.contact .contact__form .contact_input_area {width: 100%; margin-bottom: 4em;}
.contact .contact__form .contact_btn_box { text-align: center;}
.contact .contact__form .btn_p { margin-bottom: 0.5em; font-size: 14px; font-weight: 600;}
.contact .contact__form .btn_send input { width: 300px; height: 40px; margin: 1em auto 0; font-size: 20px; font-weight: 600; line-height: 33px; color: #fff; background-color: #555; border-radius: 8px; transition: all 0.3s;}
.contact .contact__form .btn_send input:hover { background-color: #71a7c4;}
.contact .contact__form .btn_send p {display:flex; flex-flow: column;}

/* プライバシーポリシー */
.privacy .privacy__title { font-size: 2.5em; color: #33647E;}
.privacy .privacy__subtitle { margin-bottom: 1.5em; font-size: 1.5em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "Georgia";}
.privacy .privacy__body { padding-top: 1.5em; border-top: solid 0.5px #AF885F; }
.privacy .privacy__text { padding-bottom: 1.5em;}
.privacy .privacy__item { margin-bottom: 2em;}
.privacy .privacy__item-title { color: #33647E; font-weight: 600;}
.privacy .privacy__sublist { padding-left: 2em; list-style: disc;}
.privacy .privacy__sublist .privacy__sublist { list-style: num;}
.privacy .privacy__link { text-decoration: underline;}
.privacy .privacy__link:hover { opacity: 0.6;}

/* 関連バナー表示エリア */
.related-banners { padding-top: 4em;}
.related-banners .inner { padding-bottom: 0;}
.related-banners .related-banners__title { text-align: center; margin-bottom: 1.5em;}
.related-banners .related-banners__list {display: flex; flex-flow: wrap; justify-content: space-between;}
.related-banners .related-banners__item {
  width: 48%;
  margin-bottom: 1.6em;
	border-radius: 12px;
	-webkit-box-shadow: 2px 4px 6px #ccc;
	box-shadow: 2px 4px 6px #ccc;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.related-banners .related-banners__item img {border-radius: 12px;}
.related-banners .related-banners__item:hover {opacity: 0.6; transform: translateY(-8px);}
.related-banners .related-banners__item__last { width: 48%; height: 1px;}

/* footerエリア */
.footer { margin-top: 6em;}
.footer .footer-nav { background-color: #F6F1EB;}
.footer .footer-nav .inner { padding-top: 32px; padding-bottom: 32px;}
.footer .footer-nav__block { margin-bottom: 32px; padding-left: 1em; border-left:solid 1.5px #33617A;}
.footer .footer-nav__block:last-child {margin-bottom: 0px;}
.footer .footer-nav__list li {line-height: 1.8em;}
.footer .footer-nav__list li a {color: #244c61; transition: all 0.2s;}
.footer .footer-nav__list li a:hover { opacity: 0.6;}

.footer .footer-logo { padding-top: 1.75em; padding-bottom: 1.75em; text-align: center; border-bottom: solid 1px #ccdbe2;}
.footer .footer-logo img { width: 240px;}
.footer .footer-copyright { padding-top: 0.73em; padding-bottom: 0.75em; color: #fff; background-color: #33647E;  text-align: center; font-size: 10px;}

/* 定款 */
.teikan .teikan__title { margin-bottom: 1em; color: #33647E;}
.teikan .teikan__contents__box { margin-bottom: 3em;}
.teikan .teikan__contents-title { color: #33647E;}
.teikan .teikan__contents-text { margin-bottom: 0.5em; padding-left: 1em;}
.teikan .teikan__contents-ul { margin-bottom: 1.5em; padding-left: 1em;}
.teikan .teikan__contents-ul-child { margin-bottom: 1em; padding-left: 1em;}
.teikan .teikan__contents-section {padding-left: 1em;}

@media screen and (min-width: 768px) {
    .top { background-image: url(../images/top-image-tb.jpg);}

    .top .top__title-ja { font-size: 16.5px;}

    .info--top .info__container { flex-flow: wrap; justify-content: space-between;}
    .info--top .info__block.left { width: 64%;}
    .info--top .info__block.right { width: 34%;}

    .info--top.inner {
        overflow: initial;
    }

    /* 協会について（about） */
    .about--top .about__flex { display: flex; flex-flow: row-reverse;justify-content: space-between;}
    .about--top .about__block {width: 55%;}
    .about--top .about__image { width: 40%;}
    .about__img__sp { display: none;}
    .about__img__pc { display: block;}

    /* 会員制度について */
    .membership--top .membership__br { display: none;}
    /* 活動内容　1.情報共有・勉強会・セミナー */
    .seminar .seminar__quality-standards-details-content { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
    .seminar .seminar__boken-logo { width: 28%; margin: initial;}
    .seminar .seminar__boken-text { width: 68%;}
     /* 活動内容　2.サポート・展示会 */
    .exhibition .exhibition__exhibition-flex {display: flex; justify-content: center; align-items: center;}
    .exhibition .exhibition__exhibition-logo { width: 30%; margin: initial;}
    .exhibition .exhibition__exhibition-info { width: 68%; max-width: 529px; margin-left: 2em; margin-bottom: 0;}
    .exhibition .exhibition__exhibition-images { justify-content: space-between;}
    .exhibition .exhibition__exhibition-images img { margin-bottom: 2em; width: 31%;}
    .exhibition .exhibition__exhibition-images img:last-child { margin-bottom: 0;}
    /* 活動内容　3.ECサイトでの販売と販路拡大 */
    .ecsite .ecsite__image-container { display: flex; flex-flow: wrap; margin-bottom: 3em; align-items: center;}
    .ecsite .ecsite__image-block:nth-of-type(1) { width: 50%;}
    .ecsite .ecsite__image-block:nth-of-type(2) { width: 39%;}
    .ecsite .ecsite__saleimage-container { display: flex; flex-flow: wrap; align-items: stretch; justify-content: space-between;}
    .ecsite .ecsite__saleimage-block { width: 49%;}
    /* 活動内容　4.PIA認証制度の制定 */
    /* 活動内容　5.商品企画のサポート */
    .prod-supp .prod-supp__block { display: flex; flex-flow: wrap;}
    .prod-supp .prod-supp__content { width: 65%; margin-right: 1.5em;}
    
    /* 認証制度について */
    .certification--top .certification__flex { display: flex; flex-flow: row-reverse;justify-content: space-between;}
    .certification--top .certification__block {width: 65%;}
    .certification--top .certification__image { width: 30%;}
    .certification__img__sp {display: none;}
    .certification__img__pc {display: block;}
    .pia-sys-intro__box { margin-bottom: 3em; padding-bottom: 3em; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
    .pia-sys-intro__box .pia-sys-intro__image { width: 38%; margin-bottom: 0;}
    .pia-sys-intro__box .pia-sys-desc {width: 60%; max-width: 610px;}
    .pia-sys-container .pia-sys-logos { max-width: 740px; margin-left: auto; margin-right: auto; display: flex; flex-flow: wrap; justify-content: space-around; align-items: center;}
    .pia-sys-container .pia-sys-mark-main { display: flex; flex-flow: wrap; justify-content: space-between;}
    .pia-sys-container .pia-sys-mark-main .pia-sys-mark-detail { }
    .pia-sys-container .pia-sys-mark-sub img { width: 32%;}
    .pia-sys-container .pia-sys-mark-sub img:nth-of-type(1) { margin-bottom: 0;}
    .pia-sys-container .pia-sys-mark-sub img:nth-of-type(2) { margin-bottom: 0;}
    .pia-sys-container .pia-sys-mark { gap: 2em;}
    .pia-sys-container .guid-pia-sys-mark { display: flex; flex-flow: row-reverse; justify-content: space-between; align-items: center;}
    .pia-sys-container .pia-sys-mark-detail { width: calc(100% - 250px); margin: 0;}
    .pia-sys-container .guid-pia-sys-mark img { margin-bottom: 0;}

    /* 認証制度について（制度の役割） */
    .pia-sys-role .pia-sys-role__logos { max-width: 740px; margin-left: auto; margin-right: auto; margin-bottom: 60px; display: flex; flex-flow: wrap; justify-content: space-around; align-items: center;}
    .pia-sys-role .pia-sys-role__details { display: flex;align-items: center;}
    .pia-sys-role .pia-sys-role__detail:first-child { width: 38%; margin-bottom: 0;}
    .pia-sys-role .pia-sys-role__detail:last-child { width: 59%; }
    .pia-sys-role .pia-sys-role__system { display: flex; flex-flow: wrap; justify-content: space-around;}
    .pia-sys-role .pia-sys-role__system-item { width: 45%;}
    .pia-sys-role .pia-sys-role__system-item-kinousei { margin-top: 0;}
    /* 認証制度について（推奨品マーク） */
    .pia-authz .pia-authz__marks { display: flex; flex-flow: wrap; justify-content: space-between;}
    .pia-authz .pia-authz__mark { width: 48%;}
    .pia-authz .pia-authz__pattern { display: flex; flex-flow: wrap; justify-content: space-between; margin-bottom: 1em; padding-bottom: 1em; border-bottom: solid 0.5px #888;}
    .pia-authz .pia-authz__pattern-item { width: 48%;}
    .pia-authz .pia-authz__pattern-item:first-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
    .pia-authz .pia-authz__examples { display: flex; flex-flow: wrap; justify-content: space-between;}
    .pia-authz .pia-authz__example { width: 48%;}



    /* 認証制度について（機能性表示マーク） */


    /* 認証登録品一覧（一覧ページ） */
    .products .pia-prod-list__item { width: 32%;}
    .products .pia-prod-list__item_empty { width: 32%;}
    
    /* 認証登録品一覧（単ページ） */


    /* お知らせ（一覧ページ） */
    /* お知らせ（単ページ） */


/* 関連バナー表示エリア */
    .related-banners .related-banners__item { width: 30%;}
    .related-banners .related-banners__item__last { width: 30%; height: 1px;}

    /* footerエリア */
    .footer .footer-nav .inner { display: flex; justify-content: space-evenly;}
    .footer .footer-nav__block { margin-bottom: 0px;}
    .footer .footer-copyright { font-size: 13px;}
}

@media screen and (min-width: 1000px) {
    .main {padding-top: 152.05px;}

    .header .header-logo {
        width: 280px;
    }
    .header .header-bottom .header-inner {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .header .header-top { display: block; padding-top: 1em; padding-bottom: 1em; border-bottom: solid 1px #AF885F;}
    .header .header-nav {display: block;}
    .openbtn {display: none;}
    .header-nav__sp {display: none;}

    #top_swp .slide-media.img-cover.swp-sp {display: none;}
    #top_swp .slide-media.img-cover.swp-pc {display: block;}

    .about .about-content__topic-content { display: flex;}
    .about .about-content__topic-text { width: calc(100% - 400px); margin-right: 2em;}
    .about .about-content__topic-image {
        margin-bottom: 0;
    }

    .products .pia-prod-list__item {
    width: 24%;
    }

    .products .pia-prod-list__item_empty { width: 24%;}


    .info .inner { display: flex; justify-content: space-between;}
    .info .inner .info-list { width: calc(100% - 330px);}
    /* サイドバー */
    .sidebar {display: block; width: 300px; margin-top: 56px; }

}


.h-captcha[data-size="normal"] {
    margin: 0 auto !important;
}

/* ペットインベント情報 */
.petevent-info th,
.petevent-info td{ padding: 0.5em;}