@charset "utf-8";

/* 個別設定
  ############################################################################################# */

.pageTitle {
	background-image: url("../imgs/bg-ttl.jpg");
}
.pageTitle .title {
	width: 30px;
}


/* ========================================================================== */

.section01 {
	padding: 80px 0 135px;
}
.section01 .title02 {
	text-align: center;
}

.forms {
    margin-top: 30px;
    line-height: 5em;
	margin-left: 180px;
}

select {
	margin-left: 310px;
}

label {
    display: inline-block;
    text-align: right;
    width: 150px;
	margin-right: 10px;
}

input:not([type="checkbox"]) {
    width:250x; 
    height:35px;
}

input:focus {
}

input#email {
    width:573px; 
    height:35px;
}

input#company {
	width:573px;
	height:35px;
}

textarea {
	width:573px;
	height:150px;
	vertical-align:top;
}

input[type="submit"] {
	margin-left: 310px;
	width: 250px;
}

.explation {
	margin-top: 30px;
	margin-left: 160px;
	line-height: 1;
}

.attention {
	color: red;
}

.privacypolicy {
	width: 70%;
    height: 200px;
	border: 1px solid;
    overflow: scroll;
	margin-left: 90px;
	margin-top: 30px;
	line-height:1;
}

.title {
	font-size: 25px;
	margin-top: 10px;
	text-align: center;
}
.topic {
	margin-top: 15px;
}

.topic_title {
	font-weight:bold;
	line-height:1;
}

.check {
	margin-left: 320px;
}

input[type="checkbox"] {
    transform:scale(2.0)
}

@media only screen and (max-width:640px) {
	
	.forms {
		margin-top: 2px;
		margin-left: 0%;
		line-height: 5em;
	}
	
	select {
		margin-left: 13%;
	}

	label{
		width: auto;
		display: inline-block;
		margin-left: 10%;
	}
	
	input {
		width: 80%; 
		height: 35px;
		display: block;
		margin-left: 10%;

	}
	
	input#email {
		width:80%; 
		height:35px;
		margin-left: 10%;
	}
	
	input#company {
		width:80%;
		height:35px;
		margin-left: 10%;
	}
	
	textarea {
		width:80%;
		height:150px;
		display: block;
		margin-left: 10%;
	}
	
	input[type="submit"] {
		margin-left: 0px;
		width: 250px;
		margin-left: 10%;
	}

	.explation {
		margin-left: 5%;
	}

    .privacypolicy {
		width: 89%;
        margin-left: 6%;
    }
    
    .check {
		margin-left: 1%;
	}
	.submit {
		text-align: center;
		margin-left: 7%;
	}
	
	input[type="checkbox"] {
		transform:scale(0.5,0.5)
	}
	
}