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

/*レイアウト*/

h1{
	/*display: none;*/
}

h2{
	margin:30px 0 7px 0;
}


#header{
	margin:0 auto;
	padding:10px 0 10px 0;
	overflow:hidden;
}

#header #logo{
	text-align: center;
}
#header #logo #benesse_logo {
	width: 80px;
	height: auto;
}
#header #logo #kj_logo {
	width: 150px;
	height: auto;
}

#header .right{
	display: none;
	margin:3px 10px;
	text-align:right;
}


/*コンテンツ*/

#main_bg{
	width:100%;
	overflow:hidden;
	
	font-size:75%;
font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
color:#000;
letter-spacing:1px;
}

#main{
	width:92vw;
	max-width: 320px;
	margin:0 auto;
	overflow:hidden;
}

#main .cin1{
	/*width:960px;*/
	overflow:hidden;
	/* [disabled]text-align: center; */
}

#main .img_center_m10 {
	text-align: center;
}
#main .img_center_m10 img {
	width: 80vw;
	height: auto;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}



/*下層ページ*/

#maintitle{
	margin:0px 0 10px 0;
	/* [disabled]background:url(../images/common/main_title_bg.gif); */
	text-align: center;
}



#maintitle #btn{
	/* [disabled]width:220px; */
	/* [disabled]height:54px; */	/*margin:54px 0 0 725px;*/
	margin: 5px 0 0 0;
}

#pagetitle{
	/*width:960px;*/
	margin:10px 0 5px 0;
	text-align:center;
}

#main .lbox1{
	/* [disabled]width:465px; */
	margin:19px 0 0 0;
	/* [disabled]float:left; */
	clear:both;
}

#main .rbox1{
	/* [disabled]width:300px; */
	/* [disabled]float:right; */
	margin: 29px auto 0 auto;
	text-align: center;
}

#main .rbox1_2{
	width:300px;
	margin:29px auto 60px auto;
	/* [disabled]float:right; */
}

#main .rbox1_3{
	margin:19px 0 0 0;
	/* [disabled]float:right; */
}

#main .lbox1_2{
	/* [disabled]width:465px; */
	margin:26px 0 0 0;
	/* [disabled]float:left; */
	clear:both;
}

#main .rbox1_4{
	/* [disabled]width:465px; */
	margin:26px 0 0 0;
	/* [disabled]float:right; */
}

#main .lbox1_3{
	/* [disabled]width:465px; */
	margin:50px 0 0 0;
	/* [disabled]float:left; */
	clear:both;
	text-align: center;
}

#main .rbox1_5{
	/* [disabled]width:465px; */
	margin:50px 0 0 0;
	/* [disabled]float:right; */
	text-align: center;
}


.tbox1{
	/* [disabled]width:465px; */
	margin:20px 10px 0 10px;
	font-size:116%;
	line-height:1.8em;
}

.subtitle1{
	padding:30px 0 0px 0;
	text-align:center;
	clear:both;
}

.subtitle2{
	/* [disabled]width:465px; */
	text-align:center;
}

#main .sbox1{
	width: 300px;
	height: 320px;
	margin:20px auto 0 auto;
	/*background:url(/dokusho/images/sp/step1/select01.jpg);*/
	/* [disabled]float:left; */
	clear:both;
	/* [disabled]text-align: center; */
	overflow: hidden;
}

#main .sbox2{
	width: 300px;
	height: 320px;
	margin:20px auto 0 auto;
	/*background:url(/dokusho/images/sp/step1/select02.jpg);*/
	/* [disabled]float:right; */
	overflow: hidden;
}

#main .sbox3{
	width: 300px;
	height: 320px;
	margin:20px auto 0 auto;
	/*background:url(/dokusho/images/sp/step1/select03.jpg);*/
	/* [disabled]float:left; */
	clear:both;
	overflow: hidden;
}

#main .sbox4{
	width: 300px;
	height: 320px;
	margin:20px auto 0 auto;
	/*background:url(/dokusho/images/sp/step1/select04.jpg);*/
	/* [disabled]float:right; */
	overflow: hidden;
}

#main .sbox1 .tbox,
#main .sbox2 .tbox,
#main .sbox3 .tbox,
#main .sbox4 .tbox{
	width: 150px;
	margin: 90px 0 0 20px;
	line-height:1.5em;
	/* [disabled]text-align: left; */
}

#main #nbtn{
	width:300px;
	height:51px;
	margin:0 auto;
	padding:60px 0 0 0;
	clear:both;
}

#main #btnbox{
	padding:60px 0 0 0;
	overflow:hidden;
	clear:both;
}


#main #btnbox #pbtn1{
	width:80vw;
	max-width: 300px;
	margin: 0px auto 20px;
}
#main #btnbox #nbtn1{
	width:300px;
	margin-left: auto;
	margin-right: auto;
}
#pbtn1 a,
#nbtn1 a{
	display: block;
}
#oyano2{
	clear:both;
	text-align: center;
}

#oyano2 #btn{
	width:235px;
	height:51px;
	margin: 0px auto;
}

#main .osusumebox1{
	margin:40px 10px 0 10px;
	overflow:hidden;
	border: solid 2px #0180c2;
	border-radius: 14px;
	background-color: #FFF;
}

.osusumetitle {
	text-align: center;
	height: 35px;
	background: #42a69e;
	padding: 7px 0 0 0px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

#main .osusumebox2{
	margin:40px 10px 0 10px;
	overflow:hidden;
	border: solid 2px #0180c2;
	border-radius: 14px;
	background-color: #FFF;
}

#main .osusumebox3{
	margin:40px 10px 0 10px;
	overflow:hidden;
	border: solid 2px #0180c2;
	border-radius: 14px;
	background-color: #FFF;
}

#main .osusumebox4{
	margin:40px 10px 0 10px;
	overflow:hidden;
	border: solid 2px #0180c2;
	border-radius: 14px;
	background-color: #FFF;
}


#main .osusumebox1 .tbox,
#main .osusumebox2 .tbox,
#main .osusumebox3 .tbox,
#main .osusumebox4 .tbox{
	/* [disabled]width:240px; */
	margin:24px 10px 10px 10px;
	line-height:1.5em;
	/* [disabled]float:left; */
}

#main .osusumebox1 .ph,
#main .osusumebox2 .ph,
#main .osusumebox3 .ph,
#main .osusumebox4 .ph{
	width:143px;
	margin:20px 22px 0 0;
	/* [disabled]float:right; */
}

#main #btnbox1{
	width:300px;
	overflow:hidden;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#main #btnbox2{
	width:300px;
	overflow:hidden;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: #fff;
	border-radius: 10px;
}

#main #btnbox1 .title,
#main #btnbox2 .title{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main #btnbox1 .btn,
#main #btnbox2 .btn{
	margin:26px 0 10px 0;
	/* [disabled]float:right; */
}

#main #gtitle1{
	margin:19px 0 23px 0;
}

#main #gtitle2{
	margin:47px 0 0 0;
}

#main .gbtnbox1{
	overflow:hidden;
	text-align: center;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}
#main .gbtnbox1:last-child {
	margin-bottom: 13px;
}

#main .gbtnbox1 li{
	margin:0;
}
#main .gbtnbox1 li:hover {
	opacity: 0.8;
}

.tbox2{
	/* [disabled]width:785px; */
	margin:20px 10px 0 10px;
	font-size:116%;
	line-height:1.8em;
}

.gsubbox1{
	/* [disabled]width:310px; */
	margin:27px 0 0 0;
	line-height:1.8em;
	/* [disabled]float:left; */
}

.gsubbox2{
	margin:27px 0 0 0px;
	line-height:1.8em;
}

.gsubbox3{
	margin:27px 0 0 0px;
	line-height:1.8em;
}

.book_img {
	margin: 10px 0 0 30px;
}

.book_img img {
	height: 150px;
	width: auto;
}

.gsubbox1 ul{
	/* [disabled]width:300px; */
	margin:16px 0 0 10px;
	font-size: 116%;
}

.gsubbox2 ul{
	margin:16px 0 0 10px;
	font-size: 116%;
}

.gsubbox3 ul{
	margin:16px 0 0 10px;
	font-size: 116%;
}

.gsubbox1 ul li .circle,
.gsubbox2 ul li .circle,
.gsubbox3 ul li .circle{
	color:#42a69e;
}

#book{
	margin:50px 0 0 0;
	overflow:hidden;
	text-align: center;
	border: solid 2px #0180c2;
	border-radius: 5px;
	background-color: #FFF;
}

#book #ph{
	width:180px;
	margin:20px auto 0 auto;
	/* [disabled]float:left; */
}

#book #rbox{
	/* [disabled]width:717px; */
	margin:50px 0 20px 0;
	/* [disabled]float:right; */
	overflow:hidden;
}

#book #rbox #title{
	/* [disabled]width:717px; */
}

#book #rbox #before{
	margin:30px 0 0 0;
	/* [disabled]float:left; */
}

#book #rbox #after{
	margin:30px 0 0 0;
	/* [disabled]float:right; */
}

#illust_center{
	/* [disabled]width:960px; */
	text-align:center;
	padding: 0 10px;
}

#jyoukyuu{
	margin: 50px 0 0 0;
	border: solid 2px #0180c2;
	border-radius: 5px;
	background-color: #FFF;
	padding-bottom: 20px;
}

#jyoukyuu .title {
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	background: #ff9101;
	border-radius: 5px;
	color: #FFF;
	margin-left:10px;
	margin-top:-15px;
	z-index: 100;
}

#jyoukyuu #title{
	margin:20px auto 0 auto;
}

#jyoukyuu #txt{
	/* [disabled]width:627px; */
	margin:22px 10px 0 10px;
}

#question{
	/* [disabled]width:960px; */
	margin:20px 0 0 0;
	padding:30px 10px 30px 10px;
	text-align:center;
	background:#ff9000;
	border-radius:9px;
}

#question .tbox{
	/* [disabled]width:900px; */
	margin:20px auto 30px auto;
	text-align:left;
	font-size:130%;
	line-height:1.8em;
	font-weight:bold;
	color:#fff;
}

#question .tbox2{
	/* [disabled]width:900px; */
	margin:20px auto 10px auto;
	text-align:left;
	font-size:130%;
	line-height:1.8em;
	font-weight:bold;
	color:#fff;
}

#question .tbox3{
	/* [disabled]width:900px; */
	margin:10px auto 0 auto;
	text-align:center;
	font-size:130%;
	line-height:1.8em;
	font-weight:bold;
	color:#fff;
}

#question .arrow{
	/* [disabled]width:800px; */
	margin:0 auto;
	padding:0 0 0 0;
	text-align:center;
}

#ebox1{
	width:300px;
	height: 230px;
	margin:20px auto 0 auto;
	background:url(/dokusho/images/sp/step2/reibun_bg01.gif);
	/* [disabled]float:left; */
	clear:both;
}

#ebox2{
	width:300px;
	height: 230px;
	margin:20px auto 0 auto;
	background:url(/dokusho/images/sp/step2/reibun_bg02.gif);
	/* [disabled]float:right; */
}

#ebox3{
	width:300px;
	height: 230px;
	margin:20px auto 0 auto;
	background:url(/dokusho/images/sp/step2/reibun_bg03.gif);
	/* [disabled]float:left; */
	clear:both;
}

#ebox4{
	width:300px;
	height: 230px;
	margin:20px auto 0 auto;
	background:url(/dokusho/images/sp/step2/reibun_bg04.gif);
	/* [disabled]float:right; */
}

#ebox1 .title,
#ebox2 .title,
#ebox3 .title,
#ebox4 .title{
	margin:69px 0 0 10px;
}

#ebox1 .tbox,
#ebox2 .tbox,
#ebox3 .tbox,
#ebox4 .tbox{
	/* [disabled]width:405px; */
	margin:15px 10px 0 10px;
	line-height:1.8em;
}

.tbox3{
	/* [disabled]width:785px; */
	margin:2px 10px 0 10px;
	font-size:130%;
	line-height:1.8em;
	font-weight:bold;
}

.cap1{
	margin:18px 0 0 0;
	text-align:center;
}

.tbox4{
	/* [disabled]width:785px; */
	margin:34px 10px 0 10px;
	font-size:130%;
	line-height:1.8em;
	font-weight:bold;
}

#checkbox{
	width: 316px;
	margin:50px auto 0 auto;
	overflow:hidden;
	border: solid 2px #0180c2;
	background: #FFF;
	border-radius: 10px;
}

#checkbox_white{
	width: 300px;
	margin: 0 auto;
	/* height:552px; */
	overflow:hidden;
}

#checkbox_white #in{
	margin:30px 0 0 0;
	text-align:center;
	/* float:left; */
}

#checkbox_white #in .inContent {
	margin-bottom: 40px;
}

#checkbox_green{
	width:960px;
	height:104px;
	background:#42a69e;
	overflow:hidden;
}

#checkbox_white #lbtn{
	width:55px;
	height:154px;
	margin:189px 0 0 20px;
	float:left;
}

#checkbox_white #rbtn{
	width:55px;
	height:154px;
	margin:189px 12px 0 0;
	float:right;
}

#checkbox_green #lbox{
	width:370px;
	margin:0 0 0 89px;
	float:left;
}

#checkbox_green #rbox{
	width:387px;
	margin:0 79px 0 0;
	float:right;
}

#checkbox_green #lbox img,
#checkbox_green #rbox img{
	margin:11px 0 0 0;
}

#qbox{
	margin:0px 0 0 0;
}

#qbox .abtn{
	width:238px;
	height:53px;
	margin:30px auto 0 auto;
}

#pbox{
	/* [disabled]width:960px; */
	margin:60px 0 0 0;
	overflow:hidden;
}

#pbox #fleft1{
	width:300px;
	margin:0 auto;
	/* [disabled]float:left; */
}

#pbox #fleft2{
	width:300px;
	margin:20px auto;
	/* [disabled]float:left; */
}

#i_title{
	/* [disabled]width:960px; */
	text-align:center;
}

.i_box01{
	/* [disabled]width:960px; */
	margin:30px 10px 0 10px;
	overflow:hidden;
}

.i_box02{
	/* [disabled]width:960px; */
	margin:20px 10px 0 10px;
	overflow:hidden;
}

.i_box01 .ph,
.i_box02 .ph{
	/* [disabled]width:228px; */
	/* [disabled]float:left; */
	text-align: center;
}

.i_box01 .txt,
.i_box02 .txt{
	/* [disabled]width:703px; */
	/* [disabled]float:right; */
	margin-top: 20px;
}

.i_box01 .txtbox,
.i_box02 .txtbox{
	margin:20px 0 0 0;
	line-height:1.8em;
}



.i_box02 .txt2{
	/* [disabled]width:703px; */
	/* [disabled]float:left; */
}

.i_box02 .ph2{
	/* [disabled]width:228px; */
	/* [disabled]float:right; */
	text-align: center;
	margin: 20px 0 0 0;
}

#i_btn{
	width:220px;
	height:54px;
	margin:0 auto;
	padding:60px 0 0 0;
	clear:both;
}

#oyano2Prof{
	width:280px;
	background:#fff;
	padding:20px;
	display:none;
}

#oyano2Prof .in{
	width:240px;
	border:solid 1px #ffcf91;
	background:#fffdf7;
	padding:10px 20px;
}





/*フッター*/

#footer_bg{
	width:100%;
	margin:70px 0 0 0;
	text-align:center;
	border-top:3px solid #42a69e;
	background:#FFF;
}

#footer{
	/* [disabled]width:960px; */
	margin:0 auto;
	padding:25px 0;
	font-size:83%;
	line-height:3em;
}

#footer a{
	color:#00a5ea;
}

#footer a:hover{
	color:#43c7ff;
}


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

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

---------------------------------*/
/* インタビュー */
.interview-oyano-ttl {
	display: inline-block;
	color: #FF9000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin-top: 40px;
	margin-bottom: 20px;

	position: relative;
}
.interview-oyano-ttl::before {
	content: '';
	background-image: url(/dokusho/images/common/20200605/pagetitle.gif);
	background-repeat: repeat-x;
	background-size: 14px;

	position: absolute;
	width: 42px;
	height: 14px;
	top: 50%;
	left: -3px;
	-webkit-transform: translate(-100%, -50%);
	    -ms-transform: translate(-100%, -50%);
	        transform: translate(-100%, -50%);
}
.interview-oyano-ttl::after {
	content: '';
	background-image: url(/dokusho/images/common/20200605/pagetitle.gif);
	background-repeat: repeat-x;
	background-size: 14px;

	position: absolute;
	width: 42px;
	height: 12px;
	top: 50%;
	right: -3px;
	-webkit-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);
}
.interview-oyano-subttl {
	font-size: 20px;
	font-weight: bold;
}
.interview-subttl-tch-name {
	display: inline-block;
	color: #018FCA;
	font-size: 25px;
	margin: 0 8px;
}
.interview-subttl-tch-name rt {
	color: #000;
	font-size: 10px;
	text-align: center;
}

/* インタビューページh2 */
.interview-oyano-h2 {
	margin: 0;

	color: #FF5A00;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0px;
	padding-bottom: 8px;

	border-bottom: dotted 2px #FF5A00;
}
.interview-oyano-h2--01 {
	color: #FF5A00;
	border-color: #FF5A00;
}
.interview-oyano-h2--02 {
	color: #30A65D;
	border-color: #30A65D;
}
.interview-oyano-h2--03 {
	color: #366CA9;
	border-color: #366CA9;
}
.interview-oyano-h2--04 {
	color: #9832B5;
	border-color: #9832B5;
}
.interview-oyano-h2--05 {
	color: #EA4898;
	border-color: #EA4898;
}

/* stepページ メインタイトル */
.step-ttl-area {
	margin-top: 10px;
	background-image: url(/dokusho/images/step1/20200605/pagetitle01-sp.gif);
	background-size: contain;
	background-repeat: no-repeat;
}
.step-ttl-area--01 {
	background-image: url(/dokusho/images/step1/20200605/pagetitle01-sp.gif);
}
.step-ttl-area--02 {
	background-image: url(/dokusho/images/step2/20200605/pagetitle02-sp.gif);
}
.step-ttl-area--03 {
	background-image: url(/dokusho/images/step3/20200605/pagetitle03-sp.gif);
}
.step-ttl-area--03.step-ttl-area--big {
	background-image: url(/dokusho/images/step3/20200605/pagetitle03-sp-big.gif);
}
.step-ttl-sub {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 28px 0 16px;
	padding-left: 58px;

	width: 238px;
	position: relative;
}
.step-ttl-sub-num {
	position: absolute;

	color: #FFBA00;
	font-weight: bold;

	top: 40px;
	left: 22px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 10;
}
.step-ttl-sub-num::before {
	content: '';
	background-color: #fff;

	width: 34px;
	height: 34px;
	border-radius: 100%;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: -1;
}
.step-ttl-area--03 .step-ttl-sub-num {
	color: #FF1300;
}
.step-ttl-main {
	color: #fff;
	font-size: 24px;
	font-weight: bold;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 16px 0 24px;
	padding-left: 20px;
	line-height: 1.1;
	min-height: 92px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
/* sp */
@media(max-width:335px){
	.step-ttl-main {
		font-size: 20px;
	}
}
.step-ttl-main--min {
	font-size: 20px;
	padding-bottom: 35px;
	padding-top: 28px;
}

.step-point-area {
	padding: 5px 10px 3px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #009944;
	border-radius: 6px;
	margin: 0 10px 14px;
}
.step-point-txt {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;

	position: relative;
}
.step-point-num {
	position: absolute;

	top: 50%;
	right: -12px;
	-webkit-transform: translate(-50%, 100%);
	    -ms-transform: translate(-50%, 100%);
	        transform: translate(-50%, 100%);

	color: #009944;
	font-size: 26px;
	font-weight: bold;
}
.step-point-num {
	position: absolute;

	top: 50%;
	right: -14px;
	-webkit-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);

	color: #009944;
	font-size: 24px;
	font-weight: bold;
}
.step-point-num::before {
	content: '';
	background-color: #fff;

	width: 40px;
	height: 40px;
	border: solid 2px #009944;;
	border-radius: 100%;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: -1;
}
.step-point-ttl {
	color: #018FCA;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 6px;
	border-bottom: dotted 2px #018FCA;
	margin: 0 10px;
}
.step-point-ttl--min {
	font-size: 15px;
}

.step-choose-area {
	padding: 5px 10px 7px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #009944;
	border-radius: 6px;
	margin: 20px 10px 14px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.step-choose-txt {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;

	position: relative;
}
.step-choose-num {
	position: absolute;

	top: 50%;
	right: -12px;
	-webkit-transform: translate(-50%, 100%);
	    -ms-transform: translate(-50%, 100%);
	        transform: translate(-50%, 100%);

	color: #009944;
	font-size: 26px;
	font-weight: bold;
}
.step-choose-num {
	position: absolute;

	top: 50%;
	right: -14px;
	-webkit-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);

	color: #009944;
	font-size: 24px;
	font-weight: bold;
}
.step-choose-num::before {
	content: '';
	background-color: #fff;

	width: 40px;
	height: 40px;
	border: solid 2px #009944;;
	border-radius: 100%;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: -1;
}
.step-choose-ttl {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	line-height: 1;
	padding-left: 48px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.step-choose-subttl {
	color: #018FCA;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 10px;
}

.step-star-ttl {
	display: inline-block;
	color: #009944;
	font-size: 23px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	margin: 0;
}
.step-star-ttl::before {
	content: '';
	background-image: url(/dokusho/images/common/20200605/pagetitle-green.gif);
	background-repeat: repeat-x;
	background-size: 14px;
	position: absolute;
	width: 42px;
	height: 14px;
	top: 50%;
	left: -5px;
	-webkit-transform: translate(-100%, -50%);
	    -ms-transform: translate(-100%, -50%);
	        transform: translate(-100%, -50%);
}
.step-star-ttl::after {
	content: '';
	background-image: url(/dokusho/images/common/20200605/pagetitle-green.gif);
	background-repeat: repeat-x;
	background-size: 14px;
	position: absolute;
	width: 42px;
	height: 12px;
	top: 50%;
	right: -5px;
	-webkit-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);
}

/* 親野先生のコメント */
.prof-area {
	position: relative;
}
.prof-cont {
	background-image: url(/dokusho/images/step1/20200605/oyano_bg-sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 240px;
}
.prof-comment {
	position: absolute;
	top: 19px;
	left: 138px;

	color: #fff;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.2;
}
.prof-name {
	position: absolute;
	width: 100%;
	top: 146px;

	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.prof-name-tch-name {
	display: inline-block;
	color: #018FCA;
	font-size: 35px;
	margin: 0 10px;
}
.prof-name-tch-name rt {
	color: #000;
	font-size: 10px;
	text-align: center;
}
.prof-acc-btn {
	display: block;
	width: 240px;
	margin: 0 auto;
}
.prof-txt {
	margin: 20px;

	border: solid 1px #ffcf91;
	background: #fffdf7;
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	line-height: 1.8;
}

/* step 3-4 */
.prof-area--step3-4 .prof-cont {
	background-image: url(/dokusho/images/step3/20200605/oyano_bg-sp.jpg);
	min-height: 248px;
}
.prof-area--step3-4 .prof-comment {
	top: 22px;
	left: 145px;
	font-size: 15px;
}
.prof-area--step3-4 .prof-name {
	top: 170px;
}

/* step 3-5 */
.prof-area--step3-5 .prof-cont {
	background-image: url(/dokusho/images/step3/20200605/oyano_bg-sp.jpg);
	min-height: 248px;
}
.prof-area--step3-5 .prof-comment {
	top: 22px;
	left: 145px;
	font-size: 15px;
}
.prof-area--step3-5 .prof-name {
	top: 170px;
}


.bluebox-container {
	margin-top: 40px;
}
.bluebox {
	border: solid 2px #0180C2;
	background-color: #0180C2;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 10px 40px;

	position: relative;
}
.bluebox-name {
	background-color: #0180C2;
	padding: 4px 14px 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	color: #fff;
	font-size: 26px;
	font-weight: bold;
}
.bluebox-cont {
	background-color: #fff;

	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.bluebox__desc {
	margin-bottom: 20px;
}
.bluebox__desc-ttl {
	font-size: 20px;
}
.bluebox__desc-txt--prof {
	font-size: 16px;
}
.bluebox__desc-txt--pub {
	font-size: 14px;
}
.bluebox__thumb {
	text-align: center;
}
.bluebox__thumb-img {
	max-width: 100%;
}

.waylink__item:not(:last-child) {
	margin-bottom: 40px;
}
.waylink__item-txt {
	padding-left: 24px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 12px;
	margin-bottom: 14px;

	position: relative;
}
.waylink__item-txt::before {
	content: '';
	width: 12px;
	height: 12px;
	border: solid 1px #000;

	position: absolute;
	top: 50%;
	left: 8px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.waylink__item-txt::after {
	content: '';
	background-image: url(/dokusho/images/common/20200605/ic-waylink.gif);
	background-size: contain;
	background-repeat: no-repeat;
	width: 46px;
	height: 15px;

	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.waylink__item-link-wrap {
	text-align: center;
}
.waylink__item-link {
	display: inline-block;
}

.blue-ttl {
	background-color: #E7F5FB;
	border-radius: 4px;

	color: #018FCA;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 11px 7px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 1;
	margin: 0 10px;
}

.green-ttl {
	background-color: #009944;
	border-radius: 8px;

	margin: 0 10px;

	color: #fff;
	font-size: 29px;
	font-weight: bold;
	padding: 8px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 1;
	text-align: center;
	margin-top: 40px;
}
.green-ttl--min {
	text-align: left;
	font-size: 18px;
	padding: 8px 8px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.orange-ttl-wrap {
	text-align: center;
}
.orange-ttl {
	display: inline-block;
	padding: 4px 24px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 8px;

	color: #fff;
	font-size: 23px;
	font-weight: bold;
	background-color: #FF9000;
}


.bookbox {
	margin-top: 50px;
	padding-top: 12px;
	border: solid 2px #0180C2;
	background-color: #0180C2;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.bookbox-inner {
	background-color: #fff;
	padding: 10px 10px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.bookbox-thumb-wrap {
	text-align: center;
	margin-bottom: 40px;
}
.bookbox-thumb-link {
	display: inline-block;
}
.bookbox-thumb {
	width: 180px;
}
.bookbox-desc-wrap {
}
.booxbox-ttl-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 40px;
}
.bookbox-ttl-lead {
	display: inline-block;

	background-color: #FF9000;
	padding: 0 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 6px;

	color: #fff;
	font-size: 21px;
	font-weight: bold;
}
.bookbox-ttl {
	display: inline-block;
	color: #FF9000;
	font-size: 24px;
	font-weight: bold;
}
.bookbox__txtbox-area {
}
.bookbox__txtbox {
	border: solid 1px #009944;
	position: relative;
	border-radius: 8px;

	padding: 20px 8px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.bookbox__txtbox:not(:last-child) {
	margin-bottom: 40px;
}
.bookbox__txtbox-ttl {
	position: absolute;
	top: 0;
	left: 10px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: #fff;

	color: #009944;
	font-size: 18px;
	font-weight: bold;
	padding: 0 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.bookbox__txtbox-txt {
	font-size: 12px;
	letter-spacing: 0;
}

.star-ttl-wrap {
	text-align: center;
	margin: 20px 0;
}
.star-ttl {
	display: inline-block;
	color: #FF9000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	margin: 0;
}
.star-ttl::before {
	content: '';
	background-image: url(/dokusho/images/common/20200605/pagetitle.gif);
	background-repeat: repeat-x;
	background-size: 14px;
	position: absolute;
	width: 42px;
	height: 14px;
	top: 50%;
	left: -5px;
	-webkit-transform: translate(-100%, -50%);
	    -ms-transform: translate(-100%, -50%);
	        transform: translate(-100%, -50%);
}
.star-ttl::after {
	content: '';
    background-image: url(/dokusho/images/common/20200605/pagetitle.gif);
    background-repeat: repeat-x;
    background-size: 14px;
    position: absolute;
    width: 42px;
    height: 12px;
    top: 50%;
    right: -5px;
    -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
}

.jokyu-ttl {
	color: #018FCA;
	font-size: 17px;
	font-weight: bold;
	margin: 20px 10px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.question-kotoba {
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;
	padding: 9px 0;
	padding-left: 55px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	color: #30A65D;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
	letter-spacing: 0;

	position: relative;
}
.question-kotoba::before {
	content: '';

	position: absolute;
	top: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	display: inline-block;
	padding: 12px 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #30A65D;
	border-radius: 10px;

	color: #fff;
	font-size: 20px;
}
.question-kotoba--01 {
	color: #30A65D;
}
.question-kotoba--01::before {
	content: 'Q1';
	background-color: #30A65D;
}
.question-kotoba--02 {
	color: #366CA9;
}
.question-kotoba--02::before {
	content: 'Q2';
	background-color: #366CA9;
}
.question-kotoba--03 {
	color: #9832B5;
}
.question-kotoba--03::before {
	content: 'Q3';
	background-color: #9832B5;
}
.question-kotoba--04 {
	color: #EA4898;
}
.question-kotoba--04::before {
	content: 'Q4';
	background-color: #EA4898;
}

.expbox-container {
	padding: 0 10px;
}
.expbox {
	border: solid 2px #0180C2;
	background-color: #0180C2;
	border-radius: 10px;
	padding-top: 12px;
	margin-top: 40px;

	position: relative;
}
.exp-deco {
	position: absolute;
	background-color: #FF9001;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 4px 8px 5px;
	padding-right: 20px;
	border-radius: 6px;
	top: -10px;
	left: 18px;
}
.exp-deco-char {
	position: absolute;
	top: 50%;
	right: 6px;
	-webkit-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);
	color: #FF9001;
	font-size: 26px;
	font-weight: bold;
}
.exp-deco-char::before {
	content: '';
	background-color: #fff;
	width: 38px;
	height: 38px;
	border: solid 3px #FF9001;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: -1;
}
.expbox-inner {
	height: 100%;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 30px 10px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.exp-ttl {
	color: #018FCA;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: bold;
	margin-bottom: 8px;
}

.incont-wrap {
	margin-bottom: 10px;
}
.incont-point {
	display: inline-block;
	padding: 2px 12px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 8px;

	background-color: #FF9000;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	margin-right: 12px;
}
.incont-point-num {
	color: #FF9000;
	display: inline-block;
	position: relative;
	z-index: 5;
	margin-left: 5px;
}
.incont-point-num::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 1.2em;
	height: 1.2em;
	border-radius: 100%;
	background-color: #fff;
	z-index: -1;
}
.incont-txt {
	color: #FF9000;
	font-size: 20px;
	font-weight: bold;
}

.quebox {
	border: solid 2px #30A65D;
	border-radius: 10px;
	padding: 20px 10px;
	padding-right: 0;
	padding-top: 42px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 80px;

	position: relative;
}
.quebox__head {
	position: absolute;

	width: 90%;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #30A65D;
	border-radius: 10px;
	padding: 4px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.quebox__head-deco {
	display: inline-block;
	padding: 12px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 10px;

	color: #30A65D;
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
	margin-right: 6px;
}
.quebox__head-ttl {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.quebox__body-item {
	position: relative;
	color: #30A65D;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	padding-left: 2em;
	position: relative;
	line-height: 1.1;
}
.quebox__body-item:not(:last-child) {
	margin-bottom: 10px;
}
.quebox__body-item::before {
	content: '';

	position: absolute;
	top: 0;
	left: 0;
}
.quebox__body-item--a::before {
	content: 'Ａ：';
}
.quebox__body-item--b::before {
	content: 'Ｂ：';
}

/* 緑 */
.quebox--green {
	border: solid 2px #30A65D;
}
.quebox--green .quebox__head {
	background-color: #30A65D;
}
.quebox--green .quebox__head-deco {
	color: #30A65D;
}
.quebox--green .quebox__body-item {
	color: #30A65D;
}

/* 青 */
.quebox--blue {
	border: solid 2px #366CA9;
}
.quebox--blue .quebox__head {
	background-color: #366CA9;
}
.quebox--blue .quebox__head-deco {
	color: #366CA9;
}
.quebox--blue .quebox__body-item {
	color: #366CA9;
}

/* 紫 */
.quebox--purple {
	border: solid 2px #9832B5;
}
.quebox--purple .quebox__head {
	background-color: #9832B5;
}
.quebox--purple .quebox__head-deco {
	color: #9832B5;
}
.quebox--purple .quebox__body-item {
	color: #9832B5;
}

/* ピンク */
.quebox--pink {
	border: solid 2px #EA4898;
}
.quebox--pink .quebox__head {
	background-color: #EA4898;
}
.quebox--pink .quebox__head-deco {
	color: #EA4898;
}
.quebox--pink .quebox__body-item {
	color: #EA4898;
}


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

作文ボックス

---------------------------------*/
.cmpbox-container {
	margin-bottom: 40px;
}
.cmpbox {
	border: solid 2px #0180C2;
	background-color: #0180C2;
	border-radius: 10px;
	padding-top: 12px;
	margin: 40px 10px 0;
	position: relative;
}
.cmpbox-ttl {
	position: absolute;
	background-color: #FF9001;
	display: inline-block;
	width: 240px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 12px 8px;
	border-radius: 6px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cmpbox-inner {
	height: 100%;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cmpbox-thumb-wrap {
	text-align: center;
}


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

バナーエリア

---------------------------------*/
.othbnr-area {
	width: 290px;
	margin: 0 auto 40px;
}
.othbnr__head {
	text-align: center;
	margin-bottom: 32px;
}
.othbnr__head-link-btn {
	width: 100%;
}
.bnr-img {
	width: 100%;
}
.othbnr__head-link-btn:link,
.othbnr__head-link-btn:active,
.othbnr__head-link-btn:visited {
	color: #0070cb;
}
.othbnr__head-link-btn:hover {
	opacity: .8;
	text-decoration: none;
}
.othbnr__bnr-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.othbnr__bnr-link {
	display: inline-block;
	width: 135px;
	margin-bottom: 15px;
}
.othbnr__bnr-link:hover {
	opacity: .8;
}
.othbnr__bnr-img {
	max-width: 100%;
}



.step-box-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.step-box {
	width: 465px;
	height: 306px;
	margin: 40px 10px 0;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding-top: 32px;
	padding-left: 20px;

	position: relative;
	background-size: contain;
	background-repeat: no-repeat;

	position: relative;
}
.step-box--01 {
	background-image: url(/dokusho/images/step1/20200605/select01_sum-sp.jpg);
}
.step-box--02 {
	background-image: url(/dokusho/images/step1/20200605/select02_sum-sp.jpg);
}
.step-box--03 {
	background-image: url(/dokusho/images/step1/20200605/select03_sum-sp.jpg);
}
.step-box--04 {
	background-image: url(/dokusho/images/step1/20200605/select04_sum-sp.jpg);
}
.step-box-deco {
	position: absolute;
	background-color: #FF9001;

	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	padding: 7px 12px 8px;
	padding-right: 20px;
	border-radius: 6px;

	top: -10px;
	left: 18px;
}
.step-box-deco-num {
	position: absolute;

	top: 50%;
	right: 2px;
	-webkit-transform: translate(100%, -50%);
	    -ms-transform: translate(100%, -50%);
	        transform: translate(100%, -50%);

	color: #FF9001;
	font-size: 26px;
	font-weight: bold;
}
.step-box-deco-num::before {
	content: '';
	background-color: #fff;

	width: 40px;
	height: 40px;
	border: solid 3px #FF9001;;
	border-radius: 100%;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: -1;
}
.step-box-ttl {
	color: #018FCA;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: bold;
	margin-bottom: 8px;
}
.step-box-txt {
	width: 148px;
}

.related-article{
  border: #E5E5E5 2px solid;
  margin-top: 80px;
  padding: 0 16px 30px;
  background-color: #FFFFFF;
}
.related-article__ttl{
  font-size: 18px;
  line-height: 26px;
	color: #018FCA;
}
.related-article__list-item{
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding-left: 22px;
  margin-top: 8px;
}
.related-article__list-item a{
  color: #000000;
}
.related-article__list-item::before{
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/kyouiku/_shared/img/article_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0px;
  left: 0px;
  transform: translateY(50%);
}

.shindan-bnr__img{
	padding: 17px 0 15px;
	max-width: 300px;
	margin: 0 auto;
	display: block;
}