body {
counter-reset: section;
}
.eye_looking {
background-image: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/eye/eye_question.jpg);
}
.more_btn {
text-align: center;
width: 300px;
margin: 100px auto 50px;
font-size: 22px;
background: #10631e;
color: #fff;
padding: 9px 20px;
}
.more_btn:hover {
transition: 0.5s;
opacity: 0.8;
}
#looking .section {
margin-top: -30px;
padding-top: 30px;
}
#looking .section02 {
background: #fff;
}
#looking .section04 .inner {
padding: 50px 0 100px 0;
}
#looking .section04 .flex-3column {
height: 285px;
}
.looking-anker {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.looking-anker li {
text-align: center;
margin: 10px;
width: 320px;
}
.looking-anker a {
background: #0e3092;
padding: 15px 20px;
color: #fff;
border-radius: 30px;
font-size: 16px;
display: block;
}
.looking-anker a:hover {
background: #ebeb27;
}
.flex-2column.another div {
display: grid;
}
#looking h3 {
font-size: 18px;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: #0e3092;
}
#looking .section:nth-child(odd) h3 {
border-bottom: 1px solid #b7af7d;
}
#looking .comment_center {
text-align: center;
font-size: 23px;
display: grid;
align-items: end;
}
#looking .comment_center_text {
text-align: center;
margin-top: 10px;
}
#looking .comment_center_text span {
font-size: 32px;
}
@media screen and (max-width: 768px) {
#looking .comment_center_text span {
font-size: 24px;
}
}
#looking .column_spacer {
margin-top: 90px;
}
@media screen and (max-width: 768px) {
#looking .column_spacer {
margin-top: 50px;
}
}
#looking .flex-2column_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 960px;
margin: 0 auto;
}
#looking .flex-2column_list li:first-child {
background: #ececec;
}
#looking .flex-2column_list li {
width: 48%;
height: 80px;
display: grid;
align-items: center;
background: #fff;
margin: 2px;
padding: 16px;
font-size: 16px;
}
.looking-list-box {
margin: 40px 0px;
}
#looking .flex-3column {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#looking .flex-3column div {
position: relative;
width: 28%;
}
#looking .flex-3column div::after {
counter-increment: section;
content: counter(section);
font-size: 152px;
position: absolute;
font-family: 'Josefin Sans', sans-serif;
color: #f1f1f1;
z-index: 1;
bottom: -87px;
}
#looking .flex-3column div h4 {
font-size: 24px;
color: #fff;
}
#looking .flex-3column div p {
color: #fff;
margin-top: 10px;
}
.img-pro {
width: 60%;
}
#looking figure {
text-align: center;
}
#looking figcaption {
text-align: center;
font-size: 18px;
margin-top: 14px;
}
#looking .section04 {
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/common/bg_washi2.png) repeat;
}
#looking .section04 .inner .sec_cmn_heading {
color: #fff;
}
#looking .section04 .inner .sec_cmn_heading>span:after {
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/common/bg_dot_white.png) repeat;
}
#looking .section05 ul.flex-4column {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#looking .section05 ul.flex-4column li {
width: 24%;
}
#looking .section05 ul.flex-4column li div img {}
#looking .section05 ul.flex-4column li p {
font-size: 18px;
}
#looking .section05 ul.flex-4column li p+p {
font-size: 15px;
text-align: right;
}
#looking .section05 {
background: #fff;
}
@media screen and (max-width:750px) {
#looking .section05 ul.flex-4column li {
width: 48%;
}
}
#looking .section06 h3 {
font-size: 24px;
color: #e15d74;
margin: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
#looking .section06 h3 {
font-size: 22px;
}
}
#looking .section06 .flex-2column div:first-child {
display: grid;
align-items: center;
}
#looking .section06 .flex-2column div:first-child p {
font-size: 17px;
line-height: 37px;
}
@media screen and (max-width: 768px) {
#looking .section06 .flex-2column div:first-child p {
line-height: 1.6;
}
}
.post_flex {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.post_flex .news {
width: 23%;
} .post_flex .news .voice_img img {
display: block;
margin: 0 auto;
}
@media screen and (max-width:1024px) {
.post_flex .news {
width: 48%;
}
}
@media screen and (max-width:480px) {
.post_flex .news {
width: 100%;
}
}
.post_flex .news-title {
text-align: center;
margin: 20px 0;
font-size: 16px;
color: #0e3092;
font-weight: 500;
}
.question-box {
display: flex;
margin-bottom: 40px;
}
.question-box p {
padding: 20px 40px;
flex: 1;
}
.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: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/common/bg_washi.png) repeat;
}
@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;
}
}
@media screen and (max-width:750px) {
#looking .flex-2column_list {
width: 100%;
}
#looking .flex-2column_list li {
height: 140px;
}
.section06 .flex-2column {
display: inherit;
}
.flex-2column div {
width: 100%;
}
} #topWorry .inner {
max-width: 1440px;
}
#topWorry .inner .sec_cmn_heading {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#topWorry .point_select {
margin-bottom: 60px;
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px;
}
#topWorry .point_select .inner_point {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
}
#topWorry .point_select .inner_point .wrap_service {
flex-basis: 40%;
padding-right: 96px;
}
#topWorry .point_select .inner_point .wrap_service>div {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 148px;
margin: 28px 0;
position: relative;
}
#topWorry .point_select .inner_point .wrap_service>div:after {
content: "";
display: block;
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/top/line.png) no-repeat center;
width: 96px;
height: 168px;
background-size: cover;
position: absolute;
top: -15px;
right: 0;
transform: translate(100%);
}
#topWorry .point_select .inner_point .wrap_service>div big {
font-size: 32px;
}
#topWorry .point_select .inner_point .wrap_service>div.permanence_service {
background: #e6f3f1;
}
#topWorry .point_select .inner_point .wrap_service>div.permanence_service big {
color: #0f3965;
}
#topWorry .point_select .inner_point .wrap_service>div.normal_service {
background: #f3ece6;
}
#topWorry .point_select .inner_point .wrap_service>div.normal_service big {
color: #d97148;
}
#topWorry .point_select .inner_point .wrap_point_blk {
flex-basis: 60%;
}
#topWorry .point_select .point_blk {
display: flex;
width: 100%;
align-items: center;
padding: 8px 0;
}
#topWorry .point_select .point_blk .select_point {
height: 70px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border: 3px solid;
max-width: 350px;
flex-basis: 40%;
}
#topWorry .point_select .point_blk>ul {
flex: 1;
display: flex;
padding: 0 0 0 5%;
position: relative;
}
#topWorry .point_select .point_blk>ul:before {
content: "▶";
position: absolute;
left: 5%;
}
#topWorry .point_select .point_blk>ul li {
border-right: 1px solid;
padding: 0 10%;
}
#topWorry .point_select .point_blk>ul li:last-of-type {
border-right: none;
}
#topWorry .point_select .point_blk.point_blk01 .select_point {
border-color: #e6f3f1;
}
#topWorry .point_select .point_blk.point_blk01>ul:before,
#topWorry .point_select .point_blk.point_blk01>ul li,
#topWorry .point_select .point_blk.point_blk01>ul li a {
color: #1ba993;
}
#topWorry .point_select .point_blk.point_blk02 .select_point {
border-color: #f3e6ec;
}
#topWorry .point_select .point_blk.point_blk02>ul:before,
#topWorry .point_select .point_blk.point_blk02>ul li,
#topWorry .point_select .point_blk.point_blk02>ul li a {
color: #c74983;
}
#topWorry .point_select .point_blk.point_blk03 .select_point {
border-color: #f6f1e7;
}
#topWorry .point_select .point_blk.point_blk03>ul:before,
#topWorry .point_select .point_blk.point_blk03>ul li,
#topWorry .point_select .point_blk.point_blk03>ul li a {
color: #cca219;
}
#topWorry .point_select .point_blk.point_blk04 .select_point {
border-color: #e7e7f0;
}
#topWorry .point_select .point_blk.point_blk04>ul:before,
#topWorry .point_select .point_blk.point_blk04>ul li,
#topWorry .point_select .point_blk.point_blk04>ul li a {
color: #4574c3;
}
#topWorry .point_select .point_blk.point_blk05 .select_point {
border-color: #e8f1f2;
}
#topWorry .point_select .point_blk.point_blk05>ul:before,
#topWorry .point_select .point_blk.point_blk05>ul li,
#topWorry .point_select .point_blk.point_blk05>ul li a {
color: #2f9f76;
}
@media only screen and (max-width: 750px) {
#topWorry .point_select .inner_point .wrap_service>div.permanence_service,
#topWorry .point_select .inner_point .wrap_service>div.normal_service,
#topWorry .point_select .point_blk.point_blk01 .select_point,
#topWorry .point_select .point_blk.point_blk02 .select_point,
#topWorry .point_select .point_blk.point_blk03 .select_point,
#topWorry .point_select .point_blk.point_blk04 .select_point,
#topWorry .point_select .point_blk.point_blk05 .select_point,
#topWorry .point_select .point_blk.point_blk01>ul li,
#topWorry .point_select .point_blk.point_blk02>ul li,
#topWorry .point_select .point_blk.point_blk03>ul li,
#topWorry .point_select .point_blk.point_blk04>ul li,
#topWorry .point_select .point_blk.point_blk05>ul li,
#topWorry .point_select .inner_point .wrap_service>div.permanence_service big,
#topWorry .point_select .inner_point .wrap_service>div.normal_service big {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
}
#topWorry .point_select .point_blk .select_point {
height: 153px;
}
#topWorry .point_select .inner_point .wrap_service>div.permanence_service,
#topWorry .point_select .inner_point .wrap_service>div.normal_service {
height: 380px;
padding: 30px 0;
}
#topWorry .point_select .point_blk>ul:before {
display: none;
}
#topWorry .point_select .point_blk03 ul li {
height: 150px;
}
#topWorry .point_select .point_blk04 ul li,
#topWorry .point_select .point_blk05 ul li {
height: 116px;
}
#topWorry .point_select .inner_point .wrap_service .permanence_service:after {
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/top/line_sp.png) no-repeat center;
top: 14%;
height: 327px;
}
#topWorry .point_select .inner_point .wrap_service .normal_service:after {
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/top/line_sp.png) no-repeat center;
top: -3%;
height: 327px;
}
}
#topWorry .blk_price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}
#topWorry .blk_price .box_price {
background: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/common/bg_hougan_w.png) repeat;
border-radius: 10px;
flex-basis: 24%;
max-width: 24%;
position: relative;
padding: 20px;
color: #fff;
border: 3px solid;
}
@media only screen and (max-width: 750px) {
#topWorry .blk_price .box_price {
flex-basis: 49%;
max-width: inherit;
margin-bottom: 10px;
padding: 15px;
}
}
#topWorry .blk_price .box_price:nth-of-type(1) {
background-color: #4f6f19;
border-color: #6c8b39;
}
#topWorry .blk_price .box_price:nth-of-type(2) {
background-color: #4574c3;
border-color: #6c92d2;
}
#topWorry .blk_price .box_price:nth-of-type(3) {
background-color: #cb7253;
border-color: #d99c86;
}
#topWorry .blk_price .box_price:nth-of-type(4) {
background-color: #c39545;
border-color: #dab370;
}
#topWorry .blk_price .box_price h3 {
font-size: 38px;
color: #ebeb27;
}
#topWorry .blk_price .box_price h3 a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (max-width: 750px) {
#topWorry .blk_price .box_price h3 {
font-size: 24px;
}
}
#topWorry .blk_price .box_price .price {
text-align: center;
line-height: 1;
}
#topWorry .blk_price .box_price .price b {
margin: 0 2px;
font-size: 60px;
font-weight: bold;
}
@media only screen and (max-width: 750px) {
#topWorry .blk_price .box_price .price {
font-size: 10px;
}
#topWorry .blk_price .box_price .price b {
font-size: 30px;
}
} #topSolve {
max-width: 100%;
overflow: hidden;
}
#topSolve .solve_heading {
color: #0f3965;
margin: 40px 0 20px;
}
#topSolve .solve_heading span {
font-size: 25px;
display: inline-block;
position: relative;
}
#topSolve .solve_heading span:before,
#topSolve .solve_heading span:after {
background: #0f3965;
content: "";
display: inline-block;
height: 1px;
width: 80px;
position: absolute;
top: 50%;
}
#topSolve .solve_heading span:before {
left: -90px;
}
#topSolve .solve_heading span:after {
right: -90px;
}
@media only screen and (max-width: 750px) {
#topSolve .solve_heading span {
font-size: 18px;
}
}
#topSolve p {
font-size: 12px;
margin-bottom: 40px;
}
@media only screen and (max-width: 750px) {
#topSolve p {
text-align: left;
}
}
.post_flex .news dd a img {
border: solid 1px #ccc;
}