@charset "utf-8";

/* ****************************************************
Title: index.css
---------------------------------------------------------------------------- */


/* =============================
 .section1
==============================*/
.sec01 {
	padding-top: 150px;
	padding-left: 90px;
	padding-right: 90px;
	margin-bottom: 80px;
}
.sec01 .bar1 {
	width: 200px;
}

@media screen and (max-width: 639px) {
.sec01 .cont li {
	margin-bottom: 40px;
}

.sec01 {
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
}
}



/* =============================
 .section2
==============================*/
.sec02 {
	padding-top: 100px;
	padding-left: 90px;
	padding-right: 90px;
	margin-bottom: 80px;
}
.sec02 .bar2 {
	width: 230px;
}

@media screen and (max-width: 639px) {
.sec02 .cont li {
	margin-bottom: 40px;
}
.sec02 {
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
}
}

/* =============================
 .section3
==============================*/
.sec03 {
	padding-top: 100px;
	padding-left: 90px;
	padding-right: 90px;
	margin-bottom: 80px;
}
.sec03 .bar3 {
	width: 185px;
}

.sec03 .cont li dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}

.sec03 .cont li dl dt .position{
	display: block;
	font-size:1.2rem;
}


.sec03 .cont li dl dt .name {
	display: block;
	font-size: 1.5rem;
}

.sec03 .cont li dl dd {
	font-size: 1.3rem;
	line-height: 1.8;
}

@media screen and (max-width: 639px) {
.sec03 .cont li {
	margin-bottom: 40px;
}
.sec03 {
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
}
}

/* =============================
 .section4
==============================*/
.sec04 {
	padding-top: 100px;
	padding-left: 90px;
	padding-right: 90px;
	margin-bottom: 200px;
}
.sec04 .bar4 {
	width: 200px;
}

.sec04 form dl dt {
	font-weight: bold;
	width: 16.6666666%;
	font-size: 1.6rem;
}

.sec04 form dl dd{
	width: 83.3333333%
}

.sec04 form dl.name dd {
	width: 564px;
	background:url(../img/form1.png) no-repeat top left;
	background-size: 100%;
height: 58px;
padding: 10px 0 10px 30px;

}

.sec04 form dl.company dd {
	width: 564px;
	background:url(../img/form2.png) no-repeat top left;
	background-size: 100%;
height: 58px;
padding: 10px 0 10px 30px;

}

.sec04 form dl.email dd {
	width: 564px;
	background:url(../img/form2.png) no-repeat top left;
	background-size: 100%;
height: 58px;
padding: 10px 0 10px 30px;

}

.sec04 form dl dd input{
	border: none;
height: 50px;
width: 500px;
font-size: 1.6rem;
}

.sec04 form dl dd input::placeholder{
	color: #ccc;
}


.sec04 form dl.last dd {
	border: none;

	background:url(../img/form3.png) no-repeat top left;
	background-size: 100%;
padding: 20px 0 40px 30px;
}

.sec04 form dl.last dd textarea {
	border: none;
font-size: 1.8rem;
width: 95%;
height: 18vw;
}


@media screen and (max-width: 639px) {
.sec04 {
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
}
.sec04 form dl dt {
	width: 100%;
	margin-bottom: 5px;
}

.sec04 form dl dd{
	width: 100%
}

.sec04 form dl.name dd {
	width: 100%;

}

.sec04 form dl.company dd {
	width: 100%;
}

.sec04 form dl.email dd {
	width: 100%;
}

.sec04 form dl.last dd {
	border: none;
height: 20vw;
width: 100%;
}

}




.sec04 span.ERR {
	font-weight: bold;
	color:#F00;
}

.sec04 input.confirm {
	background-color: #333;
	border: none;
	cursor: pointer;
	display: block;
	height: 70px;
	text-align:center;
	font-size:85%;
	color:#fff;
	width: 400px;
	float:left;
}

.sec04 input.confirm:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.sec04 input.reset {
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	display: block;
	height: 60px;
	text-align:center;
	font-size:85%;
	color:#fff;
	width: 200px;
	float:left;
	margin-right:40px;
}

.sec04 input.confirm:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

.submit {width:1000px; margin:0 auto;}

.btn_wrap {width: max-content;
margin: 0 auto;
}

.sec04 input#submit {
	background-color: #333;
	border: none;
	cursor: pointer;
	display: block;
	height: 70px;
	text-align:center;
	font-size:85%;
	color:#fff;
	width: 400px;
	float:left;
}

.sec04 input#submit:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;
}
.sec04 input#back{
	background-color: #CCCCCC;
	border: none;
	cursor: pointer;
	display: block;
	height: 60px;
	text-align:center;
	font-size:85%;
	color:#fff;
	width: 200px;
	float:left;
	margin-right:40px;

}

.sec04 input#back:hover {
	filter: alpha( opacity=70 );
	opacity:0.7;

}

@media screen and (max-width: 639px) {
.btn_wrap {width: 100%;
}

.sec04 form dl dd input {
    border: none;
    height: 30px;
    width: 90%;
    font-size: 1.6rem;
}


.sec04 input#submit {
	width: 100%;
	float: none;
font-size: 80%;
}

.sec04 input.reset {
    margin-right: 0px;
    margin-bottom: 10px;
    font-size: 100%;
    height: 30px;
    width: 100%;
font-size: 70%;
}
.sec04 input#back{
font-size: 80%;
}
.sec04 input.confirm {
    width: 100%;
font-size: 80%;
}


.submit {width:100%; }
.sec04 input#back{
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
}
}