@charset "utf-8";


img {
width: 100%;
height: auto;
}

/*	初期設定
----------------------------------------------------*/

table{
width:100%;
border-spacing:1px;
border-collapse:0;
background:#ccc;
}

th{
width:270px;
padding:8px 15px;
color:#333;
font-size: 14px;
vertical-align: top;
background:#dff1ff;
}

td{
padding:8px 15px;
color: #333;
font-size: 14px;
vertical-align: top;
background:#fff;
}

td.cback{
background: #ffeded;
}

table table{
width:90%;
border-spacing:0;
border-collapse:0;
background:#fff;
}

td table td{
padding:0 10px 0 0;
color: #333;
text-align:right;
background:#fff;
}

.bt{
padding: 5px 10px;
}

.att{
margin-bottom:5px;
line-height:14px;
font-size: 14px;
font-weight:bold;
color: #f00;
}

.hissu{
float:right;
padding:0 4px;
font-size: 12px;
font-weight:normal;
color: #f23636;
}

p.msg{
color: #F00;
}

/*	f_menu
----------------------------------------------------*/
#f_menu {
max-width:980px;
margin:0 auto 20px;
padding:20px 0;
border-bottom:1px solid #ccc;
}

#f_menu ul {
text-align: center;
}
 
#f_menu li {
display: inline-block;
margin:0 30px;
}

#f_menu  ul li a {
color:#333;
text-decoration:none;
}

#f_menu  ul li a:hover {
text-decoration: underline;
}

/*	form_page
----------------------------------------------------*/
#form_page {
max-width: 900px;
margin: 0 auto;
}

#form_page #title {
margin-bottom:30px;
padding:0 0 5px 5px;
font-size:28px;
border-bottom:5px #4B8AE9 solid;
}

#form_page #title img {
width: 179px;
}

/*	f_header
----------------------------------------------------*/
#f_header {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
padding: 10px 0 6px;
}

#f_header .fd {
margin-top: 3px;
}

/*	m_info
----------------------------------------------------*/
#m_info {
margin: 10px 0;
padding: 3px 0 2px 5px;
background: #dff1ff;
}

/*	step
----------------------------------------------------*/
#step {
margin: 0 0 15px 0;
}

/*	mailform
----------------------------------------------------*/
#mailform {
max-width:900px;
margin:30px auto;
}

#mailform h2 {
margin:0 0 15px 0;
font-size:18px;
}

#mailform h3 {
margin:15px 0 10px 0;
font-size:16px;
color:#333;
}

#mailform p {
margin:0 0 15px 0;
font-size:14px;
}

#mailform .ex {
margin:5px 0 3px 0;
font-size:11px;
color:#666;
}

#mailform .red_check {
color:#f00;
}


#mailform .name {
float:left;
width:200px;
margin-left:15px;
text-align:left;
}

#mailform .name:first-child {
margin-left: 0;
}

#mailform .btn {
max-width: 312px;
margin: 30px auto;
text-align:center;
}

#mailform .btn_check {
max-width: 471px;
margin: 30px auto;
text-align:center;
}

#mailform .backbtn {
cursor:pointer;
padding: 5px 5px 5px 10px;
}


#thanks {
max-width:800px;
margin:30px auto;
padding:30px 0 0 0;
}

#thanks h3 {
margin:0 0 15px 15px;
color:#f00;
font-size:20px;
}

#thanks p {
margin:15px;
font-size:14px;
}

#thanks p a {
text-decoration: underline;
}

#thanks p a:hover {
text-decoration:none;
}

/*	m_info_area
----------------------------------------------------*/
#m_info_area {
max-width: 700px;
margin: 30px auto;
padding: 25px 30px;
background: #f4efc4;
}

#m_info_area .subtitle {
font-weight: bold;
font-size: 14px;
}

#m_info_area p {
margin: 5px 0;
}

/*	quest_area
----------------------------------------------------*/
#quest_area {
margin:50px 0 30px 0;
padding-bottom:30px;
border-bottom:1px #ccc dotted;
}

#quest_area h2 {
margin-bottom:30px;
padding:0 0 5px 5px;
font-size:28px;
border-bottom:5px #4B8AE9 solid;
}

#quest_area h3 {
margin:35px 0 30px 0;
padding:35px 0 0 0;
font-size:18px;
border-top:1px #ccc dotted;
}

#quest_area p {
margin-bottom:25px;
font-size:16px;
}

#quest_area p.checkbox {
margin-bottom:10px;
}

#quest_area p.media_t {
margin-bottom:5px;
}

#quest_area p.media input {
width:60%;
}

#quest_area label {
display:block;
float:left;
width:300px;
padding-bottom:15px;
}

#quest_area label input {
margin-right:5px;
}