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

/*レイアウト*/

#smain_bg{
	height:144px;
	background:url(/dokusho/images/shindan/20220720/KJ_20220720_02_01.png) no-repeat;
	background-size: contain;
}

#smain_bg #start{
	width:260px;
	height:94px;
	margin:0 auto;
} 

.qmain{
	width:960px;
	margin:30px 0 0 0;
}

.qmain_bg{
	width: 961px;
	height:450px;
	background:#fff;
	text-align:center;
	overflow:hidden;
}

.qmain_bg::before{
	content: "";
	background: url(../images/shindan/20220720/KJ_20220720_04_02.png);
	position: absolute;
	left: -1px;
    width: 9px;
    height: 450px;
    background-repeat: no-repeat;
}

.qmain_bg::after{
	content: "";
	background: url(../images/shindan/20220720/KJ_20220720_04_02.png);
	position: absolute;
	right: 2px;
	top: 56px;
	width: 9px;
	height: 450px;
	background-repeat: no-repeat;
}

.qtitle{
	margin:6px 0 0 0;
}

.qmain_in{
	width:813px;
	margin:23px auto 0 auto;
	overflow:hidden;
}

.qmain_in2{
	width:813px;
	margin:13px auto 0 auto;
	overflow:hidden;
}

.qbtn_l{
	float:left;
}

.qbtn_r{
	float:right;
}

.qmain_bg2{
	width:956px;
	height:450px;
	background:url(../images/shindan/20220720/KJ_20220720_06_01.jpg) 92px bottom no-repeat;
	background-size: contain;
	overflow:hidden;
}

.qtitle2{
	width:293px;
	margin:110px 0 0 532px;
}

.result{
	width:816px;
	margin:0 auto;
	border-left:#ff9000 solid 2px;
	border-right:#ff9000 solid 2px;
	background:#fff;
	text-align:left;
}

.rbox{
	width:786px;
	margin:0px 0 0 0;
	padding:10px 0 10px 30px;
	overflow:hidden;
}

.rbox2{
	margin:0px 0 0 0;
	border-top:#ff9000 solid 1px;
}

.rtitle{
	width:604px;
	margin:6px 0 0 0;
	padding:0 0 0 32px;
	background: url(../images/shindan/circle.gif) left center no-repeat;
	font-size:150%;
	line-height:1.8em;
	font-weight:bold;
	color:#ff9000;
	float:left;
}

.rbtn{
	width:120x;
	height:44px;
	margin:0 0 0 10px;
	float:left;
}

.rsubbox{
	width:788px;
	margin:0 0 0 28px;
	padding:14px 0 28px 0;
	clear:both;
	overflow:hidden;
}

.rph{
	width:130px;
	float:left;
}

.rsubbox .rbox3{
	width:550px;
	margin:0 0 0 20px;
	float:left;
}

.rsubtitle1{
	width:540px;
	height:26px;
	margin:18px 0 14px 0;
	padding:2px 0 0 10px;
	border-radius:9px;
	background:#e9f7f6;
	font-size:116%;
	line-height:1.8em;
}


.qmain_bg3{
	width: 958px;
	text-align:center;
	overflow:hidden;
	position: relative;
}

.qmain_bg3::before{
	content: "";
    background: url(../images/shindan/20220720/KJ_20220720_04_03.png)repeat-y;
    position: absolute;
    left: -6.5px;
    width: 14px;
    height: 100%;
}

.qmain_bg3::after{
	content: "";
    background: url(../images/shindan/20220720/KJ_20220720_04_03.png)repeat-y;
    position: absolute;
    right: 0.5px;
    top: 0px;
    width: 14px;
    height: 100%;
}

.rbtnbox{
	width:648px;
	margin:30px auto 0 auto;
	padding:0 0 20px 0;
	overflow:hidden;
}

.rbtnbox .rbtn_l{
	width:318px;
	height:64px;
	float:left;
}

.rbtnbox .rbtn_r{
	width:318px;
	height:64px;
	float:right;
}

.b_ma25{margin:0 0 25px 0;}

.shindan__ttl {
	font-size: 36px;
	margin: 45px 0 32px;
	color: #70A8CA;
	text-align: center;
}

.shindan__lead-text {
	font-size: 16px;
}

#shindanbox {
	position: relative;
	min-height: 630px;
}

#shindanStart ,
#shindanQ1 ,
#shindanQ2 ,
#shindanQ3 ,
#shindanQ4 ,
#shindanThinking ,
#shindanResult {
	position: absolute;
}

.app { z-index: 99; }
#shindanStart { z-index: 20; }
#shindanQ1  { z-index: 19; }
#shindanQ2  { z-index: 18; }
#shindanQ3  { z-index: 17; }
#shindanQ4  { z-index: 16; }
#shindanThinking  { z-index: 15; }
#shindanResult  { z-index: 21; display:none; }


/*---------------------------------

BC_MEM-23383 【教育情報サイト】読書感想文_画像のテキスト化2

---------------------------------*/
/* h1調整 */
#shindanStart .main_img {
	width: 960px;
	height: 456px;
	margin: 30px auto 0;

	background-image: url(/dokusho/images/shindan/20220720/KJ_20220720_01_03.png);
	background-size: contain;
	background-repeat: no-repeat;

	position: relative;

	text-align: center;
	color: #027FC2;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	box-sizing: border-box;
	padding-top: 63px;
	padding-left: 28px;
}