@charset "UTF-8";
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">

/*共通部分*/
html{
	font-size: 100%
}

body{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;

    line-height: 1.7;
    color: #432;
}

a{
	text-decoration: none;
}

img{
	max-width: 100%;

}

h1{
	padding-top: 50%;
	font-family: 'Roboto', sans-serif;
}

/*header*/

.logo{
	width: 210px;
	margin-top: 14px;
}



.main-nav{
	display: flex;
	font-size: 1.25rem;
	text-transform: uppercase;
	margin-top: 34px;
	list-style: none;

}

.main-nav li{
	margin-left: 36px;
}

.main-nav a{
	color: #432
}

.main-nav a:hover{
	color: #0bd;
}

/* body header{
	display: flex;
	justify-content: space-between;
} */

.page-header{
	display: flex;
	justify-content: space-between;
}
.wrapper{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 4%;
}

/* HOME */

.home-content{
	text-align: center;
	margin-top: 10%;
}

.home-content p{
	font-size: 1.125rem;
	margin: 10px 0 42px;
}

/* 見出し */

.page-tittle{
	font-size: 5rem;
	font-family: 'Philosopher',serif;
	text-transform: uppercase;;
	font-weight: normal;
}


/* .botton{
	font-size: 1.375rem;
	background: #0bd;
	color: #fff;
	border-radius: 5px;
	padding: 18px 32px;
}

.botton:hover{
	background: #0090aa

} */

/* 大きな背景画像 */
.big-bg{
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

#home{
	background-image: url(../images/top.png),linear-gradient(#0090aa,#ffafbd);
	background-blend-mode: screen;
	min-height: 100vh;
}

#home .page-titlle{
	text-transform: none;
}