@charset "UTF-8";

.top{
	text-align: center;
	
}



.header1{
	top: 0;
	background-color:#E6B488;
	width: 100%;
	height: 20mm;
	opacity: 0.8;
	margin-top: 0px;
     display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.logo{
	color: #340C0D;
	font-family:YuGothic,  "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 15px;
}



.top2{position: relative}
.top2 img{width:100;}


.title{
	animation-name: fadeup;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
	font-family: Verdana, Geneva, "sans-serif";
	margin-top: 200px;
}

.subtitle{animation-name: fadeup;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0
}
@keyframes fadeup{from{opacity: 0;
	transform: translateY(100px);}

to{opacity: 1;
transform: translateY(0)}
	}



/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
	display: flex;
	
	width: 20px;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;/* 重なり順を一番上にする */
	cursor: pointer;
	padding-right: 23px;
	position: fixed;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
	padding-top: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%; /* メニューを画面の外に飛ばす */
	z-index: 99;
	background: #fff;
	transition: .5s;
	margin-top: 0px;
}

.nav_item {
	padding-top: 0px;
	font-size: 20px;
	margin-top: 75px;
	color: #510F33;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}

.title1{
	font-size: 50px}

.title2{
	font-size: 50px}

.point1{
	color: #E2A0A1;
	margin-top: 0px;
}


.subtitle1{
	margin-top: 23px;
}

.subtitle2{
	margin-top: -9px;
}
.us{
	background-color: #E2A0A1
}
.koumoku1{
	font-size: 50px;
	margin-top: 115px;
}
.koumoku3{
	margin-top: 55px;
}
.koumoku3_2{
	margin-top: 13px;
}

.koumoku4{
	margin-top: 68px;
	margin-left: 20px;
	margin-right: 20px;
}

.point2{
	color: #E2A0A1;
	margin-top: 130px;
}

.point3{
	margin-top: 150px;
	margin-bottom: 80px;
	color: #E6B488
}


.point4{
	margin-top: 70px;
	color: #E6B488
}


.sita{
	background-color:#E6B488}

.my-3{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
}

.btn{background-color:#589CB6}
.sha
      {z-index: 50}

.col
      {z-index: 100}

.point5{
	margin-top: 150px;
	color:#E68888 ;
}
.point6{
	bottom: 0;
	margin-top: -40px;
	color: #E68888;
	padding-top: 90px;
}


.under{
	bottom: 0;
	background-color:#E68888}

.return{background-color: #FFF9F9}

.infom{font-size: 15px;
color:#FFFFFF}

.info{
	margin-top: 90px;
}
.info2{
	margin-top: -15px;
}
.info3{
	margin-top: -15px;
}