@charset "utf-8";

/* ---------------------------------------------------
   File: works.css
   Version: 1.0.0
   Update: 2021-02-08
   Author: https://flowlab.co.jp

   (c)2007-2021 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




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

   WIDE DESKTOP LAYOUT

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




/* ====================================================
		Header
==================================================== */

/* -------------------------------
		Page Title
------------------------------- */
#pageTitle {
	background: url("../works/images/ph_head.jpg") no-repeat right top;
	background-size: 1100px 320px;
}


/* ====================================================
		Contents
==================================================== */

/* -------------------------------
		Main Image
------------------------------- */
.mainImage {
  padding: 40px 0 50px;
}


/* -------------------------------
		Information
------------------------------- */
#main section.information {
	width: 700px;
	font-size: 0.9em;
	line-height: 1.6em;
	background: #f3f3f3;
	margin: 0 auto;
  padding: 0;
}

/* Title */
.information h3 {
	font-weight: 600;
	padding: 0 0 0 30px;
	position: relative;
	top: -10px;
}

/* Text */
.information p {
	padding: 10px 30px 30px;
}

/* -------------------------------
		banner
------------------------------- */
.bnWidth100 {
	width: 920px;
	margin: 50px auto 0;
  padding-top: 0;
}




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

   TABLET - LARGE

============================================================================================================================================= */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	
/* ====================================================
		Contents
==================================================== */

/* -------------------------------
		banner
------------------------------- */
.bnWidth100 {
	width: 100%;
}


  
}
  
  
 


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

   TABLET

============================================================================================================================================= */
@media screen and (min-width: 768px) and (max-width: 991px) {

	
/* ====================================================
		Contents
==================================================== */

/* -------------------------------
		banner
------------------------------- */
.bnWidth100 {
	width: 100%;
}

}





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

   MOBILE

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

  
  
/* ====================================================
		Header
==================================================== */

/* -------------------------------
		Page Title
------------------------------- */
#pageTitle {
	background: url("../works/images/ph_head.jpg") no-repeat center top;
	background-size: 757px 220px;
}
	
	
/* ====================================================
		Contents
==================================================== */
	
/* -------------------------------
		Main Image
------------------------------- */
.mainImage {
  padding: 20px 0 40px;
}
  
/* -------------------------------
		Information
------------------------------- */
#main section.information {
	width: 100%;
}
	
/* Text */
.information p {
	padding: 0 30px 20px;
}
	
/* -------------------------------
		banner
------------------------------- */
.bnWidth100 {
	width: 100%;
	margin-top: 30px;
}
  
  
  
  
}