/*===============================================
●style.css 画面の横幅が670px以上
===============================================*/
@media screen and (min-width:480px) {


/*メイン画像
-----------------------------------*/
	
 /*トップ画像ー-----------------*/	

.topimg {
    width: 100%;
    display: table;
    height: auto;

}	
	

	



	

	
 /*セクション1-----------------*/	
	
.sec_01_titol {
    max-width: 720px;
      width: 95%;
  
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
   


}	
.sec_01_txt {
    width: 90%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
}
	
	

	
 /*セクション2-----------------*/	
	
.sec_01_movie {
    width: 100%;
	height: auto;
    min-height: 100px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
    background-color: #fff;
    display: table;
}	

	
.sec_01_yutube {	
  position: relative;
  width: 100%;
	max-width: 720px;
    margin-right: auto;
    margin-left: auto;	
  padding-top: 40%;	
}	
.sec_01_yutube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}	
	
	
	
.youtube-variable{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-variable iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
	
.sec_02_mi {
    width: 70%;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;	
}
.sec_02_mi_st {
    width: 90%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;	
}	
	
.sec_02_txt {
    width: 80%;
    max-width: 560px;

    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
    margin-left: auto;
  font-size: 16px;
    line-height: 160%;
	font-family: 'Noto Sans JP', sans-serif;	
}	
 /*セクション3-----------------*/	
	

	
	
 /*セクション4-----------------*/	
	
	



 /*セクション5-----------------*/	
	
		
	
/*セクション6-----------------*/	
	

	
/*セクション7-----------------*/	
	


	
	
/*セクション8-----------------*/		

	
}




/*ここからスマートフォン用環境の設定---------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width:479px) {


	

/*セクション1-----------------*/	
	
.sec_01_titol {
    width: 95%;
	min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    display: table;
;

}	
.sec_01_titol img {
    width: 100%;

}		
.sec_01_txt {
    width: 80%;
    max-width: 560px;
	min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
;
}
.sec_01_txt img {
    width: 100%;

}	
.sec_02_mi {
    width: 50%;
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;	
}
.sec_02_mi_st {
    width: 80%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;	
}	
.sec_02_txt {
    width: 90%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
    margin-left: auto;
  font-size: 14px;
    line-height: 160%;
	font-family: 'Noto Sans JP', sans-serif;	
}
	
 /*セクション2-----------------*/	
	
.sec_01_movie {
    width: 95%;
	height: auto;


	margin-left: auto;
	margin-right: auto;
    text-align: center;
    background-color: #fff;
    display: table;
}	

	

	
	
	
.youtube-variable{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-variable iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
	

 /*セクション2-----------------*/	
	

	
	
 /*セクション3-----------------*/	
	

	
/*セクション4-----------------*/	
	

	



 /*セクション5-----------------*/	
	

	
/*セクション6-----------------*/	
	

	
/*セクション7-----------------*/	
	



	
	/*セクション8-----------------*/		

	
}

	
	
	
	
	

}