@charset "UTF-8";

/*　汎用クラス　*/
body.full-size-frame .pane-contents .container {
    width: 100%;
}

.for-sp {
    display: none;
}

.freepage-frame {
    max-width: 1200px;
    margin: 0 auto;
}

.freepage-frame h1 {
    padding: 50px 0;
    margin: 0;
    border: none;
    font-size: 30px;
    color: #284066;
    text-align: center;
    background: none;
}

.freepage-frame h2 {
    padding: 55px 0 40px;
    margin: 0;
    border: none;
    font-size: 24px;
    color: #284066;
    text-align: center;
    background: url(../../img/usr/freepage/common/headline2_bg.gif) center top repeat-x;
}

.table-style-wrap dl.table-style {
    display: flex;
    border-left: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
    border-bottom: #e5e5e5 1px solid;
}

.table-style-wrap dl.table-style:first-child {
    border-top: #e5e5e5 1px solid;
}

.table-style-wrap dl.table-style dt {
    flex-basis: 300px;
    padding: 10px;
    background: #eff3f5;
    font-weight: bold;
    color: #284066;
}

.table-style-wrap dl.table-style dd {
    flex-basis: calc(100% - 300px);
    padding: 10px;
}

/* 2カラムベース */
#freepage-column {
    width: 1200px;
    margin: 40px auto 0;
    overflow: hidden;
    zoom: 1;
}

#freepage-column:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#freepage-column #freepage-column-left-menu {
    width: 240px;
    float: left;
}

#freepage-column #freepage-column-main-contents {
    width: 920px;
    float: right;
}

#freepage-column #freepage-column-main-contents .freepage-frame h1 {
    padding: 0 0 50px 0;
}

#freepage-column #freepage-column-left-menu h2 {
    padding: 10px;
    margin: 0;
    font-size: 18px;
    text-align: center;
    border-bottom: #284066 1px solid;
}

#freepage-column-left-menu ul li {
    border-bottom: #e5e5e5 1px solid;
}

#freepage-column-left-menu ul li.has-child .head {
    padding: 10px 30px 10px 10px;
    border-bottom: none;
    position: relative;
    cursor: pointer;
}

#freepage-column-left-menu ul li.has-child .head.has-link {
    padding: 0;
}

#freepage-column-left-menu ul li.has-child .head.has-link a {
    padding: 10px 0 10px 10px;
    margin-right: 30px;
    border-bottom: none;
    position: relative;
    cursor: pointer;
}

#freepage-column-left-menu ul li.has-child .head.has-link a::after {
    display: none;
}

#freepage-column-left-menu ul li.has-child .head::after {
    content: '＋';
    margin-top: -7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.0;
    position: absolute;
    right: 9px;
    top: 50%;
    color: #284066;
}

#freepage-column-left-menu ul li.has-child .head.open {
    border-bottom: #e5e5e5 1px solid;
}

#freepage-column-left-menu ul li.has-child .head.open::after {
    content: '－';
    margin-top: -7px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.0;
    position: absolute;
    right: 9px;
    top: 50%;
    color: #284066;
}

#freepage-column-left-menu ul li.has-child .child {
    background: #f3f2ed;
    display: none;
}

#freepage-column-left-menu ul li.has-child .child li {
    border-bottom: #98a9c3 1px dashed;
}

#freepage-column-left-menu ul li.has-child .child li:last-child {
    border-bottom: none;
}

#freepage-column-left-menu ul li a {
    padding: 10px 30px 10px 10px;
    position: relative;
    text-decoration: none;
    display: block;
}

#freepage-column-left-menu ul li a::after {
    content: '';
    width: 4px;
    height: 4px;
    margin-top: -4px;
    border: 4px solid transparent;
    border-left: 4px solid #284066;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 10px;
}

#freepage-column-left-menu ul li a:hover {
    color: #789ed7;
}

/* --------------------------------------------------------------------
	フリーページ　ショッピングガイド INDEX
--------------------------------------------------------------------- */
#freepage-guide {
    width: 1200px;
    margin: 0 auto;
}

#freepage-guide .shopping-guide-list {
    display: flex;
    padding-left: 3%;
    flex-wrap: wrap;
}

#freepage-guide .shopping-guide-list > li {
    flex-basis: 30%;
    margin: 0 3% 30px 0;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
    color: #284066;
}

#freepage-guide .shopping-guide-list > li > a,
#freepage-guide .shopping-guide-list > li .head > a {
    text-decoration: none;
    color: #284066;
}

#freepage-guide .shopping-guide-list > li .child {
    padding: 10px 0 10px 1em;
    margin-top: 10px;
    border-top: #284066 1px solid;
}

#freepage-guide .shopping-guide-list > li .child ul li {
    padding-left: 1em;
    text-indent: -1em;
    list-style: disc inside;
    line-height: 1.6;
    font-size: 14px;
    font-weight: normal;
}

/* --------------------------------------------------------------------
	フリーページ　ショッピングガイド
--------------------------------------------------------------------- */
.shopping-guide-freepage h1 {
    padding: 0;
    margin: 0 0 50px 0;
    text-align: center;
    font-size: 30px;
    color: #284066;
}

.shopping-guide-freepage h2 {
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left;
    font-size: 24px;
    color: #284066;
}

.shopping-guide-freepage h3 {
    background: #f2f2ed;
    padding: 5px 10px;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.shopping-guide-freepage a {
    text-decoration: underline;
}

.shopping-guide-freepage p.text {
    margin: 0 0 10px 0;
    line-height: 1.8;
}

.shopping-guide-freepage .image {
    margin: 20px 0;
    text-align: center;
}

.shopping-guide-freepage .section {
    margin: 0 0 60px 0;
    padding-top: 95px;
    margin-top: -95px;
}

.shopping-guide-freepage .inner-box {
    margin: 0 0 30px 0;
}

.shopping-guide-freepage .line-box {
    margin: 20px 0;
    padding: 30px;
    line-height: 1.4;
    border: #cccccc 1px solid;
}

.shopping-guide-freepage .indent-01 {
    padding-left: 1em;
    text-indent: -1em;
}

.shopping-guide-freepage .indent-15 {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.shopping-guide-freepage .indent-02 {
    padding-left: 2em;
    text-indent: -2em;
}

.shopping-guide-freepage ul.number-list {
    margin: 20px;
}

.shopping-guide-freepage ul.number-list li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.6;
}

.shopping-guide-freepage ul.list-indent li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.6;
}

.shopping-guide-freepage ul.list-style-disc li {
    padding-left: 1em;
    text-indent: -1em;
    list-style: disc inside;
    line-height: 1.6;
}

#freepage-guide04 .line-box {
    line-height: 1.8;
}

#freepage-guide05 .image {
    text-align: left;
}

#freepage-guide08 .gift-wrap {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

#freepage-guide08 .gift-wrap li {
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    line-height: 2.0;
    flex-basis: 48%;
    text-align: center;
    background: #eff3f5;
}

#freepage-guide08 .gift-wrap li .image {
    margin: 0 auto 10px;
}

#freepage-guide08 .gift-wrap li .image img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

#freepage-guide08 .gift-wrap .ttl {
    margin-bottom: 5px;
    font-weight: bold;
}

#freepage-guide11 .d-box {
    margin: 10px 0 20px;
    padding: 30px;
    line-height: 1.4;
    border: #cccccc 1px solid;
}

#freepage-guide13 .support {
    margin: 30px 0 20px;
    padding: 30px;
    line-height: 1.8;
    border: #cccccc 1px solid;
}

/* --------------------------------------------------------------------
	フリースペース　会員登録特典
--------------------------------------------------------------------- */
#entry-merit {
    width: 1200px;
    padding: 60px 0;
    margin: 0 auto;
}

#entry-merit h2 {
    padding: 0;
    margin: 0 0 30px 0;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    color: #284066;
    background: none;
}

#entry-merit ul {
    width: 1240px;
    position: relative;
    left: -20px;
    display: flex;
}

#entry-merit ul li {
    padding: 0 15px;
    border-left: #e5e5e5 1px solid;
    flex-basis: calc(100%/5);
    box-sizing: border-box;
}

#entry-merit ul li:first-child {
    border-left: none;
}

#entry-merit ul li .icon {
    margin: 10px 0;
    text-align: center;
}

#entry-merit ul li .icon img {
    width: 76px;
}

#entry-merit ul li .no {
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    color: #789ace;
}

#entry-merit ul li .ttl {
    height: 3em;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#entry-merit ul li .comment {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.8;
}

/* --------------------------------------------------------------------
	フリーページ　ブランド
--------------------------------------------------------------------- */
.brand-freepage {
    padding: 0 0 60px 0;
}

.brand-freepage h1 {
    padding: 40px 0 40px 0;
    margin: 0;
    text-align: center;
}

.brand-freepage h2 {
    padding: 0;
    margin: 0 0 30px 0;
    text-align: center;
}

.brand-freepage h2 img {
    height: 56px;
}

.brand-freepage p.sub {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 3.0;
}

.brand-freepage .catch {
    margin-bottom: 80px;
    text-align: center;
}

.brand-freepage ul.shop-photo {
    margin: 0 auto;
    text-align: center;
}

.brand-freepage .bx-wrapper {
    position: relative;
}

.brand-freepage .bx-controls-direction {
    position: inherit;
}

.brand-freepage .bx-controls {
    padding: 20px 0;
}

.brand-freepage .bx-pager {
    text-align: center;
}

.brand-freepage .bx-pager-item {
    display: inline-block;
    margin: 0 10px;
}

.brand-freepage .bx-pager-link {
    width: 9px;
    height: 9px;
    background: #ccc;
    text-indent: -9999px;
    border-radius: 50%;
    display: block;
}

.brand-freepage .bx-pager-link.active {
    width: 10px;
    height: 10px;
    border: #ffffff 1px solid;
    background: #284066;
    position: relative;
    top: 1px;
}

.brand-freepage .bx-prev,
.brand-freepage .bx-next {
    width: 32px;
    height: 32px;
    margin-top: -42px;
    font-size: 0;
    top: 50%;
    position: absolute;
    color: transparent;
}

.brand-freepage .bx-prev {
    left: 30px;
    background: none;
    text-indent: -9999px;
}

.brand-freepage .bx-prev::after {
    content: '';
    width: 26px;
    height: 26px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 10px;
}

.brand-freepage .bx-next {
    right: 30px;
    background: none;
    text-indent: 9999px;
}

.brand-freepage .bx-next::after {
    content: '';
    width: 26px;
    height: 26px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 10px;
}

.brand-freepage .for-shop-list {
    margin: 10px 0 30px;
    text-align: center;
}

.brand-freepage .text {
    text-align: center;
}

.brand-freepage .notice-txt {
    margin: 0 auto;
    padding-left: 1em;
    text-indent: -1em;
    display: inline-block;
}

/* Bleu Bleuet ブルーブルーエ */
#freepage-bleu-bleuet {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: url(../../img/usr/freepage/brand/bleu_bleuet/bg01.jpg) center top repeat;
}

#freepage-bleu-bleuet p {
    color: #ffffff;
}

/* Détour à Bleuet デトールアブルーエ */
#freepage-detour-a-bleuet {
    padding-bottom: 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    border: #dcdcdc 1px solid;
}

#freepage-detour-a-bleuet .bx-prev::after {
    border-bottom: 2px solid #284066;
    border-left: 2px solid #284066;
}

#freepage-detour-a-bleuet .bx-next::after {
    border-top: 2px solid #284066;
    border-right: 2px solid #284066;
}

/* Marché de Bleuet plus マルシェドブルーエプリュス */
#freepage-marche-de-bleuet-plus {
    padding-bottom: 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: url(../../img/usr/freepage/brand/marche_de_bleuet_plus/bg01.jpg) center top repeat;
}

#freepage-marche-de-bleuet-plus h1 {
    padding: 0 0 40px 0;
    margin: 0;
    text-align: center;
}

#freepage-marche-de-bleuet-plus p {
    color: #ffffff;
}

#freepage-marche-de-bleuet-plus .bx-prev::after {
    border-bottom: 2px solid #284066;
    border-left: 2px solid #284066;
}

#freepage-marche-de-bleuet-plus .bx-next::after {
    border-top: 2px solid #284066;
    border-right: 2px solid #284066;
}

#freepage-section-sns h2 {
    margin: 85px 0 0 0;
    padding: 0 0 30px 0;
    border-bottom: #284066 2px solid;
    text-align: center;
}

#freepage-section-sns h2 img {
    height: 24px;
    vertical-align: top;
}

#freepage-section-sns h3 {
    margin: 0;
    padding: 20px 0 18px;
    border-bottom: #4b5f7f 1px dashed;
    text-align: center;
}

#freepage-section-sns h3 img {
    height: 40px;
    vertical-align: top;
}

#freepage-section-sns .sns-item-wrap {
    padding: 30px 0;
    border-bottom: #4b5f7f 1px dashed;
}

#freepage-section-sns .sns-item-head {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#freepage-section-sns .sns-item-head .sns-item-icon {
    flex-basis: 80px;
}

#freepage-section-sns .sns-item-head .sns-item-desc {
    flex-basis: 820px;
}

#freepage-section-sns .sns-item-head .sns-item-desc .name {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

#freepage-section-sns .sns-item-head .sns-item-desc .follow {
    position: absolute;
    right: 0;
    top: 0;
}

#freepage-section-sns .sns-item-head .sns-item-desc .follow img {
    height: 30px;
}

/* --------------------------------------------------------------------
	フリーページ　サイトマップ
--------------------------------------------------------------------- */
#freepage-sitemap {}

#freepage-sitemap h2 {
    padding: 20px;
    margin: 0;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #284066;
    text-align: left;
    background: url(../../img/usr/freepage/common/headline2_bg.gif) center top repeat-x;
}

#freepage-sitemap .list-wrap h3 {
    font-size: 16px;
    font-weight: bold;
    color: #668fcd;
}

#freepage-sitemap .list-wrap h3 a {
    color: #668fcd;
}

#freepage-sitemap .section {
    margin-bottom: 20px;
}

#freepage-sitemap .list-wrap {
    margin: 0 20px;
}

#freepage-sitemap .list-wrap ul {
    display: flex;
    flex-wrap: wrap;
}

#freepage-sitemap .list-wrap ul li {
    min-width: 225px;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    text-align: center;
}

#freepage-sitemap .list-wrap ul li a {
    padding: 8px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: block;
    background: #f2f2ed;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

#freepage-sitemap .list-wrap ul li a:hover {
    text-decoration: none;
    color: #ffffff;
    background: #1c406a;
}

#freepage-sitemap #section01 .list-wrap-frame {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    left: 20px;
}

#freepage-sitemap #section01 .list-wrap {
    flex-basis: 23%;
    margin: 0 1% 20px 0;
    padding: 5px 0;
    border: #f2f2ed 2px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

#freepage-sitemap #section01 .list-wrap h3 {
    padding: 0 15px;
}

#freepage-sitemap #section01 .list-wrap ul {
    padding: 0 15px;
}

#freepage-sitemap #section01 .list-wrap ul li {
    width: 100%;
    padding: 0;
}

#freepage-sitemap #section02 .list-wrap {
    margin-bottom: 20px;
    padding: 5px 15px;
    border: #f2f2ed 2px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

/* --------------------------------------------------------------------
	フリーページ　特定商取引法に基づく表示
--------------------------------------------------------------------- */
#freepage-law {}

#freepage-law a {
    text-decoration: underline;
}

#freepage-law .section {
    margin-bottom: 40px;
}

#freepage-law .box_frame {
    margin: 20px 20px 30px 20px;
}

#freepage-law .box_frame h3 {
    background: #f2f2ed;
    padding: 5px 10px;
    margin: 10px -20px;
    font-size: 16px;
    font-weight: bold;
}

#freepage-law .box_frame p {
    margin-bottom: 10px;
}

#freepage-law .box_frame p.indent {
    padding-left: 1em;
    margin-bottom: 0;
    text-indent: -1em;
}

#freepage-law .box_frame ul li {
    margin-bottom: 20px;
}

#freepage-law .box_frame ul li h4 {
    margin-bottom: 5px;
    font-weight: bold;
}

/* --------------------------------------------------------------------
	フリーページ　プライバシーポリシー
--------------------------------------------------------------------- */
#freepage-privacyporicy {}

#freepage-privacyporicy .section {
    margin-bottom: 40px;
}

#freepage-privacyporicy .section p.ttl {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

#freepage-privacyporicy .section p {
    line-height: 1.6;
}

/* --------------------------------------------------------------------
	フリーページ　サイトポリシー
--------------------------------------------------------------------- */
#freepage-siteporicy {}

#freepage-siteporicy .section {
    margin-bottom: 40px;
}

#freepage-siteporicy .section p.ttl {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

#freepage-siteporicy .section p {
    line-height: 1.6;
}

/* --------------------------------------------------------------------
	フリーページ　English
--------------------------------------------------------------------- */
#freepage-english {
    max-width: 100%;
}

#freepage-english h1 {
    height: 42px;
    padding: 0;
    margin: 60px 0 20px 0;
    text-align: center;
    background: none;
}

#freepage-english h1 img {
    height: 42px;
}

#freepage-english h2 {
    height: 30px;
    padding: 0;
    margin: 0 0 40px 0;
    border: none;
    font-size: 24px;
    color: #284066;
    text-align: center;
    background: none;
}

#freepage-english h2 img {
    height: 30px;
}

#freepage-english .tel {
    margin-bottom: 5px;
}

#freepage-english .map a {
    padding-left: 20px;
    font-weight: bold;
    text-decoration: underline;
    background: url(../../img/usr/freepage/english/map.png) left center no-repeat;
    -webkit-background-size: 14px 20px;
    background-size: 14px 20px;
}

#freepage-english .section {
    width: 1200px;
    padding: 40px 0;
    margin: 0 auto;
}

#freepage-english .text-box p {
    margin-bottom: 15px;
}

#freepage-english #section01 .image {
    margin-bottom: 50px;
}

#freepage-english #section02 ul.brand-list li {
    min-height: 300px;
    padding: 29px 770px 29px 29px;
    margin: 0 0 30px 0;
    border: #889cbb 1px solid;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    position: relative;
}

#freepage-english #section02 ul.brand-list li .brand-logo {
    margin-bottom: 20px;
    text-align: center;
}

#freepage-english #section02 ul.brand-list li .brand-logo img {
    width: 125px;
}

#freepage-english #section02 ul.brand-list li .brand-info p {
    line-height: 1.8;
}

#freepage-english #section02 ul.brand-list li .brand-photo {
    width: 700px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: 30px;
}

#freepage-english #section02 ul.brand-list li .brand-photo div.photo01 {
    margin-right: 5px;
    float: left;
}

#freepage-english #section03 p {
    text-align: center;
}

#freepage-english #section03 p a {
    text-decoration: underline;
}

#freepage-english #section04 p {
    text-align: center;
}

#freepage-english #section05 {
    width: 100%;
}

#freepage-english #section05 .history-line {
    padding: 60px 0;
    background: #f3f2ed;
}

#freepage-english #section05 .history-line ul {
    width: 800px;
    margin: 0 auto;
}

#freepage-english #section05 .history-line ul li {
    padding: 0 0 25px 20px;
    border-left: #d3d8dd 3px solid;
    position: relative;
}

#freepage-english #section05 .history-line ul li:last-child {
    padding: 0 0 0 20px;
    border-left: none;
}

#freepage-english #section05 .history-line ul li::after {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    content: '';
    background: #789ace;
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
}

#freepage-english #section05 .history-line ul li .year {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: -5px;
}

#freepage-english #section05 .history-line ul li .year span {
    margin-right: 5px;
    font-weight: bold;
    font-size: 16px;
}

#freepage-english #section05 .history-line ul li .detail {
    margin-left: 20px;
}

#freepage-english #section07 {
    text-align: center;
}

#freepage-english #section07 .btn {
    margin-top: 30px;
    text-align: center;
}

#freepage-english #section07 .btn a {
    width: 352px;
    height: 50px;
    padding: 0 0 0 40px;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 50px;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;
    background: #284066 url(../../img/usr/freepage/english/mail.png) 8% center no-repeat;
    -webkit-background-size: 21px 16px;
    background-size: 21px 16px;
    display: block;
}

#freepage-english #section07 .btn a:hover {
    background: #557cba url(../../img/usr/freepage/english/mail.png) 8% center no-repeat;
    -webkit-background-size: 21px 16px;
    background-size: 21px 16px;
}

/* --------------------------------------------------------------------
	フリーページ　POPUP MAP
--------------------------------------------------------------------- */
#map-popup-wrap {
    background: #284066;
    padding: 10px;
}

#map-popup-wrap .google-map {
    text-align: right;
}

#map-popup-wrap .google-map a {
    padding-right: 20px;
    color: #ffffff;
    position: relative;
}

#map-popup-wrap .google-map a::after {
    content: '';
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border: 4px solid transparent;
    border-left: 4px solid #ffffff;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 0;
}

/* --------------------------------------------------------------------
	フリーページ　会社概要
--------------------------------------------------------------------- */
#freepage-company .tel {
    margin-bottom: 5px;
}

#freepage-company .map a {
    padding-left: 20px;
    font-weight: bold;
    text-decoration: underline;
    background: url(../../img/usr/freepage/english/map.jpg) left center no-repeat;
    -webkit-background-size: 14px 20px;
    background-size: 14px 20px;
}

.freepage-frame ul.eigyoubu-list li {
    padding: 10px 0;
    border-bottom: #284066 1px dotted;
}

.freepage-frame ul.eigyoubu-list li:first-child {
    padding: 0 0 10px 0;
}

.freepage-frame ul.eigyoubu-list li:last-child {
    padding: 10px 0 0 0;
    border-bottom: none;
}

.freepage-frame ul.eigyoubu-list li .name {
    font-weight: bold;
}

.freepage-frame ul.eigyoubu-list li .name span {
    font-weight: normal;
}

.freepage-frame ul.eigyoubu-list li .tel {
    margin-bottom: 5px;
}

.freepage-frame ul.eigyoubu-list li .map a {
    padding-left: 20px;
    font-weight: bold;
    text-decoration: underline;
    background: url(../../img/usr/freepage/english/map.png) left center no-repeat;
    -webkit-background-size: 14px 20px;
    background-size: 14px 20px;
}

.freepage-frame .last-txt {
    margin-top: 20px;
    text-align: right;
}

/* --------------------------------------------------------------------
	フリーページ　よくあるご質問
--------------------------------------------------------------------- */
#freepage-faq .section {
    margin-bottom: 60px;
}

#freepage-faq #section_page_navi #tab_head ul {
    height: 45px;
    border-bottom: #789ace 2px solid;
    margin-bottom: 30px;
    text-align: center;
}

#freepage-faq #section_page_navi #tab_head ul li {
    width: 160px;
    height: 45px;
    line-height: 43px;
    margin: 0 3px;
    border: #789ace 2px solid;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    background: #789ace;
    position: relative;
    bottom: 0;
}

#freepage-faq #section_page_navi #tab_head ul li.active {
    border: #789ace 2px solid;
    border-bottom: #ffffff 2px solid;
    background: #ffffff;
    color: #284066;
}

#freepage-faq #section_page_navi .tab-child-box {
    display: none;
}

#freepage-faq #section_page_navi .tab-child-box.active {
    display: block;
}

#freepage-faq #section_page_navi .tab-child-box ul {
    display: flex;
    flex-wrap: wrap;
}

#freepage-faq #section_page_navi .tab-child-box li {
    flex-basis: 25%;
    margin-bottom: 10px;
    border-radius: 3px;
}

#freepage-faq #section_page_navi .tab-child-box li a {
    padding: 8px 0 20px;
    margin: 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: #cccccc 1px solid;
    text-align: center;
    display: block;
    position: relative;
}

#freepage-faq #section_page_navi .tab-child-box li a::before {
    content: '';
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-color: transparent #6fb4c3 #6fb4c3 transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    bottom: 7px;
}

#freepage-faq #section_page_navi .tab-child-box li a:hover {
    text-decoration: none;
    border-color: #6fb4c3;
}

#freepage-faq #section_page_navi .tab-child-box li a:hover::before {
    border-color: transparent #6fb4c3 #6fb4c3 transparent;
}

#freepage-faq .question-item {
    padding: 0 30px;
    margin-bottom: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #f2f2ed;
}

#freepage-faq dl {
    padding: 10px 0;
    display: flex;
}

#freepage-faq dl dt {
    flex-basis: 50px;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.0;
}

#freepage-faq dl dt::after {
    content: '.';
    font-size: 16px;
}

#freepage-faq dl dd {
    padding: 10px;
}

#freepage-faq dl dd a {
    text-decoration: underline;
}

#freepage-faq .question {
    cursor: pointer;
}

#freepage-faq .question.open dl {
    border-bottom: #284066 1px dotted;
}

#freepage-faq .question dl dt {
    color: #284066;
}

#freepage-faq .answer {
    display: none;
}

#freepage-faq .answer dl dt {
    color: #6e97d4;
}

/* --------------------------------------------------------------------
	フリーページ　サイズガイド
--------------------------------------------------------------------- */
#size_guide_frame {
    max-width: 600px;
    margin: 0 auto;
}

#size_guide_inner {
    padding: 20px;
    background: #ffffff;
}

#size_guide_inner .top-comment-line {
    padding: 10px;
}

#size_guide_inner h1 {
    margin: 20px 0;
    text-align: center;
}

#size_guide_inner h2 {
    padding: 0 10px;
    margin: 0;
    height: 45px;
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    text-align: left;
    border-top: #9eacc2 1px solid;
    background: #ffffff;
    position: relative;
}

#size_guide_inner h2.has-sub {
    padding: 7px 10px 0 10px;
    line-height: 1.2;
}

#size_guide_inner h2.has-sub span {
    font-size: 10px;
    display: block;
}

#size_guide_inner h2::after {
    content: '＋';
    font-size: 16px;
    line-height: 1.0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

#size_guide_inner h2.open {
    border-bottom: #9eacc2 1px solid;
}

#size_guide_inner h2.open::after {
    content: '－';
    font-size: 16px;
    line-height: 1.0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

#size_guide_inner .size-frame {
    display: none;
}

#size_guide_inner .size-frame ul li {
    text-align: center;
}

#size_guide_inner .table-frame {
    padding: 10px;
    overflow: hidden;
}

#size_guide_inner .table-frame-inner01 {
    width: 50%;
    border-bottom: #e5e5e5 1px solid;
    border-left: #e5e5e5 1px solid;
    float: left;
}

#size_guide_inner .table-frame-inner02 {
    width: 50%;
    border-bottom: #e5e5e5 1px solid;
    border-left: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
    float: right;
}

#size_guide_inner .table-frame dl {
    width: 100%;
    border-top: #e5e5e5 1px solid;
    display: flex;
}

#size_guide_inner .table-frame dl.head dt,
#size_guide_inner .table-frame dl.head dd {
    font-weight: bold;
    color: #284066;
    background: #eff3f5;
}

#size_guide_inner .table-frame dl dt {
    padding: 7px 5px;
    border-right: #e5e5e5 1px solid;
    flex-basis: 40%;
    font-size: 12px;
    text-align: center;
}

#size_guide_inner .table-frame dl dd {
    padding: 7px 5px;
    flex-basis: 60%;
    font-size: 12px;
    text-align: center;
}

#size_guide_inner #sec15 {
    border-bottom: #9eacc2 1px solid;
}

#size_guide_inner .close-btn {
    padding: 15px 0;
    text-align: center;
}

#size_guide_inner .close-btn a {
    padding: 10px;
    text-align: center;
    display: block;
}

/* --------------------------------------------------------------------
	フリーページ　Ranking
--------------------------------------------------------------------- */
#freepage_ranking h1 img {
    height: 62px;
}

#freepage_ranking .section-navi#sec-top-navi {
    margin: 0 auto 50px auto;
}

#freepage_ranking .section-navi#sec-bottom-navi {
    margin: 50px auto 100px;
}

#freepage_ranking .section-navi ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

#freepage_ranking .section-navi ul li {
    padding: 10px 20px;
    border-right: #ffffff 2px solid;
    background: #e3ebf7;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

#freepage_ranking .section-navi ul li:first-child {
    -webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
}

#freepage_ranking .section-navi ul li:last-child {
    border: none;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
}

#freepage_ranking .section-navi ul li.active {
    background: #789ace;
    color: #ffffff;
}

#freepage_ranking #sec-main .ranking-goods-frame {
    display: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

#freepage_ranking #sec-main .ranking-goods-frame.active {
    display: block;
}

#freepage_ranking #sec-main .ranking-goods-frame ul {
    overflow: hidden;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li {
    width: 200px;
    padding-top: 40px;
    margin: 0 50px 50px 0;
    float: left;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li .item-image {
    margin-bottom: 10px;
    text-align: center;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(5n) {
    margin: 0 0 50px 0;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(5n+1) {
    clear: left;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(1) {
    background: url(../../img/usr/freepage/ranking/rank01.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(2) {
    background: url(../../img/usr/freepage/ranking/rank02.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(3) {
    background: url(../../img/usr/freepage/ranking/rank03.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(4) {
    background: url(../../img/usr/freepage/ranking/rank04.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(5) {
    background: url(../../img/usr/freepage/ranking/rank05.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(6) {
    background: url(../../img/usr/freepage/ranking/rank06.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(7) {
    background: url(../../img/usr/freepage/ranking/rank07.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(8) {
    background: url(../../img/usr/freepage/ranking/rank08.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(9) {
    background: url(../../img/usr/freepage/ranking/rank09.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

#freepage_ranking #sec-main .ranking-goods-frame ul li:nth-child(10) {
    background: url(../../img/usr/freepage/ranking/rank10.png) center top no-repeat;
    -webkit-background-size: auto 26px;
    background-size: auto 26px;
}

/* --------------------------------------------------------------------
	フリーページ　新卒採用
--------------------------------------------------------------------- */
#freepage_graduates {
    background-image: url(https://www.bleubleuet.jp/bb/img/event/shinsotu/shinsotsu_2027_pc_bnr_1500-700.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    color: #284066;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    transition: all .5s;
    min-width: 1200px;
}

#freepage_graduates.bg2_ {
    background-image: url(../../img/usr/freepage/graduates/mv2020_02.jpg);
    background-position: center top;
}

#freepage_graduates.graduates2021 {
    background-image: url(../../img/usr/freepage/graduates/mv2021_01.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
}

#freepage_graduates.graduates2021.bg2_ {
    background-image: url(../../img/usr/freepage/graduates/mv2021_02.jpg);
    background-position: center top;
}

#freepage_graduates.graduates2022 {
    background-image: url(../../img/usr/freepage/graduates/mv2022_01.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
}

#freepage_graduates.graduates2024 {
    /* background-image: url(../../img/usr/freepage/graduates/mv2024.jpg);*/
    background-attachment: fixed;
    background-size: contain;
    background-position: center 80px;
    background-repeat: no-repeat;
}

@media (max-width: 992px) {
    #freepage_graduates.graduates2022 {
        background-size: 100%;
        background-repeat: no-repeat;
        background-attachment: initial;
    }
}

#freepage_graduates.graduates2022.bg2_ {
    background-image: url(../../img/usr/freepage/graduates/mv2022_02.jpg);
    background-position: center top;
}


#freepage_graduates .bg_modal_ {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #284066;
    opacity: 0.7;
    z-index: 101;
}

#freepage_graduates .bx-pager {
    display: none;
}

#freepage_graduates .bx-prev,
#freepage_graduates .bx-next {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    width: 26px;
    height: 46px;
}

#freepage_graduates .bx-prev.disabled,
#freepage_graduates .bx-next.disabled {
    display: none;
}

#freepage_graduates #interview .bx-prev {
    left: -55px;
    background: url(../../img/usr/freepage/graduates/prev02.png);
}

#freepage_graduates #interview .bx-next {
    right: -55px;
    background: url(../../img/usr/freepage/graduates/next02.png);
}

#freepage_graduates #introduction .bx-prev {
    left: 60px;
    background: url(../../img/usr/freepage/graduates/prev.png);
}

#freepage_graduates #introduction .bx-next {
    right: 60px;
    background: url(../../img/usr/freepage/graduates/next.png);
}

#freepage_graduates #interview > .img {
    margin: 63px auto 0;
}

#freepage_graduates a {
    text-decoration: none;
    color: #284066;
}

#freepage_graduates .header_ {
    height: 80px;
    background: #fff;
    border-bottom: 2px solid #273f65;
    box-sizing: border-box;
    z-index: 100;
    width: 100%;
    position: fixed;
}

#freepage_graduates .header_ .inner_ {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

#freepage_graduates .header_ p {
    float: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 38px 0 19px 0;
}

#freepage_graduates .header_ p + a {
    float: left;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 236px;
    height: 40px;
    line-height: 1;
    text-align: center;
    padding: 18px 0 0;
}

#freepage_graduates .header_ a:last-child {
    /* float: right; */
    font-size: 10px;
    font-weight: bold;
    /* margin: 38px 0 19px 0; */
    margin: 0;
}

#freepage_graduates .header_ > .inner_ > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#freepage_graduates .header_ > .inner_ > div > ul {
    display: flex;
    justify-content: flex-end;
}

#freepage_graduates .header_ > .inner_ > div > ul > li {
    line-height: 1;
}

#freepage_graduates .header_ > .inner_ > div > ul:nth-last-of-type(2) {
    margin-top: 5px;
}

#freepage_graduates .header_ > .inner_ > div > ul > li:nth-of-type(n+2) {
    margin-left: 10px;
}

#freepage_graduates .header_ img {
    width: 236px;
    height: 40px;
}

#freepage_graduates .mv_ {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3% 0 0;
    /* height: calc(100vh - 345px); */
    height: calc(845 * (100vw / 1560)) !important;
}

@media (max-width: 992px) {
    #freepage_graduates .mv_ {
        height: inherit;
    }
}

#freepage_graduates .mv_ .inner_ {
    position: relative;
}

#freepage_graduates .mv_ .title_ {
    margin: 0 0 90px;
    text-align: center;
    opacity: 0;
}

#freepage_graduates .mv_ ul {
    display: flex;
    justify-content: center;
}

#freepage_graduates .mv_ ul li {
    margin: 0 10px 0 0;
}

#freepage_graduates .mv_ ul li:last-child {
    margin: 0;
}

#freepage_graduates .mv_ ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3f72c0;
    width: 220px;
    height: 60px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
    transition: all .5s;
}

#freepage_graduates .mv_ ul li a:hover {
    opacity: .8;
}

#freepage_graduates .pop-button {
    width: 220px;
    height: 220px;
    border-radius: 150px;
    background: url("../../img/usr/freepage/graduates/internship_pop_bg.jpg") repeat;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
    transition: all .5s;
    position: absolute;
    top: 70px;
    right: -150px;
}

#freepage_graduates .pop-button a {
    width: 220px;
    height: 220px;
    border-radius: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 1.6;
    color: #fff;
}

#freepage_graduates .pop-button a span {
    font-size: 22px;
    color: #fff;
}

#freepage_graduates .secWrap_ {
    background: #fff;
    position: relative;
    /* z-index: 150; */
}

#freepage_graduates .sec_ {
    width: 1348px;
    background: #fff;
    padding: 95px 0 30px;
    margin: 0 auto 60px;
    box-sizing: border-box;
}

#freepage_graduates .sec_ > .img img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 0;
}

#freepage_graduates .sec_#introduction {
    padding: 80px 0 0;
}

#freepage_graduates .sec_ h2 {
    text-align: center;
    margin: 0 0 55px;
}

#freepage_graduates .sec_ h2 > span {
    display: block;
    margin-top: -3px;
    text-align: center;
    color: #25314c;
    font-weight: bold;
}

#freepage_graduates #internship .image {
    margin: 0 auto 46px;
    text-align: center;
}


#freepage_graduates #internship .sub-box {
    width: 1210px;
    margin: 0 auto 0;
}

#freepage_graduates #internship .sub-box > .ttl {
    margin-bottom: 35px;
}

#freepage_graduates #internship .text {
    margin: 0 auto 57px;
    text-align: center;
    font-size: 20px;
    color: #000;
}

#freepage_graduates #internship .button {
    text-align: center;
}

#freepage_graduates #internship .button a {
    width: 280px;
    margin: 0 auto;
    padding: 15px 0 13px;
    border: 2px solid #00a7e7;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: block;
    color: #284167;
}

#freepage_graduates #internship .btn {
    width: 440px;
    height: 85px;
    margin: 0 auto 0;
}

#freepage_graduates #internship .btn a {
    display: block;
    width: 100%;
    height: 100%;
}

#freepage_graduates #message.sec_ {
    background: #f5f5f2;
    width: 100%;
    padding-bottom: 93px;
    margin-bottom: 0;
}

#freepage_graduates #message .inner {
    width: 1350px;
    margin: 0 auto;
}

#freepage_graduates #message .txt {
    text-align: center;
    font-size: 20px;
    color: #284066;
}

#freepage_graduates #message .txt:nth-of-type(n+2) {
    margin-top: 40px;
}

#freepage_graduates #message > .inner > .img {
    margin-top: 73px;
}

#freepage_graduates #interview.sec_ {
    background: #536b91;
    width: 100%;
    padding-bottom: 0;
    margin: 0 auto 0;
}

#freepage_graduates #interview > ul {
    width: 1350px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

#freepage_graduates #interview > ul li {
    display: flex;
    flex-flow: column;
    margin: 0 44px 35px 0;
    text-align: center;
    cursor: pointer;
    width: 304px;
    color: #fff;
}

#freepage_graduates #interview > ul li img {
    width: 100%;
    height: auto;
    display: block;
}

#freepage_graduates #interview > ul li:nth-child(4n) {
    margin-right: 0;
}

#freepage_graduates #interview > ul li .img_ {
    position: relative;
    margin: 0 0 15px;
    line-height: 0;
    transition: all 5s;
}

#freepage_graduates #interview > ul li .img_:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid #fff;
    transition: 0.3s ease-in-out;
    box-sizing: border-box;
    pointer-events: none;
}

#freepage_graduates #interview > ul li .img_:hover:after {
    border: 5px solid #fff;
}

#freepage_graduates #interview > ul li p {
    font-size: 14px;
    line-height: 20px;
}

#freepage_graduates #interview > ul li .name_ {
    margin-top: auto;
    font-size: 12px;
}

#freepage_graduates #interview > ul li .name_ span {
    font-size: 14px;
}

#freepage_graduates #interview .slider_ {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 1020px;
    height: 600px;
    z-index: 110;
}

#freepage_graduates #interview .slider_ .close_ {
    position: absolute;
    top: -20px;
    right: -12px;
    z-index: 100;
    cursor: pointer;
}

#freepage_graduates #interview .slider_ ul li {
    width: 1200px;
    height: 600px;
}

#freepage_graduates #interview .slider_ ul li .wrap_ {
    display: flex;
    width: 1020px !important;
    height: 600px;
    box-sizing: border-box;
    padding: 40px;
    margin: 0 auto;
    background: url(../../img/usr/freepage/graduates/bg_interview.png) no-repeat;
}

#freepage_graduates #interview .slider_ ul li .info_ {
    margin: 0 30px 0 0;
    text-align: center;
}

#freepage_graduates #interview .slider_ ul li .info_ img {
    display: block;
    margin: 0 0 15px;
    width: 355px;
    height: auto;
}

#freepage_graduates #interview .slider_ ul li .info_ p {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 10px;
}

#freepage_graduates #interview .slider_ ul li .info_ .name_ {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#freepage_graduates #interview .slider_ ul li .info_ .name_ span {
    font-size: 14px;
}

#freepage_graduates #interview .slider_ ul li .contents_ {
    overflow-y: scroll;
    padding: 0 40px 0 0;
}

#freepage_graduates #interview .slider_ ul li .contents_::-webkit-scrollbar {
    width: 10px;
}

#freepage_graduates #interview .slider_ ul li .contents_::-webkit-scrollbar-track {
    background: #dcdcdc;
}

#freepage_graduates #interview .slider_ ul li .contents_::-webkit-scrollbar-thumb {
    background: #999999;
}

#freepage_graduates #interview .slider_ ul li .contents_ .headline_ {
    border-radius: 20px;
    margin: 0 0 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 9px 20px 5px;
    background: url(../../img/usr/freepage/graduates/bg_headline.png);
}

#freepage_graduates #interview .slider_ ul li .contents_ .box_ {
    margin: 0 0 35px;
}

#freepage_graduates #interview .slider_ ul li .contents_ .box_:last-child {
    margin: 0;
}

#freepage_graduates #introduction.sec_ {
    width: 100%;
    padding: 104px 0 0;
    margin: 0 auto 100px;
    overflow: hidden;
}

#freepage_graduates #introduction.sec_ > .img {
    margin: 100px 0 0;
}

#freepage_graduates #introduction.sec_ > .img img {
    width: 100%;
    height: auto;
    display: block;
}

#freepage_graduates #introduction .tab_ {
    width: 1215px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #1c406a;
    padding: 0 40px 0 0;
    /* padding: 0 25px; */
    margin: 0 auto 0;
    box-sizing: border-box;
    position: relative;

}

#freepage_graduates #introduction > h2 {
    width: 280px;
    margin: 0 auto 60px;
}

#freepage_graduates #introduction > h2 > img {
    width: 100%;
    height: auto;
    display: block;
}

#freepage_graduates #introduction .tabBox_ {
    position: relative;
}

#freepage_graduates #introduction .tabBox_::before {
    content: '';
    display: block;
    width: 100vw;
    height: 2px;
    background: #1c406a;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#freepage_graduates #introduction .tab_ li {
    background: #e3ebf7;
    border: 2px solid #1c406a;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    width: 293px;
    box-sizing: border-box;
    padding: 13px 13px 10px;
    text-align: center;
    cursor: pointer;
}

#freepage_graduates #introduction .tab_ li:nth-child(3),
#freepage_graduates #introduction .tab_ li:nth-child(4),
#freepage_graduates #introduction .tab_ li:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
}

#freepage_graduates #introduction .tab_ li.active_ {
    position: relative;
    background: #fff;
}

#freepage_graduates #introduction .tab_ li.active_:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 25px;
    width: 38px;
    height: 40px;
    background: url(../../img/usr/freepage/graduates/img_check.png);
}

#freepage_graduates #introduction .tab_ li.active_:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #fff;
}

#freepage_graduates #introduction .tab_ li .head_ {
    color: #fff;
    font-size: 16px;
    background: #284066;
    border-radius: 5px;
    letter-spacing: 2px;
}

#freepage_graduates #introduction .tab_ li:nth-child(1) .head_ {
    margin: 0 0 10px;
}

#freepage_graduates #introduction .tab_ li:nth-child(2) .head_ {
    margin: 0 0 15px;
}

#freepage_graduates #introduction .tab_ li .ttl_ {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}

#freepage_graduates #introduction .tab_contents_ {
    width: 1200px;
    padding: 0 30px;
    ;
    margin: 75px auto 0;
    box-sizing: border-box;
}

#freepage_graduates #introduction .tab_contents_ > ul > li {
    display: none;
}

#freepage_graduates #introduction .tab_contents_ > ul > li.active_ {
    display: block;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ {
    display: flex;
    margin: 0;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ div {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ img {
    margin: 0 40px 0 0;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .text_ {
    font-size: 16px;
    line-height: 32px;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .text_ + .text_ {
    margin-top: 30px;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ {
    margin: 50px 0 0;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dl {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 11px 25px 9px 0;
    border-radius: 10px;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dl:nth-child(odd) {
    background: #fcf2c8;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dl:nth-child(even) {
    background: #c9dcf8;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dl:last-child {
    margin: 0;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dt {
    width: 180px;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dt span {
    display: block;
    font-size: 14px;
}

#freepage_graduates #introduction .tab_contents_ > ul > li .inner_ .part_ dd {
    width: 485px;
    box-sizing: border-box;
    padding: 0 0 0 25px;
    border-left: 1px solid #97aac6;
}

#freepage_graduates #introduction .ex_ {
    width: 1200px;
    position: relative;
    margin: 50px auto 0;
    padding: 55px 0 60px;
}

#freepage_graduates #introduction .ex_::before,
#freepage_graduates #introduction .ex_::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(../../img/usr/freepage/graduates/border_stripe.png) repeat-x;
}

#freepage_graduates #introduction .ex_::after {
    top: auto;
    bottom: 0;
}


#freepage_graduates #introduction .ex_ h3 {
    position: relative;
    margin: 0 auto 30px;
    display: block;
    width: 240px;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 0 0 45px;
    background: url(../../img/usr/freepage/graduates/img_time.png) no-repeat left center;
    text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}

#freepage_graduates #introduction .ex_ .slider_ {
    width: 960px;
    height: 245px;
    margin: 0 auto;
}

#freepage_graduates #introduction .ex_ li {
    display: flex;
    justify-content: space-between;
    width: 470px !important;
    height: 245px;
    box-sizing: border-box;
    padding: 30px 30px 30px 25px;
    background: url(../../img/usr/freepage/graduates/bg_ex.png);
}

#freepage_graduates #introduction .ex_ li > img {
    width: 180px;
    height: 180px;
}

#freepage_graduates #introduction .ex_ li.ex03_ > img {
    position: absolute;
    right: 15px;
}

#freepage_graduates #introduction .ex_ li .time_ {
    width: 85px;
    margin: 0 0 15px;
}

#freepage_graduates #introduction .ex_ li .time_ img {
    width: 100%;
}

#freepage_graduates #introduction .ex_ li .main_ {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin: 0 0 13px;
}

#freepage_graduates #introduction .ex_ li .sub_ {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

#freepage_graduates #career.sec_ {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

#freepage_graduates #career.sec_ .img img {
    width: 100%;
    height: auto;
    display: block;
}

#freepage_graduates #career {
    text-align: center;
}

#freepage_graduates #career > .img {
    margin: 0 auto;
}

#freepage_graduates #career > h2 {
    width: 394px;
    margin: 0 auto 60px;
}

#freepage_graduates #career > h2 img {
    width: 100%;
    height: auto;
    display: block;
}

#freepage_graduates #career .text_ {
    font-size: 20px;
    margin: 0 0 20px;
}

#freepage_graduates #career .text_:nth-of-type(1) {
    margin: 0 0 25px;
}

#freepage_graduates #career .movie_ {
    padding-bottom: 100px;
    margin-top: 88px;
    background: url(../../img/usr/freepage/graduates/bg_stripe.png) repeat;
}

#freepage_graduates #career .ttl_ {
    font-size: 40px;
    font-weight: bold;
    transform: translateY(-33px);
}

#freepage_graduates #career .txt_ {
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    transform: translateY(-28px);
}

#freepage_graduates #career .wrap_ {
    width: 1350px;
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between;
}

#freepage_graduates #career .item_ {
    width: 417px;
    height: 235px;
    position: relative;
}

#freepage_graduates #career .item_ > span {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    text-align: center;
    font-weight: bold;
    color: #284066;
}

#freepage_graduates #career iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#freepage_graduates #guide {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 80px 0 60px;
    background: #f0f3f5;
}

#freepage_graduates #guide > .img {
    width: 100%;
    margin: 0 auto 80px;
}

#freepage_graduates #guide > .img img {
    display: block;
    width: 100%;
    height: auto;
}

#freepage_graduates #guide .mynavi-logo {
    display: block;
    width: 161px;
    margin: 20px auto 0;
}


#freepage_graduates #guide h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 10px;
    font-weight: bold;
}

#freepage_graduates #guide .intro_ {
    font-size: 20px;
    line-height: 2;
    margin: 0 0 40px;
    text-align: center;
}

#freepage_graduates #guide .intro_ h3 {
    font-weight: bold;
}

#freepage_graduates #guide .intro_ p {
    margin-top: 40px;
}

#freepage_graduates #guide > table {
    width: 1180px;
    border: #284066 2px solid;
    margin: 0 auto 0;
}

#freepage_graduates #guide > table > tbody > tr > th,
#freepage_graduates #guide > table > tbody > tr > td {
    padding: 15px 20px 11px;
    border-bottom: 2px solid #284066;
}

#freepage_graduates #guide > table > tbody > tr:last-child th,
#freepage_graduates #guide > table > tbody > tr:last-child td {
    border: none;
}

#freepage_graduates #guide > table > tbody > tr > th {
    background: #e3ebf7;
}

#freepage_graduates #guide > table > tbody > tr > td {
    background: #fff;
}

#freepage_graduates #guide > table > tbody > tr > td span {
    display: block;
    font-size: 12px;
    margin: 20px 0 0;
}

#freepage_graduates #guide table table tr th {
    width: 180px;
    box-sizing: border-box;
}

#freepage_graduates #guide table table tr:nth-child(even) th {
    padding-left: 32px;
}

#freepage_graduates ._bold {
    font-weight: bold;
}

#freepage_graduates .entry_ {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: #fff url(../../img/usr/freepage/graduates/border_dot.png) repeat-x left top;
    box-sizing: border-box;
}

#freepage_graduates .entry_.fixed_ {
    position: static;
}

#freepage_graduates .entry_ ul {
    display: flex;
    height: 100%;
}

#freepage_graduates .entry_ ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;
}

#freepage_graduates .entry_ ul li:last-child {
    position: relative;
}

#freepage_graduates .entry_ ul li:last-child:before {
    content: '';
    position: absolute;
    top: 40px;
    left: -39px;
    width: 80px;
    height: 2px;
    background: url(../../img/usr/freepage/graduates/border_dot.png) repeat-x center top;
    transform: rotate(90deg);
}

#freepage_graduates .entry_ ul li a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    font-size: 24px;
    font-weight: bold;
}

#freepage_graduates .entry_ ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #273f65;
}

#freepage_graduates .entry_ ul li a span {
    font-size: 30px;
    margin: 0 0 0 5px;
}

#freepage_graduates .block-page-top {
    position: fixed;
    top: auto;
    bottom: 60px;
    right: 34px;
}

#freepage_graduates .block-page-top a {
    position: relative;
    display: block;
    width: 91px;
    height: 59px;
}

#freepage_graduates .block-page-top a img {
    width: 100%;
}

#freepage_graduates .pane-footer {
    padding: 45px 0 0;
    background: url(../../img/usr/common/gray_bg.gif) 0 0;
}

#freepage_graduates .pane-footer .container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

#freepage_graduates .footer-bottom-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
}

#freepage_graduates .footer-logo {
    width: 236px;
}

#freepage_graduates .footer-company-nav--list {
    text-align: right;
}

#freepage_graduates .footer-company-nav--item {
    display: inline-block;
    padding: 0 1em;
    color: #333;
    border-left: 1px solid #333;
}

#freepage_graduates .footer-company-nav--item a {
    color: #333;
}

#freepage_graduates .footer-company-nav--item:last-of-type {
    border-right: 1px solid #333;
}

#freepage_graduates .block-copyright {
    padding: 20px 0;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: #1c406a;
}