@charset "UTF-8";

*:not(input), *:not(select), *:not(textarea), *:before, *:after {
margin: 0;
padding: 0;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
color: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 100px;
}
@media only screen and (max-width: 479px) {
html {
font-size: 86px;
}
}
html, body {
height: 100%;
text-align: center;
}
body {
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
font-size: 0.16rem;
line-height: 1;
color: #213865;
font-weight: normal;
font-style: normal;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.fwb {
font-weight: bold;
}
.table {
display: table;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
}
@media only screen and (max-width: 479px) {
.tblock {
display: block !important;
}
.tblock tbody, .tblock tr, .tblock th, .tblock td {
display: block !important;
}
}
.m0a {
margin: 0 auto;
}
.mbss {
margin-bottom: 0.2rem;
}
.mbs {
margin-bottom: 0.4rem;
}
.mbm {
margin-bottom: 0.6rem;
}
.mbl {
margin-bottom: 0.8rem;
}
.mbll {
margin-bottom: 1rem;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
.tac {
text-align: center;
}
.fll {
float: left;
}
.flr {
float: right;
}
.op a img,
.op2 {
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.op a img:hover,
.op2:hover {
opacity: 0.7;
}
.cf:after, #fixed_sp aside .inner .pmark:after, .cvarea dl dt .pmark:after {
display: block;
clear: both;
content: "";
}
.show_pc {
display: block;
}
@media only screen and (max-width: 979px) {
.show_pc {
display: none;
}
}
@media only screen and (max-width: 479px) {
.show_pc {
display: none;
}
}
img.show_pc, span.show_pc {
display: inline;
}
@media only screen and (max-width: 979px) {
img.show_pc, span.show_pc {
display: none;
}
}
@media only screen and (max-width: 479px) {
img.show_pc, span.show_pc {
display: none;
}
}
.show_pctb {
display: block;
}
@media only screen and (max-width: 979px) {
.show_pctb {
display: block;
}
}
@media only screen and (max-width: 479px) {
.show_pctb {
display: none;
}
}
img.show_pctb, span.show_pctb {
display: inline;
}
@media only screen and (max-width: 979px) {
img.show_pctb, span.show_pctb {
display: inline;
}
}
@media only screen and (max-width: 479px) {
img.show_pctb, span.show_pctb {
display: none;
}
}
.show_tbsp {
display: none;
}
@media only screen and (max-width: 979px) {
.show_tbsp {
display: block;
}
}
@media only screen and (max-width: 479px) {
.show_tbsp {
display: block;
}
}
img.show_tbsp, span.show_tbsp {
display: none;
}
@media only screen and (max-width: 979px) {
img.show_tbsp, span.show_tbsp {
display: inline;
}
}
@media only screen and (max-width: 479px) {
img.show_tbsp, span.show_tbsp {
display: inline;
}
}
.show_tb {
display: none;
}
@media only screen and (max-width: 979px) {
.show_tb {
display: block;
}
}
@media only screen and (max-width: 479px) {
.show_tb {
display: none;
}
}
img.show_tb, span.show_tb {
display: none;
}
@media only screen and (max-width: 979px) {
img.show_tb, span.show_tb {
display: inline;
}
}
@media only screen and (max-width: 479px) {
img.show_tb, span.show_tb {
display: none;
}
}
.show_sp {
display: none;
}
@media only screen and (max-width: 979px) {
.show_sp {
display: none;
}
}
@media only screen and (max-width: 479px) {
.show_sp {
display: block;
}
}
img.show_sp, span.show_sp {
display: none;
}
@media only screen and (max-width: 979px) {
img.show_sp, span.show_sp {
display: none;
}
}
@media only screen and (max-width: 479px) {
img.show_sp, span.show_sp {
display: inline;
}
}
.font_noto, #fixed_sp aside h2, #flow ul li .txt h3, #merit .box .w1000 .txt h3, #reason .w1000 .box .txt_2, #solution .txt_1, #carlist .slick li .box dl dd .price, #carlist .slick li .box h3, #mv ul li p, .btn_mail, .btn_line, .btn_examination, .ttl_bold, .ttl_bold_l, .ttl_bold_m, #voice ul li .txt h3, #plan .planbox ul li div span, .cvarea h2, .ttl_bold_s, #contact .switch li, #contact .telbox dt {
font-family: "Noto Sans JP", sans-serif;
}
.font_roboto, #contact .telbox dd a, #faq .box .sbox dl dd::before, #faq .box .sbox dl dt::before, #merit .box .w1000 .txt h3 .num, #fixed_pc .btn li a.tel, header ul .tel a, .cvarea dl dd .tel {
font-family: "Roboto", sans-serif;
}
.ttl_bold, .ttl_bold_l, .ttl_bold_m, #voice ul li .txt h3, #plan .planbox ul li div span, .cvarea h2, .ttl_bold_s, #contact .switch li, #contact .telbox dt {
font-weight: 900;
font-size: 0.45rem;
line-height: 1.22;
letter-spacing: 0.01rem;
}
@media only screen and (max-width: 479px) {
.ttl_bold, .ttl_bold_l, .ttl_bold_m, #voice ul li .txt h3, #plan .planbox ul li div span, .cvarea h2, .ttl_bold_s, #contact .switch li, #contact .telbox dt {
font-size: 0.32rem;
}
}
.ttl_bold.mb, .ttl_bold_l.mb, .ttl_bold_m.mb, #voice ul li .txt h3.mb, #plan .planbox ul li div span.mb, .cvarea h2.mb, .ttl_bold_s.mb, #contact .switch li.mb, #contact .telbox dt.mb {
margin-bottom: 0.8rem;
}
@media only screen and (max-width: 479px) {
.ttl_bold.mb, .ttl_bold_l.mb, .ttl_bold_m.mb, #voice ul li .txt h3.mb, #plan .planbox ul li div span.mb, .cvarea h2.mb, .ttl_bold_s.mb, #contact .switch li.mb, #contact .telbox dt.mb {
margin-bottom: 0.4rem;
}
}
.ttl_bold_l {
font-size: 0.35rem;
}
@media only screen and (max-width: 479px) {
.ttl_bold_l {
font-size: 0.24rem;
}
}
.ttl_bold_m, #voice ul li .txt h3, #plan .planbox ul li div span, .cvarea h2 {
font-size: 0.3rem;
}
@media only screen and (max-width: 479px) {
.ttl_bold_m, #voice ul li .txt h3, #plan .planbox ul li div span, .cvarea h2 {
font-size: 0.2rem;
}
}
.ttl_bold_s, #contact .switch li, #contact .telbox dt {
font-size: 0.25rem;
}
@media only screen and (max-width: 479px) {
.ttl_bold_s, #contact .switch li, #contact .telbox dt {
font-size: 0.18rem;
}
}
.bg_blue {
background: #ecf4fb;
}
.contentbox {
padding: 1rem 0;
}
@media only screen and (max-width: 479px) {
.contentbox {
padding: 0.6rem 0;
}
}
.w1000 {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 479px) {
.w1000 {
width: 92%;
}
}
.btn_mail, .btn_line, .btn_examination {
display: block;
font-weight: 900;
font-size: 0.26rem;
color: #fff;
line-height: 0.7rem;
border-radius: 0.1rem;
border: 2px solid #fff;
text-align: left;
padding-left: 0.4rem;
position: relative;
}
@media only screen and (max-width: 479px) {
.btn_mail, .btn_line, .btn_examination {
font-size: 0.22rem;
padding-left: 0.2rem;
}
}
.btn_mail span, .btn_line span, .btn_examination span {
content: "";
width: 0.3rem;
height: 0.3rem;
background: #fff;
position: absolute;
top: 50%;
right: 0.4rem;
border-radius: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 479px) {
.btn_mail span, .btn_line span, .btn_examination span {
width: 0.24rem;
height: 0.24rem;
right: 0.2rem;
}
}
.btn_mail span::before, .btn_line span::before, .btn_examination span::before {
content: "";
width: 0.05rem;
height: 0.05rem;
position: absolute;
top: 50%;
left: 50%;
transform: rotate(45deg) translate(-50%, -50%);
margin-top: 1px;
margin-left: -3px;
}
.btn_mail {
background: #255ad5;
box-shadow: 0px 5px 10px 0px rgba(37, 90, 213, 0.6);
}
.btn_mail span::before {
border-right: 2px solid #255ad5;
border-top: 2px solid #255ad5;
}
.btn_line {
background: #07b53b;
box-shadow: 0px 5px 10px 0px rgba(7, 181, 59, 0.6);
}
.btn_line span::before {
border-right: 2px solid #07b53b;
border-top: 2px solid #07b53b;
}
.btn_examination {
background: #48c4d7;
box-shadow: 0px 5px 10px 0px rgba(72, 196, 215, 0.6);
}
.btn_examination span::before {
border-right: 2px solid #48c4d7;
border-top: 2px solid #48c4d7;
}
.cvarea {
background: url(/img/cv_bg.jpg) center/cover;
padding: 0.5rem 0 0.6rem;
}
@media only screen and (max-width: 479px) {
.cvarea {
padding: 0.3rem 0 0.4rem;
}
}
.cvarea h2 {
color: #fff;
margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
.cvarea h2 {
margin-bottom: 0.3rem;
font-size: 0.18rem;
}
}
.cvarea h2 span {
padding: 0 0.3rem;
position: relative;
}
.cvarea h2 span::before, .cvarea h2 span::after {
content: "";
width: 0.2rem;
height: 0.3rem;
background: url(/img/ico_cv_ttl.png) center/contain;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.cvarea h2 span::after {
left: auto;
right: 0;
transform: translateY(-50%) scale(-1, 1);
}
.cvarea dl {
background: #fff;
border-radius: 0.1rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.4rem 0.6rem;
}
@media only screen and (max-width: 479px) {
.cvarea dl {
display: block;
padding: 0.2rem;
}
}
.cvarea dl dt {
width: 354px;
}
@media only screen and (max-width: 479px) {
.cvarea dl dt {
width: 78%;
margin: 0 auto 0.3rem;
}
}
.cvarea dl dt .ttl {
display: block;
margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
.cvarea dl dt .ttl {
margin-bottom: 0.2rem;
}
}
.cvarea dl dt .pmark {
display: block;
font-size: 0.12rem;
line-height: 1.75;
text-align: left;
}
@media only screen and (max-width: 479px) {
.cvarea dl dt .pmark {
font-size: 0.11rem;
}
}
.cvarea dl dt .pmark img {
width: 0.6rem;
float: left;
margin-right: 0.1rem;
}
.cvarea dl dd {
width: 478px;
text-align: center;
}
@media only screen and (max-width: 479px) {
.cvarea dl dd {
width: auto;
}
}
.cvarea dl dd .tel {
font-weight: 900;
font-size: 0.5rem;
letter-spacing: 0.01rem;
background: url(/img/ico_tel.png) left center/0.4rem 0.4rem no-repeat;
padding-left: 0.54rem;
margin-bottom: 0.1rem;
display: inline-block;
}
@media only screen and (max-width: 479px) {
.cvarea dl dd .tel {
font-size: 0.35rem;
background: url(/img/ico_tel.png) left center/0.28rem 0.28rem no-repeat;
padding-left: 0.38rem;
}
}
.cvarea dl dd p {
font-weight: bold;
margin-bottom: 0.25rem;
}
.cvarea dl dd ul {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
.cvarea dl dd ul li {
width: 100%;
}
.cvarea dl dd ul li a {
padding-left: 0.2rem;
font-size: 0.24rem;
}
@media only screen and (max-width: 479px) {
.cvarea dl dd ul li a {
font-size: 0.18rem;
padding-left: 0.15rem;
}
}
.cvarea dl dd ul li a span {
right: 0.2rem;
}
@media only screen and (max-width: 479px) {
.cvarea dl dd ul li a span {
right: 0.15rem;
}
}
header {
padding: 0.2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 479px) {
header {
display: block;
}
}
@media only screen and (max-width: 479px) {
header .logo {
text-align: center;
}
header .logo img {
width: 50%;
}
}
header ul {
display: flex;
}
@media only screen and (max-width: 479px) {
header ul {
display: none;
}
}
header ul .tel {
margin-right: 0.3rem;
align-items: center;
}
header ul .tel a {
font-weight: 900;
font-size: 0.35rem;
letter-spacing: 0.01rem;
background: url(/img/ico_tel.png) left center/0.28rem 0.28rem no-repeat;
padding-left: 0.38rem;
margin-bottom: 0.1rem;
display: inline-block;
}
header ul .tel p {
font-weight: bold;
font-size: 0.14rem;
}
header ul .contact {
margin-top: -4px;
}
a {
transition: all 0.3s;
}
a:hover {
opacity: 0.6;
}
#fixed_pc {
background: #fff;
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
text-align: left;
display: none;
width: 200px;
border-radius: 10px;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
}
#fixed_pc .nav {
padding: 20px;
border-bottom: solid 1px #ccc;
margin-bottom: 20px;
}
#fixed_pc .nav li {
margin-bottom: 10px;
}
#fixed_pc .nav li:last-child {
margin-bottom: 0;
}
#fixed_pc .nav li a {
font-weight: bold;
font-size: 14px;
}
#fixed_pc .txt {
font-size: 14px;
line-height: 1.6;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
#fixed_pc .txt .mail {
color: #255ad5;
}
#fixed_pc .txt .line {
color: #07b53b;
}
#fixed_pc .btn {
margin-bottom: 20px;
}
#fixed_pc .btn li {
margin-bottom: 10px;
padding: 0 20px;
}
#fixed_pc .btn li:first-child {
padding: 0;
text-align: center;
margin-bottom: 5px;
}
#fixed_pc .btn li:last-child {
margin-bottom: 0;
}
#fixed_pc .btn li a {
font-size: 15px;
line-height: 40px;
padding: 0;
text-align: center;
}
#fixed_pc .btn li a.tel {
font-weight: 900;
font-size: 23px;
background: url(/img/ico_tel.png) left center/20px 20px no-repeat;
padding-left: 26px;
display: inline-block;
}
#fixed_pc .pmark {
padding: 0 15px 20px;
font-size: 10px;
line-height: 1.4;
}
#fixed_pc .pmark img {
float: left;
margin: 0 6px 6px 0;
}
#mv {
background: url(/img/mv_bg.jpg) center/cover;
padding: 0.8rem 0 1.25rem;
position: relative;
}
@media only screen and (max-width: 479px) {
#mv {
padding: 1.6rem 4% 2.8rem;
background: url(/img/mv_bg_sp.jpg) center/cover;
}
}
#mv ul {
display: flex;
border: solid 0.1rem #48c4d7;
border-radius: 0.1rem;
max-width: 1000px;
width: 92%;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 479px) {
#mv ul {
flex-wrap: wrap;
}
}
#mv ul li {
width: 25%;
border-right: solid 1px #48c4d7;
background: #fff;
padding: 0.1rem 0;
}
@media only screen and (max-width: 479px) {
#mv ul li {
width: 50%;
border: solid 1px #48c4d7 !important;
padding-left: 0.1rem;
}
}
#mv ul li:last-child {
border-right: none;
}
#mv ul li p {
font-weight: 900;
font-size: 0.2rem;
line-height: 1.2;
background: url(/img/mv_ico_check.png) left center/0.3rem 0.3rem no-repeat;
display: inline-block;
padding: 0 0.1rem 0 0.4rem;
text-align: left;
}
@media only screen and (max-width: 479px) {
#mv ul li p {
font-size: 0.16rem;
display: block;
padding: 0 0 0 0.28rem;
background-size: 0.2rem 0.2rem;
}
}
@media only screen and (max-width: 479px) {
#carlist {
padding: 1.4rem 0 0.4rem;
}
}
#carlist .slick li .box {
width: calc(100% - 0.2rem);
margin: 0 auto;
background: #fff;
border-radius: 0.1rem;
padding: 0.2rem;
text-align: left;
position: relative;
}
#carlist .slick li .box .ico {
position: absolute;
top: 0;
left: 0;
}
#carlist .slick li .box .pic {
background: center/cover;
padding-top: 65%;
margin-bottom: 0.2rem;
}
#carlist .slick li .box h3 {
font-weight: 900;
margin-bottom: 0.2rem;
}
#carlist .slick li .box h3 .maker {
display: block;
font-size: 0.2rem;
margin-bottom: 0.05rem;
}
#carlist .slick li .box h3 .car {
display: block;
font-size: 0.25rem;
}
#carlist .slick li .box dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
#carlist .slick li .box dl dt, #carlist .slick li .box dl dd {
line-height: 1.75;
}
#carlist .slick li .box dl dt {
width: 25%;
font-weight: bold;
}
#carlist .slick li .box dl dd {
width: 75%;
text-align: right;
}
#carlist .slick li .box dl dd .price {
font-weight: 900;
font-size: 0.2rem;
display: block;
line-height: 1;
margin-bottom: 0.05rem;
}
#carlist .slick li .box dl dd .price .num {
font-size: 0.4rem;
margin-right: 0.05rem;
}
#carlist .slick li .box dl dd .tax {
display: block;
}
#carlist .slick li:nth-child(odd) .num {
color: #255ad5;
}
#carlist .slick li:nth-child(even) .num {
color: #48c4d7;
}
#carlist .slick-dots {
display: flex;
justify-content: center;
padding-top: 0.3rem;
}
#carlist .slick-dots li {
margin: 0 0.05rem;
}
#carlist .slick-dots li button {
width: 0.15rem;
height: 0.15rem;
border-radius: 50%;
overflow: hidden;
text-indent: -9999px;
background: #aaaaaa;
display: block;
border: none;
cursor: pointer;
}
#carlist .slick-dots li.slick-active button {
background: #255ad5;
}
#worry .box {
background: #ecf4fb;
border-radius: 0.1rem;
padding: 0.6rem;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 479px) {
#worry .box {
padding: 0.3rem;
display: block;
}
}
@media only screen and (max-width: 479px) {
#worry .box .ttl {
margin-bottom: 0.2rem;
}
}
#worry .box .ttl h2 {
margin-bottom: 0.2rem;
}
#worry .box ul {
text-align: left;
}
#worry .box ul li {
padding-left: 0.45rem;
position: relative;
font-size: 0.2rem;
line-height: 1.6;
font-weight: bold;
margin-bottom: 0.2rem;
}
#worry .box ul li:last-child {
margin-bottom: 0;
}
#worry .box ul li::before {
content: "";
width: 0.3rem;
height: 0.3rem;
background: url(/img/worry_ico_check.png) center/cover;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
#solution {
background: url(/img/solution_bg.jpg) center/cover;
position: relative;
padding-bottom: 0.8rem;
}
@media only screen and (max-width: 479px) {
#solution {
padding: 0 4% 0.3rem;
}
}
#solution::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 150px 50vw 0 50vw;
border-color: #fff transparent transparent transparent;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 479px) {
#solution::before {
border-width: 80px 50vw 0 50vw;
}
}
#solution .txt_1 {
position: relative;
font-weight: 900;
font-size: 0.4rem;
line-height: 1.25;
margin-bottom: 1.6rem;
}
@media only screen and (max-width: 479px) {
#solution .txt_1 {
font-size: 0.25rem;
margin-bottom: 0.8rem;
}
}
#solution h2 {
margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
#solution h2 {
width: 88%;
margin: 0 auto 0.4rem;
}
}
#solution .txt_2 {
color: #fff;
font-weight: bold;
margin-bottom: 0.2rem;
line-height: 1.75;
}
#solution .txt_3 {
text-decoration: underline;
font-weight: bold;
font-size: 0.2rem;
color: #fff;
line-height: 2;
}
@media only screen and (max-width: 479px) {
#solution .txt_3 {
font-size: 0.18rem;
text-align: left;
}
#solution .txt_3 br {
display: none;
}
}
#reason {
position: relative;
}
@media only screen and (max-width: 479px) {
#reason {
padding-bottom: 1rem;
}
}
#reason::after {
content: "";
width: 100px;
height: 130px;
background: url(/img/reason_ico_03.png) center/cover;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 479px) {
#reason::after {
width: 70px;
height: 91px;
}
}
#reason .w1000 {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 479px) {
#reason .w1000 {
display: block;
}
}
@media only screen and (max-width: 479px) {
#reason .w1000 .box:nth-child(1) {
margin-bottom: 0.4rem;
}
}
#reason .w1000 .box:nth-child(1) * {
color: #666666;
}
#reason .w1000 .box:nth-child(2) * {
color: #255ad5;
}
#reason .w1000 .box h2 {
margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
#reason .w1000 .box h2 {
font-size: 0.28rem;
}
}
#reason .w1000 .box .figure_1 {
margin-bottom: 0.2rem;
}
#reason .w1000 .box .txt_1 {
line-height: 1.75;
margin-bottom: 0.1rem;
}
#reason .w1000 .box .figure_2 {
margin-bottom: 0.1rem;
}
#reason .w1000 .box .txt_2 {
font-weight: 900;
font-size: 0.4rem;
line-height: 1.25;
}
@media only screen and (max-width: 479px) {
#reason .w1000 .box .txt_2 {
font-size: 0.25rem;
}
}
@media only screen and (max-width: 479px) {
#merit {
padding: 1rem 0 0;
}
}
#merit h2 {
margin-bottom: 0.7rem;
}
@media only screen and (max-width: 479px) {
#merit h2 {
width: 88%;
margin: 0 auto 0.4rem;
}
}
#merit .box {
padding: 0.8rem 0;
}
@media only screen and (max-width: 479px) {
#merit .box {
padding: 0.4rem 0;
}
}
#merit .box .w1000 {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 479px) {
#merit .box .w1000 {
display: block;
}
}
@media only screen and (max-width: 479px) {
#merit .box .w1000 figure {
margin-bottom: 0.2rem;
}
}
#merit .box .w1000 .txt {
width: 480px;
text-align: left;
}
@media only screen and (max-width: 479px) {
#merit .box .w1000 .txt {
width: 100%;
}
}
#merit .box .w1000 .txt h3 {
font-weight: 900;
font-size: 0.4rem;
line-height: 1.38;
margin-bottom: 0.3rem;
position: relative;
}
@media only screen and (max-width: 479px) {
#merit .box .w1000 .txt h3 {
font-size: 0.32rem;
margin-bottom: 0.2rem;
}
}
#merit .box .w1000 .txt h3 .num {
font-weight: 300;
font-size: 1.3rem;
font-style: italic;
color: #dfe6f9;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 479px) {
#merit .box .w1000 .txt h3 .num {
font-size: 1rem;
}
}
#merit .box .w1000 .txt h3 .ttl {
position: relative;
}
#merit .box .w1000 .txt h3 .ttl em {
background: linear-gradient(transparent 70%, #ffec27 30%);
}
#merit .box .w1000 .txt p {
line-height: 1.75;
}
#merit .box.white {
position: relative;
}
@media only screen and (max-width: 479px) {
#merit .box.white {
background: #fff;
}
}
#merit .box.white::before {
content: "";
width: calc(50% + 400px);
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
border-radius: 0 0.4rem 0.4rem 0;
}
@media only screen and (max-width: 479px) {
#merit .box.white::before {
display: none;
}
}
#merit .box.white .w1000 {
position: relative;
}
#merit .box.white .w1000 figure {
order: 2;
}
#merit .box.white .w1000 .txt {
order: 1;
}
#plan .ttl {
margin-bottom: 1rem;
}
@media only screen and (max-width: 479px) {
#plan .ttl {
margin-bottom: 0.6rem;
}
}
#plan .ttl h2 {
margin-bottom: 0.7rem;
}
@media only screen and (max-width: 479px) {
#plan .ttl h2 {
width: 88%;
margin: 0 auto 0.3rem;
}
}
#plan .ttl ul {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 479px) {
#plan .ttl ul li {
width: 48%;
}
}
#plan .planbox#plan_loan {
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: solid 1px #eeeeee;
}
@media only screen and (max-width: 479px) {
#plan .planbox#plan_loan {
padding-bottom: 0.6rem;
margin-bottom: 0.6rem;
}
}
#plan .planbox#plan_loan .overview {
background: #ecf4fb;
}
#plan .planbox#plan_loan h3 span {
color: #255ad5;
}
#plan .planbox#plan_loan ul li div span {
border: solid 0.02rem #255ad5;
color: #255ad5;
}
#plan .planbox#plan_mccs .overview {
background: #e9f7f9;
}
#plan .planbox#plan_mccs h3 span {
color: #48c4d7;
}
#plan .planbox#plan_mccs ul li div span {
border: solid 0.02rem #48c4d7;
color: #48c4d7;
}
#plan .planbox h3 {
margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
#plan .planbox h3 {
margin-bottom: 0.4rem;
}
}
#plan .planbox h3 span {
font-size: 0.5rem;
}
@media only screen and (max-width: 479px) {
#plan .planbox h3 span {
font-size: 0.35rem;
}
}
#plan .planbox .overview {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 0.1rem;
margin-bottom: 0.6rem;
padding: 0.4rem 0.6rem 0.4rem 0.5rem;
}
@media only screen and (max-width: 479px) {
#plan .planbox .overview {
display: block;
padding: 0.3rem;
}
}
@media only screen and (max-width: 479px) {
#plan .planbox .overview figure {
margin-bottom: 0.2rem;
text-align: center;
padding-left: 4%;
}
}
#plan .planbox .overview p {
width: 440px;
text-align: left;
line-height: 1.75;
}
@media only screen and (max-width: 479px) {
#plan .planbox .overview p {
width: 100%;
}
}
#plan .planbox ul {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 479px) {
#plan .planbox ul {
display: block;
}
}
#plan .planbox ul li {
width: 306px;
position: relative;
}
@media only screen and (max-width: 479px) {
#plan .planbox ul li {
width: 100%;
margin-bottom: 0.3rem;
}
#plan .planbox ul li:last-child {
margin-bottom: 0;
}
}
#plan .planbox ul li div {
position: absolute;
bottom: 100%;
right: 100%;
transform: translate(50%, 50%);
border: solid 0.03rem #fff;
border-radius: 50%;
}
@media only screen and (max-width: 479px) {
#plan .planbox ul li div {
transform: translateY(50%);
right: auto;
left: 9%;
}
}
#plan .planbox ul li div span {
width: 0.54rem;
height: 0.54rem;
line-height: 0.48rem;
border-radius: 50%;
display: block;
background: #fff;
}
#plan .planbox ul li figure {
margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
#plan .planbox ul li figure {
width: 68%;
margin: 0 auto 0.2rem;
}
}
#plan .planbox ul li h4 {
margin-bottom: 0.2rem;
}
#plan .planbox ul li p {
line-height: 1.75;
}
#flow ul li {
background: #fff;
border-radius: 0.1rem;
padding: 0.3rem;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.55rem;
position: relative;
}
@media only screen and (max-width: 479px) {
#flow ul li {
display: block;
}
}
#flow ul li::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #213865 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: 0;
margin-bottom: -0.35rem;
transform: translateX(-50%);
}
#flow ul li:last-child {
margin-bottom: 0;
}
#flow ul li:last-child::after {
display: none;
}
#flow ul li figure {
width: 120px;
}
@media only screen and (max-width: 479px) {
#flow ul li figure {
margin: 0 auto 0.2rem;
}
}
#flow ul li .txt {
width: 790px;
}
@media only screen and (max-width: 479px) {
#flow ul li .txt {
width: 100%;
}
}
#flow ul li .txt h3 {
font-weight: 900;
display: flex;
align-items: center;
margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
#flow ul li .txt h3 {
justify-content: center;
}
}
#flow ul li .txt h3 .num {
font-size: 0.3rem;
color: #255ad5;
margin-right: 0.2rem;
}
#flow ul li .txt h3 .ttl {
font-size: 0.2rem;
}
#flow ul li .txt p {
line-height: 1.75;
}
@media only screen and (max-width: 479px) {
#flow ul li .txt p br {
display: none;
}
}
#voice ul li {
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0.6rem;
margin-bottom: 0.6rem;
border-bottom: solid 1px #eeeeee;
}
@media only screen and (max-width: 479px) {
#voice ul li {
display: block;
padding-bottom: 0.3rem;
margin-bottom: 0.3rem;
}
}
#voice ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
#voice ul li figure {
width: 400px;
}
@media only screen and (max-width: 479px) {
#voice ul li figure {
width: 100%;
margin-bottom: 0.2rem;
}
}
#voice ul li .txt {
width: 560px;
}
@media only screen and (max-width: 479px) {
#voice ul li .txt {
width: 100%;
}
}
#voice ul li .txt h3 {
margin-bottom: 0.3rem;
}
@media only screen and (max-width: 479px) {
#voice ul li .txt h3 {
text-align: center;
line-height: 1.6;
margin-bottom: 0.2rem;
}
}
#voice ul li .txt h4 {
font-weight: bold;
margin-bottom: 0.25rem;
}
@media only screen and (max-width: 479px) {
#voice ul li .txt h4 {
text-align: right;
margin-bottom: 0.2rem;
}
}
#voice ul li .txt p {
line-height: 1.75;
}
#voice ul li:nth-child(odd) .txt h3 span {
color: #48c4d7;
}
#voice ul li:nth-child(even) .txt h3 span {
color: #255ad5;
}
#faq .box {
margin-bottom: 0.4rem;
text-align: left;
}
#faq .box:last-child {
margin-bottom: 0;
}
#faq .box .ttl_bold_m, #faq .box .cvarea h2, .cvarea #faq .box h2, #faq .box #plan .planbox ul li div span, #plan .planbox ul li div #faq .box span, #faq .box #voice ul li .txt h3, #voice ul li .txt #faq .box h3 {
margin-bottom: 0.3rem;
padding-left: 0.5rem;
}
@media only screen and (max-width: 479px) {
#faq .box .ttl_bold_m, #faq .box .cvarea h2, .cvarea #faq .box h2, #faq .box #plan .planbox ul li div span, #plan .planbox ul li div #faq .box span, #faq .box #voice ul li .txt h3, #voice ul li .txt #faq .box h3 {
padding-left: 0.3rem;
}
}
#faq .box .ttl_bold_m.ico_car, #faq .box .cvarea h2.ico_car, .cvarea #faq .box h2.ico_car, #faq .box #plan .planbox ul li div span.ico_car, #plan .planbox ul li div #faq .box span.ico_car, #faq .box #voice ul li .txt h3.ico_car, #voice ul li .txt #faq .box h3.ico_car {
background: url(/img/ico_car.png) left 0.05rem/auto 0.3rem no-repeat;
}
@media only screen and (max-width: 479px) {
#faq .box .ttl_bold_m.ico_car, #faq .box .cvarea h2.ico_car, .cvarea #faq .box h2.ico_car, #faq .box #plan .planbox ul li div span.ico_car, #plan .planbox ul li div #faq .box span.ico_car, #faq .box #voice ul li .txt h3.ico_car, #voice ul li .txt #faq .box h3.ico_car {
background-size: auto 0.18rem;
}
}
#faq .box .ttl_bold_m.ico_loan, #faq .box .cvarea h2.ico_loan, .cvarea #faq .box h2.ico_loan, #faq .box #plan .planbox ul li div span.ico_loan, #plan .planbox ul li div #faq .box span.ico_loan, #faq .box #voice ul li .txt h3.ico_loan, #voice ul li .txt #faq .box h3.ico_loan {
background: url(/img/ico_loan.png) left 0.05rem/auto 0.3rem no-repeat;
}
@media only screen and (max-width: 479px) {
#faq .box .ttl_bold_m.ico_loan, #faq .box .cvarea h2.ico_loan, .cvarea #faq .box h2.ico_loan, #faq .box #plan .planbox ul li div span.ico_loan, #plan .planbox ul li div #faq .box span.ico_loan, #faq .box #voice ul li .txt h3.ico_loan, #voice ul li .txt #faq .box h3.ico_loan {
background-size: auto 0.18rem;
}
}
#faq .box .ttl_bold_m.ico_other, #faq .box .cvarea h2.ico_other, .cvarea #faq .box h2.ico_other, #faq .box #plan .planbox ul li div span.ico_other, #plan .planbox ul li div #faq .box span.ico_other, #faq .box #voice ul li .txt h3.ico_other, #voice ul li .txt #faq .box h3.ico_other {
background: url(/img/ico_other.png) left 0.05rem/auto 0.3rem no-repeat;
}
@media only screen and (max-width: 479px) {
#faq .box .ttl_bold_m.ico_other, #faq .box .cvarea h2.ico_other, .cvarea #faq .box h2.ico_other, #faq .box #plan .planbox ul li div span.ico_other, #plan .planbox ul li div #faq .box span.ico_other, #faq .box #voice ul li .txt h3.ico_other, #voice ul li .txt #faq .box h3.ico_other {
background-size: auto 0.18rem;
}
}
#faq .box .sbox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox {
display: block;
}
}
#faq .box .sbox dl {
width: 49%;
background: #ecf4fb;
border-radius: 0.1rem;
margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl {
width: 100%;
}
}
#faq .box .sbox dl dt {
padding: 0.3rem 0.8rem 0.3rem 0.7rem;
font-weight: bold;
font-size: 0.2rem;
line-height: 1.4;
cursor: pointer;
position: relative;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dt {
font-size: 0.18rem;
padding: 0.2rem 0.6rem 0.2rem 0.5rem;
}
}
#faq .box .sbox dl dt::before {
font-weight: 900;
font-size: 0.25rem;
content: "Q";
position: absolute;
top: 50%;
left: 0.3rem;
transform: translateY(-50%);
color: #255ad5;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dt::before {
left: 0.2rem;
}
}
#faq .box .sbox dl dt span {
width: 0.4rem;
height: 0.4rem;
display: block;
position: absolute;
top: 50%;
right: 0.2rem;
transform: translateY(-50%);
background: #fff;
border-radius: 50%;
transition: all 0.3s;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dt span {
width: 0.3rem;
height: 0.3rem;
right: 0.18rem;
}
}
#faq .box .sbox dl dt span::before {
content: "";
width: 0.02rem;
height: 0.16rem;
background: #213865;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dt span::before {
height: 0.14rem;
}
}
#faq .box .sbox dl dt span::after {
content: "";
width: 0.16rem;
height: 0.02rem;
background: #213865;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dt span::after {
width: 0.14rem;
}
}
#faq .box .sbox dl dt.open span {
background: #213865;
}
#faq .box .sbox dl dt.open span::after {
background: #fff;
}
#faq .box .sbox dl dd {
padding: 0 0.3rem 0.3rem 0.7rem;
line-height: 1.75;
position: relative;
display: none;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dd {
padding: 0 0.2rem 0.2rem 0.5rem;
}
}
#faq .box .sbox dl dd::before {
font-weight: 900;
font-size: 0.25rem;
content: "A";
position: absolute;
top: -0.07rem;
left: 0.3rem;
color: #48c4d7;
}
@media only screen and (max-width: 479px) {
#faq .box .sbox dl dd::before {
left: 0.2rem;
}
}
#contact .ttlbox {
display: flex;
align-items: center;
text-align: left;
margin-bottom: 0.8rem;
}
@media only screen and (max-width: 479px) {
#contact .ttlbox {
display: block;
margin-bottom: 0.4rem;
}
}
#contact .ttlbox .ttl_bold {
margin-right: 0.8rem;
}
@media only screen and (max-width: 479px) {
#contact .ttlbox .ttl_bold {
margin-right: 0;
margin-bottom: 0.4rem;
text-align: center;
}
}
#contact .ttlbox p {
line-height: 1.75;
}
@media only screen and (max-width: 479px) {
#contact .ttlbox p br {
display: none;
}
}
#contact .telbox {
background: #fff;
border-radius: 0.1rem;
display: flex;
padding: 0.4rem 0.7rem;
align-items: center;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
#contact .telbox {
display: block;
padding: 0.3rem 0;
margin-bottom: 0.3rem;
}
}
#contact .telbox dt {
padding: 0 0.6rem;
}
@media only screen and (max-width: 479px) {
#contact .telbox dt {
padding: 0;
margin-bottom: 0.2rem;
}
}
#contact .telbox dd a {
font-weight: 900;
font-size: 0.5rem;
letter-spacing: 0.01rem;
background: url(/img/ico_tel.png) left center/0.4rem 0.4rem no-repeat;
padding-left: 0.54rem;
margin-bottom: 0.15rem;
display: inline-block;
}
@media only screen and (max-width: 479px) {
#contact .telbox dd a {
font-size: 0.35rem;
background: url(/img/ico_tel.png) left center/0.28rem 0.28rem no-repeat;
padding-left: 0.38rem;
}
}
#contact .telbox dd p {
font-weight: bold;
}
#contact .switch {
border-radius: 0.1rem;
background: #aaaaaa;
display: flex;
margin-bottom: 0.5rem;
}
#contact .switch li {
width: 50%;
color: #fff;
line-height: 0.8rem;
letter-spacing: 0.01rem;
cursor: pointer;
}
@media only screen and (max-width: 479px) {
#contact .switch li {
font-size: 0.18rem;
line-height: 0.6rem;
}
}
#contact .switch li:first-child {
border-radius: 0.1rem 0 0 0.1rem;
}
#contact .switch li:first-child.on {
background: #255ad5;
}
#contact .switch li:first-child.on::after {
border-color: #255ad5 transparent transparent transparent;
}
#contact .switch li:last-child {
border-radius: 0 0.1rem 0.1rem 0;
}
#contact .switch li:last-child.on {
background: #48c4d7;
width: 100%;
}
#contact .switch li:last-child.on::after {
border-color: #48c4d7 transparent transparent transparent;
}
#contact .switch li.on {
position: relative;
}
#contact .switch li.on::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
}
#contact .form {
border-radius: 0.1rem;
background: #fff;
padding: 0.4rem 0 0.3rem;
margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
#contact .form {
margin-bottom: 0.4rem;
}
}
#contact .form #form_examination {
display: none;
}
#contact .form .txt {
margin-bottom: 0.1rem;
line-height: 1.75;
}
#contact .form table {
width: 100%;
text-align: left;
}
#contact .form table tr th, #contact .form table tr td {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
border-bottom: solid 1px #eeeeee;
vertical-align: middle;
}
@media only screen and (max-width: 479px) {
#contact .form table tr th, #contact .form table tr td {
padding: 0.2rem !important;
}
}
#contact .form table tr th {
width: 320px;
font-weight: bold;
padding-left: 0.4rem;
padding-right: 0.3rem;
line-height: 0.25rem;
}
@media only screen and (max-width: 479px) {
#contact .form table tr th {
width: 100%;
padding-bottom: 0 !important;
border: none !important;
}
}
#contact .form table tr th span {
width: 0.5rem;
float: right;
color: #fff;
background: #f65a3b;
border-radius: 0.05rem;
font-size: 0.14rem;
line-height: 0.25rem;
text-align: center;
}
#contact .form table tr td {
padding-right: 0.3rem;
}
#contact .form table tr td input, #contact .form table tr td textarea {
width: 100%;
border: solid 1px #cccccc;
background: #f3f6f9;
border-radius: 0.1rem;
line-height: 1.75;
padding: 0.1rem;
}
#contact .form table tr td input.short, #contact .form table tr td textarea.short {
width: 120px;
}
#contact .form table tr td textarea {
resize: none;
height: 2rem;
}
#contact .form table tr td .manyen {
font-weight: bold;
margin-left: 0.2rem;
}
#contact .form table tr.name, #contact .form table tr.email {
display: none !important;
}
#contact .form .privacy {
padding: 0.3rem 0.4rem 0.2rem;
position: relative;
}
@media only screen and (max-width: 479px) {
#contact .form .privacy {
padding: 0.2rem;
}
}
#contact .form .privacy #privacybox {
border: solid 1px #cccccc;
overflow: scroll;
width: 100%;
height: 300px;
padding: 0.3rem;
border-radius: 0.1rem;
line-height: 1.75;
text-align: left;
margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
#contact .form .privacy #privacybox {
height: 180px;
padding: 0.2rem;
margin-bottom: 0.2rem;
}
}
#contact .form .privacy #privacybox h3 {
font-weight: bold;
font-size: 0.2rem;
text-align: center;
margin-bottom: 0.3rem;
}
#contact .form .privacy #privacybox h4 {
font-weight: bold;
margin: 0.3rem 0 0.1rem;
}
#contact .form .privacy figure {
position: absolute;
bottom: 0;
left: 0.4rem;
}
@media only screen and (max-width: 479px) {
#contact .form .privacy figure {
position: static;
text-align: right;
margin-bottom: 0.2rem;
}
#contact .form .privacy figure img {
width: 50px;
}
}
#contact .form .privacy label {
font-weight: bold;
}
@media only screen and (max-width: 479px) {
#contact .form .privacy label {
line-height: 1.4;
font-size: 0.14rem;
}
}
#contact .form .privacy label input {
margin-right: 0.1rem;
}
#contact .form .error {
color: #f65a3b;
font-size: 0.14rem;
margin-top: 0.1rem;
}
#contact .form input[type=submit] {
display: none;
}
#company .box {
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 479px) {
#company .box {
width: 92%;
display: block;
margin: 0 auto;
}
}
#company .box h2 {
margin-right: 1rem;
}
@media only screen and (max-width: 479px) {
#company .box h2 {
margin: 0 0 0.4rem;
}
}
@media only screen and (max-width: 479px) {
#company .box table {
margin: 0 auto;
}
}
#company .box table tr th, #company .box table tr td {
text-align: left;
font-size: 0.14rem;
line-height: 1.75;
padding-bottom: 0.3rem;
}
#company .box table tr th {
font-weight: bold;
padding-right: 0.4rem;
}
@media only screen and (max-width: 479px) {
#company .box table tr th {
padding-bottom: 0.1rem;
}
}
@media only screen and (max-width: 479px) {
#company .box table tr td {
padding-bottom: 0.2rem;
}
}
#company .box table tr td a {
text-decoration: underline;
}
#company .box table tr:last-child th, #company .box table tr:last-child td {
padding-bottom: 0;
}
footer {
background: #213865;
padding: 0.3rem 0;
}
footer small {
font-size: 0.12rem;
letter-spacing: 0.01rem;
color: #fff;
}
#fixed_sp {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9997;
display: none;
}
#fixed_sp aside {
width: 96%;
margin: 0 auto;
}
#fixed_sp aside h2 {
background: #255ad5;
color: #fff;
font-weight: 900;
font-size: 0.23rem;
line-height: 0.6rem;
letter-spacing: 0.02rem;
border-radius: 0.1rem 0.1rem 0 0;
padding-left: 22%;
position: relative;
}
#fixed_sp aside h2 span {
width: 30%;
position: absolute;
top: -28%;
left: 2%;
}
#fixed_sp aside h2 em {
font-size: 0.26rem;
}
#fixed_sp aside .inner {
padding: 15px;
display: none;
background: #fff;
border-left: 12px solid #255ad5;
border-right: 12px solid #255ad5;
}
#fixed_sp aside .inner .txt {
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 15px;
}
#fixed_sp aside .inner .txt .mail {
font-size: 0.16rem;
font-weight: bold;
color: #255ad5;
}
#fixed_sp aside .inner .txt .line {
font-size: 0.16rem;
font-weight: bold;
color: #07b53b;
}
#fixed_sp aside .inner .txt em {
font-size: 0.16rem;
font-weight: bold;
}
#fixed_sp aside .inner .mail a, #fixed_sp aside .inner .line a {
font-size: 14px;
line-height: 44px;
border-radius: 5px;
letter-spacing: 1px;
display: block;
font-weight: bold;
}
#fixed_sp aside .inner .tel {
margin-bottom: 20px;
}
#fixed_sp aside .inner .tel a {
font-weight: bold;
letter-spacing: 1px;
}
#fixed_sp aside .inner .tel a .num {
font-size: 26px;
padding-left: 28px;
display: inline-block;
background: url(/img/ico_tel.png) left center/20px auto no-repeat;
margin-bottom: 10px;
}
#fixed_sp aside .inner .tel a .btn {
width: 88%;
margin: 0 auto;
display: block;
font-size: 14px;
letter-spacing: 2px;
border-radius: 20px;
border: solid 2px #003679;
line-height: 1;
padding: 14px 0;
}
#fixed_sp aside .inner ul {
margin-bottom: 0.2rem;
display: flex;
justify-content: space-between;
}
#fixed_sp aside .inner ul li {
width: 100%;
}
#fixed_sp aside .inner ul li a {
font-size: 0.18rem;
padding-left: 0.15rem;
line-height: 0.6rem;
}
#fixed_sp aside .inner ul li a span {
right: 0.15rem;
}
#fixed_sp aside .inner .btn_examination {
font-size: 0.2rem;
line-height: 0.6rem;
}
#fixed_sp aside .inner .pmark {
font-size: 11px;
line-height: 1.7;
text-align: left;
}
#fixed_sp aside .inner .pmark img {
width: 60px;
float: left;
margin-right: 10px;
}