body #scroll_navi{
margin-top: 150px;
height: 80%;
}
.setuzei{
position: relative;
margin: 10px 0px -10px -10px;
padding: 5px 0 5px 0;
font-size: 1.3rem;
line-height: 1.25;
width: 100vw;
background-color: #FFF9E9;
color: black;
}
.setuzei1{
height: 33px;
}
.blink {
border-top: 3px solid #f1605f;
border-bottom: 3px solid #f1605f;
align-items: center;
display: flex;
}
@keyframes blinkAnimation {
0% {
border: 3px solid #f1605f;
}
100% {
border: 3px solid #efefef;
}
}
.blink {
animation: blinkAnimation 1s ease infinite alternate;
}
.blink_waku {
width: 100%;
height: 36px;
margin: -28px 0 0px 0;
border-top: 3px solid #f1605f;
border-bottom: 3px solid #f1605f;
align-items: center;
display: flex;
}
@keyframes blink_wakuAnimation {
0% {
border-top: 3px solid #f1605f;
border-bottom: 3px solid #f1605f;
}
100% {
border-top: 3px solid #efefef;
border-bottom: 3px solid #efefef;
}
}
.blink_waku {
animation: blink_wakuAnimation 1s ease infinite alternate;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-170px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* スクロールするため高さを出すためのsection */
.section {
height: 1px;
}
.section-a {
background: #000;
}
.section-b {
background: #fff;
}
/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
blink.scroll-nav {
border: none;
}
@media screen and (max-width: 937px) {
.setuzei,.setuzei .setuzeiMerit{
font-size: 0.95rem;
}
}
@media screen and (max-width: 800px) {
.setuzei,.setuzei .setuzeiMerit{
font-size: 0.85rem;
}
}
.setuzei .setuzei_inner{
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: center;
}
.setuzei .setuzeiCalc{
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat left center;
}
.setuzei .setuzeiMerit{
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2em;
margin: 0 0.5em;
font-weight: bold;
}
.setuzei .setuzei_input_select{
width: 233px;
margin: 0 0.5em;
}
.setuzei .setuzei_input_select[name="jigyorieki"]{
width: 151px;
}
.setuzei .setuzeiResult{
display: flex;
align-items: center;
}
.setuzei .setuzeiResult.setuzeihide{
display: none;
}
.setuzei .setuzeiResultIcon{
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat left center;
}
.setuzei .setuzeiRed{
font-size:138%;
color:red;
}
.setuzei .setuzeiResultDesc{
display:flex;
align-items: baseline;
}
/*ヘルプ*/
.setuzei .setuzeiHelpicon{
width: 16px;
height: 16px;
right: 12px;
top: 12px;
cursor: pointer;
background: url('data:image/svg+xml;utf8,') no-repeat left center;
opacity: 0.3;
margin:0 0 0 7px;
min-width: 16px;
}
.setuzeiTooltip{
display:none;
width:250px;
background-color:gray;
border-radius:5px;
color:white;
padding:5px;
font-size:small;
z-index: 10000;
}
.setuzeiShow{
display:block;
}
.setuzeiTooltip span{
font-weight: bold;
}
/*2つ目*/
.setuzei2{
display:none;
font-size: 1.7em;
line-height: 1.25;
width: 100vw;
background-color: white;
color: black;
margin: -1em auto 0;
position: relative;
padding: 0.2em;
/* height: 170px;*/
}
.setuzei2 .setuzeiResultDesc{
display: block;
margin: 0 auto;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 768px) {
.setuzei{
display:none;
}
.setuzei2{
display:block;
position: absolute;
margin-top: 0px;
height: 280px;
}
}
.setuzei2 .setuzei_inner{
display: block;
text-align: center;
}
.setuzei2 .setuzei_input_select{
width: 58%;
margin: 1em 0.4em;
font-size: 16px;
}
.setuzei2 .setuzei_input_select[name="jigyorieki"]{
width: 35%;
}
@media screen and (max-width: 550px) {
body .setuzei2 .setuzei_inner .setuzei_input_select{
width: 95%;
}
}
.setuzei2 .setuzeiResult{
justify-content: center;
}
.setuzei2 .setuzeiMerit{
font-size: 0.8em;
}
.nobr{
display: block;
white-space: nowrap;
}
.setuzeiResult3sec{
font-size: 0.8em;
color:red;
}
.setuzeiResult3sec.setuzeihide{
display:none;
}