@charset "UTF-8";
/*******************************************************************************
**	1.フォント
*******************************************************************************/
body {
  font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; }

/* number */
body dt {
  font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; }

/* modern browser */
html > body {
  font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; }

input, textarea, select, option, label {
  font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; }

/* 
*
*	1-0.Yahoo UI Library Reset CSS
*	1-1.Yahoo UI Library Fonts CSS
*	1-2.Universal selector
*	1-3.Structure Module
*	1-4.Text Module
*	1-5.Hypertext Module
*	1-6.List Module
*	1-7.Edit Module
*	1-8.Forms Module
*	1-9.Tables Module
*	1-10.Image Module
*	1-11.Object Module
*
*/
/*======================================

	1-0.Yahoo UI Library Reset CSS
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.3.1

=======================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

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

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/
body {
  font-size: 13px;
  *font-size: small;
  *font: x-small; }

table {
  font-size: inherit;
  font: 100%; }

select,
input,
textarea {
  font-size: 99%; }

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

	1-2.Universal selector

=======================================*/
* {
  font-size: 100%;
  font-weight: normal;
  font-style: normal; }

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

	1-3.Structure Module

=======================================*/
body {
  /*color: #111;
	background-color: #fff;*/ }

hr {
  display: none; }

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

	1-6.List Module

=======================================*/
ul,
ol,
dl {
  list-style-position: outside; }

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size: 100%; }

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

	1-7.Edit Module

=======================================*/
del {
  color: #999;
  text-decoration: line-through; }

ins {
  border-bottom: 1px dotted #ccc;
  text-decoration: none; }

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

	1-8.Forms Module

=======================================*/
form {
  margin: 0;
  padding: 0; }

input,
textarea {
  font-family: Arial, Helvetica,sans-serif; }

input {
  line-height: 1.2; }

textarea {
  padding: 0.4em 10px; }

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

	1-9.Tables Module

=======================================*/
table {
  border-collapse: collapse; }

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

	1-10.Image Module

=======================================*/
img {
  vertical-align: bottom; }

/*
	* Copyright (C) 2010 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/
/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.左サイド（leftCol）
	* 5.メイン（mainCol）
	* 6.右サイド（rightCol）
	* 7.フッター（footer）
	* 8.サブページ
*/
/*******************************************************************************
**	1.基本レイアウト
*******************************************************************************/
body {
  line-height: 1.6;
  color: #333; }

#container {
  width: 100%; }

#header {
  width: 100%;
  border-top: solid 2px #00708C; }

#headerInner {
  max-width: 1040px;
  width: 98%;
  height: 150px;
  margin: 0 auto;
  position: relative; }

.content {
  width: 98%;
  max-width: 1040px;
  margin: 0 auto 30px; }

#mainCol {
  float: left;
  width: 440px;
  background: #999;
  padding: 10px 0 10px 10px;
  margin: 0 0 0 25px; }

#footer {
  width: 100%;
  margin: 20px 0 0 0;
  padding: 10px 0 0 0; }

#footerInner {
  width: 98%;
  max-width: 1040px;
  margin: 0 auto; }

/*******************************************************************************
**	2.基本設定
*******************************************************************************/
/* clear
----------------------------------------------------------------------------- */
.clear {
  clear: both; }

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix,
div.section {
  display: inline-block; }

* html .clearfix,
* html div.section {
  height: 1%; }

.clearfix,
div.section {
  display: block; }

/* float
----------------------------------------------------------------------------- */
.floatRight {
  float: right; }

.floatLeft {
  float: left; }

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {
  text-align: center; }

.alignRight {
  text-align: right; }

.alignLeft {
  text-align: left; }

.valignTop {
  vertical-align: top; }

.valignMiddle {
  vertical-align: middle; }

.valignBottom {
  vertical-align: bottom; }

/* image
----------------------------------------------------------------------------- */
img.imgLeft {
  float: left;
  padding: 0 20px 0 0; }

img.imgRight {
  float: right;
  padding: 0 0 0 20px; }

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {
  padding-top: 0 !important; }

.paddingTop5 {
  padding-top: 5px !important; }

.paddingTop10 {
  padding-top: 10px !important; }

.paddingTop15 {
  padding-top: 15px !important; }

.paddingTop20 {
  padding-top: 20px !important; }

.paddingTop25 {
  padding-top: 25px !important; }

.paddingTop30 {
  padding-top: 30px !important; }

.paddingTop35 {
  padding-top: 35px !important; }

.paddingTop40 {
  padding-top: 40px !important; }

.paddingTop45 {
  padding-top: 45px !important; }

.paddingTop50 {
  padding-top: 50px !important; }

.paddingTop60 {
  padding-top: 60px !important; }

.paddingTop70 {
  padding-top: 70px !important; }

.paddingTop80 {
  padding-top: 80px !important; }

.paddingTop90 {
  padding-top: 90px !important; }

.paddingTop100 {
  padding-top: 100px !important; }

.paddingRight0 {
  padding-right: 0 !important; }

.paddingRight5 {
  padding-right: 5px !important; }

.paddingRight10 {
  padding-right: 10px !important; }

.paddingRight15 {
  padding-right: 15px !important; }

.paddingRight20 {
  padding-right: 20px !important; }

.paddingRight25 {
  padding-right: 25px !important; }

.paddingRight30 {
  padding-right: 30px !important; }

.paddingRight35 {
  padding-right: 35px !important; }

.paddingRight40 {
  padding-right: 40px !important; }

.paddingRight45 {
  padding-right: 45px !important; }

.paddingRight50 {
  padding-right: 50px !important; }

.paddingRight60 {
  padding-right: 60px !important; }

.paddingRight70 {
  padding-right: 70px !important; }

.paddingRight80 {
  padding-right: 80px !important; }

.paddingRight90 {
  padding-right: 90px !important; }

.paddingRight100 {
  padding-right: 100px !important; }

.paddingBottom0 {
  padding-bottom: 0 !important; }

.paddingBottom5 {
  padding-bottom: 5px !important; }

.paddingBottom10 {
  padding-bottom: 10px !important; }

.paddingBottom15 {
  padding-bottom: 15px !important; }

.paddingBottom20 {
  padding-bottom: 20px !important; }

.paddingBottom25 {
  padding-bottom: 25px !important; }

.paddingBottom30 {
  padding-bottom: 30px !important; }

.paddingBottom35 {
  padding-bottom: 35px !important; }

.paddingBottom40 {
  padding-bottom: 40px !important; }

.paddingBottom45 {
  padding-bottom: 45px !important; }

.paddingBottom50 {
  padding-bottom: 50px !important; }

.paddingBottom60 {
  padding-bottom: 60px !important; }

.paddingBottom70 {
  padding-bottom: 70px !important; }

.paddingBottom80 {
  padding-bottom: 80px !important; }

.paddingBottom90 {
  padding-bottom: 90px !important; }

.paddingBottom100 {
  padding-bottom: 100px !important; }

.paddingLeft0 {
  padding-left: 0 !important; }

.paddingLeft5 {
  padding-left: 5px !important; }

.paddingLeft10 {
  padding-left: 10px !important; }

.paddingLeft15 {
  padding-left: 15px !important; }

.paddingLeft20 {
  padding-left: 20px !important; }

.paddingLeft25 {
  padding-left: 25px !important; }

.paddingLeft30 {
  padding-left: 30px !important; }

.paddingLeft35 {
  padding-left: 35px !important; }

.paddingLeft40 {
  padding-left: 40px !important; }

.paddingLeft45 {
  padding-left: 45px !important; }

.paddingLeft50 {
  padding-left: 50px !important; }

.paddingLeft60 {
  padding-left: 60px !important; }

.paddingLeft70 {
  padding-left: 70px !important; }

.paddingLeft80 {
  padding-left: 80px !important; }

.paddingLeft90 {
  padding-left: 90px !important; }

.paddingLeft100 {
  padding-left: 100px !important; }

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {
  margin-top: 0 !important; }

.marginTop5 {
  margin-top: 5px !important; }

.marginTop10 {
  margin-top: 10px !important; }

.marginTop15 {
  margin-top: 15px !important; }

.marginTop20 {
  margin-top: 20px !important; }

.marginTop25 {
  margin-top: 25px !important; }

.marginTop30 {
  margin-top: 30px !important; }

.marginTop35 {
  margin-top: 35px !important; }

.marginTop40 {
  margin-top: 40px !important; }

.marginTop45 {
  margin-top: 45px !important; }

.marginTop50 {
  margin-top: 50px !important; }

.marginTop60 {
  margin-top: 60px !important; }

.marginTop70 {
  margin-top: 70px !important; }

.marginTop80 {
  margin-top: 80px !important; }

.marginTop90 {
  margin-top: 90px !important; }

.marginTop100 {
  margin-top: 100px !important; }

.marginRight0 {
  margin-right: 0 !important; }

.marginRight5 {
  margin-right: 5px !important; }

.marginRight10 {
  margin-right: 10px !important; }

.marginRight15 {
  margin-right: 15px !important; }

.marginRight20 {
  margin-right: 20px !important; }

.marginRight25 {
  margin-right: 25px !important; }

.marginRight30 {
  margin-right: 30px !important; }

.marginRight35 {
  margin-right: 35px !important; }

.marginRight40 {
  margin-right: 40px !important; }

.marginRight45 {
  margin-right: 45px !important; }

.marginRight50 {
  margin-right: 50px !important; }

.marginRight60 {
  margin-right: 60px !important; }

.marginRight70 {
  margin-right: 70px !important; }

.marginRight80 {
  margin-right: 80px !important; }

.marginRight90 {
  margin-right: 90px !important; }

.marginRight100 {
  margin-right: 100px !important; }

.marginBottom0 {
  margin-bottom: 0 !important; }

.marginBottom5 {
  margin-bottom: 5px !important; }

.marginBottom10 {
  margin-bottom: 10px !important; }

.marginBottom15 {
  margin-bottom: 15px !important; }

.marginBottom20 {
  margin-bottom: 20px !important; }

.marginBottom25 {
  margin-bottom: 25px !important; }

.marginBottom30 {
  margin-bottom: 30px !important; }

.marginBottom35 {
  margin-bottom: 35px !important; }

.marginBottom40 {
  margin-bottom: 40px !important; }

.marginBottom45 {
  margin-bottom: 45px !important; }

.marginBottom50 {
  margin-bottom: 50px !important; }

.marginBottom60 {
  margin-bottom: 60px !important; }

.marginBottom70 {
  margin-bottom: 70px !important; }

.marginBottom80 {
  margin-bottom: 80px !important; }

.marginBottom90 {
  margin-bottom: 90px !important; }

.marginBottom100 {
  margin-bottom: 100px !important; }

.marginLeft0 {
  margin-left: 0 !important; }

.marginLeft5 {
  margin-left: 5px !important; }

.marginLeft10 {
  margin-left: 10px !important; }

.marginLeft15 {
  margin-left: 15px !important; }

.marginLeft20 {
  margin-left: 20px !important; }

.marginLeft25 {
  margin-left: 25px !important; }

.marginLeft30 {
  margin-left: 30px !important; }

.marginLeft35 {
  margin-left: 35px !important; }

.marginLeft40 {
  margin-left: 40px !important; }

.marginLeft45 {
  margin-left: 45px !important; }

.marginLeft50 {
  margin-left: 50px !important; }

.marginLeft60 {
  margin-left: 60px !important; }

.marginLeft70 {
  margin-left: 70px !important; }

.marginLeft80 {
  margin-left: 80px !important; }

.marginLeft90 {
  margin-left: 90px !important; }

.marginLeft100 {
  margin-left: 100px !important; }

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize10 {
  font-size: 10px !important; }

.fontSize11 {
  font-size: 11px !important; }

.fontSize12 {
  font-size: 12px !important; }

.fontSize13 {
  font-size: 13px !important; }

.fontSize14 {
  font-size: 14px !important; }

.fontSize15 {
  font-size: 15px !important; }

.fontSize16 {
  font-size: 16px !important; }

.fontSize18 {
  font-size: 18px !important; }

.fontSize20 {
  font-size: 20px !important; }

.fontSize25 {
  font-size: 25px !important; }

.bold {
  font-weight: bold; }

/* link
----------------------------------------------------------------------------- */
a:link {
  color: #333;
  text-decoration: none; }

a:visited {
  color: #333;
  text-decoration: none; }

a:hover {
  color: #00708C;
  text-decoration: underline; }

a:hover img {
  filter: alpha(opacity=70);
  /* FOR IE */
  opacity: 0.70;
  /* FOR FF */ }

/* 会社概要
----------------------------------------------------------------------------- */
.detailTitle {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 3rem 0; }

.company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .company_img {
    width: 39%;
    height: 477px; }
    .company_img img {
      height: 100%; }
  .company_table {
    width: 100%; }
    .company_table_text {
      font-size: 0.9rem; }
  .company table th {
    background-color: #333;
    border: #666 1px solid;
    color: #FFF;
    padding: 35px;
    width: 130px; }
  .company table td {
    width: 797px;
    padding: 20px;
    border: #333 1px solid;
    color: #333; }

@media screen and (max-width: 480px) {
  /* 幅が480px以下の場合：スマホ向け */
  .company {
    display: block; }
    .company_table {
      width: 100%; }
    .company_img {
      width: 100%;
      height: 560px;
      margin-top: 32px; }
      .company_img img {
        width: 100%;
        height: auto; }
    .company table th {
      width: 38%; }
    .company table td {
      width: 62%; } }

.pcOnly {
  display: block; }
  @media screen and (max-width: 768px) {
    .pcOnly {
      display: none; } }

.spOnly {
  display: none; }
  @media screen and (max-width: 768px) {
    .spOnly {
      display: contents; } }