.pc_on{
    display: block;
}
.sp_on{
    display: none;
}
img.SODlogo_top {
    width: 16%;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0.5;
}

.profile_box {
    background: #fff87d;
    border-radius: 20px;
    padding: 20px;
    font-weight: bold;
    color: #6d4a23;
    position: relative;
    margin-top: 80px;
}

.profile_box img {
    width: 20%;
    max-width: 200px;
    min-width: 100px;
    position: absolute;
   right: 0;
   margin-top: -100px;
}

.profile_box_inner {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    width: 90%;
    margin-bottom: 20px;
}
.profile_box h3 {
    width: 90%;
    font-size:0.9rem;
}
.profile_title {
    background: #ffd833;
    width: 160px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 30px;
}

@media screen and (max-width: 767px){
.pc_on{
    display: none;
}
.sp_on{
    display: block;
}
.tumutumu {
    top: 75vw;
    width: 90%;
    left: 5%;
}
.txt_welcome {
    bottom: 0vw;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 4vw;
}

.maincontainer {
    padding-bottom: 40vw;
   margin-bottom: 10vw;
}

.profile_box {
    margin-top: 60px;
}
.profile_box img {
   margin-top: -20px;
}
.profile_box h3 {
    width: 84%;
}
}

@media screen and (max-width: 600px){
.profile_box img {
   margin-top: 20px;
}
.profile_box h3 {
    width: 80%;
}
}

.copy{
color:#6d4a23;
}