body {}
.eye_about-osougi {
background-image: url(//ishidaka-hanbai.com/wp/wp-content/themes/ishidakasekizai/images/pages/eye/eye_about-osougi.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;
}
#about-osougi .section {
margin-top: -30px;
padding-top: 30px;
counter-reset: section;
}
#about-osougi .section01 h3 {
padding: 0;
}
#about-osougi .section01 h3.aoba_midashi {
text-align: center;
font-size: 30px;
font-weight: normal;
color: #0068b6;
margin: 60px 0 0 0;
}
#about-osougi .aoba_banner_area {
margin: 100px 0 0px;
text-align: center;
}
#about-osougi .exe_plan span {
font-weight: bold;
}
#about-osougi .exe_plan span+span {
font-size: 30px;
font-weight: bold;
color: #aa0000;
}
#about-osougi .section02 {
background: #fff;
}
#about-osougi .section .comment_area {
font-size: 16px;
margin: 26px 0 100px 0;
}
#about-osougi .section ul.flex-2column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px;
}
#about-osougi .section01 ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 48%;
margin: 10px 0px 0px;
position: relative;
padding: 12px 0 12px 0px;
}
#about-osougi .section01 ul.flex-2column li h4 {
font-size: 20px;
text-align: center;
margin: 20px 0;
color: #113a66;
border: 1px solid;
}
#about-osougi .section01 ul.flex-2column {
margin-bottom: 0;
}
#about-osougi .flex-para {
display: flex;
}
#about-osougi .flex-2column .flex-para div {
padding: 10px;
background: #123c66;
color: #fff;
text-align: center;
margin: 20px;
}
#about-osougi .section02 ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 48%;
margin: 48px 0px 0px;
position: relative;
padding: 12px 0 12px 80px;
}
#about-osougi .section02 ul.flex-2column li::before {
counter-increment: section;
content: "" counter(section);
position: absolute;
top: 150px;
left: 70px;
font-size: 192px;
font-style: italic;
color: #e15d74;
z-index: 1;
width: 68px;
height: 68px;
font-weight: normal;
}
#about-osougi .contact {
text-align: center;
width: 100%;
margin: 0 auto;
}
#about-osougi .section ul.flex-2column li p.osougi-text {}
#about-osougi .flex-2column div {
width: 100%;
margin: 20px 0 0 0;
}
.flex-2column.another div {
display: grid;
}
#about-osougi .section02 .flex-2column li p {
padding: 0 0 0 116px;
}
#about-osougi h3 {
font-size: 22px;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: #0e3092;
margin: 20px 0;
padding: 0 0 0 116px;
}
#about-osougi h3.right {
text-align: right;
}
#about-osougi .comment_center {
text-align: center;
font-size: 23px;
display: grid;
align-items: end;
}
#about-osougi .comment_center_text {
text-align: center;
margin-top: 10px;
}
#about-osougi .comment_center_text span {
font-size: 32px;
}
#about-osougi .column_spacer {
margin-top: 90px;
}
#about-osougi .flex-2column_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 960px;
margin: 0 auto;
}
#about-osougi .flex-2column_list li:first-child {
background: #ececec;
}
#about-osougi .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;
}
#about-osougi .flex-3column {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 50px 0;
}
#about-osougi .flex-3column li {
width: 30%;
}
#about-osougi .flex-3column li .dekiru_img {}
#about-osougi .flex-3column li .dekiru_name {
margin: 16px 0;
font-size: 20px;
}
#about-osougi .flex-3column li .dekiru_txt {}
.img-pro {
width: 60%;
}
#about-osougi figure {
text-align: center;
}
#about-osougi figcaption {
text-align: center;
font-size: 18px;
margin-top: 14px;
}
@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) {
#about-osougi .flex-2column_list {
width: 100%;
}
#about-osougi .flex-2column_list li {
height: 140px;
}
.section06 .flex-2column {
display: inherit;
}
.flex-2column div {
width: 84%;
}
#about-osougi .section02 ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 100%;
margin: 48px 0px 0px;
position: relative;
padding: 12px 0 12px 0px;
}
#about-osougi .section02 ul.flex-2column li::before {
counter-increment: section;
content: "" counter(section);
position: absolute;
bottom: 149px;
left: 0px;
font-size: 192px;
font-style: italic;
color: #e15d74;
z-index: 1;
width: 68px;
height: 68px;
font-weight: normal;
}
#about-osougi .section01 ul.flex-2column li {
font-size: 18px;
font-weight: bold;
width: 100%;
margin: 10px 0px 0px;
position: relative;
padding: 12px 0 12px 0px;
}
#about-osougi .flex-3column li {
width: 100%;
margin: 0 0 10px 0;
}
#about-osougi .aoba_banner_area {
margin: 20px 0 0px;
text-align: center;
}
#about-osougi .section01 h3.aoba_midashi {
text-align: center;
font-size: 24px;
font-weight: normal;
color: #0068b6;
margin: 60px 0 0 0;
}
}