@charset "UTF-8";

/*子テーマ用「base.css」　古い*/  


/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
/*ヘッダー固定*/
 
.fixed {
  border: hidden;
  position: fixed;

  top: 0;
  left: 0;
  right: 0;

  margin-left: auto;
  margin-right: auto;

  /*right: 0;*/
  /*width: 1000px;*/
  width:100%;
  height:auto;
    
  z-index: 10000;

  color: #000000;
  background-color: #FFFFFF;

}

.site-header-conts{
   padding:  0px 0px 0px 0px;   /*---［上］ と ［右］ と ［下］ と ［左］ を指定-*/
}

.site-header-in{
   padding:  0px 0px 0px 0px; 
}

.site-title{
   padding:  0px 0px 0px 0px; 
}





/*--------------------------------------------------------------
お問い合わせフォームの入力フォーム
--------------------------------------------------------------*/
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-name-kana"],
.wpcf7 input[name="your-name-bank"],
.wpcf7 input[name="street-address"],
.wpcf7 input[name="tel-no"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="Responsible-person"] {
        width: 100%;
        height: 25px !important;
}
 
.wpcf7 textarea[name="your-message"] {
        width: 100%;
        height: 100px !important;
}





/*--------------------------------------------------------------
ヘッタ―
--------------------------------------------------------------*/

#nav_header {
    float: right;
}

#nav_header li a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
}


#nav_header li {
    float: left;
    margin-left: 30px;
    padding-left: 5px;
/*
    background: url(img/bullet_nav_header.png) left center no-repeat;
*/
}

.clear {
    float: none;
    clear: both;
}

#header_bottom {
    float: right;
    margin-top: 10px;
    padding-bottom: 25px;
}


#header_inner {
    margin: 0 auto;
    width: 960px
}


/*--------------------------------------------------------------
トップ　イントロ
--------------------------------------------------------------*/
#top_intro {
	font-size: 14px;
}
#top_intro .item {
	float: left;
	width: 320px;
	border-left: 1px solid #cecece;
	padding: 30px 0px;
}
#top_intro .item_3 {
	float: left;
	width: 310px;
	border-right: 1px solid #cecece;
}
#top_intro .item .pic {
	width: 280px;
	margin: 0px auto;
	margin-bottom: 20px;
	position: relative;
}
#top_intro .item .pic .stick {
	position: absolute;
	top: -20px;
	left: -20px;
}
#top_intro .item .text {
	width: 280px;
	margin: 0px auto;
}
#top_intro .item .text h2 {
	margin-bottom: 20px;
}
#top_intro .item .text p {
	padding: 0px 10px;
	margin-bottom: 20px;
}
#top_intro .to_detail {
	background: url(img/bullet_top_intro.png) left center no-repeat;
	margin: 0px 10px;
}
#top_intro .to_detail a {
	text-decoration: none;
}


.section-wrap {
border-style: solid none none none;		/* 上:solid、右:dotted、下:dashed、左:double */

}

/*ページトップボタン 画像の大きさ設定*/
.page-top{
	max-width: 50px;
    height: 50;
}




/*1カラムレイアウト*/
.col1 .section-wrap{
	padding: 20px 0px;
}


/* ************************************************ 
Google Map　レスポンシブ設定
* ************************************************ */	

.ggmap {
position: relative;
padding-bottom: 35%;
padding-top: 30px;
height: 0px;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
/*グローバルメニューのボタン*/

.global-nav-in li a{
	/*color: #FFF262;
	background-color: #46bbce;*/
	font-size:0.9em;
	font-weight:bold;
}
/*グローバルナビ・マウスオーバー時*/
.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	/*background-color: #FFF262;
	color: #4e9793;*/
}

/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

.main-image{
	margin-bottom: 2em;

}

.main-image-in-text{
	background-repeat: no-repeat;
	background-size: cover;
}

.main-image-in-text-cont{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3em;
}

.main-image-in-text.wide .main-image-in-text-cont{
	width: 1200px;
	height: 400px 
}

.main-image-in-text p:last-child{
	margin-bottom: 0;
}

.main-copy{
	font-size: 2em;
	text-align: left;
	color: #fff;
	margin:0; /* 余白ゼロ */
	margin-top:30px; /* 上側の余白ゼロ */
	margin-bottom:0; /* 下側の余白ゼロ */
}

.sub-copy{
	font-size: 1em;
	text-align: left;
	color: #fff;
	margin:0; /* 余白ゼロ */
	margin-top:0; /* 上側の余白ゼロ */
	margin-bottom:0; /* 下側の余白ゼロ */
}

.main-image-in-text-box{
	text-align: left;
	color: #fff;
	margin:0; /* 余白ゼロ */
	margin-top:50px; /* 上側の余白ゼロ */
	margin-bottom:0; /* 下側の余白ゼロ */
}


/*--------------------------------------------------------
見出し
--------------------------------------------------------*/
h2{
	font-style: normal;
	font-weight: normal;
}

.section-in > h2:first-child{
	margin-top: 0;
}

.main-body h2{
	margin: 60px 0 30px;
	padding: 0 0 10px;
	background-color: transparent;
	border-bottom: 1px solid #2e70a7;
	font-weight: bold;
	color: #000;
	font-size: 1.4em;
}

.main-body x{
	margin: 60px 0 30px;
	padding: 0 0 10px;
	border-bottom: 0;
	font-weight: normal;
	font-size: 1.2em;
}
.main-body h2 a{
	color: #000;

}
.main-body h2 a:hover,
.maina-body h2 a:active,
.main-body h2 a:focus{
	color: #000;
}




/*-------------------------------------------*/
/*	xheader
/*-------------------------------------------*/
#contactInner{
   padding:  0px 0px 20px 0px; 
   margin:  0px 0px 0px 0px; 
}

#contactInner	{ color:#333; }
#contactInner #contactTxt	{ 
    color: #4687BD;
    font-size:16px; 
	letter-spacing:0px;
	margin-bottom:1px; 
    padding: 0px 0;

}
#contactInner #contactTel { 
    color: #fff;
    font-size:24px; 
    line-height:21px;
    margin-bottom:2px; 
    font-family:'Lato', sans-serif; 
    color:#FF0037; 
    padding: 0px 0;
}

#contactInner #contactTel a{ 
    color: #FF0037;
	font-size:32px; 
}
#contactInner #contactTime	{ 
    color:  #4687BD;
    font-size:16px;
    line-height:21px;
    padding: 0px 0;
}


/*-------------------------------------------*/
/*	枠で囲むスタイルシート
/*	<div class="sikaku">囲みたい文章を、この中に入れる</div>
/*-------------------------------------------*/
.sikaku { 
	border-style: solid ;
	border-width: 1px;
	color:#333333 ;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:1px 1px 3px #c0c0c0;
	-webkit-box-shadow:1px 1px 3px #c0c0c0;
	box-shadow:1px 1px 3px #c0c0c0;
	background-color:#f7f7f7;
	margin:10px;
	padding:10px;
}

.sikaku2 { 
	border: 1px solid #cccccc;
	padding: 1px;
	background: #ffffff;
}



/*-------------
引用分変更
-------------*/
/* 引用タグ装飾 */
blockquote{
position: relative;
margin: 0 1em 1.5em;
padding: 1em;
border: 3px solid #E3E3E3;
background-color: #F3F3F3;
z-index: 1;
}
blockquote p{
position: relative;
z-index: 3;
}
blockquote:before{
background-image:none; /* 親base.cssのダブルコートイメージをクリア */
content: "“";
font-size: 500%; /* ダブルクォーテーションのサイズを変更 */
line-height: 0.8em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
 
blockquote:after{
background-image:none; /* 親base.cssのダブルコートイメージをクリア */
content: "”";
font-size: 500%; /* ダブルクォーテーションのサイズを変更 */
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #fff;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}


/*-------------------------------------------*/
/*	代表紹介　略歴テーブルイメージ
/*-------------------------------------------*/
.table2{
  border-collapse:collapse;
  margin:0 auto;

}

.table2 td, .table1 th{
  padding:10px;
}
.table2 th{
  color:#fff;
  background:#4687BD;
}
.table2 tr:nth-child(odd){
  background:#e6f2ff;
}


/*-------------------------------------------*/
/*	インフォメーションボックス スタイルシート(規約などで利用)
/*	<div class="infobox">囲みたい文章を、この中に入れる</div>
/*-------------------------------------------*/
.infobox {
		overflow:auto;
        width: 100%;
        height: 200px !important;
        overflow: scroll; /* スクロールバーを表示(※) */
        border: 1px solid #cccccc;  /* 枠線を追加 */
        background-color: #ffffff; /* 背景色を追加 */
}