/* -------------------- 共通項目 -------------------- */
/* 全体 */
html {
    font-size: 62.5%;
}
/* 見出し */
h2 {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}
@media(max-width:768px) {
    h2{
        font-size: 2rem;
    }
}
/* aタグ下線付きリンク */
.cr--link {
    font-weight: 700;
    border-bottom: 1px solid #333333;
}
/* 改行 */
.br-sp {
    display: none;
}
@media(max-width:640px) {
    .br-sp {
        display: block;
    }
}
/* 最大幅 */
.max-w-1040 {
    max-width: 1040px;
    margin: auto;
}

/* -------------------- 見出し -------------------- */
.cr-headline {
    background-color: #FFFBEE;
}
.cr-headline__inner {
    width: 95%;
    margin: auto;
    padding: 20px 0;
}
.cr-headline__inner h1 {
    font-size: 1.8rem;
    font-weight: 700;
    border-left: 6px solid #FBC51F;
    padding-left: 10px;
}
.cr-headline__inner p {
    line-height: normal;
    margin-top: 10px;
    text-align: justify;
}

/* -------------------- メインビジュアル -------------------- */
/* 疑問 */
.cr-mv__doubt {
    margin-top: 20px;
}
.cr-mv__doubt--pc {
    display: block;
}
.cr-mv__doubt--sp {
    display: none;
}
@media (max-width: 768px){
    .cr-mv__doubt--pc {
        display: none;
    }
    .cr-mv__doubt--sp {
        display: block;
    }
}

/* 解決 */
.cr-mv__solution {
    background-color: #FFFBEE;
}
.cr-mv__solution {
    background-color: #FFFBEE;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
}
.cr-mv__solution-img {
    display: flex;
    justify-content: flex-start;
    width: 90%;
    padding-left: 14%;
}
.cr-mv__solution-down {
    width: 20%;
    margin: auto;
}
.cr-mv__solution-img img {
    width: 8%;
    min-width: 88px;
}
.cr-mv__solution__text {
    text-align: center;
    width: 90%;
}
.cr-mv__solution__text a {
    font-size: 1.6rem;
}
.cr-mv__solution__text-result {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.8rem;
    text-decoration: underline; /* 下線 */
    text-decoration-thickness: 14px; /* 線の太さ */
    text-decoration-color: rgba(251, 197, 31, 0.6); /* 線の色 */
    text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
    text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
    margin-bottom: 20px;
}
@media(max-width: 1040px){
    .cr-mv__solution-img {
        padding-left: 0;
    }
}
@media(max-width: 768px){
    .cr-mv__solution-img {
        max-width: 400px;
    }
    .cr-mv__solution__text {
        max-width: 400px;
    }
    .cr-mv__solution__text-result{
        font-size: 2rem;
        line-height: 3.2rem;
        text-decoration-thickness: 1rem;
    }
    .cr-mv__solution{
        padding-bottom: 50px;
    }
}

/* -------------------- 利用ルール -------------------- */
/* 案内 */
.cr-rule {
    padding: 80px;
}
.cr-rule__inner {
    width: 82%;
    margin: auto;
}
.cr-rule__inner__guidance {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 92%;
    margin: auto;
}
.cr-rule__inner__guidance p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-align: justify;
    width: 94%;
    padding: 20px 14% 20px 3%;
    background-color: #F1F1F1;
    border-radius: 10px;
    margin-bottom: 50px;
}
.cr-rule__inner__guidance img {
    position: absolute;
    width: 18%;
    bottom: 0;
    right: 0;
    min-width: 120px;
    max-width: 180px;
}
.cr-rule__inner a {
    font-size: 1.8rem;
}
@media(max-width: 768px){
    .cr-rule{
        padding: 0;
        margin-top: 80px;
        z-index: -10;
    }
    .cr-rule__inner__guidance {
        justify-content: center;
        width: 94%;
    }
    .cr-rule__inner__guidance img{
        right: 4%;
    }
    .cr-rule__inner__guidance p{
        padding: 20px;
        min-width: 313px;
        z-index: -5;
        font-size: 1.6rem;
        margin-bottom: 80px;
    }
}

/* 利用条件 */
.cr-rule__inner-terms {
    border: 4px solid #FBC51F;
    border-radius: 40px;
    width: 100%;
    margin: auto;
    padding: 30px 0 40px;
}
.cr-rule__inner-terms h3 {
    font-weight: 700;
    font-size: 2.4rem;
    width: 85%;
    margin: auto;
}
.cr-rule__inner-terms ol {
    width: 85%;
    margin: auto;
    padding-top: 10px;
    padding-inline-start: 24px;
}
.cr-rule__inner-terms li {
    list-style-type: none;
	counter-increment: cnt;
    font-size: 1.8rem;
    text-align: justify;
    padding: 10px 0;
}
.cr-rule__inner-terms ol li::marker {
	content: "(" counter(cnt) ") ";
}
.cr-br {
    display: block;
    font-size: 14px;
}
.cr-rule__inner-text {
    font-size: 1.8rem;
    width: 92%;
    margin: 20px auto 0;
}
@media(max-width: 768px){
    .cr-rule__inner{
        width: 90%;
        min-width: 335px;
    }
    .cr-rule__inner-terms{
        background-color: #fff;
    }
    .cr-rule__inner-text{
        line-height: 28px;
    }
    .cr-rule__inner-text,
    .cr-rule__inner-terms li{
        font-size: 1.6rem;
    }
    .cr-br{
        line-height: normal;
    }
}
/* -------------------- 調査結果レポートの活用 -------------------- */
.cr-report {
    background-color: #FFFBEE;
    padding: 60px 0;
}
.cr-report__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 82%;
    margin: auto;
}
.cr-report__inner-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
}
.cr-report__inner-list li {
   line-height: 3rem;
   text-align: justify;
   padding: 10px 0;
   display: flex;
   align-items: flex-start;
}
.cr-report__inner-list li::before{
    content: url(../../img/img__cr-checkmark.png);
    width: 23px;
    height: 23px;
    margin-top: 5px;
    margin-right: 5px;
}
.cr-report__inner-img {
    width: 38%;
}
.cr-report__inner-list .contact {
    margin-top: 30px;
}
@media(max-width: 768px){
    .cr-report{
        margin-top: 80px;
    }
    .cr-report__inner{
        width: 89.3%;
        flex-direction: column;
    }
    .cr-report__inner-img{
        width: 280px;
        margin-top: 52px;
        margin-bottom: 13px;
    }
    .cr-report__inner-list{
        width: 100%;
    }
    .cr-report__inner-list li{
        display: flex;
        align-items: flex-start;
        line-height: normal;
    }
}
/* -------------------- 運営者情報 -------------------- */
.cr-manager {
    padding-top: 80px;
}
.cr-manager__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 85%;
    margin: auto;
    padding-top: 20px;
    max-width: 960px;
}
.cr-manager__inner-content {
    width: 60%;
}
.cr-manager__inner-content dl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cr-manager__inner-content dl:not(:first-child) {
    padding-top: 20px;
}
.cr-manager__inner-content dl:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
}
.cr-manager__inner-content dl dd {
    width: 20%;
}
.cr-manager__inner-content dl dt {
    width: 75%;
    font-weight: 400;
}
.cr-manager__inner-content dl dt ul li {
    padding: 4px 0;
}
.cr-manager__inner-content__vertical dl {
    display: flex;
    flex-direction: column;
    border: none !important;
}
.cr-manager__inner-content__vertical dl dt {
    width: 100%;
}
.cr-manager__inner-content__vertical dl:last-child{
    padding: 0;
}
@media(max-width: 768px){
    *{
        line-height: normal;
    }
    .cr-manager__inner{
        flex-direction: column;
        width: 89.3%;    
    }
    .cr-manager__inner-content{
        width: 100%;
        margin-top: 40px;
    }
    .logo{
        margin: auto;
    }
    .cr-manager__inner-content dl{
        flex-direction: column;
    }
    .cr-manager__inner-content dl dd,
    .cr-manager__inner-content dl dt{
        width: 100%;
    }
    .cr-manager__inner-content dl:not(:last-child){
        padding-bottom: 12px;
    }
    .cr-manager__inner-content dl dt ul li{
        padding-top: 12px;
        padding-bottom: 0px;
    }
    .cr-manager__inner-content > dl > dd{
        font-weight: bold;
        padding-bottom: 12px;
    }
}