@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　01. 基本レイアウト
　02. 2カラム（50：50）
　03. 2カラム（40：60）

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


/* ==

　01. 基本レイアウト

=============================================================================== */
#main img{
	width:100%;
	max-width:100%;
	height:auto;
}
#container #main h2.tit2{
	font-size:28px;
	font-weight:700;
	color:#000;	
	background: 0;
}
#container #main h2.tit2Num{
	position: relative;
	font-size:28px;
	font-weight:700;
	margin-bottom:20px;
	padding-left:2em;
	color:#000;
	background: 0;
}
#container #main h2.tit2Num:before{
	position: absolute;
	display:block;
	content: " ";
	top:7px;
	left:1.5em;
	width:4px;
	height:26px;
	background:#000;
}
#container #main .Inner{
	margin-top:50px;
}
#container #main h2.tit2Num span{
	position: absolute;
	display:block;
	top:0;
	left:0;

}
#container #main .aCenter{text-align:center;}
#container #main .mb20{margin-bottom:20px;}
/* ==

　02. 2カラム（50：50）
　　※ スマホ時の1カラム化は css/smp.css 側で上書き

=============================================================================== */
#main .colBlock5050{
	display:flex;
	gap:20px;
}
#main .colBlock5050 .colL,
#main .colBlock5050 .colR{
	flex:1;
}


/* ==

　03. 2カラム（40：60）
　　※ スマホ時の1カラム化は css/smp.css 側で上書き

=============================================================================== */
#main .colBlock4060{
	display:flex;
	gap:20px;
}
#main .colBlock4060 .colL{
	flex:2;
}
#main .colBlock4060 .colR{
	flex:3;
}