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

INTERVIEW

******************************************************/
#containerBox { /************************** tab
***************************/ }
#containerBox sup { vertical-align: super; }
#containerBox img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }
#containerBox a { transition: all 0.4s; text-decoration: none; }
#containerBox .pic div.note { margin-top: 2px; }
#containerBox #main { max-width: 1000px; }
#containerBox #main .txt { margin-top: 3rem; font-size: 1.2rem; }
@media screen and (max-width: 640px) { #containerBox #main { padding: 0; margin-bottom: 4rem; }
  #containerBox #main .txt { font-size: 1.0rem; } }
#containerBox #intro .flexBox li { width: 32%; }
#containerBox #intro .fits_all { margin: 1rem auto 6rem; }
#containerBox #intro .fits_all .txtArea { margin: 4.5rem auto; }
#containerBox #intro .fits_all .txtArea .midashiL { color: #d1b192; font-size: 2.3rem; font-weight: normal; border-bottom: 1px solid #d1b192; }
#containerBox #intro .fits_all .txtArea .midashiL + .lead { text-align: center; margin-top: 1rem; }
#containerBox #intro .fits_all .point_2ldk { background: #eadecf; position: relative; padding: 1.5rem 0; border-radius: 5px; margin: 3rem auto; }
#containerBox #intro .fits_all .point_2ldk .copy1 { position: absolute; top: -1.3rem; left: 0; width: 100%; text-align: center; font-style: italic; font-size: 1.5rem; }
#containerBox #intro .fits_all .point_2ldk .copy2 { display: inline-block; font-size: 1.1rem; padding-right: 2rem; border-right: 1px solid #ccc; }
#containerBox #intro .fits_all .point_2ldk .copy3 { display: inline-block; font-size: 1.0rem; padding-left: 2rem; }
@media screen and (max-width: 640px) { #containerBox #intro .fits_all .point_2ldk .copy2 { display: block; padding-right: 0; border-right: none; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
  #containerBox #intro .fits_all .point_2ldk .copy3 { display: block; padding-left: 0; padding-top: 10px; } }
#containerBox .tabarea .tab { text-align: center; font-size: 0; box-sizing: border-box; max-width: 1000px; margin: auto; }
#containerBox .tabarea .tab.top { padding-top: 160px; margin-top: -120px; }
#containerBox .tabarea .tab.bottom { margin-top: 10px; display: none; }
#containerBox .tabarea .tab li { vertical-align: top; display: inline-block; box-sizing: border-box; width: 32%; margin-right: 0.6666666666%; cursor: pointer; position: relative; overflow: hidden; height: 65px; background: #eeeeee; font-size: 17px; color: #fff; border-radius: 5px 5px 0 0; border-bottom: 8px solid #fff; -webkit-transition: all 0.2s linear; }
#containerBox .tabarea .tab li:nth-child(4n) { margin-right: 0; }
@media screen and (max-width: 680px) { #containerBox .tabarea .tab li { font-size: 13px; } }
#containerBox .tabarea .tab li span { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(0.001deg); white-space: nowrap; }
#containerBox .tabarea .tab li:nth-of-type(1) { background: #bfa991; }
#containerBox .tabarea .tab li:nth-of-type(2) { background: #c09766; }
#containerBox .tabarea .tab li:nth-of-type(3) { background: #493e3b; }
#containerBox .tabarea .tab li.current:nth-of-type(1) { border-bottom-color: #bfa991; }
#containerBox .tabarea .tab li.current:nth-of-type(2) { border-bottom-color: #c09766; }
#containerBox .tabarea .tab li.current:nth-of-type(3) { border-bottom-color: #493e3b; }
#containerBox .tabarea .tabContents .sec_inner { position: relative; padding: 5rem 0 3rem; }
#containerBox .tabarea .tabContents .sec_inner .specARea { width: 52%; }
#containerBox .tabarea .tabContents .sec_inner .specARea .spec { margin-bottom: 2rem; }
#containerBox .tabarea .tabContents .sec_inner .specARea .spec .pic { margin-bottom: 1rem; }
#containerBox .tabarea .tabContents .sec_inner .picArea { width: 40%; }
#containerBox .tabarea .tabContents .sec_inner .picArea .item { margin-bottom: 2rem; }
#containerBox .tabarea .tabContents .sec_inner .picArea .item h5 { font-weight: normal; font-size: 1.1rem; text-align: left; margin-top: 0.5rem; margin-bottom: 0.3rem; }
#containerBox .tabarea .tabContents .sec_inner .picArea .item p.lead { font-size: 0.9rem; line-height: 1.5; }
#containerBox .tabarea .tabContents .sec_inner .hanrei { width: 40%; position: absolute; bottom: calc(3rem + 50px); right: 0; text-align: left; }
#containerBox .tabarea .tabContents .sec_inner .hanrei .aw { margin-right: 20px; }
#containerBox .tabarea .tabContents .sec_inner .hanrei img { height: 10px !important; width: auto !important; margin-right: 5px; }
@media screen and (max-width: 640px) { #containerBox .tabarea .tabContents .sec_inner .specARea { width: 100%; margin-bottom: 2rem; }
  #containerBox .tabarea .tabContents .sec_inner .picArea { width: 100%; }
  #containerBox .tabarea .tabContents .sec_inner .hanrei { position: static; width: 100%; margin-bottom: 2rem; } }
#containerBox .tabarea #tab1 { border-top: 8px solid #bfa991; border-bottom: 8px solid #bfa991; background: #f2eee9; }
#containerBox .tabarea #tab2 { border-top: 8px solid #c09766; border-bottom: 8px solid #c09766; background: #f2eae0; }
#containerBox .tabarea #tab3 { border-top: 8px solid #493e3b; border-bottom: 8px solid #493e3b; background: #dbd8d8; }
#containerBox #point_pickup { padding: 5rem 0 0; }
#containerBox #point_pickup .sec_inner { max-width: 650px; }
#containerBox #point_pickup .title { max-width: 400px; width: 80%; margin: 0 auto 2rem; }
#containerBox #point_pickup .point_item { position: relative; margin-bottom: 6rem; }
#containerBox #point_pickup .point_item .img01 { margin-bottom: 2rem; position: relative; z-index: 1; }
#containerBox #point_pickup .point_item .txtArea h5 { text-align: left; margin-bottom: 2rem; }
#containerBox #point_pickup .point_item .txtArea h5 img { height: 100px; width: auto; }
#containerBox #point_pickup .point_item.point01 .txtArea { margin-left: 6%; }
#containerBox #point_pickup .point_item.point01 .img02 { position: absolute; width: 30%; top: 380px; right: -40px; z-index: 0; }
#containerBox #point_pickup .point_item.point02 .txtArea { margin-left: 38%; }
#containerBox #point_pickup .point_item.point02 .img02 { position: absolute; width: 30%; top: 380px; left: -40px; z-index: 0; }
#containerBox #point_pickup .point_item.point03 .txtArea { margin-left: 6%; margin-bottom: 2rem; }
#containerBox #point_pickup .point_item.point03 .img02 { margin-left: 6%; max-width: 400px; }
#containerBox #point_pickup .point_item.point03 > .note { text-align: left; margin-top: 2rem; margin-left: 6%; }
@media screen and (max-width: 750px) { #containerBox #point_pickup .point_item .txtArea h5 img { height: 14vw; }
  #containerBox #point_pickup .point_item .txtArea p.lead { font-size: 3vw; }
  #containerBox #point_pickup .point_item.point01 .txtArea { margin-left: 5%; }
  #containerBox #point_pickup .point_item.point01 .img02 { top: 50vw; right: -5%; }
  #containerBox #point_pickup .point_item.point02 .txtArea { margin-left: 35%; }
  #containerBox #point_pickup .point_item.point02 .img02 { top: 50vw; left: -5%; }
  #containerBox #point_pickup .point_item.point03 .txtArea { margin-left: 5%; }
  #containerBox #point_pickup .point_item.point03 .img02 { margin-left: 5%; }
  #containerBox #point_pickup .point_item.point03 > .note { margin-left: 5%; } }