@charset "utf-8";

#divTopArea{
  width:770px;
  /*font-family: 'Noto Sans Japanese',sans-serif;
  -webkit-font-smoothing: auto;	*/
}
	
	
.flex_body-box {
    padding:  0px;
	display: flex; 
	justify-content: center;
/*	justify-content: space-between;*/
	flex-wrap: wrap;
	width: 770px;
}

 
 
.flex_body-item {
    /*background-color: #EFEFEF; */
    padding: 0px 0px;
    margin:  0px 0px 20px;
	flex-basis: 70%;
}
.flex_body-item img {	width: 100%;}

.flex_body-item2 {
    /*background-color: #EFEFEF; */
    padding: 0px 0px;
    margin:  0px 0px 20px;
	flex-basis: 30%;
}
.flex_body-item2 img {	width: 100%;}
	
	
.flex_btn-box {
    background-color: #fff;
	margin: 30px 0;
	padding:  0px;
	display: flex; 
	justify-content:center;
	flex-wrap: wrap;
}
 
.flex_btn-item {
    padding: 5px;
    color:  #fff;               /* 文字色 */
    margin:  0px;              /* 外側の余白 */
}
	
	
	
.title01 {}	
.title01 img {width: 770px;}

.commentbox7 {
	margin: 20px auto 10px;
	font-size:18px;
	width:100%;
	background-color: #666;
	color:#FFF;
	text-align:center;
	font-weight:bold;
  	padding: 10px 0;/*文字周りの余白*/
  	/*border-radius: 5px;角丸*/
  	/*border-radius: 0.5em;*//*角丸*/
} 	

.button03 {
	text-align:center;
	margin: 0px auto 0px;
	font-size:18px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: normal;
	background-color: #202d62;
	color: #FFFFFF;
 	border:solid 2px #202d62;
  	padding: 10px 50px;/*文字周りの余白*/
  	/*border-radius: 5px;*//*角丸*/

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}  

.button03:hover {
	background-color: #FFFFFF;
	color: #202d62;
	font-weight:bold;
 	border:solid 2px #202d62;
}
	

.responsive {
width: 100%;
aspect-ratio: 16/9;
}
		
@media screen and (min-width: 641px){


}

@media screen and (max-width: 640px) {
.h1 img {width: 100%}	
	
.flex_body-box { width: 100%; }
.flex_body-item {
	flex-basis: 100%; 
	margin:  0px 5px 20px;
}
.flex_body-item2 {
	flex-basis: 48%; 
	margin:  0px 0px 20px;
}
.title01 img {width: 100%;}
	

.commentbox7 {
	margin: 20px auto 10px;
	font-size:16px;
   line-height: 1.5;
	width:100%;
	background-color: #666;
	color:#FFF;
	text-align:center;
	font-weight:bold;
  	padding: 10px 0;/*文字周りの余白*/
  	/*border-radius: 5px;角丸*/
  	/*border-radius: 0.5em;*//*角丸*/
}
	
.button03 {
	text-align:center;
	margin: 0px auto 0px;
	font-size:13px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: normal;
	background-color: #202d62;
	color: #FFFFFF;
 	/*border:solid 2px #202d62;*/
  	padding: 10px 10px;/*文字周りの余白*/

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}  
	
}