@charset "utf-8";
@media screen and (min-width: 599px) { /*ウィンドウ幅が最大600pxまでの場合に適用*/
.boxSP{
	display: none;
}
/***************PC****************/
/**********
 main
**********/
html,body,main { height: 100%; }
a img { vertical-align: bottom; }
a:hover img { opacity: .7;}
main {
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 auto;
  position: relative;
  background: none;
  width: 100% !important;
  color: #000;
}
#footer { margin-top: 0; }
/*****
 ここから
********************/
/*------------------*/
.textArea {
  text-align: left;
  color: #000;
  margin: 0 auto;
  background-color: #EEEEEE;
}
.textArea .textAreaInner {
  width: 100%;
  max-width: 980px;
  margin: 50px auto 0;
  color: #000;
  box-sizing: border-box;
  padding-top: 38px;
  padding-bottom: 40px;
}
.textArea .textAreaInner p.heading {
/*  color: #CA1C40;*/
  color: #FF6400;
  line-height: 1;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 3px 8px;
  display: inline-block;
  font-weight: bold;
  border: 2px solid #FF6400;
}
.textArea .textAreaInner p.mb {
  margin-bottom: 3.125%;
  font-size: 14px;
}
/*---------------------*/
.clfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}
.clfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clfix { height: 1%; }
.clfix { display: block; }
/* End hide from IE-mac */
.clr { clear: both; }
/*****
 ここまで
********************/
.Blkbox {}
.Blkbox .Blkbox__inner {}
.conBlk {
  background-attachment: inherit;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0;
  padding: 0;
}
.conBlk .conBlk__inner {
  background-attachment: inherit;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.conBlk .conBlk__inner .cont {
  width: 960px;
  min-height: 10px;
/*  background-color: rgba(255,0,0,.2);*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.conBlk .conBlk__inner .cont .abs {
    position: absolute;
    left: 1px;
    top: 0;
    overflow: hidden;
}

.conBlk .conBlk__inner .abs.line {
  display: block;
}
.conBlk .conBlk__inner .abs.line figure {
  width: 1px;
  overflow: hidden;
}
.conBlk .conBlk__inner .abs.obj-next figure,
.conBlk .conBlk__inner .abs.obj figure {
  height: 1px;
  overflow: hidden;
}
.conBlk .conBlk__inner .abs.obj2 figure {
  opacity: 0;
  overflow: hidden;
}

.conBlk .conBlk__inner .abs.line.on figure {
  -webkit-animation: lineIn 1.5s ease-in-out;
          animation: lineIn 1.5s ease-in-out;
  width: 100%;
}
.conBlk .conBlk__inner .abs.obj-next.on figure,
.conBlk .conBlk__inner .abs.obj.on figure {
  -webkit-animation: objIn 2s ease-in-out;
          animation: objIn 2s ease-in-out;
  height: 680px;
}
.conBlk .conBlk__inner .abs.obj2.obj2-1.on figure {
  -webkit-animation: objIn2 1s ease-in-out;
          animation: objIn2 1s ease-in-out;
  opacity: 1;
}
.conBlk .conBlk__inner .abs.obj2.obj2-2.on figure {
  -webkit-animation: objIn2 2s ease-in-out;
          animation: objIn2 2s ease-in-out;
  opacity: 1;
}
.conBlk .conBlk__inner .abs.obj2.mark.on figure {
  -webkit-animation: objIn2 3s ease-in-out;
          animation: objIn2 3s ease-in-out;
  opacity: 1;
}
@-webkit-keyframes lineIn  { 0% { width:  0; }  100% { width:  100%; }}
        @keyframes lineIn  { 0% { width:  0; }  100% { width:  100%; }}
@-webkit-keyframes objIn  { 0% { height:  0; } 30% { height:  0; }  100% { height:  680px; }}
        @keyframes objIn  { 0% { height:  0; } 30% { height:  0; } 100% { height:  680px; }}
@-webkit-keyframes objIn2  { 0% { opacity:  0; } 80% { opacity:  0; } 100% { opacity:  1; }}
        @keyframes objIn2  { 0% { opacity:  0; } 80% { opacity:  0; } 100% { opacity:  1; }}

  .conBlk .conBlk__inner .cont .abs.btn {}
  .conBlk .conBlk__inner .cont .abs.btn a {
    transition: .3s;
  }
  .conBlk .conBlk__inner .cont .abs.btn a:hover {
    opacity: 0.7;
  }

.conBlk.main {
  background-color: #04040E;
  background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_main_bg01.jpg');
}
.conBlk.main .conBlk__inner {
  text-align: left;
  height: 697px;
}
.conBlk.con01 {
  background-color: #04040E;
}
  .conBlk__inner.con01_01 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_01_bg01.jpg');
    height: 933px;
  }
#con01_figure01 { top: 210px; left: 450px; }
#con01_line01 { top: 520px; }
#con01_line02 { top: 645px; }
#con01_line03 { top: 885px; }
  .conBlk__inner.con01_02 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_01_bg02.jpg?20181121');
    height: 646px;
  }
  .conBlk__inner.con01_03 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_01_bg03.jpg');
    height: 1039px;
  }
#con01_line04 { top: 180px; }
#con01_figure02_01 { top: 246px; left: 42px; }
#con01_figure02_02 { top: 195px; left: auto; right: 35px; }
#con01_mark { top: 290px; left: auto; right: -8px; }
#con01_line05 { top: 840px; }
#con01_line06 { top: 970px; }

.conBlk.con02 {
  padding-bottom: 58px;
}
  .conBlk__inner.con02_header {
    text-align: center;
    padding-top: 44px;
    padding-bottom: 22px;
  }
  .conBlk__inner.con02_01 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_02_bg01.jpg');
    background-color: #EEE;
    height: 580px;
    margin-bottom: 46px;
  }
  .conBlk__inner.con02_02 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_02_bg02.jpg');
    background-color: #EEE;
    height: 580px;
    margin-bottom: 46px;
  }
  .conBlk__inner.con02_03 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_02_bg03.jpg');
    background-color: #EEE;
    height: 580px;
  }
#con02_title01 { top: 62px; }
#con02_title02 { top: 62px; }
#con02_title03 { top: 62px; }

.conBlk.con03 {
  background-color: #FEF2B6;
  padding-bottom: 68px;
  margin-bottom: 86px;
}
  .conBlk__inner.con03_01 {}
  .conBlk__inner.con03_02 {}
  .conBlk__inner.con03_03 {}
#con03_fkds01 { top: 0px; }
#con03_fkds02 { top: 0px; }
#con03_fkds03 { top: 0px; }
#con03_footer { top: 680px; }

.conBlk.con04 {}
  .conBlk__inner.con04_01 {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_04_01_bg01.jpg");
    height: 1580px;
  }
  .conBlk__inner.con04_02 {
    background-color: #FFF;
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_04_02_bg01.jpg'),url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_04_02_bg02.png');
    background-position: center 202px,center bottom;
    background-repeat: no-repeat, repeat-x;
    height: 916px;
    margin-bottom: 100px;
  }
#con04_01_line01 { top: 478px; }
#con04_01_line02 { top: 674px; }
#con04_02_line01 { top: 1027px; }

.conBlk.con05 {
  background-color: #FEF2B6;
}
  .conBlk__inner.con05_01 {
    padding-top: 76px;
  }
  .conBlk__inner.con05_02 {}
#con05_01_btn01 { top: 1080px; left: 280px; }

.conBlk.con06 {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/kyw-frcr-ldg/cp/100/lam/img/con_06_bg01.png');
    background-repeat: repeat-x;
}
  .conBlk__inner.con06_01 {
    padding-bottom: 76px;
  }
#con06_btn01 { top: 472px; left: 450px; }
#con06_btn02 { top: 955px; left: 85px; }
#con06_btn03 { top: 955px; left: 560px; }

.fixed.btnBlk {
  position: fixed;
  top:100px;
  right: 0;
}
/*ステップ追加*/
.con_step{
    position: relative;
    width: 100%;
    background: #eee;
    padding: 70px 0;
}
.con_step img{
    display: block;
    margin: 0 auto;
}
.step_btn01{
    position: absolute;
    transform: translate(-50%,0);
    top: 920px;
    left: 50%;
    width: 800px;
    z-index: 1;
}
.step_btn01 img{
    padding-top: 0 !important;
}
.con_step img:last-of-type{
    padding-top: 70px;
}
/* 2019.02追加　*/
#con07_btn01 { top: 380px; left: 58px; }


.copy{
	font-size: 12px;
	text-align: center;
	margin: 0;
}

footer{
	padding: 30px 0;
}

.footer_menu{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
}

.footer_menu li{
	list-style: none;
    margin: 0;
    padding: 0 20px;
    border-right: 1px solid #464646;
    line-height: 1;
}

.footer_menu li:first-child{
	border-left: 1px solid #464646;
}

.footer_menu li a{
	color: #464646;
	text-decoration: none;
}

.footer_menu li a:hover{
	text-decoration: underline;
}
}

@media screen and (max-width: 600px) { /*ウィンドウ幅が最大600pxまでの場合に適用*/
.boxPC{
	display: none;
}
html,body {height: 100%;}
#gNaviSp {display: none !important;}
a img {vertical-align: bottom;}
div.box {overflow: hidden;}
div.box #wrapper {
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
div.box #wrapper img,
.contentBlk img{
  display: block;
  margin: 0 auto;
  width: 100%;
}
/********************/
#footer {
  margin-top: 0;
}
#footerWrap {
  padding-bottom: 80px;
}
.textBox {
  background-color: #EEEEEE;
  padding-top: 26px;
  padding-bottom: 60px;
}
.textArea {
  text-align: left;
  color: #000;
  margin: 0 auto;
}
.textArea .textAreaInner {
  width: 100%;
  margin: 0 auto;
  color: #000;
  font-size: 2.6vw;
  padding: 0 4.6875%;
  box-sizing: border-box;
}
.textArea .textAreaInner p.heading {
  text-align: center;
/*  color: #CA1C40;*/
  color: #FF6400;
  line-height: 1.2;
  font-size: 2.8vw;
  margin-bottom: 10px;
  padding: 3px 4px;
  display: block;
  font-weight: bold;
  border: 2px #FF6400 solid;
}
.textArea .textAreaInner p.mb {  margin-bottom: 3.125%;}
/*********************
 lamella201811.style.sp
**********************/

body {
  position: relative;
}
.conBlk {}
.conBlk .conBlk__inner {
  position: relative;
}
.conBlk .conBlk__inner .bk {}
.conBlk .conBlk__inner .over {
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: auto;
}
.conBlk.con06 .conBlk__inner .over {
  top:auto;
  bottom: 0;
  height: auto;
  left: 3%;
}
.conBlk .conBlk__inner .over figure {
  position: relative;
  width: 90%;
  height: auto;
	margin:0px;
/*  clip: rect(0, 100px, 1000px, 0);*/
}
.conBlk .conBlk__inner .over figure img {
/*  
  mask-image: url('/front/tk/lamella201811/sp/img/lamella_sp_mask.png');
  -webkit-mask-image: url('/front/tk/lamella201811/sp/img/lamella_sp_mask.png');
  mask-clip: view-box;
  -webkit-mask-clip: view-box;
  mask-size: 50% 100%;
  -webkit-mask-size: 50% 100%;
*/
}
/*
.conBlk .conBlk__inner .over figure .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.conBlk .conBlk__inner .over figure .mask img {
  width: 100%;
  height: 100%;
}
*/
.conBlk .conBlk__inner .over.line  {
  width: 1px;
  overflow: hidden;
}
.conBlk .conBlk__inner .over.obj {
  height: 1px;
  overflow: hidden;
}
.conBlk .conBlk__inner .over.obj2 {
  opacity: 0;
  overflow: hidden;
}

.conBlk .conBlk__inner .over.line.on {
  -webkit-animation: lineIn 1.5s ease-in-out;
          animation: lineIn 1.5s ease-in-out;
  width: 100%;
}
.conBlk .conBlk__inner .over.obj.on {
  -webkit-animation: objIn 2.5s ease-in-out;
          animation: objIn 2.5s ease-in-out;
  height: 100%;
}
.conBlk .conBlk__inner .over.over01.obj2.on {
  -webkit-animation: objIn2 1s ease-in-out;
          animation: objIn2 1s ease-in-out;
  opacity: 1;
}
.conBlk .conBlk__inner .over.over02.obj2.on {
  -webkit-animation: objIn2 2s ease-in-out;
          animation: objIn2 2s ease-in-out;
  opacity: 1;
}

@-webkit-keyframes lineIn  { 0% { width:  0; }  100% { width:  100%; }}
        @keyframes lineIn  { 0% { width:  0; }  100% { width:  100%; }}
@-webkit-keyframes objIn  { 0% { height:  0; } 50% { height:  0; }  100% { height:  100%; }}
        @keyframes objIn  { 0% { height:  0; } 50% { height:  0; } 100% { height:  100%; }}

@-webkit-keyframes objIn2  { 0% { opacity:  0; } 80% { opacity:  0; } 100% { opacity:  1; }}
        @keyframes objIn2  { 0% { opacity:  0; } 80% { opacity:  0; } 100% { opacity:  1; }}

.Blkbox .Blkbox__inner .fixed {
	position: fixed;
	left: 0;
	bottom: 0;
  
  transition: .3s;
  z-index: 10000;
}
.Blkbox .Blkbox__inner .fixed a {
  display: block;
  width: 100%;
}
.Blkbox .Blkbox__inner .fixed a img {
  width: 100%;
  height: auto;
}
.conBlk .conBlk__inner > img,
.conBlk .conBlk__inner .bk img,
.conBlk .conBlk__inner .over img {
  width: 100%;
  height: auto;
}
.conBlk .conBlk__inner .over.btnBlk a {}
.conBlk .conBlk__inner .over.btnBlk a.btn {
  display: inline-block;
}
.conBlk .conBlk__inner .over.btnBlk img {}
.conBlk.main {}
  .conBlk.main .over01 { margin-top: 155.5%; }
.conBlk.con01 {}
  .conBlk .con01_01 .over01 { margin-top: 47%; }

  .conBlk .con01_02 .over01 { margin-top: 15%; }
  .conBlk .con01_02 .over02 { margin-top: 44%; }
  .conBlk .con01_02 .over03 { margin-top: 97%; }

  .conBlk .con01_03 .over01 { margin-top: 18%; }
  .conBlk .con01_03 .over02 { margin-top: 142%; }

  .conBlk .con01_04 .over01 { text-align:left; }
  .conBlk .con01_04 .over01 { margin-top: 0%;
    width:46%;
    margin-top: -7.8%;
    margin-left: 2%;
  }
  .conBlk .con01_04 .over02 { text-align:right;left:auto;right:0; }
  .conBlk .con01_04 .over02 { margin-top: 0%;
    width:53%;
    margin-top: -7.8%;
    margin-right: 0.5%;
    margin-left: auto;
  }
  .conBlk .con01_04 .over03 { text-align:right;left:auto;right:0; }
  .conBlk .con01_04 .over03 { margin-top: 0%;
    margin-top: -15px;
  }

  .conBlk .con01_05 .over01 { margin-top: 11%; }
.conBlk.con02 {}
  .conBlk .con02_02 .over01 { margin-top: 0%; margin-top: -7%; }
  .conBlk .con02_03 .over01 { margin-top: 4%; }
  .conBlk .con02_04 .over01 { margin-top: 5%; }
.conBlk.con03 {}
  .conBlk .con03_01 .over01 { margin-top: 140%; }
  .conBlk .con03_02 .over01 { margin-top: 10%; }
  .conBlk .con03_02 .over02 { margin-top: 117%; }
  .conBlk .con03_03 .over01 { margin-top: 8%; }
  .conBlk .con03_03 .over02 { margin-top: 77%; }
  .conBlk .con03_03 .over03 { margin-top: 220%; }
.conBlk.con04 {}
  .conBlk .con04_01 .over01 { margin-top: 50%; }
  .conBlk .con04_02 .over01 { margin-top: 44%; }
  .conBlk .con04_02 .over02 { margin-top: 88%; }
  .conBlk .con04_02 .over03 { margin-top: 182%; }
  .conBlk .con04_03 .over01 { margin-top: 61%; }
  .conBlk .con04_04 .over01 { margin-top: 16%; }
  .conBlk .con04_05 .over01 { margin-top: 8%; }
  .conBlk .con04_05 .over02 { margin-top: 171%; }
.conBlk.con05 {}
  .conBlk .con05_02 .over01 { margin-top: 212%; }
.conBlk.con06 {
  margin-bottom: 10%;
}
  .conBlk .con06_01 .over01 a { margin-bottom: 5%; }
  .conBlk .con06_02 .over01 a { margin-bottom: 4%; }
  .conBlk .con06_03 .over01 a { margin-bottom: 8%; margin-left: 26%;}

/*ステップ追加*/
.con_step{
    position: relative;
    width: 100%;
    background: #eee;
    padding: 8% 0;
}
.con_step img.sp-90{
    width: 90%;
    display: block;
    margin: 0 auto;
}
div.box #wrapper .con_step img {
    width: 90%;
}
.step_btn01{
    position: absolute;
    transform: translate(-50%,0);
    top: 32.9%;
    left: 50%;
    width: 80%;
    z-index: 1;
}
.step_btn01 img{
    padding-top: 0 !important;
}
.con_step img:last-of-type{
    padding-top: 8%;
}
div.box #wrapper .con_step img {
    width: 90%;
}
/* 2019.02追加　*/
.con07{
	margin-bottom: 80px; 
}
.con07 img{
	margin: 0 auto;
	width: 90%!important;	
}
.conBlk .con07_01 .over01 a { margin-top: 113%; margin-left: -2%; width: 70%;}

.copy{
	font-size: 12px;
	text-align: center;
	margin: 0;
}

footer{
	padding: 30px 0;
}

.footer_menu{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
}

.footer_menu li{
	list-style: none;
    margin: 0;
    padding: 0 20px;
    border-right: 1px solid #464646;
    line-height: 2;
	margin:0.5em 0px 0.5em 0em;
}

.footer_menu li:first-child{
	border-left: 1px solid #464646;
}

.footer_menu li a{
	color: #464646;
	text-decoration: none;
	padding: 10px;
	
}

.footer_menu li a:hover{
	text-decoration: underline;
}
}