@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////                 © Branding Technology inc.                  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/
/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 160%;
    -webkit-text-size-adjust: none;
}
img {
    vertical-align: bottom;
}
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}
a {
    color: #1B2C84;
}
a:hover, a:active {
    color: #1B2C84;
    text-decoration: none;
}
a:visited {}
img {
    max-width: 100%;
    height: auto
}
ul {}
li {}
dl {}
dt {}
dd {}
table {
    width: 100%
}
th, td {}
th {}
td {}
p {
    margin: 0 0 1.8em;
}
p, dt, dd, td, th, li {
    line-height: 1.5625em;
}
* {
    word-break: break-word;
    outline: none;
}
*, :after, :before {
    box-sizing: border-box
}
:focus {
    outline: 0
}
li::marker {
    display: none
}
/* add
------------------------------------------------------------------------*/
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
html {
    background: none;
    margin: 0 auto;
}
body {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin: 0 auto;
    position: relative;
    overflow: auto;
    height: 100%;
}
#wrapper {
    max-width: 1920px;
    min-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.inner {
    width: 1100px;
    margin: 0 auto;
    position: relative
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header {
    padding: 27px 0 28px;
    position: relative;
    z-index: 10
}
#header p {
    margin-bottom: 0;
}
#header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1240px
}
#menu, #gnavi {
    display: flex;
    align-items: center
}
#gnavi li {
    margin: 0 14px;
}
#gnavi li a, #gnavi li > span {
    font-size: 17px;
    color: #1B2C84;
    text-decoration: none;
    font-weight: 700;
}
.header_btn {
    margin-left: 10px;
}
.header_btn a {
    width: 110px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background-color: #ED1B24;
    border-radius: 45px;
    border: 2px solid #ED1B24;
    z-index: 1;
    position: relative
}
.header_language {
    position: relative;
    margin-left: 22px;
}
.language_ttl {
    cursor: pointer
}
.language_ttl img {
    position: relative;
    z-index: 1;
}
.language_ttl a {
    text-decoration: none;
    margin: 0 3px;
}
.language_btn {
    height: 30px;
    padding: 0 10px 0 5px;
    color: #1B2C84;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}
.language_btn a.active {
    pointer-events: none;
    color: #49D1DD
}
.language_box {
    display: flex;
    flex-direction: column;
    width: 100px;
    text-decoration: none;
    font-size: 12px;
    border-radius: 5px;
    padding-top: 25px;
    position: absolute;
    transform: scaleY(0) translateX(-35px);
    transition: transform .4s cubic-bezier(.86, 0, .07, 1);
    transform-origin: top center;
    z-index: 3;
}
.language_box li {
    width: 100%;
    height: 100%;
    background-color: #EBF0F7;
}
.language_box a {
    font-size: 14px;
    font-weight: 700;
    color: #1B2C84;
    text-decoration: none;
    text-align: center;
    padding: 2px 20px;
    display: block;
}
.language_box li:first-child {
    padding-top: 10px;
}
.language_box li:last-child {
    /* padding-bottom: 10px; */
}
.language_box a:not(.active):hover {
    color: rgba(27, 44, 132, 0.7)
}
.btn_search {
    /* position: relative; */
    margin-left: 10px;
}
.header-formsub{
    display: none
}
.header-formsub #searchform {
    position: absolute;
    top: 63px;
    right: 0;
    transition: transform .4s cubic-bezier(.86, 0, .07, 1);
    transform-origin: right top;
    z-index: 1;
    padding-right: 10px;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
}
.header-formsub #searchform:after {
    position: absolute;
    content: "";
    background: #D2E2F5;
    width: 1920px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    left: -340px;
}
.btn_search.active .formsearch {
    transform: scaleX(1);
}
.header_language:hover .language_box {
    transform: scaleY(1) translateX(-35px)
}
.btn_search input {
    width: 100%;
    height: 45px;
    padding: 5px 50px 5px 25px;
    border-radius: 40px;
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.btn_search button.search {
    background: none;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    z-index: 2;
}
.search-btn{
    position: relative;
    z-index: 1;
    transition: all 0.2s linear;
    cursor: pointer
}
.search-btn.open:before{
    position: absolute;
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    background-color: #D2E2F5;
    z-index: -1;
    border-radius: 3px;
}
/*==========================================================================*/
/*                               TOPINFO                                    */
/*==========================================================================*/
#index #top_info {
    position: relative
}
.idx_srcoll {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index: 12;
}
.idx_srcoll a {
    width: 55px;
    height: 123px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(47, 88, 163, 0.7);
    border-radius: 10px;
}
.idx_srcoll a img {
    animation: srcoll-y 1.2s infinite alternate ease-in-out;
}
.slick-slider {
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    user-select: inherit !important;
    touch-action: auto;
    -ms-touch-action: auto;
}
#main_sliders {
    position: relative;
    width: 1920px;
    height: calc(100vh - 50px);
    left: -410px;
    top: 0;
    margin-top: -50px;
    user-select: initial;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial
}
#main_sliders:before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 50px);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #ffffff;
    z-index: -1
}
.slick-slide > div {
    line-height: 0;
}
#main_sliders p {
    margin-bottom: 0;
}
#main_sliders .main_detail:not(.main01) {
    padding-top: 50px;
}
#main_sliders .main_detail {
    position: relative;
}
#main_sliders .main_img img {
    max-width: inherit
}
.main_arrows {
    margin: auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.main_arrows .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 99;
}
.main_arrows .slick-arrow.slick-next {
    right: 0.5%;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 62 62' style='enable-background:new 0 0 62 62;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232F58A3;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='31' cy='31' r='30.2'/%3E%3Cg transform='translate(1 1)'%3E%3Cg%3E%3Cpath class='st1' d='M36.5,30.5l-9,8v-16L36.5,30.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M30-1C12.9-1-1,12.9-1,30s13.9,31,31,31s31-13.9,31-31S47.1-1,30-1z M30,59C14,59,1,46,1,30S14,1,30,1 s29,13,29,29S46,59,30,59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.main_arrows .slick-arrow.slick-prev {
    left: 0.5%;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 62 62' style='enable-background:new 0 0 62 62;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232F58A3;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='31' cy='31' r='30.2'/%3E%3Cg transform='translate(1 1)'%3E%3Cg%3E%3Cpath class='st1' d='M23.5,30.5l9,8v-16L23.5,30.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M30-1c17.1,0,31,13.9,31,31S47.1,61,30,61S-1,47.1-1,30S12.9-1,30-1z M30,59c16,0,29-13,29-29S46,1,30,1 S1,14,1,30S14,59,30,59z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.main_txt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    width: 1100px;
    display: flex;
    align-items: center;
}
.main_detail.animate .main_txt {
    animation: slidertxt_y 1.2s both linear 0.5s;
}
.main_ttl {
    font-size: 50px;
    line-height: 1.22;
    font-weight: 800;
}
.main_ttl.ttlstroke{
    text-shadow: #1b2c84 2px 0px 0px, #1b2c84 1.75517px 0.958851px 0px, #1b2c84 1.0806px 1.68294px 0px, #1b2c84 0.141474px 1.99499px 0px, #1b2c84 -0.832294px 1.81859px 0px, #1b2c84 -1.60229px 1.19694px 0px, #1b2c84 -1.97998px 0.28224px 0px, #1b2c84 -1.87291px -0.701566px 0px, #1b2c84 -1.30729px -1.5136px 0px, #1b2c84 -0.421592px -1.95506px 0px, #1b2c84 0.567324px -1.91785px 0px, #1b2c84 1.41734px -1.41108px 0px, #1b2c84 1.92034px -0.558831px 0px;
}
.main_info {
    color: #fff;
    margin: 0 auto
}
.main01 .main_info {
    margin: 56px 0 0 auto;
    color: #1B2C84
}
.main01 .main_ttl {
    display: block;
    margin-right: 38px;
    padding-bottom: 35px;
}
.main01 .main_note {
    font-size: 15px;
    line-height: 1.67;
    font-weight: 600;
    margin-left: auto;
    margin-right: -20px;
}
.main03 .main_ttl {
    text-align: center
}
.main_txtbig {
    font-size: 160%;
}
.main_note {
    width: 340px;
}
.main_detail.animate .main_note {
    animation: slidertxt_y 1.2s both linear 1.35s;
}
/*==========================================================================*/
/*                               COMMON                                     */
/*==========================================================================*/
#content p:last-child {
    margin-bottom: 0
}
/*==========================================================================*/
/*                              newsbox                                     */
/*==========================================================================*/
#newsbox {
    padding: 33px 0;
    background-color: #D2E2F5
}
#newsbox .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsbox_ttl {
    width: 170px;
    flex-shrink: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #1B2C84;
    margin: 0;
}
.newsbox_info {
    width: 960px;
    height: 50px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    padding: 0 16px;
}
.newbox_link {
    width: 100%;
    height: 100%;
    display: flex !important;
    padding: 12px 0;
    cursor: pointer
}
.newsbox_info p {
    margin-bottom: 0;
}
.newsbox_info > a, .columnbox_detail > a {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 1;
}
.newsbox_info dl {
    display: flex;
    align-items: center;
    margin-right: 16px;
    flex-shrink: 0
}
.newsbox_info dt, .newsbox_info dd {
    line-height: 1.24;
}
.newsbox_info dt {
    font-size: 14px;
    font-weight: 400;
    width: 96px;
    flex-shrink: 0;
}
.newsbox_info dd {
    height: 25px;
    color: #fff;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 10px
}
.newsbox_ttl01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.newsbox_ttl01 > span {
    font-size: 15px;
    width: 540px;
}
.newsbox_ttl01 > a {
    float: right;
    color: #00968D
}
.btn_more {
    margin: 0 0 0 auto;
    display: table
}
.btn_more a {
    font-size: 14px;
    color: #00968D
}
/*==========================================================================*/
/*                             servicebox                                   */
/*==========================================================================*/
#servicebox {
    padding: 100px 0 0;
    background-color: #fff
}
#index h2 {
    position: relative;
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    color: #1B2C84;
    margin: 0 auto 70px
}
.idxttl_number {
    font-size: 150px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #D2E2F5;
    line-height: 1;
    display: inline-block;
}
.idxttl {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
}
/* .color_green {
    color: #00968D
} */
.servicebox01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
.servicebox01.first{
    margin-bottom: 0;
}
.servicebox01_img {
    margin: 0;
}
.servicebox01_info {
    padding: 0 0 42px 50px;
}
.servicebox01_info dl {
    margin-bottom: 40px;
}
.servicebox01_info dt {
    font-size: 30px;
    font-weight: 700;
    color: #1B2C84;
    margin-bottom: 20px;
}
.servicebox01_info dd {
    color: #141F3F;
    line-height: 1.6875;
}
.idx_btn01 a {
    width: 250px;
    height: 50px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px #1b2c84;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    color: #1B2C84;
    font-weight: 600;
    position: relative;
    background-color: #fff;
    margin: 0;
    z-index: 1;
    overflow: hidden;
}
.idx_btn01 a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #1B2C84;
    border-bottom: 6px solid transparent;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto 0
}
.servicebox02 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -24px;
    padding: 100px 0;
    position: relative;
    z-index: 1;
}
.servicebox02:before {
    position: absolute;
    content: "";
    width: 1920px;
    height: 100%;
    left: -395px;
    top: 0;
    background-color: #EBF0F7;
    z-index: -1
}
.servicebox02 dl {
    /*width: 246px;*/
    width: 189px;
    margin: 20px;
}
.servicebox02 dl a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.servicebox02 dt {
    width: 86%;
    margin: 0 auto 20px;
    text-align: center;
}
.servicebox02 dd {
    font-size: 16px;
    font-weight: 700;
    color: #1B2C84;
    line-height: 1.2;
    text-align: center;
}
.servicebox02 dl.coming_soon dd {
    color: #707070
}
.servicebox02 dl.coming_soon a {
    pointer-events: none
}
.servicebox01_imgmain{
    margin: 60px auto 100px;
    text-align: center
}
.servicebox01_imgmain iframe {
    width: 900px;
    height: 480px;
    margin: 0 auto
}
/*==========================================================================*/
/*                            securitybox                                   */
/*==========================================================================*/
#securitybox {
    padding: 100px 0 0;
    background-color: #fff
}
.securitybox_tab .slick-slide .securitybox_tabdetail {
    animation: op0slider 0.8s linear;
    opacity: 0.2;
}
.securitybox_tab:not(.slick-initialized) .securitybox_tabdetail:not(:first-child) {
    display: none
}
.securitybox_tab .slick-slide.slick-current .securitybox_tabdetail {
    animation: op1slider 0.8s linear;
    opacity: 1;
}
.securitybox_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 40px
}
.securitybox_btn li {
    font-size: 20px;
    color: #1B2C84;
    font-weight: 700;
    position: relative;
    padding: 10px 0;
    text-align: center;
    cursor: pointer
}
.securitybox_btn .slick-slide, .securitybox_btn > li {
    width: auto !important;
    margin: 0 24px;
}
.securitybox_btn .slick-current li:before, .securitybox_btn > li:first-child:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    background-color: #49D1DD;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}
.securitybox_tab {
    width: 1260px;
    margin-left: -70px;
}
.securitybox_tabdetail {
    padding: 60px 0 60px 125px;
    position: relative;
    z-index: 1;
}
.securitybox_tabdetail:after {
    position: absolute;
    content: "";
    width: calc(100% - 19px);
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    background-color: #EBF0F7;
    border-radius: 10px;
    z-index: -1;
}
.securitybox_ttl01 {
    margin-bottom: 0;
    width: 420px;
    text-decoration: none;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 36px;
    color: #1B2C84;
    display: inline-block
}
.securitybox_frame {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.securitybox_img {
    width: 650px;
    margin: -90px -2px 0 0;
}
.securitybox_img img {
    width: 100%;
}
.securitybox_txt {
    width: 420px;
    margin-right: 68px;
    flex-shrink: 0;
    position: relative
}
/*.securitybox_txt>a{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto;
  z-index: 1;
}*/
.securitybox_txt dt {
    overflow: hidden
}
.securitybox_txt dd {
    font-size: 16px;
    color: #141F3F;
    line-height: 1.5;
    padding: 20px 0 38px;
}
.securitybox_txt .idx_btn01 {
    position: relative;
    z-index: 2;
}
.securitybox_txt .idx_btn01 a {
    margin: 0 auto;
}
.slick-arrow {
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    color: transparent;
    cursor: pointer;
    border: 0;
}
.securitybox_tab .slick-arrow {
    position: absolute;
    top: 30px;
    z-index: 1;
}
.slick-arrow.slick-prev {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232f58a3;%7D.b%7Bfill:none;stroke:%232f58a3;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Cpath class='a' d='M-8,0l-8,9H0Z' transform='translate(23.5 22.5) rotate(-90)'/%3E%3Ccircle class='b' cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/svg%3E") center center / 60px 60px no-repeat;
}
.slick-arrow.slick-next {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232f58a3;%7D.b%7Bfill:none;stroke:%232f58a3;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Cpath class='a' d='M8,0l8,9H0Z' transform='translate(36.5 22.5) rotate(90)'/%3E%3Ccircle class='b' cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/svg%3E") center center / 60px 60px no-repeat;
}
.securitybox_tab .slick-arrow.slick-prev {
    left: -30px;
}
.securitybox_tab .slick-arrow.slick-next {
    right: -14px;
}
/*==========================================================================*/
/*                              whybox                                      */
/*==========================================================================*/
#whybox {
    padding: 100px 0;
    background-color: #fff
}
.whybox_list01 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 100px;
}
.whybox_detail {
    width: 300px;
}
.whybox_img {
    text-align: center;
    margin: 0 auto 5px
}
.whybox_detail dl {
    display: flex;
    flex-direction: column;
    height: calc(100% - 230px)
}
.whybox_detail dt {
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.whybox_detail dd {
    text-align: center;
    font-size: 50px;
    line-height: 1;
    color: #1B2C84;
    margin-top: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.whybox_ttl {
    font-size: 30px;
    font-weight: 800;
    color: #1B2C84;
    text-align: center;
    margin-bottom: 18px;
}
.whybox_list02 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -17px 53px
}
.whybox_list02 li {
    margin: 15px 17px
}
.idx_btn01.idx_btnbig a {
    width: 350px;
    height: 70px;
    font-size: 20px;
    margin: 0 auto
}
.idx_btn01.idx_btnbig a:after {
    border-top-width: 8px;
    border-left-width: 9px;
    border-bottom-width: 8px;
    right: 27px;
}
/*==========================================================================*/
/*                             columnbox                                    */
/*==========================================================================*/
#columnbox {
    padding: 100px 0;
    background: #A4C1E5
}
#columnbox .idxttl_number {
    color: #98BAE3
}
#columnbox h2 {
    width: 550px;
}
#index .idxtop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px
}
#index .idxtop h2 {
    flex-shrink: 0;
    text-align: left;
    margin: 0;
    font-size: 28px;
}
#index .idxtop .idxttl {
    justify-content: flex-start
}
.columnbox_list {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 64px;
    /*overflow: hidden;*/
    padding-right: 50px;
}
#columnbox_slider .slick-slide {
    margin-right: 25px;
    height: auto
}
#columnbox_slider .slick-list {
    overflow: inherit
}
#index .column_arrows .slick-arrow {
    margin: 0 7px;
}
#columnbox_slider .slick-dots {
    width: 1100px;
    display: flex !important;
    align-items: center;
    background-color: #FFFFFF;
    height: 5px;
    flex: 1;
    flex-grow: 1;
    overflow: hidden;
    margin: 40px auto 0;
    transform: translateX(35px)
}
#columnbox_slider .slick-dots li {
    position: relative;
    width: 100%;
    cursor: pointer
}
#columnbox_slider .slick-dots li.slick-active {
    background-color: #2F58A3
}
#columnbox_slider .slick-dots button {
    text-indent: -9999px;
    color: transparent;
    width: 100%;
    height: 5px;
    border: 0;
    cursor: pointer
}
#columnbox_slider .slick-dots button:last-child {
    position: absolute;
    top: 0;
    left: 0;
}
.columnbox_detail {
    width: 350px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    display: flex !important;
    flex-direction: column;
    position: relative;
    box-shadow: 7px 10px 10px rgba(17, 27, 70, 0.25);
}
.columnbox_detail dt {
    width: 100%;
    height: 230px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.columnbox_detail dt img {
    flex-shrink: 0;
    max-width: inherit;
    max-height: 100%;
    width: auto;
    height: 100%;
}
.columnbox_detail img {
    transition: all .4s cubic-bezier(.86, 0, .07, 1);
}
.columnbox_detail dl {
    position: relative
}
.columnbox_detail dd {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}
.columnbox_info {
    padding: 20px
}
.columnbox_ttl {
    display: flex;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.29;
    margin: 0 auto 20px
}
.tagnew {
    margin-right: 17px;
    flex-shrink: 0
}
.columnbox_txt {
    margin-bottom: 6px;
}
.columnbox_info .btn_more {
    margin: 0;
}
.columnbox_day {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4C72BA;
    background-color: #EBF0F7;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: auto 0 0
}
/*==========================================================================*/
/*                             worldbox                                     */
/*==========================================================================*/
#worldbox {
    padding: 100px 0;
    background-color: #EBF0F7
}
#index #worldbox .idxtop {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: 0 auto 70px;
    z-index: 2;
}
#worldbox h2 {
    width: 350px
}
#worldbox .idxttl_number {
    color: #D2E2F5
}
.worldbox_txt01 {
    width: 690px;
    color: #141F3F;
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.worldbox_main {
    padding-top: 65px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative
}
.worldbox_svg {
    margin: 0 0 50px 60px;
    z-index: 0;
    position: relative;
}
.worldbox_name {
    width: 270px;
    height: 35px;
    border-radius: 2px;
    box-shadow: 5px 5px 5px 0 rgba(40, 59, 108, 0.2);
    margin-bottom: 5px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    font-weight: 500;
    background-color: #ffffff
}
.worldbox_year {
    width: 60px;
    flex-shrink: 0;
    color: #1B2C84
}
.worldbox_country {
    color: #1B2C84
}
.worldbox_txt {
    position: absolute;
    left: 0;
    top: 428px;
    width: 400px;
    border-radius: 7px;
    padding: 14px 20px 24px;
    display: none;
    background-color: #ffffff;
    color: #141F3F
}
.worldbox_detail.active .worldbox_name {
    background-color: #EA2125
}
.worldbox_detail.active .worldbox_year, .worldbox_detail.active .worldbox_country {
    color: #ffffff
}
.worldbox_detail.active .worldbox_txt {
    display: block
}
.worldbox_ttl {
    font-size: 20px;
    font-weight: 700;
    color: #EA2125;
    margin-bottom: 10px;
    padding-left: 8px;
}
.worldbox_img {
    margin-bottom: 10px;
}
.worldbox_txt dl {
    display: flex;
    align-items: flex-start
}
.worldbox_txt dt {
    width: 56px;
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 3px;
    flex-shrink: 0;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    margin-right: 10px;
    background-color: #F3535A
}
.worldbox_number {
    font-size: 178%;
    font-weight: 700;
}
/*MAP*/
#mapcountry_main path, .worldbox_name {
    cursor: pointer
}
/*path.country_map:hover, .worldbox_svg.active svg path[data-map="japan"] {
  fill: #EA2125
}
#mapcountry_main g:hover path{
  fill: #EA2125
}
.worldbox_svg.japan svg path[data-map="japan"], .worldbox_svg.taiwan svg path[data-map="taiwan"], .worldbox_svg.korea svg path[data-map="korea"], .worldbox_svg.thailand svg path[data-map="thailand"], .worldbox_svg.australia svg path[data-map="australia"], .worldbox_svg.united-kingdom svg path[data-map="united-kingdom"], .worldbox_svg.malaysia svg path[data-map="malaysia"], .worldbox_svg.china svg path[data-map="china"], .worldbox_svg.singapore svg path[data-map="singapore"], .worldbox_svg.indonesia svg path[data-map="indonesia"], .worldbox_svg.vietnam svg path[data-map="vietnam"], .worldbox_svg.new-zealand svg path[data-map="new-zealand"], .worldbox_svg.myanmar svg path[data-map="myanmar"], .worldbox_svg.turkey svg path[data-map="turkey"] {
  fill: #EA2125
}*/
/*==========================================================================*/
/*                              inforbox                                    */
/*==========================================================================*/
#inforbox {
    padding: 154px 0 198px;
    background: url("../images/idxbox06_bg.jpg") center center / cover no-repeat
}
.inforbox_ttl {
    text-align: center;
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 50px;
}
.inforbox_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}
.inforbox_list a {
    width: 400px;
    height: 90px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    border-radius: 45px;
    position: relative;
    background-color: #BF1B2E;
    color: #fff;
    z-index: 1;
    overflow: hidden;
    box-shadow: 8px 8px 10px rgba(3, 19, 61, 0.49);
    border: 2px solid #BF1B2E
}
.inforbox_list a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 8px solid transparent;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto 0
}
.inforbox_list li:first-child a {
    border-color: #1B2C84;
    background-color: #fff;
    color: #1B2C84
}
.inforbox_list li:first-child a:after {
    border-left-color: #1B2C84;
}
/*==========================================================================*/
/*                               footer                                   */
/*==========================================================================*/
#totop {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
    width: 65px;
    height: 80px;
    margin: 0;
}
#footer {
    background-color: #141F3F
}
#footer_link {
    padding: 114px 0 32px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
#footer_link:after {
    position: absolute;
    content: "";
    width: 1360px;
    height: 1px;
    background-color: #364369;
    left: -130px;
    bottom: 0;
}
.flink dt {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 13px;
}
.flink li {
    margin-bottom: 3px;
}
.flink a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
#footer_info {
    padding: 34px 0 106px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.finfo_link {
    display: flex;
    width: 100%;
    margin-bottom: 63px;
}
.finfo_link li {
    line-height: 1;
}
.finfo_link li:not(:last-child) {
    padding-right: 12px;
    margin-right: 15px;
    border-right: 1px solid #fff;
}
.finfo_link a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    line-height: 1;
}
#footer_logo {
    margin-bottom: 20px;
}
address {
    font-size: 12px;
    color: #fff
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
totop
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#totop {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    animation: scrolltop .4s ease-out;
}
#totop.fixed {
    display: block
}
#totop a {
    width: 65px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #2F58A3;
    text-decoration: none;
    position: relative;
    flex-direction: column;
    padding-top: 5px;
    transition: all .4s ease-out;
}
#totop a:before {
    content: "";
    width: 24px;
    height: 15px;
    background: url("../images/totop.svg") center top / contain no-repeat;
    display: inline-block;
    margin: 0 auto 4px
}
#totop a:hover {
    opacity: 0.7;
}
.columnbox_list .cate01 {
    background-color: rgba(163, 47, 141, 0.7)
}
.cate01 {
    background-color: rgba(163, 47, 141, 1)
}
.columnbox_list .cate02 {
    background-color: rgba(47, 76, 163, 0.7)
}
.cate02 {
    background-color: rgba(47, 76, 163, 1)
}
.columnbox_list .cate03 {
    background-color: rgba(47, 154, 163, 0.7)
}
.cate03 {
    background-color: rgba(47, 154, 163, 1)
}
.columnbox_list .cate04 {
    background-color: rgba(237, 27, 36, 0.7)
}
.cate04 {
    background-color: rgba(237, 27, 36, 1)
}
#secomboxmain {
    position: relative;
    padding-top: 440px;
}
/**/
#l-movie {
    z-index: -2;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    width: 100vw;
    max-width: 1920px;
    height: calc(100vh - 80px);
    background: url("../images/idx_mainimg.jpg") center center /cover no-repeat;
    margin: 0 auto
}
/*==============FIX IE==================*/
@media screen\0 {
    .idx_btn01 a {
        padding-bottom: 3px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
/*==============FIX GG==================*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* EFFECT                                                                 */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@-moz-keyframes scrolltop {
    0% {
        transform: translateY(-80px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes scrolltop {
    0% {
        transform: translateY(-80px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes totop {
    0% {
        transform: translateY(20px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes srcoll-y {
    0% {
        transform: translateY(-8px);
    }
    100% {
        transform: translateY(8px);
    }
}
@keyframes srcollsp-y {
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}
@keyframes bound-anim {
    0%, 20%, 50%, 90%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-25px);
    }
    60% {
        transform: translateY(-10px);
    }
}
@keyframes op1slider {
    0% {
        opacity: 0.2;
    }
    70% {
        opacity: 0.2;
    }
    100% {
        opacity: 1
    }
}
@keyframes op0slider {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.2
    }
}
@keyframes slidertxt_y {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    25% {
        transform: translateY(4%);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
animate SCROLL
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.animate01, .animate02, .animate03 {
    transition-property: opacity, transform;
    transition-duration: .6s;
    transition-timing-function: linear;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition-delay: 0.5s
}
.animate02 {
    transform: translate3d(100px, 0, 0);
}
.animate03 {
    transform: translate3d(-100px, 0, 0);
}
.fade-up {
    animation: fade-up 0.6s both linear
}
.fade-left {
    animation: fade-left 0.6s both linear
}
.fade-right {
    animation: fade-right 0.6s both linear
}
@keyframes fade-up {
    from {
        transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fade-left {
    from {
        transform: translate3d(100px, 0, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fade-right {
    from {
        transform: translate3d(-100px, 0, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.iconf {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    margin: 0
}
.iconf a:hover {
    opacity: 0.8
}
.customize-support #header {
    position: relative;
}
.customize-support #header:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    background-color: #fff;
    z-index: -1;
    left: 0;
    top: 0;
}
.customize-support #header.fixed, .customize-support #totop.fixed {
    top: 32px;
}
.servicebox02 .dd {
    font-size: 16px;
    font-weight: 700;
    color: #1B2C84;
    line-height: 1.2;
    text-align: center;
}
#index .h2 {
    position: relative;
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    color: #1B2C84;
    margin: 0 auto 70px;
    line-height: 1.0;
}
.hidden-content{
    height: 0;
    width: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
}
#gnavi > li.bnr > a:after{display: none !important;}
.center > img{margin:  0 auto;}
.scr_fb{margin: 50px 0 0 0;}
.scr_fb iframe{padding: 0;width: 300px !important;}
/* .security_logo img{filter: brightness(0) invert(1);} */
.security_logo{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
     align-items: center;
}
.box_digi{
    margin-left:20px;
}
#index #main .none{display: none}
#index #main .color_green{color: inherit;}
body .bogoflags{display: none}
.box_sp, .slick-slide img.box_sp, .slider_info_img, .box_facebook375, #menu_sp, #icon_sp, .box_sp460, .language_boxsp {
    display: none;
}
.box_pc, .slick-slide img.box_pc, .box_facebookfull {
    display: block;
}
.txt_bold {
    font-weight: bold
}
@media screen and (min-width: 751px) {
    #header {
        height: 100px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Slider
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .columnbox_list:not(.slick-initialized) {
        width: 2247px;
        overflow: inherit;
        padding-right: 0;
        padding-left: 2px;
        margin-left: calc((100vw - 1100px)/2);
    }
    .columnbox_list:not(.slick-initialized) .columnbox_detail {
        margin-right: 25px;
    }
    .columnbox_list .slick-list {
        margin-left: calc((100vw - 1100px)/2);
        overflow: visible;
    }
    .columnbox_detail {
        width: 350px !important;
    }
    .servicebox01_img img {
        max-width: inherit
    }
    #index .column_arrows .slick-arrow.slick-prev:hover {
        background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffffff;%7D.b%7Bfill:none;stroke:%23ffffff;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Cpath class='a' d='M-8,0l-8,9H0Z' transform='translate(23.5 22.5) rotate(-90)'/%3E%3Ccircle class='b' cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/svg%3E") center center / 60px 60px no-repeat;
    }
    #index .column_arrows .slick-arrow.slick-next:hover {
        background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffffff;%7D.b%7Bfill:none;stroke:%23ffffff;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Cpath class='a' d='M8,0l8,9H0Z' transform='translate(36.5 22.5) rotate(90)'/%3E%3Ccircle class='b' cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/svg%3E") center center / 60px 60px no-repeat;
    }
    .slick-arrow:hover, .securitybox_btn li:hover, .idx_srcoll a:hover, .search-btn:hover, .btn_search button.search:hover {
        opacity: 0.8
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /* MENU - HOVER                                                           */
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    #gnavi > li > a, #gnavi > li > span, .idx_srcoll a, .idx_btn01 a, .header_btn a, .inforbox_list a, .flink a, .finfo_link a, .newbox_link, .columnbox_detail, .securitybox_txt img, .service_contact_btn a, .language_box a {
        position: relative;
        transition: all .4s cubic-bezier(.86, 0, .07, 1);
        overflow: hidden
    }
    .language_btn a, .language_box a {
        overflow: inherit
    }
    #gnavi > li > a:after, #gnavi > li > span:after, .language_box a:after {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        border-radius: 8px;
        transition: all .4s cubic-bezier(.86, 0, .07, 1);
        background-color: #49D1DD;
        opacity: 0;
        transform: scale(0) translateY(-5px)
    }
    #gnavi > li:not(.active) > a:hover:after, #gnavi > li:not(.active) > span:hover:after, #gnavi li.active a:after, #gnavi li.current-menu-item a:after {
        opacity: 1;
        transform: scale(1) translateY(11px)
    }
    .language_box a.active:after {
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: inherit;
        left: 32px;
        visibility: inherit;
        opacity: 1;
        transform: scale(1) translate(-10px, 0)
    }
    a.current::after{
        opacity: 1;
        transform: scale(1) translate(0, 0) !important
    }
    .language_box a:hover::after{
        opacity: 1;
        transform: scale(1) translate(0,0)
    }
    .language_btn a:hover {
        opacity: 0.8
    }
    .flink a:before, .finfo_link a:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        background: #fff;
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform .4s cubic-bezier(.86, 0, .07, 1);
    }
    .flink a:hover:before, .finfo_link a:hover:before {
        transform: scaleX(1);
        transform-origin: bottom left;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  INDEX COMMON
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .idx_btn01 a > span, .header_btn a > span, .idx_btn01.idx_btnbig a > span, .inforbox_list li a > span, .inforbox_list a > span, .service_contact_btn a > span {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: #1B2C84;
        transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
        transform: translate(-50%, -50%);
        z-index: -1;
    }
    .inforbox_list li:last-child a > span, .header_btn a > span, .service_contact_btn a > span {
        background-color: #ffffff
    }
    .idx_btn01 a:hover, .header_btn a:hover, .idx_btn01.idx_btnbig a:hover, .inforbox_list li a:hover, .inforbox_list a:hover {
        color: #fff;
    }
    .idx_btn01 a:hover > span, .header_btn a:hover > span, .idx_btn01.idx_btnbig a:hover > span, .inforbox_list li a:hover > span, .inforbox_list a:hover > span, .service_contact_btn a:hover > span {
        width: 750px;
        height: 750px;
    }
    .header_btn a:hover, .service_contact_btn a:hover {
        color: #ED1B24
    }
    .service_contact_btn a:hover:after {
        border-left-color: #ED1B24
    }
    .idx_btn01 a:hover:after, .inforbox_list li:first-child a:hover:after {
        border-left-color: #fff
    }
    .inforbox_list li:last-child a:hover {
        color: #BF1B2E;
    }
    .inforbox_list li:last-child a:hover:after {
        border-left-color: #BF1B2E
    }
    .newbox_link:hover {
        opacity: 0.9
    }
    .newbox_link:hover .newsbox_ttl01 > span {
        color: #1B2C84
    }
    .securitybox_info dt a:hover img, .columnbox_detail:hover dt img, .securitybox_txt dl dt a:hover img {
        transform: scale(1.07)
    }
    .servicebox02 dl a dt {
        position: relative
    }
    .servicebox02 dl a {
        overflow: inherit
    }
    .servicebox02 dl:not(.coming_soon) a:hover dt {
        animation: bound-anim 2s;
    }
    .columnbox_detail:hover {
        opacity: 0.95;
    }
    .inforbox_list li:first-child a:hover {
        border-color: #ffffff
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  FIXED
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 99;
        background-color: #fff;
        animation: scrolltop .4s ease-out;
        padding: 17px 0;
        height: 80px;
        box-shadow: 0 0 10px rgba(40, 59, 108, 0.3)
    }
    #header.fixed #logo img {
        width: 100px;
    }
    #main.fixed {
        padding-top: 100px;
    }
    #main_sliders .main_img {
        height: calc(100vh - 100px);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }
    #main_sliders .main01 .main_img {
        height: calc(100vh - 50px);
    }
    #main_sliders .main_img img {
        height: 100%;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  GNAVI
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #gnavi .sub > span {
        position: relative;
        padding-left: 16px;
    }
    #gnavi .sub > span:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #1B2C84;
        transition: transform 0.25s linear;
        left: 0;
        top: 9px;
    }
    #gnavi .sub:hover > span:before {
        /*transform: rotate(180deg)*/
    }
    #gnavi .menu_sub {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 80px 0 28px;
        width: 1920px;
        transform: translate(-340px, 50px) scale(1, 0);
        transform-origin: top center;
        transition: all 0.25s linear;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }
    #gnavi > li:hover .menu_sub {
        transform: translate(-340px, 0);
        opacity: 1;
        visibility: inherit
    }
    #gnavi .menu_sub:before {
        position: absolute;
        content: "";
        width: 100%;
        height: calc(100% - 63px);
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: -1;
        background-color: #EBF0F7;
    }
    #gnavi .gnavi_sub {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 1130px;
        transform: translateX(0);
        margin: 0 auto
    }
    #gnavi .gnavi_sub li {
        /*width: 220px;*/
        width: 190px;
        margin: 15px;
    }
    #gnavi .gnavi_sub.gnavi_solution li {
        width: 185px;
    }
    #gnavi li .gnavi_sub a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        line-height: 1.26;
    }
    #gnavi .gnavi_sub li.coming_soon a {
        color: #707070
    }
    .gnavi_img {
        display: block;
        margin: 0 auto 10px
    }
    #gnavi li .gnavi_sub li:not(.coming_soon) a:hover .gnavi_img {
        animation: bound-anim 2s;
    }
    #gnavi li .gnavi_sub li.coming_soon a:hover {
        pointer-events: initial;
        cursor: text;
    }
    .flink:not(:last-child){margin-right:1%;}
    .flink li.bnr:not(:first-child){margin-top: 8px;}

}


@media screen and (max-width: 1420px) and (min-width: 751px) {
    #header .inner {
        width: 100%;
        max-width: 1100px;
    }
    #gnavi .menu_sub {
        transform-origin: top center;
        transform: translate(-410px, 50px) scale(1, 0);
    }
    #gnavi > li:hover .menu_sub {
        transform: translate(-410px, 0) scale(1, 1);
        opacity: 1;
        visibility: inherit;
    }
    .securitybox_tab {
        width: calc(100% + 40px);
        max-width: 1180px;
        margin-left: -20px;
    }
    #gnavi li a, #gnavi li > span{font-size: 13px;}
}
@media screen and (max-width: 1260px) and (min-width: 751px) {
    #header.fixed {
        padding-right: 65px;
    }
}
@media screen and (max-width: 750px) {
    h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
        font-size: 14px;
    }
    .security_logo{
        flex-direction: column;
    }
    .box_digi{
    margin-left:0;
    margin-top: 40px;
}
    img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }
    .security_logo{text-align: center;margin: 30px 0 0 0;}
    .security_logo p{margin: 0;}
    #wrapper, #header, #main, #footer, .inner {
        width: 100% !important;
        min-width: inherit !important;
    }
    #wrapper {
        min-width: 320px !important;
    }
    .inner, #footer_top .inner {
        box-sizing: border-box;
        padding: 0 20px;
    }
    .box_pc {
        display: none;
    }
    .box_sp {
        display: block
    }
    /*==========================================================================
                                 HEADER
  ==========================================================================*/
    #header {
        padding: 20px 0;
        height: 70px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 9999999999;
        background-color: #ffffff;
    }
    #main {
        padding-top: 70px;
    }
    #logo img {
        width: 120px
    }
    .language_boxsp {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        transform: translateX(-15px)
    }
    .language_boxsp li:not(:last-child)::after {
        content: "|";
        color: #1B2C84;
        font-weight: 400;
        display: inline-block;
        margin: 0 2px;
    }
    .language_boxsp a {
        text-decoration: none;
        color: #1B2C84;
        font-size: 12px;
        font-weight: 700;
        position: relative;
        padding: 5px;
    }
    .language_boxsp a.active:after {
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        left: 0;
        right: 0;
        bottom: -2px;
        margin: 0 auto;
        border-radius: 8px;
        transition: all .4s cubic-bezier(.86, 0, .07, 1);
        background-color: #49D1DD;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /* nav-icon3                                                              */
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    #nav-icon3 {
        width: 40px;
        height: 40px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 999;
        top: 0;
        right: 0;
    }
    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        border-radius: 2px;
        left: 0px;
        right: 0;
        margin: 0 auto;
        text-align: center;
        width: 30px;
        background: #1B2C84;
        opacity: 1;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        cursor: pointer;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)
    }
    #nav-icon3 span:nth-child(1) {
        top: 10px;
    }
    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
        top: 18px;
    }
    #nav-icon3 span:nth-child(4) {
        top: 26px;
    }
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #nav-icon3.open span:nth-child(1), #nav-icon3.open span:nth-child(4) {
        opacity: 0;
        transform: scale(1.5)
    }
    #nav-icon3.open span {
        background-color: #fff
    }
    #icon_sp {
        cursor: pointer;
        display: block;
        z-index: 999;
        width: 40px;
        height: 40px;
        position: fixed;
        top: 15px;
        right: 20px;
    }
    /*==========================================================================*/
    /*                               MENU                                       */
    /*==========================================================================*/
    #menu {
        display: none
    }
    #menu_sp {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 999;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(.86, 0, .07, 1);
    }
    #menu_sp:before {
        position: absolute;
        content: "";
        width: 100vw;
        height: 100vh;
        top: 0;
        right: 0;
        background-color: #ffffff;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(.86, 0, .07, 1);
    }
    #menu_sp.active, #menu_sp.active:before, #menu_sp.active .menusp_in {
        transform: translateX(0);
    }
    .menusp_in {
        width: 88%;
        max-width: 330px;
        height: 100vh;
        padding: 100px 25px 75px 35px;
        overflow-y: scroll;
        background-color: #141F3F;
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(.86, 0, .07, 1);
        transition-delay: 0.15s
    }
    .menusp_in dl {
        border-top: 1px solid #364369;
        padding: 18px 0
    }
    .menusp_in dt {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin: 0 auto 20px
    }
    .menusp_in dd {
        padding: 0 17px
    }
    .menusp_link a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        position: relative;
        display: block;
        padding: 0 15px;
    }
    .menusp_link a:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 6px solid #fff;
        border-bottom: 6px solid transparent;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    .menusp_link li:not(:last-child) {
        margin-bottom: 13px
    }
    /*==========================================================================
                                 TOP INFO
  ==========================================================================*/
    #index #top_info {
        min-height: calc(100vh - 155px);
    }
    #main_sliders {
        width: 100vw;
        height: auto;
        left: -20px;
        margin: 0 auto
    }
    #main_sliders .main_img img {
        max-width: 100%
    }
    .slick-slide img.box_pc {
        display: none
    }
    .slick-slide img.box_sp {
        display: block
    }
    #main_sliders .main_detail:not(.main01) {
        padding-top: 0;
    }
    .main_arrows {
        display: none !important
    }
    .main_txt {
        width: calc(100% - 40px);
        bottom: inherit;
    }
    .main_ttl {
        font-size: 8vmin;
    }
    .main_info {
        padding-top: 18vmin;
        margin: 0 0 0 7vmin;
    }
    .main01 .main_info {
        margin: 0;
    }
    .main01 .main_note {
        display: none
    }
    .main01 .main_ttl {
        margin-right: 0
    }
    .main03 .main_ttl {
        text-align: left
    }
    .idx_srcoll {
        bottom: 25px;
    }
    .idx_srcoll a {
        width: 35px;
        height: 80px;
    }
    .idx_srcoll a img {
        width: 20px;
        animation: srcollsp-y 1.2s infinite alternate ease-in-out
    }
    /*==========================================================================*/
    /*                               newsbox                                   */
    /*==========================================================================*/
    #newsbox .inner {
        flex-direction: column
    }
    .newsbox_ttl {
        width: 100%;
        text-align: center;
        margin: 0 auto 20px
    }
    .newsbox_info {
        width: 100%;
        padding: 10px 0;
        height: auto;
    }
    .newbox_link {
        flex-direction: column;
        width: 100%;
        padding: 0 10px
    }
    .newsbox_info dl {
        margin-bottom: 8px;
    }
    .newsbox_info dl dt {
        font-size: 12px;
        width: 76px;
        margin-right: 10px;
    }
    .newsbox_info dl dd {
        font-size: 11px;
        height: 20px;
    }
    .newsbox_ttl01 {
        display: initial;
    }
    .newsbox_ttl01.box_pc {
        display: none
    }
    .newsbox_ttl01 > span {
        font-size: 14px;
        width: 100%;
    }
    .newsbox_ttl01 > a {
        font-size: 13px;
        float: initial
    }
    .btn_more a {
        font-size: 12px;
    }
    /*==========================================================================*/
    /*                               servicebox                                 */
    /*==========================================================================*/
    #servicebox {
        padding: 60px 0 0
    }
    #index h2 {
        font-size: 22px;
        margin: 0 auto 30px
    }
    .idxttl_number {
        font-size: 450%;
        line-height: 0.8
    }
    .idxttl {
        padding-bottom: 0;
        line-height: 1.22;
    }
    .servicebox01 {
        flex-direction: column
    }
    .servicebox01_img {
        margin: 0 auto 20px
    }
    .servicebox01_img img {
        width: auto;
        height: auto;
    }
    .servicebox01_info {
        padding: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
    }
    .servicebox01_info dl {
        margin: 0 auto 20px;
    }
    .servicebox01_info dt {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .servicebox01_info dd {
        font-size: 15px;
    }
    .idx_btn01 a {
        margin: 0 auto !important;
        width: 200px !important;
        height: 40px !important;
        font-size: 16px !important;
        padding: 0 0 3px
    }
    .idx_btn01 a:after {
        right: 15px !important;
        border-width: 5px 0 5px 5px !important;
    }
    .servicebox02 {
        max-width: 540px;
        justify-content: flex-start;
        margin: 0 auto
    }
    .servicebox02 dl {
        width: calc(50% - 40px);
        max-width: 140px;
        margin: 10px 20px
    }
    .servicebox02 dt {
        margin-bottom: 15px;
    }
    .servicebox02 dt img {
        width: auto;
        height: auto;
    }
    .servicebox02 dd {
        font-size: 15px;
    }
    .servicebox01_imgmain {
        margin: 40px auto
    }
    .servicebox01_imgmain iframe {
        width: 100%;
        height: 50vmin;
    }
    /*==========================================================================*/
    /*                          securitybox                                      */
    /*==========================================================================*/
    #securitybox {
        padding: 60px 0 0
    }
    .securitybox_detail {
        flex-direction: column;
        padding: 30px 0
    }
    #index h3 {
        width: 100%;
        font-size: 18px;
        padding: 8px 0 8px 10px;
        margin-bottom: 20px;
    }
    .securitybox_info {
        width: 100%;
    }
    .securitybox_info dt, .securitybox_ill:after {
        display: none !important
    }
    .securitybox_ttl {
        order: 0
    }
    .securitybox_ill {
        order: 1;
        margin: 0 auto 20px !important
    }
    .securitybox_ill img {
        width: auto;
        height: auto
    }
    .securitybox_info {
        order: 2;
    }
    .securitybox_btn {
        display: none
    }
    .securitybox_tab {
        width: 100%;
        margin: 0 auto
    }
    .securitybox_tabdetail {
        padding: 0;
    }
    .securitybox_tab:not(.slick-initialized) .securitybox_tabdetail:not(:first-child) {
        display: block
    }
    .securitybox_tabdetail:after {
        display: none
    }
    .securitybox_frame {
        flex-direction: column;
        padding: 20px;
        border-radius: 10px;
        background-color: #EBF0F7;
        display: none;
        margin: 0 auto 20px
    }
    .securitybox_img {
        width: calc(100% + 60px);
        margin: 0 auto 5px;
        transform: translateX(-30px)
    }
    .securitybox_txt {
        width: 100%;
        margin: 0 auto
    }
    .securitybox_txt dt {
        display: none;
    }
    .securitybox_txt dd {
        font-size: 14px;
    }
    .securitybox_ttl01 {
        position: relative;
        width: 100%;
        padding-bottom: 20px;
        font-size: 18px;
        padding-left: 40px;
        text-decoration: none;
        color: #1B2C84;
    }
    .securitybox_ttl01:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #4C72BA;
        transition: transform 0.25s linear;
        left: 14px;
        top: 10px;
    }
    .securitybox_ttl01.open:before {
        transform: rotate(180deg)
    }
    /*==========================================================================*/
    /*                               whybox                                      */
    /*==========================================================================*/
    #whybox {
        padding: 60px 0
    }
    .whybox_list01 {
        width: 100%;
        max-width: 320px;
        flex-direction: column;
        margin-bottom: 60px;
    }
    .whybox_detail {
        width: 100%;
        padding: 30px 0
    }
    .whybox_img {
        margin: 0 auto 10px
    }
    .whybox_img img {
        max-width: 200px;
        height: auto
    }
    .whybox_detail dd {
        font-size: 40px;
    }
    .whybox_ttl {
        font-size: 18px;
        line-height: 1.22;
    }
    .whybox_list02 {
        justify-content: space-between;
        margin: 0 auto 40px
    }
    .whybox_list02 li {
        width: calc((100%/3) - 12px);
        margin: 6px 0
    }
    .whybox_list02 img {
        width: 100%;
        height: auto
    }
    /*==========================================================================*/
    /*                               columnbox                                      */
    /*==========================================================================*/
    #columnbox {
        padding: 60px 0px;
    }
    #columnbox h2 {
        width: 100%;
    }
    #index .idxtop {
        flex-direction: column;
        margin: 0 auto 35px
    }
    #index .idxtop h2 {
        text-align: center;
        font-size: 22px;
    }
    #index .idxtop .idxttl {
        justify-content: center
    }
    .columnbox_list {
        width: 100vw;
        margin: 0 auto 40px;
    }
    .columnbox_list.slick-initialized {
        padding-right: 0;
    }
    #columnbox_slider .slick-dots {
        width: calc(100vw - 40px);
        height: 4px;
        transform: translateX(0)
    }
    #columnbox_slider .slick-slide {
        margin-right: 25px
    }
    .column_arrows {
        display: none
    }
    #columnbox_slider .slick-track {
        width: 100%;
        padding-right: 35px;
        margin-bottom: 15px;
        margin-left: 13px;
    }
    #columnbox_slider .slick-slide {
        margin-right: 20px;
    }
    .worldbox_info {
        width: 100%;
    }
    .columnbox_detail {
        box-shadow: none;
    }
    .columnbox_detail dt {
        height: auto
    }
    .columnbox_detail dt img {
        width: auto;
        height: auto;
        max-height: 225px
    }
    .columnbox_detail dd {
        font-size: 12px;
    }
    .tagnew {
        margin: 5px 10px 0 0;
    }
    .tagnew img {
        width: 35px;
        height: 35px;
    }
    .columnbox_ttl {
        font-size: 15px;
        line-height: 1.46;
        margin-bottom: 10px;
    }
    #columnbox_slider .slick-dots {
        margin-top: 22px;
    }
    .columnbox_info {
        padding: 14px 10px;
    }
    .columnbox_day {
        font-size: 13px;
        height: 45px;
    }
    /*==========================================================================*/
    /*                               worldbox                                      */
    /*==========================================================================*/
    #worldbox {
        padding: 60px 0
    }
    #index #worldbox .idxtop {
        position: initial;
        margin-bottom: 30px;
    }
    .worldbox_txt01 {
        width: 100%;
    }
    .worldbox_svg, .worldbox_ttl {
        display: none !important
    }
    .worldbox_detail {
        margin-bottom: 5px;
    }
    .worldbox_detail.active .worldbox_name {
        background-color: #ffffff
    }
    .worldbox_name {
        width: 100%;
        margin-bottom: 0;
        position: relative;
        z-index: 1
    }
    .worldbox_name:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-top: 6px solid #1B2C84;
        border-right: 6px solid transparent;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        transition: transform .4s cubic-bezier(.86, 0, .07, 1)
    }
    .worldbox_detail.active .worldbox_name:after {
        transform: rotate(180deg)
    }
    .worldbox_txt {
        position: relative;
        top: -2px;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 2px;
        box-shadow: 5px 5px 5px 0 rgba(40, 59, 108, 0.2);
        z-index: 2;
        transform-origin: top center;
        transition: all .4s cubic-bezier(.86, 0, .07, 1);
        padding: 15px 20px;
        opacity: 0
    }
    .worldbox_detail.active .worldbox_txt {
        opacity: 1;
    }
    .worldbox_detail.active .worldbox_year, .worldbox_detail.active .worldbox_country {
        color: #1B2C84
    }
    .worldbox_img img {
        width: 100%
    }
    /*==========================================================================*/
    /*                             inforbox                                      */
    /*==========================================================================*/
    #inforbox {
        padding: 60px 0;
        background: #22417A
    }
    .inforbox_ttl {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .inforbox_list {
        flex-direction: column
    }
    .inforbox_list li {
        width: 100%;
        max-width: 300px;
        margin: 15px auto
    }
    .inforbox_list a {
        width: 100%;
        height: 60px;
        font-size: 18px;
    }
    .inforbox_list a:after {
        right: 20px;
        border-width: 7px 0 7px 7px !important
    }
    /*==========================================================================
                                 FOOTER
  ==========================================================================*/
    #footer_link, .finfo_link {
        display: none
    }
    #footer_info {
        padding: 42px 0;
        flex-direction: column-reverse
    }
    .box_facebookfull, .box_facebook375 {
        margin: 0 auto 80px;
        text-align: center;
    }
    .scr_fb .box_facebookfull, .scr_fb .box_facebook375{margin: 0;}
    .scr_fb iframe{width: 100% !important;}
    .finfo_contact {
        text-align: center;
        padding-bottom: 60px;
    }
    address {
        font-size: 12px;
        line-height: 1.67;
    }
    #totop {
        top: inherit;
        animation: totop .4s ease-out;
        margin-bottom: 0;
        width: 40px;
        height: 40px;
        bottom: 95px;
    }
    #totop.show {
        display: block
    }
    #totop a {
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        padding: 7px 7px 10px;
        z-index: -1;
        font-size: 0;
    }
    #totop a:before {
        position: absolute;
        margin: auto 0;
        background-position: center center;
        width: 18px;
        height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #secomboxmain {
        padding: 0;
    }
    #l-movie {
        display: none
    }
    .iconf {
        bottom: 52px;
    }
}
@media screen and (max-width: 600px) {
    .servicebox02 {
        max-width: 360px;
    }
}
@media screen and (max-width: 490px) {
    #index h2 {
        font-size: 6vmin;
    }
    #index h3 {
        font-size: 4.5vmin;
    }
}
@media screen and (max-width: 460px) {
    .box_sp460 {
        display: block
    }
}
@media screen and (max-width: 450px) {}
@media screen and (max-width: 414px) {
    #index #top_info {
        min-height: 100%;
    }
    .servicebox02 {
        max-width: 330px;
        justify-content: space-between
    }
    .servicebox02 dl {
        width: calc(50% - 17px);
        margin: 10px 0
    }
    .servicebox02 dd {
        font-size: 4vmin;
    }
}
@media screen and (max-width: 375px) {
    .box_facebookfull {
        display: none;
    }
    .box_facebook375 {
        display: block
    }
}
.under #content p.mb05 {
    margin-bottom: 5px;
}
.under #content p.mb10 {
    margin-bottom: 10px !important;
}
.under #content .info09_mb {
    margin-bottom: 70px;
}
.under #content .image_l {
    float: left;
    margin: 0 40px 20px 0;
}
.under #content .image_r {
    float: right;
    margin: 0 0 20px 40px;
}
.under #content .image_r.mb0 {
    margin-bottom: 0
}
.under #content .image_l.mb35 {
    margin-bottom: 35px !important;
}
.under #content .image_l.mb55 {
    margin-bottom: 55px !important;
}
.under sup {
    vertical-align: super;
    font-size: smaller;
    font-size: 8px;
}
.under #content span.txt_small {
    font-size: 86%;
}
.under #content p.txt_small {
    font-size: 140%;
}
.under #content .txt_big {
    font-size: 126%;
}
.under #topic_path {
    margin: 0;
    position: relative;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
}
#topic_path li {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    margin: 2px 10px 2px 0;
    color: #1B2C84;
    font-size: 13px;
    line-height: 1.35;
}
#topic_path li br {
    display: none
}
#topic_path li:last-child {
    padding-right: 0;
    margin-right: 0
}
#topic_path li:not(:last-child):after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #1B2C84;
    border-right: 1px solid #1B2C84;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    transform: rotate(45deg)
}
#topic_path a {
    text-decoration: underline;
    color: #1B2C84;
    font-size: 13px;
    display: inline-block;
}
#topic_path a:hover {
    text-decoration: none !important;
    opacity: 0.7
}
.under .color_red {
    color: #ff0000
}
/*section*/
.under * {
    box-sizing: border-box;
}
.under a:hover {
    text-decoration: none;
}
.under #content p:last-child, .under #content table:last-child {
    margin-bottom: 0px;
}
.under .section {
    padding-bottom: 100px;
}
.under .section:last-child {
    padding-bottom: 0;
}
.under #top_info {
    height: 350px;
    position: relative;
    background: url("../images/company_topinfo.jpg") left center / 970px auto no-repeat, #EBF0F7;
    border-bottom: none;
    z-index: 1;
    margin: 0 auto 100px;
}
.under.under_column #top_info {
    background-image: url("../images/column_topinfo.jpg")
}
#secom-plus.under #top_info{
    background-position: left bottom
}
.under #top_info:after {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    transform: skewX(-16deg) translateX(-35px);
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #EBF0F7;
    z-index: -1;
}
.under #top_info .inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.topinfo_box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 0 0 auto;
}
.topinfo_ttl {
    font-size: 40px;
    font-weight: 800;
    color: #1B2C84;
    margin-bottom: 20px;
    width: 100%;
    max-width: 570px;
    text-align: right;
    line-height: 1.225;
}
.under h2, .under h3, .under h4, .under h5, .under h6 {
    font-weight: 800;
    line-height: 1.23;
}
.under h2 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #1B2C84;
    margin: 0 auto 100px
}
.under h2:before {
    content: "";
    width: 5px;
    height: 60px;
    background-color: #00968D;
    display: block;
    margin: 0 auto 2px;
}
.under h3 {
    color: #1B2C84;
    font-size: 20px;
    padding: 4px 0 4px 15px;
    border-left: 5px solid #00968D;
    font-weight: 700;
    margin-bottom: 30px;
}
.under h4 {
    background-color: #D2E2F5;
    padding: 10px 20px;
    border-radius: 3px;
    color: #1B2C84;
    font-size: 17px;
    font-weight: 700;
    border-left: 0;
    margin-bottom: 40px;
}
.under h5 {
    font-size: 22px;
    border-left: 8px solid #006E3F;
    padding-left: 10px;
    margin-bottom: 20px
}
.under .news_date {
    font-size: 12px;
    font-style: italic;
    padding: 5px 10px;
    background-color: #F2F2F2;
    display: inline-block;
    color: #707070
}
/*table*/
.under table {
    margin-bottom: 30px;
    border-collapse: separate;
}
.under table.mb05 {
    margin-bottom: 5px;
}
.under table th, .under table td {
    padding: 20px;
    border: 1px solid #ffffff;
    background-color: #EBF0F7;
    color: #1B2C84;
}
.under table th {
    background-color: #D2E2F5;
    font-weight: 400;
    text-align: left
}
.under table.th_center th {
    text-align: center
}
.under table th.th_bg01 {
    background-color: #f6f6f6;
    color: #444
}
.under table th.th_bg02 {
    background-color: #ffffff;
    color: #3B3322
}
.under table.td_top td {
    vertical-align: top;
}
.under table.td_bot td {
    vertical-align: bottom;
}
.under table.td_center td {
    text-align: center;
}
.under table.tb_fix {
    table-layout: fixed
}
.under table td.bg_blue {
    background: #d2ebff;
}
.under .under_cal {
    margin-bottom: 5px
}
.under .under_cal th, .under .under_cal td {
    text-align: center
}
.under .under_cal th {
    width: calc(100%/8);
}
.under .under_cal th:first-child {
    width: 15%;
}
.under .under_cal td {
    font-weight: bold;
}
.under table.tdlast_right td:last-child {
    text-align: right
}
.under table.tb_denture th {
    width: 29%
}
.under table.tb_denture th:first-child {
    width: 13%
}
/*txt_note*/
.under #content .txt_note {
    display: none;
    font-size: 11px;
    color: #A3A3A3;
    margin-bottom: 5px;
}
.under #content .txt_bold {
    font-weight: 700;
    color: #000
}
.under_map {
    width: 100%;
    height: 460px;
}
.tb_scroll:not(:last-child) {
    margin-bottom: 40px
}
.under #content .under_title01 {
    font-size: 24px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 25px;
}
/*==========================================================================*/
/*                            Why SECOM                                     */
/*==========================================================================*/
.under .under_ttl {
    width: 100%;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.23;
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
    color: #1B2C84
}
.whysecom_info {
    position: relative;
    z-index: 1;
}
.whysecom_ttl01 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #1B2C84;
    margin: 0 auto 30px;
}
.under .whybox_list02 {
    margin: 0 -25px 100px;
    justify-content: center
}
.under .whybox_list02 li {
    margin: 15px 25px;
    width: calc(20% - 50px)
}
.under .whybox_list02 li img {
    width: 100%;
}
.whysecom_detail {
    display: block;
    margin-bottom: 100px;
}
.under .whysecom_detail .under_ttl {
    width: 500px;
    float: left
}
.whysecom_img {
    float: right;
    margin: 0 -180px 0 100px;
    position: relative;
    z-index: 5
}
.whysecom_detail:nth-child(2n+2) .whysecom_img {
    float: left;
    margin: 0 100px 0 -180px
}
.whysecom_img:before {
    position: absolute;
    content: "";
    width: calc(100% + 19px);
    height: 100%;
    top: 19px;
    z-index: -1;
    background-color: #A9C7EB
}
.whysecom_detail:nth-child(2n+1) .whysecom_img:before {
    right: 0;
}
.whysecom_detail:nth-child(2n+2) .whysecom_img:before {
    left: 0;
}
.whysecom_detail:nth-child(2n+2) .under_ttl {
    float: right
}
.whysecom_frame01 {
    background-color: #EBF0F7;
    padding: 100px 50px;
    margin-top: 100px;
    position: relative
}
.whysecom_frame01 .servicebox02 {
    padding: 0;
    width: calc(100% + 50px)
}
.whysecom_frame01 .servicebox02:before {
    display: none
}
.whysecom_frame01 .servicebox02 dl {
    /*width: 200px;*/
    width: 170px;
}
.whysecom_frame01 .servicebox02 dl a dt img {
    width: 130px;
    height: 130px;
}
.whysecom_frame01_ttl01 {
    font-size: 25px;
    border-right: 5px solid #00968D;
    padding-right: 18px;
    text-align: right;
    font-weight: 800;
    color: #1B2C84;
    margin-bottom: 40px;
}
.whysecom_txt p {
    font-size: 18px;
    line-height: 1.5;
}
.whysecom_boxlist {
    background-color: #EBF0F7;
    padding: 20px 35px;
    width: 500px;
    margin-top: 22px;
}
.whysecom_boxlist li {
    position: relative;
    padding-left: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #1B2C84;
    margin-bottom: 7px;
}
.whysecom_boxlist li a {
    text-decoration: none
}
.whysecom_boxlist li:last-child {
    margin-bottom: 0;
}
.whysecom_boxlist li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #1B2C84;
    border-right: 1px solid #1B2C84;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    transform: rotate(45deg);
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
COMPANY
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#company .image_l, #company .image_r {
    padding: 0 40px;
}
.underboxr:not(:last-child), .underboxl:not(:last-child) {
    margin-bottom: 70px;
}
.underbox_info {
    width: 530px;
}
.under #content .underbox_info p {
    line-height: 1.625;
}
.underboxr .under_ttl, .underboxl .under_ttl {
    font-size: 25px;
    margin-bottom: 25px;
    text-align: center;
    padding-top: 25px;
}
.underboxr .underbox_info {
    float: left
}
.underboxl .underbox_info {
    float: right
}
.under #content .company_spec01 .image_l {
    margin: -80px 40px 0 -80px;
}
.company_boxmain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 100px
}
.company_tab {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 20px;
}
.company_tab li a {
    cursor: text;
    text-align: center;
    display: table;
    text-decoration: none;
    color: #1B2C84;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto
}
.company_tab li, .company_tabbox {
    display: inline-block;
    width: calc((100%/3) - 22px);
}
.under table.company_tb01 {
    margin-bottom: 10px;
    height: 100%;
}
.under table.company_tb01 th, .under table.company_tb01 td {
    /* padding: 14px 17px */
    padding: 12px 10px
}
.under table.company_tb01 th {
    text-align: center;
    padding: 2px 17px
}
.company_tabbox {
    display: flex;
    flex-direction: column;
}
.company_map {
    margin-top: auto
}
.company_map iframe {
    width: 100%;
    height: 350px;
}
.under .list01 li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 3px;
}
.under .list01 li:last-child {
    margin-bottom: 0;
}
.under .list01 li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background-color: #1B2C84;
    top: 11px;
    left: 0;
}
.under table.company_tb02 th {
    width: 260px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SERVICE LP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.service_tab, .forjp_tab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 0 auto 100px
}
.service_tab:before, .forjp_tab:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #709BD6;
    z-index: -1;
}
.service_tab li a, .forjp_tab li a {
    text-align: center;
    border: solid transparent;
    border-width: 1px 1px 0 1px;
    border-radius: 12px 12px 0 0;
    text-decoration: none;
    padding: 12px 22px;
    display: block;
    font-size: 18px;
    color: #1B2C84;
    font-weight: 700;
}
.service_tab li.current-menu-item a, .forjp_tab li a.active {
    border-color: #709BD6;
    border-bottom: 1px solid #ffffff;
    pointer-events: none
}
.forjp_tab {
    margin-bottom: 60px;
}
.forjp_tab li {
    width: calc(100%/3);
    height: 60px;
}
.forjp_tab li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}
/*service_detailslider*/
.service_detailslider {
    display: flex;
    margin: 0 -20px 100px;
}
.service_tabbox_detail {
    width: 340px;
    margin: 0 20px;
    display: flex;
    flex-direction: column;
}
.service_tabbox_img {
    text-align: center;
    margin: 0 auto 15px;
    width: 260px;
}
.service_tabbox_info dt {
    font-size: 20px;
    line-height: 1.2;
    color: #1B2C84;
    text-align: center;
    font-weight: 600;
    margin-bottom: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service_tabbox_info dd, .service_tabbox_info dd p {
    line-height: 1.625;
}
.under #content p.service_title {
    display: block;
    padding: 30px;
    border-radius: 100px;
    background-color: #EBF0F7;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #1B2C84;
    position: relative;
    margin: 0 auto 100px;
    width: 100%;
}
.under #content p.service_title:before {
    position: absolute;
    content: "";
    background: url("../images/service-icon01.svg")right top / 96px 177px no-repeat;
    width: 96px;
    height: 177px;
    right: 20px;
    bottom: 14px;
}
.under #content p.service_title > .service_title_txt {
    display: block;
    font-size: 16px;
    color: #141F3F;
    font-weight: 400;
}
.service_mainimg {
    text-align: center;
    margin: 0 auto 100px
}
.service_contact {
    width: 1920px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 0 100px -410px;
    background: url("../images/service-bgmain.jpg") center center fixed no-repeat;
    padding-bottom: 15px;
}
.service_contact_ttl {
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.2;
}
.service_contact_btn a {
    width: 400px;
    height: 80px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    border-radius: 45px;
    position: relative;
    background-color: #ED1B24;
    color: #fff;
    z-index: 1;
    overflow: hidden;
    box-shadow: 5px 8px 10px rgb(40, 59, 108, 0.5);
    border: 2px solid #ED1B24;
}
.service_contact_btn a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 8px solid transparent;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.service_slider03_click {
    display: none
}
.service_slider03_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 40px;
}
.service_slider03_btn .slick-slide, .service_slider03_btn:not(.slick-initialized) li {
    margin: 0 25px;
    width: auto !important;
}
.service_slider03_btn li {
    font-size: 20px;
    color: #1B2C84;
    font-weight: 700;
    position: relative;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}
.service_slider03_btn .slick-current li:before, .service_slider03_btn:not(.slick-initialized) > li:first-child:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    background-color: #49D1DD;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.service_slider03_btn .slick-list > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#service_slider03 {
    width: 1240px;
    margin-left: -70px;
    position: relative
}
#service_slider03 .slick-slide .service_slider03_boxdetail {
    animation: op0slider 0.8s linear;
    opacity: 0.2;
}
#service_slider03 .slick-slide.slick-current .service_slider03_boxdetail {
    animation: op1slider 0.8s linear;
    opacity: 1;
}
#service_slider03 .slick-arrow {
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    color: transparent;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 38px;
    z-index: 1;
}
#service_slider03 .slick-arrow.slick-prev {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232f58a3;%7D.b%7Bfill:none;stroke:%232f58a3;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Cpath class='a' d='M-8,0l-8,9H0Z' transform='translate(23.5 22.5) rotate(-90)'/%3E%3Ccircle class='b' cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/svg%3E") center center / 60px 60px no-repeat;
    left: -32px;
}
#service_slider03 .slick-arrow.slick-next {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232f58a3;%7D.b%7Bfill:none;stroke:%232f58a3;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Cpath class='a' d='M8,0l8,9H0Z' transform='translate(36.5 22.5) rotate(90)'/%3E%3Ccircle class='b' cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/svg%3E") center center / 60px 60px no-repeat;
    right: -32px;
}
.service_slider03_info {
    background-color: #EBF0F7;
    border-radius: 10px;
    padding: 55px 76px 55px 120px
}
.service_slider03_ttl01 {
    font-size: 25px;
    font-weight: 700;
    color: #1B2C84;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 35px
}
.service_slider03_ttl01 > span {
    font-size: 65%;
    font-weight: 600;
    display: inline-block;
    line-height: 1.4;
    padding-top: 10px;
}
.service_slider03_boxttl01:first-child {
    width: calc(100% - 270px);
    float: left
}
.under #content .service_slider03_box .image_r {
    margin: -10px 0 0 20px;
}
.service_slider03_boxttl01 {
    font-size: 17px;
    font-weight: 600;
    color: #1B2C84;
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
}
.service_slider03_boxttl01:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 3px;
    background-color: #00968D;
    top: 12px;
    left: 0;
}
.service_slider03_boxinfo {
    margin-bottom: 22px;
    color: #141F3F
}
.service_slider03_boxinfo:last-child {
    margin-bottom: 0;
}
.service_slider03_boxinfo dt {
    font-weight: 600;
}
.list02 li {
    padding-left: 18px;
    ;
    position: relative;
    background: url("../images/ico-arrow-s.svg") 0 10px / 6px 10px no-repeat;
}
.list02 li a {
    color: #141F3F;
}
.factory-tabbox {
    margin-bottom: 100px;
}
/*qa*/
.faqbox:not(:last-child) {
    margin-bottom: 30px
}
.faqbox dt {
    padding: 20px 20px 20px 70px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1B2C84;
    background: url("../images/icon-q.svg") 17px 14px /30px 30px no-repeat, #D2E2F5;
    border-radius: 5px;
    line-height: 1.17;
}
.faqbox dd {
    padding: 25px 0 25px 70px;
    background: url("../images/icon-a.svg") 17px 25px /30px 30px no-repeat
}
.service_boxlink {
    position: relative;
    padding: 100px 0;
    z-index: 1;
}
.service_boxlink:after {
    position: absolute;
    content: "";
    width: 1920px;
    height: 100%;
    top: 0;
    left: -410px;
    background-color: #EBF0F7;
    z-index: -1;
}
.service_boxlink_ttl01 {
    font-size: 25px;
    font-weight: 800;
    color: #1B2C84;
    ;
    border-left: 5px solid #00968D;
    padding-left: 12px;
    margin-bottom: 30px;
}
.service_boxlink .servicebox02 {
    padding: 0;
}
.service_boxlink .servicebox02 dt {
    margin-bottom: 10px;
}
.service_boxlink .servicebox02 dl a dt img {
    width: 150px;
    height: 150px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  SERVICE DETAIL
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.under #content .servicedeatil_boximg .image_r {
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    margin-bottom: auto
}
#online-monitoring #content .servicedeatil_boximg .image_r, #secom-plus #content .servicedeatil_boximg .image_r {
    width: 536px
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
For Japanese Company
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body#for-japanese-company #main {
    font-family: "Noto Sans JP", sans-serif;
}
#for-japanese-company .topinfo_ttl {
    font-size: 30px;
}
#for-japanese-company h2 {
    font-size: 30px;
}
/*forjp_list*/
.forjp_list {
    margin: 0 auto 50px
}
.forjp_box, .forjp_boxtop {
    display: flex;
    justify-content: space-between;
}
.forjp_box {
    flex-direction: column
}
.forjp_boxtop {
    margin-bottom: 100px;
}
.forjp_img01 {
    margin: 0
}
.forjp_slider {
    display: flex;
}
.forjp_slider_detail {
    width: 235px;
    margin-left: 30px
}
.forjp_slider_detail dt {
    text-align: center;
    margin: 0 auto
}
.forjp_slider_detail dd {
    color: #141F3F;
    padding-top: 10px;
    line-height: 1.625;
    font-weight: 700;
}
/*forjp_pointmain*/
.forjp_pointmain {
    display: flex;
    margin: 0 auto 30px
}
.forjp_pointdetail {
    display: flex;
    flex-direction: column;
    width: 340px;
}
.forjp_pointdetail:not(:first-child) {
    margin-left: 40px;
}
.forjp_pointdetail dl {
    background-color: #4C72BA;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    margin: 0 auto -40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #fff;
    position: relative;
    z-index: 1
}
.forjp_pointdetail dd {
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    padding-bottom: 10px;
}
.forjp_pointtxt {
    padding: 50px 20px 20px;
    height: 100%;
    background-color: #2F58A3;
    border-radius: 10px;
    color: #fff;
    position: relative;
}
.forjp_pointtxt:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-top: 15px solid #2F58A3;
    ;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
}
/*forjp_listmain*/
.forjp_listmain {
    background-color: #EBF0F7;
    border-radius: 10px;
    padding: 60px 57px 60px 67px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 100px
}
.forjp_listdetail_tab {
    flex-shrink: 0
}
.forjp_listdetail_tab .slick-list > div > div {
    display: flex;
    flex-direction: column
}
.forjp_listdetail_tab .slick-slide {
    margin-bottom: 5px;
}
.forjp_listdetail_tab .slick-slide:not(:last-child), .forjp_listdetail_tab > li:not(:last-child) {
    margin-bottom: 5px;
}
.forjp_listdetail_tab .slick-slide {
    width: 320px !important;
}
.forjp_listdetail_tab .slick-slide li, .forjp_listdetail_tab > li {
    width: 320px !important;
    height: 50px;
    border-radius: 3px;
    display: flex !important;
    align-items: center;
    color: #1B2C84;
    background-color: #fff;
    font-weight: 700;
    text-decoration: none;
    padding: 5px 20px;
    cursor: pointer
}
.forjp_listdetail_tab .slick-slide.slick-current li, .forjp_listdetail_tab > li.active {
    background-color: #1B2C84;
    color: #fff
}
.forjp_listdetail_ttl {
    font-size: 20px;
    font-weight: 700;
    color: #1B2C84;
    padding: 10px 0;
    margin: 0 auto 20px
}
.forjp_listdetail_info .idx_btn01 {
    margin: 40px auto 0;
    display: table
}
.forjp_listdetail.slick-slider {
    position: initial
}
.forjp_listdetail {
    width: 620px;
    padding: 0 10px
}
.forjp_arrows .slick-prev, .forjp_arrows .slick-next {
    position: absolute;
    top: 30px;
}
.forjp_arrows .slick-prev {
    left: -32px;
}
.forjp_arrows .slick-next {
    right: -32px;
}
.forjp_listdetail > .forjp_listdetail_box:not(:first-child) {
    display: none
}
.forjp_listdetail_box {
    padding: 0 10px
}
.forjp_listdetail .slick-slide .forjp_listdetail_box {
    animation: op0slider 0.8s linear;
    opacity: 0.2;
}
.forjp_listdetail .slick-slide.slick-current .forjp_listdetail_box {
    animation: op1slider 0.8s linear;
    opacity: 1;
}
.under #content .forjp_listdetail_info .image_r {
    margin-left: 25px;
}
.forjp_listdetail_txt {
    padding-top: 10px;
}
.forjp_listdetail_txt p {
    color: #141F3F
}
/*forjp_step*/
.forjp_step {
    padding: 0 0 0 75px;
    counter-reset: step;
    margin: 0 auto 100px
}
.forjp_step dl {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    position: relative;
    border-radius: 10px;
    padding-bottom: 10px;
}
.forjp_step dl:last-child {
    padding-bottom: 0;
}
.forjp_step dl:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #EBF0F7;
    left: -75px;
    bottom: 10px;
    z-index: 2;
}
.forjp_step dl:nth-child(2):before {
    border-top-color: #D2E2F5
}
.forjp_step dl:nth-child(3):before {
    border-top-color: #A9C7EB
}
.forjp_step dl:nth-child(4):before {
    border-top-color: #709BD6;
    bottom: 0;
}
.forjp_step dl:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 100%;
    top: -30px;
    left: -75px;
    z-index: 1;
    background-color: #EBF0F7
}
.forjp_step dl:nth-child(1):after {
    height: calc(100% - 20px);
    top: 0;
}
.forjp_step dl:nth-child(2):after {
    background-color: #D2E2F5
}
.forjp_step dl:nth-child(3):after {
    background-color: #A9C7EB
}
.forjp_step dl:nth-child(4):after {
    background-color: #709BD6;
    height: calc(100% + 10px)
}
.forjp_step dt, .forjp_step dd:not(.iconstep) {
    height: 100%;
    background-color: #EBF0F7;
    display: flex;
    align-items: center
}
.forjp_step dt {
    border-radius: 10px 0 0 10px;
    width: 230px;
    flex-shrink: 0;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 700;
    color: #1B2C84;
    position: relative;
    overflow: hidden
}
.forjp_step dd:not(.iconstep) {
    border-radius: 0 10px 10px 0;
    width: 100%;
    padding: 20px 20px 20px 0;
    position: relative;
    overflow: hidden
}
.forjp_step dt:before, .forjp_step dd:not(.iconstep):before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #EBF0F7;
    z-index: -1;
}
.forjp_step dl:nth-child(2) dt:before, .forjp_step dl:nth-child(2) dd:not(.iconstep):before {
    background-color: #D2E2F5
}
.forjp_step dl:nth-child(3) dt:before, .forjp_step dl:nth-child(3) dd:not(.iconstep):before {
    background-color: #A9C7EB
}
.forjp_step dl:nth-child(4) dt:before, .forjp_step dl:nth-child(4) dd:not(.iconstep):before {
    background-color: #709BD6;
}
.forjp_step dd.iconstep {
    position: absolute;
    font-size: 80px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    left: 175px;
    margin: auto 0;
    z-index: 0
}
.forjp_step dd {
    line-height: 1.625;
    color: #141F3F
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Column
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.column_search {
    justify-content: flex-end;
    margin: 0 auto 36px
}
.column_search, .column_search dl {
    display: flex;
    align-items: center
}
.column_search dl + dl {
    margin-left: 50px;
}
.column_search dt {
    color: #1B2C84;
    margin-right: 15px;
}
.column_search select {
    padding: 6px 40px 6px 17px;
    border: 1px solid #4C72BA;
    border-radius: 3px;
    color: #1B2C84;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("../images/select_arrow.svg") right center / 40px 40px no-repeat, #EBF0F7;
    font-family: 'Montserrat', sans-serif;
}
.column_search dl:first-child select {
    width: 300px;
}
.column_search dl:last-child select {
    width: 100px;
}
.column_detail {
    display: flex;
    padding: 20px 30px;
}
.columnimg {
    width: 240px;
    height: 160px;
    flex-shrink: 0;
    margin: 0 30px 0 0;
}
.columnimg a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.columnimg img {
    flex-shrink: 0;
    max-width: inherit;
    max-height: 100%;
    width: auto;
    height: 100%;
}
.columntop {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.columntop dt, .columntop dd {
    line-height: 1.5;
}
.columntop dt {
    font-size: 12px;
    padding: 4px 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    margin-right: 15px;
    letter-spacing: 0.02em;
}
.columntop dd {
    font-size: 12px;
}
.columntxt dt {
    margin-bottom: 12px;
}
.columntxt dt a {
    color: #1B2C84;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none
}
.columntxt dd {
    color: #141F3F;
    font-size: 15px;
}
.pager {
    padding: 100px 0
}
.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    color: #1B2C84;
    background-color: #EBF0F7;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    padding-right: 3px;
}
.wp-pagenavi a:last-child, .wp-pagenavi span:last-child {
    margin-right: 0;
}
.wp-pagenavi a.first, .wp-pagenavi a.last {
    width: auto
}
.wp-pagenavi span.extend {
    background-color: #fff;
    color: #1B2C84
}
.wp-pagenavi span {
    background-color: #2F58A3;
    color: #ffffff
}
.previouspostslink, .nextpostslink {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: -9999px;
    position: relative
}
.previouspostslink:before, .nextpostslink:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.previouspostslink:before {
    border-right: 8px solid #2F58A3
}
.nextpostslink:before {
    border-left: 8px solid #2F58A3
}
/*detail*/
.column_inner {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 100px;
}
.column_inner .columntop {
    padding-bottom: 12px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 12px;
}
.column_inner h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    line-height: 1.45;
    margin-bottom: 15px;
}
.column_inner h2:before {
    display: none
}
.columnde_list * {
	width: auto;
	max-width: 100%;
	text-wrap: wrap;
}
.columnde_img {
    width: 100%;
    max-height: 467px;
    text-align: center;
    margin: 0 auto 35px
}
.columnde_img img {
    height: auto;
}
.columnbtn {
    padding: 25px 0;
    margin-top: 100px;
    border-top: 1px solid #E6E6E6;
}
.columnbtn a {
    position: relative;
    font-weight: 700;
    text-decoration: none;
    color: #1B2C84;
    padding-left: 20px;
}
.columnbtn a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #1B2C84;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}
.column_inner #navi {
    width: 300px;
    margin-left: 70px;
    flex-shrink: 0
}
.navi_list li {
    padding: 20px 0;
    border-bottom: 1px solid #E6E6E6
}
.navi_list a {
    text-decoration: none;
    display: flex;
    font-size: 15px;
    line-height: 1.33;
}
.naviimg {
    width: 90px;
    height: 60px;
    margin-right: 15px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.naviimg img {
    flex-shrink: 0;
    max-width: inherit;
    max-height: 100%;
    width: auto;
    height: 100%;
}
.navi_ttl {
    text-align: center;
    padding: 7px;
    color: #ffffff;
    letter-spacing: 0.02em;
    border-radius: 2px;
    font-weight: 600;
    margin: 0;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTACT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contact #main, #confirm #main, #thanks #main, #privacypolicy #main, #formsearch #main, #secom-group-human-rights-policy #main, #human-rights-policy #main {
    background-color: #EBF0F7
}
#contact.under #top_info, #confirm.under #top_info, #thanks.under #top_info, #privacypolicy #top_info, #formsearch #top_info, #secom-group-human-rights-policy #top_info, #human-rights-policy #top_info {
    height: auto;
    padding-top: 20px;
    margin-bottom: 50px;
    background-image: none !important
}
#contact.under #top_info:before, #contact.under #top_info:after, #confirm.under #top_info:before, #confirm.under #top_info:after, #thanks.under #top_info:before, #thanks.under #top_info:after, #privacypolicy #top_info:before, #privacypolicy #top_info:after, #formsearch #top_info:afbeforeter, #formsearch #top_info:after, #secom-group-human-rights-policy #top_info:after, #human-rights-policy #top_info:after {
    display: none
}
#contact #topic_path, #confirm #topic_path, #thanks #topic_path, #privacypolicy #topic_path, #formsearch #topic_path, #secom-group-human-rights-policy #topic_path, #human-rights-policy #topic_path {
    width: 100%;
    margin: 0 auto 50px;
    max-width: 100%;
    justify-content: flex-start
}
#contact .topinfo_box, #confirm .topinfo_box, #thanks .topinfo_box, #privacypolicy .topinfo_box, #formsearch .topinfo_box, #secom-group-human-rights-policy .topinfo_box, #human-rights-policy .topinfo_box {
    width: 100%;
    flex-direction: column-reverse;
}
#contact .topinfo_ttl, #confirm .topinfo_ttl, #thanks .topinfo_ttl, #privacypolicy .topinfo_ttl, #formsearch .topinfo_ttl, #secom-group-human-rights-policy .topinfo_ttl, #human-rights-policy .topinfo_ttl  {
    text-align: center;
    max-width: 100%
}
.contacttop, .contact_form {
    width: 100%;
    max-width: 750px;
    margin: 0 auto 100px;
}
.contacttop {
    margin-bottom: 40px;
}
.contacttop, .contacttop ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}
.contacttop ul {
    display: flex;
}
.contacttop ul li {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background-color: #fff;
    font-size: 15px;
    color: #1B2C84;
    font-weight: 500;
    margin: 15px;
    position: relative
}
.contacttop ul li > span {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.contacttop ul li:not(:last-child):after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #1B2C84;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.contacttop ul li.active {
    background-color: #2F58A3;
    color: #fff
}
.contacttop p {
    text-align: center;
}
/*form*/
.contact_form dl {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}
.contact_form dt, .contact_form dd {
    color: #1B2C84
}
.contact_form dt {
    width: 210px;
    flex-shrink: 0;
    padding-right: 40px
}
.contact_form dd {
    width: 100%;
}
.contact_form dl:nth-child(-n+4) dt {
    padding-top: 8px;
}
.contact_form input, .contact_form textarea, .contact_form .wpcf7-list-item-label:before {
    outline: none;
    border-style: none;
    border: 1px solid #4C72BA;
    background-color: #fff;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.contact_form dd input.contact_txt01 {
    width: 300px;
    height: 40px;
    padding: 8px;
}
.contact_form dd textarea.contact_txt02 {
    width: 100% !important;
    min-height: 264px;
    padding: 8px;
}
.contact_checkbox {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: baseline
}
.contact_checkbox > span {
    position: relative;
    padding: 5px 0;
}
.contact_checkbox .wpcf7-list-item-label {
    display: flex;
    align-items: center
}
.checkboxlink {
    position: relative;
    flex-shrink: 0;
}
.privacy_txt {
    display: flex;
}
.contact_form .wpcf7-list-item-label {
    position: relative;
    line-height: 1.3;
    padding-left: 26px;
}
.contact_form .wpcf7-list-item {
    margin-left: 0;
}
.contact_form .wpcf7-list-item-label:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.contact_form .wpcf7-list-item-label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    left: 3px;
    opacity: 0;
    top: 7px;
    transform: rotate(-45deg);
}
.contact_form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
}
.contact_form input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    background-color: #2F58A3;
    border-color: #2F58A3;
}
.contact_form input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    opacity: 1;
}
.contact_listbtn {
    position: relative;
    padding-top: 30px;
}
.contact_btn {
    transform: translateX(210px);
    margin: 0;
}
.contact_btn.btnback {
    position: absolute;
    transform: translateX(0);
}
.contact_btn.btn_top {
    transform: translateX(0);
    margin: 0 auto;
    display: table
}
.contact_btn a, .contact_btn input {
    width: 300px;
    height: 50px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #2F58A3;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact_btn.btnback a, .contact_btn.btnback input {
    width: 115px;
    background-color: #ffffff;
    border: 2px solid #2F58A3;
    color: #2F58A3
}
.privacy_txt .wpcf7-not-valid-tip {
    position: absolute;
    width: 200px;
}
.contact_form .wpcf7 form.invalid .wpcf7-response-output{
    padding: 10px;
    font-size: 120%;
    border:3px solid #BF1B2E;
    color: #BF1B2E;
    font-weight: 600;
}
/*confirm*/
#confirm .contact_form dt {
    width: 250px;
    padding-right: 0
}
#confirm .contact_form dt {
    padding: 8px 0
}
#confirm .contact_form dd {
    padding: 8px 15px
}
#confirm .contact_form dd {
    background-color: #ffffff;
    border-radius: 3px;
}
#confirm .contact_form dd textarea.contact_txt02 {
    min-height: 90px;
    padding: 0;
    border: 0px
}
#confirm .contact_btn.contact_btn01 {
    transform: translateX(250px);
}
/*thanks*/
.contact_info p {
    font-size: 15px;
}
.contact_frame {
    background-color: #ffffff;
    padding: 15px;
    margin-top: 60px;
    border-radius: 3px
}
.contact_btn.btn_top a {
    background-color: #ffffff;
    border: 2px solid #1B2C84;
    color: #1B2C84
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Not Found
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#not_found #main {
    background-color: #EBF0F7;
    padding: 150px 0;
    text-align: center
}
.notfound_txt {
    margin: 0 auto 20px
}
.notfound_txt dt {
    font-size: 20px;
    font-weight: 700;
    color: #1B2C84;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
privacypolicy
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#privacypolicy #main, #secom-group-human-rights-policy #main,#human-rights-policy #main {
    padding-bottom: 50px;
}
#privacypolicy #content h3, #privacypolicy #content h4,
#secom-group-human-rights-policy #content h3, #secom-group-human-rights-policy #content h4,
#human-rights-policy #content h3, #human-rights-policy #content h4 {
    margin-bottom: 20px;
}
#privacypolicy #content .section,
#secom-group-human-rights-policy #content .section,
#human-rights-policy #content .section{
    padding-bottom: 50px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
securitybox
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.under #securitybox {
    padding: 0 0 100px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Admin WP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.alignleft {
    float: left;
}
.alignright {
    float: right
}
.aligncenter {
    text-align: center;
}
img.alignleft, img.alignright {
    max-width: 300px;
    max-height: 200px;
}
img.alignleft {
    margin: 0 40px 20px 0
}
img.alignright {
    margin: 0 0 20px 40px
}
.caselist:not(.slick-initialized), .caselist .slick-list > div > div, .caseboxinfo {
    counter-reset: listStyle;
}
.caselist:not(.slick-initialized) li, .service_slider03_boxdetail, .caselist .slick-slide {
    counter-increment: listStyle;
}
.caselist li::after, .service_slider03_click:after, .caselist .slick-slide li::after {
    content: counter(listStyle, upper-latin);
}
.columnde_list ul li, .faqbox dd ul li {
    padding-left: 18px;
    position: relative;
    background: url(../images/ico-arrow-s.svg) 0 10px / 6px 10px no-repeat;
}
#formsearch #main {
    padding-bottom: 100px;
}
.boxsearch li {
    background-color: #ffffff;
    border-radius: 5px;
    margin: 10px auto;
    display: flex;
    flex-direction: column
}
.boxsearch li span.title {
    font-size: 20px;
    line-height: 1.2;
    color: #1B2C84;
    font-weight: 600;
}
.boxsearch li span.title br {
    display: none
}
.boxsearch li a {
    display: block;
    padding: 25px;
    text-decoration: none;
}
.boxsearch li a:hover {
    opacity: 0.9;
}
.boxsearch li a:hover span.title {
    text-decoration: underline;
}
.boxsearch li a .desc {
    padding-top: 8px;
    color: #333;
}
.boxsearch li span.title a:hover {
    text-decoration: underline
}
.boxsearch li span.title a br {
    display: none
}
.boxsearch li span.info {
    width: 100%;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.column_search input[type="submit"] {
    padding: 6px 25px;
    color: #ffffff;
    border: 0px;
    background-color: #1B2C84;
    border-radius: 3px;
    margin-left: 30px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.column_search input[type="submit"]:hover, .boxsearch button[type="submit"]:hover {
    opacity: 0.8;
}
.boxsearch {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}
.boxsearch form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse
}
.formsearch_inline {
    width: 100%;
}
.formsearch_inline input {
    width: 100%;
    height: 45px;
    padding: 10px 20px;
    padding: 5px 25px;
    border-radius: 40px;
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.boxsearch button[type="submit"] {
    height: 45px;
    width: 45px;
    border: none;
    margin-left: 15px;
    border-radius: 3px;
    background-color: #ffffff;
    flex-shrink: 0;
    cursor: pointer
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
#sliderlp_imgmain
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.slider_servicelpmain {
    width: 100%;
    margin: 0 auto 50px;
    position: relative
}
#sliderlp_imgmain {
    position: relative;
    z-index: 1;
    width: 100%;
}
#sliderlp_imgmain:before {
    position: absolute;
    content: "";
    width: 1920px;
    height: 200px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #EBF0F7;
    z-index: -1;
    left: -410px;
}
#sliderlp_imgmain .slick-arrow {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
#sliderlp_imgmain .slick-arrow.slick-prev {
    left: -100px;
}
#sliderlp_imgmain .slick-arrow.slick-next {
    right: -100px;
}
#sliderlp_imgmain .slick-track {
    z-index: 1;
}
#sliderlp_imgmain .slick-slide .sliderlp_imgmainimg {
    position: relative;
    z-index: 1;
    width: 1100px !important;
    margin: 0 auto;
    display: flex !important;
    justify-content: center;
}
#sliderlp_imgmain .slick-dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    z-index: 10;
    width: calc(100% + 100px);
    height: auto;
    transform: translateX(-50px)
}
#sliderlp_imgmain .slick-dots li a {
    line-height: 1;
    padding: 4px 8px;
    background-color: #EBF0F7;
    border-radius: 3px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}
#sliderlp_imgmain .slick-dots li a:hover, #sliderlp_imgmain .slick-dots li.slick-active a {
    background-color: #2F58A3;
    color: #ffffff;
}
.service_detail_iframe {
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
    align-items: center
}
.service_detail_iframe iframe {
    width: 900px;
    height: 480px;
    margin: 0 auto
}
.box_iframe{width: 100%;height: auto; margin: 0 auto;aspect-ratio: 16/9;max-width: 100%;}
.box_iframe iframe{width:100%;height:100%;border:none;outline: none;}

@media screen\0 {}
.box_sp490, .box_sp375 {
    display: none
}
@media screen and (min-width: 751px) {
    .service_tab li a:hover, .service_slider03_btn li:hover, .forjp_listdetail_tab .slick-slide li:hover, .forjp_tab li a:not(.active):hover, .wp-pagenavi a:hover, .contact_btn a:hover, .contact_btn input:hover, .columnbtn a:hover {
        opacity: 0.7;
    }
    .service_slider03_btn .slick-current li:hover {
        opacity: 1;
    }
    .column_detail:hover {
        background-color: #F2F5F9;
        border-radius: 5px
    }
    .columntxt dt a:hover, .whysecom_boxlist li a:hover {
        text-decoration: underline
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  SERVICE Detail
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .under #securitybox .slick-list > div > div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto
    }
    .servicedeatil_boximg {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .servicedeatil_boximg > p {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.78;
    }
    #service_slider04 {
        display: flex;
        flex-direction: column
    }
    #service_slider04 .service_tabbox_detail {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0 auto 50px;
    }
    #service_slider04 .service_tabbox_detail:last-child {
        margin-bottom: 0;
    }
    #service_slider04 .service_tabbox_img {
        width: 230px;
        height: 154px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin: 0 40px 0 0;
        overflow: hidden
    }
    #service_slider04 .service_tabbox_img img {
        flex-shrink: 0;
        max-width: inherit;
        max-height: 100%;
        width: auto;
        height: 100%;
    }
    #service_slider04 .service_tabbox_info dt {
        text-align: left;
        position: relative;
        justify-content: flex-start;
        padding-bottom: 12px;
        height: auto !important
    }
    #service_slider04 .service_tabbox_info dt:after {
        position: absolute;
        content: "";
        width: 40px;
        height: 4px;
        background-color: #00968D;
        left: 0;
        bottom: 0;
    }
    .columnde_list{
        width: 710px;
    }

}
@media screen and (max-width: 1520px) and (min-width: 751px) {
    .under #top_info{
        background-size: contain;
    }
}
@media screen and (max-width: 1420px) and (min-width: 751px) {

    #service_slider03 {
        width: calc(100% + 40px);
        max-width: 1180px;
        margin-left: -20px;
    }
    .service_slider03_info {
        padding-left: 76px;
    }
}
@media screen and (max-width: 1300px) and (min-width: 751px) {
    .sliderlp_imgmain_arrows {
        width: 1160px;
        transform: translateX(-30px)
    }
}
@media screen and (max-width: 750px) {
    .under .section {
        padding-bottom: 60px;
    }
    #company .image_l, #company .image_r {
        float: none !important;
        margin: 0 auto 20px !important;
        display: table
    }
    /*topic_path*/
    .under #topic_path {
        display: none
    }
    /*top_info*/
    .under #top_info {
        padding: 35px 0;
        height: 150px;
        margin: 0 auto 30px;
        background-image: none !important
    }
    .topinfo_box {
        padding: 0;
        margin: 0 auto
    }
    .topinfo_ttl {
        font-size: 20px;
        margin-bottom: 0;
        text-align: center;
        max-width: 100%;
    }
    .under #content p.txt_small {
        font-size: 80%
    }
    /*<h2> - <h3> - <h4> - <h5> - <h6>*/
    .under h2 {
        font-size: 18px;
        margin: 0 auto 30px
    }
    .under h2:before {
        width: 3px;
        height: 30px;
    }
    .under h3 {
        font-size: 16px;
        padding: 6px 0 6px 14px;
        margin-bottom: 20px;
    }
    .under h4 {
        font-size: 16px;
        padding: 10px 17px;
        margin-bottom: 25px;
    }
    .under h5 {
        font-size: 16px;
    }
    .under .under_map {
        height: 290px
    }
    /*table*/
    .under .tb_r {
        width: 100%;
        float: none;
        margin: 0 auto
    }
    .under table th, .under table td {
        padding: 10px !important;
    }
    .under #content .under_title01 {
        font-size: 18px;
    }
    /*.under #content .image_r, .under #content .image_l {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px !important;
  }*/
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /* table scroll                                                        */
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .under .tb_scroll {
        overflow: scroll;
        margin-bottom: 25px
    }
    .under .tb_scroll:last-child {
        margin-bottom: 0
    }
    .under .tb_scroll > table {
        width: 750px;
    }
    .under #content .txt_note {
        font-size: 12px;
        color: #AFAFAF;
        display: block;
    }
    .under .under_cal th, .under .under_cal td {
        font-size: 13px;
        padding: 8px 6px !important
    }
    .under .under_cal th:first-child {
        width: 17%;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /* table block                                                        */
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .under #content table.tb_block {
        width: 100% !important
    }
    .under #content table.tb_block th {
        text-align: center
    }
    .under #content table.tb_block > tbody > tr > th, .under #content table.tb_block > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /* tb_box                                                                 */
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .under table.tb_box thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .under table.tb_box tbody tr {
        display: block;
        border-bottom: 1px solid #C1C1C1
    }
    .under table.tb_box tbody tr:not(:last-child) {
        margin-bottom: 20px;
    }
    .under table.tb_2box tbody tr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .under table.tb_box.tb_2box td {
        width: 50%;
    }
    .under table.tb_box.tb_2box td:first-child {
        width: 100%
    }
    .under table.tb_box.tb_2box td:last-child {
        border-left: none
    }
    .under table.tb_box th, .under table.tb_box td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        border-bottom: none;
    }
    .under table.tb_box tbody tr th:before, .under table.tb_box tbody tr td:before {
        content: attr(data-label);
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-top: -10px;
        display: block;
        padding: 7px;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 0.5em;
        background-color: #F5F5F5;
        font-weight: 700;
        color: #000000;
        border-bottom: 2px solid #C1C1C1
    }
    .under table.tb_box.tb_box_noth tbody tr th:before {
        display: none
    }
    .under table.tb_box.tb_box_noth tbody tr td:before {
        background-color: #fff;
        color: #000000
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  WhySECOM
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .under .under_ttl {
        font-size: 20px;
    }
    .whybox_list01 {
        margin-bottom: 20px;
    }
    .under .whybox_detail {
        padding: 20px 0;
    }
    .under .whybox_img img {
        width: 150px;
        height: auto
    }
    .under .whybox_detail dt {
        font-size: 15px;
    }
    .under .whybox_detail dd {
        font-size: 35px;
    }
    .whysecom_ttl01 {
        font-size: 16px;
        line-height: 1.18;
    }
    .under .whybox_list02 {
        margin: 0 -12px 50px
    }
    .under .whybox_list02 li {
        margin: 5px 12px;
        width: calc((100%/3) - 24px)
    }
    .under .whybox_list02 li img {
        width: 100%
    }
    .whysecom_detail {
        margin-bottom: 65px;
    }
    .under .whysecom_detail .under_ttl {
        width: calc(65% + 20px);
        float: left;
        font-size: 16px;
        line-height: 1.3;
        padding: 0 5% 0 0;
        font-weight: 600;
    }
    .whysecom_img {
        margin: 0 -20px 30px 0;
        width: 35%;
        padding-left: 2%;
    }
    .whysecom_img:before {
        width: 100%;
        top: 10%;
        right: 0;
    }
    .under .whysecom_detail:nth-child(2n+2) .under_ttl {
        float: right;
        padding: 0 0 0 5%
    }
    .under .whysecom_detail:nth-child(2n+2) .whysecom_img {
        margin: 0 0 30px -20px;
        padding: 0 10px 0 0;
    }
    .under .whysecom_detail:nth-child(2n+2) .whysecom_img:before {
        left: initial
    }
    .whysecom_info {
        clear: both;
        margin-top: 10px
    }
    .whysecom_txt p {
        font-size: 15px;
    }
    .whysecom_boxlist {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 20px
    }
    .whysecom_boxlist li {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .whysecom_frame01 {
        margin-top: 25px;
        padding: 60px 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .whysecom_frame01_ttl01 {
        padding-right: 0;
        border-right: none;
        font-weight: 600;
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px
    }
    .service_boxlink {
        display: flex;
        justify-content: center;
        flex-direction: column
    }
    .service_boxlink .servicebox02 {
        max-width: 100%
    }
    .whysecom_frame01 .servicebox02 {
        padding: 10px 0 0;
    }
    .whysecom_frame01 .servicebox02 dl {
        max-width: 150px;
        width: calc(50% - 20px);
        margin: 10px
    }
    .under .servicebox02 dd {
        font-weight: 500;
        font-size: 14px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  COMPANY
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .company_boxmain, .underboxr:not(:last-child), .underboxl:not(:last-child) {
        margin-bottom: 50px;
    }
    .underbox_info {
        width: 100%;
        float: none !important;
        margin: 0 auto 20px
    }
    .underboxl .image_l, .underboxr .image_r {
        margin-bottom: 0;
    }
    .underboxl .image_l img, .underboxr .image_r img {
        width: 200px;
    }
    #company .image_l.imgfull {
        padding: 0 10px;
        float: none;
        margin: 0 auto !important
    }
    .underboxl .image_l.imgfull img {
        width: auto;
    }
    .underboxr .under_ttl, .underboxl .under_ttl {
        font-size: 17px;
        padding-top: 0;
        margin-bottom: 20px;
    }
    .company_tab li {
        width: calc((100%/3) - 5px);
        max-width: 260px;
    }
    .company_tab li a, .company_tab li a:hover, .company_tab li a.active {
        font-size: 15px;
        padding: 5px 12px 8px;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
        line-height: 1.2;
    }
    .company_tab li a.active {
        box-shadow: 0 0 0 2px #709BD6
    }
    .company_tab li a span {
        display: none !important;
        width: 0;
    }
    .company_tabbox {
        width: 100%;
    }
    .under .list01 li:before {
        top: 8px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  SERVICE LP
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #service_ttl01 {
        display: none
    }
    .service_mainimg {
        overflow: hidden;
        padding-bottom: 50px;
    }
    .service_mainimg img {
        width: auto;
    }
    .service_detailslider {
        margin: 60px auto;
    }
    #service_slider02 {
        margin-bottom: 25px;
    }
    .service_detailslider .slick-list {
        overflow: inherit;
        margin-left: 20px;
    }
    .service_detailslider .slick-slide {
        margin: 0 20px 0 0;
    }
    .service_tabbox_img {
        width: 90%;
    }
    .service_tabbox_detail {
        margin: 0;
        padding: 0
    }
    .service_detailslider .slick-dots, .forjp_slider .slick-dots, .forjp_pointmain .slick-dots {
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .service_detailslider .slick-dots li, .forjp_slider .slick-dots li, .forjp_pointmain .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 5px;
        background-color: #DEDEDE;
        position: relative
    }
    .service_detailslider .slick-dots li.slick-active, .forjp_slider .slick-dots li.slick-active, .forjp_pointmain .slick-dots li.slick-active {
        background-color: #2F58A3
    }
    .service_detailslider .slick-dots li button, .forjp_slider .slick-dots li button, .forjp_pointmain .slick-dots li button {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto auto;
        opacity: 0
    }
    .service_tabbox_info dt {
        font-size: 16px;
    }
    .service_tabbox_info dd {
        font-size: 14px;
    }
    .under #content p.service_title {
        font-size: 16px;
        line-height: 1.15;
        padding: 15px 50px;
        margin: 0 auto 50px
    }
    .under #content p.service_title:before {
        width: 60px;
        height: 110px;
        background-size: contain;
        right: -15px;
        bottom: -4px;
    }
    .under #content p.service_title > .service_title_txt {
        font-size: 14px;
        padding-top: 7px;
        text-align: left
    }
    .service_contact {
        width: 100vw;
        height: auto;
        padding: 65px 20px;
        margin: 0 0 65px -20px;
        background-attachment: inherit;
        background-size: cover
    }
    .service_contact_ttl {
        font-size: 25px;
        line-height: 1.2;
    }
    .service_contact_btn {
        width: 100%;
        max-width: 300px;
    }
    .service_contact_btn a {
        width: 100%;
        height: 60px;
        font-size: 18px;
    }
    .service_slider03_btn {
        display: none
    }
    #service_slider03 {
        width: 100%;
        margin: 0 auto;
    }
    .service_slider03_boxdetail {
        margin-bottom: 24px;
    }
    .service_slider03_info {
        display: none
    }
    .service_slider03_click {
        position: relative;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        padding-left: 40px;
        text-decoration: none;
        color: #1B2C84;
        display: block;
        margin-bottom: 15px;
    }
    .service_slider03_click:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #4C72BA;
        transition: transform 0.25s linear;
        left: 14px;
        top: 10px;
    }
    .service_slider03_click.open:before {
        transform: rotate(-180deg)
    }
    .service_slider03_info {
        padding: 20px;
    }
    .service_slider03_ttl01 {
        font-size: 17px;
        margin-bottom: 30px
    }
    .service_slider03_boxttl01 {
        font-size: 15px;
        padding-left: 0;
        margin-bottom: 6px;
    }
    .service_slider03_boxttl01:before {
        display: none
    }
    .service_slider03_boxttl01:first-child {
        width: calc(100% - 115px);
        float: left;
    }
    .under #content .service_slider03_box .image_r {
        width: 105px !important;
        float: right !important;
        margin: 0 0 10px 10px !important;
    }
    .faqbox dt {
        padding: 12px 12px 12px 45px;
        font-size: 15px;
        background-size: 25px 25px;
        background-position: 11px 12px;
        line-height: 1.26;
    }
    .faqbox dd {
        padding: 20px 0 20px 45px;
        background-size: 25px 25px;
        background-position: 11px 17px;
    }
    .factory-tabbox {
        margin-bottom: 25px;
    }
    .service_boxlink {
        padding: 60px 0;
    }
    .service_boxlink .servicebox02 {
        padding: 0;
    }
    .service_boxlink_ttl01 {
        text-align: center;
        border-left: none;
        font-size: 18px;
        padding: 0;
        margin: 0 auto 5px;
        font-weight: 600;
    }
    .servicebox02 dl {
        width: calc(50% - 40px);
        max-width: 150px;
    }
    .servicebox02 dl a dt img {
        width: 90px;
        height: 90px;
    }
    .list02 li, .columnde_list ul li, .faqbox dd ul li {
        background-position: 0 6px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  SERVICE DETAIL
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .under:not(#online-monitoring) #content .servicedeatil_boximg .image_r {
        float: right !important;
        width: 90px;
        height: auto;
        margin: 0 0 15px 15px !important;
    }
    .under .section.servicedeatil_boximg {
        padding-bottom: 0;
    }
    #online-monitoring #content .servicedeatil_boximg .image_r {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  For Japanese Company*9
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #for-japanese-company .topinfo_ttl {
        font-size: 20px;
    }
    #for-japanese-company h2 {
        font-size: 18px;
    }
    .forjp_list, .forjp_boxtop {
        margin-bottom: 0;
    }
    .forjp_img01 {
        display: none
    }
    .forjp_slider {
        width: 100%;
        margin: 60px auto
    }
    .forjp_slider .slick-list {
        overflow: inherit
    }
    .forjp_slider_detail {
        margin: 0 auto;
        min-width: 68vw !important
    }
    .forjp_tab {
        margin: 0;
    }
    .forjp_slider .slick-slide {
        margin: 0;
        padding: 0 10px;
    }
    .forjp_tab:before {
        display: none
    }
    .forjp_tab li {
        height: 42px;
    }
    .forjp_tab li a {
        font-size: 15px;
        line-height: 1.3;
        border-radius: 8px;
    }
    .forjp_tab li a.active {
        border-bottom-color: #709BD6;
        border-radius: 10px;
    }
    .forjp_pointdetail {
        margin-bottom: 10px;
    }
    .forjp_pointmain {
        margin: 20px auto;
        width: 100%
    }
    .forjp_pointmain .slick-list {
        overflow: inherit
    }
    .forjp_pointmain .slick-slide {
        padding: 0 10px
    }
    .forjp_pointdetail dl {
        width: 60px;
        height: 60px;
        padding: 0;
        margin-bottom: -30px;
    }
    .forjp_pointdetail dt img {
        width: 40px;
    }
    .forjp_pointdetail dd {
        font-size: 20px;
    }
    .forjp_pointtxt {
        padding: 40px 15px 15px
    }
    .forjp_pointtxt:after {
        border-left-width: 15px;
        border-right-width: 15px;
        border-top-width: 10px;
        bottom: -10px;
    }
    .forjp_listdetail {
        padding: 0;
    }
    .forjp_listdetail_tab {
        display: none !important
    }
    .forjp_listmain {
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0;
        padding: 30px 28px;
        margin-bottom: 50px;
    }
    .forjp_listdetail {
        width: 100%;
    }
    .forjp_listdetail_box {
        margin-bottom: 5px;
        padding: 0;
    }
    .forjp_listdetail_box:last-child {
        margin-bottom: 0;
    }
    .forjp_listdetail > .forjp_listdetail_box:not(:first-child) {
        display: block
    }
    .under #content .forjp_listdetail_info .image_r {
        margin: 0 0 20px 20px !important;
        float: right !important;
        width: 90px;
    }
    .forjp_listdetail_ttl {
        padding: 10px 20px;
        font-size: 16px;
        background-color: #ffffff;
        color: #1B2C84;
        border-radius: 3px;
        margin: 0;
    }
    .forjp_listdetail_ttl.open {
        background-color: #1B2C84;
        color: #ffffff;
    }
    .forjp_listdetail_info {
        display: none;
        padding: 20px 0 50px;
    }
    .forjp_listdetail_txt {
        padding: 0;
    }
    .forjp_step {
        padding-left: 38px;
        margin-bottom: 50px;
    }
    .forjp_step dl {
        height: auto;
        flex-direction: column;
    }
    .forjp_step dl:before, .forjp_step dl:after {
        left: -38px;
    }
    .forjp_step dl:after {
        width: 20px;
        top: -20px;
    }
    .forjp_step dl:before {
        border-left-width: 10px;
        border-right-width: 10px;
        border-top-width: 10px;
        bottom: 10px;
    }
    .forjp_step dt, .forjp_step dd:not(.iconstep) {
        background-color: transparent
    }
    .forjp_step dt {
        border-radius: 10px 10px 0 0;
        width: 100%;
        padding: 10px 15px;
        font-size: 16px;
    }
    .forjp_step dd.iconstep {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -1;
    }
    .forjp_step dd:not(.iconstep) {
        border-radius: 0 0 10px 10px;
        padding: 0 15px 15px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  COLUMN
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .column_search {
        justify-content: center;
        align-items: flex-end
    }
    .column_search input[type="submit"] {
        margin-left: 10px;
        padding: 5px 10px;
        font-size: 13px;
        height: 31px;
        margin-bottom: 2px;
    }
    .column_search dl {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .column_search dl:first-child {
        width: 62%;
        max-width: 300px;
    }
    .column_search dl + dl {
        margin-left: 10px;
        width: 34%;
        max-width: 100px;
    }
    .column_search dt {
        margin: 0 0 4px;
    }
    .column_search dd, .column_search dl select {
        width: 100% !important
    }
    .column_search select {
        padding: 5px 25px 5px 5px;
        background-size: 30px 30px;
    }
    .column_detail {
        padding: 20px 0;
        border-bottom: 1px solid #E6E6E6
    }
    .columnimg {
        width: 90px;
        height: 60px;
        margin-right: 15px;
    }
    .columntop {
        margin-bottom: 4px;
    }
    .columntop dt {
        font-size: 9px;
        margin-right: 12px;
        padding: 2px 8px
    }
    .columntop dd {
        font-size: 10px;
    }
    .columntxt dt a {
        font-size: 16px;
        font-weight: 400;
    }
    .columntxt dd {
        display: none
    }
    .pager {
        padding: 30px 0 60px;
    }
    .wp-pagenavi a, .wp-pagenavi span {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    /*detail*/
    .column_inner {
        margin-bottom: 50px;
    }
    .column_inner h2 {
        font-size: 17px;
    }
    .columnde_img {
        height: 215px;
    }
    .under #content .column_inner .image_l {
        width: 140px;
        margin: 0 20px 15px 0
    }
    .columnbtn {
        padding: 15px 0;
        margin-top: 50px;
    }
    .column_inner #navi {
        display: none;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  CONTACT
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #contact.under #top_info, #confirm.under #top_info, #thanks.under #top_info, #privacypolicy.under #top_info, #secom-group-human-rights-policy.under #top_info,#human-rights-policy.under #top_info {
        padding: 60px 0 30px;
        margin-bottom: 0;
    }
    .contacttop {
        margin-bottom: 20px;
    }
    .contact_form {
        margin-bottom: 50px;
    }
    .contacttop p {
        text-align: left;
        font-size: 13px;
    }
    .contact_form dl {
        flex-direction: column
    }
    .contact_form dd input.contact_txt01, .contact_form dt {
        width: 100%;
    }
    .contact_form dt {
        padding-right: 0;
    }
    .contact_checkbox {
        padding-top: 20px;
    }
    .privacy_txt {
        font-size: 12px;
    }

    .recaptcha {
        margin: 0 auto;
        text-align: center
    }
    .contact_btn {
        transform: translateX(0) !important;
        margin: 0 auto;
        display: table
    }
    .contact_btn a, .contact_btn input {
        width: 200px;
    }
    .contact_form label:after {
        top: 5px;
    }
    /*confirm*/
    #confirm .contact_form dt {
        padding: 0 0 2px
    }
    .contact_btn.btnback {
        margin-top: 5px;
    }
    .contact_btn.btnback input {
        width: 40px;
        height: 40px;
        text-indent: -9999px;
    }
    .contact_btn.btnback:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 9px solid #2F58A3;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto auto;
        transform: translateX(-2px)
    }
    #confirm .contact_form dd textarea.contact_txt02 {
        min-height: 130px
    }
    /*thanks*/
    .contact_info p {
        font-size: 14px;
    }
    .contact_frame {
        margin-top: 40px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  privacypolicy
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #privacypolicy #main, #secom-group-human-rights-policy  #main{
        padding-bottom: 20px;
    }
    #privacypolicy #content h3, #privacypolicy #content h4,
    #secom-group-human-rights-policy #content h3, #secom-group-human-rights-policy #content h4,
    #human-rights-policy #content h3, #human-rights-policy #content h4 {
        margin-bottom: 10px;
    }
    #privacypolicy #content .section ,
    #secom-group-human-rights-policy #content .section,
    #human-rights-policy #content .section {
        padding-bottom: 30px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  securitybox
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .under #securitybox {
        padding-bottom: 50px;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  sliderlp_imgmain
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #sliderlp_imgmain {
        width: calc(100% + 40px);
        left: -20px;
    }
    #sliderlp_imgmain:before {
        height: 40%;
    }
    #sliderlp_imgmain .slick-slide .sliderlp_imgmainimg {
        width: calc(100% - 40px) !important;
    }
    #sliderlp_imgmain .slick-arrow.slick-arrow {
        width: 25px;
        height: 25px;
        background-size: contain
    }
    #sliderlp_imgmain .slick-arrow.slick-prev {
        left: 0;
    }
    #sliderlp_imgmain .slick-arrow.slick-next {
        right: 0;
    }
    #sliderlp_imgmain .slick-dots {
        width: 100%;
        transform: translateX(0)
    }
    #sliderlp_imgmain .slick-dots li a {
        font-size: 14px;
    }
    .service_detail_iframe iframe {
        width: 100%;
        height: 50vmin;
    }

    .company_map{overflow: hidden;height: 350px;}
    #for-japanese-company table.company_tb01,
    .under table.company_tb01{height: auto !important;}
}
@media screen and (max-width: 660px) {
    .service_boxlink .servicebox02 {
        justify-content: center
    }
}
@media screen and (max-width: 500px) {}
@media screen and (max-width: 490px) {
    .box_sp490 {
        display: block
    }
}
@media screen and (max-width: 450px) {}
@media screen and (max-width: 414px) {
    .service_boxlink .servicebox02 dl {
        width: calc(50% - 40px);
        margin: 10px 20px
    }
}
@media screen and (max-width: 410px) {}
@media screen and (max-width: 375px) {
    .company_tab li a, .company_tab li a.active {
        font-size: 4vmin;
        padding: 2vmin 4.5vmin;
        display: block
    }
    #for-japanese-company .company_tab li a, #for-japanese-company .company_tab li a.active {
        font-size: 3.5vmin;
    }
}
@media screen and (max-width: 330px) {
    .contact_btn a {
        width: 180px;
    }
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: inline-block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}