html, body{ font-size: 16px; }
.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1110px; }
.mincho{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.anchor{
   display:block;
   height:63px; /* this is the height of your header */
   margin-top:-63px; /* this is again negative value of the height of your header */
   visibility:hidden;
}
a{ position: relative; z-index: 1; }
.border-top-5{ border-top-width: 5px !important; }
button{ z-index: 1; }
.z-index-1{ z-index: 1; }
.z-index-2{ z-index: 2; }
.top-min-5{ top: -5rem; }
.vertical-middle{ vertical-align: middle; }
.r-0{ right: 0; }
.l-0{ left: 0; }
.overflow-hidden{ overflow: hidden; }
.slider-message{right:0;left:0;}
.opacity-5{ opacity: 0.5 !important; }
.line-height-2{ line-height: 2; }
.line-height-23{ line-height: 2.3; }
.scale-15{ transform: scale(1.5); }

/*color*/
.blue{ color: #055caa !important; }
.bg-blue{ background-color: #003676; }
.bg-blue02{ background-color: #044a9c; }
.bg-blue03{ background-color: #055caa !important; }
.bg-gray{ background-color: #fafafb; }
.border-top-blue{ border-top-color: #0290e5 !important; }
.border-gray{ border-color: #c3cbd4; }

/*font*/
.font-12{ font-size: 0.875rem; }
.font-14,
.font-16,
.font-18{ font-size: 1rem; }
.font-20{ font-size: 1.05rem; }
.font-22{ font-size: 1.175rem; }
.font-30{ font-size: 1.275rem; }
.font-36{ font-size: 1.65rem; }
.font-40{ font-size: 1.8rem; }
.font-60{ font-size: 2rem; }
.font-85{ font-size: 3.5rem; }
#gnav .global-nav li a, .global-nav-scroll > li > a{ font-size: inherit; }
a, span{ font-size: 1rem; }
@media (min-width: 768px){
    .font-30{ font-size: 1.475rem; }
    .font-36{ font-size: 1.85rem; }
    .font-40{ font-size: 2.1rem; }
    .font-60{ font-size: 3rem; }
    .font-85{ font-size: 4.7rem; }
}
@media (min-width: 992px){
    .font-20{ font-size: 1.05rem; }
    .font-22{ font-size: 1.175rem; }
    .font-30{ font-size: 1.675rem; }
    .font-36{ font-size: 2.05rem; }
    .font-40{ font-size: 2.3rem; }
    .font-60{ font-size: 3.35rem; }
    .font-85{ font-size: 5rem; }
}
@media (min-width: 1200px){ 
    .font-12{ font-size: 0.75rem; }
    .font-14{ font-size: 0.875rem; }
    .font-18{ font-size: 1.125rem; }
    .font-20{ font-size: 1.25rem; }
    .font-22{ font-size: 1.375rem; }
    .font-30{ font-size: 1.875rem; }
    .font-36{ font-size: 2.25rem; }
    .font-40{ font-size: 2.5rem; }
    .font-60{ font-size: 3.75rem; }
    .font-85{ font-size: 5.313rem; }
}

/*animation*/
@keyframes pointer {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 25px;
    height: 25px;
  }
}
@keyframes move {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}

/*ヘッダー*/
.bg-header{ background-color: #00326c; }
.home .header{
    border-bottom: 0.5px solid #FFF;
}
.header, .header-area-height-line #gnav {
    background-color: transparent;
    box-shadow: none;
}
.home #header-wrapper, .home .default-nav {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 300;
}
.home .header {
    background-color: inherit;
    box-shadow: none;
}
.poly{
	position: fixed;
	width: 100%;
	height: 100%;
    z-index: -1;
}
#breadcrumb{ position: static; }

/*メニュー*/
.nav-fixed{ background-color: #00326c; }
.global-nav-line > li:first-child:before, .global-nav-line > li:first-child:after, .global-nav-line > li:after{ width: 0; }
.global-nav-scroll > li > a{ color: #FFFFFF; }
.global-nav-scroll > li > a:hover{ text-decoration: none; }

/*sub menu*/
#gnav, .global-nav li ul li, .mb-horizontal-nav { background-color: #FFFFFF; }
#gnav .global-nav li ul li{ border-bottom: 1px solid #9b8d77; }
#gnav .global-nav .current-menu-item > a, .global-nav-line li ul a{
    color: #055caa;
}
#gnav .global-nav .menu-item-has-children > a:after{ content: ''; }
#scroll-nav .header-logo img { max-height: 50px; }

/*visual*/
#bxslider li{
    height: 700px;
}

/*content*/
.arrow_btn:after{
    content: url("../images/arrow_btn_03.png");
    position: absolute;
    right: 1.25rem;
    top: 43%;
    transform: translateY(-50%);
}
.square_btn:after{
    content: url("../images/sengoku_top_pclv_07.png");
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}
/*#parallelogram{
    -webkit-transform: skew(-30deg);
     -moz-transform: skew(-30deg);
     margin-right: -10.5rem;
     overflow: hidden;
}
.anti_parallelogram{
    -webkit-transform: skew(30deg);
     -moz-transform: skew(30deg);
}*/
.header-video{ z-index: 0; }
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    z-index: 1;
}
.list-line:before{
    content: '-';
    color: #04a2e5;
    font-size: 1.8rem;
    padding-right: 0.5rem;
    line-height: normal;
}
.bg-box{
    background: rgb(2,0,36);
    background: linear-gradient(140deg, rgba(2,0,36,1) 0%, rgba(8,36,69,1) 0%, rgba(6,93,172,1) 100%);
}
.numberCircle {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    background: rgb(21,111,198);
    background: linear-gradient(140deg, rgba(21,111,198,1) 0%, rgba(21,111,198,1) 0%, rgba(134,180,225,1) 100%);
}
#position_choice .card-body{ position: relative; }
#position_choice .card-body:after, #q_a h3:after{
    content: url('../images/arrow_bottom_03.png');
    position: absolute;
    right: 10%;
    animation: move 1.3s infinite;
}
#q_a h3:before{
    content: url('../images/question_03.png');
    display: flex;
}
#q_a h3{ background-color: gainsboro }
#q_a .ea-body:before{
    content: url('../images/question_06.png');
    display: flex;
}
.wpcf7c-conf {
    background-color: #999999 !important;
}

.search-form .search-submit{ top: auto; }
.nav-title{ font-size: inherit; }

#device{
    background: url('../images/sengoku_top_pc_21.png') center / cover no-repeat;
}




/*cursor follow*/
.follower{
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    opacity: 0.2;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
}
.follower .dot{
    display: inline-block;
    background: #FFFFFF;
    border-radius: 100%;
    animation-name: pointer;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/*フッター*/
.footer{
	z-index: 1;
	position: relative;
}
.bg-footer{ background-color: #00326c; }

@media (min-width: 992px) {
    .global-nav-line li a { padding: 17px 0; }
}

@media (min-width: 768px){
    .img-tab-520{ width: 670px; }
    #scroll-nav, #mb-scroll-nav { height: 80px; }
}

@media (max-width:768px){
    html, body{ font-size: 14px; }
    .header-logo img, .modal-header-logo img { max-height: 40px; }
    .follower{ display: none; }

    /*hamburger*/
    .modal-menu{ 
        right: 5%; 
        top: 55%; 
    }
    #modal-global-nav-container { background-color: #003676; }
    #modal-global-nav-container .global-nav-default li a { color: #FFFFFF !important; }
    #modal-global-nav-container .global-nav li ul li { background-color: transparent; }

    .top-min-5{
        top: -4rem;
    }
    .box-sp{
        right: 18rem;
    }
    .box-sp-reverse{
        left: 18rem;
    }
    /*.width-tab-85{
        width: 85%;
    }*/
    .img-tab-520{
        width: 520px;
    }
    #wpfront-scroll-top-container img{
        width: 50px !important;
        height: 50px !important;
    }
}
@media (max-width:556px){
    /*.width-sm-75{
        width: 75%;
    }
    .width-sm-95{
        width: 95%;
    }*/
    .box-sp{
        right: 3rem;
    }
    .box-sp-reverse{
        left: 3rem;
    }
    #wpfront-scroll-top-container img{
        width: 40px !important;
        height: 40px !important;
    }
}