@charset "utf-8";

.philosophy{
  padding:20px;
  text-align:center;
  font-size:20px;
  margin-bottom:30px;
}
.red{
  color:#c9151d;
}
.philosophyBox br{
  clear: both;
  height: 1em;
}

@media screen and (max-width: 768px) {
#sub #main .inner{
  width:96%;
  margin:0 auto;
}
.philosophyBox{
  margin-bottom:30px;
}
.philosophyBox h4{
  padding-bottom:5px;
  margin-bottom:10px;
  font-size:20px;
}
.philosophyBox h4 span{
  font-weight:bold;
  border-bottom:2px solid #c9151d;
}
.groupbox{
  width: 100%;
}
.isobox{
  width: 100%;
}
.isobox_l{
  margin-top: 10px;
  text-align: center;
}
.isobox_r{
  margin-top: 20px;
}
#sub .linkBtn{
}
#sub .linkBtn ul{
  border-top:1px solid #e8e8e8;
}
#sub .linkBtn li{
  border-bottom:1px solid #e8e8e8;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  box-sizing:border-box;
}
#sub .linkBtn li a{
  color:#333;
  display:block;
  padding:10px;
  text-decoration:none;
}
#sub .linkBtn li a:hover{
  text-decoration:underline;
}
#sub .linkBtn li a span.pdfIcon{
  color:#FFF;
  background:#c9151d;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
#sub .linkBtn li a span.cadIcon{
  color:#FFF;
  background:#5dc915;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
#sub .linkBtn li a span.jpgIcon{
  color:#FFF;
  background:#4169e1;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
  .philosophyBoxText{
    width: 100%;
    float: none;
  }
  .philosophyBoxImage{
    width: 100%;
    float: none;
  }
  .philosophyBoxImage .imgBox{
    margin-bottom: 15px;
  }
  .philosophyBoxTextWide{
    width: 100%;
    float: none;
  }

}

@media print, screen and (min-width: 769px) and (max-width: 959px) {
.philosophyBox{
  margin-bottom:30px;
}
.philosophyBox h4{
  padding-bottom:5px;
  margin-bottom:10px;
  font-size:20px;
}
.philosophyBox h4 span{
  font-weight:bold;
  border-bottom:2px solid #c9151d;
}
.groupbox{
  width: 100%;
}
.isobox{
  width: 100%;
}
.isobox_l{
  margin-top: 10px;
  text-align: center;
}
.isobox_r{
  margin-top: 20px;
}
#sub .linkBtn{
}
#sub .linkBtn ul{
  border-top:1px solid #e8e8e8;
}
#sub .linkBtn li{
  border-bottom:1px solid #e8e8e8;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  box-sizing:border-box;
}
#sub .linkBtn li a{
  color:#333;
  display:block;
  padding:10px;
  text-decoration:none;
}
#sub .linkBtn li a:hover{
  text-decoration:underline;
}
#sub .linkBtn li a span.pdfIcon{
  color:#FFF;
  background:#c9151d;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
#sub .linkBtn li a span.cadIcon{
  color:#FFF;
  background:#5dc915;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
#sub .linkBtn li a span.jpgIcon{
  color:#FFF;
  background:#4169e1;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
  .philosophyBoxText{
    width: 60%;
    float: left;
  }
  .philosophyBoxImage{
    width: 36%;
    float: right;
  }
  .philosophyBoxImage .imgBox{
    margin-bottom: 15px;
  }
  .philosophyBoxTextWide{
    width: 100%;
    float: none;
  }
}


@media screen and (min-width: 960px)  {
.philosophyBox{
  margin-bottom:30px;
}
.philosophyBox h4{
  padding-bottom:5px;
  margin-bottom:10px;
  font-size:20px;
}
.philosophyBox h4 span{
  font-weight:bold;
  border-bottom:2px solid #c9151d;
}
.groupbox{
  width: 621px;
	margin: 0 auto;
}
.groupbox_l{
  width: 200px;
  float: left;
  margin-top: 20px;
}
.groupbox_r{
  width: 421px;
  float: right;
  margin-top: 20px;
}
.isobox{
	margin: 0 auto;
}
.isobox_l{
  width: 160px;
  float: left;
  margin-top: 20px;
}
.isobox_r{
  width: 800px;
  float: right;
  margin-top: 20px;
  font-size: 14px;
  line-height: 180%;
}
#sub .linkBtn{
}
#sub .linkBtn ul{
  border-top:1px solid #e8e8e8;
}
#sub .linkBtn li{
  border-bottom:1px solid #e8e8e8;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  box-sizing:border-box;
}
#sub .linkBtn li a{
  color:#333;
  display:block;
  padding:10px;
  text-decoration:none;
}
#sub .linkBtn li a:hover{
  text-decoration:underline;
}
#sub .linkBtn li a span.pdfIcon{
  color:#FFF;
  background:#c9151d;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
#sub .linkBtn li a span.cadIcon{
  color:#FFF;
  background:#5dc915;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
#sub .linkBtn li a span.jpgIcon{
  color:#FFF;
  background:#4169e1;
  border-radius:3px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:5px 10px;
  min-width:60px;
  margin-right:10px;
}
  .philosophyBoxText{
    width: 60%;
    float: left;
  }
  .philosophyBoxImage{
    width: 36%;
    float: right;
  }
  .philosophyBoxImage .imgBox{
    margin-bottom: 15px;
  }
  .philosophyBoxTextWide{
    width: 100%;
    float: none;
  }
}