@charset "utf-8";
/*

基準サイズ
PC:font-size:1.8rem
tb:font-size:1.7rem
PC:font-size:1.5rem

margin：width

tb：calc( 100% - 40px ) margin: 30px 20px 0px;
sp：calc( 100% - 20px ) margin: 30px 10px 0px;

*/

/*
　Reset CSS
----------------------------------------------------------------------------------------------------　*/

*{ font-size: inherit; font-family: inherit; line-height: inherit; letter-spacing: 0.05em; word-wrap: break-word; overflow-wrap: break-word; }
*, *::before, *::after, input, textarea, select, option{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html{ font-size: 62.5%; }
body{ color: #202020; font-size: 1.6em; font-family: "Noto Sans JP", sans-serif; line-height: 1.6; -webkit-text-size-adjust: 100%; text-align: center; background: #fff; }
a{ color: #352be1; text-decoration: none; transition: all 0.3s; }
a:hover{ color: #ce3b2a; text-decoration: underline; }
input:hover, textarea:hover, select:hover{ transition: 0.3s; }
img{ border: none; vertical-align: bottom; }
table{ text-align: left; border-spacing: 0px; border-collapse: collapse; }
body, nav, header, footer, main, article, section, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, figure, address, iframe, table, tr, th, td, form, input, textarea, select, option, label{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, th, td, p, dl, dt, dd, ul, li, address{ font-style: normal; font-weight: normal; }
p{ color: #202020; line-height: 1.6; }
ol, ul{ list-style: none outside none; }
hr{ display: block; width: 1000px; margin: 70px auto; color: #fff; }
.cf::after{ display: block; content: ""; clear: both; }

@media only screen and ( max-width: 1019px) {
  html{ height: 100%; }
  body{ height: 100%; min-width: 320px; }
  img{ max-width: 100%; height: auto; }
  hr{ width: auto; margin: 50px auto; }
}

@media only screen and ( max-width: 640px ) {
  body{ line-height: 1.5; }
  hr{ width: auto; margin: 50px 5px; }
}



/*
　Form Validation
----------------------------------------------------------------------------------------------------　*/
.formError{ z-index: 990; }
.formError .formErrorContent{ z-index: 991; }
.formError .formErrorArrow{ z-index: 996; }
.ui-dialog .formError{ z-index: 5000; }
.ui-dialog .formError .formErrorContent{ z-index: 5001; }
.ui-dialog .formError .formErrorArrow{ z-index: 5006; }
.inputContainer{ position: relative; float: left; }
.formError{ position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; }
.formError.inline{ position: relative; top: 0; left: 0; display: inline-block; }
.ajaxSubmit{ padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent{ width: 100%; background: #ee0101; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000;padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
.formError.inline .formErrorContent{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.greenPopup .formErrorContent{ background: #33be40; }
.blackPopup .formErrorContent{ background: #393939; color: #FFF; }
.formError .formErrorArrow{ width: 15px; margin: -2px 0 0 13px; position:relative; }
body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow{ margin: -2px 13px 0 0; }
.formError .formErrorArrowBottom{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div{ border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.greenPopup .formErrorArrow div{ background: #33be40; }
.blackPopup .formErrorArrow div{ background: #393939; color: #FFF; }
.formError .formErrorArrow .line10{ width: 13px; border: none; }
.formError .formErrorArrow .line9{ width: 11px; border: none; }
.formError .formErrorArrow .line8{ width: 11px; }
.formError .formErrorArrow .line7{ width: 9px; }
.formError .formErrorArrow .line6{ width: 7px; }
.formError .formErrorArrow .line5{ width: 5px; }
.formError .formErrorArrow .line4{ width: 3px; }
.formError .formErrorArrow .line3{ width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2{ width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1{ width: 1px; border: none; background: #ddd; }

#form .formError + input,
#form .formError + select,
#form .formError + textarea{ border-color: #ce3b2a; background-color: #fdf0f0; }
#form .formError + input::placeholder,
#form .formError + textarea::placeholder{ color: #ce3b2a; }