.logo_whole_div{
    max-width: 1500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    /*border : 4px solid red;*/

    /*overflow: hidden;*/
}
.tablet_logo_guide{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    background: #FFF;
}
.logo_guide_section{
    display: flex;
    /*height: 59rem;*/
    padding: 6.25rem 7.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.875rem;
    align-self: stretch;

    background: #FFF;
}
.page_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}
.page_title_small{
    align-self: stretch;
    color: #1D202B;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.375rem; /* 135.714% */
    letter-spacing: -0.042rem;
}
.page_title_big{
    align-self: stretch;
    color : #1D202B;
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5.375rem; /* 148.276% */
    letter-spacing: -0.087rem;
}
.logo_guide{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: center;

    gap: 1.5rem;
    /*flex: 1;*/
    width: 100%;
    height: 19.75331rem;

    background: url("/img/middle/logo_guide-71fe17e1a62a8d4b08d5a99ae408f897.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;


    box-sizing: border-box;
}
.logo_guide_txt{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    max-width: 37rem;
    width: 100%;
    height: 15.375rem;


    box-sizing: border-box;
}
.logo_guide_txt_title{
    color:  #1D202B;
    align-self: flex-start;

    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.375rem; /* 135.714% */
    letter-spacing: -0.042rem;
}
.content_txt_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}
.content_txt_wrap_text{
    width: 100%;
    color: #1D202B;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 175% */
}
.download_button{
    display: flex;
    padding: 0.625rem 1.25rem;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: #1D202B;
}
.download_button_text{
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 175% */
}
.logo_color_guide{
    display: flex;
    padding: 6.25rem 7.5rem 3rem 7.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.875rem;
    align-self: stretch;
    background: #FFF;
}
.logo_color_guide_title{
    align-self: stretch;

    color:  #1D202B;
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5.375rem; /* 148.276% */
    letter-spacing: -0.087rem;
}
.color_logo_guide{
    display: flex;
    height: 17.1875rem;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
}
.color_logo_guide_explain{
    flex : 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}
.color_logo_guide_explain_title{
    align-self: stretch;
    color: #1D202B;

    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.375rem; /* 135.714% */
    letter-spacing: -0.042rem;
}
.color_logo_guide_explain_article{
    align-self: stretch;
    color:  #1D202B;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 175% */
}
.color_guide_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
}
.color_spot{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 625rem;
    border: 1px solid #C9CACA;
}
.color_spot_black{
    background: #1D202B;
}
.color_spot_white{
    background: #FFF;
}
.color_information{
    flex: 1 0 0;
    color: #1D202B;

    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 175% */
}
.color_logo_wrap{
    flex: 1 0 0;
    /*width: 100%;*/
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
    /*border: 1px solid #C9CACA;*/

}
.black_logo_wrap{
    background: url("/img/middle/logo_black-c3633aaa2d20906768285e8f9b1394df.png");
    background-size: contain;
    /*background-position: center center;*/
    background-repeat: no-repeat;
}
.white_logo_wrap{
    background: url("/img/middle/logo_white-22ae34034c44406da29356320051b03e.png");
    background-size: contain;
    /*background-position: center center;*/
    background-repeat: no-repeat;
}
.icon_mother_container{
    display: flex;
    padding: 3rem 7.5rem 6.25rem 7.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.875rem;
    align-self: stretch;
    background: #fff;
}
.icon_title{
    align-self: stretch;

    color: #1D202B;

    font-size: 3.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5.375rem; /* 148.276% */
    letter-spacing: -0.087rem;
}
.icon_wrap{
    display: flex;
    align-items: flex-start;
    height: 16rem;
    gap: 1.875rem;
    align-self: stretch;
    box-sizing: border-box;
}
.icon_info{
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    flex: 1;
}
.icon_info_text{
    /*width: 34.125rem;*/
    color: #1C1B1F;
    /* body1 */
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 175% */
}
.icon_img_mother_container{
    display: flex;
    width: 100%;
    /*height: 20.75rem;*/
    justify-content: center;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    box-sizing: border-box;
}
.icon_img_container{
    display: flex;
    width: 100%;
    /*padding: 7.125rem;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*align-self: stretch;*/
    padding: 4.125rem 3.03125rem 4.125rem 3.0625rem;
    border: 1px solid #C9CACA;
    box-sizing: border-box;
}
.icon_img_black_background{
    background: #fff;
}
.icon_img_white_background{
    background: #1C1B1F;
}
.icon_img_container_black{
    width: 100%;
    min-width: 3.5rem;
    min-height: 3.5rem;

    background: url("/img/middle/black_icon-89e6a456c8fce89fbb0b97a8a3d54afc.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.icon_img_container_white{
    width: 100%;
    min-width: 3.5rem;
    min-height: 3.5rem;
    background: url("/img/middle/white_icon-aa6ddc2c7f6d55ea874d6222654a036f.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.usage_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    align-self: stretch;
}
.usage_wrap_border{
    height: 0.125rem;
    align-self: stretch;
    background: #D9D9D9;
}
.usage_title_text{
    align-self: stretch;
    color: var(--text_01, #666);

    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.75rem; /* 150% */
}
.icon_usage_content_wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
}
.icon_usage_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    flex: 1 0 0;
}
.icon_usage_title_txt{
    align-self: stretch;
    color: var(--text_01, #666);

    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 175% */
}
.icon_usage_content_txt{
    align-self: stretch;
    color: var(--text_01, #666);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 175% */
}



.big{
    display: none;
}
.small{
    display: none;
}