@charset "UTF-8";

/*-------------------------
__sr_style
-------------------------*/
#page{padding:80px var(--pageSideMargin);}
#page .right_img{max-width:50%;float:right;margin:-160px 0 10px 50px;}
#page .right_img img{width:100%;height:auto;}
#page .right_img .pic{display:block;overflow:hidden;border-radius:15px;}
#page .right_img .illust{display:block;max-width:480px;margin:60px auto 0;box-sizing:border-box;}
#page .sub_ttl{overflow:hidden;padding:0 0 30px;border-bottom:1px solid #e7e7e7;}
#page .desc{display:flex;}
#page .desc:first-of-type{margin-top:15px;}
#page .desc dt{height:100%;line-height:1;margin:3px 20px 0 0;padding:8px 15px;box-sizing:border-box;border-radius:5px;color:var(--colorBlue);background-color:var(--colorLightBlue);}
#page .desc dd{flex:1;}
#page .work_list ul li:last-of-type{padding:18px 0;background-color:initial;}
#page .work_list ul li:last-of-type:before{content:none;}

@media screen and (max-width:980px) {
  #page{padding:60px var(--pageSideMargin);}
  #page .right_img{max-width:initial;width:100%;float:none;text-align:center;margin:-110px auto 20px;}
  #page .right_img .pic{height:300px;}
  #page .right_img .pic img{height:100%;object-fit:cover;}
  #page .right_img .illust{margin:40px auto 0;}
  #page .sub_ttl{padding:0 0 20px;}
}
@media screen and (max-width:767px) {
  #page{padding:30px var(--pageSideMargin);}
  #page .right_img{margin:-60px auto 20px;}
  #page .right_img .pic{height:200px;}
  #page .right_img .illust{margin:20px auto 0;}
  #page .sub_ttl{padding:0 0 10px;}
  #page .work_list ul li:last-of-type{text-align:right;margin:15px 0 0 auto;padding:0;}
}