@charset "utf-8";

.content-title{
	background:url(../images/beginner-icon01.png) no-repeat;
	background-position:10px center;
	padding-left:45px;
}
.main p{
	line-height:2;
	text-align:left;
}
.catch-copy{
	color:#fe9611;
	font-size:22px;
	line-height:1.454;
	text-align:left;
	padding-bottom:26px;
	font-weight:600;
}
section.outline{
	margin-bottom:40px;
}
.tokuchou{
	border:6px solid #fed400;
	text-align:left;
	padding-bottom:18px;
	padding-right:18px;
	position:relative;
	margin-bottom:26px;
}
.tokuchou:nth-of-type(even){
	border:6px solid #5ab761;
}
.tokuchou h4{
	font-size:20px;
	line-height:2.5;
	padding-left:65px;
	//font-weight:500;
	position:relative;
	margin-bottom:18px;
}
.tokuchou h4:before{
	content:"";
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	background:#fed400;
	color:#fff;
	text-align:center;
	font-size:30px;
	line-height:1.7;
	font-weight:500;
}
.tokuchou:nth-of-type(even) h4:before{
	background:#5ab761;
}
.tokuchou:nth-of-type(1) h4:before{
	content:"1";
}
.tokuchou:nth-of-type(2) h4:before{
	content:"2";
}
.tokuchou:nth-of-type(3) h4:before{
	content:"3";
}
.tokuchou:nth-of-type(4) h4:before{
	content:"4";
}
.tokuchou:nth-of-type(5) h4:before{
	content:"5";
}
.tokuchou .f-left{
	width:474px;
	padding-left:18px;
}
.tokuchou .detail-txt{
	padding-left:18px;
	padding-bottom:18px;
}
.tokuchou .detail-pic{
	padding-left:18px;
}
.tokuchou .detail-pic img{
	display:block;
	width:100%;
}
.tokuchou .f-right{
	width:200px;
}
.tokuchou .f-right img{
	width100%;
	display:block;
}
.tokuchou span{
	display:block;
	color:#f00;
	font-weight:600;
	padding-top:0.7em;
	padding-bottom:0.7em;
}




@media screen and (max-width:767px){
.content-title{
	background:url(../images/beginner-icon01.png) no-repeat;
	background-position:2vw center;
	padding-left:8vw;
	background-size: auto 7vw;
}
.main p{
	line-height:1.8;
}
.catch-copy{
	line-height: 1.8;
    font-size: 4.5vw;
    padding-bottom: 3.2vw;
}
section.outline{
	margin-bottom:5vw;
}
.tokuchou{
	border:1vw solid #fed400;
	text-align:left;
	padding-bottom:3.2vw;
	padding-right:0;
	margin-bottom:3.2vw;
}
.tokuchou:nth-of-type(even){
	border:1vw solid #5ab761;
}
.tokuchou h4{
	font-size:4.5vw;
	line-height:1.5;
	padding-left:12vw;
	position:relative;
	margin-bottom:5vw;
	padding-top:1.5vw;
}
.tokuchou h4:before{
 	content: "";
    display: block;
    width: 10vw;
    height: 10vw;
    font-size: 4.8vw;
    line-height: 10vw;
}
.tokuchou:nth-of-type(even) h4:before{
	background:#5ab761;
}
.tokuchou:nth-of-type(1) h4:before{
	content:"1";
}
.tokuchou:nth-of-type(2) h4:before{
	content:"2";
}
.tokuchou:nth-of-type(3) h4:before{
	content:"3";
}
.tokuchou:nth-of-type(4) h4:before{
	content:"4";
}
.tokuchou:nth-of-type(5) h4:before{
	content:"5";
}
.tokuchou .f-left{
	width:100%;
	padding:0 3.2vw 3.2vw;
	float:none;
}
.tokuchou .detail-txt{
	padding-left:3.2vw;
	padding-right:3.2vw;
	padding-bottom:3.2vw;
}
.tokuchou .detail-pic{
	padding-left:3.2vw;
	padding-right:3.2vw;
}
.tokuchou .detail-pic img{
	display:block;
	width:100%;
}
.tokuchou .f-right{
	width:85.2vw;
	margin:auto;
	float:none;
}
.tokuchou .f-right img{
	width:100%;
}

}