@charset 'utf-8';

/*-----------------------------------------------
	learn_tea
------------------------------------------------*/
@media screen and (max-width: 768px){
/*#learn.step .header_main .tab.ver3 li:first-child a,
#learn.about .header_main .tab.ver3 li:nth-child(2) a,
#learn.qa .header_main .tab.ver3 li:last-child a{display: block; background: #f9f8f3; color: #000; border-right: 1px solid #f9f8f3 !important;}*/
	
#learn.step .header_main .tab.ver3 li:first-child a,
#learn.about .header_main .tab.ver3 li:nth-child(2) a,
#learn.qa .header_main .tab.ver3 li:last-child a{display: table-cell; background: #f9f8f3; color: #000; border-right: 1px solid #f9f8f3 !important; height: 3em; vertical-align: middle;}/* English */
}

#contents_inner{padding: 0 0 5em 0;}
#contents_inner .main{max-width: 100%;}
#contents_inner .main .ct{font-size: 114.28571%; padding: 0 .9em 0 .9em; box-sizing: border-box;}
#contents_inner .main .ct{display:flex;} /* English */
#contents_inner .main .ct span{ padding-top:.25em; padding-left: .5em;} /* English */
#contents_inner .main .text{padding: 0 1em 0 1em;}

/*.ct:before{content: url(../../common/images/ico_hyow_sp.png); margin: 0 .4em 0 0; vertical-align: -.4em;}*/
.ct:before{display:inline-block;content: ""; background: url(../../../common/images/ico_hyow-l.png) no-repeat; background-size:contain;width: 30px; height: 30px; margin: 0 .4em 0 0; vertical-align: -.4em}


/*about*/
.step_contents{width: 96%; margin: 0 auto;}
.step_contents ul{padding: 1.5em 0 0 0;}
.step_contents ul li{width: 100%;}
.step_contents ul li .elem_box{border: 1px solid #c4b9ce; padding: .8em; box-sizing: border-box;}
.step_contents ul li .elem{display: table; width: 100%;}
.step_contents ul li .step_ct{display: table-cell; padding: 0 10% 0 10%; text-align: center; width: 22.43589%; font-size: 128.57142%; vertical-align: middle; box-sizing: border-box;}
.step_contents ul li .step_ct:before{display: inline-block; content: ""; background: url(../../../learn_tea/images/kamon.png) no-repeat; background-size :contain; width: 25px; height: 25px; margin: 0 .5em 0 0; vertical-align: -.25em;}
.step_contents ul li .step_ct:after{display: inline-block; content: ""; background: url(../../../learn_tea/images/kamon.png) no-repeat; background-size :contain; width: 25px; height: 25px; margin: 0 0 0 .5em; vertical-align: -.25em;}

.step_contents ul li .step_ct.cng:before{margin: 0 -.5em 0 0;}
.step_contents ul li .step_ct.cng:after{margin: 0 0 0 -.5em;}
/*.step_contents ul li .elem_text{padding: .5em 0 .2em 0; line-height: 1.8;}*/
	.step_contents ul li .elem_text{padding: .5em 0 .2em 0; line-height: 1.5;}/* English */
.step_contents ul li .arw{width: 4.30555%; margin: 0 auto; padding: .5em 0 1em 0;}
.step_contents ul li .arw img{width: 100%;}








/*Q&A*/
#qa_contents ul li{padding: 2em 0 0 0;}
#qa_contents ul li:first-child{padding: 0 0 0 0;}
#qa_contents ul li img{vertical-align: text-bottom;}
#qa_contents ul li .q{float: left; display: inline-block; width: 18%;}
/*#qa_contents ul li .qa_ct{float: left; display: block; width: 70%; display: inline-block; font-weight: bold; font-size: 135%; padding: 0 .5em 0 .2em; vertical-align: 1; line-height: 1em; box-sizing: border-box;}*/
#qa_contents ul li .qa_ct{ display: inline-block; font-weight: bold; font-size: 130%; padding: 0 .2em 0 .2em; line-height: 1em; box-sizing: border-box; }

#qa_contents ul li .qt{font-weight: bold; padding: .15em 0 0 0; float:left; width:82%;}

/*#qa_contents ul li .qa_ct.orange{background: url(../images/q_o_sp.png) no-repeat;}
#qa_contents ul li .qa_ct.brown{background: url(../images/q_b_sp.png) no-repeat;}
#qa_contents ul li .qa_ct.purple{background: url(../images/q_p_sp.png) no-repeat;}*/
#qa_contents ul li .orange_bld{color: #ce7e12;}
#qa_contents ul li .brown_bld{color: #8b4d10;}
#qa_contents ul li .purple_bld{color: #8872a4;}

/*Nyumon*/
#fs_contents ul li{padding: 2em 1em 0 0; box-sizing: border-box;}
#fs_contents ul li .ctg{padding: .5em 0 0 0;}
#fs_contents ul li .orange_num{display: inline-block; padding: 0 .5em 0 0; color: #ce7e12;}
.pic_area{width: 100%; margin: 3em 0 0 0;}
.pic_area p{width: 100%;}
.pic_area p img{width: 100%;}
.cng1{display: inline-block; margin: 0 0 0 -.6em;}
#fs_contents ul li span.flex{display:flex}


@media screen and (max-width: 375px){
#contents_inner .main .ct{padding: 0 0 0 .4em;}
.ct:before{margin: 0 .2em 0 0;}
}
@media screen and (max-width: 360px){
#qa_contents ul li .q{float: left; display: inline-block; width: 20%;}
/**/
#qa_contents ul li .qa_ct{ font-size: 120%;}
#qa_contents ul li .qt{font-weight: bold; padding: .15em 0 0 0; float:left; width:80%;}
}

@media print, screen and (min-width: 769px){
#learn.step .header_main .tab.ver3 li:first-child a,
#learn.about .header_main .tab.ver3 li:nth-child(2) a,
#learn.qa .header_main .tab.ver3 li:last-child a{background: #f9f8f3; color: #000;}
/**/
#learn.step .header_main .tab.ver4g li:first-child a,
#learn.about .header_main .tab.ver4g li:nth-child(2) a,
#learn.qa .header_main .tab.ver4g li:nth-child(3) a,
#learn.biginner .header_main .tab.ver4g li:last-child a{background: #f9f8f3; color: #000; }
	
#contents_inner .main{max-width: 780px; margin: 0 auto;}
#contents_inner .main .ct{font-size: 187.5%; padding: 0 0 0 0;}
#contents_inner .main .text{padding: 0 0 0 0;}

/*.ct:before{content: url(../../common/images/ico_hyow.png); vertical-align: -.35em;}*/
.ct:before{display:inline-block;content: ""; background: url(../../../common/images/ico_hyow-l.png) no-repeat; background-size:contain;width: 42px; height: 41px;}

/*about*/
.step_contents{width: 100%; margin: 0 0;}
.step_contents ul{padding: 3em 0 4.5em 0;}
.step_contents ul li .elem_box{padding: 1em;}
.step_contents ul li .step_ct{font-size: 150%;}
.step_contents ul li .step_ct:before{margin: 0 1.1em 0 0; vertical-align: -.22em;}
.step_contents ul li .step_ct:after{margin: 0 0 0 1.1em; vertical-align: -.22em;}
.step_contents ul li .step_ct.cng:before{margin: 0 0 0 0;}
.step_contents ul li .step_ct.cng:after{margin: 0 0 0 0;}
.step_contents ul li .elem_text{padding: .8em 1.5em .8em 1.5em;}
.step_contents ul li .arw{width: 3.97435%; padding: 1em 0 1em 0;}

	
	
/*Q&A*/
#qa_contents ul{padding: 0 0 4.5em 0;}
#qa_contents ul li{padding: 2.4em 0 0 0;}
/*#qa_contents ul li .qa_ct{padding: .6em 0 0 2.6em;}
#qa_contents ul li .qa_ct.orange{background: url(../images/q_o.png) no-repeat;}
#qa_contents ul li .qa_ct.brown{background: url(../images/q_b.png) no-repeat;}
#qa_contents ul li .qa_ct.purple{background: url(../images/q_p.png) no-repeat;}*/
#qa_contents ul li .q{width: 12%; float: left; display: inline-block;}/*20180606*/
/*#qa_contents ul li .qa_ct{width: 85%; font-size: 180%; padding: 0 .5em 0 .2em; vertical-align: -.1em; line-height: 1em;}*/
#qa_contents ul li .qa_ct{font-size: 180%; padding: 0 .5em 0 .2em; vertical-align: -.1em; line-height: 1em; display: inline-block; font-weight: bold;}
#qa_contents ul li .qt{padding: .8em 0 0 0; float: left; font-weight: bold; width: 80%;}/*20180606*/


/*Nyumon*/
#fs_contents ul li{padding: 2em 0 0 0;}
#fs_contents ul li:first-child{padding: 2.7em 0 0 0;}
#fs_contents ul li .ctg{padding: 0 0 0 3.5em;}
	#fs_contents ul li .ctg{padding: 0 0 0 2em;}/* English */
#fs_contents ul li .orange_num{padding: 0 .5em 0 0;}
.pic_area{max-width: 1080px; margin: 3em auto 4.5em auto; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
.pic_area p{width: 50%;}

/*#qa_contents ul li .q{width:78px;}*//*20180606 cmtout*/
/*#qa_contents ul li .qt{width:702px;}*//*20180606 cmtout*/
#qa_contents ul li .qa_ct.tablet{font-size:150%;}
}


@media screen and (max-width: 768px){
body#learn #fs_contents li span.normal{ font-weight: bold;}
}