*{
	box-sizing: border-box;
}
/* --- 全体の背景・テキスト --- */
body {
min-width: auto;
width: 100%;
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #000000; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
font-family : 'ＭＳ Ｐゴシック',sans-serif ;
overflow-y: scroll;
-ms-overflow-style: none;/* IE, Edge 対応 */
scrollbar-width: none;/* Firefox 対応 */
}
body::-webkit-scrollbar {
  display: none; 
}
@media screen and (min-width: 880px) {
  body {
		min-width: 880px; /* 全体の最小幅 */
    overflow-y: auto;
    -ms-overflow-style: auto;/* IE, Edge 対応 */
    scrollbar-width: auto;/* Firefox 対応 */ 
		font-size: 90%; /* 全体の文字サイズ */
  } 
  body::-webkit-scrollbar {
    display: block; 
    width: 15px;
  }
  body::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
  }
  body::-webkit-scrollbar-track-piece:start,
  body::-webkit-scrollbar-track-piece:end {
    background: #f1f1f1; 
  }
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #c07100; }
a:active { color: #c07100; }

/* --- コンテナ --- */
#header div.container,
#content div.container,
#footer div.container {
width: 880px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
}
@media screen and (max-width: 880px){
	#header div.container,
	#content div.container,
	#footer div.container {
		min-width: auto;
		width: 100%;
	}
	#header div.container{
		padding: 0 5px;
	}
}

/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header{
}

/* --- トップエリア --- */
#header div.top {
padding: 10px 0 0; /* トップエリアのパディング（上、左右、下） */
background: url(../image/top_back.png) repeat-x top; /* トップエリアの背景 */
}
#header div.top div.container {
position: relative; /* 相対配置（問合せ画像のために設定） */
}


/* --- サイトタイトル --- */
#header p.siteTitle {
margin: 0 0 7px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトルの画像 */
#header p.siteTitle img {
border: none;
}
@media screen and (max-width: 880px){
	#header p.siteTitle {
		margin: 0 0 7px;
    font-size: 200%;
    height: 30vw;
    min-height: 170px;
    max-height: 180px;
    text-align: center;
	}
	#header p.siteTitle img {
		width: 90%;
    max-width: 350px;
    height: auto;
	}
}


/* --- キャッチフレーズ --- */
#header h1.catch {
margin: 5px 0;
font-size: 75%; /* 文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
width: calc(100% - 70px);
min-height: 30px;
}
/* --- キャッチフレーズ内リンク --- */
#header h1.catch a {
color: #000000; /* リンクの文字色 */
text-decoration:none; /* 下線無し */
}

/* --- 問合せの画像 --- */
#header p.contact {
margin: 0;
padding: 0;
position: absolute; /* 絶対配置 */
top: 25px; /* 上からの距離 */
right: 0px; /* 右からの距離 */
}
@media screen and (max-width: 880px){
	#header p.contact {
    right: 70px;
		top: auto;
		bottom: 5%;
	}
}
@media screen and (max-width: 880px){
	#header p.contact {
    text-align: right;
    right: 10px;
		width: 200px;
	}
	#header p.contact img{
		width: 90%;
		height: auto;
	}
}
/* --- オープニングエリア（トップページ） --- */
#header div.opening {
position:relative;
margin: 10px auto;
padding: 0; /* オープニングエリアのパディング（上下、左右） */
width: 880px;
height: 265px;
}
@media screen and (max-width: 880px){
	#header div.opening {
		width: 100%;
		height: auto;
	}
}
/* オープニングエリア内のメイン画像 */
#header div.opening #slider {
margin: 0 auto;
width: 880px;
height: 265px;
display: none;
}
@media screen and (max-width: 880px){
	#header div.opening #slider {
		width: 100%;
		height: 30.34vw;
	}
}
#slider ul, 
#slider li {
margin: 0;
padding: 0;
list-style: none;
}

#slider li {
width: 880px;
height: 265px;
overflow:hidden;
}
@media screen and (max-width: 880px){
	#slider li {
		width: 100vw;
		height: 30.34vw;
	}
	#slider li img{
		width: 100%;
		height: auto;
	}
}

    /* image replacement */
        #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	#prevBtn, #nextBtn { 
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		left:5px;
		top:50%;
		-webkit-transform: translate(0, -50%);
   	transform: translate(0, -50%);
		z-index:1000;
		}	
	#nextBtn { 
		right:5px;
		left: auto;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:30px;
		background:url(../image/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a { 
		background:url(../image/btn_next.png) no-repeat 0 0;	
		}

/* --- ▼ヘッダメニューの設定開始 --- */
/* --- ヘッダメニュー --- */
#header div.nl {
background: #ffffff url(../image/hor_menu6_off.png) repeat-x top; /* ヘッダメニューの背景 */
}
@media screen and (max-width: 880px){
	#header div.nl {
		display: none;
	}
}
/* --- メニュー本体 --- */
#header div.nl ul {
width: 878px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
height: 50px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li {
float: left;
}
/* メニュー1 */
#header div.nl li.menu1 {
width: 147px; /* 項目の幅 */
height: 50px;
background: #ffffff url(../image/menu1_on.png) no-repeat left top; /* ボタン */
}
#header div.nl li.menu1 a {
display:block;
width: 147px; /* 項目の幅 */
height: 50px;
font-size:1px;
line-height:1px;
outline:none;
}
#header div.nl li.menu1 a:hover {
text-indent:-9999px;
}
#header div.nl li.active1 a {
text-indent:-9999px;
}
/* メニュー2 */
#header div.nl li.menu2 {
position: relative;
width: 146px; /* 項目の幅 */
height: 50px;
background: #ffffff url(../image/menu2_on.png) no-repeat left top; /* ボタン */
}
#header div.nl li.menu2 a {
display:block;
width: 146px; /* 項目の幅 */
height: 50px;
font-size:1px;
line-height:1px;
outline:none;
}
#header div.nl li.menu2 a:hover {
text-indent:-9999px;
}
#header div.nl li.active2 a {
text-indent:-9999px;
}
/* メニュー3 */
#header div.nl li.menu3 {
width: 146px; /* 項目の幅 */
height: 50px;
background: #ffffff url(../image/menu3_on.png) no-repeat left top; /* ボタン */
}
#header div.nl li.menu3 a {
display:block;
width: 146px; /* 項目の幅 */
height: 50px;
font-size:1px;
line-height:1px;
outline:none;
}
#header div.nl li.menu3 a:hover {
text-indent:-9999px;
}
#header div.nl li.active3 a {
text-indent:-9999px;
}
/* メニュー4 */
#header div.nl li.menu4 {
width: 146px; /* 項目の幅 */
height: 50px;
background: #ffffff url(../image/menu4_on.png) no-repeat left top; /* ボタン */
}
#header div.nl li.menu4 a {
display:block;
width: 146px; /* 項目の幅 */
height: 50px;
font-size:1px;
line-height:1px;
outline:none;
}
#header div.nl li.menu4 a:hover {
text-indent:-9999px;
}
#header div.nl li.active4 a {
text-indent:-9999px;
}
/* メニュー5 */
#header div.nl li.menu5 {
width: 146px; /* 項目の幅 */
height: 50px;
background: #ffffff url(../image/menu5_on.png) no-repeat left top; /* ボタン */
}
#header div.nl li.menu5 a {
display:block;
width: 146px; /* 項目の幅 */
height: 50px;
font-size:1px;
line-height:1px;
outline:none;
}
#header div.nl li.menu5 a:hover {
text-indent:-9999px;
}
#header div.nl li.active5 a {
text-indent:-9999px;
}
/* メニュー6 */
#header div.nl li.menu6 {
width: 147px; /* 項目の幅 */
height: 50px;
background: #ffffff url(../image/menu6_on.png) no-repeat left top; /* ボタン */
}
#header div.nl li.menu6 a {
display:block;
width: 147px; /* 項目の幅 */
height: 50px;
font-size:1px;
line-height:1px;
outline:none;
}
#header div.nl li.menu6 a:hover {
text-indent:-9999px;
}
#header div.nl li.active6 a {
text-indent:-9999px;
}
/* --- ▲ヘッダメニューの設定終了 --- */

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
margin: 3px 0 0px;
padding: 20px 0 10px; /* コンテンツのパディング（上、左右、下） */
background: #ffffff url(../image/content_back.png) repeat-x 0 -5px; /* コンテンツの上背景 */
}
#content2 {
margin: 0;
padding: 0;
background: url(../image/pageback.png) repeat-y center top; /* コンテツの背景（両サイドの影） */
}

/* --- ▼パンくずリストの設定開始 --- */
/* --- パンくずリスト（下層ページ） --- */
#content div.topicPath {
margin: 0 0 15px;
padding: 7px 2px; /* パンくずリストのパディング（上下、左右） */
}
@media screen and (max-width: 880px){
	#content div.topicPath {
		line-height: 1.5;
	}
}

#content div.topicPath ol {
margin: 0;
padding: 0;
list-style-type: none;
}
/* リスト項目 */
#content div.topicPath li {
display: inline;
}
/* 最初の項目 */
#content div.topicPath li.first {
background: url(../image/home.png) no-repeat left;
padding-left: 23px;
}
/* リンクエリア */
#content div.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}
/* --- ▲パンくずリストの設定終了 --- */


/* --- ▼メインカラム内の設定開始 --- */
/* --- メインカラム --- */
#main {
float: right;
width: 660px; /* メインカラムの幅 */
background: url(../image/ver_separator1.gif) repeat-y 9px 0; /* メインカラムの背景（サイドバーとの区切り線） */
}
@media screen and (max-width: 880px) {
	#main {
		width: 100%;
		float: none;
		background:none
	}
}
/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 2em 20px; /* セクションのマージン（上右下左） */
position: relative;
}
@media screen and (max-width: 880px) {
	#main div.section {
		margin: 0 0 2em 0 /* セクションのマージン（上右下左） */
	}	
	#main div.section img{
		max-width: 100%;
		height: auto;
	}
}
/* --- ▼標準セクションの設定開始 --- */
/* --- 見出しエリア --- */
#main div.normal div.heading {
margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 10px 6px; /* 見出しエリアのパディング */
border-bottom: 1px #b2b2b2 solid; /* 見出しエリアの下線 */
background: #f9f9f9 url(../image/heading_back.png) no-repeat left; /* 見出しエリアの背景 */
}
@media screen and (max-width: 880px){
	#main .title_banner{
		width: 100%;
		height: auto;
	}
}
/* 見出し */
#main div.normal h2 {
margin: 0;
padding: 1px 0 0 22px; /* 見出しのパディング（上右下左） */
font-size: 120%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
}
/* 段落 */
#main div.normal p {
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
line-height: 180%; /* 行の高さ */
}
/* 赤文字 */
#main div.normal strong.red {
color: #ff3300;
font-weight: normal;
}
/* --- ▲標準セクションの設定終了 --- */

/* --- ▼「経営者の方へ」の設定開始 --- */
/* 「経営者の方へ」セクション */
#main div.normal div.main01 {
margin: 0; /* マージン */
padding: 0;
background: url(../image/main01_back.png)  no-repeat right top; /* 背景 */
}

/* 段落 */
#main div.normal p.check {
padding-left: 40px; /* パディング（左） */
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 120%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
background: url(../image/check.png) no-repeat left; /* 背景 */
}
/* 強調文字 */
#main div.normal p.check strong {
color: #ff3300; /* 文字色 */
}
/* --- ▲「経営者の方へ」の設定終了 --- */


/* --- ▼「事務所が選ばれる３つの理由」の設定開始 --- */
/* 段落 */
#main div.normal p.point1 {
padding-left: 40px; /* パディング（左） */
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 120%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
background: url(../image/point1.png) no-repeat 3px; /* 背景 */
}
/* 段落 */
#main div.normal p.point2 {
padding-left: 40px; /* パディング（左） */
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 120%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
background: url(../image/point2.png) no-repeat 3px; /* 背景 */
}
/* 段落 */
#main div.normal p.point3 {
padding-left: 40px; /* パディング（左） */
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 120%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
background: url(../image/point3.png) no-repeat 3px; /* 背景 */
}
/* --- ▲「事務所が選ばれる３つの理由」の設定終了 --- */

/* 「ご予約はこちら」等の段落 */
#main div.normal p.details {
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
color: #0000ff;
font-size: 90%; /* 文字サイズ */
text-align: right;
}
@media screen and (max-width: 880px) {
	#main div.normal p.details {
		width: 70%;
		text-align: left;
	}
	#main div.normal p.details {
		width: 70%;
		text-align: left;
	}
	#main div.normal p.details .detail_line{
		display: block;
	}
}
/* 「出展」等の段落 */
#main div.normal p.details2 {
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 70%; /* 文字サイズ */
text-align: right;
}

/* --- ▼「当事務所の業務方針」の設定開始 --- */
/* 「当事務所の業務方針」セクション */
#main div.normal div.main02 {
margin: 0 0 3px; /* マージン */
padding: 0;
background: url(../image/main03_back.png)  no-repeat right top; /* 背景 */
}
@media screen and (max-width: 880px) {
	#main div.normal div.main02 {
		padding: 5px 0;
		background-size: cover;
	}
}
/* 段落 */
#main div.normal p.point {
padding-left: 40px; /* パディング（左） */
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 120%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
background: url(../image/point.png) no-repeat left; /* 背景 */
}
/* --- ▲「当事務所の業務方針」の設定終了 --- */

/* --- ▼「税務会計デイリーニュース」の設定開始 --- */
#main div.news {
margin-left: 10px;
line-height: 180%; /* 行の高さ */
}
/* --- ▲「税務会計デイリーニュース」の設定終了 --- */

/* --- ▼強調セクション（page1「ミッション」など）の設定開始 --- */
/* 強調セクション（事務所概要ページなど） */
#main div.normal div.main03 {
padding: 0.5em 0;
background: #f2fcdc; /* 背景 */
}
@media screen and (max-width: 880px){
	#main div.normal div.main03 .in_img{
		width: 30%;
		margin: 5px;
	}
}
/* 段落 */
#main div.normal p.emphasis {
font-size: 120%; /* 文字サイズ */
margin: 0 10px 0.5em; /* 段落のマージン（上、左右、下） */
}
/* --- ▲強調セクション（page1「ミッション」など）の設定終了 --- */

/* --- ▼「業務案内」セクション（page2）の設定開始 --- */
/* セクション */
#main div.normal div.main04 {
border: double 3px #22a813;
padding: 0.5em 0;
margin-bottom: 1em;
background: #f8ffe3; /* 背景 */
}
/* 段落 */
#main div.normal div.main04 p.emphasis {
margin: 5px 10px; /* 段落のマージン（上下、左右） */
color: #008000;
}
/* リンク */
#main div.normal div.main04 p.emphasis a {
color: #008000; /* リンク文字色 */
}
#main div.normal div.main04 p.emphasis a:hover {
background-color: #ffe6d5; 
text-decoration:none; /* 下線無し */
}
/* --- ▲「業務案内」セクション（page2）の設定終了 --- */

/* --- ▼「主な地域」セクション（page3）の設定開始 --- */
/* セクションの背景画像 */
#main div.section div.area {
margin: 0 auto; /* マージン */
padding: 0;
background: url(../image/area.png)  no-repeat 220px bottom; /* トップエリアの背景 */
}
/* --- ▲「主な地域」セクション（page3）の設定終了 --- */

/* --- ▼「業務フロー」（page3）の設定開始 --- */
/* --- リストエリア --- */
ol.flow {
width: 500px; /* リストエリアの幅 */
margin: 0 auto;
padding: 0;
list-style-type: none;
}
@media screen and (max-width: 880px){
	ol.flow {
		width: 100%; /* リストエリアの幅 */
	}
}
/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(../image/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}
/* --- ボックス --- */
ol.flow dl {
margin: 0;
}
/* --- タイトルエリア --- */
ol.flow dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background: #ffffff url(../image/maru4_500_top.gif) no-repeat top; /* タイトルエリアの背景 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #404040;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0;
padding: 15px 15px; /* 本文エリアのパディング（上下、左右） */
background: #ffffff url(../image/maru1_500_bottom.gif) no-repeat bottom; /* 本文エリアの背景 */
line-height: 160%;
}
ol.flow dd strong {
color: #ef9610; /* 文字色 */
}
/* --- ▲「業務フロー」（page3）の設定終了 --- */


/* --- ▼「よくあるご質問」（page4）の設定開始 --- */
/* --- リストエリア --- */
#main div.section ol.qa {
width: 620px;
margin: 0 10px 1em;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}
@media screen and (max-width: 880px){
	#main div.section ol.qa {
		width: calc(100% - 20px);
	}
}
/* --- リスト項目 --- */
#main div.section ol.qa li {
padding: 20px 5px 14px; /* リスト項目のパディング（上、左右、下） */
border-bottom: 1px #c0c0c0 dotted; /* リスト項目の下境界線 */
}

/* --- 項目の内容 --- */
#main div.section ol.qa dl {
margin: 0;
}

/* --- Questionエリア --- */
#main div.section ol.qa dt {
margin: 0;
padding: 5px 0 12px 30px; /* Questionエリアのパディング（上右下左） */
background: url(../image/q1.gif) no-repeat left top; /* Questionエリアの背景 */
font-weight: bold;
line-height: 180%;
}

/* --- Answerエリア --- */
#main div.section ol.qa dd {
margin: 0;
padding: 2px 0 6px 30px; /* Answerエリアのパディング（上右下左） */
background: url(../image/a4.gif) no-repeat left top; /* Answerエリアの背景 */
line-height: 180%;
}
/* --- ▲「よくあるご質問」（page4）の設定終了 --- */

/* --- ▼「お問い合せフォーム」（page5）の設定開始 --- */
/* --- 入力エラーメッセージ --- */
#msg {
font-weight: bold;
border:3px solid #dc3900;
color:#dc3900;
font-size:100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding:10px 8px;
width: 600px;
text-align:left;
line-height: 150%;
}
@media screen and (max-width: 880px){
	#msg {
		width: 100%;
	}
}
/* --- フォームエリア --- */
form.contact {
}
/* --- テーブル --- */
form.contact table {
margin: 0 10px 1em; /* 表のマージン（上、左右、下） */
width: 620px; /* 表の幅 */
background-color: #f9f9f9; /* テーブルの背景色 */
border: 1px #c0c0c0 solid; /* テーブルの境界線 */
}
@media screen and (max-width: 880px){
	form.contact table {
		width: calc(100% - 20px);
	}
	form.contact table tr{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	form.contact table th{
		width: calc(100% - 26px);
	}
	form.contact table td{
		width: 100%;
	}
}
/* --- 見出しセル（th） --- */
form.contact th {
width: 140px; /* 見出しセルの幅 */
padding: 6px 8px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 160%;
}
/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
form.contact td {
padding: 6px 8px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
line-height: 160%;
}
/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
color: #808080;
}
/* --- 必須項目セル --- */
form.contact td.required {
width: 26px; /* 必須項目セルの幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}
/* --- 任意項目セル --- */
form.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
width: 26px;
height: 33px;
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address, #tel {
width: 300px; /* フォーム部品の幅 */
}
@media screen and (max-width: 880px){
	#company, #section, #name, #name2,
	#email, #address, #tel {
	width: 100%; /* フォーム部品の幅 */
	}
}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3, #address1,
#fax1, #fax2, #fax3 {
width: 70px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
width: 70px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 100%; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}
/* --- ボタン --- */
form.contact p.button {
margin: 20px 0 0; /* ボタンのマージン（上、左右、下） */
text-align: center;
}
/* --- ▲「お問い合せフォーム」（page5）の設定終了 --- */


/* --- ▼顔写真（page6）の設定開始 --- */
#main div.normal img.photo {
margin: 0 10px;
position: absolute; 
bottom: 0px; 
right: 0px;
}
#main div.normal img.photo_min {
}
@media screen and (max-width: 880px){
	#main div.normal img.photo_min {
		width: 30%;
		height: auto;
		float: left;
		position: relative;
		margin: 5px;
	}
	#main div.normal img.photo_min_r {
		width: 30%;
		height: auto;
		float: right;
		position: relative;
		margin: 5px;
	}
}
#main div.normal img.photo_wide {
}
@media screen and (max-width: 880px){
	#main div.normal img.photo_wide {
		width: 80%;
		height: auto;
		margin: auto;
		display: block;
	}
}
/* --- ▲顔写真（page6）の設定終了 --- */

/* --- ▼インタビュー（page6）の設定開始 --- */
#main div.normal p.question {
padding: 5px 0 5px 30px; /* パディング（上右下左） */
background: url(../image/q1.gif) no-repeat left center; /* 背景 */
}
/* --- ▲インタビュー（page6）の設定終了 --- */

/* --- ▼インタビュー内のテーブル（page6-3）の設定開始 --- */
table.simple,
table.simple td {
border: 1px #cccccc solid;
}
table.simple td {
padding: 3px 15px;
}
/* --- ▲インタビュー内のテーブル（page6-3）の設定終了 --- */

/* --- ▼テーブルの設定開始 --- */
/* --- 表全体 --- */
#main div.normal table.example {
margin: 0 10px 2em; /* 表のマージン（上、左右、下） */
width: 620px; /* 表の幅 */
border: 1px #cccccc solid; /* 大枠の境界線 */
border-collapse: collapse;
}
@media screen and (max-width: 880px){
	#main div.normal table.example {
		width: calc(100% - 20px);
	}
}
/* --- セル --- */
#main div.normal table.example th {
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #cccccc solid; /* セルの境界線 */
text-align: center;
}
/* --- データセル --- */
#main div.normal table.example tbody td {
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #cccccc solid; /* セルの境界線 */
line-height: 180%; 
background-color: #ffffff; /* データセルの背景色 */
text-align: left;
}
/* --- データセル --- */
#main div.normal table.example tbody td.item {
width: 100px;
background-color: #f9f9f9; /* セルの背景 */
text-align: center;
}
/* --- データセル --- */
#main div.normal table.example tbody td.item2 {
width: 100px;
background-color: #f9f9f9; /* セルの背景 */
text-align: left;
}
/* --- データセル --- */
#main div.normal table.example tbody td.item3 {
background-color: #f9f9f9; /* セルの背景 */
text-align: left;
}
/* --- データセル --- */
#main div.normal table.example tbody td.item4 {
background-color: #fffbe5; /* セルの背景 */
text-align: left;
}

/* --- ▲テーブルの設定終了 --- */
/* --- ▼googlemapの設定開始 --- */
@media screen and (max-width: 880px){
	.google_map iframe,
	.map iframe{
		width:100%
	}
	.map{
		text-align: center;
	}
}
/* --- ▲googlemapの設定終了 --- */
/* --- ▼公式ブログの設定開始 --- */
/* 段落 */
#main div.normal p.date1 {
padding: 0;
margin: 0 10px; /* 段落のマージン（上、左右、下） */
font-size: 80%; /* 文字サイズ */
line-height: 100%; /* 行の高さ */
}
/* 段落 */
#main div.normal p.date2 {
padding: 0;
margin: 0 10px; /* 段落のマージン（上、左右、下） */
font-size: 80%; /* 文字サイズ */
line-height: 100%; /* 行の高さ */
text-align: right;
}
/* ページリンク */
p.paging {
text-align: center;
}
/* --- ▲公式ブログの設定終了 --- */
/* --- ▼共通設定開始 --- */
@media screen and (max-width: 880px){
	.sp_center{
		margin: auto;
		text-align: center;
		display: block;
	}
}
/* --- ▲共通設定終了 --- */
/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */
/* --- サイドバー --- */
#nav {
float: right;
width: 220px; /* サイドバーの幅 */
}
@media screen and (max-width: 880px) {
	#nav {
		float: none;
		width: 90%;
		margin: auto;
		line-height: 1.5;
	}
}
/* --- セクション（共通設定） --- */
#nav div.section {
margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#nav div.section h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 4px 6px; /* 見出しのパディング（上下、左右） */
font-size: 105%; /* 見出しの文字サイズ */
}
/* 段落 */
#nav div.section p {
margin: 0 4px 0.6em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
font-size: 90%;
}

/* --- ▼「サブメニュー」の設定開始 --- */
/* --- セクション --- */
#nav div.subMenu {
border-top: 1px #c0c0c0 solid;
}
/* --- 見出しエリア --- */
#nav div.subMenu div.heading {
margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 6px; /* 見出しエリアのパディング */
border-bottom: 1px #b2b2b2 solid; /* 見出しエリアの下線 */
}
/* 見出し */
#nav div.subMenu h2 {
margin: 0; /* 見出しのマージン（上書き） */
padding: 10px; /* 見出しのパディング（上下左右） */
border: 1px #c0c0c0 solid;
font-size: 120%; /* 見出しの文字サイズ */
text-align: center;
line-height: 100%; /* 行の高さ */
background: #f2fcdc url(../image/submenu_back.png) no-repeat top; /* メニューの背景 */
}
/* メニューエリア */
#nav div.subMenu ul.nl,
#go_modal_inner ul.nl {
margin: 0;
padding: 0; /* メニューエリアのパディング（上下左右） */
list-style-type: none;
font-size: 90%;
}
@media screen and (max-width: 880px){
	#go_modal_inner ul.nl {
		padding: 70px 5% 0;
	}
}
/* メニュー項目 */
#nav div.subMenu ul.nl li,
#go_modal_inner ul.nl li {
margin: 0;
border-left: 1px #c0c0c0 solid;
border-right: 1px #c0c0c0 solid;
border-bottom: 1px #c0c0c0 solid;
background: #ffffff url(../image/hor_menu6_off.png) repeat-x center; /* メニューの背景 */
list-style: none;
}
/* リンクエリア */
#nav div.subMenu ul.nl li a,
#go_modal_inner ul.nl li a{
display: block;
position: relative; /* IE6用 */
padding: 12px 5px 12px 35px; /* リンクエリアのパディング（上右下左） */
background: url(../image/ver_menu.png) no-repeat 8px; /* リンクエリアの背景（三角マーク） */
color: #404040; /* 文字色 */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover,
#go_modal_inner ul.nl li a:hover {
text-decoration: none; /* テキストの下線（あり） */
color: #009900;
}
/* --- ▲「サブメニュー」の設定終了 --- */


/* --- オリジナルセクション（バナー画像用） --- */
#nav div.original {
margin-bottom: 10px; /* セクションの下マージン（上書き） */
text-align: center;
}
@media screen and (max-width: 880px){
	#nav div.original img {
		width: 100%;
		height: auto;
	}
}
/* --- ▼「対象地域」の設定開始 --- */
/* --- セクション --- */
#nav div.normal {
padding: 2px; /* セクションのパディング */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.normal h2 {
background-color: #e9e9e9; /* 見出しの背景色 */
padding: 10px;
text-align: center;
}
/* 背景画像 */
#nav div.section div.area {
margin: 0; /* マージン */
padding: 0;
background: url(../image/area.png)  no-repeat right center; /* トップエリアの背景 */
}
/* --- ▲「対象地域」の設定終了 --- */

/* Google地図 */
#nav div.section div.map {
margin: 0; /* マージン */
padding: 0;
text-align: center;
}

/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}
/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer {
padding: 40px 0 10px; /* フッタのパディング（上、左右、下） */
background-color: #f2fcdc; /* フッタの背景色 */
font-size: 90%;
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 7px 0 11px; /* 項目のパディング（上、右、下、左） */
background: url(../image/menu_triangle1.gif) no-repeat 0 0.2em; /* 項目の背景（区切り線） */
display: inline;
}
@media screen and (max-width: 880px) {
	#footer ul.nl li {
		line-height: 2;
	}
}
#footer ul.nl li a {
color: #000000; /* 文字色 */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 20px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
margin-top: 30px;
font-style: normal;
text-align: center;
line-height: 140%; /* 行の高さ */
}
/* --- アドレス・コピーライト内リンク --- */
#footer address a {
color: #000000; /* リンク文字色 */
text-decoration:none; /* 下線無し */
}
/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* --- ▲その他の設定終了 --- */

/* --- ▼モーダル設定開始 --- */
/*スクロールバー関連*/
.go_scrollbar_y_on {
  overflow-y: scroll; 
}
.go_nonscrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none; 
}
.go_nonscrollbar::-webkit-scrollbar {
  display: none; 
}
/*ボタン*/
.go_menu_button {
  z-index: 10020;
  width: auto;
  height: auto;
  margin: 0;
  position: fixed;
  top: 10px;
  right: 5px;
  padding: 1%;
  background-color:transparent;
	display: none; 
}
@media screen and (max-width: 880px) {
  .go_menu_button {
    display: block;
		background: rgba(255,255,255,0.5);
    border-radius: 5px;
  } 
}
.go_menu_button a {
  z-index: 10030;
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative; 
  display: block;
}
.go_menu_line1,
.go_menu_line2,
.go_menu_line3 {
  left: 0;
  width: 100%;
  height: 10%;
  background-color: #000;
  transition-duration: 1s;
  border-radius: 8px;
  position: absolute; 
}
.go_menu_line1 {
  top: 10%; 
}
.go_menu_line2 {
  top: 45%; 
}
.go_menu_line3 {
  bottom: 10%; 
}
a.go_modal_close > .go_menu_line1 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); 
  top: 45%;
}
a.go_modal_close > .go_menu_line2 {
  opacity: 0; 
}
a.go_modal_close > .go_menu_line3 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
  bottom: 45%;
}
.go_menu_content,
#header .nl{
  display: block; 
}
@media screen and (max-width: 880px) {
  .go_menu_content,
	#header .nl {
    display: none; 
  } 
}
.go_modal_fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#go_modal_overlay {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(200,200,200,0.5);
  -ms-overflow-style: none;
  scrollbar-width: none; 
  overflow-y: scroll;
}
#go_modal_overlay::-webkit-scrollbar {
  display: none; 
}
#go_modal_inner{
  z-index: 10000;
	height: auto;
	margin-left: auto;
	width: 60%;
  min-width: 300px;
	padding-bottom: 5%;
	background: rgba(0,0,0,0.5);
}
#go_modal_inner .clearFix{
	padding: 70px 0 0;
  margin: 0;
	list-style: none;
}
#go_modal_inner .clearFix a{
	width: 100%;
	display: block;
	text-align: center;
}
#go_modal_inner .clearFix img{
	width: 80%;
	height: auto;
	margin: auto;
	max-width: 200px;
}
#go_modal_inner .go_menu_content{
  display: block;
  background-color: #E0F8E6;
  
}
/* --- ▲モーダル設定終了 --- */