@charset "UTF-8";
#alv-cont html, #alv-cont body, #alv-cont div, #alv-cont span, #alv-cont applet, #alv-cont object, #alv-cont iframe,
#alv-cont h1, #alv-cont h2, #alv-cont h3, #alv-cont h4, #alv-cont h5, #alv-cont h6, #alv-cont p, #alv-cont blockquote, #alv-cont pre,
#alv-cont a, #alv-cont abbr, #alv-cont acronym, #alv-cont address, #alv-cont big, #alv-cont cite, #alv-cont code,
#alv-cont del, #alv-cont dfn, #alv-cont em, #alv-cont img, #alv-cont ins, #alv-cont kbd, #alv-cont q, #alv-cont s, #alv-cont samp,
#alv-cont small, #alv-cont strike, #alv-cont strong, #alv-cont sub, #alv-cont sup, #alv-cont tt, #alv-cont var,
#alv-cont b, #alv-cont u, #alv-cont i, #alv-cont center,
#alv-cont dl, #alv-cont dt, #alv-cont dd, #alv-cont ol, #alv-cont ul, #alv-cont li,
#alv-cont fieldset, #alv-cont form, #alv-cont label, #alv-cont legend,
#alv-cont table, #alv-cont caption, #alv-cont tbody, #alv-cont tfoot, #alv-cont thead, #alv-cont tr, #alv-cont th, #alv-cont td,
#alv-cont article, #alv-cont aside, #alv-cont canvas, #alv-cont details, #alv-cont embed,
#alv-cont figure, #alv-cont figcaption, #alv-cont footer, #alv-cont header, #alv-cont hgroup,
#alv-cont menu, #alv-cont nav, #alv-cont output, #alv-cont ruby, #alv-cont section, #alv-cont summary,
#alv-cont time, #alv-cont mark, #alv-cont audio, #alv-cont video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 14px;
  vertical-align: baseline; }

#alv-cont html {
  line-height: 1; }

#alv-cont ol, #alv-cont ul {
  list-style: none; }

#alv-cont table {
  border-collapse: collapse;
  border-spacing: 0; }

#alv-cont caption, #alv-cont th, #alv-cont td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

#alv-cont q, #alv-cont blockquote {
  quotes: none; }
  #alv-cont q:before, #alv-cont q:after, #alv-cont blockquote:before, #alv-cont blockquote:after {
    content: "";
    content: none; }

#alv-cont a img {
  border: none; }

#alv-cont elements-of-type(html5-block) {
  display: block; }

@media only screen and (max-width: 768px) {
  #alv-cont .pc {
    display: none !important; } }

@media only screen and (min-width: 769px) {
  #alv-cont .sp {
    display: none !important; } }

.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pl0 {
  padding-left: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pr5 {
  padding-right: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pl5 {
  padding-left: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.ml25 {
  margin-left: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pr25 {
  padding-right: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pl25 {
  padding-left: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.ml35 {
  margin-left: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pr35 {
  padding-right: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pl35 {
  padding-left: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pr40 {
  padding-right: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl40 {
  padding-left: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.ml45 {
  margin-left: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pr45 {
  padding-right: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pl45 {
  padding-left: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl50 {
  padding-left: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.ml55 {
  margin-left: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pr55 {
  padding-right: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pl55 {
  padding-left: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pr60 {
  padding-right: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pl60 {
  padding-left: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mr65 {
  margin-right: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.ml65 {
  margin-left: 65px !important; }

.pt65 {
  padding-top: 65px !important; }

.pr65 {
  padding-right: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pl65 {
  padding-left: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pr70 {
  padding-right: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pl70 {
  padding-left: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pr75 {
  padding-right: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pl75 {
  padding-left: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pr80 {
  padding-right: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pl80 {
  padding-left: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.ml85 {
  margin-left: 85px !important; }

.pt85 {
  padding-top: 85px !important; }

.pr85 {
  padding-right: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pl85 {
  padding-left: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pr90 {
  padding-right: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pl90 {
  padding-left: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.ml95 {
  margin-left: 95px !important; }

.pt95 {
  padding-top: 95px !important; }

.pr95 {
  padding-right: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pl95 {
  padding-left: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl100 {
  padding-left: 100px !important; }

@media only screen and (min-width: 769px) {
  .pcmt0 {
    margin-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr0 {
    margin-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb0 {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcml0 {
    margin-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt0 {
    padding-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr0 {
    padding-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb0 {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl0 {
    padding-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt5 {
    margin-top: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr5 {
    margin-right: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb5 {
    margin-bottom: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcml5 {
    margin-left: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt5 {
    padding-top: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr5 {
    padding-right: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb5 {
    padding-bottom: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl5 {
    padding-left: 5px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt10 {
    margin-top: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr10 {
    margin-right: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb10 {
    margin-bottom: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcml10 {
    margin-left: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt10 {
    padding-top: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr10 {
    padding-right: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb10 {
    padding-bottom: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl10 {
    padding-left: 10px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt15 {
    margin-top: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr15 {
    margin-right: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb15 {
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcml15 {
    margin-left: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt15 {
    padding-top: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr15 {
    padding-right: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb15 {
    padding-bottom: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl15 {
    padding-left: 15px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt20 {
    margin-top: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr20 {
    margin-right: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb20 {
    margin-bottom: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcml20 {
    margin-left: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt20 {
    padding-top: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr20 {
    padding-right: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb20 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl20 {
    padding-left: 20px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt25 {
    margin-top: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr25 {
    margin-right: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb25 {
    margin-bottom: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcml25 {
    margin-left: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt25 {
    padding-top: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr25 {
    padding-right: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl25 {
    padding-left: 25px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt30 {
    margin-top: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr30 {
    margin-right: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb30 {
    margin-bottom: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcml30 {
    margin-left: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt30 {
    padding-top: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr30 {
    padding-right: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl30 {
    padding-left: 30px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt35 {
    margin-top: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr35 {
    margin-right: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb35 {
    margin-bottom: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcml35 {
    margin-left: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt35 {
    padding-top: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr35 {
    padding-right: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb35 {
    padding-bottom: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl35 {
    padding-left: 35px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt40 {
    margin-top: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr40 {
    margin-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb40 {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcml40 {
    margin-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt40 {
    padding-top: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr40 {
    padding-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb40 {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl40 {
    padding-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt45 {
    margin-top: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr45 {
    margin-right: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb45 {
    margin-bottom: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcml45 {
    margin-left: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt45 {
    padding-top: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr45 {
    padding-right: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb45 {
    padding-bottom: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl45 {
    padding-left: 45px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt50 {
    margin-top: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr50 {
    margin-right: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb50 {
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcml50 {
    margin-left: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt50 {
    padding-top: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr50 {
    padding-right: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb50 {
    padding-bottom: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl50 {
    padding-left: 50px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt55 {
    margin-top: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr55 {
    margin-right: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb55 {
    margin-bottom: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcml55 {
    margin-left: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt55 {
    padding-top: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr55 {
    padding-right: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb55 {
    padding-bottom: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl55 {
    padding-left: 55px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt60 {
    margin-top: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr60 {
    margin-right: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb60 {
    margin-bottom: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcml60 {
    margin-left: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt60 {
    padding-top: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr60 {
    padding-right: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb60 {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl60 {
    padding-left: 60px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt65 {
    margin-top: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr65 {
    margin-right: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb65 {
    margin-bottom: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcml65 {
    margin-left: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt65 {
    padding-top: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr65 {
    padding-right: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb65 {
    padding-bottom: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl65 {
    padding-left: 65px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt70 {
    margin-top: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr70 {
    margin-right: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb70 {
    margin-bottom: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcml70 {
    margin-left: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt70 {
    padding-top: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr70 {
    padding-right: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb70 {
    padding-bottom: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl70 {
    padding-left: 70px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt75 {
    margin-top: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr75 {
    margin-right: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb75 {
    margin-bottom: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcml75 {
    margin-left: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt75 {
    padding-top: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr75 {
    padding-right: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb75 {
    padding-bottom: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl75 {
    padding-left: 75px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt80 {
    margin-top: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr80 {
    margin-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb80 {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcml80 {
    margin-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt80 {
    padding-top: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr80 {
    padding-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb80 {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl80 {
    padding-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt85 {
    margin-top: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr85 {
    margin-right: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb85 {
    margin-bottom: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcml85 {
    margin-left: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt85 {
    padding-top: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr85 {
    padding-right: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb85 {
    padding-bottom: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl85 {
    padding-left: 85px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt90 {
    margin-top: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr90 {
    margin-right: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb90 {
    margin-bottom: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcml90 {
    margin-left: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt90 {
    padding-top: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr90 {
    padding-right: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb90 {
    padding-bottom: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl90 {
    padding-left: 90px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt95 {
    margin-top: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr95 {
    margin-right: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb95 {
    margin-bottom: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcml95 {
    margin-left: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt95 {
    padding-top: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr95 {
    padding-right: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb95 {
    padding-bottom: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl95 {
    padding-left: 95px !important; } }

@media only screen and (min-width: 769px) {
  .pcmt100 {
    margin-top: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcmr100 {
    margin-right: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcmb100 {
    margin-bottom: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcml100 {
    margin-left: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcpt100 {
    padding-top: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcpr100 {
    padding-right: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcpb100 {
    padding-bottom: 100px !important; } }

@media only screen and (min-width: 769px) {
  .pcpl100 {
    padding-left: 100px !important; } }

@media only screen and (max-width: 768px) {
  .spmt0 {
    margin-top: 0px !important; } }

@media only screen and (max-width: 768px) {
  .spmr0 {
    margin-right: 0px !important; } }

@media only screen and (max-width: 768px) {
  .spmb0 {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 768px) {
  .spml0 {
    margin-left: 0px !important; } }

@media only screen and (max-width: 768px) {
  .sppt0 {
    padding-top: 0px !important; } }

@media only screen and (max-width: 768px) {
  .sppr0 {
    padding-right: 0px !important; } }

@media only screen and (max-width: 768px) {
  .sppb0 {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 768px) {
  .sppl0 {
    padding-left: 0px !important; } }

@media only screen and (max-width: 768px) {
  .spmt5 {
    margin-top: 5px !important; } }

@media only screen and (max-width: 768px) {
  .spmr5 {
    margin-right: 5px !important; } }

@media only screen and (max-width: 768px) {
  .spmb5 {
    margin-bottom: 5px !important; } }

@media only screen and (max-width: 768px) {
  .spml5 {
    margin-left: 5px !important; } }

@media only screen and (max-width: 768px) {
  .sppt5 {
    padding-top: 5px !important; } }

@media only screen and (max-width: 768px) {
  .sppr5 {
    padding-right: 5px !important; } }

@media only screen and (max-width: 768px) {
  .sppb5 {
    padding-bottom: 5px !important; } }

@media only screen and (max-width: 768px) {
  .sppl5 {
    padding-left: 5px !important; } }

@media only screen and (max-width: 768px) {
  .spmt10 {
    margin-top: 10px !important; } }

@media only screen and (max-width: 768px) {
  .spmr10 {
    margin-right: 10px !important; } }

@media only screen and (max-width: 768px) {
  .spmb10 {
    margin-bottom: 10px !important; } }

@media only screen and (max-width: 768px) {
  .spml10 {
    margin-left: 10px !important; } }

@media only screen and (max-width: 768px) {
  .sppt10 {
    padding-top: 10px !important; } }

@media only screen and (max-width: 768px) {
  .sppr10 {
    padding-right: 10px !important; } }

@media only screen and (max-width: 768px) {
  .sppb10 {
    padding-bottom: 10px !important; } }

@media only screen and (max-width: 768px) {
  .sppl10 {
    padding-left: 10px !important; } }

@media only screen and (max-width: 768px) {
  .spmt15 {
    margin-top: 15px !important; } }

@media only screen and (max-width: 768px) {
  .spmr15 {
    margin-right: 15px !important; } }

@media only screen and (max-width: 768px) {
  .spmb15 {
    margin-bottom: 15px !important; } }

@media only screen and (max-width: 768px) {
  .spml15 {
    margin-left: 15px !important; } }

@media only screen and (max-width: 768px) {
  .sppt15 {
    padding-top: 15px !important; } }

@media only screen and (max-width: 768px) {
  .sppr15 {
    padding-right: 15px !important; } }

@media only screen and (max-width: 768px) {
  .sppb15 {
    padding-bottom: 15px !important; } }

@media only screen and (max-width: 768px) {
  .sppl15 {
    padding-left: 15px !important; } }

@media only screen and (max-width: 768px) {
  .spmt20 {
    margin-top: 20px !important; } }

@media only screen and (max-width: 768px) {
  .spmr20 {
    margin-right: 20px !important; } }

@media only screen and (max-width: 768px) {
  .spmb20 {
    margin-bottom: 20px !important; } }

@media only screen and (max-width: 768px) {
  .spml20 {
    margin-left: 20px !important; } }

@media only screen and (max-width: 768px) {
  .sppt20 {
    padding-top: 20px !important; } }

@media only screen and (max-width: 768px) {
  .sppr20 {
    padding-right: 20px !important; } }

@media only screen and (max-width: 768px) {
  .sppb20 {
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 768px) {
  .sppl20 {
    padding-left: 20px !important; } }

@media only screen and (max-width: 768px) {
  .spmt25 {
    margin-top: 25px !important; } }

@media only screen and (max-width: 768px) {
  .spmr25 {
    margin-right: 25px !important; } }

@media only screen and (max-width: 768px) {
  .spmb25 {
    margin-bottom: 25px !important; } }

@media only screen and (max-width: 768px) {
  .spml25 {
    margin-left: 25px !important; } }

@media only screen and (max-width: 768px) {
  .sppt25 {
    padding-top: 25px !important; } }

@media only screen and (max-width: 768px) {
  .sppr25 {
    padding-right: 25px !important; } }

@media only screen and (max-width: 768px) {
  .sppb25 {
    padding-bottom: 25px !important; } }

@media only screen and (max-width: 768px) {
  .sppl25 {
    padding-left: 25px !important; } }

@media only screen and (max-width: 768px) {
  .spmt30 {
    margin-top: 30px !important; } }

@media only screen and (max-width: 768px) {
  .spmr30 {
    margin-right: 30px !important; } }

@media only screen and (max-width: 768px) {
  .spmb30 {
    margin-bottom: 30px !important; } }

@media only screen and (max-width: 768px) {
  .spml30 {
    margin-left: 30px !important; } }

@media only screen and (max-width: 768px) {
  .sppt30 {
    padding-top: 30px !important; } }

@media only screen and (max-width: 768px) {
  .sppr30 {
    padding-right: 30px !important; } }

@media only screen and (max-width: 768px) {
  .sppb30 {
    padding-bottom: 30px !important; } }

@media only screen and (max-width: 768px) {
  .sppl30 {
    padding-left: 30px !important; } }

@media only screen and (max-width: 768px) {
  .spmt35 {
    margin-top: 35px !important; } }

@media only screen and (max-width: 768px) {
  .spmr35 {
    margin-right: 35px !important; } }

@media only screen and (max-width: 768px) {
  .spmb35 {
    margin-bottom: 35px !important; } }

@media only screen and (max-width: 768px) {
  .spml35 {
    margin-left: 35px !important; } }

@media only screen and (max-width: 768px) {
  .sppt35 {
    padding-top: 35px !important; } }

@media only screen and (max-width: 768px) {
  .sppr35 {
    padding-right: 35px !important; } }

@media only screen and (max-width: 768px) {
  .sppb35 {
    padding-bottom: 35px !important; } }

@media only screen and (max-width: 768px) {
  .sppl35 {
    padding-left: 35px !important; } }

@media only screen and (max-width: 768px) {
  .spmt40 {
    margin-top: 40px !important; } }

@media only screen and (max-width: 768px) {
  .spmr40 {
    margin-right: 40px !important; } }

@media only screen and (max-width: 768px) {
  .spmb40 {
    margin-bottom: 40px !important; } }

@media only screen and (max-width: 768px) {
  .spml40 {
    margin-left: 40px !important; } }

@media only screen and (max-width: 768px) {
  .sppt40 {
    padding-top: 40px !important; } }

@media only screen and (max-width: 768px) {
  .sppr40 {
    padding-right: 40px !important; } }

@media only screen and (max-width: 768px) {
  .sppb40 {
    padding-bottom: 40px !important; } }

@media only screen and (max-width: 768px) {
  .sppl40 {
    padding-left: 40px !important; } }

@media only screen and (max-width: 768px) {
  .spmt45 {
    margin-top: 45px !important; } }

@media only screen and (max-width: 768px) {
  .spmr45 {
    margin-right: 45px !important; } }

@media only screen and (max-width: 768px) {
  .spmb45 {
    margin-bottom: 45px !important; } }

@media only screen and (max-width: 768px) {
  .spml45 {
    margin-left: 45px !important; } }

@media only screen and (max-width: 768px) {
  .sppt45 {
    padding-top: 45px !important; } }

@media only screen and (max-width: 768px) {
  .sppr45 {
    padding-right: 45px !important; } }

@media only screen and (max-width: 768px) {
  .sppb45 {
    padding-bottom: 45px !important; } }

@media only screen and (max-width: 768px) {
  .sppl45 {
    padding-left: 45px !important; } }

@media only screen and (max-width: 768px) {
  .spmt50 {
    margin-top: 50px !important; } }

@media only screen and (max-width: 768px) {
  .spmr50 {
    margin-right: 50px !important; } }

@media only screen and (max-width: 768px) {
  .spmb50 {
    margin-bottom: 50px !important; } }

@media only screen and (max-width: 768px) {
  .spml50 {
    margin-left: 50px !important; } }

@media only screen and (max-width: 768px) {
  .sppt50 {
    padding-top: 50px !important; } }

@media only screen and (max-width: 768px) {
  .sppr50 {
    padding-right: 50px !important; } }

@media only screen and (max-width: 768px) {
  .sppb50 {
    padding-bottom: 50px !important; } }

@media only screen and (max-width: 768px) {
  .sppl50 {
    padding-left: 50px !important; } }

@media only screen and (max-width: 768px) {
  .spmt55 {
    margin-top: 55px !important; } }

@media only screen and (max-width: 768px) {
  .spmr55 {
    margin-right: 55px !important; } }

@media only screen and (max-width: 768px) {
  .spmb55 {
    margin-bottom: 55px !important; } }

@media only screen and (max-width: 768px) {
  .spml55 {
    margin-left: 55px !important; } }

@media only screen and (max-width: 768px) {
  .sppt55 {
    padding-top: 55px !important; } }

@media only screen and (max-width: 768px) {
  .sppr55 {
    padding-right: 55px !important; } }

@media only screen and (max-width: 768px) {
  .sppb55 {
    padding-bottom: 55px !important; } }

@media only screen and (max-width: 768px) {
  .sppl55 {
    padding-left: 55px !important; } }

@media only screen and (max-width: 768px) {
  .spmt60 {
    margin-top: 60px !important; } }

@media only screen and (max-width: 768px) {
  .spmr60 {
    margin-right: 60px !important; } }

@media only screen and (max-width: 768px) {
  .spmb60 {
    margin-bottom: 60px !important; } }

@media only screen and (max-width: 768px) {
  .spml60 {
    margin-left: 60px !important; } }

@media only screen and (max-width: 768px) {
  .sppt60 {
    padding-top: 60px !important; } }

@media only screen and (max-width: 768px) {
  .sppr60 {
    padding-right: 60px !important; } }

@media only screen and (max-width: 768px) {
  .sppb60 {
    padding-bottom: 60px !important; } }

@media only screen and (max-width: 768px) {
  .sppl60 {
    padding-left: 60px !important; } }

@media only screen and (max-width: 768px) {
  .spmt65 {
    margin-top: 65px !important; } }

@media only screen and (max-width: 768px) {
  .spmr65 {
    margin-right: 65px !important; } }

@media only screen and (max-width: 768px) {
  .spmb65 {
    margin-bottom: 65px !important; } }

@media only screen and (max-width: 768px) {
  .spml65 {
    margin-left: 65px !important; } }

@media only screen and (max-width: 768px) {
  .sppt65 {
    padding-top: 65px !important; } }

@media only screen and (max-width: 768px) {
  .sppr65 {
    padding-right: 65px !important; } }

@media only screen and (max-width: 768px) {
  .sppb65 {
    padding-bottom: 65px !important; } }

@media only screen and (max-width: 768px) {
  .sppl65 {
    padding-left: 65px !important; } }

@media only screen and (max-width: 768px) {
  .spmt70 {
    margin-top: 70px !important; } }

@media only screen and (max-width: 768px) {
  .spmr70 {
    margin-right: 70px !important; } }

@media only screen and (max-width: 768px) {
  .spmb70 {
    margin-bottom: 70px !important; } }

@media only screen and (max-width: 768px) {
  .spml70 {
    margin-left: 70px !important; } }

@media only screen and (max-width: 768px) {
  .sppt70 {
    padding-top: 70px !important; } }

@media only screen and (max-width: 768px) {
  .sppr70 {
    padding-right: 70px !important; } }

@media only screen and (max-width: 768px) {
  .sppb70 {
    padding-bottom: 70px !important; } }

@media only screen and (max-width: 768px) {
  .sppl70 {
    padding-left: 70px !important; } }

@media only screen and (max-width: 768px) {
  .spmt75 {
    margin-top: 75px !important; } }

@media only screen and (max-width: 768px) {
  .spmr75 {
    margin-right: 75px !important; } }

@media only screen and (max-width: 768px) {
  .spmb75 {
    margin-bottom: 75px !important; } }

@media only screen and (max-width: 768px) {
  .spml75 {
    margin-left: 75px !important; } }

@media only screen and (max-width: 768px) {
  .sppt75 {
    padding-top: 75px !important; } }

@media only screen and (max-width: 768px) {
  .sppr75 {
    padding-right: 75px !important; } }

@media only screen and (max-width: 768px) {
  .sppb75 {
    padding-bottom: 75px !important; } }

@media only screen and (max-width: 768px) {
  .sppl75 {
    padding-left: 75px !important; } }

@media only screen and (max-width: 768px) {
  .spmt80 {
    margin-top: 80px !important; } }

@media only screen and (max-width: 768px) {
  .spmr80 {
    margin-right: 80px !important; } }

@media only screen and (max-width: 768px) {
  .spmb80 {
    margin-bottom: 80px !important; } }

@media only screen and (max-width: 768px) {
  .spml80 {
    margin-left: 80px !important; } }

@media only screen and (max-width: 768px) {
  .sppt80 {
    padding-top: 80px !important; } }

@media only screen and (max-width: 768px) {
  .sppr80 {
    padding-right: 80px !important; } }

@media only screen and (max-width: 768px) {
  .sppb80 {
    padding-bottom: 80px !important; } }

@media only screen and (max-width: 768px) {
  .sppl80 {
    padding-left: 80px !important; } }

@media only screen and (max-width: 768px) {
  .spmt85 {
    margin-top: 85px !important; } }

@media only screen and (max-width: 768px) {
  .spmr85 {
    margin-right: 85px !important; } }

@media only screen and (max-width: 768px) {
  .spmb85 {
    margin-bottom: 85px !important; } }

@media only screen and (max-width: 768px) {
  .spml85 {
    margin-left: 85px !important; } }

@media only screen and (max-width: 768px) {
  .sppt85 {
    padding-top: 85px !important; } }

@media only screen and (max-width: 768px) {
  .sppr85 {
    padding-right: 85px !important; } }

@media only screen and (max-width: 768px) {
  .sppb85 {
    padding-bottom: 85px !important; } }

@media only screen and (max-width: 768px) {
  .sppl85 {
    padding-left: 85px !important; } }

@media only screen and (max-width: 768px) {
  .spmt90 {
    margin-top: 90px !important; } }

@media only screen and (max-width: 768px) {
  .spmr90 {
    margin-right: 90px !important; } }

@media only screen and (max-width: 768px) {
  .spmb90 {
    margin-bottom: 90px !important; } }

@media only screen and (max-width: 768px) {
  .spml90 {
    margin-left: 90px !important; } }

@media only screen and (max-width: 768px) {
  .sppt90 {
    padding-top: 90px !important; } }

@media only screen and (max-width: 768px) {
  .sppr90 {
    padding-right: 90px !important; } }

@media only screen and (max-width: 768px) {
  .sppb90 {
    padding-bottom: 90px !important; } }

@media only screen and (max-width: 768px) {
  .sppl90 {
    padding-left: 90px !important; } }

@media only screen and (max-width: 768px) {
  .spmt95 {
    margin-top: 95px !important; } }

@media only screen and (max-width: 768px) {
  .spmr95 {
    margin-right: 95px !important; } }

@media only screen and (max-width: 768px) {
  .spmb95 {
    margin-bottom: 95px !important; } }

@media only screen and (max-width: 768px) {
  .spml95 {
    margin-left: 95px !important; } }

@media only screen and (max-width: 768px) {
  .sppt95 {
    padding-top: 95px !important; } }

@media only screen and (max-width: 768px) {
  .sppr95 {
    padding-right: 95px !important; } }

@media only screen and (max-width: 768px) {
  .sppb95 {
    padding-bottom: 95px !important; } }

@media only screen and (max-width: 768px) {
  .sppl95 {
    padding-left: 95px !important; } }

@media only screen and (max-width: 768px) {
  .spmt100 {
    margin-top: 100px !important; } }

@media only screen and (max-width: 768px) {
  .spmr100 {
    margin-right: 100px !important; } }

@media only screen and (max-width: 768px) {
  .spmb100 {
    margin-bottom: 100px !important; } }

@media only screen and (max-width: 768px) {
  .spml100 {
    margin-left: 100px !important; } }

@media only screen and (max-width: 768px) {
  .sppt100 {
    padding-top: 100px !important; } }

@media only screen and (max-width: 768px) {
  .sppr100 {
    padding-right: 100px !important; } }

@media only screen and (max-width: 768px) {
  .sppb100 {
    padding-bottom: 100px !important; } }

@media only screen and (max-width: 768px) {
  .sppl100 {
    padding-left: 100px !important; } }

#alv-cont {
  padding-top: 20px;
  font-size: 10px; }
  #alv-cont * {
    box-sizing: border-box;
    letter-spacing: 0em; }
  #alv-cont img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom; }
  #alv-cont a {
    color: inherit;
    text-decoration: none; }
    @media only screen and (min-width: 769px) {
      #alv-cont a {
        transition: .3s; }
        #alv-cont a:hover {
          opacity: 0.6; } }

#alv-cont .attention {
  padding: 28px 32px 16px;
  background: #F9F9F9; }
  @media only screen and (max-width: 768px) {
    #alv-cont .attention {
      width: calc(100% + 40px);
      margin: 0 -20px;
      padding: 30px 22px 22px; } }
  #alv-cont .attention__title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont .attention__title {
        margin: 0 0 16px; } }
    #alv-cont .attention__title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont .attention__title i {
          margin-right: 3px; } }
    #alv-cont .attention__title span {
      font-size: 16px;
      font-weight: bold; }
  #alv-cont .attention__list li {
    font-size: 14px;
    line-height: 1.428;
    margin: 0 0 12px;
    padding-left: 16px;
    position: relative; }
    #alv-cont .attention__list li:before {
      content: "";
      position: absolute;
      left: 0;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #000;
      top: 7px; }

#alv-cont .btn1 {
  background-color: #333333;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 100%;
  line-height: 1.3em;
  font-weight: bold;
  border-radius: 3px; }
  @media all and (-ms-high-contrast: none) {
    #alv-cont .btn1 {
      padding-top: 5px; } }

#alv-cont .btn2 {
  border: 1px solid #DDDDDD;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.714;
  border-radius: 3px; }

#alv-cont .btn-red {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  height: 55px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  border-radius: 3px;
  color: #fff;
  background: #E82318;
  margin: 0 auto;
  width: 100%; }
  #alv-cont .btn-red i {
    display: inline-block;
    width: 13px;
    margin-right: 12px; }
    #alv-cont .btn-red i img {
      display: block; }

#alv-cont .btn200 {
  max-width: 280px; }

#alv-cont .q_icon {
  font-size: 12px;
  line-height: 1.666em;
  margin-top: 9px; }
  #alv-cont .q_icon:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/alv-images/common/q_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    margin-bottom: -2px;
    margin-right: 5px; }
  #alv-cont .q_icon a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px; }

#alv-cont .q-link {
  padding-left: 24px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  margin: 0 0 7px;
  text-decoration: underline; }
  #alv-cont .q-link:before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 5px;
    background: url(/images/alv-images/common/icn_q.svg) center center/cover no-repeat; }

#alv-cont .t-link:after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: 4px;
  background: url(/images/alv-images/common/icn_link.svg) center center/cover no-repeat; }

#alv-cont .anchor_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -15px; }
  @media only screen and (max-width: 768px) {
    #alv-cont .anchor_list {
      margin-bottom: -10px; } }
  #alv-cont .anchor_list:after, #alv-cont .anchor_list:before {
    content: "";
    width: calc((100% - 13px - 13px -13px) / 4); }
    @media only screen and (max-width: 768px) {
      #alv-cont .anchor_list:after, #alv-cont .anchor_list:before {
        width: calc((100% - 10px) / 2); } }
  #alv-cont .anchor_list:before {
    order: 1; }
  #alv-cont .anchor_list li {
    width: calc((100% - 13px - 13px -13px) / 4);
    border: 1px solid #ddd;
    height: 60px;
    display: block;
    margin-bottom: 15px;
    border-radius: 1px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont .anchor_list li {
        width: calc((100% - 10px) / 2);
        margin-bottom: 10px;
        height: 60px; } }
    #alv-cont .anchor_list li a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  @media only screen and (max-width: 768px) {
    #alv-cont .anchor_list.col2 {
      flex-direction: column; } }
  #alv-cont .anchor_list.col2 li {
    width: calc((100% - 26px) / 2); }
    @media only screen and (max-width: 768px) {
      #alv-cont .anchor_list.col2 li {
        width: 100%;
        text-align: center;
        height: 70px;
        margin-bottom: 15px; } }

#alv-cont .orange_dot > li {
  padding-left: 14px;
  position: relative; }
  #alv-cont .orange_dot > li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #FF8C1A;
    position: absolute;
    top: 7px;
    left: 0; }

#alv-cont .black_dot > li {
  padding-left: 14px;
  position: relative; }
  #alv-cont .black_dot > li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    top: 7px;
    left: 0; }

#alv-cont .pay-box {
  display: flex;
  flex-wrap: wrap; }
  #alv-cont .pay-box .item {
    text-align: center;
    padding: 0 10px;
    border-left: 1px solid #ccc; }
    #alv-cont .pay-box .item:last-of-type {
      border-right: 1px solid #ccc; }
    #alv-cont .pay-box .item img {
      max-width: 122px; }
    #alv-cont .pay-box .item .caption {
      opacity: 1;
      font-size: 12px;
      display: block; }

#alv-cont .tel_cont {
  background-color: #F9F9F9;
  padding: 26px 20px 26px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (max-width: 1200px) {
    #alv-cont .tel_cont {
      flex-direction: column; } }
  @media only screen and (max-width: 768px) {
    #alv-cont .tel_cont {
      padding: 30px 18px;
      margin-bottom: 10px; } }
  #alv-cont .tel_cont .left {
    width: 220px; }
    @media screen and (max-width: 1200px) {
      #alv-cont .tel_cont .left {
        width: 100%; } }
    #alv-cont .tel_cont .left p {
      font-size: 15px;
      line-height: 1.466666666666667em;
      font-weight: bold;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1200px) {
        #alv-cont .tel_cont .left p {
          justify-content: center; } }
      #alv-cont .tel_cont .left p.tel_icon:before {
        content: "";
        width: 26px;
        height: 26px;
        background-image: url(../images/alv-images/temp4/tel_icon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-right: 8px; }
  #alv-cont .tel_cont .center {
    width: 330px; }
    @media screen and (max-width: 1200px) {
      #alv-cont .tel_cont .center {
        width: 100%;
        margin-top: 20px; } }
    #alv-cont .tel_cont .center p {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1200px) {
        #alv-cont .tel_cont .center p {
          justify-content: center; } }
      @media only screen and (max-width: 768px) {
        #alv-cont .tel_cont .center p {
          flex-direction: column; } }
      #alv-cont .tel_cont .center p a {
        font-size: 26px;
        letter-spacing: 0.1em;
        font-weight: bold; }
      @media only screen and (max-width: 768px) {
        #alv-cont .tel_cont .center p span {
          font-size: 12px;
          margin-top: 5px; } }
  #alv-cont .tel_cont .right {
    width: calc(100% - 220px - 330px); }
    @media screen and (max-width: 1200px) {
      #alv-cont .tel_cont .right {
        width: 100%;
        margin-top: 20px; } }
    @media only screen and (max-width: 768px) {
      #alv-cont .tel_cont .right {
        margin-top: 8px; } }
    #alv-cont .tel_cont .right p {
      font-size: 12px;
      line-height: 1.666666666666667em; }
    #alv-cont .tel_cont .right .comment {
      margin-top: 8px; }
      @media only screen and (max-width: 768px) {
        #alv-cont .tel_cont .right .comment {
          font-size: 11px; } }

#alv-cont .case-box {
  background: #F9F9F9;
  padding: 28px 33px 43px; }
  @media only screen and (max-width: 768px) {
    #alv-cont .case-box {
      margin: 0 -20px;
      padding: 30px 20px 47px; } }
  #alv-cont .case-box h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 18px; }

#alv-cont .img-2col-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #alv-cont .img-2col-list li {
    width: 47.7%;
    text-align: center;
    margin: 0 0 20px; }
    @media only screen and (max-width: 768px) {
      #alv-cont .img-2col-list li {
        width: 100%;
        margin: 0 0 40px; } }
    #alv-cont .img-2col-list li .text {
      text-align: left; }

#alv-cont h1 {
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    #alv-cont h1 {
      text-align: center; } }

#alv-cont .underline {
  color: #333333;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.222222222222222em;
  font-weight: bold;
  border-bottom: 2px solid #333333;
  padding-bottom: 18px; }
  @media only screen and (max-width: 768px) {
    #alv-cont .underline {
      padding-bottom: 20px; } }

#alv-cont.temp1 section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp1 section {
      margin-top: 40px; } }

#alv-cont.temp1 h2 {
  margin-bottom: 25px; }

#alv-cont.temp1 .number_style {
  counter-reset: item; }
  #alv-cont.temp1 .number_style > li {
    line-height: 1.7em;
    margin-bottom: 23px;
    padding-left: 30px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp1 .number_style > li {
        margin-bottom: 14px; } }
    #alv-cont.temp1 .number_style > li:before {
      counter-increment: item;
      content: "(" counter(item) ")";
      /* 以下は自由に装飾... */
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0; }
    #alv-cont.temp1 .number_style > li:last-child {
      margin-bottom: 0; }
    #alv-cont.temp1 .number_style > li ul {
      margin-top: 12px; }
      #alv-cont.temp1 .number_style > li ul li {
        margin-bottom: 12px; }

#alv-cont.temp1 .list_dot > li {
  padding-left: 20px;
  position: relative;
  line-height: 1.428em;
  margin-bottom: 31px; }
  #alv-cont.temp1 .list_dot > li:last-child {
    margin-bottom: 0; }
  #alv-cont.temp1 .list_dot > li:before {
    content: "";
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    background-color: #333333;
    border-radius: 50%;
    top: 7px;
    bottom: auto;
    left: 7px;
    right: auto;
    margin: auto; }

#alv-cont.temp1 .bg-items {
  display: flex;
  justify-content: space-between;
  margin-top: 14px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp1 .bg-items {
      flex-direction: column; } }
  #alv-cont.temp1 .bg-items > li {
    background-color: #F9F9F9;
    padding: 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp1 .bg-items > li {
        margin-bottom: 10px; }
        #alv-cont.temp1 .bg-items > li:last-child {
          margin-bottom: 0; } }
    #alv-cont.temp1 .bg-items > li h3 {
      line-height: 1.7em;
      font-weight: bold;
      margin-bottom: 5px; }
    #alv-cont.temp1 .bg-items > li p {
      line-height: 1.428em; }
    #alv-cont.temp1 .bg-items > li .center {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #alv-cont.temp1 .bg-items > li .center a {
        max-width: 200px; }
  @media only screen and (min-width: 769px) {
    #alv-cont.temp1 .bg-items.col2 > li {
      width: calc((100% - 20px) / 2); } }
  @media only screen and (min-width: 769px) {
    #alv-cont.temp1 .bg-items.col3 > li {
      width: calc((100% - 40px) / 3); } }

#alv-cont.temp1 .comment {
  font-size: 11px;
  line-height: 1.818em;
  margin-top: 13px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp1 .comment {
      margin-top: 10px; } }

#alv-cont.temp1 dl {
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3; }
  #alv-cont.temp1 dl .item {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    display: flex; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp1 dl .item {
        flex-direction: column; } }
    #alv-cont.temp1 dl .item dt {
      width: 235px;
      background-color: #F9F9F9;
      padding: 16px 20px;
      line-height: 1.714em;
      color: #222222;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp1 dl .item dt {
          width: 100%;
          padding: 14px 16px; } }
    #alv-cont.temp1 dl .item dd {
      width: calc(100% - 235px);
      padding: 16px 20px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp1 dl .item dd {
          width: 100%;
          padding: 14px 16px; } }
      #alv-cont.temp1 dl .item dd .list_dot > li {
        margin-bottom: 11px; }
        #alv-cont.temp1 dl .item dd .list_dot > li:last-child {
          margin-bottom: 0; }
      #alv-cont.temp1 dl .item dd a {
        text-decoration: underline; }

#alv-cont.temp1 #caption {
  margin-top: 0; }
  #alv-cont.temp1 #caption p {
    line-height: 1.7em; }

#alv-cont.temp10 section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp10 section {
      margin-top: 40px; } }

#alv-cont.temp10 #caption {
  margin-top: 10px; }

#alv-cont.temp10 h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp10 h2 {
      margin-bottom: 30px; } }

#alv-cont.temp10 .column2-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 915px; }
  #alv-cont.temp10 .column2-list li {
    width: calc((100% - 14px) / 2);
    margin-right: 14px;
    margin-bottom: 14px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp10 .column2-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; } }
    #alv-cont.temp10 .column2-list li:nth-of-type(2n) {
      margin-right: 0; }
    #alv-cont.temp10 .column2-list li a {
      min-height: 55px;
      height: auto;
      padding: 14px 0;
      line-height: 1.57; }
      #alv-cont.temp10 .column2-list li a i {
        display: inline-block;
        margin-right: 10px; }
      #alv-cont.temp10 .column2-list li a span {
        text-align: center; }

#alv-cont.temp3 #anchor {
  margin-top: 58px;
  margin-bottom: 46px; }

#alv-cont.temp3 .group {
  margin-top: 30px;
  background-color: #F9F9F9;
  padding: 40px 38px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp3 .group {
      padding: 34px 20px;
      margin-top: 10px; } }
  #alv-cont.temp3 .group .list_qa_style
, #alv-cont.temp3 .group .list_arrow_style {
    margin-top: 26px; }
    #alv-cont.temp3 .group .list_qa_style
li, #alv-cont.temp3 .group .list_arrow_style li {
      display: block;
      margin-bottom: 14px; }
      #alv-cont.temp3 .group .list_qa_style
li:last-child, #alv-cont.temp3 .group .list_arrow_style li:last-child {
        margin-bottom: 0; }
      #alv-cont.temp3 .group .list_qa_style
li a, #alv-cont.temp3 .group .list_arrow_style li a {
        line-height: 1.7em;
        padding-left: 24px;
        position: relative;
        display: inline-block; }
        #alv-cont.temp3 .group .list_qa_style
li a:before, #alv-cont.temp3 .group .list_arrow_style li a:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: auto;
          left: 0;
          right: auto;
          margin: auto; }
  #alv-cont.temp3 .group .list_qa_style li a:before {
    content: "Q.";
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 15px; }
  #alv-cont.temp3 .group .list_arrow_style li a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #000000;
    top: 7px; }

#alv-cont.temp4 .bold {
  font-weight: bold; }

#alv-cont.temp4 .red {
  color: #E82318; }

#alv-cont.temp4 .font16 {
  font-size: 16px; }

@media only screen and (max-width: 768px) {
  #alv-cont.temp4 .font16sp {
    font-size: 16px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp4 .font14sp {
    font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp4 .font12sp {
    font-size: 12px; } }

#alv-cont.temp4 #maincont {
  margin-top: 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp4 #maincont {
      margin-top: 0; } }
  #alv-cont.temp4 #maincont .question {
    padding-left: 30px;
    position: relative; }
    #alv-cont.temp4 #maincont .question:before {
      content: "Q.";
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      font-size: 18px;
      position: absolute;
      top: 0;
      bottom: auto;
      left: 0;
      right: auto;
      margin: auto; }
  #alv-cont.temp4 #maincont .answer_cont {
    margin-top: 30px;
    padding-left: 32px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp4 #maincont .answer_cont {
        padding-left: 0;
        margin-top: 26px; } }
    #alv-cont.temp4 #maincont .answer_cont:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      bottom: auto;
      left: 0;
      right: auto;
      margin: auto;
      content: "A.";
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      font-size: 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp4 #maincont .answer_cont .sp_pdl {
        padding-left: 32px; } }
    #alv-cont.temp4 #maincont .answer_cont p {
      line-height: 1.714285714285714em; }
    #alv-cont.temp4 #maincont .answer_cont .comment {
      font-size: 12px;
      line-height: 1.66666em;
      color: #666; }
    #alv-cont.temp4 #maincont .answer_cont h3,
    #alv-cont.temp4 #maincont .answer_cont h4 {
      font-size: 16px;
      line-height: 1.5em;
      font-weight: bold;
      margin-top: 27px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp4 #maincont .answer_cont h3,
        #alv-cont.temp4 #maincont .answer_cont h4 {
          margin-bottom: 8px; } }
    #alv-cont.temp4 #maincont .answer_cont .option {
      margin-top: 16px;
      padding: 24px 30px;
      background-color: #F9F9F9; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp4 #maincont .answer_cont .option {
          padding: 14px 20px; } }
      #alv-cont.temp4 #maincont .answer_cont .option h4 {
        margin-bottom: 10px;
        margin-top: 0; }
    #alv-cont.temp4 #maincont .answer_cont .side_image {
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp4 #maincont .answer_cont .side_image {
          flex-direction: column;
          margin-top: 20px;
          margin-bottom: 50px; } }
      #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont {
        width: 53%; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont {
            width: 100%; } }
        #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont h4 {
          margin-top: 0; }
        #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont .comment {
          margin-top: 14px; }
        #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont .item {
          margin-top: 30px; }
          #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont .item:first-child {
            margin-top: 0; }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp4 #maincont .answer_cont .side_image .text_cont .item {
              margin-top: 20px; } }
      #alv-cont.temp4 #maincont .answer_cont .side_image .image_cont {
        width: 43%;
        padding: 13px 49px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp4 #maincont .answer_cont .side_image .image_cont {
            width: 100%;
            padding: 10px 40px;
            margin-top: 20px; } }
    #alv-cont.temp4 #maincont .answer_cont .more {
      border: 1px solid #E3E3E3;
      padding: 30px;
      margin-top: 56px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp4 #maincont .answer_cont .more {
          margin-top: 42px;
          padding: 24px 20px; } }
      #alv-cont.temp4 #maincont .answer_cont .more h5 {
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 1.5em;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #E3E3E3;
        padding-bottom: 20px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp4 #maincont .answer_cont .more h5 {
            padding-bottom: 16px; } }
      #alv-cont.temp4 #maincont .answer_cont .more .cont {
        display: flex;
        margin-top: 30px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp4 #maincont .answer_cont .more .cont {
            flex-direction: column;
            margin-top: 20px; } }
        #alv-cont.temp4 #maincont .answer_cont .more .cont .box {
          width: 50%;
          padding: 0 40px; }
          #alv-cont.temp4 #maincont .answer_cont .more .cont .box:nth-child(odd) {
            border-right: 1px solid #E3E3E3; }
            @media only screen and (max-width: 768px) {
              #alv-cont.temp4 #maincont .answer_cont .more .cont .box:nth-child(odd) {
                border-right: none; } }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp4 #maincont .answer_cont .more .cont .box {
              padding: 0;
              width: 100%;
              margin-bottom: 30px; }
              #alv-cont.temp4 #maincont .answer_cont .more .cont .box:last-child {
                margin-bottom: 0; } }
        #alv-cont.temp4 #maincont .answer_cont .more .cont h6 {
          font-size: 15px;
          line-height: 1.46em;
          font-weight: bold;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 20px; }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp4 #maincont .answer_cont .more .cont h6 {
              margin-bottom: 10px; } }
          #alv-cont.temp4 #maincont .answer_cont .more .cont h6:before {
            content: "";
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; }
          #alv-cont.temp4 #maincont .answer_cont .more .cont h6.mail:before {
            background-image: url(../images/alv-images/temp4/mail_icon.png);
            width: 33px;
            height: 33px;
            margin-right: 5px; }
          #alv-cont.temp4 #maincont .answer_cont .more .cont h6.tel:before {
            background-image: url(../images/alv-images/temp4/tel_icon.png);
            width: 26px;
            height: 26px;
            margin-right: 5px; }
        #alv-cont.temp4 #maincont .answer_cont .more .cont p {
          font-size: 12px;
          line-height: 1.66666em; }
          #alv-cont.temp4 #maincont .answer_cont .more .cont p.text1 {
            text-align: center; }
          #alv-cont.temp4 #maincont .answer_cont .more .cont p.text2 {
            margin-top: 20px; }
            @media only screen and (max-width: 768px) {
              #alv-cont.temp4 #maincont .answer_cont .more .cont p.text2 {
                margin-top: 12px; } }
        #alv-cont.temp4 #maincont .answer_cont .more .cont .link {
          border: 1px solid #E3E3E3;
          border-radius: 3px;
          display: flex;
          width: 100%;
          height: 46px;
          align-items: center;
          justify-content: center;
          margin-top: 30px; }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp4 #maincont .answer_cont .more .cont .link {
              margin-top: 5px; } }
        #alv-cont.temp4 #maincont .answer_cont .more .cont .flex {
          display: flex;
          align-items: center;
          justify-content: center; }
          @media screen and (max-width: 1320px) {
            #alv-cont.temp4 #maincont .answer_cont .more .cont .flex {
              flex-direction: column; } }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp4 #maincont .answer_cont .more .cont .flex {
              margin-top: 14px; } }
          #alv-cont.temp4 #maincont .answer_cont .more .cont .flex a {
            font-size: 26px;
            letter-spacing: 0.1em;
            font-weight: bold;
            font-family: "Roboto", sans-serif; }
          #alv-cont.temp4 #maincont .answer_cont .more .cont .flex span {
            font-size: 12px;
            margin-left: 10px; }

#alv-cont.temp4 #other {
  margin-top: 60px;
  background-color: #F9F9F9;
  padding: 40px 37px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp4 #other {
      margin-top: 30px;
      padding: 40px 20px; } }
  #alv-cont.temp4 #other ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp4 #other ul {
        margin-top: 8px; } }
    #alv-cont.temp4 #other ul li {
      width: 100%;
      padding: 9px 0;
      border-bottom: 1px solid #E3E3E3; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp4 #other ul li {
          width: 100%; } }
      #alv-cont.temp4 #other ul li a {
        font-size: 14px;
        line-height: 1.7em;
        padding-left: 24px;
        position: relative;
        display: inline-block; }
        #alv-cont.temp4 #other ul li a:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: auto;
          left: 0;
          right: auto;
          margin: auto;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4.5px 0 4.5px 6px;
          border-color: transparent transparent transparent #000000;
          top: 7px; }

#alv-cont.temp4 .layout8 {
  max-width: 600px;
  display: flex;
  flex-wrap: wrap; }
  #alv-cont.temp4 .layout8 dd,
  #alv-cont.temp4 .layout8 dt {
    width: 50%; }

#alv-cont.temp5 section {
  margin-bottom: 50px; }
  #alv-cont.temp5 section:last-child {
    margin-bottom: 0; }

#alv-cont.temp5 .mw280 {
  max-width: 280px; }

#alv-cont.temp5 #other {
  margin-top: 60px;
  background-color: #F9F9F9;
  padding: 40px 37px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp5 #other {
      margin-top: 30px; } }
  #alv-cont.temp5 #other ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp5 #other ul {
        margin-top: 8px; } }
    #alv-cont.temp5 #other ul li {
      width: 100%;
      padding: 9px 0;
      border-bottom: 1px solid #E3E3E3; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp5 #other ul li {
          width: 100%; } }
      #alv-cont.temp5 #other ul li:nth-child(1) {
        border-top: none; }
      #alv-cont.temp5 #other ul li a {
        font-size: 14px;
        line-height: 1.7em;
        padding-left: 24px;
        position: relative;
        display: inline-block; }
        #alv-cont.temp5 #other ul li a:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: auto;
          left: 0;
          right: auto;
          margin: auto;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4.5px 0 4.5px 6px;
          border-color: transparent transparent transparent #000000;
          top: 7px; }

#alv-cont.temp5 .box-flow2 {
  display: flex; }
  #alv-cont.temp5 .box-flow2 .image {
    position: relative; }
    #alv-cont.temp5 .box-flow2 .image:first-of-type {
      margin-right: 100px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp5 .box-flow2 .image:first-of-type {
          margin-right: 40px; } }
      #alv-cont.temp5 .box-flow2 .image:first-of-type:after {
        content: "";
        width: 21px;
        height: 56px;
        display: block;
        position: absolute;
        top: 50%;
        right: -65px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: url(/images/alv-images/common/arrow_red_01.gif) center center/cover no-repeat; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp5 .box-flow2 .image:first-of-type:after {
            width: 11px;
            height: 28px;
            right: -26px; } }

#alv-cont.temp5 .box-flow4 {
  display: flex;
  justify-content: space-between;
  max-width: 674px; }
  #alv-cont.temp5 .box-flow4 .image {
    width: 23%;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp5 .box-flow4 .image {
        width: 20%; } }
    #alv-cont.temp5 .box-flow4 .image:last-of-type:after {
      content: none; }
    #alv-cont.temp5 .box-flow4 .image:after {
      content: "";
      width: 15px;
      height: 27px;
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: url(/images/alv-images/common/arrow_red_02.gif) center center/cover no-repeat; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp5 .box-flow4 .image:after {
          width: 7px;
          height: 13px;
          right: -22%; } }

#alv-cont.temp5 .subtitle {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.222em;
  font-weight: bold;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp5 .subtitle {
      text-align: center;
      margin-bottom: 30px; } }

#alv-cont.temp5 .comment {
  font-size: 11px;
  line-height: 1.81818em;
  margin-top: 20px; }

#alv-cont.temp5 .bg-gray {
  background-color: #F9F9F9;
  padding: 30px;
  margin-top: 14px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp5 .bg-gray {
      margin-top: 10px; } }
  #alv-cont.temp5 .bg-gray h3 {
    margin-bottom: 10px; }
  #alv-cont.temp5 .bg-gray .link {
    max-width: 295px;
    margin-top: 14px; }
  #alv-cont.temp5 .bg-gray figure {
    max-width: 644px; }

#alv-cont.temp5 p {
  line-height: 1.71428em; }

#alv-cont.temp5 figure {
  margin-top: 20px; }

#alv-cont.temp5 h3 {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold; }

#alv-cont.temp5 h4 {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp5 h4 {
      font-size: 14px;
      letter-spacing: 0.1em;
      line-height: 1.5714em; } }

#alv-cont.temp5 h5 {
  font-size: 14px;
  line-height: 1.71428em;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px; }

#alv-cont.temp5 table {
  max-width: 600px;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3; }
  #alv-cont.temp5 table tr th {
    font-weight: bold;
    background-color: #F9F9F9; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp5 table tr th {
        text-align: center; } }
  #alv-cont.temp5 table tr td, #alv-cont.temp5 table tr th {
    padding: 20px;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp5 table tr td, #alv-cont.temp5 table tr th {
        padding: 9px 15px; } }

#alv-cont.temp5 .orange_num {
  margin-top: 24px;
  counter-reset: item; }
  #alv-cont.temp5 .orange_num > li {
    margin-bottom: 24px;
    padding-left: 30px;
    position: relative; }
    #alv-cont.temp5 .orange_num > li:before {
      counter-increment: item;
      content: counter(item) ".";
      /* 以下は自由に装飾... */
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      position: absolute;
      top: 3px;
      left: 0;
      font-size: 14px;
      line-height: 18px; }
    #alv-cont.temp5 .orange_num > li:last-child {
      margin-bottom: 0; }
    #alv-cont.temp5 .orange_num > li h3 {
      margin-bottom: 12px; }
    #alv-cont.temp5 .orange_num > li .comment {
      margin-top: 0px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp5 .orange_num > li .comment {
          margin-top: 8px; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp5 .orange_num .bg-gray {
      width: calc(100% + 30px);
      margin-left: -30px;
      padding: 30px 20px; } }

#alv-cont.temp5 .bottom_link {
  display: none;
  border-top: 1px solid #E3E3E3;
  margin-top: 100px;
  padding-top: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp5 .bottom_link {
      margin-top: 60px; } }
  #alv-cont.temp5 .bottom_link .bottom_title {
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.375em;
    text-align: center; }
  #alv-cont.temp5 .bottom_link .anchor_list {
    margin-top: 26px; }

#alv-cont.temp6 section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp6 section {
      margin-top: 30px; } }

#alv-cont.temp6 #caption {
  margin-top: 10px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp6 #caption {
      margin-top: 4px; } }

#alv-cont.temp6 h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp6 h2 {
      margin-bottom: 30px; } }

#alv-cont.temp6 .comment {
  font-size: 12px;
  line-height: 1.66666em;
  color: #666; }

#alv-cont.temp6 .bold {
  font-weight: bold; }

#alv-cont.temp6 .red {
  color: #E82318; }

#alv-cont.temp6 .font16 {
  font-size: 16px; }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .font16sp {
    font-size: 16px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .font14sp {
    font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .font12sp {
    font-size: 12px; } }

#alv-cont.temp6 .area-table table {
  font-size: 14px;
  line-height: 1.714;
  width: 100%;
  border-bottom: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3; }
  #alv-cont.temp6 .area-table table thead tr th {
    font-weight: bold;
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    padding: 16px;
    background: #F9F9F9;
    text-align: center; }
  #alv-cont.temp6 .area-table table tbody tr th {
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    padding: 7px 20px;
    font-weight: bold; }
  #alv-cont.temp6 .area-table table tbody tr td {
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    padding: 7px 20px; }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .area-table__box {
    margin: 0 0 30px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .area-table__box strong {
    font-size: 14px;
    line-height: 1.714;
    font-weight: bold;
    display: block;
    margin: 0 0 6px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .area-table__box table {
    font-size: 14px;
    line-height: 1.714;
    margin: 0 0 10px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .area-table__box table tbody tr th {
    padding: 6px 0px 6px 19px;
    font-weight: bold;
    background: #F9F9F9;
    width: 94px;
    vertical-align: top; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp6 .area-table__box table tbody tr td {
    padding: 6px 25px;
    width: calc(100% - 94px); } }

#alv-cont.temp7 .samesize_num {
  font-size: inherit;
  position: absolute;
  margin-left: -30px; }
  #alv-cont.temp7 .samesize_num:after {
    content: "."; }

#alv-cont.temp7 section {
  margin-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 section {
      margin-bottom: 50px; } }
  #alv-cont.temp7 section:last-child {
    margin-bottom: 0; }

#alv-cont.temp7 .mw290 {
  max-width: 290px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .mw290 {
      margin: 0 auto; } }

#alv-cont.temp7 .box-flow2 {
  display: flex; }
  #alv-cont.temp7 .box-flow2 .image {
    position: relative; }
    #alv-cont.temp7 .box-flow2 .image:first-of-type {
      margin-right: 100px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .box-flow2 .image:first-of-type {
          margin-right: 40px; } }
      #alv-cont.temp7 .box-flow2 .image:first-of-type:after {
        content: "";
        width: 21px;
        height: 56px;
        display: block;
        position: absolute;
        top: 50%;
        right: -65px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: url(/images/alv-images/common/arrow_red_01.gif) center center/cover no-repeat; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp7 .box-flow2 .image:first-of-type:after {
            width: 11px;
            height: 28px;
            right: -26px; } }

#alv-cont.temp7 .box-flow4 {
  display: flex;
  justify-content: space-between;
  max-width: 674px; }
  #alv-cont.temp7 .box-flow4 .image {
    width: 23%;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .box-flow4 .image {
        width: 20%; } }
    #alv-cont.temp7 .box-flow4 .image:last-of-type:after {
      content: none; }
    #alv-cont.temp7 .box-flow4 .image:after {
      content: "";
      width: 15px;
      height: 27px;
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: url(/images/alv-images/common/arrow_red_02.gif) center center/cover no-repeat; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .box-flow4 .image:after {
          width: 7px;
          height: 13px;
          right: -22%; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp7 h1.underline {
    text-align: left; } }

#alv-cont.temp7 .center_image {
  text-align: center; }

#alv-cont.temp7 .tabs {
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .tabs {
      width: calc(100% + 40px);
      margin-left: -20px;
      padding: 0 10px; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .tabs.sp_col {
      width: 100%;
      margin-left: 0;
      flex-direction: column;
      border-bottom: none;
      padding: 0; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .tabs.sp_col li,
    #alv-cont.temp7 .tabs.sp_col a {
      margin-bottom: 12px;
      border-bottom: 1px solid #ddd;
      height: 45px; }
      #alv-cont.temp7 .tabs.sp_col li:last-child,
      #alv-cont.temp7 .tabs.sp_col a:last-child {
        margin-bottom: 0; } }
  #alv-cont.temp7 .tabs li,
  #alv-cont.temp7 .tabs a {
    width: 100%;
    margin-right: 18px;
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .tabs li,
      #alv-cont.temp7 .tabs a {
        height: 40px; } }
    #alv-cont.temp7 .tabs li:last-child,
    #alv-cont.temp7 .tabs a:last-child {
      margin-right: 0; }
    #alv-cont.temp7 .tabs li:hover,
    #alv-cont.temp7 .tabs a:hover {
      opacity: 0.6; }
    #alv-cont.temp7 .tabs li.active,
    #alv-cont.temp7 .tabs a.active {
      pointer-events: none;
      background-color: #333333;
      border: 1px solid #333333;
      border-bottom: none;
      color: white; }

#alv-cont.temp7 .tab_items .sublink_list {
  padding: 0 50px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .tab_items .sublink_list {
      padding: 0px 0 35px; } }

#alv-cont.temp7 .tab_items .block {
  border-top: 1px solid #ddd;
  padding: 30px 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .tab_items .block {
      padding: 20px 0; } }
  #alv-cont.temp7 .tab_items .block figure {
    margin-top: 20px;
    margin-bottom: 10px; }

@media only screen and (min-width: 769px) {
  #alv-cont.temp7 .inner735 {
    max-width: 735px;
    margin: 0 auto; } }

#alv-cont.temp7 .howto_smartphone li {
  display: flex;
  position: relative;
  margin-bottom: 44px; }
  #alv-cont.temp7 .howto_smartphone li:after {
    content: "";
    width: 34px;
    height: 16px;
    background-image: url(../images/alv-images/temp7/triangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 145px;
    right: auto;
    margin: auto; }
  #alv-cont.temp7 .howto_smartphone li:last-child {
    margin-bottom: 0; }
    #alv-cont.temp7 .howto_smartphone li:last-child:after {
      display: none; }
  #alv-cont.temp7 .howto_smartphone li figure {
    width: 323px;
    margin-right: 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .howto_smartphone li figure {
        width: 140px;
        margin-bottom: 10px;
        padding-top: 50px; } }
  #alv-cont.temp7 .howto_smartphone li .textarea {
    width: calc(100% - 323px - 30px); }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .howto_smartphone li .textarea {
        width: calc(100% - 140px - 10px); } }
    #alv-cont.temp7 .howto_smartphone li .textarea .heading {
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .howto_smartphone li .textarea .heading {
          width: calc(100vw - 40px);
          left: -150px;
          position: relative;
          font-size: 16px;
          margin-bottom: 20px; } }

#alv-cont.temp7 .bold,
#alv-cont.temp7 strong {
  font-weight: bold; }

#alv-cont.temp7 .red {
  color: #E82318; }

#alv-cont.temp7 .font16 {
  font-size: 16px; }

@media only screen and (max-width: 768px) {
  #alv-cont.temp7 .font16sp {
    font-size: 16px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp7 .font14sp {
    font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp7 .font12sp {
    font-size: 12px; } }

#alv-cont.temp7 .or {
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  text-align: center;
  color: white;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #333333;
  position: relative;
  top: -2px;
  margin: 0 3px; }

#alv-cont.temp7 .ud_line {
  text-decoration: underline; }

#alv-cont.temp7 .gray_back {
  background-color: #F9F9F9;
  padding: 40px 37px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .gray_back {
      width: calc(100% + 40px);
      margin-left: -20px;
      padding: 34px 20px 50px; } }
  #alv-cont.temp7 .gray_back hr {
    width: calc(100% + 37px + 37px);
    margin-left: -37px;
    display: block;
    height: 1px;
    background-color: #E3E3E3;
    border: 0;
    /*デフォルトデザインでは線がある場合があるので、消しておく。*/ }
  #alv-cont.temp7 .gray_back ol li {
    margin-bottom: 2px; }
  #alv-cont.temp7 .gray_back ol.case_style li {
    margin-bottom: 25px; }
    #alv-cont.temp7 .gray_back ol.case_style li:last-child {
      margin-bottom: 0; }
    #alv-cont.temp7 .gray_back ol.case_style li p {
      margin-bottom: 10px; }

#alv-cont.temp7 .white_back {
  padding: 29px 39px;
  background-color: white;
  margin-top: 16px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .white_back {
      margin-top: 10px;
      padding: 30px 20px; } }

#alv-cont.temp7 .comment {
  font-size: 11px;
  line-height: 1.81818em; }

#alv-cont.temp7 .num {
  font-size: 10px;
  font-family: "Roboto", sans-serif;
  color: white;
  border-radius: 50%;
  background-color: #333333;
  width: 16px;
  height: 16px;
  line-height: 16px;
  position: relative;
  top: -4px;
  margin-left: -30px;
  display: inline-block;
  text-align: center;
  margin-right: 16px; }
  #alv-cont.temp7 .num.bg_orange {
    background-color: white;
    color: #222222;
    font-size: 14px;
    top: -2px; }
    #alv-cont.temp7 .num.bg_orange:after {
      content: "."; }

#alv-cont.temp7 .orange_num li {
  margin-bottom: 18px; }

@media only screen and (min-width: 769px) {
  #alv-cont.temp7 .btn_link {
    max-width: 280px; } }

#alv-cont.temp7 .layout1 {
  display: flex; }
  #alv-cont.temp7 .layout1 .left figure {
    margin-bottom: 5px; }
    #alv-cont.temp7 .layout1 .left figure:last-child {
      margin-bottom: 0; }
  #alv-cont.temp7 .layout1 .line .dummy {
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    width: 15px;
    height: 100%;
    display: flex;
    align-items: center; }
  #alv-cont.temp7 .layout1 .right {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    #alv-cont.temp7 .layout1 .right:before {
      content: "";
      width: 15px;
      height: 1px;
      display: block;
      background-color: #333333; }
    #alv-cont.temp7 .layout1 .right p {
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }

#alv-cont.temp7 .arrow {
  text-align: center;
  line-height: 8px;
  margin: 8px 0; }
  #alv-cont.temp7 .arrow img {
    width: 17px;
    height: 8px; }

#alv-cont.temp7 .layout2-2 {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .layout2-2 {
      flex-direction: column; } }
  @media only screen and (min-width: 769px) {
    #alv-cont.temp7 .layout2-2 .item:first-of-type {
      margin-right: 10px; } }

#alv-cont.temp7 .layout2 {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .layout2 {
      flex-direction: column; } }
  #alv-cont.temp7 .layout2 .item {
    width: 50%;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout2 .item {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout2 .item:nth-child(odd) {
        border-bottom: 2px solid #F5F5F5;
        padding-bottom: 10px;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout2 .item:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; } }
    #alv-cont.temp7 .layout2 .item figure {
      margin-right: 5px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout2 .item figure {
          margin-right: 10px;
          width: 119px; } }
    #alv-cont.temp7 .layout2 .item .textarea {
      display: flex;
      align-items: center;
      flex-direction: column; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout2 .item .textarea {
          white-space: nowrap; } }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout2 .item .textarea p {
          font-size: 12px; } }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout2 .item .textarea p span {
          font-size: 12px; } }
    #alv-cont.temp7 .layout2 .item:nth-child(odd) {
      border-right: 1px solid #E5E5E5;
      margin-right: 30px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout2 .item:nth-child(odd) {
          border-right: none;
          margin-right: 0; } }

#alv-cont.temp7 .layout3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -20px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .layout3 {
      flex-direction: column;
      margin-bottom: -15px; } }
  #alv-cont.temp7 .layout3:after {
    content: "";
    width: 31.66%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout3:after {
        display: none; } }
  #alv-cont.temp7 .layout3 .item {
    width: 31.66%;
    border: 1px solid #ddd;
    padding: 13px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout3 .item {
        width: 100%;
        margin-bottom: 15px; } }
    #alv-cont.temp7 .layout3 .item .kome_mark:after {
      content: "※";
      font-size: 10px; }
    #alv-cont.temp7 .layout3 .item .mainimg {
      margin-bottom: 5px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout3 .item .mainimg img {
          width: 210px; } }
    #alv-cont.temp7 .layout3 .item .example {
      padding-left: 2em;
      position: relative; }
      #alv-cont.temp7 .layout3 .item .example:before {
        content: "例：";
        display: block;
        position: absolute;
        top: 0;
        left: 0; }

#alv-cont.temp7 .layout4 {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .layout4 {
      flex-direction: column; } }
  #alv-cont.temp7 .layout4 figure {
    margin-right: 25px;
    width: 167px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout4 figure {
        margin-bottom: 10px; } }
  #alv-cont.temp7 .layout4 .textarea {
    width: calc(100% - 167px - 25px); }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout4 .textarea {
        width: 100%; } }
  #alv-cont.temp7 .layout4 .comment {
    margin-top: 8px;
    font-size: 10px; }

#alv-cont.temp7 .layout5 {
  border: 1px solid #E3E3E3;
  padding: 31px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp7 .layout5 {
      padding: 31px 20px; } }
  #alv-cont.temp7 .layout5 .layout5_title {
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.375em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 28px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout5 .layout5_title {
        padding-bottom: 10px; } }
  #alv-cont.temp7 .layout5 .cont {
    display: flex; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout5 .cont {
        flex-direction: column; } }
    #alv-cont.temp7 .layout5 .cont .box {
      width: 50%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp7 .layout5 .cont .box {
          width: 100%;
          margin-bottom: 20px; }
          #alv-cont.temp7 .layout5 .cont .box:last-child {
            margin-bottom: 0; } }
      #alv-cont.temp7 .layout5 .cont .box:nth-child(odd) {
        border-right: 1px solid #E3E3E3;
        padding-right: 33px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp7 .layout5 .cont .box:nth-child(odd) {
            border-right: none;
            padding-right: 0; } }
      #alv-cont.temp7 .layout5 .cont .box:nth-child(even) {
        padding-left: 50px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp7 .layout5 .cont .box:nth-child(even) {
            padding-left: 0; } }
      #alv-cont.temp7 .layout5 .cont .box .layout5_subtitle {
        font-size: 15px;
        line-height: 1.46666em;
        font-weight: bold;
        margin-bottom: 16px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp7 .layout5 .cont .box .layout5_subtitle {
            text-align: center; } }
      #alv-cont.temp7 .layout5 .cont .box .fl_cont {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp7 .layout5 .cont .box .fl_cont {
            flex-direction: row-reverse; } }
        #alv-cont.temp7 .layout5 .cont .box .fl_cont .textarea {
          width: calc(100% - 109px - 20px); }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp7 .layout5 .cont .box .fl_cont .textarea {
              width: calc(100% - 84px - 10px);
              font-size: 12px;
              line-height: 1.666em; } }
        #alv-cont.temp7 .layout5 .cont .box .fl_cont figure {
          width: 109px; }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp7 .layout5 .cont .box .fl_cont figure {
              width: 84px; } }

#alv-cont.temp7 .layout6 {
  max-width: 600px;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3; }
  #alv-cont.temp7 .layout6 tr th {
    font-weight: bold;
    background-color: #F9F9F9; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout6 tr th {
        text-align: center; } }
  #alv-cont.temp7 .layout6 tr td,
  #alv-cont.temp7 .layout6 tr th {
    padding: 20px;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout6 tr td,
      #alv-cont.temp7 .layout6 tr th {
        padding: 9px 15px; } }
  #alv-cont.temp7 .layout6.tbl-stock th:first-child {
    width: 190px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp7 .layout6.tbl-stock th:first-child {
        width: 148px; } }

#alv-cont.temp7 .layout7 dt {
  background-color: #F9F9F9;
  padding: 13px 21px; }
  #alv-cont.temp7 .layout7 dt .question {
    font-weight: bold;
    font-size: 16px;
    padding-left: 30px;
    position: relative; }
    #alv-cont.temp7 .layout7 dt .question:before {
      content: "Q.";
      font-family: "Roboto", sans-serif;
      position: absolute;
      top: -3px;
      left: 0;
      font-size: 18px;
      font-weight: bold; }

#alv-cont.temp7 .layout7 dd {
  padding: 13px 21px 21px; }
  #alv-cont.temp7 .layout7 dd .answer_cont {
    padding-left: 30px;
    position: relative; }
    #alv-cont.temp7 .layout7 dd .answer_cont:before {
      content: "A.";
      font-family: "Roboto", sans-serif;
      position: absolute;
      top: -3px;
      left: 0;
      font-size: 18px;
      font-weight: bold; }
  #alv-cont.temp7 .layout7 dd ol li {
    padding-left: 30px;
    position: relative; }
    #alv-cont.temp7 .layout7 dd ol li span {
      content: "";
      position: absolute;
      font-size: inherit;
      left: 0; }

#alv-cont.temp7 .layout8 {
  display: flex; }
  #alv-cont.temp7 .layout8 dd,
  #alv-cont.temp7 .layout8 dt {
    width: 50%; }

#alv-cont.temp7 .layout9 {
  max-width: 704px; }
  #alv-cont.temp7 .layout9 ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px; }
    #alv-cont.temp7 .layout9 ul li {
      width: calc(50% - 10px);
      margin-right: 20px;
      margin-bottom: 20px; }
      #alv-cont.temp7 .layout9 ul li:nth-child(2n+2) {
        margin-right: 0; }

#alv-cont.temp8 section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 section {
      margin-top: 50px; } }

#alv-cont.temp8 #caption {
  margin-top: 10px; }

#alv-cont.temp8 h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 h2 {
      margin-bottom: 30px; } }

#alv-cont.temp8 h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 18px; }

#alv-cont.temp8 p {
  font-size: 14px;
  line-height: 1.6666; }

#alv-cont.temp8 .comment {
  font-size: 12px;
  line-height: 1.66666em;
  color: #666; }

#alv-cont.temp8 .side_image {
  display: flex;
  justify-content: space-between;
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .side_image {
      flex-direction: column;
      margin-top: 20px;
      margin-bottom: 50px; } }
  #alv-cont.temp8 .side_image h3
, #alv-cont.temp8 .side_image h4 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
    margin-top: 27px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .side_image h3
, #alv-cont.temp8 .side_image h4 {
        margin-bottom: 8px; } }
  #alv-cont.temp8 .side_image .text_cont {
    width: 53%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .side_image .text_cont {
        width: 100%; } }
    #alv-cont.temp8 .side_image .text_cont h4 {
      margin-top: 0; }
    #alv-cont.temp8 .side_image .text_cont .comment {
      margin-top: 14px; }
    #alv-cont.temp8 .side_image .text_cont .item {
      margin-top: 30px; }
      #alv-cont.temp8 .side_image .text_cont .item:first-child {
        margin-top: 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .side_image .text_cont .item {
          margin-top: 20px; } }
  #alv-cont.temp8 .side_image .image_cont {
    width: 43%;
    padding: 13px 49px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .side_image .image_cont {
        width: 100%;
        padding: 10px 40px;
        margin-top: 20px; } }

#alv-cont.temp8 .attention {
  padding: 28px 32px 16px;
  background: #F9F9F9; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .attention {
      width: calc(100% + 40px);
      margin: 0 -20px;
      padding: 30px 22px 22px; } }
  #alv-cont.temp8 .attention__title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .attention__title {
        margin: 0 0 16px; } }
    #alv-cont.temp8 .attention__title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .attention__title i {
          margin-right: 3px; } }
    #alv-cont.temp8 .attention__title span {
      font-size: 16px;
      font-weight: bold; }
  #alv-cont.temp8 .attention__list li {
    font-size: 14px;
    line-height: 1.428;
    margin: 0 0 12px;
    padding-left: 16px;
    position: relative; }
    #alv-cont.temp8 .attention__list li:before {
      content: "";
      position: absolute;
      left: 0;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #000;
      top: 7px; }

#alv-cont.temp8 .confirm-box__box {
  display: flex; }
  #alv-cont.temp8 .confirm-box__box .box {
    width: calc((100% - 24px) / 3);
    margin-right: 8px; }
    #alv-cont.temp8 .confirm-box__box .box:nth-of-type(3n) {
      margin-right: 0; }
    #alv-cont.temp8 .confirm-box__box .box h4 {
      font-weight: bold;
      font-size: 14px;
      line-height: 1.57;
      text-align: center; }
      #alv-cont.temp8 .confirm-box__box .box h4 .red {
        color: #E82318; }
    #alv-cont.temp8 .confirm-box__box .box .img {
      margin: 10px 0 20px;
      text-align: center; }
    #alv-cont.temp8 .confirm-box__box .box .btn1 {
      max-width: 200px;
      margin: 0 auto; }

#alv-cont.temp8 .movie-text {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .movie-text {
      display: block; } }
  #alv-cont.temp8 .movie-text .movie {
    width: 331px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .movie-text .movie {
        width: 100%;
        margin: 0 0 20px; } }
  #alv-cont.temp8 .movie-text .text {
    width: calc(100% - 360px); }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .movie-text .text {
        width: 100%; } }
    #alv-cont.temp8 .movie-text .text ul li {
      display: flex;
      margin: 0 0 22px;
      flex-wrap: wrap; }
      #alv-cont.temp8 .movie-text .text ul li .number {
        font-size: 18px;
        width: 38px; }
      #alv-cont.temp8 .movie-text .text ul li .item {
        font-weight: bold;
        font-size: 16px;
        line-height: 1.5;
        width: 93px; }
      #alv-cont.temp8 .movie-text .text ul li p {
        font-size: 14px;
        line-height: 1.714;
        width: calc(100% - 131px); }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp8 .movie-text .text ul li p {
            width: 100%;
            margin: 5px 0 0; } }

#alv-cont.temp8 .text-img-01 {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .text-img-01 {
      display: block; } }
  #alv-cont.temp8 .text-img-01 .text {
    width: 65%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .text-img-01 .text {
        width: 100%; } }
    #alv-cont.temp8 .text-img-01 .text strong {
      display: block;
      font-weight: bold;
      font-size: 15px; }
    #alv-cont.temp8 .text-img-01 .text span {
      display: block;
      margin: 5px 0 20px; }
  #alv-cont.temp8 .text-img-01 .img {
    width: 30%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .text-img-01 .img {
        width: 100%;
        margin: 30px 0 0; } }

#alv-cont.temp8 .text-img-02 {
  display: flex;
  justify-content: space-between; }
  #alv-cont.temp8 .text-img-02 .text {
    width: 70%; }
  #alv-cont.temp8 .text-img-02 .img {
    width: 25%; }

#alv-cont.temp8 .case-box {
  background: #F9F9F9;
  padding: 28px 33px 43px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .case-box {
      margin: 0 -20px;
      padding: 30px 20px 47px; } }

#alv-cont.temp8 .img-2col-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #alv-cont.temp8 .img-2col-list li {
    width: 47.7%;
    text-align: center;
    margin: 0 0 20px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .img-2col-list li {
        width: 100%;
        margin: 0 0 40px; } }
    #alv-cont.temp8 .img-2col-list li .text {
      text-align: left; }

#alv-cont.temp8 .img1-1 {
  display: flex; }
  #alv-cont.temp8 .img1-1 li {
    margin-right: 5px; }

#alv-cont.temp8 .case {
  padding: 28px 32px 35px;
  background: #F9F9F9;
  position: relative;
  margin: 51px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .case {
      margin: 0 -20px;
      padding: 42px 20px 32px; } }
  #alv-cont.temp8 .case:before {
    content: "";
    display: block;
    width: 120px;
    height: 31px;
    border-top: 31px solid #E3E3E3;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    margin: 0 auto 20px;
    position: absolute;
    top: -51px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .case:before {
        width: 82px;
        height: 21px;
        border-top: 21px solid #E3E3E3;
        border-right: 41px solid transparent;
        border-left: 41px solid transparent;
        top: -36px; } }
  #alv-cont.temp8 .case__title {
    margin: 0 0 20px;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .case__title {
        margin: 0 0 12px; } }
    #alv-cont.temp8 .case__title i {
      width: 21px;
      display: inline-block;
      margin-right: 8px; }
    #alv-cont.temp8 .case__title span {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold; }
  #alv-cont.temp8 .case p {
    font-size: 14px;
    line-height: 1.714; }
  #alv-cont.temp8 .case strong {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin: 26px 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .case strong {
        margin: 26px 0 15px; } }
  #alv-cont.temp8 .case__tel {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .case__tel {
        display: block; } }
    #alv-cont.temp8 .case__tel .tel {
      display: flex;
      align-items: center; }
      #alv-cont.temp8 .case__tel .tel i {
        width: 32px;
        margin-right: 8px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp8 .case__tel .tel i {
            width: 25px; } }
      #alv-cont.temp8 .case__tel .tel span {
        font-size: 26px;
        letter-spacing: .1em;
        font-weight: bold; }
      #alv-cont.temp8 .case__tel .tel small {
        font-size: 12px; }
    #alv-cont.temp8 .case__tel .text {
      margin-left: 18px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .case__tel .text {
          margin: 10px 0 0; } }
      #alv-cont.temp8 .case__tel .text span {
        font-size: 12px;
        line-height: 1.6666; }

#alv-cont.temp8 .img2-1 {
  display: flex; }
  #alv-cont.temp8 .img2-1 li {
    margin-right: 22px;
    width: calc((100% - 90px) / 3);
    position: relative; }
    #alv-cont.temp8 .img2-1 li:nth-of-type(2) {
      margin-right: 68px; }
    #alv-cont.temp8 .img2-1 li:nth-of-type(3) {
      margin-right: 0; }
      #alv-cont.temp8 .img2-1 li:nth-of-type(3):after {
        content: none; }
    #alv-cont.temp8 .img2-1 li:after {
      content: "";
      width: 20px;
      height: 20px;
      border-top: 2px solid #333333;
      border-right: 2px solid #333333;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 85px;
      right: -35px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .img2-1 li:after {
          position: static;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          display: block;
          margin: 14px auto 0; } }

#alv-cont.temp8 .column4-list {
  display: flex;
  flex-wrap: wrap; }
  #alv-cont.temp8 .column4-list li {
    width: calc((100% - 45px) / 4);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #EEEEEE; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column4-list li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 10px; } }
    #alv-cont.temp8 .column4-list li:nth-of-type(4n) {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column4-list li:nth-of-type(2n) {
        margin-right: 0; } }
    #alv-cont.temp8 .column4-list li a {
      display: flex;
      align-items: center; }
      #alv-cont.temp8 .column4-list li a .img {
        width: 51px;
        height: 64px;
        display: none; }
      #alv-cont.temp8 .column4-list li a .text {
        width: calc(100% - 51px);
        padding: 10px;
        font-size: 12px;
        line-height: 1.6666; }

#alv-cont.temp8 .column-3-2 {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .column-3-2 {
      display: block; } }
  #alv-cont.temp8 .column-3-2 .img {
    width: 53.9%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column-3-2 .img {
        width: 100%; } }
    #alv-cont.temp8 .column-3-2 .img:nth-of-type(2) {
      width: 39.68%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column-3-2 .img:nth-of-type(2) {
          width: auto;
          width: 246px;
          margin-top: 24px; } }

#alv-cont.temp8 .column3-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .column3-list {
      margin: 20px 0 0; } }
  #alv-cont.temp8 .column3-list li {
    width: calc((100% - 120px) / 3);
    margin-right: 60px;
    margin-bottom: 40px;
    position: relative; }
    @media only screen and (min-width: 769px) {
      #alv-cont.temp8 .column3-list li:nth-of-type(3n):after {
        content: none; } }
    #alv-cont.temp8 .column3-list li:last-of-type:after {
      content: none; }
    #alv-cont.temp8 .column3-list li:after {
      content: "";
      width: 20px;
      height: 20px;
      border-top: 2px solid #333333;
      border-right: 2px solid #333333;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 85px;
      right: -35px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column3-list li:after {
          position: static;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          display: block;
          margin: 14px auto 0; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column3-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
    #alv-cont.temp8 .column3-list li:nth-of-type(3n) {
      margin-right: 0; }
    #alv-cont.temp8 .column3-list li .img {
      text-align: center; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column3-list li .img img {
          width: 100%; } }
    #alv-cont.temp8 .column3-list li .text {
      margin: 20px 0 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column3-list li .text {
          margin: 15px 0 0; } }
      #alv-cont.temp8 .column3-list li .text h4 {
        display: flex;
        margin: 0 0 12px; }
        #alv-cont.temp8 .column3-list li .text h4 i {
          font-size: 14px;
          font-weight: bold;
          margin-right: 10px;
          position: relative; }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp8 .column3-list li .text h4 i {
              font-size: 16px; } }
          #alv-cont.temp8 .column3-list li .text h4 i:after {
            content: "."; }
        #alv-cont.temp8 .column3-list li .text h4 span {
          font-weight: bold;
          width: calc(100% - 26px); }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp8 .column3-list li .text h4 span {
              font-size: 16px; } }
      #alv-cont.temp8 .column3-list li .text p {
        font-size: 14px;
        line-height: 1.714; }
      #alv-cont.temp8 .column3-list li .text small {
        font-size: 12px;
        line-height: 1.6666;
        color: #666666; }
    #alv-cont.temp8 .column3-list li .img02 {
      margin: 18px 0 0; }

#alv-cont.temp8 .check-box:after {
  content: "";
  width: 498px;
  height: 69px;
  display: block;
  margin: 0 auto;
  background: url(/images/alv-images/temp8/arrow.png) center center/cover no-repeat; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .check-box:after {
      width: 18px;
      height: 42px;
      background: url(/images/alv-images/temp8/arrow03.png) center center/cover no-repeat; } }

@media only screen and (max-width: 768px) {
  #alv-cont.temp8 .check-box .text {
    text-align: center;
    font-weight: bold;
    margin: 15px 0 10px;
    font-size: 16px; } }

#alv-cont.temp8 .check {
  display: flex;
  align-items: center;
  border: 2px solid #FF8C1A; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .check {
      display: block; } }
  #alv-cont.temp8 .check .left {
    width: 186px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF8C1A;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .check .left {
        width: 100%;
        height: 30px; } }
    #alv-cont.temp8 .check .left span {
      font-size: 20px;
      font-weight: bold; }
  #alv-cont.temp8 .check .right {
    width: calc(100% - 186px);
    display: flex;
    align-items: center;
    padding: 0 45px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .check .right {
        width: 100%;
        padding: 12px; } }
    #alv-cont.temp8 .check .right .img {
      margin-right: 28px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .check .right .img {
          margin: 0 auto; } }
    #alv-cont.temp8 .check .right .text {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5; }

#alv-cont.temp8 .column2-box {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 0 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .column2-box {
      display: block;
      margin: 0 0 28px; } }
  #alv-cont.temp8 .column2-box:after {
    content: "";
    width: 593px;
    height: 115px;
    left: 100px;
    bottom: -115px;
    display: block;
    margin: 0 auto;
    position: absolute;
    background: url(/images/alv-images/temp8/arrow02.png) center center/cover no-repeat; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column2-box:after {
        width: 2px;
        height: 80px;
        background: #FF8C1A;
        bottom: -80px;
        left: 45px; } }
  #alv-cont.temp8 .column2-box__box {
    margin: 0 25px;
    border: 2px solid #E3E3E3;
    padding: 30px 38px 0;
    width: calc((100% - 100px) / 2); }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column2-box__box {
        margin: 0 0 20px;
        width: 100%;
        padding: 30px 28px 1px; } }
    #alv-cont.temp8 .column2-box__box h4 {
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column2-box__box h4 {
          margin: 0 0 18px; } }
    #alv-cont.temp8 .column2-box__box .box {
      margin: 0 0 30px; }
      #alv-cont.temp8 .column2-box__box .box .text {
        margin: 15px 0 0; }
        #alv-cont.temp8 .column2-box__box .box .text h5 {
          display: flex;
          margin: 0 0 12px;
          font-size: 16px;
          line-height: 1.5; }
          #alv-cont.temp8 .column2-box__box .box .text h5 i {
            font-size: 14px;
            font-weight: bold;
            margin-right: 10px;
            position: relative; }
            @media only screen and (max-width: 768px) {
              #alv-cont.temp8 .column2-box__box .box .text h5 i {
                font-size: 16px; } }
            #alv-cont.temp8 .column2-box__box .box .text h5 i:after {
              content: "."; }
          #alv-cont.temp8 .column2-box__box .box .text h5 span {
            font-weight: bold;
            width: calc(100% - 26px); }
            @media only screen and (max-width: 768px) {
              #alv-cont.temp8 .column2-box__box .box .text h5 span {
                font-size: 16px; } }
        #alv-cont.temp8 .column2-box__box .box .text p {
          font-size: 14px;
          line-height: 1.714; }
    #alv-cont.temp8 .column2-box__box .bottom {
      width: calc(100% + 76px);
      margin: 0 -38px;
      background: #F5F5F5;
      padding: 24px;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column2-box__box .bottom {
          width: calc(100% + 56px);
          margin: 0 -28px; } }
      #alv-cont.temp8 .column2-box__box .bottom .text {
        width: calc(100% - 105px);
        font-size: 14px;
        line-height: 1.714; }
      #alv-cont.temp8 .column2-box__box .bottom .img {
        width: 86px; }

#alv-cont.temp8 .flow-text {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  margin: 0px auto 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .flow-text {
      margin: 0 auto 28px;
      padding-left: 30px; } }

#alv-cont.temp8 .column4-list-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .column4-list-2 {
      display: block; } }
  #alv-cont.temp8 .column4-list-2 li {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d4d4d4; }
    #alv-cont.temp8 .column4-list-2 li:last-child {
      border-bottom: none;
      margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column4-list-2 li {
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px; } }
    #alv-cont.temp8 .column4-list-2 li .img-text {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column4-list-2 li .img-text {
          align-items: flex-start; } }
    #alv-cont.temp8 .column4-list-2 li .img {
      margin-right: 20px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column4-list-2 li .img {
          width: 113px; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .column4-list-2 li .text {
        width: calc(100% - 130px); } }
    #alv-cont.temp8 .column4-list-2 li .text strong {
      font-size: 16px;
      line-height: 1.714;
      font-weight: bold; }
    #alv-cont.temp8 .column4-list-2 li .text small {
      font-size: 12px;
      line-height: 1.666;
      color: #666666;
      display: block; }
    #alv-cont.temp8 .column4-list-2 li .text span {
      font-size: 14px;
      display: block;
      line-height: 1.5;
      margin: 8px 0 0; }
    #alv-cont.temp8 .column4-list-2 li .btn1 {
      margin: 22px 0 0;
      display: none; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .column4-list-2 li .btn1 {
          margin: 20px auto 0;
          width: 200px;
          height: 40px; } }

#alv-cont.temp8 .attention-box {
  background: #F9F9F9;
  padding: 28px 32px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .attention-box {
      padding: 28px 22px 30px; } }
  #alv-cont.temp8 .attention-box__title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .attention-box__title {
        margin: 0 0 16px; } }
    #alv-cont.temp8 .attention-box__title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .attention-box__title i {
          margin-right: 3px; } }
    #alv-cont.temp8 .attention-box__title span {
      font-size: 16px;
      font-weight: bold; }
  #alv-cont.temp8 .attention-box__img-text {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .attention-box__img-text {
        display: block; } }
    #alv-cont.temp8 .attention-box__img-text .img {
      width: 278px;
      padding: 18px;
      background: #fff; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .attention-box__img-text .img {
          width: 100%;
          margin: 0 0 20px; } }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .attention-box__img-text .img img {
          width: 100%; } }
    #alv-cont.temp8 .attention-box__img-text .text {
      width: calc(100% - 334px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .attention-box__img-text .text {
          width: 100%; } }
      #alv-cont.temp8 .attention-box__img-text .text p {
        font-size: 14px;
        line-height: 1.714; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .attention-box__img-text .text .table-wrap {
          overflow-x: scroll; } }
      #alv-cont.temp8 .attention-box__img-text .text table {
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        border-bottom: 1px solid #E3E3E3;
        border-right: 1px solid #E3E3E3;
        margin: 14px 0 0; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp8 .attention-box__img-text .text table {
            width: 562px; } }
        #alv-cont.temp8 .attention-box__img-text .text table thead tr th {
          text-align: center;
          background: #E3E3E3;
          font-size: 16px;
          line-height: 1.5;
          font-weight: bold;
          padding: 10px;
          border-top: 1px solid #E3E3E3;
          border-left: 1px solid #E3E3E3;
          width: 185px; }
          #alv-cont.temp8 .attention-box__img-text .text table thead tr th:nth-of-type(2) {
            width: calc(100% - 185px); }
        #alv-cont.temp8 .attention-box__img-text .text table tbody tr td {
          font-size: 16px;
          line-height: 1.5;
          font-weight: bold;
          padding: 15px 27px 15px 23px;
          border-top: 1px solid #E3E3E3;
          border-left: 1px solid #E3E3E3;
          width: 185px;
          background: #fff; }
          #alv-cont.temp8 .attention-box__img-text .text table tbody tr td:nth-of-type(2) {
            width: calc(100% - 185px); }
          #alv-cont.temp8 .attention-box__img-text .text table tbody tr td .img {
            padding: 0;
            background: none;
            width: auto;
            margin-right: 25px; }
          #alv-cont.temp8 .attention-box__img-text .text table tbody tr td .box {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            #alv-cont.temp8 .attention-box__img-text .text table tbody tr td .box span {
              text-align: center;
              display: block; }

#alv-cont.temp8 .search-area {
  background: #F5F5F5;
  padding: 60px 70px;
  width: calc(100% + 140px);
  margin: 0 -70px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .search-area {
      padding: 40px 20px 30px;
      margin: 0;
      width: calc(100% + 40px);
      margin: 0 -20px; } }
  #alv-cont.temp8 .search-area h3 {
    text-align: center;
    margin: 0 0 50px;
    font-size: 15px;
    letter-spacing: .1em; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .search-area h3 {
        margin: 0 0 35px; } }
  #alv-cont.temp8 .search-area__box {
    display: flex;
    border: 1px solid #E3E3E3; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .search-area__box {
        display: block; } }
    #alv-cont.temp8 .search-area__box h4 {
      font-weight: bold;
      color: #E82318;
      font-size: 14px;
      line-height: 1.57; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .search-area__box h4 {
          text-align: center; } }
    #alv-cont.temp8 .search-area__box .left {
      background: #FFFFFF;
      padding: 50px 48px 30px;
      width: 44.3%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .search-area__box .left {
          padding: 40px 40px 24px 24px;
          width: 100%; } }
      #alv-cont.temp8 .search-area__box .left ul {
        margin: 45px 0 0; }
        #alv-cont.temp8 .search-area__box .left ul li {
          display: flex;
          margin: 0 0 30px; }
          #alv-cont.temp8 .search-area__box .left ul li span {
            font-size: 18px;
            width: 50px;
            padding-left: 7px; }
          #alv-cont.temp8 .search-area__box .left ul li p {
            font-size: 14px;
            line-height: 1.714;
            width: calc(100% - 50px); }
    #alv-cont.temp8 .search-area__box .right {
      border-left: 1px solid #E3E3E3;
      background: #F9F9F9;
      padding: 50px 40px 45px;
      width: 55.7%;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp8 .search-area__box .right {
          width: 100%;
          padding: 40px 20px 120px; } }
      #alv-cont.temp8 .search-area__box .right .img {
        position: absolute;
        right: 0;
        bottom: 0; }
      #alv-cont.temp8 .search-area__box .right .input-wrap {
        position: relative;
        margin: 30px 0 15px; }
        #alv-cont.temp8 .search-area__box .right .input-wrap:before {
          content: "";
          width: 135px;
          height: 1px;
          background: #999999;
          display: block;
          position: absolute;
          top: 50%;
          left: -135px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp8 .search-area__box .right .input-wrap:before {
              width: 1px;
              height: 315px;
              left: auto;
              top: -315px;
              right: 18px;
              -webkit-transform: translate(0, 0%);
              -moz-transform: translate(0, 0%);
              -ms-transform: translate(0, 0%);
              transform: translate(0, 0%); } }
        #alv-cont.temp8 .search-area__box .right .input-wrap:after {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          display: block;
          background: #999999;
          position: absolute;
          top: 50%;
          left: -135px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          @media only screen and (max-width: 768px) {
            #alv-cont.temp8 .search-area__box .right .input-wrap:after {
              top: -315px;
              right: 16px;
              left: auto;
              -webkit-transform: translate(0, 0%);
              -moz-transform: translate(0, 0%);
              -ms-transform: translate(0, 0%);
              transform: translate(0, 0%); } }
        #alv-cont.temp8 .search-area__box .right .input-wrap input {
          border: 1px solid #999999;
          height: 48px;
          width: 100%;
          padding: 10px; }
        #alv-cont.temp8 .search-area__box .right .input-wrap button {
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          #alv-cont.temp8 .search-area__box .right .input-wrap button img {
            display: block; }
      #alv-cont.temp8 .search-area__box .right small {
        font-size: 11px;
        line-height: 1.818;
        display: block;
        margin: 0 0 70px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.temp8 .search-area__box .right small {
            margin: 0 0 18px; } }
      #alv-cont.temp8 .search-area__box .right .q-link {
        font-weight: normal; }

#alv-cont.temp8 .recommend h3 {
  font-size: 18px; }

#alv-cont.temp8 .recommend__slider .slide {
  width: 25%;
  padding: 20px 19px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .recommend__slider .slide {
      width: 240px;
      padding: 20px 20px 18px; } }
  #alv-cont.temp8 .recommend__slider .slide .img {
    margin: 0 0 20px;
    height: 160px; }
    #alv-cont.temp8 .recommend__slider .slide .img img {
      height: 100%; }
  #alv-cont.temp8 .recommend__slider .slide .text strong {
    font-size: 14px;
    line-height: 1.714;
    font-weight: bold;
    height: 40px;
    display: block; }
  #alv-cont.temp8 .recommend__slider .slide .text span {
    font-size: 12px;
    display: block;
    text-align: right;
    line-height: 1.5;
    margin: 8px 0 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .recommend__slider .slide .text span {
        margin: 4px 0 0; } }
  #alv-cont.temp8 .recommend__slider .slide .text p {
    font-size: 14px;
    line-height: 1.714;
    margin: 15px 0 0;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp8 .recommend__slider .slide .text p {
        margin: 10px 0 0; } }

#alv-cont.temp8 .img-full {
  margin: 0 0 22px; }

#alv-cont.temp8 .mb30 {
  margin: 0 0 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 .mb30 {
      margin: 0 0 20px; } }

#alv-cont.temp8 #sec10 .btn1 {
  width: 450px;
  margin: 74px auto 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp8 #sec10 .btn1 {
      width: 100%;
      height: 55px;
      margin: 27px auto 0; } }

#alv-cont.temp9 section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp9 section {
      margin-top: 50px; } }

#alv-cont.temp9 #caption {
  margin-top: 10px; }

#alv-cont.temp9 h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp9 h2 {
      margin-bottom: 30px; } }

#alv-cont.temp9 .attention {
  padding: 28px 32px 16px;
  background: #F9F9F9; }
  @media only screen and (max-width: 768px) {
    #alv-cont.temp9 .attention {
      width: calc(100% + 40px);
      margin: 0 -20px;
      padding: 30px 22px 22px; } }
  #alv-cont.temp9 .attention__title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp9 .attention__title {
        margin: 0 0 16px; } }
    #alv-cont.temp9 .attention__title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp9 .attention__title i {
          margin-right: 3px; } }
    #alv-cont.temp9 .attention__title span {
      font-size: 16px;
      font-weight: bold; }
  #alv-cont.temp9 .attention__list li {
    font-size: 14px;
    line-height: 1.428;
    margin: 0 0 12px;
    padding-left: 16px;
    position: relative; }
    #alv-cont.temp9 .attention__list li:before {
      content: "";
      position: absolute;
      left: 0;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #000;
      top: 7px; }

#alv-cont.temp9 .column3-list {
  display: flex;
  flex-wrap: wrap; }
  #alv-cont.temp9 .column3-list li {
    width: calc((100% - 64px) / 3);
    margin-right: 32px;
    margin-bottom: 38px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.temp9 .column3-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 34px; } }
    #alv-cont.temp9 .column3-list li:nth-of-type(3n) {
      margin-right: 0; }
    #alv-cont.temp9 .column3-list li h2 {
      margin: 0 0 20px; }
    #alv-cont.temp9 .column3-list li .text h3 {
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      margin: 12px 0 10px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.temp9 .column3-list li .text h3 {
          margin: 18px 0 8px; } }
    #alv-cont.temp9 .column3-list li .text p {
      font-size: 14px;
      line-height: 1.714; }

#alv-cont.boiler_hotwater_tube section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube section {
      margin-top: 50px; } }

#alv-cont.boiler_hotwater_tube #caption {
  margin-top: 10px; }

#alv-cont.boiler_hotwater_tube h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube h2 {
      margin-bottom: 30px; } }

#alv-cont.boiler_hotwater_tube h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 18px; }

#alv-cont.boiler_hotwater_tube p {
  font-size: 14px;
  line-height: 1.6666; }

#alv-cont.boiler_hotwater_tube .attention {
  padding: 28px 32px 16px;
  background: #F9F9F9; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .attention {
      width: calc(100% + 40px);
      margin: 0 -20px;
      padding: 30px 22px 22px; } }
  #alv-cont.boiler_hotwater_tube .attention__title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .attention__title {
        margin: 0 0 16px; } }
    #alv-cont.boiler_hotwater_tube .attention__title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .attention__title i {
          margin-right: 3px; } }
    #alv-cont.boiler_hotwater_tube .attention__title span {
      font-size: 16px;
      font-weight: bold; }
  #alv-cont.boiler_hotwater_tube .attention__list li {
    font-size: 14px;
    line-height: 1.428;
    margin: 0 0 12px;
    padding-left: 16px;
    position: relative; }
    #alv-cont.boiler_hotwater_tube .attention__list li:before {
      content: "";
      position: absolute;
      left: 0;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #000;
      top: 7px; }

#alv-cont.boiler_hotwater_tube .column4-list {
  display: flex;
  flex-wrap: wrap; }
  #alv-cont.boiler_hotwater_tube .column4-list li {
    width: calc((100% - 45px) / 4);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #EEEEEE; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column4-list li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 10px; } }
    #alv-cont.boiler_hotwater_tube .column4-list li:nth-of-type(4n) {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column4-list li:nth-of-type(2n) {
        margin-right: 0; } }
    #alv-cont.boiler_hotwater_tube .column4-list li a {
      display: flex;
      align-items: center; }
      #alv-cont.boiler_hotwater_tube .column4-list li a .img {
        width: 51px;
        height: 64px; }
      #alv-cont.boiler_hotwater_tube .column4-list li a .text {
        width: calc(100% - 51px);
        padding: 10px;
        font-size: 12px;
        line-height: 1.6666; }

#alv-cont.boiler_hotwater_tube .column-3-2 {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .column-3-2 {
      display: block; } }
  #alv-cont.boiler_hotwater_tube .column-3-2 .img {
    width: 53.9%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column-3-2 .img {
        width: 100%; } }
    #alv-cont.boiler_hotwater_tube .column-3-2 .img:nth-of-type(2) {
      width: 39.68%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column-3-2 .img:nth-of-type(2) {
          width: auto;
          width: 246px;
          margin-top: 24px; } }

#alv-cont.boiler_hotwater_tube .column3-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .column3-list {
      margin: 20px 0 0; } }
  #alv-cont.boiler_hotwater_tube .column3-list li {
    width: calc((100% - 120px) / 3);
    margin-right: 60px;
    margin-bottom: 40px;
    position: relative; }
    @media only screen and (min-width: 769px) {
      #alv-cont.boiler_hotwater_tube .column3-list li:nth-of-type(3n):after {
        content: none; } }
    #alv-cont.boiler_hotwater_tube .column3-list li:last-of-type:after {
      content: none; }
    #alv-cont.boiler_hotwater_tube .column3-list li:after {
      content: "";
      width: 20px;
      height: 20px;
      border-top: 2px solid #333333;
      border-right: 2px solid #333333;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 85px;
      right: -35px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column3-list li:after {
          position: static;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          display: block;
          margin: 14px auto 0; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column3-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
    #alv-cont.boiler_hotwater_tube .column3-list li:nth-of-type(3n) {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column3-list li .img img {
        width: 100%; } }
    #alv-cont.boiler_hotwater_tube .column3-list li .text {
      margin: 20px 0 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column3-list li .text {
          margin: 15px 0 0; } }
      #alv-cont.boiler_hotwater_tube .column3-list li .text h4 {
        display: flex;
        margin: 0 0 12px; }
        #alv-cont.boiler_hotwater_tube .column3-list li .text h4 i {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          font-size: 14px;
          font-weight: bold;
          margin-right: 10px;
          position: relative;
          top: 2px; }
          @media only screen and (max-width: 768px) {
            #alv-cont.boiler_hotwater_tube .column3-list li .text h4 i {
              top: 4px; } }
          #alv-cont.boiler_hotwater_tube .column3-list li .text h4 i:after {
            content: "."; }
        #alv-cont.boiler_hotwater_tube .column3-list li .text h4 span {
          font-weight: bold;
          width: calc(100% - 26px); }
          @media only screen and (max-width: 768px) {
            #alv-cont.boiler_hotwater_tube .column3-list li .text h4 span {
              font-size: 16px; } }
      #alv-cont.boiler_hotwater_tube .column3-list li .text p {
        font-size: 14px;
        line-height: 1.714; }
      #alv-cont.boiler_hotwater_tube .column3-list li .text small {
        font-size: 12px;
        line-height: 1.6666;
        color: #666666; }
    #alv-cont.boiler_hotwater_tube .column3-list li .img02 {
      margin: 18px 0 0; }

#alv-cont.boiler_hotwater_tube .check-box:after {
  content: "";
  width: 498px;
  height: 69px;
  display: block;
  margin: 0 auto;
  background: url(/images/alv-images/temp8/arrow.png) center center/cover no-repeat; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .check-box:after {
      width: 18px;
      height: 42px;
      background: url(/images/alv-images/temp8/arrow03.png) center center/cover no-repeat; } }

@media only screen and (max-width: 768px) {
  #alv-cont.boiler_hotwater_tube .check-box .text {
    text-align: center;
    font-weight: bold;
    margin: 15px 0 10px;
    font-size: 16px; } }

#alv-cont.boiler_hotwater_tube .check {
  display: flex;
  align-items: center;
  border: 2px solid #FF8C1A; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .check {
      display: block; } }
  #alv-cont.boiler_hotwater_tube .check .left {
    width: 186px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF8C1A;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .check .left {
        width: 100%;
        height: 30px; } }
    #alv-cont.boiler_hotwater_tube .check .left span {
      font-size: 20px;
      font-weight: bold; }
  #alv-cont.boiler_hotwater_tube .check .right {
    width: calc(100% - 186px);
    display: flex;
    align-items: center;
    padding: 0 45px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .check .right {
        width: 100%;
        padding: 12px; } }
    #alv-cont.boiler_hotwater_tube .check .right .img {
      margin-right: 28px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .check .right .img {
          margin: 0 auto; } }
    #alv-cont.boiler_hotwater_tube .check .right .text {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5; }

#alv-cont.boiler_hotwater_tube .column2-box {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 0 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .column2-box {
      display: block;
      margin: 0 0 28px; } }
  #alv-cont.boiler_hotwater_tube .column2-box:after {
    content: "";
    width: 593px;
    height: 115px;
    left: 100px;
    bottom: -115px;
    display: block;
    margin: 0 auto;
    position: absolute;
    background: url(/images/alv-images/temp8/arrow02.png) center center/cover no-repeat; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column2-box:after {
        width: 2px;
        height: 80px;
        background: #FF8C1A;
        bottom: -80px;
        left: 45px; } }
  #alv-cont.boiler_hotwater_tube .column2-box__box {
    margin: 0 25px;
    border: 2px solid #E3E3E3;
    padding: 30px 38px 0;
    width: calc((100% - 100px) / 2); }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column2-box__box {
        margin: 0 0 20px;
        width: 100%;
        padding: 30px 28px 1px; } }
    #alv-cont.boiler_hotwater_tube .column2-box__box h4 {
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column2-box__box h4 {
          margin: 0 0 18px; } }
    #alv-cont.boiler_hotwater_tube .column2-box__box .box {
      margin: 0 0 30px; }
      #alv-cont.boiler_hotwater_tube .column2-box__box .box .text {
        margin: 15px 0 0; }
        #alv-cont.boiler_hotwater_tube .column2-box__box .box .text h5 {
          display: flex;
          margin: 0 0 12px;
          font-size: 16px;
          line-height: 1.5; }
          #alv-cont.boiler_hotwater_tube .column2-box__box .box .text h5 i {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 16px;
            height: 16px;
            font-size: 14px;
            font-weight: bold;
            margin-right: 10px;
            position: relative;
            top: 2px; }
            @media only screen and (max-width: 768px) {
              #alv-cont.boiler_hotwater_tube .column2-box__box .box .text h5 i {
                top: 4px; } }
            #alv-cont.boiler_hotwater_tube .column2-box__box .box .text h5 i:after {
              content: "."; }
          #alv-cont.boiler_hotwater_tube .column2-box__box .box .text h5 span {
            font-weight: bold;
            width: calc(100% - 26px); }
            @media only screen and (max-width: 768px) {
              #alv-cont.boiler_hotwater_tube .column2-box__box .box .text h5 span {
                font-size: 16px; } }
        #alv-cont.boiler_hotwater_tube .column2-box__box .box .text p {
          font-size: 14px;
          line-height: 1.714; }
    #alv-cont.boiler_hotwater_tube .column2-box__box .bottom {
      width: calc(100% + 76px);
      margin: 0 -38px;
      background: #F5F5F5;
      padding: 24px;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column2-box__box .bottom {
          width: calc(100% + 56px);
          margin: 0 -28px; } }
      #alv-cont.boiler_hotwater_tube .column2-box__box .bottom .text {
        width: calc(100% - 105px);
        font-size: 14px;
        line-height: 1.714; }
      #alv-cont.boiler_hotwater_tube .column2-box__box .bottom .img {
        width: 86px; }

#alv-cont.boiler_hotwater_tube .flow-text {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  margin: 0px auto 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .flow-text {
      margin: 0 auto 28px;
      padding-left: 30px; } }

#alv-cont.boiler_hotwater_tube .column4-list-2 {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .column4-list-2 {
      display: block; } }
  #alv-cont.boiler_hotwater_tube .column4-list-2 li {
    width: 25%;
    padding: 45px 19px 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column4-list-2 li {
        width: 100%;
        padding: 0;
        margin: 0 0 30px; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column4-list-2 li .img-text {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    #alv-cont.boiler_hotwater_tube .column4-list-2 li .img {
      margin: 0 0 20px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column4-list-2 li .img {
          width: 113px;
          margin: 0; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .column4-list-2 li .text {
        width: calc(100% - 130px); } }
    #alv-cont.boiler_hotwater_tube .column4-list-2 li .text strong {
      font-size: 14px;
      line-height: 1.714; }
    #alv-cont.boiler_hotwater_tube .column4-list-2 li .text small {
      font-size: 12px;
      line-height: 1.666;
      color: #666666;
      display: block; }
    #alv-cont.boiler_hotwater_tube .column4-list-2 li .text span {
      font-size: 12px;
      display: block;
      text-align: right;
      line-height: 1.5;
      margin: 8px 0 0; }
    #alv-cont.boiler_hotwater_tube .column4-list-2 li .btn1 {
      margin: 22px 0 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .column4-list-2 li .btn1 {
          margin: 20px auto 0;
          width: 200px;
          height: 40px; } }

#alv-cont.boiler_hotwater_tube .attention-box {
  background: #F9F9F9;
  padding: 28px 32px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .attention-box {
      padding: 28px 22px 30px; } }
  #alv-cont.boiler_hotwater_tube .attention-box__title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .attention-box__title {
        margin: 0 0 16px; } }
    #alv-cont.boiler_hotwater_tube .attention-box__title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .attention-box__title i {
          margin-right: 3px; } }
    #alv-cont.boiler_hotwater_tube .attention-box__title span {
      font-size: 16px;
      font-weight: bold; }
  #alv-cont.boiler_hotwater_tube .attention-box__img-text {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .attention-box__img-text {
        display: block; } }
    #alv-cont.boiler_hotwater_tube .attention-box__img-text .img {
      width: 278px;
      padding: 18px;
      background: #fff; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .attention-box__img-text .img {
          width: 100%;
          margin: 0 0 20px; } }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .attention-box__img-text .img img {
          width: 100%; } }
    #alv-cont.boiler_hotwater_tube .attention-box__img-text .text {
      width: calc(100% - 334px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .attention-box__img-text .text {
          width: 100%; } }
      #alv-cont.boiler_hotwater_tube .attention-box__img-text .text p {
        font-size: 14px;
        line-height: 1.714; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .attention-box__img-text .text .table-wrap {
          overflow-x: scroll; } }
      #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table {
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        border-bottom: 1px solid #E3E3E3;
        border-right: 1px solid #E3E3E3;
        margin: 14px 0 0; }
        @media only screen and (max-width: 768px) {
          #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table {
            width: 562px; } }
        #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table thead tr th {
          text-align: center;
          background: #E3E3E3;
          font-size: 16px;
          line-height: 1.5;
          font-weight: bold;
          padding: 10px;
          border-top: 1px solid #E3E3E3;
          border-left: 1px solid #E3E3E3;
          width: 185px; }
          #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table thead tr th:nth-of-type(2) {
            width: calc(100% - 185px); }
        #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table tbody tr td {
          font-size: 16px;
          line-height: 1.5;
          font-weight: bold;
          padding: 15px 27px;
          border-top: 1px solid #E3E3E3;
          border-left: 1px solid #E3E3E3;
          width: 185px;
          background: #fff; }
          #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table tbody tr td:nth-of-type(2) {
            width: calc(100% - 185px); }
          #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table tbody tr td .img {
            padding: 0;
            background: none;
            width: auto;
            margin-right: 20px; }
          #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table tbody tr td .box {
            display: flex;
            justify-content: flex-end;
            align-items: center; }
            #alv-cont.boiler_hotwater_tube .attention-box__img-text .text table tbody tr td .box span {
              text-align: center; }

#alv-cont.boiler_hotwater_tube .search-area {
  background: #F5F5F5;
  padding: 60px 70px;
  width: calc(100% + 140px);
  margin: 0 -70px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .search-area {
      padding: 40px 20px 30px;
      margin: 0;
      width: calc(100% + 40px);
      margin: 0 -20px; } }
  #alv-cont.boiler_hotwater_tube .search-area h3 {
    text-align: center;
    margin: 0 0 50px;
    font-size: 15px;
    letter-spacing: .1em; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .search-area h3 {
        margin: 0 0 35px; } }
  #alv-cont.boiler_hotwater_tube .search-area__box {
    display: flex;
    border: 1px solid #E3E3E3; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .search-area__box {
        display: block; } }
    #alv-cont.boiler_hotwater_tube .search-area__box h4 {
      font-weight: bold;
      color: #E82318;
      font-size: 14px;
      line-height: 1.57; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .search-area__box h4 {
          text-align: center; } }
    #alv-cont.boiler_hotwater_tube .search-area__box .left {
      background: #FFFFFF;
      padding: 50px 48px 30px;
      width: 44.3%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .search-area__box .left {
          padding: 40px 40px 24px 24px;
          width: 100%; } }
      #alv-cont.boiler_hotwater_tube .search-area__box .left ul {
        margin: 45px 0 0; }
        #alv-cont.boiler_hotwater_tube .search-area__box .left ul li {
          display: flex;
          margin: 0 0 30px; }
          #alv-cont.boiler_hotwater_tube .search-area__box .left ul li span {
            font-size: 18px;
            width: 50px;
            padding-left: 7px; }
          #alv-cont.boiler_hotwater_tube .search-area__box .left ul li p {
            font-size: 14px;
            line-height: 1.714;
            width: calc(100% - 50px); }
    #alv-cont.boiler_hotwater_tube .search-area__box .right {
      border-left: 1px solid #E3E3E3;
      background: #F9F9F9;
      padding: 50px 40px 45px;
      width: 55.7%;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #alv-cont.boiler_hotwater_tube .search-area__box .right {
          width: 100%;
          padding: 40px 20px 120px; } }
      #alv-cont.boiler_hotwater_tube .search-area__box .right .img {
        position: absolute;
        right: 0;
        bottom: 0; }
      #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap {
        position: relative;
        margin: 30px 0 15px; }
        #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap:before {
          content: "";
          width: 135px;
          height: 1px;
          background: #999999;
          display: block;
          position: absolute;
          top: 50%;
          left: -135px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          @media only screen and (max-width: 768px) {
            #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap:before {
              width: 1px;
              height: 315px;
              left: auto;
              top: -315px;
              right: 18px;
              -webkit-transform: translate(0, 0%);
              -moz-transform: translate(0, 0%);
              -ms-transform: translate(0, 0%);
              transform: translate(0, 0%); } }
        #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap:after {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          display: block;
          background: #999999;
          position: absolute;
          top: 50%;
          left: -135px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          @media only screen and (max-width: 768px) {
            #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap:after {
              top: -315px;
              right: 16px;
              left: auto;
              -webkit-transform: translate(0, 0%);
              -moz-transform: translate(0, 0%);
              -ms-transform: translate(0, 0%);
              transform: translate(0, 0%); } }
        #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap input {
          border: 1px solid #999999;
          height: 48px;
          width: 100%;
          padding: 10px; }
        #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap button {
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          #alv-cont.boiler_hotwater_tube .search-area__box .right .input-wrap button img {
            display: block; }
      #alv-cont.boiler_hotwater_tube .search-area__box .right small {
        font-size: 11px;
        line-height: 1.818;
        display: block;
        margin: 0 0 70px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.boiler_hotwater_tube .search-area__box .right small {
            margin: 0 0 18px; } }
      #alv-cont.boiler_hotwater_tube .search-area__box .right .q-link {
        font-weight: normal; }

#alv-cont.boiler_hotwater_tube .recommend h3 {
  font-size: 18px; }

#alv-cont.boiler_hotwater_tube .recommend__slider .slide {
  width: 25%;
  padding: 45px 19px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .recommend__slider .slide {
      width: 240px;
      padding: 20px 20px 18px; } }
  #alv-cont.boiler_hotwater_tube .recommend__slider .slide .img {
    margin: 0 0 20px; }
  #alv-cont.boiler_hotwater_tube .recommend__slider .slide .text strong {
    font-size: 14px;
    line-height: 1.714;
    font-weight: bold;
    height: 37px; }
  #alv-cont.boiler_hotwater_tube .recommend__slider .slide .text span {
    font-size: 12px;
    display: block;
    text-align: right;
    line-height: 1.5;
    margin: 8px 0 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .recommend__slider .slide .text span {
        margin: 4px 0 0; } }
  #alv-cont.boiler_hotwater_tube .recommend__slider .slide .text p {
    font-size: 14px;
    line-height: 1.714;
    margin: 15px 0 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.boiler_hotwater_tube .recommend__slider .slide .text p {
        margin: 10px 0 0; } }

#alv-cont.boiler_hotwater_tube .img-full {
  margin: 0 0 22px; }

#alv-cont.boiler_hotwater_tube .mb30 {
  margin: 0 0 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .mb30 {
      margin: 0 0 20px; } }

#alv-cont.boiler_hotwater_tube #sec10 .btn1 {
  width: 450px;
  margin: 74px auto 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube #sec10 .btn1 {
      width: 100%;
      height: 55px;
      margin: 27px auto 0; } }

#alv-cont.boiler_hotwater_tube .btn1.w450 {
  width: 450px;
  margin: 2px auto 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.boiler_hotwater_tube .btn1.w450 {
      width: 100%;
      height: 55px;
      margin: 4px auto 0; } }

#alv-cont.eposcard section {
  margin-top: 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.eposcard section {
      margin-top: 30px; } }

#alv-cont.eposcard #sec1 {
  margin-top: 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.eposcard #sec1 {
      margin-top: 40px; } }

#alv-cont.eposcard #caption {
  margin-top: 10px;
  margin-bottom: 30px; }
  #alv-cont.eposcard #caption h1 {
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard #caption h1 {
        margin-bottom: 25px; } }
  #alv-cont.eposcard #caption p {
    font-size: 14px;
    line-height: 1.714;
    margin: 0 0 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard #caption p {
        margin: 0 0 15px; } }

#alv-cont.eposcard h2 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2222; }
  #alv-cont.eposcard h2 small {
    color: #666666;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    font-weight: normal; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard h2 small {
        display: block;
        margin: 4px 0 0; } }

#alv-cont.eposcard p {
  font-size: 14px;
  line-height: 1.714; }

#alv-cont.eposcard .text-img {
  display: flex;
  justify-content: space-between;
  margin: 0 0 45px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.eposcard .text-img {
      display: block;
      margin: 0 0 60px; } }
  #alv-cont.eposcard .text-img .text {
    width: 41.77%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard .text-img .text {
        width: 100%;
        margin: 0 0 30px; } }
    #alv-cont.eposcard .text-img .text .logo {
      margin: 0 0 25px; }
    #alv-cont.eposcard .text-img .text p {
      font-size: 14px;
      line-height: 1.714;
      margin: 0 0 25px; }
    #alv-cont.eposcard .text-img .text .btn1 {
      max-width: 295px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.eposcard .text-img .text .btn1 {
          margin: 0 auto; } }
  #alv-cont.eposcard .text-img .img {
    width: 48.3333%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard .text-img .img {
        width: 100%; } }

#alv-cont.eposcard small {
  font-size: 12px;
  line-height: 1.6666;
  color: #666666;
  display: block; }

#alv-cont.eposcard .column3-box {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.eposcard .column3-box {
      display: block;
      margin: 30px 0 60px; } }
  #alv-cont.eposcard .column3-box .box {
    width: 30.83%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard .column3-box .box {
        width: 100%;
        margin: 0 0 30px; } }
    #alv-cont.eposcard .column3-box .box h3 {
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 12px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.eposcard .column3-box .box h3 {
          text-align: center; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard .column3-box .box .btn-red {
        max-width: 295px; } }

#alv-cont.eposcard .product-list {
  display: flex;
  flex-wrap: wrap; }
  #alv-cont.eposcard .product-list li {
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard .product-list li {
        width: calc((100% - 22px) / 2);
        margin-right: 22px; } }
    #alv-cont.eposcard .product-list li:nth-of-type(4n) {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.eposcard .product-list li:nth-of-type(2n) {
        margin-right: 0; } }
    #alv-cont.eposcard .product-list li .img {
      margin: 0 0 15px; }
    #alv-cont.eposcard .product-list li .text p {
      font-weight: bold;
      text-decoration: underline; }
    #alv-cont.eposcard .product-list li .text small {
      color: #222222; }
      @media only screen and (max-width: 768px) {
        #alv-cont.eposcard .product-list li .text small {
          font-size: 14px; } }

#alv-cont.first section {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.first section {
      margin-top: 30px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.first #sec1 {
    margin-top: 36px; } }

#alv-cont.first #caption {
  margin-top: 10px;
  margin-bottom: 30px; }
  #alv-cont.first #caption p {
    font-size: 14px;
    line-height: 1.714; }

#alv-cont.first .banner {
  margin-bottom: 44px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.first .banner {
      width: calc(100% + 40px);
      margin: 0 -20px 60px; } }

#alv-cont.first h2 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2222;
  margin-bottom: 44px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.first h2 {
      text-align: center;
      margin-bottom: 34px; } }
  #alv-cont.first h2 i {
    margin-right: 2px;
    display: inline-block;
    position: relative;
    top: -2px; }

#alv-cont.first .attention-box {
  background: #F9F9F9;
  padding: 30px 32px 26px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.first .attention-box {
      padding: 40px 18px 70px;
      width: calc(100% + 40px);
      margin: 0 -20px; } }
  #alv-cont.first .attention-box h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 0 26px;
    letter-spacing: .1em; }
    @media only screen and (max-width: 768px) {
      #alv-cont.first .attention-box h3 {
        text-align: center;
        font-size: 15px; } }
  #alv-cont.first .attention-box__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (max-width: 768px) {
      #alv-cont.first .attention-box__list {
        display: block; } }
    #alv-cont.first .attention-box__list li {
      width: 45.98%;
      display: flex;
      justify-content: space-between;
      margin: 0 0 20px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.first .attention-box__list li {
          display: block;
          width: 100%; } }
      #alv-cont.first .attention-box__list li:last-of-type {
        margin: 0; }
      #alv-cont.first .attention-box__list li .img {
        width: 100px;
        height: 100px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          #alv-cont.first .attention-box__list li .img {
            width: 50px;
            height: 50px; } }
        @media only screen and (max-width: 768px) {
          #alv-cont.first .attention-box__list li .img i {
            width: 26px; } }
        @media only screen and (max-width: 768px) {
          #alv-cont.first .attention-box__list li .img .i20 {
            width: 20px; } }
        @media only screen and (max-width: 768px) {
          #alv-cont.first .attention-box__list li .img .i15 {
            width: 15px; } }
      #alv-cont.first .attention-box__list li .text {
        width: calc(100% - 115px);
        padding: 5px 0 0; }
        @media only screen and (max-width: 768px) {
          #alv-cont.first .attention-box__list li .text {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 0; } }
        #alv-cont.first .attention-box__list li .text h4 {
          font-size: 16px;
          line-height: 1.5;
          font-weight: bold;
          margin: 0 0 10px; }
          @media only screen and (max-width: 768px) {
            #alv-cont.first .attention-box__list li .text h4 {
              width: calc(100% - 60px);
              margin-left: 10px;
              margin-bottom: 0; } }
        @media only screen and (max-width: 768px) {
          #alv-cont.first .attention-box__list li .text p {
            margin-top: 10px;
            line-height: 1.714; } }
        #alv-cont.first .attention-box__list li .text ol li {
          font-size: 14px;
          line-height: 1.428;
          width: 100%;
          margin: 0 0 7px;
          padding-left: 20px;
          position: relative; }
          #alv-cont.first .attention-box__list li .text ol li:last-of-type {
            margin: 0 0 0; }
          #alv-cont.first .attention-box__list li .text ol li:before {
            content: "";
            width: 4px;
            height: 4px;
            display: inline-block;
            border-radius: 50%;
            background: #333333;
            position: absolute;
            left: 5px;
            top: 7px; }

#alv-cont.first .attention-list {
  margin: 16px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.first .attention-list {
      margin: 25px 0 0; } }
  #alv-cont.first .attention-list small {
    font-size: 12px;
    line-height: 1.6666;
    color: #666666; }

#alv-cont.first .question-list {
  margin: 20px 0 0; }
  #alv-cont.first .question-list li {
    padding-left: 24px;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    margin: 0 0 7px; }
    #alv-cont.first .question-list li:before {
      content: "";
      width: 14px;
      height: 14px;
      display: inline-block;
      position: absolute;
      top: 3px;
      left: 5px;
      background: url(/images/alv-images/first/icn_q.svg) center center/cover no-repeat; }
    #alv-cont.first .question-list li a {
      text-decoration: underline; }

#alv-cont.mailmagazine section {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine section {
      margin-top: 30px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.mailmagazine #sec1 {
    margin-top: 36px; } }

#alv-cont.mailmagazine #caption {
  margin-top: 10px;
  margin-bottom: 30px; }
  #alv-cont.mailmagazine #caption p {
    font-size: 14px;
    line-height: 1.714; }

#alv-cont.mailmagazine h2 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2222;
  margin-bottom: 44px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine h2 {
      text-align: center;
      margin-bottom: 30px;
      white-space: nowrap; } }

#alv-cont.mailmagazine .attention-box {
  background: #F9F9F9;
  padding: 30px 30px 30px;
  margin: 0 0 60px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine .attention-box {
      padding: 25px 28px 40px;
      margin: 0 0 40px; } }
  #alv-cont.mailmagazine .attention-box strong {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5; }
  #alv-cont.mailmagazine .attention-box p {
    font-size: 14px;
    line-height: 1.57;
    margin: 8px 0 14px; }

#alv-cont.mailmagazine .mail-list {
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine .mail-list {
      display: block;
      margin: 48px 0 28px; } }
  #alv-cont.mailmagazine .mail-list li {
    position: relative;
    padding: 36px 30px 30px;
    min-height: 300px;
    background: #F9F9F9;
    width: 31.25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      #alv-cont.mailmagazine .mail-list li {
        width: 100%;
        padding: 36px 28px 25px;
        min-height: 210px;
        margin: 0 0 28px; } }
    #alv-cont.mailmagazine .mail-list li span {
      font-size: 24px;
      padding: 0 0 6px;
      border-bottom: 1px solid #666666;
      display: inline-block;
      position: absolute;
      line-height: 1;
      top: -8px; }
    #alv-cont.mailmagazine .mail-list li h3 {
      font-size: 16px;
      line-height: 1.43;
      font-weight: bold;
      margin: 0 0 10px; }
    #alv-cont.mailmagazine .mail-list li p {
      font-size: 14px;
      line-height: 1.714; }
      @media only screen and (max-width: 768px) {
        #alv-cont.mailmagazine .mail-list li p {
          width: 175px; } }
    #alv-cont.mailmagazine .mail-list li .img {
      display: block;
      margin-top: auto;
      margin-left: auto; }
      @media only screen and (max-width: 768px) {
        #alv-cont.mailmagazine .mail-list li .img {
          position: absolute;
          right: 20px;
          bottom: 22px; } }
    #alv-cont.mailmagazine .mail-list li .img01 {
      width: 123px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.mailmagazine .mail-list li .img01 {
          width: 114px; } }
    #alv-cont.mailmagazine .mail-list li .img02 {
      width: 152px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.mailmagazine .mail-list li .img02 {
          width: 148px; } }
    #alv-cont.mailmagazine .mail-list li .img03 {
      width: 104px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.mailmagazine .mail-list li .img03 {
          width: 94px; } }

#alv-cont.mailmagazine .middle {
  margin: 30px 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine .middle {
      margin: 15px 0 32px; } }
  #alv-cont.mailmagazine .middle small {
    display: block;
    font-size: 12px;
    line-height: 1.66666;
    color: #666666;
    margin: 30px 0 0; }

#alv-cont.mailmagazine .bottom h2 {
  margin: 0 0 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine .bottom h2 {
      text-align: left; } }

#alv-cont.mailmagazine .btn-list {
  display: flex; }
  @media only screen and (max-width: 768px) {
    #alv-cont.mailmagazine .btn-list {
      display: block; } }
  #alv-cont.mailmagazine .btn-list li {
    width: 310px;
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.mailmagazine .btn-list li {
        width: 100%;
        margin: 0 0 10px; } }

#alv-cont.member section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member section {
      margin-top: 48px; } }

#alv-cont.member #sec1 {
  margin-top: 78px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member #sec1 {
      margin-top: 48px; } }

#alv-cont.member #caption {
  margin-top: 10px;
  margin-bottom: 30px; }
  #alv-cont.member #caption p {
    font-size: 14px;
    line-height: 1.714; }
  #alv-cont.member #caption small {
    margin: 24px 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.member #caption small {
        margin: 15px 0 25px; } }
  #alv-cont.member #caption h2 {
    margin-bottom: 45px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.member #caption h2 {
        margin-bottom: 23px;
        text-align: center; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.member #caption .img {
      width: calc(100% + 40px);
      margin: 0 -20px; } }

#alv-cont.member h2 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2222; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member h2 {
      white-space: nowrap; } }

#alv-cont.member small {
  font-size: 12px;
  line-height: 1.6666;
  color: #666666;
  display: block; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member small {
      font-size: 11px;
      line-height: 1.818; } }

#alv-cont.member strong {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  margin: 30px 0 28px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member strong {
      font-size: 18px;
      line-height: 1.2222;
      margin: 22px 0 20px; } }

#alv-cont.member p {
  font-size: 14px;
  line-height: 1.714; }

#alv-cont.member .column2-box {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member .column2-box {
      margin: 14px 0 0;
      display: block; } }
  #alv-cont.member .column2-box__box {
    width: calc((100% - 20px) / 2); }
    @media only screen and (max-width: 768px) {
      #alv-cont.member .column2-box__box {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.member .column2-box__box:nth-of-type(2) {
        margin-top: 24px; } }
    #alv-cont.member .column2-box__box h3 {
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #333333;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.member .column2-box__box h3 {
          margin: 0 0 18px; } }
    #alv-cont.member .column2-box__box .box-list li {
      background: #F9F9F9;
      margin: 0 0 20px;
      padding: 36px 28px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #alv-cont.member .column2-box__box .box-list li {
          margin: 0 0 18px;
          padding: 33px 32px 25px; } }
      #alv-cont.member .column2-box__box .box-list li span {
        font-size: 24px;
        padding: 0 0 5px;
        border-bottom: 1px solid #000;
        position: absolute;
        top: -15px;
        left: 28px; }
      #alv-cont.member .column2-box__box .box-list li h4 {
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        margin: 0 0 8px; }
      #alv-cont.member .column2-box__box .box-list li p {
        font-size: 14px;
        line-height: 1.714; }

#alv-cont.member .box-list02 {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member .box-list02 {
      display: block;
      margin: 15px 0 20px; } }
  #alv-cont.member .box-list02 li {
    background: #F9F9F9;
    margin: 0 0 30px;
    padding: 36px 28px;
    position: relative;
    width: calc((100% - 20px) / 2); }
    @media only screen and (max-width: 768px) {
      #alv-cont.member .box-list02 li {
        width: 100%;
        padding: 30px 30px 24px;
        margin: 0 0 10px; } }
    #alv-cont.member .box-list02 li .title {
      display: flex;
      margin: 0 0 16px; }
    #alv-cont.member .box-list02 li span {
      font-size: 24px;
      padding: 0 0 5px;
      border-bottom: 1px solid #000;
      margin-right: 16px; }
    #alv-cont.member .box-list02 li h4 {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0 0 8px; }
    #alv-cont.member .box-list02 li p {
      font-size: 14px;
      line-height: 1.714; }

#alv-cont.member .btn-list {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    #alv-cont.member .btn-list {
      display: block; } }
  #alv-cont.member .btn-list li {
    width: calc((100% - 30px) / 3);
    margin-right: 15px;
    margin-bottom: 15px; }
    #alv-cont.member .btn-list li:nth-of-type(3n) {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.member .btn-list li {
        width: 100%;
        margin: 0 0 10px; } }

#alv-cont.rangefood section {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood section {
      margin-top: 50px; } }

#alv-cont.rangefood #caption {
  margin-top: 10px; }

#alv-cont.rangefood h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood h2 {
      margin-bottom: 30px; } }

#alv-cont.rangefood h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 18px; }

#alv-cont.rangefood p {
  font-size: 14px;
  line-height: 1.6666; }

#alv-cont.rangefood .worries {
  background: #F9F9F9;
  padding: 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .worries {
      padding: 32px 26px 34px; } }
  #alv-cont.rangefood .worries__box {
    display: flex;
    justify-content: space-between;
    margin: 0 0 35px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .worries__box {
        flex-direction: column; } }
    #alv-cont.rangefood .worries__box .arrow {
      width: 98px;
      text-align: center;
      margin-top: 110px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .worries__box .arrow {
          width: 45px;
          margin: 20px auto;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); } }
    #alv-cont.rangefood .worries__box .box {
      width: calc((100% - 94px) / 2); }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .worries__box .box {
          width: 100%; } }
      #alv-cont.rangefood .worries__box .box strong {
        margin: 0 0 18px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.rangefood .worries__box .box strong {
            margin: 0 0 14px; } }
      #alv-cont.rangefood .worries__box .box .text {
        background: #fff;
        padding: 16px;
        border: 1px solid #CCCCCC;
        margin: 0 0 3px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.rangefood .worries__box .box .text {
            padding: 24px 19px 18px; } }
        #alv-cont.rangefood .worries__box .box .text p {
          font-size: 14px;
          line-height: 1.714;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            #alv-cont.rangefood .worries__box .box .text p {
              text-align: left; } }
      #alv-cont.rangefood .worries__box .box .img {
        text-align: center; }
      #alv-cont.rangefood .worries__box .box .img-wrap {
        display: flex;
        justify-content: space-between; }
        #alv-cont.rangefood .worries__box .box .img-wrap .img {
          width: calc((100% - 40px) / 2);
          position: relative; }
          #alv-cont.rangefood .worries__box .box .img-wrap .img:nth-of-type(1):after {
            content: "";
            width: 22px;
            height: 22px;
            border-top: 2px solid #333333;
            border-right: 2px solid #333333;
            -webkit-transform: rotate(45deg) translate(0, -50%);
            transform: rotate(45deg) translate(0, -50%);
            display: inline-block;
            position: absolute;
            top: 50%;
            right: -17px; }
            @media only screen and (max-width: 768px) {
              #alv-cont.rangefood .worries__box .box .img-wrap .img:nth-of-type(1):after {
                width: 12px;
                height: 12px;
                right: -19px; } }
  #alv-cont.rangefood .worries strong {
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: bold;
    line-height: 1.2222;
    text-align: center;
    display: block; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .worries strong {
        font-size: 16px;
        line-height: 1.375; } }

#alv-cont.rangefood .column2-img {
  display: flex;
  justify-content: space-between;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .column2-img {
      flex-direction: column; } }
  #alv-cont.rangefood .column2-img .article {
    width: 37%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .column2-img .article {
        width: 167px;
        position: static;
        transform: translate(0%, 0);
        margin: -28px auto -32px;
        position: relative;
        left: auto;
        z-index: +2; } }
  #alv-cont.rangefood .column2-img .box {
    background: #F5F5F5;
    padding: 18px 10px 20px;
    text-align: center;
    width: 34%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .column2-img .box {
        width: 100%;
        padding: 30px 10px 25px;
        position: relative; } }
    #alv-cont.rangefood .column2-img .box strong {
      display: block;
      font-weight: bold;
      font-size: 18px;
      letter-spacing: .1em; }
    #alv-cont.rangefood .column2-img .box em {
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      display: block;
      margin: 22px 0 10px; }
    #alv-cont.rangefood .column2-img .box span {
      display: block;
      font-size: 14px;
      line-height: 1.714; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .column2-img .box span {
          display: inline-block; } }
    #alv-cont.rangefood .column2-img .box small {
      font-size: 16px;
      line-height: 1.5;
      margin: 2px 0 16px;
      display: block; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .column2-img .box small {
          display: inline-block; } }
    #alv-cont.rangefood .column2-img .box .btn1 {
      max-width: 200px;
      margin: 0 auto; }

#alv-cont.rangefood .bottom-text {
  display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: center;
  margin: 45px 0 60px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .bottom-text {
      font-size: 16px;
      margin: 12px 0 98px; } }

#alv-cont.rangefood .solution {
  max-width: 580px;
  height: 70px;
  border-radius: 46px;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto 22px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .solution {
      height: 90px;
      border-radius: 45px; } }
  #alv-cont.rangefood .solution p {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .1em; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .solution p {
        line-height: 1.4444; } }
  #alv-cont.rangefood .solution span {
    border-radius: 50%;
    width: 71px;
    height: 71px;
    background: #E82318;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: .1em;
    position: absolute;
    top: -22px;
    right: -22px;
    transform: rotate(15deg); }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .solution span {
        top: -53px;
        right: 4px; } }

#alv-cont.rangefood .img-text-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 45px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .img-text-01 {
      padding: 0;
      display: block; } }
  #alv-cont.rangefood .img-text-01 .img {
    width: 50.6%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .img-text-01 .img {
        width: 100%; } }
  #alv-cont.rangefood .img-text-01 .text {
    width: 44.8%;
    padding-top: 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .img-text-01 .text {
        width: 100%;
        padding-top: 20px; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .img-text-01 .text p {
        text-align: center; } }
    #alv-cont.rangefood .img-text-01 .text p:after {
      content: "";
      display: block;
      width: 55px;
      height: 45px;
      margin: 12px auto 0;
      background: url(/images/alv-images/rangefood/arrow-bottom.png) center center/cover no-repeat; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .img-text-01 .text p:after {
          margin: 20px auto 0; } }
    #alv-cont.rangefood .img-text-01 .text p i {
      width: 23px;
      display: inline-block;
      margin-right: 7px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .img-text-01 .text p i {
          width: 19px;
          margin-right: 7px;
          position: relative;
          top: -2px; } }
      #alv-cont.rangefood .img-text-01 .text p i img {
        width: 100%; }
    #alv-cont.rangefood .img-text-01 .text p span {
      font-weight: bold;
      font-size: 18px;
      letter-spacing: .1em; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .img-text-01 .text p span {
          font-size: 15px; } }

#alv-cont.rangefood .step {
  margin: 0 0 60px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .step {
      margin: 0 0 30px; } }
  #alv-cont.rangefood .step strong {
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 0 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .step strong {
        margin: 0 0 20px; } }
  #alv-cont.rangefood .step__list {
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .step__list {
        justify-content: space-between; } }
    #alv-cont.rangefood .step__list li {
      margin: 0 10px;
      border: 1px solid #DDDDDD;
      max-width: 360px;
      width: 100%;
      height: 45px;
      display: flex;
      align-items: center;
      padding-left: 54px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .step__list li {
          width: calc((100% - 8px) / 2);
          height: 70px;
          padding: 0;
          flex-direction: column;
          justify-content: center;
          margin: 0; } }
      #alv-cont.rangefood .step__list li em {
        font-size: 18px;
        letter-spacing: .1em;
        font-weight: bold;
        margin-right: 40px;
        display: inline-block; }
        @media only screen and (max-width: 768px) {
          #alv-cont.rangefood .step__list li em {
            display: block;
            margin: 0 0 0px; } }
      #alv-cont.rangefood .step__list li span {
        font-size: 14px;
        line-height: 1.714; }

#alv-cont.rangefood .research {
  padding: 30px 32px 42px;
  background: #F9F9F9;
  margin: 20px 0 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .research {
      padding: 25px 23px 22px; } }
  #alv-cont.rangefood .research h4 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 0 10px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .research h4 {
        text-align: center; } }
  #alv-cont.rangefood .research p {
    margin: 0 0 25px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .research p {
        margin: 0 0 15px; } }
  #alv-cont.rangefood .research h5 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px; }
  #alv-cont.rangefood .research .column2 {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .research .column2 {
        display: block; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .research .column2 .img {
        margin: 0 0 16px; } }

#alv-cont.rangefood .input-wrap {
  display: flex;
  margin: 20px 0 0; }
  #alv-cont.rangefood .input-wrap input {
    max-width: 540px;
    height: 50px;
    border: 1px solid #DDDDDD;
    padding: 20px;
    width: calc(100% - 105px);
    margin-right: 15px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .input-wrap input {
        width: calc(100% - 91px);
        margin-right: 8px; } }
  #alv-cont.rangefood .input-wrap button {
    width: 90px;
    height: 50px;
    background: #FF6600;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .input-wrap button {
        width: 83px; } }

#alv-cont.rangefood .product-list {
  display: flex;
  flex-wrap: wrap; }
  #alv-cont.rangefood .product-list li {
    width: 25%;
    padding: 25px 19px 30px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .product-list li {
        width: 100%;
        padding: 0;
        margin: 0 0 40px; } }
    #alv-cont.rangefood .product-list li span {
      text-align: center;
      display: block;
      font-size: 14px;
      line-height: 1.714;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .product-list li span {
          margin: 0 0 15px;
          padding: 0 25px; } }
    #alv-cont.rangefood .product-list li .mx86 {
      height: 86px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .product-list li .mx86 {
          height: auto; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .product-list li .img-text {
        display: flex;
        justify-content: space-between; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .product-list li .img-text .img {
        width: 120px; } }
    #alv-cont.rangefood .product-list li .img-text .text {
      margin: 0 0 20px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .product-list li .img-text .text {
          width: calc(100% - 130px);
          padding-right: 20px; } }
      #alv-cont.rangefood .product-list li .img-text .text p {
        font-size: 14px;
        line-height: 1.714;
        margin: 0 0 3px; }
      #alv-cont.rangefood .product-list li .img-text .text small {
        display: block;
        text-align: right;
        font-size: 12px;
        line-height: 1.5; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .product-list li .btn1 {
        max-width: 200px;
        margin: 15px auto 0; } }
  #alv-cont.rangefood .product-list .last {
    width: calc(50% - 20px);
    padding: 25px 30px 30px;
    background: #F9F9F9;
    margin-left: calc(25% + 20px);
    position: relative; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .product-list .last {
        width: calc(100% + 40px);
        margin: 0 -20px 0px;
        padding: 25px 24px 30px; } }
    #alv-cont.rangefood .product-list .last:before {
      content: "";
      border-right: 12px solid transparent;
      border-bottom: 23px solid #F9F9F9;
      border-left: 12px solid transparent;
      position: absolute;
      display: inline-block;
      top: -23px;
      left: 19%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .product-list .last:before {
          content: none; } }
    #alv-cont.rangefood .product-list .last:after {
      content: "";
      border-right: 12px solid transparent;
      border-bottom: 23px solid #F9F9F9;
      border-left: 12px solid transparent;
      position: absolute;
      display: inline-block;
      top: -23px;
      right: 24%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .product-list .last:after {
          content: none; } }
    #alv-cont.rangefood .product-list .last strong {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0 0 16px;
      display: block; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .product-list .last strong {
          text-align: center; } }
    #alv-cont.rangefood .product-list .last .box {
      display: flex; }
      #alv-cont.rangefood .product-list .last .box .left {
        width: 140px;
        margin-right: 30px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.rangefood .product-list .last .box .left {
            margin-right: 22px; } }
      #alv-cont.rangefood .product-list .last .box .right {
        width: calc(100% - 170px);
        max-width: 200px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.rangefood .product-list .last .box .right {
            width: calc(100% - 162px); } }
        #alv-cont.rangefood .product-list .last .box .right span {
          display: block;
          text-align: center;
          font-size: 14px;
          line-height: 1.714; }
        #alv-cont.rangefood .product-list .last .box .right .img {
          margin: 15px 0 11px; }
        #alv-cont.rangefood .product-list .last .box .right small {
          display: block;
          text-align: center;
          font-size: 12px;
          line-height: 1.5;
          margin: 0 0 16px; }

#alv-cont.rangefood .change {
  padding: 25px 32px 30px;
  background: #F9F9F9;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change {
      width: calc(100% + 40px);
      margin: 0 -20px 60px;
      padding: 30px 24px 10px; } }
  #alv-cont.rangefood .change:before {
    content: "";
    border-right: 12px solid transparent;
    border-bottom: 23px solid #F9F9F9;
    border-left: 12px solid transparent;
    position: absolute;
    display: inline-block;
    top: -23px;
    left: 11%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .change:before {
        content: none; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change .title {
      display: flex;
      justify-content: space-between; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change .title .left {
      width: 168px; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change .title .left h3 {
      text-align: left; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change .title .right {
      width: 140px; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change h3 {
      text-align: center; } }
  #alv-cont.rangefood .change h4 {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px; }
    #alv-cont.rangefood .change h4 small {
      font-weight: normal;
      font-size: 14px;
      line-height: 1.714;
      padding-left: 20px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .change h4 small {
          display: block;
          padding: 0;
          margin: 10px 0 0; } }
  #alv-cont.rangefood .change .column4-list {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .change .column4-list {
        justify-content: space-between; } }
    #alv-cont.rangefood .change .column4-list li {
      border: none;
      width: 22%;
      margin-right: 4%; }
      #alv-cont.rangefood .change .column4-list li:nth-of-type(4n) {
        margin-right: 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .change .column4-list li {
          width: calc((100% - 8px) / 2);
          margin: 0 0 20px; } }
      #alv-cont.rangefood .change .column4-list li span {
        display: block;
        font-size: 14px;
        line-height: 1.714;
        text-align: center;
        margin: 0 0 8px; }
      #alv-cont.rangefood .change .column4-list li p {
        font-size: 14px;
        line-height: 1.714;
        text-align: center;
        margin: 8px 0 12px; }
        #alv-cont.rangefood .change .column4-list li p small {
          font-size: 12px;
          line-height: 1.5; }
  #alv-cont.rangefood .change .column3-list {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .change .column3-list {
        justify-content: space-between; } }
    #alv-cont.rangefood .change .column3-list li {
      border: none;
      width: 28.53333%;
      margin-right: 4.8%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .change .column3-list li {
          width: calc((100% - 8px) / 2);
          margin: 0 0 20px; } }
      #alv-cont.rangefood .change .column3-list li span {
        display: block;
        font-size: 14px;
        line-height: 1.714;
        text-align: center;
        margin: 0 0 8px; }
      #alv-cont.rangefood .change .column3-list li .img img {
        width: 100%; }
      #alv-cont.rangefood .change .column3-list li p {
        font-size: 14px;
        line-height: 1.714;
        text-align: center;
        margin: 8px 0 12px; }
        #alv-cont.rangefood .change .column3-list li p small {
          font-size: 12px;
          line-height: 1.5; }
  #alv-cont.rangefood .change .img-list {
    display: flex; }
    #alv-cont.rangefood .change .img-list .left {
      width: 140px;
      margin-right: 28px; }
    #alv-cont.rangefood .change .img-list .column4-list {
      width: calc(100% - 168px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .change .img-list .column4-list {
          width: 100%; } }
    #alv-cont.rangefood .change .img-list .column3-list {
      width: calc(100% - 168px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .change .img-list .column3-list {
          width: 100%; } }

#alv-cont.rangefood .change-box {
  background: #F9F9F9;
  padding: 45px 28px 50px;
  width: calc(75% - 44px);
  margin-left: 44px;
  position: relative; }
  #alv-cont.rangefood .change-box:before {
    content: "";
    border-top: 12px solid transparent;
    border-right: 22px solid #F9F9F9;
    border-bottom: 12px solid transparent;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: -22px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .change-box:before {
        content: none; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change-box {
      width: calc(100% + 40px);
      margin: 0 -20px 0;
      padding: 25px 18px 7px; } }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .change-box h3 {
      text-align: center; } }
  #alv-cont.rangefood .change-box .column2-box-2 {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .change-box .column2-box-2 {
        display: block; } }
    #alv-cont.rangefood .change-box .column2-box-2__box {
      width: calc((100% - 42px) / 2); }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .change-box .column2-box-2__box {
          width: 100%;
          margin: 0 0 30px; } }
      #alv-cont.rangefood .change-box .column2-box-2__box strong {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        display: block;
        margin: 0 0 10px; }
      #alv-cont.rangefood .change-box .column2-box-2__box p {
        font-size: 14px;
        line-height: 1.714; }
      #alv-cont.rangefood .change-box .column2-box-2__box .img-text {
        display: flex;
        justify-content: space-between;
        margin: 10px 0 0; }
        #alv-cont.rangefood .change-box .column2-box-2__box .img-text .img {
          width: 45%; }
          @media only screen and (max-width: 768px) {
            #alv-cont.rangefood .change-box .column2-box-2__box .img-text .img {
              width: 150px; } }
          @media only screen and (max-width: 768px) {
            #alv-cont.rangefood .change-box .column2-box-2__box .img-text .img img {
              width: 100%; } }
        #alv-cont.rangefood .change-box .column2-box-2__box .img-text .text {
          width: 48%;
          padding: 21px 0 0; }
          @media only screen and (max-width: 768px) {
            #alv-cont.rangefood .change-box .column2-box-2__box .img-text .text {
              width: calc(100% - 170px); } }
          #alv-cont.rangefood .change-box .column2-box-2__box .img-text .text p {
            font-size: 14px;
            line-height: 1.714;
            margin: 0 0 6px;
            min-height: 14px; }
          #alv-cont.rangefood .change-box .column2-box-2__box .img-text .text small {
            display: block;
            font-size: 12px;
            line-height: 1.5;
            margin: 0 0 13px; }
            @media only screen and (max-width: 768px) {
              #alv-cont.rangefood .change-box .column2-box-2__box .img-text .text small {
                margin: 0 0 30px; } }

#alv-cont.rangefood .attention-text {
  font-size: 12px;
  line-height: 1.6666;
  color: #666666; }

#alv-cont.rangefood .attention-2column {
  padding: 28px 32px 32px;
  background: #F9F9F9;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .attention-2column {
      display: block;
      background: none;
      padding: 0; } }
  #alv-cont.rangefood .attention-2column .left {
    width: 41%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .attention-2column .left {
        width: 100%;
        background: #F9F9F9;
        padding: 30px 20px 18px;
        margin: 0 0 20px; } }
  #alv-cont.rangefood .attention-2column .right {
    width: 54%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .attention-2column .right {
        width: 100%;
        background: #F9F9F9;
        padding: 30px 20px 18px; } }
    #alv-cont.rangefood .attention-2column .right .img-text {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #alv-cont.rangefood .attention-2column .right .img-text .img {
        width: 39%; }
      #alv-cont.rangefood .attention-2column .right .img-text .text {
        width: 57.8%;
        font-size: 14px;
        line-height: 1.714; }
  #alv-cont.rangefood .attention-2column .title {
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .attention-2column .title {
        margin: 0 0 16px;
        display: flex;
        align-items: center; } }
    #alv-cont.rangefood .attention-2column .title i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .attention-2column .title i {
          margin-right: 10px; } }
    #alv-cont.rangefood .attention-2column .title span {
      font-size: 16px;
      font-weight: bold; }

#alv-cont.rangefood .column-3-2 {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .column-3-2 {
      display: block; } }
  #alv-cont.rangefood .column-3-2 .img {
    width: 53.9%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .column-3-2 .img {
        width: 100%; } }
    #alv-cont.rangefood .column-3-2 .img:nth-of-type(2) {
      width: 39.68%; }
      @media only screen and (max-width: 768px) {
        #alv-cont.rangefood .column-3-2 .img:nth-of-type(2) {
          width: auto;
          width: 246px;
          margin-top: 24px; } }

#alv-cont.rangefood .column2-2 {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.rangefood .column2-2 {
      display: block; } }
  #alv-cont.rangefood .column2-2__box {
    width: calc((100% - 22px) / 2); }
    @media only screen and (max-width: 768px) {
      #alv-cont.rangefood .column2-2__box {
        width: 100%;
        margin: 0 0 20px; } }

#alv-cont.regist section {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist section {
      margin-top: 30px; } }

#alv-cont.regist #sec1 {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist #sec1 {
      margin-top: 40px; } }

#alv-cont.regist #caption {
  margin-top: 10px;
  margin-bottom: 30px; }
  #alv-cont.regist #caption p {
    font-size: 14px;
    line-height: 1.714; }
  #alv-cont.regist #caption h2 {
    margin-bottom: 45px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist #caption h2 {
        margin-bottom: 23px;
        text-align: center; } }
  #alv-cont.regist #caption .img {
    position: relative;
    margin: 48px 0 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist #caption .img {
        width: calc(100% + 40px);
        margin: 40px -20px 0; } }
    #alv-cont.regist #caption .img .btn-list {
      display: block;
      position: absolute;
      right: 2.5vw;
      bottom: 4vw;
      margin: 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.regist #caption .img .btn-list {
          right: 20px;
          bottom: 35px;
          width: calc(100% - 40px); } }
      #alv-cont.regist #caption .img .btn-list li {
        margin: 0 0 0.7vw; }
        @media only screen and (max-width: 768px) {
          #alv-cont.regist #caption .img .btn-list li {
            margin: 0 0 10px; } }
        #alv-cont.regist #caption .img .btn-list li a {
          width: 22vw;
          height: 4.5vw; }
          @media only screen and (max-width: 768px) {
            #alv-cont.regist #caption .img .btn-list li a {
              width: 100%;
              max-width: 100%;
              height: 80px;
              max-height: 80px; } }
          #alv-cont.regist #caption .img .btn-list li a small {
            font-size: 0.7vw; }
            @media only screen and (max-width: 768px) {
              #alv-cont.regist #caption .img .btn-list li a small {
                font-size: 12px; } }
          #alv-cont.regist #caption .img .btn-list li a span {
            font-size: 0.85vw; }
            @media only screen and (max-width: 768px) {
              #alv-cont.regist #caption .img .btn-list li a span {
                font-size: 14px; } }

#alv-cont.regist h2 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2222; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist h2 {
      white-space: nowrap; } }

#alv-cont.regist .label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #333333;
  color: #fff;
  margin: 0 0 20px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist .label {
      width: calc(100% + 40px);
      margin: 0 -20px 20px; } }
  #alv-cont.regist .label em {
    background: #fff;
    color: #333333;
    letter-spacing: .2em;
    line-height: 1.5;
    padding: 0 2px 0 4px;
    margin-right: 12px; }
  #alv-cont.regist .label span {
    font-size: 18px; }

#alv-cont.regist p {
  font-size: 14px;
  line-height: 1.714; }

#alv-cont.regist strong {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3333;
  text-align: center;
  display: block;
  margin: 10px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist strong {
      margin: 20px 0 0; } }

#alv-cont.regist .merit-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist .merit-list {
      display: block; } }
  #alv-cont.regist .merit-list li {
    width: calc((100% - 18px) / 2);
    background: #F9F9F9;
    padding: 28px 36px 22px 30px;
    margin: 0 0 14px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .merit-list li {
        width: 100%;
        padding: 23px 17px 18px 30px;
        margin: 0 0 10px; } }
    #alv-cont.regist .merit-list li .text {
      width: calc(100% - 118px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.regist .merit-list li .text {
          width: calc(100% - 84px); } }
      #alv-cont.regist .merit-list li .text .title {
        display: inline-block;
        width: auto;
        padding: 0 0 5px;
        border-bottom: 1px solid #000;
        font-weight: bold;
        margin: 0 0 8px; }
        #alv-cont.regist .merit-list li .text .title small {
          font-size: 12px;
          display: inline;
          color: #222222;
          width: auto;
          margin: 0; }
        #alv-cont.regist .merit-list li .text .title span {
          font-size: 24px; }
      #alv-cont.regist .merit-list li .text h3 {
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold; }
      #alv-cont.regist .merit-list li .text small {
        font-size: 12px;
        line-height: 1.666;
        color: #666666;
        display: block;
        margin: 3px 0 0; }
        @media only screen and (min-width: 769px) {
          #alv-cont.regist .merit-list li .text small {
            white-space: nowrap; } }
        @media only screen and (max-width: 768px) {
          #alv-cont.regist .merit-list li .text small {
            width: calc(100% + 84px);
            margin-right: -84px; } }
    #alv-cont.regist .merit-list li .img {
      width: 84px;
      text-align: center; }

#alv-cont.regist .box {
  background: #F9F9F9;
  padding: 34px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist .box {
      padding: 24px 30px 35px; } }
  #alv-cont.regist .box h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 8px; }
  #alv-cont.regist .box p {
    font-size: 14px;
    line-height: 1.714;
    margin: 0 0 20px; }
  #alv-cont.regist .box h4 {
    font-size: 14px;
    line-height: 1.714;
    font-weight: bold;
    margin: 0 0 5px; }
  #alv-cont.regist .box .img {
    margin: 0 0 25px; }
  #alv-cont.regist .box .btn1 {
    width: 295px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .box .btn1 {
        width: 100%; } }

#alv-cont.regist .step-list {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist .step-list {
      display: block; } }
  #alv-cont.regist .step-list li {
    width: 21.25%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .step-list li {
        width: 100%;
        margin: 0 0 20px; } }
    #alv-cont.regist .step-list li span {
      display: block;
      background: #333333;
      color: #fff;
      font-weight: bold;
      font-size: 10px;
      padding: 2px 0;
      text-align: center;
      margin: 0 0 12px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .step-list li .text-img {
        display: flex;
        justify-content: space-between; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .step-list li .text-img .text {
        width: 150px; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .step-list li .text-img .img {
        width: 166px; } }
    #alv-cont.regist .step-list li h3 {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0 0 10px; }
    #alv-cont.regist .step-list li p {
      font-size: 14px;
      line-height: 1.57;
      margin: 0 0 12px; }

#alv-cont.regist .btn-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 15px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist .btn-list {
      display: block; } }
  #alv-cont.regist .btn-list li {
    margin: 0 8px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .btn-list li {
        margin: 0 0 10px; } }
    #alv-cont.regist .btn-list li a {
      width: 349px;
      max-width: 349px;
      height: 65px;
      max-height: 65px;
      flex-direction: column; }
      @media only screen and (max-width: 768px) {
        #alv-cont.regist .btn-list li a {
          width: 100%;
          max-width: 100%;
          height: 80px;
          max-height: 80px; } }
      #alv-cont.regist .btn-list li a small {
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin: 0 0 2px; }

#alv-cont.regist .campaign {
  padding: 42px 32px 25px;
  border: 1px solid #E3E3E3;
  margin: 50px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.regist .campaign {
      margin: 30px 0 0;
      padding: 35px 20px 25px; } }
  #alv-cont.regist .campaign h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px; }
  #alv-cont.regist .campaign table {
    font-size: 14px;
    line-height: 1.428; }
    @media only screen and (max-width: 768px) {
      #alv-cont.regist .campaign table tr {
        display: block; } }
    #alv-cont.regist .campaign table tr th {
      padding: 0 0 15px 22px;
      width: 160px;
      position: relative;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        #alv-cont.regist .campaign table tr th {
          display: block;
          width: 100%;
          padding: 0 0 5px 22px; } }
      #alv-cont.regist .campaign table tr th:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #333333;
        position: absolute;
        left: 6px;
        top: 7px; }
    #alv-cont.regist .campaign table tr td {
      padding: 0 0 15px;
      width: calc(100% - 160px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.regist .campaign table tr td {
          display: block;
          width: 100%; } }
      @media only screen and (max-width: 768px) {
        #alv-cont.regist .campaign table tr td ol {
          padding-left: 15px; } }
      #alv-cont.regist .campaign table tr td ol li {
        position: relative;
        padding-left: 14px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.regist .campaign table tr td ol li {
            margin: 0 0 8px; } }
        #alv-cont.regist .campaign table tr td ol li:before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
      #alv-cont.regist .campaign table tr td a {
        font-weight: bold;
        text-decoration: underline;
        display: inline-block;
        margin-top: 5px; }

#alv-cont.review_p section {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review_p section {
      margin-top: 30px; } }

#alv-cont.review_p #sec1 {
  margin-top: 50px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review_p #sec1 {
      margin-top: 40px; } }

#alv-cont.review_p #caption {
  margin-top: 10px;
  margin-bottom: 30px; }
  #alv-cont.review_p #caption p {
    font-size: 14px;
    line-height: 1.714; }
  #alv-cont.review_p #caption h2 {
    margin-bottom: 45px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p #caption h2 {
        margin-bottom: 23px;
        text-align: center; } }
  #alv-cont.review_p #caption .img {
    position: relative;
    margin: 18px 0 0; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p #caption .img {
        width: calc(100% + 40px);
        margin: 30px -20px 0; } }
    #alv-cont.review_p #caption .img .btn-list {
      display: block;
      position: absolute;
      right: 2.5vw;
      bottom: 4vw;
      margin: 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p #caption .img .btn-list {
          right: 20px;
          bottom: 35px;
          width: calc(100% - 40px); } }
      #alv-cont.review_p #caption .img .btn-list li {
        margin: 0 0 0.7vw; }
        @media only screen and (max-width: 768px) {
          #alv-cont.review_p #caption .img .btn-list li {
            margin: 0 0 10px; } }
        #alv-cont.review_p #caption .img .btn-list li a {
          width: 22vw;
          height: 4.5vw; }
          @media only screen and (max-width: 768px) {
            #alv-cont.review_p #caption .img .btn-list li a {
              width: 100%;
              max-width: 100%;
              height: 80px;
              max-height: 80px; } }
          #alv-cont.review_p #caption .img .btn-list li a small {
            font-size: 0.7vw; }
            @media only screen and (max-width: 768px) {
              #alv-cont.review_p #caption .img .btn-list li a small {
                font-size: 12px; } }
          #alv-cont.review_p #caption .img .btn-list li a span {
            font-size: 0.85vw; }
            @media only screen and (max-width: 768px) {
              #alv-cont.review_p #caption .img .btn-list li a span {
                font-size: 14px; } }

#alv-cont.review_p h2 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2222; }
  #alv-cont.review_p h2 small {
    color: #666666;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    font-weight: normal; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p h2 small {
        display: block;
        margin: 4px 0 0; } }

#alv-cont.review_p p {
  font-size: 14px;
  line-height: 1.714; }

#alv-cont.review_p strong {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3333;
  text-align: center;
  display: block;
  margin: 10px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review_p strong {
      margin: 20px 0 0; } }

#alv-cont.review_p .step-list {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review_p .step-list {
      display: block;
      margin: 0 0 30px; } }
  #alv-cont.review_p .step-list li {
    width: calc((100% - 120px) / 3);
    position: relative; }
    #alv-cont.review_p .step-list li:after {
      content: "";
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent;
      border-left: 9px solid #333333;
      display: inline-block;
      position: absolute;
      top: 10px;
      right: -36px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p .step-list li:after {
          border-top: 15px solid #333333;
          border-bottom: none;
          border-right: 15px solid transparent;
          border-left: 15px solid transparent;
          top: auto;
          bottom: -42px;
          left: 50%;
          right: auto;
          -webkit-transform: translate(-50%, 0);
          -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); } }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p .step-list li:last-of-type {
        margin: 0 0 0; } }
    #alv-cont.review_p .step-list li:last-of-type:after {
      content: "";
      width: 154px;
      height: 44px;
      display: block;
      position: static;
      border: none;
      margin: 20px auto 0;
      background: url(/images/alv-images/review_p/arrow_bottom.svg) center center/cover no-repeat; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p .step-list li:last-of-type:after {
          -webkit-transform: translate(0%, 0);
          -moz-transform: translate(0%, 0);
          -ms-transform: translate(0%, 0);
          transform: translate(0%, 0);
          margin: 25px auto 0; } }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p .step-list li {
        width: 100%;
        margin: 0 0 72px; } }
    #alv-cont.review_p .step-list li .img {
      margin: 0 0 18px; }
    #alv-cont.review_p .step-list li h3 {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0 0 8px; }
    #alv-cont.review_p .step-list li p {
      font-size: 14px;
      line-height: 1.57;
      margin: 0 0 12px; }

#alv-cont.review_p .search-box {
  background: #F9F9F9;
  padding: 40px 36px 38px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review_p .search-box {
      padding: 28px 18px 32px; } }
  #alv-cont.review_p .search-box strong {
    text-align: left;
    font-size: 16px;
    color: #E82318; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p .search-box strong {
        text-align: center; } }
  #alv-cont.review_p .search-box .input-box {
    max-width: 454px;
    position: relative;
    margin: 20px 0 10px; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p .search-box .input-box {
        margin: 28px 0 10px; } }
  #alv-cont.review_p .search-box input {
    display: block;
    width: 100%;
    max-width: 454px;
    height: 48px;
    border: 1px solid #999999;
    padding: 10px;
    font-size: 13px; }
  #alv-cont.review_p .search-box button {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    #alv-cont.review_p .search-box button img {
      display: block; }
  #alv-cont.review_p .search-box p {
    font-size: 14px;
    line-height: 1.57;
    margin: 10px 0 0; }
    #alv-cont.review_p .search-box p a {
      text-decoration: underline;
      font-size: 12px;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p .search-box p a {
          margin-top: 10px;
          display: inline-block; } }
      #alv-cont.review_p .search-box p a:before {
        content: "";
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 7px solid #333333;
        display: inline-block;
        position: relative;
        top: 2px;
        margin-right: 3px;
        margin-left: 3px; }

#alv-cont.review_p .campaign {
  padding: 42px 32px 25px;
  border: 1px solid #E3E3E3;
  margin: 50px 0 0; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review_p .campaign {
      margin: 30px 0 0;
      padding: 35px 20px 25px; } }
  #alv-cont.review_p .campaign h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px; }
  #alv-cont.review_p .campaign table {
    font-size: 14px;
    line-height: 1.428; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review_p .campaign table tr {
        display: block; } }
    #alv-cont.review_p .campaign table tr th {
      padding: 0 0 15px 22px;
      width: 160px;
      position: relative;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p .campaign table tr th {
          display: block;
          width: 100%;
          padding: 0 0 5px 22px; } }
      #alv-cont.review_p .campaign table tr th:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #333333;
        position: absolute;
        left: 6px;
        top: 7px; }
    #alv-cont.review_p .campaign table tr td {
      padding: 0 0 15px;
      width: calc(100% - 160px); }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p .campaign table tr td {
          display: block;
          width: 100%; } }
      #alv-cont.review_p .campaign table tr td small {
        font-size: 12px;
        line-height: 1.6666;
        color: #666666;
        display: block;
        margin: 5px 0 0; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review_p .campaign table tr td ol {
          padding-left: 15px; } }
      #alv-cont.review_p .campaign table tr td ol li {
        position: relative;
        padding-left: 14px; }
        @media only screen and (max-width: 768px) {
          #alv-cont.review_p .campaign table tr td ol li {
            margin: 0 0 8px; } }
        #alv-cont.review_p .campaign table tr td ol li:before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
      #alv-cont.review_p .campaign table tr td a {
        font-weight: bold;
        text-decoration: underline;
        display: inline-block;
        margin-top: 5px; }

#alv-cont.review section {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review section {
      margin-top: 40px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.review #sec1 {
    margin-top: 30px; } }

#alv-cont.review #caption {
  margin-top: 10px;
  margin-bottom: 30px; }

#alv-cont.review .banner {
  margin-bottom: 44px;
  display: block; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review .banner {
      width: calc(100% + 40px);
      margin: 0 -20px 60px; } }

#alv-cont.review h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review h2 {
      margin-bottom: 30px; } }
  #alv-cont.review h2 i {
    margin-right: 2px;
    display: inline-block;
    position: relative;
    top: -2px; }

#alv-cont.review .column3-list {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review .column3-list {
      display: block; } }
  #alv-cont.review .column3-list li {
    width: calc((100% - 110px) / 3);
    position: relative; }
    @media only screen and (max-width: 768px) {
      #alv-cont.review .column3-list li {
        width: 100%; } }
    #alv-cont.review .column3-list li:after {
      content: "";
      width: 22px;
      height: 22px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      right: -32px;
      top: 26px; }
      @media only screen and (max-width: 768px) {
        #alv-cont.review .column3-list li:after {
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          position: static;
          display: block;
          margin: 10px auto 28px; } }
    #alv-cont.review .column3-list li:nth-of-type(3n):after {
      content: none; }
    #alv-cont.review .column3-list li .text {
      margin: 15px 0 0;
      font-size: 14px;
      line-height: 1.714; }

#alv-cont.review .attention-box {
  margin: 52px 0 0;
  background: #F9F9F9;
  padding: 25px 32px 30px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.review .attention-box {
      padding: 30px 28px 42px; } }
  #alv-cont.review .attention-box dl {
    margin: 0 0 22px; }
    #alv-cont.review .attention-box dl:last-of-type {
      margin: 0 0 14px; }
    #alv-cont.review .attention-box dl dt {
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      margin: 0 0 8px;
      color: #222; }
    #alv-cont.review .attention-box dl dd {
      font-size: 14px;
      line-height: 1.57; }
      #alv-cont.review .attention-box dl dd small {
        display: block;
        font-size: 12px;
        color: #666666;
        margin: 8px 0 0; }
        @media only screen and (max-width: 768px) {
          #alv-cont.review .attention-box dl dd small {
            margin: 3px 0 0; } }
      #alv-cont.review .attention-box dl dd ol li {
        position: relative;
        padding-left: 20px;
        margin: 0 0 3px; }
        #alv-cont.review .attention-box dl dd ol li:before {
          content: "";
          width: 4px;
          height: 4px;
          border-radius: 50%;
          display: inline-block;
          background: #333333;
          position: absolute;
          left: 5px;
          top: 8px; }
  #alv-cont.review .attention-box .btn1 {
    max-width: 295px; }

#alv-cont.sitemap section {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.sitemap section {
      margin-top: 40px; } }

@media only screen and (max-width: 768px) {
  #alv-cont.sitemap #sec1 {
    margin-top: 30px; } }

#alv-cont.sitemap #caption {
  margin-top: 10px;
  margin-bottom: 30px; }

#alv-cont.sitemap h2 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.sitemap h2 {
      margin-bottom: 30px; } }

#alv-cont.sitemap .link-list li {
  margin: 0 0 6px;
  position: relative;
  padding-left: 17px;
  padding-right: 30px; }
  #alv-cont.sitemap .link-list li a {
    font-size: 12px;
    letter-spacing: .05em;
    line-height: 1.5; }
    #alv-cont.sitemap .link-list li a:before {
      content: "";
      width: 7px;
      height: 7px;
      display: inline-block;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-right: 10px;
      position: absolute;
      top: 7px;
      left: 0; }

#alv-cont.sitemap .link-list.strong li {
  margin: 0 0 12px;
  padding-left: 19px; }
  #alv-cont.sitemap .link-list.strong li:last-of-type {
    margin-bottom: 0; }
  #alv-cont.sitemap .link-list.strong li a {
    font-size: 14px; }
    #alv-cont.sitemap .link-list.strong li a:before {
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      width: 9px;
      height: 9px;
      top: 5px; }

#alv-cont.sitemap .link-wrap {
  padding: 0 20px;
  margin-top: 20px; }

#alv-cont.sitemap .column2-box {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    #alv-cont.sitemap .column2-box {
      display: block; } }
  #alv-cont.sitemap .column2-box .box {
    width: 46.8%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.sitemap .column2-box .box {
        width: 100%;
        margin-top: 40px; } }

#alv-cont.sitemap .column4-box {
  display: flex; }
  @media only screen and (max-width: 768px) {
    #alv-cont.sitemap .column4-box {
      display: block; } }
  #alv-cont.sitemap .column4-box .box {
    width: 25%; }
    @media only screen and (max-width: 768px) {
      #alv-cont.sitemap .column4-box .box {
        width: 100%;
        margin-top: 24px; } }
    #alv-cont.sitemap .column4-box .box h3 {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5;
      margin: 0 0 11px; }
  @media only screen and (max-width: 768px) {
    #alv-cont.sitemap .column4-box.last .box {
      margin-top: 12px; } }

#alv-cont.sitemap #links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #alv-cont.sitemap #links:after, #alv-cont.sitemap #links:before {
    content: "";
    width: 220px;
    height: 0; }
  #alv-cont.sitemap #links:before {
    order: 1; }
  #alv-cont.sitemap #links .group {
    width: 220px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 768px) {
      #alv-cont.sitemap #links .group {
        width: 100%; } }
    #alv-cont.sitemap #links .group h3 {
      margin-bottom: 20px; }
    #alv-cont.sitemap #links .group .cat_top {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5;
      margin: 0 0 11px;
      padding-left: 10px;
      position: relative; }
      #alv-cont.sitemap #links .group .cat_top.blank:after {
        content: "";
        width: 18px;
        height: 18px;
        background-image: url(../images/alv-images/common/icn_link.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: inline-block;
        transform: translateY(5px);
        margin-left: 5px; }
    #alv-cont.sitemap #links .group ul {
      display: flex;
      flex-direction: column;
      padding-left: 10px; }
      #alv-cont.sitemap #links .group ul li {
        margin: 0 0 6px;
        position: relative;
        padding-left: 17px; }
        #alv-cont.sitemap #links .group ul li a {
          font-size: 12px;
          letter-spacing: .05em;
          line-height: 1.5; }
          #alv-cont.sitemap #links .group ul li a:before {
            content: "";
            width: 7px;
            height: 7px;
            display: inline-block;
            border-top: 1px solid #000;
            border-right: 1px solid #000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-right: 10px;
            position: absolute;
            top: 7px;
            left: 0; }