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

　.block_about_intro

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

.block_about_intro { padding: 50px 4% 120px;text-align: center}
.block_about_intro .t_copy_intro { margin: 4.5vw 0 0; font-size: 9.5vw; font-family: orpheuspro, serif; letter-spacing: 0;line-height: 1; text-transform: uppercase;}
.block_about_intro .t_copy_intro_jp { margin: 3vw 0 0; font-size: 18px; letter-spacing: 0.25em; line-height: 1;}

@media only screen and (max-width: 960px) {
.block_about_intro { padding: 45px 4% 100px;}
.block_about_intro .t_copy_intro { margin: 5.5vw 0 0; font-size: 10vw; }
.block_about_intro .t_copy_intro_jp { margin: 4vw 0 0; font-size: 17px; }
}
@media only screen and (max-width: 738px) {
.block_about_intro { padding: 40px 4% 90px;}
.block_about_intro .t_copy_intro { margin: 6.5vw 0 0;font-size: 10vw;letter-spacing: -0.01em; }
.block_about_intro .t_copy_intro_jp { margin: 4.5vw 0 0; font-size: 16px; }
}
@media only screen and (max-width: 560px) {
.block_about_intro { padding: 35px 4% 80px;}
.block_about_intro .t_copy_intro { margin: 30px 0 0;font-size: 10vw;letter-spacing: -0.01em; }
.block_about_intro .t_copy_intro_jp { margin: 25px 0 0; font-size: 15px; }
}




/* .img_area */
.block_about_intro .img_area { margin: 120px 0 0; position: relative; z-index: 0;}
.block_about_intro .img_area .img_box { width: 62.5%; margin: 0 0 0 2.5%; padding-bottom: 70px; position: relative; z-index: 0;}
/*.block_about_intro .img_area .img_box img { height: 40vw}*/
.block_about_intro .img_area .img_box_2 { position: absolute; right: 0; bottom: 0; width: 27.5%; z-index: -1; }
/*.block_about_intro .img_area .img_box_2 img { height: 30vw}*/
/* .txt_area */
.block_about_intro .txt_area { margin: 45px 0 0 15%; width: 57.5%; text-align: left;}
.block_about_intro .txt_area .t_txt_copy_L {margin: 40px 0 0;}
.block_about_intro .txt_area  .description_area {margin: 30px 0 0;}


@media only screen and (max-width: 960px) {
.block_about_intro .img_area { margin: 90px 0 0; }
.block_about_intro .img_area .img_box { width: 67.5%; margin: 0; padding-bottom: 5vw;}
.block_about_intro .txt_area { margin: 45px 0 0 10%; width: 80%;}
.block_about_intro .txt_area .t_txt_copy_L {margin: 35px 0 0;}
.block_about_intro .txt_area  .description_area {margin: 35px 0 0;}   
}
@media only screen and (max-width: 738px) {
.block_about_intro .img_area { margin: 80px 0 0; }
.block_about_intro .img_area .img_box { width: 100%; margin: 0; padding-bottom: 0;}
.block_about_intro .img_area .img_box_2 { width: 37.5%; display: none;}
.block_about_intro .txt_area { margin: 50px 0 0; padding: 0 2%; width: 100%;}
.block_about_intro .txt_area .t_txt_copy_L {margin: 30px 0 0;}
.block_about_intro .txt_area  .description_area {margin: 30px 0 0;}     
}
@media only screen and (max-width: 560px) {
.block_about_intro .img_area { margin: 70px 0 0;}
.block_about_intro .txt_area .t_txt_copy_L { margin: 30px 0 0;}
.block_about_intro .txt_area .description_area {margin: 25px 0 0;}
}





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

　.block_about_product

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

.block_about_product { padding: 0 4% 120px;}

@media only screen and (max-width:960px) {
.block_about_product { padding: 0 4% 100px;}
}
@media only screen and (max-width:738px) {
.block_about_product { padding: 0 0 90px;}
}
@media only screen and (max-width:560px) {
.block_about_product { padding: 0 0 80px;}
}
/* .product_area */
.block_about_product .product_area { position: relative; z-index: 0;}
/* .img_area */
.block_about_product .product_area .img_area { float: left; width: 47.5%;}
/* .txt_area */
.block_about_product .product_area .txt_area { position: absolute; top: 50%; right: 3.5%; width: 40%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 0;}
.block_about_product .product_area .txt_area .t_txt_copy_M {margin: 30px 0 0;}
.block_about_product .product_area .txt_area .description_area {margin: 25px 0 0;}
/* .link_area */
.block_about_product .product_area .txt_area .link_area {margin: 35px 0 0; text-align: left;}

@media only screen and (max-width:960px) {
.block_about_product .product_area .img_area { float: left; width: 40%;}
.block_about_product .product_area .txt_area { position: static; float: right; margin: 10vw 2.5% 0 0; width: 48.5%; -webkit-transform: translate(0,0); transform: translate(0, 0);}
}
@media only screen and (max-width:738px) {
.block_about_product .product_area .img_area { float: none; width: 75%;}
.block_about_product .product_area .txt_area {  float: none; margin: 50px 4% 0; width: 92%; padding: 0 2%; }
}
@media only screen and (max-width:560px) {
.block_about_product .product_area .img_area { float: none; width: 100%;}
}





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

　.block_about_workflow

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

.block_about_workflow { padding: 120px 4%; background: #ece8e4;position: relative; z-index: 0; }

@media only screen and (max-width: 960px) {
.block_about_workflow { padding: 100px 4%;}
}
@media only screen and (max-width: 738px) {
.block_about_workflow { padding: 90px 0;}
}
@media only screen and (max-width: 560px) {
.block_about_workflow { padding: 80px 0;}
}


/* .headline */
.block_about_workflow .headline {position: absolute; top: 120px; left: 4%;}
.block_about_workflow .headline .logo_img { width: 180px;}
.block_about_workflow .headline .t_ttl_content_m_mono span {font-size: 20px; font-weight: 300; vertical-align: 0;}

/* .intro_area */
.block_about_workflow .intro_area { margin: 45px 0 0 ;}

/* .workflow_area */
.block_about_workflow .workflow_area {}

/* .workflow_box */
.block_about_workflow .workflow_box { position: relative; z-index: 0; }
.block_about_workflow .workflow_box .img_area_1 { float: right; width: 27.5%; margin: 0 4% 0 0;}
.block_about_workflow .workflow_box .img_area_2 { float: left; width: 47.5%; margin: 20vw 0 0 0;}
.block_about_workflow .workflow_box .txt_area { position: absolute; bottom: 5vw; right: 5%; width: 37.5%; z-index: 0;}

/* .workflow_box:nth-child(2) */
.block_about_workflow .workflow_box:nth-child(2) { margin: 120px 0 0;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_1 { float: left; width: 27.5%; margin: 0 0 0 6.5%;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_2 { float: right; width: 50%; margin: 15vw 0 0 0;}
.block_about_workflow .workflow_box:nth-child(2) .txt_area { position: absolute; bottom: 2.5vw; right: auto; left: 2.5%; width: 38.5%; z-index: 0;}

/* .workflow_box:nth-child(3) */
.block_about_workflow .workflow_box:nth-child(3) { margin: 120px 0 0; } 
.block_about_workflow .workflow_box:nth-child(3) .img_area { margin: 0 0 0 7.5%; width: 50%;}
.block_about_workflow .workflow_box:nth-child(3) .txt_area { position: absolute; bottom: 0; right: 2.5%; width: 30%; z-index: 0;}

@media only screen and (max-width: 960px) {
.block_about_workflow .headline {position: static; }
.block_about_workflow .headline .t_ttl_content_m_mono span {font-size: 18px;}
.block_about_workflow .intro_area { margin: 40px 0 0 ;}
.block_about_workflow .workflow_box .img_area_1 { float: right; width: 27.5%; margin: 0 4% 0 0;}
.block_about_workflow .workflow_box .img_area_2 { float: left; width: 47.5%; margin: 10vw 0 0 0%;}
.block_about_workflow .workflow_box .txt_area { bottom: 0; right: 2%; width: 40%;}
.block_about_workflow .workflow_box:nth-child(2) { margin: 100px 0 0;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_1 { width: 27.5%; margin: 0;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_2 { float: right; width: 47.5%; margin: 15vw 0 0 0;}
.block_about_workflow .workflow_box:nth-child(2) .txt_area { bottom: 0; right: auto; left: 0; width: 40%; }
.block_about_workflow .workflow_box:nth-child(3) { margin: 100px 0 0; } 
.block_about_workflow .workflow_box:nth-child(3) .img_area { margin: 0 0 0 2.5%; width: 45%;}
.block_about_workflow .workflow_box:nth-child(3) .txt_area { bottom: 0; right: 2.5%; width: 40%; }
}
@media only screen and (max-width: 738px) {
    .block_about_workflow .headline { text-align: center;}
.block_about_workflow .headline .logo_img { width: 180px;}
.block_about_workflow .headline .t_ttl_content_m_mono span {font-size: 16px;}
.block_about_workflow .intro_area { margin: 40px 0 0;}

/* .workflow_area */
.block_about_workflow .workflow_area {}

/* .workflow_box */
.block_about_workflow .workflow_box { margin: 80px 0 0;}
.block_about_workflow .workflow_box:nth-child(1) .img_area_1 { float: none; position: absolute; top: 10vw; right: 8%; width: 32.5%; margin: 0; }
.block_about_workflow .workflow_box:nth-child(1) .img_area_2 { float: none; width: 47.5%; margin: 0 0 0 4%;}
.block_about_workflow .workflow_box:nth-child(1) .txt_area { position: static; margin: 50px 4% 0; width: 92%; padding: 0 4%; }

/* .workflow_box:nth-child(2) */
.block_about_workflow .workflow_box:nth-child(2) { margin: 90px 0 0;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_1 { float: none; position: absolute; top: 10vw; left: 4%; width: 32.5%; margin: 0;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_2 { float: none; width: 52.5%; margin: 0 0 0 50%;;}
.block_about_workflow .workflow_box:nth-child(2) .txt_area { position: static; margin: 50px 4% 0; width: 92%; padding: 0 4%;}

/* .workflow_box:nth-child(3) */
.block_about_workflow .workflow_box:nth-child(3) { margin: 90px 0 0; } 
.block_about_workflow .workflow_box:nth-child(3) .img_area { margin: 0 0 0 15%; width: 65%;}
.block_about_workflow .workflow_box:nth-child(3) .txt_area { position: static; margin: 50px 4% 0; width: 92%; padding: 0 4%;}
}
@media only screen and (max-width: 560px) {
.block_about_workflow .headline .t_ttl_content_m_mono span {font-size: 16px; margin: 0 0 15px; display: block;}
.block_about_workflow .intro_area { margin: 35px 0 0;}
.block_about_workflow .workflow_box { margin: 70px 0 0;}
.block_about_workflow .workflow_box:nth-child(1) .img_area_1 { float: none; position: absolute; top: 9.5vw; right: 4%; width: 32.5%;}
.block_about_workflow .workflow_box:nth-child(1) .img_area_2 { float: none; width: 50%; margin: 0 0 0 4%;}
.block_about_workflow .workflow_box:nth-child(1) .txt_area { position: static; margin: 50px 4% 0; width: 92%; padding: 0 2%; }

/* .workflow_box:nth-child(2) */
.block_about_workflow .workflow_box:nth-child(2) { margin: 80px 0 0;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_1 { float: none; position: absolute; top: 7vw; left: 4%; width: 32.5%; z-index: 1;}
.block_about_workflow .workflow_box:nth-child(2) .img_area_2 { float: none; width: 52.5%; margin: 0 0 0 47.5%;}
.block_about_workflow .workflow_box:nth-child(2) .txt_area { margin: 45px 4% 0; width: 92%; padding: 0 2%;}

/* .workflow_box:nth-child(3) */
.block_about_workflow .workflow_box:nth-child(3) { margin: 70px 0 0; } 
.block_about_workflow .workflow_box:nth-child(3) .img_area { margin: 0 auto; width: 70%;}
.block_about_workflow .workflow_box:nth-child(3) .txt_area { margin: 45px 4% 0; width: 92%; padding: 0 2%;}
}



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

　.block_about_action

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

.block_about_action {  padding: 120px 4%; position: relative; z-index: 0;}

@media screen and (max-width: 960px) {
.block_about_action { padding: 100px 4%; }
}
@media screen and (max-width: 738px) {
.block_about_action { padding: 90px 4%; }
}
@media screen and (max-width: 560px) {
.block_about_action { padding: 80px 4%; }
}

.block_about_action .action_area { position: relative; z-index: 0;}

/* .headline */
.block_about_action .headline { position: absolute; top: 0; left: 0; z-index: 0;}

/* .action_list_area */
.block_about_action .action_list_area { padding: 0 15% 0 33.333%; position: relative; z-index: 0;}
.block_about_action .action_list_box {margin: 60px 0 0;}
.block_about_action .action_list_box:first-child {margin: 0;}
.block_about_action .t_ttl_action { font-size: 20px; font-weight: 400; letter-spacing: 0.15em; font-feature-settings : "palt" 1; line-height: 1;position: relative;z-index: 0;}
/* .txt_course */
.block_about_action .t_action {margin: 30px 0 0;}
/* .img_bottom_area */
.block_about_action .img_bottom_area { position: absolute; bottom: 5px; left: 0; width: 17.5%; z-index: 0;}

@media screen and (max-width: 960px) {
/* .action_list_area */
.block_about_action .action_list_area { padding: 0 2% 0 33.333%; }
.block_about_action .action_list_box {margin: 60px 0 0;}
.block_about_action .action_list_box:first-child {margin: 0;}
.block_about_action .t_ttl_action { font-size: 18px;}
.block_about_action .t_action {margin: 25px 0 0;}
.block_about_action .img_bottom_area { bottom: 10px; width: 20%;}
}
@media screen and (max-width: 738px) {
.block_about_action .headline { position: static; text-align: center;}
.block_about_action .action_list_area { padding: 0 4%;}
.block_about_action .action_list_box,
.block_about_action .action_list_box:first-child{margin: 50px 0 0;}
.block_about_action .t_ttl_action { font-size: 18px;text-align: center;}
.block_about_action .t_action {margin: 30px 0 0;}
.block_about_action .img_bottom_area { position: static; margin: 45px auto 0; width: 40vw;}
}
@media screen and (max-width: 560px) {
.block_about_action .action_list_area { padding: 0 2%;}
.block_about_action .action_list_box,
.block_about_action .action_list_box:first-child{margin: 45px 0 0;}
.block_about_action .t_ttl_action { font-size: 17px;}
.block_about_action .t_action {margin: 25px 0 0;}
.block_about_action .img_bottom_area {margin: 45px auto 0; width: 50vw;}
}