html{
  scroll-behavior: smooth;
}
#personal_assessment{
  width: 650px;
}
.error{
  color: red;
  font-size: 13px;
  font-weight: bold;
}
.authors{
  width: 90%;
  margin: 20px auto 0;
}
.authors .left P{
  padding-right: 20px;
}
.thumbnail img{
  max-width:250px;
  height:1uto;
}
#container{
  font-size:16px;
  line-height:24px;
  font-family: maru-maru-gothic-bsr-stdn, sans-serif!important;
}
.text-decoration-underline{
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

#main_wrapper .list_menus a{
  text-decoration: underline;
  text-underline-offset: 2px; 
}
#main_wrapper #group2 .list_menus a{
  color: #8148CD;
}
#main_wrapper #group3 .list_menus a{
  color: #BC4DA4;
}
#main_wrapper #group4 .list_menus a{
  color: #B66515;
}
#main_wrapper #group5 .list_menus a{
  color: #1E9B94;
}
#main_wrapper .list_menus a:hover{
  text-decoration: none;
}
.list_menus .wrapper {
    display: grid;
    gap: 8px;
    grid-template:
        "a b";
    grid-template-rows: auto;
    grid-template-columns: 70px 1fr;
    align-items: center;
}
[class^="list_menus"] .box2 {
  text-align: left;
  grid-area: b;
  font-size: 18px;
  align-items: center;
}

[class^="list_menus"] .box1 {
  grid-area: a;
}
.caption2{
  background: #F9F4E9;
  padding: 12px;
  border-radius: 8px;
}
.corner{
  padding:0 40px;
}
.left{
  float:left;
  width:50%;
}
.right{
  float:right;
  width:50%;
}
#main_wrapper a{
  text-decoration:none;
}
#main_wrapper{
  background: #FFFFFF;
}
.section_bdy{
  background: none;
}
#main_wrapper ,
#container{
  width:650px;
  padding-bottom: 40px;
}
.section_bdy{
  margin: 0 auto;
}
#result_title  {
  position:relative;
}
#result_title p{
  position: absolute;
  font-size: 40px;
  width: 100%;
  text-align: center;
  bottom: 80px;
  left: 0;
  color: #F6ECDA;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Meiryo, serif;
}

#personal_assessment_result .section_bdy{background-image:url(../image/personal_assessment/result/section_bdy.jpg);margin-bottom:32px;}
#personal_assessment_result .section_ftr{background-image:url(../image/personal_assessment/result/section_ftr.jpg);padding-bottom:100px;background-size: 100% auto;}
#personal_assessment_result .section_hdr{padding-top: 20px;}

#personal_assessment_result .section_bdy{
  background-repeat: repeat-y;
  background-size: 100% auto;
  border-radius: 0;
}