@charset "UTF-8";

/*** ここからトップの記述 ***/
#import_point{ position: absolute; margin-top: -50px;}
#import{ width: 100%;  height: 100vh; position: relative; min-height: 720px;}
.import_left{ position: absolute; width: 460px;  height: 100vh; min-height: 720px;
  background-image: url("../img/index/gaiyou_bg.png"); background-size: cover; background-position: center center;}
.import_left section{ position: absolute; width: 360px; padding: 50px; height: 360px; top: calc(50% - 230px); color: #FFF;}
.import_left section h2{ position: relative; font-size: 36px; letter-spacing: 2.2px; font-weight: lighter;}
.import_left section h3{ position: relative; font-size: 18px; padding-top: 20px; line-height: 40px; letter-spacing: 0.5px; font-weight: lighter;}
.import_left section p{ position: relative; font-size: 14px; padding-top: 20px; line-height: 30px; letter-spacing: 1px;}

.import_right{ position: absolute; right: 0; width: calc(100% - 460px);  height: 100vh; min-height: 720px;
  background-image: url("../img/import/linen_bg.jpg"); background-size: cover; background-position: center left; background-attachment: fixed;}
.import_right h3{ position: absolute; display: block; left: 0px; top: calc(50% - 50px); bottom: 0; height: 120px; text-align: left; font-size: 16px; padding:10px 20px; line-height: 40px; color: #000; background-color: rgba(255,255,255,0.90); font-weight: lighter;}
.image{ position: absolute; display: block; right: 4px; bottom: 4px; text-align: left; font-size: 10px; color: #FFF;}


#konyu_point{ position: absolute; margin-top: -50px;}
#konyu{ position: relative; width: 100%; height: calc(100vh - 74px); min-height: 720px;
  background-image: url("../img/import/konyu_bg.jpg"); background-size: cover; background-position: center center; background-attachment: fixed;
}

#konyu div{ position: absolute; top: calc(50% - 356px); left: 0;  right: 0;}
#konyu section{ position: relative; display: block; margin: auto; left: 0; right: 0; width: 740px; top:0; background-color: rgba(255,255,255,0.80); color: #000; letter-spacing: 0;}
#konyu section:nth-child(4){ padding-bottom: 20px;}

#konyu section h3{ position: relative; font-size: 32px; padding-top: 40px; padding-bottom: 20px; letter-spacing: 2.2px; color: #0A204B; font-weight: lighter; text-align: center;}

#konyu section p { font-size: 16px; text-align: center; letter-spacing: 2px;}
#konyu section:nth-child(4) h3{ padding: 30px 0 0;}

#konyu img{ width:400px;}


/*** ここからレスポンシブの記述 ***/

@media screen and (max-width: 800px) {
#import{ min-height:100px;  height: calc(100vh - 50px);}
.import_left{ position: absolute; left: 0; width: 100%; height: calc(82vw + 105px); min-height: 100px; z-index: 50;}
.import_left section{ position: absolute; width: 100%; padding: 0px; height: 280px; top: 0; color: #FFF;}
.import_left section h2{ font-size: 8vw; text-align: center; padding-top: 70px; line-height: 16vw;}
.import_left section h3{ font-size: 4vw; text-align: center; line-height: 8vw;}
.import_left section p{ font-size: 3.5vw; padding:8% 5% 5%; line-height: 7vw;}
  
.import_right{ position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100vh - 50px); min-height: 100px; background-position: center center;}

#konyu{ position: relative; width: 100%; height: auto; min-height: 100px; background-attachment:inherit;}
.import_right{background-attachment:inherit;}
  
#konyu div{ position: relative;}
#konyu section{ position: relative; display: block; margin: auto; left: 0; right: 0; width: 96%; height: auto; padding: 2%;}
#konyu section h3{ position: relative; font-size: 6vw; padding-top: 26px; padding-bottom: 14px; letter-spacing: 2.2px; font-weight: lighter; text-align: center;}
  #konyu section p{ text-align: center; font-size: 3.5vw; line-height: 6vw;}
#konyu section p img{ margin: 8px auto 0 !important;}
#konyu section p img:nth-child(7){ margin-left: 0px !important;}
#konyu img{ width:100%;}
  
footer{ padding: 8px 0;}
footer p:nth-child(2){ position: relative; width: 100%; text-align: center; bottom: 0; right: auto; left: auto; margin: auto;}


.image{ position: absolute; display: block; right: 4px; bottom: 4px; text-align: right; font-size: 10px; color: #FFF;}

#konyu_point{ position: absolute; margin-top: -50px;}


}