@charset "utf-8";

/* ------------------------------------------------------------ */
/* root */
/* ------------------------------------------------------------ */
:root {
    --c-main:     #f6b590;
    --c-sub:      #fef5e8;
    --c-third:    #c6a799;
    --c-l-gray:   #e3e0db;
    --c-acc:      #f49b73;
    --c-acc02:    #594c36;
    --c-l-yellow: #fff9e1;
    --c-l-green:  #b3d25b;
    --c-l-beige:  #f9efe5;
    --c-l-greige: #f9f5ec;
    --c-yellow:   #f3d978;
    --c-green:    #336319;
    --c-brown:    #925620;
    --c-brick-red:#b74600;
}
/* ------------------------------------------------------------ */
/* reset */
/* ------------------------------------------------------------ */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    display: revert;
}
*,*::before,*::after{
    box-sizing: border-box;
}
:where(p, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word;
}
table {
    border-collapse: collapse;
}

/* ------------------------------------------------------------ */
/* layout */
/* ------------------------------------------------------------ */
@media screen and (min-width: 851px) {
    .is-pc-hide {
        display: none;
    }
}
.is-hide {
    display: none;
}
.is-hide-text {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
.is-mb-show {
    display: none;
}
.is-tb-show {
    display: none;
}
.is-pc-show {
    display: none;
}
/* sample-page | layout */
#sample-page #sample-title {
    display: flex;
    align-items: center;
    color: var(--c-acc02);
    background: var(--c-sub);
    border-bottom: solid 4px var(--c-main);
    border-radius: 10px 10px 0 0;
    padding: .6em 1.5em;
    margin: auto;
}
@media screen and (max-width: 736px) {
    #sample-page #sample-title {
        border-bottom-width: 2px;
        border-radius: 5px 5px 0 0;
        padding: 3% 1.5em;
    }
}
#sample-page .sample-cat {
    color: var(--c-acc02);
    border-bottom-color: var(--c-acc02);
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgb(243 231 230) 7px, rgb(243 230 230) 8px );
    background-size: 10px 10px;
    animation: anime_stripe_1 .8s infinite linear;
}
@keyframes anime_stripe_1 {
    0% {  background-position-x: 0;}
    100% {  background-position-x: -10px;}
}


/* ------------------------------------------------------------ */
/* common */
/* ------------------------------------------------------------ */
body {
    position: relative;
    background-color: #ffffff;
    background-image: radial-gradient(#ffeec6 12%, transparent 32%),radial-gradient(#ffeec6 12%, transparent 32%);
    background-position: 0 0, 4px 4px;
    background-size: 8px 8px;
    font-size: 115%;
    overflow: hidden;
}
@media screen and (max-width: 736px) {
    body {
        font-size: clamp(0.813rem, 0.586rem + 1.13vw, 1.188rem);
    }
}
.box-topic {
    background-color: #fff;
    border-radius: 10px;
}
.box-topic .box-topic-inner {
    padding: 1em 1.5em;
}
@media screen and (max-width: 736px) {
    .box-topic .box-topic-inner {
        border-radius: 5px;
    }
}
#topic-path {
    margin-bottom: 0em;
}
@media screen and (max-width: 736px) {
    #topic-path {
        padding-left: 2%;
        margin-bottom: 5%;
    }
}
#container {
    max-width: calc(1200px + 4em);
    padding: 0 1.5em 4em;
    margin: 0 auto;
}
#container-inner.container-inner-c {
    max-width: 1200px;
}
.font-maru {
    font-family: 'Zen Maru Gothic', serif;
    font-weight: 500;
}

@media (min-width: 736px) {
a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
}
}
a {
    text-underline-offset: 0.4em;
    transition: .2s ease;
    cursor: pointer;
}
a:hover {
    opacity: .8;
}
/* h1 pc:26px */
h1 {
    font-size: 160%;
}
/* h2 pc:24px */
h2 {
    font-size: 150%;
}
/* h3 pc:22px */
h3 {
    font-size: 137%;
}
/* h4 pc:20px */
h4 {
    font-size: 129%;
}
/* h5 pc:18px */
h5 {
    font-size: 112%;
}
/* h6 pc:18px */
h6 {
    font-size: 112%;
}
small {
    font-size: 80%;
}

/* list */
#center-contents .main-text .title-mie-a {
    margin: 30px 0 20px;
}
#center-contents h2, #center-contents h3, #center-contents h4, #center-contents h5, #center-contents h6 {
    padding: .3em 1em;
    margin: 30px 0 20px;
}
#center-contents h1 {
    font-size: 160%;
}
#center-contents h2 {
    color: var(--c-green);
    border-bottom: 2px solid var(--c-l-green);
}
#center-contents h3 {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--c-l-yellow);
    padding: .5em 1em .5em 1.2em;
}
#center-contents h3::before {
    content: '';
    position: absolute;
    left: .5em;
    display: inline-block;
    width: 4px;
    height: 70%;
    background: var(--c-yellow);
    vertical-align: middle;
    line-height: 1;
    margin-right: .5em;
}
#center-contents h4 {
    color: var(--c-brick-red);
    border-bottom: 2px dashed var(--c-acc);
}
#center-contents h5 {
    color: var(--c-brown);
    background: var(--c-l-beige);
    padding: .5em 1em;
}
#center-contents h6 {
    border-bottom: 2px solid var(--c-l-gray);
    padding: .5em 1em;
}
#center-contents .section-link-a ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .5em;
    font-size: inherit;
    padding: 0;
}
#center-contents .section-link-a ul li a {
    display: block;
    text-indent: -1.2em;
    padding-left: 1.2em;
}
#center-contents .section-link-a ul li a::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow01.png') no-repeat center / .8em;
    vertical-align: -.1em;
    margin-right: .2em;
}
#center-contents .section-link-b ul li {
    position: relative;
    padding: 0 0 0 1em;
}
#center-contents .section-link-b ul li::before {
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 9px solid #998259;
}
#center-contents ul li:not(:last-child) {
    margin-bottom: .5em;
}
#center-contents ol li:not(:last-child) {
    margin-bottom: .5em;
}

/* table  */
#center-contents .table-2col td {
    vertical-align: unset;
    padding-right: 1em;
}
#center-contents div[id^="wysiwyg-copy-"] p.is-pc-hide.is-tb-hide {
    font-size: 90%;
    margin-bottom: .5em;
}
#center-contents .table-swipe-wrap {
    overflow: auto;
}
#center-contents .table-swipe-wrap .photo {
    margin-bottom: 1em;
}
table.table-d, #center-contents table.undefined, #center-contents .center-body table.table-a, #center-contents .center-body table.table-a2, #center-contents .center-body table.table-a3, #center-contents .center-body table.table-b2 {
    border-color: var(--c-l-gray);
}
table.table-d th, #center-contents table.undefined th, #center-contents .center-body table.table-a th, #center-contents .center-body table.table-a2 th, #center-contents .center-body table.table-a3 th, #center-contents .center-body table.table-b2 th {
    background-color: var(--c-l-greige);
    border-color: var(--c-l-gray);
    padding: .7em;
}
table.table-d td, #center-contents table.undefined td, #center-contents .center-body table.table-a td, #center-contents .center-body table.table-a2 td, #center-contents .center-body table.table-a3 td, #center-contents .center-body table.table-b2 td {
    border-color: var(--c-l-gray);
    padding: .7em;
}
table.table-date tr > * {
    padding: .7em;
}
#center-contents .center-body table.table-b th {
    border-bottom-color: var(--c-acc);
    padding: .7em;
}
#center-contents .center-body table.table-b td {
    padding: .7em;
}
#center-contents table.table-b td {
    border-top: none;
    border-bottom: none;
}
#center-contents .center-body table.table-b2 {
    border-bottom: 1px solid var(--c-l-gray) !important;
}
#center-contents .center-body table.table-qa tr > * {
    text-indent: -1.5em;
    line-height: 1.6;
    padding: .7em .7em .7em 1.7em;
}
#center-contents .center-body table.table-qa th span.q {
    color: var(--c-acc);
    padding-right: .5em;
}
#center-contents .center-body table.table-qa td span.a {
    line-height: 1;
    padding-right: .5em;
}
/* box */
.twobox-noborder .ttl {
    border-radius: 10px;
}
.threebox-noborder .ttl {
    border-radius: 10px;
}
.box-point {
    border-radius: 10px;
    padding: 1em;
}
.box-important {
    border-radius: 10px;
    padding: 1em;
}
@media screen and (max-width: 736px) {
    .twobox-noborder .ttl {
        border-radius: 5px;
    }
    .threebox-noborder .ttl {
        border-radius: 5px;
    }
    .box-point {
        border-radius: 5px;
    }
    .box-important {
        border-radius: 5px;
    }
}
/* block  */
.point-a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(/HIKIKOMORI-INFO/IMAGE/ico_arrow03.png) no-repeat right center / contain;
    margin-left: 0.5em;
}
.point-back {
    background: none;
    padding: 0;
}
.point-back::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow03.png') no-repeat center / contain;
    transform: scale(-1,1);
    margin-right: .7em;
}
.point-top {
    background: none;
    text-decoration: underline;
    padding: 0;
}
.point-top::before {
    content: '';
    display: inline-block;
    width: .8em;
    height: .8em;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow01.png') no-repeat center / contain;
    transform: rotate(-90deg);
    margin-right: .5em;
}
span.attach-pdf, span.attach-doc, span.attach-xls, span.attach-file, span.attach-link, span.attach-gis {
    background-position: left center;
}
.box-point {
    border: 1px solid var(--c-acc);
}
.box-important {
    background-color: var(--c-sub);
}
hr.line-b {
    border-color: var(--c-acc);
}
.box-pdf {
    background-color: var(--c-sub);
    padding: 1em;
}
.section-image.center-image-area1 {
    margin-top: 20px;
}
/* 2 BOX
----------------------------------- */
[class^="twobox"] {
    display: flex;
    gap: 2em;
}
@media screen and (max-width: 850px) {
    [class^="twobox"] {
        flex-direction: column;
    }
}
[class^="twobox"] > div {
    flex: 1;
}
.twobox > div {
    border: 1px solid #f49b73;
    border-top: 4px solid #f49b73;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 736px) {
    .twobox > div {
        border-top-width: 3px;
    }
}
.center-contents-c .twobox > div {
    width: auto;
}
[class^="twobox"] .ttl {
    font-size: 115%;
    font-weight: 600;
    text-indent: -1em;
    letter-spacing: .05em;
    line-height: 1.4;
    font-feature-settings: 'palt' 1;
    background: #fef4e8;
    padding: .5em 1em .5em 2em;
    margin: 0;
}
[class^="twobox"] .ttl::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow01.png') no-repeat left 20% / 70%;
}
.twobox p {
    line-height: 1.8;
    padding: 1em;
    margin: inherit;
}
/* 3 BOX
----------------------------------- */
[class^="threebox"] {
    display: flex;
    gap: 2em;
}
@media screen and (max-width: 850px) {
    [class^="threebox"] {
        flex-direction: column;
    }
}
[class^="threebox"] > div {
    flex: 1;
}
.threebox > div {
    border: 1px solid #f49b73;
    border-top: 4px solid #f49b73;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 850px) {
    .threebox > div {
        border-top-width: 3px;
    }
}
.center-contents-c .threebox > div {
    width: auto;
}
[class^="threebox"] .ttl {
    font-size: 115%;
    font-weight: 600;
    text-indent: -1em;
    letter-spacing: .05em;
    line-height: 1.4;
    font-feature-settings: 'palt' 1;
    background: #fef4e8;
    padding: .5em 1em .5em 2em;
    margin: 0;
}
[class^="threebox"] .ttl::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow01.png') no-repeat left 20% / 70%;
}
.threebox p {
    line-height: 1.8;
    padding: 1em;
    margin: inherit;
}
/* button  */
a.link-a {
    display: inline-block;
    color: #fff;
    letter-spacing: .05em;
    text-decoration: none;
    background: #f39b77;
    border: 1px solid #f39b77;
    border-radius: 50vw;
    padding: 0.5em 2.5em;
    transition: .3s ease;
}

/* ------------------------------------------------------------ */
/* header  */
/* ------------------------------------------------------------ */
#header {
    position: relative;
    background: var(--c-main);
    border-bottom: 1px solid var(--c-l-gray);
}
#header-inner {
    max-width: 1700px;
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    padding: 1.8em 1.5em;
    margin: 0 auto;
}
@media screen and (max-width: 736px) {
    #header-inner {
        max-width: 100%;
        min-height: 85px;
        padding: 1em 1.5em;
    }
}
#head-logo a {
    font-size: clamp(1.375rem, 0.694rem + 1.45vw, 2.438rem);
    text-decoration: none;
}
@media screen and (max-width: 736px) {
    #head-logo {
        max-width: 80%;
    }
    #head-logo a {
        font-size: clamp(0.875rem, 0.196rem + 3.4vw, 2rem);
    }
}
.header-r {
    margin-left: auto;
}
.head-arrow::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border: solid var(--c-acc);
    border-width: 2px 2px 0 0;
    z-index: 1;
    transform: rotate(45deg);
}
.head-accessible-nav {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 736px) {
    .head-accessible-nav {
        display: none;
    }
}
.head-accessible-nav [class*="accessible-"] {
    padding-right: 10px;
    margin-right: 10px;
}
@media screen and (max-width: 736px) {
    .head-accessible-nav [class*="accessible-"] {
        display: none;
    }
}
.head-accessible-nav [class*="accessible-"]>li {
    list-style-type: none;
}
.head-accessible-nav [class*="accessible-"]>dt {
    padding: 0;
}
.head-accessible-nav [class*="accessible-"]>dt::before {
    display: none;
    padding: 0;
}
.head-accessible-nav > * {
    border-right: 1px dotted var(--c-acc02);
}
.header-menu {
    display: none;
}
@media screen and (max-width: 736px) {
    .header-menu {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: min(14vmin,55px);
        height: min(14vmin,55px);
        background: url('/HIKIKOMORI-INFO/IMAGE/ico_menu02.png') no-repeat center / cover;
        overflow: hidden;
        text-indent: -9999px;
        transform: translate(-40%, -50%);
    }
}
/* sp nav  */
.mb-overlay-section {
    background-color: #fff;
    padding: 0;
    margin: 6em 1.5em 1.5em;
}
.mb-overlay-heading {
    position: absolute;
    right: 0px;
    bottom: 100%;
    width: min(14vmin,55px);
    height: min(14vmin,55px);
    color: transparent;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_menu01.png') no-repeat center / contain;
    cursor: pointer;
    margin-bottom: 10px;
}
.mb-overlay-close {
    width: 100%;
    height: auto;
    background: var(--c-acc02);
    cursor: pointer;
    padding: 3% 1.5em;
}
.mb-head-nav-close {
    color: white;
    font-size: clamp(0.75rem, 0.184rem + 2.83vw, 1.688rem);
}
.mb-head-nav-close::before {
    content: '';
    display: inline-block;
    width: 1em;
    min-height: 0;
    aspect-ratio: 1;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_batsu.png') no-repeat center / contain;
    vertical-align: middle;
    margin-right: .5em;
}

/* ------------------------------------------------------------ */
/* mv */
/* ------------------------------------------------------------ */
#mv {
    background: var(--c-main);
    padding: 1.5em;
}
@media screen and (max-width: 736px) {
    #mv {
        padding: 2.5em 1em;
    }
}
#mv .mv-con {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    max-width: 1400px;
    margin: auto;
}
@media screen and (max-width: 736px) {
    #mv .mv-con {
        flex-direction: column;
    }
}
#mv .mv-ttl {
    font-size: clamp(2rem, 0.858rem + 2.15vw, 3.438rem);
    line-height: 1.4;
    white-space: nowrap;
}@media screen and (max-width: 736px) {
    #mv .mv-ttl {
        font-size: clamp(1.688rem, 0.895rem + 3.96vw, 3rem);
        line-height: 1.3;
        text-align: center;
    }
}
#mv .mv-img {
    width: min(770px,50vw);
    margin-top: auto;
}
@media screen and (max-width: 736px) {
    #mv .mv-img {
        width: 85%;
        text-align: center;
    }
}

/* ------------------------------------------------------------ */
/* global-nav */
/* ------------------------------------------------------------ */
#global-nav-inner {
    max-width: calc(1200px + 4em);
    justify-content: center;
    padding: 0 2em;
    margin: 3em auto 1em;
}
@media screen and (max-width: 736px) {
    #global-nav-inner {
        display: block;
        width: auto;
        padding: 0;
        margin: 0;
    }
}
#global-nav-inner li {
    flex: 1;
    border-right: 1px solid var(--c-l-gray);
}
#global-nav-inner li:first-child {
    border-left: 1px solid var(--c-l-gray);
}
@media screen and (max-width: 736px) {
    #global-nav-inner li {
        border-left: none;  
        border-right: none;
        border-bottom: 1px solid var(--c-l-gray);
    }
    #global-nav-inner li.is-pc-hide {
        display: block;
    }
}
#mv + #global-nav #global-nav-inner li.is-pc-hide {
    display: none;
}
#global-nav-inner a {
    display: block;
    font-size: clamp(0.688rem, 0.289rem + 0.75vw, 1.188rem);
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
    padding: 1em .5em;
    transition: .2s ease;
}
@media screen and (max-width: 736px) {
    #global-nav-inner a {
        display: flex;
        align-items: center;
        height: auto;
        font-size: clamp(0.75rem, 0.184rem + 2.83vw, 1.688rem);
        padding: 5% 1.5em;
    }
    .mb-overlay-section #global-nav-inner a > .sp-only {
        display: none;
    }
}
#global-nav-inner a:hover,#global-nav-inner a:active {
    color: var(--c-acc);
    text-decoration: none;
}
#global-nav-inner a::before {
    content: '';
    display: block;
    width: 100%;
    min-height: 0;
    aspect-ratio: 21/5;
    background: no-repeat center / contain;
    margin-bottom: .8em;
}
@media screen and (max-width: 736px) {
    #global-nav-inner a::before {
        width: min(30px,5vmin);
        height: min(30px,5vmin);
        margin: 0 1em 0 0;
    }
}
#global-nav-inner a.nav01::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav01.png');
}
#global-nav-inner a.nav02::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav02.png');
}
#global-nav-inner a.nav03::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav03.png');
}
#global-nav-inner a.nav04::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav04.png');
    background-size: min(2.5em,37px);
}
@media screen and (max-width: 736px) {
    #global-nav-inner a.nav04::before {
        background-size: contain;
    }
}
#global-nav-inner a.nav05::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav05.png');
}
@media screen and (max-width: 736px) {
    #global-nav-inner a.nav05::before {
        background-size: min(5vmin,29px);
    }
}
#global-nav-inner a.nav06::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav06.png');
    background-size: min(2.5em,35px);
}
@media screen and (max-width: 736px) {
    #global-nav-inner a.nav06::before {
        aspect-ratio: 33/25;
        background-size: contain;
    }
}
#global-nav-inner a.nav07::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav07.png');
}
#global-nav-inner a.nav08::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_nav08.png');
}

/* sp  global-nav */
@media screen and (max-width: 736px) {
    #mv + #global-nav {
        display: block;
        margin: 5.5% 1.5em 7%;
    }
    #mv + #global-nav #global-nav-inner {
        display: flex;
        flex-wrap: wrap;
        gap: 1em 0;
    }
    #mv + #global-nav #global-nav-inner li {
        border-bottom: none;
        border-right: 1px solid var(--c-l-gray);
    }
    #mv + #global-nav #global-nav-inner li:first-child {
        border-left: 1px solid var(--c-l-gray);
    }
    #mv + #global-nav #global-nav-inner li:nth-child(-n+4) {
        min-width: 25%;
        white-space: nowrap;
    }
    #mv + #global-nav #global-nav-inner li:nth-child(n+5) {
        min-width: 33%;
    }
    #mv + #global-nav #global-nav-inner li:nth-child(4n+1) {
        border-left: 1px solid var(--c-l-gray);
    }
    #mv + #global-nav #global-nav-inner a {
        /* font-size: clamp(0.563rem, -0.004rem + 2.83vw, 1.5rem); */
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: max(65px,16vmin);
        font-size: clamp(0.625rem, 0.285rem + 1.7vw, 1.188rem);
        word-break: keep-all;
        line-height: 1.4;
        padding: .5em;
    }
    #mv + #global-nav #global-nav-inner a.nav06::before {
        background-position: bottom;
        padding-top: 3em;
    }
    #mv + #global-nav #global-nav-inner a::before {
        margin: 0 auto 0.5em;
    }
    #mv + #global-nav #global-nav-inner a.nav07::before {
        aspect-ratio: 1/1.2;
        margin: 0 auto 0.4em;
    }
}
@media screen and (max-width: 500px) {
    #mv + #global-nav #global-nav-inner li:nth-child(-n+4) {
        min-width: auto;
    }
    #mv + #global-nav #global-nav-inner li:nth-child(4n) {
        min-width: 28%;
    }
}

/* ------------------------------------------------------------ */
/* contents */
/* ------------------------------------------------------------ */
#center-contents .cmn-h2 {
    position: relative;
    display: flex;
    color: var(--c-acc02);
    align-items: center;
    background: var(--c-sub);
    border-bottom: solid 4px var(--c-main);
    border-radius: 10px 10px 0 0;
    letter-spacing: .06em;
    padding: .6em 1em .6em 3.2em;
    margin: 0;
}
@media screen and (max-width: 736px) {
    #center-contents .cmn-h2 {
        font-size: clamp(1rem, 0.66rem + 1.7vw, 1.563rem);
        border-bottom-width: 2px;
        border-radius: 5px 5px 0 0;
        padding: 2.2% 1em 2.2% 2.8em;
    }
}
#center-contents .cmn-h2.ico-news {
    border-bottom-color: var(--c-third);
}
#center-contents .cmn-h2::before {
    content: '';
    position: absolute;
    left: 1.5em;
    top: 50%;
    width: 1.2em;
    height: auto;
    aspect-ratio: 1;
    background: no-repeat center / contain;
    transform: translateY(-50%);
}
@media screen and (max-width: 736px) {
    #center-contents .cmn-h2::before {
        left: 1em;
    }
}
#center-contents .cmn-h2.ico-info::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_info.png');
}
#center-contents .cmn-h2.ico-news::before {
    background-image: url('/HIKIKOMORI-INFO/IMAGE/ico_news.png');
    width: 1em;
}

/* info section  */
#info .info-list-wrap {
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 2em;
    margin-bottom: 40px;
}
@media screen and (max-width: 736px) {
    #info .info-list-wrap {
        /* font-size: clamp(0.688rem, 0.084rem + 3.02vw, 1.688rem); */
        border-radius: 0 0 5px 5px;
        padding: 1.5em;
        margin-bottom: 30px;
    }
}
#info .info-list-wrap li {
    display: flex;
    gap: 1em;
}
@media screen and (max-width: 736px) {
    #info .info-list-wrap li {
        display: block;
    }
}
#info .info-list-wrap li:not(:last-child) {
    background-image: linear-gradient(to right, var(--c-acc) 2px, transparent 2px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-bottom: 1.3em;
    padding-bottom: 1.3em;
}
#info .info-list-wrap li .info-date {
    width: min(20%,160px);
    margin-top: .2em;
}
@media screen and (max-width: 736px) {
    #info .info-list-wrap li .info-date {
        display: block;
        width: auto;
        margin-bottom: .5em;
    }
}
#info .info-list-wrap li .info-list-con {
    flex: 1;
}
#info .info-list-wrap li .info-ttl {
    display: block;
    line-height: 2;
    text-indent: -1.2em;
    padding-left: 1.2em;
    transition: .3s ease;
}
#info .info-list-wrap li .info-ttl:hover,
#info .info-list-wrap li .info-ttl:active {
    color: var(--c-acc);
}
#info .info-list-wrap li .info-ttl::before {
    content: '';
    display: inline-block;
    width: min(13px, .85em);
    height: min(13px, .85em);
    vertical-align: middle;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow01.png') no-repeat center / contain;
    margin-right: .5em;
}
#info .info-list-wrap li .info-txt {
    line-height: 2;
}
@media screen and (max-width: 736px) {
    #info .info-list-wrap li .info-txt {
        line-height: 1.7;
        margin-top: .5em;
    }
}

/* news section */
#news .news-list-wrap {
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 2em;
}
@media screen and (max-width: 736px) {
    #news .news-list-wrap {
        /* font-size: clamp(0.688rem, 0.084rem + 3.02vw, 1.688rem); */
        border-radius: 0 0 5px 5px;
        padding: 1.5em;
    }
}
#news .news-list-wrap li {
    display: flex;
    line-height: 2;
    gap: 1em;
}
#news .news-list-wrap li:not(:last-child) {
    margin-bottom: 1em;
}
@media screen and (max-width: 736px) {
    #news .news-list-wrap li {
        flex-direction: column;
        gap: 0;
    }
}
#news .news-list-wrap li:not(:last-child) {
    margin-bottom: 1em;
}
#news .news-list-wrap li .news-date {
    display: inline-block;
    width: min(20%,150px);
}
@media screen and (max-width: 736px) {
    #news .news-list-wrap li .news-date {
        width: auto;
    }
}
#news .news-list-wrap li .news-ttl {
    flex: 1;
    text-indent: -1em;
    padding-left: 1em;
    transition: .2s ease;
}
#news .news-list-wrap li .news-ttl:hover,
#news .news-list-wrap li .news-ttl:active {
    color: var(--c-acc);
}
#news .news-list-wrap li .news-ttl::before {
    content: '';
    display: inline-block;
    width: .5em;
    height: .5em;
    vertical-align: .1em;
    background: url('/HIKIKOMORI-INFO/IMAGE/ico_arrow02.png') no-repeat center / contain;
    margin-right: .5em;
}

/* ------------------------------------------------------------ */
/* footer  */
/* ------------------------------------------------------------ */
#footer {
    background: var(--c-main);
    padding: 0 1.5em;
}
#footer .footer-inner {
    position: relative;
    max-width: 1200px;
    padding: 2em 1.5em 1.5em;
    margin: auto;
}
@media screen and (max-width: 736px) {
    #footer .footer-inner {
        max-width: unset;
        width: auto;
        padding: 2.5em 0 1.5em;
    }
}
#footer .footer-inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: min(25%,189px);
    min-height: 0;
    aspect-ratio: 189/85;
    background: url('/HIKIKOMORI-INFO/IMAGE/leaf.png') no-repeat center / contain;
}
#footer .footer-dl {
    margin-bottom: min(50px, 6.5%);
}
#footer .footer-dl dt {
    font-size: 135%;
    margin-bottom: 16px;
}
@media screen and (max-width: 736px) {
    #footer .footer-dl dt {
        font-size: clamp(0.875rem, 0.271rem + 3.02vw, 1.875rem);
        word-break: break-word;
        text-wrap: balance;
        margin-bottom: .5em;
    }

    #footer .footer-dl dd {
        font-size: clamp(0.625rem, 0.059rem + 2.83vw, 1.563rem);
    }
    #footer .footer-dl dd .add {
        margin-bottom: .2em;
    }
}
#footer .footer-dl dt span {
    display: inline-block;
}
#footer .contact-wrap {
    display: flex;
    gap: .5em 1.5em;
    flex-wrap: wrap;
}
@media screen and (max-width: 736px) {
    #footer .contact-wrap {
        flex-direction: column;
        gap: .2em;
    }
}
#footer .footer-icon-wrap {
    display: flex;
    align-items: center;
    gap: 1em;
}
#footer .page-id-no {
    display: inline-block;
    font-size: 85%;
    border: 1px solid #cccccc;
    background: #F1EBDF;
    padding: 0.8em 1.4em;
}
@media screen and (max-width: 736px) {
    #footer .page-id-no {
        padding: .2em .5em;
    }
    #footer .footer-official {
        width: min(16vmin, 114px);
        min-height: 0;
        aspect-ratio: 57/20;
    }
}
#footer-copyright {
    height: auto;
    background-color: #fef5e8;
    background-image: radial-gradient(#ffeec6 19%, transparent 22%),radial-gradient(#ffeec6 19%, transparent 22%);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
    padding: 0.7em;
}
@media screen and (max-width: 736px) {
    #footer-copyright {
        font-size: clamp(0.563rem, 0.223rem + 1.7vw, 1.125rem);
        padding: .5em;
    }
}
#page-top {
    position: fixed;
    bottom: 1.5em;
    right: 1.5em;
    z-index: 1;
    width: min(12vmin, 73px);
    height: min(12vmin, 73px);
}