@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* article
========================================================================================================
*/


/*----------------------------------------
                 philosophy
-----------------------------------------*/

article#philosophy{
  width:100%;
  padding:0;
  margin:0;
}

/*----------------------------------------
                 philosophy01
-----------------------------------------*/


/* ======== section ========*/


article#philosophy section#philosophy01{
 width:90%;
 position:relative;
 padding:5% 0 0 0;
 margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 article#philosophy section#philosophy01{
 width:960px;
 padding:30px 0 0 0;
 margin:0 auto 120px auto;
 }
}

/* ======== h1 ========*/

section#philosophy01 h1{
 width:100%;
 background: url(/images/philosophy/philosophy02.png) no-repeat center bottom;
 background-size:150%;
}

@media print, screen and (min-width:960px) { 
 section#philosophy01 h1{
  background-size: auto;
 }
}

section#philosophy01 h1 img{
 width:70%;
 display: block;
 padding: 0 0 8% 0;
 margin: 0 auto;
}

@media print, screen and (min-width:960px) { 
 section#philosophy01 h1 img{
 width:488px;
 padding: 0 0 60px 0;
 }
}

/* ======== div ========*/

section#philosophy01 div{
 width:100%;
 position: relative;
 background:#EEE;
 padding: 0;
 margin: 0 0 8% 0;
}

@media print, screen and (min-width:960px) { 
 section#philosophy01 div{
  padding: 0;
  margin: 0 0 50px 0;
 }
}

section#philosophy01 div h2{
  width:24%;
  position: absolute;
  top: 4%;
  left: 50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}

section#philosophy01 div p{
  width:15.7%;
  position: absolute;
  top: 5%;
  left: 12.5%;
  padding: 0;
  margin: 0;
}

section#philosophy01 h3{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 45px 0 25px 0;
}

section#philosophy01 h3 img{
  width: 60%;
  padding: 0;
  margin: 0 auto;
}


@media print, screen and (min-width:960px) { 
  section#philosophy01 h3{
   width: 100%;
   text-align: center;
   padding: 0;
   margin: 80px 0 50px 0;
  }
	
  section#philosophy01 h3 img{
  width: 30%;
  padding: 0;
  margin: 0 auto;
  }
}

section#philosophy01 h4{
  width: 100%;
  background-color:#5BBC14;
  text-align: center;
  padding: 8px 0;
  margin: 0 0 5% 0;
}

section#philosophy01 h4 img{
  width:75%
}

@media print, screen and (min-width:960px) { 
 section#philosophy01 h4{
   width: 100%;
   background-color:#5BBC14;
   text-align: center;
   padding: 1% 0;
   margin: 0 0 2% 0;
 }
	
 section#philosophy01 h4 img{
   width:43.2%
 }
}

section#philosophy01 p{
  font-size: 16px; font-size:1.6rem;
  line-height: 150%;
  padding:0 3%;
  margin: 0 0 8% 0;
}

@media print, screen and (min-width:960px) { 
 section#philosophy01 p{
   font-size: 20px; font-size: 2.0rem;
   line-height: 180%;
   padding:0 3%;
   margin: 0 0 3% 0;
 }
}