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

body{font-family:'Noto Serif JP', serif;
	letter-spacing: 0.2em;}
a{color: #000; text-decoration: none;}
hr{margin: 10 0px;}
.wrapper-main{
	overflow:auto;
	width:1000px;
    margin:20px auto;
}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.item{
width:33.333333%;
padding:20px;
box-sizing:border-box;
}
.item2{
text-align: center;
width:55%;
margin: 0 22.5%;
box-sizing:border-box;
}
.item3{
text-align: center;
width:38%;
margin: 0 31%;
box-sizing:border-box;
}
.item a{
	  display: block;
	-webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;}
.item a:hover{opacity: 0.6;}
.item_list{
display:flex;
flex-wrap:wrap;
width:1000px;
margin:20px auto;
}
@media(min-width: 768px){
	.pc-none{display: none;}}
@media(max-width: 768px){
.item_list,.wrapper-main{
width:100%;
}
.item{
width:50%;
padding:10px;
margin-bottom: 20px;
}
.item2{
width:100%;
padding:10px;
margin-bottom: 20px;
margin: auto;
}
.item3{
text-align: center;
width:65%;
margin: auto;
}
	
.sp-none{display: none;}
}
/* 説明テキスト */
.title{font-size: 1.3em;margin-top: 8px;}
.text{font-weight: 300;
      font-size: 0.8em;
      margin-top: -10px;}
.title3{font-size: 1.5em;margin-top: 15px;text-align: center;letter-spacing: 0.2em;}
.title4{font-size: 1em;margin-top: 15px;text-align: center;letter-spacing: 0.2em; color: #676767;}
.top{
    font-family: 'Marcellus', serif;
	font-size:3.5em;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 auto;
}
.top2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.0em;
	letter-spacing: 0.2em;
	text-align: center;
	font-weight: 200;
	margin: 0 auto;
}
@media(max-width: 768px){
.title2{font-size: 1.8em;margin-top: 15px;text-align:left;letter-spacing: 0.1em;margin-left: 30px;}
.title3{font-size: 1.2em;margin-top: 15px;letter-spacing: 0.1em;}
.title4{font-size: 0.9em;margin-top: 15px;letter-spacing: 0.1em;}
}
/* バナーとロゴ */
.logo{width: 15%;margin-bottom: 10px;}
.bana{width: 100%;}
@media(max-width: 768px){
.logo{width: 25%;}
}
/* ボタン */
.btn{
  letter-spacing: 0.1em;
  border-radius: 10px;
  background-color: #818181;
  padding: 25px 40px;
  text-align: center;
  color: #fff;
  width: 50%;	
　margin: auto;
}
.btn{	-webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;}
.btn:hover{opacity: 0.6;}
/*========= scloll menu ===============*/
 .menu {
	font-family: 'Noto Sans JP', sans;
	font-weight: 300;
	letter-spacing: 0.2em;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index:999;
	background-color:#515151;
	color: #fff;
	padding: 20px 0px;
	text-align: center;
	font-size:1.22rem;
	text-align: center;
	}