@charset "UTF-8";
/* CSS Document */


/* 画像セットstudio */
.cont-studio01 {
	background: url( "../image_cont01/studio01/kf_studio01t.jpg" );
}
.cont-studio01_2 {
	background: url( "../image_cont01/studio01/kf_studio01t_2.jpg" );
}
.cont-studio01_3 {
	background: url( "../image_cont01/studio01/kf_studio01t_3.jpg" );
}
.cont-studio01_4 {
	background: url( "../image_cont01/studio01/kf_studio01t_4.jpg" );
}
/* 画像セットstudio2 */
.cont-studio02 {
	background: url( "../image_cont01/studio02/kf_studio02t.jpg" );
}
.cont-studio02_2 {
	background: url( "../image_cont01/studio02/kf_studio02t_2.jpg" );
}
.cont-studio02_3 {
	background: url( "../image_cont01/studio02/kf_studio02t_3.jpg" );
}
.cont-studio02_4 {
	background: url( "../image_cont01/studio02/kf_studio02t_4.jpg" );
}
.cont-studio02_5 {
	background: url( "../image_cont01/studio02/kf_studio02t_5.jpg" );
}
/* 画像セットisland01 */
.cont-island01 {
	background: url( "../image_cont01/island01/kf_island01t.jpg" );
}
.cont-island01_2 {
	background: url( "../image_cont01/island01/kf_island01t_2.jpg" );
}
.cont-island01_3 {
	background: url( "../image_cont01/island01/kf_island01t_3.jpg" );
}
.cont-island01_4 {
	background: url( "../image_cont01/island01/kf_island01t_4.jpg" );
}
/* 画像セットmosaic */
.cont-mosaic01 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t.jpg" );
}
.cont-mosaic01_2 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_2.jpg" );
}
.cont-mosaic01_3 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_3.jpg" );
}
.cont-mosaic01_4 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_4.jpg" );
}
.cont-mosaic01_5 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_5.jpg" );
}
.cont-mosaic01_6 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_6.jpg" );
}
.cont-mosaic01_7 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_7.jpg" );
}
.cont-mosaic01_8 {
	background: url( "../image_cont01/mosaic01/kf_mosaic01t_8.jpg" );
}
/* 画像セットhorizon */
.cont-horizon01 {
	background: url( "../image_cont01/horizon01/kf_horizon01t.jpg" );
}
.cont-horizon01_2 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_2.jpg" );
}
.cont-horizon01_3 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_3.jpg" );
}
.cont-horizon01_4 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_4.jpg" );
}
.cont-horizon01_5 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_5.jpg" );
}
.cont-horizon01_6 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_6.jpg" );
}
.cont-horizon01_7 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_7.jpg" );
}
.cont-horizon01_8 {
	background: url( "../image_cont01/horizon01/kf_horizon01t_8.jpg" );
}
/* 画像セットtripod01 */
.cont-tripod01 {
	background: url( "../image_cont01/tripod01/kf_tripod01t.jpg" );
}
.cont-tripod02 {
	background: url( "../image_cont01/tripod01/kf_tripod01t_2.jpg" );
}
.cont-tripod03 {
	background: url( "../image_cont01/tripod01/kf_tripod01t_3.jpg" );
}
/* 画像セットforest01 */
.cont-forest01 {
	background: url( "../image_cont01/forest01/kf_forest01t.jpg" );
}
.cont-forest02 {
	background: url( "../image_cont01/forest01/kf_forest01t_2.jpg" );
}
.cont-forest03 {
	background: url( "../image_cont01/forest01/kf_forest01t_3.jpg" );
}
.cont-forest04 {
	background: url( "../image_cont01/forest01/kf_forest01t_4.jpg" );
}
.cont-forest05 {
	background: url( "../image_cont01/forest01/kf_forest01t_5.jpg" );
}
/* 画像セットlattice01 */
.cont-lattice01 {
	background: url( "../image_cont01/lattice01/kf_lattice01t.jpg" );
}
.cont-lattice02 {
	background: url( "../image_cont01/lattice01/kf_lattice01t_2.jpg" );
}
.cont-lattice03 {
	background: url( "../image_cont01/lattice01/kf_lattice01t_3.jpg" );
}
.cont-lattice04 {
	background: url( "../image_cont01/lattice01/kf_lattice01t_4.jpg" );
}
/* 画像セットzo01 */
.cont-zo01 {
	background: url( "../image_cont01/zo01/kf_zo01t.jpg" );
}
.cont-zo02 {
	background: url( "../image_cont01/zo01/kf_zo01t_2.jpg" );
}
.cont-zo03 {
	background: url( "../image_cont01/zo01/kf_zo01t_3.jpg" );
}
.cont-zo04 {
	background: url( "../image_cont01/zo01/kf_zo01t_4.jpg" );
}
/* 画像セットair01 */
.cont-air01 {
	background: url( "../image_cont01/air01/kf_air01t.jpg" );
}
.cont-air02 {
	background: url( "../image_cont01/air01/kf_air01t_2.jpg" );
}
.cont-air03 {
	background: url( "../image_cont01/air01/kf_air01t_3.jpg" );
}
.cont-air04 {
	background: url( "../image_cont01/air01/kf_air01t_4.jpg" );
}
/* 画像セットforest01 */
.cont-frame01 {
	background: url( "../image_cont01/frame01/kf_frame01t.jpg" );
}
.cont-frame02 {
	background: url( "../image_cont01/frame01/kf_frame01t_2.jpg" );
}
.cont-frame03 {
	background: url( "../image_cont01/frame01/kf_frame01t_3.jpg" );
}
.cont-frame04 {
	background: url( "../image_cont01/frame01/kf_frame01t_4.jpg" );
}
.cont-frame05 {
	background: url( "../image_cont01/frame01/kf_frame01t_5.jpg" );
}.cont-frame06 {
	background: url( "../image_cont01/frame01/kf_frame01t_6.jpg" );
}
/* 画像セットdot01 */
.cont-dot01 {
	background: url( "../image_cont01/dot01/kf_dot01t.jpg" );
}
.cont-dot02 {
	background: url( "../image_cont01/dot01/kf_dot01t_2.jpg" );
}
.cont-dot03 {
	background: url( "../image_cont01/dot01/kf_dot01t_3.jpg" );
}
.cont-dot04 {
	background: url( "../image_cont01/dot01/kf_dot01t_4.jpg" );
}
/* 画像セットgrid01 */
.cont-grid01 {
	background: url( "../image_cont01/grid01/kf_grid01t.jpg" );
}
.cont-grid02 {
	background: url( "../image_cont01/grid01/kf_grid01t_2.jpg" );
}
.cont-grid03 {
	background: url( "../image_cont01/grid01/kf_grid01t_3.jpg" );
}
.cont-grid04 {
	background: url( "../image_cont01/grid01/kf_grid01t_4.jpg" );
}
/* 画像セットtorso01 */
.cont-torso01 {
	background: url( "../image_cont01/torso01/kf_torso01t.jpg" );
}
.cont-torso02 {
	background: url( "../image_cont01/torso01/kf_torso01t_2.jpg" );
}
.cont-torso03 {
	background: url( "../image_cont01/torso01/kf_torso01t_3.jpg" );
}
.cont-torso04 {
	background: url( "../image_cont01/torso01/kf_torso01t_4.jpg" );
}
/* 画像セットtwig01 */
.cont-twig01 {
	background: url( "../image_cont01/twig01/kf_twig01t.jpg" );
}
.cont-twig02 {
	background: url( "../image_cont01/twig01/kf_twig01t_2.jpg" );
}
.cont-twig03 {
	background: url( "../image_cont01/twig01/kf_twig01t_3.jpg" );
}
.cont-twig04 {
	background: url( "../image_cont01/twig01/kf_twig01t_4.jpg" );
}
.cont-twig05 {
	background: url( "../image_cont01/twig01/kf_twig01t_5.jpg" );
}
/* 画像セットrandom01 */
.cont-random01 {
	background: url( "../image_cont01/random01/kf_random01t.jpg" );
}
/* 画像セットcafe01 */
.cont-cafe01 {
	background: url( "../image_cont01/cafe01/kf_cafe01t.jpg" );
}
.cont-cafe02 {
	background: url( "../image_cont01/cafe01/kf_cafe01t_2.jpg" );
}
.cont-cafe03 {
	background: url( "../image_cont01/cafe01/kf_cafe01t_3.jpg" );
}
.cont-cafe04 {
	background: url( "../image_cont01/cafe01/kf_cafe01t_4.jpg" );
}
.cont-cafe05 {
	background: url( "../image_cont01/cafe01/kf_cafe01t_5.jpg" );
}
/* 画像セットbyobu01 */
.cont-byobu01 {
	background: url( "../image_cont01/byobu01/kf_byobu01t.jpg" );
}
.cont-byobu02 {
	background: url( "../image_cont01/byobu01/kf_byobu01t_2.jpg" );
}
.cont-byobu03 {
	background: url( "../image_cont01/byobu01/kf_byobu01t_3.jpg" );
}
.cont-byobu04 {
	background: url( "../image_cont01/byobu01/kf_byobu01t_4.jpg" );
}
/* 画像セットline01 */
.cont-line01 {
	background: url( "../image_cont01/line01/kf_line01t.jpg" );
}
.cont-line02 {
	background: url( "../image_cont01/line01/kf_line01t_2.jpg" );
}
.cont-line03 {
	background: url( "../image_cont01/line01/kf_line01t_3.jpg" );
}
.cont-line04 {
	background: url( "../image_cont01/line01/kf_line01t_4.jpg" );
}
/* 画像セットshadow01 */
.cont-shadow01 {
	background: url( "../image_cont01/shadow01/kf_shadow01t.jpg" );
}
.cont-shadow02 {
	background: url( "../image_cont01/shadow01/kf_shadow01t_2.jpg" );
}
.cont-shadow03 {
	background: url( "../image_cont01/shadow01/kf_shadow01t_3.jpg" );
}
.cont-shadow04 {
	background: url( "../image_cont01/shadow01/kf_shadow01t_4.jpg" );
}


/* 画像セットconcept */
.cont-concept01 {
	background: url( "../image_cont01/concept01/kf_concept01t.jpg" );
}
/* 背景単色セット */
.bg_grey01 {
	width: 100%;
	background-color: #ECECEC;
}
.bg_black01 {
	width: 100%;
	background-color: #F1F1F1;
}
.bg_black02 {
	width: 100%;
	background-color: #000;
}
.bg_white01 {
	width: 100%;
	background-color: #FFF;
}

/* ----- ----- ----- ----- ----- --- * トンテンツタイトル */

.conttitle {
  width: 80%;
  
}
@media (max-width: 700px) {
  .conttitle {
    width: 50%;
	
  }
}
/* ----- ----- ----- ----- ----- --- * concept_im */

.concept_im {
  width: 100%;
  
  
}
@media (max-width: 700px) {
  .concept_im {
    width: 100%;
	
  }
}
/* ----- ----- ----- ----- ----- --- * concept_no */

.concept_no {
  width: 20%;
  
}
@media (max-width: 700px) {
  .concept_no {
    width: 20%;
	
	
  }
}

/* cont box */
.title-left {
	float: left;
	width: 30%;
	margin-right: 200px;
}
@media (max-width: 700px) {
	.title-left {
		float: none;
		width: 100%;
		margin-right: 0;
	}
}
.title-left-contact {
	float: left;
	width: 20%;
	margin-right: 30px;
}
@media (max-width: 700px) {
	.title-left-contact {
		float: none;
		width: 100%;
		margin-right: 0;
	}
}
.text {
	overflow: hidden;
}
/* conceptページ box */
.conceptim-left {
	float: left;
	width: 50%;
	margin-right: 50px;
}
@media (max-width: 700px) {
	.conceptim-left {
		float: none;
		width: 100%;
		margin-right: 0;
	}
}
.text {
	overflow: hidden;
}

.width-fixed-concept {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	width: 100%;
	z-index: 500;
}
@media (min-width: 960px) {
	.width-fixed-concept {
		margin-right: auto;
		margin-left: auto;
		padding-top: 30px;
		padding-right: 0px;
		padding-bottom: 30px;
		padding-left: 0px;
		width: 960px;
		z-index: 500;
	}
}
@media (max-width: 700px) {
	.width-fixed-concept {
		margin-right: auto;
		margin-left: auto;
		padding: 30px 20px;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		
	}
}
/* contactページ box */
.contactim-left {
	float: left;
	width: 20%;
	margin-right: 50px;
}
.width-fixed-contact {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	width: 100%;
	z-index: 500;
}
@media (min-width: 960px) {
	.width-fixed-contact {
		margin-right: auto;
		margin-left: auto;
		padding-top: 30px;
		padding-right: 0px;
		padding-bottom: 30px;
		padding-left: 0px;
		width: 960px;
		z-index: 500;
	}
}
@media (max-width: 700px) {
	.width-fixed-contact {
		margin-right: auto;
		margin-left: auto;
		padding: 30px 20px;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		
	}
}

/* ----- ----- ----- ----- ----- ----- ----- ----- -z-index: 500;---- ----- ----- ----- ----- ----- ----- * cont floatleft */
#cont-floatleft {
	float: left;
	padding-top: 80px;
	width: 30%;
	left: 10px;
	margin: 0;
	
}
@media (max-width: 960px) {
	#cont-floatleft {
	float: left;
	padding-top: 80px;
	width: 30%;
	left: 10px;
	margin: 0;
}
}
@media (max-width: 700px) {
	#cont-floatleft {
	float: left;
	padding-top: 0px;
	width: 30%;
	left: 10px;
	margin: 0;
}
}
/* ----- ----- ----- ----- ----- --- * floatright */
#cont-floatright {
	float: right;
	padding-top: 80px;
	width: 30%;
	right: 10px;
	margin: 0;
}
@media (max-width: 960px) {
	#cont-floatright {
	float: right;
	padding-top: 80px;
	width: 30%;
	right: 10px;
	margin: 0;
}
}
@media (max-width: 700px) {
	#cont-floatright {
	float: right;
	padding-top: 0px;
	width: 30%;
	right: 10px;
	margin: 0;
}
}
/* ----- ----- ----- ----- ----- --- * floatcenter */
#cont-floatcenter {
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
	width: 30%;
}
@media (max-width: 700px) {
	#cont-floatcenter {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	width: 30%;
}
}








.mission-title {
	background: url( "images/mission_title_image.png" );
	background-repeat: repeat;
	background-position: center center;
}
.project-title {
	background: url( "images/project_title_image.png" );
	background-repeat: repeat;
	background-position: center center;
}

.mission-copy {
}
.mission-copy img {
	width: 800px;
}
@media (min-width: 960px) {
	.mission-copy img {
		width: 800px;
	}
}
@media (max-width: 800px) {
	.mission-copy img {
		width: 100%;
	}
}
.mission-menu {
	height: 20px;
}
.mission-menu-wrap.fixed	{
	position:fixed;
	top:10px;
}