@charset "UTF-8";
/* Scss Document */

@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

/*全体設定*/
body {
    margin: 0;
    padding: 0;
}

body-wrap {
    margin: 0;
    padding: 0;
}

h1{
	font-size: 1.5em;
}

h2 {
    margin: 10px 0;
    padding: 0;
}

h2 a {
    font-size:0.7em;
}

h3{
	padding: 50px 0;
    margin:-30px 0 -50px 0;
}

h3 a {
    color: #333;
    font-size: 1em;
    background: linear-gradient(transparent 70%, rgba(255,255,255,0.80));
}

h4{
	padding: 0;
    margin:30px 0;
}

h4 a {
    color: #333;
    font-size: 20px;
    background: linear-gradient(transparent 60%, #FCF6A6 70%);
}


/*背景画像*/

.bg img {
    width: 100%;
    height: 100%;
}

/*メニュー*/

    header {
        display: none;
    }

/*ハンバーガーメニュー*/

    .sp-header {
        display: inline;
		z-index: 100;
    }

/*コンテンツ*/
.contents {
    margin: 10px;
	padding: 0;
}

/*インデックス*/


.index {
        width: auto;
		margin: 30px 0;
        padding: 10px 0px;
		background-color: rgba(255,255,255,0.5);
		border: solid 3px rgba(255,255,255,0.8);
}
.index img {
    width: 100%;
}
.index_l {
    width: auto;
    flex-basis: 70%;
}

.index_l h3{
	margin-top: 10px;
	padding: 0 10px 0 0;
	text-align: left;
}
.index_r {
    width: auto;
    flex-basis: none;
}
.index_r img {
	width: 100%;	
}

/*サブタイトル*/

.sub-title {
}

.sub-title img {
	width: 10%;
}

/*ふきだし*/

.fukidashi {
	width: auto;
	margin: 20px 40px;
    font-size: 13px;
    font-weight:normal;
  	background: rgba(255,255,255,0.5);
	border: none;
}
.fukidashi:before {
}

.fukidashi:after {
}


.fukidashi2 {
  margin: -40px 30px 0 30px ;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/*リスト*/

.list {
        width: auto;
		margin-top: 0px;
		background-color: rgba(255,255,255,0);
}

.list ul {

}

.list a {
    font-weight:500;
}
.list a :hover {
}
.list a img {
}
.list a.blank img{
}

.slider{
  width: 800px;    
        
    }

/*YouTube*/

.index-youtube {
    width: auto;
    margin: 0 30px;
    padding: 0;
    position: relative;
    padding-top: 56.25% !important;
    border-radius: 12px;
	background: #fff;
}
.index-youtube iframe {
    width: auto;
}

/*文字設定*/

p.to-youtube {
	margin: 5px 20px 10px;
}
p.to-youtube a {
    font-weight: normal;
    font-size: 13px;
}
p.to-youtube a:hover {
}

p.shumei{
    color: #444;
	margin-top: 2%;
	font-size: 0.8em;
	font-weight: bold;
}
    
p.explain {
	margin-left: 30px;
	margin-right: 20px;
	font-size: 0.7em;
}
p.image{
    margin: 0 70px;
}

p.card{
    font-weight: normal;
  	margin: 3% 30%;
  	padding: 8px;
    font-size: 11px;
}
.card a{
	color: #fff;
}

p.sheet{
    font-weight: normal;
  	margin: 3% 30%;
  	padding: 8px;
    font-size: 11px;
}
.sheet a{
	color: #fff;
}

p.A3copy{
    font-weight: normal;
    font-size: 12px;
}

/*ページの上部へ（↑）ボタン*/
.pagetop {
    }

    

/*フッター*/

footer {
	width: auto;
    background: rgba(255,255,255,0);
}


/*教材集*/
.sub-header {
}
.sub-header a.package {
	font-size: 13px;
    font-weight:normal;
	line-height: normal;
    background: linear-gradient(transparent 90%, rgba(255,255,255,0.7) 70%); 
}

/*マップ、とりせつ*/
.map {
	display: none;
}

/*タイトル*/

.title{
}
.title img{
	width: 100%;
}

.title p.textbook {
	font-size: 10px;
}
.title p.tit-copy {
	width: auto;
	margin: 5%;
	font-size: 0.8em;
	font-weight: bold;
    line-height: 25px;
    font-weight: normal;
	}
	




}