@charset "utf-8";



#main_box { line-height: 2.0; }



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

li.btn102 {

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

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn102 > a {

  pointer-events:none;

  cursor: auto;

}

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

  display: none;

}







/* contents ---- */



a span.ow {

    padding-right: 20px;

    background-image: url(/common/images/tag_305.png);

    background-repeat: no-repeat;

    background-position: right center;

}

a:hover span.ow {

    background-image: url(/common/images/tag_305w.png);

}



#main_box p {

	margin-bottom: 15px;

}



#main_box a.btn {

	display: block;

	margin: 0 auto;

}

#main_box a.btn div.bgt {

	height: 40px;

	background-image: url(/individual/history/images/btn01.png);

	background-repeat: no-repeat;

}

#main_box a.btn01 { width: 375px; margin: 0;}

#main_box a.btn01 div.bgt { background-position: 0 0;}

#main_box a.btn01:hover div.bgt { background-position: 0 -40px;}



#main_box a.btn02 { width: 330px;}

#main_box a.btn02 div.bgt { background-position: 0 -80px;}

#main_box a.btn02:hover div.bgt { background-position: 0 -120px;}



#main_box a.btn03 { width: 400px; margin:0 auto; font-weight:bold; color:#ffffff; text-align:center;}







#main_box .individual_history-box .img {

	float: left;

    margin-right: 20px;

    overflow: hidden;

  width: 185px;

  text-align: center;

}

#main_box .individual_history-box .img img {

}

#main_box .individual_history-box .img03_02 {

  padding: 0 20px;

}

#main_box .individual_history-box .img03_02 img {

  width: 86px;

}



#main_box .individual_history-box p {

  margin-left: 205px;

}

#main_box .individual_history-box p._noimg {

  margin-left: 0;

}



.hukidashi {

  padding-bottom: calc(100 / 794 * 100%);

  padding-right: calc(180 / 794 * 100%);

  background-repeat: no-repeat;

  background-position: right bottom;

  background-size: 160px 140px;

}

.hukidashi.jk_1 {

  background-image: url(../images/jihanki_kun_3_1.png);

}

.hukidashi.jk_2 {

  background-image: url(../images/jihanki_kun_3_2.png);

}

.hukidashi.jk_3 {

  padding-right: 0;

  padding-left: calc(180 / 794 * 100%);

  background-image: url(../images/jihanki_kun_3_3.png);

  background-position: left bottom;

}

.hukidashi.jk_4 {

  background-image: url(../images/jihanki_kun_3_4.png);

}

.hukidashi.jk_5 {

  padding-right: 0;

  padding-left: calc(180 / 794 * 100%);

  background-image: url(../images/jihanki_kun_3_5.png);

  background-position: left bottom;

}

.hukidashi > span {

  display: block;

  position: relative;

  border: 1px rgb(131,131,131) solid;

  border-radius: 16px;

  padding: 16px;

}

.hukidashi > span::before {

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  width: 20px;

  height: 20px;

  border-right: 1px rgb(86,86,86) solid;

  border-bottom: 1px rgb(88,88,88) solid;

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

  transform: matrix(1, .2, .7, 1, 8, 0) rotate(0deg);

  content: '';

}

.hukidashi.jk_3 > span::before,

.hukidashi.jk_5 > span::before {

  right: auto;

  left: 0;

  border-right-style: none;

  border-bottom: 1px rgb(88,88,88) solid;

  border-left: 1px rgb(86,86,86) solid;

  transform: matrix(1, -.2, -.7, 1, -8, 0) rotate(0deg);

  content: '';

}



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

  #main_box .individual_history-box .img {

      margin-right: 12px;

    width: auto;

  }

  #main_box .individual_history-box .img img {

    width: 122px;

  }

  #main_box .individual_history-box .img03_02 {

    padding: 0 10px;

  }

  #main_box .individual_history-box .img03_02 img {

    width: 58px;

  }

  #main_box .individual_history-box p {

    margin-left: 0;

  }

  

  .hukidashi {

    padding-bottom: calc(66 / 375 * 100%);

    padding-right: calc(120 / 375 * 100%);

    background-size: 105px 92px;

    line-height: 1.4;

  }

  .hukidashi.jk_3 {

    padding-left: calc(120 / 375 * 100%);

  }

  .hukidashi.jk_5 {

    padding-left: calc(120 / 375 * 100%);

  }

}