p{
    font-weight: 200;
    color: #7e7e7e;
}
h3{
	margin-bottom:15px;
}
.title{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}
.title h2{
    line-height: 200%;
    font-size: 1.75em;
    font-weight: 400;
    color: #c43131;
}
.title b{
    font-size: 20px;
    color: #565656;
    font-weight: 300;
    margin-top: -10px;
}
.left_box{
    margin-bottom: 40px;
}
.left_box p {
    width: 98%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0.05em;
}
#tancode{
    display: flex;
    justify-content: space-around;
}
#tancode .leftfex{
    display: flex;
    width: 47%;
}
#tancode .leftfex iframe{
    height: 420px;
    max-width: 100%;
}
#tancode .rightfex{
    display: flex;
    width: 50%;
    flex-direction: column;
}
#tancode .rightfex h2{
    line-height: 200%;
    color: #c43131;
    font-size: 25px;
    font-weight: 300;
}
#tancode p{
    line-height: 200%;
    font-size: 16px;
    text-align: justify;
    margin: 10px 0;
    margin-left: 10px;
}
#tancode h3{
    padding: 6px 20px;
    background-color: #f3f3f3b8;
    color: #505050;
    font-size: 18px;
    line-height: 200%;
    margin-top: 25px;
    font-weight: 400;
    margin-bottom: 0;
}
#tancode02{
    position: relative;
}
#tancode02 p{
	margin-left: 10px;
	line-height: 180%;
	color: #7c7c7c;
	font-size: 16px;
}
#tancode02 .Jbox_01{
    background-color: #efefef57;
    padding: 20px 10px;
    margin-bottom: 20px;
    margin-top: 30px;
}
#tancode02 .Jbox_01 h3{
    font-size: 24px;
    line-height: 200%;
    color: #4a4a4a;
}


#tancode02 .Jbox_02{
    background-color: #ffffff;
    padding: 20px 10px;
    margin-bottom: 20px;
    margin-top: 30px;
}
#tancode02 .Jbox_02 h3{
    font-size: 24px;
    line-height: 200%;
    color: #4a4a4a;
}

#tancode02 .Jbox_03{
    background-color: #efefef57;
    padding: 20px 10px;
    margin-bottom: 20px;
    margin-top: 30px;
}
#tancode02 .Jbox_03 h3{
    font-size: 24px;
    line-height: 200%;
    color: #4a4a4a;
}

#tancode03{
    position: relative;
}

#tancode04{
    position: relative;
}
#tancode04 .videoo{
    display: flex;
    flex-wrap: wrap;
}
#tancode04 .videoo iframe{
    width: 32%;
    height: 300px;
    margin: 0.5%;
}
@media screen and (max-width: 1160px){
	#tancode{
    display: flex;
    flex-direction: column;
}
	#tancode .leftfex{
        width: 100%;
    }
    #tancode .rightfex{
    	width:100%;
    }
    #tancode .leftfex iframe{
        width: 6000px;
        margin: 0 auto;
    }
    #tancode04 .videoo iframe{width: 49%;}
}
@media screen and (max-width: 480px){
	.title h2{
    font-size: 26px;
    margin-bottom: 20px;
}
#tancode04 .videoo iframe{
    width: 100%;
    margin: 0 auto 20px;
    height: 250px;
}

}