@charset "utf-8";
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button,
option,
select,
textarea,
input {
border: none;
}
button,
option,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
}
input[type="checkbox"] {
outline: 0;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
} input[type="search"]::-ms-clear {
visibility: hidden;
} select::-ms-value {
background: none;
color: #000;
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input[type="email"]:-webkit-autofill,
input[type="email"]:-webkit-autofill:hover,
input[type="email"]:-webkit-autofill:focus,
input[type="email"]:-webkit-autofill:active {
transition: #fff 5000s ease-in-out 0s;
}  @font-face {
font-family: 'Noto Sans CJK JP';
src: url(//zeimo.jp/wp-content/plugins/making-tools-into-apps/NotoSansCJKjp-hinted/NotoSansMonoCJKjp-Regular.otf) format('otf');
}
html {
font-size: 0.2666vw;
}
body {
padding-bottom: 20px;
font-size: 16rem;
line-height: 1.5;
}
h2,
h3,
h4,
h5,
h6 {
display: block;
width: 100%;
font-weight: bold;
}
h2 {
margin: 14px 0 12px;
padding: 0 0 4px;
border-bottom: 3px solid #000;
font-size: 22rem;
}
h3 {
margin: 12px 0 10px;
font-size: 20rem;
}
h4 {
margin: 10px 0 8px;
font-size: 18rem;
}
h5 {
margin: 8px 0 6px;
font-size: 17rem;
}
h6 {
margin: 6px 0 4px;
font-size: 16rem;
}
fieldset {
margin-top: 30px;
}
legend {
padding: 0 0 4px;
display: block;
width: 100%;
border-bottom: 3px solid #000;
font-size: 18rem;
font-weight: bold;
}
label {
padding: 10px 0 8px;
display: inline-block;
line-height: 1.2;
font-size: 16rem;
font-weight: bold;
}
input,
select {
padding: 8px;
border: 1px solid #555;
font-size: 16rem;
}
select { }
input[type="tel"] {
text-align: end;
width: 8em;
}
input:invalid {
background-color: #F0D0D0;
}
button {
margin-top: 20px;
padding: 8px 1em;
background-color: #e8e8e8;
border-radius: 20rem;
font-size: 16rem;
font-weight: bold;
}
button#submit {
padding-left: 2em;
padding-right: 2em;
background-color: #0078e7;
color: #fff;
}
button.close {
background-color: #000;
color: #fff;
}
button.open::after,
button.close::after {
content: '▲';
margin-left: 1vw;
display: inline-block;
transform: rotate(180deg);
}
button.close::after {
transform: none;
}
fieldset button:first-child {
margin-top: 0;
}
table {
margin: 20px 0;
width: 100%;
}
table th,
table td {
padding: 16px 22px 12px;
border: 1px solid #dfdfdf;
background-color: #f5f5f5;
vertical-align: middle;
line-height: 1.4;
font-size: 16rem;
}
table td {
background-color: #fff;
}
table td.number {
text-align: right;
}
#tool {
width: auto !important;
}
#tool-results {
margin-top: 20px;
padding-top: 20px;
border-top: 3px solid #000;
}
#tool-result-text {
font-size: 20rem;
}
#tool-result-number {
margin: 0 2px;
color: #ef4056;
font-size: 28rem;;
font-weight: bold;
}
.wppost {
padding: 10px 2.5vw 0;
font-family: 'ヒラギノ角ゴ Pro', 'Noto Sans CJK JP';
}
.ui-helper-hidden-accessible,
.pure-form-message-inline {
display: none;
}
.pure-control-group {
margin-top: 12px;
}
.required,
.optional {
padding-left: calc(3em * 0.75 + 8px);
position: relative;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.required::before,
.optional::before {
position: absolute;
top: calc(10px + 4rem);
left: 0;
content: "\5FC5\9808";
padding: 1px 0 0;
display: inline-block;
width: 3em;
background-color: #ef4056;
color: #fff;
text-align: center;
font-size: 12rem;
letter-spacing: normal;
font-weight: normal;
}
.optional::before {
content: "\4EFB\610F";
background-color: #aaa;
}
.tips {
position: relative;
top: -4rem;
font-size: 12rem;
color: #3a7eb2;
}
.tips__popup {
padding: 8px 2.5vw;
max-width: 70vw;
background-color: #dcf0dd;
box-shadow: 3px 3px 3px #aaa;
font-size: 14rem;
}
.special-benefit-error {
color: red;
} #form2 {
display: none;
}
.option1 {
display: none;
}
@media screen and (max-width: 374px) {
input,
select {
font-size: 16px;
}
} @media screen and (min-width: 460px) {
input[type="radio"] {
margin-right: .5em;
transform: scale(1.5);
position: relative;
top: -.15em;
}
}
@media screen and (min-width: 640px) {
input[type="radio"] {
transform: scale(2);
}
}
@media screen and (min-width: 768px) {
html {
font-size: 2.048px;
}
}
#rewardModal {width: 100% !important;}.modal-content p{padding:10px;text-align:center;font-size:14px;border-radius:4px;background:#fff;color:#333;font-weight:700;margin:10px 0}.modal{display:none;position:fixed;z-index:1;padding-top:300px;left:0;top:0;width:100% !important;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{margin:auto;padding:25px 25px 5px 25px;background-color:#fefefe;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:250px}@media all and (orientation:landscape){.modal-content{margin:auto;padding:25px 25px 5px 25px;background-color:#fefefe;text-align:center;position:fixed;top:60%;left:50%;transform:translate(-50%,-50%)}}.btn{color:#fff;font-size:16px;font-weight:700;padding:.5rem;background:#2990ea;border:1px solid #ddd;border-radius:4px;margin:4px;width:90%}.btn_close{color:#2990ea;font-size:12px;font-weight:400;padding:.5rem;background:#fff;border:none;border-radius:4px;margin:4px}