body { -webkit-text-size-adjust: 100%;} /* --------------------------------------------------------------------------------------------------- 　#header --------------------------------------------------------------------------------------------------- */ #header {background: transparent; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} #header.fixed { background: #fefefe;} #header h1.logo a {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;} #header h1.logo a:before {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;} #header h1.logo a:after {background: #fefefe;} #header.fixed h1.logo a {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;} #header.fixed h1.logo a:before {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;} #header.fixed h1.logo a:after {background: #111;} #header .sf-menu { color: #fefefe;} #header.fixed .sf-menu { color: #111;} #header .sf-mega {color: #111;} .sf-menu li a:before { border-color: #fefefe; } #header.fixed .sf-menu li a:before { border-color: #111; } #header .navArea ul.list_series li{ color: #111;} #header .navSubArea .sf-inset li{ color: #111;} #header .langArea .sf-menu li ul li{ color: #111;} @media only screen and (max-width: 960px) { #header { background: #fefefe; } #header h1.logo a { background: url("../images/common/logo2020.png") center center no-repeat;background-size:115px 29px;} #header h1.logo a:before { background: url("../images/common/logo2020_hover.png") center center no-repeat;background-size:115px 29px; } #header h1.logo a:after { background: #111;} } /* --------------------------------------------------------------------------------------------------- 　#breadcrumb --------------------------------------------------------------------------------------------------- */ #breadcrumb { margin: 0;padding: 70px 5%; z-index:1;} #breadcrumb li {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;} @media only screen and (max-width: 900px) { #breadcrumb {padding: 60px 5%; } #breadcrumb li a:hover { color: #f0f0f0;} } @media only screen and (max-width: 738px) { #breadcrumb {padding: 45px 5%; border-bottom: none; } } /* --------------------------------------------------------------------------------------------------- 　.block_mv --------------------------------------------------------------------------------------------------- */ .block_mv { padding: 0; min-height: 100%; position: relative; z-index: 0; } /* .ttl_area */ .block_mv .ttl_area { position: absolute; top: 50%; top: 75%; top: 86.5%; top: 87.5%; right: 0; text-align: center;left: 0; z-index: 0; webkit-transform:translate(0, -50%);transform:translate(0, -50%);} .block_mv .ttl_area .img_logo { width: 25%; width: 40%; max-width: 450px; width: 35%; width: 35%; opacity: 1;} .block_mv .ttl_area .img_copy {margin: 2.75vw 0 0; width: 20%;} /* .img_area */ .block_mv .img_area { position: absolute;top: 0px; right: 0; bottom: 0; left: 0; content: ""; z-index: -1;} .block_mv .img_area:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #111; opacity: .0; z-index: 1;} .block_mv .img_area .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .block_mv .img_area .img_01 {background: url("../images/lp/heavyedition/img_mv_1_cut01_0945___.jpg") top 25% center no-repeat; background-size: cover;} .block_mv .img_area .img_02 {background: url("../images/lp/heavyedition/img_mv_2_cut01_1150.jpg") top 18.5% center no-repeat; background-size: cover;} .block_mv .img_area .img_03 {background: url("../images/lp/heavyedition/img_mv_3_cut01_0287.jpg") top 16% center no-repeat; background-size: cover;} /* ----- .mainSlider ----- */ .mainSlider { } .mainSlider .slick-list, .mainSlider .slick-track { height: 100%; } .mainSlider_lp { } .mainSlider_lp .slick-list, .mainSlider_lp .slick-track { height: 100%; } @media only screen and (max-width: 960px) { .block_mv .img_area {margin-top: 60px;} .block_mv .ttl_area { top: 80%; } .block_mv .ttl_area .img_logo { width: 65%; max-width: 550px;} .block_mv .img_area .img_01 {background: url("../images/lp/heavyedition/img_mv_1_cut01_0945_900___.jpg") top center no-repeat; background-size: cover;} .block_mv .img_area .img_02 {background: url("../images/lp/heavyedition/img_mv_2_cut01_1150_900.jpg") top center no-repeat; background-size: cover;} .block_mv .img_area .img_03 {background: url("../images/lp/heavyedition/img_mv_3_cut01_0287_900.jpg") top center no-repeat; background-size: cover;} } @media only screen and (max-width: 560px) { .block_mv .ttl_area { top: 87.5%; } .block_mv .ttl_area .img_logo { width: 72.5%; max-width: 450px;} .block_mv .img_area .img_01 {background: url("../images/lp/heavyedition/img_mv_1_cut01_0945_sp___.jpg") top center no-repeat; background-size: cover;} .block_mv .img_area .img_02 {background: url("../images/lp/heavyedition/img_mv_2_cut01_1150_sp.jpg") top center no-repeat; background-size: cover;} .block_mv .img_area .img_03 {background: url("../images/lp/heavyedition/img_mv_3_cut01_0287_sp.jpg") top center no-repeat; background-size: cover;} } /* ----- .mainvisual ----- */ .mainvisual{height: calc(var(--vh, 1vh) * 100);} @media only screen and (max-width: 738px) { .mainvisual{height: calc(var(--vh, 1vh) * 100); min-height: 100vw; } } @media only screen and (max-width: 640px) { .mainvisual{height: calc(var(--vh, 1vh) * 100);} } /* --------------------------------------------------------------------------------------------------- 　.block_about_heavyedition --------------------------------------------------------------------------------------------------- */ .block_about_heavyedition { padding: 0 0 130px; position: relative; z-index: 0; overflow: hidden;} @media only screen and (max-width: 900px) { .block_about_heavyedition { padding: 0 0 110px; } } @media only screen and (max-width: 738px) { .block_about_heavyedition { padding: 0 0 90px; } } @media only screen and (max-width: 560px) { .block_about_heavyedition { padding: 0 0 80px; } } /* .about_area */ .block_about_heavyedition .about_area {position: relative; z-index: 0;} /* .img_area */ .block_about_heavyedition .img_area { float: left; margin-left: 5%; width: 62.5%; } /* .title_area */ .block_about_heavyedition .title_area { position: absolute; top: 47.5%; right: 0;width: 32.5%; z-index: 0; text-align: center;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);} .block_about_heavyedition .title_area img.img_logo { width: 67.5%;} .block_about_heavyedition .title_area img.img_copy { margin: 2.5vw 0 0; width: 52.5%;} /* .txt_area */ .block_about_heavyedition .txt_area { margin: 100px 0 0; padding: 0 15%; } .block_about_heavyedition .txt_area p { font-size: 27px; font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.95; letter-spacing: 0.035em;} .block_about_heavyedition .txt_area p+p {margin: 1.5em 0 0;} @media only screen and (max-width: 1500px) { .block_about_heavyedition .txt_area p {font-size: 2.15vw;font-size: 1.85vw; } } @media only screen and (max-width: 900px) { .block_about_heavyedition .img_area { float: none;margin-left: 5%; width: 90%; } .block_about_heavyedition .title_area { margin: 90px 0 0; width: 100%; position: static; text-align: center;-webkit-transform:translate(0,0 );transform:translate(0,0);} .block_about_heavyedition .title_area img.img_logo { width: 50%; display: block; margin: 0 auto;} .block_about_heavyedition .title_area img.img_copy { margin: 4.5vw 0 0; width: 32.5%;} .block_about_heavyedition .txt_area { margin: 60px 5% 0; padding: 0 2.5%;} .block_about_heavyedition .txt_area p {font-size: 3vw; line-height: 1.9; letter-spacing: 0.025em;} .block_about_heavyedition .txt_area p+p {margin: 1.25em 0 0;} } @media only screen and (max-width: 738px) { .block_about_heavyedition .title_area { margin: 70px 0 0;} .block_about_heavyedition .title_area img.img_logo { width: 50%;} .block_about_heavyedition .title_area img.img_copy { margin: 4.5vw 0 0; width: 32.5%;} .block_about_heavyedition .txt_area { margin: 50px 5% 0; padding: 0 2.5%;} .block_about_heavyedition .txt_area p {font-size: 2.75vw; line-height: 2; } } @media only screen and (max-width: 560px) { .block_about_heavyedition .title_area { margin: 60px 0 0;} .block_about_heavyedition .title_area img.img_logo { width: 65%;} .block_about_heavyedition .title_area img.img_copy { margin: 5vw 0 0; width: 48.5%;} .block_about_heavyedition .txt_area { margin: 45px 5% 0; padding: 0 1.5%;} .block_about_heavyedition .txt_area p {font-size: 3.75vw; line-height: 2; } } @media only screen and (max-width: 414px) { .block_about_heavyedition .title_area img.img_copy { margin: 5vw 0 0; width: 50%;} .block_about_heavyedition .txt_area p {font-size: 4.25vw; font-weight: 400; line-height: 2; } } /* --------------------------------------------------------------------------------------------------- 　.block_product_heavyedition --------------------------------------------------------------------------------------------------- */ .block_product_heavyedition { padding: 120px 5%; position: relative; z-index: 0; background: #f9f9f9; background: #f7f7f7; background: #fefefe; } /*.block_product_heavyedition+.block_product_heavyedition { margin-bottom: 30px;}*/ .block_product_heavyedition+.block_product_heavyedition:before { 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: 900px) { .block_product_heavyedition { padding: 100px 5% 90px;} } @media only screen and (max-width: 738px) { .block_product_heavyedition { padding: 0 0 70px } .block_product_heavyedition+.block_product_heavyedition:before {display: none;} } /* _______ .product_area _______ */ .block_product_heavyedition .product_area { position: relative; z-index: 0;} /* .img_area */ .block_product_heavyedition .product_area .img_area { float: right; width: 65.5%; } /* .title_area */ .block_product_heavyedition .product_area .ttl_area {float: left;width: 32.5%; } .block_product_heavyedition .product_area .t_ttl_en { font-size: 15px; font-family:'Libre Baskerville', serif; font-weight:400; letter-spacing: 0.05em; line-height: 1; text-indent: .1em;} .block_product_heavyedition .product_area .t_ttl_no { margin: 20px 0 0; font-size: 40px; font-family: 'courier_prime_sansregular';font-weight: normal; letter-spacing: 0; line-height: 1;} .block_product_heavyedition .product_area .t_ttl_jp { margin: 15px 0 0.1vw; font-size: 15px;font-family: 'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 0.05em; line-height: 1; } .block_product_heavyedition .product_area .t_date { margin: 13px 0 0; line-height: 1; text-indent: .1em;} /* dl.list_quality */ dl.list_quality { margin: 30px 0 0 0.1em; } dl.list_quality div { position: relative; z-index: 0; overflow: hidden; font-size: 0; line-height: 1;} dl.list_quality div+div {margin: 8px 0 0; } dl.list_quality dt {display: inline-block;font-size: 12px; font-weight: 500;letter-spacing: 0.01em; vertical-align: 0;} dl.list_quality dt:after {content: "："} dl.list_quality dd {display: inline-block;font-size: 14px;font-weight: 500;letter-spacing: 0.05em; vertical-align: 0;} dl.list_quality dd .t_tax { font-size: 0.9em; letter-spacing: 0.025em; vertical-align: 0;} /* .material_area */ .block_product_heavyedition .material_area { margin: 45px 0 0; } .block_product_heavyedition .list_material { font-size: 14px;font-weight: 500;line-height: 1.7;letter-spacing: .05em;} .block_product_heavyedition .list_material div { overflow: hidden;} .block_product_heavyedition .list_material div+div {margin: 12px 0 0;} .block_product_heavyedition .list_material dt {font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0;font-size: 13px; line-height: 1.5;} .block_product_heavyedition .list_material dd {font-weight: 500; letter-spacing: 0.075em;} .block_product_heavyedition .list_material dd .t_tax { font-size: .8em; vertical-align: 0;} /* .linkArea */ .block_product_heavyedition .product_area .linkArea { margin: 35px 0 0; text-align: left;} @media only screen and (max-width: 900px) { .block_product_heavyedition .product_area .img_area { float: none; width: 100%; } .block_product_heavyedition .product_area .ttl_area { float: none; width:100%; margin: 60px 0 0; text-align: center;padding: 0; } .block_product_heavyedition .product_area .t_ttl_en { font-size: 14px; letter-spacing: 0.05em;text-indent: 0;} .block_product_heavyedition .product_area .t_ttl_no { margin: 15px 0 0; font-size: 35px;} .block_product_heavyedition .product_area .t_ttl_jp { margin: 12px 0 0; font-size: 15px; } .block_product_heavyedition .product_area .t_date { margin: 12px 0 0; text-indent: 0;} dl.list_quality { margin: 35px 0 0; font-size: 0; text-align: center;} dl.list_quality div { display: inline-block;} dl.list_quality div, dl.list_quality div+div {margin: 0 2.5%; } /* .material_area */ .block_product_heavyedition .material_area { margin: 20px 0 0; } .block_product_heavyedition .list_material { display: flex;align-items: flex-start;justify-content: center;margin: 0; font-size: 13px;font-weight: 500;line-height: 1.7;letter-spacing: .05em;} .block_product_heavyedition .list_material div, .block_product_heavyedition .list_material div+div {margin: 0 10%;} .block_product_heavyedition .product_area .linkArea { margin: 35px 0 0; text-align: center;} } @media only screen and (max-width: 738px) { .block_product_heavyedition .product_area .ttl_area { margin: 50px 0 0;} .block_product_heavyedition .product_area .t_ttl_en { font-size: 14px;} .block_product_heavyedition .product_area .t_ttl_no { margin: 15px 0 0; font-size: 30px;} .block_product_heavyedition .product_area .t_ttl_jp { margin: 8px 0 0; font-size: 14px; } .block_product_heavyedition .product_area .linkArea { margin: 30px 0 0; } } @media only screen and (max-width: 560px) { dl.list_quality { margin: 30px 0 0;} dl.list_quality div { display: block;} dl.list_quality div, dl.list_quality div+div {margin: 10px 0 0; } dl.list_quality dt, dl.list_quality dd{font-size: 12px;} .block_product_heavyedition .list_material { display: block;} .block_product_heavyedition .list_material div {margin: 0;} .block_product_heavyedition .list_material div+div {margin: 10px 0 0;} .block_product_heavyedition .product_area .t_ttl_no { margin: 12px 0 0; font-size: 27px;} } /* --- .slider_product --- */ .slider_product { margin: 0; position: relative ;z-index: 1;} .slider_product li.slide { margin: 0;} /* --- slick-counter --- */ .slider_product .slick-counter { position: absolute; bottom: 25px; right: 25px; width: 110px; height: 35px; background: rgba(2,2,2,0.9); color: #f0f0f0; font-size: 16px;/* font-family:'Libre Baskerville', serif; */font-weight:400; text-align: center; line-height: 36px; z-index: 1;font-family: 'courier_prime_sansregular';font-weight: normal; } .slider_product .slick-counter .current, .slider_product .slick-counter .total{ display: inline-block;width: 16px;/*font-family: 'courier_prime_sansregular';font-weight: normal; */vertical-align: 0;} .slider_product .slick-counter .counter_line { font-size: 15px;vertical-align: 0;} /* --- Arrows --- */ .slider_product .slick-prev, .slider_product .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: none; z-index: 2; } .slider_product .slick-prev:before, .slider_product .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; } .slider_product .slick-prev { padding:0; margin: 0 80px 0 0; } .slider_product .slick-prev:before { content: "\e64a";} .slider_product .slick-next { padding: 0; } .slider_product .slick-next:before { content: "\e649"; } @media only screen and (max-width: 738px) { /* --- slick-counter --- */ .slider_product .slick-counter { bottom: 15px; right: 15px; width: 95px; height: 30px; font-size: 14px; line-height: 31px; } .slider_product .slick-counter .current, .slider_product .slick-counter .total{ display: inline-block;width: 14px; vertical-align: 0;} .slider_product .slick-counter .counter_line { font-size: 1em; vertical-align: 0;} /* --- Arrows --- */ .slider_product .slick-prev, .slider_product .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_product .slick-prev { padding:0; margin: 0 70px 0 0; } .slider_product .slick-prev:before, .slider_product .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_heavyedition _______ */ .block_lineup_heavyedition { margin:55px 0 0; position: relative; z-index: 0; overflow: hidden;} @media only screen and (max-width: 900px) { .block_lineup_heavyedition { } } @media only screen and (max-width: 738px) { .block_lineup_heavyedition { margin: 50px 0 0; padding: 0 5%; } } .block_lineup_heavyedition .t_ttl_color { font-size: 15px; font-family:'Libre Baskerville', serif; font-weight:400; letter-spacing: 0.05em; line-height: 1; text-indent: .1em;} /* .lineup_list_area */ .block_lineup_heavyedition .lineup_list_area { font-size: 0; margin: -5px -1.5% 0;} .block_lineup_heavyedition .lineup_list_box { display: inline-block; margin: 35px 1.5% 0; width: 30.333%;position: relative; z-index: 0;} /* .img_area */ .block_lineup_heavyedition .lineup_list_box .img_area { border: #f0f0f0 1px solid;} /* .txt_area */ .block_lineup_heavyedition .lineup_list_box .txt_area {margin: 10px 0 0; } .t_color {font-size: 14px; line-height: 1;text-align: left;} .t_color b { font-size: 1.2em; font-family: 'courier_prime_sansregular'; font-weight: normal; vertical-align: 0;} @media only screen and (max-width: 900px) { .block_lineup_heavyedition .t_ttl_color { font-size: 14px; text-align: center; text-indent: 0;} .block_lineup_heavyedition .lineup_list_area { margin: 0px -1.5% 0; } .block_lineup_heavyedition .lineup_list_box { margin: 30px 1.5% 0; width: 47%; } .t_color { font-size: 13px;} } @media only screen and (max-width: 560px) { .block_lineup_heavyedition .lineup_list_box .txt_area {margin: 5px 0 0; } .t_color { font-size: 12px;} } /* --------------------------------------------------------------------------------------------------- 　.block_workflow_heavyedition --------------------------------------------------------------------------------------------------- */ .block_workflow_heavyedition { padding: 120px 5%; background: #141414; color: #f0f0f0; position: relative; z-index: 0; /*background: #1a1e20;*/} @media only screen and (max-width: 900px) { .block_workflow_heavyedition { padding: 120px 5% 120px; } } @media only screen and (max-width: 738px) { .block_workflow_heavyedition { padding: 90px 5%; } } @media only screen and (max-width: 560px) { .block_workflow_heavyedition { padding: 70px 5% 90px; } } /* .headline */ .block_workflow_heavyedition .headline { text-align: center;} .t_ttl_cat_heavyedition { font-size: 15px; font-family:'Libre Baskerville', serif; font-weight:400; letter-spacing: 0.05em; line-height: 1; text-indent: .1em;} .block_workflow_heavyedition .headline .img_copy { display: block; margin: 60px auto 0; width: 45%;} /* .workflow_area */ .block_workflow_heavyedition .workflow_area { margin: 5px 0 0;} .block_workflow_heavyedition .workflow_box { margin: 125px 0 0; } .block_workflow_heavyedition .workflow_box .head_area { position: relative; z-index: 0; display: flex;justify-content: space-between; flex-wrap: wrap;align-items: center;} .block_workflow_heavyedition .workflow_box .img_area { width: 56.5%; order: 1;} .block_workflow_heavyedition .workflow_box .ttl_area { order: 2; width: 35%; margin: 0 1% 0 7.5%; padding: 0 1% 2.5vw; position: relative ;z-index: 0;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow { display: inline-block; padding: 0 .35em 0 .45em; font-size:2.35vw; font-family: 'Shippori Mincho B1', serif;font-weight: 400;line-height: 1.35;letter-spacing: 0.05em;text-align: center;text-indent: -0.05em; position: relative; z-index: 0; white-space: nowrap;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow:before { position: absolute; top: 0; left: 0; width: 6px; height: 12px; content: ""; border-top: #777 1px solid; border-left: #777 1px solid; z-index: -1;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow:after { position: absolute; bottom: 0; right: 0; width:6px; height: 12px; content: ""; border-bottom: #777 1px solid; border-right: #777 1px solid; z-index: -1;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow_long {font-size: 2.1vw;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow .t_and {margin: 0 .15em 0 .1em; font-size: .875em; vertical-align: 0;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow .t_kana { letter-spacing: 0.025em;} .block_workflow_heavyedition .workflow_box .description_area{margin: 3vw 0 0; padding: 0 2.5% 0 0; } .block_workflow_heavyedition .workflow_box .description_area p { font-size: 14px; line-height: 1.95; letter-spacing: .05em;} .block_workflow_heavyedition .workflow_box .description_area p+p {margin: 1em 0 0;} .block_workflow_heavyedition .workflow_box:nth-child(2n) .img_area { order: 2;} .block_workflow_heavyedition .workflow_box:nth-child(2n) .ttl_area { order: 1; width: 35.5%; margin: 0 6.5% 0 1.5%; } .block_workflow_heavyedition .workflow_box:last-child .head_area {align-items:flex-start;} .block_workflow_heavyedition .workflow_box:last-child .img_area { /*width: 56%; margin-right: 1.5%;*/} .block_workflow_heavyedition .workflow_box:last-child .ttl_area { padding-top:5vw; } .block_workflow_heavyedition .workflow_box .img_sub { margin: 7.5vw -9% 0 17.5%;} @media only screen and (min-width: 1400px) { .block_workflow_heavyedition .workflow_box .t_ttl_workflow { font-size: 31px;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow_long { font-size: 29px;} } @media only screen and (max-width: 1024px) { .block_workflow_heavyedition .workflow_box .ttl_area {padding: 0 1%; } } @media only screen and (max-width: 900px) { .block_workflow_heavyedition .headline { text-align: center;} .t_ttl_cat_heavyedition { font-size: 14px; letter-spacing: 0.05em;text-indent: 0;} .block_workflow_heavyedition .headline .img_copy { margin: 45px auto 0; width: 57.5%;} .block_workflow_heavyedition .workflow_area {margin:0;} .block_workflow_heavyedition .workflow_box { margin: 90px 0 0; } .block_workflow_heavyedition .workflow_box .head_area { width: 100%; position: relative; z-index: 0; display: block;} .block_workflow_heavyedition .workflow_box .img_area { width: 100%; } .block_workflow_heavyedition .workflow_box .ttl_area { width: 100%; margin: 40px 0 0; padding: 0 2.5%; text-align: center;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow { padding: 0 .35em 0 .45em; font-size:30px;line-height: 1.35;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow:before { width: 6px; height: 12px; } .block_workflow_heavyedition .workflow_box .t_ttl_workflow:after { width:6px; height: 12px;} .block_workflow_heavyedition .workflow_box .description_area{margin: 25px 0 0; padding: 0 2.5%; text-align: left;} .block_workflow_heavyedition .workflow_box .description_area p { line-height: 2; } .block_workflow_heavyedition .workflow_box:nth-child(2n) .ttl_area { width: 100%; margin: 35px 0 0; padding: 0 2.5%; } .block_workflow_heavyedition .workflow_box:last-child .head_area {align-items:flex-start;} .block_workflow_heavyedition .workflow_box:last-child .img_area { width: 100%; margin: 0;} .block_workflow_heavyedition .workflow_box:last-child .ttl_area { padding-top:0; } .block_workflow_heavyedition .workflow_box .img_sub {display: none;} } @media only screen and (max-width: 738px) { .block_workflow_heavyedition .headline .img_copy { margin: 45px auto 0; width: 55%;} .block_workflow_heavyedition .workflow_area {margin: -5px 0 0;} .block_workflow_heavyedition .workflow_box { margin: 80px 0 0; } .block_workflow_heavyedition .workflow_box .head_area { width: 100%; } .block_workflow_heavyedition .workflow_box .ttl_area { margin: 30px 0 0; } .block_workflow_heavyedition .workflow_box .t_ttl_workflow { padding: 0 .35em 0 .45em; font-size:25px;line-height: 1.35;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow_long {font-size:25px;} .block_workflow_heavyedition .workflow_box .description_area{margin: 15px 0 0; } .block_workflow_heavyedition .workflow_box .description_area p { line-height: 2;} .block_workflow_heavyedition .workflow_box:nth-child(2n) .head_area {} .block_workflow_heavyedition .workflow_box:nth-child(2n) .ttl_area {margin: 30px 0 0; } .block_workflow_heavyedition .workflow_box:last-child .img_area { width: 100%;margin: 0;} } @media only screen and (max-width: 560px) { .block_workflow_heavyedition .headline .img_copy { margin: 35px auto 0; width: 77.5%;} .block_workflow_heavyedition .workflow_area {margin: 0;} .block_workflow_heavyedition .workflow_box { margin: 65px 0 0; } .block_workflow_heavyedition .workflow_box .head_area { width: 100%; } .block_workflow_heavyedition .workflow_box .ttl_area {margin: 30px 0 0;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow { padding: 0 .35em 0 .45em; font-size:22px; font-size: 4.95vw; line-height: 1.35;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow_long {font-size: 4.95vw;} .block_workflow_heavyedition .workflow_box .t_ttl_workflow:before { width: 5px; height: 8px; } .block_workflow_heavyedition .workflow_box .t_ttl_workflow:after { width:5px; height: 8px;} .block_workflow_heavyedition .workflow_box .description_area{margin: 15px 0 0; padding: 0 1.5%; } .block_workflow_heavyedition .workflow_box .description_area p { line-height: 2; text-align: left;} .block_workflow_heavyedition .workflow_box:nth-child(2n) .head_area {margin-left:0; } .block_workflow_heavyedition .workflow_box:nth-child(2n) .ttl_area {margin: 30px 0 0; } .block_workflow_heavyedition .workflow_box:last-child .img_sub_sp { margin: 10px 0 0; display: block;} .block_workflow_heavyedition .workflow_box:last-child .img_sub_sp img {display: block; width: 100%; margin: 0 auto;} } @media only screen and (max-width: 414px) { .block_workflow_heavyedition .workflow_box .t_ttl_workflow, .block_workflow_heavyedition .workflow_box .t_ttl_workflow_long {font-size: 5.5vw;} }