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

@media only screen and (max-width:639px){
.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;
	display:none;
}
#logoBox {
	width:960px;
	margin:0 auto 0 auto;
}
#logo {
	width:156px;
	height:249px;
	background:url(../image/header_logo.png);
}

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

/*header*/
#headerBox {
	width:100%;
	height:170px;
	background:none;
	background-size:cover;
}
#header {
	width:320px;
	margin:0 auto;
}
#headerCopy {
	float:right;
	background:url(../image/header_copy_sm2.png) no-repeat;
	background-size:320px 136px;
	width:320px;
	height:136px;
	margin:40px 0 0 auto;
}

/*contents*/

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

.leftCircle {
	width:300px;
	height:auto;
	margin:30px auto 0 auto;
	padding:0 0 0 0;
}
.rightCircle {
	width:300px;
	height:auto;
	margin:30px auto 0 auto;
	padding:0 0 0 0;
}
.leftCircle h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:250px;
	color:#A61B21;
}
.leftCircle p {
	font-size:14px;
	line-height:1.8em;
}
.rightCircle h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:250px;
	color:#A61B21;
}
.rightCircle p {
	font-size:14px;
	line-height:1.8em;
}
#contents01Back1 {
	background:url(../image/image_01.png) no-repeat center 50px;
	background-size:200px 200px;
}
#contents01Back2 {
	background:url(../image/image_02.png) no-repeat center 50px;
	background-size:200px 200px;
}
#contents01Back3 {
	background:url(../image/image_03.png) no-repeat center 50px;
	background-size:200px 200px;
}
#contents01Back4 {
	background:url(../image/image_04.png) no-repeat center 50px;
	background-size:200px 200px;
}

#contents02Back {
	background:none;
	background-size:cover;
	width:100%;
	height:auto;
}
#contents02Back p {
	width:300px;
	height:auto;
	padding:0;
	margin:0 auto;
	font-size:14px;
	line-height:1.5em;
	background:none;
}
#contents02Back p .caution {
	font-size:14px;
}

#contents02_2 {
	width:300px;
	margin:0 auto;
	overflow:hidden;
}
#contents02_2 p{
	text-align:center;
	font-size:14px;
	line-height:1.8em;
}
#contents02Left {
	float:none;
	width:300px;
	margin-top:80px;
}
#contents02Right {
	float:none;
	width:300px;
	margin-top:80px;
}
#contents02_2 h3{
	font-size:16px;
	margin-bottom:20px;
	color:#A61B21;
}
#contents02_2 table{
	margin-bottom:50px;
}
#contents02_2 th{
	width:150px;
	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:150px;
	padding:10px 0 10px 10px;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	color:#666666;
	font-size:14px;
}
#contents03Box {
	width:300px;
	margin:0 auto;
	padding:220px 0 0 0;
	background:url(../image/image_prof.png) no-repeat center 0;
	background-size:200px 200px;
}
#contents03Box h3 {
	font-size:16px;
	margin-bottom:20px;
	color:#A61B21;
}
#contents03Box p {
	font-size:14px;
	line-height:1.8em;
	margin-bottom:20px;
}
#contents03Box h4 {
	font-size:16px;
	margin:40px 0 20px 0;
}
#contents04 {
	width:300px;
	margin:0 auto;
}
#contents04 p {
	width:300px;
	margin:0 auto 20px auto;
	line-height:1.8em;
	font-size:14px;
}
#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:300px;
	margin:0 auto 20px auto;
	font-size:16px;
}
#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:280px;
	padding:0 0 0 20px;
	margin:0 auto 20px auto;
	line-height:1.6em;
	font-size:14px;
}
#contents04 ul li {
	margin:0 0 10px 0;
}
#contents05Caution {
	width:280px;
	margin:0 auto 50px auto;
	padding:20px;
	background:#A61B21;
}
#contents05Caution h3 {
	color:#FFFFFF;
	font-size:16px;
	margin:0 0 20px 0;
}
#contents05Caution p {
	font-size:14px;
	line-height:1.8em;
	background:#EEEEEE;
	padding:20px;
}
.flowBox {
	width:300px;
	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:none;
	font-size:16px;
	font-weight:bold;
	line-height:1.8em;
	height:60px;
	padding-left:60px;
}
.flowBox p {
	width:300px;
	float:right;
	line-height:1.8em;
	font-size:14px;
}
.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:300px;
	margin:0 auto;
}
#contents06 h3 {
	font-size:18px;
	margin:0 0 20px 0;
	color:#A61B21;
	font-weight:bold;
}
#contents06 h4 {
	font-size:16px;
	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:0;
}
#contents07 ul {
	width:280px;
	margin:0 auto;
	padding:0 0 0 20px;
	font-size:14px;
	line-height:1.8em;
}
#contents07 ul li {
	margin-bottom:20px;
}

#contents07 #mailform dl {
	width:300px;
	margin:0 auto;
	border:none;
	padding:0;
}
#contents07 #mailform dt {
	float:none;
	width:300px;
	font-size:14px;
	text-align:left;
	padding:5px 0;
	line-height:1.6em;
}
#contents07 #mailform dd {
	width:300px;
	margin-left:0;
	font-size:14px;
	padding:0 0 10px 0;
	line-height:1.6em;
}
#contents07 #mailform .name {
	width:100%;
}
#contents07 #mailform .mail {
	width:100%;
}
#contents07 #mailform .tel {
	width:100%;
}
#contents07 #mailform .month {
	width:30px;
}
#contents07 #mailform .day {
	width:30px;
}
#contents07 #mailform .time {
	width:60px;
}
#contents07 #mailform .place {
	width:250px;
}

#contents07 #mailform .address {
	width:100%;
}
#contents07 #mailform textarea {
	width:100%;
	height:5em;
}

#contents07 #mailform #submitButton {
	width:100px;
	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:300px;
	margin:0 auto;
}
#footerLogo {
	float:left;
	display:none;
}
#footerLink {
	float:right;
	font-size:11px;
	margin-top:75px;
	width:300px;
	text-align:center;
	color:#FFFFFF;
}
#footerLink a {
	color:#FFFFFF;
}
#policy {
	width:300px;
	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:300px;
	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;
}
}