@charset "utf-8";

/*--------------------------------------------
	 BASE
--------------------------------------------*/

@media print {
#hbgNavi {
	display: none;
}
}
@media screen and (min-width : 768px ) {
.over:hover {
	opacity: 0.7;
}
}
.ios .over:hover, .ios .over:active, .ios .over:link, .ios .over:visited, .ios .over::focus {
 opacity:1;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
:root .cf::after { /* IE9 */
	content: ""\9;
	clear: both\9;
	display: block\9;
	height: 0\9;
}
.noEvent {
	pointer-events: none;
}
*, *:before, *:after {
	box-sizing: border-box;
}
input[type="submit"]{
-webkit-appearance: none;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	width: 100%;
	color: #333333;
	font-size: 1.6rem;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 500;
	line-height: 1.875;
	letter-spacing: 0.05em;
	-webkit-font-smoothing: antialiased;
}
a {
	text-decoration: none;
	color: #333333;
	transition: 0.4s ease-in-out;
}
table {
	width: 100%;
}
.tel-link a {
	color: #333;
}
/*--------------------------------------------
	共通パーツ
--------------------------------------------*/
/*レイアウト*/
.inner_main {
	max-width: 1200px;
	margin: 0 auto;
}
.inner_main > .inner_wrap {
	display: flex;
	flex-wrap: wrap;
}
.container {
	padding: 10rem 3rem;
	position: relative;
	overflow: hidden;
}
.container.full {
	margin-right: -3rem;
	margin-left: -3rem;
}
.sec_second {
	padding: 70px 0;
}
.sec_second:last-child {
	padding-bottom: 0;
}
/*flex*/
.flex {
	display: flex;
}
.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex.between {
	justify-content: space-between;
}
.flex.around {
	justify-content: space-around;
}
.flex.flex_start {
	justify-content: flex-start;
}
.flex.flex_end {
	justify-content: flex-end;
}
.flex.center {
	justify-content: center;
}
.flex.align_center {
	align-items: center;
}
.flex_container {
	display: flex;
	flex-direction: row;
}
.txt_vertical {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}
.txt_horizontal {
	writing-mode: horizontal-tb;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
}
.ofi {
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
/*セクションの配色*/
.bg_gray {
	background: #efefef;
}
/*カラー*/
.color_blue {
	color: #68aee3;
}
.color_white {
	color: #fff;
}
.color_red {	
	color: #df1f1f;
}
.color_brown {	
  color: #770101;
}

/*ボタン*/
.txt_box + .btn {
	margin-top: 4.3rem;
}
.btn a {
	display: block;
	position: relative;
	line-height: 1;
}
.btn_primary {
	max-width: 25rem;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	padding: 2.3rem 0;
	background: #68aee3;
	transition: 0.4s ease-in-out;
	display: block;
	line-height: 1;
	text-align: center;
	position: relative;
	z-index: 0;
	border-radius: 3rem;
}
.btn_primary.btn_white {
	background: #fff;
	color: #288f28;
	font-size: 1.6rem;
}
.btn_primary.center {
	margin: 0 auto;
}
.btn_primary.btn_bd {
	background: transparent;
	border-color: #fff;
}
.btn_primary.btn_sm {
	width: 200px;
	padding: 1.2rem 0;
}
.txt_link  {
	font-size: 1.4rem;
	position: relative;
	display: inline-block;
	line-height: 1;
	color: #68aee3;
	font-weight: 700;
	padding-right: 2.8rem;
}
.txt_link:after {
	content: '';
	width: 8px;
	height: 13px;
	background: url(../Image/common/arrow_txt_link.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 0;
	transition: 0.4s ease-in-out;
}
@media print, screen and (min-width : 992px ) {
	.btn_primary:hover {
		color: #68aee3;
		background: #fff;
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	}
	.txt_link:hover:after {
		right: -0.5rem;
	}

}
/*タイトル*/
h2,h3 {
	line-height: 1;
}
.ttl_01 {
	font-size: 3rem;
	font-weight: 500;
}
.ttl_02 {
	font-size: 3.6rem;
	font-weight: 500;
}
.ttl_02 + .ttl_en {
	font-size: 1.2rem;
	line-height: 0.8;
	margin-top: 1.3rem;
	color: #288f28;
	font-weight: 700;
}
.ttl_03 {
	font-weight: 700;
	font-size: 2.4rem;
}
.ttl_04 {
	color: #fff;
	font-size: 4rem;
	line-height: 1;
	font-weight: 500;
}
.ttl_icon {
	position: relative;
	padding-left: 1.27em;
}
.ttl_icon:before {
	content: '';
	width: 0.83em;
	height: 0.83em;
	background: #288f28;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0.083em;
}
.ttl_box .ttl_en {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	line-height: 1;
	font-size: 1.8rem;
}
.ttl_en {
	font-family: 'Roboto', sans-serif;
}
.ttl_box.deco_wave {
	margin-bottom: 5rem;
}
.deco_wave {
	margin-bottom: 5rem;
}
.deco_wave .ttl_en {
	margin-bottom: 2rem;
	font-weight: 500;
}
.ttl_box.center {
	text-align: center;
}
.sec_icon {
	padding-top: 10rem;
	position: relative;
}
.sec_icon:before {
	content: '';
	width: 8rem;
	height: 8rem;
	background: no-repeat #68aee3 center / auto 44px;
	border-radius: 0 0 10px 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.l_box > .ttl_box {
	margin-bottom: 5rem;
	margin-top: 2rem;
}
.l_box .ttl_box > .ttl_en {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}
.l_box .ttl_box > .ttl_en + .ttl_01 {
	margin-top: 2.6rem;
}
.deco_wave {
	position: relative;
}
.deco_wave:after {
	content: '';
	height: 7px;
	width: 253px;
	margin: 2rem auto 0;
	display: block;
	background: URL(../Image/common/line_wave.png) no-repeat center / auto 9px;
}
.deco_wave.sm:after {
	width: 179px;
}
.deco_dot {
	padding:0 1.1rem 1.5rem 1.1rem;
	border-bottom: dotted 3px #68aee3;
	display: inline-block;
}
.txt_box p:not(:first-child) {
	margin-top: 1.6rem;
}
/*--------------------------------------------
	HEADER
--------------------------------------------*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.4s ease-in-out;
	z-index: 100;
}
header.fixed {
}
header .header_inner {
	padding: 2.6rem 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .h_left {
	background: #fff;
	border-radius: 10px;
	padding: 1.2rem 5rem 1.2rem 3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
header .h_logo {
	margin-right: 8rem;
}
header .h_logo a {
	display: block;
}
header .h_logo img {
	max-width: 160px;
}
header .h_navi ul {
	display: flex;
}
header .h_navi ul li {
	margin-right: 3rem;
	position: relative;
}
header .h_navi > ul > li:after {
	content: '';
	width: 5px;
	height: 5px;
	background: #68aee3;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	transition: 0.1s ease-in-out;
	opacity: 0;
}
header .h_navi ul li.current:after {
	content: '';
	width: 5px;
	height: 5px;
	background: #68aee3;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	opacity: 1;
}
header .h_navi ul li:last-child {
	margin-right: 0;
}
header .h_navi ul li .nav_item {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	padding: 0.4rem 0;
}
header .h_navi ul li .nav_item:before {
	content: '';
	width: 1px;
	height: 16px;
	background: #68aee3;
	position: absolute;
	bottom: -21px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transition: 0.8s ease-in-out;
	transform: scale(0);
	transform-origin: top left;
}
header .h_navi ul li.current .nav_item:before {
	content: '';
	width: 1px;
	height: 16px;
	background: #68aee3;
	position: absolute;
	bottom: -21px;
	/*left: 50%;*/
	transform: none;
}
header .h_navi ul li.current .nav_item:after {
	content: '';
	width: 5px;
	height: 5px;
	background: #68aee3;
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -2.5px;
	border-radius: 50%;
	transition: 0.4s ease-in-out;
}
header .h_navi ul li.drop{
	position: relative;
}
header .h_navi ul li.drop .sub_menu{
    position: absolute;
    max-width: 500px;
    width: 360%;
    top: 96%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    border-radius: 15px;
}
header .h_navi ul li.drop .sub_menu li{
	width: 100%;
	opacity: 0;
	margin-top: -17%;
	transition: all .3s ease-out;
}
header .h_navi ul li.drop .sub_menu li a{
	display: block;
	padding: 5% 9%;
	width: 100%;
	color: #fff;
	line-height: 1;
	background:#68aee3;
}
header .h_navi ul li.drop .sub_menu li:first-child a{
	padding-top: 10%;
	border-radius:15px 15px 0 0 ;
}
header .h_navi ul li.drop .sub_menu li:last-child a{
	padding-bottom: 10%;
	border-radius:0 0 15px 15px;
}
header .h_navi ul li.drop .sub_menu li a:hover{
	background:#53a2de;
}
header .h_navi ul li.drop:hover{
	margin-top: 0;
}
header .h_navi ul li.drop:hover .sub_menu li{
	opacity: 1;
	margin-top: 0;
}

.contact_box {
	background: #68aee3;
	color: #fff;
	padding: 1.3rem 4rem;
	display: flex;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.contact_box .h_contact {
	margin-right: 3rem;
  position: relative;
}
.contact_box .h_contact a {
	color: #fff;
	padding-left: 4.3rem;
	font-size: 1.4rem;
	font-weight: 700;
}
.contact_box .h_contact a:before {
	content: '';
	width: 34px;
	height: 34px;
	background: url(../Image/common/icon_mail.png) no-repeat center / contain;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -17px;
}
.contact_box .h_tel {
	line-height: 1;
	padding-left: 4.3rem;
	position: relative;
	font-weight: 700;
}
.contact_box .h_tel:before {
	content: '';
	width: 34px;
	height: 34px;
	background: url(../Image/common/icon_tel.png) no-repeat center / contain;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -17px;
}
.contact_box .h_tel .num {
	font-family: 'Roboto', sans-serif;
	line-height: 0.8;
	font-size: 2.4rem;
}
.contact_box .h_tel .txt {
	font-size: 1.2rem;
	margin-top: 0.5rem;
}
@media screen and ( min-width: 992px ) {
	header .h_navi ul li:hover:after {
		opacity: 1;
	}
	header .h_navi ul li .nav_item:hover {
		color: #68aee3;
	}
	header .h_navi ul li .nav_item:hover:before {
		transform: scale(1);
	}
	header .h_navi ul li .nav_item:hover:after {
		content: '';
		width: 5px;
		height: 5px;
		background: #68aee3;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -2.5px;
		border-radius: 50%;
		transition: 0.4s ease-in-out;
		-webkit-animation: moveCircle linear;
    animation: moveCircle linear;
		animation-duration: 0.8s;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}
	header .h_navi ul li.current .nav_item:hover:after {
		animation: none;
		bottom: -26px;
	}
}
/*--------------------------------------------
	INFORMATION
--------------------------------------------*/
.sec_info {
	border-top: solid 1px #eaeaea;
	padding-top: 0;
}
.sec_info .inner_wrap .r_box {
	width: 71.8%;
	transition-duration: 2s;
}
.sec_info .inner_wrap .l_box {
	width: 28.2%;
	transition-duration: 2s;
}
.sec_info .l_box .tel {
	font-size: 2.4rem;
	font-family: 'Roboto', sans-serif;
	line-height: 0.8;
	font-weight: 400;
}
.sec_info .l_box .tel .num {
	font-weight: 700;
	font-size: 3rem;
	margin-top: 1.6rem;
}
.sec_info .l_box .card {
	margin-top: 4rem;
}
.sec_info .l_box .card .txt {
	font-size: 1.4rem;
	line-height: 1;
	margin-top: 1rem;
}
.sec_info .table_wrap table {
	color: #fff;
}
.sec_info .table_wrap tr {
border-bottom: solid 1px #fff;
}
.sec_info .table_wrap tr th {
	background: #68aee3;
	text-align: center;
	font-weight: 500;
	border-right: solid 1px #fff;
	padding: 0.7rem 0;

}
.sec_info .table_wrap tr th:first-child {
	width: 26.6%;
}
.sec_info .table_wrap tr td {
  text-align: center;
  color: #68aee3;
  background: #e7f5ff;
  border-right: solid 1px #fff;
  width: 9.17%;
}
.sec_info .table_wrap tr td span {
   font-size: 1.3rem;
   line-height: 1.5;
  display: block;
}
.sec_info table + .txt {
	margin-top: 1.3rem;
}
.sec_info .r_box .btn {
	margin-top: 2.3rem;
}
.sec_info .sec_icon:before {
	background-image: url(../Image/common/icon_calender.png);
}

/*--------------------------------------------
	ACCESS
--------------------------------------------*/
.sec_access {
	background: #f0f9ff;
	padding-top: 0;
}
.sec_access .inner_wrap .r_box {
	width: 71.8%;
	transition-duration: 1.5s;
}
.sec_access .inner_wrap .r_box .map_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec_access .inner_wrap .r_box .map_item {
	width: 48%;
}
.sec_access .inner_wrap .r_box .map_item .txt_map {
	margin-top: 1rem;
}
.sec_access .inner_wrap .r_box .map_item .txt_map a {
	text-decoration: underline;
}

.sec_access .inner_wrap .r_box .map_item .btn {
	margin-top: 1.3rem;
}
.sec_access .inner_wrap .r_box .txt_parking {
	margin-top: 3rem;
}
.sec_access .inner_wrap .r_box .txt_parking .txt:not(:first-child) {
	margin-top: 1.5rem;
}
.sec_access .inner_wrap .r_box .txt_parking .txt span {
	font-weight: bold;
}
.sec_access .inner_wrap .l_box {
	width: 28.2%;
	transition-duration: 1.5s;
}
.sec_access .address .name {
	font-size: 2.4rem;
	display: block;
	line-height: 1;
	margin-bottom: 1rem;
}
.sec_access .address .item:not(:first-child) {
	margin-top: 3.1rem;
}
.sec_access .map {
	border-radius: 10px;
	overflow: hidden;
	padding-top: 80%;
	position: relative;
}
.sec_access .map iframe {
	position: absolute;
	top: 0;
	left: 0;
}
.sec_access .sec_icon:before {
	background-image: url(../Image/common/icon_access.png);
}
/*--------------------------------------------
	FOOTER
--------------------------------------------*/
footer {
	padding: 0 3rem;
	text-align: center;
}
footer .footer_inner {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 4.3rem;
	padding-bottom: 5rem;
}
footer .f_top {
}
footer .f_nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .f_nav .f_nav_item {
	display: block;
	font-size: 1.4rem;
}
footer .f_top .f_nav li:not(:last-child) {
	margin-right: 3rem;
	position: relative;
	padding-right: 3rem;
}
footer .f_top .f_nav li:not(:last-child):before,
footer .f_top .f_nav li:not(:last-child):after {
	content: '';
	width: 2px;
	height: 2px;
	background: #636363;
	position: absolute;
	right: 0;
	top: 50%;
}
footer .f_top .f_nav li:not(:last-child):before {
	margin-top: -2px;
}
footer .f_top .f_nav li:not(:last-child):after {
	margin-top: 2px;
}
footer .copy {
	font-size: 1.2rem;
	line-height: 1;
	margin-top: 2.3rem;
}
footer .f-bnr{
  max-width: 330px;
  margin:1.5rem auto ;
}
footer .f-bnr a{
	display: block;
	transition-duration: 0.3s;
}
@media screen and (min-width : 920px ) {
	footer .f_top .f_nav .f_nav_item:hover {
		color: #68aee3;
	}
	footer .f-bnr a:hover{
		opacity: 0.6;
	}

}
.totop {
	opacity: 0;
	position: fixed;
	right: 3rem;
	bottom: 6rem;
	transition: 0.4s ease-in-out;
}
.totop.visible {
	opacity: 1;
}

.totop a {
	display: block;
	background: ;
	width: 5rem;
	height: 5rem;
	border-radius: 5px;
	background: url(../Image/common/arrow_totop.png) no-repeat #68aee3 center / 20px;
}
@media screen and (min-width : 768px ) {
.totop:hover a {
	background: url(../Image/common/arrow_totop_bl.png) no-repeat #fff center / 20px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
}

/*       ANIMATION
----------------------------*/
@-webkit-keyframes rotateRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes rotateRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotateLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.animation_rotate {
	-webkit-animation: rotateRight infinite linear;
	animation: rotateRight infinite linear;
}
.animation_rotate.rotate01 {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}
.animation_rotate.rotate02 {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
}
.animation_rotate.rotate03 {
	-webkit-animation-duration: 11s;
	animation-duration: 11s;
}
.animation_rotate.rotate04 {
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
}
.animation_rotate.rotateRverse01 {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	animation-direction: reverse;
	-webkit-animation-direction: reverse;
}
.animation_rotate.rotateRverse02 {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	animation-direction: reverse;
	-webkit-animation-direction: reverse;
}
.animation_rotate.rotateRverse03 {
	-webkit-animation-duration: 11s;
	animation-duration: 11s;
	animation-direction: reverse;
	-webkit-animation-direction: reverse;
}
.animation_rotate.rotateRverse04 {
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	animation-direction: reverse;
	-webkit-animation-direction: reverse;
}
@media screen and (min-width : 768px) {
.animation, .animation:before, .animation:after {
	/* transition: all 0.8s ease-in-out; */
	position: relative;
}
.animation.scale {
	transform: scale(0.8);
	opacity: 0;
}
.animation.up {
	transform: translateY(40px);
	opacity: 0;
}
.animation.left {
	transform: translateX(-50px);
	opacity: 0;
}
.animation.right {
	transform: translateX(50px);
	opacity: 0;
	transition-duration: 1.5s;
}
.animation.slideLeft {
	transform: translateX(-1000px);
	transition-duration: 5s;
}
.animation.boxRight.boxBlue:before,
.animation.boxLeft.boxBlue:before {
	background: #123062;
}
.animation.is-active {
	opacity: 1;
}
.animation.is-active.scale {
	transform: scale(1);
}
.animation.is-active.up {
	transform: translateY(0);
}
.animation.is-active.left {
	transform: translateX(0);
}
.animation.is-active.right {
	transform: translateX(0);
}
.animation.is-active.boxDown:before {
	height: 0;
}
.animation.is-active.boxLeft:before {
	width: 0;
}
.animation.is-active.boxRight:before {
	width: 0;
}
.animation.is-active.slideLeft {
	transform: translateX(0);
}
*[data-delay="0"], *[data-delay="0"]:before, *[data-delay="0"]:after {
	transition-delay: 0s;
}
*[data-delay="100"], *[data-delay="100"]:before, *[data-delay="100"]:after {
	transition-delay: .1s;
}
*[data-delay="200"], *[data-delay="200"]:before, *[data-delay="200"]:after {
	transition-delay: .2s;
}
*[data-delay="300"], *[data-delay="300"]:before, *[data-delay="300"]:after {
	transition-delay: .3s;
}
*[data-delay="400"], *[data-delay="400"]:before, *[data-delay="400"]:after {
	transition-delay: .4s;
}
*[data-delay="500"], *[data-delay="500"]:before, *[data-delay="500"]:after {
	transition-delay: .5s;
}
*[data-delay="600"], *[data-delay="600"]:before, *[data-delay="600"]:after {
	transition-delay: .6s;
}
*[data-delay="700"], *[data-delay="700"]:before, *[data-delay="700"]:after {
	transition-delay: .7s;
}
*[data-delay="800"], *[data-delay="800"]:before, *[data-delay="800"]:after {
	transition-delay: .8s;
}
*[data-delay="900"], *[data-delay="900"]:before, *[data-delay="900"]:after {
	transition-delay: .9s;
}
*[data-delay="1000"], *[data-delay="1000"]:before, *[data-delay="1000"]:after {
	transition-delay: 1s;
}
/*keyframe animation*/
@-webkit-keyframes moveCircle {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
				-webkit-opacity: 1;
        opacity: 1;
    }
		100% {
			-webkit-transform: translateY(16px);
			transform: translateY(16px);
			/* -webkit-opacity: 0;
			opacity: 0; */
    }
}
@keyframes moveCircle {
	0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			-webkit-opacity: 1;
			opacity: 1;
	}
	100% {
			-webkit-transform: translateY(16px);
			transform: translateY(16px);
			/* -webkit-opacity: 0;
			opacity: 0; */
	}
}

@keyframes Drop01 {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 1;
    }
	90% {
		opacity: 0.3;
	}
    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
}
/*----------------------------------------------------

 (max-width : 1199px)

*----------------------------------------------------*/
@media screen and (max-width : 1199px ) {
	header .h_logo {
		margin-right: 3rem;
	}
	header .h_left {
		padding: 1.2rem 3rem;
	}
	header .h_navi ul li {
		margin-right: 2rem;
	}
	header .h_right {
		padding: 1.3rem 3rem;
	}
	header .h_contact {
		margin-right: 1.5rem;
	}
	header .h_contact a {
		padding-left: 3.4rem;
	}
	.sec_info .inner_wrap .l_box {
		width: 35%;
	}
	.sec_info .inner_wrap .r_box {
		width: 65%;
	}
	.sec_access .inner_wrap .l_box {
		width: 35%;
	}
	.sec_access .inner_wrap .r_box {
		width: 65%;
	}

	footer .f-bnr{
	  margin:1.5rem auto ;
	}
}
/*----------------------------------------------------

(min-width : 992px) and (max-width : 1199px)

*----------------------------------------------------*/
@media (min-width : 992px) and (max-width : 1199px) {
	/* .sec_access .map {
		padding-top: 50%;
	} */

}