@media screen and (max-width: 480px) { /*スマホビュー*/
table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
html,
body {
	height: 100%;
	width: 100%;
	margin: 0; 
	background-color: #3db49a;
}
.photo{
	height: 95%; 
	width: 95%; 
	vertical-align: middle;
	margin :  3px 3px 3px 3px;
}
img{
	height: 100%; 
	width: 100%; 	
}
.vertical-middle{
  vertical-align: middle; /* 上下中央に寄せる */ 
}
.center{
text-align: center;
}
.main{
	margin-top : 8px;
	top: 12px;
	width: 98%;
	height: 100%;
}
.foo_sp {
	top: 0px;
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	margin-top : 0px; 
}
.foo {
	top: 50px;
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	margin-top : 8px; 
	float:right;
	display:none; /*非表示*/
}																																																																																																																																																																					   
.common-table01{
	background-color:#FFF;
	line-height:1.3;
}
table{
	width:100%;
}

.auto-style20 {
	width:100%;
	margin-bottom : 8px;
	padding: 0;
	font-family: メイリオ;
	font-size: 16px;
	margin-left: 1%;
	margin-right: 1%;
}
.auto-style22 {
	color: #FFF8F8;
}
.auto-style13 {
	color: #FFD200;
}
.auto-style15 {
	color: #FFFFFF;
}
.auto-style14 {
	color: #009FFF;
}
.auto-style23 {
	font-size: 15px;
}
.auto-style25 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: メイリオ;
}
.auto-style26 {
	color: #4ABBFF;
}
.header_sp {
	height: auto; 
	width: auto;
}
.header {
	height: auto; 
	width: auto;
	display:none; /*非表示*/
}
.center_a {
	height: auto; 
	width: 100%; 
	background-color: #faf7f0;
	margin-left: auto;
	margin-right: auto;
}
.center_b{
	height: auto;
	width: 100%; 
	background-color: #faf7f0;
	margin-left: auto;
	margin-right: auto;
}
.subtitle_sp {
	margin-bottom : 8px ;
	height:100%; 
	width:100%;
}
.subtitle_sp01 {
	margin-bottom : 8px ; 
	padding : 5px 10px 5px 10px; 
	background: #3db49a;
	color: #FFF8F8;
	border-radius: 8px;
	font-size: 16px;
	font-family: メイリオ;
}
.subtitle_pc {
	margin-bottom : 8px ;
	height:40px; 
	width:710px;
	display:none; /*非表示*/
}
.section4_1 {
	margin-bottom : 20px ; 
	padding : 5px 20px 5px 20px; 
	height: auto; 
	background: #ee827c; 
	border-radius: 20px;
	font-family: メイリオ;
}
.section4_2 {
    margin-bottom : 20px ;
    width:auto; 
    height: auto;
	text-align: center;
	font-family: メイリオ;
}
.section4_3 {
    margin-bottom : 20px ;
    width:auto;
	font-family: メイリオ;
}
.section4_3_1 {
	margin-bottom : 20px;
	padding : 10px 20px 10px 20px; 
	height: 120px; 
	background: #ffffff; 
	border-radius: 20px; 
	width: auto;
}
.section4_3_1_left {
	float:left;
	width:auto; 
	height: 120px; 

}
.section4_3_1_right {
	height: 50px; 
	width: auto; 
	vertical-align: middle;

}
.section4_3_2 {
	margin-bottom : 20px;
	padding : 10px 20px 10px 20px; 
	height: auto; 
	background: #ffffff; 
	border-radius: 20px; 
	width: auto;
}
.section4_3_2_left {
	float:left;
	width:50%; 
	padding : 0px 0px 10px 0px;
	height: auto; 
	z-index: 2;
}
.section4_3_2_center {
	float:left;
	width:50%;
	height: auto; 
	padding : 0px 0px 20px 0px;
	z-index: 2;
}
.section4_3_2_right {
	float:left;
	height: auto; 
	width: 100%; 
}
.section4_3_3 {
	margin-bottom : 20px;
	padding : 10px 20px 10px 20px; 
	height: 120px; 
	background: #ffffff; 
	border-radius: 20px; 
	width: auto;
}
.section4_3_3_left {
	float:left;
	width:auto; 
	height: 120px; 
	z-index: 2;
}
.section4_3_3_right {
	height: 50px; 
	width: auto; 
	vertical-align: middle;
}
iframe {
	width:100%; 
	height: 420px; 

}
.section7{
	margin : 20px 20px 20px 20px ; 
	padding : 10px 10px 3px 10px; 
	height: auto; 
	background: #ffffff; 
	border-radius: 10px;
	font-family: メイリオ;
}
.footer {
	z-index: 1; 
	background-color: #3db49a;
	height: 40px; 
	width: 100%; 
}

}
@media screen and (min-width: 481px) { /*PCビュー*/
table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
html {
	height: 100%;
}
body {
 	height: 100%;
	margin: 0; 
	background-color: #3db49a;
}
.vertical-middle{
  vertical-align: middle; /* 上下中央に寄せる */ 
}
.center{
text-align: center;
}
.main{
	margin-top : 8px;
	left: -1px; 
	top: 12px; 
	width:734px; 
	height: 5972px;
	float:left;
	font-size:medium
}
.foo_sp {
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	height: auto; 
	width: auto;
	display:none; /*非表示*/
}
.foo {
	top: 50px;
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	margin-top : 8px; 
	height: 440px; 
	width: 240px; 	
	float:right;
}																																																																																																																																																																					   
.common-table01{
	background-color:#FFF;
	line-height:1.3;
}
table{
	width:100%;
}
.auto-style20 {
	width:718px;
	margin: 0;
	margin-bottom : 8px;
	padding: 0;
	font-family: メイリオ;
}
.auto-style22 {
	color: #FFF8F8;
}
.auto-style13 {
	color: #FFD200;
}
.auto-style15 {
	color: #FFFFFF;
}
.auto-style14 {
	color: #009FFF;
}
.auto-style23 {
	font-size: 15px;
}
.auto-style25 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: メイリオ;
}
.auto-style26 {
	color: #4ABBFF;
}

.header_sp {
	height: auto; 
	width: auto;
	display:none; /*非表示*/
}
.header {
	z-index: 1; 
	left: 0px; 
	top: 0px; 
	height: 250px; 
	width: 981px;
}
.center_a {
	height: 6921px; 
	width: 1400px; 
	background-color: #faf7f0;
	margin:auto;
}
.center_b{
	height: 6866px;
	width: 980px; 
	background-color: #faf7f0;
	margin: auto;
}
.subtitle_sp {
	margin-bottom : 8px ;
	height:auto; 
	width:auto;
	display:none; /*非表示*/
}
.subtitle_pc {
	margin-bottom : 8px ;
	height:40px; 
	width:710px;
}
.section4_1 {
	margin-bottom : 20px ; 
	padding : 5px 20px 5px 20px; 
	height: 100px; 
	background: #ee827c; 
	border-radius: 20px;
	font-family: メイリオ;
}
.section4_2 {
    margin-bottom : 20px ;
    width:699px; 
    height: 50px;
	text-align: center;
	font-family: メイリオ;
}
.section4_3 {
    margin-bottom : 20px ;
    width:703px;
	font-family: メイリオ;
}
.section4_3_1 {
	margin-bottom : 20px;
	padding : 10px 20px 10px 20px; 
	height: 120px; 
	background: #ffffff; 
	border-radius: 20px; 
	width: 660px;
}
.section4_3_1_left {
	float:left;
	width:249px; 
	height: 120px; 
	z-index: 1;
}
.section4_3_1_right {
	height: 50px; 
	width: 403px; 
	padding : 35px 0px 35px 0px;
	float:right;
}
.section4_3_2 {
	margin-bottom : 20px;
	padding : 10px 20px 10px 20px; 
	height: 298px; 
	background: #ffffff; 
	border-radius: 20px; 
	width: 660px;
}
.section4_3_2_left {
	float:left;
	width:210px; 
	height: 269px; 
	z-index: 1;
}
.section4_3_2_right {
	float:right;
	height: 194px; 
	width: 235px; 
	padding : 40px 0px 35px 0px;
}
.section4_3_2_center {
	float:left;
	width:210px;
	height: 269px; 
	z-index: 1;
}
.section4_3_3 {
	margin-bottom : 20px;
	padding : 10px 20px 10px 20px; 
	height: 120px; 
	background: #ffffff; 
	border-radius: 20px; 
	width: 660px;
}
.section4_3_3_left {
	float:left;
	width:249px; 
	height: 120px; 
	z-index: 1;
}
.section4_3_3_right {
	float:right;
	height: 50px; 
	width: 403px; 
	padding : 35px 0px 35px 0px;
}
.section7{
	margin : 20px 20px 20px 20px ; 
	padding : 20px 20px 3px 20px; 
	height: auto; 
	background: #ffffff; 
	border-radius: 10px;
	font-family: メイリオ;
}
.footer {
	z-index: 1; 
	background-color: #3db49a;
	height: 80px; 
	width: 100%; 
}

}