@charset "utf-8";



/*boxing*/







.inner{

  box-sizing: border-box;

  width:100%;

  margin:0 auto;

}



/*===================================================

=====================================================*/













/*font*/

section h2{

  font-size: 32px;

  color:#222;
}







/*===================================================

=====================================================*/











/*gnav(hmb)*/

/*　ハンバーガーボタン　*/



/*nav*/



/* desktopの高さ1355からfixed */

@media screen and (min-height: 1355px) {

  .DtgM{
	position:fixed;

      top:0;

      left:0;

      height:720px;

      padding-top:40px;

	}

  body.Dt_fix .DtgM{

    position:absolute;

    top  : 445px;

    left : 0;

    }


/*Dt sns*/

    .Dt_sns{

      position:absolute;
	left:32px;
	top:680px;

    }

}/*media*/










/*===================================================

=====================================================*/















/*header 半分画像入れる*/

#h_logo{
  width:238px;
  height:238px;
  z-index: 3;
  text-align:center;
  position: absolute;
  top:40%;
  left:40%;
	opacity:1;
}







/*===================================================

=====================================================*/













/*mn_intr*/



.mn_intr{

	margin-bottom:20px;

}



.mn_intr p{

  font-size: 19px;

}









/*===================================================

=====================================================*/













/*item*/

.m_tb{

	max-width:940px;

	display:table;

	padding: 20px 20px 70px 40px;

	margin: 0 auto;

}

.item{

	width:30%;

	max-width: 290px;

	display:table-cell;

  overflow:visible;

}

.m_tb .item{

	display:table-cell;

}

.f_bx{

	width:100%;

	max-width:920px;

  height:480px;

	overflow:hidden;

  position: relative;
}

.f_bx .item{

	margin: 0 22px 0 22px;

	float:none;

  overflow:visible;
  display:block;
}

.fl_cn{
  position:absolute;
  left:10px;
  top:0;
}
.itm_img{

	width: 285px;

  height:180px;

	float: none;

}

.itm_tx{

  width: 100%;

  float:none;

	padding-top:30px;

  clear:both;
}

.itm_tx h3{
  font-size:22px;
  letter-spacing: .2em;
  line-height:1.3;
}
.itm_tx p{

  font-size: 17px;

  line-height: 1.9em;

  padding: 20px 10px 0 10px;

}



.bl_clm{

	width: 270px;

	max-width: 270px;

}







/*grimm*/

.grm_m{

	width:100%;
  padding-bottom:60px;
}

.grm_bx{

  width:98%;

  margin:0 auto;

}

.grm_m h2{

	margin-bottom:40px;

}

#wh_grm1{

  position:relative;

  top:-13px;

  left:0;

}

#wh_grm4{

float:left;
}

#wh_grm5{
  float:right;
  position:relative;
  top:0;
  right:280px;
}

#wh_grm1 img{

  width:110%;

}


#sh_grm .sh_hbx{
  float:none;
}

div#vb_fbx.f_bx{
  height:300px;
  overflow: visible;
  position:relative;
}
#sh_grm4{
  position:absolute;
  top:-300px;
  left:0;
  margin-top:70px;
}
#tx_bx{
  display: block;
  position: relative;
  top:40px;
  left:0;
}
#sh_grm5 .itm_img{
  position: relative;
  top:11px;
  left:0;
}
/*chou*/
#ch_reg6 .itm_img{
 margin-bottom:-22px;
}
#ch_reg3 .itm_img{
 margin-bottom:-14px;
}
#ch_reg7{

  position:relative;

  top:15px;

  left:0;

}


body.chou #main .itm_tx{
  margin-left:-8px;
}
/*reg item*/

.reg_m{
  margin-bottom:0;
}

.reg_m h2{

  line-height:1.3em;

}

#mr_tp p{

	margin-top:-15px;

	padding:10px;

}


.ils_bx{
  margin-top:-30px;
}
#wh_ils .ils{
  background-size:100%;
}
#ch_ils .ils{
  background-size:110%;
}



@media screen and (min-width: 1050px) {
  #h_logo{
    width:250px;
    height:250px;
    z-index: 3;
    text-align:center;
    position: absolute;
    top:50%;
    left:44%;
  }

/*===================================================

=====================================================*/