@charset "utf-8";
/*全体の設定
---------------------------------------------------------------------------*/
body {
 color: #000; /*全体の文字色*/
 font: 14px/1.75 sans-serif, serif, "Hiragino Mincho ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ; /*文字サイズ、行間、フォント指定*/
 background-image: url(../images/bg_head.jpg);
 background-repeat: repeat-x;
 background-position: top
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure {
 margin: 0px;
 padding: 0px;
}
ul {
 list-style-type: none;
}
img {
 border: none;
 vertical-align: bottom;
}
input, textarea, select {
 font-size: 1em;
}
form {
 margin: 0px;
}
table {
 border-collapse: collapse;
 font-size: 100%;
 border-spacing: 0;
}
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
* html .clearfix {
 zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
 zoom: 1;
} /* IE7 */
/*ヘッダーブロック
---------------------------------------------------------------------------*/
header {}
/*ヘッダーブロックの中*/
header .inner {
 width: 997px;
 height: 147px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}
/*ロゴの設定*/
.head_logo {
 position: absolute;
 left: 20px;
 top: 40px;
 max-width: 275px;
 height: auto;
}
.head_logo img{
display: block;
 max-width: 100%;
 height: auto;
}
header .inner a:hover {
 opacity: 0.7;
}
/*h1テキスト会社名設定*/
.head_name {
 position: absolute;
 top: 15px;
 right: 20px;
 font-size: 16px;
 font-weight: bold;
 /*! text-align: right; */
 line-height: 1.6;
 color: #FFF;
}
.head_insta img {
 width: 100px;
 height: auto;
 position: relative;
 top: -10px;
}
.head_name_inner {
 display: flex;
 justify-content: space-between;
 text-align: left !important;
}
.head_name_inner li {
 line-height: 1.45
}
.head_btn a img {
 width: 310px;
 display: block;
 margin-top: -15px
}
@media screen and (max-width:480px) {
 .head_name {
  text-align: left;
 }
 .head_name_inner {
  display: flex;
  justify-content: center;
  align-items: top
 }
 .head_btn img {
  width: 100%;
  max-width: 245px;
  height: auto;
  margin: 5px auto 0;
  display: block;
 }
 .head_insta img {
  margin-left: 20px;
  margin-top: 0
 }
 .tel_bg {
  padding: 0 !important;
 }
 .head_inc {
  display: none
 }
}
/*電話番号*/
.head_tel {
 font-size: 22px;
 font-weight: bold;
 display: block;
 font-family: sans-serif, Arial, Helvetica;
}
.tel_bg {
 color: #fff;
 padding-left: 5px;
 padding-right: 5px;
 font-weight: bold;
 padding: 0;
 font-size: 16px;
}
/*FAX番号*/
.head_fax {
 font-size: 16px;
 font-weight: normal;
 display: block;
 font-family: sans-serif, Arial, Helvetica;
}
/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
 clear: left;
 width: 980px; /*幅*/
 height: 287px; /*高さ*/
 position: relative;
 margin-left: auto;
 margin-right: auto;
}
#mainimg .slide_file {
 display: none;
}
#slide_image {
 z-Index: 2;
 position: absolute;
 left: 0px;
 top: 0px;
}
#slide_image2 {
 z-Index: 1;
 position: absolute;
 left: 0px;
 top: 0px;
}
/*コンテンツ背景設定（）
---------------------------------------------------------------------------*/
#wrap {
 padding-top: 30px;
 padding-bottom: 30px;
 padding-left: 0px;
 padding-right: 0px;
 width: 100%;
}
/*コンテンツ（main,sub）
---------------------------------------------------------------------------*/
#contents {
 clear: left;
 width: 980px;
 margin-right: auto;
 margin-left: auto;
}
/*メインコンテンツ（main,sub）
---------------------------------------------------------------------------*/
#main {
 float: left;
 padding-bottom: 30px;
 background-color: #fff;
 width: 710px;
 padding: 0px;
 min-height: 715px;
 /* 	width: 710px; 前   */
}
/*mainコンテンツの段落タグ設定*/
#main p {
 padding: 0.5em 10px 0.5em 40px; /*左から、上、左右、下への余白*/
}
/*見出し*/
.main_title {
 font-size: 20px;
 text-align: center;
 padding: 0.5em;
 background-color: #279f5c;
 color: #fff;
}
.main_txt {
 width: 80%;
 padding-left: 10%;
 color: #666;
 margin-top: 20px;
 margin-bottom: 20px;
 font-size: 0.938em;
 font-weight: bold;
 text-align: center;
}
.sub_title {
 font-size: 21px;
 padding: 0.5em 0px 0px;
 border-bottom: #279f5c solid 4px;
 color: #279f5c;
 clear: both;
}
.ttl {
 font-size: 18px;
 padding: 1em 40px 0.3em;
}
/*社内画像
---------------------------------------------------------------------------*/
.photo_box {
 display: flex;
}
.photo_box li {
 width: /*170*/ 348px;
 margin-right: 7px;
 margin-top: 10px;
 margin-bottom: 30px;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub_block {
 float: right;
 width: 245px;
}
#sub {
 margin-bottom: 15px;
}
/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
#sub ul.submenu {}
#sub ul.submenu li .gborder {
 text-align: center;
 background-color: #CCC;
 border: #CCC solid 8px;
}
#sub ul.submenu li:first-child .gborder {
 padding-top: 10px;
 padding-bottom: 0;
}
#sub ul.submenu li:not(:first-child) {
 /*	margin-bottom:10px;*/
}
#sub ul.submenu li a {
 text-decoration: none;
 display: block;
}
#sub ul.submenu li:nth-child(3) {
 margin-bottom: 10px;
}
.inlink_border {
 background-color: #0E4BA6;
 width: 229px;
 color: #FFF;
 padding-top: 8px;
 padding-bottom: 8px;
 border-left: #CCC solid 8px;
 border-right: #CCC solid 8px;
 border-bottom: #CCC solid 8px;
 padding-bottom: 8px;
 border-bottom: #FFF dotted 1px;
}
.inlink {
 background-color: #0E4BA6;
 width: 229px;
 color: #FFF;
 padding-top: 8px;
 padding-bottom: 8px;
 border-left: #CCC solid 8px;
 border-right: #CCC solid 8px;
 border-bottom: #CCC solid 8px;
 padding-bottom: 8px;
}
.inlink a, .inlink_border a {
 color: #FFF;
}
/*マウスオン時の設定*/
a.overwhite:hover img {
 cursor: pointer;
 filter: alpha(opacity=80); /* ie lt 8 */
 -ms-filter: "alpha(opacity=80)"; /* ie 8 */
 -moz-opacity: 0.8; /* FF lt 1.5, Netscape */
 -khtml-opacity: 0.8; /* Safari 1.x */
 opacity: 0.8;
 zoom: 1;
}
/*会社概要
---------------------------------------------------------------------------*/
/*　 テーブル　*/
.ta_block {
 padding: 1.5em 10px 1em;
}
.part {
 font-size: 18px;
 padding: 0.5em 0.3em;
}
.ta1 {
 width: 100%;
}
.ta1, .ta1 td, .ta1 th {
 border: 1px solid #CCC; /*テーブルの枠線の幅、線種、色*/
 line-height: 1.5;
 font-size: 13px;
}
/*テーブル内の右側*/
.ta1 td {
 padding: 10px 10px 10px 10%;
}
/*テーブル内の左側*/
.ta1 th {
 width: 25%;
 padding: 10px;
 text-align: center;
 background-color: #e2e2e3; /*背景色*/
}
/*アクセス
---------------------------------------------------------------------------*/
#access img {
 float: left;
 margin-right: 20px;
}
.gmap {
 margin-top: 10px;
 clear: left;
 position: relative;
 padding-bottom: 55%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.gmap iframe, .gmap object, .gmap embed {
 position: absolute;
 top: 0;
 left: 5%;
 width: 90%;
 height: 100%;
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
 clear: both;
}
#pagetop a {
 text-decoration: none;
 text-align: center;
 display: block;
 float: right;
}
/*マウスオン時*/
/*フッター設定
---------------------------------------------------------------------------*/
footer {
 clear: both;
 text-align: center;
 padding-top: 40px;
 padding-bottom: 50px;
 color: #FFF;
 background: #279f5c; /*背景色*/
}
footer .pr {
 display: block;
 font-size: 90%;
}
footer a {
 text-decoration: none;
 color: #FFF;
}
footer a:hover {
 color: #
}
/*その他
---------------------------------------------------------------------------*/
.color4 {
 color: #666;
}
.al_c {
 text-align: center
}
.al_r {
 text-align: right;
}
.l_space {
 letter-spacing: 0.1em
}
.pr {
 font-size: 10px;
}
.f_10 {
 font-size: 10px;
}
.f_13 {
 font-size: 13px;
}
.f_20 {
 font-size: 20px;
}
.f_16b {
 font-size: 16px;
 font-weight: bold;
}
.f_14b {
 font-size: 14px;
 font-weight: bold;
}
.mb_15 {
 margin-bottom: 15px;
}
.mt_15 {
 margin-top: 15px;
}
.mb_20 {
 margin-bottom: 20px;
}
.mt_20 {
 margin-top: 20px;
}
.ws {
 width: 50%;
}
.sp {
 display: none;
}
.br_sp {
 display: none;
}
.sp_block {
 display: block;
}
.col_1 {
 color: #F98A68;
}
.insta a img {
  display: block;
  margin:0 auto 1em;
 width: 100px;
 height: auto;
}