@charset "UTF-8";

html {
	width:100%;
	margin:0 auto;
	text-align: center;
	animation: loading 1s;
	
}

img {
	width: 100%;
	pointer-events: none;
  }

@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

body {
	width:100%;
	margin: 0 auto;
	user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
font-family: 'Noto Serif JP', serif;

}

#top_page{
	width:100%;
	margin:0 auto;
	
}

.first_zone{
	width:100%;
	
}
.btn {
	width: 90%;
	margin: 0 auto;
}

.top {
	max-width:800px;
	margin:0 auto;
	position: relative;
}

.top img{
	z-index:1;
}

@keyframes animation-sample{
    0%{
		transform: scale(1.1) rotate(20deg);
        filter: blur(30px);
		
    }
    100%{
		transform: scale(1) rotate(0deg);
        filter: blur(0);
		
    }
}
.top_back{
	position:relative;
    width: 100%;
	/* background: url(../img/top_bg.jpg);
    height: 1130px;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat; */
}
.top_title{
	position: absolute;
	top:2%;
	z-index:10;
	/* mix-blend-mode:lighten;
	animation-name: animation-sample;
	animation-duration:0.7s;
	animation-timing-function: ease-in; */
}

@media screen and (max-width: 425px) {
	.top_title{
		top:3%;
	}
}

#seni_btn{
	position: absolute;
	width:80%;
	margin:0 auto;
	top:30%;
	right:0;
	left:0;
	z-index:2;
}
@media screen and (max-width: 425px) {
	#seni_btn{
		width:90%;
		top:35%;
	}
}

/********************/



@media screen and (max-width: 425px) {
.info {
	position: absolute;
	bottom:5%;
	z-index:3;
	width:100%;
}

.info img{
	width:100%;
}
}

.annai{
	max-width:800px;
	margin:0 auto;
	background:url(../img/annai_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.annai_block{
max-width:1000px;
margin:0 auto;
padding:5% 0 10% 0;
}

@media screen and (max-width: 700px) {
	.annai_block{
		padding:8% 0 15% 0;
	}
}
.annai_block img{
	width:80%;
	margin:5% 0 0 0;
}
@media screen and (max-width: 700px) {
	.annai_block img{
		width:90%;
	}
}

.annai_block p{
	width:80%;
	margin:0 auto;
	color:#000;
	text-align:center;
	font-size:25px;
	line-height:37px;
	font-weight:bold;
}
@media screen and (max-width: 700px) {
	.annai_block p{
		font-size:15px;
	line-height:25px;
	text-align:left;
	}
}
@media screen and (max-width: 425px) {
	
.annai_block p{
	width:90%;
	margin:0 auto;
}
}
.voice {
	max-width:800px;
	margin:0 auto;
	padding:5% 0;
	background:url(../img/background.jpg);
	background-size:cover;
	background-position: center;
}

@media screen and (max-width: 425px) {
	.voice {
		padding:8% 0;
	}
}
.voice a{
	width:80%;
	margin:0 auto;
}
.voice_block{
	max-width:800px;
	margin:0 auto;
}

@media screen and (max-width: 425px) {

.voice_block img{
width:90%;
margin:8% 0 5% 0;
}
}
.first_v{
	width:100%;
	margin:5% 0;
	text-align:left;
	padding:50px;
}

@media screen and (max-width:700px) {
	.first_v{
		width:90%;
		margin:0 auto;
		padding:0;
	}
}

.first_v p{
	font-size:18px;
	line-height:35px;
	text-align:left;
	color:#000;
}
@media screen and (max-width:700px) {
	.first_v p{
		font-size:15px;
		line-height:23px;
	}
}
.memo{
	font-size:1.5em;
	color:#000;
	display: block;
	margin:2% 0 3% 0;
}
@media screen and (max-width:700px) {
	.memo{
		font-size:1em;
	}
}

.support {
	padding-top: 50px;
}

.voice .support img {
	width: 50%;
}

#prog1 {
    width: 50%;
    margin-top: 50px;
}

#form_top {
	max-width:800px;
	margin:0 auto;
	background:url(../img/background.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}

.que_txt{
	background:#72533a;
	padding:10px 0;
	margin:0 0 5% 0;
}
.que_txt p{
	font-size:31px;
	text-align:center;
	color:#fff;
}
@media screen and (max-width:700px) {
	.que_txt p{
		font-size:18px;
	}
}
select {
    background-color: #ffffff;
	color: black;
    border: solid 2px black;
    padding: 20px 40px;
    border-radius: 10px;
}

#q1 label img{
	width:300px;
	margin:0 0 10% 0;
}
#q3 label img{
	width:300px;
	margin:0 0 10% 0;
}

@media screen and (max-width:700px) {
	#q1 label img,#q3 label img{
		width:90%;
	}
}
.flex {
	display: flex;
    justify-content: space-evenly;
}

label {
	margin:30px 0 50px 0;
	display: inline-block;
}

a {
	display: inline-block;
}

#q1 {
	font-size: 30px;
}

input[type=radio] {
    display: none;
}

#yourname {
	background-color: #ffffff;
	width: 50%;
	margin: 0 auto;
	padding: 30px 20px;
	border-radius: 10px;
	border: black 2px solid;
	color: black;
	font-size: 30px;
}

#form_top h1 {
	width:100%;
	margin: 0 auto;
	padding: 0px 0px 50px;
}

#conform {
	max-width:800px;
	padding:0 0 8% 0px;
	margin:0 auto;
	background:url(../img/background.jpg);
	background-size:cover;
	background-position: center;
}
.conform_title img{
	width:100%;
}
#conform h2 img{
	width:80%;
	margin:0 10%;
}

.pro {
	padding:50px 0px;
	line-height: 2;
	width:90%;
	margin:5%;
	font-size: 30px;
	font-weight:bold;
	background:#fff;
}
.care {
	width:90%;
	margin:0 auto;
	background:#fff;
	padding:40px;
}
@media screen and (max-width: 425px) {
	.care {
		padding:20px;
		margin:8% 5% 5% 5%;
	}
}
.care p{
	text-align:left;
	font-size:18px;
	line-height:28px;
}
@media screen and (max-width: 425px) {
	.care p{
		font-size:15px;
		line-height:23px;
	}
}
.line_send_btn{
	width:100%;
	margin:0 auto;
}

.line_send_btn img{
	width:80%;
	margin:5% 10%;
}
@media screen and (max-width: 425px) {

	#prog1 {
		width: 70%;
		margin-top: 0px;
	}

	.ab {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 1000;
	}
	.info p {
		 margin-bottom: 0px;
	}
	.info {
		padding: 30px 0px;
	}
	.voice p {
		padding-bottom: 20px;
	}

	.support {
		padding-top: 20px;
	}

	select {
		background-color: #ffffff;
		color: black;
		border: solid 2px black;
		padding: 10px 20px;
		border-radius: 10px;
	}

	#q1 {
		font-size: 15px;
	}

	label {
		margin-top: 40px;
		display: inline-block;
	}

	label img {
		width: 80%;
	}

	.flex {
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: space-evenly;
	}

	.flex label {
		width: 45%;
		margin-top: 30px;
	}

	#yourname {
		background-color: #ffffff;
		width: 70%;
		margin: 0 auto;
		padding: 15px 20px;
		border-radius: 10px;
		border: black 2px solid;
		color: black;
		font-size: 15px;
	}


	.pro {
		background:#fff;
		padding: 50px 0px;
		line-height: 2;
		width:90%;
		margin:5%;
		color: #70343f;
		font-size: 15px;
	}
}

.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 425px) {
	.pc{display: none;}
	.sp{display: block;}
}

footer{
	background:#000;
	padding:15px 0;
	color:#fff;
}
.saposapo{
	width:100%;
	margin:0 auto;
}
.saposapo img{
	width:90%;
	margin:0 auto;
}