@charset "UTF-8";

/*---背景色---*/
#whight{
	background-color: #fff;
}
/*---書体---*/
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*---メディアクエリ---*/
/*---タブレット---*/
@media screen and (max-width:767px){
#layout{
margin-left: auto;
margin-right: auto;
width: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝index.html---*/

/*---左右中央配置の親要素---*/
	.content{
		display: block;
		text-align: center;
		}

/*---ロゴマーク-----*/
	header{
		position: relative;
		margin-top: 1vw;
		margin-bottom: 15vw;
		}
	.logo_135 img{
		position: absolute;
		right: 1vw;
		width: 16vw;
		}
/*---5月以降は見つけてにまー人トップ設定-----*/
	.logo_mitsukete img{
		margin-top: 5vw;
		margin-left: auto;
		margin-right: auto;
		width: 50vw;
		}
/*---aha　ここに追加---5月以降から、SPのTOPは8vw--*/
	.logo_aha img{
		position: absolute;
		left: 1vw;
		top:8vw;
		width: 20vw;
		}
	.logo img{
		margin-left: auto;
		margin-right: auto;
		width: 88vw;
		padding-bottom: 3vw;
		}
	.logo_degi img{
		margin-left: auto;
		margin-right: auto;
		width: 43vw;
		}
/*---月号　ここに追加---2023年4月から--*/
	.logo_month img{
		position: absolute;
		top: 34vw;
		right: 14vw;
		width: 12vw;
		}
/*----本文----*/
	.h1{
		font-size: 5vw;
		text-align: left;
		display: inline-block;
		padding-left: 4vw;
		}

/*---問題一覧-----*/
	.q-all{
		margin-top: 10vw;
		}

/*---問題1つ-----*/
	.q-block-1{
		background-color: #00CF65;
		border-radius: 3vw;
		border-style: solid;
		border-color: #00CF65;
		width: 70vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		margin-top: 10vw;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-1 a{
		text-decoration: none;
		}
	.q-block-2{
		background-color: #00AFEC;
		border-radius: 3vw;
		border-style: solid;
		border-color: #00AFEC;
		width: 70vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		margin-top: 10vw;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-2 a{
		text-decoration: none;
		}
	.q-block-3{
		background-color: #E858D7;
		border-radius: 3vw;
		border-style: solid;
		border-color: #E858D7;
		width: 70vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		margin-top: 10vw;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-3 a{
		text-decoration: none;
		}
	.q-tittle{
		font-size: 7vw;
		font-weight: bold;
		color: #FFFFFF;
		}
	.q-henka{
		font-size: 5vw;
		font-weight: bold;
		color: #FFFFFF;
		}
	.q-s{
		font-size: 4vw;
		color: #FFFFFF;
		}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　答えはコチラ　　---*/
	.q-block-kotae{
		background-color: red;
		border-radius: 3vw;
		border-style: solid;
		border-color: red;
		width: 70vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		margin-top: 10vw;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-kotae a{
		text-decoration: none;
		}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　クイズページ　　---*/
	.q-block-main{
		margin-top: 10vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8vw;
		}
	.q-tittle-main{
		font-size: 12vw;
		font-weight: bold;
		color: #00CF65;
		}
	.q-tittle-main-2{
		font-size: 12vw;
		font-weight: bold;
		color: #00AFEC;
		}
	.q-tittle-main-3{
		font-size: 12vw;
		font-weight: bold;
		color: #E858D7;
		}
	.q-henka-main{
		font-size: 7vw;
		font-weight: bold;
		}
	.q-s-main{
		font-size: 4.5vw;
		}
/*-----動画------*/
	.main_video{
		position: relative;
		display: block;
		margin: auto;
		width: 100%;
		}
	.main_video video{
		width: 100%;
		}
	video p{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: auto;
		font-size: 4.5vw;
		}
	.play{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q1_start_btn.gif");
		background-size: 72%;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.play-2{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q2_start_btn.gif");
		background-size: 72%;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.play-3{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q3_start_btn.gif");
		background-size: 72%;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.finished .video-btn{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q1_replay_btn.gif");
		background-size: 72%;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.finished .video-btn-2{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q2_replay_btn.gif");
		background-size: 72%;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.finished .video-btn-3{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q3_replay_btn.gif");
		background-size: 72%;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　答えページ　　---*/
	.q-tittle-kotae-1{
		font-size: 10vw;
		font-weight: bold;
		color: #00CF65;
		margin-bottom: 5vw;
		}
	.q-tittle-kotae-2{
		font-size: 10vw;
		font-weight: bold;
		color: #00AFEC;
		margin-bottom: 5vw;
		}
	.q-tittle-kotae-3{
		font-size: 10vw;
		font-weight: bold;
		color: #E858D7;
		margin-bottom: 5vw;
		}
	.img-kotae{
		position: relative;
		display: block;
		margin: auto;
		width: 100%;
		}
	.img-kotae img{
		width: 100%;
		}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　フッター　　---*/
	footer{
		border-width: thin;
		border-style: solid none none none;
		border-color: darkgray;
		margin-top: 15vw;
		padding-bottom: 3vw;
		}
	.asaseilogo{
		margin-top: 4vw;
		}	
	.asaseilogo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 26vw;
		}
	.copyright{
		margin-top: 3vw;
		}
	.xs{
		font-size: 2.6vw;
		color: dimgrey;
		text-align: center;
		}
}




/*---メディアクエリ---*/
/*---PC---*/
@media screen and (min-width:768px){
#layout{
margin-left: auto;
margin-right: auto;
width: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝index.html---*/

/*---左右中央配置の親要素---*/
	.content{
		display: block;
		text-align: center;
		}

/*---ロゴマーク-----*/
	header{
		width: 768px;
		position: relative;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 60px;
		}
	.logo_135 img{
		position: absolute;
		right: 20px;
		width: 100px;
		}
/*---5月以降は見つけてにマージントップ設定-----*/
	.logo_mitsukete img{
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		width: 310px;
		}
/*---aha　ここに追加---5月以降から、PCのTOPは48px--*/
	.logo_aha img{
		position: absolute;
		left: 60px;
		top: 48px;
		width: 140px;
		}
	.logo img{
		margin-left: auto;
		margin-right: auto;
		width: 550px;
		padding-bottom: 10px;
		}
	.logo_degi img{
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		}
/*---月号　ここに追加---2023年4月から--*/
	.logo_month img{
		position: absolute;
		top: 215px;
		right: 155px;
		width: 75px;
		}
/*----本文----*/
	.h1{
		font-size: 20px;
		text-align: left;
		display: inline-block;
		padding-left: 10px;
		}

/*---問題一覧-----*/
	.q-all{
		margin-top: 50px;
		}

/*---問題1つ-----*/
	.q-block-1{
		background-color: #00CF65;
		border-radius: 20px;
		border-style: solid;
		border-color: #00CF65;
		width: 380px;
		padding-top: 10px;
		padding-bottom: 15px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-1 a{
		text-decoration: none;
		}
	.q-block-2{
		background-color: #00AFEC;
		border-radius: 20px;
		border-style: solid;
		border-color: #00AFEC;
		width: 380px;
		padding-top: 10px;
		padding-bottom: 15px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-2 a{
		text-decoration: none;
		}
	.q-block-3{
		background-color: #E858D7;
		border-radius: 20px;
		border-style: solid;
		border-color: #E858D7;
		width: 380px;
		padding-top: 10px;
		padding-bottom: 15px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-3 a{
		text-decoration: none;
		}
	.q-tittle{
		font-size: 40px;
		font-weight: bold;
		color: #FFFFFF;
		}
	.q-henka{
		font-size: 30px;
		font-weight: bold;
		color: #FFFFFF;
		}
	.q-s{
		font-size: 20px;
		color: #FFFFFF;
		}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　答えはコチラ　　---*/

	.q-block-kotae{
		background-color: red;
		border-radius: 20px;
		border-style: solid;
		border-color: red;
		width: 340px;
		padding-top: 10px;
		padding-bottom: 15px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		}
	.q-block-kotae a{
		text-decoration: none;
		}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　クイズページ　　---*/
	.q-block-main{
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		}
	.q-tittle-main{
		font-size: 60px;
		font-weight: bold;
		color: #00CF65;
		}
	.q-tittle-main-2{
		font-size: 60px;
		font-weight: bold;
		color: #00AFEC;
		}
	.q-tittle-main-3{
		font-size: 60px;
		font-weight: bold;
		color: #E858D7;
		}
	.q-henka-main{
		font-size: 50px;
		font-weight: bold;
		}
	.q-s-main{
		font-size: 30px;
		}
/*-----動画------*/
	.main_video{
		position: relative;
		display: block;
		margin: auto;
		width: 768px;
		}
	.main_video video{
		width: 100%;
		}
	video p{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: auto;
		font-size: 16px;
		}
	.play{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q1_start_btn.gif");
		background-size: 340px;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.play-2{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q2_start_btn.gif");
		background-size: 340px;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.play-3{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q3_start_btn.gif");
		background-size: 340px;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.finished .video-btn{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q1_replay_btn.gif");
		background-size: 340px;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.finished .video-btn-2{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q2_replay_btn.gif");
		background-size: 340px;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}
	.finished .video-btn-3{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url("../images/Q3_replay_btn.gif");
		background-size: 340px;
		background-position: center;
		margin: auto;
		width: 100%;
		height: auto;
		}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　答えページ　　---*/
		.q-tittle-kotae-1{
		font-size: 40px;
		font-weight: bold;
		color: #00CF65;
		margin-bottom: 20px;
		}
		.q-tittle-kotae-2{
		font-size: 40px;
		font-weight: bold;
		color: #00AFEC;
		margin-bottom: 20px;
		}
		.q-tittle-kotae-3{
		font-size: 40px;
		font-weight: bold;
		color: #E858D7;
		margin-bottom: 20px;
		}
		.img-kotae{
		position: relative;
		display: block;
		margin: auto;
		width: 768px;
		}
	.img-kotae img{
		width: 100%;
		}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　フッター　　---*/
	footer{
		border-width: thin;
		border-style: solid none none none;
		border-color: darkgray;
		margin-top: 100px;
		padding-bottom: 12px;
		}
	.asaseilogo{
		margin-top: 25px;
		}	
	.asaseilogo img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 120px;
		}
	.copyright{
		margin-top: 20px;
		}
	.xs{
		font-size: 12px;
		color: dimgrey;
		text-align: center;
		}
	
	
	
	
	
	
	
	
}