@charset "utf-8";





/*boxing*/


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


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




















/*font*/




















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


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

















/*gnav(hmb)*/


/*nav メニューバー*/


.DtgM {


	position:fixed;
	top:0;
	left:0;
}


body.Dt_fix .DtgM{


  position:absolute;


  top  : 760px;


  left : 0;


}





/*Dt sns*/

/*.Dt_sns{
  position:absolute;
  left:32px;
  top:680px;
}





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


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


/*header  first-v*/


#header{


	height:789px;


}




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















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


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

















/*consept*/


#Con{


  height:760px;


}


#concept{


  margin:0 auto;


  padding:80px 0 0 0;


  height: 720px;


  text-align: center;


	margin-right:5vw;

}


#concept h2{


	font-size:45px;


	margin-top:15px;


	margin-bottom:45px;


	}


#concept h2 span{


	display:inline-block;


	font-size:30px;


	line-height:45px;


	vertical-align: top;


}


#concept p{


  font-size: 16px;


  line-height: 1.9em;


  padding-bottom: 40px;


}















hr{

	margin:80px 0 50px 0;

}

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


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




















/*insite_img*/


#insite_img{


  height:350px;


  background-size: 100%;


    position:static;


}







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


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


























/*infomation*/


#Inf.inner{


	width:90%;


	margin:0 auto;


  padding:20px 0 60px 0;


}


#inf{


  max-width:580px;


  margin:0 auto;


}


#inf h2{


	font-size:28px;


  padding: 35px 0 25px 0;


}


#inf .inf_br {


  padding:18px;


}


#inf dl{


  font-size:15px;


}


#inf dd{


  padding: 0 5px 10px 45px;


}











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


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























/*recommended*/


#main > div#Rcm.inner{


  padding-top:60px;


  max-width: 1100px;


  height:790px;


}


#rcm{


  width:95%;


}


.rcm_bx{


  width:93%;


  max-width: 1000px;


  overflow:hidden;


  position:relative;


}


.rcm{


  width:33%;


  max-width: 285px;


	height:510px;

  float:left;


}


.r_img{


  width:100%;


  max-width:285px;


  height:210px;


  margin-bottom:30px;


  float:none;


}


.rcm p{


  width:100%;


  max-width:260px;


  padding:10px 15px 5px 20px;


  height:200px;


}


.cap span{


  padding: 30px 0 0 0;


	font-size:16px;

  letter-spacing: .2em;

  line-height: 1.9em;



}


#rcm2{


  position:absolute;


  top:0;


  left:50%;


  transform: translateX(-50%);


  -webkit-transform: translateX(-50%);


  -ms-transform: translateX(-50%);


}


#rcm3{


  float:right;


}




















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


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




















/*pc


/*menu*/


#Menu{


  height:790px;


  width: 95%;


  max-width: 1020px;


}


#menu h2 {


  margin: 60px 0 50px 0;


}





.menu_bx{


  width: 100%;


  max-width: 1020px;


  overflow:hidden;


}





.c_menu{


	height:;

  width:32%;


  max-width: 335px;


  float:left;


}


.c_menu .cap {


	font-size:17px;

  padding: 0 10px 0 15px;


  letter-spacing: .2em;


	height:150px;

}


.c_menu .m_h {


  margin-bottom:20px;


}


.c_menu .m_tx{


  width:100%;


  max-width: 335px;


  float:none;


  overflow:hidden;


	height:240px;

}


.crd_link{


  height:385px;


  box-sizing: border-box;


  overflow:hidden;


  margin: 0;


}


.m_img{


  width:100%;


  margin-bottom:25px;


}


#short{


  margin-left:2%;


}


#chu{


  float:right;


}

















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


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


























/*cutting*/

#cut_btn{
margin-top:-50px;

}

#ct_bx{
padding:0;
max-width:900px;
margin:0 auto;
}
.ils_link{

	width:420px;

	max-width:430px;

	height:250px;

	background-size:100px;

	}

.ct_p{
	width:240px;
	padding: 15px 13px 15px 21px;

}

.ct_p p{

	font-size:19px;
	letter-spacing:.3em;
	line-height: 1.8em;

}

.ct_p p span{
	font-size:25px;

}



@media screen and (min-width: 1050px) {



/*h_logo*/
#h_logo{
  width:265px;
  height:265px;
  z-index: 3;
  text-align:center;
  position: absolute;
  top:40%;
  left:50%;
}


.c_menu .cap {

		font-size: 16px;

		letter-spacing: .1em;

		}




/*cut*/


.ils_link {

		width:410px;

		max-width:410px;

		height: 250px;

		background-size: 110px;

		position:relative;

		margin-right:-10px;

		}


.ct_p {
		width: 230px;

}





}/*media*/
























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


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














/*access*/


#access h2 {


  padding: 0 0 85px 0;


}

















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


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



































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


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

















/*map*/

















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


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














/*access map*/


#access{


	width:95%;
  max-width:875px;


  padding-top:100px;


}


#access h2 {
  padding: 0 0 110px 0;
}

#shp_inf{


	margin-left:20px;


}


#o_img_box{


}





#o_img_box{



  width:420px;

  height:270px;

  padding:0;

  float:right;

	margin:10px 0 20px 0;

  box-sizing: border-box;

}



#out_img{



  width:418.5px;

  height:265.03px;

  overflow: hidden;

  position:relative;

  top:0;

  right:10px;

}



#out_img img{

  width:100%;

}






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


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











/*g_map*/


#map_bx{
  width:100%;
}
.g_map {


	padding-bottom:400px;


}











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


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









































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


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


/*footer*/


footer{


  height:50px;


  margin-top:20px;


}





#c_box{


	width:320px;


	height:100%;


	margin:0 auto;


	box-sizing:border-box;


}


#c_box p{


	width:100%;


	text-align:center;


  color:#473631;


  line-height:50px;


}