@charset "utf-8";

/* ==================================================

特別養護老人ホーム ユーカリゆうとの杜 SP スタイルシート

================================================== */


/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
html,body {
	height:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
img {
	vertical-align:bottom;
}
a img {
	border:none;
}
body {
	font-family:"メイリオ", "Helvetica", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;
	margin:0;
	font-size:15px;
	line-height:140%;
	color:#505a64;
}
.fs {
	font-size:12px;
	line-height:130%;
}
.fl {
	font-size:20px;
	line-height:126%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#468432;
	text-decoration:none;
}
a:hover,
a:active {
	color:#468432;
	text-decoration:none;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
	overflow:hidden;
}
.pc {
    display: none;
}
.warning {
	color:#ee1c23;
	background-color:#fff;
	border:solid 1px #ee1c23;
	padding:12px 15px 11px;
	margin: 0 0 12px;
}

header {
	height: 50px;
	width: 100%;
	background-color: rgba(255,255,255,0.95);
	top: 0;
	left: 0;
	z-index: 9990;
}
header h1 {
	position: absolute;
    top: 3px;
    left: 50px;
	width: 200px;
	margin: 0 auto;
	text-align: left;
	z-index: 9999;
    padding-top: 8px;
}
header h1 img {
	width: 177px;
}
header .header-i {
    position: absolute;
    top: 0;
    right: 0;
	width: 100%;
    z-index: 9998;
}

#panel {
  position: fixed;
  top: 51px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
#panel-btn {
	display: block;
	position: absolute;
	top: 12px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: #80c032;
	border-radius: 15px;
	z-index: 9998;
}
#panel-btn:hover {
	background: #80c032;
}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #fff;
	transition: .2s;
}
#panel-btn-icon:before,
#panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 2px;
	background: #fff;
	transition: .3s;
}
#panel-btn-icon:before {
	margin-top: -6px;
}
#panel-btn-icon:after {
	margin-top: 4px;
}
#panel-btn .close {
	background: transparent;
}
#panel-btn .close:before,
#panel-btn .close:after {
	margin-top: 0;
}
#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
#panel {
	display: none;
	width: 100%;
	text-align: center;
	z-index: 9999;
}

.sp-nav {
	text-align: left;
}
.sp-nav i {
	padding-right: 5px;
}
.sp-nav a {
	display: block;
	position: relative;
	padding: 10px 10px 10px 20px;
	cursor: pointer;
	text-decoration: none;
	background-color: rgba(255,255,255,0.95);
	border-bottom: dotted 1px #80c032;
	color: #80c032;
}
.sp-nav a:hover {
	background-color: rgba(255,255,255,0.95);
}
.sp-nav .child {
	display: none;
	background-color: rgba(255,255,255,0.95);
}
.sp-nav .child a {
	background-color: rgba(255,255,255,0.95);
	color: #80c032;
	border-bottom: dotted 1px #80c032;
}
.sp-nav .child a:hover {
	background-color: rgba(255,255,255,0.95);
}
.sp-nav .child > li a {
	background-color: rgba(255,255,255,0);
	padding-left: 40px;
}
.sp-nav .toggle:after {
	position: absolute;
	top: 10px;
	right: 10px;
	content: '▶';
	opacity: 0.5;
	font-size: 6px;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}
.sp-nav .toggle.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.main {
    text-align: left;
}
.main-i {
	position: relative;
	padding: 10px 0 0;
}

.title-area {
	position: relative;
	text-align: center;
}
.title-area .frame {
	background: url("../common/title_wave_sp.png") center no-repeat;
	background-size: cover;
	height: 157px;
}
.title-area .title-bk {
    background: url("../common/title_bk_sp.jpg") center no-repeat;
	background-size: cover;
	height: 157px;
}
.title-area .tree {
	position: absolute;
	top: -45px;
	left: 0px;
	z-index: 100;
}
.title-area .tree img {
	width: 80px;
}
.title-area h2 {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	z-index: 90;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	text-shadow:
	#646464 1px 1px 5px, #646464 -1px 1px 5px,
    #646464 1px -1px 5px, #646464 -1px -1px 5px;
}
.title-area .pagetitle {
	position: absolute;
	top: 75px;
	left: 0;
	right: 0;
	z-index: 90;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	text-shadow:
	#646464 1px 1px 5px, #646464 -1px 1px 5px,
    #646464 1px -1px 5px, #646464 -1px -1px 5px;
}
h3.title {
	background: url("../common/bar_bk.png") center top 30px no-repeat;
	background-size: 280px;
	padding: 30px 0;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	line-height: 140%;
	color: #468432;
}
h3.title span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 170%;
	font-weight: bold;
	color: #8eac00;
}


.facilities-area {
	position: relative;
	background: url("../common/facilities_sp_bk.jpg") center top no-repeat;
	background-size: 100%;
	padding: 20px 15px 65px;
	text-align: center;
}
.facilities-area .facilities-area-i {
	padding-top: 20px;
}
#top .facilities-area .facilities-area-i {
	padding-top: 20px;
}
.facilities-area h3 {
	background: url("../common/bar_bk.png") center top no-repeat;
	background-size: 280px;
	padding: 0px 0 10px;
	font-weight: bold;
	font-size: 80%;
	line-height: 140%;
	color: #468432;
}
.facilities-area h3 span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 170%;
	font-weight: bold;
	color: #8eac00;
}
.facilities-area .banner-area {
    padding: 15px 0 20px;
}
.facilities-area .banner-area ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.facilities-area .banner-area li {
    padding-top: 10px;
    width: 48%;
}
.facilities-area .banner-area img {
    width: 100%;
}
#top .facilities-wave2 {
	display: none;
}
.facilities-wave2 {
	padding-top: 60px;
}
.facilities-wave2 img {
	width: 100%;
}
.facilities-area .wave3 {
	position: absolute;
	bottom: 0;
	left: 0;
}
.facilities-area .wave3 img {
	width: 100%;
}
.bottom-menu {
    padding: 70px 0 45px;
    text-align: center;
}
.bottom-menu .menu {
	display: none;
}

footer {
    text-align: center;
}
footer .footer-i {
	padding: 30px 0 20px;
	position: relative;
}
footer .footer-logo {
	padding-bottom: 10px;
}
footer .footer-logo img {
	width: 200px;
}
footer .footer-tel {
	padding: 17px 0 3px;
}
footer .footer-tel img {
	width: 200px;
}
footer .footer-fax {
	padding-bottom: 30px;
}
footer .footer-fax img {
	width: 180px;
}
footer .tree-left {
	position: absolute;
	left: 0;
	bottom: 5px;
	z-index: -1;
}
footer .tree-right {
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: -1;
}
footer .tree-left img,
footer .tree-right img {
	height: 70px;
}
footer .copyright-bk {
	background-color: #a7d370;
	padding: 0 0 55px;
}
footer .copyright-bk div img {
	width: 100%;
}
footer .copyright-bk p {
	color: #fff;
}
.footer-contact {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9800;
    border-top: solid 1px #d2d2d2;
    background-color: #fff;
}
.footer-contact ul {
    display: flex;
    justify-content: center;
}
.footer-contact ul li {
    padding: 13px 8px 11px;
}
.footer-contact ul li a {
    color: #323232;
}
.footer-contact ul li i {
    margin-right: 6px;
    vertical-align: -1px;
    color: #87c832;
}
.footer-contact ul li:first-child i {
    vertical-align: 0;
}

h3 {
    padding: 40px 5px 5px;
    font-weight: bold;
    font-size: 120%;
}
.copy {
	padding-bottom: 10px;
    font-weight: bold;
    font-size: 130%;
	line-height: 130%;
	font-family: a-otf-jun-pro, sans-serif;
	font-style: normal;
    color: #00aae6;
}
section {
	padding: 0 15px;
}

#page-top {
    position: fixed;
    bottom: 70px;
    right: 20px;
}
#page-top a {
	background-color: #4ca535;
    text-decoration: none;
    color: #fff;
    padding: 5px 15px 10px;
    text-align: center;
    display: block;
    border-radius: 20px;
	line-height: 70%;
	opacity: 0.8;
}
#page-top a span {
	font-size: 85%;
	color: #fff;
}

/* トップ
--------------------------------------------------------------------*/
#top .top-image-area {
	width: 100%;
	position: relative;
}
#top .top-image-area .frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 90;
}
#top .top-image-area2 img {
	width: 100%;
}
#top .top-image-area .tree {
	position: absolute;
	top: -45px;
	left: 0px;
	z-index: 100;
}
#top .top-image-area .tree img {
	width: 80px;
}
#top .top-image-area .main-copy {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 90;
	text-align: center;
}
#top .top-image-area .main-copy img {
	width: 90px;
}
#top .top-image-area .open {
	position: absolute;
	bottom: -25px;
	left: 10px;
	z-index: 100;
}
#top .top-image-area .open img {
	width: 140px;
}
#top .topics-area .topics {
	padding-top: 20px;
}
#top .topics-area .topics .topics-left {
	padding-bottom: 10px;
	text-align: center;
}
#top .topics-area .topics .topics-left img {
	width: 150px;
}
#top .topics-area dl {
	padding: 0 15px;
}
#top .topics-area dt {
    padding: 11px 0 3px;
}
#top .topics-area dt span {
    display: inline-block;
    width: 100px;
    margin-left: 10px;
    padding: 1px 0;
    vertical-align: 2px;
    text-align: center;
    font-size: 85%;
    color: #fff;
}
#top .topics-area dt .topics1 {
    background-color: #80c032;
	border-radius: 7px;
}
#top .topics-area dt .topics2 {
    background-color: #ffac1e;
	border-radius: 7px;
}
#top .topics-area dt .topics3 {
    background-color: #ff8e8e;
	border-radius: 7px;
}
#top .topics-area dt .topics4 {
    background-color: #4ca535;
	border-radius: 7px;
}
#top .topics-area dt .topics5 {
    background-color: #00acf2;
	border-radius: 7px;
}
#top .topics-area dt .topics6 {
    background-color: #c0cad4;
	border-radius: 7px;
}
#top .topics-area dd {
	padding-bottom: 10px;
	border-bottom: dotted 1px #80c032;
}
#top .topics-area dd a {
    color: #323232;
}
#top .topics-area .topics-more {
    padding: 20px 0;
    text-align: center;
}
#top .topics-area .topics-more a {
    display: inline-block;
    border: solid 1px #80c032;
	border-radius: 7px;
    padding: 5px 40px 4px;
    text-decoration: none;
    font-size: 85%;
    color: #80c032;
}
#top .about-wave {
	margin-top: 25px;
	background: url("../img/wave_1.png") repeat-x;
	background-size: 135px;
	height: 25px;
}
#top .about-area {
	padding: 35px 10px 25px;
	background: url("../img/about_sp_bk.png") no-repeat top 150px center;
	background-size: 150%;
	background-color: #f3f9eb;
}
#top .about-area .copy {
	padding-bottom: 20px;
	text-align: center;
}
#top .about-area .photo-area {
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
}
#top .about-area .photo-area p {
	padding-top: 9px;
	text-align: center;
	font-size: 80%;
	line-height: 130%;
}
#top .about-area .photo-area li {
	padding: 0 5px;
}
#top .about-area .photo-area img {
	width: 100%;
}
#top .about-area .about-btn {
    padding-top: 20px;
    text-align: center;
}
#top .about-area .about-btn a {
    display: inline-block;
    background: #80c032;
	border-radius: 20px;
    padding: 0 40px;
    text-decoration: none;
    line-height: 40px;
	font-weight: bold;
    color: #fff;
}
#top .menu-area {
	position: relative;
	margin-top: 20px;
	background: url("../img/menu_sp_bk.png") repeat-x;
	background-size: cover;
}
#top .menu-area h3 {
	background: url("../common/bar_bk.png") center top 60px no-repeat;
	background-size: 280px;
	padding: 60px 0 5px;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	line-height: 140%;
	color: #468432;
}
#top .menu-area h3 span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 170%;
	font-weight: bold;
	color: #8eac00;
}
#top .menu-area-i {
	padding: 5px 15px 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#top .menu-area-i .menu {
	padding-top: 15px;
	width: 48%;
}
#top .menu-area-i .menu img {
	width: 100%;
	border-radius: 20px;
}
#top .menu-area-i .menu h4 {
	padding: 10px 0 1px;
	font-weight: bold;
}
#top .menu-area-i .menu a h4 {
	color: #468432;
}
#top .menu-area-i .menu p {
	font-size: 85%;
	line-height: 140%;
}
#top .menu-area-i .menu a p {
	color: #646464;
}
#top .menu-area .facilities-wave img {
	width: 100%;
}

/* トピックス　一覧
--------------------------------------------------------------------*/
#topics .topics-area dl {
	padding: 0 15px;
}
#topics .topics-area dt {
    padding: 11px 0 3px;
}
#topics .topics-area dt span {
    display: inline-block;
    width: 100px;
    margin-left: 10px;
    padding: 1px 0;
    vertical-align: 2px;
    text-align: center;
    font-size: 85%;
    color: #fff;
}
#topics .topics-area dt .topics1 {
    background-color: #80c032;
	border-radius: 7px;
}
#topics .topics-area dt .topics2 {
    background-color: #ffac1e;
	border-radius: 7px;
}
#topics .topics-area dt .topics3 {
    background-color: #ff8e8e;
	border-radius: 7px;
}
#topics .topics-area dt .topics4 {
    background-color: #4ca535;
	border-radius: 7px;
}
#topics .topics-area dt .topics5 {
    background-color: #00acf2;
	border-radius: 7px;
}
#topics .topics-area dt .topics6 {
    background-color: #c0cad4;
	border-radius: 7px;
}
#topics .topics-area dd {
	padding-bottom: 10px;
	border-bottom: dotted 1px #c8c8c8;
}
#topics .topics-area dd a {
    color: #323232;
}
#topics .page {
	padding-top: 40px;
	text-align: center;
}
#topics .page a {
	border: solid 1px #646464;
	border-radius: 3px;
	margin: 0 3px;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none;
	color: #323232;
}
#topics .page span {
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	margin: 0 3px;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none;
	color: #c8c8c8;
}
#topics .page a:hover {
	background-color: #d2d2d2;
}

/* トピックス　下層
--------------------------------------------------------------------*/
#topics-u .topics-area .day {
	padding: 11px 0 15px;
}
#topics-u .topics-area .day span {
    display: inline-block;
    width: 100px;
    margin-left: 10px;
    padding: 1px 0;
    vertical-align: 2px;
    text-align: center;
    font-size: 85%;
    color: #fff;
}
#topics-u .topics-area .day .topics1 {
    background-color: #80c032;
	border-radius: 7px;
}
#topics-u .topics-area .day .topics2 {
    background-color: #ffac1e;
	border-radius: 7px;
}
#topics-u .topics-area .day .topics3 {
    background-color: #ff8e8e;
	border-radius: 7px;
}
#topics-u .topics-area .day .topics4 {
    background-color: #4ca535;
	border-radius: 7px;
}
#topics-u .topics-area .day .topics5 {
    background-color: #00acf2;
	border-radius: 7px;
}
#topics-u .topics-area .day .topics6 {
    background-color: #c0cad4;
	border-radius: 7px;
}
#topics-u .topics-area h4 {
	font-size: 120%;
	font-weight: bold;
}
#topics-u .topics-area .photo {
	padding-top: 20px;
	text-align: center;
}
#topics-u .topics-area .photo img {
	max-width: 500px;
	width: 100%;
}
#topics-u .caption {
	padding-top: 7px;
	text-align: center;
	font-size: 95%;
}
#topics-u .topics-area .text {
	padding: 20px 0 20px;
}
#topics-u .topics-area .photo-area {
	text-align: center;
}
#topics-u .topics-area .photo-area .photo {
	padding: 20px 0 0;
}
#topics-u .topics-area .photo-area .photo img {
	max-width: 500px;
	width: 100%;
}
#topics-u .topics-area .photo-area .photo a {
	pointer-events: none;
}

#topics-u .pageback {
	margin-top: 50px;
	border-top: solid 1px #d2d2d2;
	padding-top: 30px;
    text-align: center;
}
#topics-u .pageback a {
    display: inline-block;
    background: #80c032;
	border-radius: 20px;
    padding: 0 40px;
    text-decoration: none;
    line-height: 40px;
	font-weight: bold;
    color: #fff;
}

/* 当施設について
--------------------------------------------------------------------*/
#about .main {
	padding-bottom: 0;
}
#about .main-i {
	margin: 0 auto;
	width: auto;
}
#about .pagemenu {
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#about .pagemenu li {
	width: 48%;
	border: solid 1px #8eac00;
	margin-bottom: 12px;
}
#about .pagemenu li a {
	display: block;
	padding: 16px 0 15px;
	line-height: 120%;
	text-align: center;
	text-decoration: none;
	color: #8eac00;
}
#about .pagemenu li:first-child a {
	padding: 7px 0 5px;
}
#about .copy {
	padding: 20px 15px 0;
	text-align: center;
}
#about .copy img {
	width: 100%;
	}
#about .about-top {
	position: relative;
	background: url("../about/img/bk.jpg");
	background-size: 110%;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#about .text-area {
	padding: 20px 15px 20px;
}
#about .text-area .text {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-shadow:
	#fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
	font-size: 100%;
	line-height: 150%;
}
#about .text-area .banner {
	padding: 20px 0 0 0;
}
#about .text-area .banner img {
	width: 281px;
}
#about .text-area .photo {
	padding-top: 5px;
}
#about .text-area .photo img {
	width: 100%;
}
#about .facility-title {
	position: relative;
}
#about .facility-title img {
	width: 100%;
}
#about .facility-title h3 {
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
}
#about .facility-title h3 img {
	width: 140px;
}
#about .facility-title-i {
	position: relative;
}
#about .facility-title .chara {
	display: none;
	position: absolute;
	top: -65px;
	left: 15px;
}
#about .facility-title .wave {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("../about/img/wave_1.png") repeat-x center bottom;
	height: 45px;
}
#about .facility-title h3 {
	padding-top: 40px;
	text-align: center;
}
#about .facility-area {
	padding: 0 15px;
}
#about .facility-area h4 {
	padding: 40px 0 20px;
}
#about .facility-area h4 img {
	width: 100%;
	max-width: 350px;
}
#about .facility-area .photo-area {

}
#about .facility-area .photo-area .photo {
	padding-top: 20px;
}
#about .facility-area .photo-area .photo img {
	width: 100%;
	box-shadow: 0 0 10px #bbb;
}
#about .facility-area .photo-area .photo p {
	padding-top: 10px;
	text-align: center;
	font-size: 85%;
}
#about .guide-area {
	margin-top: 60px;
	background: url("../access/img/bk.jpg") center repeat;
}
#about .guide-area-top {
	padding-bottom: 10px;
}
#about .guide-area-top img {
	width: 100%;
	vertical-align: top;
}
#about .guide-area-i {
	padding: 10px 15px 0;
}
#about .guide-area .guide-text {
	padding-bottom: 10px;
}
#about .map-area .map {
	padding-top: 20px;
	text-align: center;
}
#about .map-area .map img {
	width: 100%;
	max-width: 800px;
}

#about .facilities-wave {
	padding-top: 40px;
}
#about .facilities-wave img {
	width: 100%;
}
#about .facilities-wave2 {
	display: none;
}



/* ご料金について
--------------------------------------------------------------------*/
#charge .bar {
	padding-bottom: 5px;
	border-bottom: solid 1px #d2d2d2;
	margin-bottom: 15px;
}
#charge h4 {
	border-left: solid 5px #8eac00;
	padding: 7px 0 6px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #8eac00;
}
#charge h4.next {
	margin-top: 50px;
}
#charge .charge-top div {
	padding-bottom: 15px;
	text-align: center;
}
#charge .charge-top div img {
	max-width: 300px;
	width: 100%;
}
#charge .charge {
	padding-top: 30px;
	text-align: center;
}
#charge .charge img {
	width: 100%;
	max-width: 200px;
	border: solid 1px #d2d2d2;
}
#charge .btn {
	padding-top: 30px;
    text-align: center;
}
#charge .btn a {
    display: inline-block;
    background: #80c032 url("../common/pdf.png") no-repeat 15px 8px;
	background-size: 20px;
	border-radius: 20px;
    padding: 0 40px 0 60px;
    text-decoration: none;
    line-height: 40px;
	font-weight: bold;
    color: #fff;
}

/* お申し込みの流れ
--------------------------------------------------------------------*/
#flow .bar {
	padding-bottom: 5px;
	border-bottom: solid 1px #d2d2d2;
	margin-bottom: 15px;
}
#flow h4 {
	border-left: solid 5px #8eac00;
	padding: 7px 0 6px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #8eac00;
}
#flow h4.next {
	margin-top: 50px;
}
#flow .flow-top .photo {
	padding-bottom: 20px;
	text-align: center;
}
#flow .flow-top .photo img {
	max-width: 300px;
	width: 100%;
}
#flow .flow-top .photo-r .copy {
	padding-bottom: 7px;
	font-size: 120%;
	font-weight: bold;
	color: #8eac00;
}
#flow .flow-bk {
	margin-top: 20px;
}
#flow .flow-area {
	padding-bottom: 20px;
}
#flow .flow-area .step {
	display: none;
}
#flow .flow-area .step-r .step-text {
	border-radius: 7px;
	padding: 3px 10px 2px;
	background-color: #8eac00;
	font-size: 85%;
	color: #fff;
}
#flow .flow-area .step-r h5 {
	padding: 12px 5px 5px;
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
	color: #8eac00;
}
#flow .flow-area .flow .photo {
	padding-bottom: 10px;
	text-align: center;
}
#flow .flow-area .flow .photo img {
	width: 160px;
}
#flow .flow-area .flow .photo-r {
	padding-top: 5px;
}
#flow .flow-area .step-r .arrow {
	padding: 30px 0 10px;
	text-align: center;
}
#flow .flow-area .flow2 .photo {
	padding-bottom: 10px;
	text-align: center;
}
#flow .flow-area .flow2 .photo img {
	height: 160px;
}
#flow .flow-area .flow2 .photo-l {
	padding-top: 5px;
}
#flow .flow-area .contact-area {
	padding-top: 5px;
}
#flow .flow-area .contact-area .box {
	margin-top: 15px;
	background-color: #fff6da;
	border-radius: 15px;
}
#flow .flow-area .contact-area .box-i {
	padding: 15px 15px 18px;
	text-align: center;
}
#flow .flow-area .contact-area .box-i .tel {
	padding-top: 7px;
}
#flow .flow-area .contact-area .box-i .tel img {
	width: 200px;
}
#flow .flow-area .contact-area .box-i .contact {
	padding-top: 5px;
    text-align: center;
}
#flow .flow-area .contact-area .box-i .contact a {
    display: inline-block;
    background: #8eac00;
	border-radius: 18px;
    padding: 0 30px;
    text-decoration: none;
    line-height: 36px;
	font-size: 110%;
	font-weight: bold;
    color: #fff;
}
#flow .flow-area .soudanin-area {
	padding-top: 20px;
}
#flow .flow-area .soudanin-area .soudanin {
	margin-bottom: 10px;
	background-color: #ffac1e;
	border-radius: 10px;
	padding: 5px 15px;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	color: #fff;
}
#flow .flow-area .soudanin-area .soudanin-r th,
#flow .flow-area .soudanin-area .soudanin-r td {
	padding: 3px 0;
}
#flow .flow-area .soudanin-area .soudanin-r th {
	padding-right: 20px;
}
#flow .btn-area {
	padding-top: 30px;
}
#flow .btn-area .btn {
	padding-top: 15px;
	text-align: center;
}
#flow .btn-area .btn a {
	display: block;
	border-radius: 15px;
	background: url("../flow/img/btn_icon.png"),linear-gradient(#99cd5b 0%,#99cd5b 50%,#80c032 50%,#80c032 100%);
	background-size: 26px, auto;
	background-repeat: no-repeat;
	background-position: 92%;	
	padding: 25px 20px 25px 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #969696;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
}

/* アクセス
--------------------------------------------------------------------*/
#access .main {
	padding-bottom: 0;
}
#access .main-i {
	margin: 0 auto;
	width: auto;
}
#access .outline-area {
	padding: 0 15px 40px;
}
#access h4 {
	margin-bottom: 15px;
	border-left: solid 5px #8eac00;
	padding: 7px 0 6px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #8eac00;
}
#access h4.next {
	margin-top: 50px;
}
#access .outline-area-i .photo {
	text-align: center;
}
#access .outline-area-i .photo img {
	width: 100%;
}
#access .outline-area-i .photo-r {
	padding-bottom: 15px;
}
#access .outline-area-i .photo-r dl {
	padding-top: 2px;
}
#access .outline-area-i .photo-r dt {
    padding: 11px 0 3px;
}
#access .outline-area-i .photo-r dd {
    padding-bottom: 10px;
	border-bottom: dotted 1px #c8c8c8;
}
#access .access-area {
	background: url("../access/img/bk.jpg") center repeat;
}
#access .access-area-top {
	padding-bottom: 10px;
}
#access .access-area-top img {
	width: 100%;
	vertical-align: top;
}
#access .access-area-i {
	padding: 10px 15px 0;
}
#access .access .train {
	background-color: #fff;
	box-shadow: 0 0 10px #c8c8c8;
}
#access .access .car {
	margin-top: 15px;
	background-color: #fff;
	box-shadow: 0 0 10px #c8c8c8;
}
#access .access .access-i {
	display: flex;
	justify-content: flex-start;
	padding: 15px 10px 15px 15px;
}
#access .access .access-i div {
	padding-right: 15px;
	border-right: solid 1px #c8c8c8;
}
#access .access .train .access-i p {
	padding: 1px 0 0 15px;
	font-weight: bold;
}
#access .access .train .access-i img {
	width: 166px;
}
#access .access .car .access-i p {
	padding: 1px 0 0 15px;
	font-weight: bold;
}
#access .access .car .access-i img {
	width: 147px;
}
#access .gmap {
	border: solid 2px #e50027;
}
#access .map-area img {
	width: 100%;
	max-width: 500px;
}
#access .map-area2 {
	padding-top: 15px;
}
#access .map-area2 img {
	width: 100%;
	max-width: 500px;
}
#access .btn {
	padding-top: 30px;
    text-align: center;
}
#access .btn a {
    display: inline-block;
    background: #80c032;
	border-radius: 20px;
    padding: 0 40px;
    text-decoration: none;
    line-height: 40px;
	font-weight: bold;
    color: #fff;
}
#access .btn a i {
	margin-right: 6px;
}
#access .facilities-wave {
	padding-top: 40px;
}
#access .facilities-wave img {
	width: 100%;
}
#access .facilities-wave2 {
	display: none;
}

/* 採用情報
--------------------------------------------------------------------*/
#recruit .copy {
	padding: 30px 0 30px;
	text-align: center;
}
#recruit .copy img {
	max-width: 400px;
	width: 100%;
}
#recruit .btn {
	padding-top: 40px;
    text-align: center;
}
#recruit .btn a {
    display: inline-block;
    background: #80c032;
	border-radius: 20px;
    padding: 0 40px;
    text-decoration: none;
    line-height: 40px;
	font-weight: bold;
    color: #fff;
}

/* フォームページ
--------------------------------------------------------------------*/
#contact .bar {
	padding-bottom: 5px;
	border-bottom: solid 1px #d2d2d2;
	margin-bottom: 15px;
}
#contact h4 {
	border-left: solid 5px #8eac00;
	padding: 7px 0 6px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #8eac00;
}
#contact h4.next {
	margin-top: 50px;
}
#contact .tel {
	padding-top: 15px;
}
#contact .tel img {
	width: 200px;
}
#contact .kome {
	padding-top: 5px;
	color: #da1e1e;
}
#contact .warning-area {
	color: #e61e1e;
	background-color: #fff0f0;
	border: solid 1px #c84632;
	padding: 15px 20px 14px;
	margin: 30px 0 40px;
}
#contact .warning-area i {
	padding-right: 7px;
}
#contact form {
	margin-top: 30px;
	border-top: dotted 1px #c8c8c8;
}
#contact .contact {
	border-bottom: dotted 1px #c8c8c8;
}
#contact .contact .item {
	padding: 10px 5px 0;
	font-size: 85%;
	color: #969696;
}
#contact .contact .detail {
	padding: 0 5px 12px;
}
#contact .contact .required {
	padding-left: 5px;
	color: #da1e1e;
}
#contact .contact .detail input[type="text"] {
	border: solid 1px #a8b2bc;
	padding: 8px 10px;
	width: 240px;
	font-size: 100%;
	font-weight: normal !important;
}
#contact .contact .detail input[type="radio"] {
	margin-left: 0;
	font-size: 100%;
}
#contact .contact .detail input[type="radio"]:first-child {
	margin-left: 0;
}
#contact .contact .detail input::placeholder {
	font-size: 100%;
	color: #ababab;
}
#contact .contact .detail #kibou1,
#contact .contact .detail #kibou2,
#contact .contact .detail #kibou3,
#contact .contact .detail #kibou4,
#contact .contact .detail #kibou21,
#contact .contact .detail #kibou22,
#contact .contact .detail #kibou23,
#contact .contact .detail #kibou24,
#contact .contact .detail #kibou31,
#contact .contact .detail #kibou32,
#contact .contact .detail #kibou33,
#contact .contact .detail #kibou34 {
	width: 18px;
}
#contact .contact .detail #email1 {
	width: 85%;
}
#contact .contact .detail #email2 {
	width: 85%;
	margin-top: 10px;
}
#contact .contact .detail #yuubin1 {
	width: 60px;
}
#contact .contact .detail #yuubin2 {
	width: 70px;
	margin-right: 15px;
}
#contact .contact .detail #address {
	width: 85%;
}
#contact .contact .detail #btn-ajaxzip {
	margin-top: 7px;
	font-size: 90%;
	font-weight: normal !important;
}
#contact .contact .detail #ken {
	padding: 4px 15px 6px;
	font-size: 90%;
	font-weight: normal !important;
}
#contact .contact .detail #age {
	padding: 4px 15px 6px;
	font-size: 90%;
	font-weight: normal !important;
}
#contact .contact .detail textarea  {
	margin-top: 3px;
	border: solid 1px #a8b2bc;
	padding: 10px 15px 8px;
	width: 85%;
	height: 150px;
	font-size: 100%;
	font-weight: normal;
}
#contact .contact .detail textarea::placeholder {
	font-size: 100%;
}
#contact .privacy {
	padding-top: 30px;
}
#contact .btn {
	padding: 30px 0 10px;
	text-align: center;
}

/* iOSでのデフォルトスタイルをリセット */
#contact .btn input[type="submit"],
#contact .btn input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
#contact .btn input[type="submit"]::-webkit-search-decoration,
#contact .btninput[type="button"]::-webkit-search-decoration {
  display: none;
}
#contact .btn input[type="submit"]::focus,
#contact .btn input[type="button"]::focus {
  outline-offset: -2px;
}

#contact .btn button,
#contact .btn input {
	display: inline-block;
	background-color: #80c032;
	border-radius: 25px !important;
	border: 0;
	margin: 0 10px;
	padding: 0 70px;
	line-height: 50px;
	text-decoration: none;
	cursor: pointer;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
}
#contact .btn button:hover,
#contact .btn input:hover {
	opacity: 0.7;
}
#contact .btn .fixstyle {
	display: block;
	margin: 0 auto;
}
#contact .btn .submitstyle {
	margin-top: 10px;
}
#contact .thanks {
	padding: 20px 0 50px;
	text-align: center;
}
#contact .thanks .title {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 150%;
	color: #da1e1e;
}
#contact .thanks .attention {
	padding-top: 15px;
}
#contact .pageback {
	padding-top: 60px;
}
#contact .pageback a {
	display: inline-block;
	background-color: #80c032;
	border-radius: 25px !important;
	border: 0;
	margin: 0 10px;
	padding: 0 70px;
	line-height: 50px;
	text-decoration: none;
	cursor: pointer;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
}