@charset "UTF-8";
@media screen and (min-width:0px) and (max-width:767px) {
	body {
		background-color: #fff !important;
		position: relative; /*←相対位置*/
		font-size: 16px;
		min-width: 320px;
	}
	/*wrapper*/
	/*******************************************/
	#header_wrapper {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		border-bottom: 1px solid #dadada;
	}
	#footer_wrapper {
		width: 100%;
		background-color: #fff;
		border-bottom: 4px solid #CCC;
	}
	.visual__wrapperx {
		margin-top: 75px;
	}
	#cont_wrapper {}
	#main_visual_box {
		width: 100%;
		margin-top: 75px;
		margin-bottom: 0;
	}
	#sub_visual_wrapper {
		width: 100%;
		margin-top: 75px !important;
	}
	#sub2_visual_wrapper {
		width: 100%;
		background: url("../images/quiz/MDIQ/back_title.jpg") repeat-x;
		margin-top: 75px !important;
	}
	/*cover*/
	/*******************************************/
	#header_cont, #main_cont, #footer_cont {
		width: 100%;
		min-width: 320px;
		margin: 0 auto;
		position: relative;
	}
	#header_cont {
		padding: 5px 0px 0px;
		background-color: rgba(255, 255, 255, 0.9);
		width: 100%;
		height: 75px;
		z-index: 1000; /**/
		position: fixed; /* 固定 */
		top: 0; /* 一番上に表示 */
	}
	#siteheader {
		width: 100%;
		padding: 5px 0px 0px;
		height: 45px;
		z-index: 1000 !important; /**/
		background-color: rgba(255, 255, 255, 0.9);
		position: fixed; /* 固定 */
		top: 0; /* 一番上に表示 */
	}
	#main_cont {
		padding: 0 0 20px 0px;
		min-height: 400px;
	}
	#footer_cont {
		min-height: 60px;
	}
	/*header*/
	/*******************************************/
	#header_cont {
		/*background:url(../images/base2.png) no-repeat;
background-size:100% auto;*/
	}
	/*[ロゴ]*/
	.site_logo {
		position: absolute;
		top: 16%;
		left: 2%;
		width: 33%;
		max-width: 200px;
		min-width: 190px;
	}
	.site_logo img {
		width: 100%
	}
	/*main*/
	/*******************************************/
	.visual_box {
		position: relative;
		margin-bottom: 2em;
	}
	.visual_box img {
		width: 100%;
		height: auto;
		border: 1px solid #CECECE;
	}
	.linkset {
		position: absolute;
		left: 0;
		top: -75px;
	}
	.conf_visual_box {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.conf_visual_box img {
		width: 100%;
		vertical-align: bottom;
		height: auto;
	}
	.conf_visual_box2 {
		width: 100%;
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	.conf_visual_box2 img {
		width: 100%;
		vertical-align: bottom;
		height: auto;
	}
	.conf_day_box {
		background-color: #00b9c6;
		text-align: center;
		width: 100%;
	}
	.conf_day_box p {
		text-align: left;
		padding: 6px 10px 3px 15px;
		color: #fff;
		margin: 0 auto;
	}
	div.top_bnn .visual_box {
		margin-bottom: 2em;
		/*margin-top: 75px;*/
	}
	div.top_bnn nav div:nth-of-type(1) {
		margin-top: 75px;
	}
	div.top_bnn nav div:nth-of-type(1) {
		margin-top: 75px;
	}
	.cont_box {
		margin: 0px 15px 40px;
	}
	.cont_box h3 {
		text-align: center;
		font-size: 120%;
		margin: 5px 0 20px;
	}
	/*footer*/
	/*******************************************/
	.footer_wrapper_under {
		width: 100%;
		background-color: #dadada;
		padding: 15px 0px 15px;
	}
	.footer_txt1 {
		text-align: center;
		line-height: 1.3em;
		font-size: 80%;
		padding: 0 10px;
		margin: 20px auto;
	}
	.footer_txt2 {
		text-align: center;
		line-height: 1.5em;
		font-size: 80%;
		padding: 0 10px;
		margin: 0px auto 0;
	}
	.footer_bnn_wrapper {
		margin: 0 auto 20px;
	}
	.bn1 {
		height: 50px;
		width: auto;
		text-align: center;
	}
	.bn2 {
		height: 40px;
		width: auto;
	}
	.bn1 img, .bn2 img {
		height: 100%;
		margin: 0 10px;
	}
	#in01, #in02, #in03, #in04, #in05, #in06, #in07, #in08, #in09, #in10, #in11, #in12, #in13, #in14, #in15, #in16, #in17, #in18, #in19, #in20, #in21, #in22, #in23, #in24, #in25, #in26, #in27, #in28, #in29, #in30, #in31, #in32, #in33, #in34, #in35, #in36, #in37, #in38, #in39, #in40, #in41, #in42, #in43, #in44, #in45, #in46, #in47, #in48 {
		position: absolute;
		left: 0;
		top: -80px;
	}
}
@media screen and (max-width: 480px) {
	html {
		font-size: 14px;
	}
}
@media screen and (max-width: 375px) {
	/*[ロゴ]*/
	.site_logo {
		position: absolute;
		top: 24%;
		left: 2%;
		width: 20%;
		max-width: 200px;
		min-width: 150px;
	}
}