body {}
#irai-noukotsu.column .inner {
padding: 80px 0;
}
@media screen and (max-width: 768px) {
#irai-noukotsu.column .inner {
padding: 50px 20px;
}
}
#irai-noukotsu.column .section05 .inner {
padding: 80px 0 180px;
}
.eye_irai-noukotsu {
background-image: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/eye/eye_irai-noukotsu.jpg);
}
.more_btn {
text-align: center;
width: 468px;
margin: 100px auto 50px;
font-size: 22px;
background: #10631e;
color: #fff;
padding: 9px 20px;
}
.more_btn:hover {
transition: 0.5s;
opacity: 0.8;
}
#irai-noukotsu .section {
margin-top: -30px;
padding-top: 30px;
counter-reset: section;
}
#irai-noukotsu .section02,
#irai-noukotsu .section04,
#irai-noukotsu .section06 {
background: #fff;
}
#irai-noukotsu .section .comment_area {
font-size: 16px;
margin: 26px 0 100px 0;
}
#irai-noukotsu .section ul.flex-2column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px;
}
#irai-noukotsu .section ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 48%;
margin: 48px 0px 0px;
position: relative;
padding: 12px 0 12px 80px;
color: #e15d74;
}
.looking-anker {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.looking-anker li {
text-align: center;
margin: 10px;
width: 300px;
}
.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;
}
#irai-noukotsu h3 {
font-size: 22px;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: #0e3092;
margin: 10px 0;
}
#irai-noukotsu h3.right {
text-align: right;
}
#irai-noukotsu .comment_center {
text-align: center;
font-size: 23px;
display: grid;
align-items: end;
}
#irai-noukotsu .comment_center_text {
text-align: center;
margin-top: 10px;
}
#irai-noukotsu .comment_center_text span {
font-size: 32px;
}
#irai-noukotsu .column_spacer {
margin-top: 90px;
}
#irai-noukotsu .flex-2column_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 960px;
margin: 0 auto;
}
#irai-noukotsu .flex-2column_list li:first-child {
background: #ececec;
}
#irai-noukotsu .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;
}
#irai-noukotsu .flex-3column {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 50px 0;
}
#irai-noukotsu .flex-3column li {
width: 30%;
}
#irai-noukotsu .flex-3column li .dekiru_img {}
#irai-noukotsu .flex-3column li .dekiru_name {
margin: 16px 0;
font-size: 20px;
}
#irai-noukotsu .flex-3column li .dekiru_txt {}
.img-pro {
width: 60%;
}
#irai-noukotsu figure {
text-align: center;
}
#irai-noukotsu figcaption {
text-align: center;
font-size: 18px;
margin-top: 14px;
}
#irai-noukotsu .section05 ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 48%;
max-height: 124px;
margin: 72px 0px 0px 0;
position: relative;
padding: 12px 0 12px 80px;
}
#irai-noukotsu .section05 ul.flex-2column li:last-child {
width: 100%;
}
#irai-noukotsu .section05 ul.soukotsu li::before {
counter-increment: section;
content: "" counter(section);
position: absolute;
top: 35px;
left: 90px;
font-size: 118px;
font-style: italic;
color: #e15d74;
z-index: 1;
width: 68px;
height: 68px;
font-weight: normal;
border: none;
background: none;
}
#irai-noukotsu .section05 ul.soukotsu li p {
padding: 0 0 0 112px;
}
#irai-noukotsu .section06 ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 48%;
max-height: 124px;
margin: 72px 0px 0px 0;
position: relative;
padding: 12px 0 12px 80px;
}
#irai-noukotsu .section06 ul.soukotsu li::before {
counter-increment: section;
content: "" counter(section);
position: absolute;
top: 35px;
left: 70px;
font-size: 118px;
font-style: italic;
color: #e15d74;
z-index: 1;
width: 68px;
height: 68px;
font-weight: normal;
border: none;
background: none;
}
#irai-noukotsu .section06 ul.soukotsu li p {
padding: 0 0 0 116px;
}
#irai-noukotsu .att {
width: 600px;
margin: 0 auto;
text-align: center;
}
#irai-noukotsu .att p {
font-size: 20px;
border: 2px solid #0e3092;
color: #0e3092;
font-weight: bold;
}
#irai-noukotsu .flex_basic {
display: flex;
justify-content: space-evenly;
margin: 24px 0px;
}
#irai-noukotsu .flex_basic li {
font-size: 16px;
}
@media screen and (max-width:750px) {
#irai-noukotsu .att {
width: 84%;
margin: 0 auto;
text-align: center;
}
#irai-noukotsu .att p {
font-size: 20px;
border: 2px solid #0e3092;
color: #0e3092;
font-weight: bold;
padding: 10px;
}
#irai-noukotsu .section05 ul.soukotsu li p {
padding: 0 0 0 84px;
}
#irai-noukotsu .section05 ul.soukotsu li::before {
left: 0px;
}
#irai-noukotsu .flex_basic {
display: flex;
justify-content: space-evenly;
margin: 24px 0px;
flex-direction: column;
}
}
.o-service-pic-box {
display: flex;
flex-direction: column;
width: 100%;
}
.o-service-pic-box {
width: 48%;
}
.o-service-pic-box img {
padding: 3px;
border-radius: 12px;
}
.o-service-pic-box div {
width: 100%;
}
.o-service-pic-box div+div {
width: 100%;
display: flex;
}
.o-service-price {
text-align: right;
font-size: 19px;
font-weight: bold;
color: #aa0000;
}
.o-service-price span {
font-size: 42px;
}
.list_cemetery {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.list_cemetery article {
width: 30%;
}
@media screen and (max-width:750px) {
.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) {
#irai-noukotsu .flex-2column_list {
width: 100%;
}
#irai-noukotsu .flex-2column_list li {
height: 140px;
}
.section06 .flex-2column {
display: inherit;
}
.flex-2column div {
width: 100%;
}
.more_btn {
text-align: center;
width: 100%;
margin: 100px auto 50px;
font-size: 16px;
background: #10631e;
color: #fff;
padding: 9px 20px;
}
#irai-noukotsu .section ul.flex-2column li {
width: 100%;
font-size: 17px;
padding: 12px 0 0 0px;
margin: 30px 10px;
}
#irai-noukotsu .flex-3column li {
width: 100%;
font-size: 17px;
padding: 12px 0;
margin: 30px 10px;
}
#irai-noukotsu .section06 ul.soukotsu li {
font-size: 18px;
font-weight: bold;
width: 100%;
margin: 80px 0px 0px;
position: relative;
padding: 12px 0 12px 0px;
}
#irai-noukotsu .section06 ul.soukotsu li:first-child {
font-size: 18px;
font-weight: bold;
width: 100%;
margin: 0px 0px 0px;
position: relative;
padding: 12px 0 12px 0px;
}
#irai-noukotsu .section06 ul.soukotsu li::before {
counter-increment: section;
content: "" counter(section);
position: absolute;
bottom: 149px;
left: 0px;
font-size: 114px;
font-style: italic;
color: #e15d74;
z-index: 1;
width: 68px;
height: 68px;
font-weight: normal;
}
#irai-noukotsu h3 {
font-size: 22px;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: #0e3092;
margin: 10px 0;
text-align: center;
}
#irai-noukotsu h3.right {
text-align: center;
}
.list_cemetery article {
width: 90%;
}
.o-service-price { font-size: 18px;
font-weight: bold;
color: #aa0000;
}
.o-service-price span {
font-size: 31px;
}
#irai-noukotsu .section ul.flex-2column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px;
}
#irai-noukotsu .section06 ul.soukotsu li p {
padding: 0px 15px 0 88px;
}
}
.msr_flow02 {
color: #000000;
list-style: none;
overflow: hidden;
padding-top: 20px;
}
.msr_flow02 li {
background-color: #0e3092;
line-height: 46px;
color: #FFFFFF;
display: block;
float: left;
font-size: 16px;
min-width: 192px;
padding: 0 10px 0 40px;
text-align: center;
text-decoration: none;
}
.msr_flow02 li:first-child {
padding-left: 20px;
}
.msr_flow02 li span {
font-size: 24px;
display: block;
width: auto;
height: 24px;
} .msr_flow02 li::after {
background-color: #0e3092;
border-right: 1px solid #FFFFFF;
content: " ";
display: block;
height: 40px;
margin-left: auto;
margin-right: -30px;
margin-top: -30px;
position: relative;
transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
width: 30px;
} .msr_flow02 li::before {
background-color: #0e3092;
border-right: 1px solid #FFFFFF;
content: " ";
display: block;
float: right;
height: 40px;
margin-bottom: -30px;
margin-left: auto;
margin-right: -30px;
transform: skew(30deg);
-o-transform: skew(30deg);
-ms-transform: skew(30deg);
-moz-transform: skew(30deg);
-webkit-transform: skew(30deg);
width: 30px;
} .msr_flow02 .active {
background-color: #6e8844;
color: #FFFFFF;
}
.msr_flow02 .active::before,
.msr_flow02 .active::after {
background-color: #6e8844;
}
@media screen and (max-width:750px) {
.msr_flow02 li {
background-color: #0e3092;
line-height: 46px;
color: #FFFFFF;
display: block;
float: left;
font-size: 16px;
min-width: 156px;
padding: 0 10px 0 40px;
margin: 9px 0 0 8px;
text-align: center;
text-decoration: none;
}
}
#irai-noukotsu .section06 h3 {
font-size: 18px; font-weight: bold;
color: #fff;
background: #0e3092;
line-height: 40px;
padding-left: 10px;
border-radius: 5px 0 0 5px;
}
.question-box {
display: flex;
margin-bottom: 40px;
}
.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 {
padding: 20px 40px;
flex: 1;
}
.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;
}
.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;
}
@media screen and (max-width: 768px) {
#irai-noukotsu .section06 h3 {
padding-right: 10px;
border-radius: 5px;
}
.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;
}
}