@charset "utf-8";
/*
Template: Yajima
Theme Name: Yajima-childのテーマ
Version: 4.0.4
*/
/*--------------------------------------------------------------
 common
--------------------------------------------------------------*/
/** ▼font **/
/*画面幅320pxのときは基準のフォントサイズを10pxとし、ルートより下ではremを使っていく*/
html {font-size: 62.5% ;}
/* body 要素のフォントサイズを指定（10px にならないように） */
body {
	font-size: 16px;
	font-size: 1.6rem;  /* 14px は 1.4rem */
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	line-height:2;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}
/** ▼youtubeレスポンシブ **/
.video{
  position:relative;
  width:100%;
  /*padding-top:56.25%;*/
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/** ▼ACF googlemap **/
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	/*margin: 20px 0;*/
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
/** ▼loding **/

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loading {
  /*display: none;*/
	width: 100%;
  position: fixed;
  top: 50%;
  /*left: 50%;*/
  /*width: 200px;
  height: 200px;*/
  text-align: center;
  color: #fff;
  z-index: 2;
}
/** ▼見出し **/
h1,h1.wid_h1{
	/*background-image: url(img/taitle_yellow.png);
	background-repeat: no-repeat;
	background-position: bottom center;*/
	text-align: center;
	padding-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
h2,
h2.wid_h2/*通常*/{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:22px;
	font-weight: bold;
	line-height:1.5;
	letter-spacing: 5px;

color: #fff;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
background: #6cbba8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 15px ;/*左側の角を丸く*/
	padding-left: 1.5em;
	text-indent: -1.2em;
}
h2:before,h2.wid_h2:before{
	content: '●';
	color: white;
	margin-right: 8px;
}
h2:first-letter,h2.wid_h2:first-letter {
 /*color:#d70029;*//*最初の文字色を変更*/
}
h2 a:hover{text-decoration: none;}
/** home **/
#home h2{
	text-align: center;
	border-bottom: none;
	background: inherit;

	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	line-height:1.5;
	letter-spacing: 5px;
	color: #4c4c4c;
	padding:20px 0;
	text-indent:0;
}
#home h2:before{
	content:none;
}
#home h2 span{
	color: #4c4c4c;
	font-size: 18px;
    letter-spacing: 2px;
}
/** archive,category **/
.archive h2,.category h2{
	padding: 10px;
	font-size: 16px;
}

h3,h3.wid_h3{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #1977b9;
	font-size:22px;
	font-weight: bold;
	/*padding-bottom: 10px;*/
	margin: 0px;
	line-height:1.5;
	/*border-bottom: 1px solid #2d2d2d;*/
}

h3 a{color: #4b4b4b;}
h3 a:hover{
	/*color: #40b1a9;*/
	text-decoration: none;}
/**/
ul li h3{
	font-size: 14px;
}

/** home **/
h2.home_h {
	border-bottom: none;
	background: none;
}

h4.home_h a{
	color: #fc6365;}
/** category **/
.category h2{
	margin-bottom: 20px;
}

a{color: #5a5959;
}
a:hover{color: #058ec0;}

h2.wid_h2,h3.wid_h3{margin-bottom: 0;}

body{color: #666;}
/*--------------------------------------------------------------
 normalize
--------------------------------------------------------------*/
/** ▼display **/
.block{display:block;}
.table{display:table;}
.flex/*,.sp-flex*/{display:flex;}


.inline{display:inline;}
.inline-block{display:inline-block;}
.inline-flex{display:inline-flex;}
.inline-grid{display:inline-grid;}
.both{clear:both;}

/* flex要素 */
.flex-wrap{flex-wrap:wrap;}/*子要素を折り返し、複数行に上から下へ並べる*/
.flex-end{justify-content: flex-end;}/*親要素の終点から配置。下揃え。*/
.space-between{justify-content: space-between;}/*最初と最後の子要素を上下の端に配置、残りは均等に間隔をあけて配置*/
.space-around{justify-content:space-around;}/*両端の子要素も含め、均等に間隔をあけて配置*/
.flex-center{justify-content:center;}/*親要素の終点から配置。下揃え。*/

/** float **/
.right{float:right;}
.left{float: left;}
/** ▼中央寄せ **/
.text-center{ text-align:center !important;}
.text-right{text-align:right !important;}
.text-left{text-align: left !important;}
.center,
.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.m-center{
	margin-left:auto;
	margin-right:auto;
}
/** ▼要素の高さを揃える **/
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}
/** ▼余白 **/
.pd-0{padding:0 !important;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pr-5{padding-right:5px;}
.pl-5{padding-left:5px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.prl-20{padding:0 20px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}

.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mb-0{margin-bottom:0 !important;}
.mb-10{margin-bottom:10px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-70{margin-bottom:70px !important;}
.mb-80{margin-bottom:80px !important;}
.mb-100{margin-bottom:100px !important;}


.mrl-10{margin-left:10px; margin-right:10px;}


/** ▼width height **/
.w100{width: 100% !important;}

/* リストの先頭に何もつけない */
ul{
	margin:0;
	list-style-type:none;
}
ul li{
	list-style-type:none;
}
	
/** ▼装飾 **/
.bold{font-weight:bold;}

/** ▼img **/
img{
	max-width:100%;
    height: auto;
	-ms-interpolation-mode: bicubic;
	border-radius:4px;/*まるく*/ 
}
/* 高さに合わせてリサイズ、はみ出た分をトリミング */
img.trim325{
	width:325px;
	height:195px;
 	object-fit: cover;
}
img.trim290{
	width:290px;
	height:200px;
 	object-fit: cover;
}
img.trim170{
	width:170px;
	height:110px;
 	object-fit: cover;
}
img.trim360{
	max-width:360px;
	max-height:240px;
	width:100%;
	height:100%;
 	object-fit: cover;
}
/*スタッフstaff*/
.staff ul li img{
	/*display: inline-block;*/
	width: 150px;
	height: 150px;
	/*max-width: 300px;
	max-height: 300px;*/
	border-radius: 50%;
	background-position: center center;
	object-fit: cover;
}
/* ▼color */
.bg-fff{background: #fff;}

.bl{color:#000;}
/* ▼hover フェード */
a img:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/** ▼scloll **/
/*reset*/
.section-index.fadeUpIn{
	animation: fadeUpIn ;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
/*--------------------------------------------------------------
 list/table
--------------------------------------------------------------*/
/** ▼dlリスト common **/
dl,dt,dd {
	margin: 0;
	padding: 0;
}
dt,dd{
}
/* dl-box */
dl{
	/*background: #e7e7e7;*/
	border-bottom: 1px solid #04adea;
	/*border-bottom: 1px dashed #c9c9c9;*/
	width: 100%;
}
dl dt,
dl dd {
	padding: 10px;
	border-top: 1px solid #04adea;
	/*border-top: 1px dashed #c9c9c9;*/
}
dl dt:first-child,
dl dt:first-child + dd{border-top:none;}
dl dd {
	/*background: #fff;*/
}
/**上記の装飾打消し **/
.dl_none{
	border: none;
	background: none;
}
dl.dl_none dt,
dl.dl_none dd {	
	border: none;
	background: none;
	padding:5px 0;
}
/*--------------------------------------------------------------
 table/tablepress
--------------------------------------------------------------*/
/** ▼通常 **/
/* デフォルトのborderを消す */
.tablepress td{
	/*border-left:none !important;
	border-top:none !important;*/
}
table .tablepress{
	width:100%;
}
/* th見出しcolor */
.tablepress tfoot th, .tablepress thead th{
	background: #66cccc;
	/*color: #fff;*/
}
.tablepress th,
.tablepress td{
	border: 1px solid #1977b9 !important; 
}

.tablepress td{
	padding: 10px;
	/*border-bottom: 1px solid #ccc; */
}
.tablepress tbody tr:first-child td{border-top: solid;}
/* bg color */
.tablepress .odd td,.tablepress .even td{background: none;}
/*hover color*/
.tablepress .row-hover tr:hover td{
	background-color:rgba(195, 225, 247,0.4) !important;
}
/* 1列目が見出しのとき */
.tablepress tbody td.column-1{
	font-weight:bold;
	background:#c3e1f7;
	color: #2d2d2d;
}
.tablepress tbody td.column-2 {
	/*color:#716442;*/
}
/** シリーズ **/
.tablepress.series tbody td{
	text-align: right;
}
.tablepress.series tbody td.column-1{
	text-align: left;
}
/* 共通 */
.tablepress thead th{text-align: center;}
.tablepress tbody td div{
	text-align: right;
}
.tablepress tbody td span{
	font-weight: normal;
}
/* top */

/*--------------------------------------------------------------
 全体
--------------------------------------------------------------*/
/** ▼ **/
article{
	/*アニメーション*/
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;

}
#container{	
	clear: both;
	/*margin-bottom:50px;*/
}
/*--------------------------------------------------------------
 ページャー
--------------------------------------------------------------*/
#nav-below .nav-previous,
#nav-below .nav-next{
	background: #1977b9;
	padding: 10px 30px;
	margin: 10px 0;
}
#nav-below .nav-previous a,
#nav-below .nav-next a{
	color: #fff;
}
.wp-pagenavi {
	clear: both;
	text-align:center;
 
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	color: #fff;
	background-color: #058ec0;
	/*border: solid 1px #ccc;*/
	padding: 7px;
	margin: 0 1px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#57c3ea; 
    border-color:#6ad7ab;
    }
.wp-pagenavi span.current{
	color: #2d2d2d;
	background-color: #fff;
	/*border-color: #d70029;*/
	font-weight: bold;
    }
.wp-pagenavi .extend{display: none;}
/*--------------------------------------------------------------
 header
--------------------------------------------------------------*/
#header{
	/*border-top:15px solid #40b1a9;
	padding-top: 10px;*/
}
/** ▼ logo  **/
.logo h1{
	margin: 0 auto;
	background: none;
	/*padding-top: 25px;*/
	padding-bottom: 0;
}
.logo h1 span{
	font-size:14px;
	font-weight: normal;
}
/** ▼ 右側  **/
.h_r{
	background: #57c3ea;
	border-radius: 4px;
	padding: 10px;
}
/** ウィジェット **/
.header_wid{
	color: #fff;
	font-weight: bold;
}

.h_r img{
	/*margin-top: -10px;*/
	width: auto;
}
.h_r p{
	text-align:center;
}
.h_r p.tel{
	font-size: 24px;
}
/** ▼nav **/
#header nav ul li{
	font-weight: bold;
}
#header nav ul li a{
	/*color: #fff;*/
	font-size: 1.5rem;
}
#header nav ul li a{
    padding-top: 10px;
}
/*#header nav ul .nav1 a{background: url(img/header/icon_1.png) no-repeat left;}
#header nav ul .nav4 a{background: url(img/header/icon_4.png) no-repeat left;}*/

#header nav ul li a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
#header nav ul li a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #058ec0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
#header nav ul li a:hover::after {
	text-decoration: none;
	transform: scale(1, 1);
}

/** ▼ モーダル  **/
.modal-menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	z-index: 999;
}

.modal-menu ul {
    display: table-cell;
    vertical-align: middle;
}

.modal-menu li {
    /*width: 300px;
    height: 80px;
    line-height: 80px;*/
    margin: 0 auto;
    text-align: center;
}
/* ボタン */
.modal-menu li a {
    display: block;
   width: 100%;
    color: #fff;
	/*background: #66cccc;*/
}

.modal-menu li a:hover {
    color: #999;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .modal-menu {
    cursor: url(../images/cross.svg),auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}
/*--------------------------------------------------------------
 footer
--------------------------------------------------------------*/
#footer{
	background: #666;
	color: #fff;
	clear: both;
}
#footer a{}
/** ▼footerエリア **/
.footer_content{
	padding:30px 0;
}
#footer .logo{
	margin:0 auto;
}
/* メニュー */
#menu-footer-menu li{padding: 5px 0;}
#menu-footer-menu a{
	color: #fff;
	/*display: flex;
	justify-content: space-between;*/
}
.foot_btn{display:flex;}
.foot_btn a{
	background:#fff;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
    border-radius: 5px;
	width: 45%;
}


/** fmenu1 **/
.fmenu1 .sub-menu li::before{
	content: '-';
	/*position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 100%;
    left: 50%;
	border-top: 15px solid #1977B9;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	margin-left: -15px;*/
}

/** menu2 **/
.fmenu2{width: 100%;}
.fmenu2 ul li:before
/*#footer_content .fmenu2 ul li:before*/{
	/*font-family: "dashicons";
	content: "\f345";
	color:#d70029;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	margin-right: 1em;
	padding: 2px;*/
}
#footer_content .fmenu2 ul li .sub-menu li :before{
	font-family: "dashicons";
	content: "\f345";
	color:#fff;
	/*background: #fff;*/
	/*border-radius: 50%;*/
	text-align: center;
	margin-right: 1em;
	padding: 2px;
}
#footer_content .fmenu2:nth-child(2){
	margin:0 20px;
}
.fmenu2 ul li{
	margin:0 20px 10px 0;}
/** copyright **/
#copyright{
	background: #444;
	/*border-top:2px solid #fff;*/
	color: #fff;
	padding: 10px;
}
/*--------------------------------------------------------------
 home
--------------------------------------------------------------*/
/** ▼メイン画像 **/
/** 画像 **/
.main_slider .slider-img{
    background-position: center;
    background-size: cover;
	/*display: -webkit-box;*/
}
/** ボタン **/
.main_slider ul{
}
.main_slider ul li img{}
/** ▼common **/

/** ▼事業案内 **/
.welcome{
	margin-bottom:130px;
	background: url(img/top/top_annai_back.png) no-repeat center;
}
.welcome ul li {
	text-align:center;
	margin-bottom:50px;
}
/* 画像 */
.welcome ul li img.nt1{
	padding:15px 0;
}
.welcome ul li p{
	margin-bottom:20px;
}
.welcome .top_btn{
	width: auto !important;
	margin: inherit;
}
.top_btn{
	background: #058ec0;
	font-size: 1.8rem;
	/*border-radius: 5px;*/
	padding: 10px;
	width: 100%;
	display:block;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
.top_btn:after {
    font-family: "dashicons";
    content: "\f345";
	/*background :#fff;   
    border-radius: 50%;*/
    text-align: center;
    margin-left: 1em;
    padding: 2px;
	color:#fff;
}
.top_btn:hover {color: #fff;}
/** ▼取り組み **/
.concept{
	background:url(img/top/top_concept_back.png) no-repeat center;
	height:793px;
	padding: 50px 0;
}
/** bg:fff **/
.concept .wrap{
	background:#fff;
	padding:50px;
	position: relative;
    top: 25%;
	text-align:center;
}
/** テキストを浮かせる **/
/*.concept ul li{
	 position: relative;
}
.concept ul li .att_txt{
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	text-align: center;
	width: 90%;
}
.concept ul li .att_txt h3{color: #fff;}
.concept ul li img {
  width: 100%;
  }*/
  
/** ▼問合せ **/
.info_box{margin:100px 0;}
.info_box div{
	background:url(img/top/top_contact_back.png) no-repeat center;
 	color:#fff;
	height: 163px;
    text-align: center;
    padding: 20px;
}
.info_box div h3{
	color:#fff;
}
.info_box div .tel{
	font-size:20px;
	color:#fbc846;
	font-weight:bold;
}
  
  

/*--------------------------------------------------------------
 page
--------------------------------------------------------------*/
/* コンテンツ内 */
.page-wrap {
	background: none;
}

/** ▼見出しタイトル **/
.title{
	background: url(img/h1_backimg.jpg) no-repeat ;/*fixed*/
	background-size: cover;
	/*background:#40b1a9;*/
}
#yu .title,
#guide .title,
#service .title{
	background: url(img/dsy/h1_yu.jpg) no-repeat ;/*fixed*/
}
.title h1{	
	color:#fff;
	padding-bottom: 0;
	letter-spacing: 5px;
	text-shadow: black 0 0 5px;
}
/** ▼アーカイブ付固定ページ **/
.page-contact{
	border: 3px solid #058ec0;
	padding: 10px;
}
.page-contact div p{
	font-size: 2rem;
	margin: 10px 0;
	color: #058ec0;
}
/** ▼アクセス **/
.access h3{
	color:#4c4c4c;
	margin-bottom:30px;
}
.access .midasi{
	font-size:22px;
	color:#1977b9;
}
.access .tel{
	font-size:22px;
	color:#be140a;
	line-height:1;
}
.access .tel a{color:#be140a;}
/** ▼アクセス 遊 **/
.access .normal{
	font-weight:normal;
	font-size:80%;
}
/*--------------------------------------------------------------
 single page
--------------------------------------------------------------*/
.single .page-wrap{clear:both;}

/** ▼br **/
.single .br{
	border-bottom: 2px solid #2d2d2d;
	margin-bottom: 50px;
}
/** ▼見出し **/
.single-box h2{
	background: #66cccc;
	padding: 10px 0 10px 20px;
	border-radius: 4px;
	/*color: #fff;*/
	border-bottom: none;
	margin-bottom: 30px;
}
.single-box h2.wid_h2{margin-bottom:0;}
/*--------------------------------------------------------------
 archive
--------------------------------------------------------------*/
/** ▼お知らせ **/
/** 見出し **/
#blog .cat_box h2{background: none;}
/**  **/
.post-all .cat_box li {
	background: #fff;
	/*padding: 20px;*/
}
/** カテゴリを画像に重ねる **/
/*画像を浮かす*/
.post-all .cat_box li .post_img{
	position: relative;/*相対配置*/
	margin-bottom: 10px;
}
/*ラベルの絶対配置*/
.post-all .cat_box li .new{
	position: absolute;
	/*padding: 10px;
	top: 0;
	left: 0;
	border-radius: 0;
	margin-left: 0;*/
}
/**/
.you_cat h2:before{
	margin-right: 10px;
    margin-left: 20px;
}
.you_cat h2 a{color:#fff;}
.you_cat a.top_btn{
	width: 60% !important;
	padding: 0;
}

/*--------------------------------------------------------------
 sideber
--------------------------------------------------------------*/
/* ウィジェット間隔 */
.widget-container{margin-bottom: 40px;}
.content_box_l section.widget,
.content_box_l ul li{margin-bottom:10px; }

/****/
#sidebar{
	/*padding: 40px 0;*/
    margin-top: 30px;
}

/*--------------------------------------------------------------
 テンプレート共通項
--------------------------------------------------------------*/
/** ▼お知らせ **/
.news{  padding: 50px 0;}
.news dl dd{
	margin-bottom: 0;
	margin-top: 0;
	/*padding-top: 0;*/
}
.news time{/*color: #40b1a9;*/}
.news h3{
	border-bottom: none;
	margin-top: 0;
	font-weight: normal;
}
/*.news h3 a{color: #5a5959;}
.news h3 a:hover{color: #40b1a9;}*/
/*ボタン*/
.news .top_btn{
	background: #04adea;
}






/* アイコン */
.ok ul li p:before {
    font-family: "dashicons";
    content: "\f345";
background :#232323;   
    border-radius: 50%;
    text-align: center;
    margin-right: 1em;
    padding: 2px;
	color:#fff;
}


/*--------------------------------------------------------------
 デイサービス遊
--------------------------------------------------------------*/
/** nav **/
.subnav{
	background:#1977b9;
	
}
.subnav li:after {
    font-family: "dashicons";
    content: "\f345";
    text-align: center;
    margin-left: 1em;
    padding: 2px;
	color:#fff;
}
.subnav li a{color:#fff;}

/** support **/
#yu h2 span{
	color: #444;
	font-size:50%;
	display:block;
	text-indent:0;
}
.support p{
	padding:10px;
	margin-top: 20px;
}
.support .support_box{
	padding:0;
	background:rgba(237, 134, 179, .1);
	margin-bottom:20px;
}
.support .bl{
	background:#ED86B3;
	padding:0 15px 15px 15px;
	margin-top:0;
	position:relative;
}
.support .bl::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 100%;
    left: 50%;
	border-top: 15px solid #ED86B3;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	margin-left: -15px;
}
.support .bl h3{
	color:#fff;
	font-size:16px;
    /*min-height: 65px;*/}
.support .step{
	color:#444;
	padding:0;
	margin-top:0px;
}
.support .txt{
min-height:150px;}
.support .or{
	background:#e4712d;
	color:#fff;
	text-align:center;
	border-radius:5px;
	margin: 10px;
    padding: 2px;
}
/** ▼施設案内 **/
.maru{
	background:#1977b9;
	border-radius:50%;
	color:#fff;
	font-weight:bold;
	width: 30px;
    height: 30px;
	text-align:center;
	padding:5px;
	margin-right:10px;
	font-size:60%;
	vertical-align: middle;
}

/*-------------------------------------------------------------
 石油
--------------------------------------------------------------*/
.f20 h2.wid_h2{font-size:30px;}

/*-------------------------------------------------------------
 会社概要
--------------------------------------------------------------*/
.f26 h3.wid_h3{font-size:26px;}
/*--------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------*/
/** 必須テキスト **/
.contact_form{
	margin-bottom: 30px
}
.contact_form span.hissu{
	color:#f00;
	font-size:80%;
	margin-left:10px;
}
/** 送信ボタン **/
.submit{
	text-align: center;
}
.submit input{
	margin: 0 10px;
}
.submit input[type="submit"]
{
   font-size: 100%;
    padding-left: 100px;
    padding: 10px 40px;
    background: #be190a;
    color: #ffffff;
	border: none;
}
.submit input[type="button"]{
	font-size: 100%;
    padding-left: 100px;
    padding: 10px 40px;
    background: #a0a0a0;
    color: #ffffff;
	border: none;
}
.submit input[type="submit"]:hover,
.submit input[type="button"]:hover{
	opacity: 0.7;
}
/** 送信後フォーム非表示 **/
.sent .contact_form,
.sent .contact_form .confirm{
        display:none;
}

div.wsp-container > ul.wsp-posts-list>li {
    list-style-type: none;
}
/*--------------------------------------------------------------
 plugin
--------------------------------------------------------------*/
/** ▼ **/
#overlay,#overlay2 {
  /* viewpointを相対位置にし、全画面表示にする */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);  /* 背景を半透明にする */
  display: none;  /* HTML要素を非表示にする */
  z-index: 1  /* 「メインのHTML要素」よりもスタックレベルを高くする */
 }

#modalWindow,#modalWindow2 {
  width: 350px;
  height: 150px;
  position: fixed; /* viewpointを相対位置にする */
  border: 2px solid #D04255;
  background-color: #FFF;
  display: none; 
  z-index: 2  /* 「オーバーレのHTML要素」よりもスタックレベルを高くする */
}