@charset "UTF-8"; :root { --attach_file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z'/%3E%3C/svg%3E"); --attach_img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cmask id='letsIconsImgBoxDuotoneLine0' width='18' height='18' x='3' y='3' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23273B4A' d='M3 11c0-3.771 0-5.657 1.172-6.828S7.229 3 11 3h2c3.771 0 5.657 0 6.828 1.172S21 7.229 21 11v2c0 3.771 0 5.657-1.172 6.828S16.771 21 13 21h-2c-3.771 0-5.657 0-6.828-1.172S3 16.771 3 13z'/%3E%3C/mask%3E%3Cg fill='none'%3E%3Cg mask='url(%23letsIconsImgBoxDuotoneLine0)'%3E%3Cpath fill='%23000' fill-opacity='0.25' stroke='%23000' d='m5.41 12.59l-.153.153c-.98.98-1.47 1.47-1.764 2.073q-.153.314-.25.65c-.185.644-.148 1.337-.075 2.722L3.5 24.5H21v-4.743c0-1.451 0-2.177-.239-2.836a4 4 0 0 0-.233-.525c-.33-.619-.87-1.104-1.95-2.075l-.214-.193c-.896-.807-1.344-1.21-1.856-1.324a2 2 0 0 0-.973.025c-.505.141-.932.568-1.784 1.42c-.633.633-.949.949-1.288.992a1 1 0 0 1-.61-.118c-.3-.166-.479-.583-.836-1.418c-.761-1.775-1.141-2.662-1.795-2.99a2 2 0 0 0-1.065-.205c-.729.062-1.401.735-2.747 2.08Z'/%3E%3C/g%3E%3Cpath stroke='%23000' stroke-width='1.2' d='M3 11c0-3.771 0-5.657 1.172-6.828S7.229 3 11 3h2c3.771 0 5.657 0 6.828 1.172S21 7.229 21 11v2c0 3.771 0 5.657-1.172 6.828S16.771 21 13 21h-2c-3.771 0-5.657 0-6.828-1.172S3 16.771 3 13z'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); --attach_pdf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M17.924 7.154h-.514l.027-1.89a.46.46 0 0 0-.12-.298L12.901.134A.4.4 0 0 0 12.618 0h-9.24a.8.8 0 0 0-.787.784v6.37h-.515c-.285 0-.56.118-.76.328A1.14 1.14 0 0 0 1 8.275v5.83c0 .618.482 1.12 1.076 1.12h.515v3.99A.8.8 0 0 0 3.38 20h13.278c.415 0 .78-.352.78-.784v-3.99h.487c.594 0 1.076-.503 1.076-1.122v-5.83c0-.296-.113-.582-.315-.792a1.05 1.05 0 0 0-.76-.328M3.95 1.378h6.956v4.577a.4.4 0 0 0 .11.277a.37.37 0 0 0 .267.115h4.759v.807H3.95zm0 17.244v-3.397h12.092v3.397zM12.291 1.52l.385.434l2.58 2.853l.143.173h-2.637q-.3 0-.378-.1q-.08-.098-.093-.313zM3 14.232v-6h1.918q1.09 0 1.42.09q.51.135.853.588q.343.451.343 1.168q0 .552-.198.93q-.198.375-.503.59a1.7 1.7 0 0 1-.62.285q-.428.086-1.239.086h-.779v2.263zm1.195-4.985v1.703h.654q.707 0 .945-.094a.79.79 0 0 0 .508-.762a.78.78 0 0 0-.19-.54a.82.82 0 0 0-.48-.266q-.213-.04-.86-.04zm4.04-1.015h2.184q.739 0 1.127.115q.52.155.892.552q.371.398.565.972q.195.576.194 1.418q0 .741-.182 1.277q-.223.655-.634 1.06q-.31.308-.84.48q-.395.126-1.057.126H8.235zM9.43 9.247v3.974h.892q.501 0 .723-.057q.291-.074.482-.25q.193-.176.313-.579q.121-.403.121-1.099t-.12-1.068a1.4 1.4 0 0 0-.34-.581a1.13 1.13 0 0 0-.553-.283q-.25-.057-.98-.057zm4.513 4.985v-6H18v1.015h-2.862v1.42h2.47v1.015h-2.47v2.55z'/%3E%3C/svg%3E"); --attach_word: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8zm4 18H6V4h7v5h5zm-.65-10l-2.1 9h-1.4l-1.8-6.79l-1.8 6.79h-1.4l-2.2-9h1.5l1.4 6.81l1.8-6.81h1.3l1.8 6.81l1.4-6.81z'/%3E%3C/svg%3E"); --attach_excel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8zm4 18H6V4h7v5h5zm-5.1-5.5l2.9 4.5H14l-2-3.4l-2 3.4H8.2l2.9-4.5L8.2 10H10l2 3.4l2-3.4h1.8z'/%3E%3C/svg%3E"); --attach_ppt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8zm4 18H6V4h7v5h5zm-2.8-9.2c-.5-.5-1.1-.8-2.4-.8H9v9h1.6v-3.3h2.2c1.3 0 1.8-.2 2.4-.7s.8-1.2.8-2.1s-.2-1.5-.8-2.1M13.9 14c-.3.3-.6.5-1.2.5h-2.1v-3.2h2c.6 0 1 .2 1.3.5s.4.6.4 1.1s-.1.8-.4 1.1'/%3E%3C/svg%3E"); --newsCategoryColor1: #ff5050;/*お知らせ*/ --newsCategoryColor2: #98b750;/*お知らせ|学術|学術委員会*/ --newsCategoryColor3: #a5a5a5;/*お知らせ|保険|保険委員会*/ --newsCategoryColor4: #FF8888;/*お知らせ|広報|広報委員会*/ --newsCategoryColor5: #69b7cd;/*お知らせ|佐藤会|佐藤会*/ --newsCategoryColor6: #87A8EB;/*お知らせ|青年部|青年部委員会*/ --newsCategoryColor7: #8b776f;/*お知らせ|事業継承*/ --newsCategoryColor8: #ff5684;/*お知らせ|桜会*/ --newsCategoryColor9: #f39800;/*お知らせ|同窓会*/ --newsCategoryColor10: #af8ff9;/*イベント*/ --newsCategoryColor11: #acd34e;/*イベント|クラス会*/ --newsCategoryColor12: #FF8888;/*イベント|クラブOB・OG会*/ --newsCategoryColor13: #87A8EB;/*イベント|支部便り*/ --newsCategoryColor14: #8b776f;/*イベント|医局・同門会*/ --newsCategoryColor15: #e60033;/*イベント| |全体管理者*/ --seminarCategoryColor1: #FCBE60;/*イブニングセミナー*/ --seminarCategoryColor2: #C1E864;/*実習セミナー*/ --seminarCategoryColor3: #87A8EB;/*講演会*/ --seminarCategoryColor4: #FF8888;/*地方臨床懇話会*/ --seminarCategoryColor5: #9B8FB8;/*保険講習会*/ --seminarStatusColor1: #f2a343;/*受付中*/ --seminarStatusColor2: #ad5e30;/*受付終了*/ --seminarStatusColor3: #86bf44;/*開催日未定*/ } /*□□□□□□□□□□ 汎用クラス □□□□□□□□□□*/ /*||| アイコン類 |||*/ /*maskを指定してあるものはbackgroundで色変更*/ [data-icon] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-decoration: none; } [data-icon]:not(.icon_before):not(.icon_after)::before { display: block; width: 1em; height: 1em; content: ""; } [data-icon]::before, [data-icon]::after { mask-mode: alpha; background-color: #333; } [data-icon].icon_before::before { display: block; width: 1em; height: 1em; content: ""; } [data-icon].icon_before::after { display: none; } [data-icon].icon_after::before { display: none; } [data-icon].icon_after::after { display: block; width: 1em; height: 1em; content: ""; } [data-icon].icon_white::before, [data-icon].icon_white::after { background-color: #fff !important; } [data-icon=arrow_next]::before, [data-icon=arrow_next]::after { -webkit-mask: url("/images/svg/arrow_next.svg") no-repeat center center/contain; mask: url("/images/svg/arrow_next.svg") no-repeat center center/contain; } [data-icon=arrow_prev]::before, [data-icon=arrow_prev]::after { -webkit-mask: url("/images/svg/arrow_next.svg") no-repeat center center/contain; mask: url("/images/svg/arrow_next.svg") no-repeat center center/contain; -webkit-transform: rotate(180deg); transform: rotate(180deg); } [data-icon=close]::before, [data-icon=close]::after { -webkit-mask: url("/images/svg/close.svg") no-repeat center center/contain; mask: url("/images/svg/close.svg") no-repeat center center/contain; } [data-icon=tel]::before, [data-icon=tel]::after { -webkit-mask: url("/images/svg/tel.svg") no-repeat center center/contain; mask: url("/images/svg/tel.svg") no-repeat center center/contain; } [data-icon=fax]::before, [data-icon=fax]::after { -webkit-mask: url("/images/svg/fax.svg") no-repeat center center/contain; mask: url("/images/svg/fax.svg") no-repeat center center/contain; } /*ナビアイコン*/ [data-icon=news]::before, [data-icon=news]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=calender]::before, [data-icon=calender]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=event]::before, [data-icon=event]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=join]::before, [data-icon=join]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=officer]::before, [data-icon=officer]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=alumni]::before, [data-icon=alumni]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=esditorial]::before, [data-icon=esditorial]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=it]::before, [data-icon=it]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } [data-icon=secretariat]::before, [data-icon=secretariat]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } /*クラス会*/ [data-icon=class]::before, [data-icon=class]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } /*支部*/ [data-icon=branch]::before, [data-icon=branch]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } /*事業継承*/ [data-icon=it]::before, [data-icon=it]::after { -webkit-mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=UTF-8, ') no-repeat center center/contain; } /*保健News*/ [data-icon=insurance]::before, [data-icon=insurance]::after { -webkit-mask: url('/images/common/gnav/insurance.png') no-repeat center center/contain; mask: url('/images/common/gnav/insurance.png') no-repeat center center/contain; } /*青年部News*/ [data-icon=youth]::before, [data-icon=youth]::after { -webkit-mask: url('/images/common/gnav/youth.png') no-repeat center center/contain; mask: url('/images/common/gnav/youth.png') no-repeat center center/contain; } /*学術News*/ [data-icon=academic]::before, [data-icon=academic]::after { -webkit-mask: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20150%20150%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M14.9%2C31.4h78.5c.6%2C0%2C1.1.5%2C1.1%2C1.1v.6c0%2C.6-.5%2C1.1-1.1%2C1.1H14.9c-.6%2C0-1.1-.5-1.1-1.1v-.6c0-.6.5-1.1%2C1.1-1.1Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M46.2%2C44.1c.5-.4%2C1.1-.3%2C1.5.2l33.6%2C41.8c.4.5.3%2C1.1-.2%2C1.5l-.5.4c-.5.4-1.1.3-1.5-.2l-33.6-41.8c-.4-.5-.3-1.1.2-1.5l.5-.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M110.2%2C86.6v10.2l-4%2C2-15.2-9.3c-2.5-1.5-5.9-.4-7.7%2C2.4-1.8%2C2.9-1.2%2C6.4%2C1.3%2C8l18.9%2C11.7c2%2C1.2%2C4.5.8%2C6.4-.9l.3-.2v11.2c0%2C4.6%2C8.7%2C8.3%2C19.3%2C8.3s19.3-3.7%2C19.3-8.3v-35.1c0-4.6-8.7-8.3-19.3-8.3s-19.3%2C3.7-19.3%2C8.3Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.1%2C89.4c0-9.1-7.3-16.5-16.4-16.5s-16.4%2C7.4-16.4%2C16.5%2C7.3%2C16.5%2C16.4%2C16.5%2C16.4-7.4%2C16.4-16.5Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M37.8%2C105.8c-10.7%2C0-19.3%2C1.7-19.3%2C3.9v16.4c0%2C2.2%2C8.7%2C3.9%2C19.3%2C3.9s19.3-1.7%2C19.3-3.9v-16.4c0-2.2-8.7-3.9-19.3-3.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.3%2C79.8h-5.3c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h3.8c.4-1%2C.9-1.9%2C1.5-2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M27.9%2C72.9h-12.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h8.8c1.2-1.1%2C2.6-2.1%2C4.2-2.9Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M14.3%2C91.8c-6.3%2C0-11.4-5.1-11.4-11.4v-45.8c0-6.3%2C5.1-11.4%2C11.4-11.4h78.2c6.3%2C0%2C11.4%2C5.1%2C11.4%2C11.4v45.8c0%2C4.6-2.7%2C8.5-6.5%2C10.3l3.8%2C2.4c3.6-2.2%2C6-6.2%2C6-10.7v-49.9c0-6.9-5.6-12.5-12.5-12.5H12.5c-6.9%2C0-12.5%2C5.6-12.5%2C12.5v49.9c0%2C6.9%2C5.6%2C12.5%2C12.5%2C12.5h5.9c-.3-1-.6-2-.7-3.1h-3.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M80.9%2C91.8h-23.4c-.1%2C1.1-.4%2C2.1-.7%2C3.1h23.1c.2-1%2C.6-2.1%2C1.1-3.1Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M81.5%2C82.7h11.9c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-14.2l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M69.9%2C79.8h-15c.6.9%2C1.1%2C1.9%2C1.5%2C2.9h15.8l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M75.9%2C75.8h17.5c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-19.8l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.3%2C72.9h-17.1c1.5.8%2C2.9%2C1.7%2C4.2%2C2.9h15.2l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M70.4%2C68.8h23c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-25.3l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M58.8%2C66H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h46.1l-2.3-2.9Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.8%2C61.9h28.6c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-30.9l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M53.2%2C59.1H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h40.6l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M59.3%2C55h34.1c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-36.4l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M47.7%2C52.2H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h35l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M53.7%2C48.1h39.7c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-42l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M43.4%2C46.9c-.4-.5-.6-1-.6-1.6H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h29.5l-1-1.3Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D%22M14.9%2C38.4h78.5c.6%2C0%2C1.1.5%2C1.1%2C1.1v.6c0%2C.6-.5%2C1.1-1.1%2C1.1H14.9c-.6%2C0-1.1-.5-1.1-1.1v-.6c0-.6.5-1.1%2C1.1-1.1Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M140.6%2C49.7l-11.1%2C4-11.1-4c-3.2%2C3-5.3%2C7.3-5.3%2C12.1%2C0%2C9.1%2C7.3%2C16.5%2C16.4%2C16.5s16.4-7.4%2C16.4-16.5-2-9.1-5.3-12.1Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M150%2C54l-1.7-8.8c0-.3-.2-.5-.4-.7h.1c0%2C0-18.5-6.8-18.5-6.8l-18.5%2C6.7%2C18.5%2C6.7%2C16.2-5.9c0%2C.1%2C0%2C.2%2C0%2C.4l1.7%2C8.8c.1.6.7.9%2C1.2.8h.6c.6-.2.9-.8.8-1.3Z%22%2F%3E%20%3C%2Fg%3E%20%3Cmetadata%3E%20%3Csfw%20xmlns%3D%22http%3A%2F%2Fns.adobe.com%2FSaveForWeb%2F1.0%2F%22%3E%20%3Cslices%2F%3E%20%3CsliceSourceBounds%20x%3D%22-48%22%20y%3D%22-207%22%20width%3D%221762%22%20height%3D%22266%22%20bottomLeftOrigin%3D%22true%22%2F%3E%20%3C%2Fsfw%3E%20%3C%2Fmetadata%3E%3C%2Fsvg%3E') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20150%20150%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M14.9%2C31.4h78.5c.6%2C0%2C1.1.5%2C1.1%2C1.1v.6c0%2C.6-.5%2C1.1-1.1%2C1.1H14.9c-.6%2C0-1.1-.5-1.1-1.1v-.6c0-.6.5-1.1%2C1.1-1.1Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M46.2%2C44.1c.5-.4%2C1.1-.3%2C1.5.2l33.6%2C41.8c.4.5.3%2C1.1-.2%2C1.5l-.5.4c-.5.4-1.1.3-1.5-.2l-33.6-41.8c-.4-.5-.3-1.1.2-1.5l.5-.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M110.2%2C86.6v10.2l-4%2C2-15.2-9.3c-2.5-1.5-5.9-.4-7.7%2C2.4-1.8%2C2.9-1.2%2C6.4%2C1.3%2C8l18.9%2C11.7c2%2C1.2%2C4.5.8%2C6.4-.9l.3-.2v11.2c0%2C4.6%2C8.7%2C8.3%2C19.3%2C8.3s19.3-3.7%2C19.3-8.3v-35.1c0-4.6-8.7-8.3-19.3-8.3s-19.3%2C3.7-19.3%2C8.3Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.1%2C89.4c0-9.1-7.3-16.5-16.4-16.5s-16.4%2C7.4-16.4%2C16.5%2C7.3%2C16.5%2C16.4%2C16.5%2C16.4-7.4%2C16.4-16.5Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M37.8%2C105.8c-10.7%2C0-19.3%2C1.7-19.3%2C3.9v16.4c0%2C2.2%2C8.7%2C3.9%2C19.3%2C3.9s19.3-1.7%2C19.3-3.9v-16.4c0-2.2-8.7-3.9-19.3-3.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.3%2C79.8h-5.3c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h3.8c.4-1%2C.9-1.9%2C1.5-2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M27.9%2C72.9h-12.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h8.8c1.2-1.1%2C2.6-2.1%2C4.2-2.9Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M14.3%2C91.8c-6.3%2C0-11.4-5.1-11.4-11.4v-45.8c0-6.3%2C5.1-11.4%2C11.4-11.4h78.2c6.3%2C0%2C11.4%2C5.1%2C11.4%2C11.4v45.8c0%2C4.6-2.7%2C8.5-6.5%2C10.3l3.8%2C2.4c3.6-2.2%2C6-6.2%2C6-10.7v-49.9c0-6.9-5.6-12.5-12.5-12.5H12.5c-6.9%2C0-12.5%2C5.6-12.5%2C12.5v49.9c0%2C6.9%2C5.6%2C12.5%2C12.5%2C12.5h5.9c-.3-1-.6-2-.7-3.1h-3.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M80.9%2C91.8h-23.4c-.1%2C1.1-.4%2C2.1-.7%2C3.1h23.1c.2-1%2C.6-2.1%2C1.1-3.1Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M81.5%2C82.7h11.9c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-14.2l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M69.9%2C79.8h-15c.6.9%2C1.1%2C1.9%2C1.5%2C2.9h15.8l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M75.9%2C75.8h17.5c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-19.8l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.3%2C72.9h-17.1c1.5.8%2C2.9%2C1.7%2C4.2%2C2.9h15.2l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M70.4%2C68.8h23c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-25.3l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M58.8%2C66H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h46.1l-2.3-2.9Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.8%2C61.9h28.6c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-30.9l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M53.2%2C59.1H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h40.6l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M59.3%2C55h34.1c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-36.4l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M47.7%2C52.2H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h35l-2.3-2.9Z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M53.7%2C48.1h39.7c.6%2C0%2C1.1-.5%2C1.1-1.1v-.6c0-.6-.5-1.1-1.1-1.1h-42l2.3%2C2.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M43.4%2C46.9c-.4-.5-.6-1-.6-1.6H14.9c-.6%2C0-1.1.5-1.1%2C1.1v.6c0%2C.6.5%2C1.1%2C1.1%2C1.1h29.5l-1-1.3Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D%22M14.9%2C38.4h78.5c.6%2C0%2C1.1.5%2C1.1%2C1.1v.6c0%2C.6-.5%2C1.1-1.1%2C1.1H14.9c-.6%2C0-1.1-.5-1.1-1.1v-.6c0-.6.5-1.1%2C1.1-1.1Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M140.6%2C49.7l-11.1%2C4-11.1-4c-3.2%2C3-5.3%2C7.3-5.3%2C12.1%2C0%2C9.1%2C7.3%2C16.5%2C16.4%2C16.5s16.4-7.4%2C16.4-16.5-2-9.1-5.3-12.1Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M150%2C54l-1.7-8.8c0-.3-.2-.5-.4-.7h.1c0%2C0-18.5-6.8-18.5-6.8l-18.5%2C6.7%2C18.5%2C6.7%2C16.2-5.9c0%2C.1%2C0%2C.2%2C0%2C.4l1.7%2C8.8c.1.6.7.9%2C1.2.8h.6c.6-.2.9-.8.8-1.3Z%22%2F%3E%20%3C%2Fg%3E%20%3Cmetadata%3E%20%3Csfw%20xmlns%3D%22http%3A%2F%2Fns.adobe.com%2FSaveForWeb%2F1.0%2F%22%3E%20%3Cslices%2F%3E%20%3CsliceSourceBounds%20x%3D%22-48%22%20y%3D%22-207%22%20width%3D%221762%22%20height%3D%22266%22%20bottomLeftOrigin%3D%22true%22%2F%3E%20%3C%2Fsfw%3E%20%3C%2Fmetadata%3E%3C%2Fsvg%3E') no-repeat center center/contain; } /*佐藤会News*/ [data-icon=satoukai]::before, [data-icon=satoukai]::after { -webkit-mask: url('/images/common/gnav/satoukai.png') no-repeat center center/contain; mask: url('/images/common/gnav/satoukai.png') no-repeat center center/contain; } /*桜会News*/ [data-icon=sakurakai]::before, [data-icon=sakurakai]::after { -webkit-mask: url('/images/common/gnav/sakurakai.png') no-repeat center center/contain; mask: url('/images/common/gnav/sakurakai.png') no-repeat center center/contain; } /*obNews*/ [data-icon=ob]::before, [data-icon=ob]::after { -webkit-mask: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20150%20150%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M48.2%2C43.6c0-10.8%2C8.7-19.5%2C19.4-19.5s19.4%2C8.7%2C19.4%2C19.5-8.7%2C19.5-19.4%2C19.5-19.4-8.7-19.4-19.5Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M67.7%2C63.2c-12.7%2C0-23%2C3.9-23%2C8.7v7.7c.2.2.4.4.6.7l12.4%2C15.5c1.7%2C2.1%2C1.4%2C5.2-.8%2C6.9l-2.1%2C1.7c-2.1%2C1.7-5.2%2C1.4-6.9-.8l-3.2-4v9c0%2C4.8%2C10.3%2C8.7%2C23%2C8.7s12.6-1.1%2C16.8-2.8c-1.2-.4-2.4-.8-3.5-1.4l-6.3-4.2c-2-1.5-3.8-2.8-5.5-4.7-1.7-1.9-3.7-4.9-4.8-6.7-1.1-1.8-1.4-3-1.8-4.3-.3-1.4-.4-2.2-.3-3.8.1-1.6.4-4.1%2C1.1-5.7.7-1.6%2C2-2.9%2C3.3-4.1%2C1.3-1.2%2C3.1-2.1%2C4.7-3.1l5-2.6%2C6.9-2.3c1.7-.7%2C2.4-.8%2C3.6-2.1.4-.4.8-1%2C1.2-1.6-3.8-2.8-11.5-4.8-20.5-4.8Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M148.6%2C37.1c1.3.2%2C1.2%2C1.6%2C1.3%2C2.3.2.9-.5%2C2-1.9%2C3.4l-7.1%2C4.5-3.3%2C3.9-4.5%2C1.1-26.1%2C26.7%2C2.5%2C2.2c.8.4%2C1.5.2%2C2.3.1.8%2C0%2C1.7-.5%2C2.5-.6.9%2C0%2C2-.4%2C2.6%2C0%2C.6.4%2C1.2%2C1.6%2C1%2C2.6-.2%2C1-.6%2C1.3-2%2C3.2-1.4%2C1.9-2%2C1.7-3.5%2C2.4l-4.6%2C2.1c-1.1.6-1.5.9-1.8%2C1.7l-.8%2C2.3-1.4%2C4.6c-.6%2C1.6-1.2%2C3.8-2%2C5.2-.8%2C1.5-1.9%2C2.5-2.9%2C3.5-1%2C1-1.8%2C1.9-3%2C2.6-1.2.6-2.7%2C1.2-4.1%2C1.2s-3.1-.6-4.8-1.2c-1.7-.6-3.7-1.3-5.4-2.3l-4.6-3.7c-1.4-1.3-2.8-2.4-4-4-1.2-1.6-2.6-4.1-3.4-5.6-.8-1.5-.9-2.4-1.1-3.5-.2-1.1-.2-1.8%2C0-3%2C.2-1.3.5-3.2%2C1.1-4.5.6-1.3%2C1.7-2.2%2C2.8-3%2C1.1-.9%2C2.5-1.5%2C3.8-2.2l4-1.8%2C5.4-1.5c1.4-.5%2C1.9-.5%2C2.9-1.5%2C1-.9%2C1.9-2.4%2C2.9-4.1%2C1-1.7%2C2.2-4.7%2C3.3-6.3%2C1.1-1.6%2C2.4-2.8%2C3.4-3.5%2C1-.8%2C1.6-.9%2C2.6-1.1%2C1-.2%2C2.9-.6%2C3.6-.2.7.4%2C1.6%2C1.3.5%2C2.4l-3.3%2C3.3c-.5%2C1.1-.3%2C2.4%2C0%2C3l1%2C1.9c.4.5.9%2C1.2%2C1.4%2C1.3l1.4.4%2C23.9-22.6%2C1.4-4.1%2C16.3-7.2c.4-.1.7-.2%2C1-.2.3%2C0%2C.5%2C0%2C.7%2C0ZM144.7%2C39.1c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM141.9%2C40.1c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM139.1%2C41.4c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM136.4%2C42.6c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM133.6%2C43.9c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM97.9%2C70.8c-.3%2C0-.5%2C0-.7%2C0-.8.1-1.6.8-2.3%2C1.5-.6.7-1.2%2C1.8-1.6%2C2.6-.4.7-.5%2C1.4-.9%2C1.8-.4.5-.8.7-1.4%2C1-.8.2-1.6.3-2.4.6-.8.3-1.5.5-2.4%2C1-.9.4-2.1%2C1-2.9%2C1.6-.8.6-1.2%2C1-1.6%2C1.8-.4.8-.8%2C2.3-.9%2C3.2-.1.9%2C0%2C1.5.1%2C2.2%2C0%2C.7%2C1.9%2C2.3%2C3.1%2C3.4%2C1.3%2C1.1%2C3.2%2C2%2C4.5%2C3%2C1.4%2C1%2C2.3%2C2.4%2C2.9%2C3.4.6%2C1%2C.7%2C1.7.9%2C2.4.1%2C1.1-.3%2C3.1%2C0%2C4%2C.3.9%2C1%2C1.5%2C1.8%2C1.6.7%2C0%2C1.9-.6%2C2.5-1.1l1.8-2.1%2C1.8-3.4c.6-1.1.6-1.7.9-2.6.3-.8.4-1.6.8-2.4.4-.9.8-1.9%2C1.4-2.8.6-.9%2C1.2-1.9%2C2-2.7.8-.7%2C1.9-1.1%2C2.9-1.7%2C1-.6%2C2.2-1.6%2C3.1-2.2l1.8-1.7c-1.3.4-3%2C.7-4.3.6-1.2%2C0-2.4-.6-3.1-1.2-.8-.6-.8-1.4-1.5-2.6l-2-3.4c-.5-1.2-1.2-3.1-1.5-3.7l-.9-1.6c-.2-.4-1.1-.6-1.8-.6ZM97.2%2C78.3c.2%2C0%2C.3%2C0%2C.4.2l5.3%2C5.2c.2.2.2.6%2C0%2C.9l-1.8%2C1.7c-.2.2-.6.2-.9%2C0l-5.3-5.2c-.2-.2-.2-.6%2C0-.9l1.8-1.7c.1-.1.3-.2.4-.2ZM93.3%2C81.8c.2%2C0%2C.3%2C0%2C.4.2l5.3%2C5.2c.2.2.2.6%2C0%2C.9l-1.8%2C1.7c-.2.2-.6.2-.9%2C0l-5.3-5.2c-.2-.2-.2-.6%2C0-.9l1.8-1.7c.1-.1.3-.2.4-.2ZM89.3%2C85.4c.2%2C0%2C.3%2C0%2C.4.2l5.3%2C5.2c.2.2.2.6%2C0%2C.9l-1.8%2C1.7c-.2.2-.6.2-.9%2C0l-5.3-5.2c-.2-.2-.2-.6%2C0-.9l1.8-1.7c.1-.1.3-.2.4-.2Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C105.2h7.1c.4-5%2C3.1-9.4%2C6.8-11.8-3.5-3.9-8.5-6.4-14.1-6.6l.2%2C18.3Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M29%2C105.2h9.8c-.2-3.9-1.6-7.4-3.7-10.4-3.3%2C2.1-5.7%2C5.9-6.1%2C10.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10.4%2C105.2h7.8l-.2-18.3c-5.6.4-10.6%2C3.2-13.8%2C7.4%2C3.3%2C2.4%2C5.7%2C6.3%2C6.2%2C10.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M34.7%2C118.4c2.5-3.2%2C4-7.1%2C4.1-11.4h-9.9c0%2C4.9%2C2.4%2C9.1%2C5.8%2C11.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M27.1%2C107h-7l.2%2C18.9c5.2-.2%2C9.9-2.5%2C13.3-6.1-3.8-2.7-6.4-7.4-6.5-12.8Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M18.2%2C107h-7.7c0%2C0%2C0%2C.1%2C0%2C.2%2C0%2C5-2.2%2C9.5-5.5%2C12.3%2C3.4%2C3.7%2C8.1%2C6.1%2C13.4%2C6.4l-.2-18.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M3.1%2C95.8c-1.8%2C2.8-2.9%2C6-3.1%2C9.5h8.5c-.5-4-2.6-7.4-5.4-9.5Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M8.7%2C107H0c.1%2C4.2%2C1.5%2C8%2C3.9%2C11.1%2C2.9-2.5%2C4.8-6.4%2C4.8-10.9s0-.1%2C0-.2Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M130.1%2C108.5c0-3.3-5.3-5.9-11.8-5.9s-11.8%2C2.6-11.8%2C5.9.3%2C1.5.8%2C2.1l4%2C8.7s0%2C0%2C0%2C.1h0s0%2C0%2C0%2C0c.3.5%2C1.5%2C1%2C3.2%2C1.2v1.7c0%2C.3%2C1.8.5%2C4.1.5s4.1-.2%2C4.1-.5v-1.8c1.4-.3%2C2.4-.7%2C2.6-1.1h0s4.2-9.2%2C4.2-9.2c.2-.3.3-.6.4-.9h0s0%2C0%2C0%2C0c0-.3.1-.5.1-.8ZM118.4%2C112.2c-5%2C0-9-1.6-9-3.6s4-3.6%2C9-3.6%2C9%2C1.6%2C9%2C3.6-4%2C3.6-9%2C3.6Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.7%2C98.3l-11.9-14.7-3.2-8.3c3.1-5.9%2C2-14.5-3.4-21.4-3.6-4.6-8.4-7.6-13.1-8.6h0s0%2C0%2C0%2C0c-4.2-.8-8.2-.2-11.4%2C2.3-3%2C2.4-4.7%2C6-5%2C10h-.1c0%2C.1.1.3.1.3%2C0%2C.3%2C0%2C.7%2C0%2C1h0s0%2C0%2C0%2C0c0%2C4.4%2C1.5%2C9.1%2C4.6%2C13.3h0s.6.7.6.7c.2.2.4.4.5.7h0s0%2C0%2C0%2C0c5.4%2C6.5%2C13.2%2C9.4%2C19.5%2C7.8l8.4%2C6.3%2C10.8%2C13.5c.6.8%2C1.8.9%2C2.6.3l.8-.6c.8-.6.9-1.8.3-2.6ZM33.2%2C74.4l2.3-1.9%2C1.3%2C1.6c-.5.9-1.2%2C1.7-2%2C2.4l-1.6-2.1ZM25.3%2C78.6s0%2C0-.1%2C0l-1.6-2%2C1.9-1.5%2C1.6%2C2.1-1.8%2C1.5h0ZM17.7%2C49.6l-2.2%2C1.8-2-2.7c1-.6%2C2-1.1%2C3.1-1.4l-.4.3%2C1.5%2C1.9ZM33.2%2C54.5l-2.7%2C2.1-1.7-2.2%2C2.5-2c.7.6%2C1.3%2C1.3%2C1.9%2C2ZM27.1%2C61.7l1.7%2C2.2-2.3%2C1.8-1.7-2.2%2C2.3-1.8ZM23.7%2C62.1l-1.7-2.2%2C2.2-1.8%2C1.7%2C2.2-2.3%2C1.8ZM28.5%2C60.5l1.7-1.4%2C1.7%2C2.2-1.7%2C1.4-1.7-2.2ZM27.4%2C59.1l-1.7-2.2%2C1.7-1.4%2C1.7%2C2.2-1.7%2C1.4ZM24.6%2C55.5l-1.7-2.2%2C1.7-1.4%2C1.7%2C2.2-1.7%2C1.4ZM23.2%2C56.6l-2.2%2C1.8-1.6-2.1%2C2.2-1.8%2C1.7%2C2.1ZM19.5%2C59.6l-2.3%2C1.9-1.6-2%2C2.3-1.9%2C1.6%2C2.1ZM20.6%2C61l1.7%2C2.2-2.3%2C1.9-1.7-2.2%2C2.3-1.9ZM23.4%2C64.6l1.7%2C2.2-2.3%2C1.9-1.7-2.2%2C2.3-1.9ZM24.3%2C73.6l-1.9%2C1.5-1.8-2.3%2C1.9-1.5%2C1.8%2C2.3ZM23.9%2C70.1l2.3-1.8%2C1.8%2C2.3-2.3%2C1.8-1.8-2.3ZM27.7%2C67.2l2.3-1.8%2C1.8%2C2.3-2.3%2C1.9-1.8-2.3ZM31.4%2C64.2l1.7-1.4%2C1.8%2C2.3-1.7%2C1.4-1.8-2.3ZM36%2C66.5l1.6%2C2-1.7%2C1.4-1.6-2%2C1.7-1.4ZM37.4%2C65.4l.8-.6c.1.6.2%2C1.3.2%2C1.9l-1-1.3ZM37.7%2C62.8l-1.4%2C1.1-1.8-2.3%2C2.1-1.7c.4%2C1%2C.8%2C1.9%2C1.1%2C2.9ZM33.4%2C60.2l-1.7-2.2%2C2.6-2.1c.6.8%2C1.1%2C1.6%2C1.5%2C2.4l-2.4%2C2ZM27.7%2C53l-1.7-2.2%2C1.5-1.2c.8.5%2C1.7%2C1.1%2C2.5%2C1.7l-2.2%2C1.7ZM24.9%2C49.3l-1.2-1.5c.7.2%2C1.3.5%2C2%2C.8l-.8.7ZM23.5%2C50.5l-1.7%2C1.4-1.6-2%2C1.7-1.4%2C1.5%2C2ZM20.4%2C53.1l-2.2%2C1.8-1.6-2%2C2.2-1.8%2C1.6%2C2ZM16.8%2C56.1l-2.3%2C2-1.6-2.1%2C2.4-1.9%2C1.6%2C2.1ZM13.1%2C59.2l-1.9%2C1.6-1.6-2.1%2C1.9-1.5%2C1.6%2C2.1ZM9%2C56.8c0-.8.2-1.6.4-2.3l.9%2C1.2-1.3%2C1.1ZM9.9%2C61.9l-.4.3c0-.4-.2-.8-.2-1.2l.7.8ZM11%2C63.4l1.5%2C1.9-1.5%2C1.2c-.4-.8-.7-1.5-.9-2.3l1-.8ZM12.4%2C62.2l1.9-1.6%2C1.5%2C2-1.9%2C1.5-1.5-1.9ZM16.9%2C64l1.7%2C2.2-1.9%2C1.5-1.7-2.2%2C1.9-1.5ZM19.7%2C67.7l1.7%2C2.2-1.9%2C1.5-1.7-2.2%2C1.9-1.5ZM21.1%2C76.3l-.6.5c-.9-.5-1.8-1.1-2.6-1.7l1.4-1.1%2C1.8%2C2.3ZM26.9%2C73.9l2.3-1.8%2C1.6%2C2-2.2%2C1.8-1.6-2ZM30.6%2C70.9l2.3-1.9%2C1.6%2C2-2.3%2C1.9-1.6-2ZM37%2C71.4l1.2-1c-.1.7-.3%2C1.3-.5%2C1.9l-.7-.9ZM20.7%2C47.2l-1.6%2C1.3-1-1.3c.8%2C0%2C1.7%2C0%2C2.6%2C0ZM12.1%2C49.9l2.1%2C2.7-2.4%2C1.9-1.6-2c.5-1%2C1.1-1.9%2C1.9-2.6ZM11.8%2C68.1l1.8-1.4%2C1.7%2C2.2-1.9%2C1.6c-.6-.8-1.1-1.5-1.5-2.3ZM16.4%2C70.3l1.7%2C2.2-1.7%2C1.4c-.7-.6-1.3-1.3-2-2l1.9-1.5ZM27.7%2C78.9l.4-.4.3.4c-.2%2C0-.5%2C0-.7%2C0ZM30.6%2C78.6l-1-1.3%2C2.2-1.8%2C1.5%2C2c-.9.5-1.8.9-2.8%2C1.1Z%22%2F%3E%20%3Cmetadata%3E%20%3Csfw%20xmlns%3D%22http%3A%2F%2Fns.adobe.com%2FSaveForWeb%2F1.0%2F%22%3E%20%3Cslices%2F%3E%20%3CsliceSourceBounds%20x%3D%22-48%22%20y%3D%22-207%22%20width%3D%221762%22%20height%3D%22266%22%20bottomLeftOrigin%3D%22true%22%2F%3E%20%3C%2Fsfw%3E%20%3C%2Fmetadata%3E%3C%2Fsvg%3E') no-repeat center center/contain; mask: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20150%20150%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M48.2%2C43.6c0-10.8%2C8.7-19.5%2C19.4-19.5s19.4%2C8.7%2C19.4%2C19.5-8.7%2C19.5-19.4%2C19.5-19.4-8.7-19.4-19.5Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M67.7%2C63.2c-12.7%2C0-23%2C3.9-23%2C8.7v7.7c.2.2.4.4.6.7l12.4%2C15.5c1.7%2C2.1%2C1.4%2C5.2-.8%2C6.9l-2.1%2C1.7c-2.1%2C1.7-5.2%2C1.4-6.9-.8l-3.2-4v9c0%2C4.8%2C10.3%2C8.7%2C23%2C8.7s12.6-1.1%2C16.8-2.8c-1.2-.4-2.4-.8-3.5-1.4l-6.3-4.2c-2-1.5-3.8-2.8-5.5-4.7-1.7-1.9-3.7-4.9-4.8-6.7-1.1-1.8-1.4-3-1.8-4.3-.3-1.4-.4-2.2-.3-3.8.1-1.6.4-4.1%2C1.1-5.7.7-1.6%2C2-2.9%2C3.3-4.1%2C1.3-1.2%2C3.1-2.1%2C4.7-3.1l5-2.6%2C6.9-2.3c1.7-.7%2C2.4-.8%2C3.6-2.1.4-.4.8-1%2C1.2-1.6-3.8-2.8-11.5-4.8-20.5-4.8Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M148.6%2C37.1c1.3.2%2C1.2%2C1.6%2C1.3%2C2.3.2.9-.5%2C2-1.9%2C3.4l-7.1%2C4.5-3.3%2C3.9-4.5%2C1.1-26.1%2C26.7%2C2.5%2C2.2c.8.4%2C1.5.2%2C2.3.1.8%2C0%2C1.7-.5%2C2.5-.6.9%2C0%2C2-.4%2C2.6%2C0%2C.6.4%2C1.2%2C1.6%2C1%2C2.6-.2%2C1-.6%2C1.3-2%2C3.2-1.4%2C1.9-2%2C1.7-3.5%2C2.4l-4.6%2C2.1c-1.1.6-1.5.9-1.8%2C1.7l-.8%2C2.3-1.4%2C4.6c-.6%2C1.6-1.2%2C3.8-2%2C5.2-.8%2C1.5-1.9%2C2.5-2.9%2C3.5-1%2C1-1.8%2C1.9-3%2C2.6-1.2.6-2.7%2C1.2-4.1%2C1.2s-3.1-.6-4.8-1.2c-1.7-.6-3.7-1.3-5.4-2.3l-4.6-3.7c-1.4-1.3-2.8-2.4-4-4-1.2-1.6-2.6-4.1-3.4-5.6-.8-1.5-.9-2.4-1.1-3.5-.2-1.1-.2-1.8%2C0-3%2C.2-1.3.5-3.2%2C1.1-4.5.6-1.3%2C1.7-2.2%2C2.8-3%2C1.1-.9%2C2.5-1.5%2C3.8-2.2l4-1.8%2C5.4-1.5c1.4-.5%2C1.9-.5%2C2.9-1.5%2C1-.9%2C1.9-2.4%2C2.9-4.1%2C1-1.7%2C2.2-4.7%2C3.3-6.3%2C1.1-1.6%2C2.4-2.8%2C3.4-3.5%2C1-.8%2C1.6-.9%2C2.6-1.1%2C1-.2%2C2.9-.6%2C3.6-.2.7.4%2C1.6%2C1.3.5%2C2.4l-3.3%2C3.3c-.5%2C1.1-.3%2C2.4%2C0%2C3l1%2C1.9c.4.5.9%2C1.2%2C1.4%2C1.3l1.4.4%2C23.9-22.6%2C1.4-4.1%2C16.3-7.2c.4-.1.7-.2%2C1-.2.3%2C0%2C.5%2C0%2C.7%2C0ZM144.7%2C39.1c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM141.9%2C40.1c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM139.1%2C41.4c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM136.4%2C42.6c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM133.6%2C43.9c-.6%2C0-1.2.5-1.2%2C1.1s.5%2C1.1%2C1.2%2C1.1%2C1.2-.5%2C1.2-1.1-.5-1.1-1.2-1.1ZM97.9%2C70.8c-.3%2C0-.5%2C0-.7%2C0-.8.1-1.6.8-2.3%2C1.5-.6.7-1.2%2C1.8-1.6%2C2.6-.4.7-.5%2C1.4-.9%2C1.8-.4.5-.8.7-1.4%2C1-.8.2-1.6.3-2.4.6-.8.3-1.5.5-2.4%2C1-.9.4-2.1%2C1-2.9%2C1.6-.8.6-1.2%2C1-1.6%2C1.8-.4.8-.8%2C2.3-.9%2C3.2-.1.9%2C0%2C1.5.1%2C2.2%2C0%2C.7%2C1.9%2C2.3%2C3.1%2C3.4%2C1.3%2C1.1%2C3.2%2C2%2C4.5%2C3%2C1.4%2C1%2C2.3%2C2.4%2C2.9%2C3.4.6%2C1%2C.7%2C1.7.9%2C2.4.1%2C1.1-.3%2C3.1%2C0%2C4%2C.3.9%2C1%2C1.5%2C1.8%2C1.6.7%2C0%2C1.9-.6%2C2.5-1.1l1.8-2.1%2C1.8-3.4c.6-1.1.6-1.7.9-2.6.3-.8.4-1.6.8-2.4.4-.9.8-1.9%2C1.4-2.8.6-.9%2C1.2-1.9%2C2-2.7.8-.7%2C1.9-1.1%2C2.9-1.7%2C1-.6%2C2.2-1.6%2C3.1-2.2l1.8-1.7c-1.3.4-3%2C.7-4.3.6-1.2%2C0-2.4-.6-3.1-1.2-.8-.6-.8-1.4-1.5-2.6l-2-3.4c-.5-1.2-1.2-3.1-1.5-3.7l-.9-1.6c-.2-.4-1.1-.6-1.8-.6ZM97.2%2C78.3c.2%2C0%2C.3%2C0%2C.4.2l5.3%2C5.2c.2.2.2.6%2C0%2C.9l-1.8%2C1.7c-.2.2-.6.2-.9%2C0l-5.3-5.2c-.2-.2-.2-.6%2C0-.9l1.8-1.7c.1-.1.3-.2.4-.2ZM93.3%2C81.8c.2%2C0%2C.3%2C0%2C.4.2l5.3%2C5.2c.2.2.2.6%2C0%2C.9l-1.8%2C1.7c-.2.2-.6.2-.9%2C0l-5.3-5.2c-.2-.2-.2-.6%2C0-.9l1.8-1.7c.1-.1.3-.2.4-.2ZM89.3%2C85.4c.2%2C0%2C.3%2C0%2C.4.2l5.3%2C5.2c.2.2.2.6%2C0%2C.9l-1.8%2C1.7c-.2.2-.6.2-.9%2C0l-5.3-5.2c-.2-.2-.2-.6%2C0-.9l1.8-1.7c.1-.1.3-.2.4-.2Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C105.2h7.1c.4-5%2C3.1-9.4%2C6.8-11.8-3.5-3.9-8.5-6.4-14.1-6.6l.2%2C18.3Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M29%2C105.2h9.8c-.2-3.9-1.6-7.4-3.7-10.4-3.3%2C2.1-5.7%2C5.9-6.1%2C10.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10.4%2C105.2h7.8l-.2-18.3c-5.6.4-10.6%2C3.2-13.8%2C7.4%2C3.3%2C2.4%2C5.7%2C6.3%2C6.2%2C10.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M34.7%2C118.4c2.5-3.2%2C4-7.1%2C4.1-11.4h-9.9c0%2C4.9%2C2.4%2C9.1%2C5.8%2C11.4Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M27.1%2C107h-7l.2%2C18.9c5.2-.2%2C9.9-2.5%2C13.3-6.1-3.8-2.7-6.4-7.4-6.5-12.8Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M18.2%2C107h-7.7c0%2C0%2C0%2C.1%2C0%2C.2%2C0%2C5-2.2%2C9.5-5.5%2C12.3%2C3.4%2C3.7%2C8.1%2C6.1%2C13.4%2C6.4l-.2-18.9Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M3.1%2C95.8c-1.8%2C2.8-2.9%2C6-3.1%2C9.5h8.5c-.5-4-2.6-7.4-5.4-9.5Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M8.7%2C107H0c.1%2C4.2%2C1.5%2C8%2C3.9%2C11.1%2C2.9-2.5%2C4.8-6.4%2C4.8-10.9s0-.1%2C0-.2Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M130.1%2C108.5c0-3.3-5.3-5.9-11.8-5.9s-11.8%2C2.6-11.8%2C5.9.3%2C1.5.8%2C2.1l4%2C8.7s0%2C0%2C0%2C.1h0s0%2C0%2C0%2C0c.3.5%2C1.5%2C1%2C3.2%2C1.2v1.7c0%2C.3%2C1.8.5%2C4.1.5s4.1-.2%2C4.1-.5v-1.8c1.4-.3%2C2.4-.7%2C2.6-1.1h0s4.2-9.2%2C4.2-9.2c.2-.3.3-.6.4-.9h0s0%2C0%2C0%2C0c0-.3.1-.5.1-.8ZM118.4%2C112.2c-5%2C0-9-1.6-9-3.6s4-3.6%2C9-3.6%2C9%2C1.6%2C9%2C3.6-4%2C3.6-9%2C3.6Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.7%2C98.3l-11.9-14.7-3.2-8.3c3.1-5.9%2C2-14.5-3.4-21.4-3.6-4.6-8.4-7.6-13.1-8.6h0s0%2C0%2C0%2C0c-4.2-.8-8.2-.2-11.4%2C2.3-3%2C2.4-4.7%2C6-5%2C10h-.1c0%2C.1.1.3.1.3%2C0%2C.3%2C0%2C.7%2C0%2C1h0s0%2C0%2C0%2C0c0%2C4.4%2C1.5%2C9.1%2C4.6%2C13.3h0s.6.7.6.7c.2.2.4.4.5.7h0s0%2C0%2C0%2C0c5.4%2C6.5%2C13.2%2C9.4%2C19.5%2C7.8l8.4%2C6.3%2C10.8%2C13.5c.6.8%2C1.8.9%2C2.6.3l.8-.6c.8-.6.9-1.8.3-2.6ZM33.2%2C74.4l2.3-1.9%2C1.3%2C1.6c-.5.9-1.2%2C1.7-2%2C2.4l-1.6-2.1ZM25.3%2C78.6s0%2C0-.1%2C0l-1.6-2%2C1.9-1.5%2C1.6%2C2.1-1.8%2C1.5h0ZM17.7%2C49.6l-2.2%2C1.8-2-2.7c1-.6%2C2-1.1%2C3.1-1.4l-.4.3%2C1.5%2C1.9ZM33.2%2C54.5l-2.7%2C2.1-1.7-2.2%2C2.5-2c.7.6%2C1.3%2C1.3%2C1.9%2C2ZM27.1%2C61.7l1.7%2C2.2-2.3%2C1.8-1.7-2.2%2C2.3-1.8ZM23.7%2C62.1l-1.7-2.2%2C2.2-1.8%2C1.7%2C2.2-2.3%2C1.8ZM28.5%2C60.5l1.7-1.4%2C1.7%2C2.2-1.7%2C1.4-1.7-2.2ZM27.4%2C59.1l-1.7-2.2%2C1.7-1.4%2C1.7%2C2.2-1.7%2C1.4ZM24.6%2C55.5l-1.7-2.2%2C1.7-1.4%2C1.7%2C2.2-1.7%2C1.4ZM23.2%2C56.6l-2.2%2C1.8-1.6-2.1%2C2.2-1.8%2C1.7%2C2.1ZM19.5%2C59.6l-2.3%2C1.9-1.6-2%2C2.3-1.9%2C1.6%2C2.1ZM20.6%2C61l1.7%2C2.2-2.3%2C1.9-1.7-2.2%2C2.3-1.9ZM23.4%2C64.6l1.7%2C2.2-2.3%2C1.9-1.7-2.2%2C2.3-1.9ZM24.3%2C73.6l-1.9%2C1.5-1.8-2.3%2C1.9-1.5%2C1.8%2C2.3ZM23.9%2C70.1l2.3-1.8%2C1.8%2C2.3-2.3%2C1.8-1.8-2.3ZM27.7%2C67.2l2.3-1.8%2C1.8%2C2.3-2.3%2C1.9-1.8-2.3ZM31.4%2C64.2l1.7-1.4%2C1.8%2C2.3-1.7%2C1.4-1.8-2.3ZM36%2C66.5l1.6%2C2-1.7%2C1.4-1.6-2%2C1.7-1.4ZM37.4%2C65.4l.8-.6c.1.6.2%2C1.3.2%2C1.9l-1-1.3ZM37.7%2C62.8l-1.4%2C1.1-1.8-2.3%2C2.1-1.7c.4%2C1%2C.8%2C1.9%2C1.1%2C2.9ZM33.4%2C60.2l-1.7-2.2%2C2.6-2.1c.6.8%2C1.1%2C1.6%2C1.5%2C2.4l-2.4%2C2ZM27.7%2C53l-1.7-2.2%2C1.5-1.2c.8.5%2C1.7%2C1.1%2C2.5%2C1.7l-2.2%2C1.7ZM24.9%2C49.3l-1.2-1.5c.7.2%2C1.3.5%2C2%2C.8l-.8.7ZM23.5%2C50.5l-1.7%2C1.4-1.6-2%2C1.7-1.4%2C1.5%2C2ZM20.4%2C53.1l-2.2%2C1.8-1.6-2%2C2.2-1.8%2C1.6%2C2ZM16.8%2C56.1l-2.3%2C2-1.6-2.1%2C2.4-1.9%2C1.6%2C2.1ZM13.1%2C59.2l-1.9%2C1.6-1.6-2.1%2C1.9-1.5%2C1.6%2C2.1ZM9%2C56.8c0-.8.2-1.6.4-2.3l.9%2C1.2-1.3%2C1.1ZM9.9%2C61.9l-.4.3c0-.4-.2-.8-.2-1.2l.7.8ZM11%2C63.4l1.5%2C1.9-1.5%2C1.2c-.4-.8-.7-1.5-.9-2.3l1-.8ZM12.4%2C62.2l1.9-1.6%2C1.5%2C2-1.9%2C1.5-1.5-1.9ZM16.9%2C64l1.7%2C2.2-1.9%2C1.5-1.7-2.2%2C1.9-1.5ZM19.7%2C67.7l1.7%2C2.2-1.9%2C1.5-1.7-2.2%2C1.9-1.5ZM21.1%2C76.3l-.6.5c-.9-.5-1.8-1.1-2.6-1.7l1.4-1.1%2C1.8%2C2.3ZM26.9%2C73.9l2.3-1.8%2C1.6%2C2-2.2%2C1.8-1.6-2ZM30.6%2C70.9l2.3-1.9%2C1.6%2C2-2.3%2C1.9-1.6-2ZM37%2C71.4l1.2-1c-.1.7-.3%2C1.3-.5%2C1.9l-.7-.9ZM20.7%2C47.2l-1.6%2C1.3-1-1.3c.8%2C0%2C1.7%2C0%2C2.6%2C0ZM12.1%2C49.9l2.1%2C2.7-2.4%2C1.9-1.6-2c.5-1%2C1.1-1.9%2C1.9-2.6ZM11.8%2C68.1l1.8-1.4%2C1.7%2C2.2-1.9%2C1.6c-.6-.8-1.1-1.5-1.5-2.3ZM16.4%2C70.3l1.7%2C2.2-1.7%2C1.4c-.7-.6-1.3-1.3-2-2l1.9-1.5ZM27.7%2C78.9l.4-.4.3.4c-.2%2C0-.5%2C0-.7%2C0ZM30.6%2C78.6l-1-1.3%2C2.2-1.8%2C1.5%2C2c-.9.5-1.8.9-2.8%2C1.1Z%22%2F%3E%20%3Cmetadata%3E%20%3Csfw%20xmlns%3D%22http%3A%2F%2Fns.adobe.com%2FSaveForWeb%2F1.0%2F%22%3E%20%3Cslices%2F%3E%20%3CsliceSourceBounds%20x%3D%22-48%22%20y%3D%22-207%22%20width%3D%221762%22%20height%3D%22266%22%20bottomLeftOrigin%3D%22true%22%2F%3E%20%3C%2Fsfw%3E%20%3C%2Fmetadata%3E%3C%2Fsvg%3E') no-repeat center center/contain; } /*同門会News*/ [data-icon=doumonkai]::before, [data-icon=doumonkai]::after { -webkit-mask: url('/images/common/gnav/doumonkai.png') no-repeat center center/contain; mask: url('/images/common/gnav/doumonkai.png') no-repeat center center/contain; } /*▽スケジュール*/ /*テーブル一覧マーク*/ [data-icon=table]::before, [data-icon=table]::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E") no-repeat center center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E") no-repeat center center/contain; } /*リスト一覧マーク*/ [data-icon=list]::before, [data-icon=list]::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01'/%3E%3C/svg%3E") no-repeat center center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01'/%3E%3C/svg%3E") no-repeat center center/contain; } /*||| common |||*/ .inner { max-width: 1000px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; } @media screen and (min-width: 769px) { .inner { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (max-width: 768px) { .inner { padding-left: 2.604vw; padding-right: 2.604vw; } } @media screen and (max-width: 375px) { .inner { padding-left: 5.333vw; padding-right: 5.333vw; } } .inner.wide { max-width: 1200px; } @media screen and (max-width: 1000px) { main .inner { padding-left: 1.25rem; padding-right: 1.25rem; } } /*▽sectioning*/ .section { padding-top: min(10.667vw, 5rem); padding-bottom: min(10.667vw, 5rem); } .section.inner { position: relative; margin: 0 auto; padding-top: min(8vw, 3.75rem); padding-bottom: min(8vw, 3.75rem); background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); width: 90%; } @media screen and (min-width: 769px) { .section.inner { padding-left: 3.75rem; padding-right: 3.75rem; } } .section.inner:has(.searchForm){ background-color: unset; box-shadow: unset; } main:has(aside):has(.pager) .section.inner { padding-top: min(5.333vw, 1.875rem); padding-bottom: min(5.333vw, 1.875rem); } main:has(aside) .section.inner .title { margin-bottom: 0.8em; text-align: left; } main:has(aside) .section.inner .articleData .date1, main:has(aside) .section.inner .articleData .date2, #newsArea_important .articleData .date1, #newsArea_important .articleData .date2{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.5em; font-size: 0.9em; line-height: 1; } main:has(aside) .section.inner .articleData .date1 span, main:has(aside) .section.inner .articleData .date2 span, #newsArea_important .articleData .date1 span, #newsArea_important .articleData .date2 span{ font-size: 0.8em; color: #999; } main:has(aside) .section.inner .articleData + .eventData { margin-top: 0.5em; } main:has(aside) .section.inner .eventData + .eventPlace{ margin-top: 1em; } main:has(aside) .section.inner .eventData, main:has(aside) .section.inner .eventPlace { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5em; } main:has(aside) .section.inner .eventData span { color: #1E4072; } main:has(aside) .section.inner .eventPlace span { color: #28994e; } main:has(aside) .section.inner .mainTextArea { margin-top: 1.2em; } main:has(aside):has(.index) .section.inner .title { font-size: min(6.4vw, 30px); } main:has(aside):not(:has(.index)) .section.inner .title { font-size: min(4.8vw, 24px); } @media screen and (min-width: 769px) { main:not(:has(aside)) .section.inner { width: 80%; } } .section.inner section+section{ margin-top: 4em; } .bg_color { background-color: #f2efea; } .memberPage main.bg_color, .topPage .membersArea, .loginPage main.bg_color { background: url("/images/common/pat_membersBg_top.png"), url("/images/common/pat_membersBg_bottom.png"), #f0f9fc; background-repeat: no-repeat, no-repeat; background-position: left top, left bottom; background-size: cover, cover; } .bg_diamond { background: url("/images/common/pat_diamond.png") repeat left top/1000px; } main .bg_diamond { -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); } /*▽出し分け*/ @media screen and (min-width: 1001px) { .showContainer { display: none !important; } } @media screen and (min-width: 769px) { .showTB { display: none !important; } } @media screen and (max-width: 1000px) { .showOverContainer { display: none !important; } } @media screen and (max-width: 768px) { .showPC { display: none !important; } } @media screen and (min-width: 376px) { .showSP { display: none !important; } } /*▽フォント*/ .fontKlee { font-family: "Klee One", cursive !important; } /*▽画像類*/ .imageWrap img { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; vertical-align: top; -o-object-fit: cover; object-fit: cover; } /*▽ブロック類*/ .overScroll { overflow-x: auto; } .mT_10:not(_pc):not(_tb):not(_sp) { margin-top: 0.625rem; } @media screen and (min-width: 769px) { .mT_10_pc { margin-top: 0.625rem !important; } } @media screen and (max-width: 768px) { .mT_10_tb { margin-top: 1.302vw !important; } } @media screen and (max-width: 375px) { .mT_10_sp { margin-top: 2.667vw !important; } } .mT_20:not(_pc):not(_tb):not(_sp) { margin-top: 1.25rem; } @media screen and (min-width: 769px) { .mT_20_pc { margin-top: 1.25rem !important; } } @media screen and (max-width: 768px) { .mT_20_tb { margin-top: 2.604vw !important; } } @media screen and (max-width: 375px) { .mT_20_sp { margin-top: 5.333vw !important; } } .mT_30:not(_pc):not(_tb):not(_sp) { margin-top: 1.875rem; } @media screen and (min-width: 769px) { .mT_30_pc { margin-top: 1.875rem !important; } } @media screen and (max-width: 768px) { .mT_30_tb { margin-top: 3.906vw !important; } } @media screen and (max-width: 375px) { .mT_30_sp { margin-top: 8vw !important; } } .mT_40:not(_pc):not(_tb):not(_sp) { margin-top: 2.5rem; } @media screen and (min-width: 769px) { .mT_40_pc { margin-top: 2.5rem !important; } } @media screen and (max-width: 768px) { .mT_40_tb { margin-top: 5.208vw !important; } } @media screen and (max-width: 375px) { .mT_40_sp { margin-top: 10.667vw !important; } } .mT_50:not(_pc):not(_tb):not(_sp) { margin-top: 3.125rem; } @media screen and (min-width: 769px) { .mT_50_pc { margin-top: 3.125rem !important; } } @media screen and (max-width: 768px) { .mT_50_tb { margin-top: 6.51vw !important; } } @media screen and (max-width: 375px) { .mT_50_sp { margin-top: 13.333vw !important; } } .mB_10:not(_pc):not(_tb):not(_sp) { margin-bottom: 0.625rem; } @media screen and (min-width: 769px) { .mB_10_pc { margin-bottom: 0.625rem !important; } } @media screen and (max-width: 768px) { .mB_10_tb { margin-bottom: 1.302vw !important; } } @media screen and (max-width: 375px) { .mB_10_sp { margin-bottom: 2.667vw !important; } } .mB_20:not(_pc):not(_tb):not(_sp) { margin-bottom: 1.25rem; } @media screen and (min-width: 769px) { .mB_20_pc { margin-bottom: 1.25rem !important; } } @media screen and (max-width: 768px) { .mB_20_tb { margin-bottom: 2.604vw !important; } } @media screen and (max-width: 375px) { .mB_20_sp { margin-bottom: 5.333vw !important; } } .mB_30:not(_pc):not(_tb):not(_sp) { margin-bottom: 1.875rem; } @media screen and (min-width: 769px) { .mB_30_pc { margin-bottom: 1.875rem !important; } } @media screen and (max-width: 768px) { .mB_30_tb { margin-bottom: 3.906vw !important; } } @media screen and (max-width: 375px) { .mB_30_sp { margin-bottom: 8vw !important; } } .mB_40:not(_pc):not(_tb):not(_sp) { margin-bottom: 2.5rem; } @media screen and (min-width: 769px) { .mB_40_pc { margin-bottom: 2.5rem !important; } } @media screen and (max-width: 768px) { .mB_40_tb { margin-bottom: 5.208vw !important; } } @media screen and (max-width: 375px) { .mB_40_sp { margin-bottom: 10.667vw !important; } } .mB_50:not(_pc):not(_tb):not(_sp) { margin-bottom: 3.125rem; } @media screen and (min-width: 769px) { .mB_50_pc { margin-bottom: 3.125rem !important; } } @media screen and (max-width: 768px) { .mB_50_tb { margin-bottom: 6.51vw !important; } } @media screen and (max-width: 375px) { .mB_50_sp { margin-bottom: 13.333vw !important; } } .mL_1em:not(_pc):not(_tb):not(_sp) { margin-left: 1em; } @media screen and (min-width: 769px) { .mL_1em_pc { margin-left: 1em !important; } } @media screen and (max-width: 768px) { .mL_1em_tb { margin-left: 1em !important; } } @media screen and (max-width: 375px) { .mL_1em_sp { margin-left: 1em !important; } } /*▽タイトル類*/ .pageTitle, .section .title { margin-bottom: 1em; text-align: center; line-height: 1.3; font-size: min(6.4vw, 40px); } .pageTitle.small, .section .title.small { font-size: min(5.333vw, 40px); } [class*=deco] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; gap: 0.3em; margin-bottom: 1em; font-weight: 500; } [class*=deco]::before { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; background: -webkit-gradient(linear, left top, right bottom, from(#e73562), to(#ff5684)); background: -webkit-linear-gradient(top left, #e73562, #ff5684); background: linear-gradient(to bottom right, #e73562, #ff5684); content: ""; } .memberPage [class*=deco]::before { background: -webkit-gradient(linear, left top, right bottom, from(#002f6d), to(#82B8D9)); background: -webkit-linear-gradient(top left, #002f6d, #82B8D9); background: linear-gradient(to bottom right, #002f6d, #82B8D9); } .deco { font-size: min(5.333vw, 30px); } .deco::before { width: 1.5em; height: 1.5em; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 6.826A.913.913 0 1 0 12 5a.913.913 0 0 0 0 1.826m6.088 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826m-12.176 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826M12 12.913a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826m6.088 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826m-12.176 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826M12 19a.913.913 0 1 0 0-1.826A.913.913 0 0 0 12 19m6.088 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826M5.912 19a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826'/%3E%3C/svg%3E") no-repeat center center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 6.826A.913.913 0 1 0 12 5a.913.913 0 0 0 0 1.826m6.088 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826m-12.176 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826M12 12.913a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826m6.088 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826m-12.176 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826M12 19a.913.913 0 1 0 0-1.826A.913.913 0 0 0 12 19m6.088 0a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826M5.912 19a.913.913 0 1 0 0-1.826a.913.913 0 0 0 0 1.826'/%3E%3C/svg%3E") no-repeat center center/contain; } .deco-radio::before { width: 1.2em; height: 1.2em; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23000'/%3E%3C/svg%3E") no-repeat center center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23000'/%3E%3C/svg%3E") no-repeat center center/contain; } /*sectionArea内で使用*/ .sectionTitle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-bottom: 0.5em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: min(6.4vw, 1.875rem); margin-bottom: min(13.333vw, 5rem); } .sectionTitle::before, .sectionTitle::after { display: block; position: absolute; bottom: 0; width: 50%; content: ""; } .sectionTitle::before { border: 2px solid #ff5684; left: 0; } .sectionTitle::after { border: 2px solid #ddd; right: 0; } .memberPage .sectionTitle::before, .membersArea .sectionTitle::before { border: 2px solid #82B8D9; } /*タイトルではないが強調したいものに使用*/ .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0.6em; height: 2em; border-left: 3px solid #82B8D9; background-color: #f5f5f5; } .label + .label { margin-top: 0.3em; } /*▽下層のaとbuttonがarrowになる。*/ /*asideは除く*/ .arrowLinkArea { display: flex; justify-content: center; } aside .arrowLinkArea { display: block; } @media screen and (min-width: 769px) { .arrowLinkArea { margin-top: 3em; } } @media screen and (max-width: 768px) { .arrowLinkArea { margin-top: 2em; } } @media screen and (max-width: 500px) { .arrowLinkArea { padding: 0 1em; } } .arrowLinkArea a:not(.hasBorder):not(.button), .arrowLinkArea button:not(.hasBorder):not(.button) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1em; } .arrowLinkArea a:not(.hasBorder):not(.button)[data-icon=arrow_next]::before, .arrowLinkArea a:not(.hasBorder):not(.button)[data-icon=arrow_next]::after, .arrowLinkArea button:not(.hasBorder):not(.button)[data-icon=arrow_next]::before, .arrowLinkArea button:not(.hasBorder):not(.button)[data-icon=arrow_next]::after { width: 0.8em; height: 0.8em; background-color: #888; } .arrowLinkArea a.button, .arrowLinkArea button.button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 0.6em; padding: 0 0.6em; max-width: 500px; height: 50px; background-color: #ff5684; } .arrowLinkArea a.button[style*="font-size"], .arrowLinkArea button.button[style*="font-size"] { padding: 0.8em 0.5em 0.8em 1.6em; min-width: fit-content; height: fit-content; } @media screen and (min-width: 376px) { .arrowLinkArea a.button, .arrowLinkArea button.button { min-width: 300px; } } @media screen and (max-width: 375px) { .arrowLinkArea a.button, .arrowLinkArea button.button { width: 100%; } } .arrowLinkArea a.button[data-icon=arrow_next]::before, .arrowLinkArea a.button[data-icon=arrow_next]::after, .arrowLinkArea button.button[data-icon=arrow_next]::before, .arrowLinkArea button.button[data-icon=arrow_next]::after { background-color: #fff; } .arrowLinkArea a.button p, .arrowLinkArea button.button p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 769px) { .arrowLinkArea a.button:hover, .arrowLinkArea button.button:hover { background-color: #fff; } .arrowLinkArea a.button:hover[data-icon=arrow_next]::before, .arrowLinkArea a.button:hover[data-icon=arrow_next]::after, .arrowLinkArea button.button:hover[data-icon=arrow_next]::before, .arrowLinkArea button.button:hover[data-icon=arrow_next]::after { background-color: #ff5684; } .arrowLinkArea a.button:hover p, .arrowLinkArea button.button:hover p { color: #ff5684; } } .arrowLinkArea a.hasBorder, .arrowLinkArea button.hasBorder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 0.6em; margin-left: auto; margin-right: auto; padding: 0 0.6em; max-width: 500px; width: 100%; height: 50px; border: 1px solid #ff5684; background-color: #fff; text-align: center; } .arrowLinkArea a.hasBorder[data-icon=arrow_next]::before, .arrowLinkArea a.hasBorder[data-icon=arrow_next]::after, .arrowLinkArea button.hasBorder[data-icon=arrow_next]::before, .arrowLinkArea button.hasBorder[data-icon=arrow_next]::after { background-color: #ff5684; } .arrowLinkArea a.hasBorder p, .arrowLinkArea button.hasBorder p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #ff5684; } @media screen and (min-width: 769px) { .arrowLinkArea a.hasBorder:hover, .arrowLinkArea button.hasBorder:hover { background-color: #ff5684; } .arrowLinkArea a.hasBorder:hover[data-icon=arrow_next]::before, .arrowLinkArea a.hasBorder:hover[data-icon=arrow_next]::after, .arrowLinkArea button.hasBorder:hover[data-icon=arrow_next]::before, .arrowLinkArea button.hasBorder:hover[data-icon=arrow_next]::after { background-color: #fff !important; } .arrowLinkArea a.hasBorder:hover p, .arrowLinkArea button.hasBorder:hover p { color: #fff !important; } } .memberPage .arrowLinkArea a.button, .memberPage .arrowLinkArea button.button, .membersArea .arrowLinkArea a.button, .membersArea .arrowLinkArea button.button { background-color: #82B8D9; } @media screen and (min-width: 769px) { .memberPage .arrowLinkArea a.button:hover[data-icon=arrow_next]::before, .memberPage .arrowLinkArea a.button:hover[data-icon=arrow_next]::after, .memberPage .arrowLinkArea button.button:hover[data-icon=arrow_next]::before, .memberPage .arrowLinkArea button.button:hover[data-icon=arrow_next]::after, .membersArea .arrowLinkArea a.button:hover[data-icon=arrow_next]::before, .membersArea .arrowLinkArea a.button:hover[data-icon=arrow_next]::after, .membersArea .arrowLinkArea button.button:hover[data-icon=arrow_next]::before, .membersArea .arrowLinkArea button.button:hover[data-icon=arrow_next]::after { background-color: #82B8D9; } .memberPage .arrowLinkArea a.button:hover p, .memberPage .arrowLinkArea button.button:hover p, .membersArea .arrowLinkArea a.button:hover p, .membersArea .arrowLinkArea button.button:hover p { color: #82B8D9; } } .memberPage .arrowLinkArea a.hasBorder, .memberPage .arrowLinkArea button.hasBorder, .membersArea .arrowLinkArea a.hasBorder, .membersArea .arrowLinkArea button.hasBorder { border: 1px solid #82B8D9; } .memberPage .arrowLinkArea a.hasBorder[data-icon=arrow_next]::before, .memberPage .arrowLinkArea a.hasBorder[data-icon=arrow_next]::after, .memberPage .arrowLinkArea button.hasBorder[data-icon=arrow_next]::before, .memberPage .arrowLinkArea button.hasBorder[data-icon=arrow_next]::after, .membersArea .arrowLinkArea a.hasBorder[data-icon=arrow_next]::before, .membersArea .arrowLinkArea a.hasBorder[data-icon=arrow_next]::after, .membersArea .arrowLinkArea button.hasBorder[data-icon=arrow_next]::before, .membersArea .arrowLinkArea button.hasBorder[data-icon=arrow_next]::after { background-color: #82B8D9; } .memberPage .arrowLinkArea a.hasBorder p, .memberPage .arrowLinkArea button.hasBorder p, .membersArea .arrowLinkArea a.hasBorder p, .membersArea .arrowLinkArea button.hasBorder p { color: #82B8D9; } @media screen and (min-width: 769px) { .memberPage .arrowLinkArea a.hasBorder:hover, .memberPage .arrowLinkArea button.hasBorder:hover, .membersArea .arrowLinkArea a.hasBorder:hover, .membersArea .arrowLinkArea button.hasBorder:hover { border-color: #82B8D9; background-color: #82B8D9; } } /*||| ボタン、リンク類 |||*/ /*history.back 戻るリンク*/ [onclick*="history.back()"][data-icon]{ position: absolute; top: 0.5em; right: 0.5em; color: #ff5684; font-size: 0.8em; } [onclick*="history.back()"][data-icon].icon_before::before, [onclick*="history.back()"][data-icon].icon_after::after{ width: 0.8em; height: 0.8em; background-color: #ff5684; } .memberPage [onclick*="history.back()"][data-icon], .membersArea [onclick*="history.back()"][data-icon]{ color: #82B8D9; } .memberPage [onclick*="history.back()"][data-icon].icon_before::before, .memberPage [onclick*="history.back()"][data-icon].icon_after::after, .membersArea [onclick*="history.back()"][data-icon].icon_before::before, .membersArea [onclick*="history.back()"][data-icon].icon_after::after{ background-color: #82B8D9; } /*▽ボタンっぽくなる*/ .button { padding: 0.5em 2em; border-radius: 3px; background-color: #ff5684; /* outline: 2px solid transparent; outline-offset: -2px; */ color: #fff; text-align: center; text-decoration: none; } @media screen and (min-width: 769px) { .button{ outline: 2px solid; outline-color: #ff5684; outline-offset: -2px; } .button:hover { background-color: #fff !important; outline-color: #ff5684; color: #ff5684; } } @media screen and (max-width: 768px) { .button{ border: none; } } @media screen and (max-width: 375px) { .button { font-size: 3.733vw; } } .memberPage .button, .membersArea .button { background-color: #82B8D9; outline-color: #82B8D9; } @media screen and (min-width: 769px) { .memberPage .button:hover, .membersArea .button:hover { outline-color: #82B8D9; color: #82B8D9; } } /*||| リスト |||*/ [class*=list]>li:not(:last-child){ margin-bottom: 0.5em; } /*ul,olじゃない時*/ .list:not(:has(>li)) a:not(:last-child){ display: block; margin-bottom: 0.5em; } /*（1）*/ .list_brackets{ margin-left: 2em; list-style-position: outside; counter-reset: brackets-number 0; } .list_brackets li{ counter-increment: brackets-number; } .list_brackets li::marker{ content: " （" counter(brackets-number) "）"; } /*添付ファイルリスト*/ .attachmentList{ margin-left: 2em; font-weight: 400; } .attachmentList dt{ display: list-item; margin-top: 1em; list-style-type: circle; font-size: 0.8em; color: #aaa; } [class*="attach_"]{ display: flex; align-items: center; gap: 5px; text-decoration: underline; text-decoration-color: #aaa; text-align: left; font-size: 0.9em; } @media screen and (min-width: 769px) { [class*="attach_"]:hover{ text-decoration-color: #ff5684; } .memberPage [class*="attach_"]:hover{ text-decoration-color: #82B8D9; } } [class*="attach_"]::before { display: block; width: 1.5em; height: 1.5em; mask-mode: alpha; background-color: #333; content: ""; } .attach_file::before{ -webkit-mask: var(--attach_file) no-repeat center center / contain; mask: var(--attach_file) no-repeat center center / contain; } .attach_img::before{ -webkit-mask: var(--attach_img) no-repeat center center / contain; mask: var(--attach_img) no-repeat center center / contain; } .attach_pdf::before{ -webkit-mask: var(--attach_pdf) no-repeat center center / contain; mask: var(--attach_pdf) no-repeat center center / contain; } .attach_word::before{ -webkit-mask: var(--attach_word) no-repeat center center / contain; mask: var(--attach_word) no-repeat center center / contain; } .attach_excel::before{ -webkit-mask: var(--attach_excel) no-repeat center center / contain; mask: var(--attach_excel) no-repeat center center / contain; } .attach_ppt::before{ -webkit-mask: var(--attach_ppt) no-repeat center center / contain; mask: var(--attach_ppt) no-repeat center center / contain; } /*||| テーブル |||*/ table { border-collapse: collapse; /*タブレット以下でthとtdが縦並び*/ /*定義表*/ /*メンバー表*/ /*honorで使用*/ } @media screen and (max-width: 768px) { table.column tbody th, table.column tbody td { display: block; width: 100%; } table.column tbody th { text-align: left; } } table.definitionTable { border: 2px solid #f5f5f5; margin: 0; max-width: 100%; table-layout: auto; } table.definitionTable caption { margin-bottom: 1em; } table.definitionTable tr:has(td:empty) { display: none; } @media screen and (min-width: 769px) { table.definitionTable tr:last-child th { border-color: #f5f5f5; } } table.definitionTable th, table.definitionTable td { padding: 0.5em 0.8em; } table.definitionTable th { white-space: nowrap; } @media screen and (min-width: 769px) { table.definitionTable th { width: 100px; border-bottom: 2px solid #fff; background-color: #f5f5f5; -moz-text-align-last: justify; text-align-last: justify; text-justify: inter-ideograph; } } @media screen and (max-width: 768px) { table.definitionTable th { background-color: #f5f5f5; } } @media screen and (min-width: 769px) { table.definitionTable td { border-bottom: 2px solid #f5f5f5; } } table.memberTable { margin: 0 auto; width: 500px; max-width: 100%; } table.memberTable+table.memberTable{ margin-top: 2em; } table.memberTable caption { padding: min(3.2vw, 0.875rem) 0; font-size: min(4.8vw, 1.5rem); color: #999; } table.memberTable caption p { text-align: right; margin: min(3.2vw, 0.875rem) 0; font-size: 0.8em; } table.memberTable th, table.memberTable td { padding: 0.5em; } table.memberTable thead { text-align: left; } @media screen and (max-width: 768px) { table.memberTable thead { display: none; } } table.memberTable tbody { border: 2px solid #f5f5f5; } table.memberTable tbody tr:nth-child(2n+1) { background-color: #f5f5f5; } @media screen and (max-width: 768px) { table.memberTable.column tbody td:first-child { padding-bottom: 0; font-weight: 700; } table.memberTable.column tbody td:last-child { padding-top: 0; } table.memberTable.column tbody td:not(:first-child):not(:last-child) { padding-top: 0; padding-bottom: 0; } table.memberTable.column tbody td + td { font-weight: 400; } } /*会員情報テーブル*/ table.memberInfoTable { width: 100%; } @media screen and (max-width: 1000px) { table.memberInfoTable thead { display: none; } } table.memberInfoTable tbody:nth-child(2n+1) { background-color: #f5f5f5; } @media screen and (max-width: 1000px) { table.memberInfoTable tbody tr:has(> .note:empty) td:has(+ td:empty) { padding-bottom: 1em; } } @media screen and (min-width: 1001px) { table.memberInfoTable tbody tr:has(+ tr) td { padding-bottom: 0; } table.memberInfoTable tbody tr + tr td { padding-top: 0; } } @media screen and (max-width: 1000px) { table.memberInfoTable tbody tr + tr td.postalcode { padding-top: 0.2em; } } table.memberInfoTable tbody tr td { vertical-align: top; } @media screen and (min-width: 1001px) { table.memberInfoTable tbody tr td.address, table.memberInfoTable tbody tr td.tel { padding-top: 1.7em !important; } table.memberInfoTable tbody tr td:not(.address) { white-space: nowrap; } } @media screen and (max-width: 1000px) { table.memberInfoTable tbody tr td.name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 2em; padding-top: 1em; padding-bottom: 0.3em; } table.memberInfoTable tbody tr td.note:not(:empty) { padding-top: 0.2em; padding-bottom: 1em; } table.memberInfoTable tbody tr td:empty { display: none; } } table.memberInfoTable tbody tr td.name { font-weight: 700; } table.memberInfoTable tbody tr td .red, table.memberInfoTable tbody tr td .blue { padding: 0 1em; border-radius: 1em; text-align: center; color: #fff; font-size: 0.8em; } @media screen and (max-width: 1000px) { table.memberInfoTable tbody tr td .red, table.memberInfoTable tbody tr td .blue { display: inline-block; margin-right: 0.5em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } table.memberInfoTable tbody tr td .red { background-color: #ff5684; } table.memberInfoTable tbody tr td .blue { background-color: #82B8D9; } @media screen and (min-width: 1001px) { table.memberInfoTable th, table.memberInfoTable td { padding: 0.5em; } } @media screen and (max-width: 1000px) { table.memberInfoTable th, table.memberInfoTable td { display: block; padding: 0 0.5em; width: 100%; } } table.memberInfoTable .message { background-color: #ff5684; text-align: center; color: #fff; font-weight: 700; } @media screen and (max-width: 1000px) { table.memberInfoTable .message { padding: 0.5em; } } .memberInfoTable tbody tr:nth-child(1) [data-icon=tel]::before, .memberInfoTable tbody tr:nth-child(1) [data-icon=tel]::after, .memberInfoTable tbody tr:nth-child(1) [data-icon=fax]::before, .memberInfoTable tbody tr:nth-child(1) [data-icon=fax]::after { background-color: #ff5684; } .memberInfoTable tbody tr:nth-child(2) [data-icon=tel]::before, .memberInfoTable tbody tr:nth-child(2) [data-icon=tel]::after, .memberInfoTable tbody tr:nth-child(2) [data-icon=fax]::before, .memberInfoTable tbody tr:nth-child(2) [data-icon=fax]::after { background-color: #82B8D9; } .memberInfoTable [data-icon=tel]::before, .memberInfoTable [data-icon=tel]::after, .memberInfoTable [data-icon=fax]::before, .memberInfoTable [data-icon=fax]::after { width: 0.75em; height: 0.75em; } /*□□□□□□□□□□ 各component □□□□□□□□□□*/ /*||| pager |||*/ .pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.5em; } .pager:nth-of-type(1){ margin-bottom: 1.5em; } .pager:nth-of-type(2){ margin-top: 1.5em; } .pager:has(>a:only-child){ display: none; } .pager a { display: grid; place-content: center; width: 2em; height: 2em; border-radius: 0.2em; text-decoration: none; } .pager a.current { border: 2px solid #ff5684; background-color: #fff; color: #ff5684; pointer-events: none; } .pager a:not(.current) { background-color: #ff5684; color: #fff; } .pager button[data-icon] { font-size: 1.1rem; color: #ff5684; } .pager button[data-icon]::before, .pager button[data-icon]::after { width: 0.8em; height: 0.8em; background-color: #ff5684; } .pager [data-icon=arrow_prev] { margin-right: 0.5em; } .pager [data-icon=arrow_next] { margin-left: 0.5em; } /*-- 会員用 --*/ .memberPage .pager a.current { border: 2px solid #82B8D9; color: #82B8D9; } .memberPage .pager a:not(.current) { background-color: #82B8D9; } .memberPage .pager button[data-icon] { color: #82B8D9; } .memberPage .pager button[data-icon]::before, .memberPage .pager button[data-icon]::after { background-color: #82B8D9; } /*||| bannerSwiper |||*/ @media screen and (min-width: 769px) { #bannerSwiper img{ height: calc(70vh - 70px); } } @media screen and (max-width: 768px) { #bannerSwiper img{ height: calc(70vh - 60px); aspect-ratio: 1/1; } } #bannerSwiper img { width: 100%; /* aspect-ratio: 5/2; */ -o-object-fit: cover; object-fit: cover; opacity: 0.8; } #bannerSwiper .swiper-button-prev, #bannerSwiper .swiper-button-next { top: 0; bottom: 0; margin: auto; width: 4em; height: 100%; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 768px) { #bannerSwiper .swiper-button-prev, #bannerSwiper .swiper-button-next { display: none; } } #bannerSwiper .swiper-button-prev { left: 0; } #bannerSwiper .swiper-button-next { right: 0; } /*||| newsArea_important |||*/ #newsArea_important { display: grid; place-content: center; padding: 3em 0; } #newsArea_important dl { margin: 0 2em; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } @media screen and (min-width: 769px) { #newsArea_important dl { padding: 3em 4em; } } @media screen and (max-width: 768px) { #newsArea_important dl { margin: 0 1em; padding: 3em 1.5em; } } #newsArea_important dl dt { margin-bottom: 1.5em; text-align: center; color: #ff5684; font-weight: 500; } @media screen and (min-width: 769px) { #newsArea_important dl dt { font-size: 1.5rem; } } @media screen and (max-width: 768px) { #newsArea_important dl dt { font-size: 1.25rem; } } @media screen and (max-width: 375px) { #newsArea_important dl dt { font-size: 5.333vw; } } #newsArea_important dl dt a { -webkit-text-decoration-color: #999; text-decoration-color: #999; text-decoration-thickness: 1px; } #newsArea_important dd.articleData{ display: grid; margin-bottom: 1em; } @media screen and (min-width: 769px) { #newsArea_important dd.articleData{ grid-template-columns: 1fr auto auto; gap: 1em; } } @media screen and (max-width: 768px) { #newsArea_important dd.articleData{ grid-template-columns: 1fr auto; gap: 2px; } #newsArea_important dd.articleData [data-news-category] { grid-row: 1 / 3; } #newsArea_important dd.articleData .date2 { grid-column: 2; } } /*||| newsArea |||*/ p[data-news-category] { display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.6em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 90px; color: #fff; text-align: center; } [data-news-category="1"] { background-color: var(--newsCategoryColor1); } [data-news-category="2"] { background-color: var(--newsCategoryColor2); } [data-news-category="3"] { background-color: var(--newsCategoryColor3); } [data-news-category="4"] { background-color: var(--newsCategoryColor4); } [data-news-category="5"] { background-color: var(--newsCategoryColor5); } [data-news-category="6"] { background-color: var(--newsCategoryColor6); } [data-news-category="7"] { background-color: var(--newsCategoryColor7); } [data-news-category="8"] { background-color: var(--newsCategoryColor8); } [data-news-category="9"] { background-color: var(--newsCategoryColor9); } [data-news-category="10"] { background-color: var(--newsCategoryColor10); } [data-news-category="11"] { background-color: var(--newsCategoryColor11); } [data-news-category="12"] { background-color:var(--newsCategoryColor12); } [data-news-category="13"] { background-color: var(--newsCategoryColor13); } [data-news-category="14"] { background-color: var(--newsCategoryColor14); } [data-news-category="15"] { background-color: var(--newsCategoryColor15); } /*対象者がある場合*/ .newsArea div:has(>[data-news-category]):has(>.targetGroup){ display: flex; align-items: center; } .newsArea .section.inner .articleData .targetGroup{ font-size: 0.8em; } @media screen and (max-width: 768px) { .newsArea .section.inner .articleData:has(.targetGroup){ display: block; } .newsArea .section.inner .articleData:has(.targetGroup) [class*="date"]{ justify-content: end; } .newsArea .section.inner .articleData:has(.targetGroup) .date1{ margin-top: 0.5em; } } .newsArea .sectionTitle { margin-bottom: min(13.333vw, 3.75rem); } .topPage .newsArea .inner { display: grid; } @media screen and (min-width: 769px) { .topPage .newsArea .inner { grid-template-columns: repeat(2, 1fr); gap: 5em; } } @media screen and (max-width: 768px) { .topPage .newsArea .inner { gap: 4em; } } /*▽リストはseminarと共有*/ .newsList, .seminarList { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .newsList dt, .seminarList dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 0 1em; margin-bottom: 0.5em; padding-top: 1em; font-size: 0.875rem; } .newsList dt:not(:first-of-type), .seminarList dt:not(:first-of-type) { border-top: 1px solid #ccc; } .newsList dd, .seminarList dd { padding-bottom: 1em; } .newsList dd a, .seminarList dd a { /*以下三点用*/ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /*||| bannerArea |||*/ @media screen and (min-width: 376px) { .bannerArea.section { padding: 4em 0; } } .bannerArea .inner { padding: 0 1em; } .bannerArea .bannerMessage { margin-bottom: 3em; } .bannerArea .bannerList { display: grid; place-items: center; } @media screen and (min-width: 769px) { .bannerArea .bannerList { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } @media screen and (max-width: 768px) { .bannerArea .bannerList { grid-template-columns: repeat(3, 1fr); gap: 2.083vw; } } @media screen and (max-width: 375px) { .bannerArea .bannerList { grid-template-columns: repeat(2, 1fr); gap: 2.667vw; } } .bannerArea .bannerList a { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); outline: 3px solid transparent; } @media screen and (min-width: 769px) { .bannerArea .bannerList a:hover { outline-color: #999; } } .bannerArea .bannerList img{ max-inline-size: 100%; block-size: auto; } /*||| 汎用的なform |||*/ .form [type="checkbox"], .form [type="radio"]{ width: 1.2em; height: 1.2em; } .form label+label:has([type="checkbox"]), .form label+label:has([type="radio"]){ margin-left: 1em; } .form div:has(>[type="tel"]+[type="tel"]){ display: flex; flex-wrap: wrap; gap: 0.5em; } /*ラベルタイプのボタン_ラジオ*/ .form div:has(>label.button:nth-child(2):last-child) { display: grid; grid-template-columns: 1fr 1fr; } .form label.button{ justify-content: center; padding: 0.5em; height: min(14vw, 60px); border-radius: unset; } .form label.button+label.button{ margin-left: unset; } .form label.button>input{ display: none; } .form label.button:has(>[type="radio"]:checked){ pointer-events: none; } .form label.button:has(>[type="radio"]:not(:checked)){ background-color: #fff !important; outline-color: #ccc; border: 2px solid; color: #ccc; } .form label.button:has(>[type="radio"]:not(:checked):hover){ background-color: #fff !important; outline-color: #ff5684; color: #ff5684; } /*submit系*/ .form .buttonArea:has(>[type="submit"]){ display: flex; align-items: center; justify-content: center; gap: 1em; margin-top: min(8vw, 70px); } .form [type="submit"]{ width: 300px; } .form [type="submit"][name="btn_back"]{ background-color: #eee !important; outline-color: #eee; color: #999; } .form [type="submit"][name="btn_back"]:hover{ outline-color: #999; } /*||| formList |||*/ dl.formList dt{ margin: 3em 0 1em; padding-bottom: 0.3em; border-bottom: 1px solid #e6e6e6; font-size: min(4.8vw, 18px); color: #999; } /*||| formTable |||*/ /*一番汎用的なform用のテーブル*/ .formTable th{ font-weight: normal; } @media (width > 768px) { .formTable tr:not(:last-child) th, .formTable tr:not(:last-child) td{ padding-bottom: 1em; } .formTable th{ padding-right: 1.5em; text-align: right; white-space: nowrap; } } @media (width <= 768px) { .formTable tr, .formTable th, .formTable td{ display: block; } .formTable tr:not(:first-child){ margin-top: 1em; } .formTable th{ text-align: left; font-size: 0.9em; } } /*||| entryForm |||*/ /*セミナー申込*/ .entryForm { margin-top: 1.1em; } .entryForm table { width: 100%; } .entryForm table tr { background-color: #f5f5f5; } .entryForm table tr:has(> th):not(:first-child) { border-top: 2px solid #fff; } .entryForm table tr:not(:has(> th)) td { padding-top: 0.5em; padding-bottom: 0.5em; } .entryForm table tr:has(> [rowspan]) td { padding-bottom: 0.5em; } .entryForm table tr th, .entryForm table tr td { padding: 1em; } @media screen and (max-width: 768px) { .entryForm table tr th, .entryForm table tr td { display: block; } } .entryForm table tr th { vertical-align: top; } @media screen and (min-width: 769px) { .entryForm table tr th { text-align: right; } } @media screen and (max-width: 768px) { .entryForm table tr th { padding-bottom: 0; text-align: left; } } @media screen and (max-width: 768px) { .entryForm table tr td { padding-top: 0.3em; } } @media screen and (min-width: 769px) { .entryForm table tr td:has(> label):nth-child(2):has([type=text]) { padding-top: 0.5em; } .entryForm table tr td:has(> label):nth-child(2):has([type=text]) label { padding-top: 0.5em; } } .entryForm table tr label[style="width: 100%;"] input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .entryForm table tr label:has(+ label):has(> [type=radio]), .entryForm table tr label:has(+ label):has(> [type=checkbox]) { margin-right: 1em; } @media screen and (min-width: 769px) { .entryForm table tr label:has(+ label) { margin-right: 1em; } } @media screen and (max-width: 375px) { .entryForm table tr input:not([type=radio]):not([type=checkbox]), .entryForm table tr select, .entryForm table tr textarea { width: 100%; } } .entryForm .rateTable { display: grid; gap: 0.5em; } .entryForm .rateTable li { display: grid; grid-template-columns: 1fr auto auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.3em; } .entryForm .rateTable li:not(.total) { padding-bottom: 0.5em; border-bottom: 1px solid #ddd; } .entryForm .rateTable li.total { font-size: 1.2em; } .entryForm .rateTable li select { min-height: 34px; } /*||| seminarArea |||*/ [data-seminar-category], [data-seminar-status] { display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 3px 2em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; font-size: 0.875rem; font-weight: 900; } /*セミナーカテゴリ*/ [data-seminar-category]{ color: rgba(0, 0, 0, 0.7); } [data-seminar-category="1"] { background-color: var(--seminarCategoryColor1); } [data-seminar-category="2"] { background-color: var(--seminarCategoryColor2); } [data-seminar-category="3"] { background-color: var(--seminarCategoryColor3); } [data-seminar-category="4"] { background-color: var(--seminarCategoryColor4); } [data-seminar-category="5"] { background-color: var(--seminarCategoryColor5); } /*セミナーステータス*/ [data-seminar-status]{ color: #fff; } [data-seminar-status="1"] { background-color: var(--seminarStatusColor1); } [data-seminar-status="2"] { background-color: var(--seminarStatusColor2); } [data-seminar-status="3"] { background-color: var(--seminarStatusColor3); } .seminarArea .eventDate { color: #1E4072; } .seminarArea .deadLine { color: #EB2D41; } .seminarArea .listWrap { display: grid; } @media screen and (min-width: 769px) { .seminarArea .listWrap { gap: 3em; } } @media screen and (max-width: 768px) { .seminarArea .listWrap { gap: 2em; } } @media screen and (min-width: 376px) { .seminarArea .listWrap { grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); } } .seminarArea .listWrap [data-seminar-category] { width: 100%; height: 2em; -webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2); } .seminarArea .listWrap [data-seminar-status] { position: absolute; top: calc(2em + 0.5em); left: 0.5em; } .seminarArea .listWrap a { position: relative; display: grid; grid-template-rows: auto auto 1fr; text-decoration: none; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); overflow: hidden; } @media screen and (min-width: 769px) { .seminarArea .listWrap a:hover img { opacity: 0.8; } } .seminarArea .listWrap a img { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; } .seminarArea .listWrap a .textWrap { display: grid; grid-template-rows: 1fr auto auto; } @media screen and (min-width: 769px) { .seminarArea .listWrap a .textWrap { padding: 1em 1.2em; } } @media screen and (max-width: 768px) { .seminarArea .listWrap a .textWrap { padding: 0.8em 1em; } } .seminarArea .listWrap a .textWrap .title { margin-bottom: 0.5em; text-align: unset; font-size: 1em !important; /*以下三点用*/ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .seminarArea .listWrap a .textWrap .eventDate { font-size: 0.875rem; } .seminarArea .listWrap a .textWrap .deadLine { font-size: 0.875rem; } /*||| memberMenu |||*/ .membersMenu .inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } @media screen and (min-width: 769px) { .membersMenu .inner { gap: 3em; } } @media screen and (max-width: 768px) { .membersMenu .inner { gap: 2em; } } .membersMenu a { position: relative; display: grid; grid-template-columns: 1fr; place-content: center; place-items: center; padding: 1em; border-radius: 10px; outline: 4px solid transparent; background-color: #f2efea; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); text-decoration: none; color: #fff; overflow: hidden; aspect-ratio: 4/3; } @media screen and (min-width: 769px) { .membersMenu a:hover { outline-color: #82B8D9; } .membersMenu .button{ pointer-events:none; } } .membersMenu a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(top left, rgba(169, 158, 147, 0.6), rgba(40, 26, 20, 0.5)); background: linear-gradient(to bottom right, rgba(169, 158, 147, 0.6), rgba(40, 26, 20, 0.5)); content: ""; z-index: 1; } .membersMenu a > * { z-index: 2; } .membersMenu a .title { margin-bottom: 0.5em; padding-bottom: 0.5em; width: 100%; border-bottom: 1px solid #fff; text-align: center; font-size: 1rem; font-weight: 500; } .membersMenu a p:not(.button) { font-size: 1rem; } .membersMenu a .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 1em; width: 70%; height: 36px; border-radius: 60px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } /*||| obituaryListTable |||*/ .obituaryListTable { width: 100%; } @media screen and (min-width: 769px) { .obituaryListTable th, .obituaryListTable td { padding: 0.5em 1em; } } @media screen and (max-width: 768px) { .obituaryListTable th, .obituaryListTable td { padding: 0.3em 1em; } .obituaryListTable th:not(:first-child):not(:last-child), .obituaryListTable td:not(:first-child):not(:last-child) { padding-bottom: 0; } } .obituaryListTable thead tr th { background-color: #f5f5f5; } @media screen and (max-width: 768px) { .obituaryListTable thead { display: none; } } @media screen and (min-width: 769px) { .obituaryListTable tbody tr:not(:last-child) { border-bottom: 1px solid #ccc; } } @media screen and (max-width: 768px) { .obituaryListTable tbody tr { display: grid; width: 100%; } .obituaryListTable tbody tr:nth-child(2n-1) { background-color: #f5f5f5; } } @media screen and (max-width: 768px) { .obituaryListTable tbody tr td:first-child { padding-top: 1em; } } @media screen and (max-width: 768px) { .obituaryListTable tbody tr td:last-child { padding-bottom: 1em; } } @media screen and (max-width: 768px) { .obituaryListTable tbody tr td:nth-child(1) { font-size: 0.9em; font-weight: 400; color: #888; } .obituaryListTable tbody tr td:nth-child(1)::before { content: "発信日："; } } @media screen and (max-width: 768px) { .obituaryListTable tbody tr td:nth-child(2)::before { content: "卒年："; } } .obituaryListTable tbody tr td:nth-child(3) a { margin-right: 0.5em; } @media screen and (max-width: 768px) { .obituaryListTable tbody tr td:nth-child(3)::before { content: "氏名："; } } @media screen and (max-width: 768px) { .obituaryListTable tbody tr td:nth-child(4) { text-indent: -3em; padding-left: 4em; } .obituaryListTable tbody tr td:nth-child(4)::before { content: "場所："; } } /*||| サイトマップ |||*/ .sitemapList { display: grid; } @media screen and (min-width: 769px) { .sitemapList { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, auto); gap: 0 3.125rem; padding: 3.125rem 0; } } @media screen and (max-width: 768px) { .sitemapList { gap: 1.25rem; } .sitemapList br{ display: none; } } .sitemapList li a { position: relative; display: block; color: #333; text-decoration: none; } .sitemapList li a:not(.child) { padding: 0.3em 1em 0.5em; border-bottom: 1px solid #777; } @media screen and (min-width: 769px) { .sitemapList li a:not(.child):hover { background-color: #fff; } } .sitemapList li a:not(.child)::before { position: absolute; top: 0; left: 0; height: 100%; border-left: 4px solid #333; content: ""; } .sitemapList li a:not(.child) + .child { margin-top: 0.5em; } .sitemapList li a:not(.child) + .child::before { top: -0.5em; height: calc(100% + 0.5em); } .sitemapList li a:not(.child):not(:has(+ .child)):not(:last-child) { margin-bottom: 1em; } .sitemapList li a.child { margin-left: 1.2em; padding: 0.3em 0 0.3em 1.2em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 769px) { .sitemapList li a.child:hover { text-decoration: underline; } } .sitemapList li a.child::before, .sitemapList li a.child::after { position: absolute; top: 0; left: 0; content: ""; } .sitemapList li a.child::before { height: 100%; border-left: 1px solid #777; } .sitemapList li a.child::after { bottom: 0; margin: auto; width: 1em; height: 1px; background-color: #777; } .sitemapList li a.child:not(:has(+ .child))::before { height: 50%; } .sitemapList li a.child:not(:has(+ .child)):has(+ a) { margin-bottom: 1em; } /*footer下の場合*/ footer .sitemapList { padding: 3.125rem 0; font-size: min(3.733vw, 14px); } @media screen and (min-width: 1001px) { footer .sitemapList { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } footer .sitemapList li a { width: 280px; } } /*||| searchForm |||*/ .searchForm{ border-radius: 10px; background-color: #fff; } .searchForm + .searchForm{ margin-top: 2em; } @media screen and (min-width: 769px) { .searchForm { padding: 3rem; } } @media screen and (max-width: 768px) { .searchForm { padding: 3rem min(5.333vw, 3rem); } } .searchForm .formTable{ margin: 0 auto; } /*各input項目がある時*/ /*名前検索*/ @media screen and (min-width: 501px) { .searchForm .formTable:has([name*="kana"]) th{ padding-right: 1em; text-align: right; } .searchForm .formTable:has([name*="kana"]) tr:not(:first-child) td{ padding-top: min(5.333vw, 20px); } .searchForm .formTable [name*="kana"]{ width: 300px; } } @media screen and (max-width: 500px) { .searchForm .formTable:has([name*="kana"]) th, .searchForm .formTable:has([name*="kana"]) td{ display: block; } .searchForm .formTable:has([name*="kana"]) th{ text-align: left; } .searchForm .formTable:has([name*="kana"]) tr:not(:first-child) th{ padding-top: min(5.333vw, 20px); } .searchForm .formTable [name*="kana"]{ width: 100%; } } /*支部検索*/ .searchForm .areaTable a{ display: inline-block; } .searchForm .areaTable a:not(:last-child){ margin-right: 1em; } @media screen and (min-width: 769px) { .searchForm .areaTable th, .searchForm .areaTable td{ padding-top: min(5.333vw, 20px); } .searchForm .areaTable th{ padding-right: 1em; text-align: right; white-space: nowrap; vertical-align: top; } } @media screen and (max-width: 768px) { .searchForm .areaTable th, .searchForm .areaTable td{ display: block; } .searchForm .areaTable th{ text-align: left; } .searchForm .areaTable tr:not(:first-child) th{ padding-top: min(5.333vw, 20px); } } /*住所検索*/ @media screen and (min-width: 769px) { .searchForm .formTable:has([name*="address"]){ width: 600px; } } @media screen and (max-width: 768px) { .searchForm .formTable:has([name*="address"]){ width: 100%; } } .searchForm .formTable:has([name*="address"]) th, .searchForm .formTable:has([name*="address"]) td{ display: block; } .searchForm .formTable:has([name*="address"]) th{ text-align: left; } .searchForm .formTable:has([name*="address"]) tr:not(:first-child) th{ padding-top: min(5.333vw, 20px); } .searchForm .formTable [name*="address"]{ width: 100%; } /*学部別検索*/ @media screen and (min-width: 769px) { .searchForm .formTable:has([name*="major"]) th{ padding-right: 1em; } .searchForm .formTable [name*="major"]{ margin-right: 0.5em; } } @media screen and (max-width: 768px) { .searchForm .formTable:has([name*="major"]) th{ display: block; text-align: left; } .searchForm .formTable:has([name*="major"]) td{ display: flex; gap: 0.5em; flex-wrap: wrap; } } /*検索ボタン*/ .searchForm div:has(>[type=submit]) { margin-top: 2em; text-align: center; } .searchForm [type=submit] { width: 200px; height: 44px; } /*検索結果一覧*/ .searchResultList{ margin-top: 2em; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .searchResultList .title{ margin-bottom: 1em; text-align: center; } @media screen and (min-width: 1001px) { .searchResultList.inner{ padding: 3em 3.75rem; } } @media screen and (max-width: 1000px) { .searchResultList.inner{ padding: 3em 1.25rem; } }