@charset "utf-8";



#main_box {

  line-height: 2.0;

}



/* side_menu ----------------- */

#side_box .side_menu .menu_grp_c.grp33 {

  background-color: rgb(241,241,241);

}

#side_box .side_menu .menu_grp_c > li.btn332 > a {

  background-color: rgb(255,253,237);

  pointer-events:none;

  cursor: auto;

  font-weight: 700;

}

#side_box .side_menu .menu_grp_c > li.btn332 > a::after {

  display: none;

}









/* contents ---- */

#main_box .box_gray {

  padding: 20px 20px 19px;

}





#main_box .img02_01,

#main_box .img02_02 {

  width: calc(358 / 754 * 100%);

  max-width: 358px;

  margin-right: 20px;

}



#main_box .txt01 {

  padding-top: 10px;

}



#main_box .img03 {

  width: calc(219 / 754 * 100%);

  max-width: 219px;

  margin-left: 20px;

}



#main_box .box01_01 {

  position: relative;

}

#main_box .box01_01 li {

  width: 178px;

  height: 46px;

  position: absolute;

  cursor: pointer;

}



#main_box .box01_01 li:hover {

  opacity: .7;

}



#main_box .box01_01 {

  background: url(../images/img01_02.png) no-repeat center top;

  height: 46px;

}



#main_box .box01_01 .item01 {

  background: url(../images/img01_02_01.png?ud=170126) no-repeat;

  left: 69px;

  left: calc(70 / 660 * 100%);

}



#main_box .box01_01 .item02 {

  background: url(../images/img01_02_02.png?ud=170126) no-repeat;

  right: 98px;

  right: calc(98 / 660 * 100%);

}



#main_box .box01_01 .item01.here {

  background-image: url(../images/img01_02_01a.png?ud=170126);

}



#main_box .box01_01 .item02.here {

  background-image: url(../images/img01_02_02a.png?ud=170126);

}



.cut {

  display: none

}





@media screen and (max-width:767px) {

  #main_box .box01_01 {

    height: auto;

    background-image: none !important;

    /* border: 2px rgb(255, 168, 0) solid;

    border-radius: 3px;

    padding: 8px; */

  }

  #main_box .box01_01 li {

    position: relative;

    left: auto;

    margin-right: auto;

    margin-left: auto;

  }

  #main_box .box01_01 .item01 {

    left: auto;

  }

  #main_box .box01_01 .item02 {

    margin-top: 8px;

    right: auto;

  }

}







#main_box .box03 .img01 {

  width: 86px;

  margin-left: 20px;

}



#main_box .box03 .img03 {

  margin: 15px auto 0;

  width: calc(459 / 794 * 100%);

  max-width: 459px;

  display: block;

}