@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}