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

body{
	font-family: 'EB Garamond','Noto Serif JP', serif,"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "メイリオ", Meiryo, "ＭＳ 明朝", sans-serif;
}


/* トップ画像 */
div#top_content{
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	height: 0;
    padding-top: 63.28125%;
}
div#top_content div.top_background{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
div#top_content div#top_background1{
	background-image: url("../images/hint_top_00.jpg");
	z-index: 10;
}



/* メイン */
div#main_content{
	/* background-image: url("../images/bg.jpg"); */
	margin: 0;
	padding: 0;
	padding-bottom: 100px;
	background-size: cover;
	position: relative;
	min-height: 1000px;
	text-align: center;
}
div#main_content div.hint_content_box{
	position: relative;
	font-family: "M PLUS Rounded 1c";
}
div#main_content div.hint_content_box p{
	position: relative;
	font-size: 1.25rem;
	line-height: 2em;
	padding-top: 30px;
	z-index: 50;
}
div#main_content div.hint_content_box a{
	display: block;
	background-color: #4CB1A1;
	height: 60px;
	line-height: 60px;
	width: 215px;
	border-radius: 30px;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	margin-top: 50px;
	margin-bottom: 50px;
}
div#main_content div.hint_content_box a:hover{
	opacity: 0.6;
}
div#main_content div.hint_content_box a::after{
	content:"　\f054";
    font-family: "Font Awesome 5 Free";
    font-weight:600;
}

/* 1つ目 */
div#main_content div#hint_content_box1{
	min-height: 300px;
	
	
}
div#main_content div#hint_content_box1>img{
	position: relative;
	margin-top: 53px;
	margin-bottom: 70px;
	z-index: 30;
}
div#main_content div#hint_content_box1 p{
	margin-bottom: 55px;
	margin-top: 0;
	padding-top: 0;
}
div#main_content div#hint_content_box1 div#hint_content_box1_lt{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
div#main_content div#hint_content_box1 div#hint_content_box1_rt{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
}

/* 2つ目 */
div#main_content div#hint_content_box2{
	min-height: 300px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
div#main_content div#hint_content_box2 p{
	margin-bottom: 55px;
}

div#main_content div#hint_content_box2 div#hint_content_box2_lb{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}
div#main_content div#hint_content_box2 div#hint_content_box2_rb{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 20;
}

/* 3つ目 */
div#main_content div#hint_content_box3{
	min-height: 300px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	
}
div#main_content div#hint_content_box3 p{
	margin-bottom: 55px;
}

div#main_content div#hint_content_box3 div#hint_content_box3_lb{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}
div#main_content div#hint_content_box3 div#hint_content_box3_rb{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 20;
}

/* 4つ目 */
div#main_content div#hint_content_box4{
	min-height: 300px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	
}
div#main_content div#hint_content_box4 p{
	margin-bottom: 55px;
}

div#main_content div#hint_content_box4 div#hint_content_box4_lb{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}
div#main_content div#hint_content_box4 div#hint_content_box4_rb{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 20;
}


/* 5つ目 */
div#main_content div#hint_content_box5{
	min-height: 370px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	
}
div#main_content div#hint_content_box5 p{
	margin-bottom: 55px;
}

div#main_content div#hint_content_box5 div#hint_content_box5_lb{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}

div#main_content div#hint_rb{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 20;
	width: 271px;
	height: 137px;
}


@media screen and (max-width:768px) {
	div#main_content>img{
		width: 720px;
		height: auto;
	}
	/* 1つ目 */
	div#main_content div#hint_content_box1 div#hint_content_box1_lt{
		text-align: left;
	}
	div#main_content div#hint_content_box1 div#hint_content_box1_rt{
		text-align: right;
		top:120px;
	}
	div#main_content div#hint_content_box1 div#hint_content_box1_lt img{
		width: 50%;
		height: auto;
	}
	div#main_content div#hint_content_box1 div#hint_content_box1_rt img{
		width: 50%;
		height: auto;
	}
	
	/* 2つ目 */
	div#main_content div#hint_content_box2{
		min-height: 500px;
		max-width: 768px;
		margin-bottom: 60px;
	}
	div#main_content div#hint_content_box2 div#hint_content_box2_lb{
		left: 100px;
	}
	div#main_content div#hint_content_box2 div#hint_content_box2_rb{
		right: 50px;
	}
	/* 3つ目 */
	div#main_content div#hint_content_box3{
		min-height: 500px;
		max-width: 768px;
		margin-bottom: 60px;
	}
	/* 4つ目 */
	div#main_content div#hint_content_box4{
		min-height: 500px;
		max-width: 768px;
		margin-bottom: 60px;
	}
	
	/* 5つ目 */
	div#main_content div#hint_content_box5 p{
		padding-left: 100px;
		box-sizing: border-box;
	}
}