body { -webkit-text-size-adjust: 100%;}

/* ---------------------------------------------------------------------------------------------------   

　#page_20th

   --------------------------------------------------------------------------------------------------- */

#page_20th { padding:60px 0 0; position: relative; z-index: 0;}

@media only screen and (max-width: 738px) {
#page_20th { padding: 60px 0 0;  }
}

#page_20th .t_section_en { font-size: 35px; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.1em; line-height:1; }

@media only screen and (max-width: 960px) {	
#page_20th .t_section_en { font-size: 30px; }
}
@media only screen and (max-width: 738px) {
#page_20th .t_section_en { font-size: 27px;}
}
@media only screen and (max-width: 640px) {
#page_20th .t_section_en { font-size: 25px;}
}

/* ---------------------------------------------------------------------------------------------------   

　#breadcrumb

   --------------------------------------------------------------------------------------------------- */

#breadcrumb { margin: 0; padding: 2.5vw 5% 0;padding: 50px 5%; z-index:1; background: #202020;}
#breadcrumb li { color: #f0f0f0; background: #202020; font-feature-settings : "palt" 1; font-weight:700; position: relative; z-index: 0;}
#breadcrumb li:after { position: absolute; top: 50%; left: 100%; width: 10px; height: 0; content: ""; border-top: #555 1px solid; z-index: -1;}
#breadcrumb li a:hover { color: #111;}
#breadcrumb li a:before { border-bottom: #f0f0f0 1px solid;}
#breadcrumb li a:after { background: #f0f0f0;}

@media only screen and (max-width: 960px) {	
#breadcrumb {padding: 40px 5%;   }
#breadcrumb li a:hover { color: #f0f0f0;}
}
@media only screen and (max-width: 738px) {
#breadcrumb {padding: 35px 5%; border-bottom: none;  }
}
@media only screen and (max-width: 640px) {
#breadcrumb {padding: 30px 5%; border-bottom: none;  }
}

/* .scroll_position */
.scroll_position {padding: 60px 0 0 ; margin: -60px 0 0;}

@media only screen and (max-width: 738px) {
.scroll_position {padding: 60px 0 0 ; margin: -60px 0 0;}
}





/* ---------------------------------------------------------------------------------------------------   

　.block_mv

   --------------------------------------------------------------------------------------------------- */

.block_mv {height: calc(100vh - 60px);position: relative; z-index: 0;}

/* .img_area */
.block_mv .img_area { position: absolute; top: 0px; left: 0; bottom: 0;right: 0px; background: #202020; z-index: 0;}
.block_mv .img_area:after { position: absolute; top: 25px; left: 60%; bottom: 25px; bottom: 0; right: 25px;content: ""; background: url("../images/lp/20th/img_mv.jpg") top left no-repeat; background-size: cover; z-index:-1; margin-left: 12px;}
.block_mv .img_area:before { position: absolute; top: 25px; left: 25px; left: 0; bottom: 25px; bottom: 0;right: 40%;content: ""; background: url("../images/lp/20th/img_mv_3.jpg") center center no-repeat; background-size: cover; z-index:-1;margin-right: 12px; }

/* .copy_area */
.block_mv .copy_area { position: absolute; bottom: 60px; left: 5%; z-index: 2;color: #eee; }
.block_mv .copy_area .t_copy { font-size: 2.85vw; font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.55;}

/* .logo_area_20th */
.block_mv .logo_area_20th { position: absolute; top: 50px; right: 50px; z-index: 0; } 
.block_mv .logo_area_20th img {width: 9vw; }

@media only screen and (max-width: 960px) {
.block_mv {height: calc(100vh - 60px); height: 90vw;}
.block_mv .img_area:after {  top: 15px; left:55%; bottom: 0; right: 15px; margin: 0 0 0 7px;}
.block_mv .img_area:before { top: 15px; left: 15px; left: 0; bottom: 0;right: 45%; margin: 0 7px 0 0;}
.block_mv .copy_area { bottom: 7.5vw;}
.block_mv .copy_area .t_copy { font-size: 4vw; line-height: 1.55;}
.block_mv .logo_area_20th {  top: 40px; right: 30px;} 
.block_mv .logo_area_20th img {width: 20vw; }
}
@media only screen and (max-width: 738px) {
.block_mv {height: calc(100vh - 60px); height: 80vw}
.block_mv .img_area:after {  top: 15px; left:55%; right: 15px;}
.block_mv .img_area:before { top: 15px; left: 15px; left: 0;right: 45%;}
.block_mv .copy_area .t_copy { font-size: 5vw; line-height: 1.55;}
.block_mv .logo_area_20th {right: 5%;} 
.block_mv .logo_area_20th img {width: 15vw; }
}
@media only screen and (max-width: 640px) {
.block_mv {height: calc(100vh - 60px); height: 110vw}
.block_mv .img_area:after {  top: 6px; left:55%; bottom: 0; right: 6px; margin: 0 0 0 3px;}
.block_mv .img_area:before { top: 6px; left: 0; bottom: 0;right: 45%;margin: 0 3px 0 0;}
.block_mv .logo_area_20th {  top: 20px; right: 3.5%; z-index: 0; } 
.block_mv .logo_area_20th img {width: 15vw; }
}





/* ---------------------------------------------------------------------------------------------------   

　.block_about_20th

   --------------------------------------------------------------------------------------------------- */

.block_about_20th { padding:  0 0 120px; position: relative; z-index: 0; overflow: hidden;}

@media only screen and (max-width: 960px) {
.block_about_20th { padding:  0 0 90px; }
}
@media only screen and (max-width: 738px) {
.block_about_20th { padding:  0 0 70px; }
}
@media only screen and (max-width: 640px) {
.block_about_20th { padding:  0 0 60px; }
}

/* .about_area */
.block_about_20th .about_area {position: relative; z-index: 0;}
.block_about_20th .about_area .bg_color { position: absolute; top: 0; right: 0; left: 0; bottom: 90px; content: ""; background: #202020; z-index: -1;}
/* .img_area */
.block_about_20th .img_area { float: left; width: 55%;margin-left: 5%; width: 65%; }
/* .title_area */
.block_about_20th .title_area { position: absolute; top: 47.5%; right: 0; width: 40%; width: 30%; padding-bottom: 90px; z-index: 0; text-align: center;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.block_about_20th .title_area img { width: 52.5%;}
.block_about_20th .title_area .t_ttl_jp .t_space {margin-left: 0.1em;}
/* .txt_area */
.block_about_20th .txt_area { margin: 90px 0 0; padding: 0 20% 0 10%; font-size: 0;}
.block_about_20th .txt_area p { font-size: 30px; font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.8; letter-spacing: 0.05em;}
.block_about_20th .txt_area p+p {margin: 1.5em 0 0;}
.block_about_20th .txt_area .name_area {text-align: right;}
.block_about_20th .txt_area p.t_name {display: inline-block;margin: 1.5em .25em 0 0;  text-align: right;}

@media only screen and (max-width: 1500px) {
.block_about_20th .txt_area p {font-size: 2.15vw; }
}

@media only screen and (max-width: 960px) {
.block_about_20th .about_area .bg_color { bottom: 80px; }
.block_about_20th .img_area { float: none;margin-left: 5%; width: 95%; }
.block_about_20th .title_area { top: auto; bottom: 30px; right:3.5%;  width: 20%; padding-bottom: 0;  text-align: center;-webkit-transform:translate(0, );transform:translate(0,0);}
.block_about_20th .title_area img { width:100%;}
.block_about_20th .title_area .t_ttl_jp .t_space {margin-left: 0.1em;}
.block_about_20th .txt_area { margin: 70px 5% 0; padding: 0 1.5%;}
.block_about_20th .txt_area p {font-size: 3vw;  line-height: 1.9; letter-spacing: 0.05em;}
.block_about_20th .txt_area p+p {margin: 1.25em 0 0;}
.block_about_20th .txt_area p.t_name { margin: 1.25em .25em 0 0;}
}
@media only screen and (max-width: 738px) {
.block_about_20th .about_area .bg_color {  bottom: 70px;}
.block_about_20th .title_area { display: none; }
.block_about_20th .txt_area { margin: 50px 5% 0;}
}
@media only screen and (max-width: 640px) {
.block_about_20th .about_area .bg_color { bottom: 60px;}
.block_about_20th .txt_area { margin: 45px 5% 0; }
.block_about_20th .txt_area p {font-size: 4.5vw; line-height: 1.9; letter-spacing: 0.035em;}
.block_about_20th .txt_area p.t_name { margin: 1.25em .85em 0 0;}
}






/* ---------------------------------------------------------------------------------------------------   

　.block_product_20th

   --------------------------------------------------------------------------------------------------- */

.block_product_20th { padding: 90px 5%; position: relative; z-index: 0; }
.block_product_20th:after { position: absolute; top: 0; right: 5%; left: 5%; height: 0; content: ""; border-top: #111 1px solid; z-index: 0;}

@media only screen and (max-width: 960px) {
.block_product_20th { padding: 80px 5% 60px; }
}
@media only screen and (max-width: 738px) {
.block_product_20th { padding: 0 0 60px; }
	.block_product_20th:after {display: none;}
}
@media only screen and (max-width: 640px) {
.block_product_20th { padding: 0 0 50px; }
}


/* .product_area */
.block_product_20th .product_area { position: relative; z-index: 0;}
.block_product_20th .product_area .img_area { float: right; width: 65%; }
/* .title_area */
.block_product_20th .product_area .title_area { float: left; width:32.5%; padding: .25vw 0 0; }
.block_product_20th .product_area .t_ttl_en { margin: 0;font-size: 2.1vw; font-family:'Libre Baskerville', serif; font-weight:400; letter-spacing: 0.05em; line-height: 1.45; text-indent: -0.025em;}
.block_product_20th .product_area .t_ttl_en b { font-size: 1.165em; font-weight: 400;}
.block_product_20th .product_area .t_ttl_jp { margin: 10px 0 0.1vw; font-size: 1.35vw; font-size: 15px;  font-family: 'Shippori Mincho B1', serif; font-weight:500; letter-spacing: 0.075em; line-height: 1.7; }

/* .info_area */
.block_product_20th .product_area .info_area { position: absolute; bottom: -5px; left: 0.5%; width: 30%; z-index: 0;}
.block_product_20th .product_area .t_ttl_jp { margin: 10px 0 0.1vw; font-size: 1.35vw; font-size: 15px;  font-family: 'Shippori Mincho B1', serif; font-weight:500; letter-spacing: 0.075em; line-height: 1.7; }

/* ul.list_quality */
ul.list_quality { list-style: none;}
ul.list_quality li { padding: 0 0 0 1.25em;font-size: 14px; font-family: 'Shippori Mincho B1', serif; font-weight:400; letter-spacing: 0.075em; line-height: 1.8; position: relative; z-index: 0;}
ul.list_quality li:before { position: absolute; top: 0; left: 0; content: "※"; z-index: 0;}

/* dl.list_product_info */
dl.list_product_info { margin: 0 0 0 0.1em; }
dl.list_product_info div { margin: 15px 0 0; position: relative; z-index: 0; overflow: hidden;}
dl.list_product_info dt {float: left; width: 45px;font-size: 11px; font-family: 'Libre Baskerville',serif;font-weight: 400;letter-spacing: 0.05em; vertical-align: 0; line-height: 18px;}
dl.list_product_info dd { padding: 0 0 0 55px; display: block;font-size: 14px; font-family: 'courier_prime_sansregular';font-weight: normal; letter-spacing: 0.05em; vertical-align: 0; line-height: 20px;}
dl.list_product_info dd .t_tax { font-size: 0.9em; letter-spacing: 0.025em; vertical-align: 0;}

@media only screen and (max-width: 960px) {	
.block_product_20th .product_area .img_area {margin: 0 0 50px; float: none; width: 100%;}
.block_product_20th .product_area .title_area { float: left; width:55%; padding: 0 0 0 1.5%; }
.block_product_20th .product_area .t_ttl_en { font-size: 3.25vw;line-height: 1.45; text-indent: -0.025em;}
.block_product_20th .product_area .t_ttl_en b { font-size: 1.165em; font-weight: 400;}
.block_product_20th .product_area .t_ttl_jp { margin: 10px 0 0.1vw; font-size: 16px; line-height: 1.7; }
.block_product_20th .product_area .info_area { position: static; float: right; width: 45%; width: 35%; }
dl.list_product_info {margin: 0 0 0 0.1em}
}
@media only screen and (max-width: 738px) {	
.block_product_20th .product_area .img_area {margin: 0;}
.block_product_20th .product_area .title_area { float: none; width:90%; margin: 45px 5% 0; padding: 0 1.5%; text-align: center;}
.block_product_20th .product_area .t_ttl_en_sub { margin: 15px 0 0;font-size: 25px;  text-indent: 0;}
.block_product_20th .product_area .t_ttl_en { font-size: 28px;line-height: 1.5; text-indent:0;letter-spacing: 0.075em; }
.block_product_20th .product_area .t_ttl_en b { font-size: 1.25em; font-weight: 400;letter-spacing: 0.1em; }
.block_product_20th .product_area .t_ttl_jp { margin: 10px 0 0; font-size: 16px; line-height: 1.7; text-indent: 0;}
.block_product_20th .product_area .info_area { float: none; width: 100%; margin: 30px 0 0; text-align: center;}
ul.list_quality li { padding: 0; font-size: 14px;letter-spacing: 0.075em; line-height: 1.8;}
ul.list_quality li:before { position: static;margin: 0 3px 0 0;}	
dl.list_product_info { margin: 30px 0 0 }
dl.list_product_info div { margin: 15px 0 0;}
dl.list_product_info dt { float: none; width: 100%;font-size: 12px; letter-spacing: 0.05em; line-height: 1;}
dl.list_product_info dd { margin: 8px 0 0; padding: 0; display: block;font-size: 15px; line-height: 1.7;}
}
@media only screen and (max-width: 640px) {	
.block_product_20th .product_area .title_area {  width:90%; margin: 35px 5% 0; }
.block_product_20th .product_area .t_ttl_en { font-size: 20px;line-height: 1.6; text-indent:0;}
.block_product_20th .product_area .t_ttl_en b { font-size: 1.25em; font-weight: 400;}
.block_product_20th .product_area .t_ttl_jp { font-size: 15px; line-height: 1.7; }		
dl.list_product_info { margin: 30px 0 0 }
dl.list_product_info dd { margin: 10px 0 0; padding: 0; display: block;font-size: 15px; line-height: 1.6;}
}


/* --- .slider_20th_1 --- */
.slider_20th_1 { margin: 0; position: relative ;z-index: 1;}
.slider_20th_1 li.slide { margin: 0;}

/* --- slick-counter --- */
.slider_20th_1 .slick-counter { position: absolute; bottom: 25px; right: 25px; width: 110px; height: 35px; background: rgba(1,1,1,0.3);  color: #f0f0f0; font-size: 16px; font-family:'Libre Baskerville', serif; font-weight:400; text-align: center; line-height: 36px; z-index: 1;}
.slider_20th_1 .slick-counter .current,
.slider_20th_1 .slick-counter .total{ display: inline-block;width: 16px; vertical-align: 0;}
.slider_20th_1 .slick-counter .counter_line { font-size: 17px; vertical-align: 0;}

/* --- Arrows --- */
.slider_20th_1 .slick-prev,
.slider_20th_1 .slick-next { font-size: 0; display: block; position: absolute; bottom:25px;right: 25px; width: 30px; height: 35px; padding: 0;cursor: pointer; color: #f0f0f0; background: none; line-height: 35px; border-bottom:#111 1px dotted; border: none; z-index: 2; }
.slider_20th_1 .slick-prev:before,
.slider_20th_1 .slick-next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'themify'; font-size: 15px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slider_20th_1 .slick-prev { padding:0; margin: 0 80px 0 0; }
.slider_20th_1 .slick-prev:before {  content: "\e64a";}
.slider_20th_1 .slick-next { padding: 0;   }
.slider_20th_1 .slick-next:before {  content: "\e649"; }

@media only screen and (max-width: 738px) {
/* --- slick-counter --- */
.slider_20th_1 .slick-counter { bottom: 15px; right: 15px; width: 95px; height: 30px; font-size: 14px; line-height: 31px; }
.slider_20th_1 .slick-counter .current,
.slider_20th_1 .slick-counter .total{ display: inline-block;width: 14px; vertical-align: 0;}
.slider_20th_1 .slick-counter .counter_line { font-size: 1em; vertical-align: 0;}

/* --- Arrows --- */
.slider_20th_1 .slick-prev,
.slider_20th_1 .slick-next { font-size: 0; display: block; position: absolute; bottom:15px;right: 15px; width: 25px; height: 30px; padding: 0;cursor: pointer; color: #f0f0f0; background: none; line-height: 30px; border: none; z-index: 2; }
.slider_20th_1 .slick-prev { padding:0; margin: 0 70px 0 0; }
.slider_20th_1 .slick-prev:before,
.slider_20th_1 .slick-next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'themify'; font-size: 12px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}



/* --- .block_lineup_20th --- */
.block_lineup_20th { padding: 90px 5%; padding: 0 5% 90px; position: relative; z-index: 0; overflow: hidden;}

@media only screen and (max-width: 960px) {
.block_lineup_20th { padding: 0 5% 80px; }
}
@media only screen and (max-width: 738px) {
.block_lineup_20th { padding: 0 5% 70px; }
	.block_lineup_20th:after {display: none;}
}
@media only screen and (max-width: 640px) {
.block_lineup_20th { padding: 0 5% 60px; }
}

/* .lineup_list_area */
.block_lineup_20th .lineup_list_area { font-size: 0; margin: -20px -10px 0; margin: -15px -30px 0;}
.block_lineup_20th .lineup_list_box { display: inline-block; width: 33.333%; width: 25%; border: transparent 10px solid;  position: relative; z-index: 0;}

@media only screen and (max-width: 960px) {	
.block_lineup_20th .lineup_list_area { margin: -20px}
.block_lineup_20th .lineup_list_box { width: 50%; border: transparent 20px solid;}
}
@media only screen and (max-width: 738px) {	
.block_lineup_20th .lineup_list_area { margin: -10px}
.block_lineup_20th .lineup_list_box { width: 50%; border: transparent 10px solid;}
#home_product .productBox:nth-child(1),
#home_product .productBox:nth-child(2) { margin-top: 0;}
}

/* .imgArea */
.block_lineup_20th .lineup_list_box .img_area { position: relative; z-index: 1; }
.block_lineup_20th .lineup_list_box .img_area img {display: block; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.block_lineup_20th .lineup_list_box .img_area:hover img {opacity: 0.3;}
/* .imgArea:before */
.block_lineup_20th .lineup_list_box .img_area:before { position: absolute; top:50%; left: 50%;display: block; width: 30px; height: 0; margin: 0 0 0 -15px;border-top:#111 1px solid; content: ""; z-index: 3; -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}
.block_lineup_20th .lineup_list_box .img_area:hover:before { webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
/* .imgArea:after */
.block_lineup_20th .lineup_list_box .img_area:after { position: absolute; top:50%; left: 50%;display: block; margin: -15px 0 0 0; width: 0; height: 30px; border-left:#111 1px solid; content: ""; z-index: 3; -webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition:transform .5s ease;transition:transform .5s ease}
.block_lineup_20th .lineup_list_box .img_area:hover:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}

.block_lineup_20th .lineup_list_box .img_area a { display: block;}

@media only screen and (max-width: 900px) {	
.block_lineup_20th .lineup_list_box .img_area:hover img {opacity: 1;}
.block_lineup_20th .lineup_list_box .img_area:before,
.block_lineup_20th .lineup_list_box .img_area:after { display: none;}
}

/* .txtArea */
.block_lineup_20th .lineup_list_box .txt_area { text-align: center;}
/*.block_lineup_20th .lineup_list_box .txt_area h3.name {font-size: 13px;font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 1px; line-height:1.8;}*/
.block_lineup_20th .lineup_list_box .txt_area h3.no {font-size: 15px;font-family: 'courier_prime_sansregular'; font-weight: normal;line-height:1.8;letter-spacing: 1px;}
.block_lineup_20th .lineup_list_box .txt_area .t_name_sub { margin: 0; font-size: 11.5px;font-weight: 400;line-height: 1.5; letter-spacing: 0.05em;}
.block_lineup_20th .lineup_list_box .txt_area h4.size { margin: 7px 0 0; font-size: 11px; font-weight: 400; line-height: 1.8; letter-spacing: 2px;}

@media only screen and (max-width: 738px) {	
.block_lineup_20th .lineup_list_box .txt_area h3.no {font-size: 14px; line-height:1.4;letter-spacing: 0.5px;}
.block_lineup_20th .lineup_list_box .txt_area .t_name_sub { margin: 3px 0 0; font-size: 11px;}
.block_lineup_20th .lineup_list_box .txt_area h4.size {margin: 10px 0 2px;  font-size: 10px; line-height: 1.4; margin-top: 2px; letter-spacing: 1px;}
}
@media only screen and (max-width: 640px) {	
.block_lineup_20th .lineup_list_box .txt_area h3.no {font-size: 13px; line-height:1.4; }
.block_lineup_20th .lineup_list_box .txt_area .t_name_sub { margin: 3px 0 0; font-size: 10px;}
.block_lineup_20th .lineup_list_box .txt_area h4.size {margin: 10px 0 2px;  font-size: 10px; line-height: 1.4; margin-top: 2px; letter-spacing: 1px;}
}

/* .productBox .btn_underline */
.block_lineup_20th .lineup_list_box .btn_underline { margin: 8px 0 0; display: inline-block;border-bottom: #111 1px solid; font-size: 12px;font-family: 'courier_prime_sansregular'; font-weight: normal; line-height: 20px; letter-spacing: 0;text-align: center; position: relative; z-index: 0; }
.block_lineup_20th .lineup_list_box .btn_underline:hover { color: #fefefe;}
.block_lineup_20th .lineup_list_box .btn_underline:after { position: absolute; top: -1px; bottom: -1px; left: -4px; right:-4px; display: block; background: transparent; content: ""; z-index: -1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.block_lineup_20th .lineup_list_box .btn_underline:hover:after { background: #111;}

@media only screen and (max-width: 960px) {	
.block_lineup_20th .lineup_list_box .btn_underline:hover { color: #111;}
.block_lineup_20th .lineup_list_box .btn_underline:after { display: none; }
}
@media only screen and (max-width: 738px) {	
.block_lineup_20th .lineup_list_box .btn_underline {margin: 8px 0 0; display: inline; font-size: 12px; line-height: 25px; }
}
@media only screen and (max-width: 640px) {	
.block_lineup_20th .lineup_list_box .btn_underline {font-size: 11px; }
}




/* ---------------------------------------------------------------------------------------------------   

　.block_workflow_20th

   --------------------------------------------------------------------------------------------------- */

.block_workflow_20th { padding: 110px 5% 30px; background: #202020; color: #f0f0f0; position: relative; z-index: 0; }

@media only screen and (max-width: 960px) {
.block_workflow_20th { padding: 80px 0; }
}
@media only screen and (max-width: 738px) {
.block_workflow_20th { padding: 70px 0; }
}
@media only screen and (max-width: 640px) {
.block_workflow_20th { padding: 60px 0; }
}

.block_workflow_20th .t_section_en { text-align: center;}

/* .detail_area */
.block_workflow_20th .detail_area { position: relative; z-index: 0;}
.block_workflow_20th .detail_box {padding: 90px 0; position: relative; z-index: 0; }
.block_workflow_20th .detail_box .border { position: absolute;top: 0; right: 0; left: 0; height: 0; border-top: #555 1px solid; }
.block_workflow_20th .detail_box:first-child {border:none;}
/* .img_area */
.block_workflow_20th .detail_box .img_area { float: left; width: 60%;}
.block_workflow_20th .detail_box:nth-child(2n) .img_area{float: right;}

/* .txt_area */
.block_workflow_20th .detail_box .txt_area { position: absolute; top: 50%; right: 1%; width: 31.5%; z-index: 0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.block_workflow_20th .detail_box:nth-child(2n) .txt_area{right: auto; left: 1%;}

.block_workflow_20th .detail_box .txt_area .t_ttl_craftsman { font-size: 15px; font-family: 'Shippori Mincho B1', serif; font-weight: 500; line-height: 1; text-align: center; text-indent: -0.015em}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail {margin: .75vw -1.5% 0; font-size: 40px; font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.55; letter-spacing: 0.05em;text-align: center; text-indent: -0.05em;}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail .t_space {margin: 0 0 0 0.1em}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail .t_small { font-size: 0.75em; vertical-align: 0;}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail .t_kana { letter-spacing: -0.02em; margin: 0 0.05em 0 0.1em}

/* .descroption_area */
.block_workflow_20th .detail_box .descroption_area {margin: 25px 0 0;}
.block_workflow_20th .detail_box .descroption_area p { line-height: 1.85;}

/* .btn_20th */
.block_workflow_20th .detail_box .btn_20th {display: block; margin:30px auto 0; padding: 0 10px 0 0;  width:100%; max-width:260px; color: #111; background: #f0f0f0; border:#f0f0f0 2px solid; font-size:15px; font-family: 'Shippori Mincho B1', serif; letter-spacing: 0.05em; line-height: 55px; font-weight: 500;text-align: center; position: relative; z-index:1; overflow: hidden;}
.block_workflow_20th .detail_box .btn_20th:hover { color: #f0f0f0;}
.block_workflow_20th .detail_box .btn_20th:before { position:absolute; top:0; right:10px; bottom:0; font-size:15px; font-family:themify;content:"\e649";font-weight:normal; z-index:1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.block_workflow_20th .detail_box .btn_20th:after { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: block; background: #202020; content: ""; z-index: -1; -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}
.block_workflow_20th .detail_box .btn_20th:hover:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
.block_workflow_20th .detail_box .btn_20th:before { position:absolute; top:0; right:10px; bottom:0; font-size:15px; font-family:themify;content:"\e649";font-weight:normal; z-index:1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.block_workflow_20th .detail_box .btn_20th_scroll:before { width: 22px; height: 22px; margin: auto 0;font-size:12px;  content:"\e64b"; line-height: 23px; border: #555 1px solid; -webkit-border-radius: 100%;border-radius: 100%;  }
.block_workflow_20th .detail_box .btn_20th_scroll:hover:before {border: #f0f0f0 1px solid;}

@media only screen and (max-width: 1400px) {
.block_workflow_20th .detail_box .txt_area .t_ttl_detail {font-size: 3vw; }
}
@media only screen and (max-width: 1000px) {
.block_workflow_20th .detail_box .txt_area { position: static; float: right;width: 31.5%;-webkit-transform:translate(0,0);transform:translate(0,0);;}
.block_workflow_20th .detail_box:nth-child(2n) .txt_area{float: left;}
}
@media only screen and (max-width: 960px) {
.block_workflow_20th .detail_box { margin: 80px 0 0; padding: 0;  }
.block_workflow_20th .detail_box .border { display: none }
.block_workflow_20th .detail_box .img_area { float: none; width: 100%;}
.block_workflow_20th .detail_box:nth-child(2n) .img_area{float: none;}
.block_workflow_20th .detail_box .txt_area { position: static; width: 100%; margin: 45px 0 0; -webkit-transform:translate(0,0);transform:translate(0,0);}
.block_workflow_20th .detail_box .txt_area .t_ttl_craftsman { font-size: 18px;text-indent: 0}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail {margin: 1.25vw 0 0; font-size: 4.5vw; text-indent: 0;}
.block_workflow_20th .detail_box .descroption_area {margin: 25px 0 0; padding: 0 10%;}
.block_workflow_20th .detail_box .descroption_area p { font-size: 15px; line-height: 1.9;}
.block_workflow_20th .detail_box .btn_20th { margin:35px auto 0; padding: 0 10px 0 0; max-width:260px; font-size:15px;  letter-spacing: 0.05em; line-height: 50px;}
.block_workflow_20th .detail_box .btn_20th:hover { color: #111;}
.block_workflow_20th .detail_box .btn_20th:before { right:10px; font-size:15px; }
.block_workflow_20th .detail_box .btn_20th:after { display: none;}
.block_workflow_20th .detail_box .btn_20th_scroll:before { width: 22px; height: 22px;font-size:12px; }
.block_workflow_20th .detail_box .btn_20th_scroll:hover:before {border: #555 1px solid;}
}
@media only screen and (max-width: 738px) {
.block_workflow_20th .detail_box {margin: 60px 0 0;  }
.block_workflow_20th .detail_box .txt_area { margin: 40px 0 0;}
.block_workflow_20th .detail_box .txt_area .t_ttl_craftsman { font-size: 18px;}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail {margin: 12px 0 0; font-size: 35px;}
.block_workflow_20th .detail_box .descroption_area {margin: 20px 0 0; padding: 0 10%;}
.block_workflow_20th .detail_box .descroption_area p { font-size: 15.5px; line-height: 1.9;}
.block_workflow_20th .detail_box .btn_20th { margin:30px auto 0; padding: 0 10px 0 0; max-width:260px;font-size:14px; line-height: 50px;}
.block_workflow_20th .detail_box .btn_20th:before { right:10px; font-size:14px; }
.block_workflow_20th .detail_box .btn_20th_scroll:before { width: 20px; height: 20px;font-size:11px; line-height: 21px; }
}
@media only screen and (max-width: 640px) {
.block_workflow_20th .detail_box {margin: 50px 0 0;  }
.block_workflow_20th .detail_box .txt_area { margin: 35px 0 0;}
.block_workflow_20th .detail_box .txt_area .t_ttl_craftsman { font-size: 16px;}
.block_workflow_20th .detail_box .txt_area .t_ttl_detail {margin: 10px 0 0; font-size: 25px;}
.block_workflow_20th .detail_box .descroption_area {margin: 20px 0 0; padding: 0 6.5%;}
.block_workflow_20th .detail_box .descroption_area p { line-height: 1.85;}
.block_workflow_20th .detail_box .btn_20th {max-width:240px;font-size:14px; line-height: 45px;}
.block_workflow_20th .detail_box .btn_20th:before { right:10px; font-size:14px; }
.block_workflow_20th .detail_box .btn_20th_scroll:before {font-size:10px;}
}

/* --- .slick-counter --- */
.slider_20th_2 .slick-counter { position: absolute; bottom: 20px; right: 20px; width: 120px; height: 35px; background: rgba(1,1,1,0.5); color: #f0f0f0; font-size: 15px; font-family:'Libre Baskerville', serif; font-weight:400; text-align: center; line-height: 36px; z-index: 1;}
.slider_20th_2 .slick-counter .current,
.slider_20th_2 .slick-counter .total{ display: inline-block;width: 16px; vertical-align: 0;}
.slider_20th_2 .slick-counter .counter_line { font-size: 18px; vertical-align: 0;}

/* --- Arrows --- */
.slider_20th_2 .slick-prev,
.slider_20th_2 .slick-next { font-size: 0; display: block; position: absolute; bottom:20px;right: 20px; width: 30px; height: 35px; padding: 0;cursor: pointer; color: #f0f0f0; /*color: #e0e0e0;*/background: none; line-height: 35px;  border: none; z-index: 2; }
.slider_20th_2 .slick-prev:before,
.slider_20th_2 .slick-next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'themify'; font-size: 15px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slider_20th_2 .slick-prev { padding:0; margin: 0 90px 0 0; }
.slider_20th_2 .slick-prev:before {  content: "\e64a";}
.slider_20th_2 .slick-next { padding: 0;   }
.slider_20th_2 .slick-next:before {  content: "\e649"; }

@media only screen and (max-width: 960px) {
.slider_20th_2 .slick-list {padding: 0 5% 0 0;}
.slider_20th_2 li { border: none;}
.slider_20th_2 li{ padding: 0 6.5vw 0 0;}
.slider_20th_2 .slick-counter { position: absolute; bottom: 20px; left: 20px; right: auto; }
.slider_20th_2 .slick-prev,
.slider_20th_2 .slick-next { left: 20px; right: auto;}
.slider_20th_2 .slick-prev {margin: 0; }
.slider_20th_2 .slick-next { margin: 0 0 0 90px; }  
}
@media only screen and (max-width: 738px) {
.slider_20th_2 .slick-list {padding: 0 5% 0 0;}
.slider_20th_2 li { border: none;}
.slider_20th_2 li{ padding: 0 3.5vw 0 0;}
.slider_20th_2 .slick-counter { bottom: 15px; left: 15px;width: 95px; height: 30px; font-size: 14px; line-height: 31px;}
.slider_20th_2 .slick-counter .current,
.slider_20th_2 .slick-counter .total{ width: 14px; vertical-align: 0;}
.slider_20th_2 .slick-counter .counter_line { font-size: 1em; vertical-align: 0;}	
.slider_20th_2 .slick-prev,
.slider_20th_2 .slick-next {bottom:15px;left: 15px; width: 25px; height: 30px; line-height: 30px;}
.slider_20th_2 .slick-next { margin: 0 0 0 70px;}
.slider_20th_2 .slick-prev:before,
.slider_20th_2 .slick-next:before { font-size: 12px; }
}





/* ---------------------------------------------------------------------------------------------------   

　.block_profile

   --------------------------------------------------------------------------------------------------- */

.block_profile { padding: 90px 5%; position: relative; z-index: 0;}
@media only screen and (max-width: 960px) {
.block_profile { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) {
.block_profile { padding: 70px 5%; text-align: center;}
}
@media only screen and (max-width: 640px) {
.block_profile { padding: 60px 5%; }
}

/* .headline_20th */
.block_profile .headline_20th {margin: 0 0 70px}

/* .profile_area */
.block_profile .profile_area {  position: relative; z-index: 0;}

/* .img_area */
.block_profile .profile_area .img_area { float:left; width: 32.5%;}

/* .list_info */
.list_info { margin: 25px 0 0; padding: 0 0 0 5%; font-size: 14px;font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.8; letter-spacing: 0.075em;  }
.list_info div { margin: 0px 0 0; position: relative; z-index: 0; overflow: hidden;}
.list_info dt {float: left; width: 50px;}
.list_info dd { padding: 0 0 0 50px;}
.list_info dd a {border-bottom: #111 1px solid;}
.list_info dd a:hover { color: #fefefe; background: #111;}

/* .txt_area */
.block_profile .profile_area .txt_area { float: right; margin: 0 2.5% 0 0; width: 55%; position: relative; z-index: 0;}
.block_profile .profile_area .txt_area .t_copy { font-size: 35px;font-family: 'Shippori Mincho B1', serif;font-weight: 400; line-height: 1; letter-spacing: 0.05em; text-indent: -0.5em;}
.block_profile .profile_area .txt_area .t_detail { margin: 40px 0 0; font-size: 15px; font-family: 'Shippori Mincho B1', serif; line-height: 2;}
.block_profile .profile_area .txt_area .t_name { margin: 25px 0 0; font-size: 15px; font-family: 'Shippori Mincho B1', serif; line-height: 2; text-align: right;}
.block_profile .profile_area .txt_area .logo_area_korindo { position: absolute; top: -100px; right: 0; width: 110px; height: 110px; z-index: 0;}

/* .history_area */
.history_area { margin: 45px 0 0; padding: 45px 0 0; border-top: #111 1px dotted;}
.block_profile .t_ttl_en_small { font-size: 20px; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.1em; line-height:1; }
.list_history { margin: 35px 0 0; font-size: 14px; line-height: 1.8; letter-spacing: 0.075em;  }
.list_history div { margin: 10px 0 0; position: relative; z-index: 0; overflow: hidden;}
.list_history dt {float: left; width: 90px;}
.list_history dd { padding: 0 0 0 90px;}

@media only screen and (max-width: 1100px) {
.block_profile .profile_area .txt_area .logo_area_korindo { width: 100px; height: 100px;}
}
@media only screen and (max-width: 960px) {
.block_profile .headline_20th {margin: 0 0 70px}
.block_profile .t_section_en { text-align: center;}	
.block_profile .profile_area .img_area { width: 30%;}
.list_info { margin: 20px 0 0; padding: 0; font-size: 13px; }
.list_info div { margin: 0;}
.list_info dt {float: left; width: 45px;}
.list_info dd { padding: 0 0 0 45px;}
.list_info dd a:hover { color: #111; background: none;}
.block_profile .profile_area .txt_area { margin: 0; width: 61.5%;}
.block_profile .profile_area .txt_area .t_copy { font-size: 30px;}
.block_profile .profile_area .txt_area .t_detail { margin: 35px 0 0; font-size: 15px; }
.block_profile .profile_area .txt_area .t_name { margin: 20px 0.5em 0 0;}
.block_profile .profile_area .txt_area .logo_area_korindo { top: -25px; width: 90px; height: 90px;}
.history_area { margin: 45px 0 0 -62.5%; padding: 45px 0 0;}
.block_profile .t_ttl_en_small { font-size: 20px; }
.list_history { margin: 35px 0 0; font-size: 15px; line-height: 1.9; letter-spacing: 0.075em;  }
.list_history div { margin: 10px 0 0;}
.list_history dt {float: left; width: 100px;}
.list_history dd { padding: 0 0 0 100px;}
}
@media only screen and (max-width: 738px) {
.block_profile .headline_20th {margin: 0 0 50px;}
.block_profile .profile_area .img_area { float: none; margin: 0 auto; width: 65%;}
.list_info { margin: 20px 0 0; padding: 0; font-size: 13px; display: inline-block; text-align: left;}
.list_info div { margin: 0;}
.block_profile .profile_area .txt_area { float:none; margin: 35px 0 0; width: 100%; padding: 0 1.5%; text-align: left;}
.block_profile .profile_area .txt_area .t_copy { font-size: 30px; text-align: center;text-indent: 0;}
.block_profile .profile_area .txt_area .t_detail { margin: 30px 0 0; font-size: 15px; line-height: 1.9; }
.block_profile .profile_area .txt_area .logo_area_korindo { position: static; margin: 25px auto 30px; width: 110px; height: auto;}
.history_area { margin: 40px 0 0; padding: 40px 0 0;}
.block_profile .t_ttl_en_small { font-size: 20px; text-align: center;}
.list_history { margin: 25px 0 0; font-size: 14px; line-height: 1.9; letter-spacing: 0.05em;  }
.list_history div { margin: 10px 0 0;}
.list_history dt {float: left; width: 70px;}
.list_history dd { padding: 0 0 0 70px;}
}
@media only screen and (max-width: 640px) {
.block_profile .headline_20th {margin: 0 0 45px;}
.block_profile .profile_area .img_area { width: 70%;}
.block_profile .profile_area .txt_area { float:none; margin: 30px 0 0;}
.block_profile .profile_area .txt_area .t_copy { font-size: 25px; }
.block_profile .profile_area .txt_area .t_detail { margin: 25px 0 0;  }
.block_profile .profile_area .txt_area .logo_area_korindo {  margin: 30px auto 25px; width: 110px;}
.block_profile .t_ttl_en_small { font-size: 20px; }
.list_history { font-size: 14px; line-height: 1.8; }
}