@charset "UTF-8";

#get_storyca .report_lead{width: 100%;margin: 0;padding: 0;text-align: center;}
#get_storyca .report_lead p{font-size: 20px;line-height: 2.2;margin: 80px 0;color: #333;text-align: center;font-weight: bold;}
#get_storyca .report_area{width: 100%;margin: 0;padding: 0;text-align: center;position: relative;}
#get_storyca .report_area .inner{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;background-color: #f8f8f8;}
#get_storyca .report_area .inner p{font-size: 16px;line-height: 2.0;margin: 0;padding: 0;color: #555;text-align: left;word-break: normal;/*font-feature-settings: "palt";letter-spacing: 0.00em;*/}

#get_storyca .report_area .inner .headline{width: 100%;margin: 0;padding: 0;position: relative;}
#get_storyca .report_area .inner .headline p{font-size: 44px;line-height: 1.4 !important;margin: 0 auto;color: #FFF;position: absolute;bottom: 56px;left: 0;right: 0;width: 94%;max-width: 980px;font-feature-settings: "palt";}
#get_storyca .report_area .inner .headline .report_tab{position: absolute;top: 0;left: 0;width: 100%;}
#get_storyca .report_area .inner .lead{width: 94%;max-width: 980px;margin: 0 auto;padding: 0;}
#get_storyca .report_area .inner .lead p{font-size: 18px;line-height: 2.2;margin: 60px 0 100px 0;color: #333;text-align: center;font-weight: bold;}

#get_storyca .report_area .inner .article{border-top: solid 5px #dfdfdf;text-align: center;}
#get_storyca .report_area .inner .article .inBox{width: 92%;max-width: 980px;margin: 0 auto;padding: 0 0 100px 0;text-align: left;}
#get_storyca .report_area .inner .article .inBox .question{position: relative;top: -25px;}
#get_storyca .report_area .inner .article .inBox .question p{font-size: 20px;line-height: 1.3;color: #333;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.03em;}
#get_storyca .report_area .inner .article .inBox .question p::before {content: "";display: inline-block;width: 26px;height: 41px;background: url("/files/emotion/storyca/images/campaign/report/question.png") no-repeat;background-size: contain;margin-right: 20px;vertical-align: middle;}
#get_storyca .report_area .inner .article .inBox .answer{position: relative;top: 0px;margin-top: 10px;margin-bottom: 0px;}
#get_storyca .report_area .inner .article .inBox .answer p{font-size: 20px;line-height: 1.3;color: #333;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.03em;}
#get_storyca .report_area .inner .article .inBox .answer p::before {content: "";display: inline-block;width: 26px;height: 41px;background: url("/files/emotion/storyca/images/campaign/report/answer.png") no-repeat;background-size: contain;margin-right: 20px;vertical-align: middle;position: relative;top: -3px;}
#get_storyca .report_area .inner .article .inBox ul {display: flex;frex-direction: row;flex-wrap: wrap;justify-content: space-between;margin: 40px 0 0 0;padding: 0;}
#get_storyca .report_area .inner .article .inBox li {width: 470px;list-style: none;}
#get_storyca .report_area .inner .article .inBox ul.full {display: block;margin: 40px 0 0 0;padding: 0;}
#get_storyca .report_area .inner .article .inBox ul.full li {width: 100%;}
#get_storyca .report_area .inner .article .inBox ul.full li.img {max-width: 800px;margin: 40px auto 0 auto;}
#get_storyca .report_area .inner .article .inBox ul.full li p.caution{font-size: 14px;line-height: 1.4;margin: 10px 0 0 0;color: #333;text-align: center;}
#get_storyca .report_area .inner .article .inBox ul.full li p.caution a{color: #333;transition: 0.3s;}
#get_storyca .report_area .inner .article .inBox ul.full li p.caution a:hover{color: #333;opacity:0.6;transition: 0.3s;}
#get_storyca .report_area .inner .article .inBox li p span {font-weight: bold;}
#get_storyca .report_area .inner .article .inBox li p:nth-of-type(n+2) {margin-top: 20px;}
#get_storyca .report_area .inner .article .inBox li img {max-width: 100%;position: relative;top: 0px;vertical-align: bottom;}
#get_storyca .report_area .inner .article .inBox .pagetop {width: 66px;margin: 40px auto 0 auto;opacity:1.0;transition: 0.3s;}
#get_storyca .report_area .inner .article .inBox .pagetop:hover {opacity:0.7;transition: 0.3s;}
#get_storyca .report_area .inner .article .inBox  .post{width: 100%;margin: 0;padding: 0;}
#get_storyca .report_area .inner .article .inBox  .post p{font-size: 18px;line-height: 2.2;margin: 60px 0 100px 0;color: #333;text-align: center;font-weight: bold;}

#get_storyca .report_area .inner.report_hide {display:none;}
#get_storyca .report_area .report_tab {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;position: absolute;top: 0;left: 0;right: 0;z-index: 100;}
#get_storyca .report_area .report_tab li {width: 51.69999%;position: absolute;top: 0;opacity: 1;cursor:pointer;}
#get_storyca .report_area .report_tab li:nth-child(1) {left: 0;background: url("/files/emotion/storyca/images/campaign/report/tab01_on.png") no-repeat;background-size: contain;}
#get_storyca .report_area .report_tab li:nth-child(2) {right: 0;background: url("/files/emotion/storyca/images/campaign/report/tab02_on.png") no-repeat;background-size: contain;}

#get_storyca .report_area .report_tab li.select img {opacity: 0 !important;}
#get_storyca .report_area .report_tab li:hover img {opacity: 0.7;}

@media screen and (max-width: 1200px) {
#get_storyca .report_area .inner .headline p{font-size: 4vw;bottom: 4.8vw;}
#get_storyca .report_area .inner .article .inBox li {width: 48%;}
}

@media screen and (max-width: 768px) {
#get_storyca .report_lead p{font-size: 16px;line-height: 2;margin: 40px 0;}
#get_storyca .report_area .inner .article .inBox li {width: 100%;}
    
#get_storyca .report_area .inner{width: 92%;margin: 0 auto;}
#get_storyca .report_area .inner p{font-size: 14px;line-height: 2;}
#get_storyca .report_area .inner .headline p{font-size: 4.5vw;bottom: 6vw;}
#get_storyca .report_area .inner .lead p{font-size: 14px;line-height: 2 !important;margin: 30px 0 80px 0;font-feature-settings: "palt";letter-spacing: 0.00em;}

#get_storyca .report_area .inner .article .inBox{padding: 0 0 60px 0;}
    
#get_storyca .report_area .inner .article .inBox .question{position: relative;top: -34px;}
#get_storyca .report_area .inner .article .inBox .question p{font-size: 16px;line-height: 1.3 !important;padding-left: 12%;}
#get_storyca .report_area .inner .article .inBox .question p::before {position: absolute;left: 0;top: 0;}
#get_storyca .report_area .inner .article .inBox .answer{margin-top: 0px;}
#get_storyca .report_area .inner .article .inBox .answer p{font-size: 16px;line-height: 1.3 !important;padding-left: 12%;}
#get_storyca .report_area .inner .article .inBox .answer p::before {position: absolute;left: 0;top: 0;}

#get_storyca .report_area .inner .article .inBox ul {display: block;margin: 25px 0 0 0;}
#get_storyca .report_area .inner .article .inBox li {width: 100%;}
#get_storyca .report_area .inner .article .inBox ul.full {display: block;margin: 40px 0 0 0;padding: 0;}
#get_storyca .report_area .inner .article .inBox ul.full li {width: 100%;}
#get_storyca .report_area .inner .article .inBox ul.full li.img {width: 100%;margin: 0px auto;}
#get_storyca .report_area .inner .article .inBox ul.full li.caution{font-size: 12px;}
#get_storyca .report_area .inner .article .inBox li p span {font-weight: bold;}
#get_storyca .report_area .inner .article .inBox li p:nth-of-type(n+2) {margin-top: 25px;}
#get_storyca .report_area .inner .article .inBox li img {margin-top: 25px;}
#get_storyca .report_area .inner .article .inBox .pagetop {width: 66px;margin: 0 auto;}
#get_storyca .report_area .inner .article .inBox  .post{width: 100%;margin: 0;padding: 0;}
#get_storyca .report_area .inner .article .inBox  .post p{font-size: 14px;line-height: 2 !important;margin: 30px 0 60px 0;font-feature-settings: "palt";letter-spacing: 0.00em;}
    
#get_storyca .report_area .report_tab {width: 92%;margin: 0 auto;}
#get_storyca .report_area .report_tab li {width: 52.5%;}
#get_storyca .report_area .report_tab li:nth-child(1) {left: 0;background: url("/files/emotion/storyca/images/campaign/report/tab01sp_on.png") no-repeat;background-size: contain;}
#get_storyca .report_area .report_tab li:nth-child(2) {right: 0;background: url("/files/emotion/storyca/images/campaign/report/tab02sp_on.png") no-repeat;background-size: contain;}
    
}

@media screen and (max-width: 375px) {

}

@media screen and (max-width: 365px) {
#get_storyca .report_area .inner .lead p{font-size: 12px;}
#get_storyca .report_area .inner .article .inBox .question{position: relative;top: -30px;}
#get_storyca .report_area .inner .article .inBox .question p::before {width: 24px;height: 38px;margin-right: 0px;}
#get_storyca .report_area .inner .article .inBox .question p{font-size: 14px;}
#get_storyca .report_area .inner .article .inBox .answer p::before {width: 24px;height: 38px;margin-right: 0px;}
#get_storyca .report_area .inner .article .inBox .answer p{font-size: 14px;}
}