@charset "utf-8";

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */

/*------------------------------------------------------------
[SP]contents_title
------------------------------------------------------------ */
.contents_title {
    padding-bottom: 6.6666666666667vw;
    font-size: 6.6666666666667vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

/*------------------------------------------------------------
[SP]nav
------------------------------------------------------------ */
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: flex-end;
    height: 14.6666666666667vw;
}

.nav ul li {
    width: 20vw;
}

.nav ul li a {
    width: 20vw;
    height: 10.6666666666667vw;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    mix-blend-mode: multiply;
    font-size: 4vw;
}

.nav ul li.nav_development a {
    background: #00cbfe;
}

.nav ul li.nav_materials a {
    background: #55cc33;
}

.nav ul li.nav_manufacturing a {
    background: #7766ee;
}

.nav ul li.nav_distribution a {
    background: #dd4477;
}

.nav ul li.nav_customer_service a {
    background: #ff8822;
}

.contents_development .nav ul li.nav_development a {
    height: 14.6666666666667vw;
    color: #000 !important;
}

.contents_materials .nav ul li.nav_materials a {
    height: 14.6666666666667vw;
    color: #000 !important;
}

.contents_manufacturing .nav ul li.nav_manufacturing a {
    height: 14.6666666666667vw;
    color: #000 !important;
}

.contents_distribution .nav ul li.nav_distribution a {
    height: 14.6666666666667vw;
    color: #000 !important;
}

.contents_customer_service .nav ul li.nav_customer_service a {
    height: 14.6666666666667vw;
    color: #000 !important;
}

/*------------------------------------------------------------
[SP]lead
------------------------------------------------------------ */
.lead {
    margin: -1.3333333333333vw 0 10vw;
    height: 49.3333333333333vw;
    z-index: -1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.lead h1 {
    margin: 0 6.6666666666667vw 5.3333333333333vw;
    padding: 0;
    font-size: 6.6666666666667vw;
    font-weight: bold;
}

.lead p {
    margin: 0 6.6666666666667vw;
    font-size: 3.4666666666667vw;
    line-height: 1.5;
}

.contents_development .lead {
    background: url(../../assets/img/development/mv_development.jpg) no-repeat 0 0;
    background-size: 100vw auto;
}

.contents_materials .lead {
    background: url(../../assets/img/materials/mv_materials.jpg) no-repeat 0 0;
    background-size: 100vw auto;
}

.contents_manufacturing .lead {
    background: url(../../assets/img/manufacturing/mv_manufacturing.jpg) no-repeat 0 0;
    background-size: 100vw auto;
}

.contents_distribution .lead {
    background: url(../../assets/img/distribution/mv_distribution.jpg) no-repeat 0 0;
    background-size: 100vw auto;
}

.contents_customer_service .lead {
    background: url(../../assets/img/customer_service/mv_customer_service.jpg) no-repeat 0 0;
    background-size: 100vw auto;
}

/*------------------------------------------------------------
[SP]contents_menu
------------------------------------------------------------ */
.contents_menu {
    margin: 13.3333333333333vw auto 0;
    padding: 11.3333333333333vw 0 26.6666666666667vw;
    background: #f4f8ff;
}

.contents_menu h2 {
    margin-bottom: 10.6666666666667vw;
    font-size: 6.6666666666667vw;
    font-weight: bold;
    text-align: center;
}

.contents_menu ul {
    margin: 0 auto 16.8vw;
    width: 82.533333333333333vw;
    height: 80.933333333333333vw;
    position: relative;
}

.contents_menu li {
    list-style: none;
}

.contents_menu .contents_menu_development a {
    width: 18.6666666666667vw;
    height: 18.6666666666667vw;
    border-radius: 50%;
    background: #00cbfe;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 18.6666666666667vw;
    left: 31.866666666666667vw;
    z-index: 100;
    mix-blend-mode: multiply;
    color: #fff !important;
    font-size: 4vw;
    text-decoration: none;
}

.contents_menu .contents_menu_development span.img {
    width: 32vw;
    height: 32vw;
    border-radius: 16vw;
    background: url(../img/menu_development.png) no-repeat 0 0;
    background-size: 32vw 32vw;
    display: block;
    position: absolute;
    top: 0;
    left: 25.3333333333333vw;
    z-index: 10;
}

.contents_menu .contents_menu_materials a {
    width: 18.6666666666667vw;
    height: 18.6666666666667vw;
    border-radius: 50%;
    background: #55cc33;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 28vw;
    left: 45.866666666666667vw;
    z-index: 100;
    mix-blend-mode: multiply;
    color: #fff !important;
    font-size: 4vw;
    text-decoration: none;
}

.contents_menu .contents_menu_materials span.img {
    width: 32vw;
    height: 32vw;
    border-radius: 16vw;
    background: url(../img/menu_materials.png) no-repeat 0 0;
    background-size: 32vw 32vw;
    display: block;
    position: absolute;
    top: 18.2666666666667vw;
    left: 50.533333333333333vw;
    z-index: 10;
}

.contents_menu .contents_menu_manufacturing a {
    width: 18.6666666666667vw;
    height: 18.6666666666667vw;
    border-radius: 50%;
    background: #7766ee;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 44vw;
    left: 40.533333333333333vw;
    z-index: 100;
    mix-blend-mode: multiply;
    color: #fff !important;
    font-size: 4vw;
    text-decoration: none;
}

.contents_menu .contents_menu_manufacturing span.img {
    width: 32vw;
    height: 32vw;
    border-radius: 16vw;
    background: url(../img/menu_manufacturing.png) no-repeat 0 0;
    background-size: 32vw 32vw;
    display: block;
    position: absolute;
    top: 48.933333333333333vw;
    left: 41.2vw;
    z-index: 10;
}

.contents_menu .contents_menu_distribution a {
    width: 18.6666666666667vw;
    height: 18.6666666666667vw;
    border-radius: 50%;
    background: #dd4477;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 44vw;
    left: 21.8666666666667vw;
    z-index: 100;
    mix-blend-mode: multiply;
    color: #fff !important;
    font-size: 4vw;
    text-decoration: none;
}

.contents_menu .contents_menu_distribution span.img {
    width: 32vw;
    height: 32vw;
    border-radius: 16vw;
    background: url(../img/menu_distribution.png) no-repeat 0 0;
    background-size: 32vw 32vw;
    display: block;
    position: absolute;
    top: 48.666666666666667vw;
    left: 9.2vw;
    z-index: 10;
}

.contents_menu .contents_menu_customer_service a {
    width: 18.6666666666667vw;
    height: 18.6666666666667vw;
    border-radius: 50%;
    background: #ff8822;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 28vw;
    left: 17.8666666666667vw;
    z-index: 100;
    mix-blend-mode: multiply;
    color: #fff !important;
    font-size: 4vw;
    text-decoration: none;
}

.contents_menu .contents_menu_customer_service span.img {
    width: 32vw;
    height: 32vw;
    border-radius: 16vw;
    background: url(../img/menu_customer_service.png) no-repeat 0 0;
    background-size: 32vw 32vw;
    display: block;
    position: absolute;
    top: 18.2666666666667vw;
    left: 0;
    z-index: 10;
}

.contents_menu h3 {
    margin-bottom: 8vw;
    font-size: 6.6666666666667vw;
    font-weight: bold;
    text-align: center;
}

.contents_menu .btn_more a {
    margin: 0 auto;
    padding-right: 3.7333333333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 81.3333333333333vw;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    color: #fff !important;
    font-size: 3.7333333333333vw;
    text-decoration: none;
    background: #0072ef url(../img/icon_arrow.png) no-repeat right 4vw center;
    background-size: 1.8666666666667vw auto;
}

/*------------------------------------------------------------
[SP]section_standard
------------------------------------------------------------ */
.section_standard {
    margin: 0 auto 10.6666666666667vw;
    width: 89.333333333333333vw;
}

.section_standard h2 {
    font-size: 5.8vw;
    font-weight: bold;
    letter-spacing: -.05em;
    border-bottom: 0.2666666666667vw #dddddd solid;
    margin-bottom: 8vw;
    padding-bottom: 7.7333333333333vw;
    position: relative;
	line-height: normal
}

.section_standard h2::before {
    content: '';
    width: 14.6666666666667vw;
    height: 1.0666666666667vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.contents_development .section_standard h2::before {
    background: #00cbfe;
}

.contents_materials .section_standard h2::before {
    background: #229900;
}

.contents_manufacturing .section_standard h2::before {
    background: #7766ee;
}

.contents_distribution .section_standard h2::before {
    background: #dd4477;
}

.contents_customer_service .section_standard h2::before {
    background: #ff8822;
}

.contents_safty_measures .section_standard h2::before {
    background: #00cbfe;
}

.section_standard h3 {
    font-size: 5.3333333333333vw;
    font-weight: bold;
    letter-spacing: -.05em;
    margin-bottom: 5.3333333333333vw;
}

.section_standard h3.subhead {
    font-size: 4.5333333333333vw;
    font-weight: bold;
    letter-spacing: -.05em;
    margin-bottom: 2.6666666666667vw;
}

.contents_development .section_standard h3.subhead {
    color: #00cbfe;
}

.contents_materials .section_standard h3.subhead {
    color: #229900;
}

.contents_manufacturing .section_standard h3.subhead {
    color: #7766ee;
}

.contents_distribution .section_standard h3.subhead {
    color: #dd4477;
}

.contents_customer_service .section_standard h3.subhead {
    color: #ff8822;
}

.contents_safty_measures .section_standard h3.subhead {
    color: #00cbfe;
}

.section_standard p+h3 {
    margin-top: 8vw;
}

.section_standard p {
    font-size: 4.2666666666667vw;
    line-height: 1.5625;
    letter-spacing: -.05em;
}

.section_standard p+p {
    margin-top: 8vw;
}

.section_standard p em {
    font-style: normal;
    font-weight: bold;
}

.contents_development .section_standard p em {
    color: #00aadd;
}

.contents_materials .section_standard p em {
    color: #229900;
}

.contents_manufacturing .section_standard p em {
    color: #7766ee;
}

.contents_distribution .section_standard p em {
    color: #dd4477;
}

.contents_customer_service .section_standard p em {
    color: #ff8822;
}

.contents_safty_measures .section_standard p em {
    color: #00aadd;
}

.section_standard figure {
    margin-top: 10.6666666666667vw;
}

.section_standard figure img {
    width: 100%;
    height: auto;
}

.section_column .column_materials01 {
    position: relative;
}

.section_column .column_materials01 figure {
    width: 100%;
}

.section_column .column_materials01 .label {
    position: absolute;
    bottom: 17.2vw;
    left: 31.6vw;
}

.section_column .column_materials01 .label .title {
    color: #888888;
    font-size: 2.1333333333333vw;
    line-height: 1.4;
    text-align: center;
}

.section_column .column_materials01 .label h3 {
    margin: 1.3333333333333vw 0 0;
    color: #888888;
    font-size: 2.9333333333333vw;
    text-align: center;
}



.section_standard .fig_container_triple {
    width: 89.333333333333333vw;
    display: flex;
    justify-content: space-between;
}

.section_standard .fig_container_triple figure {
    width: 29.3333333333333vw;
}

.section_standard .fig_container_triple figure img {
    width: 100%;
    height: auto;
}

.section_standard .label {
    margin: 4vw 0 0;
}

.section_standard .label .title {
    margin: 0 0 0.6666666666667vw;
    font-size: 3.4666666666667vw;
    color: #888888;
    text-align: right;
}

.section_standard .label h3 {
    margin: 0;
    font-size: 4vw;
    font-weight: normal;
    color: #888888;
    text-align: right;
}


/*------------------------------------------------------------
[SP]section_column
------------------------------------------------------------ */
.section_column {
    margin: 0 auto 10.6666666666667vw;
    padding: 8vw 0 6.6666666666667vw;
    width: 92vw;
    background: #fff;
    box-shadow: 0px 0px 2.6666666666667vw 0px rgba(0, 0, 0, 0.25);
}

.section_column h2 {
    margin-bottom: 8vw;
    font-size: 6vw;
    letter-spacing: -.05em;
    display: flex;
    align-items: center;
    padding: 3.2vw 0 3.2vw 4.6666666666667vw;
}

.contents_development .section_column h2 {
    border-left: 2vw #00cbfe solid;
}

.contents_materials .section_column h2 {
    border-left: 2vw #229900 solid;
}

.contents_manufacturing .section_column h2 {
    border-left: 2vw #7766ee solid;
}

.contents_distribution .section_column h2 {
    border-left: 2vw #dd4477 solid;
}

.contents_customer_service .section_column h2 {
    border-left: 2vw #ff8822 solid;
}

.contents_safty_measures .section_column h2 {
    border-left: 2vw #00cbfe solid;
}

.section_column h3 {
    margin: 0 5.3333333333333vw 4.6666666666667vw 6.6666666666667vw;
    font-size: 5.3333333333333vw;
    letter-spacing: -.05em;
}

.section_column p+h3 {
    margin-top: 8vw;
}

.section_column p+p {
    margin: 6.6666666666667vw 5.3333333333333vw 0 6.6666666666667vw;
}

.section_column p {
    margin: 0 5.3333333333333vw 0 6.6666666666667vw;
    font-size: 4.2666666666667vw;
    line-height: 1.5625;
    letter-spacing: -.05em;
}

.section_column p em {
    font-style: normal;
    font-weight: bold;
}

.contents_development .section_column p em {
    color: #00aadd;
}

.contents_materials .section_column p em {
    color: #229900;
}

.contents_manufacturing .section_column p em {
    color: #7766ee;
}

.contents_distribution .section_column p em {
    color: #dd4477;
}

.contents_customer_service .section_column p em {
    color: #ff8822;
}

.contents_safty_measures .section_column p em {
    color: #00aadd;
}

.section_column figure {
    margin: 10.6666666666667vw auto 0;
    width: 78.666666666666667vw;
}

.section_column figure img {
    width: 100%;
    height: auto;
}

.section_column .btn_more a {
    margin: 8vw 0 0;
    padding: 0 11.3333333333333vw 0 5.3333333333333vw;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    color: #fff !important;
    font-size: 3.7333333333333vw;
    text-decoration: none;
    background: #0072ef url(../img/icon_arrow.png) no-repeat right 5.3333333333333vw center;
    background-size: 1.8666666666667vw auto;
}

.section_column .text_group {
    margin: 0 5.3333333333333vw;
}

.section_column .text_group p {
    margin: 0;
}

.section_column .text_group+.text_group {
    margin-top: 5.3333333333333vw;
    padding-top: 5.3333333333333vw;
    border-top: 0.1333333333333vw #e4e4e4 solid;
}

/*------------------------------------------------------------
[SP]section_feature
------------------------------------------------------------ */
.section_feature {
    margin: 0 auto 10.6666666666667vw;
    width: 92vw;
    padding: 9.3333333333333vw 6.6666666666667vw 10.6666666666667vw;
    background: #f4f4f4;
}

.section_feature h2 {
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: -.05em;
    border-bottom: 0.2666666666667vw #dddddd solid;
    padding-bottom: 10vw;
    margin-bottom: 10vw;
    position: relative;
	line-height: normal
}

.section_feature h2::before {
    content: '';
    width: 14.6666666666667vw;
    height: 1.0666666666667vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.contents_development .section_feature h2::before {
    background: #00cbfe;
}

.contents_materials .section_feature h2::before {
    background: #229900;
}

.contents_manufacturing .section_feature h2::before {
    background: #7766ee;
}

.contents_distribution .section_feature h2::before {
    background: #dd4477;
}

.contents_customer_service .section_feature h2::before {
    background: #ff8822;
}

.contents_safty_measures .section_feature h2::before {
    background: #00cbfe;
}

.section_feature h2 span {
    letter-spacing: -.35em;
}

.section_feature p+figure {
    margin-top: 9.3333333333333vw;
}

.section_feature .text_block+figure {
    margin-top: 9.3333333333333vw;
}

.section_feature figure {
    margin-bottom: 3.3333333333333vw;
}

.section_feature figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.section_feature .fig_container_vertical {
    margin-top: 10.6666666666667vw;
}

.section_feature .fig_container_vertical figure {
    margin: 0;
}

.section_feature .fig_container_vertical figure+figure {
    margin-top: 10.6666666666667vw;
}

.section_feature .fig_container_vertical figcaption {
    margin-top: 5.0666666666667vw;
    font-size: 4vw;
}

.section_feature .container_img_float {
    display: flex;
    flex-direction: column;
}

.section_feature .container_img_float .text_block {
    order: 1;
}

.section_feature .container_img_float .fig_container_vertical {
    order: 2;
}

.section_feature p+h3 {
    margin-top: 8vw;
}

.section_feature h3 {
    font-size: 4.5333333333333vw;
    font-weight: bold;
    letter-spacing: -.05em;
    margin-bottom: 3.3333333333333vw;
}

.section_feature h3.subhead {
    font-size: 4.5333333333333vw;
    font-weight: bold;
    letter-spacing: -.05em;
    margin-bottom: 2.6666666666667vw;
}

.contents_development .section_feature h3.subhead {
    color: #00cbfe;
}

.contents_materials .section_feature h3.subhead {
    color: #229900;
}

.contents_manufacturing .section_feature h3.subhead {
    color: #7766ee;
}

.contents_distribution .section_feature h3.subhead {
    color: #dd4477;
}

.contents_customer_service .section_feature h3.subhead {
    color: #ff8822;
}

.contents_safty_measures .section_feature h3.subhead {
    color: #00bbcc;
}

.section_feature p+p {
    margin-top: 5.3333333333333vw;
}

.section_feature p {
    font-size: 4vw;
    line-height: 1.5;
    letter-spacing: -.05em;
}

.section_feature p a {
    color: #0072ef;
    text-decoration: underline;
}

.section_feature p em {
    font-style: normal;
    font-weight: bold;
}

.contents_development .section_feature p em {
    color: #00aadd;
}

.contents_materials .section_feature p em {
    color: #229900;
}

.contents_manufacturing .section_feature p em {
    color: #7766ee;
}

.contents_distribution .section_feature p em {
    color: #dd4477;
}

.contents_customer_service .section_feature p em {
    color: #ff8822;
}

p+.products_group3,
p+.products_group2 {
    margin-top: 10vw;
}

.products+.products {
    margin-top: 8vw;
    padding-top: 8vw;
    border-top: 0.1333333333333vw #dddddd solid;
}

.products figure {
    margin: 0 auto 5.3333333333333vw;
    width: 78.666666666666667vw;
}

.products figure img {
    width: 100%;
    height: auto;
}

.products h3 {
    font-size: 4.5333333333333vw;
    font-weight: bold;
    margin-bottom: 3.3333333333333vw;
}

.products p {
    font-size: 4vw;
    line-height: 1.5;
    letter-spacing: -.05em;
}

.products p .note {
    font-size: 3.7333333333333vw;
}

.section_feature .fig_container_tiled {
    margin-bottom: 10.6666666666667vw;
    display: flex;
    flex-wrap: wrap;
}

.section_feature p+.fig_container_tiled {
    margin-top: 8vw;
}

.section_feature .fig_container_tiled figure {
    width: 37.3333333333333vw;
    margin-top: 8vw;
    margin-bottom: 0;
}

.section_feature .fig_container_tiled figure:nth-child(1),
.section_feature .fig_container_tiled figure:nth-child(2) {
    margin-top: 0;
}

.section_feature .fig_container_tiled figure img {
    vertical-align: bottom;
}

.section_feature .fig_container_tiled figure:nth-child(odd) {
    margin-right: 4vw;
}

.section_feature .fig_container_tiled figure figcaption {
    margin-top: 4vw;
    font-size: 4.2666666666667vw;
    font-weight: bold;
}

/*------------------------------------------------------------
[SP]section_box
------------------------------------------------------------ */
.section_box {
    margin: 0 auto 10vw;
    width: 89.333333333333333vw;
    padding: 6.6666666666667vw 0;
    background: #f4f4f4;
    border: 0.1333333333333vw #dddddd solid;
}

.section_box h2 {
    margin: 0 6.6666666666667vw 6.6666666666667vw;
    font-size: 4.2666666666667vw;
    font-weight: bold;
}

.section_box p {
    margin: 0 6.6666666666667vw;
    font-size: 4vw;
    line-height: 1.5;
}

.section_box p em {
    font-style: normal;
    font-weight: bold;
}

.contents_development .section_box p em {
    color: #00aadd;
}

.contents_materials .section_box p em {
    color: #229900;
}

.contents_manufacturing .section_box p em {
    color: #7766ee;
}

.contents_distribution .section_box p em {
    color: #dd4477;
}

.contents_customer_service .section_box p em {
    color: #ff8822;
}

.contents_safty_measures .section_box p em {
    color: #00aadd;
}

.section_box .fig_container {
    margin: 6.6666666666667vw 1.6vw 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.section_box .fig_container figcaption {
    margin-top: 4vw;
    font-size: 3.7333333333333vw;
    color: #888888;
    letter-spacing: -.05em;
    text-align: center;
}

/*------------------------------------------------------------
[SP]title_safety_measures
------------------------------------------------------------ */
.title_safety_measures {
    margin-bottom: 13.3333333333333vw;
    height: 28.933333333333333vw;
    background: url(../img/safety_measures/bg_title_safety_measures.jpg) no-repeat 0 0;
    background-size: 100vw 28.933333333333333vw;
}

.title_safety_measures h1 {
    font-size: 6.6666666666667vw;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

/*------------------------------------------------------------
[SP]safety_note
------------------------------------------------------------ */
.safety_note {
    margin-bottom: 13.3333333333333vw;
    width: 100vw;
    height: 236.533333333333333vw;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
}

.safety_note .water {
    width: 89.333333333333333vw;
    height: 89.333333333333333vw;
    background: rgba(0, 161, 254, .1);
    border-radius: 50%;
    ;
    position: absolute;
    top: 5.8666666666667vw;
    left: 20vw;
}

.safety_note .water::before {
    content: '';
    width: 29.466666666666667vw;
    height: 28.4vw;
    background: url(../img/safety_measures/icon_water.png) no-repeat 0 0;
    background-size: 29.466666666666667vw 28.4vw;
    position: absolute;
    top: -5.8666666666667vw;
    left: -7.066666666666667vw;
}

.safety_note .products {
    width: 89.333333333333333vw;
    height: 89.333333333333333vw;
    background: rgba(15, 255, 238, .15);
    border-radius: 50%;
    ;
    position: absolute;
    top: 76.533333333333333vw;
    left: -17.3333333333333vw;
}

.safety_note .products::before {
    content: '';
    width: 24.8vw;
    height: 26vw;
    background: url(../img/safety_measures/icon_products.png) no-repeat 0 0;
    background-size: 24.8vw 26vw;
    position: absolute;
    top: 35.066666666666667vw;
    right: -12.933333333333333vw;
}

.safety_note .material {
    width: 89.333333333333333vw;
    height: 89.333333333333333vw;
    background: rgba(45, 254, 35, .1);
    border-radius: 50%;
    ;
    position: absolute;
    top: 147.2vw;
    left: 20vw;
}

.safety_note .material::before {
    content: '';
    width: 28.133333333333333vw;
    height: 32.933333333333333vw;
    background: url(../img/safety_measures/icon_material.png) no-repeat 0 0;
    background-size: 28.133333333333333vw 32.933333333333333vw;
    position: absolute;
    top: 39.466666666666667vw;
    left: -14.5333333333333vw;
}

.safety_note dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.safety_note dl.material {
    padding: 6.4vw 0 0;
}

.safety_note dl dt {
    margin-bottom: 6vw;
    font-size: 7.066666666666667vw;
    line-height: 1;
    font-weight: bold;
}

.safety_note dl dd .text {
    font-size: 4.2666666666667vw;
    line-height: 1.5625;
    letter-spacing: -0.0125em;
    text-align: center;
}

.safety_note dl dd .btn_modal {
    margin-top: 3.2vw;
    font-size: 4.2666666666667vw;
    line-height: 1;
    font-weight: bold;
    text-decoration: underline;
    color: #0072ef;
    text-align: center;
    cursor: pointer;
    padding-bottom: 14vw;
    background: url(../img/safety_measures/icon_arrow.svg) no-repeat center bottom;
    background-size: 10.6666666666667vw 10.6666666666667vw;
}

/*------------------------------------------------------------
[SP]modal
------------------------------------------------------------ */
.overlay1 {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 100;
    display: none;
}

.modal {
    width: 89.333333333333333vw;
    background: #fff;
    position: fixed;
    top: 6.6666666666667vw;
    left: calc(50% - 44.6666666666667vw);
    z-index: 1000;
    display: none;
}

.modal.active {
    display: block;
}

.modal .btn_close_small {
    width: 10.6666666666667vw;
    height: 10.6666666666667vw;
    background: #0072ef url(../img/safety_measures/icon_close.svg) no-repeat center center;
    background-size: 3.2vw 3.2vw;
    border-radius: 5.3333333333333vw;
    position: absolute;
    top: -4vw;
    right: -4vw;
    cursor: pointer;
}

.modal .inner {
    padding: 7.333333333333333vw 6.6666666666667vw 8vw;
    height: calc(100vh - 40vw);
    overflow-y: auto;
}

.modal h2 {
    font-size: 5.3333333333333vw;
    font-weight: bold;
    letter-spacing: -.05em;
    border-bottom: 0.2666666666667vw #dddddd solid;
    padding-bottom: 10vw;
    margin-bottom: 10vw;
    position: relative;
}

.modal h2 span {
    letter-spacing: -.5em;
}

.modal h2::before {
    content: '';
    width: 14.6666666666667vw;
    height: 1.0666666666667vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.modal h2::before {
    background: #00ccdd;
}

.modal .text {
    font-size: 4.2666666666667vw;
    line-height: 1.5625;
}

.modal .text+.text {
    margin-top: 8vw;
}

.modal .note {
    margin-top: 4vw;
    font-size: 3.4666666666667vw;
    line-height: 1.5625;
}

.modal .date {
    margin-top: 7.3333333333333vw;
    font-size: 4.2666666666667vw;
    line-height: 1.5625;
    text-align: right;
}

.modal .btn_close {
    margin: 8vw auto 0;
    width: 36vw;
    height: 10.6666666666667vw;
    background: #0072ef url(../img/safety_measures/icon_close.svg) no-repeat 4.4vw center;
    background-size: 3.2vw 3.2vw;
    border-radius: 5.3333333333333vw;
    display: flex;
    align-items: center;
    font-size: 4.2666666666667vw;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    ;
    padding-left: 15.2vw;
}

.movie_1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: 4vw;
}

.main_btn:before,
#sub1_btn:before {
    content: "";
    width: 72px;
    height: 71px;
    position: absolute;
    background: url(/common/img/svg/youtube.svg) no-repeat top;
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    cursor: pointer;
}

.mask {
    background: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1004;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
}

.mask_in {
    position: fixed;
    width: calc(100% - 37px);
    max-width: none;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    padding: 10px;
    font-size: 20px;
    line-height: 32px;
    color: #222;
    text-align: center;
    z-index: 9999;
    display: none;
}

.mask_in_div {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
}

.mask_in iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.d_b {
    display: block !important
}

.closeX {
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FF6000;
    background-size: 14px 14px;
    text-indent: -99999px;
    position: absolute;
    top: -30px;
    right: -14px;
    cursor: pointer;
}

.closeX:hover {
    background: #FF4000;
}

.closeX::before {
    content: "";
    top: 50%;
    width: 20px;
    height: 20px;
    background: url(/suntory/quality/assets/img/icon_close.svg) no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print,
screen and (min-width:768px) {


    /*------------------------------------------------------------
[PC]contents_title
------------------------------------------------------------ */
    .contents_title {
        padding-bottom: 40px;
        font-size: 36px;
        font-weight: bold;
        text-align: center;
    }

    /*------------------------------------------------------------
[PC]nav
------------------------------------------------------------ */
    .nav {
        width: 1160px;
        margin: 0 auto;
        height: 80px;
        position: relative
    }

    .nav ul {
        width: 1160px;
        height: 80px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: flex-end;
        z-index: 10;
        /* position: absolute;
    top: 0;
    left: 0; */
    }

    .nav ul li {
        width: 231px;
    }

    .nav ul li a {
        width: 231px;
        height: 60px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        mix-blend-mode: multiply;
        font-size: 18px;
        transition: all .5s;
    }

    .nav ul li a:hover {
        height: 80px;
        color: #fff !important;
        text-decoration: none !important;
    }

    .nav ul li.nav_development a {
        background: #00cbfe;
    }

    .nav ul li.nav_materials a {
        background: #55cc33;
    }

    .nav ul li.nav_manufacturing a {
        background: #7766ee;
    }

    .nav ul li.nav_distribution a {
        background: #dd4477;
    }

    .nav ul li.nav_customer_service a {
        background: #ff8822;
    }

    .contents_development .nav ul li.nav_development a {
        height: 80px;
        color: #000;
    }

    .contents_materials .nav ul li.nav_materials a {
        height: 80px;
        color: #000;
    }

    .contents_manufacturing .nav ul li.nav_manufacturing a {
        height: 80px;
        color: #000;
    }

    .contents_distribution .nav ul li.nav_distribution a {
        height: 80px;
        color: #000;
    }

    .contents_customer_service .nav ul li.nav_customer_service a {
        height: 80px;
        color: #000;
    }

    /*------------------------------------------------------------
[PC]lead
------------------------------------------------------------ */
    .lead {
        margin: -10px 0 60px;
        width: 100%;
        height: 300px;
        z-index: -1;
        display: block;
    }

    .contents_development .lead {
        background: #e3f9ff;
    }

    .contents_materials .lead {
        background: #eeffee;
    }

    .contents_manufacturing .lead {
        background: #eee4ff;
    }

    .contents_distribution .lead {
        background: #ffe0ee;
    }

    .contents_customer_service .lead {
        background: #ffe9c7;
    }

    .lead .title {
        margin: 0 auto;
        padding: 10px 130px;
        width: 1240px;
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: -1;
    }

    .lead h1 {
        margin: 0 0 40px;
        font-size: 40px;
        font-weight: bold;
    }

    .lead p {
        margin: 0;
        font-size: 20px;
        line-height: 1.75;
    }

    .contents_development .lead .title {
        background: #e3f9ff url(../../assets/img/development/pc_mv_development.jpg) no-repeat right 0;
        background-size: 680px 300px;
    }

    .contents_materials .lead .title {
        background: #eeffee url(../../assets/img/materials/pc_mv_materials.jpg) no-repeat right 0;
        background-size: 680px 300px;
    }

    .contents_manufacturing .lead .title {
        background: #eee4ff url(../../assets/img/manufacturing/pc_mv_manufacturing.jpg) no-repeat right 0;
        background-size: 710px 300px;
    }

    .contents_distribution .lead .title {
        background: #ffe0ee url(../../assets/img/distribution/pc_mv_distribution.jpg) no-repeat right 0;
        background-size: 620px 300px;
    }

    .contents_customer_service .lead .title {
        background: #ffe9c7 url(../../assets/img/customer_service/pc_mv_customer_service.jpg) no-repeat right 0;
        background-size: 580px 300px;
    }

    /*------------------------------------------------------------
[PC]contents_menu
------------------------------------------------------------ */
    .contents_menu {
        margin: 100px auto 0;
        padding: 80px 0 100px;
        background: #f4f8ff;
    }

    .contents_menu h2 {
        margin-bottom: 80px;
        font-size: 36px;
        font-weight: bold;
        text-align: center;
    }

    .contents_menu ul {
        margin: 0 auto 85px;
        width: 1160px;
        height: 260px;
        position: relative;
    }

    .contents_menu li {
        list-style: none;
    }

    .contents_menu li a:hover {
        text-decoration: none !important;
    }

    .contents_menu .contents_menu_development a {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #00cbfe;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 50px;
        z-index: 100;
        mix-blend-mode: multiply;
        color: #fff !important;
        font-size: 24px;
        text-decoration: none;
    }

    .contents_menu .contents_menu_development span.img {
        width: 220px;
        height: 170px;
        border-radius: 10px;
        background: url(../img/pc_menu_development.jpg) no-repeat 0 0;
        background-size: 220px auto;
        display: block;
        position: absolute;
        top: 90px;
        left: 0;
        z-index: 10;
        cursor: pointer;
    }

    .contents_menu .contents_menu_materials a {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #55cc33;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 285px;
        z-index: 100;
        mix-blend-mode: multiply;
        color: #fff !important;
        font-size: 24px;
        text-decoration: none;
    }

    .contents_menu .contents_menu_materials span.img {
        width: 220px;
        height: 170px;
        border-radius: 10px;
        background: url(../img/pc_menu_materials.jpg) no-repeat 0 0;
        background-size: 220px auto;
        display: block;
        position: absolute;
        top: 90px;
        left: 235px;
        z-index: 10;
        cursor: pointer;
    }

    .contents_menu .contents_menu_manufacturing a {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #7766ee;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 520px;
        z-index: 100;
        mix-blend-mode: multiply;
        color: #fff !important;
        font-size: 24px;
        text-decoration: none;
    }

    .contents_menu .contents_menu_manufacturing span.img {
        width: 220px;
        height: 170px;
        border-radius: 10px;
        background: url(../img/pc_menu_manufacturing.jpg) no-repeat 0 0;
        background-size: 220px auto;
        display: block;
        position: absolute;
        top: 90px;
        left: 470px;
        z-index: 10;
        cursor: pointer;
    }

    .contents_menu .contents_menu_distribution a {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #dd4477;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 755px;
        z-index: 100;
        mix-blend-mode: multiply;
        color: #fff !important;
        font-size: 24px;
        text-decoration: none;
    }

    .contents_menu .contents_menu_distribution span.img {
        width: 220px;
        height: 170px;
        border-radius: 10px;
        background: url(../img/pc_menu_distribution.jpg) no-repeat 0 0;
        background-size: 220px auto;
        display: block;
        position: absolute;
        top: 90px;
        left: 705px;
        z-index: 10;
        cursor: pointer;
    }

    .contents_menu .contents_menu_customer_service a {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #ff8822;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 990px;
        z-index: 100;
        mix-blend-mode: multiply;
        color: #fff !important;
        font-size: 24px;
        text-decoration: none;
    }

    .contents_menu .contents_menu_customer_service span.img {
        width: 220px;
        height: 170px;
        border-radius: 10px;
        background: url(../img/pc_menu_customer_service.jpg) no-repeat 0 0;
        background-size: 220px auto;
        display: block;
        position: absolute;
        top: 90px;
        left: 940px;
        z-index: 10;
        cursor: pointer;
    }


    .contents_menu h3 {
        margin-bottom: 40px;
        font-size: 26px;
        font-weight: bold;
        text-align: center;
    }

    .contents_menu .btn_more a {
        margin: 55px auto 0;
        padding-right: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 360px;
        height: 50px;
        border-radius: 25px;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        background: #0072ef url(../img/icon_arrow.png) no-repeat right 20px center;
        background-size: 7px auto;
    }

    .contents_menu .btn_more a:hover {
        background: #00cbfe url(../img/icon_arrow.png) no-repeat right 20px center;
        background-size: 7px auto;
        text-decoration: none !important;
    }

    /*------------------------------------------------------------
[PC]section_standard
------------------------------------------------------------ */
    .section_standard {
        margin: 0 auto 90px;
        width: 1080px;
    }

    .section_standard.connect_section {
        margin: 0 auto 45px;
    }

    .section_standard .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .section_standard .container.img_absolute {
        position: relative;
        min-height: 855px;
    }

    .section_standard.img_float .container {
        position: relative;
    }

    .section_standard h2 {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: -.05em;
        border-bottom: 1px #dddddd solid;
        margin-bottom: 50px;
        padding-bottom: 45px;
        position: relative;
        width: 100%;'
		line-height: auto
    }

    .section_standard h2::before {
        content: '';
        width: 70px;
        height: 5px;
        background: #00cbfe;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .section_standard .text_block {
        width: auto;
    }

    .section_standard h3 {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -.05em;
        margin-bottom: 30px;
    }

    .section_standard h3.subhead {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -.05em;
        margin-bottom: 25px;
    }

    .section_standard p+h3 {
        margin-top: 50px;
    }

    .section_standard p {
        font-size: 18px;
        line-height: 1.5625;
        letter-spacing: -.05em;
    }

    .section_standard p+p {
        margin-top: 40px;
    }

    .section_standard p em {
        font-style: normal;
        color: #00aadd;
        font-weight: bold;
    }

    .section_standard figure {
        margin: 0;
        width: 400px;
    }

    .section_standard .container.img_absolute figure {
        width: 523px;
        position: absolute;
        top: 0;
        right: -39px;
    }

    .section_standard figure img {
        width: 100%;
        height: auto;
    }

    .section_standard.img_float figure {
        width: 510px;
        position: absolute;
        top: 0;
        right: -40px;
    }

    .section_standard .fig_container_triple {
        margin-top: 50px;
        width: 1080px;
        display: flex;
        justify-content: space-between;
    }

    .section_standard .fig_container_triple figure {
        width: 340px;
    }

    .section_standard .fig_container_triple figure img {
        width: 100%;
        height: auto;
    }

    .section_standard .label {
        margin: 15px 0 0;
    }

    .section_standard .label .title {
        margin: 0 0 5px;
        font-size: 12px;
        color: #888888;
        text-align: right;
    }

    .section_standard .label h3 {
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #888888;
        text-align: right;
    }


    /*------------------------------------------------------------
[PC]section_column
------------------------------------------------------------ */
    .section_column {
        margin: 0 auto 85px;
        padding: 40px;
        width: 1080px;
        background: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
    }

    .section_column h2 {
        margin-bottom: 30px;
        font-size: 26px;
        letter-spacing: -.05em;
        display: flex;
        align-items: center;
        padding: 10px 0 10px 35px;
    }

    .contents_development .section_column h2 {
        border-left: 5px #00cbfe solid;
    }

    .contents_materials .section_column h2 {
        border-left: 5px #229900 solid;
    }

    .contents_manufacturing .section_column h2 {
        border-left: 5px #7766ee solid;
    }

    .contents_distribution .section_column h2 {
        border-left: 5px #dd4477 solid;
    }

    .contents_customer_service .section_column h2 {
        border-left: 5px #ff8822 solid;
    }

    .section_column h3 {
        margin: 0 0 25px;
        font-size: 20px;
        letter-spacing: -.05em;
    }

    .section_column p+h3 {
        margin-top: 40px;
    }

    .section_column .container {
        display: flex;
        justify-content: space-between;
    }

    .section_column .container.flat {
        display: block;
    }

    .section_column .column_materials01 {
        position: relative;
        background: url(../img/materials/pc_materials_img02.jpg) no-repeat right 0;
        background-size: 531px auto;
        min-height: 291px;
    }

    .section_column .column_materials02 {
        background: url(../img/materials/pc_materials_img03.jpg) no-repeat right 0;
        background-size: 550px auto;
        min-height: 292px;
    }

    .section_column .container.flat .text {
        width: 400px;
        margin-left: 40px;
    }

    .section_column .text_block {
        margin: 0 0 0 40px;
        width: 450px;
    }

    .section_column p+p {
        margin: 40px 0 0;
    }

    .section_column p {
        margin: 0;
        font-size: 18px;
        line-height: 1.5625;
        letter-spacing: -.05em;
    }

    .section_column p a {
        color: #0072ef;
        font-weight: bold;
        text-decoration: underline;
    }

    .section_column p a:hover {
        color: #00bbff;
    }

    .section_column p em {
        font-style: normal;
        font-weight: bold;
        color: #00aadd;
    }

    .section_column figure {
        margin: 0;
        width: 440px;
    }

    .section_column figure img {
        width: 100%;
        height: auto;
    }

    .section_column .column_materials01 figure,
    .section_column .column_materials02 figure {
        display: none;
    }

    .section_column .column_materials01 .label {
        position: absolute;
        bottom: auto;
        left: auto;
        top: 250px;
        right: 340px;
    }

    .section_column .column_materials01 .label .title {
        color: #888888;
        font-size: 11px;
        line-height: 1.4;
        text-align: right;
    }

    .section_column .column_materials01 .label h3 {
        margin-top: 5px;
        color: #888888;
        font-size: 14px;
        text-align: right;
    }


    .section_column .btn_more {
        width: auto;
    }

    .section_column .btn_more a {
        margin: 40px 0 0;
        padding: 0 43px 0 40px;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        height: 50px;
        border-radius: 25px;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        background: #0072ef url(../img/icon_arrow.png) no-repeat right 25px center;
        background-size: 7px auto;
    }

    .section_column .btn_more a:hover {
        background: #00cbfe url(../img/icon_arrow.png) no-repeat right 25px center;
        background-size: 7px auto;
        color: #fff;
        text-decoration: none !important;
    }

    .section_column .text_group {
        margin: 0;
        display: flex;
    }

    .section_column .text_group p {
        margin: 0;
    }

    .section_column .text_group+.text_group {
        margin-top: 50px;
        padding-top: 0;
        border-top: none;
    }

    /*------------------------------------------------------------
[PC]section_feature
------------------------------------------------------------ */
    .section_feature {
        margin: 0 auto 40px;
        width: 1080px;
        padding: 50px;
        background: #f4f4f4;
    }

    .section_feature h2 {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: -.05em;
        border-bottom: 1px #dddddd solid;
        padding-bottom: 45px;
        margin-bottom: 50px;
        position: relative;
    }

    .section_feature h2::before {
        content: '';
        width: 70px;
        height: 5px;
        background: #00cbfe;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .section_feature h2 span {
        letter-spacing: -.35em;
    }

    .section_feature .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .section_feature .container .text_block {
        margin: 0;
        width: 500px;
    }

    .section_feature .container figure {
        width: 440px;
    }


    .section_feature .container_img_float {
        display: block;
    }

    .section_feature .container_img_float::after {
        content: '';
        display: block;
        clear: both;
    }

    .section_feature .container_img_float .fig_container_vertical {
        float: right;
        margin: 0 0 40px 40px;
    }

    .section_feature .container_img_float {
        display: block
    }

    .section_feature p+figure {
        margin-top: 0;
    }

    .section_feature .text_block+figure {
        margin-top: 0;
    }

    .section_feature figure {
        margin: 0;
    }

    .section_feature figure img {
        width: 100%;
        height: auto;
    }

    .section_feature .fig_container_vertical {
        margin-top: 0;
        width: 440px;
    }

    .section_feature .fig_container_vertical figure {
        margin: 0;
    }

    .section_feature .fig_container_vertical figure+figure {
        margin-top: 50px;
    }

    .section_feature .fig_container_vertical figcaption {
        margin-top: 24px;
        font-size: 16px;
    }

    .section_feature .fig_container_vertical.fig_container_pc_horizon {
        margin-top: 0;
        width: 980px;
        display: flex;
        justify-content: space-between;
    }

    .section_feature .fig_container_vertical.fig_container_pc_horizon figure+figure {
        margin-top: 0;
    }

    .section_feature .fig_container_vertical.fig_container_pc_horizon figure {
        width: 300px;
    }

    .section_feature p+h3 {
        margin-top: 40px;
    }

    .section_feature h3 {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -.05em;
        margin-bottom: 20px;
    }

    .section_feature h3.subhead {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -.05em;
        margin-bottom: 25px;
    }

    .section_feature p+p {
        margin-top: 30px;
    }

    .section_feature p {
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: -.05em;
    }

    .section_feature p a {
        color: #0072ef;
        font-weight: bold;
        text-decoration: underline;
    }

    .section_feature p a:hover {
        color: #00bbff;
    }

    .section_feature p em {
        font-style: normal;
        color: #00aadd;
        font-weight: bold;
    }

    .products_group3,
    .products_group2 {
        display: flex;
        justify-content: space-between;
    }

    .products_group3 .products {
        width: 300px;
    }

    .products_group2 .products {
        width: 470px;
    }

    p+.products_group3,
    p+.products_group2 {
        margin-top: 40px;
    }

    .products+.products {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .products_group3 .products figure {
        margin: 0 0 20px;
        width: 300px;
    }

    .products_group2 .products figure {
        margin: 0 0 20px;
        width: 470px;
        background: #fff;
        text-align: center;
    }

    .products figure img {
        width: 100%;
        height: auto;
    }

    .products_group2 .products figure img {
        width: auto;
        height: 190px;
    }

    .products h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .products p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -.05em;
    }

    .products p .note {
        font-size: 14px;
    }

    .section_feature .fig_container_tiled {
        margin-bottom: 50px;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .section_feature p+.fig_container_tiled {
        margin-top: 30px;
    }

    .section_feature .fig_container_tiled figure {
        width: 230px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .section_feature .fig_container_tiled figure:nth-child(1),
    .section_feature .fig_container_tiled figure:nth-child(2) {
        margin-top: 0;
    }

    .section_feature .fig_container_tiled figure img {
        vertical-align: bottom;
    }

    .section_feature .fig_container_tiled figure:nth-child(odd) {
        margin-right: 0;
    }

    .section_feature .fig_container_tiled figure figcaption {
        margin-top: 20px;
        font-size: 18px;
        font-weight: bold;
    }

    .section_feature .text_img_container {
        display: flex;
        justify-content: space-between;
    }

    .section_feature .text_img_container .text_block {
        width: 500px;
    }

    .section_feature .text_img_container figure {
        width: 440px;
    }


    /*------------------------------------------------------------
[PC]section_box
------------------------------------------------------------ */
    .section_box {
        margin: 0 auto 80px;
        width: 1080px;
        padding: 0 40px 40px;
        background: #f4f4f4;
        border: 1px #dddddd solid;
        display: flex;
    }

    .section_box .text_container {
        width: 440px;
        padding-top: 40px;
    }

    .section_box h2 {
        margin: 0 0 40px;
        font-size: 20px;
        font-weight: bold;
    }

    .section_box p {
        margin: 0;
        font-size: 18px;
        line-height: 1.5;
    }

    .section_box p em {
        font-style: normal;
        font-weight: bold;
    }

    .contents_development .section_box p em {
        color: #00aadd;
    }

    .contents_materials .section_box p em {
        color: #229900;
    }

    .contents_manufacturing .section_box p em {
        color: #7766ee;
    }

    .contents_distribution .section_box p em {
        color: #dd4477;
    }

    .contents_customer_service .section_box p em {
        color: #ff8822;
    }

    .section_box .fig_container {
        margin: 30px 55px 0 0;
        width: 480px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .section_box .fig_container figure+figure {
        margin-left: 60px;
    }

    .section_box .fig_container figcaption {
        margin-top: 15px;
        font-size: 15px;
        color: #888888;
        letter-spacing: -.05em;
        text-align: center;
    }

    /*------------------------------------------------------------
[PC]title_safety_measures
------------------------------------------------------------ */
    .title_safety_measures {
        margin-bottom: 60px;
        height: 180px;
        background: url(../img/safety_measures/pc_bg_title_safety_measures.jpg) no-repeat right 0, url(../img/safety_measures/pc_bg_title_safety_measures_repeat.jpg) repeat-x 0 0;
        background-size: auto 180px, auto 180px;
    }

    .title_safety_measures h1 {
        margin: 0 auto;
        padding: 50px 0 0 60px;
        width: 1160px;
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        text-align: left;
    }

    /*------------------------------------------------------------
[PC]safety_note
------------------------------------------------------------ */
    .safety_note {
        margin: 0 auto 50px;
        width: 1080px;
        height: 590px;
        position: relative;
    }

    .safety_note .water {
        width: 420px;
        height: 420px;
        background: rgba(0, 161, 254, .1);
        border-radius: 50%;
        ;
        position: absolute;
        top: 170px;
        left: 0;
    }

    .safety_note .water::before {
        content: '';
        width: 146px;
        height: 141px;
        background: url(../img/safety_measures/icon_water.png) no-repeat 0 0;
        background-size: 146px 141px;
        position: absolute;
        top: -47px;
        left: 0;
    }

    .safety_note .products {
        width: 420px;
        height: 420px;
        background: rgba(15, 255, 238, .15);
        border-radius: 50%;
        ;
        position: absolute;
        top: 0;
        left: 330px;
    }

    .safety_note .products::before {
        content: '';
        width: 101px;
        height: 107px;
        background: url(../img/safety_measures/icon_products.png) no-repeat 0 0;
        background-size: 101px 107px;
        position: absolute;
        top: 37px;
        right: 283px;
    }

    .safety_note .material {
        width: 420px;
        height: 420px;
        background: rgba(45, 254, 35, .1);
        border-radius: 50%;
        ;
        position: absolute;
        top: 170px;
        left: 660px;
    }

    .safety_note .material::before {
        content: '';
        width: 159px;
        height: 186px;
        background: url(../img/safety_measures/icon_material.png) no-repeat 0 0;
        background-size: 159px 186px;
        position: absolute;
        top: -77px;
        left: 261px;
    }

    .safety_note dl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .safety_note dl.water {
        padding: 48px 0 0;
    }

    .safety_note dl.products {
        padding: 98px 0 0;
    }

    .safety_note dl.material {
        padding: 46px 0 0;
    }

    .safety_note dl dt {
        margin-bottom: 40px;
        font-size: 28px;
        font-weight: bold;
        line-height: 1;
    }

    .safety_note dl.products dt {
        margin-bottom: 50px;
    }

    .safety_note dl dd .text {
        font-size: 18px;
        line-height: 1.5625;
        letter-spacing: -0.0125em;
        text-align: center;
    }

    .safety_note dl dd .btn_modal {
        width: 260px;
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        text-decoration: underline;
        color: #0072ef;
        text-align: center;
        cursor: pointer;
        padding-bottom: 69px;
        background: url(../img/safety_measures/icon_arrow.svg) no-repeat center bottom;
        background-size: 50px 50px;
        position: absolute;
        bottom: 30px;
        left: calc(50% - 130px);
    }

    .safety_note dl dd .btn_modal:hover {
        color: #00bbff;
        background: url(../img/safety_measures/icon_arrow_on.svg) no-repeat center bottom;
        background-size: 50px 50px;
    }


    /*------------------------------------------------------------
[PC]modal
------------------------------------------------------------ */
    .overlay1 {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .4);
        z-index: 100;
    }

    .modal {
        width: 920px;
        background: #fff;
        position: fixed;
        top: 50px;
        left: calc(50% - 460px);
        z-index: 1000;
    }

    .modal .btn_close_small {
        width: 50px;
        height: 50px;
        background: #0072ef url(../img/safety_measures/icon_close.svg) no-repeat center center;
        background-size: 14px 14px;
        border-radius: 25px;
        position: absolute;
        top: 35px;
        right: 60px;
        cursor: pointer;
        z-index: 1000;
    }

    .modal .btn_close_small:hover {
        background: #00bbff url(../img/safety_measures/icon_close.svg) no-repeat center center;
        background-size: 14px 14px;
    }

    .modal .inner {
        padding: 50px;
        height: auto;
        overflow-y: auto;
    }

    .modal h2 {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: -.05em;
        border-bottom: 1px #dddddd solid;
        padding-bottom: 45px;
        margin-bottom: 50px;
        position: relative;
    }

    .modal h2 span {
        letter-spacing: -.5em;
    }

    .modal h2::before {
        content: '';
        width: 70px;
        height: 5px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .modal h2::before {
        background: #00ccdd;
    }

    .modal .text {
        font-size: 18px;
        line-height: 1.5625;
    }

    .modal .text+.text {
        margin-top: 30px;
    }

    .modal .note {
        margin-top: 35px;
        font-size: 14px;
        line-height: 1.5625;
    }

    .modal .date {
        margin-top: 50px;
        font-size: 18px;
        line-height: 1.5625;
        text-align: right;
    }

    .modal .note+.date {
        margin-top: 0;
    }

    .modal .btn_close {
        display: none;
    }

    .movie_1 {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin-top: 20px;
    }

    .main_btn:before,
    #sub1_btn:before,
    #sub2_btn:before,
    #sub3_btn:before {
        content: "";
        width: 72px;
        height: 71px;
        position: absolute;
        background: url(/common/img/svg/youtube.svg) no-repeat top;
        background-size: 100% auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        cursor: pointer;
    }

    .mask {
        background: rgba(0, 0, 0, 0.45);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1004;
        top: 0;
        left: 0;
        display: none;
        cursor: pointer;
    }

    .mask_in {
        position: fixed;
        width: 100%;
        max-width: 800px;
        top: 80px;
        left: 50%;
        background: #fff;
        transform: translate(-50%, 0%);
        padding: 20px;
        font-size: 20px;
        line-height: 32px;
        color: #222;
        text-align: center;
        z-index: 9999;
        display: none;
    }

    .mask_in_div {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%;
        /* 16:9 Aspect Ratio */
    }

    .mask_in iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .d_b {
        display: block !important
    }

    .closeX {
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #FF6000;
        background-size: 14px 14px;
        text-indent: -99999px;
        position: absolute;
        top: -30px;
        right: -30px;
        cursor: pointer;
    }

    .closeX:hover {
        background: #FF4000;
    }

    .closeX::before {
        content: "";
        top: 50%;
        width: 20px;
        height: 20px;
        background: url(/suntory/quality/assets/img/icon_close.svg) no-repeat;
        background-position: center;
        position: absolute;
        left: 50%;
        z-index: 999;
        transform: translate(-50%, -50%);
    }
}