@charset "utf-8";

@media screen and (min-width: 768px) {
/* 表示領域が768px以上970px以下の場合に適用するスタイル */	
html {
    overflow-y: scroll;
	font-size: 16px;}
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
html {
    overflow-y: scroll;
	font-size: 14px;}
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, header, address, figure, figcaption {
    margin: 0;
    padding: 0;}

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


input.wpcf7c-conf, textarea.wpcf7c-conf {
    background: #eee !important;
    border: solid 1px #eee;
    color: #666;
}

.scrollable-table table {
	overflow-x: auto;
	border-left: solid 2px #009999;
	width: 100%;
	margin: 0 auto 10px;
	border-collapse: collapse;
	border-spacing:0;}

.scrollable-table td {
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #ccc;}

.scrollable-table th {
	background: #ffc;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #ccc;}

@media screen and (max-width: 867px) {

.scrollable-table table {
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;}
 
.scrollable-table table tbody {
	width: 100%;
	display:table;}
 	
/*tableにスクロールバーを追加*/
.scrollable-table table::-webkit-scrollbar {
	height: 5px;}
 
/*tableにスクロールバーを追加*/
.scrollable-table table::-webkit-scrollbar-track {
	background: #F1F1F1;}
 
/*tableにスクロールバーを追加*/
.scrollable-table table::-webkit-scrollbar-thumb {
	background: #BCBCBC;}
	
}

/*---------------------------------------------
	LINK
  ---------------------------------------------*/
a:link {color:#292729; text-decoration: none;} /*未訪問のリンクの色*/
a:visited {color:#292729; text-decoration: none;} /*訪問済みのリンクの色*/
a:hover {color:#999999; text-decoration: none;} /*カーソルが乗っているリンクの色*/
a:active {color:#999999; text-decoration: none;} /*クリック中のリンクの色*/
a:focus, *:focus { outline-style:none; }


/*---------------------------------------------
	body
  ---------------------------------------------*/
body {
    color: #292729;}

/*---------------------------------------------
	ALL
  ---------------------------------------------*/

p {text-justify: inter-ideograph;}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 0;
	text-rendering: optimizeLegibility;}

small {
	font-size: 75%;}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic}

.ue10    { margin-top: 10px}
.ue15    { margin-top: 15px}
.ue20    { margin-top: 20px}
.ue30    { margin-top: 30px}
.ue40    { margin-top: 40px}
.ue50    { margin-top: 50px}
.ue60    { margin-top: 60px}
.ue70    { margin-top: 70px}
.ue80    { margin-top: 80px}
.ue100   { margin-top: 100px}

.ue-5    { margin-top: -5px}
.ue-10   { margin-top: -10px}
.ue-20   { margin-top: -20px}
.ue-30   { margin-top: -30px}
.ue-50   { margin-top: -50px}
.sita8  { margin-bottom: 8px;}
.sita10  { margin-bottom: 10px;}
.sita20  { margin-bottom: 20px;}
.sita30  { margin-bottom: 30px;}

.sita-20 { margin-bottom: -20px;}
.sita-25 { margin-bottom: -25px;}

.migi5 {margin-right: 5px}
.migi10 {margin-right: 10px}
.migi15 {margin-right: 15px}

.hidari5 {margin-left: 5px}
.hidari10 {margin-left: 10px}
.hidari20 {margin-left: 20px}
.hidari35 {margin-left: 35px}

/* margin ◇ ------------------------------*/
.mt05   { margin-top: 5px;}
.mt10   { margin-top: 10px;}
.mt15   { margin-top: 15px;}
.mt20   { margin-top: 20px;}
.mt30   { margin-top: 30px;}
.mt40   { margin-top: 40px;}
.mt50   { margin-top: 50px;}
.mt60   { margin-top: 60px;}
.mt70   { margin-top: 70px;}
.mt80   { margin-top: 80px;}
.mt90   { margin-top: 90px;}
.mt100   { margin-top:100px;}
.mt120   { margin-top: 120px;}
.mb05   { margin-bottom: 5px;}
.mb10   { margin-bottom: 10px;}
.mb15   { margin-bottom: 15px;}
.mb20   { margin-bottom: 20px;}
.mb30   { margin-bottom: 30px;}
.mb40   { margin-bottom: 40px;}
.mb50   { margin-bottom: 50px;}
.mb60   { margin-bottom: 60px;}
.mb70   { margin-bottom: 70px;}
.mb80   { margin-bottom: 80px;}
.mb90   { margin-bottom: 90px;}
.mb100   { margin-bottom: 100px;}

.mr05   {margin-right: 5px;}
.mr10   {margin-right: 10px;}
.mr15   {margin-right: 15px;}
.mr20   {margin-right: 20px;}

.ml05   {margin-left: 5px;}
.ml10   {margin-left: 10px;}
.ml15   {margin-left: 15px;}
.ml20   {margin-left: 20px;}

/* ガター幅（余白）を調整 ◇ ------------------------------*/
.row-0   { margin-left:0px; margin-right:0px;} .row-0>div  { padding-right:0px; padding-left:0px;}
.row-10  { margin-left:-5px; margin-right:-5px;} .row-10>div { padding-right:5px; padding-left:5px;}
.row-20  { margin-left:-10px; margin-right:-10px;} .row-20>div { padding-right:10px; padding-left:10px;}
.row-30  { margin-left:-15px; margin-right:-15px;} .row-30>div { padding-right:15px; padding-left:15px;}
.row-40  { margin-left:-20px; margin-right:-20px;} .row-40>div { padding-right:20px; padding-left:20px;}
.row-50  { margin-left:-25px; margin-right:-25px;} .row-50>div { padding-right:25px; padding-left:25px;}
.row-60  { margin-left:-30px; margin-right:-30px;} .row-60>div { padding-right:30px; padding-left:30px;}



/* ------------------------
  Components
------------------------ */

.cloud{
	background: url(../images/common/fot/illust_cloud.gif) center bottom repeat-x;}

.inner {
	margin: 0 auto;
	max-width: 1100px;
	padding: 0 15px;}
.inner_top {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 15px;}
.inner_top_hed {
	margin: -10px auto 20px;
	max-width: 1000px;
	padding: 0 15px;}

@media screen and (min-width: 768px) and (max-width: 991px) {/* MDの場合に適用 */
	.inner_md{
		padding:0 120px;}
}

@media screen and (min-width:935px) {/* 935以上の場合 */
    .hed_None935u{display: none;}/* ★を消す */
}

@media screen and (max-width: 934px) {/* 935以下の場合 */
    .hed_None935d{display: none;}/* ■を消す */
.inner_top_hed {
	margin: -10px auto 20px;
	max-width: 1000px;
	padding: 0 0px;}
}

/*---------------------------------------------
	ヘッダー
  ---------------------------------------------*/

h1.main_title{display:inline;}
h2.hed_tel {margin-top:8px; font-size:1.9rem; font-family:'Trebuchet MS', -apple-system , sans-serif;}
p.hed_time {margin-top:-13px; letter-spacing:0.1em; font-family: 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.android h2.hed_tel {margin-top:8px; letter-spacing:0.06em;}
.android p.hed_time {margin-top:-13px; letter-spacing:0.07em;}
.ipad h2.hed_tel {margin-top:8px; letter-spacing:0.01em;}

.hed_a_box{float:left;}
.right_menu_box{float:right; width:530px;}

/*----　ヘッダー右メニュー　----*/

#hed_menubox_ab>ul {
    display: flex;
	justify-content: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;}

#hed_menubox_ab>ul>li {
    width: 150px;
    position: relative;}

#hed_menubox_ab>ul>li>a {
    display: block;
    padding: 1.5em 1em;
	font-weight:bold;
    color: #fff;
    text-decoration: none;
    text-align: center;}

.hed_menubox_ab_green{ background:#009999; color:#fff; }
.hed_menubox_ab_red{ background:#e95551; color:#fff }

#hed_menubox_cde>ul {
	font-size:90%;
    display: flex;
	justify-content: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;}

#hed_menubox_cde>ul>li {
    width: 100px;
    position: relative;}

#hed_menubox_cde>ul>li:not(:first-child)::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    border-left: 1px solid #fff;}

#hed_menubox_cde>ul>li>a {
	background: #dddddd;
    display: block;
    padding: 1em 0.5em;
	font-weight:bold;
    color: #262224;
    text-decoration: none;
    text-align: center;}

/*----　検索ボックス　----*/

#sbox_sh input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
   -webkit-appearance: none;
   border-radius: 0;}

@media screen and (max-width: 934px) {/* 934以下の場合 */
#form_sh{
	position:absolute; left: 50%;
	margin-left:-108px;}
#sbox_sh{
	height:40px;
	padding:0 8px; 
	position:absolute; 
	left:0;
	top:0; 
	border:0px ;
	background:#fff;
	max-width:180px;}
#sbtn_sh{
	height:40px;
	width:40px;	
	position:absolute; 
	background:#fff;
	left:175px; 
	top:0;
	color:#262224;
	border:none;}
#sbtn_sh .oi-magnifying-glass{
	font-size:120%;	
	position:absolute;
	top:24%;
	left:26%; }
#sbtn_sh:hover{color:#888;} 
}

@media screen and (min-width:935px) {/* 935以上の場合 */
#form_sh{position:relative; margin-top:13px;}
#sbox_sh{
	height:40px;
	padding:0 8px; 
	position:absolute; 
	left:0;
	top:0; 
	border:0px ;
	background:#ddd;
	max-width:168px;}
#sbtn_sh{
	height:40px;
	width:40px;	
	position:absolute; 
	background:#ddd;
	left:162px; 
	top:0;
	color:#262224;
	border:none;}
#sbtn_sh .oi-magnifying-glass{
	font-size:120%;	
	position:absolute;
	top:24%;
	left:26%; }
#sbtn_sh:hover{color:#888;}
}


/*----　ヘッダー下メニュー　----*/

#hed_menubox_main>ul {
	font-size:120%;
    display: flex;
	justify-content: center;
    padding: 0;
    margin: 20px 0 -15px 0;
    list-style: none;}

#hed_menubox_main>ul>li {
    position: relative;
 	white-space: nowrap;
	line-height:36px;
	text-indent:30px;
	margin:0 10px;}

#hed_menubox_main>ul>li>a {
    display: block;
    padding: 1em 0.5em;
	font-weight:bold;
    color: #262224;
    text-decoration: none;
    text-align: center;}

.icon1:before {
	position:absolute;
	left:0;
	top:18px;
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../images/common/hed/menubox_icon1.gif) no-repeat;
	background-size:contain;}

.icon2:before {
	position:absolute;
	left:0;
	top:18px;
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../images/common/hed/menubox_icon2.gif) no-repeat;
	background-size:contain;}

.icon3:before {
	position:absolute;
	left:0;
	top:18px;
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../images/common/hed/menubox_icon3.gif) no-repeat;
	background-size:contain;}

.icon4:before {
	position:absolute;
	left:0;
	top:18px;
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../images/common/hed/menubox_icon4.gif) no-repeat;
	background-size:contain;}

.icon5:before {
	position:absolute;
	left:0;
	top:18px;
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../images/common/hed/menubox_icon5.gif) no-repeat;
	background-size:contain;}

/*---------------------------------------------
	フッター
  ---------------------------------------------*/
.fot_txt00{
	font-weight:bold;
	font-size:100%;
	margin-bottom:-5px;
}
.fot_txt01{
	font-weight:bold;
	font-size:150%;
	margin-bottom:5px;
}
@media screen and (max-width: 767px) {/* 767以下の場合 */
.footer-image{
	position: absolute;
	background: url(../images/common/fot/llust1s.png) no-repeat center top;
	width:100%;
	height:198px;
	z-index: 3;
	margin:0 auto;}
.footer {
	padding:140px 0 0 0;
	margin-top:0px;
	z-index: 2;
	overflow: hidden;}
.sitemap {
	background-image: url(../images/common/fot/bg_g.gif) ;
	padding: 70px 0 120px 0;
	min-height: 350px;
	border-top-right-radius: 3000px 300px;
	border-top-left-radius: 3000px 300px;
	margin: 0 -200px 0 -200px;
	padding-left: 200px;
	padding-right: 200px;}
.add {
	padding:25px 200px 70px 200px;
	text-align: center;
	font-size:85%;
	background:#fbdccd;
	min-height: 300px;
	border-top-right-radius: 3000px 300px;
	border-top-left-radius: 3000px 300px;
	margin: -100px -200px 0 -200px;}
}

@media screen and (min-width:768px) {/* 768以上の場合 */
.footer-image{
	position: absolute;
	background: url(../images/common/fot/llust1.png) no-repeat center bottom;
	width:100%;
	height:198px;
	z-index: 3;
	margin:0 auto;}
.footer {
	padding:140px 0 0 0;
	margin-top:-60px;
	z-index: 2;
	overflow: hidden;}
.sitemap {
	background-image: url(../images/common/fot/bg_g.gif) ;
	padding: 140px 0 120px 0;
	min-height: 350px;
	border-top-right-radius: 3000px 300px;
	border-top-left-radius: 3000px 300px;
	margin: 0 -200px 0 -200px;
	padding-left: 200px;
	padding-right: 200px;}
.add {
	padding:25px 200px 10px 200px;
	text-align: center;
	font-size:85%;
	background:#fbdccd;
	min-height: 300px;
	border-top-right-radius: 3000px 300px;
	border-top-left-radius: 3000px 300px;
	margin: -100px -200px 0 -200px;}
}


.row-sitemap{
	font-size:75%;}
#sitemap_list a {
	text-decoration:underline;}
#sitemap_list>ul {
	line-height:2.2em;
	list-style: none;}

#sitemap_list>ul>li {}
#sitemap_list>ul>li>a {}

.footer .row-sitemap h5{
	margin: 0 0 20px 0;
	letter-spacing:0.05em;
	position: relative;}

.footer .row-sitemap h5:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #000;
	bottom:-10px;
	width: 25%;}
.sitemap_title{
	font-size:150%;
	font-weight:bold;
	margin: 0 0 20px 0;
	letter-spacing:0.05em;
	position: relative;}

.sitemap_title:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #000;
	bottom:-10px;
	width: 25%;}
.footer .add h6 {
	margin-top:10px;}

.footer .add h5 {
	margin-top:-5px;}

.footer .copyright {
	display: block;
	overflow: hidden; 
	margin: 26px auto 0;
	width: 300px;
	height: 30px;
	white-space: nowrap;}

.fot_md_box{text-align:center;}
.fot_md_box_txt{padding:60px 0 0 0;}

#footerbar {
	padding:0 10px;
    z-index: 5;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #fbdccd;
    color: white; }

#footerbar a {color: #fff;}

.row-footspmenu {
   	text-align: center;
   	letter-spacing: 0em;
   	font-size: 11px;}
	
.row-footspmenu  > [class*="col-"] {
	padding:8px 0;}
	
.row-footspmenu p {
   	text-align: center;
	margin-top:3px;}


/*---------------------------------------------
	ページャー
  ---------------------------------------------*/

#pagenation:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}

#pagenation #pagenation-list li{
	float: left;
	background: none;
	list-style: none;
	padding: 0;
	margin: 10px 7px 50px 0;}

#pagenation #pagenation-list li:last-child{
	margin-left: 0;}

#pagenation #pagenation-list a,#pagenation #pagenation-list span{
	background: none;
	display: block;
	margin: 0;
	padding: 7px 14px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;}

#pagenation #pagenation-list .current{
	background: #CCEBEB;
	color: #009999;}

#pagenation #pagenation-list .omit{
	padding: 7px 2px;
	color: #777777;}

#pagenation #pagenation-list li a{
	background: #999999;
	color: #FFFFFF;
	text-decoration: none;}

#pagenation #pagenation-list a:hover{
	background: #009999;
	color: #FFFFFF;
	text-decoration: none;}



/*---------------------------------------------
	スムーズスクロール
  ---------------------------------------------*/

#page-top {
    position: fixed;/*ボタンの配置場所を固定*/
    bottom: 20px;/*下からのボタンの配置場所を指定*/
    right: 20px;/*右からのボタンの配置場所を指定*/
    font-size: 80%;
    line-height:150%;
	z-index: 999;}
 
#page-top a {
    display: block;/*配置の調整*/
    background: #ff8c00;
    color: #fff;
    width: 110px;
    padding: 25px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;}
 
#page-top a:hover {
    background: #999;/*マウスオーバー時の背景色*/
    text-decoration: none;}