@charset "utf-8";
/* --------------------------------------------
 * TOPページ
 * ----------------------------------------- */
 
/* はじめに
---------------------------------------------*/
/* レイアウト */
.welcome .box {
	width: 57.5%;
}

@media (max-width: 640px) {
.welcome .box {
	width: 100%;
}
}
/* 画像 */
.welcome .inner {
	position: relative;
}
.welcome .image {
	position: absolute;
	top: 80px;
	right: 0;
	z-index: -99999;
}

@media (max-width: 640px) {
.welcome .image {
	position: relative;
	top: auto;
	right: auto;
	z-index: auto;
}
.welcome .image img {
	margin-top: 50px;
	width: 100%;
}
}
/* シグネチャ */
.signature {
	margin-top: 50px;
	font-family: 'Shippori Mincho B1', serif;
	font-size: 2.0rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-align: right;
}
/* INFORMATION
---------------------------------------------*/
.info {
	padding-bottom: 200px;
}
#feed dd {
	margin-top: 1em;
}
/* PROFILE
---------------------------------------------*/
/* 背景 */
.top-profile {
	background: url("../img/profile.jpg") no-repeat center top;
	background-size: cover;
}
.top-profile .content-title {
	margin: 0 auto 100px;
}
.top-profile .inner-wide:first-of-type {
	padding-top: 200px;
	padding-bottom: 100px;
}
/* レイアウト */
.top-profile .inner-wide:first-of-type .box {
	width: 57.5%;
}

@media (max-width: 640px) {
.top-profile .inner-wide:first-of-type .box {
	width: 100%;
}
}
/* ボタン */
.top-profile .button {
	width: 54.34782608695652%;
}

@media (max-width: 640px) {
.top-profile .button {
	width: 100%;
}
}
/* PROFILE下段
---------------------------------------------*/
/* 背景 */
.top-profile .inner-wide:nth-of-type(2) {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: rgba(1, 34, 63, 0.8);
	color: #fff;
}
/* レイアウト */
.top-profile .inner-wide:nth-of-type(2) .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-profile .inner-wide:nth-of-type(2) .box {
	width: 45%;
}

@media (max-width: 640px) {
.top-profile .inner-wide:nth-of-type(2) .box {
	width: 100%;
}
.top-profile .inner-wide:nth-of-type(2) .box:nth-of-type(2) {
	margin-top: 50px;
}
}
/* インスタグラム */
.top-profile .instagram img {
	margin-left: 10px;
	width: 25px;
}
/* リンクカラー */
.top-profile .inner-wide:nth-of-type(2) a {
	color: #fff;
}
/* MEDIA
---------------------------------------------*/
/* レイアウト */
.media .media-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.media .box {
	margin-right: 8.4375%;
	width: 27.70833333333333%;
}
.media .box:nth-of-type(3n) {
	margin-right: 0;
}
.media .box:nth-of-type(n+4) {
	margin-top: 50px;
}

@media (max-width: 640px) {
.media .box {
	margin: 0 auto;
	width: 100%;
}
.media .box:nth-of-type(3n) {
	margin: 0 auto;
}
.media .box:nth-of-type(n+2) {
	margin-top: 50px;
}
}
/* 画像 */
.media .image img {
	width: 100%;
}
.media a:hover .image {
	opacity: 0.8;
}
/* 見出し */
.media .content-title-main {
	margin-top: 30px;
}
/* STORY
---------------------------------------------*/
/* 画像 */
.top-story .image {
	margin-left: 8.4375%;
	float: right;
}

@media (max-width: 960px) {
.top-story .image {
	width: 63.85416666666667%;
}
.top-story .image img {
	width: 100%;
}
}

@media (max-width: 640px) {
.top-story .image {
	margin: 0 auto 50px;
	float: none;
	width: 100%;
}
}
/* ボタン */
.top-story .inner {
	position: relative;
}
.top-story .button {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (max-width: 640px) {
.top-story .button {
	position: relative;
	right: auto;
	bottom: auto;
}
}
/* INTERVIEW
---------------------------------------------*/
/* 画像 */
.top-interview .image {
	margin-right: 8.4375%;
	float: left;
}

@media (max-width: 960px) {
.top-interview .image {
	width: 63.85416666666667%;
}
.top-interview .image img {
	width: 100%;
}
}

@media (max-width: 640px) {
.top-interview .image {
	margin: 0 auto 50px;
	float: none;
	width: 100%;
}
}
/* ご連絡は、こちらから承ります
---------------------------------------------*/
/* 背景 */
.top-contact {
	margin-top: 200px;
	background: url("../img/contact.jpg") no-repeat center top;
	background-size: cover;
}
.top-contact .content-title {
	margin: 0 auto 100px;
	text-align: center;
}
.top-contact .inner-wide {
	padding-top: 200px;
	padding-bottom: 100px;
}
/* レイアウト */
.top-contact .box {
	margin: 0 auto;
	width: 57.5%;
}

@media (max-width: 640px) {
.top-contact .box {
	width: 100%;
}
}