/* Scss Document */
/*sp*/
/*pc*/
@media screen and (min-width: 750px) {
  body, p, h1, h2, h3, h4, h5, h6, ul, li, span, div, img {
    margin: 0;
    padding: 0; } }
@media screen and (max-width: 749px) {
  body, p, h1, h2, h3, h4, h5, h6, ul, li, span, div, img {
    margin: 0;
    padding: 0; } }

@media screen and (min-width: 750px) {
  .headerWidth, .ContentsWidth {
    width: 1000px;
    margin: 0 auto; } }
@media screen and (max-width: 749px) {
  .headerWidth, .ContentsWidth {
    width: inherit;
    height: auto;
    padding: 10px; } }

@media screen and (min-width: 750px) {
  ul li, ol li {
    list-style-type: none; } }
@media screen and (max-width: 749px) {
  ul li, ol li {
    list-style-type: none; } }

@media screen and (min-width: 750px) {
  img {
    display: block; } }
@media screen and (max-width: 749px) {
  img {
    width: 100%;
    height: auto; } }

.top30 {
  margin-top: 30px; }

.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: "."; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden; }

@media screen and (min-width: 750px) {
  .FormArea {
    float: left;
    width: 720px;
    margin: 0 0 20px 0; } }
@media screen and (max-width: 749px) {
  .FormArea {
    float: left;
    width: 100%;
    margin: 0 0 20px 0; } }

@media screen and (min-width: 750px) {
  .FormTitle {
    font-weight: 600;
    width: 400px;
    line-height: 20px;
    font-size: 16px;
    padding: 12px 20px 0 0;
    font-family: "Rounded Mplus 1c";
    color: #2a2a2a;
    margin-bottom: 10px; } }
@media screen and (max-width: 749px) {
  .FormTitle {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 12px 20px 0 0;
    font-family: "Rounded Mplus 1c";
    color: #2a2a2a;
    margin-bottom: 10px; } }

@media screen and (min-width: 750px) {
  #InquiryCheck .FormTitle {
    float: left;
    font-weight: 600;
    width: 148px;
    line-height: 20px;
    font-size: 14px;
    padding: 0 20px 0 0;
    text-align: right;
    font-family: "Rounded Mplus 1c";
    color: #aaa; } }
@media screen and (max-width: 749px) {
  #InquiryCheck .FormTitle {
    float: left;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0 20px 0 0;
    font-family: "Rounded Mplus 1c";
    color: #aaa; } }

@media screen and (min-width: 750px) {
  .FormTitle .must {
    color: #fff;
    font-weight: 600;
    background: #f24874;
    padding: 1px 5px 0px 5px;
    border-radius: 2px;
    font-size: 10px;
    vertical-align: text-top; } }
@media screen and (max-width: 749px) {
  .FormTitle .must {
    color: #fff;
    font-weight: 600;
    background: #f24874;
    padding: 1px 5px 0px 5px;
    border-radius: 2px;
    font-size: 10px;
    vertical-align: text-top; } }

@media screen and (min-width: 750px) {
  .FormArea {
    float: left;
    width: 720px;
    margin: 0 0 20px 0; } }
@media screen and (max-width: 749px) {
  .FormArea {
    float: left;
    width: 100%;
    margin: 0 0 20px 0; } }

@media screen and (min-width: 750px) {
  .RadioFlat {
    vertical-align: text-top;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0; } }
@media screen and (max-width: 749px) {
  .RadioFlat {
    vertical-align: text-top;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0; } }

@media screen and (min-width: 750px) {
  .FormTypeBox .radiolabel {
    float: none;
    margin: 2px 0px 8px 0;
    vertical-align: text-top;
    font-family: "Rounded Mplus 1c"; } }
@media screen and (max-width: 749px) {
  .FormTypeBox .radiolabel {
    float: none;
    margin: 2px 0px 8px 0;
    vertical-align: text-top;
    font-family: "Rounded Mplus 1c"; } }

@media screen and (min-width: 750px) {
  input[type="text"], input[type="email"], select {
    font-size: 14px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.04) inset;
    outline: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 0 8px; } }
@media screen and (max-width: 749px) {
  input[type="text"], input[type="email"], select {
    font-size: 14px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.04) inset;
    outline: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 0 8px; } }

@media screen and (min-width: 750px) {
  input.others, input[type="email"] input.others, select {
    font-size: 14px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.04) inset;
    outline: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    height: 25px;
    margin: 0;
    padding: 0 8px; } }
@media screen and (max-width: 749px) {
  input.others, input[type="email"] input.others, select {
    font-size: 14px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.04) inset;
    outline: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    height: 25px;
    margin: 0;
    padding: 0 8px; } }
@media screen and (min-width: 750px) {
  textarea[type="text"] {
    font-size: 14px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.04) inset;
    outline: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    height: 200px;
    margin: 0;
    padding: 0 8px;
	width: 690px;} }
@media screen and (max-width: 749px) {
  textarea[type="text"] {
    font-size: 14px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.04) inset;
    outline: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    height: 200px;
    margin: 0;
    padding: 0 8px;
	width: 90%} }

@media screen and (min-width: 750px) {
  input[type="text"]:hover, input[type="email"]:hover {
    box-shadow: -1px -1px 4px rgba(245, 144, 166, 0.05) inset, 1px 1px 4px rgba(245, 144, 166, 0.1) inset;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #9FE1EA;
    border-right: 1px solid #ffc7d7;
    border-style: solid;
    border-width: 1px; } }
@media screen and (max-width: 749px) {
  input[type="text"]:hover, input[type="email"]:hover {
    box-shadow: -1px -1px 4px rgba(245, 144, 166, 0.05) inset, 1px 1px 4px rgba(245, 144, 166, 0.1) inset;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #9FE1EA;
    border-right: 1px solid #ffc7d7;
    border-style: solid;
    border-width: 1px; } }

@media screen and (min-width: 750px) {
  input[type="text"]:focus, input[type="email"]:focus {
    border: 1px solid #E8F7F9;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
    outline: medium none; } }
@media screen and (max-width: 749px) {
  input[type="text"]:focus, input[type="email"]:focus {
    border: 1px solid #E8F7F9;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.02) inset, 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
    outline: medium none; } }
@media screen and (min-width: 750px) {
  .Long {
    float: left;
    width: 690px; } }
@media screen and (max-width: 749px) {
  .Long {
    width: 90%; } }

@media screen and (min-width: 750px) {
  .FormArea textarea[type="text"] {
    height: 100px;
    width: 690px;
    padding: 20px; } }
@media screen and (max-width: 749px) {
  .FormArea textarea[type="text"] {
    height: 100px;
    width: 90%;
    padding: 20px; } }

@media screen and (min-width: 750px) {
  .BonfButton {
    padding: 30px 200px; } }
@media screen and (max-width: 749px) {
  .BonfButton {
    padding: 0 40px; } }

@media screen and (min-width: 750px) {
  #Next a, .submit {
    cursor: pointer;
    letter-spacing: 4px;
    background: #ff83a7;
    background-repeat: repeat-x;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    opacity: 0.9;
    height: 60px;
    width: 100%;
    line-height: 60px;
    clear: both;
    display: block;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none; } }
@media screen and (max-width: 749px) {
  #Next a, .submit {
    cursor: pointer;
    letter-spacing: 4px;
    background: #ff83a7;
    background-repeat: repeat-x;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    opacity: 0.9;
    height: 60px;
    width: 100%;
    line-height: 60px;
    clear: both;
    display: block;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none; } }

@media screen and (min-width: 750px) {
  .checkBox ul li label {
    margin: 0 15px 15px 0; } }
@media screen and (max-width: 749px) {
  .checkBox ul li label {
    margin: 0 15px 15px 0; } }

@media screen and (min-width: 750px) {
  .ErrorMessage {
    font-size: 17px;
    color: #fff;
margin-top: 5px;
background: #f24874;
padding: 5px;
font-weight: bold; } }
@media screen and (max-width: 749px) {
  .ErrorMessage {
    font-size: 16px;
    color: #fff;
margin-top: 5px;
background: #f24874;
padding: 5px;
font-weight: bold; } }

@media screen and (min-width: 750px) {
  #Inquiry a {
    color: #37beed; } }

#Inquiry, #InquiryCheck {
  font-family: "Rounded Mplus 1c"; }

@media screen and (min-width: 750px) {
  .answer {
    border-radius: 3px;
    outline: medium none;
    padding: 15px 15px 12px 15px;
    width: 900px;
    float: left;
    margin: 0 0 20px 0; } }
@media screen and (max-width: 749px) {
  .answer {
    border-radius: 3px;
    outline: medium none;
    padding: 15px 15px 12px 15px;
    width: 90%;
    float: left;
    margin: 0 0 20px 0; } }

@media screen and (min-width: 750px) {
  #Back {
    text-align: center;
    float: left;
    width: 450px;
    margin-right: 35px; } }
@media screen and (max-width: 749px) {
  #Back {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px; } }

@media screen and (min-width: 750px) {
  .conf_btn #Back a {
    /*text-shadow: 0px -1px 1px white;*/
    border-radius: 3px;
    display: block;
    padding-top: 20px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    /*box-shadow: inset 0 8px 20px -8px rgba(0, 0, 0, 0.03), inset 0 -8px 20px -8px rgba(0, 0, 0, 0.1);*/
    background: #999;
    border-radius: 3px;
    opacity: 0.9; } }
@media screen and (max-width: 749px) {
  .conf_btn #Back a {
    /*text-shadow: 0px -1px 1px white;*/
    border-radius: 3px;
    display: block;
    padding-top: 20px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    /*box-shadow: inset 0 8px 20px -8px rgba(0, 0, 0, 0.03), inset 0 -8px 20px -8px rgba(0, 0, 0, 0.1);*/
    background: #999;
    border-radius: 3px;
    opacity: 0.9; } }

@media screen and (min-width: 750px) {
  #Next_2 {
    margin: 0 0 100px 0;
    clear: none;
    float: left;
    width: 450px; } }
@media screen and (max-width: 749px) {
  #Next_2 {
    margin: 0 0 100px 0;
    clear: none;
    float: left;
    width: 100%; } }

@media screen and (min-width: 750px) {
  .conf_btn #Next_2 a {
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none; } }
@media screen and (max-width: 749px) {
  .conf_btn #Next_2 a {
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none; } }

@media screen and (min-width: 750px) {
  #Next_2 a, .submit {
    cursor: pointer;
    letter-spacing: 4px;
    border-radius: 3px;
    /*text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.4);*/
    font-weight: bold;
    text-align: center;
    color: #fff;
    opacity: 0.9;
    height: 60px;
    width: 100%;
    line-height: 60px;
    clear: both;
    display: block;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    background: #ff83a7; } }
@media screen and (max-width: 749px) {
  #Next_2 a, .submit {
    cursor: pointer;
    letter-spacing: 4px;
    border-radius: 3px;
    /*text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.4);*/
    font-weight: bold;
    text-align: center;
    color: #fff;
    opacity: 0.9;
    height: 60px;
    width: 100%;
    line-height: 60px;
    clear: both;
    display: block;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    background: #ff83a7; } }

@media screen and (min-width: 750px) {
  .RadioBox {
    display: block;
    margin-bottom: 20px; } }
@media screen and (max-width: 749px) {
  .RadioBox {
    display: block;
    margin-bottom: 20px; } }

/* Chrome, Safari */
@media screen and (min-width: 750px) {
  input::-webkit-input-placeholder {
    color: #B8B8B8; } }
@media screen and (max-width: 749px) {
  input::-webkit-input-placeholder {
    color: #B8B8B8; } }

/* Firefox */
@media screen and (min-width: 750px) {
  input::-moz-placeholder {
    color: #B8B8B8; } }
@media screen and (max-width: 749px) {
  input::-moz-placeholder {
    color: #B8B8B8; } }
@media screen and (min-width: 750px) {
input[type="submit"] {
    cursor: pointer;
    background: #33b2d7;
        background-repeat: repeat;
    background-repeat: repeat;
    background-repeat: repeat-x;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    opacity: 0.9;
    height: 60px;
    width: 100%;
    /*line-height: 60px;*/
    clear: both;
    display: block;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
    border-style: none;
}}
@media screen and (max-width: 749px) {
input[type="submit"] {
    cursor: pointer;
    background: #ff83a7;;
    background-repeat: repeat;
    background-repeat: repeat;
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    opacity: 0.9;
    height: 60px;
    width: 100%;
    line-height: 60px;
    clear: both;
    display: block;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
    border-style: none;
	-webkit-appearance: none;
	border-radius: 0;
	
}}
input[type="submit"][disabled] {
    background-color: #ccc;
    cursor: default;
}
#check {
	margin-bottom: 20px;
	text-align: center;
}

a.a_check:link {color:#3a97cd;} 
a.a_check:visited {color:#3a97cd;} 
a.a_check:hover {color:#3a97cd;} 
a.a_check:active {color:#3a97cd;} 
@media screen and (min-width: 750px) {
.btn-back {
border-radius: 3px;
display: block;
padding-top: 20px;
padding-bottom: 18px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
background: #999;
border-radius: 3px;
opacity: 0.9;
	text-decoration: none;
    border-style: none;
	width: 100%;
}}
@media screen and (max-width: 749px) {
.btn-back {
border-radius: 3px;
display: block;
padding-top: 20px;
padding-bottom: 18px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
background: #999;
border-radius: 3px;
opacity: 0.9;
	text-decoration: none;
    border-style: none;
	width: 100%;
}}
@media screen and (min-width: 750px) {
.c-back__area {
    text-align: center;
}}
@media screen and (max-width: 749px) {
.c-back__area {
    text-align: center;
}}
@media screen and (min-width: 750px) {
.FormErr {
    background: #fbe7e7;
    padding: 20px;
    margin-bottom: 20px;
	}}
@media screen and (max-width: 749px) {
.FormErr {
    background: #fbe7e7;
    padding: 20px;
    margin-bottom: 20px;
	}}
@media screen and (min-width: 750px) {
.TitErr {
    color: #FF4040 !important;
	}}
@media screen and (max-width: 749px) {
.TitErr {
    color: #FF4040 !important;
	}}
@media screen and (min-width: 750px) {
input[type="text"].inp_error {
	border: 1px solid #F88A8A;
background: #F4D4D4;
}}
@media screen and (max-width: 749px) {
input[type="text"].inp_error {
	border: 1px solid #F88A8A;
background: #F4D4D4;
}}