@charset "utf-8";

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

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

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


/* 共通
--------------------------------------------------------------------*/
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%;
}
article,aside,figure,figcaption,footer,header,nav,section {
	display:block;
}
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: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	margin: 0;
	text-align: center;
	font-size: 105%;
	line-height: 1.5;
	color: #646464;
}
p,li,ol,dt,dd {
	font-weight: 500;
}

.fs {
	font-size:85%;
}
.fl {
	font-size:125%;
}
.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:underline;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
	overflow:hidden;
}
.sp {
    display: none;
}

header .header-i {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}
header .header-tree {
	position: absolute;
	top: 20px;
	left: -60px;
	z-index: 100;
}
header h1 {
	position: absolute;
	top: 50px;
	left: 80px;
	z-index: 110;
}
header .header-form {
	padding-top: 9px;
	display: flex;
	justify-content: flex-end;
}
header .header-form li {
	width: 206px;
	text-align: left;
}
header .header-form li:first-child {
	width: 230px;
}
header .header-form li a {
	display: block;
	background: url("../common/header_contact.png") no-repeat;
	line-height: 48px;
	font-weight: bold;
	font-size: 110%;
	padding-left: 68px;
	text-decoration: none;
	color: #fff;
}
header .header-form li:first-child a {
background: url("../common/header_observe.png") no-repeat;
	padding-left: 60px;
}
header .header-form li a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
header nav {
	padding-left: 400px;
}
header nav ul {
	display: flex;
	justify-content: flex-end;
}
header nav ul li a {
	display: block;
	padding-top: 52px;
	padding-left: 20px;
	line-height: 130%;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 110%;
	color: #468432;
}
header nav ul li:first-child a {
	background: url("../common/icon_1.png") left 72px top 13px no-repeat;
}
header nav ul li:first-child a:hover {
	background: url("../common/icon_1.png") left 72px top 7px no-repeat;
	transition: 0.3s;
}
header nav ul li:nth-child(2) a {
	background: url("../common/icon_2.png") left 72px top 13px no-repeat;
}
header nav ul li:nth-child(2) a:hover {
	background: url("../common/icon_2.png") left 72px top 7px no-repeat;
	transition: 0.3s;
}
header nav ul li:nth-child(3) a {
	background: url("../common/icon_3.png") left 72px top 13px no-repeat;
}
header nav ul li:nth-child(3) a:hover {
	background: url("../common/icon_3.png") left 72px top 7px no-repeat;
	transition: 0.3s;
}
header nav ul li:nth-child(4) a {
	background: url("../common/icon_4.png") left 72px top 13px no-repeat;
}
header nav ul li:nth-child(4) a:hover {
	background: url("../common/icon_4.png") left 72px top 7px no-repeat;
	transition: 0.3s;
}
header nav ul li:last-child a {
	background: url("../common/icon_5.png") left 60px top 13px no-repeat;
	padding-left: 40px;
}
header nav ul li:last-child a:hover {
	background: url("../common/icon_5.png") left 60px top 7px no-repeat;
	transition: 0.3s;
}
header nav ul li a span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	color: #8eac00;
	font-weight: 500;
	font-size: 65%;
}
header nav ul li a:hover {
	opacity: 0.7;
}
.main {
	text-align: left;
	padding-bottom: 160px;
}
#top .main {
	padding-bottom: 0;
}
.main-i {
	margin: 0 auto;
	width: 1000px;
	padding-top: 100px;
}
.title-area {
	position: relative;
	text-align: center;
}
.title-area .frame {
	background: url("../common/title_wave.png") center no-repeat;
	height: 385px;
}
.title-area .title-bk {
    background: url("../common/title_bk.jpg") center no-repeat;
	height: 385px;
}
.title-area h2 {
	position: absolute;
	top: 125px;
	left: 0;
	right: 0;
	z-index: 90;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 250%;
	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: 180px;
	left: 0;
	right: 0;
	z-index: 90;
	font-size: 120%;
	font-weight: 500;
	color: #fff;
	text-shadow:
	#646464 1px 1px 5px, #646464 -1px 1px 5px,
    #646464 1px -1px 5px, #646464 -1px -1px 5px;
}
.breadcrumbs {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}
.breadcrumbs p {
	position: absolute;
	top: -20px;
	left: 0;
}
h3.title {
	background: url("../common/bar_bk.png") center top no-repeat;
	padding: 15px 0 100px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	line-height: 150%;
	color: #468432;
}
h3.title span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 210%;
	font-weight: bold;
	color: #8eac00;
}

#top .facilities-area {
	background: url("../common/facilities_top_bk.png") center repeat-x;
	height: 620px;
}
.facilities-area {
	background: url("../common/facilities_bk.png") center repeat-x;
	height: 700px;
}
#top .facilities-area .facilities-area-i {
	padding-top: 95px;
}
.facilities-area .facilities-area-i {
	padding-top: 160px;
}
.facilities-area h3 {
	background: url("../common/bar_bk.png") center top no-repeat;
	padding: 15px 0 40px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	line-height: 150%;
	color: #468432;
}
.facilities-area h3 span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 210%;
	font-weight: bold;
	color: #8eac00;
}
.facilities-area .banner-area {
	margin: 0 auto;
	width: 1200px;
    padding: 15px 0 20px;
}
.facilities-area .banner-area ul {
    display: flex;
    justify-content: space-between;
}
.facilities-area .banner-area li {
    padding-top: 12px;
}
.facilities-area .banner-area img {
    width: 290px;
}

footer {
	padding-top: 30px;
	text-align: center;
}
footer .footer-i {
	position: relative;
}
footer .bottom-menu {
	margin: 0 auto;
	width: 1200px;
}
footer .bottom-menu ul {
	display: flex;
	justify-content: space-around;
}
footer .bottom-menu ul li img {
	margin-bottom: 8px;
}
footer .bottom-menu ul li {
	width: 150px;
	line-height: 130%;
}
footer .bottom-menu ul li a {
	display: block;
	padding-top: 52px;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 110%;
	color: #468432;
}
footer .bottom-menu ul li:first-child a {
	background: url("../common/icon_0.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:first-child a:hover {
	background: url("../common/icon_0.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:nth-child(2) a {
	background: url("../common/icon_1.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:nth-child(2) a:hover {
	background: url("../common/icon_1.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:nth-child(3) a {
	background: url("../common/icon_2.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:nth-child(3) a:hover {
	background: url("../common/icon_2.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:nth-child(4) a {
	background: url("../common/icon_3.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:nth-child(4) a:hover {
	background: url("../common/icon_3.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:nth-child(5) a {
	background: url("../common/icon_4.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:nth-child(5) a:hover {
	background: url("../common/icon_4.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:nth-child(6) a {
	background: url("../common/icon_5.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:nth-child(6) a:hover {
	background: url("../common/icon_5.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:nth-child(7) a {
	background: url("../common/icon_6.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:nth-child(7) a:hover {
	background: url("../common/icon_6.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li:last-child a {
	background: url("../common/icon_7.png") center top 13px no-repeat;
}
footer .bottom-menu ul li:last-child a:hover {
	background: url("../common/icon_7.png") center top 7px no-repeat;
	transition: 0.3s;
}
footer .bottom-menu ul li a span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	color: #8eac00;
	font-weight: 500;
	font-size: 65%;
}
footer .bottom-menu ul li a:hover {
	opacity: 0.7;
}
footer .bottom-menu2 {
	padding: 40px 0 60px;
}
footer .footer-address {
	padding: 20px 0 50px;
}
footer .footer-tel-area {
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
}
footer .footer-tel-area .footer-tel img {
	width: 261px;
}
footer .footer-tel-area .footer-fax img {
	width: 261px;
}
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 .copyright-bk {
	position: relative;
	background-color: #a7d370;
	padding: 0 0 15px;
}
footer .copyright-bk div {
	background: url("../common/copyright_bk.png")  center repeat-x;
}
footer .copyright-bk p {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	font-size: 90%;
	color: #fff;
}
#page-top {
    position: fixed;
    bottom: 40px;
    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;
}
#page-top a:hover {
	opacity: 0.7;
}

/* トップ
--------------------------------------------------------------------*/
#top .top-image-area {
	position: relative;
}
#top .top-image-area2 {
	width: 100%;
	background-size: cover;
	background-position: center;
}
#top .top-image-area .frame {
	background: url("../img/main_wave.png") center no-repeat;
	height: 710px;
}
#top .top-image-area2 .top-image1 {
    background: url(../img/main_1.jpg) center no-repeat;
    width: 1500px;
	height: 710px;
}
#top .top-image-area2 .top-image2 {
    background: url(../img/main_2.jpg) center no-repeat;
    width: 1500px;
	height: 710px;
}
#top .top-image-area2 .top-image3 {
    background: url(../img/main_3.jpg) center no-repeat;
    width: 1500px;
	height: 710px;
}
#top .top-image-area .main-copy {
	position: absolute;
	top: 100px;
	right: 20%;
	z-index: 90;
}
#top .top-image-area .main-copy img {
	width: 146px;
}
#top .top-image-area .open {
	position: absolute;
	bottom: -35px;
	left: 10%;
	z-index: 90;
}
#top .top-image-area .open img {
	width: 248px;
}
#top .topics-area {
    margin: 0 auto;
    width: 1200px;
	padding: 70px 0 100px;
}
#top .topics {
    display: flex;
    justify-content: space-between;
}
#top .topics-area .topics-left {
	position: relative;
	padding-top: 50px;
    width: 280px;
}
#top .topics-area .topics-left img {
    width: 240px;
}
#top .topics-area .topics-left p {
    padding: 9px 0 0 50px;
}
#top .topics-area .topics-left .topics-more {
	position: absolute;
	top: 120px;
	left: 170px;
}
#top .topics-area .topics-left .topics-more img {
	width: 90px;
}
#top .topics-area .topics-left .topics-more a:hover {
	opacity: 0.8;
	transition: 0.3s;
}
#top .topics-area .topics-right {
    width: 920px;
    text-align: left;
}
#top .topics-area dl {
    display: flex;
    justify-content: flex-start;
    padding: 13px 0 11px;
    border-bottom: dotted 1px #c8c8c8;
}
#top .topics-area dt {
    width: 280px;
    padding-left: 15px;
}
#top .topics-area dt span {
    display: inline-block;
    width: 126px;
    margin-left: 30px;
    padding: 2px 0 1px;
    vertical-align: 2px;
	border-radius: 7px;
    text-align: center;
    font-size: 80%;
	font-weight: bold;
    color: #fff;
}
#top .topics-area dt .topics1 {
    background-color: #80c032; 
}
#top .topics-area dt .topics2 {
    background-color: #ffac1e; 
}
#top .topics-area dt .topics3 {
    background-color: #ff8e8e; 
}
#top .topics-area dt .topics4 {
    background-color: #4ca535; 
}
#top .topics-area dt .topics5 {
    background-color: #00acf2; 
}
#top .topics-area dt .topics6 {
    background-color: #c0cad4; 
}
#top .topics-area dd a {
    color: #323232;
}
#top .about-wave {
	margin-top: 25px;
	background: url("../img/wave_1.png") repeat-x;
	height: 50px;
}
#top .about-area {
	padding: 85px 0 0;
	background: url("../img/about_bk.jpg") center top 40px no-repeat;
	background-color: #f3f9eb;
}
#top .about-area .copy {
	padding-bottom: 80px;
	text-align: center;
}
#top .about-area .photo-area {
	margin: 0 auto;
	width: 956px;
	padding-top: 70px;
	display: flex;
	justify-content: space-between;
}
#top .about-area .photo-area p {
	padding-top: 10px;
	text-align: center;
	font-size: 90%;
}
#top .about-area .about-btn {
    padding: 70px 0 100px;
    text-align: center;
}
#top .about-area .about-btn a {
    display: inline-block;
    background: #80c032;
	border-radius: 25px;
    padding: 0 80px;
    text-decoration: none;
    line-height: 50px;
	font-size: 120%;
	font-weight: bold;
    color: #fff;
}
#top .about-area .about-btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#top .about-area .menu-wave {
	background:url("../img/menu_wave_.png") center top repeat-x;
	height: 40px;
}
#top .menu-area {
	position: relative;
	background: url("../img/menu_bk.png") center top repeat-x ;
}
#top .menu-area h3 {
	background: url("../common/bar_bk.png") center top 85px no-repeat;
	padding: 100px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	line-height: 150%;
	color: #468432;
}
#top .menu-area h3 span {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 210%;
	font-weight: bold;
	color: #8eac00;
}
#top .menu-area-i {
	margin: 0 auto;
	width: 1100px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 80px;
}
#top .menu-area-i .menu {
	padding-top: 80px;
	position: relative;
	width: 320px;
}
#top .menu-area-i .menu div {
	overflow: hidden;
	border-radius: 20px;
}
#top .menu-area-i .menu img {
	display: block;
	transition-duration: 0.3s;
}
#top .menu-area-i .menu a {
	text-decoration: none;
}
#top .menu-area-i .menu a:hover img {
	opacity: 0.6;
	/*transform: scale(1.1);*/
	transition-duration: 0.3s;
}
#top .menu-area-i .menu h4 {
	padding: 20px 0 5px;
	font-size: 130%;
	text-align: center;
	font-weight: bold;
	transition-duration: 0.3s;
}
#top .menu-area-i .menu a:hover h4 {
	opacity: 0.7;
	transition-duration: 0.3s;
}
#top .menu-area-i .menu a p {
	color: #646464;
	transition-duration: 0.3s;
}
#top .menu-area-i .menu a:hover p {
	opacity: 0.7;
	transition-duration: 0.3s;
}
#top .menu-area .facilities-wave {
	background:url("../common/facilities_wave.png") center top repeat-x;
	height: 65px;
}

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

/* トピックス　下層
--------------------------------------------------------------------*/
#topics-u .topics-area .day {
	padding-bottom: 15px;
}
#topics-u .topics-area .day span {
    display: inline-block;
    width: 126px;
    margin-left: 30px;
    padding: 2px 0 1px;
    vertical-align: 2px;
	border-radius: 7px;
    text-align: center;
    font-size: 80%;
	font-weight: bold;
    color: #fff;
}
#topics-u .topics-area .day .topics1 {
    background-color: #80c032; 
}
#topics-u .topics-area .day .topics2 {
    background-color: #ffac1e; 
}
#topics-u .topics-area .day .topics3 {
    background-color: #ff8e8e; 
}
#topics-u .topics-area .day .topics4 {
    background-color: #4ca535; 
}
#topics-u .topics-area .day .topics5 {
    background-color: #00acf2; 
}
#topics-u .topics-area .day .topics6 {
    background-color: #c0cad4; 
}
#topics-u .topics-area h4 {
	font-size: 130%;
	font-weight: bold;
}
#topics-u .topics-area .photo {
	padding-top: 60px;
	text-align: center;
}
#topics-u .topics-area .photo img {
	max-width: 100%;
}
#topics-u .topics-area .text {
	padding: 60px 0 30px;
}
#topics-u .topics-area .photo-area {
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
}
#topics-u .topics-area .photo-area .photo {
	width: 30%;
}
#topics-u .topics-area .photo-area .photo div {
	text-align: center;
}
#topics-u .topics-area .photo-area .photo div img {
	width: 100%;
}
#topics-u .pageback {
    margin-top: 100px;
	border-top: solid 1px #d2d2d2;
	padding-top: 60px;
    text-align: center;
}
#topics-u .pageback a {
    display: inline-block;
    background: #80c032;
	border-radius: 25px;
    padding: 0 80px;
    text-decoration: none;
    line-height: 50px;
	font-size: 120%;
	font-weight: bold;
    color: #fff;
}
#topics-u .pageback a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* 当施設について
--------------------------------------------------------------------*/
#about .main {
	padding-bottom: 0;
}
#about .main-i {
	margin: 0 auto;
	width: auto;
	padding-top: 100px;
}
#about .pagemenu {
	margin: 0 auto;
	width: 1000px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#about .pagemenu li {
	width: 240px;
	border: solid 1px #8eac00;
}
#about .pagemenu li a {
	display: block;
	background: url("../about/img/arrow_1.png") no-repeat right 15px top 28px;
	padding: 21px 0 20px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	text-decoration: none;
	color: #8eac00;
}
#about .pagemenu li:first-child a {
	padding: 11px 0 9px;
}
#about .pagemenu li a:hover {
	background-color: #f3f7e5;
}
#about .copy {
	padding-top: 100px;
	text-align: center;
}
#about .about-top {
	position: relative;
	background: url("../about/img/photo_1.png"), url("../about/img/bk.jpg");
	background-repeat: no-repeat, no-repeat;
	background-position: center top 70px, right bottom;
}
#about .text-area {
	margin: 0 auto;
	width: 1200px;
	padding: 100px 0 250px;
}
#about .text-area .text {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	padding: 20px 0 0 50px;
	text-shadow:
	#fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
	font-size: 110%;
	line-height: 220%;
}
#about .text-area .banner {
	padding: 80px 0 0 50px;
}
#about .facility-title {
	position: relative;
	background: url("../about/img/facility_bk.jpg") no-repeat center;
	background-size: cover;
	height: 327px;
}
#about .facility-title-i {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
#about .facility-title .chara {
	position: absolute;
	top: -65px;
	left: 0;
}
#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: 100px;
	text-align: center;
}
#about .facility-area {
	margin: 0 auto;
	width: 1000px;
}
#about .facility-area h4 {
	padding: 120px 0 20px;
}
#about .facility-area .photo-area {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}
#about .facility-area .photo-area .photo {
	width: 484px;
	padding-top: 20px;
}
#about .facility-area .photo-area .nyuuyoku {
	width: 320px !important;
}
#about .facility-area .photo-area .photo img {
	box-shadow: 0 0 10px #bbb;
}
#about .facility-area .photo-area .photo p {
	padding-top: 10px;
	text-align: center;
}

#about .guide-area {
	margin-top: 200px;
	position: relative;
	background: url("../access/img/bk.jpg") center repeat;
}
#about .guide-area-top {
	background: url("../access/img/wave.png") center repeat-x;
	height: 80px;
}
#about .guide-area h3 {
	margin-top: 100px;
	padding-bottom: 70px;
}
#about .guide-area-i {
	margin: 0 auto;
	width: 1200px;
	padding-bottom: 200px;
}
#about .guide-area .guide-text {
	padding: 0 100px 60px;
}
#about .map-area {
	background: url("../about/img/guide_bk.png") no-repeat center;
}
#about .map-area .map {
	text-align: center;
}
#about .map-area .map img {
	width: 686px;
}
#about .map-area .map-area-i {
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
#about .map-area .map-area-i .map img {
	width: 595px;
}
#about .map-area .btn {
	padding-top: 20px;
	text-align: center;
}
#about .map-area .btn img {
	width: 140px !important;
}
#about .map-area .btn a:hover {
	opacity: 0.7;
}
#about .guide-area .wave {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}
#about .guide-area .wave div {
	background:url("../common/facilities_wave.png") center top repeat-x;
	height: 65px;
}
#about .facilities-area .facilities-area-i {
	padding-top: 95px;
}
#about .facilities-area { 
	background: url("../common/facilities_top_bk.png") center repeat-x;
	height: 620px;
}

/* ご料金について
--------------------------------------------------------------------*/
#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: 60px;
}
#charge .charge-top {
	display: flex;
	justify-content: space-between;
}
#charge .charge-top div img {
	width: 300px;
}
#charge .charge {
	padding-top: 40px;
	text-align: center;
}
#charge .charge img {
	border: solid 1px #d2d2d2;
}
#charge .charge a:hover {
	opacity: 0.7;
}
#charge .btn {
	padding-top: 40px;
    text-align: center;
}
#charge .btn a {
    display: block;
	margin: 0 auto;
	background: #80c032 url("../common/pdf.png") no-repeat 20px 7px;
	width: 300px;
	padding-left: 10px;
	border-radius: 25px;
    text-decoration: none;
    line-height: 50px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
    color: #fff;
}
#charge .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* お申し込みの流れ
--------------------------------------------------------------------*/
#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: 80px;
}
#flow .flow-top {
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
}
#flow .flow-top .photo {
	padding-right: 40px;
}
#flow .flow-top .photo img {
	width: 300px;
}
#flow .flow-top .photo-r {
	padding-top: 5px;
}
#flow .flow-top .photo-r .copy {
	padding-bottom: 7px;
	font-size: 140%;
	font-weight: bold;
	color: #8eac00;
}
#flow .flow-bk {
	margin-top: 30px;
	background: url("../flow/img/bk.gif") repeat-y;
}
#flow .flow-area {
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
#flow .flow-area .step {
	width: 140px;
}
#flow .flow-area .step-r {
	width: 860px;
}
#flow .flow-area .step-r h5 {
	padding: 20px 0 5px;
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 18px;
	font-size: 120%;
	font-weight: bold;
	color: #8eac00;
}
#flow .flow-area .step-r h5:before {
	content: "■";
}

#flow .flow-area .flow {
	display: flex;
	justify-content: space-between;
}
#flow .flow-area .flow .photo {
	width: 160px;
}
#flow .flow-area .flow .photo img {
	width: 100%;
}
#flow .flow-area .flow .photo-r {
	width: 670px;
	padding-top: 5px;
}
#flow .flow-area .step-r .arrow {
	padding: 30px 0;
	text-align: center;
}
#flow .flow-area .flow2 {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
#flow .flow-area .flow2 .photo {
	width: 285px;
}
#flow .flow-area .flow2 .photo img {
	width: 100%;
}
#flow .flow-area .flow2 .photo-l {
	width: 550px;
	padding-top: 5px;
}
#flow .flow-area .contact-area {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
}
#flow .flow-area .contact-area .box {
	width: 48%;
	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 a {
	pointer-events: none;
}
#flow .flow-area .contact-area .box-i .tel img {
	width: 270px;
}
#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: #80c032;
	border-radius: 18px;
    padding: 0 30px;
    text-decoration: none;
    line-height: 36px;
	font-size: 110%;
	font-weight: bold;
    color: #fff;
}
#flow .flow-area .contact-area .box-i .contact a:hover {
	opacity: 0.7;
}
#flow .flow-area .soudanin-area {
	padding-top: 30px;
	display: flex;
	justify-content: flex-start;
}
#flow .flow-area .soudanin-area .soudanin {
	margin-right: 20px;
	background-color: #ffac1e;
	padding: 20px 15px;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	color: #fff;
}
#flow .flow-area .soudanin-area .soudanin-r {
	padding-top: 2px;
}
#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: 80px;
	display: flex;
	justify-content: center;
}
#flow .btn-area .btn a {
	display: block;
	width: 280px;
	border-radius: 15px;
	margin: 0 20px;
	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;
}
#flow .btn-area .btn a:hover {
	opacity: 0.7;
}

/* アクセス
--------------------------------------------------------------------*/
#access .main {
	padding-bottom: 0;
}
#access .main-i {
	margin: 0 auto;
	width: auto;
	padding-top: 100px;
}
#access .outline-area {
	margin: 0 auto 150px;
	width: 1000px;
}
#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: 80px;
}
#access .outline-area-i {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#access .outline-area-i .photo img {
	width: 430px;
}
#access .outline-area-i .photo-r {
	width: 530px;
	border-top: dotted 1px #c8c8c8;
}
#access .outline-area-i .photo-r dl {
    display: flex;
    justify-content: flex-start;
    padding: 13px 0 11px;
    border-bottom: dotted 1px #c8c8c8;
}
#access .outline-area-i .photo-r dt {
    width: 130px;
    padding-left: 15px;
}
#access .access-area {
	position: relative;
	background: url("../access/img/bk.jpg") center repeat;
}
#access .access-area-top {
	background: url("../access/img/wave.png") center repeat-x;
	height: 80px;
}
#access .access-area h3 {
	margin-top: 100px;
	padding-bottom: 70px;
}
#access .access-area-i {
	margin: 0 auto;
	width: 1000px;
	padding-bottom: 200px;
}
#access .access {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#access .access .train {
	width: 490px;
	background-color: #fff;
	box-shadow: 0 0 10px #c8c8c8;
}
#access .access .car {
	width: 490px;
	background-color: #fff;
	box-shadow: 0 0 10px #c8c8c8;
}
#access .access .access-i {
	display: flex;
	justify-content: flex-start;
	padding: 22px 15px 22px 25px;
}
#access .access .train img {
	width: 166px;
}
#access .access .car img {
	width: 147px;
}
#access .access .access-i div {
	padding-right: 30px;
	border-right: solid 1px #c8c8c8;
}
#access .access .access-i p {
	padding: 5px 0 0 20px;
	font-size: 110%;
	font-weight: bold;
}
#access .gmap {
	border: solid 3px #e50027;
}
#access .map-area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: url("../access/img/map.png") no-repeat;
	height: 840px;
}
#access .map-area ul {
	width: 279px;
	padding-top: 27px;
}
#access .map-area ul li {
	box-shadow: 0 0 10px #c8c8c8;
	margin-bottom: 21px;
}
#access .map-area ul li a:hover {
	opacity: 0.7;
}

#access .btn {
	padding-top: 80px;
    text-align: center;
}
#access .btn a {
    display: inline-block;
    background: #80c032;
	border-radius: 25px;
    padding: 0 60px;
    text-decoration: none;
    line-height: 50px;
	font-size: 120%;
	font-weight: bold;
    color: #fff;
}
#access .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#access .btn a i {
	margin-right: 8px;
}

#access .access-area .wave {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}
#access .access-area .wave div {
	background:url("../common/facilities_wave.png") center top repeat-x;
	height: 65px;
}
#access .facilities-area .facilities-area-i {
	padding-top: 95px;
}
#access .facilities-area { 
	background: url("../common/facilities_top_bk.png") center repeat-x;
	height: 620px;
}

/* 採用情報
--------------------------------------------------------------------*/
#recruit .copy {
	padding-bottom: 60px;
	text-align: center;
}
#recruit .text {
	text-align: center;
}
#recruit .btn {
	padding-top: 100px;
    text-align: center;
}
#recruit .btn a {
    display: inline-block;
    background: #80c032;
	border-radius: 25px;
    padding: 0 80px;
    text-decoration: none;
    line-height: 50px;
	font-size: 120%;
	font-weight: bold;
    color: #fff;
}
#recruit .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/* フォームページ
--------------------------------------------------------------------*/
#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: 60px;
}
#contact .tel {
	padding-top: 15px;
}
#contact .tel img {
	width: 261px;
}
#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 form div {
	font-weight: 500;
}
#contact .contact {
	border-bottom: dotted 1px #c8c8c8;
}
#contact .contact .item {
	padding: 10px 5px 5px;
}
#contact .contact .item p {
	font-weight: 500;
}
#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 7px;
	width: 240px;
	font-size: 100%;
	font-weight: normal !important;
}
#contact .contact .detail input[type="radio"] {
	font-size: 100%;
}
#contact .contact .detail input[type="radio"]:first-child {

}
#contact .contact .detail input::placeholder {
	font-size: 100%;
	color: #ababab;
}
#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 #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: 60px;
}
#contact .contact .detail #kibou2 {

}
#contact .contact .detail #address {
	width: 85%;
}
#contact .contact .detail #btn-ajaxzip {
	margin-top: 7px;
	font-size: 90%;
	font-weight: 500 !important;
}
#contact .contact .detail #ken {
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: 500 !important;
}
#contact .contact .detail #age {
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: 500 !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: 500;
}
#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: #80c032;
}
#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;
}
#contact .pageback a:hover {
	opacity: 0.7;
}