/*=============================================================
 about_haken
=============================================================*/
#mainImg {
  display: none;
  background-image: url(../img/tour/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/tour/img_main_pc.jpg); } }

#about_haken section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #about_haken section {
      margin-bottom: 70px; } }

#about_haken #sec02 .pic {
  display: block;
  margin: 15px auto 0; }
  @media (min-width: 640px) {
    #about_haken #sec02 .pic {
      margin: 30px auto 0; } }

#about_haken #sec04 .txt {
  margin-bottom: 30px; }

#about_haken .mod_box01 {
  border: 1px solid #bbb;
  padding: 15px;
  margin-bottom: 20px;
  position: relative;
}
#about_haken .mod_box01:after{
  position:absolute;
  content:"";
  background:url(../img/tour/about_haken/ico_more.png) no-repeat;
	background-size:84px;
  width:84px;
  height:84px;
  bottom:20px;
  right:10px;
} 
  @media (min-width: 640px) {
	#about_haken a:hover .mod_box01 img {
			opacity:1;
	  }
	#about_haken a:hover .mod_box01 {
			opacity:0.8;
	  }
    #about_haken .mod_box01 {
      display: table;
      margin: 20px auto; 
		width:660px;
	  }
	  #about_haken .mod_box01:after{
		  position:absolute;
		  content:"";
		  background:url(../img/tour/about_haken/ico_more.png);
		  width:84px;
		  height:84px;
		  top:50%;
		  right:15px;
		  margin-top:-42px;
	  } }
  #about_haken .mod_box01 .left {
    display:block;
    margin: 0 auto 10px; }
    @media (min-width: 640px) {
      #about_haken .mod_box01 .left {
		  margin:0;
		  display:table-cell;
        padding: 0 ;
		width:146px;} }
   #about_haken .mod_box01 .item {
    color: #666;
    font-weight: bold;
	vertical-align:middle;
    padding:0 84px 0 0;
}
    @media (min-width: 640px) {
      #about_haken .mod_box01 .item {
		  display:table-cell;
        font-size: 18px;
        padding: 0;
			vertical-align:middle;
		  text-align:left;
		  width:465px;
} }
@media (min-width: 640px){
   #about_haken .mod_list01 .item {
    width: 400px;
    float: left;
    margin-right: 19px;
    margin-bottom: 20px;
}
   #about_haken .mod_list01 .item:nth-of-type(2n) {
    margin-right: 0;
}}