@charset "UTF-8";
/* CSS Document */

body {
	font-family: "ヒラギノ丸ゴ W3 JIS2004", "Hiragino Maru Gothic W3 JIS2004";
	background: white;
	color: black;
	padding-top: 70px;
	line-height: 2.0;
}
.wrap { /*余白消し*/
	overflow: hidden;
}
.margin-s-sp{
margin:0 30px;
}
@media (min-width:768px) {
.margin-s-sp{
margin:0
}
}

.margin-m-sp{
margin:0 40px;
}
@media (min-width:768px) {
.margin-m-sp{
margin:0
}
}

h1{
	margin:0;
}
a:hover{
	text-decoration: none;
}
@media (min-width:768px) {
.pc_none {
	display: none;
}
}
b {
	font-family: "ヒラギノ丸ゴ W6 JIS2004", "Hiragino Maru Gothic W6 JIS2004";
}
.sfont {
	font-size: 11px;
}
nav {
	display: flex;
	justify-content:space-between;
	background: #E2F4EF;
	height: 90px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
nav div{
	padding:13px;
}
.title_logo {
	width: 150px;
}
.nav_buttons {
	width: 50%;
	max-width: 500px;
	display: table;
	height: inherit;
}
nav p {
	display:none;
}
@media (min-width:660px) {
	.title_logo {
		width: 150px;
	}
	nav div{
		padding:16px;
	}
}
@media (min-width:1160px) {/* 画面が大きい時はアイコンを大きく*/
nav {
	height: 90px;
}
nav div{
	display: flex;
	align-items: flex-end;
}
nav p{
	display: block;
	color: #4792CB;
	font-size:12px;
	margin:0;
	padding:0;
	height: inherit;
}
body {
	padding-top: 90px;
}
.title_logo{
	width: 200px;
}
}

#f-img {
	background: url(../images/photo-3.jpg) no-repeat center center;
	background-size: cover;
}
#c-img {
	background: url(../images/photo-11.jpg) no-repeat center 20%;
	background-size: cover;
}
.section-img {
	height: 30vw;
	overflow: hidden;
}
.section-img img {
	min-height: 380px;
	padding: 0;
	width: 100%;
	transform: translate(0, -50%);
}
nav ul {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
nav .nav_buttons a {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 25%;
	text-align: center;
	background: url(../images/nav_line.png) no-repeat left center;
}
nav .nav_icon {
	width: 50%;
	min-width: 35px;
}
nav .nav_line {
	max-height: 30px;
	max-width: 1px;
}
/*カルーセル*/
.item {
	max-height: 650px;
	overflow: hidden;
}
.item img {
	width: 100%;
}
.carousel{
	background: #d4ece5;
	background-image:  url(../images/photo-blur.jpg) ;
}
.carousel-inner{
	max-width: 1400px;
	margin:0 auto;
}

.carousel-caption {
	right: 0%;
	left: 0%;
	padding-bottom: 5%;
}
.carousel-caption p {
	font-size: 2.5vh;
	line-height: normal;
}
@media (min-width:630px) {
	.carousel-caption {
		right: 50%;
		left: 5%;
		padding-bottom: 14%;
	}
	.carousel-caption p {
		font-size: 3vh;
		line-height: normal;
	}
}
h2 {
	color: #0068B7;
	font-size: 20px;
}

@media (min-width:768px) {
p {
	font-size: 17px;
	line-height: 1.8;
}
.sfont {
	font-size: 13px;
}
h2 {
	font-size: 33px;
}
#info h2 {
	border-top: 1px solid #4792CB;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#info h2 span {
	position: relative;
	top: -11px;
	padding: 0 20px;
	background-color: #D8EEE8;
}
}
.bg_decoration_crossing_blue {
	background: none;
	background-color: #E2F4EF;
	background-image: linear-gradient(30deg, rgba(255, 255, 255, 0) 45%, rgba(209, 235, 228, 0.6) 45%, rgba(208, 234, 227, 0.6)), linear-gradient(-30deg, rgba(209, 235, 228, 0.6) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}
.bg_decoration_crossing_yellow {
	background: none;
	background-color: #FFFAC3;
	background-image: linear-gradient(50deg, rgba(255, 255, 255, 0) 75%, rgba(248, 242, 174, 0.6) 75%, rgba(248, 242, 174, 0.6)), linear-gradient(-30deg, rgba(255, 250, 179, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
}
section#info {
	padding-bottom: 50px;
}
#info article {
	padding: 0px;
	margin-bottom: 30px;
}
#info ul {
	background: white;
	border: solid 1px #ACE2D3;
	font-size: 12px;
	padding: 12px 20px;
	list-style: none;
}
#info li{
	font-size: 12px;
	font-weight: normal;
	color: dimgray;
}
#info li {
	margin-bottom: 5px;
}
a#infoall {
	text-align: right;

	font-weight: bold;
	font-size: 13px;
	padding: 0;
}
span.glyphicon-play {
	display: none;
}

@media (min-width:768px) {
#info article {
	padding: 30px;
	margin-bottom: 0;
}
a#infoall {
	font-weight: normal;
	font-size: 16px;
	padding: 20px;
}
span.glyphicon-play {
	display: inline;
}
#info ul {
	background: none;
	border: none;
	padding: 0;
}
#info li{
	font-size: 18px;
	line-height: 40px;
}
#info li {
	border-bottom: 1px solid #A9B1B1;
}
#info p {
	display: table-cell !important;
}
}
#info li:last-child {
	margin-bottom: 0;
}
#info p {
	color: #0065BA;
	height: 50px;
	margin: 0;
	display: none;
	vertical-align: middle;
}
.date {
	margin-right: 10px;
}
@media (min-width:768px) {
	.date {
	margin-right: 30px;
}
}
.calender_btn {
	border: #FABE02 solid 2px;
	background: #FABE02;
	color: white;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	transition: background-color 1s;
	margin-top: 30px;
	margin-bottom:40px;
}
.calender_btn:hover {
	background-color: white;
	color: #FABE02;
	border-color: #FABE02;
}
.calender_btn:active {
	background-color: #FABE02;
	color: white;
	border-color: white;
}
.calender_btn svg {
	width: 28px;
	margin-right: 15px;
	vertical-align: middle;
}
.calender_btn svg path {
	fill: white;
}
.calender_btn svg rect {
	fill: white;
}
a:hover .calender_btn svg path {
	fill: #FABE02;
}
a:hover .calender_btn svg rect {
	fill: #FABE02;
}

.timetable_menu{
	text-align:left;

	}
@media (min-width:768px) {
section#timetable.calender_btn {
	display: none;
}
.timetable_menu{
	background:#E2F4EF;
	border-radius:20px;
	padding-left:20px;
	margin-bottom:10px;
}
}

.timetable_menu p{
	 display:inline-block;
 vertical-align:middle;
 	font-weight:bold;
 		margin:0;
	padding-top:5px;
	padding-bottom:5px;
}
.timetable_menu img{
	height:20px;
	float:left;
	margin-right:10px;
}
#date {
	color: #3486C6;
}
section#main_menu {/* TOPページのメインメニューエリア（スマホ）*/
	background: white;
}
#main_menu article {
	background: white;
	font-size: 12px;
	font-weight: bold;
}
.main_menu {
	color : #4792CB;
	border-bottom: solid 1px #E1F4EF;
	display: table;
	height: 100px;
	padding: 0 5px;
}
.main_menu_img {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.main_menu_img svg {
	width: 60px;
}
.main_menu_img img {
	float: left;
}
.main_menu_img path {
	fill: #5AB8FF;
}
.main_menu_img polygon {
	fill: #5AB8FF;
}
.main_menu_img rect {
	fill: #5AB8FF;
}
.main_menu_text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 60%;
}
.lineat_sp_menu {
	display: inline;
}
.lineat_menu {
	display: none;
}
.lineat_pc_menu {
	display: none;
}
#lineat_pc_menu_img {
	display: none;
	width: 0;
}
#main_menu_access{
    width:30px;
}
section#main_menu a:nth-child(odd)>div {
	border-right: solid 1px #E1F4EF;
}
section#main_menu a:nth-child(5)>div {
	border-bottom: none;
}
section#main_menu a:last-child>div {
	vertical-align: middle;
	text-align: center;
	border-bottom: none;
}
section#lineatinfo {
	border-top: solid 1px #E1F4EF;
	background-color: white;
	background-image: radial-gradient(#E2F4EF 20%, transparent 0%), radial-gradient(#E2F4EF 20%, transparent 0%);
	background-position: 0 0, 15px 15px;
	background-size: 30px 30px;
	position: relative;
}
#pen1_wrapper {
	padding-top: 60px;
	text-align: right;
	margin-bottom: 25px;
}
#pen3_wrapper {
	padding-top: 60px;
	display: none;
}
#pen4 {
	display: none;
}
#line_message {
	margin-top: 50px;
	background: #E2F4EF;
	font-size: 11px;
	color: #4792CB;
	padding: 15px 20px;
	width: 280px;
	border-radius: 25px;
}
#reservation_message_2 {
	margin-top: 30px;
	background-color: white;
	background-position: 0 0, 15px 15px;
	background-size: 30px 30px;
	padding-bottom: 30px;
	border-radius:20px;
}
#reservation_message p {
	text-align: left;
	/*padding: 0 15%;
	padding-top: 15px;
	*/
}
#kakarilinkbox{
    position: relative;
}
p#kakarilinktext{
    margin:0 auto;
    margin-top:40px;
    text-decoration: underline;
    text-align: center;
}
@media (min-width:768px) {
    p#kakarilinktext{
    position: absolute;
    margin-top:85px;
    text-decoration: underline;
    text-align: left;
}
}
@media (min-width:768px) {/* TOPページのメインメニューエリア（PC）*/
#reservation_message_2 {
	background: white;
}
section#main_menu {
	background: #FDFFF5;
}
#main_menu article {
	background: #DFE1D8;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 130px;
	margin-bottom: 30px;
	box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2);
}
.main_menu {
	color : #4792CB;
	display: block;
	border: none;
	height: 250px;
}
.main_menu_img {
	display: table;
	height: 70%;
	width: 100%;
	vertical-align: middle;
	padding: 0;
	padding-top:8%;
	margin: 0;
	text-align: center;
}
.main_menu_imgcell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.main_menu_img svg {
	float: none;
	display: inline;
	margin: 4% 0;
	/*height: 40%;*/
	width: 30%;
	transition: height 0.5s ease-in;
}
.main_menu_img svg path {
	fill: #fff;
}
.main_menu_img rect {
	fill: #fff;
}
.main_menu_img polygon {
	fill: #fff;
}
.main_menu_text {
	display: block;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 20px;
	height: 20%;
}

#lineat_pc_menu_img {
	display: table;
	width: 100%;
	height: 40%;
}
    
#main_menu_access{
    width:18%;
}
section#main_menu a:nth-child(odd)>div {
	border-right: none;
	background: #F4C501;
}
section#main_menu a:nth-child(even)>div {
	border-right: none;
	background: #6DD8BF;
}
section#main_menu a:nth-child(5)>div {
	border-bottom: none;
}
section#lineatinfo {
	border-top: none;
	background-color: white;
	background-image: linear-gradient(180deg, rgba(253, 255, 244, 1) 0%, rgba(253, 255, 244, 1) 40%, #F0F7FD 40%, #F0F7FD 43%, rgba(255, 255, 255, 0) 43%), radial-gradient(#E2F4EF 20%, transparent 0%), radial-gradient(#E2F4EF 20%, transparent 0%);
	background-position: 0 0, 15px 15px, 0 0;
	background-size: 100%, 30px 30px, 30px 30px;
}
section#lineatinfo article {
	position: relative;
}
#pen1 {
	max-width: 200px;
}
#pen1_wrapper {
	margin-bottom: 200px;
}
#pen3_wrapper {
	display: block;
}
#pen3 {
	max-width: 200px;
}
#pen4 {
	display: block;
	width: 85px;
	bottom: 200px;
	left: 20px;
    margin:0 auto;
	margin-top: 50px;
}
#line_message {
	margin-top: 50px;
	background: #E2F4EF;
	font-size: 20px;
	color: #4792CB;
	padding: 15px 20px;
	width: 400px;
	border-radius: 25px;
}
#reservation_message {
	visibility: visible;
	background: white;
	font-size: 11px;
	border-radius: 25px;
	border: solid 5px lightgray;
	text-align: center;
	margin-top: 50px;
	padding: 60px;
	padding-top:0;
}
#reservation_message p {
	padding-left: 0;
}
}
section#emergency {
	background: #FFFAC3;
}
#emergency article {
	padding-bottom: 30px;
	padding-top: 20px;
}
#emergency img {
	width: 50px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#emergency h2 {
	color: #FFA623;
	font-weight: bold;
}
#emergency p {
	line-height: 1.4;
	margin-bottom: 20px;
}
#emergency a {
	color: #FFA623;
	text-decoration: underline;
	margin-top: 30px;
}
section#foreword, section#care {
	padding-bottom: 0;
}
#foreword article {
	padding: 60px 15px;
}
#foreword p {
	margin-bottom: 30px;
}

@media (min-width:768px) {/* TOPページのごアバウトエリア（PC）*/
#foreword h2 {
	margin: 45px 0;
	font-size: 30px;
}
#care h2 {
	margin: 45px 0;
	font-size: 30px;
}
#foreword p {
	padding-right: 110px;
}
#care p {
	padding-right: 110px;
}
section#foreword, section#care {
	padding-bottom: 100px;
}
}
.left-border {
	border-left: 4px solid #0068B7;
	padding-left: 8px;
	font-weight: bold;
}
#care article {
	padding: 60px 15px;
}
#care p {
	margin-bottom: 30px;
}
.menu {
	background: white;
	border-radius: 25px;
	box-shadow: 0px 2px #D5EDE6;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	width: 100%;
	transition: background-color 1s;
}
#care .menu {
	box-shadow: 0px 2px #FFEDA5;
}
.menu2 {
	box-shadow: 0px 2px #FFEDA5;
}
#foreword a {
	display: block;
}
.menu_area {
	margin: 0 5px;
}

@media (min-width:768px) {/* TOPページのアバウトエリア（PC）*/
.menu {
	height: 66px;
	line-height: 66px;
	font-size: 20px;
	margin-top: 50px;
}
.menu_area {
	margin-top: 75px;
}
}
.menu:hover {
	background-color: #0065BA;
	color: white;
	border-color: white;
}
.menu:active {
	background-color: #0065BA;
	color: white;
	border-color: white;
}
section#inside {
	display: table;
	width: 100%;
	background: url(../images/photo-4.jpg) no-repeat center 60%;
	background-size: cover;
	background-blend-mode: darken;
}
#inside article {
	display: table-cell;
	vertical-align: middle;
}
#inside h2 {
	color: white;
	font-size: 25px;
}
#inside p {
	color: white;
}

@media (min-width:768px) {
section#inside {
	height: 200px;
}
#inside h2 {
	font-size: 40px;
}
}
section#access, section#timetable {
	background: repeating-linear-gradient(90deg, #FEFFF5, 10px, #FDFFED 0, #FDFFED 20px);
	text-align: center;
	padding: 60px 15px;
}
#access h2, #timetable h2 {
	border-top: 1px solid #4792CB;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#access strong {
	color: #0065BA;
	font-size: 16px;
}
#blue_h {
	text-align: center;
	background: #0065BA;
	color: white;
	font-size: 16px;
	border-radius: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 2px;
}
#access h3 {
	color: #0065BA;
	font-size: 16px;
	margin-bottom: 30px;
}

@media (min-width:768px) {
section#access, section#timetable {
	padding-top: 75px;
}
section#timetable {
	border-bottom: #D2E6F4 solid 80px;
}
#blue_h {
	font-size: 20px;
	margin-bottom: 30px;
}
#access article {
	margin-top: 100px;
}
#access h3 {
	color: #FABE00;
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 40px;
	background: url("../images/dot.svg") repeat-x;
	background-size: 12px 6px;
	background-position: center;
}
#access h3 span {
	background-color: #FEFFF5;
}
#access img {
	max-width: 80%;
	margin: 0 auto;
}
#access a {
	text-decoration: underline;
	float: right;
	margin-right: 10%;
	font-size: 18px;
}
}
#access_info {
	text-align: left;
	padding-bottom: 80px;
}

@media (min-width:500px) {
    #access h2 span, #timetable h2 span {
    top: -11px;
}
}
@media (min-width:768px) {
#access_info {
	border-bottom: none;
}
#access h2 span, #timetable h2 span {
	font-size: 33px;
    top: -17px;
}

#access strong p {
	font-size: 28px;
	line-height: 1.5;
}
#reservation_btn {
	display: block !important;
	background: #FABE00;
	border-radius: 20px;
	box-shadow: 0px 2px #DDAA0B;
	width: 200px;
	height: 200px;
	color: white;
	padding: 7% 0;
	margin-top: 0;
}
#reservation_btn span {
	display: block;
	font-size: 20px;
	margin-bottom: 10%
}
#reservation_btn img {
	width: 70%;
}
#reservation_message h3 {
	font-size: 18px;
}
#reservation_btn:hover {
	background: #FFD664;
	border: #FFD664;
}
}
#reservation_btn {
	display: none;
}
.table > thead > tr > th {
	border: none;
}
#access h2 span, #timetable h2 span {
	position: relative;
	top: -11px;
	padding: 0 20px;
	background: #FEFFF5;
}
#nonJapanese_btn {
	margin: 0 auto;
	background: #E2F4EF;
	display: block;
	text-align: center;
	padding: 20px;
	box-shadow: 0px 2px 0 0 #D5EDE6;
	transition: background-color 1s;
	font-size: 15px;
	border-radius: 20px;
	line-height: 1.4;
	margin-bottom: 30px;
	width: 80%;
}
#nonJapanese_btn:hover {
	background: #D4EDE6;
	color: #7DC7B1;
	box-shadow: 0px 2px 0 0 #C8EAE1;
}
h3 {
	font-size: 13px;
	text-align: center;
	color: black;
	font-weight: bold;
}
#timetable article {
	position: relative;/*for pen4 img*/
	padding: 0 15px;
}
#timetable table {
	border: solid 1px #95989A;
	background: white;
	color: #0068B7;
	width: 100%;
	margin: 50px auto 45px auto;
	table-layout: fixed;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
}
#timetable table img {
	margin: 0 auto;
}
#timetable h3 {
	color: #0068B7;
	font-size: 15px;
	margin-bottom: 30px;
	margin-top: 40px;
	background-size: 12px 6px;
	background-position: center;
}
#timetable h3 span {
	background: white;
}

@media (min-width:768px) {
#nonJapanese_btn {
	margin-bottom: 0px;
	width: 100%;
}
#timetable h3 {
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 40px;
	background: url("../images/dot2.svg") repeat-x;
	background-size: 12px 6px;
	background-position: center;
}
#dot{
    height: 10px;
    background: url("../images/dot2.svg") repeat-x;
	background-size: 10px 5px;
	background-position: center;
    margin-top:50px;
}
#timetable table {
	font-size: 20px;
}
#timetable table img {
	width: 50%;
}
}
#timetable table td {
	vertical-align: middle;
}
#timetable table th {
	vertical-align: middle;
	font-family: "ヒラギノ丸ゴ W6 JIS2004", "Hiragino Maru Gothic W6 JIS2004";
}
#timetable table th.time {
	width: 40%
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: none;
}
#timetable thead {
	background: #E2F4EF;
	text-align: center;
}
td {
	color: #FABE00;
}
th {
	text-align: center;
}
/*table角丸*/
#timetable table #table-cell-1 {
	border-radius: 10px 0 0 0;
}
#timetable table #table-cell-2 {
	border-radius: 0 10px 0 0;
}
#timetable table #table-cell-3 {
	border-radius: 0 0 10px 0;
}
#timetable table #table-cell-4 {
	border-radius: 0 0 0 10px;
}

section#footer_icons {
	background: white;
}
#footer_icons {
	padding-top: 60px;
	margin-top: 20px;
	margin-bottom: 90px;
}
.qabox img{
	margin:0 auto;
	width: 150px;
}
@media (min-width:660px) {
	.qabox img{
	width: 270px;
	}
}
footer {
	background: #E2F4EF;
	padding-top: 60px;
}
footer #pc_footer {
	display: none;
}
footer ul {
	margin-top: 20px;
}
footer ul li {
	float: left;
	width: 160px;
	list-style: none;
	border-left: #0065BA solid 1px;
	margin-bottom: 20px;
	padding-left: 15px;
}
footer img {
	width: 300px;
}

@media (min-width:900px) {/* TOPページのフッター（PC）*/
#sp_footer {
	display: none;
}
footer {
	padding-top: 60px;
}
footer section#pc_footer {
	display: block;
	width: 80%;
	margin: 0 auto;
}
small {
	font-size: 11px;
}
}
/*メディアクエリ終わり*/

small {
	color: #0068B7;
}
#arrow_answer {
	background: #E2F4EF;
	border-radius: 25px;
	padding: 15px 20px;
	margin-top: 30px;
	color: #4792CB;
	line-height: 1.2;
}
#arrow_answer:before, #arrow_question:before {
	content: "";
	position: absolute;
	top: 10px;
	margin-left: 2px;
	display: block;
	width: 21px;
	height: 21px;
	z-index: -1;
}
#arrow_answer:after, #arrow_question:after {
	content: "";
	position: absolute;
	top: 50px;
	margin-left: 2px;
	display: block;
	width: 40px;
	height: 10px;
	background: none repeat scroll 0% 0% #E2F4EF;
	transform: rotate(40deg);
	z-index: 20;
}
#arrow_answer:after {
	right: -12px;
	border-radius: 30px 0px;
	transform: rotate(20deg);
}
@media (min-width:768px) {/*PC用　LINEふきだし*/
#arrow_answer {
	background: #E2F4EF;
}
#arrow_answer:before, #arrow_question:before {
	content: "";
	position: absolute;
	top: 10px;
	margin-left: 2px;
	display: block;
	width: 21px;
	height: 21px;
	z-index: -1;
}
#arrow_answer:after, #arrow_question:after {
	content: "";
	position: absolute;
	top: 20px;
	margin-left: 2px;
	display: block;
	width: 47px;
	height: 14px;
	background: none repeat scroll 0% 0% #E2F4EF;
	transform: rotate(40deg);
	z-index: 20;
}
}

@media (min-width:768px) {/* TOPページの救急エリア（PC）*/
section#emergency {
	background-image: url(../images/119car_b.svg), url(../images/night.svg);
	background-repeat: no-repeat;
	background-position: 90% 85%, 10% 15%;
	background-size: 20% auto;
	padding: 80px 0;
}
#emergency h2 {
	font-size: 30px;
	margin-bottom: 60px;
}
#emergency a {
	font-weight: bold;
}
#emergency p {
	line-height: 2.0;
}
}


#recruittable{
    background:white;
}
#recruittable td{
    color:black;
    padding:20px;
}
#recruittable th{
    padding:20px;
vertical-align: middle;
}