@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 640px){
.arrow {
	background:url(../image/arrow.png) top center no-repeat;
}
.arrowTop {
	background:url(../image/arrow.png) center 30px no-repeat;
}

/*logo*/
#logoBack {
	width:100%;
	margin:0 auto 0 auto;
	position: absolute;
}
#logoBox {
	width:960px;
	margin:0 auto 0 auto;
}
#logo {
	width:156px;
	height:249px;
	/*background:url(../image/header_logo.png);*/
}

/*menu*/
#menuBox {
	width:100%;
	height:50px;
	background:rgba(54,38,29,0.7);
	/*background:rgba(142, 33, 38, 0.7);*/
	position:fixed;
}
#menu {
	width:960px;
	margin:0 auto;
}
#company {
	float:left;
	font-size:12px;
	margin-top:17px;
	color:#FFFFFF;
}
#company a {
	color:#FFFFFF;
}
#menuList {
	margin-right: 102px;
	float:right;
}
#menuList ul .none {
	float:left;
	list-style-type:none;
	margin:12px 0 0 0;
	display:block;
}
#menuList ul .sma {
	float:left;
	list-style-type:none;
	margin:5px 0 0 0;
	display:none;
}
#menuList ul li {
	float:left;
	list-style-type:none;
	margin:12px 0 0 0;
}
#menuList ul .formButton {
	float:left;
	list-style-type:none;
	margin:12px 0 0 15px;
}
#menuLogo {
	float:right;
	margin-top:15px;
	display:block;
}

/*header*/
#headerBox {
	width:100%;
	height:720px;
	background:url(../image/header_bg2.png) center top;
	background-size:cover;
}
#header {
	width:960px;
	margin:0 auto;
}
#headerCopy {
	float:right;
	background:url(../image/header_copy.png);
	background-size:891px 440px;
	width:891px;
	height:440px;
	margin:250px 0 0 auto;
}

/*contents*/

.contentsBox {
	padding:100px 0 50px 0;
}
.contentsBox h2 {
	text-align:center;
	font-size:48px;
	margin-top:30px;
	margin-bottom:60px;
}

.leftCircle {
	width:460px;
	height:450px;
	margin:0 auto;
	padding:0 0 0 400px;
}
.rightCircle {
	width:460px;
	height:450px;
	margin:0 auto;
	padding:0 400px 0 0;
}
.leftCircle h3 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px;
	color:#A61B21;
}
.leftCircle p {
	font-size:18px;
	line-height:1.8em;
}
.rightCircle h3 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px;
	color:#A61B21;
}
.rightCircle p {
	font-size:18px;
	line-height:1.8em;
}
#contents01Back1 {
	background:url(../image/image_01.png) no-repeat left 0;
	background-size:350px 350px;
}
#contents01Back2 {
	background:url(../image/image_02.png) no-repeat right 0;
	background-size:350px 350px;
}
#contents01Back3 {
	background:url(../image/image_03.png) no-repeat left 0;
	background-size:350px 350px;
}
#contents01Back4 {
	background:url(../image/image_04.png) no-repeat right 0;
	background-size:350px 350px;
}

#contents02Back {
	background:url(../image/image_bg.png);
	background-size:cover;
	width:100%;
	height:470px;
}
#contents02Back p {
	width:700px;
	height:450px;
	padding:20px 50px 0 50px;
	margin:0 auto;
	font-size:18px;
	line-height:1.5em;
	background:rgba(255, 255, 255, 0.9);
}
#contents02Back p .caution {
	font-size:14px;
}

#contents02_2 {
	width:760px;
	margin:0 auto;
	overflow:hidden;
}
#contents02_2 p{
	text-align:center;
	font-size:18px;
	line-height:1.8em;
}
#contents02Left {
	float:left;
	width:355px;
	margin-top:80px;
}
#contents02Right {
	float:right;
	width:355px;
	margin-top:80px;
}
#contents02_2 h3{
	font-size:24px;
	margin-bottom:20px;
	color:#A61B21;
}
#contents02_2 table{
	margin-bottom:50px;
}
#contents02_2 th{
	width:170px;
	text-align:left;
	padding:10px 10px 10px 0;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-weight:bold;
	font-size:14px;
}
#contents02_2 td{
	width:165px;
	padding:10px 0 10px 10px;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	color:#666666;
	font-size:14px;
}
#contents03Box {
	width:460px;
	margin:0 auto;
	padding:50px 0 0 400px;
	background:url(../image/image_prof.png) no-repeat left 50px;
}
#contents03Box h3 {
	font-size:28px;
	margin-bottom:20px;
	color:#A61B21;
}
#contents03Box p {
	font-size:14px;
	line-height:1.8em;
	margin-bottom:20px;
}
#contents03Box h4 {
	font-size:18px;
	margin:40px 0 20px 0;
}
#contents04 {
	width:800px;
	margin:0 auto;
}
#contents04 p {
	width:600px;
	margin:0 auto 20px auto;
	line-height:1.8em;
}
#contents04Center {
	text-align:center;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:50px;
}
#contents04 h3 {
	text-align:center;
	font-size:24px;
	margin:50px 0 20px 0;
	color:#A61B21;
}
#contents04 h4 {
	text-align:center;
	font-size:18px;
	margin:50px 0 20px 0;
	font-weight:bold;
}
#contents04 table {
	width:600px;
	margin:0 auto 20px auto;
	font-size:18px;
}
#contents04 table th {
	text-align:right;
	padding:10px;
	font-weight:bold;
	background:#DEDEDE;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
#contents04 table td {
	text-align:left;
	padding:10px;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
#contents04 ul {
	width:580px;
	padding:0 0 0 20px;
	margin:0 auto 20px auto;
	line-height:1.6em;
}
#contents04 ul li {
	margin:0 0 10px 0;
}
#contents05Caution {
	width:600px;
	margin:50px auto 50px auto;
	padding:20px;
	background:#A61B21;
}
#contents05Caution h3 {
	color:#FFFFFF;
	font-size:24px;
	margin:0 0 20px 0;
}
#contents05Caution p {
	font-size:18px;
	line-height:1.8em;
	background:#EEEEEE;
	padding:20px;
}
.flowBox {
	width:800px;
	margin:0 auto 40px auto;
	padding:0 0 50px 0;
	overflow:hidden;
} 
.flowArrow {
	background:url(../image/arrow_flow.png) no-repeat center bottom;
}
.flowBox h3 {
	width:250px;
	float:left;
	font-size:18px;
	font-weight:bold;
	line-height:1.8em;
	height:60px;
	padding-left:60px;
}
.flowBox p {
	width:490px;
	float:right;
	line-height:1.8em;
	font-size:18px;
}
.flowBox #flow1 {
	background:url(../image/flow1.png) no-repeat left top;
}
.flowBox #flow2 {
	background:url(../image/flow2.png) no-repeat left top;
}
.flowBox #flow3 {
	background:url(../image/flow3.png) no-repeat left top;
}
.flowBox #flow4 {
	background:url(../image/flow4.png) no-repeat left top;
}
.flowBox #flow5 {
	background:url(../image/flow5.png) no-repeat left top;
}
.flowBox #flow6 {
	background:url(../image/flow6.png) no-repeat left top;
}
.flowBox #flow7 {
	background:url(../image/flow7.png) no-repeat left top;
}
#contents06 {
	width:800px;
	margin:0 auto;
}
#contents06 h3 {
	font-size:24px;
	margin:0 0 20px 0;
	color:#A61B21;
	font-weight:bold;
}
#contents06 h4 {
	font-size:18px;
	margin:0 0 20px 0;
	line-height:1.8em;
	background:url(../image/q.png) no-repeat left top;
	padding-left:40px;
}
#contents06 p {
	font-size:14px;
	margin:0 0 50px 0;
	line-height:1.8em;
	background:url(../image/a.png) no-repeat left top;
	padding-left:40px;
	margin-left:20px;
}
#contents07 ul {
	width:800px;
	margin:0 auto;
	font-size:18px;
	line-height:1.8em;
}
#contents07 ul li {
	margin-bottom:20px;
}

#contents07 #mailform dl {
	width:600px;
	margin:0 auto;
	border:1px solid #CCC;
	padding:50px;
}
#contents07 #mailform dt {
	float:left;
	width:230px;
	font-size:14px;
	text-align:right;
	padding:5px 0;
	line-height:1.6em;
}
#contents07  #mailform dd {
	width:330px;
	margin-left:250px;
	font-size:14px;
	padding:5px 0;
	line-height:1.6em;
}
#contents07 #mailform .name {
	width:100px;
}
#contents07 #mailform .mail {
	width:250px;
}
#contents07 #mailform .tel {
	width:100px;
}
#contents07 #mailform .month {
	width:30px;
}
#contents07 #mailform .day {
	width:30px;
}
#contents07 #mailform .time {
	width:60px;
}
#contents07 #mailform .place {
	width:250px;
}

#contents07 #mailform .address {
	width:250px;
}
#contents07 #mailform textarea {
	width:300px;
	height:5em;
}

#contents07 #mailform #submitButton {
	width:220px;
	height:30px;
	margin:20px auto 0 auto;
}
#contents07 #mailform .button {
	font-size:14px;
	border:none;
	width:100px;
	height:30px;
	background:#A61B21;
	color:#FFFFFF;
}
.red {
	color:#A61B21;
}
#footerBox {
	width:100%;
	background:url(../image/footer_bg.png) repeat-x;
	height:105px;
}
#footer {
	width:960px;
	margin:0 auto;
}
#footerLogo {
	float:left;
}
#footerLink {
	float:right;
	font-size:12px;
	margin-top:75px;
	color:#FFFFFF;
}
#footerLink a {
	color:#FFFFFF;
}
#policy {
	width:650px;
	margin:0 auto;
}
#policy h1 {
	margin:50px 0 50px 0;
}
#policy h2 {
	margin:50px 0 20px 0;
}
#policy p {
	line-height:1.8em;
}
#policy #back {
	text-align:center;
	margin:50px 0 50px 0;
}
#policy ul {
	margin:0 0 0 50px;
	line-height:1.8em;
}

#thanks #logo {
	width:156px;
	height:249px;
	margin:0 auto;
	background:url(../image/header_logo.png);
	margin:0 auto 100px auto;
}
#thanks {
	width:650px;
	margin:0 auto;
}
#thanks h2 {
	font-size:20px;
	text-align:center;
}
#thanks ul {
	margin:50px 0 100px 20px;
	line-height:2em;
}
#thanks #back {
	text-align:center;
	margin:50px 0 50px 0;
}

}