.last_btn2 {
padding-top: 45px;
padding-bottom: 45px;
}
.content2 .content_a .data .data_title {
color: #FF7E33;
font-size:22px;
font-weight: bold;
margin-bottom: 40px;
}
.content2 .content_a .data ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
.content2 .content_a .data ul {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 769px) {
.content2 .content_a .data ul {
max-width: 700px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
padding-bottom: 70px;
}
}
.content2 .content_a .data ul li {
margin: auto 45px;
}
@media only screen and (max-width: 768px) {
.content2 .content_a .data ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(50% - 50px);
margin: auto 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.content2 .content_a .data ul li .graph2 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.content2 .content_a .data ul li .graph2 .graph_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 55px;
text-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
}
@media only screen and (min-width: 769px) {
.content2 .content_a .data ul li .graph2 .graph_title {
margin-bottom: 10px;
}
}
.content2 .content_a .data ul li .graph2 img {
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.content2 .content_a .data ul li .graph2 img {
max-width: 120px;
}
}
@media only screen and (min-width: 769px) {
.content2 .content_a .data ul li .graph2 img {
width: 140px;
}
}
.content2 .list_style {
font-size: 20px;
}
.content2 .list_style:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-color: #333333;
border-radius: 50%;
margin: 3px;
}
.content2 .list_bottom {
padding-bottom: 20px;
}
.boshu_hako {
max-width: 900px;
margin: 0 auto;
}
.boshu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 60px;
border-bottom: solid 1px #333333;
}
.boshu .boshu_txt01 {
width: 30%;
text-align: left;
}
.boshu .boshu_txt02 {
width: 70%;
text-align: left;
}
@media only screen and (max-width: 768px) {
main .title_b {
text-align: center;
}
.boshu {
padding: 20px;
display: flex;
}
.boshu .boshu_txt01 {
width: 60%;
text-align: left;
margin-bottom: 3px;
color: darkslategrey;
border-bottom: 1px dotted lightgreen;
}
.boshu .boshu_txt02 {
width: 100%;
text-align: left;
padding-left: 1em;
} .boshu {
position: relative;
border-bottom: solid 1px #d5d5d5;
}
.boshu::after {
position: absolute;
content: " ";
border-bottom: solid 2px #77bcff;
bottom: -1px;
width: 60%;
left: 0px;
}
}
@media only screen and (min-width: 769px) {
main .fs-18{
font-size: 18px;
}
}