article{
	padding-bottom:30px;
}
.page_title {
    padding: 30px 0;
}
.page_title .box_fig img[alt=学びチャンネルへようこそ] {
    width: 55%;
    margin: 0 auto;
    display: block;
}
.wrap_tag{
	display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 .5em;
}
.wrap_tag li{
/*	border:1px solid #999;*/
	border-radius:100px;
	margin-right:1em;
}
.wrap_tag li a{
	color:#9879FF;
}
article section{
	max-width:720px;
	margin:0 auto 80px;
	    line-height: 2em;
	    scroll-margin-top:40px;
}
h1 {
	font-size: 1.8rem;
	margin: 0;
	padding-bottom: .6em;
        line-height: 1.6em;
}
h2 {
    font-size: 1.4rem;
    line-height: 1.6em;
}
h2 .h2_sub {
    font-size: .7em;
    line-height: 1.6em;
}
.contents a.general_btn{
	color:#fff;
}

.lead {
	font-size: 1.2rem;
	line-height: 1.8em;
	font-weight: 400;
}
p{
	margin-bottom:1em;
}
ul{
	padding:0 0 0 1em;
	margin:1em;
}
ul li{
	padding-bottom:.7em;
}
.common_btn {
    margin-right: auto;
    margin-left: 0;
}
.page_index{
	border:1px solid #999;
	padding:1em 3em;
}
.page_index li {
    margin-bottom: .5em;
    line-height: 1.6em;
}
.wrap_mov {
    margin-bottom: 40px;
}
.box_mov {
    position: relative;
}
.box_mov:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 53%;
}
.box_mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box_dscr {
    margin-bottom: 1em;
}
.relation{
	display:flex;
	justify-content:space-between;
	padding:1em;
	background-color:#eee;
	padding: 3em;
	margin-bottom:5em;
}
.relation .box_fig{
	width:15%;
}
.relation .box_content{
	width:80%;
}
.relation .box_content .r_title {
    font-size: 1.3rem;
    padding-bottom: .7em;
}
.relation .box_content .r_writer {
	padding-bottom:.7em;
}
.relation .box_content .r_title .r_title_sub {
    font-size: .8em;
}
.relation .box_content .r_dscr {
    margin-bottom: 1em;
}
.copyright {
    width: fit-content;
    background-color: #fff;
    padding: .7em 2em;
    margin: 2em 20px 0 auto;
}
.wrap_add a{
	color:#8FA0FF;
}

@media screen and (max-width:600px){
.relation {
    display: block;
}
.relation .box_fig {
    width: 60%;
    margin: 0 auto 30px;
}
.relation .box_content {
    width: 100%;
}
}