/*
Theme Name: GOROKI
Theme URI: https://goroki.com/
Author: GOROKI
Author URI: https://goroki.com/
Description: Original theme for GOROKI — Further by Ink
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: goroki
*/

body {
	background:#fff;
}


.fl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wrapper {
	max-width: 1200px;
	width: 90%;
	margin: auto;
	padding-top: 50px;
}

.header_container {
	height:90px;
	padding: 10px 40px;
}

.logo {
	width: 50px;
}


/* top */
.mv figure {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	
}

.mv .mv_03 {
	max-width: 600px;
	width: 50%;
	padding-top: 70px;
}

.mv h2 {

font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  color: #343030;
}

.top_nav {
	justify-content:flex-start;
	padding-top: 50px;
	max-width: 90%;
	margin-bottom: 2em;
	flex-direction: column;
	align-items: flex-start;
}

.top_nav a {
	display: inline-block;
	font-family: "Fira Sans", sans-serif;
	letter-spacing: 0.6em;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  font-size: 1.4em;
  padding: 0;
  margin-bottom:1em;
 transition: .3s;
 color: #2c1e53;
}

.top_nav a:hover {
	background: yellow;
	transition: .3s;
}


.footer_container {
	height: 100px;
	justify-content: center;
}

.copy {
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	text-align:center;
}



@media (max-width: 480px) {
	
	.top_nav {
		flex-direction: column;
	}
	.top_nav a:first-child {
		margin-bottom: 0.5em;
	}
	
	
	
	}