@charset "UTF-8";

.mb1rem {
    margin-bottom: 1rem;
}

.guideline {
    min-width: 375px;
}

.guideline h1 {
    margin-bottom: 2.5rem;
    line-height: 24px;
    padding: .75rem 0;
}

p.pdfDL {
    margin: 2em auto;
    text-align: center;
}

p.pdfDL a {
    text-decoration: none;
}

p.pdfDL a img {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #ccc;
}

p.pdfDL a:hover img,
p.pdfDL a:focus img,
p.pdfDL a:active img {
    text-decoration: none;
    opacity: 0.6;
}

p.text {
    width: 40em;
    margin-left: auto;
    margin-right: auto;
}

.kaitei {
    margin: 0 15px 2.5rem;
}

.kaitei a {
    font-size: 15px;
    width: 100%;
    white-space: normal;
    background-color: #eaf4ff;
    border: 1px solid #6c7c8c;
}

.kaitei a,
.kaitei a span,
.kaitei a:hover span,
.kaitei a:focus span,
.kaitei a:active span{
    text-decoration: underline;
}

.kaitei a:hover,
.kaitei a:focus,
.kaitei a:active {
    border: 1px solid #6c7c8c;
    background-color: #cce5ff;
    color: #053047;
    text-decoration: underline;
}

.guideline_wrap {
    margin-bottom: 2rem;
}

.to_guideline {
    margin-bottom: .5rem;
}

.to_guideline p {
    margin-bottom: .125rem;
}
.to_guideline p a {
    position: relative;
    background-color: #eaf4ff;
    border: 1px solid #6c7c8c;
    width: 100%;
    white-space: normal;
    padding-left: 1.75rem;
}

.to_guideline p a .new {
    position: absolute !important;
    left: 2.25rem;
    top: calc(50% - 1em);
    bottom: calc(50% - 1em);
    margin: auto;
}

.to_guideline p strong {
    display: inline-block;
}

.to_guideline p a:hover,
.to_guideline p a:focus,
.to_guideline p a:active {
    border: 1px solid #6c7c8c;
    background-color: #cce5ff;
    color: #053047;
}

.to_guideline p a::before {
    position: absolute;
    display: block;
    content: "\0025B6";
    font-size: 1.5rem;
    line-height: 1;
    top: calc(50% - .75rem);
    bottom: calc(50% - .75rem);
    left: .5rem;

    color: #6c7c8c;
}

.guideline figure {
    margin-bottom: 2.5rem;
}


#contents .icon {
    position: relative;
    display: inline-block;
    margin: auto 0 auto .5rem;
    width: 1.4em;
    height: 1.4em;
    text-decoration: none;
    background-color: transparent;
}

#contents .to_guideline .icon {
    margin-left: 0;
    margin-right: .6em;
}

.icon.icon-pdf {
    background: url("images/icon_pdf.svg") no-repeat center center;
    background-size: contain;
}

.icon.icon-mobile {
    background: url("images/icon_mobile.svg") no-repeat center center;
    background-size: contain;
}

.inline-block {
    display: inline-block;
}