@charset "utf-8";
/* ****************************************************************** 

 Shitaji.CSS v5.0.0 CC0-1.0 by Qrac 
https://shitajicss.qranoko.jp/
reset css

****************************************************************** */
*,
::before,
::after {
  margin: 0;
  background-repeat: no-repeat;
  box-sizing: border-box;
  font-size: 1em;
  font-family: inherit;
  font-weight: inherit;
}

::before,
::after {
  vertical-align: inherit;
  text-decoration: inherit;
}

html {
  font-family: sans-serif;
  /* word-break: break-word; */
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header,
footer,
main,
section,
article,
aside,
nav,
details,
menu,
figure,
figcaption {
  display: block;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

ol,
ul {
  padding: 0;
  list-style: none;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

canvas,
audio,
video {
  display: inline-block;
}

img,
svg,
iframe,
canvas,
audio,
video {
  vertical-align: middle;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

input {
  border-radius: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

address {
  font-style: normal;
}

textarea {
  overflow: auto;
  resize: vertical;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

summary {
  display: list-item;
}

table {
  border-collapse: collapse;
}

hr {
  height: 0;
  overflow: visible;
}

template {
  display: none;
}

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

[hidden] {
  display: none;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*input reset & layout*/
input{
  border: 1px solid #333;
  border-radius: 2px;
  padding: 5px;
}
input[type="checkbox"], input[type="radio"]{
  margin-right: 8px;
  position: relative;
  top: 1.5px;
}

/*===================================================================
layout
===================================================================*/
body {
  width:100%;
  height:100%;
  color:#333;
  font-size:16px;
  _font-size:x-small;/*IE6*/
  line-height:1.2;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break:normal;
  word-wrap:break-word;
  text-align: left;
}

/*link*/
a {
  color: #258be0;
  text-decoration: underline;
}
a:hover{
  text-decoration:none;
}

/*inner*/
.inner{
  max-width: 980px;
  margin: auto;
}
.sec-area .inner{
  padding: 30px 0;
}

/*ttl*/
.ttl-wrap{
  margin-bottom: 15px;
}
.ttl-sec{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 10px;
}

/*list*/
.list-note {
  font-size: 0.75em;
  margin-top: 10px;
}
.list-note>li {
  padding-left: 1.2em;
}
.list-note>li.is-num {
  padding-left: 2em;
}
.list-note>li.is-num .mark {
  text-indent: -2em;
}
.list-note>li+li {
  margin-top: 1px;
}
.list-note .mark {
  display: inline-block;
  text-indent: -1.2em;
}
/*===================================================================
header
===================================================================*/
.header{
  border-bottom: 1px solid #e6e6e6;
}
.header-logo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

/*===================================================================
mv-area
===================================================================*/
.mv-area{
  background: #d3e6ea;
  background: -webkit-linear-gradient(to bottom, #d3e6ea, #f2f6f5);
  background: linear-gradient(to bottom, #d3e6ea, #f2f6f5);
}
.mv-area .inner{
  padding: 40px 12px ;
}
.mv-area .ttl-wrap{
  margin-bottom: 0;
}
/*===================================================================
footer
===================================================================*/
.footer{
  margin-top: 50px;
  background: #333333;
}
.footer .inner{
  padding: 20px 0;
}
.footer-nav{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.footer-nav a{
  color: #fff;
}
.footer .copyright{
  color: #fff;
}

/*===================================================================
webcas table layout
===================================================================*/
.fm-enqueteout{
  width: 100%;
}
.fm-enquete{
  max-width: 980px;
  width: 100%;
}

/*罫線*/
.fm-enquete .fm-question{
  padding: 20px 30px;
  font-weight: bold;
  border: 1px solid #D8D8D8;
}
.fm-enquete .fm-answer{
  padding: 20px;
  border: 1px solid #D8D8D8;
}
/*===================================================================
webcas input layout
===================================================================*/
/*姓名*/
.name-input-box{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.name-wrap{
  width: 48%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content:space-between;
  -ms-align-items: center;
  align-items: center;
}
.name-wrap .name-label{
  padding-right: 5px;
}
.name-wrap .name-input input{
  width: 270px;
}

/*日付ボックス*/
.date-input input[type="text"]{
  width: 70px!important;
  margin: 0px 5px;
  padding: 5px 10px;
}

/*郵便番号*/
.post-input input[type="text"]{
  width: 70px!important;
  padding: 5px 10px;
}

/*都道府県*/
.prefectures-input select{
   width: 120px!important;
  padding:5px 10px;
}

/*電話番号*/
.tel-input input{
  width: 90px!important;
  padding: 5px 10px;
  margin: 0 5px;
}

/*マトリクス*/
.fm-matrix{
  width: 100%;
}
.fm-matrix td{
  padding: 10px;
  width: 20%;
  text-align: center;
  background: #8F9595;
  border: 1px solid #D8D8D8;
}
.fm-matrix .fm-x{
  color: #fff;
  background-color: #8F9595;
}
.fm-matrix .fm-y{
  background-color: #EEEEEE;
}
.fm-matrix .fm-cell{
  background: #fff;
}

/*ボタン*/
.submit-btn,
#confirm{
  width: 290px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 999em;
  cursor: pointer;
  font-size: 1.2em;
  padding: 15px 40px;
  box-shadow: 0 3px 0 0 #333;
  transform: translateY(-3px);
  transition:0.2s all;
  background: #ffd91d;
}
.submit-btn:hover,
#confirm:hover{
  box-shadow:none;
  transform: translateY(-0px);
}
.submit-btn+.submit-btn,
.submit-btn+#confirm{
  margin-left: 10px;
}
.submit-btn.rewind{
  background: #D8D8D8;
}