@charset "utf-8";
/* Style tab links */
.tab {
    overflow: hidden;
	margin-top: -25px;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Style the buttons inside the tab */
.tab button {
    background-color:#8dc2b7 ;
    display:inline-block;
    border: none;
    outline: none;
    cursor: pointer;
	padding:20px;
    transition: 0.3s;
    font-size: 1.0625rem;
	color:#fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.0625rem;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #fff;
	color:#8dc2b7;
	font-weight: bold;
	-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.75);
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
	display: inline-block;
	font-size: 1.0625rem;
	content: "";
}

.tab button.active::after{
	content: "";
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 8px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}