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


#cont_wrap{ max-width: 1060px; margin: 0 auto 3em;}

#main_cont{}

#main_cont .co_wrap{ margin: 8% auto 0;}
#main_cont h2.co_ttl{}
#main_cont h3.co_ttl{ background: #f2f2f5; padding: 0.5em; font-size: 1.2em;;}
#main_cont .text{ width: 94%; margin: 1.5em auto 0;}
#main_cont .co_btn{ width: 94%; margin: 1.5em auto 0; border: 2px solid; border-radius: 1em; text-align: center; padding: 0.25em; position: relative;}
#main_cont .co_btn a{ display: block; width: 100%; height: 100%; padding-right: 1em;}
#main_cont .co_btn::after {content: '';position: absolute;top: 0;bottom: 0;right: 1em;width: 0.6em;height: 0.6em;margin: auto;border-top: 2px solid ;border-right: 2px solid ;transform: rotate(45deg);box-sizing: border-box;}

#main_cont .icon_btn{color: #323232;  background: #FFF; font-size: 0.9em; border: 1px solid; margin-top: 1.5em; text-align: center; position: relative; padding: 0.75em 0.5em;}
#main_cont .icon_btn a{display: block; width: 100%; height: 100%; padding-right: 2.5em; line-height: 1.2;}
#main_cont .icon_btn::before {background-color: #323232; content: '';position: absolute;top: 0;bottom: 0;right: 0.5em;width: 2em;height: 2em;margin: auto;  background-image: url(../images/csv_icon1.png); background-size: contain; background-repeat: no-repeat; background-position: center center;}
#main_cont .icon_btn.icon2::before { background-image: url(../images/csv_icon2.png);}
#main_cont .icon_btn::after {content: '';position: absolute;top: 0;bottom: 0;right: 0.5em;width: 2em;height: 2em;margin: auto; border: 1px solid #fff; box-sizing: border-box;}


#main_cont .top_wrap{ margin-top: 1.5em;}



#main_cont .guide_wrap{}
#main_cont .guide_wrap .cont_wrap{}
#main_cont .guide_wrap .cont_wrap .cont{ background-color: #EEE; padding: 1.5em; text-align: center; margin: 4% auto 0;}
#main_cont .guide_wrap .cont_wrap .cont .img{ position: relative; width: 80%; margin: auto;}
#main_cont .guide_wrap .cont_wrap .cont .img .dummy{ position: relative;}
#main_cont .guide_wrap .cont_wrap .cont .img .main{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align: center;}
#main_cont .guide_wrap .cont_wrap .cont .img .main img{ width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center; margin: auto; display: block;}
#main_cont .guide_wrap .cont_wrap .cont .sub_ttl{ font-size: 1.2em; margin: 1em auto 0.5em;}
#main_cont .guide_wrap .cont_wrap .cont .text_data{}

#main_cont .guide_wrap .cont_wrap .cont.pink{ background-color: #ffe7e8;}
#main_cont .guide_wrap .cont_wrap .cont.pink .icon_btn{ color: #ff868c;}
#main_cont .guide_wrap .cont_wrap .cont.pink .icon_btn::before{ background-color: #ff868c;}

#main_cont .guide_wrap .cont_wrap .cont.blue{ background-color: #e8e8ef;}
#main_cont .guide_wrap .cont_wrap .cont.blue .icon_btn{ color: #5d6090;}
#main_cont .guide_wrap .cont_wrap .cont.blue .icon_btn::before{ background-color: #5d6090;}

#main_cont .guide_wrap .cont_wrap .cont.sky{ background-color: #d9f3f0;}
#main_cont .guide_wrap .cont_wrap .cont.sky .icon_btn{ color: #40c1b4;}
#main_cont .guide_wrap .cont_wrap .cont.sky .icon_btn::before{ background-color: #40c1b4;}

#main_cont .guide_wrap .cont_wrap .cont.yellow{ background-color: #fff9e0;}
#main_cont .guide_wrap .cont_wrap .cont.yellow .icon_btn{ color: #ff931e;}
#main_cont .guide_wrap .cont_wrap .cont.yellow .icon_btn::before{ background-color: #ff931e;}





#main_cont .regulation_wrap{}
#main_cont .regulation_wrap .cont_wrap{}
#main_cont .regulation_wrap .cont_wrap .cont{ width: 94%; margin: 5% auto 0; padding: 1em; border: 2px solid #cccccc;}
#main_cont .regulation_wrap .cont_wrap .cont h4.co_ttl{ border-bottom: 2px solid #cccccc; text-align: center; font-size: 1.2em; padding: 0 0 0.4em; margin: 0 0 0.75em;}
#main_cont .regulation_wrap .cont_wrap .cont .text_data{ font-size: 0.9em;}
#main_cont .regulation_wrap .cont_wrap .cont .text_data a{ color: #0071bc; text-decoration: underline;}
#main_cont .regulation_wrap .cont_wrap .cont .icon_btn{}

#main_cont .regulation_wrap .cont_wrap .cont .icon_btn::before{ background-color: #ff868c;}



@media all and (max-width: 768px) {
/* articles list */
#cont_wrap .article_list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;margin-bottom: 20px;margin-bottom: 2rem}
#cont_wrap .article_list li {border-bottom: solid 1px #e1e1e1}
#cont_wrap .article_list a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 10px 0;padding: 1rem 0;position: relative}
#cont_wrap .article_list p {color: #999}
#cont_wrap .article_list .article_img img {object-fit: cover}
#cont_wrap .article_list .pr_img {width: 33.33333%;min-width: 33.33333%;margin-right: 10px;margin-right: 1rem}
#cont_wrap .article_list .pr_img img {width: 100%;height: auto;object-fit: cover}
#cont_wrap .article_list.article_new_primary li:nth-child(1),.article_list.article_new_primary li:nth-child(3),.article_list.article_new_primary li:nth-child(5) {width: 50%;min-width: 50%;border-right: solid 1px #e1e1e1;padding-right: 10px;padding-right: 1rem}
#cont_wrap .article_list.article_new_primary li:nth-child(1) a,.article_list.article_new_primary li:nth-child(3) a,.article_list.article_new_primary li:nth-child(5) a {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
#cont_wrap .article_list.article_new_primary li:nth-child(1) .article_img img,.article_list.article_new_primary li:nth-child(3) .article_img img,.article_list.article_new_primary li:nth-child(5) .article_img img {width: calc((100vw - 2rem - 4rem)/2);height: calc((100vw - 2rem - 4rem)/2);margin-bottom: 10px;margin-bottom: 1rem}
#cont_wrap .article_list.article_new_primary li:nth-child(2),.article_list.article_new_primary li:nth-child(4),.article_list.article_new_primary li:nth-child(6) {width: 50%;min-width: 50%;padding-left: 10px;padding-left: 1rem}
#cont_wrap .article_list.article_new_primary li:nth-child(2) a,.article_list.article_new_primary li:nth-child(4) a,.article_list.article_new_primary li:nth-child(6) a {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
#cont_wrap .article_list.article_new_primary li:nth-child(2) .article_img img,.article_list.article_new_primary li:nth-child(4) .article_img img,.article_list.article_new_primary li:nth-child(6) .article_img img {width: calc((100vw - 2rem - 4rem)/2);height: calc((100vw - 2rem - 4rem)/2);margin-bottom: 10px;margin-bottom: 1rem}
#cont_wrap .article_list.article_new_primary li:nth-child(n+7) {width: 100%}
#cont_wrap .article_list.article_new_primary li:nth-child(n+7) .article_img {width: 33.33333%;min-width: 33.33333%;margin: 0 10px 0 0;margin: 0 1rem 0 0}
#cont_wrap .article_list.article_new_primary li:nth-child(n+7) .article_img img {width: calc((100vw - 1rem - 4rem)/3);height: calc((100vw - 1rem - 4rem)/3)}
#cont_wrap .article_list.article_new_primary li:nth-child(-n+2) a {padding-top: 0}
#cont_wrap .article_list.article_new_secondary li:nth-child(1) a {-webkit-flex-direction: row;flex-direction: row;}

#cont_wrap .article_list.article_new_secondary li:nth-child(2) {width: 100%;border-right: none;padding-right: 0;}
#cont_wrap .article_list.article_new_secondary li:nth-child(3) {width: 100%;padding-left: 0;}

#cont_wrap .article_list.article_new_secondary li:nth-child(2) a {-webkit-flex-direction: row;flex-direction: row;}
#cont_wrap .article_list.article_new_secondary li:nth-child(3) a {-webkit-flex-direction: row;flex-direction: row;}

#cont_wrap .article_list.article_new_secondary li:nth-child(1) .article_img {width: 33.3333%;min-width: 33.3333%;margin-right: 1rem;}
#cont_wrap .article_list.article_new_secondary li:nth-child(2) .article_img {width: 33.3333%;min-width: 33.3333%;margin-right: 1rem;}
#cont_wrap .article_list.article_new_secondary li:nth-child(3) .article_img {width: 33.3333%;min-width: 33.3333%;margin-right: 1rem;}

#cont_wrap .article_list.article_new_secondary li:nth-child(1) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);object-fit: cover;}
#cont_wrap .article_list.article_new_secondary li:nth-child(2) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);object-fit: cover;}
#cont_wrap .article_list.article_new_secondary li:nth-child(3) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);object-fit: cover;}
#cont_wrap .article_list.article_new_secondary li:nth-child(1) .article_img {margin: 0 1em 0 0;}



#cont_wrap .article_list.article_new_thirdary li:nth-child(1) {width: 100%;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(1) a {flex-direction: column;margin: 0 auto;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(1) .article_img {width: 75%;min-width: 75%;margin: 0 auto;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(1) .article_img img {width: calc((100vw - 2rem - 4rem) * 3 / 4);height: calc((100vw - 2rem - 4rem) * 3 / 4);margin-bottom: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(2) {width: 50%;min-width: 50%;border-right: solid 1px #e1e1e1;padding-right: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(2) a {flex-direction: column;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(2) .article_img img {width: calc((100vw - 2rem - 4rem) / 2);height: calc((100vw - 2rem - 4rem) / 2);margin-bottom: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) {width: 50%;min-width: 50%;padding-left: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) a {flex-direction: column;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) .article_img img {width: calc((100vw - 2rem - 4rem) / 2);height: calc((100vw - 2rem - 4rem) / 2);margin-bottom: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(n + 4) {width: 100%;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(n + 4) .article_img {width: 33.33333%;min-width: 33.33333%;margin-right: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(n + 4) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);}

#cont_wrap .article_list.article_new_thirdary li:nth-child(1) a {-webkit-flex-direction: row;flex-direction: row;}

#cont_wrap .article_list.article_new_thirdary li:nth-child(2) {width: 100%;border-right: none;padding-right: 0;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) {width: 100%;padding-left: 0;}

#cont_wrap .article_list.article_new_thirdary li:nth-child(2) a {-webkit-flex-direction: row;flex-direction: row;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) a {-webkit-flex-direction: row;flex-direction: row;}

#cont_wrap .article_list.article_new_thirdary li:nth-child(1) .article_img {width: 33.3333%;min-width: 33.3333%;margin-right: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(2) .article_img {width: 33.3333%;min-width: 33.3333%;margin-right: 1rem;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) .article_img {width: 33.3333%;min-width: 33.3333%;margin-right: 1rem;}

#cont_wrap .article_list.article_new_thirdary li:nth-child(1) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);object-fit: cover;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(2) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);object-fit: cover;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(3) .article_img img {width: calc((100vw - 1rem - 4rem) / 3);height: calc((100vw - 1rem - 4rem) / 3);object-fit: cover;}
#cont_wrap .article_list.article_new_thirdary li:nth-child(1) .article_img {margin: 0 1em 0 0;}


}



@media all and (min-width: 769px) {
#cont_wrap{}



#main_cont{}
#main_cont .co_wrap{ margin: 60px auto 0;}
#main_cont h2.co_ttl{}
#main_cont h3.co_ttl{ background: #f2f2f5; padding: 0.5em; font-size: 1.4em; margin: 1em auto;}
#main_cont .text{ width: 94%; margin: 1.5em auto 0;}
#main_cont .co_btn{ width: 45%; margin: 1.5em auto 0; border: 2px solid; border-radius: 2em; text-align: center; padding: 0.5em; position: relative;}
#main_cont .co_btn a{ display: block; width: 100%; height: 100%; padding-right: 1em;}
#main_cont .co_btn::after {content: '';position: absolute;top: 0;bottom: 0;right: 1em;width: 0.6em;height: 0.6em;margin: auto;border-top: 2px solid ;border-right: 2px solid ;transform: rotate(45deg);box-sizing: border-box;}

#main_cont .icon_btn{color: #323232;  background: #FFF; font-size: 0.9em; border: 1px solid; margin-top: 16px; text-align: center; position: relative; padding: 0.75em 0.5em;}
#main_cont .icon_btn a{display: block; width: 100%; height: 100%; padding-right: 2.5em; line-height: 1.2;}
#main_cont .icon_btn::before {background-color: #323232; content: '';position: absolute;top: 0;bottom: 0;right: 0.5em;width: 2em;height: 2em;margin: auto;  background-image: url(../images/csv_icon1.png); background-size: contain; background-repeat: no-repeat; background-position: center center;}
#main_cont .icon_btn.icon2::before { background-image: url(../images/csv_icon2.png);}
#main_cont .icon_btn::after {content: '';position: absolute;top: 0;bottom: 0;right: 0.5em;width: 2em;height: 2em;margin: auto; border: 1px solid #fff; box-sizing: border-box;}


#main_cont .top_wrap{}


#main_cont .guide_wrap{}
#main_cont .guide_wrap .cont_wrap{ font-size: 0; margin-top: 20px;
display: flex;flex-wrap: wrap;gap: 16px;}
#main_cont .guide_wrap .cont_wrap .cont{width: calc(50% - 8px); margin: 16px 0 0;
display: flex;flex-direction: column;justify-content: space-between;
    font-size: 16px; background-color: #EEE; padding: 2em; text-align: center;}
#main_cont .guide_wrap .cont_wrap .cont .img{ }
#main_cont .guide_wrap .cont_wrap .cont .sub_ttl{ font-size: 1.2em; margin: 1em auto 0.5em;}
#main_cont .guide_wrap .cont_wrap .cont .text_data{}





#main_cont .regulation_wrap{}
#main_cont .regulation_wrap .cont_wrap{ margin-top: 20px;
display: flex;flex-wrap: wrap;gap: 16px;}
#main_cont .regulation_wrap .cont_wrap .cont{width: calc(50% - 8px);
display: flex;flex-direction: column;
 margin: 16px auto 0; padding:1em 2em 2em; border: 2px solid #cccccc;}
#main_cont .regulation_wrap .cont_wrap .cont h4.co_ttl{ border-bottom: 2px solid #cccccc; text-align: center; font-size: 1.3em; padding: 0 0 0.4em; margin: 0 0 0.75em;}
#main_cont .regulation_wrap .cont_wrap .cont .text_data{ font-size: 0.9em;}
#main_cont .regulation_wrap .cont_wrap .cont .text_data a{ color: #0071bc; text-decoration: underline;}
#main_cont .regulation_wrap .cont_wrap .cont .icon_btn{}



#cont_wrap .article_detail_item a {text-decoration: underline!important}
#cont_wrap .article_detail_item b,#cont_wrap .article_detail_item strong {font-weight: 700!important}
#cont_wrap .article_detail_item u {text-decoration: underline}
#cont_wrap .article_detail_item .circle_list li {position: relative;padding-left: 10px;padding-left: 1rem}
#cont_wrap .article_detail_item .circle_list li:before {position: absolute;top: 8px;top: .8rem;left: 0;display: block;content: "";width: 5px;width: .5rem;height: 5px;height: .5rem;background: #000}
#cont_wrap .article_detail_item .blockquote_area a {color: #aaa!important;font-size: .8em!important}
#cont_wrap .article_detail_description {line-height: 2;letter-spacing: .5px;letter-spacing: .05rem}
#cont_wrap .article_list_secondary {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap}
#cont_wrap .article_list_secondary li {border-bottom: solid 1px #e1e1e1;width: 100%;min-width: 10px;min-width: 1rem;min-height: 10px;min-height: 1rem}
#cont_wrap .article_list_secondary a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 10px 0;padding: 1rem 0;position: relative}
#cont_wrap .article_list_secondary a>* {min-width: 10px;min-width: 1rem;min-height: 10px;min-height: 1rem}
#cont_wrap .article_list_secondary p {color: #101010;font-size: 14px;font-size: 1.4rem}
#cont_wrap .article_list_secondary .article_img {margin: 0 20px 0 0;margin: 0 2rem 0 0}
#cont_wrap .article_list_secondary .article_img img {width: 80px;height: 80px;object-fit: cover;object-position: center center;font-family: 'object-fit: cover; object-position: center center;'}
#cont_wrap .article_list_secondary.article_new_primary {margin-right: -20px;margin-right: -2rem}
#cont_wrap .article_list_secondary.article_new_primary li:nth-child(-n+6) {width: 33.33333%;min-width: 10px;min-width: 1rem;margin-bottom: 20px;margin-bottom: 2rem}
#cont_wrap .article_list_secondary.article_new_primary li:nth-child(-n+6) a {padding: 0 20px 20px 0;padding: 0 2rem 2rem 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
#cont_wrap .article_list_secondary.article_new_primary li:nth-child(-n+6) .article_img {margin: 0 0 20px;margin: 0 0 2rem}
#cont_wrap .article_list_secondary.article_new_primary li:nth-child(-n+6) .article_img img {width: 227px;height: 210px;object-fit: cover}
#cont_wrap .article_list_secondary.article_new_primary li:nth-child(n+7) .article_img {width: 80px;width: 8rem;min-width: 80px;min-width: 8rem;max-width: 80px;max-width: 8rem}
#cont_wrap .article_list_secondary.article_new_secondary .article_img {width: 80px;width: 8rem;min-width: 80px;min-width: 8rem;max-width: 80px;max-width: 8rem}
#cont_wrap .article_list_secondary.ranking {counter-reset: list_num;margin-right: -20px;margin-right: -2rem}
#cont_wrap .article_list_secondary.ranking li {width: 33.33333%;min-width: 10px;min-width: 1rem;margin-bottom: 20px;margin-bottom: 2rem}
#cont_wrap .article_list_secondary.ranking a {position: relative;padding: 0 20px 20px 0;padding: 0 2rem 2rem 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
#cont_wrap .article_list_secondary.ranking a:before {position: absolute;left: 0;top: 0;counter-increment: list_num;content: counter(list_num);background-image: url(/share/img/pc/common/icon_crown.png);background-position: 5px center;background-position: .5rem center;background-repeat: no-repeat;padding: 0 10px 0 30px;padding: 0 1rem 0 3rem;color: #fff;border-radius: .3rem}
#cont_wrap .article_list_secondary.ranking .article_img {margin: 0 0 20px;margin: 0 0 2rem}
#cont_wrap .article_list_secondary.ranking .article_img img {width: 227px;height: 210px;object-fit: cover}
#cont_wrap .article_list_secondary.ranking li:nth-child(1) a:before {background-color: #f1da3c}
#cont_wrap .article_list_secondary.ranking li:nth-child(2) a:before {background-color: #999}
#cont_wrap .article_list_secondary.ranking li:nth-child(3) a:before {background-color: #af6813}
#cont_wrap .article_list_secondary.ranking li:nth-child(n+4) a:before {background-color: #ccc}

    
}