@charset "utf-8";
/*
=============================================
    videotvsideview movie css commom.css
=============================================
*/
#contents *{
    font-size: 1rem;
}

#contents .openclose h2 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 1em;
    flex-grow: 2;
}

#contents h2.sikaku {
    margin: 2em 1em 0;
    font-size: 1.25em;
}

#contents h2.sikaku::before {
	content: "■ " ;
}

#contents h3.dashed {
    border-top: dashed 1px #333;
    border-bottom: dashed 1px #333;
    padding: 0.8em 0.5em;
    margin: 3em 0 1em;
}

#contents p.list {
    display: list-item;
    list-style-type: disc;
    margin-left: 2.2em;
    margin-bottom: 0.5em;
}

#contents ul.disc{
    list-style-type: disc;
    margin-left: 2.3em;
}

#contents ul.disc02{
    list-style-type: disc;
    margin-left: 1.5em;
}

#contents ol.process{
    margin: 0.5em 0 0.5em 3.8em;
}

#contents ol.process02{
    margin: 0.5em 0 0.5em 1.5em;
}

#contents .i_frame{
    margin: 3em 1em 4em;
}

#contents ul.chapterList{
    list-style: none;
    margin: 0.5em 1em 0;
}

#contents .onepoint{
	background: #FFFFEF;
	box-sizing: border-box;
	overflow: hidden;
	padding: 2em 1em;
    margin: 2em 1em;
}

#contents .onepoint > p:first-child > img.icon {
    height: 40px !important;
    padding-right: 0.5rem;
}


@media screen and (max-width: 640px) {
    #contents h2.sikaku {
        margin: 2em 0 0;
    }
    
    #contents p{
        margin-left: 0;
    }
    
    #contents p.list,
    #contents ul.disc{
        margin-left: 1.5em;
    }
    
    #contents ul.disc02{
        margin-left: 1em;
    }
    
    #contents ol.process{
        margin-left: 2.8em;
    }
    #contents ol.process02{
        margin-left: 1.2em;
    }
    
    #contents ul.chapterList{
        margin: 0.5em 0 0;
    }

    #contents ul.chapterList li{
        text-indent: -5em;
        padding-left: 5em;
        margin-bottom: 0.5em;
    }
    
    #contents .onepoint{
        margin: 2em 0;
    }
    
    #contents .i_frame {
        margin: 3em 0;
        width: auto;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    #contents iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}