@charset "UTF-8";
/* CSS Document */

/* 2022research/index.html お正月全国調査 2022年実施 */
#research2022            { margin: 0 auto; width: 980px; }
#research2022 article    { margin: 60px auto; }
#research2022 article h2 { margin: 0 auto; text-align: center; font-weight: bold; font-size: 44px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; color: #921717; }
#research2022 article h3 { margin: .5em auto; text-align: center; font-weight: bold; font-size: 24px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; color: #4c4c4c; }
#research2022 article h4 { margin: .5em auto; padding: .25em .5em; font-weight: bold; font-size: 18px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; color: #921717; border: solid 2px #921717; border-radius: .5em; }
#research2022 article h4 span.small        { font-weight: normal; font-size: 16px; display: inline-block; }
#research2022 article h4 span.small:before { content: '　'; }
@media only screen and (max-width: 768px){
#research2022            { width: 100%; }
#research2022 article    { margin: 6vw auto!important; padding: 0 3vw; }
#research2022 article h2 { font-size: 6vw!important; }
#research2022 article h3 { margin: 0 auto .5em auto; font-size: 4.5vw!important; }
#research2022 article h4 { padding: .25em .5em; font-size: 4vw!important; border: solid 2px #921717; border-radius: .5em; }
#research2022 article h4 span.small { font-size: 3.5vw; display: inline-block; }
}
/**/
#research2022 article.c01 .c1_content { display: flex; justify-content: space-between; }
#research2022 article.c01 .graph      { padding: 0 10px; width: calc(50% - 10px); }
#research2022 article.c01 .graph img  { width: 100%; }
#research2022 article.c01 .chart      { width: calc(50% - 10px); }
#research2022 article.c01 .chart h5   { margin: 2em 0 .75em 0; font-size: 16px; }
#research2022 article.c01 table       { margin-left: 1em; width: 66%; font-size: 18px; }
#research2022 article.c01 table tr,
#research2022 article.c01 table td    { text-align: center; vertical-align: middle; border: solid 1px; }
@media only screen and (max-width: 768px){
#research2022 article.c01 .c1_content { flex-direction: column; }
#research2022 article.c01 .graph      { padding: 0 1em; width: 100%; }
#research2022 article.c01 .chart      { width: 100%; }
#research2022 article.c01 .chart h5   { margin: 2em 0 .75em 0; font-size: 3.5vw; }
#research2022 article.c01 table       { margin: 0 auto; width: 66%; font-size: 4vw; }
#research2022 article.c01 table tr,
#research2022 article.c01 table td    { text-align: center; vertical-align: middle; border: solid 1px; }
}

#research2022 article.c02 .c2_content      { margin: 2em auto; width: 655px; }
#research2022 article.c02 ul               { margin: 15px 0; }
#research2022 article.c02 ul:before,
#research2022 article.c02 ul:after         { content: ""; display: table; clear: both; }
#research2022 article.c02 ul li            { float: left; line-height: 2; margin-right: 20px; font-size: 86%; display: inline-block; }
#research2022 article.c02 ul li:last-child { margin-right: 0px; }
#research2022 article.c02 ul li.c1:before  { content: '■ '; color: #bc1418; font-size: 14px; }
#research2022 article.c02 ul li.c2:before  { content: '■ '; color: #e45341; font-size: 14px; }
#research2022 article.c02 ul li.c3:before  { content: '■ '; color: #e5866d; font-size: 14px; }
#research2022 article.c02 ul li.c4:before  { content: '■ '; color: #ff819f; font-size: 14px; }
#research2022 article.c02 ul li.c5:before  { content: '■ '; color: #ffb2cf; font-size: 14px; }
#research2022 article.c02 ul li.c6:before  { content: '■ '; color: #faa342; font-size: 14px; }
#research2022 article.c02 ul li.c7:before  { content: '■ '; color: #fbd572; font-size: 14px; }
#research2022 article.c02 ul li.c8:before  { content: '■ '; color: #fbfba3; font-size: 14px; }
@media only screen and (max-width: 768px){
#research2022 article.c02 .c2_content      { margin: 1em auto; width: 100%; }
#research2022 article.c02 .c2_content img  { width: 100%; }
#research2022 article.c02 ul               { margin: .75em 0; }
#research2022 article.c02 ul li            { float: left; line-height: 1.5; margin-right: 3vw; font-size: 2.5vw; }

}
#research2022 article.c03 .chart    { margin-top: 2em; padding-top: 2em; display: flex; justify-content: space-between; align-items: flex-start; }
#research2022 article.c03 table     { width: 32%; margin: 0 auto; }
#research2022 article.c03 table th,
#research2022 article.c03 table td  { text-align: center; vertical-align: middle; border: solid 1px #333!important; }
#research2022 article.c03 .chart table:first-child { margin-top: calc(-2em - 2px); }
#research2022 article.c03 table th.non             { border-top: none!important; border-left: none!important; }
#research2022 article.c03 table tr.highlight       { background: #bc1418; }
#research2022 article.c03 table tr.highlight td    { color: #fff; }
@media only screen and (max-width: 768px){
#research2022 article.c03 .chart    { display: flex; flex-direction: column; }
#research2022 article.c03 table     { width: 100%; margin: -1px auto 0 auto; }
#research2022 article.c03 table tr td:first-child  { width: 4em; margin: 0 auto; }
#research2022 article.c03 table tr td:last-child   { width: 8em; margin: 0 auto; }
}

#research2022 article.c03               { margin-bottom: 1em; }
#research2022 article.c04               { margin-top: 1em; }
#research2022 article.c04 .chart        { margin-top: 2em; display: flex; }
#research2022 article.c04 table         { width: 24%; margin: 0 auto; }
#research2022 article.c04 table caption { font-weight: bold; text-align: left; font-size: 14px; }
#research2022 article.c04 table th,
#research2022 article.c04 table td      { text-align: center; vertical-align: middle; border: solid 1px; }
@media only screen and (max-width: 768px){
#research2022 article.c04 .chart        { margin-top: 0; flex-wrap: wrap; justify-content: space-between; }
#research2022 article.c04 table         { width: calc(50% - .5em); margin-top: 1em; }
#research2022 article.c04 table caption { font-size: 3vw; }
}

#research2022 article.summary               { margin: 60px auto; max-width: 640px; min-width: 600px; }
#research2022 article.summary .data         { margin: 40px auto .5em auto; padding: 10px 25px; background: #fffae7; border: solid 1px #ccc; }
#research2022 article.summary .data h3      { color: #000; font-size: 1em!important; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; }
#research2022 article.summary .data p       { margin: 0 0 0 5em; font-size: 85%; text-indent: -5em; }
#research2022 article.summary .data_caption { font-size: 85%; }
@media only screen and (max-width: 768px){
#research2022 article.summary               { margin: 6vw auto; padding: 0 3vw; min-width: auto; }
#research2022 article.summary .data         { margin: 0 auto .5em auto; padding: 5vw; }
#research2022 article.summary .data h3      { margin-top: 0; }
}