@charset "UTF-8";

/**
 * Base
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
}

body,
html {
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.78;
}

@media only screen and (min-width: 691px) {
    a[href^="tel:"] {
        pointer-events: none;
        color: black !important;
    }
}

.bigger_link:hover {
    cursor: pointer;
}

.bigger_link:hover img {
    opacity: 1;
}

.bigger_link:not(.product_box) {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.bigger_link:not(.product_box):hover {
    opacity: .8;
}

.bigger_link:not(.product_box) a:hover {
    text-decoration: none;
}

.block_show.fadeInfromunder {
    -webkit-animation: fadeInfromunder 2s .5s ease forwards;
    animation: fadeInfromunder 2s .5s ease forwards;
}

.block_show.fadeInfromleft {
    -webkit-animation: fadeInfromleft 2s .5s ease forwards;
    animation: fadeInfromleft 2s .5s ease forwards;
}

.block_show.fadeInfromright {
    -webkit-animation: fadeInfromright 2s .5s ease forwards;
    animation: fadeInfromright 2s .5s ease forwards;
}

@-webkit-keyframes fadeInfromunder {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fadeInfromunder {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeInfromleft {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes fadeInfromleft {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes fadeInfromright {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes fadeInfromright {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/**
 * Header
 */
/*### ### ###header_area ### ### ###*/
.header_area {
    background: #fff;
    position: fixed;
    top: -65px;
    left: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.1);
}

.header_wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 15px;
}

/* .logo_area {
    width: 300px;
} */

.logo_area img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.menu_btn {
    background: #c81505;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu_btn_wrapper {
    position: relative;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu_line {
    display: block;
    background: #fff;
    width: 100%;
    height: 2px;
}

.menu_line_close {
    display: none;
    opacity: 0;
}

/*--hover--*/
.menu_btn:hover {
    cursor: pointer;
}

.menu_btn:hover .menu_line:nth-child(1) {
    -webkit-animation: menubtnOpenAnimate 1s ease-in-out 0s forwards;
    animation: menubtnOpenAnimate 1s ease-in-out 0s forwards;
}

.menu_btn:hover .menu_line:nth-child(2) {
    -webkit-animation: menubtnOpenAnimate 1s ease-in-out 0.2s forwards;
    animation: menubtnOpenAnimate 1s ease-in-out 0.2s forwards;
}

.menu_btn:hover .menu_line:nth-child(3) {
    -webkit-animation: menubtnOpenAnimate 1s ease-in-out 0.4s forwards;
    animation: menubtnOpenAnimate 1s ease-in-out 0.4s forwards;
}

.menu_btn .menu_line:nth-child(4) {
    -webkit-animation: menubtnCloseAnimateR .5s ease-in-out forwards;
    animation: menubtnCloseAnimateR .5s ease-in-out forwards;
}

.menu_btn .menu_line:nth-child(5) {
    -webkit-animation: menubtnCloseAnimateL .5s ease-in-out forwards;
    animation: menubtnCloseAnimateL .5s ease-in-out forwards;
}

@-webkit-keyframes menubtnOpenAnimate {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    25% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }
}

@keyframes menubtnOpenAnimate {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    25% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }
}

@-webkit-keyframes menubtnCloseAnimateR {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(0);
        transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(1);
        transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(1);
        opacity: 1;
    }
}

@keyframes menubtnCloseAnimateR {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(0);
        transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(1);
        transform: translateY(-50%) translateX(-50%) rotate(-45deg) scaleX(1);
        opacity: 1;
    }
}

@-webkit-keyframes menubtnCloseAnimateL {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(0);
        transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(1);
        transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(1);
        opacity: 1;
    }
}

@keyframes menubtnCloseAnimateL {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(0);
        transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(1);
        transform: translateY(-50%) translateX(-50%) rotate(45deg) scaleX(1);
        opacity: 1;
    }
}

/*### ### ### menuarea ### ### ###*/
.menu_area {
    width: 30%;
    height: 100vh;
    background-color: rgba(200, 21, 5, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 9;
    display: none;
}


@media only screen and (max-width: 980px) {
    .menu_area {
        width: 70%;
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

}

@media only screen and (max-width: 690px) {
    .menu_area {
        width: 100%;
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

}

.menu_wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}

.menu_header_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.menu_logo_area {
    margin-right: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
}

.meun_logo_text {
    font-size: 8px;
    line-height: 1;
    color: #fff;
    margin-top: -5px;
}

.menu_wrapper .menu_list {
    padding-left: 0;
}

.menu_wrapper .menu_list li {
    list-style-type: none;
    width: 100%;
}

.menu_wrapper .menu_list li a {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    display: block;
    padding: 8px 0;
    text-align: center;
    opacity: 0;
    position: relative;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    z-index: 1;
}

.menu_wrapper .menu_list li a::after {
    opacity: 0;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    z-index: -1;
}

.menu_wrapper .menu_list li:hover a {
    color: #c81505;
    text-decoration: none;
}

.menu_wrapper .menu_list li:hover a::after {
    -webkit-animation: menulistBgAnimate 0.5s 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
    animation: menulistBgAnimate 0.5s 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.menu_wrapper .menu_list li a {
    position: relative;
}

/* ### ### ###language### ### ###*/
.headerConArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerLang {
    position: relative;
}

.langList {
    position: absolute;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 10px -6px rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    left: 10px;
}

.langList li a {
    display: block;
    padding: 10px;
    color: #999;
    text-decoration: none;
    line-height: 1.5;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.langItem {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    white-space: nowrap;
}

.langItem::before {
    content: "";
    display: block;
    position: absolute;
    border: 5px solid;
    border-color: transparent transparent transparent #d81605;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.langItem::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #c81505;
    bottom: -8px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    position: absolute;
}

.langList li a:hover .langItem::after {
    bottom: -4px;
    visibility: visible;
    opacity: 1;
}

.langList li a img {
    width: 30px;
    margin-left: 10px;
}

.langList li {
    list-style-type: none;
}

.langtext,
.contactBtn {
    text-decoration: none;
    color: #999;
    line-height: 1.5;
    margin: 0 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.langtext::after,
.contactBtn::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #c81505;
    bottom: -10px;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    visibility: hidden;
}

.langtext:hover::after,
.contactBtn:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: -5px;
}

.langtext img,
.contactBtn img {
    width: 20px;
    margin-right: 8px;
}

.langtext:hover,
.contactBtn:hover {
    text-decoration: none;
    color: #d81605;
    border-bottom-color: #d81605;
}

.langList.is-active {
    visibility: visible;
    opacity: 1;
}

.langtext.is-active {
    color: #d81605;
    border-bottom-color: #d81605;
}

.headerLang.is-active,
.contactBtn.is-active {
    display: none;
}

.headerFS {
    font-size: 12px;
    color: #c81505;
    padding-left: 20px;
}

.logo_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_area.is-active-header .headerFS {
    visibility: hidden;
}

/*--lang_sp--*/
.lang_sp_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: langlist 0.5s 2s forwards;
    animation: langlist 0.5s 2s forwards;
    visibility: hidden;
    margin-top: 30px;
}


.lang_sp_list li {
    list-style-type: none;
    /*margin: 0 5px;*/
    font-family: 'Noto Sans', sans-serif !important;
    margin-right: 5px;
}

.lang_sp_list li a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.lang_sp_list li a:hover {
    text-decoration: none;
}

.lang_sp_list li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.lang_sp_list li a:hover::before {
    bottom: -4px;
    opacity: 1;
    visibility: visible;
}

.lang_sp_list li a .langItem::after,
.lang_sp_list li a .langItem::before {
    display: none;
}

.lang_sp_list li a img {
    width: 23px;
    margin-left: 10px;
}
@media all and (-ms-high-contrast: none) {

    .lang_sp_list {
        opacity: 1 !important;
        animation: none;
        visibility: visible;
    }
}

@media all and (-ms-high-contrast: none) {

    .lang_sp_list {
        opacity: 1 !important;
        animation: none;
    }
}

@media only screen and (max-width: 980px) {

    .headerLang,
    .contactBtn {
        display: none;
    }

}

@media only screen and (max-width: 690px) {

    .headerFS {
        display: none
    }
}

@media only screen and (max-width: 690px) {
    .menu_wrapper .menu_list li a {
        opacity: 1;
    }

    .lang_sp_list {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (min-width: 690px) {
    @-webkit-keyframes langlist {
        0% {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }

    @keyframes langlist {
        0% {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }

    /*---------menu_list_animate----------*/
    @-webkit-keyframes menuitemA {
        0% {
            transform: translateX(-100px);
            -webkit-transform: translateX(-100px);
            opacity: 0;
            display: none;
        }

        100% {
            transform: translateX(0px);
            -webkit-transform: translateX(0px);
            opacity: 1;
            display: block;
        }
    }

    @keyframes menuitemA {
        0% {
            transform: translateX(-100px);
            -webkit-transform: translateX(-100px);
            opacity: 0;
            display: none;
        }

        100% {
            transform: translateX(0px);
            -webkit-transform: translateX(0px);
            opacity: 1;
            display: block;
        }
    }

    .menu_wrapper .menu_list li:nth-child(1) a {
        -webkit-animation: menuitemA 0.9s ease 0.9s forwards;
        animation: menuitemA 0.9s ease 0.9s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(2) a {
        -webkit-animation: menuitemA 0.9s ease 1.08s forwards;
        animation: menuitemA 0.9s ease 1.08s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(3) a {
        -webkit-animation: menuitemA 0.9s ease 1.16s forwards;
        animation: menuitemA 0.9s ease 1.16s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(4) a {
        -webkit-animation: menuitemA 0.9s ease 1.24s forwards;
        animation: menuitemA 0.9s ease 1.24s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(5) a {
        -webkit-animation: menuitemA 0.9s ease 1.32s forwards;
        animation: menuitemA 0.9s ease 1.32s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(6) a {
        -webkit-animation: menuitemA 0.9s ease 1.4s forwards;
        animation: menuitemA 0.9s ease 1.4s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(7) a {
        -webkit-animation: menuitemA 0.9s ease 1.48s forwards;
        animation: menuitemA 0.9s ease 1.48s forwards;
    }

    .menu_wrapper .menu_list li:nth-child(8) a {
        -webkit-animation: menuitemA 0.9s ease 1.56s forwards;
        animation: menuitemA 0.9s ease 1.56s forwards;
    }
    
    .menu_wrapper .menu_list li:nth-child(9) a {
        animation: menuitemA .9s ease 1.64s forwards;
        -webkit-animation: menuitemA .9s ease 1.64s forwards;
    }
    
    .menu_wrapper .menu_list li:nth-child(10) a {
        animation: menuitemA .9s ease 1.72s forwards;
        -webkit-animation: menuitemA .9s ease 1.72s forwards;
    }
    
    .menu_wrapper .menu_list li:nth-child(11) a {
        animation: menuitemA .9s ease 1.80s forwards;
        -webkit-animation: menuitemA .9s ease 1.80s forwards;
    }
    
    .menu_wrapper .menu_list li:nth-child(12) a {
        animation: menuitemA .9s ease 1.88s forwards;
        -webkit-animation: menuitemA .9s ease 1.88s forwards;
    }
    
    .menu_wrapper .menu_list li:nth-child(13) a {
        animation: menuitemA .9s ease 1.96s forwards;
        -webkit-animation: menuitemA .9s ease 1.96s forwards;
    }
    
 
}

@media all and (-ms-high-contrast: none) {
     
    .menu_wrapper .menu_list li a {
       opacity: 1!important;
       animation:none;
    }
      }
@-webkit-keyframes menulistBgAnimate {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes menulistBgAnimate {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media only screen and (max-width: 690px) {
    .menu_header_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .menu_logo_area {
        margin: 10px;
    }

    .meun_logo_text {
        margin-top: 0;
    }

    .menu_wrapper .menu_list li a {
        font-size: 18px;
    }
}


/*### ### ###js-addClass### ### ###*/
.scrollStop {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
}

/*.header_area.is-active-header {
    background-color: transparent;
}*/

/*#headerlogo.is-active-logo {
    visibility: hidden;
}*/

.menu_btn.is-active-menu-btn {
    background:#c81505;
}

.menu_btn.is-active-menu-btn .menu_line {
    width: 130%;
}

.menu_btn.is-active-menu-btn .menu_line:nth-child(1) {
    background: #c81505;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.menu_btn.is-active-menu-btn .menu_line:nth-child(2) {
    background: #c81505;
    opacity: 0;
}

.menu_btn.is-active-menu-btn .menu_line:nth-child(3) {
    background: #c81505;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
}

.is-active-menu-btn .menu_line_open {
    opacity: 0;
    display: none;
}

.is-active-menu-btn .menu_line_close {
    opacity: 0;
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.is-active-menu-btn .menu_line:nth-child(4) {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.is-active-menu-btn .menu_line:nth-child(5) {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

/**
 * Footer
 */
/*### ### ### others ### ###  ###*/
.line_w_title {
    text-align: center;
    font-size: 36px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
    margin: 0;
}

.others_wrapper {
    background: #3c3d47;
    padding: 80px 0;
}

.others_col_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.others_col_area .col {
    width: calc(25% - 15px);
}

.others_col_area .imgban {
    text-decoration: none;
    display: block;
}

.others_col_area .imgban img {
    width: 100%;
}

.others_col_area .imgtitle {
    margin-top: 15px;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

@media only screen and (max-width:1350px) {
    .others_col_area .imgtitle {
        font-size: 12px;
    }

    .others_wrapper {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 980px) {

    .others_col_area {
        width: 90%;
    }

    .others_col_area .col {
        width: calc(50% - 8px);
        margin: 20px 0;
    }


}

@media only screen and (max-width: 690px) {}

/* ### ### ### footer ### ### ###*/

.footer_area {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer_other_wrapper {
    margin-top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ececec;
}

.footer_inf_area {
    padding: 45px 0;
    border-bottom: 1px solid #ccc;
}

.footer_icon_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_icon_text .f_black {
    color: #333;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
}

.footer_icon_text .icon {
    margin: 0 30px;
}

.footer_icon_text .f_red {
    font-size: 14px;
    color: #c81505;
    display: inline-block;
    line-height: 1;
}

.footer_inf_area .f_normal {
    font-size: 12px;
    text-align: center;
    color: #333;
    margin-top: 10px;
}

.sns_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sns_icon a {
    display: inline-block;
    margin: 0 5px;
    width: 20px;
}

.sns_icon a img {
    width: 100%;
}

.footer_list_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0;

}

.footer_list_area_sp {
    width: 85%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0;
    display: none;
}

.f_sp_left,
.f_sp_right {
    width: 50%;
}

.f_sp_left .footer_list,
.f_sp_right .footer_list {
    width: 100%;
}

.footer_list {
    width: calc(20% - 10px);
    padding-left: 0;
}

.footer_list .footer_list_li {
    margin-bottom: 10px;
    list-style-type: none;
    position: relative;
    padding-left: 10px;
}

.footer_list .footer_list_li a {
    text-decoration: none;
    color: #222;
    font-size: 16px;
    font-weight: bold;
}

.footer_list .footer_list_li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    top: 10px;
    background: #222;
    border-radius: 100%;
}

.footer_innerList {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
}

.footer_innerList li {
    list-style-type: none;
}

.footer_list .footer_innerList li a {
    text-decoration: none;
    color: #222;
    font-size: 14px;
}

.footer_copy_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid #ccc;
}

.footer_map_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
}

.footer_map_list li {
    list-style-type: none;
}

.footer_map_list li a {
    display: block;
    padding: 0 20px;
    text-decoration: none;
    color: #222;
    font-size: 12px;
}

.footer_map_list li+li {
    border-left: 1px solid #ccc;
}

.footer_copy {
    font-size: 12px;
}

.other_title_area {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1350px) {
    .footer_other_wrapper {
        height: auto;
        display: block;
    }
}

@media only screen and (max-width: 980px) {


    .footer_inf_area {
        padding: 30px 0;
    }

    .footer_other_wrapper {
        height: auto;
    }

    .footer_area {
        height: auto;
    }

    .footer_area {
        padding: 0 15px;
        height: auto;
    }

    .footer_icon_text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer_icon_text .icon {
        margin: 10px 0;
    }

    .footer_list_area {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 85%;
        margin: auto;
    }

    .footer_list {
        width: calc(33.3% - 10px);
        padding-left: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 690px) {
    .footer_list_area {
        display: none;
    }

    .footer_list_area_sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .footer_copy_area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer_innerList {
        display: none;
    }

    .footer_copy {
        padding-top: 10px;
    }

    .footer_list_area {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footer_list {
        width: calc(50% - 10px);
        margin-bottom: 0px;
    }

    .footer_map_list {
        margin-right: 0px;
    }


    .footer_map_list li a {
        padding: 0 5px;
        font-size: 10px;
    }
}
ul.sitemap {
    margin-left: 30px;
}

.sitemap li {
    list-style: none;
    margin-left: 30px;
    position: relative;
}
.sitemap li::before {
    content: "";
    position: absolute;
    border: #333 solid;
    width: 5px;
    height: 5px;
    border-width: 2px 2px 0px 0px;
    display: block;
    transform: rotate(45deg);
    top: 12px;
    left: -20px;
}


/* -- */
.returnBtnArea {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 8;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: 1px solid #c81505;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    -o-transition: 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    transition: 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.returnBtnArea.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.returnBtnW,
.returnBtnP {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    background: #fff;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.returnBtnArea:hover .returnBtnP,
.returnBtnArea:hover .returnBtnW {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.returnBtnW::before,
.returnBtnP::before {
    content: "";
    display: block;
    position: absolute;
    left: 55%;
    top: 45%;
    -webkit-transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    -ms-transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    border: 2px solid #d81605;
    border-width: 2px 2px 0 0;
    width: 5px;
    height: 5px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.returnBtnP {
    top: 0;
    background: #c81505;
}

.returnBtnArea:hover .returnBtnP::before {
    border-color: #fff;
}

/**
 * Layout
 */
.l-container,
.l-container__w {
    width: 100%;
    max-width: 1072px;
    margin: 0 auto;
    padding: 0 24px;
}

@media screen and (max-width: 690px) {

    .l-container,
    .l-container__w {
        width: 100%;
        padding: 0 15px;
    }
}

#locator .l-container,
.l-container__w {
    margin-bottom: 50px;
    padding: 0 48px;
}

@media screen and (max-width: 690px) {

    #locator .l-container,
    .l-container__w {
        max-width: 95%;
        padding: 0 2.5%;
        margin-bottom: 35px;
    }
}

#main {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 980px) {
    #main {
        display: block;
    }
}

#contents_left {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

#contents_right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

#contents_right.subnav {
    width: 220px;
}

@media only screen and (max-width: 980px) {
    #contents_right.subnav {
        width: auto;
    }
}

#locator {
    background-color: #fff;
    border-top: 1px solid #D9D9D9;
    font-size: 12px;
    color: #aaa;
    padding: 14px 0;
    margin-top: 50px;
}

#locator .l-container {
    margin-bottom: 0;
}

#locator a {
    color: #c81505;
    position: relative;
    margin-right: 26px;
}

#locator a:after {
    content: "";
    display: inline-block;
    background: url(../image/icon_arrow.png) 50% 50% no-repeat;
    background-size: 4px 100%;
    pointer-events: none;
    width: 26px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -4px;
}
body.russian #locator a:first-child{
    display: none;
    visibility: hidden;
}
@media screen and (max-width: 690px) {
    #locator {
        margin-top: 40px;
    }
}

/**
 * Component
 */
/* modal
---------------------------------------------*/
.lity {
    background: rgba(209, 209, 209, 0.8);
}

.lity-close {
    font-family: sans-serif !important;
    color: #c81505 !important;
    text-shadow: none !important;
    position: absolute;
    top: auto !important;
    right: 5px;
    bottom: 5px;
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.lity-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.lity-content:after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.lity-content .logo_list .logo a {
    display: block;
}

.lity-content .logo_list .logo a .textSub {
    display: block;
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.5;
}

.lity-content .logo_list .logo a {
    text-decoration: none;
    position: relative;
}

.lity-content .logo_list .logo a::after {
    content: " ";
    display: block;
    width: 100%;
    height: 2px;
    background: #c81505;
    position: absolute;
    bottom: -10px;
    opacity: 0;
    transition: 0.3s ease;
    visibility: hidden;
}

.lity-content .logo_list .logo a:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: -4px;
}

/* common
---------------------------------------------*/
.c-link a,
.c-txt a {
    color: #c81505;
    text-decoration: underline;
}

.c-link a:hover,
.c-txt a:hover {
    text-decoration: none;
}

.c-txt {
    margin-bottom: 30px;
}

@media only screen and (max-width: 690px) {
    .c-txt {
        margin-bottom: 20px;
    }
}

.c-txt:last-child {
    margin-top: 0;
}

.c-txt p {
    margin-bottom: 10px;
}

.c-txt p:nth-of-type(n+2) {
    margin-top: 10px;
}

.c-txt ul,
.c-txt ol {
    list-style: none;
    padding-left: 0;
    display: table;
}

.c-txt ul li,
.c-txt ol li {
    display: table-row;
}

.c-txt ul li:before,
.c-txt ol li:before {
    content: "•";
    display: table-cell;
    padding-right: 1em;
}

.c-txt ul li:after,
.c-txt ol li:after {
    content: "";
    display: block;
    margin-bottom: 1.78em;
}

.c-txt ul li:last-child:after,
.c-txt ol li:last-child:after {
    margin-bottom: 0;
}

@media only screen and (max-width: 690px) {

    .c-txt ul li:before,
    .c-txt ol li:before {
        padding-right: 0.75em;
    }

    .c-txt ul li:after,
    .c-txt ol li:after {
        margin-bottom: 1em;
    }
}

.numList ol {
    counter-reset: number;
}

.numList ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    position: relative;
    margin-left: 1em;
}

.numList ol li:before {
    content: counter(number) ".";
    counter-increment: number 1;
    color: #c81505;
    position: absolute;
    left: -1em;
    top: 0;
    width: 2em;
}

.c-txt ol li {
    counter-increment: table-ol;
}

.c-txt ol li:before {
    content: counter(table-ol) ".";
    text-align: right;
    color: #c81505;
}

.c-list__mini li:before {
    padding-right: 0.5em !important;
}

.c-list__mini li:after {
    margin-bottom: 0 !important;
}

.c-note {
    font-size: 12px;
    color: #555;
}

.c-img,
.c-img__w85,
.c-img__border {
    text-align: center;
}

.c-img img,
.c-img__w85 img,
.c-img__border img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.c-img__w85 img {
    width: 85%;
}

.c-img__real {
    margin-bottom: 25px;
}

.c-img__real img {
    max-width: 100%;
    height: auto;
}

.c-img__border img {
    border: 1px solid #ccc;
}

.c-img__radius {
    border-radius: 100%;
    overflow: hidden;
}

.c-img__plus {
    position: relative;
}

.c-img__plus:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../image/icon_plus_red.png) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    right: 14px;
    bottom: 12px;
}

@media only screen and (max-width: 690px) {

    .c-img img,
    .c-img__w85 img,
    .c-img__border img {
        width: 100% !important;
    }

    .c-img__real {
        margin-bottom: 15px;
        text-align: center;
    }
}

.c-title__redline {
    margin-top: 70px;
    font-size: 28px;
    line-height: 1.3;
}

.c-title__redline:after {
    content: "";
    display: block;
    width: 101px;
    height: 2px;
    background-color: #c81505;
    margin: 20px 0 30px;
}

.c-title__redline.flag {
    position: relative;
    padding-left: 80px;
}

.c-title__redline.flag img {
    width: 60px !important;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 690px) {
    .c-title__redline {
        margin-top: 40px;
        font-size: 24px;
    }

    .c-title__redline:after {
        margin: 15px 0 25px;
    }
}

.c-title__lightblue {
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    color: #31aec4;
}

@media screen and (max-width: 690px) {
    .c-title__lightblue {
        font-size: 22px;
        line-height: 1.3;
    }
}

.c-title__noborder {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 20px;
}

@media only screen and (max-width: 690px) {
    .c-title__noborder {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 15px;
    }
}

.c-title__red {
    color: #C41437;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
}

@media only screen and (max-width: 690px) {
    .c-title__red {
        line-height: 1.5;
        margin-bottom: 10px;
    }
}

.c-title__bgstripe {
    display: inline-block;
    background: url(../image/bg_stripe.png);
    padding: 8px 25px;
    margin-bottom: 20px;
    font-size: 17px;
}

.c-title__bgred {
    background-color: #C41437;
    padding: 9px 13px;
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 3px;
    position: relative;
}

.c-title__bgred .en {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-family: Roboto;
    font-weight: normal;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width: 690px) {
    .c-title__bgred {
        margin-bottom: 20px;
    }

    .c-title__bgred .en {
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 5px 0 3px;
    }
}

.c-title__square {
    font-size: 14px;
}

.c-title__square:before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    background-color: black;
    margin-right: 8px;
}

#main section:nth-of-type(1) .c-title__redline {
    margin-top: 0;
}

.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.c-table,
.c-table__spscroll,
.c-table__sp1col {
    width: 100%;
    border: 4px solid #e0cad5;
}


body table.tableWAuto {
    width: auto;
}


.c-table thead th,
.c-table__spscroll thead th,
.c-table__sp1col thead th,
.c-table thead td,
.c-table__spscroll thead td,
.c-table__sp1col thead td,
.c-table tbody th,
.c-table__spscroll tbody th,
.c-table__sp1col tbody th,
.c-table tbody td,
.c-table__spscroll tbody td,
.c-table__sp1col tbody td {
    border: 1px solid #e0cad5;
    padding: 13px 25px;
    font-size: 14px;
    font-weight: normal;
}

.c-table thead th a,
.c-table__spscroll thead th a,
.c-table__sp1col thead th a,
.c-table thead td a,
.c-table__spscroll thead td a,
.c-table__sp1col thead td a,
.c-table tbody th a,
.c-table__spscroll tbody th a,
.c-table__sp1col tbody th a,
.c-table tbody td a,
.c-table__spscroll tbody td a,
.c-table__sp1col tbody td a {
    color: #0b29e1;
}

@media screen and (max-width: 690px) {

    .c-table thead th,
    .c-table__spscroll thead th,
    .c-table__sp1col thead th,
    .c-table thead td,
    .c-table__spscroll thead td,
    .c-table__sp1col thead td,
    .c-table tbody th,
    .c-table__spscroll tbody th,
    .c-table__sp1col tbody th,
    .c-table tbody td,
    .c-table__spscroll tbody td,
    .c-table__sp1col tbody td {
        padding: 10px 15px;
    }
}

.c-table thead th,
.c-table__spscroll thead th,
.c-table__sp1col thead th,
.c-table tbody th,
.c-table__spscroll tbody th,
.c-table__sp1col tbody th {
    background-color: #F6EFF2;
}

.c-table thead td,
.c-table__spscroll thead td,
.c-table__sp1col thead td,
.c-table tbody td,
.c-table__spscroll tbody td,
.c-table__sp1col tbody td {
    vertical-align: top;
    word-break: break-all;
}

.c-table tbody th,
.c-table__spscroll tbody th,
.c-table__sp1col tbody th {
    width: 25%;
    color: black;
    text-align: left;
}

@media screen and (max-width: 690px) {
    .c-table,
    .c-table__sp1col {
        width: 800px;
    }
}

@media screen and (max-width: 690px) {
    .c-table__spscroll {
        width: 100%;
    }
    .c-table__spscroll__wrapper {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .c-table__spscroll__wrapper .c-table__spscroll {
        width: 710px;
    }

    .c-table__spscroll__wrapper::-webkit-scrollbar {
        height: 5px;
    }

    .c-table__spscroll__wrapper::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .c-table__spscroll__wrapper::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
}

@media screen and (max-width: 690px) {
    .c-table__sp1col {
        width: 100%;
        border-bottom-width: 3px;
    }

    .c-table__sp1col tbody th {
        width: 100%;
    }

    .c-table__sp1col tbody th,
    .c-table__sp1col tbody td {
        display: block;
        border-width: 0 0 1px 0;
    }
}

.c-table__default {
    width: 100%;
    border: none;
    margin-bottom: -4px;
}

.c-table__default tbody th,
.c-table__default tbody td {
    vertical-align: top;
    background: none;
    border: none;
    padding: 0 0 5px;
    line-height: 1.3;
}

@media screen and (max-width: 690px) {

    .c-table__default tbody th,
    .c-table__default tbody td {
        display: table-cell !important;
    }
}

.c-table__default tbody th {
    white-space: nowrap;
    width: auto;
    padding-right: 20px;
}

.c-col,
.c-col2,
.c-col3,
.c-col4 {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 691px) {

    .c-col .c-title__redline,
    .c-col2 .c-title__redline,
    .c-col3 .c-title__redline,
    .c-col4 .c-title__redline {
        margin-top: 0;
    }
}

@media only screen and (max-width: 690px) {

    .c-col,
    .c-col2,
    .c-col3,
    .c-col4 {
        display: block;
    }

    .c-col>li,
    .c-col2>li,
    .c-col3>li,
    .c-col4>li {
        width: 100% !important;
        float: none;
    }

    .c-col>li:nth-child(n+2),
    .c-col2>li:nth-child(n+2),
    .c-col3>li:nth-child(n+2),
    .c-col4>li:nth-child(n+2) {
        margin-top: 30px;
    }
}

.c-col2>li {
    width: 48.15574%;
}

.c-col2>li:nth-child(n+3) {
    margin-top: 30px;
}

@media only screen and (max-width: 690px) {
    .c-col2__sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .c-col2__sp li {
        width: 48.5% !important;
        margin-right: 0;
        margin-top: 0 !important;
    }

    .c-col2__sp li:nth-child(n+3) {
        margin-top: 20px !important;
    }
}

.c-col3:after {
    content: "";
    display: block;
    width: 30.29925%;
}

.c-col3>li {
    width: 30.29925%;
}

.c-col3>li:nth-child(n+4) {
    margin-top: 30px;
}

.c-col4:before,
.c-col4:after {
    content: "";
    display: block;
    width: 22.54098%;
}

.c-col4:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.c-col4>li {
    width: 22.54098%;
}

.c-col4>li:nth-child(n+5) {
    margin-top: 30px;
}

.c-col__img {
    /*margin-bottom: 5px;*/
}

.c-col__img img {
    width: 100%;
    height: auto;
}

.c-col__title {
    margin: 12px 0 10px;
    display: table;
    width: 100%;
}

.c-col__title .en {
    display: table-cell;
    vertical-align: middle;
    font-size: 28px;
    line-height: 1.4;
    font-family: Roboto;
    padding-right: 15px;
    white-space: nowrap;
}

.c-col__title .en_green {
    color: #00702f;
}

.c-col__title .en_red {
    color: #C41437;
}

.c-col__title .en_blue {
    color: #00468e;
}

.c-col__title .txt {
    display: table-cell;
    width: 100%;
    line-height: 1.4;
    padding-top: 10px;
}

@media only screen and (max-width: 690px) {
    .c-col__title {
        margin: 12px 0 8px;
    }

    .c-col__title .en {
        display: block;
        font-size: 24px;
        padding-right: 0;
        margin-bottom: 5px;
    }

    .c-col__title .txt {
        display: block;
        padding-top: 0;
    }
}

.c-side,
.c-side__leftimg,
.c-side__rightimg,
.c-side__slide,
.c-side__r30,
.c-side__r25 {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-side__slide.reverse .c-side__l {
    width: 57.28518%;
}

.c-side__slide.reverse .c-side__r {
    width: 38.60523%;
}

@media only screen and (max-width: 690px) {

    .c-side,
    .c-side__leftimg,
    .c-side__rightimg,
    .c-side__slide,
    .c-side__r30,
    .c-side__r25 {
        display: block;
    }

    .c-side>li,
    .c-side__leftimg>li,
    .c-side__rightimg>li,
    .c-side__slide>li,
    .c-side__r30>li,
    .c-side__r25>li {
        width: 100% !important;
        float: none;
    }

    .c-side>li:first-child,
    .c-side__leftimg>li:first-child,
    .c-side__rightimg>li:first-child,
    .c-side__slide>li:first-child,
    .c-side__r30>li:first-child,
    .c-side__r25>li:first-child {
        margin-bottom: 15px;
    }
}

.c-side__leftimg,
.c-side__rightimg,
.c-side__slide {
    display: block;
}

.c-side__leftimg:after,
.c-side__rightimg:after,
.c-side__slide:after,
.p-seiken__sidenav ul::after {
    content: "";
    display: block;
    clear: both;
}

.c-side__leftimg .c-side__l,
.c-side__rightimg .c-side__l,
.c-side__slide .c-side__l {
    width: 50%;
    float: left;
}

.c-side__leftimg .c-side__r,
.c-side__rightimg .c-side__r,
.c-side__slide .c-side__r {
    width: 46.6%;
    float: right;
}

.c-side__leftimg .c-side__l,
.c-side__slide .c-side__l {
    width: 38.60523%;
    float: left;
}
@media screen and (max-width: 980px) {
    .carDealer .c-side__rightimg .c-side__l{
        width: auto;
        float: none;
    }
}
@media screen and (max-width: 690px) {

    .c-side__leftimg .c-side__l,
    .c-side__slide .c-side__l {
        margin-bottom: 5px;
    }
}

.c-side__leftimg .c-side__l .photo,
.c-side__slide .c-side__l .photo,
.c-side__slide .photo {
    border: 1px solid #ccc;
    margin-bottom: 12px;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.c-side__leftimg .c-side__l .photo img,
.c-side__slide .c-side__l .photo img,
.c-side__slide .photo img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.c-side__leftimg__list,
.c-side__slide__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-side__leftimg__list li,
.c-side__slide__list li {
    max-width: 50%;
    flex-grow: 1;
}

.c-side__slide__list li+li {
    margin-left: 1em;
}


.c-side__leftimg__list li a,
.c-side__slide__list li a {
    display: block;
    padding-bottom: 86%;
    position: relative;
    overflow: hidden;
    border: 3px solid #ccc;
}

.c-side__leftimg__list li a.over,
.c-side__slide__list li a.over {
    border-color: #C41437;
}

.c-side__leftimg__list li a img,
.c-side__slide__list li a img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.c-side__leftimg .c-side__r,
.c-side__slide .c-side__r {
    width: 57.28518%;
    float: right;
}

.c-side__r30 .c-side__l {
    width: auto !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 4%;
}

@media screen and (max-width: 690px) {
    .c-side__r30 .c-side__l {
        padding-right: 0;
    }
}

.c-side__r30 .c-side__r {
    width: 245px;
}

.c-side__r25 .c-side__l {
    width: auto !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 4%;
}

@media screen and (max-width: 690px) {
    .c-side__r25 .c-side__l {
        padding-right: 0;
    }
}

.c-side__r25 .c-side__r {
    width: 230px;
}

.c-bg__redline {
    background-color: #f0f0f0;
    border-top: 2px solid #c81505;
    padding: 35px;
}

@media only screen and (max-width: 690px) {
    .c-bg__redline {
        padding: 20px;
    }
}

.c-youtube:after {
    content: "";
    display: block;
    background: url(../image/icon_youtube.png) 50% 50% no-repeat;
    background-size: cover;
    width: 54px;
    height: 23px;
    position: absolute;
    top: 0;
    right: 0;
}

.c-youtube__title {
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    font-weight: normal;
    margin-bottom: 10px;
    padding-right: 70px;
}

.c-youtube__main a {
    position: relative;
    display: block;
}

.c-youtube__main a:before {
    content: "";
    display: block;
    background: url(../image/icon_youtube_play.png) 50% 50% no-repeat;
    background-size: cover;
    width: 90px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.c-youtube__main a img {
    width: 100%;
    height: auto;
}

.c-youtube__main a:hover:before {
    background-image: url(../image/icon_youtube_play_on.png);
}

.c-categorytop {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-categorytop li {
    width: 48.87295%;
    position: relative;
    border-bottom: 2px solid #c81505;
}

.c-categorytop li:nth-child(n+3) {
    margin-top: 40px;
}

.c-categorytop img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.c-categorytop a {
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    top: 13px;
    left: 20px;
}

.c-categorytop a.black {
    color: black;
}

.c-categorytop .c-txt {
    font-size: 14px;
}

.c-categorytop .c-txt .en {
    font-family: Roboto;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.4;
    color: #c81505;
    margin-bottom: -5px;
}

@media only screen and (max-width: 690px) {
    .c-categorytop {
        display: block;
    }

    .c-categorytop li {
        width: 100%;
    }

    .c-categorytop li:nth-child(n+2) {
        margin-top: 30px;
    }

    .c-categorytop img {
        margin-bottom: 5px;
    }
}

/* pagetitle
---------------------------------------------*/
.c-pagetitle {
    position: relative;
    margin: 60px 0 30px;
    width: 100%;
    height: 323px;
}

.c-pagetitle .l-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
}

.c-pagetitle__title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.c-pagetitle__en {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    font-family: Roboto, sans-serif;
    padding: 4px 12px;
    background-color: #c81505;
}

.c-pagetitle__bg {
    background: no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 510px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.c-pagetitle__bg:before,
.c-pagetitle__bg:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
}

.c-pagetitle__bg:before {
    width: 95%;
    max-width: 1024px;
    height: 128px;
    background-color: #fff;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

.c-pagetitle__bg:after {
    background: url(../image/bg_white.png) no-repeat 50% 0, url(../image/bg_base.jpg) no-repeat 0 0;
    background-size: 1024px 100%, 100% auto;
    top: 510px;
    left: 0;
    padding-top: 40%;
}

@media only screen and (max-width: 1072px) {
    .c-pagetitle__bg:after {
        background-size: 95% 100%, 100% auto;
    }
}

@media only screen and (max-width: 690px) {
    .c-pagetitle {
        margin: 60px 0 15px;
        /*height: 120px;*/
        height: auto;
    }

    .c-pagetitle .l-container {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        text-align: center;
        padding: 45px 5% 40px;
    }

    .c-pagetitle .l-container:after {
        content: "";
        display: block;
        background: #fff;
        width: 95%;
        height: 200px;
        position: absolute;
        bottom: -200px;
        left: 2.5%;
    }

    .c-pagetitle__title {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .c-pagetitle__bg {
        background-size: auto 100%;
        /*height: 230px;*/
        height: 275px;
    }

    .c-pagetitle__bg:before,
    .c-pagetitle__bg:after {
        display: none;
    }
}

.pagebgPosition {
    background-position: 30% 10%;
}

@media only screen and (max-width: 1072px) {
    .c-pagetitle__bg.pagebgPositionTS {
        background-size: 125%;
    }
}

/**
 * c-btn
 */
.c-btn {
    width: 100%;
    height: 100%;
}

.c-btn__list,
.c-btn__list2 {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-btn__list li,
.c-btn__list2 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.6%;
}

.c-btn__list li .btn_area,
.c-btn__list2 li .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}

.c-btn__list li .btn_style_wrapper,
.c-btn__list2 li .btn_style_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%;
    height: 100%;
}

@media only screen and (min-width: 981px) {

    .c-btn__list li,
    .c-btn__list2 li {
        width: 18.65%;
    }

    .c-btn__list li:nth-child(5n),
    .c-btn__list2 li:nth-child(5n) {
        margin-right: 0;
    }

    .c-btn__list li:nth-child(n+6),
    .c-btn__list2 li:nth-child(n+6) {
        margin-top: 1.6%;
    }
}

@media only screen and (max-width: 980px) and (min-width: 691px) {

    .c-btn__list li,
    .c-btn__list2 li {
        width: 32.23333%;
    }

    .c-btn__list li:nth-child(3n),
    .c-btn__list2 li:nth-child(3n) {
        margin-right: 0;
    }

    .c-btn__list li:nth-child(n+4),
    .c-btn__list2 li:nth-child(n+4) {
        margin-top: 1.6%;
    }
}

@media only screen and (max-width: 690px) {

    .c-btn__list li,
    .c-btn__list2 li {
        width: 100% !important;
        margin-right: 2.5%;
        margin-bottom: 10px;
    }

    .c-btn__list li:nth-child(2n),
    .c-btn__list2 li:nth-child(2n) {
        margin-right: 0;
    }

    .c-btn__list li:nth-child(n+3),
    .c-btn__list2 li:nth-child(n+3) {
        margin-top: 3%;
    }
}

.c-btn__list2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-btn__list2 li {
    width: 48.5%;
    margin-right: 0;
}

.c-btn__list2 li:nth-child(5n) {
    margin-right: 0;
}

.c-btn__list2 li:nth-child(n+3) {
    margin-top: 1.5%;
}

.center_btn .btn_area {
    margin-left: auto;
    margin-right: auto;
}

.btn_area {
    position: relative;
    display: table;
    text-align: center;
}

.btn_area:hover .btn_style_wrapper:nth-child(1) {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.btn_area:hover .btn_style_wrapper:nth-child(2) {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btn_style_wrapper {
    padding: 15px 50px 15px 15px;
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    background: #999;
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform-origin: center center -30px;
    -ms-transform-origin: center center -30px;
    transform-origin: center center -30px;
    position: absolute;
    border: 2px solid #999;
    border-radius: 5px;
    min-width: 230px;
    height: auto;
}

.btn_style_wrapper .btn_style {
    min-width: 100%;
}

.btn_style_wrapper:nth-child(1) {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.btn_style_wrapper:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.btn_style_wrapper.hide {
    position: relative;
    visibility: hidden;
}

.btn_style_wrapper::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    background: #fff;
}

.btn_style_wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    background: #fff;
    width: 15px;
    height: 2px;
}

.btn_style_wrapper::after {
    width: 2px;
    height: 15px;
    right: calc(20px + 7px);
}

.btn_style_wrapper:hover::before {
    -webkit-animation: bgBtnAnimateToLeft .8s ease forwards;
    animation: bgBtnAnimateToLeft .8s ease forwards;
}

.btn_style_wrapper:hover::after {
    -webkit-animation: bgBtnAnimateToBottom .8s ease forwards;
    animation: bgBtnAnimateToBottom .8s ease forwards;
}

@-webkit-keyframes bgBtnAnimateToLeft {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    50% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    55% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    100% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }
}

@keyframes bgBtnAnimateToLeft {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    50% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    55% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    100% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }
}

@-webkit-keyframes bgBtnAnimateToBottom {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    55% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }

    100% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}

@keyframes bgBtnAnimateToBottom {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    55% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }

    100% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}

@media only screen and (max-width: 690px) {
    .btn_area {
        margin-left: auto;
        margin-right: auto;
    }

    .btn_style_wrapper {
        font-size: 14px;
    }
}

/*gray btn*/
.gray_btn .btn_style_wrapper {
    background: #fff;
    color: #222;
    border-color: #222;
}

.gray_btn .btn_style_wrapper::before,
.gray_btn .btn_style_wrapper::after {
    background-color: #222;
}

.gray_btn:hover .btn_style_wrapper:nth-child(1) {
    background: #222;
    color: #fff;
    border-color: #fff;
}

.gray_btn:hover .btn_style_wrapper:nth-child(1)::before,
.gray_btn:hover .btn_style_wrapper:nth-child(1)::after {
    background: #fff;
}

/*red btn*/
.red_btn .btn_style_wrapper {
    background: #C41437;
    color: #fff;
    border-color: #C41437;
}

.red_btn .btn_style_wrapper::before,
.red_btn .btn_style_wrapper::after {
    color: #fff;
}

.red_btn:hover .btn_style_wrapper:nth-child(1) {
    background: #fff;
    color: #C41437;
    border-color: #C41437;
}

.red_btn:hover .btn_style_wrapper:nth-child(1)::before,
.red_btn:hover .btn_style_wrapper:nth-child(1)::after {
    background: #C41437;
}

/*d red btn*/
.d_red_btn .btn_style_wrapper {
    background: #c81505;
    color: #fff;
    border-color: #c81505;
}

.d_red_btn .btn_style_wrapper::before,
.d_red_btn .btn_style_wrapper::after {
    background-color: #fff;
}

.d_red_btn:hover .btn_style_wrapper:nth-child(1) {
    background: #fff;
    color: #c81505;
    border-color: #c81505;
}

.d_red_btn:hover .btn_style_wrapper:nth-child(1)::before,
.d_red_btn:hover .btn_style_wrapper:nth-child(1)::after {
    background: #c81505;
}

/*w line btn*/
.w_line_btn .btn_style_wrapper {
    background: none;
    color: #fff;
    border-color: #fff;
}

.w_line_btn .btn_style_wrapper::before,
.w_line_btn .btn_style_wrapper::after {
    background-color: #fff;
}

.w_line_btn:hover .btn_style_wrapper:nth-child(1) {
    background: #fff;
    color: #9d1831;
    border-color: #9d1831;
}

.w_line_btn:hover .btn_style_wrapper:nth-child(1)::before,
.w_line_btn:hover .btn_style_wrapper:nth-child(1)::after {
    background: #9d1831;
}

/**
 * p-contents
 */
/* 主な取扱商品
---------------------------------------------*/
.product_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_box {
    width: 33.3333%;
    border-right: 2px rgba(153, 153, 153, 0.2) solid;
    border-bottom: 2px rgba(153, 153, 153, 0.2) solid;
    padding: 30px 0;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
    background-position: center 25%;
    background-repeat: no-repeat;
    min-height: auto;
}

.product_box:hover {
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 10px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px -6px rgba(0, 0, 0, 0.5);
}

@media all and (-ms-high-contrast: none) {
    .product_box:hover {
        -webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
    }
}

@supports (-ms-ime-align: auto) {
    .product_box:hover {
        -webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
    }
}

.product_box:hover .product_img img:nth-of-type(1) {
    opacity: 0;
}

.product_box:hover .product_img img:nth-of-type(2) {
    opacity: 1;
}

.product_box:nth-child(3n) {
    border-right: none;
}

.product_box:nth-child(4),
.product_box:nth-child(5),
.product_box:nth-child(6) {
    border-bottom: none;
}

.product_img {
    width: 100%;
    height: 180px;
    position: relative;
}

.product_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.product_img img:nth-child(2) {
    opacity: 0;
}

.product_link a {
    display: block;
    font-size: 24px;
    color: #222;
    line-height: 1;
    text-decoration: none;
    text-align: center;
}

.product_link a .sub {
    color: #c81505;
    line-height: 1;
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

.product_link a:hover {
    text-decoration: none;
}

.product_txt {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    margin: 20px 20px 0;
}

@media only screen and (max-width: 690px) {
    .product_area {
        margin: 0 -5.5% 0 -4.5%;
    }

    .product_area02 {
        margin: 0;
    }

    .product_area02 .product_box {
        width: 100%;
        border-right: none !important;
    }

    .product_box {
        width: calc(50% - 3px);
        padding: 30px 0 20px;
        border-width: 1px !important;
        background-position: center 15%;
    }

    .product_box:nth-child(2n) {
        border-right: none;
    }

    .product_box:nth-child(3n) {
        border-right: 3px rgba(153, 153, 153, 0.2) solid;
    }

    .product_box:last-child {
        border-right: none;
    }

    .product_box:nth-child(4),
    .product_box:nth-child(5),
    .product_box:nth-child(6) {
        border-bottom: 3px rgba(153, 153, 153, 0.2) solid;
    }

    .product_img {
        height: 90px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .product_link {
        margin-top: 20px;
        font-size: 20px;
    }

    .product_link .sub {
        font-size: 10px;
    }

    .product_txt {
        margin: 20px 10px 0;
    }
}

/* 自動車部品事業
---------------------------------------------*/
.p-carparts__earth {
    position: relative;
    background: 50% 0% no-repeat;
    background-size: 100% auto;
}

.p-carparts__earth:after {
    content: "";
    display: block;
    clear: both;
}

.p-carparts__earth .c-img,
.p-carparts__earth .c-img__w85,
.p-carparts__earth .c-img__border {
    display: none;
}

.p-carparts__earth__list {
    list-style: none;
    padding-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-carparts__earth__list>li {
    width: 48%;
}

.p-carparts__earth__list>li:nth-child(n+3) {
    margin-top: 40px;
}

.p-carparts__earth__list>li:nth-child(2n) {
    text-align: right;
}

.p-carparts__earth__list>li:nth-child(3) .p-carparts__earth__list__container,
.p-carparts__earth__list>li:nth-child(4) .p-carparts__earth__list__container {
    width: 100%;
}

.p-carparts__earth__list>li>.title {
    display: none;
}

.p-carparts__earth__list__container {
    position: relative;
    text-align: left;
    display: inline-block;
    background-color: #f5f5f5;
    padding: 35px 20px 15px;
}

.p-carparts__earth__list__container ol {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    max-width: 7em;
    margin-right: 14px;
}

.p-carparts__earth__list__container ol:last-child {
    margin-right: 0;
}

.p-carparts__earth__list__container ol li {
    font-size: 14px;
    margin-bottom: 10px;
}

.p-carparts__earth__list .title {
    background-color: #151515;
    color: #fff;
    padding: 2px 9px;
    display: inline-block;
    position: absolute;
    top: -16px;
    left: 13px;
}

.p-carparts__earth__list .title .en {
    font-size: 10px;
    font-family: Roboto;
    margin-left: 8px;
}

@media only screen and (max-width: 980px) {
    .p-carparts__earth {
        background: none !important;
    }

    .p-carparts__earth .c-img,
    .p-carparts__earth .c-img__w85,
    .p-carparts__earth .c-img__border {
        display: block;
    }

    .p-carparts__earth__list {
        list-style: none;
        padding-top: 0;
        margin-top: 20px;
        display: block;
    }

    .p-carparts__earth__list>li {
        width: 100%;
    }

    .p-carparts__earth__list>li:nth-of-type(n+2) {
        margin-top: 15px;
    }

    .p-carparts__earth__list>li:nth-child(2n) {
        text-align: left;
    }

    .p-carparts__earth__list>li>.title {
        display: block;
    }

    .p-carparts__earth__list__container {
        display: none;
        padding: 15px 20px;
    }

    .p-carparts__earth__list__container ol {
        max-width: inherit;
        margin-right: 0;
        width: 48%;
    }

    .p-carparts__earth__list__container ol li {
        font-size: 14px;
    }

    .p-carparts__earth__list .title {
        width: 100%;
        padding: 9px 9px;
        display: none;
        position: relative;
        top: auto;
        left: auto;
        cursor: pointer;
    }

    .p-carparts__earth__list .title:after {
        content: "";
        display: block;
        background: url(../image/icon_arrow02.png) 50% 50% no-repeat;
        background-size: cover;
        width: 16px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -4.5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .p-carparts__earth__list .title .en {
        font-size: 10px;
        font-family: Roboto;
        margin-left: 8px;
    }

    .p-carparts__earth__list .title.open:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

/* 自動車部品情報
---------------------------------------------*/
.p-products__carparts__main {
    position: relative;
}

.p-products__carparts__main .en {
    position: absolute;
    top: 22px;
    left: 49px;
    font-family: "Roboto Condensed";
    color: #c81505;
}

.p-products__carparts__main .en_big {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.09;
}

.p-products__carparts__main .en_big .br {
    display: block;
    margin-left: 28px;
}

.p-products__carparts__main .en_mini {
    font-size: 14px;
    font-weight: 400;
    margin-left: 50px;
}

@media only screen and (max-width: 980px) and (min-width: 691px) {
    .p-products__carparts__main .en {
        top: 0;
        left: 0;
    }

    .p-products__carparts__main .en_big {
        font-size: 3.8vw;
    }

    .p-products__carparts__main .en_big .br {
        margin-left: 3.5vw;
    }

    .p-products__carparts__main .en_mini {
        font-size: 1.7vw;
        margin-left: 5.5vw;
    }
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__main .en {
        position: relative;
        top: auto;
        left: auto;
        display: table;
        margin: 0 auto 15px;
    }
}

.p-products__carparts__main .link li {
    position: absolute;
    list-style: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.p-products__carparts__main .link li:before {
    content: "";
    background: url(../image/products_car-parts_shadow.png) 50% 50% no-repeat;
    background-size: cover;
    display: block;
    width: 127px;
    height: 73px;
    position: absolute;
    left: -30px;
    top: 8px;
}

.p-products__carparts__main .link li:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 0 13px 13px;
    border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}

.p-products__carparts__main .link li:hover {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.p-products__carparts__main .link li:hover a {
    padding: 6px 15px 6px 12px;
    background-color: rgba(200, 21, 5, 0.9);
}

.p-products__carparts__main .link li:hover a:before {
    border-color: transparent transparent rgba(200, 21, 5, 0.9) transparent;
}

.p-products__carparts__main .link li:hover a:after {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    background: url(../image/icon_plus_white.png) 50% 50% no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.p-products__carparts__main .link li a {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: block;
    background-color: rgba(127, 127, 127, 0.9);
    color: #fff;
    padding: 6px 25px 6px 20px;
    position: relative;
    text-decoration: none;
    min-width: 130px;
}

.p-products__carparts__main .link li a:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 0 40px 30px;
    border-color: transparent transparent rgba(127, 127, 127, 0.9) transparent;
    position: absolute;
    left: -30px;
    top: 0;
}

.p-products__carparts__main .link li:nth-child(1) {
    top: 72%;
    left: 37%;
}

.p-products__carparts__main .link li:nth-child(2) {
    top: 36%;
    left: 26%;
}

.p-products__carparts__main .link li:nth-child(3) {
    top: 30%;
    left: 52%;
}

.p-products__carparts__main .link li:nth-child(4) {
    top: 51%;
    left: 37%;
}

.p-products__carparts__main .link li:nth-child(5) {
    top: 46%;
    left: 70%;
}

.p-products__carparts__main .link li:nth-child(6) {
    top: 19%;
    left: 74%;
}

@media only screen and (max-width: 980px) {
    .p-products__carparts__main .link {
        display: none;
    }
}

.p-products__carparts__main__popup {
    background-color: #fff;
    width: 1024px;
    padding: 20px;
    border-radius: 5px;
}

@media only screen and (max-width: 1072px) {
    .p-products__carparts__main__popup {
        width: 95vw;
    }
}

.p-products__carparts__main__popup .title {
    display: table;
    text-align: center;
    margin: -45px auto 40px;
    position: relative;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.p-products__carparts__main__popup .title:before {
    content: "";
    background: url(../image/products_car-parts_shadow.png) 50% 50% no-repeat;
    background-size: cover;
    display: block;
    width: 127px;
    height: 73px;
    position: absolute;
    left: -30px;
    top: 8px;
    opacity: 0.1;
}

.p-products__carparts__main__popup .title:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 0 13px 13px;
    border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}

.p-products__carparts__main__popup .title strong {
    display: block;
    background-color: rgba(200, 21, 5, 0.9);
    color: #fff;
    padding: 6px 25px 6px 20px;
    position: relative;
    text-decoration: none;
    min-width: 130px;
}

.p-products__carparts__main__popup .title strong:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 0 40px 30px;
    border-color: transparent transparent rgba(200, 21, 5, 0.9) transparent;
    position: absolute;
    left: -30px;
    top: 0;
}

.p-products__carparts__main__popup .logo_list {
    text-align: center;
    margin-bottom: 20px;
}

.p-products__carparts__main__popup .logo_list .logo {
    display: inline-block;
    padding: 20px;
}

.p-products__carparts__main__popup .logo_list .logo img {
    vertical-align: middle;
}

.p-products__carparts__main__popup .c-btn {
    margin-bottom: -45px;
}

.p-products__carparts__link {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 5px;
    overflow: hidden;
}

.p-products__carparts__link li {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
}

.p-products__carparts__link li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: black;
    position: relative;
    padding: 10px;
}

.p-products__carparts__link li a:after {
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    background-color: rgba(255, 255, 255, 0.35);
    position: absolute;
    right: 0;
    top: 20%;
}

.p-products__carparts__link li a:hover {
    background-color: #c81505;
    text-decoration: none;
}

@media only screen and (max-width: 980px) {
    .p-products__carparts__link li a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__link {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .p-products__carparts__link li {
        width: 49%;
    }

    .p-products__carparts__link li:nth-child(2n+1) {
        margin-right: 2%;
    }

    .p-products__carparts__link li:nth-child(n+3) {
        margin-top: 2%;
    }

    .p-products__carparts__link li a {
        font-size: 14px;
        border-radius: 5px;
    }
}

.p-products__carparts__title {
    display: table;
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__title {
        border-bottom: 4px solid black;
    }
}

.p-products__carparts__title img {
    display: table-cell;
}

.p-products__carparts__title .txt {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 5px;
    font-size: 28px;
    line-height: 1.4;
}

.p-products__carparts__title .txt:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: black;
    margin-top: 8px;
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__title .txt:after {
        display: none;
    }
}

.p-products__carparts__title .txt .en {
    color: #c81505;
    font-size: 13px;
    font-family: "Roboto Condensed";
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__title .txt .en {
        display: block;
        margin: 0 0 10px;
    }
}

.p-products__carparts__list {
    border-top: 1px solid #C1C1C1;
    padding-top: 50px;
}

.p-products__carparts__list.noborder {
    border-top: 0;
}

.p-products__carparts__list .logo {
    margin-bottom: 15px;
    width: 100%;
}

.p-products__carparts__list .logo img {
    max-width: 100%;
    height: auto;
}

.p-products__carparts__list .name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.p-products__carparts__list .name .link {
    margin-left: 10px;
}

.p-products__carparts__list .name .link a {
    color: #1251c4;
    font-size: 12px;
    text-decoration: underline;
}

.p-products__carparts__list .name .link a:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(../image/icon_newwindow.png) 50% 50% no-repeat;
    background-size: cover;
    margin-left: 7px;
}

.p-products__carparts__list .name .link a:hover {
    text-decoration: none;
}

.p-products__carparts__list .c-col2>li:nth-child(n+3) {
    margin-top: 3.5%;
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__list {
        padding-top: 30px;
    }

    .p-products__carparts__list .c-col2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .p-products__carparts__list .c-col2>li {
        width: 48.15574% !important;
    }

    .p-products__carparts__list .c-col2>li:nth-child(2) {
        margin-top: 0;
    }
}

.p-products__carparts__list.sidetxt .c-side__l {
    width: 36%;
}

.p-products__carparts__list.sidetxt .c-side__r {
    width: 58%;
}

.p-products__carparts__list.img3 {
    padding-top: 15px;
}

.p-products__carparts__list.img3 .c-side__l {
    width: 24%;
}

.p-products__carparts__list.img3 .c-side__r {
    width: 70%;
}

.p-products__carparts__list.img3 .c-col3>li {
    width: 32%;
}

@media only screen and (max-width: 690px) {
    .p-products__carparts__list.img3 {
        padding-top: 0;
    }

    .p-products__carparts__list.img3 .c-side__l,
    .p-products__carparts__list.img3 .c-side__r {
        width: 100%;
    }

    .p-products__carparts__list.img3 .c-col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .p-products__carparts__list.img3 .c-col3>li {
        width: 48.15574% !important;
    }

    .p-products__carparts__list.img3 .c-col3>li:nth-child(2) {
        margin-top: 0;
    }
}

/* 会社情報
---------------------------------------------*/
.p-company__message__name {
    text-align: right;
}

.p-company__message__name .txt,
.p-company__message__name .image {
    display: inline-block;
    vertical-align: middle;
}

.p-company__message__name .txt {
    font-size: 13px;
    line-height: 1.4;
    margin-right: 20px;
}

@media only screen and (max-width: 690px) {
    .p-company__message__name {
        text-align: left;
        margin-top: 20px;
    }

    .p-company__message__name .txt {
        display: block;
        margin: 0 0 10px;
    }

    .p-company__message__name .image img {
        width: auto;
        height: 30px;
    }
}

.p-company__message__training li {
    list-style: none;
    display: table;
}

.p-company__message__training li:nth-child(n+2) {
    margin-top: 15px;
}

.p-company__message__training li .title {
    display: table-cell;
    vertical-align: middle;
    width: 170px;
}

@media only screen and (max-width: 980px) {
    .p-company__message__training li .title {
        vertical-align: top;
    }
}

.p-company__message__training li p {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 690px) {
    .p-company__message__training li {
        display: block;
        text-align: center;
    }

    .p-company__message__training li:nth-child(n+2) {
        margin-top: 20px;
    }

    .p-company__message__training li .title {
        display: block;
        width: auto;
    }

    .p-company__message__training li p {
        display: block;
    }
}

.p-company__message__quality {
    text-align: center;
}

.p-company__message__quality .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.p-company__message__quality .mark .border {
    width: 300px;
    border: 1px solid #333;
    padding: 10px 15px;
    margin: 0 auto 20px;
}

.p-company__message__vmv {
    position: relative;
    background: url(../image/company_message_bg01.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 450px;
    border-radius: 24px;
}

.p-company__message__vmv .list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 68px;
}

.p-company__message__vmv .list li {
    margin-top: -18px;
    width: 33.3%;
    text-align: center;
    padding: 0 20px;
}

.p-company__message__vmv .list li .en {
    margin-bottom: 5px;
}

.p-company__message__vmv .list li .en img {
    width: auto;
    height: 78px;
}

.p-company__message__vmv .list li .title {
    font-size: 14px;
    margin-bottom: 23px;
}

.p-company__message__vmv .list li .title strong {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
}

.p-company__message__vmv .list li .icon {
    height: 108px;
}

.p-company__message__vmv .list li .icon img {
    width: auto;
    height: 100%;
}

@media only screen and (max-width: 690px) {
    .p-company__message__vmv {
        height: auto;
        border-radius: 0;
        margin: 0 -6%;
    }

    .p-company__message__vmv .list {
        display: block;
        padding: 40px 0;
        margin-top: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .p-company__message__vmv .list li {
        margin-top: 0;
        width: 100%;
    }

    .p-company__message__vmv .list li .title {
        margin-bottom: 15px;
    }

    .p-company__message__vmv .list li:nth-child(n+2) {
        margin-top: 50px;
    }
}

.p-company__profile__group {
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 17px;
}

.p-company__profile__group .title {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.p-company__profile__group .title_sub {
    background-color: #222;
    border-radius: 3px;
    font-weight: normal;
    color: #fff;
    padding: 3px 5px;
    margin-bottom: 17px;
    text-align: center;
}

.p-company__profile__group .title_sub:nth-of-type(n+2) {
    margin-top: 40px;
}

.p-company__profile__group .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.p-company__profile__group .list>li {
    width: calc(50% - 3px);
    background-color: #faedec;
    padding: 17px;
}

.p-company__profile__group .list>li:nth-child(n+3) {
    margin-top: 7px;
}

.p-company__profile__group .list>li .list_title {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.p-company__profile__group .list>li .list_affiliated {
    font-size: 12px;
    margin-bottom: 5px;
}

.p-company__profile__group .list>li ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.p-company__profile__group .list>li ol li {
    width: calc(50% - 6px);
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 5px;
}

.p-company__profile__group .list>li ol li:nth-child(n+3) {
    margin-top: 13px;
}

@media only screen and (max-width: 690px) {
    .p-company__profile__group .title {
        margin-bottom: 10px;
    }

    .p-company__profile__group .title_sub:nth-of-type(n+2) {
        margin-top: 25px;
    }

    .p-company__profile__group .list {
        display: block;
    }

    .p-company__profile__group .list>li {
        width: auto;
    }

    .p-company__profile__group .list>li:nth-child(n+2) {
        margin-top: 7px;
    }

    .p-company__profile__group .list>li ol {
        display: block;
    }

    .p-company__profile__group .list>li ol li {
        width: auto;
    }

    .p-company__profile__group .list>li ol li:nth-child(n+2) {
        margin-top: 13px;
    }
}

.p-company__business__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    overflow: hidden;
}

.p-company__business__list:before,
.p-company__business__list:after {
    content: "";
    display: block;
    width: 25%;
}

.p-company__business__list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.p-company__business__list>li {
    width: 25%;
    font-size: 15px;
    line-height: 1.6;
    padding: 12px 15px 12px 15px;
    margin-bottom: -1px;
    position: relative;
}

.p-company__business__list>li:nth-child(4n) {
    padding-right: 0;
}

.p-company__business__list>li:after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background: url(../image/bg_dot.png) repeat;
    background-size: 2px 2px;
    position: absolute;
    left: 0;
    bottom: 1px;
}

.p-company__business__list>li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../image/icon_listmark.png) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 19px;
}

.p-company__business__list>li a {
    text-decoration: underline;
}

.p-company__business__list>li a:hover {
    text-decoration: none;
    color: #c81505;
}

@media only screen and (max-width: 690px) {

    .p-company__business__list:before,
    .p-company__business__list:after {
        width: 50%;
    }

    .p-company__business__list>li {
        width: 50% !important;
        padding: 8px 15px 8px 15px;
    }

    .p-company__business__list>li:nth-child(2n) {
        padding-right: 0;
    }

    .p-company__business__list>li:before {
        top: 15px;
    }
}

.p-company__business__list02 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.p-company__business__list02:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: url(../image/bg_dot.png) repeat;
    background-size: 2px 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.p-company__business__list02 tr:first-of-type th:after,
.p-company__business__list02 tr:first-of-type td:after {
    display: none;
}

.p-company__business__list02 th,
.p-company__business__list02 td {
    vertical-align: top;
    position: relative;
}

.p-company__business__list02 th:after,
.p-company__business__list02 td:after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background: url(../image/bg_dot.png) repeat;
    background-size: 2px 2px;
    position: absolute;
    left: 0;
    top: -1px;
}

.p-company__business__list02 th {
    width: 24.59016%;
    text-align: left;
    font-size: 14px;
    padding: 9px 0px;
}

.p-company__business__list02 td {
    max-width: 1px;
}

.p-company__business__list02 td .p-company__business__list:before,
.p-company__business__list02 td .p-company__business__list:after {
    width: 33%;
}

.p-company__business__list02 td .p-company__business__list>li {
    width: 33%;
}

@media only screen and (max-width: 690px) {
    .p-company__business__list02 {
        margin-top: -25px;
        display: block;
    }

    .p-company__business__list02 th,
    .p-company__business__list02 td {
        display: block;
    }

    .p-company__business__list02 th:after,
    .p-company__business__list02 td:after {
        display: none;
    }

    .p-company__business__list02 th {
        padding: 25px 0 0;
    }

    .p-company__business__list02 td {
        max-width: 90vw;
    }
}

.p-company__history__line:after,
.p-company__history__list .title:after,
.p-company__history__list .list li .year:after {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background-color: #c81505;
    position: absolute;
    top: 0;
    left: 219px;
    z-index: 1;
}

@media only screen and (max-width: 980px) {

    .p-company__history__line:after,
    .p-company__history__list .title:after,
    .p-company__history__list .list li .year:after {
        left: 23px;
    }
}

.p-company__history__list {
    position: relative;
}

.p-company__history__list .title {
    font-size: 20px;
    font-weight: normal;
    padding: 6px 45px;
    position: relative;
}

.p-company__history__list .list {
    list-style: none;
    border-radius: 0 0 6px 6px;
}

.p-company__history__list .list:after {
    content: "";
    display: block;
    width: 3px;
    height: 70px;
    background-color: #c81505;
    position: absolute;
    bottom: -70px;
    left: 219px;
    z-index: 1;
}

@media only screen and (max-width: 980px) {
    .p-company__history__list .list:after {
        height: 50px;
        bottom: -50px;
    }
}

.p-company__history__list .list li {
    display: table;
    width: 100%;
    position: relative;
}

.p-company__history__list .list li:first-child {
    border-radius: 14px 14px 0 0;
}

.p-company__history__list .list li:last-child {
    border-radius: 0 0 14px 14px;
}

.p-company__history__list .list li .year {
    display: table-cell;
    vertical-align: top;
    width: 220px;
    text-align: right;
    padding: 37px 41px;
}

.p-company__history__list .list li .year_num {
    display: block;
    font-size: 54px;
    font-family: "Roboto Slab";
    color: #c81505;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0.1em;
}

.p-company__history__list .list li .year:before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: url(../image/company_history_circle.png) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    top: 57px;
    left: 210px;
    z-index: 2;
}

.p-company__history__list .list li .caption {
    display: table-cell;
    padding: 52px 15px 52px 41px;
}

.p-company__history__list .list li .caption_title {
    font-size: 19px;
    line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
    .p-company__history__list .list li .caption_title {
        font-size: 17px;
    }
}

.p-company__history__list .list li .caption_txt {
    margin-top: 5px;
    font-size: 14px;
}

.p-company__history__list .list li .image {
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.p-company__history__list .list li .image_txt {
    font-size: 12px;
    padding: 0 10px;
}

.p-company__history__list .list li .image.left {
    right: 150px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.p-company__history__list .list li:nth-of-type(2n) {
    background: url(../image/bg_stripe.png);
}

.p-company__history__list .list li:nth-of-type(2n) .year {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-company__history__list .list li:nth-of-type(2n) .year:before {
    top: 40px;
}

.p-company__history__list .list li:nth-of-type(2n) .caption {
    padding-top: 35px;
    padding-bottom: 35px;
}

.p-company__history__list.green .title {
    background-color: #e2efd1;
}

.p-company__history__list.green .title:after {
    display: none;
}

.p-company__history__list.green .list {
    background-color: #f0f7e7;
}

.p-company__history__list.green li:first-child .year:after {
    top: 57px;
}

.p-company__history__list.yellow .title {
    background-color: #f6f4d6;
}

.p-company__history__list.yellow .list {
    background-color: #fcfbeb;
}

.p-company__history__list.orange .title {
    background-color: #f9ede0;
}

.p-company__history__list.orange .list {
    background-color: #fcf6ef;
}

.p-company__history__list.orange .list:after {
    display: none;
}

@media only screen and (max-width: 980px) {
    .p-company__history__list .list:after {
        left: 23px;
    }

    .p-company__history__list .list li {
        display: table;
        padding: 20px 20px 20px 50px;
    }

    .p-company__history__list .list li:after {
        content: "";
        display: block;
        clear: both;
    }
}

@media only screen and (max-width: 980px) and (max-width: 690px) {
    .p-company__history__list .list li {
        display: block;
    }
}

@media only screen and (max-width: 980px) {
    .p-company__history__list .list li .year {
        display: table;
        width: auto;
        text-align: left;
        margin-bottom: 10px;
        padding: 0 !important;
    }

    .p-company__history__list .list li .year_num {
        display: inline;
        font-size: 35px;
        font-weight: bold;
        margin-right: 5px;
    }

    .p-company__history__list .list li .year:before {
        top: 30px !important;
        left: 14px;
    }

    .p-company__history__list .list li .caption {
        display: block;
        padding: 0 !important;
    }

    .p-company__history__list .list li .image {
        position: relative;
        top: auto;
        right: auto !important;
        text-align: center;
        display: table-cell;
        vertical-align: top;
        width: 250px;
        margin-top: -45px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 980px) and (max-width: 690px) {
    .p-company__history__list .list li .image {
        display: block;
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }

    .p-company__history__list .list li .image_txt {
        padding: 0;
    }
}

@media only screen and (max-width: 980px) {
    .p-company__history__list.green li:first-child .year:after {
        top: 47px;
    }
}

.p-company__office__anchor {
    margin-bottom: -55px;
}

@media only screen and (max-width: 690px) {
    .p-company__office__anchor {
        margin-bottom: 30px;
    }
}

.p-company__office__table {
    border: none;
}

.p-company__office__table thead {
    border-bottom: 2px solid black;
}

.p-company__office__table tr:nth-of-type(2n) {
    background-color: rgba(229, 237, 228, 0.6);
}

.p-company__office__table tr th,
.p-company__office__table tr td {
    border: none;
}

@media only screen and (min-width: 691px) {

    .p-company__office__table tr th,
    .p-company__office__table tr td {
        padding: 13px;
    }
}

.p-company__office__table tr th:nth-last-child(2),
.p-company__office__table tr td:nth-last-child(2) {
    width: 10.5em;
}

.p-company__office__table tr th {
    background: none;
    text-align: left;
    font-weight: bold;
}

@media only screen and (min-width: 691px) {
    .p-company__office__table tr th:first-child {
        padding-left: 26px;
    }
}

.p-company__office__table tr td:last-child {
    width: 11.5em;
}

.p-company__office__table tr.numcellmarge td:nth-last-child(2) {
    width: auto;
}

.p-company__office__table tr.numcellmarge td:last-child {
    width: auto;
    vertical-align: middle;
}

@media only screen and (min-width: 691px) {
    .p-company__office__table.headoffice .only_pctab {
        display: table-row;
    }
}

.p-company__office__table.headoffice tr th:nth-child(1),
.p-company__office__table.headoffice tr td:nth-child(1) {
    width: auto;
}

.p-company__office__table.headoffice tr.hastitle>th,
.p-company__office__table.headoffice tr.hastitle>td {
    padding-left: 0;
    padding-right: 0;
}

.p-company__office__table.headoffice tr.hastitle>th table,
.p-company__office__table.headoffice tr.hastitle>td table {
    width: 100%;
}

.p-company__office__table.headoffice tr.hastitle table * {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}

.p-company__office__table.headoffice tr.hastitle table tr:first-child th {
    font-size: 14px;
}

.p-company__office__table.headoffice tr.hastitle table tr th {
    font-size: 13px;
}

@media only screen and (max-width: 690px) {
    .p-company__office__table.headoffice tr.hastitle table tr th {
        font-size: 12px;
    }
}

@media only screen and (max-width: 690px) {
    .p-company__office__table {
        border: 4px solid #E5EDE4;
    }

    .p-company__office__table thead {
        display: none;
    }

    .p-company__office__table tr:after {
        content: "";
        display: block;
        clear: both;
    }

    .p-company__office__table tr th {
        width: 38% !important;
        padding-right: 0 !important;
        float: left;
    }

    .p-company__office__table tr td {
        margin-left: 37%;
    }

    .p-company__office__table tr td:before {
        display: block;
        font-weight: bold;
    }

    .p-company__office__table tr td:nth-of-type(1):before {
        content: "住所";
    }

    .p-company__office__table tr td:nth-last-child(2):before {
        content: "電話番号";
    }

    .office_tab .p-company__office__table tr td {
        position: relative;
    }

    .office_tab .p-company__office__table tr td:nth-last-child(1):before {
        content: "传真号码";
    }

    .office_tab .p-company__office__table tr td:nth-last-child(2):before {
        content: "电话号码";
    }

    .office_address .p-company__office__table {
        position: relative;
    }

    .office_address .p-company__office__table tr td:nth-of-type(1):before {
        content: "住址";
    }

    .p-company__office__table tr td:nth-last-child(1):before {
        content: "FAX番号";
    }

    .p-company__office__table tr td:nth-of-type(n+2) {
        padding-top: 0 !important;
    }

    .p-company__office__table tr.numcellmarge .numcellmarge_first {
        display: none !important;
    }

    .p-company__office__table tr.numcellmarge td:nth-of-type(1):before {
        content: "住所";
    }


    .p-company__office__table tr.numcellmarge td:nth-of-type(1) .pctab_none {
        padding-top: 10px;
    }

    .en_office .p-company__office__table tr td {
        position: relative;
    }

    .en_office .p-company__office__table tr td:nth-of-type(1):before {
        content: "Address";
    }

    .table_en_office .p-company__office__table tr td:nth-of-type(1):before {
        content: "Address";
    }

    .table_en_office .p-company__office__table tr td:nth-last-child(2):before {
        content: "TEL";
    }

    .table_en_office .p-company__office__table tr td:nth-last-child(1):before {
        content: "FAX";
    }

    .table_en_office .p-company__office__table tr.en_lists_sp td:nth-last-child(1):before,
    .table_en_office .p-company__office__table tr.en_lists_sp td:nth-last-child(2):before {
        content: "";
    }

    .table_en_office .p-company__office__table tr.en_lists_sp td:nth-last-child(1),
    .table_en_office .p-company__office__table tr.en_lists_sp td:nth-last-child(2) {
        display: none;
    }

    .office_address .p-company__office__table tr.numcellmarge td:nth-of-type(1):before {
        content: "住址";
    }

    .p-company__office__table.headoffice tr.hastitle>td {
        margin-left: 0;
    }

    .p-company__office__table.headoffice tr.hastitle th,
    .p-company__office__table.headoffice tr.hastitle td {
        padding-top: 10px !important;
    }

    .p-company__office__table.headoffice tr td:first-child:before {
        display: none;
    }

    .p-company__office__table.headoffice tr table tr:nth-child(n+2) {
        border-top: 10px solid rgba(255, 255, 255, 0.001) !important;
    }

    .p-company__office__table.headoffice tr table .title th:before {
        display: none;
    }

    .p-company__office__table.headoffice tr table .title td:nth-child(2),
    .p-company__office__table.headoffice tr table .title td:nth-child(3) {
        display: none;
    }
}

/**
 * p-seiken
 */
/* Seiken common
---------------------------------------------*/
.p-seiken__pagetitle {
    background: url(../image/seiken_mv.jpg) 50% 0% no-repeat;
    background-size: cover;
    width: 100%;
    height: 370px;
}

.p-seiken__pagetitle .l-container {
    color: #fff;
}

.p-seiken__pagetitle__logo {
    display: inline-block;
    background-color: #C41437 !important;
    margin-top: 60px;
    padding: 24px 24px 15px !important;
}

.p-seiken__pagetitle__logo img {
    width: 118px;
    height: auto;
}

.p-seiken__pagetitle__title {
    font-size: 44px;
    font-weight: normal;
    line-height: 1.2;
    margin: 25px 0 20px;
    word-wrap: break-word;
}

.p-seiken__pagetitle__en {
    display: table;
    font-size: 14px;
    line-height: 1.4;
    font-family: Roboto;
    padding: 4px 12px;
    background-color: #c81505;
}

@media only screen and (max-width: 690px) {
    .p-seiken__pagetitle {
        height: auto;
        padding: 60px 0 60px;
        /* height: 300px; */
    }

    /*.l-container {
        padding-bottom: 30px;
    }*/
    /*&__en {
        margin: 0 auto;
    }*/
    .p-seiken__pagetitle__logo.spMargin {
        margin-top: 0px;
    }

    .p-seiken__pagetitle__logo {
        /*text-align: left;
    margin-top: 75px;*/
        padding: 15px 15px 10px !important;
    }

    .p-seiken__pagetitle__logo img {
        width: 75px;
    }

    .p-seiken__pagetitle__title {
        font-size: 30px;
        /*margin: 10px 0 7px;
    text-align: center;*/
    }
}

.p-seiken__link {
    background-color: #C41437;
    padding: 19px 0;
    margin-bottom: 50px;
}

.p-seiken__link ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-seiken__link ul li {
    text-align: center;
    width: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.p-seiken__link ul li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.p-seiken__link ul li a {
    color: #fff;
}

.p-seiken__link ul li a:before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    margin-right: 5px;
    width: 3px;
    height: 6px;
    background: url(../image/icon_arrow03.png) 50% 50% no-repeat;
    background-size: cover;
}

.p-seiken__link ul li.current a {
    pointer-events: none;
    opacity: 0.4;
}

@media only screen and (max-width: 690px) {
    .p-seiken__link {
        padding: 0;
        margin-bottom: 30px;
    }

    .p-seiken__link .l-container {
        padding: 0;
    }

    .p-seiken__link ul {
        display: block;
    }

    .p-seiken__link ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .p-seiken__link ul li {
        width: 50%;
        display: block;
        float: left;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-width: 0 1px 1px 0;
    }

    .p-seiken__link ul li:first-child {
        border-left: 0;
    }

    .p-seiken__link ul li:nth-child(2n) {
        border-right: 0;
    }

    .p-seiken__link ul li a {
        display: block;
        padding: 10px;
        font-size: 14px;
    }
}

.p-seiken__contact {
    display: table;
    width: 100%;
    text-align: center;
    border-top: 73px solid rgba(255, 255, 255, 0);
}

.p-seiken__contact .logo,
.p-seiken__contact .txtarea {
    padding: 40px;
}

.p-seiken__contact .logo {
    display: table-cell;
    vertical-align: middle;
    width: 242px;
    background-color: #C41437;
}

.p-seiken__contact .logo img {
    width: 163px;
    height: auto;
    display: block;
}

.p-seiken__contact .txtarea {
    background-color: #9d1831;
}

.p-seiken__contact .txtarea .title {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

@media only screen and (max-width: 980px) {
    .p-seiken__contact {
        border-top: 0;
    }
}

@media only screen and (max-width: 690px) {
    .p-seiken__contact {
        display: block;
        text-align: center;
        margin-top: 40px;
    }

    .p-seiken__contact .logo,
    .p-seiken__contact .txtarea {
        padding: 20px 20px 15px;
    }

    .p-seiken__contact .logo {
        display: block;
        width: 100%;
    }

    .p-seiken__contact .logo img {
        width: 163px;
        height: auto;
        margin: 0 auto;
    }

    .p-seiken__contact .txtarea {
        padding-bottom: 30px;
    }

    .p-seiken__contact .txtarea .title {
        font-size: 19px;
        letter-spacing: 0;
    }
}

/* Seiken Seikenとは？
---------------------------------------------*/
/*.p-seikentop__mv {
    background: url(../image/seiken_mv.jpg) 50% 50% no-repeat;
    background-size: cover;
    min-height: 695px;
}*/
.serachAreaSeiken {
    display: flex;
}
.serachAreaSeiken .p-seikentop__mv__logo{
    margin-top: 0;
    margin-right: 40px;
}
.searchInn {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    width: calc(100% - 210px);
    background: linear-gradient(115deg, #C41437 220px, #FFF 220px);
}
.searchInn .InputSlider {
    padding-top: 16px;
}
.serachAreaSeiken .slick-list.draggable{
    padding: 0 !important;
}
.serachAreaSeiken .inn{
    padding-right: 35px;
    padding-left: 260px;
    float: none;
    min-height: auto;
    border: none;
    margin-bottom: 5px;
}
.serachAreaSeiken .inn:focus, 
.serachAreaSeiken form:focus{
    border: none;
    outline: none;
}
.serachAreaSeiken form{
    display: flex;
}

.serachAreaSeiken .HTitl {
    position: absolute;
    color: #FFF;
    font-weight: 400;
    line-height: 1.2;
    top: calc(50% - 4px);
    left: 30px;
    transform: translateY(-50%);
}
.serachAreaSeiken .HTitl br{
    display: none;
}
.serachAreaSeiken .HTitl::before {
    content: url(../image/common/icon_goggle.png);
    display: block;
    position: absolute;
    top: -22px;
    left: -12px;
    transform: rotate(-5deg);
}
.serachAreaSeiken .keywordArea {
    position: relative;
    margin: 0 20px 0 40px;
    height: 45px;
    overflow: hidden;
    flex: 1;
    border: 1px solid #DDD;
    border-radius: 5px;
}
.serachAreaSeiken input[type="text"] {
    position: relative;
    padding: 10px;
    width: calc(100% - 150px);

}
.serachAreaSeiken .btn-primary.btn {
    width: 120px;
    height: 45px;
    color: #FFF;
    padding: 0 !important;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 5px;
    border: solid 1px #000;
    background-color: #000;
    cursor: pointer;
    display: block;
    margin-left: 30px;
}
.serachAreaSeiken .noteTitl{
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
.serachAreaSeiken .russian{
    font-family: 'Noto Sans', sans-serif !important;
}
.serachAreaSeiken  .note{
    font-size: 10px;
}
.serachAreaSeiken  .note br{
    display: none;
}
@media only screen and (max-width: 980px) {
    .serachAreaSeiken {
        align-items: flex-start;
    }
    .searchInn {
        padding-top: 0;
        flex: auto;
        background: #FFF;
    }
    .searchInn .InputSlider {
        padding-top: 0;
    }
    .serachAreaSeiken .inn{
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .serachAreaSeiken form {
        /*display: block;*/
        padding: 0;
    }
    .serachAreaSeiken .HTitl {
        position: static;
        background-color: #C41437;
        padding: 20px;
        transform: translateY(0);
        margin-bottom: 20px;
    }
    .serachAreaSeiken .HTitl::before {
        position: static;
        display: inline-block;
        content: "";
        width: 18px;
        height: 18px;
        background: url(../image/common/icon_search.png)no-repeat center /contain;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: -2px;
    }
    .serachAreaSeiken .HTitl br{
        display: none;
    }
    .serachAreaSeiken .keywordArea {
        margin: 10px;
    }
    .serachAreaSeiken .submit-button{
        margin: 10px;
    }
    .noteblocks{
        max-width: 100%;
    }
}
@media only screen and (max-width: 690px) {
    .serachAreaSeiken {
        display: block;
    }
    .searchInn{
        width: 100%;
    }
    .serachAreaSeiken .p-seikentop__mv__logo{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .serachAreaSeiken .inn{
        padding-left: 20px;
        padding-right: 20px;
    }
    .serachAreaSeiken form {
        display: block;
    }
    .serachAreaSeiken input[type="text"]{
        width: 100%;
    }
    .serachAreaSeiken .btn-primary.btn{
        margin: 10px auto 0;
    }
    .serachAreaSeiken .note{
        line-height: 1;
    }
    .serachAreaSeiken .note br{
        display: block;
    }
}


.p-seikentop__mv .l-container {
    position: relative;
    height: 100%;
    padding: 52px 10px;
}

.p-seikentop__mv__logo {
    display: inline-block;
    background-color: #C41437;
    margin-top: 60px;
    padding: 26px 26px 22px;
}

.p-seikentop__mv__logo img {
    width: 118px;
    height: auto;
}

.p-seikentop__mv__catch {
    margin-top: 56px;
}

.p-seikentop__mv__catch span {
    display: table;
    background-color: #fff;
    font-size: 34px;
    line-height: 1.4;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 17px 0 17px 25px;
}

.p-seikentop__mv__catch .txt02 {
    margin: -20px 0 0 155px;
}

.p-seikentop__mv__catch strong {
    color: #C41437;
}

.p-seikentop__mv__txt {
    margin-top: 34px;
    width: 52.5%;
    font-size: 14px;
    color: #fff;
    padding: 25px 35px;
    background-color: rgba(23, 29, 49, 0.5);
}

.p-seikentop__mv__en {
    position: absolute;
    right: 24px;
    top: 447px;
    z-index: -1;
}
.p-seikentop__mv__en img {
    width: 407.5px;
    height: auto;
}

.p-seikentop__mv__news {
    margin: 66px 0 0;
    padding: 15px 20px;
    background-color: #090707;
    font-size: 14px;
    color: #fff;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.p-seikentop__mv__news:before {
    content: "";
    border-style: solid;
    border-width: 26px 19px 0 0;
    border-color: #C41437 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.p-seikentop__mv__news:after {
    content: "";
    display: block;
    width: 1.5px;
    height: 200%;
    background-color: #C41437;
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
    position: absolute;
    top: -50%;
    left: 140px;
}

.p-seikentop__mv__news .title {
    width: 153px;
    font-size: 14px;
    font-family: Roboto;
    line-height: 1.4;
    display: inline-block;
    vertical-align: middle;
}

.p-seikentop__mv__news .list {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
}

.p-seikentop__mv__news .list dl {
    color: #fff;
}

.p-seikentop__mv__news .list dl a {
    color: #fff;
}

.p-seikentop__mv__news .list dl .rss_date {
    color: #C41437;
    font-weight: 500;
    float: left;
}

.p-seikentop__mv__news .list dl .rss_title {
    margin-left: 100px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 690px) {
    .p-seikentop__mv__news .list dl .rss_title{
        white-space: normal;
    }
}
.p-seikentop__mv__news .list dl .rss_contents {
    display: none;
}

@media only screen and (max-width: 980px) {
    .p-seikentop__mv__txt {
        width: 49%;
    }

    .p-seikentop__mv__en {
        text-align: right;
    }

    .p-seikentop__mv__en img {
        width: 47%;
    }
}

@media only screen and (max-width: 690px) {
    .p-seikentop__mv {
        min-height: auto !important;
        height: auto;
        display: table;
    }

    .p-seikentop__mv .l-container {
        height: 100%;
        padding-bottom: 0;
    }

    .p-seikentop__mv__logo {
        margin-top: 45px;
        padding: 15px 15px 10px;
    }

    .p-seikentop__mv__logo img {
        width: 75px;
    }

    .p-seikentop__mv__catch {
        margin-top: 30px;
    }

    .p-seikentop__mv__catch span {
        font-size: 18px;
        letter-spacing: 0;
        padding: 10px 0 10px 15px;
    }

    .p-seikentop__mv__catch .txt02 {
        margin: 0 0 0 40px;
    }

    .p-seikentop__mv__txt {
        margin-top: 30px;
        width: 100%;
        padding: 15px;
    }

    .p-seikentop__mv__en {
        right: 20px;
        top: auto;
        bottom: 110px;
    }
    .p-seikentop__mv__en img {
        width: 230px;
    }

    .p-seikentop__mv__news {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
    }

    .p-seikentop__mv__news:after {
        content: "";
        display: none;
    }

    .p-seikentop__mv__news .title {
        width: 100%;
        display: block;
        border-bottom: 1px solid #C41437;
        padding: 15px 20px;
    }

    .p-seikentop__mv__news .list {
        display: block;
        width: 100%;
        padding: 15px 15px;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media only screen and (max-width: 690px) {
    .p-seikentop__mv__news {
        position: relative;
        left: -10px;
        bottom: 0;
        margin: 0;
        padding: 0;
        width: calc(100% + 20px);
    }
    .p-seikentop__mv__en {
        position: static;
        margin-top: 20px;
    }
}

.p-seikentop__whats {
    text-align: center;
    line-height: 1.1;
    border-bottom: 7px solid #C41437;
    display: table;
    margin: 0 auto;
    padding-bottom: 11px;
}

.p-seikentop__whats .en {
    font-size: 42px;
    font-family: Roboto;
    color: #555;
}

.p-seikentop__whats .en strong {
    font-size: 74px;
    color: #C41437;
}

.p-seikentop__whats .en .color_555 {
    color: #555;
}

.p-seikentop__whats .jp {
    font-size: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 690px) {
    .p-seikentop__whats {
        display: block;
    }

    .p-seikentop__whats .en {
        font-size: 30px;
    }

    .p-seikentop__whats .en strong {
        font-size: 56px;
    }
}

/*.p-seikentop__lineup {
    margin-bottom: 33px;
}*/

.p-seikentop__lineup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

.p-seikentop__lineup__list>li {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.p-seikentop__lineup__list>li .bg {
    position: absolute;
    top: 0%;
    right: 50%;
    -webkit-transform: translate(50%, 0%);
    -ms-transform: translate(50%, 0%);
    transform: translate(50%, 0%);
    z-index: 0;
    height: 100%;
}

@media only screen and (min-width: 691px) {
    .p-seikentop__lineup__list>li .bg .only_pctab {
        display: inline;
    }
}

.p-seikentop__lineup__list>li .bg img {
    width: auto;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    vertical-align: bottom;
}

.p-seikentop__lineup__list>li:nth-child(1) {
    background-color: #C41437;
    text-align: right;
}

.p-seikentop__lineup__list>li:nth-child(1) .bg {
    right: 0%;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.p-seikentop__lineup__list>li:nth-child(2) {
    background-color: #caac54;
}

.p-seikentop__lineup__list>li:hover .bg img {
    height: 110%;
}

.p-seikentop__lineup__list>li .c-img__real {
    margin-bottom: 20px;
}

.p-seikentop__lineup__list>li .txtarea {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: left;
    width: 500px;
    color: #fff;
    padding: 12px 20px 15px;
}

.p-seikentop__lineup__list>li .txtarea .title {
    margin-bottom: 15px;
}

.p-seikentop__lineup__list>li .txtarea .title a {
    font-size: 28px;
    line-height: 1.4;
    color: #fff;
    font-weight: normal;
}

.p-seikentop__lineup__list>li .txtarea .title a .en {
    display: block;
    font-size: 13px;
    font-family: Roboto;
}

.p-seikentop__lineup__list>li .txtarea .list {
    list-style: none;
}

.p-seikentop__lineup__list>li .txtarea .list li {
    font-size: 12px;
    line-height: 1.6;
}

@media only screen and (max-width: 690px) {
    .p-seikentop__lineup__list {
        display: block;
    }

    .p-seikentop__lineup__list>li {
        width: 100%;
        background-size: 100% auto;
        background-position: 50% 100% !important;
    }

    .p-seikentop__lineup__list>li .bg {
        position: relative;
        top: auto;
        right: auto;
        -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
        transform: translate(0%, 0%) !important;
    }

    .p-seikentop__lineup__list>li .bg img {
        width: 100% !important;
        height: auto !important;
    }

    .p-seikentop__lineup__list>li:nth-child(1) .txtarea {
        background-color: #C41437;
    }

    .p-seikentop__lineup__list>li:nth-child(2) .txtarea {
        background-color: #caac54;
    }

    .p-seikentop__lineup__list>li .txtarea {
        display: block;
        width: 100%;
        padding: 10px 20px 15px;
    }

    .p-seikentop__lineup__list>li .txtarea .title {
        margin-bottom: 15px;
    }

    .p-seikentop__lineup__list>li .txtarea .c-img__real {
        display: block;
        margin: 0;
        width: 80px;
        text-align: left;
    }

    .p-seikentop__lineup__list>li .txtarea .list {
        display: inline-block;
    }
}

.p-seikentop__map {
    margin: 90px 0 50px;
    padding: 35px 0 45px;
    background: url(../image/seiken_bg03.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.p-seikentop__map__title {
    text-align: center;
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
}

.p-seikentop__map__title .en {
    margin-top: 10px;
    display: block;
    font-size: 16px;
}

.p-seikentop__map .c-txt {
    font-size: 14px;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 690px) {
    .p-seikentop__map {
        margin: 30px 0;
    }

    .p-seikentop__map__title {
        font-size: 28px;
    }
}

.p-seikentop__news {
    padding: 50px 0 20px;
    background: url(../image/bg_stripe.png);
}

.p-seikentop__news__list dl:nth-of-type(n+2) {
    margin-top: 40px;
}

.p-seikentop__news__list dl .rss_date {
    color: #C41437;
    font-weight: 500;
    float: left;
}

.p-seikentop__news__list dl .rss_title {
    margin-left: 120px;
}

.p-seikentop__news__list dl .rss_contents {
    display: none;
}

@media only screen and (max-width: 980px) {
    .p-seikentop__news {
        margin-bottom: 73px;
    }
}

@media only screen and (max-width: 690px) {
    .p-seikentop__news {
        margin: 30px 0;
        padding: 25px 0 1px;
    }

    .p-seikentop__news__list dl:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .p-seikentop__news__list dl .rss_date {
        float: none;
    }

    .p-seikentop__news__list dl .rss_title {
        margin-left: 0;
    }
}

/* Seiken 製品詳細
---------------------------------------------*/
.p-seiken__sidenav {
    pointer-events: none;
    margin-left: 48px;
}

.p-seiken__sidenav ul,
.p-seiken__sidenav ol {
    list-style: none;
    pointer-events: auto;
}

.p-seiken__sidenav ul {
    width: 13.9%;
    float: left;
}

.p-seiken__sidenav ul>li:nth-child(n+2) {
    margin-top: 60px;
}

.p-seiken__sidenav ul ul>li:nth-child(n+2) {
    margin-top: 20px;
}

.p-seiken__sidenav ul>li>a {
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #C41437;
    background: url(../image/icon_arrow03_red.png) 0% 12px no-repeat;
    background-size: 3px 6px;
    padding: 0 0 5px 10px;
    margin-bottom: 10px;
}

.p-seiken__sidenav ul ol li {
    font-size: 14px;
}

.p-seiken__sidenav ul ol li:nth-child(n+2) {
    margin-top: 20px;
}

.p-seiken__sidenav ul ol li a {
    color: #C41437;
}

.p-seiken__sidenav ul ul li a {
    color: #C41437;
    font-weight: normal;
    display: block;
    border-bottom: none;
    background: none;
    background-size: none;
    margin-bottom: auto;
    padding: 0;
    font-size: 14px;
}

@media only screen and (min-width: 1097px) {
    .p-seiken__sidenav {
        padding: 0;
    }
}

@media only screen and (max-width: 1096px) {
    .p-seiken__sidenav {
        margin-left: auto;
        padding: 0 24px;
    }

    .p-seiken__sidenav ul {
        width: 17.5%;
    }
}

@media only screen and (max-width: 980px) {
    .p-seiken__sidenav ul {
        width: 100%;
        float: none;
    }

    .p-seiken__sidenav ul>li:nth-child(n+2) {
        margin-top: 30px;
    }

    .p-seiken__sidenav ul ol li:nth-child(n+2) {
        margin-top: 10px;
    }
}

.p-seiken__main {
    float: right;
    width: 75.9%;
    padding: 0 24px;
    margin-right: 48px;
}

@media only screen and (max-width: 1096px) {
    .p-seiken__main {
        margin-right: 24px;
    }
}

@media only screen and (max-width: 980px) {
    .p-seiken__main {
        width: 100%;
        float: none;
    }
}

.p-seiken__template__mv {
    position: relative;
}

@media only screen and (min-width: 981px) {
    .p-seiken__template__mv {
        padding: 0;
    }
}

.p-seiken__template__mv .title {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.4;
}

.p-seiken__template__mv .title .en {
    font-size: 12px;
    font-family: Roboto;
    display: block;
    margin-top: 8px;
}

@media only screen and (max-width: 690px) {
    .p-seiken__template__mv .title {
        top: 3vw;
        left: 5vw;
        font-size: 9vw;
    }

    .p-seiken__template__mv .title .en {
        margin-top: 0.5vw;
        font-size: 3vw;
    }
}

/* Seiken 販売店情報
---------------------------------------------*/
.p-seiken__shoplist__flag {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.p-seiken__shoplist__flag li {
    font-size: 14px;
    line-height: 1.4;
    margin-right: 1.5%;
}

.p-seiken__shoplist__flag li img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

@media only screen and (min-width: 981px) {
    .p-seiken__shoplist__flag li {
        width: 11.1%;
    }

    .p-seiken__shoplist__flag li:nth-child(8n) {
        margin-right: 0;
    }

    .p-seiken__shoplist__flag li:nth-child(n+9) {
        margin-top: 1.5%;
    }
}

@media only screen and (max-width: 980px) and (min-width: 691px) {
    .p-seiken__shoplist__flag li {
        width: 18.8%;
    }

    .p-seiken__shoplist__flag li:nth-child(5n) {
        margin-right: 0;
    }

    .p-seiken__shoplist__flag li:nth-child(n+6) {
        margin-top: 1.5%;
    }
}

@media only screen and (max-width: 690px) {
    .p-seiken__shoplist__flag li {
        width: 48%;
        margin-right: 4%;
    }

    .p-seiken__shoplist__flag li:nth-child(2n) {
        margin-right: 0;
    }

    .p-seiken__shoplist__flag li:nth-child(n+3) {
        margin-top: 4%;
    }

    .p-seiken__shoplist__flag li img {
        width: 100%;
        height: auto;
        border: 1px solid #ccc;
    }
}

@media only screen and (max-width: 690px) {
    .p-seiken__shoplist__table thead {
        display: none;
    }

    .p-seiken__shoplist__table tbody tr td {
        border-width: 0;
        padding-bottom: 0;
    }

    .p-seiken__shoplist__table tbody tr td:before {
        display: block;
        font-weight: bold;
    }

    .p-seiken__shoplist__table tbody tr td:nth-child(2):before {
        content: "住所";
    }

    .p-seiken__shoplist__table tbody tr td:nth-child(3):before {
        content: "電話番号";
    }

    .p-seiken__shoplist__table tbody tr td:nth-child(4) {
        border-width: 0 0 1px;
        padding-bottom: 10px;
    }

    .p-seiken__shoplist__table tbody tr td:nth-child(4):before {
        content: "E-mail";
    }
}

/**
 * Utility
 */
/* layout */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.fixed {
    overflow: hidden !important;
}

.txt_l,
.txt_left {
    text-align: left;
}

.txt_r,
.txt_right {
    text-align: right;
}

.txt_center {
    text-align: center;
}

.txt_center-m {
    margin-left: auto;
    margin-right: auto;
}

.txt_middle {
    display: inline-block;
    vertical-align: middle;
}

.txt_red {
    color: #c81505;
}

.txt_darkred {
    color: #C41437;
}

.flt:after {
    content: "";
    display: block;
    clear: both;
}

.flt_l,
.flt_l_sp {
    float: left;
}

.flt_r,
.flt_r_sp {
    float: right;
}

@media screen and (max-width: 690px) {

    .flt_l,
    .flt_r {
        float: none;
        margin-left: 0;
    }
}

/* margin */
.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb110 {
    margin-bottom: 110px !important;
}

.mb120 {
    margin-bottom: 120px !important;
}

.mb130 {
    margin-bottom: 130px !important;
}

.mb140 {
    margin-bottom: 140px !important;
}

.mb150 {
    margin-bottom: 150px !important;
}

.mb160 {
    margin-bottom: 160px !important;
}

.mb170 {
    margin-bottom: 170px !important;
}

.mb180 {
    margin-bottom: 180px !important;
}

.mb190 {
    margin-bottom: 190px !important;
}

.mb200 {
    margin-bottom: 200px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt110 {
    margin-top: 110px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.mt130 {
    margin-top: 130px !important;
}

.mt140 {
    margin-top: 140px !important;
}

.mt150 {
    margin-top: 150px !important;
}

.mt160 {
    margin-top: 160px !important;
}

.mt170 {
    margin-top: 170px !important;
}

.mt180 {
    margin-top: 180px !important;
}

.mt190 {
    margin-top: 190px !important;
}

.mt200 {
    margin-top: 200px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.ml110 {
    margin-left: 110px !important;
}

.ml120 {
    margin-left: 120px !important;
}

.ml130 {
    margin-left: 130px !important;
}

.ml140 {
    margin-left: 140px !important;
}

.ml150 {
    margin-left: 150px !important;
}

.ml160 {
    margin-left: 160px !important;
}

.ml170 {
    margin-left: 170px !important;
}

.ml180 {
    margin-left: 180px !important;
}

.ml190 {
    margin-left: 190px !important;
}

.ml200 {
    margin-left: 200px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mr110 {
    margin-right: 110px !important;
}

.mr120 {
    margin-right: 120px !important;
}

.mr130 {
    margin-right: 130px !important;
}

.mr140 {
    margin-right: 140px !important;
}

.mr150 {
    margin-right: 150px !important;
}

.mr160 {
    margin-right: 160px !important;
}

.mr170 {
    margin-right: 170px !important;
}

.mr180 {
    margin-right: 180px !important;
}

.mr190 {
    margin-right: 190px !important;
}

.mr200 {
    margin-right: 200px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pb110 {
    padding-bottom: 110px !important;
}

.pb120 {
    padding-bottom: 120px !important;
}

.pb130 {
    padding-bottom: 130px !important;
}

.pb140 {
    padding-bottom: 140px !important;
}

.pb150 {
    padding-bottom: 150px !important;
}

.pb160 {
    padding-bottom: 160px !important;
}

.pb170 {
    padding-bottom: 170px !important;
}

.pb180 {
    padding-bottom: 180px !important;
}

.pb190 {
    padding-bottom: 190px !important;
}

.pb200 {
    padding-bottom: 200px !important;
}

/* margin top only smartphone */
@media only screen and (max-width: 690px) {
    .mt5_sp {
        margin-top: 5px !important;
    }

    .mt10_sp {
        margin-top: 10px !important;
    }

    .mt15_sp {
        margin-top: 15px !important;
    }

    .mt20_sp {
        margin-top: 20px !important;
    }

    .mt25_sp {
        margin-top: 25px !important;
    }

    .mt30_sp {
        margin-top: 30px !important;
    }

    .mt35_sp {
        margin-top: 35px !important;
    }

    .mt40_sp {
        margin-top: 40px !important;
    }

    .mt45_sp {
        margin-top: 45px !important;
    }

    .mt50_sp {
        margin-top: 50px !important;
    }

    .mt55_sp {
        margin-top: 55px !important;
    }

    .mt60_sp {
        margin-top: 60px !important;
    }

    .mt65_sp {
        margin-top: 65px !important;
    }

    .mt70_sp {
        margin-top: 70px !important;
    }

    .mt75_sp {
        margin-top: 75px !important;
    }

    .mt80_sp {
        margin-top: 80px !important;
    }

    .mt85_sp {
        margin-top: 85px !important;
    }

    .mt90_sp {
        margin-top: 90px !important;
    }

    .mt95_sp {
        margin-top: 95px !important;
    }

    .mt100_sp {
        margin-top: 100px !important;
    }
}

/* font */
.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.fs26 {
    font-size: 26px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}

.fs36 {
    font-size: 36px;
}

.fs38 {
    font-size: 38px;
}

.fs40 {
    font-size: 40px;
}

.fs42 {
    font-size: 42px;
}

.fs44 {
    font-size: 44px;
}

.fs46 {
    font-size: 46px;
}

.fs48 {
    font-size: 48px;
}

.fs50 {
    font-size: 50px;
}

.line-h14 {
    line-height: 1.4;
}

.fc_white {
    color: #fff;
}

/* show */
.only_pc,
.only_pctab {
    display: block;
}

.pc_none,
.pctab_none {
    display: none;
}

@media only screen and (max-width: 980px) {
    .only_pc {
        display: none;
    }

    .pc_none {
        display: block;
    }
}

@media only screen and (max-width: 690px) {
    .only_pctab {
        display: none;
    }

    .pctab_none {
        display: block;
    }
}

/* active */
.sp_active {
    pointer-events: none;
}

@media only screen and (max-width: 690px) {
    .sp_active {
        pointer-events: all;
    }
}

/**
 * Append（Mtame様変更箇所）
 */
.p-liquimolytop__mv__logo {
    padding-top: 30px;
}

/*liquimoly*/
/*.p-seikentop__mv.liquimoly_bar {
    background: url(../image/liquimoly_mv.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 678px;
    display: block;
}*/

.two_col #contents_right.subnav ul {
    width: 100%;
}

.liquimoly .p-seiken__pagetitle__logo {
    background-color: rgba(180, 27, 56, 0) !important;
}

.liquimoly .w_line_btn:hover .btn_style_wrapper:nth-child(1) {
    color: #000;
    border-color: #000;
}

.liquimoly .w_line_btn:hover .btn_style_wrapper:nth-child(1)::before,
.liquimoly .w_line_btn:hover .btn_style_wrapper:nth-child(1)::after {
    background: #000;
}

@media only screen and (max-width: 980px) {
    .p-seikentop__mv {
        min-height: 500px;
    }

    .p-seikentop__mv.liquimoly_bar {
        height: 500px !important;
    }
}

/*show*/
.only_sp {
    display: none;
}

.sp_none {
    display: block;
}

@media only screen and (max-width: 690px) {
    .only_sp {
        display: block;
    }

    .sp_none {
        display: none;
    }
}

.pc_on {
    display: block;
}

.tab_on {
    display: none;
}

.pc_tab_on {
    display: block;
}

.sp_on {
    display: none;
}

@media only screen and (max-width: 979px) {
    .pc_on {
        display: none;
    }

    .tab_on {
        display: block;
    }
}

@media only screen and (max-width: 690px) {
    .pc_tab_on {
        display: none;
    }

    .sp_on {
        display: block;
    }

    .sp_small {
        font-size: 12px;
    }
}

@media only screen and (max-width: 690px) {
    .order_flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order01 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .order02 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }
}

/* ### ### ###leftnav### ### ###*/
#subnavi_title {
    display: none;
}

/* ### ### ###notice### ### ###*/
@media only screen and (max-width: 690px) {
    .c-pagetitle .l-container:after {
        height: 100px;
        bottom: -100px;
        z-index: 0;
    }

    .l-container__w {
        position: relative;
        z-index: 2;
        margin: 0 auto 35px;
    }
}

.logo_animate_area {
    display: none;
}

/* ### ### ### common ### ### ###*/
body,
html {
    font-family: 'Noto Sans JP', sans-serif;
}

.conWrapper {
    max-width: 900px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.txt_c {
    text-align: center;
}

.imgArea img {
    width: 100%;
}

.maxW500 {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.textNormal {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
}

.sec02,
.sec04 {
    padding: 100px 0;
}

.mb50 {
    margin-bottom: 50px;
}

.mb30 {
    margin-bottom: 30px;
}

.textNormal.fontSizeS {
    font-size: 12px;
}

.only_pc {
    display: block;
}

@media only screen and (max-width: 980px) {
    .only_pc {
        display: none;
    }

    .sec02,
    .sec04 {
        padding: 50px 15px;
    }

    .sec03 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 690px) {
    .textNormal {
        font-size: 14px;
        font-weight: normal;
    }

    .textNormal.fontSizeS {
        font-size: 12px;
    }

    .sec03 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mb50 {
        margin-bottom: 30px;
    }

    .mb30 {
        margin-bottom: 15px;
    }

    .sec02,
    .sec04 {
        padding: 30px 15px;
    }
}

/* ### ### ###btn### ### ###*/
.btnStyle {
    display: block;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    max-width: 500px;
    margin: auto;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 20px center;
}

.btnStyle:hover {
    text-decoration: none;
    opacity: 0.8;
    background-position: right 15px center;
}

.btnStyle::before {
    content: "";
    display: block;
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ### ### ### col ### ### ###*/

.sec02 .col2Area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.col2Area .col {
    width: calc(50% - 20px);

}

.sec02 .col2Area .col {
    margin-bottom: 20px;
}

.sec02 .col2Area .col:nth-child(1) {
    margin-right: 20px;
}

.sec02 .col2Area .col:nth-child(2) {
    margin-left: 20px;
}

.col37_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.col37_area .col3_area {
    width: calc(30% - 20px);
}

.col37_area .col7_area {
    width: calc(70% - 20px);
}

.col55_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.col55_area .col5_area {
    width: calc(50% - 20px);
}

.col2Area_ti {
    padding: 80px 0;
}

.col2Area_ti+.col2Area_ti {
    border-top: 2px solid #4090D1;
}

@media only screen and (max-width: 690px) {
    .col2Area_ti {
        padding: 40px 0;
    }

    .col55_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .col55_area .col5_area {
        width: 100%;
    }

    .col55_area .col5_area+.col5_area {
        margin-top: 20px;
    }

    .sec02 .col2Area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .col2Area .col {
        width: 100%;
    }

    .sec02 .col2Area .col:nth-child(1) {
        margin-right: 0px;
    }

    .sec02 .col2Area .col:nth-child(2) {
        margin-left: 0px;
    }

    .col37_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .col37_area .col3_area {
        width: 100%;
    }

    .col37_area .col7_area {
        width: 100%;
        margin-top: 20px;
    }
}

/* ### ### ###title### ### ###*/
.title02Style {
    font-size: 32px;
    color: #1888C8;
    line-height: 1.5;
    text-align: center;
    border-bottom: 5px dotted #1888C8;
    padding-bottom: 15px;
}

.title02Style02 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
}

.title02Style .fs_text {
    font-size: 22px;
}

.title02Style03 {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    background: #fff;
    display: inline-block;
    padding-right: 10px;
}

.title02Style03Area {
    position: relative;
}

.title02Style03Area::after {
    content: "";
    display: block;
    width: 100%;
    background: #000;
    height: 2px;
    top: 50%;
    position: absolute;
    z-index: 0;
}

.title03Style {
    font-size: 25px;
    text-align: center;
    margin-bottom: 30px;
}

.title04Style {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}

.title04Style::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #1888C8;
    border-radius: 100%;
    left: 0;
    top: 9px;
    position: absolute;
}

@media only screen and (max-width: 690px) {
    .title03Style {
        font-size: 17px;
    }

    .title_W .title02Style {
        font-size: 28px;
    }

    .title02Style {
        font-size: 23px;
        line-height: 1.3;
    }

    .title02Style02 {
        font-size: 18px;
        text-align: center;
    }

    .title02Style03 {
        font-size: 17px;
    }

    .title04Style {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .title04Style::before {
        width: 10px;
        height: 10px;
        top: 7px;
    }
}

/* ### ### ### sec01 ### ### ###*/
.mainimgArea {
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.mainimgCon {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    max-width: 560px;
    width: 100%;
}

.mainimgCon img {
    width: 100%;
    margin: auto;
}

@media only screen and (max-width: 980px) {
    .mainimgArea {
        height: 540px;
    }
}

@media only screen and (max-width: 690px) {
    .mainimgArea {
        height: 350px;
    }

    .mainimgCon {
        max-width: 350px;
    }
}

/* ### ### ### sec02 ### ### ###*/
.sec02 {
    background: #FFFFE5;
}

.titleArea {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.titleNumArea {
    margin-bottom: 25px;
}

.titleNum {
    border-radius: 5px;
    padding: 10px;
    background: #1888C8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
}

.titleNum .text_box,
.titleNum .text_num {
    display: block;
    color: #fff;
}

.titleNum .text_box {
    font-size: 15px;
    line-height: 1.5;
}

.titleNum .num_box {
    color: #fff;
    font-size: 45px;
    line-height: 1;
    font-family: 'Microsoft Sans Serif';
}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 690px) {
    .titleNum .num_box {
        font-size: 40px;
    }

    .titleNum .text_box {
        font-size: 12px;
    }

    .titleNum {
        width: 70px;
        height: 70px;
    }
}

/* ### ### ### sec03 ### ### ###*/
.sec03 {
    background: #E7F4FA;
}

/* ### ### ### sec04 ### ### ###*/
.colBanArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.colBan {
    width: 50%;
    padding: 25px 35px;
    position: relative;
}

.colBan::before,
.colBan::after {
    content: "";
    display: block;
    position: absolute;
    background: #B2B2B2;
}

.colBan::before {
    right: 0;
    top: 0%;
    width: 2px;
    height: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.colBan::after {
    left: 0%;
    bottom: 0;
    width: 90%;
    height: 2px;
}



.colBan:nth-child(2n)::before,
.colBan:last-child::before {
    display: none;
}

.colBan:nth-child(2n)::after {
    left: auto;
    right: 0;
    bottom: 0;
    width: 90%;
    height: 2px;
}


.colCirArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.colCirArea img {
    width: calc(33.333% - 10px);
    margin: 5px;
}

.btnBanArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btnBan {
    width: calc(33% - 20px);
    margin: 10px;
    border-radius: 10px;
    padding: 20px 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.btnBan::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.btnBan:hover::after {
    bottom: 13px;
}

.btnBan img {
    max-width: 100px;
    width: 100%;
}

.btnBanLink {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 1.2;
    margin-top: 20px;
}

.btnBan.bg_pink {
    background: #FFD9D9;

}

.btnBanLink:hover {
    text-decoration: none;
}

.btnBan.bg_pink .btnBanLink {
    color: #FF6666;
}

.btnBan.bg_pink::after {
    border-color: #FF6666;
}

.btnBan.bg_green {
    background: #E8F5DD;
    color: #8DCD56;
}

.btnBan.bg_green .btnBanLink {
    color: #8DCD56;
}

.btnBan.bg_green::after {
    border-color: #8DCD56;
}

.btnBan.bg_orange {
    background: #FDEAD5;
    color: #F3982D;
}

.btnBan.bg_orange .btnBanLink {
    color: #F3982D;
}

.btnBan.bg_orange::after {
    border-color: #F3982D;
}

.textFontB {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #1888C8;
    line-height: 1.3;
}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 690px) {
    .colBan::before {
        display: none;
    }

    .colBan::after {
        width: 100%;
    }

    .colBan {
        width: 100%;
    }

    .colBan:nth-child(2n)::after {
        width: 100%;
    }

    .btnBanArea {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .btnBan {
        width: 100%;
        margin: 5px 0;
        padding: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .btnBan img {
        max-width: 50px;
    }

    .btnBanLink {
        font-size: 14px;
        margin-top: 0;
        margin-left: 5px;
    }

    .textFontB {
        font-size: 20px;
    }
}

/* ### ### ###common### ### ###*/
.m80_block {
    margin-bottom: 80px;
}

.secCon08 .c-img {
    margin: 15px 0;
}

.secCon03 .c-img {
    margin: 15px 0;
}

@media only screen and (max-width: 980px) {
    .m80_block {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 690px) {
    .m80_block {
        margin-bottom: 40px;
    }
}

/* ### ### ###secCon01### ### ### */
.secCon01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
}

.secCon01 .con_l,
.secCon01 .con_m {
    width: calc(30% - 20px);
    margin: 10px;
}

.secCon01 .con_r {
    width: calc(40% - 20px);
    margin: 10px;
}

.secCon01 {
    margin: 10px;
}

.secCon01 .c-img {
    margin-bottom: 20px;
}



@media only screen and (max-width:980px) {

    .secCon01 .con_l,
    .secCon01 .con_m {
        width: calc(50% - 20px);
    }

    .secCon01 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon01 .con_r {
        width: 100%;
    }
}

@media only screen and (max-width: 690px) {}

/* ### ### ###secCon02### ### ### */


.secCon02 {
    text-align: center;
}

.secCon02 .text_area {
    margin-top: 30px;
}

.secCon02 img {
    width: 100%;
}



@media only screen and (max-width:980px) {}

@media only screen and (max-width: 690px) {}

/* ### ### ###secCon03### ### ### */
.secCon03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.secCon03 .conArea {
    width: calc(25% - 20px);
    margin: 10px;
}



@media only screen and (max-width:980px) {
    .secCon03 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon03 .conArea {
        width: calc(50% - 20px);
        margin: 10px;
    }
}

@media only screen and (max-width: 690px) {}

/* ### ### ###secCon04### ### ### */
.secCon04 {
    background-image: url(../image/seiken_parts_img01.jpg);
    background-size: cover;
    background-position: center;
    padding: 50px 80px;
}

.secCon04 .text_Area {
    max-width: 80%;
    width: 100%;
    margin: auto;
}


@media only screen and (max-width:980px) {
    .secCon04 {
        padding: 40px 35px;
    }
}

@media only screen and (max-width: 690px) {}

/* ### ### ###secCon05### ### ### */

.secCon05 {
    background-image: url(../image/seiken_parts_img01.jpg);
    background-size: cover;
    background-position: center;
    padding: 50px 80px;
}

.secCon05 .img_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 80%;
    width: 100%;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.secCon05 .img_area img {
    width: 100%;
}

.secCon05 .img_area .con_l,
.secCon05 .img_area .con_r {
    width: 40%;
}

.secCon05 .text_area {
    max-width: 80%;
    width: 100%;
    margin: auto;
    text-align: center;
}



@media only screen and (max-width:980px) {
    .secCon05 .img_area {
        max-width: 100%;
    }

    .secCon05 .img_area .con_l,
    .secCon05 .img_area .con_r {
        width: 45%;
    }
}

@media only screen and (max-width: 690px) {
    .secCon05 {
        padding: 50px 40px;
    }

    .secCon05 .img_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon05 .img_area .con_l,
    .secCon05 .img_area .con_r {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* ### ### ###secCon06### ### ### */

.secCon06 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.secCon06 .con_img {
    width: calc(30% - 20px);
    margin: 10px;
}

.secCon06 .con_img img {
    width: 100%;
}

.secCon06 .con_txt {
    width: calc(40% - 20px);
    margin: 10px;
}



@media only screen and (max-width:980px) {
    .secCon06 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon06 .con_img {
        width: calc(50% - 20px);
    }

    .secCon06 .con_txt {
        width: 100%;
    }
}

@media only screen and (max-width: 690px) {}

/* ### ### ###secCon07### ### ### */

.secCon07 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-height: 450px;
    height: 100%;
}

.secCon07 .con_l {
    width: calc(40% - 20px);
    margin: 10px;
    background-size: cover;
    background-position: center;
}

.secCon07 .con_r {
    width: calc(60% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.secCon07 .conimg {
    height: calc(50% - 20px);
    margin: 10px 0;
    background-size: cover;
    background-position: center;
}



@media only screen and (max-width:980px) {}

@media only screen and (max-width: 690px) {
    .secCon07 {
        min-height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon07 .con_l {
        width: 100%;
        margin: 10px;
        height: 250px;
    }

    .secCon07 .con_r {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 10px;
    }

    .secCon07 .conimg {
        height: 250px;
        margin: 10px 0;
    }
}

/* ### ### ###secCon08### ### ### */
.secCon08 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.secCon08 .conArea {
    width: calc(50% - 20px);
    margin: 10px;
}


@media only screen and (max-width:980px) {}

@media only screen and (max-width: 690px) {
    .secCon08 .conArea {
        width: 100%;
        margin: 10px;
    }
}

/* ### ### ###secCon09### ### ### */
.secCon09 .con50,
.secCon09 .con25 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.secCon09 .con50 .img_area {
    width: calc(50% - 20px);
    margin: 10px;
}

.secCon09 .con25 .img_area {
    width: calc(25% - 20px);
    margin: 10px;
}

.secCon09 img {
    width: 100%;
}


@media only screen and (max-width:980px) {}

@media only screen and (max-width: 690px) {

    .secCon09 .con50,
    .secCon09 .con25 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon09 .con50 .img_area {
        width: 100%;
        margin: 10px;
    }

    .secCon09 .con25 .img_area {
        width: calc(50% - 20px);
        margin: 10px;
    }
}

/* ### ### ###secCon10### ### ### */
.secCon10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.secCon10 img {
    width: 100%;
}

.secCon10 .conArea {
    width: calc(33.333% - 20px);
    margin: 10px;
}

.secCon10 .img_area {
    margin: 15px 0;
}


@media only screen and (max-width:980px) {}

@media only screen and (max-width: 690px) {
    .secCon10 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .secCon10 .conArea {
        width: 100%;
        margin: 10px;
    }
}

/* ### ### ###label_bg### ### ###*/
.bgLabel_01 {
    background: #AD8FC1 !important;
}

.bgLabel_02 {
    background: #FAA3B5 !important;
}

.bgLabel_03 {
    background: #6DC1FF !important;
}

.bgLabel_04 {
    background: #FECF07 !important;
}

.bgLabel_05 {
    background: #B5D252 !important;
}

.bgLabel_06 {
    background: #4995BD !important;
}

/* ### ### ### color_bg ### ### ###*/
.bgColor_01 {
    padding: 17px;
    background: #AD8FC1 !important;
}

.bgColor_02 {
    padding: 17px;
    background: #FAA3B5 !important;
}

.bgColor_03 {
    padding: 17px;
    background: #6DC1FF !important;
}

.bgColor_04 {
    padding: 17px;
    background: #FECF07 !important;
}

.bgColor_05 {
    padding: 17px;
    background: #B5D252 !important;
}

.bgColor_06 {
    padding: 17px;
    background: #4995BD !important;
}

/* ### ### ### title_bg ### ### ###*/
.titleColor_01 {
    background: #AD8FC1 !important;
}

.titleColor_02 {
    background: #FAA3B5 !important;
}

.titleColor_03 {
    background: #6DC1FF !important;
}

.titleColor_04 {
    background: #FECF07 !important;
}

.titleColor_05 {
    background: #B5D252 !important;
}

.titleColor_06 {
    background: #4995BD !important;
}


.titleColor_07 {
    background: #000099 !important;
}


.titleColor_08 {
    background: #006400 !important;
}


.titleColor_09 {
    background: #474a4d !important;
}


.titleColor_10 {
    background: #660066 !important;
}


.titleColor_11 {
    background: #808080 !important;
}


.titleColor_12 {
    background: #ffff00 !important;
    color: #333 !important;
}

/* ### ### ###youtube### ### ###*/
.youtubeImgArea {
    position: relative;
}

.youtubeImg {
    width: 100%;
}

.youtubeImgArea::before {
    content: "";
    display: block;
    background: url(../image/icon_youtube_play.png) 50% 50% no-repeat;
    background-size: cover;
    width: 90px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.youtubeImgArea:hover::before {
    background-image: url(../image/icon_youtube_play_on.png);
}

.lightBoxArea {
    background: rgba(209, 209, 209, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
}

.lightBoxCon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
}

.youtubeIframe {
    height: 100%;
    width: 100%;
}

.closeBtn {
    font-family: sans-serif;
    color: #c81505;
    text-shadow: none;
    position: absolute;
    top: auto;
    right: 5px;
    bottom: 5px;
    background-color: rgba(209, 209, 209, 0.9);
    z-index: 9994;
    width: 35px;
    height: 35px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    font-style: normal;
    font-size: 35px;
    line-height: 35px;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width:980px) {
    .lightBoxCon {
        width: 80%;
        height: 50%;
    }
}

@media only screen and (max-width: 690px) {
    .lightBoxCon {
        width: 90%;
        height: 50%;
    }
}

.l-container__w.zindexSetting {
    z-index: 5;
}

.c-youtube.youtubeLayout {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
}

.block_show.youtubeLayout {
    position: relative;
    animation: youtubeLayoutA 2s ease forwards;
}

@keyframes youtubeLayoutA {
    0% {
        left: -100px;
        visibility: hidden;
    }

    100% {
        left: 0px;
        visibility: visible;
    }
}

.youtubeLayout .youtubeArea {
    float: right;
    width: 40%;
}

@media only screen and (max-width: 690px) {
    .youtubeLayout .youtubeArea {
        float: none;
        width: 100%;
    }
}

/* ### ### ###LIQUI MOLY CV### ### ###*/
.bgColorBlack .p-seiken__contact.liquimoly_cv .logo {
    background-color: #2a2a2a;
}

.bgColorBlack .p-seiken__contact.liquimoly_cv .txtarea {
    background-color: #000;
}

/* ### ### ### col37### ### ###*/
.col37 {
    display: flex;
    flex-wrap: wrap;
}

.col3_col {
    width: calc(30% - 10px);
    margin-right: 10px;
}

.col7_col {
    width: calc(70% - 10px);
    margin-left: 10px;
}
.col3_col img {
    width: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}
@media only screen and (max-width: 690px) {
    .col3_col {
        width:100%;
        margin-right: 0px;
    }
    .col3_col img {;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .col7_col {
        width: 100%;
        margin-left: 0px;
    }
}

/* ### ### ###fontfamily### ### ###*/
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body:lang(zh) {
    font-family:  'Roboto',arial,sans-serif!important;
}
/* ### ### ###*/
@media only screen and (max-width: 690px) {
.liquimoly_product .p-seikentop__lineup__list > li.bule.sp_red{
    background-color: #c1403b;
}
.liquimoly_product .p-seikentop__lineup__list > li.bule.sp_red .txtarea{
    background-color: #c1403b;
}
.liquimoly_product .p-seikentop__lineup__list > li.red.sp_blue{
    background-color:#295c9b;
}
.liquimoly_product .p-seikentop__lineup__list > li.red.sp_blue .txtarea{
    background-color:#295c9b;
}
}
/* ### ### ###color### ### ###*/
.btnStyle01Area .p-products__carparts__link li a{
    background: #000080;
}
.btnStyle01Area .p-products__carparts__link li a:hover{
    background: #004bcc;
}

.btnStyle02Area .p-products__carparts__link li a{
    background: #999999;
}
.btnStyle02Area .p-products__carparts__link li a:hover{
    background: #4b4b4b;
}


/*================================================*/

/*SP用多言語記述*/
/*================================================*/
@media only screen and (max-width: 690px) {
    .lang_sp_list {
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 200px;
        margin: 30px auto 0;
    }
    .lang_sp_list li {
        margin-right: 0;
        margin-bottom: 10px;
        width: 50%;
    }
    .lang_sp_list li a{
        font-family: 'Noto Sans', sans-serif !important;
    }
    .lang_sp_list li a img {
        order: 0;
        margin-left: 0;
        margin-right: 10px;
    }
    .lang_sp_list li a .langItem {
        order: 1;
        margin-left: 0;
    }
}
/*================================================*/

/*ロシア語用記述*/
/*================================================*/

/*HEADER*/
body.russian .langtext, body.russian .contactBtn{
    white-space: nowrap;
}

/*================================================*/

/*英語・ロシア語用記述*/
/*================================================*/
/*FOOTER*/
body.english .footer_icon_text, 
body.russian .footer_icon_text{
    display: block;
    text-align: center;
}
body.english .footer_icon_text .icon, 
body.russian .footer_icon_text .icon{
    display: block;
    margin: 5px auto 0;
}
body.english .footer_icon_text .f_black, 
body.english .footer_icon_text .f_red, 
body.russian .footer_icon_text .f_black, 
body.russian .footer_icon_text .f_red{
    display: block;
}
@media only screen and (max-width: 690px) {
    body.russian .footer_list_area_sp{
        flex-wrap: wrap;
    } 
    body.russian .f_sp_left, body.russian .f_sp_right {
        width: 100%;
    }
   body.russian .returnBtnArea{
    bottom: 0;
   }
}
/*================================================*/

/*英語用記述*/
/*================================================*/
/*office table====*/
@media only screen and (max-width: 690px) {
    body.english .p-company__office__table tr th{
        width: 100% !important;
    }
    body.english .p-company__office__table tr td{
        width: 100% !important;
        margin-left: 0;
    }
    body.english .p-company__office__table tr td::before {
        text-decoration: underline;
    }
}

/*================================================*/

/*ロシア語用記述*/
/*================================================*/
body.russian .p-carparts__earth__list .title{
    padding: 5px;
    line-height: 1.2;
}
@media only screen and (max-width: 980px) {
    body.russian .p-carparts__earth__list .title{
        padding: 9px;
    }  
}

body.russian .p-company__message__training li .title{
        width: 210px;
    }
    @media only screen and (max-width: 690px) {
        body.russian .p-company__message__training li .title{
            width: auto;
        }  
    }
body.russian .p-products__carparts__main .link li:nth-child(2) {
    top: 41%;
    left: 23%;
}

body.russian .p-products__carparts__main .link li:nth-child(3) {
    top: 29%;
    left: 52%;
}

body.russian .p-products__carparts__main .link li:nth-child(4) {
    top: 55%;
    left: 39%;
}

body.russian .p-products__carparts__main .link li:nth-child(6) {
    top: 18%;
    left: 73%;
}
    @media only screen and (max-width: 980px) {
        body.russian .product_box{
            padding: 15px;
        }
        .p-products__carparts__link li a{
            line-height: 1.2;
            word-break: keep-all;
        }
    }

body.russian .c-table__spscroll td{
    vertical-align: middle;
}
    @media only screen and (max-width: 690px) {
        body.russian .c-pagetitle__title{
            word-break: break-all;
        }
        body.russian .p-seikentop__mv__catch .txt02{
            margin: 0 0 0 auto !important;
        }
        body.russian .p-seikentop__mv__catch span{
            font-size: 20px;
        }
    }

/*office table====*/
@media only screen and (max-width: 690px) {
    body.russian .p-company__office__table tr th{
        width: 100% !important;
    }
    body.russian .p-company__office__table tr td{
        width: 100% !important;
        margin-left: 0;
    }
    body.russian .p-company__office__table tr td::before {
        text-decoration: underline;
    }

    body.russian .table_en_office .p-company__office__table tr td:nth-of-type(1):before {
            content: "Адре";
        }
    body.russian .en_office .p-company__office__table tr td:nth-of-type(1):before {
            content: "Адрес";
        }
    body.russian .table_en_office .p-company__office__table tr td:nth-last-child(2):before {
            content: "ТЕЛ";
        }

    body.russian .table_en_office .p-company__office__table tr td:nth-last-child(1):before {
            content: "ФАКС";
        } 
}
@media screen and (max-width: 690px) {
    body.russian .c-table__default tbody th,
    body.russian .c-table__default tbody td {
        display: inline-block !important;
    }
}