header,main,footer{
	width:749px;
	margin:0 auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.4);
}
a{
	color:#fff;
	font-size:17px;
	text-decoration: none;
}
a:hover{
	color:#fff;
	opacity:0.8;
}
header{
	height:140px;
	background:url(images/lp-header-bg.jpg) center bottom no-repeat;
}
section{
	width:749px;
	margin:0;
	background-color: #ffffff;
}
.gmap{
	background-color: #ffffff;
	margin-bottom: 50px;
	position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}
.lp-bottom-logo{
	background-color:#2f4f4f;
	padding:80px 0 220px;
	display:flex;
	flex-direction:column;
	align-items: center;
}

iframe {
  width: 100%;
  aspect-ratio: 16/9; 
}
.header-container{
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items:center;
}
.logo{
	margin-left:20px;
}

.menu{
	margin:0 5px 0 30px;
	display: flex;
	flex-direction: column;
}

#fixed-bottom {
	width:749px;
    position: fixed;
    bottom: -174;
    padding:5px 0;
	background: linear-gradient(#ffffff00, #ffffff 50%);
    z-index: 9999;
}
#fixed-bottom div{
    justify-content: center;
    max-width: 713px;
    margin: 0 auto;
}
@media (max-width: 749px) {
	header,main,footer,section,#fixed-bottom,.gmap{
	width:100%;
	margin:0;
	box-shadow: none;
	}
	.logo{
	margin-left:0px;
}
header{
	height:120px;
	background:url(images/lp-header-bg.jpg) center bottom no-repeat;
}
.menu {
    margin: 0 5px 0 0;
}
}
@media (max-width: 520px) {
header{
	height:110px;
}
.menu {
    margin: 0 5px 0 0;
}
}



a:hover img{
	opacity:0.8;
}
#fixed-bottom a:hover{
	opacity:1;
}

#fixed-bottom a img {
	transition: filter 0.5s ease;
}
#fixed-bottom a:hover img {
	opacity:1;
	filter: brightness(1.10)
}
.shiny-btn{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.shiny-btn:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-230px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.shiny-btn2{
display:inline-block;
position:relative;
overflow:hidden;
}
.shiny-btn2:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection2 3s ease-in-out infinite;
}
 
@keyframes reflection2 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
body {font-family:" q   M m p S ProN", "Hiragino Kaku Gothic ProN","Helvetica Neue","   C   I", Meiryo,"MS PGothic","Osaka",Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing: 0.5px;color:#333;background-color:#e5e0da;}


img{max-width:100%;}




.tab_box {
	width:100%;
	margin:0 auto;
	text-align:center;
}
@media (max-width: 838px) {
	.tab_box{
	width:100%;
	margin:0;
	}
}
.tab_box .btn_area {
	width:749px;
	height:117px;
	margin:0 auto;
	display: -webkit-box;
	display: flex;
}
@media (max-width: 838px) {
.tab_box .btn_area {
	width:100%;
	margin:0;
	}
}

.tab_box .tab_btn {
	width: 50%;
	cursor: pointer;
	text-indent:-9999px;
	transition: all 0.2s ease 0s;
	background-size: contain;
}
.tab_box .tab_btn1 {
	background:url(images/tab-01.jpg) left bottom no-repeat;
	background-size: contain;
}
.tab_box .tab_btn2 {
	background:url(images/tab-02.jpg) left bottom no-repeat;
	background-size: contain;
}
.tab_box .tab_btn + .tab_btn {
}

.tab_box .tab_btn1:hover {
	background:url(images/tab-01on.jpg) left bottom no-repeat;
	background-size: contain;
	opacity:0.8;
}
.tab_box .tab_btn2:hover {
	background:url(images/tab-02on.jpg) left bottom no-repeat;
	background-size: contain;
	opacity:0.8;
}
.tab_box .tab_btn1.active,.tab_box .tab_btn1.active:hover {
	background:url(images/tab-01on.jpg) left bottom no-repeat;
	background-size: contain;
	opacity:1;
}
.tab_box .tab_btn2.active,.tab_box .tab_btn2.active:hover {
	background:url(images/tab-02on.jpg) left bottom no-repeat;
	background-size: contain;
	opacity:1;
}

.tab_box .panel_area {
	width:100%;
}
.course-btn {

}
@media (max-width: 838px) {
.tab_box .panel_area {
	width:100%;
	margin:0;
	}
}
.tab_box .tab_panel.active {
	overflow: visible;
	min-height: 1000px;
	height: auto;
	opacity: 1;
	transition: opacity .4s ease-in-out;
}
.tab_box .tab_panel {
	overflow: hidden;
	height: 0;
	opacity: 0;
}