.eye_first-question {
background-image: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/eye/eye_question.jpg);
}
#first-question .section {
margin-top: -30px;
padding-top: 30px;
}
.question-anker {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.question-anker li {
text-align: center;
margin: 10px;
width: 20%;
}
@media screen and (max-width: 768px) {
.question-anker li {
width: 100%;
}
}
.question-anker a {
background: #0e3092;
padding: 15px 20px;
color: #fff;
border-radius: 30px;
font-size: 16px;
display: block;
}
.question-anker a:hover {
background: #ebeb27;
}
#first-question h3 {
font-size: 18px; font-weight: bold;
color: #fff;
background: #0e3092;
line-height: 40px;
padding-left: 10px;
border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 768px) {
#first-question h3 {
padding-right: 10px;
border-radius: 5px;
}
} .question-box {
display: flex;
margin-bottom: 40px;
}
.question-box p {
padding: 20px 40px;
flex: 1;
font-size: 16px;
}
.question-box p.shitumon {
position: relative;
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/first-question/shitumon.png);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
}
.question-box p.shitumon::after {
content: '';
width: 12px;
height: 12px;
border: 0px;
border-top: solid 6px #0e3092;
border-right: solid 6px #0e3092;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 0;
margin-top: -4px;
}
.question-box p.kaitou {
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/first-question/kaitou.png);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
}
#first-question .section03,
#first-question .section05,
#first-question .section07 {
background: #fff;
}
@media screen and (max-width:750px) {
.question-box {
flex-direction: column;
}
.question-box p.shitumon::after {
content: '';
width: 12px;
height: 12px;
border: 0px;
border-top: solid 6px #0e3092;
border-right: solid 6px #0e3092;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(135deg);
position: absolute;
top: inherit;
bottom: 0;
right: 50%;
margin-top: -4px;
}
}