body{
    font-family: メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,Osaka,sans-serif
}

br.pc-br{
    display: inline;
}
br.sp-br{
    display: none;
}

@media screen and (max-width: 768px) {
br.pc-br{
    display: none;
}
br.sp-br{
    display: inline;
}
}
.title span{
    font-size: clamp(1.12rem,1.56vw,1.25rem)
}

@media screen and (max-width: 768px){
.title span{
    display:block;
    font-size: clamp(.875rem,1.25vw,1rem)
}
}

h3.notice__heading{
    color: #fff;
    margin: 24px 0;
    padding: 8px 12px;
    background: #20aee5
}

h3.rescue119{
    color: #fff;
    margin: 24px 0;
    padding: 8px 12px;
    background: #ED1A3D
}

h3.contest__heading{
    color: #fff;
    margin: 24px 0;
    padding: 8px 12px;
    background: #0054aa;
    margin-left: -20px; /* 親要素の左パディング (20px) を打ち消す */
    margin-right: -20px; /* 親要素の右パディング (20px) を打ち消す */
    width: auto;
}

h3.award{
    color: #fff;
    margin: 24px 5px;
    padding: 8px 12px;
    background: #ED1A3D;
    text-align: center;
    border-radius: 10px;
}

strong.red{
    color: #ED1A3D;
}

strong.blue{
    color: #187fc4;
}

.content ul,.section ul{
    list-style: disc; 
    margin: 0 20px;
}

.content ol{
    margin: 0 20px;
}

.inquiry{
    margin-left: 10px;
    margin-right: 10px;
}

.inquiry h4{
    color: #fff;
    background: #56c3da;
    margin: 24px 0;
    padding: 8px 12px;
}

.section__chapter{
    margin: 10px 0;
}

.section__chapter span{
    display: block;
    text-align: right
}

.compare{
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
@media screen and (max-width: 768px){
.compare{
    display: block;
}
}

.compare .item{
    margin: 0 10px;
}

.Grand__Prix img{
    padding: 10px;
}


.art__list{
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
.art__list{
    display: block;
}
}

.inner__art{
    display: block;
    justify-content: left;
    margin: 0 30px;
}

@media screen and (max-width: 768px) {
.inner__art{
    display: block;
    gap: 20px;
    margin: 0 auto;
}
}

.inner__art .art__thema{
    margin: 0 -20px;
    padding: 10px 0;
    background-color: #bce1df;
    border-radius: 10px;
}
@media screen and (max-width: 768px) {
.inner__art .art__thema{
    margin: 0;
}
}

.inner__art .art__thema3{
    width: 50%;
}
@media screen and (max-width: 768px) {
.inner__art .art__thema3{
    width: 100%;
}
}


.inner__art .art__thema ul li img{
    width: 60px;
    margin-bottom: 3px;
    margin-left: -12px;
}

@media screen and (max-width: 768px) {
.inner__art .art__thema ul li span{
    display: none;
}
}

.art{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 768px) {
.art{
    width: 70%;
}
}

.art2{
    width: 55%;
    text-align: center;
}

.mascot{
    text-align: center;
}

.mascot img{
    width: 50%;
}

.supporter__picture{
    text-align: center;
}

.supporter__picture img{
    height: 60%;
}

/* @media screen and (max-width: 768px) {
.art{
    display: block;
}
} */



.linkpage{
    margin: 40px 0 !important;
    display: block;
    background: #dceff4;
    padding: 8px 12px;
    font-size: clamp(.75rem, 1.093vw, .875rem);;
}

strong.conection{
    color: #1068b3;
    margin-left: 14px;
}

.linkpage a{
    text-decoration: underline;
}

.header {
    width: 500px;
    margin-top: -20px
}

@media screen and (max-width: 768px) {
.header{
    display:block;
    margin: -20px auto 0
}
}

.inner{
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 768px) {
    .inner{
    display:block
}
}

.award__list .inner{
    justify-content: center;
}

.text {
    width: 60%;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .text {
        width:100%
    }
}

.figure {
    display: block;
    margin: 0 12px;
    width: 300px
}

@media screen and (max-width: 768px) {
    .figure {
        margin:20px auto
    }
}

@media screen and (max-width: 480px) {
    .figure {
        width:100%;
        margin: 20px auto
    }
}