@charset "UTF-8";

/******************************************************

base

******************************************************/
html { font-size: 13px; }

body { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight: 300; -webkit-font-smoothing: antialiased; background: #fff;  }

a { text-decoration: none; transition: 200ms linear; }
a[href*="tel:"] { pointer-events: none; }

.aw { display: inline-block; }

.note { font-size: 11px; line-height: 1.6; }

.sp { display: none !important; }

.clearfix { content: ''; display: block; clear: both; }

.lead { font-size: 16px; letter-spacing: 0.1em; line-height: 1.8; }

.page-wrap{color: #000000;}

sup { font-size: 0.25em; vertical-align: text-top; }

.lead sup { top: 1em; }

.main-lead sup { font-size: 0.5em; top: 0.2em; }

@media screen and (max-width: 1024px) { html { font-size: 12px; } }
@media screen and (max-width: 599px) { html { font-size: 11px; }
  body { padding-bottom: 50px; }
  a[href*="tel:"] { pointer-events: initial; }
  .sp { display: block !important; }
  .pc { display: none !important; } }
.boxTopShadow { position: relative; min-height: 5px; }
.boxTopShadow::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); }

.header-space { width: 100%; height: 69px; }
@media screen and (max-width: 599px) { .header-space { height: 60px; } }

.footer-container { background-color: #FFF; position: relative; }



/******************************************************

container

******************************************************/
.page-container { width: 96%; max-width: 1200px; margin: 0 auto; padding: 2rem 0; }

.information, .application1, .application2 { background: #fff; text-align: center; padding-top: 3rem; padding-bottom: 3rem; }
@media screen and (max-width: 599px) { .information, .application1, .application2 { padding-bottom: 1rem; } }
.information__inner { margin: 0 auto; width: 90%; /*max-width: 920px;*/ max-width: 1000px; }
.information .holiday_info, .application1 .holiday_info, .application2 .holiday_info { display: none; }
.information .block-catch, .application1 .block-catch, .application2 .block-catch { color: #000; margin-bottom: 1rem; text-align: left; font-size: 1.2rem; }
.information .block-catch::after, .application1 .block-catch::after, .application2 .block-catch::after { content: ""; display: block; width: 100px; height: 1px; background: #029078; margin: 1rem auto; }
@media screen and (max-width: 599px) { .information .block-catch, .application1 .block-catch, .application2 .block-catch { font-size: 13px; } }
.information .info_fbox, .application1 .info_fbox, .application2 .info_fbox { display: flex; align-items: baseline; flex-wrap: wrap; width: 100%; margin: 0 auto 2rem; }
.information .info_fbox .block-catch, .application1 .info_fbox .block-catch, .application2 .info_fbox .block-catch { margin-bottom: 0; width: 100%; text-align: center; }
.information .info_fbox .sc_txt1, .application1 .info_fbox .sc_txt1, .application2 .info_fbox .sc_txt1 { margin-bottom: 0; line-height: 1.5; }
.information .info_fbox .txt_m, .application1 .info_fbox .txt_m, .application2 .info_fbox .txt_m { font-size: 1.5rem; }
.information .info_fbox .txt_s, .application1 .info_fbox .txt_s, .application2 .info_fbox .txt_s { font-size: 1rem; }
@media screen and (max-width: 599px) { .information .info_fbox, .application1 .info_fbox, .application2 .info_fbox { flex-direction: column; padding-bottom: 0px; }
  .information .info_fbox .block-catch, .application1 .info_fbox .block-catch, .application2 .info_fbox .block-catch { margin-right: 0; margin-bottom: 1rem; } }
.information .info_fbox2, .application1 .info_fbox2, .application2 .info_fbox2 { display: flex; align-items: baseline; flex-wrap: wrap; width: 100%; margin: 5rem auto 0; }
.information .info_fbox2 .block-catch, .application1 .info_fbox2 .block-catch, .application2 .info_fbox2 .block-catch { margin-bottom: 0; width: 100%; text-align: center; }
.information .info_fbox2 .sc_txt1, .application1 .info_fbox2 .sc_txt1, .application2 .info_fbox2 .sc_txt1 { margin-bottom: 0; line-height: 1.5; }
@media screen and (max-width: 599px) { .information .info_fbox2, .application1 .info_fbox2, .application2 .info_fbox2 { flex-direction: column; padding-bottom: 0px; }
  .information .info_fbox2 .block-catch, .application1 .info_fbox2 .block-catch, .application2 .info_fbox2 .block-catch { margin-right: 0; margin-bottom: 1rem; } }
.information .info_price, .application1 .info_price, .application2 .info_price { font-size: 2.5rem; }
.information .info_price .inner, .application1 .info_price .inner, .application2 .info_price .inner { display: inline-block; width: 100%; max-width: 770px; /*padding: 1.5rem 2rem;*/ border: 2px solid #998201; }
.information .info_price a, .application1 .info_price a, .application2 .info_price a { display: block; padding: 1.5rem 2rem; }
.information .info_price a:hover, .application1 .info_price a:hover, .application2 .info_price a:hover { filter: opacity(0.6); }
.information .info_price .num, .application1 .info_price .num, .application2 .info_price .num { position: relative; top: 4px; font-size: 4.5rem; color: #822c36; }
.information .info_price .num_ldk, .application1 .info_price .num_ldk, .application2 .info_price .num_ldk { font-size: 3.5rem; }
.information .info_price .fs-m, .application1 .info_price .fs-m, .application2 .info_price .fs-m { font-size: 2.2rem; }
.information .info_price .align-text-bottom, .application1 .info_price .align-text-bottom, .application2 .info_price .align-text-bottom { vertical-align: text-bottom; }
.information .info_price .pricebox, .application1 .info_price .pricebox, .application2 .info_price .pricebox { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #998201; }
.information .info_price .pricebox:first-of-type, .application1 .info_price .pricebox:first-of-type, .application2 .info_price .pricebox:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }
@media screen and (max-width: 599px) { .information .info_price .pricebox, .application1 .info_price .pricebox, .application2 .info_price .pricebox { /*margin-top: 2rem;*/ margin-top: 1rem; }
  .information .info_price .pricebox:first-of-type, .application1 .info_price .pricebox:first-of-type, .application2 .info_price .pricebox:first-of-type { /*margin-top: 0;*/ } }
.information .info_price .note, .application1 .info_price .note, .application2 .info_price .note { margin-top: 1rem; }
.information .limitedTxt, .application1 .limitedTxt, .application2 .limitedTxt { font-size: 1.2rem; line-height: 1.5; margin-top: 2rem; }
.information .update_list, .application1 .update_list, .application2 .update_list { text-align: center; width: 100%; font-size: 1.4rem; line-height: 1.5; margin-top: 1rem; }
.information .update_list li, .application1 .update_list li, .application2 .update_list li { padding-bottom: 1rem; }
.information .updateArea, .application1 .updateArea, .application2 .updateArea { margin-top: 3rem; }
.information .updateArea ul, .application1 .updateArea ul, .application2 .updateArea ul { display: inline-block; /*max-width: 720px;*/ max-width: 690px; margin: auto; }
.information .updateArea li, .application1 .updateArea li, .application2 .updateArea li { margin-bottom: 15px; position: relative; font-size: 1.25rem; padding-left: 80px; padding-top: 0rem; text-align: left; line-height: 1.5; font-feature-settings: "palt"; }
.information .updateArea li:last-child, .application1 .updateArea li:last-child, .application2 .updateArea li:last-child { margin-bottom: 0; }
.information .updateArea li .new_icon, .application1 .updateArea li .new_icon, .application2 .updateArea li .new_icon { position: absolute; top: 0; left: 0; display: block; width: 90%; max-width: 70px; margin: 0 auto; padding: 0.3em 0; text-align: center; color: #fff; font-size: 10px; letter-spacing: 0.1em; background-color: #cb4a28; border-radius: 11px; }
.information .updateArea li a, .application1 .updateArea li a, .application2 .updateArea li a { text-decoration: underline; color: #630026; }
.information .updateArea li a:hover, .application1 .updateArea li a:hover, .application2 .updateArea li a:hover { text-decoration: none; }
@media screen and (max-width: 599px) { .information .updateArea ul::after, .application1 .updateArea ul::after, .application2 .updateArea ul::after { width: 100%; }
  .information .updateArea li, .application1 .updateArea li, .application2 .updateArea li { font-size: 1.2rem; line-height: 1.5; } }
.information .sc_txt1, .application1 .sc_txt1, .application2 .sc_txt1 { color: #000; /*font-size: 2.2rem;*/ font-size: 2.5rem; line-height: 1.1; /*letter-spacing: 0.2em;*/ letter-spacing: 0.1em; margin-bottom: 10px; font-feature-settings: 'palt'; width: 100%; text-align: center; }
.information .sc_txt1.border-t, .application1 .sc_txt1.border-t, .application2 .sc_txt1.border-t { border-top: 1px solid #000; padding-top: 10px; max-width: 1000px; width: 90%; margin: 0 auto 10px; }
.information .sc_txt1.border-b, .application1 .sc_txt1.border-b, .application2 .sc_txt1.border-b { border-bottom: 2px solid #e3e2dd; padding-bottom: 30px; width: 100%; margin: 0 auto 2rem; }
.information .sc_txt1.bold, .application1 .sc_txt1.bold, .application2 .sc_txt1.bold { font-weight: bold; }
.information .sc_txt1.comp, .application1 .sc_txt1.comp, .application2 .sc_txt1.comp { width: 100%; max-width: 700px; margin: 1rem auto 3rem; padding: 15px 0; text-align: center; font-size: 3rem; letter-spacing: 0.2em; border: 1px solid #000; border-width: 1px 0; }
.information .sc_txt1 .fs-l, .application1 .sc_txt1 .fs-l, .application2 .sc_txt1 .fs-l { font-size: 3.5rem; }
.information .sc_txt1 .fs-m, .application1 .sc_txt1 .fs-m, .application2 .sc_txt1 .fs-m { font-size: 24px; }
.information .sc_txt1 .text-color, .application1 .sc_txt1 .text-color, .application2 .sc_txt1 .text-color { color: #966364; }
@media screen and (max-width: 599px) { .information .sc_txt1, .application1 .sc_txt1, .application2 .sc_txt1 { text-align: center; line-height: 1.4; letter-spacing: 0.1em; }
  .information .sc_txt1.border-b, .application1 .sc_txt1.border-b, .application2 .sc_txt1.border-b { border: none; padding-bottom: 0px; }
  .information .sc_txt1.border-b::after, .application1 .sc_txt1.border-b::after, .application2 .sc_txt1.border-b::after { content: ""; width: 20%; display: block; height: 1px; background-color: #FFF; margin-top: 5%; margin-bottom: 5%; }
  .information .sc_txt1 .fs-m, .application1 .sc_txt1 .fs-m, .application2 .sc_txt1 .fs-m { font-size: 20px; } }
.information .sc_txt2, .application1 .sc_txt2, .application2 .sc_txt2 { color: #FFF; font-size: 1.1538rem; margin-bottom: 3rem; letter-spacing: 0.1em; font-feature-settings: 'palt'; }
@media screen and (max-width: 599px) { .information .sc_txt2, .application1 .sc_txt2, .application2 .sc_txt2 { text-align: left; margin-bottom: 0rem; line-height: 1.4; } }
.information .entryArea, .application1 .entryArea, .application2 .entryArea { margin-top: 3rem; }
.information .entryArea li, .application1 .entryArea li, .application2 .entryArea li { display: inline-block; max-width: 330px; width: 90%; margin: 0 1.5%; }
.information .entryArea li a, .application1 .entryArea li a, .application2 .entryArea li a { padding: 30px 0; border-radius: 0; }
.information .entryArea li a::after, .application1 .entryArea li a::after, .application2 .entryArea li a::after { display: none; }
.information .entryArea li a span img, .application1 .entryArea li a span img, .application2 .entryArea li a span img { height: 38px; }
.information .entryArea li.req, .application1 .entryArea li.req, .application2 .entryArea li.req { position: relative; overflow: hidden; /*&::before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn 4s ease-in-out infinite; z-index: 10;
}
@-webkit-keyframes shiny-btn { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}*/ }
@media screen and (max-width: 780px) { .information .entryArea li, .application1 .entryArea li, .application2 .entryArea li { display: block; width: 100%; margin: auto; margin-top: 1rem; margin-bottom: 20px; }
  .information .entryArea li a, .application1 .entryArea li a, .application2 .entryArea li a { padding: 10px 0; }
  .information .entryArea li a span, .application1 .entryArea li a span, .application2 .entryArea li a span { width: 80%; position: static; transform: none; display: block; margin: 0 auto; }
  .information .entryArea li a span img, .application1 .entryArea li a span img, .application2 .entryArea li a span img { width: 100%; height: auto; } }
@media screen and (max-width: 599px) { .information .entryArea, .application1 .entryArea, .application2 .entryArea { margin-top: 5%; }
  .information .entryArea li, .application1 .entryArea li, .application2 .entryArea li { display: block; width: 100%; margin: auto; margin-top: 1rem; margin-bottom: 20px; }
  .information .entryArea li a, .application1 .entryArea li a, .application2 .entryArea li a { padding: 10px 0; }
  .information .entryArea li a span, .application1 .entryArea li a span, .application2 .entryArea li a span { width: 80%; position: static; transform: none; display: block; margin: 0 auto; }
  .information .entryArea li a span img, .application1 .entryArea li a span img, .application2 .entryArea li a span img { width: 100%; height: auto; } }
.information .info_tel_area, .application1 .info_tel_area, .application2 .info_tel_area { margin-top: 3rem; }
.information .info_tel_area .info_tel_txt, .application1 .info_tel_area .info_tel_txt, .application2 .info_tel_area .info_tel_txt { font-size: 1.4rem; letter-spacing: 0.1rem; }
.information .info_tel_area .info_tel_txt .line, .application1 .info_tel_area .info_tel_txt .line, .application2 .info_tel_area .info_tel_txt .line { padding-bottom: 0.5rem; border-bottom: 1px solid #000; }
.information .info_tel_area .info_tel, .application1 .info_tel_area .info_tel, .application2 .info_tel_area .info_tel { margin-top: 2rem; letter-spacing: 0; font-feature-settings: "palt" 1; }
.information .info_tel_area .info_tel img, .application1 .info_tel_area .info_tel img, .application2 .info_tel_area .info_tel img { width: 100%; height: auto; }
.information .info_tel_area .info_tel .otoiawase, .application1 .info_tel_area .info_tel .otoiawase, .application2 .info_tel_area .info_tel .otoiawase { display: flex; justify-content: center; }
.information .info_tel_area .info_tel .otoiawase.pc .txt, .application1 .info_tel_area .info_tel .otoiawase.pc .txt, .application2 .info_tel_area .info_tel .otoiawase.pc .txt { display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; }
.information .info_tel_area .info_tel .otoiawase.pc .otoiawase-1, .application1 .info_tel_area .info_tel .otoiawase.pc .otoiawase-1, .application2 .info_tel_area .info_tel .otoiawase.pc .otoiawase-1 { font-size: 1rem; }
.information .info_tel_area .info_tel .otoiawase.pc .otoiawase-2, .application1 .info_tel_area .info_tel .otoiawase.pc .otoiawase-2, .application2 .info_tel_area .info_tel .otoiawase.pc .otoiawase-2 { font-size: 0.7rem; }
.information .info_tel_area .info_tel .otoiawase.pc .img_tel, .application1 .info_tel_area .info_tel .otoiawase.pc .img_tel, .application2 .info_tel_area .info_tel .otoiawase.pc .img_tel { margin-left: 1.5rem; }
.information .info_tel_area .info_tel .otoiawase.pc .img_tel img, .application1 .info_tel_area .info_tel .otoiawase.pc .img_tel img, .application2 .info_tel_area .info_tel .otoiawase.pc .img_tel img { width: auto; height: 33px; }
@media screen and (max-width: 599px) { .information .info_tel_area .info_tel_txt .line, .application1 .info_tel_area .info_tel_txt .line, .application2 .info_tel_area .info_tel_txt .line { border-bottom: none; }
  .information .info_tel_area .info_tel, .application1 .info_tel_area .info_tel, .application2 .info_tel_area .info_tel { max-width: 330px; margin: 2rem auto 0; padding: 0.5rem 1.5rem; text-align: center; background: #85b0bb; }
  .information .info_tel_area .info_tel .otoiawase, .application1 .info_tel_area .info_tel .otoiawase, .application2 .info_tel_area .info_tel .otoiawase { flex-direction: column; }
  .information .info_tel_area .info_tel .otoiawase.sp .otoiawase-1, .application1 .info_tel_area .info_tel .otoiawase.sp .otoiawase-1, .application2 .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 { display: inline-block; margin-bottom: 0.5rem; font-size: 1.13rem; line-height: 1.5; color: #fff; letter-spacing: 0.05rem; }
  .information .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 .icon_phone, .application1 .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 .icon_phone, .application2 .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 .icon_phone { font-size: 1.3rem; }
  .information .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 .icon_phone img, .application1 .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 .icon_phone img, .application2 .info_tel_area .info_tel .otoiawase.sp .otoiawase-1 .icon_phone img { margin-right: 3px; max-width: 14px; vertical-align: sub; }
  .information .info_tel_area .info_tel .otoiawase.sp .otoiawase-2, .application1 .info_tel_area .info_tel .otoiawase.sp .otoiawase-2, .application2 .info_tel_area .info_tel .otoiawase.sp .otoiawase-2 { display: inline-block; margin-top: 1rem; font-size: 1rem; color: #fff; } }
.information .info_bnr, .application1 .info_bnr, .application2 .info_bnr { margin: 3rem auto; }
.information .info_bnr .linkArea, .application1 .info_bnr .linkArea, .application2 .info_bnr .linkArea { box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3); }
.information .info_bnr .linkArea img, .application1 .info_bnr .linkArea img, .application2 .info_bnr .linkArea img { width: 100%; height: auto; }
.information .info_bnr a, .application1 .info_bnr a, .application2 .info_bnr a { display: block; }
.information .info_bnr .note, .application1 .info_bnr .note, .application2 .info_bnr .note { margin-top: 5px; text-align: left; }

.application1, .application2 { padding-top: 2rem; padding-bottom: 2rem; background: #848683; color: #FFFFFF; }
.application1 .block-catch, .application2 .block-catch { color: #FFFFFF; padding-top: 0rem; }
.application1 .sc_txt1, .application2 .sc_txt1 { color: #FFFFFF; font-size: 1.4615rem; }
.application1 .sc_txt1.border-b, .application2 .sc_txt1.border-b { border-bottom: 1px solid #e3e2dd; padding-bottom: 1.4615rem; width: 100%; }
.application1 .sc_txt2, .application2 .sc_txt2 { margin-top: 0; margin-bottom: 0; }
@media screen and (max-width: 599px) { .application1 .sc_txt1, .application2 .sc_txt1 { color: #FFFFFF; font-size: 1.4615rem; }
  .application1 .sc_txt1.border-b, .application2 .sc_txt1.border-b { border-bottom: none; padding-bottom: 0rem; width: 100%; } }

.application2 { margin-top: 0; padding-top: 1rem; padding-bottom: 3rem; background: #fff; }
.application2 .information__inner { border-bottom: 2px solid #e3e2dd; padding-bottom: 0rem; }
.application2 .entryArea { margin: 2rem 0 3rem; }
.application2 .app-step { padding: 1rem 0; }
.application2 .app-step img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { .application2 { padding-top: 0; padding-bottom: 1rem; }
  .application2 .app-step { padding: 2rem 5%; }
  .application2 .information__inner { border-bottom: none; } }

.main-visual { position: relative; }
.main-visual img { width: 100%; height: auto; }
.main-visual .note { color: #fff; text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px; position: absolute; right: 3px; bottom: 3px; }

h3.pagename { color: #029078; text-align: center; font-size: 2.6rem; line-height: 1; letter-spacing: .12em; position: relative; padding-top: 6.8rem; padding-bottom: 2.6rem; }
h3.pagename::after { content: ""; width: 4.8rem; height: 1px; display: block; background: #029078; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
h3.pagename.no-border { padding-bottom: 1rem; }
h3.pagename.no-border::after { content: none; }

.page-name { overflow: hidden; text-align: center; position: relative; z-index: 1; }
.page-name .page-name_inner { padding-bottom: 1rem; }
.page-name.load .block-catch, .page-name.load .main-copy { opacity: 1; }
@media screen and (max-width: 599px) { .page-name { margin-top: -2rem; } }

.js-floating { position: relative; z-index: 90; }

.js-floating-floater.fixed { position: fixed; z-index: 100; background: #fff; /*padding: 15px 0;*/ }
.js-floating-floater.fixed .local-nav { margin-top: 0px; }

.page-nav { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; margin-top: 50px; }
.page-nav ul { display: flex; justify-content: center; }
.page-nav ul li { margin: 0 15px; font-size: 15px; font-feature-settings: "palt"; letter-spacing: 0.1em; }
.page-nav ul li a { background-color: #000; color: #fff; display: inline-block; min-width: 180px; text-align: center; padding: 8px 0; position: relative; }
.page-nav ul li a:hover { filter: brightness(110%); }
.page-nav ul li a::before { position: absolute; top: 6px; content: ''; display: inline-block; width: 21px; height: 21px; transform: rotate(45deg); }
.page-nav ul li a::after { position: absolute; top: 2px; display: block; content: ''; width: calc(92% - 5px); height: calc(100% - 4px); border: 1px solid #fff; }
.page-nav ul li.next { clip-path: polygon(0% 0%, 91% 0%, 100% 50%, 91% 100%, 0% 100%); }
.page-nav ul li.next a { padding-right: 10px; }
.page-nav ul li.next a::before { border-top: 1px solid #fff; border-right: 1px solid #fff; right: 7px; }
.page-nav ul li.next a::after { left: 2px; border-right-width: 0; }
.page-nav ul li.prev a { clip-path: polygon(9% 0%, 100% 0%, 100% 100%, 9% 100%, 0% 50%); padding-left: 10px; }
.page-nav ul li.prev a::before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; left: 7px; }
.page-nav ul li.prev a::after { right: 2px; border-left-width: 0; }
@media screen and (max-width: 400px) { .page-nav ul li { margin: 0 5px; font-size: 13px; }
  .page-nav ul li a { min-width: 160px; }
  .page-nav ul li a::before { width: 19px; height: 19px; } }

@media screen and (max-width: 599px) { .container::before { content: ''; cursor: pointer; position: fixed; left: 0; top: 60px; z-index: 95; width: 100%; height: calc(100% - 60px); visibility: hidden; opacity: 0; transition: 300ms; background: #000; }
  body.menu-opened .container::before { visibility: visible; opacity: .6; } }
/* online */
.online { width: 90%; max-width: 1000px; /*margin: 30px auto;*/ margin: 60px auto 30px; }
.online a { transition: .3s; }
.online a:hover { filter: brightness(120%); }
.online img { width: 100%; height: auto; }
.online .online_main { margin-bottom: 15px; }
.online .online_main .pic { position: relative; margin-bottom: 10px; box-sizing: border-box; border: 6px solid #029078; background: #f4f9f9; padding: 20px 5.5%; }
.online .online_main .pic .btn_res { position: absolute; left: 5.5%; bottom: 17%; width: 42%; }
@media screen and (max-width: 599px) { .online .online_main .pic .btn_res { position: static; width: 100%; margin-top: 20px; } }
.online .online_main .caption { overflow: hidden; }
.online .online_main .caption .cap1 { float: left; margin-right: 10px; border: 1px solid #000; font-size: 13px; padding: 7px; }
.online .online_main .caption .cap2 { overflow: hidden; text-align: left; line-height: 1.5; font-size: 10px; }
@media screen and (max-width: 599px) { .online .online_main .caption .cap1 { display: none; } }

.online-caption { padding-top: 20px; }
.online-caption p { width: 90%; max-width: 1000px; margin: 0 auto 0; padding: 1rem; border: 1px solid #3e3a39; box-sizing: border-box; }