@charset "UTF-8";

/* CSS Document */

body{
  font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,"游ゴシック体","Yu Gothic",arial,helvetica,sans-serif;
}

ul li {
  list-style-type:none;
  line-height:1.4;
}

input, select, textarea {
  font-size:100%;
  padding:10px;
	box-sizing:border-box;
  border-radius:0;
}

input::placeholder{
  color:#333;
}
select {
  border-radius:0;
  padding:8px 10px;
  color:#333;
}

label {
  padding-right:20px;
	display: inline-block;
  margin: 5px 0;
}

.required {
  background-color:#ff6989;
  border-radius:3px;
  padding:3px 8px;
  color:#fff;
  font-weight:normal;
  line-height:2;
  margin-right:6px;
}

table tr th span.required {
  background-color:#ff6989;
  border-radius:3px;
  padding:3px 8px;
  color:#fff;
  font-weight:normal;
  line-height:2;
  margin-right:12px;
  font-size:13px;
}

/* header */

#header {
  border-top:5px solid #e40013;
}

#header .inner {
	position:relative;
	margin:auto;
	padding:0 20px;
	box-sizing:border-box;
	width:100%;
	max-width:960px;
	box-sizing:border-box;
}

#header .inner .top_logo {
  margin:40px auto 60px;
  position:relative;
  overflow:hidden;
  text-align:center;
}

#header .inner .top_logo .logo img {
  width:100%;
  max-width:180px;
}

#header .inner .top_logo .ttl {
  color:#333333;
  font-size:20px;
  font-weight:bold;
  bottom:5px;
  text-align:center;
  margin:20px 0 0;
  letter-spacing:0.01em;
}

#header .inner .step {
  color:#999999;
  font-size:13px;
  text-align:center;
  margin:0 0 60px 0;
}

#header .inner .step span {
  border:1px solid #dddddd;
  padding:8px 15px;
  background-color:#fff;
}

#header .inner .step span.cur {
  border:1px solid #333333;
  color:#FFFFFF;
  background-color:#333333
}

#header .inner .tel {
  display:none;
  position:absolute;
  right:0;
  top:50px;
}

/* main */

#main {
  margin-bottom:120px;
}

#main .inner {
	position:relative;
	margin:auto;
	padding:0 20px;
	box-sizing:border-box;
	width:100%;
	max-width:960px;
	box-sizing:border-box;
}
#main input,#main textarea {
    font-size: 16px;
}
table {
	width:100%;
  border-top:1px solid #ddd;
  margin:0 0 40px 0;
}

table tr {
  border-bottom:1px solid #ddd;
}

table tr th {
  color:#333333;
  font-size:15px;
  font-weight:bold;
  line-height:1.5;
  text-align:left;
  padding:0 0 0 10px;
  vertical-align:middle;
	box-sizing:border-box;
	width:30%;
}

table tr th span {
  font-weight:normal;
}

table tr th span.mandatoryfield {
  color:#e40013;
}

table tr td {
  color:#333333;
  font-size:15px;
  line-height:1.4;
  padding:25px 0 25px 40px;
	box-sizing:border-box;
	width:70%;
}

table tr td.k_data_01_td input[type=text] {
  max-width:540px;
  width:100%;
  height:60px;
  padding:0 10px;
  border:1px #f0f0f0 solid;
  background:#f0f0f0;
	box-sizing:border-box;
}

table tr .k_data_02_td input[type=text] {
  width:100px;
  padding:0 10px;
  border:1px #333 solid;
  background:#fff;
	height:40px;
	box-sizing:border-box;
}

table tr .k_data_03_td input[type=text] {
  width:100px;
  height:60px;
  padding:0 10px;
  border:1px #f0f0f0 solid;
  background:#f0f0f0;
	box-sizing:border-box;
}

table tr td.k_data_04_td input[type=text] {
  width:300px;
  height:60px;
  padding:0 10px;
  border:1px #f0f0f0 solid;
  background:#f0f0f0;
	box-sizing:border-box;
}

table tr td select{
	height:40px;
	border:#333333 1px solid;
	background:#ffffff;
	box-sizing:border-box;
}

table tr td textarea{
	border:1px #f0f0f0 solid;
	background:#f0f0f0;
	width:100%;
}

#main .inner .explanatory {
  color:#333333;
  font-size:13px;
  font-weight:bold;
  margin:0 0 25px 0;
  text-align:center;
}

#main .inner .btn {
  all 0.3s ease;
  -moz-transition:all 0.3s ease;
}

#main .inner .btn:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -ms-filter:"alpha(opacity=60)";
}

#main .inner .btn a {
  border-radius:5px;
  color:#FFFFFF;
  width:300px;
  padding:20px 0 23px 0;
  margin:0 auto;
  font-weight:bold;
  text-decoration:none;
  font-size:17px;
  text-align:center;
  display:block;
  background:#ec3a3a;
  background:-moz-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec3a3a), color-stop(100%, #d63030));
  background:-webkit-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:-o-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:-ms-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:linear-gradient(to bottom, #ec3a3a 0%, #d63030 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3a3a', endColorstr='#d63030', GradientType=0);
}

#main .inner ul.btn_ul {
  width:450px;
  margin:0 auto;
  overflow:hidden;
}

#main .inner ul.btn_ul li.left {
  all 0.3s ease;
  -moz-transition:all 0.3s ease;
  margin:0 20px 0 0;
  float:left;
}

#main .inner ul.btn_ul li.left:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -ms-filter:"alpha(opacity=60)";
}

#main .inner ul.btn_ul li.left a {
  border-radius:5px;
  color:#FFFFFF;
  width:200px;
  padding:20px 0 23px 0;
  margin:0 auto;
  font-weight:bold;
  text-decoration:none;
  font-size:17px;
  text-align:center;
  display:block;
  background:#ccc;
}

#main .inner ul.btn_ul li.right {
  all 0.3s ease;
  -moz-transition:all 0.3s ease;
  float:left;
}

#main .inner ul.btn_ul li.right:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -ms-filter:"alpha(opacity=60)";
}

#main .inner ul.btn_ul li.right a {
  border-radius:5px;
  color:#FFFFFF;
  width:200px;
  padding:20px 0 23px 0;
  margin:0 auto;
  font-weight:bold;
  text-decoration:none;
  font-size:17px;
  text-align:center;
  display:block;
  background:#ec3a3a;
  background:-moz-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec3a3a), color-stop(100%, #d63030));
  background:-webkit-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:-o-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:-ms-linear-gradient(top, #ec3a3a 0%, #d63030 100%);
  background:linear-gradient(to bottom, #ec3a3a 0%, #d63030 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3a3a', endColorstr='#d63030', GradientType=0);
}

#main .inner .ttl_wrapper {
  width:800px;
  margin:0 auto;
}

#main .inner .ttl_wrapper p.ttl {
  color:#333333;
  font-size:24px;
  font-weight:bold;
  text-align:center;
  margin:60px 0 20px 0;
}

#main .inner .ttl_wrapper p.sttl {
  color:#333333;
  font-size:16px;
  text-align:center;
  margin:0 0 60px 0;
}

#main .section_type_06{
	padding: 0 0 20px;
  text-align: center;
}

@media (max-width:640px){

	/* header */

	#header .inner .top_logo{
	}

	#header .inner .top_logo .logo img{
		max-width:140px;
	}

	#header .inner .top_logo .ttl{
		font-size:16px;
	}

    #header .inner .step {
        font-size:12px;
    }
	/* main */

	#main {
	  margin-bottom:60px;
	}


  #main .inner .ttl_wrapper {
    width:auto;
  }

	table tr th{
		display:block;
		padding:20px 0 10px;
		width:auto;
	}

	table tr td{
		display:block;
		padding:0 0 20px;
		width:auto;
	}

	#main .section_type_06{
	  text-align:left;
	}
    #main .inner ul.btn_ul {
        width: 100%;
    }
    #main .inner ul.btn_ul li.right,
    #main .inner ul.btn_ul li.left {
       width: calc(50% - 5px); 
    }
    #main .inner ul.btn_ul li.left {
        margin: 0 10px 0 0;
    }
    #main .inner ul.btn_ul li.right a,
    #main .inner ul.btn_ul li.left a {
        width: 100%;
        font-size: 14px;
        padding: 18px 0 18px 0;
    }

}
