@charset "utf-8";
/****************初期設定*********************/

* { padding: 0;	margin: 0; outline: none; box-sizing: border-box;}ul, li, ol { list-style: none;}
a img {	border: 0;}img{max-width: 100%;}.pc,#pc { display: block;}.sp,#sp,#sp-fixed-menu { display: none;}
a {text-decoration: none;transition: .3s;}a:hover{opacity: .7;}a[href^="tel:"] {pointer-events: none;}
#accordion{display: none;}
.purp{color:#6d61a9;}.green{color:#b1d301;}.pink{color:#eb6e8f;}.center{text-align: center;}
.caution{ margin-bottom:1em; font-size:18px; margin-top:.8em; text-align:left; line-height: 1.6em;}


A-OTF UD Shin Go Con80 Pr6N L{
	font-family: a-otf-ud-shin-go-con80-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}
A-OTF UD Shin Go Pr6N L{
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}
/****************初期設定*********************/

/****************body設定*********************/
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	margin: 0!important;
	height: 100%;
	scroll-behavior: smooth;
}

body {
	color: #000;
	font-size: 20px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: .15em;
	height: 100%;
}
/* body */
#wrapper {
	width:100%;
}
#contact-btn{
	position: fixed;
	right: 0;
	top: 30%;
	height: 460px;
	width: 70px;
	z-index: 10000;
}
#contact-btn li a{
	display: block;
}
#contact-btn li{
	height: 230px;
}

#main_area_top{
	position: relative;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: 0;
}
#main_area_top #mainimage{
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	background-image: url("noukigu.aoba-mie.com/wp-content/themes/original/images/main_image.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 1;
}

#main_area_top #mainimage #h1_text{
	width: 24vw;
	z-index: 3;
	left: 50%;
	margin: auto;
	padding-top: 4vw;
}
#main_area_top #main_bodyimg{
	position: absolute;
	top:4vw;
	left: 2vw;
	width: 356px;
	z-index: 2;
}
h1{
	position: absolute;
	top: auto;
	left: 0;
	right:0;
	bottom:30%;
	width: 500px;
	margin: .2em auto;
	z-index: 10;
}

.next-btn{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom:16%;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: 90px;
	z-index: 100;
	text-align: center;
}
a.next{
	display: block;
	height: 90px;
	width: 100%;
	border-radius: 40px;
	background: #b1d301;
	color: #fff;
	font-size: 32px;
	line-height: 90px;
	box-shadow: 4px 4px #3d4901;
	transition: .3s;
	font-weight: 500;
	text-align: center;
}
a.next:hover{
	background: #b1d301;
	color: #fff;
	opacity: 1;
}
a.next:active{
  box-shadow: none;
  position: relative;
  top: 10px;
}