@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* 基本 */

body {
	width:100%;
	height:auto;
	font-size:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	background-color:#e1ecb9;
}

#wrapper {
	width:100%;
	height:auto;
}

img {
	vertical-align:bottom;
}

a:link {
	color:#228b22;
	text-decoration:none;
	-moz-transition: color 0.4s,background-color 0.4s;
	-ms-transition: color 0.4s,background-color 0.4s;
	-o-transition: color 0.4s,background-color 0.4s;
	-webkit-transition: color 0.4s,background-color 0.4s;
	transition: color 0.4s,background-color 0.4s;
}
a:visited {
	color:#228b22;
}
a:hover {
	color:#C20341;
}
.fade:hover {
	opacity: 0.8;  
    filter: alpha(opacity=80);  
}
.change a:hover {
	background-color: transparent; /* IE6対応 */
}
.change a:hover img {
	visibility:hidden;
}
.change a{
	width:100%;
	height:auto;
	display:inline-block;
}
.font_r{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.font_g{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.ta_c{
	text-align:center;
}
.ta_l{
	text-align:left;
}
.ta_r{
	text-align: right;
}
.fs_60{font-size:60%;}
.fs_70{font-size:70%;}
.fs_80{font-size:80%;}
.fs_90{font-size:90%;}
.fs_100{font-size:100%;}
.fs_110{font-size:110%;}
.fs_120{font-size:120%;}
.fs_130{font-size:130%;}
.f_line{
	display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
	padding:1% 5%;
}

.f_line:before,
.f_line:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.f_line:before {
    margin-right: 0.5em;
}
.f_line:after {
    margin-left: 0.5em;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.c_n {
	cursor:default;
}
.p_t10 {
	padding-top:10px;
}
.p_t30 {
	padding-top:30px;
}
.p_b10 {
	padding-bottom:10px;
}
.p_b20 {
	padding-bottom:20px;
}
.p_b30 {
	padding-bottom:30px;
}
.m_t20 {
	margin-top:20px;
}
.m_t30 {
	margin-top:30px;
}
.m_t40 {
	margin-top:40px;
}
.m_r0 {
	margin-right:0;
}
.m_r5 {
	margin-right:5%;
}
.m_r7 {
	margin-right:7%;
}
.m_b0 {
	margin-bottom:0;
}
.m_b20 {
	margin-bottom:20px;
}
.m_b30 {
	margin-bottom:30px;
}
.m_b40 {
	margin-bottom:40px;
}
.m_b50 {
	margin-bottom:50px;
}
.bb_n{
	border-bottom:none;
}
.br_3{
	border-radius:3px;
	-ms-border-radius:3px;
}
.br_5{
	border-radius:5px;
	-ms-border-radius:5px;
}
.br_10{
	border-radius:10px;
	-ms-border-radius:10px;
}
.br_15{
	border-radius:15px;
	-ms-border-radius:15px;
}
.br_20{
	border-radius:20px;
	-ms-border-radius:20px;
}
.ts_f{
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-ms-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-o-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}
.fs_0{
	text-shadow:1px 1px 0 #FFF;
	-moz-text-shadow:1px 1px 0 #FFF;
	-ms-text-shadow:1px 1px 0 #FFF;
	-o-text-shadow:1px 1px 0 #FFF;
	-webkit-text-shadow:1px 1px 0 #FFF;
}
.ts_0{
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-o-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.bs_0{
	box-shadow:1px 1px 4px rgba(0,0,0,0.2);
	-ms-box-shadow:1px 1px 4px rgba(0,0,0,0.2);
	-o-box-shadow:1px 1px 4px rgba(0,0,0,0.2);
}
.box_s0{
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	-ms-box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	-o-box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}







/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}

/*モバイルのみ表示 */
.phone {
	display: block;
}
.pc {
	display:none;
}

/* ----------------------モバイルヘッダー----------------------- */
#header{
	display: inline-block;
	width:100%;
	height:auto;
}
#header_inner{
	width:100%;
	height:auto;
	line-height:0;
	padding-top:35px;
	background-color:#ff69b4;
	background-image: url(../images/bg_img01.png);
	background-repeat:repeat-x;
}
.logo{
	list-style-type:none;
}
.logo li{
	text-align:center;
	padding-bottom:15px;
}
.logo a{
	display: inline;
}
#header_box{
	width:100%;
}
h1{
	text-align:center;
	color:#FFF;
	font-size:90%;
	font-weight:normal;
	padding-bottom:15px;
}
.tel img{
	float:right;
    display:block;
	max-width:60px;
	height:auto;
	padding:6px 10px;
}
.tel a{
	display:block;
}

/*モバイルナビ */
#nav_bg{
	clear:both;
	display: inline-block;
	width:100%;
	height:auto;
	background:#E0137A;
}

/*アコーディオン */
.ac_menu label {
    padding :5px;
	padding-bottom:0;
    display: block;
    margin: 0;
    color :#FFF;
    cursor :pointer;
}
.ac_menu label img {
	float:right;
    display:block;
	width:60px;
	padding:1px 5px;
}
.ac_menu input[type="checkbox"].bellows{
    display: none;/* チェックボックスの非表示 */
}
.ac_menu ul {
/* メニュー開閉時アニメーション */
	z-index:10;
	clear:both;
    background :#FFFCF1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
	line-height:1;
}
.ac_menu li {
 	text-align:center;
 	border-bottom:1px solid #FFF;
}
.ac_menu li a {
	display:block;
	color:#333;
	padding:17px 0;
 }
.ac_menu li a:hover {
	color:#FF8D11;
	background:#FFFDD3;
 }
 
#home .ac_menu .nav01 a,
#treatment .ac_menu .nav02 a,
#facility .ac_menu .nav03 a,
#taping .ac_menu .nav04 a,
#traffic_accident .ac_menu .nav05 a,
#faq .ac_menu .nav06 a {
	color:#FF8D11;
	background:#FFFDD3;
} 
 
/* ▽▽アコーディオン開閉指定▽▽ */
input[type="checkbox"].bellows + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}
input[type="checkbox"].bellows:checked + ul{
    height: 310px;/* チェックが入っているときの高さ */
}
/* △△アコーディオン開閉指定△△ */

/* モバイルページトップ */
footer #page-top {
	z-index:2;
	clear:both;
	position: fixed;
    bottom: 30px;
    right: 5px;
}
footer #page-top a {
    display: block;
}

/* ----------------------モバイルフッター----------------------- */
#footer{
	clear:both;
	display: inline-block;
	width:100%;
	height:auto;
	background:#2E8440;
}

/* フッターナビ */
#footer_nav{
	clear:both;
	display: inline-block;
	width:100%;
	height:auto;
	color:#FFF;
	padding:0;
	border-top:1px solid #00561f;
}
.f_nav {
	width:100%;
	text-align:center;
	list-style-type:none;
}
.f_nav li {
	float:left;
	width:49.8%;
	font-size:90%;
	border-bottom:1px solid #00561f;
}
.f_nav li a{
	display:block;
	color:#FFF;
	padding:17px 0;
}
.f_nav_b{
	border-right:1px solid #00561f;
}
#copyright_bg{
	background:#054a28;
}
.copyright{
	color:#FFF;
	font-size:70%;
	text-align:center;
	padding:15px 0;
	margin:25px 0;
}
/* フッター住所 */
#f_address{
	text-align:center;
	color:#FFF;
	line-height:1.4;
	margin:25px 0;
}
#f_address dt{
	font-size:120%;
	letter-spacing:1px;
	padding-bottom:5px;
}
#f_address dd{
	font-size:90%;
}
#f_address ul{
	list-style-type:none;
	margin:30px 33%;
}
#f_address li{
	margin-bottom:10px;
}




/* モバイルパンくずリスト */
.breadcrumb {
	width:100%;
	font-size:85%;
	color:#333;
	display: inline-block;
	padding:10px 0 13px 0;
	margin-bottom:-15px;
}
.breadcrumb ol{
}
.breadcrumb li {
	float:left;
	padding-left:5px;
	margin-left:5px;
	list-style-type:none;
}
.breadcrumb .backnone {
	background:none;
}
.breadcrumb li a:hover {
	text-decoration:none;
}
.breadcrumb  a {
	color:#c20341;
	text-decoration:underline;
}
/* ----------------------モバイルメインビジュアル----------------------- */
#head_img_bg {
	clear:both;
	display:block;
	width:100%;
	height:auto;
	background-color:#FFF;
}
#head_img {
	width:100%;
	height:auto;
	display:block;
	position: relative;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:center center;
}
#office #head_img {
	background-image:url(../images/h2_01.png);
 }
#company #head_img {
	background-image:url(../images/h2_04.png);
 }
#institution_guide #head_img {
	background-image:url(../images/h2_03.png);
 }
#staff #head_img {
	background-image:url(../images/h2_02.png);
 }
#recruit #head_img {
	background-image:url(../images/h2_05.png);
 }
#news #head_img {
	background-image:url(../images/h2_06.png);
 }
#contact #head_img {
	background-image:url(../images/h2_08.png);
 }
#privacy #head_img {
	background-image:url(../images/h2_07.png);
 }

#head_img h2{
	color:#FFF;
	font-size:165%;
	text-align:center;
	letter-spacing:4px;
	text-shadow:1px 1px 3px #111;
	-moz-text-shadow:1px 1px 3px #111;
	-ms-text-shadow:1px 1px 3px #111;
	-o-text-shadow:1px 1px 3px #111;
	-webkit-text-shadow:1px 1px 3px #111;
	padding:60px 0;
}
.rslides{
	width:100%;
	list-style-type:none;
	overflow: hidden;
	position: relative;
}
.rslides li {
	width: 100%;
}
.rslides li img {
	width: 100%;
}


/* ----------------------背景画像----------------------- */
.bg_main{
	background:url(../images/footer_bg.png) repeat-x;
	background-position:bottom center;
	padding-bottom:100px;
	margin-bottom:0;
}
.bg_fff{
	background-color:#FFF;
	margin:10px auto;
}
.bg_img01{
	background:url(../images/bg_img01.gif) no-repeat;
	background-size:200px;
	background-position: right bottom 10px;
	padding-bottom:60px;
}
.bg_img02{
	background:url(../images/bg_img02.png) repeat;
	background-position:center center;
	background-size:15px;
}
.bg_f{
	background-color:rgba(255,255,255,0.9);
}
.bg01{
	background-color:#80BBE2;
}
.bg02{
	background-color:#3A44A3;
}
.bg03{
	background-color:#3AA33C;
}
.bg04{
	background:#f6f3ed;
}




/* ----------------------モバイルメインページ----------------------- */
#main{
	width:100%;
	display:inline-block;
	margin-bottom:35px;
}
#content_bg,
.content_bg{
	clear:both;
    display: inline-block;
	width:100%;
	height:auto;
}
#content_inner,
.content_inner{
	clear:both;
    display:block;
	width:96%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#content_inner02,
.content_inner02{
	clear:both;
    display:block;
	width:94%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.main_title{
	clear:both;
	text-align:center;
	line-height:1.2;
	font-size:130%;
	letter-spacing:2px;
	color:#228b22;
	padding:5px 0 15px;
	border-bottom:1px  dashed #228b22;
	margin:20px auto;
}
.rede{
	font-size:105%;
	text-align:justify;
	line-height:1.6;
	margin:20px 3%;
}
/* サービス内容 */
#main_service{
	clear:both;
	line-height:1.4;
	margin:40px 15%;
}
#main_service_box{
	margin:40px auto 55px;
}
#main_service_box.m_b{
	margin-bottom:40px;
}
.main_s_img{
	text-align:center;
	margin:15px auto;
}
.main_s_img img{
	border:5px solid #228B22;
}
#main_service dt{
	text-align:center;
	font-size:120%;
	font-weight:600;
	color:#4B3027;
	padding-bottom:8px;
}
#main_service dd{
	text-align:justify;
	margin-bottom:25px;
}
.more{
	clear:both;
	font-size:95%;
	text-align:center;
}
.more a{
	display: inline-block;
	color:#FFF;
	background:#228B22;
	padding:13px 25px;
}
/* お知らせ */
#news_box {
	display: inline-block;
	width:94%;
	background:#FFF;
	margin:0 3% 20px;
}
#news_box iframe {
	display:inline-block;
	padding-bottom:15px;
}
#news_box .more{
	display:block;
	margin-bottom:20px;
}

/* ----------------------モバイルサブ----------------------- */
.facebook-wrapper {
	height:auto;
    max-width: 500px;
    margin: 0 12% 30px;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.sub_link{
	list-style-type:none;
	text-align:center;
}
.sub_link li img{
	width:70%;
	margin-bottom:15px;
}
.facility{
	background:#FFF;
	padding:12px;
	margin:3%;
}
.facility dd{
	line-height:1.3;
	padding-top:10px;
}
.sub_link02{
	list-style-type:none;
	text-align:center;
}
.sub_link02 li{
	margin-bottom:10px;
}
.sub_link02 li a{
	text-decoration:underline;
}
.sub_link02 li a:hover{
	color:#228b22;
	text-decoration:none;
}


/* ---------------------- モバイル事業所案内 ----------------------- */
.fc_01{
	color:#228B22;
}
.fc_02{
	color:#FF69B4;
}
#office .rede span{
	line-height:2.5;
}
#access_box{
	width:90%;
	padding:5px;
	margin:35px auto 30px;
}
.access_img{
	width:90%;
	max-width:450px;
	margin:0 auto 25px;
}
#office .h4_02{
	line-height:1.6;
	padding-bottom:20px;
	margin-left:5%;
}
#office .h4_02 a{
	color:#333;
}
#office .h4_02 a:hover{
	color:#C20341;
}
.access_tb{
	width:100%;
	margin-bottom:10px;
}
.access_tb th{
	width:90px;
	text-align:left;
	letter-spacing:1px;
	font-weight:normal;
}
.access_tb th,
.access_tb td{
	font-size:95%;
	padding:13px 4px;
	line-height:1.3;
	border-bottom:1px dashed #CCC;
}
#office .more{
	margin-bottom:45px;
}
#map_box{
	width:85%;
	padding:5px;
	margin:35px auto 45px;
	border:1px solid #DDD;
}
.google-maps {
	position: relative;
	padding-bottom: 80%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



/* ---------------------- モバイル施設紹介 ----------------------- */
.sub_nav{
	list-style-type:none;
	padding-bottom:30px;
	margin: 30px auto;
    text-align: center;
	border-bottom:3px  solid #E1ECB9;;
}
.sub_nav li{
	display: inline-block;
    background:#228B22;
    margin: 8px 5px;
    font-size: 90%;
}
.sub_nav li a{
	display: block;
	color:#FFF;
    width: 130px;
    padding: 15px 15px;
}
/* だいじょぶ */
.daijyobu_tb{
	display:inline-block;
	width:90%;
	line-height:1.3;
	text-align:center;
	margin:25px 5% 40px;
}
.daijyobu_tb th,
.daijyobu_tb td{
	vertical-align:middle;
	padding:10px 5px;
	border:2px solid #71AD5A;
}
.daijyobu_tb th{
	color:#71AD5A;
}
.daijyobu_tb td{
	font-size:90%;
}
.daijyobu_tb .th01{
	font-size:110%;
	letter-spacing:1px;
	color:#FFF;
	background:#71AD5A;
	padding:15px;
}
.daijyobu_tb .td01{
	text-align:left;
}
/* 喜んで */
.yorokonde_tb{
	width:90%;
	line-height:1.3;
	text-align:center;
	margin:35px 5% 40px;
}
.yorokonde_tb th,
.yorokonde_tb td{
	padding:10px 20px;
	border:2px solid #E483B3;
}
.yorokonde_tb th{
	color:#E483B3;
	background:#FFEBF5;
}
.yorokonde_tb td{
	font-size:90%;
}
.yorokonde_tb .th01{
	font-size:110%;
	letter-spacing:1px;
	color:#FFF;
	background:#71AD5A;
	padding:15px;
}
.yorokonde_tb .td01{
	text-align:left;
}
.yorokonde_dl{
	width:90%;
	line-height:1.4;
	margin:35px 5% 35px;
}
.yorokonde_dl dt{
	font-size:105%;
	color:#E483B3;
	padding-bottom:3px;
}
.yorokonde_dl dd{
	font-size:95%;
	padding-bottom:15px;
}
/* がんばって */
.ganbatte_tb{
	width:90%;
	line-height:1.3;
	text-align:center;
	margin:35px 5% 45px;
}
.ganbatte_tb th,
.ganbatte_tb td{
	padding:10px 10px;
	border:2px solid #E7950D;
}
.ganbatte_tb th{
	color:#E7950D;
	background:#FFEDDC;
}
.ganbatte_tb td{
	font-size:90%;
}
.ganbatte_tb .th01{
	font-size:110%;
	letter-spacing:1px;
	color:#FFF;
	background:#E7950D;
	padding:15px;
}
.ganbatte_tb .td01{
	text-align:left;
}
/* フロアマップ */
.floor_map{
	width:85%;
	text-align:center;
	list-style-type:none;
	margin:0 auto 30px;
}
.floor_map li{
	margin-bottom:5px;
}
/* 設備紹介 */
.floor_map02{
}
#f_map_box{
	width:80%;
	text-align:center;
	line-height:1.5;
	list-style-type:none;
	margin:35px auto 50px;
}
#f_map_box dl{
	width:95%;
	margin:0 auto;
}
#f_map_box dt{
	font-size:110%;
	font-weight:600;
	color:#E7950D;
	padding:13px 0 3px;
}
#f_map_box dd{
	font-size:95%;
	color:#555;
}

/* ----------------------　モバイル会社概要　----------------------- */
.company_tb{
	width:85%;
	line-height:1.3;
	margin:40px auto 50px;
}
.company_tb th,
.company_tb td{
	padding:15px 15px;
	border-top:1px solid #FFF;
	border-bottom:2px solid #FFF;
}
.company_tb th{
	width:35%;
	color:#228B22;
	font-weight:normal;
	background:#EBFFEB;
	vertical-align:middle;
}
.company_tb td{
	font-size:95%;
}
.appearance_img{
	width:75%;
	list-style-type:none;
	margin:55px auto 50px;
}
.appearance_img li{
	margin-bottom:30px;
}

/* ---------------------- モバイル職員紹介ページ ----------------------- */
.staff_box{
	width:80%;
	line-height:1.5;
	text-align:center;
	margin:35px auto;
	padding:10px;
	border:5px solid #FFF4EA;
}
.staff_box p{
	width:200px;
	margin:10px auto;
}
.staff_box img{
	border-radius:10px;
	-ms-border-radius:10px;
}
.staff_box dt{
	font-size:110%;
	color:#E7950D;
	font-weight:600;
	padding-top:10px;
	padding-bottom:10px;
}
.staff_box dd{
	font-size:95%;
	padding-bottom:10px;
}
.greeting{
	text-align:left;
	text-align:justify;
	color:#555;
	line-height:1.7;
	background:#FFF4EA;
	padding:15px;
	margin-top:5px;
}
#staff .more{
	margin-bottom:40px;
}

/* ---------------------- モバイル求人情報ページ ----------------------- */
.recruit_dl{
	width:95%;
	line-height:1.5;
	margin:10px auto 20px;
}
.recruit_dl dt{
	display: inline-block;
	font-size:105%;
	font-weight:600;
	color:#F26AAD;
	border-bottom:3px double #F26AAD;
	margin-bottom:10px;
}
.recruit_dl dd{
	font-size:95%;
	font-weight:600;
	color:#555;
	margin-bottom:5px;
}
.recruit_img{
	width:85%;
	margin:0 auto 30px;
}
.recruit_ul{
	width:230px;
	text-align:center;
	font-size:110%;
	letter-spacing:1px;
	list-style-type:none;
	padding-top:10px;
	margin:20px auto 5px;
}
.recruit_ul li a{
	width:100%;
	display:inline-block;
	color:#FFF;
	padding:15px 0;
	background:#E7950D;
	margin-bottom:15px;
}
.recruit_ul li a:hover{
	background:#EB5600;
	text-shadow:1px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
}
.recruit_tb{
	width:95%;
	line-height:1.4;
	margin:35px auto 60px;
}
.recruit_tb th,
.recruit_tb td{
	padding:15px 20px;
	border:1px solid #E483B3;
	vertical-align:middle;
}
.recruit_tb th{
	color:#E483B3;
	background:#FFEBF5;
}
#recruit .more{
	margin-top:-20px;
	margin-bottom:40px;
}


/* ---------------------- モバイルお問い合わせページ ----------------------- */
#contact .c_tel{
	text-align:center;
	font-size:130%;
	line-height:1.5;
	margin: 20px auto 35px;
}
#contact .c_tel a{
	display: inline-block;
	color:#FFF;
	padding:18px 25px;
	background:#C20341;
}

#contact .fc_02{
	color:#C20341;
	padding-left:3px;
}

#contact .requ{
	max-width:600px;
	width:92%;
	margin:35px auto 5px;
}
.mailform{
	display:block;
	max-width:600px;
	width:92%;
	font-size:95%;
	margin:0px auto 20px;
	border-collapse:collapse;
}
.mailform tbody{
	display:block;
}
.mailform tr{
	display:block;
	width:100%;
	margin-bottom:20px;
	background:#FFEBF5;
	border:2px solid #E483B3;
	border-radius:3px;
	-ms-border-radius:3px;
}
.mailform th,
.mailform td{
	display:block;
	padding:12px;
}
.mailform th{
	width:auto;
	letter-spacing:1px;
	color:#FFF;
	background:#E483B3;
	text-align:left;
}
.mailform td{
	width:auto;
	color:#555;
	font-size:95%;
	line-height:1.7;
}
.form_list{
	width:100%;
	display:inline-block;
	list-style-type:none;
}
.form_list li{
	float:left;
	padding-right:15px;
}
.mailform .c_mail_main input{
	margin-bottom:10px;
}
.c_mail_main .c_mail{
	font-size:90%;
}
.button{
	text-align:center;
	margin:30px auto 40px;
}

/* ---------------------- モバイルお知らせ一覧 ----------------------- */
.news_list{
	width:99%;
	height:auto;
	margin:5px auto 15px;
}
#news .more{
	margin-bottom:30px;
}

/* ---------------------- モバイル個人情報保護方針ページ ----------------------- */
.sub_title{
	text-align:center;
	padding:15px 10px;
	border:1px solid #E7950D;
	color:#E7950D;
	background:#FFEDDC;
	margin:30px 2% 15px;
}
.sub_rede{
	color:#555;
	font-size:95%;
	line-height:1.5;
	margin:0 3% 20px;
}
.sub_title02{
	color:#444;
	font-size:100%;
	line-height:1.5;
	margin:0 3% 10px;
}
.privacy_ul{
	color:#444;
	font-size:100%;
	line-height:1.5;
	padding-left:20px;
	margin:0 3% 20px;
}







.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}






/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	clear: none;
	float: none;
	margin-left: auto;
}

/* ----------------------背景画像----------------------- */


/* ---------------------- タブレット事業所案内 ----------------------- */
#office .h4_02{
	margin-left:15%;
}
/* ----------------------　タブレット会社概要　----------------------- */
.appearance_img{
	width:96%;
}
.appearance_img li{
	float:left;
	width:33.33%;
	margin:0 0 40px;
}






.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	

.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	max-width: 1000px;
}

/*PCのみ表示 */
.phone {
	display: none;
}
.pc {
	display: block;
}

/*PC float */
.pc_l{
	float:left;
}
.pc_r{
	float:right;
}


/* ----------------------PCヘッダー----------------------- */
#header_inner{
	padding-top:28px;
}
.logo{
	float:left;
	width:65%;
}
.logo li{
	float:left;
	padding:18px 6.5% 10px 0;
}
#header_box{
	float:right;
	width:35%;
}
h1{
	line-height:1.2;
	text-align: right;
	font-size:90%;
	padding-bottom:8px;
}
.tel img{
    display:block;
	max-width:100%;
	padding:0;
}

/* ----------------------PCナビ----------------------- */
#nav_bg{
	height:60px;
	line-height:55px;
	background:none;
	margin:15px auto 10px;
}
#nav_inner {
	display:block;
	width:100%;
	max-width: 1000px;
	height:auto;
	padding:0;
	margin:0 auto;
}
.header_nav{
	display:block;
	width:100%;
	height:60px;
	padding:0;
}
.header_nav li {
	float:left;
	width:16.6%;
	height:60px;
	padding:  0;
	text-align:center;
}

.header_nav a{
	display: block;
	font-size:115%;
	color:#FFF;
	letter-spacing:1px;
}
.header_nav a:hover{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 4px;
}
/*PCナビ背景画像:hover */
#office .header_nav .nav02{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 9px;
}
#institution_guide .header_nav .nav02{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 9px;
}
#company .header_nav .nav03{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 9px;
}
#staff .header_nav .nav04{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 9px;
}
#recruit .header_nav .nav05{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 9px;
}
#contact .header_nav .nav06{
	background-image:url(../images/list01.png);
	background-repeat:no-repeat;
	background-position:center bottom 9px;
}









/* ----------------------PCメインビジュアル----------------------- */
#head_img_bg{
	background-image:url(../images/head_img_bg.png);
	background-repeat:repeat-x;
	background-position:center center;
	border-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#head_img{
	max-width:1020px;
	margin-left:auto;
	margin-right:auto;
}
#head_img img{
	width:96.3%;
	border:8px solid #FFF;
	border-radius:20px;
	-ms-border-radius:20px;
	box-shadow:0 0 14px #888;
	margin:30px 1%;
}
#head_img h2{
	font-size:200%;
	padding:120px 0;
}




/* PCパンくずリスト */
.breadcrumb {
}




/* PCページトップ */
footer #page-top {
    bottom: 30px;
    right: 30px;
}

/* ----------------------PCフッター----------------------- */
/* フッターナビ */
#footer_nav{
	clear:both;
	border:none;
	text-align:center;
	margin-top:20px;
	margin-bottom:25px;
}
.f_nav {
	clear:both;
	display:inline-block;
	max-width:1000px;
	width:100%;
	text-align:center;
	padding:20px 0 30px;
	border-bottom:1px solid #D7E0B2;
}
.f_nav li {
	float:none;
	display: inline-block;
	width:auto;
	height:15px;
	font-size:90%;
	padding:0 20px;
	border-right:1px #FFF solid;
	border-bottom:none;
}
.line_l{
	border-left:1px #FFF solid;
}
.f_nav li a{
	padding:0;
}
.f_nav_b{
	border-right:none;
}
.f_nav .f_nav_w {
}
/* フッター住所 */
#f_address{
	text-align: left;
	margin:20px 0;
}
#f_address dl{
	float:left;
	width:40%;
	font-size:110%;
}
#f_address ul{
	float:right;
	width:58%;
	margin:0;
}
#f_address li{
	float:left;
	text-align:center;
	width:29%;
	padding-left:4.3%;
	margin-bottom:0px;
}



.copyright{
	font-size:75%;
	padding:20px 0;
	margin:40px 0 30px;
}




/* ---------------------- 背景画像 ----------------------- */
.bg_fff{
	margin:0 0 20px;
}



/* ---------------------- PCメインページ ----------------------- */
#main{
	float:left;
	width:72%;
	margin-right:2%;
	display:inline-block;
	margin-top:8px;
	margin-bottom:0;
}
#sub{
	width:26%;
	display:inline-block;
	margin-top:8px;
}

#content_inner{
	clear:both;
	width:100%;
}
#content_inner02{
	clear:both;
}


.main_title{
	clear:both;
	text-align:left;
	padding-top:0;
	margin-top:15px;
	margin-bottom:15px;
}
.rede{
	margin:15px 0 10px;
}

/* サービス内容 */
#main_service{
	display:inline-block;
	line-height:1.5;
	margin:0px 0 10px;
}
#main_service_box{
	float:left;
	width:29%;
	margin:0 0 15px;
}
#main_service_box.m_b{
	margin:0 0 15px;
}
#main_service .m_lr{
	margin:0 5.7%;
}
.main_s_img img{
	border:3px solid #228B22;
}
#main_service dt{
	padding-bottom:3px;
}
#main_service dd{
	font-size:85%;
	font-weight:600;
	margin-bottom:15px;
}
.more{
	font-size:100%;
}
.more a{
	padding:15px 30px;
}

 #home .more{
	font-size:80%;
}
#home .more a{
	padding:8px 25px;
}
/* お知らせ */
#news_box {
	display:inline-block;
	width:100%;
	background:#FFF;
	margin:0 0 20px;
}
#news_box iframe {
	height:110px;
    vertical-align: bottom;
}
#news_box .more{
	margin-bottom:5px;
}

/* ----------------------PCサブ----------------------- */
.facebook-wrapper {
    margin: 0 auto 15px;
}
.sub_link li img{
	width:100%;
	margin-bottom:10px;
}
.facility{
	padding:10px;
	margin:0 0 10px;
}
.facility dd{
	line-height:1.3;
	padding-top:10px;
}
.sub_link02 li{
	font-size:90%;
	margin-bottom:7px;
}

/* ---------------------- PC事業所案内ページ ----------------------- */
#access_box{
	max-width:500px;
	margin-top:50px;
	margin-bottom:30px;
}
#office .h4_02{
	margin-top:30px;
	margin-left:20%;
}
#office .more{
	margin-bottom:50px;
}
#map_box{
	max-width:500px;
	margin:40px auto 60px;
}
.google-maps {
	padding-bottom: 70%;
	height: 0;
}
/* ----------------------　PC会社概要　----------------------- */
.company_tb th{
	width:33%;
}

/* ---------------------- PCア施設紹介ページ ----------------------- */
/* 設備紹介 */
.floor_map02{
	display:inline-block;
	padding-bottom:35px;
}
#f_map_box{
	float:left;
	width:41%;
	height:280px;
	margin:35px 4.5% 40px;
}
#f_map_box dt{
	padding-bottom:5px;
}
#f_map_box dd{
	text-align:left;
}

/* ---------------------- PC職員紹介ページ ----------------------- */
.staff_box{
	display:inline-block;
	width:88%;
	text-align:left;
	margin:15px 3.5% 5px;
	padding:10px 15px;
}
.staff_box p{
	float:left;
	width:30%;
	padding-left:1%;
}
.staff_box dl{
	float:right;
	width:65%;
	padding-top:15px;
}
.staff_box dt{
	font-size:110%;
	color:#E7950D;
	font-weight:600;
	padding-top:5px;
	padding-bottom:10px;
}
.staff_box dd{
	font-size:95%;
	padding-bottom:10px;
}
#staff .more{
	margin-top:35px;
	margin-bottom:40px;
}

/* ---------------------- PC求人情報ページ ----------------------- */
.recruit_dl{
	width:90%;
	line-height:1.5;
	margin:30px auto;
}
.recruit_img{
	width:98%;
	margin:0 auto 35px;
}
.recruit_ul{
	width:80%;
	padding-top:0px;
	margin:20px auto 10px;
}
.recruit_ul li a{
	float:left;
	width:45%;
	display:inline-block;
	color:#FFF;
	padding:15px 0;
	margin:15px 2.5%;
}
.recruit_tb{
	clear:both;
	display:inline-block;
	width:90%;
	margin:30px 5%  25px;
}
.recruit_tb th{
	width:23%;
	letter-spacing:1px;
}
.recruit_tb td{
	width:auto;
}
#recruit .more{
	margin-top:15px;
}

/* ---------------------- PCお問い合わせページ ----------------------- */
#contact .c_tel{
	text-align:left;
	font-size:150%;
	font-weight:600;
	margin: 20px auto 30px 20px;
}
#contact .c_tel a{
	color:#C20341;
	padding:0;
	background:none;
}

.mailform tbody{
	display:inline-block;
}
.mailform tr{
	display:inline-block;
	margin-bottom:20px;
}
.mailform th,
.mailform td{
	display: table-cell;
	padding:13px;
}
.mailform th{
	width:180px;
	height:auto;
	vertical-align:middle;
}
.mailform td{
	width:auto;
	padding-left:20px;
}
.button{
	margin:20px auto 50px;
}

/* ---------------------- PC個人情報保護方針ページ ----------------------- */
.sub_title{
	text-align:left;
	padding:15px 20px;
}
.sub_rede{
	margin:0 5% 20px;
}
.sub_title02{
	margin:0 5% 10px;
}
.privacy_ul{
	margin:0 5% 20px;
}



}