@charset "UTF-8";
/* CSS Document */
/*　---------------------------オンライン自由研究CSS*/
	a:hover{
		opacity: 0.7;
		color: #291204;
	}
	.column_tmp01 img{
		width: 100%;
	}
	.cnt_in{
		text-align: left;
	}
	/*buttonタグのデフォルト打ち消し*/
	button {
	  background-color: transparent;
	  border: none;
	  cursor: pointer;
	  outline: none;
	  padding: 0;
	  appearance: none;
	}
	.kv{
		margin: 60px auto;
	}
	.text_center{
		text-align: center;
	}
	.showTB{
		display: none;
	}
	.style_inner{
		padding: 0 20px;
	}
	/*行間調整*/
	.style_inner p{
		line-height: 1.57 !important;
		margin: 0 !important;
	}

	/*-----------------Styleティーバッグ説明*/
	.style_ex_wrap{
		background-color: #f6f8d9;
		border: 1px solid #ff7200;
		border-radius: 10px;
    	padding: 30px 20px 15px;
		margin: 20px auto 10px;
	}
	.style_ex_ttl{
		font-size: 32px;
		text-align: center;
	}
	.kome{
		font-size: 12px;
		position: relative;
		top: -20px;
	}
	.dots{
		background-image: radial-gradient(circle at center, #e30700 20%, transparent 20%); /* 点の色とサイズ調整 */
		background-position: top right; /* 点の位置 */
		background-repeat: repeat-x; /* 横方向に繰り返し */
		background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
		padding-top: 0.2em; /* 縦方向の位置調整 */
	}
	.todoke_number{
		font-size: 16px !important;
		padding-left: 6%;
		margin: 2px 0 10px !important;
	}
	.style_ex_content{
		display: flex;
		margin: 10px 0 0;
	}
	.style_ex_img{
		margin: 10px 0 0 -30px;
	}
	.style_ex_img img{
		width: 270px;
	}
	.style_ex_text{
		margin: -2% 0 0 1%;
		line-height: 1.57;
	}
	.kinou{
		font-size: 18px;
		color: #e30700;
		font-weight: bold;
		line-height: 2;
	}
	.kinou_in{
		color: #fff;
		background-color: #e30700;
		padding: 6px 10px;
		border-radius: 10px;
	}

	/*-----------------モニター募集*/
	.monitor_ex_wrap{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/stylemonitor_2306/monitor@2x_fix.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right;
		padding: 0px 10px 10px 0px;
	}
	.tm_member{
		background-color: #ff7200;
		padding: 5px 10px;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}
	.monitor_ex_ttl{
		font-size: 26px;
		line-height: 1.6;
		border-bottom: 1px solid #ff7200;
		border-top: 1px solid #ff7200;
		padding: 20px 0;
		width: 74%;
		margin: 40px 0 20px;
	}
	.monitor_big{
		font-size: 36px;
		color: #ff7200;
	}
	.monitor_ex_wrap p{
		margin-bottom: 15px !important;
	}
	.monitor_ex_wrap .monitor_cap{
		font-size: 12px;
		margin-bottom: 0px !important;
		text-align: right;
	}
	.monitor_cap{
		font-size: 12px !important;
	}

	/*-----------------応募要項*/
	.bg_gray{
		background-color: #eeeeee;
		padding: 50px 20px;
	}
	.monitor_info_ttl{
		font-size: 18px;
		color: #fff;
		background-color: #ff7200;
		width: 20%;
		margin: 0 auto 40px;
		padding: 5px 0;
		text-align: center;
		border-radius: 30px;
	}
	.bg_gray .cam_ttl{
		font-size: 18px !important;
	}
	.tb_img_wrap{
		display: flex;
		padding: 20px 0 0;
	}
	.tb_img_wrap img{
		width: 40%;
		max-width: 100%;
		margin: 0;
	}
	.tb_img_wrap p{
		width: 55%;
		padding: 50px 0 0 30px;
	}
	.info_ct_wrap dd{
		font-size: 14px;
		letter-spacing: 0.02em;
		line-height: 24px;
	}
	.info_ct_ttl{
		font-size: 18px;
		padding: 50px 0 5px;
		border-bottom: 4px dotted #ff7200;
		color: #ff7200;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.info_ct_tx{
		letter-spacing: 0.05em;
		line-height: 1.57;
	}
	.step_wrap{
		display: flex;
	}
	.step_wrap img{
		width: 8%;
		margin: 0;
	}
	.step_ttl{
		font-size: 18px !important;
		font-weight: bold;
		color: #ff7200;
		padding: 15px 0 0 10px;
	}
	.tm_member_btn{
		width: 50%;
		padding: 10px 0 0 55px;
	}
	.yajirushi{
		margin: 20px 0 10px 160px;
		font-size: 24px;
		color: #ff7200;
	}
	.step_cap{
		padding: 5px 0 0 55px;
	}

	/*ポリシーリンク*/
	.policy_link{
		color: #0067db !important;
		border-bottom: 1px solid #0067db;
	}

	/* 行頭を揃える */
	.list_text{
		padding-left: 1em;
		text-indent: -1em;
		font-size: 14px;
		line-height: 24px;
	}
	/*余白調整*/
	.mgb20{
		margin-bottom: 20px;
	}
/*　---------------------------画面サイズが751px_989pxまではここを読み込む　*/ 	
	@media screen and (min-width:751px) and (max-width:979px){
	/*改行調整*/
	.TBnone{
		display: none !important;
	}
	.monitor_ex_wrap{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/stylemonitor_2306/fix_monitor_sp.png);
		background-size: 100%;
		background-position: 100% -130px;
	}
}	

/*　---------------------------画面サイズが750pxまでここを読み込む　*/ 
@media screen and (max-width:750px) {	

	img{
		max-width: 100%;
	}
	.text_center{
		text-align: left !important;
	}
	.style_inner{
		padding: 0 10px;
	}
	.style_ex_ttl{
		line-height: 1.7;
	}
	.todoke_number{
		text-align: center;
	}
	.style_ex_wrap{
		padding: 30px 15px 20px;
	}
	.style_ex_content{
		display: block;
		margin: 20px 0 0;
	}
	.style_ex_text{
		margin: 20px 0 0;
	}
	.monitor_cap{
		text-align: right;
	}
	.kinou{
		line-height: 1.3;
		margin-bottom: 10px;
	}.kinou_in{
		display: inline-block;
    	margin-bottom: 10px;
	}
	.monitor_ex_wrap{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/stylemonitor_2306/fix_monitor_sp.png);
		background-position: 100% -10px;
		padding: 0;
	}
	.monitor_ex_ttl{
		width: 100%;
		line-height: 1.3;
		margin: 50px 0 0px;
	}
	.tm_member{
		display: inline-block;
    	margin-bottom: 10px;
	}
	.monitor_cap.showSP{
		padding-bottom: 20px;
	}
	.bg_gray {
		padding: 50px 10px;
	}
	.monitor_info_ttl{
		font-size: 22px;
		padding: 10px 0;
		width:60%;
	}
	.info_ct_ttl{
		font-size: 20px;
	}
	.tb_img_wrap{
		display: block;
	}
	.tb_img_wrap img{
		width: 90%;
		margin: 0 auto;
	}
	.tb_img_wrap p{
		width: 100%;
    	padding: 20px 0 0 0;
	}
	.step_wrap{
		display: block; 
	}
	.step_wrap img{
		width: 20%;
    	margin: 0 auto;
	}
	.step_ttl{
		text-align: center;
    	font-size: 20px;
	}
	.tm_member_btn{
		width: 100%;
    	padding: 20px 0 5px;
	}
	.yajirushi{
		margin: 20px auto;
		font-size: 30px;
		color: #ff7200;
		text-align: center;
	}
	.step_cap{
		padding: 5px 0 0 0;
    	text-align: center;
	}
}