@charset"Utf-8";

.pc{
	display: block;
}

.sp{
	display: none;
}

/*ブラウザスタイルの初期化*/
* {
font-size: 100%;
margin: 0px;
padding: 0px;
font-style:normal;
}

/*センタリングfor IE5.5 */
body{
font-size: 100%;
background:#FFFFFF;
}

#wrapper {
margin:0 auto;
width:900px;
}

#top_box {
width:900px;
height:547px;
background:url(../img/poster-1004.jpg) top no-repeat;
}



#under_box {
width:900px;
}

table {
margin-left:20px;
text-align:left;
color:#00000;
font-size:0.9em;
width:500px;
}


.th_title {
border-bottom:solid 1px #CC3300;
text-align:center;
padding-bottom:5px;
}

th {
font-weight:normal;
width:115px;
}

.top_td {
padding-top:10px;
}

td {
padding:3px 0px 3px 20px;
}

td.sub {
text-align:center;
}


.error2 {
color:#FF0000;
}


#right {
position:relative;
float:left;
width:310px;
padding:50px 0px 0 0px;
text-align:left;
line-height:130%;
}

#left {
float:left;
width:530px;
text-align:left;
padding-top:20px;
}


#right p {
margin-bottom:10px;
font-size:0.9em;
}

#submit {
padding-top:15px;
clear:both;
text-align:center;
font-size:0.9em;
margin-bottom:20px;
}

#submit p {
margin-bottom:10px;
}


#coppy {
padding:3px 0;
background:url(../img/under.jpg);
color:#FFFFFF;
text-align:center;
font-size:0.9em;
}


#point {
position:absolute;
width:900px;
top:500px;
text-align:right;
color:#FFFFFF;}


.error {
text-align:center;
color:#FF0000;
margin-bottom:5px;
font-size:0.9em;
}


#thanks_m {
border:solid 1px #FF0000;
margin:40px 30px 0px 30px;
padding:10px 10px 2px 10px;
}

#thanks_m p{
margin-bottom:8px;
font-size:0.9em;
}


.textarea {
width:300px;
}

.s-size {
font-size:10px;
color:#FF0000;
}

/* 追加分*/
#head_sns {
	position: relative;
	text-align:left;
	width: 310px;
	height:22px;
}
#sns {
}

.social {
	position:absolute;
	top:-30px;
}

.twitter {
	width: 70px;
	left: 0px;
}

.bookmark {
	left: 100px;
	cursor: pointer;
}
.gplus {
	left: 200px;
}
.facebook {
	left: 275px;
}

.openbook {
	top:-10px;
	left: 110px;
	z-index:1;
	font-size: 10px;
}
#snsbk_01 {
	position: relative;
	width: 90px;
}
#back_top {
	width: 90px;
	height:10px;
	top: 0;
	background:url(../img/back_top.png) no-repeat;
}
#back_center {
	width:90px;
	background:url(../img/back_center.png) repeat-y;
	padding-left: 5px;
}
#back_center a {
	display: block;
}
#back_bottom {
	width: 90px;
	height: 5px;
	background:url(../img/back_bottom.png) no-repeat;
}
.cbtn {
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}


.kanyu {
	margin-top: 40px;
}

/*加入説明会ボタン　追記*/

.kanyu a{
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 80%;
	padding: 3vw 3vw;
	background-color: #e71a1d;
	border: solid 1px #e71a1d;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	margin: 0px auto;
background: #e71a1d;
background: -moz-linear-gradient( #f78691 0%, #e71a1d 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#f78691), to(#e71a1d));
background: -webkit-linear-gradient( #f78691 0%, #e71a1d 100%);
background: -o-linear-gradient( #f78691 0%, #e71a1d 100%);
background: linear-gradient( #f78691 0%, #e71a1d 100%);
  -moz-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -ms-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in-out;
  -webkit-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
}
/* 16px @ 340px increasing to 22px @ 1000px */
@media (min-width: 340px) {
  .kanyu a {
    font-size: calc(1rem + ((1vw - 3.4px) * 0.9091));
    /* Note: The calc base value (1rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.9091 = 100 * font-size_difference / viewport_width_difference */
  }
}
/* Prevent scaling beyond this breakpoint */
@media (min-width: 1000px) {
  .kanyu a {
    font-size: 22px;
  }
}

.kanyu a:hover{ 
	opacity: 0.8;
}

@media screen and (max-width: 768px) {

	.pc{
		display: none;
	}

	.sp{
		display: block;
	}

	#wrapper {
	    margin: 0 auto;
	    width: auto;
	}

	#top_box {
	    width: auto;
	    height: auto;
	    background: none;
	}

	#top_box img{
	    width: 100%;
	}

	#left{
		float: none;
		width: 100%;
	}	

	#right{
		float: none;
		width: 100%;
		padding: 10px;
	    box-sizing: border-box;
	}

	#left table{
		width: 100%;
		box-sizing: border-box;
	    padding: 10px;
	    margin-left: 0;
	}

	#left table th{
		width: 100%;
		display: block;
	}

	#left table td{
		width: 100%;
		display: block;
	}

	input[type="text" i]{
		width: 90%;
	    display: block;
	}

	select{
		width: 90%;
	    display: block;
	}

	textarea{
		width: 90%;
	    display: block;	
	}

	#submit {
	    padding: 15px 10px 0 10px;
	}

	#head_sns {
	    width: auto;
	}

	#head_sns .bookmark {
	    left: 90px;
	}

	#head_sns .facebook {
	    left: 175px;
	}

	#head_sns .social {
	    position: absolute;
	    top: -10px;
	}

}

#seal{
	width: 70%;
	padding: 10px;
	align-items: center;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

#seal p{
	box-sizing: border-box;
	flex:1;
	width: 100%;
	padding-left: 10px;
	font-size: 10px;
	color: #666;
}
@media (max-width: 767px) {
	#seal{
		border: 1px solid #ccc;
		margin: 10px auto;
		width: 80%;
	}
}