@charset "utf-8";

.sphide {	display:none; }
.spbr { display: block; }





/*ーーーーーーーーーー
.header
ーーーーーーーーーーー*/
.tophdlogo { display: none; }
#head_wrap {
position: relative;
width: 100%;
margin: 0 auto 0;
line-height: 1;
z-index: 999;
height: 50px;
text-decoration: none;
}
#head_wrap a {
text-decoration: none;
}
#head_wrap .inner {
width: 100%;
margin: 0 auto;
position: relative;
}
#head_wrap .inner:after {
content: "";
clear: both;
display: block;
}
#head_wrap .logo {
float: left;
}
#head_wrap .logo img { width: 200px; height: auto; display: none;}  
#global-nav {
position: relative;
right: 0;
top: 0;
width: 720px;
margin: 0 auto;
}
#global-nav ul {
list-style: none;
margin: 0;
display: block;
}
#global-nav ul li {
padding: 0px 10px;
}
#global-nav ul li:last-child {
border-right: none;
}
#global-nav ul li a {
padding: 0 5px;
padding: 2px;
transition: all .6s ease 0s;
box-sizing: border-box;
font-weight: 400;
}
#global-nav ul li a:hover { color: #D4D82B; }
/* Fixed */
#head_wrap.fixed {
height: auto;
margin-top: 0;
top: 0;
position: fixed;
width: 100%;
line-height: 1;
text-decoration: none;
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
z-index: 9999;
}
#head_wrap.fixed .logo {
float: left;
}
#head_wrap.fixed .logo img { width: 200px; height: auto; display: block;}

/*gnav*/
.gnav{
    background: rgba(0,0,0,0.8);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
}
.gnav__menu{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
}
.gnav__menu__item{
    margin: 40px 0 40px 100px;
    opacity: 0;
}
.gnav__menu__item a{
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}



/* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#head_wrap {
top: 0;
position: fixed;
margin-top: 0;
width: 100%;
padding: 0;
}
#head_wrap .inner {
width: 100%;
padding: 0;
}
#head_wrap .fixed {
padding-top: 0;
background: transparent;
}
#mobile-head {
/*background: rgba(255,255,255,.9);*/
width: 100%;
height: 56px;
z-index: 999;
position: relative;
}
#head_wrap #mobile-head h2 { display: none; } 
#head_wrap.fixed #mobile-head { background-color: #fff; border-bottom: solid 3px #eee;}
#head_wrap.fixed #mobile-head h2 { padding: 5px 0 0 10px; display: block; }
#head_wrap.fixed #mobile-head h2 img { width: auto; height: 40px; }
#head_wrap.fixed .logo, #head_wrap .logo {
position: absolute;
}
#global-nav {
position: absolute;
top: -558px;
background: rgb(28 28 28 / 90%);
width: 100%;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#head_wrap.fixed #global-nav { top: -535px; background: rgb(28 28 28 / 90%); }
#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 4vw;
margin: 5% 0;
padding: 0;
line-height: 2;
color: #fff;
}
#global-nav ul li {
float: none;
position: static;
text-align: center;
}
#head_wrap #global-nav ul li a, #head_wrap.fixed #global-nav ul li a {
width: 100%;
display: block;
padding: 5px 0;
color: #fff;
}
#nav-toggle {
display: block;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #1a1862;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
.open #nav-toggle span { background: #fff; }
#head_wrap.fixed.open #nav-toggle span { background: #000; }
/*#head_wrap.fixed #nav-toggle span { background: #fff; }*/
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.open #global-nav {
-moz-transform: translateY(556px);
-webkit-transform: translateY(556px);
transform: translateY(556px);
  padding-top: 10%;
}
















@keyframes zoomUp {
0% {
  transform: scale(1);
}
100% {
  transform: scale(1.15);
}
}
body { padding: 0; margin: 0; }


.pc-wrapper .top-ticker{ display: none; }
.pc-wrapper .top-lside { display: none; }
.pc-wrapper .top-rside { display: none; }
#navi { background-color: #004F2B; width: 100%; display: none; }
#navi ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; }
#navi ul li a { color: #fff; text-decoration: none; padding: 30px 0; display: inline-block; font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 400; }
#navi ul li.gray span {width: 100%;display: block;padding: 5px 0;color: #7F7F7F;}
#navi ul ul{display: block;}
#navi ul li.has-child::before{content:'';position: absolute;margin-top: 37px;margin-left: -16px;width:6px;height:6px;border-top: 2px solid #fff; border-right:2px solid #fff; transform: rotate(135deg);}
#navi li.has-child ul {position: absolute;z-index: 4;background:#004F2B;width:200px;visibility: hidden;opacity: 0;transition: all .3s;}
#navi li.has-child:hover > ul, #navi li.has-child ul li:hover > ul, #navi li.has-child:active > ul, #navi li.has-child ul li:active > ul{ visibility: visible; opacity: 1;}
#navi li.has-child ul li a{color: #fff;border-bottom:solid 1px rgba(255,255,255,0.6); padding: 20px; text-align: left; width: 100%;}
#navi li.has-child ul li:last-child > a{border-bottom:none;}
#navi li.has-child ul li a:hover,
#navi li.has-child ul li a:active{background:#004F2B;}

#wrapper h1 { text-align: center; padding: 17% 0 4%; }
#wrapper h1 img { width: 70%; height: auto; }
#wrapper h1 + p { width: 90%; margin: 0 auto; font-size: 3.8vw; line-height: 1.6; }
#wrapper h2{
    position: relative;
    padding: 15px 20px;
    border-bottom: 3px solid #000;
    width:100%;
    margin: 0 auto;
  font-size: 5vw;
}

#wrapper h2:before {
    position: absolute;
    left: 50px;
    bottom: -40px;
    content: '';
    border-width: 20px;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
  z-index: 1;
}

#wrapper h2:after {
    position: absolute;
    left: 50px;
    bottom: -36px;
    content: '';
    border-width: 20px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
  z-index: 1;
}


  .qf { background-color: aliceblue; padding-top: 5%; padding-bottom: 5%; position: relative; }
  .qf .quiz { font-size: 4.5vw; font-family: "Kosugi Maru"; line-height: 1.5; width: 90%; margin: 7% auto; background-color: #fff; border-radius: 10px; padding: 3vw 5vw; border: solid 3px rgb(88 162 207 / 80%); }
  .qf .quiz span::before { content: 'psychology_alt'; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20; margin: -11vw -9.8vw 0; position: absolute; font-size: 10vw;}
  .qf .quiz a { text-decoration: none; }
  .qf .more { text-align: right; margin-right: 6vw; }
  .qf .more a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; padding: 1vw 5vw; background-color:  rgb(88 162 207 / 80%); color: #fff; border-radius: 5px; display: inline-flex; align-items: center; }
  .qf .more a::after { content: "keyboard_double_arrow_right"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 1vw; }
  .qf.myq .quiz { margin: 7% auto 0; }
  .qn { background-color: #fde7d7; padding-top: 5%; padding-bottom: 5%; position: relative; }
  .qn .quiz { font-size: 4.5vw; font-family: "Kosugi Maru"; line-height: 1.5; width: 90%; margin: 7% auto; background-color: #fff; border-radius: 10px; padding: 3vw 5vw; border: solid 3px  rgb(241 163 41 / 80%); }
  .qn .quiz span::before { content: 'psychology_alt'; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20; margin: -11vw -9.8vw 0; position: absolute; font-size: 10vw;}
  .qn .quiz a { text-decoration: none; }
  .qn .more { text-align: right; margin-right: 6vw; }
  .qn .more a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; padding: 1vw 5vw; background-color: rgb(241 163 41 / 80%); color: #fff; border-radius: 5px; display: inline-flex; align-items: center; }
  .qn .more a::after { content: "keyboard_double_arrow_right"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 1vw; }
.box_1 { padding: 10% 0; }
.box_1 .btn a { text-decoration: none; font-size: 5vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color: #a6dfc5; margin: 0 auto; display: block; width: 80%; text-align: center; padding: 3vw 5vw 2vw; border-radius:6px; } 
.box_1 .btn a::after { content: "contract_edit"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 1vw; }
.box_1 p { padding: 2% 4%; font-size: 4vw; }

.qm nav { margin: 5% 0; }
.qf nav,.qn nav {}
.qf nav .pagination,.qn nav .pagination,.qm nav .pagination { display: flex; list-style: none; margin: 0; padding: 0; }
.qf nav .pagination li,.qn nav .pagination li,.qm nav .pagination li { width: 50%; margin: 0; padding: 0; }
.qf nav .pagination li:first-child,.qn nav .pagination li:first-child,.qm nav .pagination li:first-child { text-align: left; padding-left: 5%; }
.qf nav .pagination li:last-child,.qn nav .pagination li:last-child,.qm nav .pagination li:last-child { text-align: right; padding-right: 5%; }
.qf nav .pagination li.disabled,.qn nav .pagination li.disabled {}
.qf nav .pagination li span,.qn nav .pagination li span,.qm nav .pagination li span { text-decoration: none; font-size: 4.5vw; font-family: "Kosugi Maru"; padding: 2px 14px; background-color: rgba(185, 185, 185, 0.8); color: #fff; border-radius: 5px; display: inline-flex; align-items: center; }
.qf nav .pagination li a,.qn nav .pagination li a,.qm nav .pagination li a { text-decoration: none; font-size: 4.5vw; font-family: "Kosugi Maru"; padding: 2px 14px; background-color:  rgb(88 162 207 / 80%); color: #fff; border-radius: 5px; display: inline-flex; align-items: center; }
.qf nav .pagination li:first-child a::before,.qn nav .pagination li:first-child a::before,.qm nav .pagination li:first-child a::before { content: "keyboard_double_arrow_left"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 5px; }
.qf nav .pagination li:last-child a::after,.qn nav .pagination li:last-child a::after,.qm nav .pagination li:last-child a::after { content: "keyboard_double_arrow_right"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 5px; }
.qf nav .pagination li:first-child span::before,.qn nav .pagination li:first-child span::before,.qm nav .pagination li:first-child span::before { content: "keyboard_double_arrow_left"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-right: 5px; }
.qf nav .pagination li:last-child span::after,.qn nav .pagination li:last-child span::after,.qm nav .pagination li:last-child span::after { content: "keyboard_double_arrow_right"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-right: 5px; }

#contents nav { padding-top: 8%; }
#contents nav .pagination { display: flex; list-style: none; margin: 0; padding: 0; }
#contents nav .pagination li { width: 50%; margin: 0; padding: 0; }
#contents nav .pagination li:first-child { text-align: left; padding-left: 5%; }
#contents nav .pagination li:last-child { text-align: right; padding-right: 5%; }
#contents nav .pagination li span { text-decoration: none; font-size: 4.5vw; font-family: "Kosugi Maru"; padding: 2px 14px; background-color: rgba(185, 185, 185, 0.8); color: #fff; border-radius: 5px; display: inline-flex; align-items: center; }
#contents nav .pagination li a { text-decoration: none; font-size: 4.5vw; font-family: "Kosugi Maru"; padding: 2px 14px; background-color:  rgb(88 162 207 / 80%); color: #fff; border-radius: 5px; display: inline-flex; align-items: center; }
#contents nav .pagination li:first-child a::before { content: "keyboard_double_arrow_left"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 5px; }
#contents nav .pagination li:last-child a::after { content: "keyboard_double_arrow_right"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-left: 5px; }
#contents nav .pagination li:first-child span::before { content: "keyboard_double_arrow_left"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-right: 5px; }
#contents nav .pagination li:last-child span::after { content: "keyboard_double_arrow_right"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 6vw; vertical-align: middle; margin-right: 5px; }
#contents .more { padding-top: 8%; text-align: center; }
#contents .more a {text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color: #7bb6d7; color: #fff; margin: 0 auto; width: 80%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center;}

#wrapper.quiz_v { padding-top: 56px; }
#wrapper.quiz_v h1.sec_logo {display: none; }
#wrapper.quiz_v .qq { padding: 0; position: relative; }
#wrapper.quiz_v .qq .quiz { font-size: 4.5vw; font-family: "Kosugi Maru"; line-height: 1.5; width: 90%; margin: 7% auto 0; background-color: #fff; border-radius: 10px; padding: 3vw 5vw; border: solid 3px rgb(88 162 207 / 80%); }
#wrapper.quiz_v .qq .quiz p::before { content: 'psychology_alt'; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20; margin: -11vw -9.8vw 0; position: absolute; font-size: 10vw;}
#wrapper.quiz_v h3 { font-weight: bold; padding: 0.5em 1em; border: 3px solid #1c1c1ce6;overflow: hidden; position: relative;background-color:rgb(207 191 166 / 80%);width: 98%;margin: 5% auto 5%; text-align: center;}
#wrapper.quiz_v h3::before { content: ''; position: absolute; left: 0; top: 0; border-width: 25px 25px 0 0; border-style: solid; border-color: #1c1c1ce6 #d8cbb9 #1c1c1ce6;}
#wrapper.quiz_v .tab {display: inline-block; margin: 0; padding: 2vw 5vw; cursor: pointer; background-color: #eee;}
#wrapper.quiz_v .tab.active {  }
#wrapper.quiz_v .tab.fav {font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center;}
#wrapper.quiz_v .tab.fav::before { content: "thumb_up"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 5vw; vertical-align: middle; margin-right: 2vw; }
#wrapper.quiz_v .tab.fav.active {background-color: rgb(88 162 207 / 80%);color: #fff;}
#wrapper.quiz_v .tab.update {font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center;}
#wrapper.quiz_v .tab.update::before { content: "update"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 5vw; vertical-align: middle; margin-right: 2vw; }
#wrapper.quiz_v .tab.update.active {background-color: rgb(241 163 41 / 80%);color: #fff;}
#wrapper.quiz_v .content {display: none;}
#wrapper.quiz_v .content.active {display: block; padding-bottom: 10vw;}
#wrapper.quiz_v .content.active.fav { background-color: aliceblue; }
#wrapper.quiz_v .content.active.update { background-color: #fde7d7; }
#wrapper.quiz_v .maker { text-align: right; padding: 1vw 5vw 0 0; font-size: 3.8vw; }
#wrapper.quiz_v .share_q { margin-top: 5%; padding-bottom: 5%; }
#wrapper.quiz_v .share_q h4 { text-align: center; }
#wrapper.quiz_v .share_q h4 { display: flex; justify-content: center; align-items: center; font-weight:bold; text-align: center;}
#wrapper.quiz_v .share_q h4::before,
#wrapper.quiz_v .share_q h4::after { content: ''; width: 2px; height: 25px; background-color: #000;}
#wrapper.quiz_v .share_q h4::before { margin-right: 30px; transform: rotate(-35deg)}
#wrapper.quiz_v .share_q h4::after { margin-left: 30px; transform: rotate(35deg)}

#wrapper.quiz_v .anspost {}
#wrapper.quiz_v .anspost a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color: #a6dfc5; margin: 5% auto; display: block; width: 90%; text-align: center; padding: 3vw 5vw 2vw; border-radius:6px; }
#wrapper.quiz_v .anspost a::before { content: "rate_review"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }

#wrapper.quiz_v .ansbox { border-bottom: dotted 1px; padding-bottom: 5%; }
#wrapper.quiz_v .ansbox .qq .quiz a { text-decoration: none; }
#wrapper.quiz_v .ansbox h4 { text-align: center; font-size: 4vw; font-weight: bold; margin-top: 6%; margin-bottom: 2%; }
#wrapper.quiz_v .ansbox h4 { display: flex; justify-content: center; align-items: center; color: #2589d0;}
#wrapper.quiz_v .ansbox h4::before,
#wrapper.quiz_v .ansbox h4::after { width: 3px; height: 25px; background-color: #2589d0; content: '';}
#wrapper.quiz_v .ansbox h4::before { transform: rotate(-35deg); margin-right: 20px;}
#wrapper.quiz_v .ansbox h4::after { transform: rotate(35deg); margin-left: 20px;}
#wrapper.quiz_v .ansbox .ans_list { width: 95%; margin: 0 auto 5%; padding: 2% 3%; background-color: #E7E7E7; border-radius: 10px;  }
#wrapper.quiz_v .ansbox .ans_list p { font-size: 4.5vw; line-height: 1.8; }
#wrapper.quiz_v .ansbox .ans_list p.udate { font-size: 4vw; text-align: right; }
#wrapper.quiz_v .ansbox .ans_list div { font-size: 4vw; font-weight: bold;text-align: center; background-color: #fff; border-radius: 9px; padding: 2vw; }

#wrapper.quiz_v .showans {}
#wrapper.quiz_v .showans .ans_list h5 { padding: 0; margin: 4vw 0 0 0; font-size: 5vw; }
#wrapper.quiz_v .showans .ans_list p { padding: 4vw 0 0;}
#wrapper.quiz_v .showans .btn { text-align: center; }
#wrapper.quiz_v .showans .btn span { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color:#CDCDCD; color: #000; margin: 0 auto; width: 80%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center; }
#wrapper.quiz_v .showans .btn span::before { content: "how_to_vote"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }
#wrapper.quiz_v .showans .btn a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color:#7bb6d7; color: #fff; margin: 0 auto; width: 80%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center; }
#wrapper.quiz_v .showans .btn a::before { content: "how_to_vote"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }
#wrapper.quiz_v .showans .lbtn a {margin: 8vw auto 0px ; width: 90%; display: block; font-size: 4vw; padding: 3vw 5vw 3vw; background-color: #7bb6d7; color: #fff; border-radius: 5px; font-weight: bold; text-decoration: none; text-align: center; }
#wrapper.quiz_v .showans .share_a {display: flex;justify-content: flex-end;align-items: stretch;padding: 4vw 2vw 0 0;}
#wrapper.quiz_v .showans .share_a h5 {float: left;font-size: 3.3vw;padding: 2vw 0 0;margin: 0;} 
#wrapper.quiz_v .showans .share_a ul {width: 50vw; list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between;  align-items: flex-start; flex-wrap: nowrap; flex-direction: row;}
#wrapper.quiz_v .showans .share_a ul li { text-align: center; }
#wrapper.quiz_v .showans .share_a ul li img { width: 90%; height: auto; }
#wrapper.quiz_v .showans .style_share { width: 100%; display: flex; justify-content: space-between; align-items: center; }
#wrapper.quiz_v .showans .style_share .btn { width: 88%; }
#wrapper.quiz_v .showans .style_share .btn a { width: 100% !important; }
#wrapper.quiz_v .showans .style_share .share_a { width: 10%; padding: 0; display: block; line-height: 1px; text-align: center; }
#wrapper.quiz_v .showans .style_share .share_a img { width: 90%; }

#wrapper.quiz_v .share_q ul { list-style: none; padding: 0; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-around; align-items: center; width: 60%; margin: 0 auto; }
#wrapper.quiz_v .share_q ul li { }
#wrapper.quiz_v .share_q ul li img { width: 100%; height: auto; }
#wrapper.quiz_v .answer { border-bottom: dotted 1px; width: 95%; margin: 0 auto; padding: 5% 0; }
#wrapper.quiz_v .answer ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; }
#wrapper.quiz_v .answer ul li {}
#wrapper.quiz_v .answer ul li:nth-child(1) {font-size: 4vw; font-family: "Kosugi Maru";}
#wrapper.quiz_v .answer ul li:nth-child(2) {font-size: 3.5vw;}
#wrapper.quiz_v .answer p { font-size: 5vw; font-family: "Kosugi Maru"; padding: 4%; font-weight: bold; border-radius: 10px; margin: 3% 0 3%; background-color: #fff;}
#wrapper.quiz_v .answer .accordion-content p { font-size: 3.8vw; line-height: 1.6; padding: 2vw; font-weight: normal; font-family: "Noto Sans JP"; border-radius: 0; margin-top: 0; border: solid 1px #eee; }
#wrapper.quiz_v .accordion-content-wrapper.open .accordion-content p { position: relative; z-index: 1; border-bottom: none; }
#wrapper.quiz_v .accordion-content-wrapper.short .accordion-content p { margin-bottom: 0; }
#wrapper.quiz_v .answer .btn { text-align: center; }
#wrapper.quiz_v .answer .btn span { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color:#CDCDCD; color: #000; margin: 0 auto; width: 80%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center; }
#wrapper.quiz_v .answer .btn span::before { content: "how_to_vote"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }
#wrapper.quiz_v .answer .btn a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color:#7bb6d7; color: #fff; margin: 0 auto; width: 80%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center; }
#wrapper.quiz_v .answer .btn a::before { content: "how_to_vote"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }
#wrapper.quiz_v .update .answer .btn a {background-color: rgb(241 163 41 / 80%);color: #fff;}

#wrapper.quiz_v .sticky .qq { padding: 0px 0 0; position: relative; }
#wrapper.quiz_v .sticky .qq .quiz { font-size: 4vw; font-family: "Kosugi Maru"; line-height: 1.5; width: 90%; margin: 0 auto 0; background-color: #fff; border-radius: 10px; padding: 3vw 5vw; border: solid 3px rgb(88 162 207 / 80%); }
#wrapper.quiz_v .sticky .qq .quiz p::before { content: 'psychology_alt'; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20; margin: -11vw -9.8vw 0; position: absolute; font-size: 10vw;}
#wrapper.quiz_v .sticky h3 { text-align: center; margin-top: 67px; margin-bottom: 3vw; font-size: 4vw; border: none; background-color: #d8cbb8; padding: 0; }
#wrapper.quiz_v h3::before { display: none; }
#wrapper.quiz_v .sticky .maker { text-align: right; padding: 1vw 5vw 1vw 0; font-size: 3.5vw; }

#wrapper.quiz_v .accordion-section { position: relative;}
#wrapper.quiz_v .accordion-section .infoicon {}
#wrapper.quiz_v .accordion-section .infoicon { font-size: 3.5vw; font-family: "Kosugi Maru"; display: flex; vertical-align: middle; align-items: center;}
#wrapper.quiz_v .accordion-section .infoicon::before { content: "info"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw;}
#wrapper.quiz_v .accordion-section  { margin-bottom: 8%; }
#wrapper.quiz_v .accordion-content-wrapper { max-height: 31vw; overflow: hidden; position: relative; transition: max-height 0.2s ease-out;}
#wrapper.quiz_v .accordion-content-wrapper::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4.5em; /* グラデーションの高さ */background: linear-gradient(to bottom, transparent, white);}
#wrapper.quiz_v .accordion-content-wrapper.open::after {background: linear-gradient(to bottom, white, white);}
#wrapper.quiz_v .accordion-content-wrapper.short::after { display: none; }
#wrapper.quiz_v .accordion-content-wrapper.open { max-height: 1000px; /* 十分大きな値に設定 */}
#wrapper.quiz_v .accordion-button { cursor: pointer; text-decoration: none; display: block; width: 40%; margin: -3% auto 0; text-align: center; background-color: #eee; font-size: 3vw; padding: 1vw; border-radius: 5px; position: absolute; right: 1%;}
#wrapper.quiz_v .share_a {display: flex;justify-content: flex-end;align-items: stretch;padding: 4vw 2vw 0 0;}
#wrapper.quiz_v .share_a h5 {float: left;font-size: 3.3vw;padding: 2vw 0 0;margin: 0;} 
#wrapper.quiz_v .share_a ul {width: 50vw;}
#wrapper.quiz_v .share_a ul li { text-align: center; }
#wrapper.quiz_v .share_a ul li img { width: 90%; height: auto; }
#wrapper.quiz_v .style_share { width: 100%; display: flex; justify-content: space-between; align-items: center; }
#wrapper.quiz_v .style_share .btn { width: 88%; }
#wrapper.quiz_v .style_share .btn a { width: 100% !important; }
#wrapper.quiz_v .style_share .share_a { width: 10%; padding: 0; display: block; line-height: 1px; text-align: center; }
#wrapper.quiz_v .style_share .share_a img { width: 90%; }
#wrapper.quiz_v #stickyElementContainer {position: relative;height: 50vw; /* 固定される要素の高さに合わせて設定 */}
#wrapper.quiz_v #stickyElement {position: absolute;width: 100%;transition: top 0.3s ease; /* アニメーションの設定 */}
#wrapper.quiz_v .sticky {position: fixed !important;top: 0;left: 0;right: 0;z-index: 1000;background-color: #d8cbb8;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

#wrapper.quiz_v .quiz_v_s {}
#wrapper.quiz_v .quiz_v_s h3 { margin-bottom: 0; }
#wrapper.quiz_v .quiz_v_s .accordion-content-wrapper { max-height: none;}
#wrapper.quiz_v .quiz_v_s .accordion-content-wrapper::after { display: none; }
#wrapper.quiz_v .quiz_v_s .answer { padding-top: 1%; }
#wrapper.quiz_v .quiz_v_s .answer .btn2 { text-align:center; margin-top: 4vw; }
#wrapper.quiz_v .quiz_v_s .answer .btn2 a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color:#7bb6d7; color: #fff; margin: 0 auto; width: 80%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center; }
#wrapper.quiz_v .quiz_v_s .answer .btn2 a::before { content: "dynamic_feed"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }
#wrapper.quiz_v .quiz_v_s .update .answer .btn2 a {background-color: rgb(241 163 41 / 80%);color: #fff;}

#wrapper.quiz_v .quiz_v_s .ans_post { width: 90%; margin: 3% auto; padding-top: 3%; padding-bottom: 10%; }
#wrapper.quiz_v .quiz_v_s .ans_post dl {}
#wrapper.quiz_v .quiz_v_s .ans_post dl dt { padding: 0 0 4px 4px; }
#wrapper.quiz_v .quiz_v_s .ans_post dl dd { padding-bottom: 5%; }
#wrapper.quiz_v .quiz_v_s .ans_post dl dt label { font-size: 4.5vw; font-weight: bold; }
#wrapper.quiz_v .quiz_v_s .ans_post dl dd textarea { width: 100%; height: 30vw; min-height: 30vw; border-radius: 10px; font-size: 4vw; padding: 1vw 2vw; }
#wrapper.quiz_v .quiz_v_s .ans_post .lbtn {}
#wrapper.quiz_v .quiz_v_s .ans_post .lbtn input { margin: 0 auto 0; width: 100%; display: block; font-size: 5vw; padding: 2vw; background-color: #fff; color: #27ACD9; border: #27ACD9 solid 2px; border-radius: 5px; font-weight: bold; }

#wrapper.quiz_v .qgen textarea { width: 100%;height: 30vw;min-height: 30vw;border-radius: 10px;font-size: 4vw;padding: 1vw 2vw;}

#wrapper.quiz_v .login { padding-bottom: 10%; }
#wrapper.quiz_v .login h4 { text-align: center; font-size: 4.5vw; border-bottom: dotted 1px ; margin: 0 3% 7%; padding: 0 0 5%;}
#wrapper.quiz_v .login dl { margin-bottom: 5vw;}
#wrapper.quiz_v .login dl dt { font-size: 4vw; font-weight: bold; }
#wrapper.quiz_v .login dl dd { font-size: 4.5vw; padding-left: 1em; padding-bottom: 3vw; }
#wrapper.quiz_v .login .error { padding-bottom: 4vw; color: red; font-size: 4vw; text-align: center; }
#wrapper.quiz_v .login .loginbox { width: 90%; margin: 0 auto; }
#wrapper.quiz_v .login .loginbox .lid { padding-bottom: 3vw; }
#wrapper.quiz_v .login .loginbox .lid input { width: 100%; padding: 2vw; font-size: 4.5vw; }
#wrapper.quiz_v .login .loginbox .lpas { padding-bottom: 3vw; }
#wrapper.quiz_v .login .loginbox .lpas input { width: 80%; padding: 2vw; font-size: 4.5vw; }
#wrapper.quiz_v .login .loginbox .lbtn {}
#wrapper.quiz_v .login .loginbox .lbtn input { margin: 3% auto 0; width: 100%; display: block; font-size: 5vw; padding: 2vw; background-color: #fff; color: #27ACD9; border: #27ACD9 solid 2px; border-radius: 5px; font-weight: bold; }
#wrapper.quiz_v .login .loginbox .lpf { font-size: 3.8vw; text-align: right; padding-top: 5%; }
#wrapper.quiz_v .login .registbox { width: 90%; margin: 10% auto; border-top: solid 1px; padding-top: 5%; }
#wrapper.quiz_v .login .registbox .rcom { font-size: 4.5vw; text-align: center; padding-top: 5%; }
#wrapper.quiz_v .login .registbox .rbtn {}
#wrapper.quiz_v .login .registbox .rbtn input { margin: 3% auto 0; width: 100%; display: block; font-size: 5vw; padding: 2vw; background-color: #fff; color: #27ACD9; border: #27ACD9 solid 2px; border-radius: 5px; font-weight: bold; }

#wrapper.quiz_v .login .infoedit {}
#wrapper.quiz_v .login .infoedit dl {}
#wrapper.quiz_v .login .infoedit dl dt { font-size: 4.5vw; font-weight: bold; }
#wrapper.quiz_v .login .infoedit dl dd { font-size: 4.3vw; }

#wrapper.quiz_v .kiyaku { }
#wrapper.quiz_v .kiyaku h1 { text-align: center; font-size: 20px; border-bottom: dotted 1px ; margin: 0 20px 20px; padding: 0 0 10px;}
#wrapper.quiz_v .kiyaku p { font-size: 4vw; padding-top: 20px; }
#wrapper.quiz_v .kiyaku h2 { margin-top: 5vw; line-height: 1.6; }
#wrapper.quiz_v .kiyaku h2 + p { padding: 40px 4vw 20px; line-height: 1.6; }
#wrapper.quiz_v .kiyaku h3 + p { padding: 0px 4vw 0px; margin: 0; }
#wrapper.quiz_v .kiyaku ul { margin: 0 4vw 0 1vw; }
#wrapper.quiz_v .kiyaku ul li { font-size: 4vw; }
#wrapper.quiz_v .kiyaku ul li ul { list-style:decimal; margin: 10px 0 0 1vw; padding: 0; }
#wrapper.quiz_v .kiyaku ul li ul li { font-size: 3.5vw; } 
#wrapper.quiz_v .kiyaku ul + p { padding: 20px 4vw 0px; margin: 0; }

#wrapper.quiz_v .contact {}
#wrapper.quiz_v .contact iframe { border: none; width: 90%; margin: 5% auto 0; height: auto; min-height: 80vh; display: block; }


#fixedNav {
    position: fixed;
    right: 2vw;
    bottom: 2vw;
  width: 45vw;
}
#fixedNav .post {}
#fixedNav .post a { text-decoration: none; font-size: 4vw; font-family: "Kosugi Maru"; display: inline-flex; align-items: center; background-color:#a7dfc6; color: #1c1c1c; margin: 0 auto; width: 100%; text-align: center; padding: 3vw 5vw 3vw; border-radius: 6px; justify-content: center; border: solid 2px #1c1c1c; }
#fixedNav .post a::before { content: "rate_review"; font-family: 'Material Symbols Outlined'; display: inline-block; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20; font-size: 4vw; vertical-align: middle; margin-right: 1vw; }






















.footer { text-align: center; background-color: #000; color: #fff; padding: 2vw; font-size: 3.5vw; }