@charset "UTF-8";

body{
	margin: auto 0;
	align-content: center;
	vertical-align: middle;
	background-color: rgba(0,0,80,1.00)
}

.item {
	margin:0 auto;
	padding-top: 20px;
	max-width: 550px;
}
.center{	
	vertical-align:middle;
	width: 1125px;
	background: #ffffff;
	margin: auto;
}

.text{
	vertical-align:middle;
	font-size:120%;   
	text-align: left;
	margin: 20px;
}
.text-conc{
	background: white;
	vertical-align:middle;
	font-size:150%;   
	text-align: left;
	margin: 20px;
	padding: 20px;
}
.center_data{
vertical-align:middle;
width: 100%;
margin: auto;
background-image: url("images/back.jpg");
}


.join{
	margin-top: 0px;
	margin-bottom: 20px;
}
.margin20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.padding{
	padding: 50px 50px 0px 50px;
}

.bg_bluewave{
	background-image: url("images/bk_bluewave.jpg");
	background-repeat: no-repeat;
	
}
.bg_blue{
	background-image: url("images/back_blue.jpg");
	background-repeat: no-repeat;
	
}
.figure_left {
	float: left;
	margin: 0 15px 30px 0;
	width: 400px;
}
.figure_right {
	float: right;
	margin: 0 15px 15px 0;
	width:  400px;
}
.figure_right2 {
	float: right;
	width:auto;
	margin: 0 15px 15px 0;
	
}
.float_none {
	clear: left;
}

	
img{
		width:  100%;
		height: auto;
		vertical-align:middle;
}
img.circle{
		width : auto;
}

footer{
	align-content: center;
	text-align: center;
	background-color: black;
	color: white;
	padding: 20px;
}
.pc { display: block !important; vertical-align:middle;}
.sp { display: none !important; vertical-align:middle;}

a:link{color: white;}

.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 900% !important;
  height: 90% !important;
}

/* Q&Aテーブル */
.qaContainer dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
	color:wheat;
	font-size: 150%;
background-image: url("images/bk_qa.jpg");
	background-repeat: no-repeat;
	text-indent: -25px;
}
/*
.qaContainer dt:before {
content: "Q.";
font-weight: bold;
margin-right: 7px;
}
*/
.qaContainer dd {
margin: 20px 10px 40px 35px;
text-indent: -25px;
}
/*
.qaContainer dd:before {
content: "A.";
color: #1771c6;
font-weight: bold;
margin-right: 7px;
}
*/

@media screen and (max-width: 930px) {
body{
	margin: auto 0;
	align-content: center;
	vertical-align: middle;
	background-color: rgba(0,0,80,1.00)
}
	
.text{
	vertical-align:middle;
	font-size:100%;   
	text-align: left;
	margin: 20px;
}
.text-conc{
	background: white;
	vertical-align:middle;
	font-size:100%;   
	text-align: left;
	margin: 20px;
	padding: 20px;
}
	
.center{
	vertical-align:middle;
	width: 100%;
	background: #ffffff;
	margin: auto;
}

img{
		max-width: 100%;
		height: auto;
		vertical-align:middle;
}
.center_data{
vertical-align:middle;
width: 100%;
margin: auto;
background-image: url("images/back.jpg");
}
.pc { display: none !important; vertical-align:middle;}
.sp { display: block !important; vertical-align:middle;}

.figure_left {
	float: left;
	margin: 0;
	width:  100%;
}
.figure_right {
	float: right;
	margin: 0 15px 15px 0;
	width:  100%;
}
.figure_right2 {
	float: right;
	width:100%;
	margin: 15px 0 15px 0;	
}
	
}