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

.page-header {
	width: 100%; 
	height: 70px;
	background-image: url("image/header.jpg"); 
	background-repeat: no-repeat; 
	display: flex; 
	justify-content: space-between;}
.logo {width: 180px; margin-top: 30px; margin-left: 50px; }
.main-nav {
	display: flex;
    margin-top: 25px;       
	list-style: none; }
.main-nav li {margin-top: -13px; margin-right: 60px; }
.main-nav img {width: 50px; height: 50px;}
.wrapper {margin: auto; }
.grid-item {
	transform: .5s; }
.grid-item:hover {
    box-shadow: 0px 12px 24px rgba(20, 146, 175, 0.38);
	transform: translate(6px,-10px);
    filter: brightness(150%); }
.grid-item2 {
	transform: .5s; }
.grid-item2:hover {
    filter: opacity(40%); }
.logo {
	transform: .5s; }
.logo:hover {
    filter: opacity(40%); }
.main img {width: 100%; height: 100%; }

h2 {width: 70%; height: 70%;
	font-family: kozuka-mincho-pr6n, serif;
    font-weight: 700;
    font-style: normal;
    color: #373737; }
.center {
  text-align: center; }
.center * {
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto; }
.center2 {
	margin: 20px auto;
	text-align: center;
	display: block;
	width: 80%;
	color: #373737; }
.text {
	text-align: left;
	display: inline-block;
	font-family: kozuka-mincho-pr6n, serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 50px; }
.container {display: flex; flex-wrap: wrap; justify-content: flex-start; }
.item {margin-top:-7px; width: 50%; height: 100%;}

.instagram {display: flex; justify-content: center; margin-top: 50px; }
.instagram img {width: 50px; height: auto; }
.instagram h3 {margin-left: 25px; margin-top: 10px; 
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem; }

footer {
	margin-top: 20px;
	text-align: center;
	padding: 26px 0;}
footer p {
	color: #373737;
	font-size: 1rem;
    border-top: 0.8px solid #373737;
    padding-bottom: 80pX; 
    margin: 50px 100px; }

@media ( max-width : 900px ) {.logo {width: 140px; margin-top: 30px; margin-left: 40px; }}
@media ( max-width : 900px ) {.main-nav img {width: 40px; height: 40px; margin-top: 5px; margin-right: -20px; }}
@media ( max-width : 900px ) {.main img {margin-top: 0px; }}
@media ( max-width : 900px ) {h2 {font-size: 1.05rem; }}
@media ( max-width : 900px ) {.text {font-size: 0.9rem; }}

@media ( max-width : 600px ) {.page-header {width: 100%; height: 50px; }}
@media ( max-width : 600px ) {.logo {width: 120px; margin-top: 20px; margin-left: 30px; }}
@media ( max-width : 600px ) {.main-nav img {width: 32px; height: 32px; margin-top: 0px; margin-right: -10px; }}
@media ( max-width : 600px ) {.grid-item2 {margin-left: -20px; }}
@media ( max-width : 600px ) {.main img {margin-top: 0px; }}
@media ( max-width : 600px ) {h2 {font-size: 1rem; }}
@media ( max-width : 600px ) {.center * {margin-top: 20px; }}
@media ( max-width : 600px ) {.text {margin-bottom: 20px; font-size: 0.8rem; }}
@media ( max-width : 600px ) {.instagram img {width: 35px; height: auto; }}
@media ( max-width : 600px ) {.instagram h3 {margin-top: 5px; margin-left: 18px; font-size: 0.8rem; }}

@media ( max-width : 450px ) {.main-nav li {margin-right: 45px; }}
@media ( max-width : 450px ) {h2 {font-size: 1rem; }}
@media ( max-width : 450px ) {.text {font-size: 0.8rem; }}
@media ( max-width : 450px ) {.item {width: 100%; }}