@charset "UTF-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/
@import url(./reset.css);
@import url(./font-awesome.min.css);
@import url(./common.css);
@import url(./page_common.css);
/*
 共通
==============================*/
li {
  list-style-type: none; }

.ml-95px {
  margin-left: -95px; }

@media screen and (max-width: 640px) {
  .ml-95px {
    margin-left: 0; } }
#contents h1 {
  margin-bottom: 0; }

#contents h2 .h2_moji,
#contents h2 .paradia_ruby,
#contents h3,
figcaption strong,
.green_bg strong,
#contents p a,
.key_color,
.fit #contents h4 {
  color: #a9987f; }

#contents h2 {
  border-color: #a9987f;
  margin-bottom: 40px; }

#contents h2 img.bg_color,
.sec4 figcaption div {
  background-color: #a9987f; }

#contents h2 img.h2 {
  padding-top: 28px; }

#contents h3 {
  font-size: 22px; }

#contents h3:before {
  content: "■"; }

#contents p a {
  color: #2ea2db; }

#contents p a:hover {
  opacity: 0.7; }

#contents .sec1 .intro {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  max-width: 94%; }

.new {
  display: inline-block;
  padding: 0px 5px;
  background-color: #C10003;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  margin-left: 1rem;
  line-height: 140%; }

.voice_nav {
  background-color: #C9CACA;
  padding-top: 20px;
  margin-bottom: 10px; }

.voice_nav li {
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(/paradia/_img/life/nav_bg.png);
  float: left;
  width: 315px;
  height: 44px; }

.voice_nav li.current {
  background-image: url(/paradia/_img/life/nav_bg_s2.png); }

.voice_nav li a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  padding-top: 12px;
  padding-right: 30px; }

.voice_nav li.li1 {
  margin-left: -3px; }

.voice_nav li.li2 a {
  padding-top: 7px; }

.voice_nav li.li3 a {
  padding-top: 7px; }

@media screen and (max-width: 640px) {
  #contents h2 {
    margin-bottom: 3%; } }
/* サマリーページ */
.summary_list {
  margin-top: 6%; }

.summary_list {
  width: 806px;
  margin-left: auto;
  margin-right: auto;
  max-width: 94%; }

.summary_list li {
  list-style: none;
  overflow: hidden;
  border: 1px solid #a6967e; }

.summary_list li + li {
  margin-top: 4%; }

.summary_list .img {
  float: left;
  margin-bottom: 0 !important; }

.summary_list .txt {
  overflow: hidden; }

.summary_list .title_zone {
  border-bottom: 1px solid #a6967e; }

.summary_list .title_zone > * {
  vertical-align: middle; }

.summary_list .vol {
  line-height: 1;
  padding: 7px 0 3px;
  margin-right: 10px;
  text-align: center;
  width: 116px;
  font-size: 20px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  background-color: #a6967e;
  vertical-align: middle; }

.summary_list .para_zone {
  padding: 15px 20px 0; }

.summary_list .para1 {
  font-size: 20px;
  font-weight: bold;
  color: #a6967e;
  margin-bottom: 4%;
  line-height: 1.3; }

.summary_list .para2 {
  line-height: 1.4;
  text-align: justify;
  font-size: 12px;
  padding-left: 0.6em; }

.summary_list .para2:after {
  content: '...'; }

.summary_list .more {
  text-align: right;
  margin-top: 15px; }

.summary_list .more a {
  display: inline-block;
  padding: 0.2em 1em 0.1em;
  color: #fff !important;
  background-color: #a6967e;
  font-size: 10px;
  text-decoration: none;
  border-radius: 100px; }

@media screen and (max-width: 640px) {
  .summary_list .para1 .mincho {
    font-size: 16px; }

  .summary_list .img {
    float: none; }

  .summary_list .para2 {
    font-size: 13px;
    padding: 0; }

  .summary_list .more {
    text-align: center; }

  .summary_list .more a {
    font-size: 14px;
    padding: 0.3em 1em; }

  .summary_list .para_zone {
    padding: 1em; }

  .summary_bottom img {
    max-width: 80%; } }
/* interview ----------*/
.interview .sec_main p.q {
  font-size: 17px;
  font-weight: bold;
  color: #5f5f5f; }

.interview .sec_main .copy {
  font-feature-settings: "pkna";
  line-height: 1.2;
  font-weight: normal;
  color: #a9987f;
  margin-bottom: .8em;
  font-size: 25px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.interview .sec_main p.a {
  font-size: 13px;
  margin-bottom: 2%; }

.interview .sec_main p.atten {
  font-size: 11px; }

.interview .sec_main p.q {
  margin-bottom: 1.4%; }

.interview #contents .sec1 .sec_main {
  padding-left: 50px;
  padding-right: 50px; }

.interview #contents .sec2 .sec_main {
  padding-left: 55px; }

.interview #contents .sec3 .sec_main {
  padding-left: 55px; }

.interview01 #contents .sec3 {
  margin-bottom: 70px; }

.interview sup {
  font-size: 11px; }

.interview #contents .h1 {
  margin-bottom: 26px; }

.interview #contents .img {
  margin-bottom: 20px; }

.interview #contents .img.fl {
  margin-right: 25px; }

.interview #contents .img.fr {
  margin-left: 25px; }

.interview #contents .cb {
  clear: both; }

.interview #contents .cl {
  clear: left; }

.interview #contents .cr {
  clear: right; }

.interview #contents h3:before {
  content: normal; }

.interview .main_img_after {
  font-size: 13px;
  margin-bottom: 30px;
  padding-left: 90px;
  margin-top: 3%; }

.interview #contents section.intro {
  background-image: url(/paradia/_img/life/interview/a_family.jpg);
  height: 294px;
  padding-top: 40px;
  padding-left: 80px;
  box-sizing: border-box; }

.interview #contents section.intro * {
  color: #5f5f5f; }

.interview #contents section.intro h3 {
  font-size: 16px; }

.interview #contents .intro p.mincho {
  font-size: 18px;
  margin-bottom: 40px;
  font-weight: normal;
  letter-spacing: -1px;
  text-shadow: 0 0 8px #fff; }

.interview #contents section.intro ul.info li > * {
  display: inline-block; }

.interview #contents section.intro ul.info li p {
  font-size: 12px; }

.interview #contents section.intro ul.info li h5 {
  background-color: #5f5f5f;
  color: #fff;
  padding: 0 4px;
  font-size: 11px; }

.interview #contents .sec4 ul {
  display: inline-block; }

.interview #contents .sec4 ul li {
  float: left;
  text-align: left;
  font-size: 12px; }

.interview #contents .sec4 ul li img {
  margin-bottom: 3px; }

.interview #contents .sec4 h3 {
  margin-left: 55px;
  font-weight: normal; }

.sp_items {
  border: 2px dashed #999;
  margin-top: 2%; }

@media screen and (max-width: 640px) {
  .interview #contents .h1 {
    margin-bottom: 4%; }

  .interview .main_img_after {
    padding: 0 1em;
    font-size: 11px;
    margin-bottom: 3%; }

  .interview #contents .sec1 .sec_main,
  .interview #contents .sec2 .sec_main,
  .interview #contents .sec3 .sec_main {
    padding-left: 3%;
    padding-right: 3%; }

  .interview .sec_main p.q {
    font-size: 15px; }

  .interview .sec_main .copy {
    font-size: 16px !important; }

  #sec1 .sec_inner .shou {
    font-size: 0.9rem !important; }

  .interview #contents .img.fl,
  .interview #contents .img.fr {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

  .interview #contents .img img {
    width: 100%; }

  .interview #contents .sec1 .img.fl {
    margin-right: 3%; }

  .interview #contents .sec1 .img.fr {
    margin-left: 3%; }

  .interview #contents .img {
    margin-bottom: 3%; }

  .interview #contents .sec1 .img.fl,
  .interview #contents .sec1 .img.fr {
    width: 30%; }

  .interview #contents .sec4 h3 {
    margin-left: 3%; }

  .interview #contents .sec4 ul li {
    width: 33.3%; }

  .interview #contents .sec4 ul.item4 li {
    width: 50%;
    margin-bottom: 3%; } }
/* voice ----------*/
#contents_voice h3 {
  padding-left: 64px;
  margin-bottom: 60px; }

#contents_voice section > div {
  width: 950px;
  margin: 0 auto; }

#contents_voice ul.voices {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  font-size: 0;
  text-align: center; }

#contents_voice .voices li {
  height: 250px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  width: 29%;
  margin-bottom: 3%;
  padding: 1em;
  background-size: contain;
  margin-right: 3%;
  text-align: left;
}

#contents_voice .voices li a {
  color: revert;
  font-size: 12px;
}

#contents_voice ul.voices br {
  display: none; }

#contents_voice .voices span.mini {
  font-size: 10px;
  display: block;
}

#contents_voice .voices .voice1 {
  background-image: url(/paradia/_img/life/voice/bg1.jpg); }

#contents_voice .voices .voice2 {
  background-image: url(/paradia/_img/life/voice/bg2.jpg); }

#contents_voice .voices .voice3 {
  background-image: url(/paradia/_img/life/voice/bg3.jpg); }

#contents_voice .voices .voice4 {
  background-image: url(/paradia/_img/life/voice/bg4.jpg); }

#contents_voice .voices .voice5 {
  background-image: url(/paradia/_img/life/voice/bg5.jpg); }

#contents_voice .voices .voice6 {
  background-image: url(/paradia/_img/life/voice/bg6.jpg); }

#contents_voice .voices .voice7 {
  background-image: url(/paradia/_img/life/voice/bg7.jpg); }

#contents_voice .voices .voice8 {
  background-image: url(/paradia/_img/life/voice/bg8.jpg); }

@media screen and (min-width: 641px) {
  #contents_voice .voices .voice1 {
    padding: 7% 6% 0% 4%; }

  #contents_voice .voices .voice2 {
    /*padding: 6% 4% 0% 5%;*/
    padding: 8% 4% 0% 5%; }

  #contents_voice .voices .voice3 {
    padding: 3% 5% 0% 6%; }

  /*
  #contents_voice .voices .voice4 {
  	padding: 7% 0% 0% 5%;
  }*/
  #contents_voice .voices .voice4 {
    padding: 6% 3% 0% 5%; }

  #contents_voice .voices .voice5 {
    padding: 7% 4% 0% 5%; }

  #contents_voice .voices .voice6 {
    padding: 6% 2% 0% 2%;
    font-size: 11px; }

  #contents_voice .voices .voice7 {
    padding: 5% 2% 0% 3%; }

  /*
  #contents_voice .voices .voice8 {
  	padding: 6% 6% 0% 4%;
  }*/
  #contents_voice .voices .voice8 {
    padding: 8% 6% 0% 4%; }

  #contents_voice .voices li:nth-child(3n) {
    margin-right: 0; }

  #contents_voice .voices li.last {
    width: 36%; } }
@media screen and (max-width: 640px) {
  #contents_voice .voices li {
    margin-right: 0;
    background-size: 100% 100%;
    height: auto;
    width: auto;
  }
  #contents_voice .voices li a {
    font-size: 3.8vw;
  }

  #contents_voice .voices .voice1 {
    padding: 8% 20% 22% 15%; }

  #contents_voice .voices .voice2 {
    padding: 11% 15% 23% 15%; }

  #contents_voice .voices .voice3 {
    padding: 8% 15% 20% 15%; }

  #contents_voice .voices .voice4 {
    padding: 9% 15% 28% 15%; }

  #contents_voice .voices .voice5 {
    padding: 8% 15% 20% 15%; }

  #contents_voice .voices .voice6 {
    padding: 3% 15% 18% 15%;
    font-size: 3.5vw; }

  #contents_voice .voices .voice7 {
    padding: 8% 15% 20% 15%; }

  #contents_voice .voices .voice8 {
    padding: 10% 20% 20% 13%; }

  #contents_voice section > div {
    width: 94%; } }
/* fit ----------*/
.fit #contents h2 {
  margin-bottom: 50px; }

.fit #contents h2 img.h2 {
  padding-top: 20px; }

.fit #contents div.cases {
  width: 880px;
  margin: 0 auto;
  padding-left: 50px; }

.fit #contents div.cases > div {
  float: left;
  width: 43%;
  margin-right: 55px;
  margin-bottom: 60px; }

.fit #contents div.cases > div.no_m {
  margin-bottom: 0; }

.fit #contents div.cases > div p {
  height: 65px;
  line-height: 1.3; }

.fit #contents h3 {
  margin-bottom: 26px;
  margin-top: 5px; }

.fit #contents h4 {
  font-size: 16px;
  margin-bottom: 6px; }

.fit #contents h4:after {
  content: ""; }

.footer_banner {
  margin-top: 5%;
  padding: 0; }

@media screen and (max-width: 640px) {
  .footer_banner {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; } }
@media screen and (min-width: 641px) {
  .footer_banner .go_top {
    bottom: -3em; } }
#contents .atten {
  font-size: .8em;
  display: block;
  text-indent: -1em;
  margin-left: 1em; }

.sec_inner {
  margin-left: auto;
  margin-right: auto;
  width: 90%; }

#contents .img_face {
  max-width: 30%; }

#contents .img_half {
  max-width: 50%; }

#contents .sec + .sec {
  margin-top: 6%; }

.sec_zu_title {
  font-weight: normal;
  margin-bottom: 1em;
  text-align: left; }

@media screen and (max-width: 640px) {
  #wrap #contents .img_face {
    margin-bottom: 3%; }

  #wrap #contents .img_face.fl,
  #wrap #contents .img_half.fl {
    margin-right: 3%; }

  #wrap #contents .img_face.fr,
  #wrap #contents .img_half.fr {
    margin-left: 3%; } }
.zumen_list {
  margin-bottom: 3%; }

.zumen_list li {
  margin-bottom: 2%;
  list-style-type: none; }

@media screen and (max-width: 640px) {
  .zumen_list {
    margin-bottom: 0; }

  .zumen_list li {
    margin-bottom: 5%; } }
@media screen and (min-width: 641px) {
  .zumen_list {
    overflow: hidden; }

  .zumen_list li {
    width: 50%;
    float: left; }

  .interview05 .zumen_list {
    margin-left: -20px;
    margin-right: -20px; } }
.room_list {
  overflow: hidden; }

.room_list li {
  float: left;
  margin-bottom: 3%; }

.room_list .room_img img {
  width: 100%; }

.room_list figcaption {
  font-size: .7em;
  margin-top: .4em; }

@media screen and (max-width: 640px) {
  .room_list li {
    width: 50%; } }
@media screen and (min-width: 641px) {
  .room_list li {
    width: 25%; } }
#wrap #contents #voice_links .voice_links_h2 {
  color: #a9987f;
  border: 1px solid;
  border-left: none;
  border-right: none;
  text-align: center;
  font-size: 1.2em;
  padding: .2em;
  float: none;
  background-color: transparent;
  width: auto;
  margin-right: 0; }

.voice_links_list {
  overflow: hidden; }

.voice_links_list li {
  float: left; }

.voice_links_list a {
  display: block;
  text-decoration: none;
  color: inherit; }

.voice_links_list figcaption p {
  padding-top: 2%;
  padding-bottom: 3%;
  background-color: #b9ac9a;
  color: #fff;
  font-weight: bold;
  font-size: 11px !important;
  font-feature-settings: "pkna"; }

.voice_links_list figcaption .p1 {
  padding-left: 1em; }

.voice_links_list figcaption .p2 {
  padding-left: 1em; }

.voice_links_list figcaption .p3 {
  text-align: right;
  padding-right: .5em; }

@media screen and (max-width: 640px) {
  .voice_links_list {
    margin-left: -1.5%;
    margin-right: -1.5%; }

  .voice_links_list li {
    width: 50%;
    padding: 0 1.5%;
    margin-bottom: 3%; }

  .voice_links_list figcaption p {
    font-size: 10px !important; }

  .voice_links_list figcaption .p1 {
    padding-left: .5em; }

  .voice_links_list figcaption .p2 {
    padding-left: .5em; } }
@media screen and (min-width: 641px) {
  .voice_links_list {
    margin-right: -33px; }

  .voice_links_list li {
    width: 200px;
    margin-right: 33px;
    margin-bottom: 30px; } }
.interview01 .voice_links_list .li1 {
  display: none; }

.interview02 .voice_links_list .li2 {
  display: none; }

.interview03 .voice_links_list .li3 {
  display: none; }

.interview04 .voice_links_list .li4 {
  display: none; }

.interview05 .voice_links_list .li5 {
  display: none; }

.interview06 .voice_links_list .li6 {
  display: none; }

.interview07 .voice_links_list .li7 {
  display: none; }

.interview08 .voice_links_list .li8 {
  display: none; }

.interview09 .voice_links_list .li9 {
  display: none; }

.interview10 .voice_links_list .li10 {
  display: none; }

@media screen and (max-width: 640px) {
  #wrap #contents p.parapara {
    font-size: 10px;
    font-size: 10px;
    padding: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    box-sizing: border-box;
    text-align: left; }

  .parapara {
    line-height: 1.4;
    text-align: justify;
    font-size: 10px;
    padding-left: 0.6em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; } }
@media screen and (min-width: 641px) {
  .parapara {
    line-height: 1.4;
    text-align: justify;
    font-size: 10px !important;
    padding-left: 0.6em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; } }
@media screen and (min-width: 640px) {
  #voice_index_zone .last {
    background: none;
    font-size: 2.0rem; }

  #voice_index_zone .last .moji .was_mincho {
    font-size: 26px; }

  #voice_index_zone .last .moji {
    margin-top: 150px; } }
@media screen and (max-width: 641px) {
  #voice_index_zone .last {
    background: none;
    font-size: 1.0rem;
    width: 100%; }

  #voice_index_zone .last .moji .was_mincho {
    font-size: 1.0rem; }

  #voice_index_zone .last .moji {
    margin-top: 3%; } }
body.interview06 #contents .sec {
  overflow: hidden; }

@media (min-width: 641px) {
  body.interview06 #contents .sec {
    margin-left: auto;
    margin-right: auto;
    width: 90%; } }
@media (min-width: 641px) {
  body.interview06 .sec_main {
    overflow: hidden;
    width: auto; } }
body.interview06 #contents h2{
  background: #68aadc;
  color: #fff;
  border: none;
  padding: .4em .6em;
  padding-bottom: 2.5em; }
  body.interview06 #contents h2 .h2_moji{
    color: #fff;
  }
@media (min-width: 641px) {
  body.interview06 #contents h2 {
    margin-right: 1em;
    float: left;
    box-sizing: border-box;
    width: 9em;
    background-image: url(/paradia/_img/life/interview06/h2.png);
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat; } }
body.interview06 #contents h2 > span {
  font-weight: normal;
  margin-top: 0;
  font-size: 23px;
  background-color: transparent; }

@media (max-width: 640px) {
  body.interview06 #contents h2 {
    padding: .8em 5%;
    background-image: url(/paradia/_img/life/interview06/h2.png);
    background-size: 65%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 5.0em; }

  /*
  body.interview06 #contents h2 br{
  	display: none;
  }*/
  body.interview06 #contents h2 > span {
    padding-left: 0;
    display: block;
    line-height: 1.3;
    height: auto;
    width: auto;
    font-size: 2.2rem; } }
body.interview06 #contents .mini_atten {
  font-size: 0.6em; }

body.interview06 .sec p .line {
  font-weight: bold;u
  background-color: #c3ddf1; }

body.interview06 .close_btn {
  display: inline-block;
  color: #fff;
  background: #68aadc;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  padding: 0.1em .7em;
  margin: 5% 0; }

body.interview06 .sec_main p.a {
  font-size: 15px; }

body.interview06 #voice_links .li3 {
  display: none; }

@media (min-width: 641px) {
  body.interview06 #voice_links .sec_inner {
    width: auto; } }
#contents .interview_atten_list li {
  font-size: 0.65em; }
  #contents .interview_atten_list li + li {
    margin-top: .2em; }

/*_20181010追加__*/
.cf::after { content:"";display: block; clear: both; }
.w_max { width: 100%; }
.ar{ text-align: right; }
.fo_min {font-size: 20px!important;}
.n_fl { width: 77%; }
.n_fr { width: 20%; }
.pt1em { padding-top: 1em; }
.mtn1em { margin-top: -1em; }
.photo_fig { font-size: 12px; padding: 10px; }
.fl_70 { width: 66%; float: left; }
.fr_25 { width: 28.8%; float: right; margin-left: 1%; }

/*.flb li{ width: calc((100% - 60px )/ 5); margin-left: 20px; }
.flb li.first{ width: calc(((100% - 60px) / 5 ) * 2); margin-left: 0; overflow: hidden; }
.flb_2 li:nth-child(1) { width: 48%; margin-right: 2%; float: left; }
.flb_2 li:nth-child(2) { width: 48%; margin-left: 2%; float: left; }
.flb_3 { display: flex; }
.flb_3 li { width: calc(((100% - 40px) / 4) * 1.5); float: left; margin-right: 20px; }
.flb_3 li:nth-child(3) { width: calc((100% - 40px) / 4); margin-right: 0; overflow: hidden; }
.flb_4 li { float: left; }
.flb_4 li:nth-child(1) { width: calc((60% - 40px) / 2); margin-right: 20px; overflow: hidden; }
.flb_4 li:nth-child(2) { width: calc((60% - 40px) / 2); margin-right: 20px; overflow: hidden; }
.flb_4 li:nth-child(3) { width: 40%; }
.flb_5 li { width: calc((100% - 20px) / 3); float: left; margin-right: 20px; }
.flb_5 li:nth-child(2) { width: calc(((100% - 20px) / 3) * 2); margin-right: 0; overflow: hidden; }
.flb_5 li:nth-child(2) img {margin-top: -20px;}
.flb_6 li { width: calc((100% - 20px) / 3); float: left; margin-right: 20px; overflow: hidden; }
.flb_6 li:nth-child(1) { width: calc(((100% - 20px) / 3) * 2); }
.flb_6 li:nth-child(2) { margin-right: 0; }
.flb_6 li:nth-child(2) img {margin-top: -57px;}*/
.flb li { float: left;margin-right: 2%; }
.flb li:nth-child(1) { width: 37%; }
.flb li:nth-child(2) { width: 19%; }
.flb li:nth-child(3) { width: 19%; }
.flb li:nth-child(4) { margin-right: 0; width: 19%; }
.flb_2 li:nth-child(1) { width: 49%; margin-right: 1%; float: left; }
.flb_2 li:nth-child(2) { width: 49%; margin-left: 1%; float: left; }
.flb_3 li { float: left; margin-right: 2%; }
.flb_3 li:nth-child(1) { width: 37.6%; }
.flb_3 li:nth-child(2) { width: 36.7%; }
.flb_3 li:nth-child(3) { width: 21.7%; margin-right: 0; }
.flb_4 li { float: left; margin-right: 2%; }
.flb_4 li:nth-child(1) { width: 25.7%; }
.flb_4 li:nth-child(2) { width: 25.7%; }
.flb_4 li:nth-child(3) { width: 44.6%; margin-right: 0; }
.flb_5 li { float: left; margin-right: 2%; }
.flb_5 li:nth-child(1) { width: 33.5%; }
.flb_5 li:nth-child(2) { width: 64.5%; margin-right: 0; }
.flb_6 li { float: left; margin-right: 2%; }
.flb_6 li:nth-child(1) { width: 68.2%; }
.flb_6 li:nth-child(2) { width: 29.8%; margin-right: 0; }


@media screen and (max-width: 640px) {
  /*.flb li.first img { max-height: 83.77px; }
  .flb_3 li:nth-child(3) img { max-height: 72.34px; }
  .flb_4 li:nth-child(1) img, .flb_4 li:nth-child(2) img { max-height: 120.36px }
  .flb_5 li:nth-child(2) img { max-height: 165.3px; }
  .flb_6 li:nth-child(2) img { max-height: 142.5px; }*/
}

.offer { font-size}
.line_2 li{ float: left; width: 49.5%; margin-right: 0.5%; }
.line_2 li:nth-child(2){ margin-right: 0; }
.line_3 li { width: calc(100% / 3); float: left; }
.line_3_1 li { width: 38.5%; float: left; }
.line_3_1 li:nth-child(3){width: 23%;}
.line_4 li{ width: calc(98.5% / 4); float: left; margin-right: 0.5%; }
.line_4 li:last-child{margin-right: 0;}
.line_4_1 li { float:left; }
.line_4_1 li:nth-child(1), .line_4_1 li:nth-child(3){width: 17%;}
.line_4_1 li:nth-child(2){width: 28.3%;}
.line_4_1 li:nth-child(4){width: 37.7%;}