@charset "utf-8";

/*******************
 * スマホ
 * PC
*******************/


/* =============================================================================
   スマホ
   ========================================================================== */
@media only screen and (max-width: 640px) {


.PcOnly { display:none; }

/* -------------------------------------------------------------------------- 
  全体
   ----------------------------------------------------------------------- */
div#Container {
	margin:0 auto;
	background:url(../images/bg_sm.png) no-repeat top center;
 }

div#Contents {
	margin:0 auto;
	padding:40px 0 0;
 }

/* -------------------------------------------------------------------------- 
  ヘッダー
   ----------------------------------------------------------------------- */
div#Header {
	text-align:center;
	margin:0 auto;
 }

div#Header h1 {
	margin:0 auto;
 }
 
 div#Header p.Introduction {
	margin:40px 20px 0;
	color:#FFFFFF;
	text-align:left;
 }

 div#Header p.mail {
	 width:60px;
	margin:40px auto 0;
 }

/* -------------------------------------------------------------------------- 
   BOX
   ----------------------------------------------------------------------- */
div#grid-content {
	margin:40px auto 0;
 }

div.box {
	width:43%;
    margin: 5px;
    padding: 5px;
    background: #ffffff;
}

div.box img {
	width:100%;
	height:auto;
 }

div.box img.frame {
	border: 1px solid #e5e5e5;
	margin: -1px;
 }

div.box div.Box-txt {
	padding:5px;
 }

div.box div.Box-txt h4 {
	font-weight:bold;
	margin:10px auto 5px;
	line-height:1.5;
 }
 
div.box div.Box-txt h4 a {
	 color:#000000;
	 text-decoration:none;
 }
 
div.box div.Box-txt a.go_details {
	 color:#007bbb;
	 text-decoration:none;
	 font-style:oblique;
 }

/* -------------------------------------------------------------------------- 
  フッター
   ----------------------------------------------------------------------- */
div#Footer {
	width:80px;
	margin:60px auto 60px;
 }

 }





/* =============================================================================
   PC
   ========================================================================== */
@media only all and (min-width: 641px) {

.SmOnly { display:none; }

/* -------------------------------------------------------------------------- 
  全体
   ----------------------------------------------------------------------- */
div#Container {
	width:100%;
	margin:0 auto;
	background:url(../images/bg.png) no-repeat top center;
	background-size:cover;
 }


div#Contents {
	width:1000px;
	margin:0 auto;
	padding:80px 0 0;
 }


/* -------------------------------------------------------------------------- 
  ヘッダー
   ----------------------------------------------------------------------- */
div#Header {
	width:1000px;
	text-align:center;
 }

div#Header h1 {
	margin:0 auto;
 }
 
 div#Header p.Introduction {
	 width:800px;
	margin:80px auto 0;
	color:#FFFFFF;
	text-align:left;
 }

 div#Header p.mail {
	 width:60px;
	margin:80px auto 0;
 }

/* -------------------------------------------------------------------------- 
   BOX
   ----------------------------------------------------------------------- */
div#grid-content {
	width:1000px;
	margin:80px auto 0;
	min-height:300px;
 }

div.box {
	width:180px;
    margin: 5px;
    padding: 5px;
    background: #ffffff;
}

div.box img {
	width:100%;
	height:auto;
 }

div.box img.frame {
	border: 1px solid #e5e5e5;
	margin: -1px;
 }

div.box div.Box-txt {
	padding:5px;
 }

div.box div.Box-txt h4 {
	font-weight:bold;
	margin:10px auto 5px;
	line-height:1.5;
 }
 
div.box div.Box-txt h4 a {
	 color:#000000;
	 text-decoration:none;
 }
 
div.box div.Box-txt a.go_details {
	 color:#007bbb;
	 text-decoration:none;
	 font-style:oblique;
 }

/* -------------------------------------------------------------------------- 
  フッター
   ----------------------------------------------------------------------- */
div#Footer {
	width:80px;
	margin:100px auto 100px;
 }

 }