@charset "UTF-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}


/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */

body {
    margin: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}


/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}


/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9centar * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*----------------------
        base
----------------------*/

html {
    font-size: 62.5%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Sans W3","Hiragino Sans","メイリオ",Meiryo,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.75;
    text-align: center;
    background: #fff;
    color: #535353;
    height: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

p {
    font-size: 18px;
    color: #535353;
}

@media screen and (max-width: 587px){
    p{
        font-size: 14px;
    }
}

li {
    color: #535353;
}

a {
    text-decoration: none;
    color: #535353;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
    color: #535353;
}


/* �@768px�@�` */

@media screen and (min-width: 769px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

small {
    font-size: 80%;
    vertical-align: middle;
}

label,
select {
    cursor: pointer;
}

select {
    line-height: 1.8;
    padding: 3px;
}

option {
    padding: 3px;
}

::-moz-selection {
    background: #999;
    /* Safari */
    color: #535353;
}

::selection {
    background: #999;
    /* Safari */
    color: #535353;
}

::-moz-selection {
    background: #999;
    /* Firefox */
    color: #535353;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
}


/*----------------------
        layout
----------------------*/

body,
html {
    overflow-x: hidden;
    position: relative;
}


/*
    mainVisaul ���
*/

a:focus {
    outline: none;
}


/* �����@~768px�@���� */

@media screen and (max-width: 768px) {
    .sm-slider li span {
        background-repeat: no-repeat;
    }
    .sm-slider li:nth-child(1) span {
        background-position: 35% 50%;
    }
    .sm-slider li:nth-child(2) span {
        background-position: 43% 50%;
    }
    .sm-slider li:nth-child(3) span {
        background-position: 65% 60%;
    }
}

.scroll {
    position: absolute;
    bottom: 100px;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* �����@~768px�@���� */
}

@media screen and (max-width: 768px) {
    .scroll {
        bottom: 25%;
    }
}

.scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@-webkit-keyframes sdb {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

@keyframes sdb {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

.fixed {
    background-color: #fff !important;
    position: fixed !important;
}

.cf,
.cf:after {
    clear: both;
    content: "";
    display: block;
}

.onlySp {
    display: none;
    /* �����@~768px�@���� */
}

@media screen and (max-width: 768px) {
    .onlySp {
        display: block;
    }
}


/* �����@~768px�@���� */

@media screen and (max-width: 768px) {
    .onlyPc {
        display: none;
    }
}

.onlyTab {
    display: none;
    /* �����@�`960px�@���� */
    /* �����@~960px�@���� */
}

@media screen and (max-width: 960px) {
    .onlyTab {
        display: block;
    }
}

.onlySPc {
    display: none;
    /* �����@961px�@�`���� */
    /* �����@961px�@�`���� */
}

@media screen and (min-width: 961px) {
    .onlySPc {
        display: block;
    }
}

.ttlH3 {
    font-size: 20px;
    color: #868686;
    font-weight: normal;
    margin-top: 0;
}

.ttlH3CompanyMsg {
    font-size: 20px;
    color: #868686;
    font-weight: normal;
    padding-bottom: 30px;
    margin-top: -30px;
}

.ttlH2 {
    margin: 60px auto auto auto;
    position: relative;
    font-size: 18px;
}

.ttlH2:before {
    content: url("/-/media/HR-GUIDE/jp/img/title");
    position: absolute;
    bottom: 30px;
    left: 50%;
    top 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ttlH1 {
    margin: 45px 0;
    font-size: 36px;
    color: #ff8c00;
}

.boxIn {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 30px;
}
@media screen and (max-width: 576px) {
    .boxIn {
        padding-top: 20px;
    }
}

.bgFont {
    font-size: 32px;
    font-weight: bold;
}


/* mainVisual
------------------------------------------*/

.mainArea {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
}

.mainArea h1 {
    margin: 0;
    position: absolute;
    bottom: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* �����@~768px�@���� */
}

@media screen and (max-width: 768px) {
    .mainArea h1 {
        width: 100%;
        bottom: 25%;
    }
    .mainArea h1 img {
        width: 80%;
    }
}

.sm-slider,
.sm-slider:after {
    position: absolute !important;
    width: 100%;
    height: 100vh !important;
    top: 0px;
    left: 0px;
    z-index: -1;
}


/* header
------------------------------------------*/

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 80px;
    //overflow: hidden;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    /* �����@~960px�@���� */
}

@media screen and (max-width: 960px) {
    .header {
        overflow: visible;
        height: 80px;
    }
}

.headerIn {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    /* �����@~768px�@���� */
    //overflow: hidden;
    position: relative;
    height: 80px;
}

@media screen and (max-width: 768px) {
    .headerIn {
        width: 96%;
        padding-left: 0;
        padding-right: 0;
    }
}

.headerIn .headerLogo {
    margin: 10px 0 0 20px;
    line-height: 1;
    float: left;
}

.headerIn .headerLogo a:hover{
    opacity: 0.8;
}

/*.headerIn h1 {
    margin: 10px 0 0;
    line-height: 1;
    width: 180px;
    float: left;
}*/

/*@media screen and (max-width: 960px) {
    .headerIn h1 {
        position: absolute;
        top: -10px;
        left: 10px;
        margin: 0;
    }
}*/

/*.headerIn h1 img {
    width: 70%;
}*/

.spheaderIn h1 {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0;
    line-height: 1;
    z-index: 5;
}

/*.spheaderIn h1 img {
    width: 100%;
}*/

.headerBtn a {
    display: block;
    padding: 0 8px !important;
    background-color: #ff8c00;
    color: #fff;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 25px;
    width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    line-height: 1;
    -webkit-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.1);
}

.headerBtn span {
   /* background-image: url(/-/media/HR-GUIDE/jp/img/tel-icon.png);*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    line-height: 45px;
    background-size: 20px;
}

.headerBtn:hover {
    opacity: 0.8;
}


/* headerNavi
------------------------------------------*/

.gNav {
    float: right;
}

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

.gNav .gNavList li {
    float: left;
    display: block;
    font-size: 1.13rem;
    font-weight: bold;
    position: relative;
    margin-left: 50px;   
}

.gNav .gNavList a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 14px 0px;
}

.fx:after { 
        position: absolute; 
        bottom:0; left:0; 
        z-index:2; 
        display: block; 
        width:100%; 
        content:""; 
        border-bottom:#FF8900 1px solid; 
        -webkit-transform-origin:right top;
        -moz-transform-origin:right top;
        -o-transform-origin:right top;
        -ms-transform-origin:right top;
        transform-origin:right top; 
        -webkit-transform:scale(0,1);
        -moz-transform:scale(0,1);
        -o-transform:scale(0,1);
        -ms-transform:scale(0,1);transform:scale(0,1); 
        -webkit-transition:transform .7s ease;
        -moz-transition:transform .7s ease;
        -o-transition:transform .7s ease;transition:transform .7s ease
    }

.fx:hover:after { 
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -o-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top; 
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1); 
}

.fx:hover{
    color: #FF8900;
}


.dropbtn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}


li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;           /* This is for the drop down annimation */
  left: 68%;
  margin-left: -90px;
}

.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;

}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    color: #FF8900;
}

.dropdown:hover .dropdown-content {
  display: block;
}



/* footer
------------------------------------------*/

#footer {
    width: 100%;
    background-color: #1b1b1b;
    color: #fff;
    padding: 15px 0;
    font-size: 14px;
}

.footer{
    text-align:center;
}

.footer small a{
    color:white;
}

/* Up button
------------------------------------------*/

.btnPageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 1;
    cursor: pointer;
    z-index: 3;
    /* �����@~768px�@���� */
}

@media screen and (max-width: 768px) {
    .btnPageTop {
        bottom: 35px;
        right: 10px;
    }
}

.btnPageTop:hover {
    opacity: 0.6;
}

/* News in TOP
------------------------------------------*/

.newsinPageTop {
     position: fixed;
     bottom: 10px;
     opacity: 1;
     cursor: pointer;
     z-index: 3;
     width: 100vw;
     display: flex;
     justify-content: center;
     align-items: center;
     }

.sp_newsintop{
    display: none;
}

@media screen and (max-width: 768px) {
    .newsinPageTop {
     bottom: 0px;
     }

    .sp_newsintop{
    display: block;
    width: 100%;
    }
    .pc_newsintop {
    display: none;
    }
}


/* humbergerMenu
------------------------------------------*/

.humburgerMenu {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 50px;
    height: 50px;
    margin: 0;
}

.navMenu {
    margin-top: 70px;
}

@media screen and (max-width: 587px){
    .navMenu{
        height:100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.navMenu li {
    border-bottom: 1px solid #eee;
}

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

.navMenuWrap {
    margin: 0px;
    padding: 0px;
    height: 0px;
    overflow: hidden;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    background-color: #fff;
}

.navMenuWrap.open {
    background-color: #fff;
    height: 100vh;
}

.navMenuWrap.close {
    height: 0;
}

.humburgerMenuBtn {
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 20;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 14px;
    right: 14px;
}

.humburgerMenuBtn span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #535353;
    border-radius: 4px;
}

.humburgerMenuBtn span:nth-of-type(1) {
    top: 0;
}

.humburgerMenuBtn span:nth-of-type(2) {
    top: 10px;
}

.humburgerMenuBtn span:nth-of-type(3) {
    bottom: 0;
}

.humburgerMenuBtn.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    background-color: #000;
}

.humburgerMenuBtn.active span:nth-of-type(2) {
    opacity: 0;
}

.humburgerMenuBtn.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
    background-color: #000;
}


/* Vision
------------------------------------------*/

.vision {
    padding-bottom: 30px;
    background-image: url(/-/media/HR-GUIDE/jp/img/visionBack.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.visionWrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    /* �����@~768px�@���� */
    padding-top: 120px;
    padding-bottom: 90px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .visionWrap {
        width: 96%;
        padding-left: 0;
        padding-right: 0;
    }
}

.visionTxt {
    font-size: 20px;
    line-height: 2.2;
}


/*.backImgWrap {
  background-image: url(/-/media/HR-GUIDE/jp/img/companyBack1.png), url(/-/media/HR-GUIDE/jp/img/companyBack2.png);
  background-position: left top, left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 120px;
  border-bottom: 10px solid #ff8c00;
  /* ~640px */


}
@media screen and (max-width: 600px) {
    .backImgWrap {
        background-image: url(/-/media/HR-GUIDE/jp/img/companyBack3.png), url(/-/media/HR-GUIDE/jp/img/companyBack4.png);
    }
}
*/
/* company
------------------------------------------*/
.company {
    padding-top: 90px;
    padding-bottom: 60px;
}
.companyWrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .companyWrap {
        width: 96%;
        padding-left: 0;
        padding-right: 0;
    }
}
.companyWrap #access h4 {
    margin: 0;
}
.companyWrap #access iframe {
    height: 250px;
    width: 100%;
}
.companyWrap #access p {
    margin: 0;
    font-size: 16px;
    color: #282828;
}
.companyWrap #access .map+.map {
    margin-top: 30px;
}
.tableBox {
    background-color: #fff;
    padding: 75px 30px 75px 60px;
    border: 1px solid #e4e4e4;
    text-align: left;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .tableBox {
        padding: 15px;
    }
}
.tableBox .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .tableBox .tr {
        width: 100%;
        display: inherit;
    }
}
.tableBox .th {
    min-width: 20%;
    border-left: 3px solid #ff8c00;
    padding-left: 15px;
    margin-right: 30px;
    font-size: 16px;
    position: relative;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .tableBox .th {
        width: 100%;
        margin-bottom: 10px;
    }
}
.tableBox .th span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .tableBox .th span {
        position: inherit;
    }
}
.tableBox .td {
    font-size: 17px;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .tableBox .td {
        padding-left: 15px;
    }
}
.companyImg {
    float: left;
    margin-right: 45px;
    width: 230px;
    /* �����@~768px�@���� */
}
.companyImg img {
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    .companyImg {
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}
.headName {
    font-size: 20px;
}
.messageBox {
    padding-top: 60px;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .messageBox {
        width: 100%;
    }
}
.messageBox p {
    text-align: left;
    margin: 0;
    overflow: hidden;
}


/* contact
------------------------------------------*/
.otoiawasebotan{
    padding:10px;
}

@media screen and (max-width: 768px) {
    .otoiawasebotan img {
        width: 100%; 
    } 
}


@media screen and (max-width: 576px) {
    .otoiawasebotan img {
        width: 100%; 
    } 
}

.tel .telbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px;
  background: #efefef;
}

.telmail{
    position: relative;
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
}


.botan-left, .botan-right {
    display: inline-block;
    width: 45%;
    margin: 50px 0px 0 0;
}
.botan-left p,.botan-right p{
    padding-top:10px;
}

.botan-left p span,.botan-right p span{
    font-weight:bold;
    color:black;
    font-size:42px;
}

@media screen and (max-width: 990px) {
    .botan-left, .botan-right {
        display: inline-block;
        width: 40%;
        margin: 50px 0px 0 0;
    }
    .botan-right img,.botan-left img{
        width:20%;
    }
    .botan-left p span,.botan-right p span{
        font-weight:bold;
        font-size:25px;
    }
}

@media screen and (max-width: 768px) {
    .botan-left, .botan-right {
        display: inline-block;
        width: 40%;
        margin: 50px 0px;
    }
}

@media screen and (max-width: 576px) {
    .botan-left, .botan-right {
        width: 100%;
        margin: 30px 0 0 0;
    }
    .botan-right img,.botan-left img{
        width:20%;
    }

}

/*contact button*/
.btn-contact{
    font-size: 18px;
    border: 1px solid #ff8c00;
    background-color: #ff8c00;
    border-radius: 15px;
    color: #ffffff;
    text-decoration: none;
    margin: 0.5rem;
    padding: 1rem 14rem 1rem;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    background: #FF8C00 url(/-/media/HR-Guide-Renewal/images/common/arrow) 84% center no-repeat;
    -webkit-background-size: 8px auto;
    -moz-background-size: 8px auto;
    background-size: 1.0vh auto;
}

.btn-contact:hover {
  color: #ffffff;
  opacity: 0.8;
}

.btn-contact:hover {
  opacity: 0.8;
}

@media screen and (max-width: 990px){
  .btn-contact{
      padding: 1rem 10rem 1rem;
  }
}

@media screen and (max-width: 768px){
  .btn-contact{
      padding: 1rem 5rem 1rem;
       background: #FF8C00 url(/-/media/HR-Guide-Renewal/images/common/arrow) 95% center no-repeat;
      -webkit-background-size: 8px auto;
      -moz-background-size: 8px auto;
      background-size: 1.0vh auto;
  }
}

@media screen and (max-width: 480px){
  .btn-contact{
      font-size: 14px;
  }
}


@media screen and (max-width: 320px){
  .btn-contact{
      padding: 1rem 3rem 1rem;
      font-size: 12px;
  }
}

.contactTtlP{
  text-align: center;
}

.contactWrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    /* �����@~768px�@���� */
    
    font-size: 20px;
}
@media screen and (max-width: 768px) {
    .contactWrap {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
.contactWrap .contactWrapIn {
    max-width: 960px;
    margin: 0 auto;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .contactWrap .contactWrapIn {
        width: 100%;
    }
}
.contactWrap .contactWrapIn p {
    margin: 0;
}
.contactTtlH2 {
    background-color: #ff8c00;
    color: #fff;
    margin: 0 auto 40px auto;
    padding: 10px 0;
}

.contactTtlP{
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
}


.contactIcon {
    padding: 30px 0 10px;
    display: inline-block;
}

@media screen and (max-width: 576px){
    .contactTtlP{
        padding: 40px 5%;
    }
}

/* ~480px�i�X�}�z�c�j */
@media screen and (max-width: 480px) {
    .mailFont {
        font-size: 6vw;
    }
    .contactTtlP{
        padding: 1vh 5%;
    }
}

/* GroupCompany
------------------------------------------*/
.groupWrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .groupWrap {
        width: 96%;
        padding-left: 0;
        padding-right: 0;
    }
}
.groupSec .grpJp {
    border-bottom: 2px solid #68beea;
}
.groupSec .grpWd {
    margin-top: 2em;
    border-bottom: 2px solid #5fb626;
}
.groupSec h2 {
    margin: 50px auto auto auto;
    color: #15316c;
    font-size: 24px;
    padding-bottom: 5px;
    font-weight: normal;
}
.groupSec li {
    width: 15.666666%;
    float: left;
    padding: 0 0.5%;
    margin-bottom: 0;
    list-style: none;
}
.groupSec img {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    vertical-align: top;
    outline: none;
    max-width: 100%;
    height: auto;
}
.grpInner {
    width: 100%;
    padding: 60px 0;
    position: relative;
    /* �����@~768px�@���� */
}
@media screen and (max-width: 768px) {
    .grpInner {
        padding: 0;
    }
}

/* �����@~768px�@���� */
@media screen and (max-width: 768px) {
    .btnGrp {
        padding: 20px;
        text-align: center;
        text-decoration: none;
        background: #3da9c4;
        color: #fff;
        font-size: 1.4rem;
    }
    
    .btnGrp:after {
        content: "\f107";
        font-family: FontAwesome;
        padding-left: 1em;
        font-size: 1.2rem;
    }
    
    .btnGrp:hover {
        color: #fff;
    }
    
    .btnGrpOn:after {
        content: "\f106";
        font-family: FontAwesome;
        padding-left: 1em;
        font-size: 1.2rem;
    }
    
    .groupSec .btnGrpOn+.groupWrap {
        max-height: 10000px;
        padding: 40px 0;
    }
    
    .groupSec .groupWrap {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    
    .groupSec h2 {
        font-size: 1.4rem;
    }
    
    .groupSec li {
        width: 30%;
        padding: 0 1%;
    }
}

/* ==========================================================================

   footer

   ========================================================================== */
.footer_bg{
    background: #ECECEC;
}

footer { position:relative; 
         z-index:2; 
         margin:0; 
         padding:50px 80px;  
         max-width: 950px;
         margin-right: auto;
         margin-left: auto; 
        }
footer .inner { 
    position: relative;
    z-index:1; 
}

footer .logoArea{
    float: left;
    text-align: left;
}


/* ======== .infoArea ======== */
footer .infoArea { 
    width:60%; 
    float: right; 
    font-size:0; 
}
footer .infoBox { 
    display: inline-block; 
    width:32%; 
    vertical-align: top; 
}

footer .infoBox .head { margin-bottom:20px; }

footer .infoBox .kuhaku{
    padding-top: 130px; 
    display: block;
}

footer .infoBox ul { 
    list-style: none; 
    text-align: left; 
    border-left: solid #DEDEDE 1px; 
    padding-left: 15px;
    /*height: 380px;*/ /*プライバシーポリシーマークまでの高さ*/
    height: 240px;　　/*プライバシーポリシーマーク抜き*/
}

.br_pc{
    display: none;
}

footer .central {
    padding-bottom: 15px;
}
footer .infoBox ul li { display: block; }

footer .infoBox ul li a,
footer .infoBox ul li span { 
        position: relative; 
        z-index:1; 
        display: inline-block; 
        font-weight:400; 
        line-height:30px; 
        letter-spacing:0.5px; 
        color: black;
        font-size: 14px;
        font-family: 'メイリオ';
}
footer .infoBox ul li.block { margin-top:10px; }

footer .infoBox ul li a:after { 
        position: absolute; 
        bottom:0; left:0; 
        z-index:2; 
        display: block; 
        width:100%; 
        content:""; 
        border-bottom:#FF8900 1px solid; 
        -webkit-transform-origin:right top;
        -moz-transform-origin:right top;
        -o-transform-origin:right top;
        -ms-transform-origin:right top;
        transform-origin:right top; 
        -webkit-transform:scale(0,1);
        -moz-transform:scale(0,1);
        -o-transform:scale(0,1);
        -ms-transform:scale(0,1);transform:scale(0,1); 
        -webkit-transition:transform .7s ease;
        -moz-transition:transform .7s ease;
        -o-transition:transform .7s ease;transition:transform .7s ease
    }
footer .infoBox ul li a:hover:after { 
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -o-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top; 
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1); 
    }
footer .infoBox ul li a:hover{
    color: #FF8900;
}


footer .infoArea p { color: black;}
footer .fontA{
    font-size: 14px;
    font-family: 'メイリオ';
}

footer .borderA{
    border:1px #DEDEDE solid;
    padding:10px;
    /*width: 62%;*/
	font-size: 12px;
    font-family: 'メイリオ';
}

footer .logoArea p { color: black;}

footer .logoAreaSP{
    display: none;
}


footer .copyrightArea{
    color: black;
    font-size: 12px;
    text-align: center;
}


@media only screen and (max-width: 767px) {
	/* ipad TATE 768 */
	footer .collumn3 {
		/* float: right; */
		padding: 20px 10px;
		width: auto;
		width: 10em;
	}
}

footer .logoArea #fism_mark {
	width: 10em;
	margin: 0 0.8em 0.8em 0.8em;
}


@media only screen and (max-width: 1024px) {
    footer .infoArea {
        width: 70%;
    }
    .br_pc{
        display: block;
    }
}
@media only screen and (max-width: 690px) {
    footer .logoAreaSP{
        display: block;
        text-align: left;
    }
    

    footer .fontA{
        text-align: left;
    }
    footer .logoAreaSP .borderA{
        /*width: 50%;*/
    }

    footer .infoArea{
        float:none;
        width: 100%;
    }

    footer .p2PC{
        display: none;
    }

    footer .collumn1{
        /*float: left;*/
        border: 1px solid #DEDEDE;
        padding: 10px;
        font-size: 12px;
        /*width: 50%;*/
    }

    footer .collumn2{
        /*float: right;*/
        padding: 20px 10px;
        width: auto;
    }

    /*logoArea PC*/
    footer .logoArea{
        display: none;
    }

    footer .infoBox {
        display: block;
        width: 100%;
    }

    footer .infoBox ul{
        width: 100%;
        border-left: none;
        height: auto;
        padding-top: 30px;
        padding-left: 0px;
    }
    footer .infoBox:last-child{
        width: 100%;
        margin-left: 0;
    }
	footer .GroupSites {
		/* height: 150px; */
        border: 1px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media only screen and (max-width: 320px) {
    footer .collumn1{

        padding: 10px;
        width: 40%;
    }

    footer .fontA{
        font-size: 11px;
    }




}

/* ==========================================================================
   Image responsive
   ========================================================================== */
.responsive-img{
    width:100%;
}

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

.how-img{
    text-align: center;   
}

.how-img img{
    width: 80%;
    vertical-align: middle;
}

/*margin*/

@media screen and (max-width: 768px){
    .mb-3-sp{
        margin-bottom: 1rem !important;
    }
}

.m-0 {
    margin: 0 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-1 {
    margin: 1rem 1rem !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mr-1 {
    margin-right: 1rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.ml-1 {
    margin-left: 1rem !important;
}

.mx-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-2 {
    margin: 2rem 2rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mr-2 {
    margin-right: 2rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.ml-2 {
    margin-left: 2rem !important;
}

.mx-2 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.m-3 {
    margin: 3rem 3rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mr-3 {
    margin-right: 3rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.ml-3 {
    margin-left: 3rem !important;
}

.mx-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.m-4 {
    margin: 4rem 4rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.mr-4 {
    margin-right: 4rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}

.ml-4 {
    margin-left: 4rem !important;
}

.mx-4 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.m-5 {
    margin: 5rem 5rem !important;
}

.mt-5 {
    margin-top: 5rem !important;
}

.mr-5 {
    margin-right: 5rem !important;
}

.mb-5 {
    margin-bottom: 5rem !important;
}

.ml-5 {
    margin-left: 5rem !important;
}

.mx-5 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.mb30{
    margin-bottom: 30px !important;
}

/*padding*/
.pb-13{
    padding-bottom: 13vh;
}

.pb-10{
    padding-bottom: 10vh;
}
@media only screen and (max-width: 768px) {
    .pb-10{
        padding-bottom: 5vh;
    }
}

.pb-5{
    padding-bottom: 5vh;
}
.pb-3{
    padding-bottom: 3vh;
}

.pt-13{
    padding-top: 13vh;
}
.pt-10{
    padding-top: 10vh;
}
@media only screen and (max-width: 768px) {
    .pt-10{
        padding-top: 5vh;
    }
}

.pt-5{
    padding-top: 5vh;
}
.pt-3{
    padding-top: 3vh;
}


/*fade in*/
.fadein {
    opacity : 0;
    transition : all 800ms;
}
.fadein.scrollin {
    opacity : 1;
    transform: none;
}


/*breadcrumbs*/
.breadcrumbs {
    display: block;
    width: 100%;
    padding: 10px 3vh;
    text-align: left;

}

@media only screen and (max-width: 990px) {
    .breadcrumbs {
        padding: 10px 1.5vh;
    }
}

@media only screen and (max-width: 768px) {
    .breadcrumbs {
        padding: 10px 1.5vh;
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumbs {
        padding: 10px 1.5vh;
    }
}


.breadcrumbs li {
    display: inline-block;
    margin-right: 20px;
    color: #000;
    font-weight: 700;
    font-size: 92.30769%;
    line-height: 1.2;
}

@media only screen and (max-width: 480px) {
    .breadcrumbs li{
        font-size: 14px;
    }
}


.breadcrumbs a {
    position: relative;
    margin-right: 9px;
    color: #000;
}

.breadcrumbs a::after {
    position: absolute;
    content: '\f105';
    width: 1px;
    height: 100%;
    right: -20px;
    top: 0;
    font-family: FontAwesome;
    -webkit-transition: .3s;
    transition: .3s;
}



.breadcrumbs em{
    font-style: normal;
    font-weight: 400;
}


/*title content*/

.content-title{
  color: #ff8c00;
}

.content-title-sm{
    display: block;
    color: black;
    font-size: 12px;
}

@media screen and (max-width: 580px){
    .content-title{
       font-size: 24px;
    }

    .content-title-sm{
        font-size: 12px;
    }
}



.content-bg{
    background-color: #f7f7f7;
}




/*boostrap css*/

/************************************************

    bootstrap-grid.css
    last update 20210617

************************************************/

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto:before,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto:after {
  box-sizing: border-box;
}
.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.order-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
}
.order-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
}
.order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
}
.order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
}
.order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
}
.order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
}
.order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
}
.order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
}
.order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
}
.order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
}
.order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
}
.offset-1 {
    margin-left: 8.333333%;
}
.offset-2 {
    margin-left: 16.666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.333333%;
}
.offset-5 {
    margin-left: 41.666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.333333%;
}
.offset-8 {
    margin-left: 66.666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.333333%;
}
.offset-11 {
    margin-left: 91.666667%;
}

@media only screen and (min-width: 576px) {
.col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
}
.order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
}
.order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
}
.order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
}
.order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
}
.order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
}
.order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
}
.order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
}
.order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
}
.order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
}
.order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
}
.offset-sm-0 {
    margin-left: 0;
}
.offset-sm-1 {
    margin-left: 8.333333%;
}
.offset-sm-2 {
    margin-left: 16.666667%;
}
.offset-sm-3 {
    margin-left: 25%;
}
.offset-sm-4 {
    margin-left: 33.333333%;
}
.offset-sm-5 {
    margin-left: 41.666667%;
}
.offset-sm-6 {
    margin-left: 50%;
}
.offset-sm-7 {
    margin-left: 58.333333%;
}
.offset-sm-8 {
    margin-left: 66.666667%;
}
.offset-sm-9 {
    margin-left: 75%;
}
.offset-sm-10 {
    margin-left: 83.333333%;
}
.offset-sm-11 {
    margin-left: 91.666667%;
}
}

@media only screen and (min-width: 768px) {
.col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
}
.order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
}
.order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
}
.order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
}
.order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
}
.order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
}
.order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
}
.order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
}
.order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
}
.order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
}
.order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
}
.offset-md-0 {
    margin-left: 0;
}
.offset-md-1 {
    margin-left: 8.333333%;
}
.offset-md-2 {
    margin-left: 16.666667%;
}
.offset-md-3 {
    margin-left: 25%;
}
.offset-md-4 {
    margin-left: 33.333333%;
}
.offset-md-5 {
    margin-left: 41.666667%;
}
.offset-md-6 {
    margin-left: 50%;
}
.offset-md-7 {
    margin-left: 58.333333%;
}
.offset-md-8 {
    margin-left: 66.666667%;
}
.offset-md-9 {
    margin-left: 75%;
}
.offset-md-10 {
    margin-left: 83.333333%;
}
.offset-md-11 {
    margin-left: 91.666667%;
}
}

@media only screen and (min-width: 992px) {
.col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
}
.order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
}
.order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
}
.order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
}
.order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
}
.order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
}
.order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
}
.order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
}
.order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
}
.order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
}
.order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
}
.offset-lg-0 {
    margin-left: 0;
}
.offset-lg-1 {
    margin-left: 8.333333%;
}
.offset-lg-2 {
    margin-left: 16.666667%;
}
.offset-lg-3 {
    margin-left: 25%;
}
.offset-lg-4 {
    margin-left: 33.333333%;
}
.offset-lg-5 {
    margin-left: 41.666667%;
}
.offset-lg-6 {
    margin-left: 50%;
}
.offset-lg-7 {
    margin-left: 58.333333%;
}
.offset-lg-8 {
    margin-left: 66.666667%;
}
.offset-lg-9 {
    margin-left: 75%;
}
.offset-lg-10 {
    margin-left: 83.333333%;
}
.offset-lg-11 {
    margin-left: 91.666667%;
}
}

@media only screen and (min-width: 1200px) {
.col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
}
.order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
}
.order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
}
.order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
}
.order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
}
.order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
}
.order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
}
.order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
}
.order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
}
.order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
}
.order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
}
.offset-xl-0 {
    margin-left: 0;
}
.offset-xl-1 {
    margin-left: 8.333333%;
}
.offset-xl-2 {
    margin-left: 16.666667%;
}
.offset-xl-3 {
    margin-left: 25%;
}
.offset-xl-4 {
    margin-left: 33.333333%;
}
.offset-xl-5 {
    margin-left: 41.666667%;
}
.offset-xl-6 {
    margin-left: 50%;
}
.offset-xl-7 {
    margin-left: 58.333333%;
}
.offset-xl-8 {
    margin-left: 66.666667%;
}
.offset-xl-9 {
    margin-left: 75%;
}
.offset-xl-10 {
    margin-left: 83.333333%;
}
.offset-xl-11 {
    margin-left: 91.666667%;
}
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}
.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}

@media only screen and (min-width: 576px) {
.d-sm-none {
    display: none !important;
}
.d-sm-inline {
    display: inline !important;
}
.d-sm-inline-block {
    display: inline-block !important;
}
.d-sm-block {
    display: block !important;
}
.d-sm-table {
    display: table !important;
}
.d-sm-table-row {
    display: table-row !important;
}
.d-sm-table-cell {
    display: table-cell !important;
}
.d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}
.d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
}

@media only screen and (min-width: 768px) {
.d-md-none {
    display: none !important;
}
.d-md-inline {
    display: inline !important;
}
.d-md-inline-block {
    display: inline-block !important;
}
.d-md-block {
    display: block !important;
}
.d-md-table {
    display: table !important;
}
.d-md-table-row {
    display: table-row !important;
}
.d-md-table-cell {
    display: table-cell !important;
}
.d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}
.d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
}

@media only screen and (min-width: 992px) {
.d-lg-none {
    display: none !important;
}
.d-lg-inline {
    display: inline !important;
}
.d-lg-inline-block {
    display: inline-block !important;
}
.d-lg-block {
    display: block !important;
}
.d-lg-table {
    display: table !important;
}
.d-lg-table-row {
    display: table-row !important;
}
.d-lg-table-cell {
    display: table-cell !important;
}
.d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}
.d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
}

@media only screen and (min-width: 1200px) {
.d-xl-none {
    display: none !important;
}
.d-xl-inline {
    display: inline !important;
}
.d-xl-inline-block {
    display: inline-block !important;
}
.d-xl-block {
    display: block !important;
}
.d-xl-table {
    display: table !important;
}
.d-xl-table-row {
    display: table-row !important;
}
.d-xl-table-cell {
    display: table-cell !important;
}
.d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}
.d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
}
.flex-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
}
.flex-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
}
.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}
.justify-content-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}
.align-items-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}
.align-items-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
}
.align-items-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
}
.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}
.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}
.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}
.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}
.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media only screen and (min-width: 576px) {
.flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
}
.flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
.flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
}
.flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
}
.flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}
.justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
}
.justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}
.align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
}
.align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}
.align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
}
.align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
}
.align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}
.align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}
.align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}
.align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}
.align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}
}

@media only screen and (min-width: 768px) {
.flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
}
.flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
.flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
}
.flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
}
.flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}
.flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}
.justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
}
.justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}
.align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
}
.align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}
.align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
}
.align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
}
.align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}
.align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}
.align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}
.align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}
.align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}
}

@media only screen and (min-width: 992px) {
.flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
}
.flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
.flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
}
.flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
}
.flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}
.justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
}
.justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}
.align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
}
.align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}
.align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
}
.align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
}
.align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}
.align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}
.align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}
.align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}
.align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}
}

@media only screen and (min-width: 1200px) {
.flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
}
.flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
.flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
}
.flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
}
.flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}
.justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
}
.justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}
.align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
}
.align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}
.align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
}
.align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
}
.align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}
.align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}
.align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}
.align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}
.align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}
}

/* =================================== */

/*
/*    Name: Bootstrap
/*    
/*
/*    Create: 20210617
/*
/* =================================== */


/* ***************************

20210715 tsuiki

****************************** */
footer {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 50px 35px;
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 1025px) {
	#footer {
		font-size: 13.5px;
	}
	
	footer .logoArea{
		width: 20%;
		float: left;
		text-align: left;
	}
	
	.footer_bg .infoArea {
		width: 80%;
		float: right;
		font-size: 0;
	}


	.footer_bg .infoBox {
		display: inline-block;
		width: 22%;
		vertical-align: top;
	}

	.footer_bg .infoBox.newsA {
		display: inline-block;
		width: 16%;
		vertical-align: top;
	}


	.footer_bg .infoBox.newsB {
		display: inline-block;
		width: 16%;
		vertical-align: top;
	}

	.footer_bg .infoBox.newsC {
		display: inline-block;
		width: 22%;
		vertical-align: top;
	}


	.footer_bg .infoBox.newsB > ul.ptnB {
		list-style: none;
		text-align: left;
		border-left: none;
		padding-left: 5px;
		height: 240px;
	}

	.footer_bg .infoBox.newsC > ul.ptnC {
		list-style: none;
		text-align: left;
		border-left: none;
		padding-left: 15px;
		height: 240px;
	}
	
}

/* ************** tablet TATE only ************** */
@media only screen and (max-width: 767px) {
	/* ipad TATE 768 */
    footer .logoAreaSP{
        display: block;
        text-align: left;
    }
    

    footer .fontA{
        text-align: left;
    }
    footer .logoAreaSP .borderA{
       /*width: 50%;*/
    }

    footer .infoArea{
        float:none;
        width: 100%;
    }

    footer .p2PC{
        display: none;
    }

	footer .collumn1 {
		/* float: left; */
		border: none;
		/* padding: 10px; */
		/* font-size: 12px; */
		width: 50%;
	}

	footer .collumn2 {
		/* float: right; */
		padding: 20px 10px;
		width: auto;
		width: 5em;
	}

    /*logoArea PC*/
    footer .logoArea{
        display: none;
    }

    footer .infoBox {
        display: block;
        width: 100%;
    }

    footer .infoBox ul{
        width: 100%;
        border-left: none;
        height: auto;
        padding-top: 30px;
        padding-left: 0px;
    }
    footer .infoBox:last-child{
        width: 100%;
        margin-left: 0;
    }
	footer .GroupSites {
		/* height: 150px; */
	display: flex;
    align-items: center;
    justify-content: center;
	border: 1px solid #fff;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#footer {
		font-size: 13px;
	}
	
	footer .logoArea{
		width: 25%;
		float: left;
		text-align: left;
	}
	
	.footer_bg .infoArea {
		width: 75%;
		float: right;
		font-size: 0;
	}


	.footer_bg .infoBox {
		display: inline-block;
		width: 25%;
		vertical-align: top;
	}

	.footer_bg .infoBox.newsB > ul.ptnB {
		list-style: none;
		text-align: left;
		border-left: none;
		padding-left: 5px;
		height: 240px;
	}

	.footer_bg .infoBox.newsC > ul.ptnC {
		list-style: none;
		text-align: left;
		border-left: none;
		padding-left: 15px;
		height: 240px;
	}
	
}


@media screen and (max-width: 1024px) {
	.footer_bg .infoArea.cf > .infoBox.newsB.pc_ok {
		display: none;
	}
	.footer_bg .infoArea.cf > .infoBox.newsC.pc_ok {
		display: none;
	}
	.footer_bg .infoArea.cf .infoBox.newsA ul > li.sp_ok {
		display: block;
	}
	.footer_bg .infoBox ul .mrgT {
		padding-top: 1em;
	}
	
}


@media screen and (min-width: 1025px) {
	.footer_bg .infoArea.cf .infoBox.newsA ul > li.sp_ok {
		display: none;
	}
	.footer_bg .infoArea.cf > .infoBox.newsB.pc_ok {
		display: inline-block;
	}
	.footer_bg .infoArea.cf > .infoBox.newsB.pc_ok {
		display: inline-block;
	}
}

footer .logoArea #fp_mark {
	width: 5em;
	margin: 0 0.8em 0.8em 0.8em;
}

footer #fp_mark {
	width: 5em;
}

/* ************

20210823 tsuiki

************ */

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

footer .logoAreaSP .GroupSites{
    display: none;
}
}