@charset "utf-8";
/* CSS Document */

body{
	background-color:#00734c;
	font-size:100%;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333;
}

/*テキスト
---------------------------------------------------------------------------*/


h2{
	margin-bottom:10px;
}

h3{
	margin-bottom:10px;
}

ul{
	margin-bottom:20px;
}

p{
	line-height:1.6em;
	margin-bottom:10px;
}

/*バナーエリア
---------------------------------------------------------------------------*/
div#top_banner{ background-color:#00a0e9;}

div#top_banner div{ width:1200px; margin:0 auto; text-align: center;}
div#top_banner div img{
	width:100%; 
	margin:0 auto; 
	text-align: center;
}

div#top_banner h1{
	text-indent:-9999%;
	background:url("../img/top/eye2603.png") no-repeat center;
	height:480px;
	margin:0 0 0px 0;
	padding:50px ;
}

/*バナーエリア SP
---------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
div#top_banner{ background-color: #00a0e9;}
div#top_banner div{ width:100%; margin:0 auto; text-align: center;}
div#top_banner div img{ width:100%; margin:0 auto; text-align: center;}


div#top_banner h1{
	text-indent:-9999%;
	background:url("../img/top/eye2603.png") no-repeat center;
	height:480px;
	margin:0 0 0px 0;
	padding:50px ;
}
}


/*メインイメージ
---------------------------------------------------------------------------*/

div#keyVisual{
	background:#00a0e9;
	background:url(../img/top/back_top_over.gif) no-repeat center bottom;
	width:100%;
	height:394px;
}

div#keyVisual h1{
	text-indent:-9999%;
	background:url(../img/top/key_visual.png) no-repeat center top;
	height:395px;
	margin:0 0 -1px 0;
	padding:0;
}

/*container
---------------------------------------------------------------------------*/

div#container{
	background:url(../img/top/back_top_under.gif) no-repeat center 0;
	margin:0;
	padding:0;

}

/*header
---------------------------------------------------------------------------*/

div#header{
	width:950px;
	margin:0 auto;
}

/*メインメニュー
---------------------------------------------------------------------------*/


ul#nav{
	margin:0 0 0 30px;
	padding:10px 0 0 0;
}

#nav li{
	width:894px;
	height:141px;
	margin-bottom:0px;
}

#nav li a{
	display:block;
	width:894px;
	height:141px;
	text-decoration:none;
	text-indent:-9999%;
}

#nav li.bt01 a{
	background:url(../img/button/about_button.png) no-repeat left top;
}

#nav li.bt02 a{
	background:url(../img/button/approach_button.png) no-repeat left top;
}

#nav li.bt03 a{
	background:url(../img/button/teaching_button.png) no-repeat left top;
}

#nav li.bt04 a{
	background:url(../img/button/review_button.png) no-repeat left top;
}

#nav li.bt05 a{
	background:url(../img/button/school_button.png) no-repeat left top;
}

#nav li.bt06 a{
	background:url(../img/button/faq_button.png) no-repeat left top;
}

#nav li.bt07 a{
	background:url(../img/button/contact_button.png) no-repeat left top;
}

/*コンテンツ
---------------------------------------------------------------------------*/
div#approach,div#teaching,div#review,div#school,div#faq,div#link{
		background:url(../img/content_back.gif) no-repeat center top;
}

div#about,div#approach,div#teaching,div#review,div#school,div#faq,div#link p{
	font-size:180%;
}

div.content_wrapp{
	background:url(../img/content_back.jpg) repeat-y center top;
	width:916px;
	margin:0 auto 50px auto;
}

div.content_head{
	background:url(../img/content_back_over.png) no-repeat center top;
	width:916px;
	height:238px;
	margin:70px auto 0 auto;
}

div.content_head h1{
	padding:15px 0 0 14px;
}

div.content{
	background:url(../img/content_back_under.jpg) no-repeat center bottom;
	padding-top:30px;
	margin-top:-1px;
}

div.content_top{
	background:url(../img/content_back_top.jpg) no-repeat center top;
	padding-top:30px;
	margin-top:-1px;
}

div.content_arrow01{
	background:url(../img/content_back_arrow01.jpg) no-repeat center bottom;
	padding-top:30px;
	margin-top:-1px;
}

div.content_arrow02{
	background:url(../img/content_back_arrow02.jpg) no-repeat center bottom;
	padding-top:30px;
	margin-top:-1px;
}



/*about
---------------------------------------------------------------------------*/

div.about_img{
	padding:30px 0 10px 0;
}

div#about div.content h2{
	padding:0 0 0px 0px;
	margin-left:60px;
}

div#about div.content h3{
	background:url(../img/01/check_mark.gif) no-repeat left center;
	padding:0 0 0px 70px;
	margin-left:60px;
}

div#about div.content p{
	padding:30px 40px 0px 40px;
}


div#about .text_middle{
	font-size:160%;
}

div#about .text_large{
	font-size:190%;
}

div#about .text_big{
	font-size:240%;
	font-weight:bold;
}

div#about .text_big_color{
	font-size:260%;
	font-weight:bold;
	color:#e60a45;
}

div#about p strong{
	color:#e60a45;
}

div#about div.center_box{
	text-align:center;
	margin:50px 0 50px 0px;
	height:41px;
}

/*approach
---------------------------------------------------------------------------*/
div#approach{
	padding-top:70px;

}

div#approach div.content{
	padding-bottom:100px;
}

div#approach div.content_arrow01{
	padding-bottom:100px;
}

div#approach div.content h2{
	padding:0;
}

div#approach div.content_wrapp h2{
	padding:0 0 0 40px;
	font-size:200%;
}

div#approach div.content_arrow01 h2{
	text-align:center;
	padding:0 0 0 40px;
}

div#approach div.content_arrow01 h3{
	padding:0 0 0 40px;
}

div#approach div.content_arrow01 p{
	padding:0 40px 0px 40px;
}

div.approach_wrapp p,div.approach_wrapp h2,div.approach_wrapp h3{
	padding:30px 40px 0 40px;
}

div.approach_cont_left{
	background:url(../img/02/approach_box.png) no-repeat center top;
	width:417px;
	height:659px;
	float:left;
}

div.approach_cont_left ul{
	padding:0 30px 0 30px;
}

div.approach_cont_right{
	background:url(../img/02/approach_box.png) no-repeat center top;
	width:417px;
	height:659px;
	float:right;
	padding:0 40px 0 40px;
}

div.approach_cont_right ul{
	padding:0 30px 0 30px;
}

div#approach div.content_arrow01 div.bus_box{
	margin-bottom:80px;
	text-align:center;
}

div#approach div.content_arrow01 div.bus_box h3{
	font-size:180%;
	margin-bottom:60px;
}

div#approach div.content_arrow01 div.bus_box h2{
	margin-bottom:50px;
	font-size:250%;
}

div#approach div.content_arrow01 div.bus_box p{
	margin-bottom:50px;
}
div.arrow_group{
		position:relative;
		width:950px;
		height:450px;
		margin:800px auto 0px auto;
}


div.approach_wrapp{
	width: 914px;
	height: 659px;
	overflow: hidden;
	margin: -1100px auto 0px auto;
	padding-left: 35px;
	padding-bottom: 70px;
	padding-top:70px;
	position: absolute;
	z-index: 5;
	left: 1px;
	top: -2px;
}

div.approach_wrapp ul{
	margin-top:-25px;

}

div.approach_wrapp li{
	margin-bottom:25px;
}

div#approach p.arrow_list_left{
	width: 150px;
	height: 67px;
	margin-right: 200px;
	margin-top: 0px;
	position: absolute;
	left: 590px;
	top:0;
}

div#approach p.arrow_list_right{
	width: 150px;
	height: 67px;
	margin-right: 200px;
	margin-top: 0px;
	position: absolute;
	right: 388px;
	top: 0px;
}

div#approach div.arrow_red{
	position:absolute;
	bottom:750px;
	left:34%;
	z-index:3;
}

div#approach div.content_wrapp_arrow{
	background:url(../img/content_back.jpg) repeat-y center top;
	width:916px;
	margin:0 auto;
	position:absolute;
	top:-330px;
	left:20px;
}

div#approach div.content_wrapp h2{
	padding:0px 40px 30px 40px;
}

div#approach div.approach_wrapp h3{
	padding:30px 40px 0px 40px;
}

div#approach div.content_wrapp p{
	padding:0px 40px 30px 40px;
}

div#approach div.content_wrapp_arrow p{
	padding:0px 40px 30px 40px;
}


div#approach .text_middle{
	font-size:150%;
	font-weight:bold;
	margin-bottom:-20px;
}

div#approach .text_large{
	font-size:190%;
}

div#approach h2.text_big{
	font-size:350%;
	font-weight:bold;
}

div#approach .text_big_color{
	font-size:260%;
	font-weight:bold;
	color:#e60a45;
}

div#approach p strong{
	color:#e60a45;
}

div#approach div.center_box{
	text-align:center;
	margin-bottom:50px;
}
/*teaching
---------------------------------------------------------------------------*/
div#teaching{
	padding-top:70px;
}

div#teaching h1{
	margin:0 auto -193px auto;
	width:909px;
}

div#teaching h2{
	color:#49a943;
	border-bottom:solid 5px #49a943;
	width:91%;
	font-size:200%;
	margin-left:40px;
}

div#teaching h3{
	color:#49a943;
	border-bottom:dotted 3px #49a943;
	width:90%;
	margin:30px 0 10px 40px;
	padding-left:-30px;
	font-size:100%;
}

div#teaching div.content_arrow01,div#teaching div.content_arrow02,div#teaching div.content{
	padding-bottom:80px;
}

div#teaching figure{
	padding-left:40px;
}

div#teaching div.content p{
	padding:30px 40px 0px 40px;
}

div#teaching div.content_arrow01{
	overflow:hidden;
}

div#teaching div.content_arrow01 p{
	padding:30px 40px 0px 40px;
}

div#teaching div.content_arrow02 p{
	padding:30px 40px 0px 40px;
}


div#teaching section p.center{
	text-align:center;
}

div.teacher{
	height:900px;
	width:829px;
	margin:0 auto;
	background:#fff;
	border-radius:25px;
	padding:20px 40px;
	margin-bottom:450px;
}

div.img_float{
	float:left;
	width:405px;
	margin:0 0 30px 7px;
}

figcaption{
	font-size:70%;
	margin-left:50px;
}

div.teacher_photo img{
	margin-left:-35px;
}

div#teaching div.content_tv{
	background:url(../img/content_back_under.jpg) no-repeat center bottom;
	padding:30px 30px 30px 25px;
	margin-top:-1px;
}

div#teaching div.content_tv div.tv_box{
	padding:10px 0 35px 15px;
	border-radius:20px;
	background:#F36;
	color:#fff;
	font-size:70%;
	margin-bottom:50px;
}

div#teaching div.content_tv h2{
	padding-left:0px;
	margin-left:0px;
	width:95%;
	border:none;
}

div#teaching div.content_tv h3{
	padding-left:-30px;
	margin-left:0px;
	width:95%;
	border:none;
	color:#fff;
}

div#teaching div.content_tv h2 span{
	font-size:30%;
}

div#teaching div.center_box{
	text-align:center;
}

/*review
---------------------------------------------------------------------------*/
div#review{
	padding-top:70px;
}

div#review h2{
	color:#784897;
	border-bottom:solid 5px #784897;
	width:99%;
	margin-bottom:50px;
	padding-left:-30px;
	font-size:200%;
}

div#review h3{
	color:#784897;
	border-bottom:dotted 3px #784897;
	width:99%;
	margin:30px 20px 10px 0px;
	padding-left:-30px;
	font-size:100%;
}

div#review div.content{
	padding:30px 40px 50px 40px;
}

div#review div.content img{
	padding:30px 0 50px 0;
}

div#review h1{
	margin:0 auto -193px auto;
	width:909px;
}

div.review_box{
	clear:both;
	overflow:hidden;
	margin:0 0 30px 0;
}

div.review,div.review{
	clear:both;
	margin-bottom:50px;
}


div.review img{
	float:left;
	width:271px;
	margin-bottom:40px;
}

div.review_textbox_q{
	background:url(../img/04/review_arrow.png) no-repeat left 45%;
	width:520px;
	float:right;
	padding-left:21px;
	min-height:100px;
	margin-top:20px;
}

div.review_textbox_q p{
	padding:30px 20px 30px 30px;
	width:470px;
	background:#a6d8d6;
	border-radius:20px;
	min-height:100px;
}

/*school
---------------------------------------------------------------------------*/
div#school{
	padding-top:70px;
}

div#school h2{
	color:#256f69;
	border-bottom:solid 5px #256f69;
	width:91%;
	margin-bottom:50px;
	padding-left:-30px;
	font-size:200%;
}

div#school h3{
	color:#256f69;
	border-bottom:dotted 3px #256f69;
	width:91%;
	margin:30px 0 10px 40px;
	padding-left:-30px;
	font-size:100%;
}

div#school div.content{
	padding-bottom:50px;
}

div#school h1{
	margin:0 auto -193px auto;
	width:909px;
}

div#school h2{
	margin:20px 40px 40px 40px;
}

div#school p{
	margin:20px 40px 40px 40px;
}

div#school h4{
	margin:0 0 0 40px;
}


div#school table{
	width:830px;
	border-collapse:collapse;
	border:solid 1px #999;
	font-size:53%;
	margin:0 auto 30px auto;
}

div#school th{
	border-collapse:collapse;
	border:solid 1px #999;
	background:#eee;
	text-align:left;
	padding:10px 20px 10px 10px;
	white-space:nowrap;
}

div#school td{
	border-collapse:collapse;
	border:solid 1px #999;
	padding:10px 20px 10px 10px;
}

div#school th.school_box{
	white-space:nowrap;
	width:290px;
}

div#school th.phone_box{
	white-space:nowrap;
	width:100px;
}

div#school td.disc{
	white-space:nowrap;
	width:30px;
}

div#school td.tel{
	white-space:nowrap;
}

/*faq
---------------------------------------------------------------------------*/
div#faq{
	padding-top:70px;
}

div#faq div.content{
	padding:30px 40px 30px 40px;
}

div#faq h1{
	margin:0 auto -193px auto;
	width:909px;
}
div.faq_box{
	clear:both;
	overflow:hidden;
	margin:0 0 50px 0;
}

div.faq_q,div.faq_a{
	clear:both;
	margin-bottom:50px;
}


div.faq_q img{
	float:left;
	width:228px;
	margin-bottom:40px;
}

div.faq_textbox_q{
	background:url(../img/06/faq_arrow_q.png) no-repeat 0 40%;
	width:550px;
	float:right;
	padding-left:21px;
	min-height:100px;
	margin-top:10px;
}

div.faq_textbox_q p{
	padding:40px 20px 20px 30px;
	width:500px;
	background:#d1cf22;
	border-radius:20px;
	min-height:100px;
}


div.faq_a img{
	float:right;
	width:228px;
	margin-bottom:40px;
}

div.faq_textbox_a{
	background:url(../img/06/faq_arrow_a.png) no-repeat right 45%;
	width:550px;
	float:left;
	padding-right:21px;
	min-height:120px;
	margin-top:15px;
}

div.faq_textbox_a p{
	float:left;
	width:500px;
	padding:30px 20px 30px 30px;
	background:#efd7e3;
	border-radius:20px;
	min-height:120px;
}


/*リンク
---------------------------------------------------------------------------*/
div#link{
	padding-top:70px;
}

div#link div.content{
	padding-bottom:70px;
	text-align:center;
}

div.link_top{
	width:916px;
	height:220px;
	margin:0 auto;
}

div.link_top h1{
	background:url(../img/link/link_back_top.png) no-repeat center top;
	padding:45px 0 0 35px;

}
div.thumb{
	margin:0 auto 50px auto;
	width:818px;
	height:387px;
}

div#link p{
	padding:0 0 0 25px;

}

/*フツター
---------------------------------------------------------------------------*/
#footer_over{
	background:url(../img/footer/footer_over.gif) repeat-x center top;
	height:82px;
}

#footer{
	width:100%;
	background:#00499e;
	color:#fff;
	height:658px;
	background:url(../img/footer/footer_back.gif) repeat-x left top;
	overflow:hidden;
}

div#copyright{
	width:950px;
	margin:0 auto;
}

#footer div#copyright small{
	display:block;
	text-indent:-9999%;
	background:url(../img/footer/footer_01.gif) no-repeat center top;
	width:950px;
	height:80px;
}


#footer div#copyright address a{
	display:block;
	float:right;
	text-indent:-9999%;
	background:url(../img/footer/footer_address.gif) no-repeat left top;
	width:576px;
	height:360px;
	padding-right:20px;
}

#footer div#copyright p{
	padding-left:50px;
}

#footer div#copyright p a{
	display:block;
	float:left;
	text-indent:-9999%;
	background:url(../img/footer/footer_company.gif) no-repeat left top;
	width:304px;
	height:360px;
}

@media screen and (max-width:479px){
#footer div#copyright small{
	display:block;
	text-indent:-9999%;
	margin: 50px 0px 0px;
	text-align: center;
	background:url(../img/footer/footer_01.gif) no-repeat center top;
    width: 100vw;
    height: 50px;
    background-size: 100vw;
}
#footer div#copyright address a{
	display:block;
	float:none;
	text-indent:-9999%;
	background:url(../img/footer/footer_address.gif) no-repeat left top;
	width:100vw;
	height:250px;
	padding-right:0px;
	background-size: 100vw;
}
#footer div#copyright p a{
	display: block;
    float: none; 
    text-indent: -9999%;
    background: url(../img/footer/footer_company.gif) no-repeat left top;
    width: 100vw;
    height: 360px;
    background-position: 0px -60px;
}
}



/*フツターボタン
---------------------------------------------------------------------------*/

div.foot_button{
	background:#7ec15f;
	padding-bottom:60px;
	margin-top:-1px;
}

.foot_nav{
	overflow:hidden;
	width:950px;
	margin:-1px auto 0 auto;
	padding-top:20px;
}

.foot_nav li{
	width:277px;
	height:276px;
	float:left;
	margin:10px 0px 10px 30px;
}

.foot_nav li a{
	display:block;
	width:277px;
	height:276px;
	text-indent:-9999%;
}

.foot_nav li.fbt01 a{
	background:url(../img/foot_button/foot_buttom_about.gif) no-repeat left top;
}

.foot_nav li.fbt02 a{
	background:url(../img/foot_button/foot_buttom_approach.gif) no-repeat left top;
}

.foot_nav li.fbt03 a{
	background:url(../img/foot_button/foot_buttom_teaching.gif) no-repeat left top;
}

.foot_nav li.fbt04 a{
	background:url(../img/foot_button/foot_buttom_review.gif) no-repeat left top;
}

.foot_nav li.fbt05 a{
	background:url(../img/foot_button/foot_buttom_school.gif) no-repeat left top;
}

.foot_nav li.fbt06 a{
	background:url(../img/foot_button/foot_buttom_faq.gif) no-repeat left top;
}

.foot_nav li a:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
}

.foot_button .tree{
	background:#00734c url(../img/foot_button/tree.jpg) repeat-x center bottom;
	height:146px;
	clear:both;
}

.foot_button .tree hr{
	display:none;
}

/*お問合せ
---------------------------------------------------------------------------*/

div.foot_contact{
	background:#ee720e url(../img/contact/contact_back.gif) repeat-x left top;
	height:594px;
	text-align:center;
	clear:both;
}

div.foot_contact p{
	background:url(../img/contact/bontact_address.gif) no-repeat center top;
	width:950px;
	height:594px;
	margin:0 auto;
	text-indent:-9999%;
}

div.foot_contact p a.tel{
	display:block;
	width:950px;
	height:320px;
	margin:0;
}

div.foot_contact p a.contact_form{
	background:url(../img/contact/contact_button_29.gif) no-repeat center bottom;
	display:block;
	width:774px;
	height:191px;
	margin:0 0 0 100px;
}
div.foot_contact p a.contact_form:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
}
/*ページトップ
---------------------------------------------------------------------------*/

div.page_top{
	background:url(../img/page_top/page_top_back.gif) repeat-x left top;
	height:335px;
	margin-bottom:0px;
}

div.page_top p{
	width:950px;
	height:335px;
	margin:0 auto;
	text-indent:-9999%;
}

div.page_top p a{
	background:url(../img/page_top/page_top_button.gif) no-repeat center bottom;
	display:block;
	width:734px;
	height:224px;
	margin:0 0 0 100px;
	padding-top:45px;
}



div.page_top_last{
	background:url(../img/page_top/page_top_back.gif) repeat-x left top;
	height:335px;
}

div.page_top_last p{
	width:950px;
	height:335px;
	margin:0 auto;
	text-indent:-9999%;
}

div.page_top_last p a{
	background:url(../img/page_top/page_top_button.gif) no-repeat center bottom;
	display:block;
	width:734px;
	height:224px;
	margin:0 0 0 100px;
	padding-top:45px;
}


div.arrow{
	width:450px;
	margin:0 auto 50px auto;
}


/*国語的　チラシ解答ページ2023.9.29
---------------------------------------------------------------------------*/
body.yellow {
  margin: 0;
  padding-top: 30px;
	background: #ffea00;
}
img.answer_png {
  width: 60%;
	max-width: 480px;
  margin: 0px auto 30px;
  display: block;
}
img.answer_png_2 {
	width:58%;
	padding-left:15px;
}
p.answer_text{
	width:60%; 
	margin: 0px auto 50px; 
	padding-left:50px;
	max-width: 480px;
}
div.answer_footer{
  width: 100vw;
  display: block;
}

h2.answer_h2{
	width:60%; 
	margin: 50px auto 10px; 
	padding-top: 20px;
	max-width: 480px;
	font-size: 25px;
	text-align: center;
  border: 2px solid black; /* 黒の実線2px */
  padding: 10px;  
}

@media screen and (max-width:479px) {
img.answer_png {
  width: 95%;
  margin: 0px auto 30px;
  display: block;
}
img.answer_png_2 {
	width:93%;
	padding-left:15px;
}
p.answer_text{
	width:90%; 
	margin: 0px auto 10px; 
	padding:20px;
}
h2.answer_text{
	width:90%; 
	margin: 0px auto 10px; 
	padding:20px;
	text-align: center;
}
}


div.oyako-taiken {
	display: block;
	width: 90%;
	font-size: 36px;
	margin:50px auto 0px;

}

div.oyako-taiken a{
	text-decoration: none;
	display: block;
	border-radius: 10px;
	background: #ab2443;
	color: #FFF;
	width: 100%;
	text-align: center;
	padding:20px 0;
}

div.oyako-taiken a:hover{
	opacity:0.5;
}

/* 2025.9.27　答えアコーディオン 
---------------------------------------------------------------------------*/
.readmore01 {
  position: relative;
  margin: 80px auto 80px;
  padding: 0 0 75px;
}

.readmore01 label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 10px;
  margin: 0px auto 0;
  width: 200px;
  padding: 15px 0;
  color: #000000;
  text-align: center;
  border-radius: 50px;
  background-color: #fff;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); /* ここで薄い影を指定 */
}

.readmore01 label:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* ホバー時に影を少し濃く */
}
.readmore01 label::before{
  content: 'ひらく';
	font-weight: bold;
}

.readmore01 input[type="checkbox"]:checked ~ label::before {
  content: 'とじる';
	font-weight: bold;
}

.readmore01 input[type="checkbox"]{
  display: none;
}

.readmore-content {
  position: relative;
  height: 150px;
  overflow: hidden;
}

.readmore01 input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}

.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient( rgba(255, 234, 0,0) 80%, rgba(255, 234, 0,0.8) 100%, #ffea00 100%);
}

.readmore01 input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}



/* 2025.9.27　ヒント動画 
---------------------------------------------------------------------------*/
.kokugoteki_movie {
  position: relative;
  width: 100%;
  height: 300px; /* 任意の高さ */
  /*background: url('../img/answer/movie-area_cmyk.png') no-repeat center center;
background-size: 65% auto;*/
  overflow: hidden;
}

.kokugoteki_movie video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;  /* 動画サイズ例 */
	object-fit: cover;
}

@media screen and (max-width:479px) {
.kokugoteki_movie {
  height: 200px;
}
.kokugoteki_movie video {
 width:90%;
 height: auto;
}
}