@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    module
    page
    utility
========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   red
--------------------------------------------- */
.red {
    color: #f44040;
}

/* ---------------------------------------------
*   bold
--------------------------------------------- */
.bold {
    font-weight: bold;
}

/* ---------------------------------------------
*   breadcrumb
--------------------------------------------- */
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.breadcrumb__item {
    font-size: 0.85714rem;
}

.breadcrumb__item:after {
    margin: 0 6px 0 3px;
    content: "\03e";
    font-size: 1.14286rem;
    line-height: 1;
}

.breadcrumb__item:last-child:after {
    content: none;
}

.breadcrumb__item a {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.breadcrumb__item a:hover {
    opacity: 0.7;
}

.breadcrumb__item span {
    font-weight: bold;
}

/* ---------------------------------------------
*   content-wrap
--------------------------------------------- */
.content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 15px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* ---------------------------------------------
*   mod-content
--------------------------------------------- */
.mod-content {
    margin-top: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 3.96px 0.04px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 1px 3.96px 0.04px rgba(68, 68, 68, 0.2);
}

.mod-content:first-of-type {
    margin-top: 0;
}

/* ---------------------------------------------
*   selector01
--------------------------------------------- */
.selector01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    border-bottom: 2px solid #f44040;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.selector01__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 0 8px 0;
    width: calc(100% / 6);
    border: solid 1px #e0e4e7;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.selector01__item.current {
    margin-top: -2px;
    border: solid 2px #f44040;
    background-color: #f44040;
    -webkit-box-shadow: 0 0 4px 0 rgba(68, 68, 68, 0.2);
    box-shadow: 0 0 4px 0 rgba(68, 68, 68, 0.2);

    -ms-flex-item-align: start;
    align-self: flex-start;
}

.selector01__item.current .selector01__text {
    font-weight: bold;
}

.selector01__item.current:hover {
    background-color: #f44040;
}

.selector01__item:hover {
    background-color: #fff2dd;
}

body.edge .selector01__item {
    width: 16.66%;
}

.selector01__text {
    display: block;
    font-size: 0.92857rem;
}

.selector01__item.current .selector01__text {
    color: #fff;
    font-size: 1.07143rem;
}

/* ---------------------------------------------
*   selector02
--------------------------------------------- */
.selector02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    padding: 0 10px;
    border-bottom: 1px solid #cccccc;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.selector02__item {
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    text-align: center;
}

.selector02__item.current {
    position: relative;
    border-bottom: 2px solid #f44040;
}

.selector02__item.current:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #f44040 transparent transparent transparent;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.selector02__text {
    display: inline-block;
    padding: 15.5px 15px;
    font-size: 1rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.selector02__text:hover {
    background-color: #fff2dd;
}

/* ---------------------------------------------
*   tab-target
--------------------------------------------- */
.tab-target {
    display: none;
}

.tab-target.current {
    display: block;
}

/* ---------------------------------------------
*   category-wrap
--------------------------------------------- */
.category-wrap {
    padding: 20px 20px 50px 20px;
}

/* ---------------------------------------------
*   category
--------------------------------------------- */
.category__container {
    padding: 20px;
}

.category__head {
    padding-left: 10px;
}

.category__head-text {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    font-size: 1.07143rem;
}

.category__head-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category__head-text:before {
    width: 14px;
    height: 19px;
    background-image: url(/files/user/img/icon/icon_book.png?v=1553562219);
}

.category__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 18px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category__block {
    width: 125px;
}

.category__block:first-of-type .category-sub-list {
    left: 0;
    -webkit-transform: none;
    transform: none;
}

.category__block:first-of-type .category-sub-list .category-sub-list__container:before {
    left: 30px;
}

.category__block:nth-of-type(2) .category-sub-list {
    left: 0;
    -webkit-transform: none;
    transform: none;
}

.category__block:nth-of-type(2) .category-sub-list .category-sub-list__container:before {
    left: 30px;
}

.category__block:last-of-type .category-sub-list {
    right: 0;
    left: auto;
    -webkit-transform: none;
    transform: none;
}

.category__block:last-of-type .category-sub-list .category-sub-list__container:before {
    right: 80px;
    left: auto;
}

.category__type {
    display: block;
    padding: 5px 0;
    border: solid 1px #f44040;
    border-radius: 4px;
    text-align: center;
    font-size: 0.92857rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.category__type:hover {
    background-color: #fff2dd;
}

.category__list {
    margin-top: 12px;
}

.category__list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    height: 40px;
    font-size: 0.78571rem;
    line-height: 1.3;
}

.category__list-trigger {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 15px 8px 3px;
    width: 100%;
    background-image: url(/files/user/img/icon/arrow_u_red.png?v=1558603699);
    background-position: top 12px right 2px;
    background-size: 11px 6px;
    background-repeat: no-repeat;
    word-break: break-all;
    cursor: pointer;
}

.category__list-trigger.active {
    background-color: #fff2dd;
    background-image: url(/files/user/img/icon/arrow_t_red.png?v=1558603699);
}

.category__list-trigger.single {
    background-image: none;
}

/*  category-sub-list
--------------------------------------------- */
.category-sub-list {
    position: absolute;
    left: 50%;
    z-index: 5;
    display: none;
    width: 600px;
    border: solid 1px #cccccc;
    border-radius: 6px;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.category-sub-list__container {
    position: relative;
    padding: 12px 10px 10px 10px;
}

.category-sub-list__container:before {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: #fff;
    content: "";
    -webkit-transform: translateX(-50%);
    -webkit-transform: rotate(-45deg);
    transform: translateX(-50%);
    transform: rotate(-45deg);
    /* 色をなくせば水色のくの字になる */
}

.category-sub-list__head {
    display: inline-block;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 0.85714rem;
}

.category-sub-list__item1:nth-child(odd) {
    background-color: #f2f2f2;
}

.category-sub-list__inner2,
.category-sub-list__inner3,
.category-sub-list__inner4,
.category-sub-list__inner5,
.category-sub-list__inner6 {
    display: none;
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    background-color: #fff;
}

.category-sub-list__inner5-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    padding: 15px 0 10px 10px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* .category-sub-list__item5 {
    margin-left: 38px;
} */

.category-sub-list__item5:first-child {
    margin-left: 0;
}

.category-sub-list__item6 .category-sub-list__item-inner {
    -ms-flex-pack: start;
    border-bottom: none;
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: auto;
}

.category-sub-list__item6 .category-sub-list__item-inner a {
    display: inline-block;
    margin-top: 10px;
    margin-right: 35px;
}

.category-sub-list__item6 .category-sub-list__item-inner a:hover {
    text-decoration: underline;
}

.category-sub-list__link {
    font-size: 0.78571rem;
}

.category-sub-list__link:hover {
    border-bottom: 1px solid;
}

.category-sub-list__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    height: 30px;
    border-bottom: 1px solid #cccccc;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.category-sub-list__item1 > .category-sub-list__item-inner {
    border-bottom: none;
}

.category-sub-list__item2.side {
    float: left;
}

.category-sub-list__item2.side .category-sub-list__item-inner,
.category-sub-list__item3.side .category-sub-list__item-inner,
.category-sub-list__item4.side .category-sub-list__item-inner,
.category-sub-list__item5.side .category-sub-list__item-inner,
.category-sub-list__item6.side .category-sub-list__item-inner {
    border-bottom: none;
}

.category-sub-list__text {
    font-size: 0.78571rem;
}

.category-sub-list__text:hover {
    text-decoration: underline;
}

.category-sub-list .trigger1,
.category-sub-list .trigger2,
.category-sub-list .trigger3,
.category-sub-list .trigger4,
.category-sub-list .trigger5 {
    position: relative;
    display: block;
    width: 26px;
    height: 30px;
    background-image: url(/files/user/img/icon/icon_plus.png?v=1553562219);
    background-position: center center;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    font-size: 0.78571rem;
    cursor: pointer;
}

.category-sub-list .trigger1:after,
.category-sub-list .trigger2:after,
.category-sub-list .trigger3:after,
.category-sub-list .trigger4:after,
.category-sub-list .trigger5:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 18px;
    background-color: #666666;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category-sub-list .trigger1.active,
.category-sub-list .trigger2.active,
.category-sub-list .trigger3.active,
.category-sub-list .trigger4.active,
.category-sub-list .trigger5.active {
    background-image: url(/files/user/img/icon/icon_minus.png?v=1553562219);
    background-size: 12px 2px;
}

/* ---------------------------------------------
*   category-content
--------------------------------------------- */
.category-content {
    margin-top: 30px;
}

.category-content--ranking {
    margin-top: 0;
}

.category-content--ranking .content-block {
    position: relative;
}

.category-content--ranking .content-block:nth-child(1):before {
    background-image: url(/files/user/img/icon/icon_rank_01.png?v=1553562219);
}

.category-content--ranking .content-block:nth-child(2):before {
    background-image: url(/files/user/img/icon/icon_rank_02.png?v=1553562219);
}

.category-content--ranking .content-block:nth-child(3):before {
    background-image: url(/files/user/img/icon/icon_rank_03.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(4):before {
    background-image: url(/files/user/img/icon/icon_rank_04.png?v=1553562219);
}

.category-content--ranking .content-block:nth-child(5):before {
    background-image: url(/files/user/img/icon/icon_rank_05.png?v=1553562219);
}

.category-content--ranking .content-block:nth-child(6):before {
    background-image: url(/files/user/img/icon/icon_rank_06.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(7):before {
    background-image: url(/files/user/img/icon/icon_rank_07.png?v=1553562219);
}

.category-content--ranking .content-block:nth-child(8):before {
    background-image: url(/files/user/img/icon/icon_rank_08.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(9):before {
    background-image: url(/files/user/img/icon/icon_rank_09.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(10):before {
    background-image: url(/files/user/img/icon/icon_rank_10.png?v=1553562219);
}

.category-content--ranking .content-block:nth-child(11):before {
    background-image: url(/files/user/img/icon/icon_rank_11.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(12):before {
    background-image: url(/files/user/img/icon/icon_rank_12.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(13):before {
    background-image: url(/files/user/img/icon/icon_rank_13.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(14):before {
    background-image: url(/files/user/img/icon/icon_rank_14.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(15):before {
    background-image: url(/files/user/img/icon/icon_rank_15.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(16):before {
    background-image: url(/files/user/img/icon/icon_rank_16.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(17):before {
    background-image: url(/files/user/img/icon/icon_rank_17.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(18):before {
    background-image: url(/files/user/img/icon/icon_rank_18.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(19):before {
    background-image: url(/files/user/img/icon/icon_rank_19.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(20):before {
    background-image: url(/files/user/img/icon/icon_rank_20.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(21):before {
    background-image: url(/files/user/img/icon/icon_rank_21.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(22):before {
    background-image: url(/files/user/img/icon/icon_rank_22.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(23):before {
    background-image: url(/files/user/img/icon/icon_rank_23.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(24):before {
    background-image: url(/files/user/img/icon/icon_rank_24.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(25):before {
    background-image: url(/files/user/img/icon/icon_rank_25.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(26):before {
    background-image: url(/files/user/img/icon/icon_rank_26.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(27):before {
    background-image: url(/files/user/img/icon/icon_rank_27.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(28):before {
    background-image: url(/files/user/img/icon/icon_rank_28.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(29):before {
    background-image: url(/files/user/img/icon/icon_rank_29.png?v=1558603699);
}

.category-content--ranking .content-block:nth-child(30):before {
    background-image: url(/files/user/img/icon/icon_rank_30.png?v=1558603699);
}

.category-content--ranking .content-block:before {
    display: block;
    margin-top: 32px;
    width: 24px;
    height: 24px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.category-content--ranking .content-block__inner {
    width: calc(100% - 220px);
}

.category-content--ranking2 .content-block__text {
    padding-left: 30px;
    background-position: left top 1px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.category-content--ranking2 .content-block:nth-child(1) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_01.png?v=1553562219);
}

.category-content--ranking2 .content-block:nth-child(2) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_02.png?v=1553562219);
}

.category-content--ranking2 .content-block:nth-child(3) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_03.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(4) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_04.png?v=1553562219);
}

.category-content--ranking2 .content-block:nth-child(5) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_05.png?v=1553562219);
}

.category-content--ranking2 .content-block:nth-child(6) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_06.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(7) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_07.png?v=1553562219);
}

.category-content--ranking2 .content-block:nth-child(8) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_08.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(9) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_09.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(10) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_10.png?v=1553562219);
}

.category-content--ranking2 .content-block:nth-child(11) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_11.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(12) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_12.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(13) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_13.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(14) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_14.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(15) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_15.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(16) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_16.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(17) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_17.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(18) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_18.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(19) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_19.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(20) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_20.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(21) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_21.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(22) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_22.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(23) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_23.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(24) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_24.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(25) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_25.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(26) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_26.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(27) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_27.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(28) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_28.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(29) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_29.png?v=1558603699);
}

.category-content--ranking2 .content-block:nth-child(30) .content-block__text {
    background-image: url(/files/user/img/icon/icon_rank_30.png?v=1558603699);
}

.category-content__head {
    border-left: 8px solid #f44040;
}

.category-content__head--page {
    padding-bottom: 8px;
    padding-left: 8px;
    border-bottom: 1px solid #f44040;
    border-left: none;
}

.category-content__head-text {
    display: inline-block;
    padding-left: 8px;
    font-weight: bold;
    font-size: 1.42857rem;
}

.category-content__head-text--baito {
    position: relative;
    padding-left: 28px;
    font-weight: bold;
    font-size: 1.07143rem;
}

.category-content__head-text--baito:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/files/user/img/icon/icon_file.png?v=1553562219);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category-content__lead {
    margin-top: 8px;
    color: #888888;
    font-size: 0.85714rem;
}

.category-content__inner {
    margin-top: 18px;
}

/*  content-block
--------------------------------------------- */
.content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 20px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-block:first-of-type {
    margin-top: 0;
}

.content-block:hover {
    background-color: #fff2dd;
}

.content-block:hover .content-block__img {
    opacity: .7;
}

.content-block:hover .content-block__text {
    font-weight: bold;
}

.content-block__img {
    width: 170px;
}

.content-block__inner {
    width: calc(100% - 185px);
}

.content-block__text {
    overflow: hidden;
    height: 50px;
    word-break: break-all;
    font-weight: bold;
    font-size: 1.14286rem;
}

.content-block__new {
    display: inline-block;
    margin-right: 3px;
    color: #f44040;
}

.content-block__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    margin-top: 17px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-block__category {
    display: inline-block;
    margin-top: 5px;
    margin-top: 0;
    padding: 0 3px;
    border: solid 1px #ff8080;
    border-radius: 3px;
    color: #ff8080;
    font-size: 0.71429rem;
}

.content-block__tag {
    display: inline-block;
    margin-left: 7px;
    padding: 1px 3px;
    border-radius: 3px;
    background-color: #eeeeee;
    font-size: 0.71429rem;
}

/* ---------------------------------------------
*   job
--------------------------------------------- */
.job__container {
    padding: 20px;
}

.job__head {
    padding-bottom: 8px;
    padding-left: 5px;
    border-bottom: 1px solid #f44040;
}

.job__head-text {
    position: relative;
    padding-left: 32px;
    font-size: 1.07143rem;
}

.job__head-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.job__head-text:before {
    top: 42%;
    width: 23px;
    height: 21px;
    background-image: url(/files/user/img/icon/icon_search_g.png?v=1558603699);
}

.job__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 10px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*  job-type
--------------------------------------------- */
.job-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 10px;
    width: 315px;
    border: solid 6px #f3f3f3;
    background-image: url(/files/user/img/icon/arrow_r_red.png?v=1558603699);
    background-position: right 10px center;
    background-size: 6px 11px;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.job-type:hover {
    border-color: #ffe6be;
    background-color: #fff2dd;
}

.job-type__img {
    width: 77px;
    text-align: center;
}

.job-type__content {
    margin-left: 10px;
    width: 180px;
}

.job-type__head {
    font-weight: bold;
    font-size: 1rem;
}

.job-type__text {
    overflow: hidden;
    height: 35px;
    font-size: 0.85714rem;
}

body.windows .job-type__text {
    height: 40px;
}

body.firefox .job-type__text {
    height: 40px;
}

body.safari .job-type__text {
    height: 40px;
}

/* ---------------------------------------------
*   visor
--------------------------------------------- */
.visor {
    margin-top: 50px;
    padding: 20px;
    border: solid 1px #cccccc;
    border-radius: 5px;
}

.visor__head {
    position: relative;
    padding-left: 25px;
}

.visor__head:before {
    position: absolute;
    top: 40%;
    left: 0;
    display: block;
    width: 25px;
    height: 16px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.visor__head--hat:before {
    background-image: url(/files/user/img/icon/icon_hat.png?v=1553562219);
}

.visor__head--pen {
    padding-left: 20px;
}

.visor__head--pen:before {
    width: 18px;
    height: 18px;
    background-image: url(/files/user/img/icon/icon_pen.png?v=1553562219);
}

.visor__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 20px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.visor__img {
    width: 100px;
}

.visor__content {
    width: 480px;
}

.visor__content-head {
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}

.visor__text-large {
    font-weight: bold;
}

.visor__text {
    margin-top: 3px;
    font-size: 0.85714rem;
    line-height: 2;
}

/* ---------------------------------------------
*   research
--------------------------------------------- */
.research__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 50px 0;

    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.research__text {
    text-align: center;
    font-weight: bold;
    font-size: 1.14286rem;
    line-height: 2;
}

.research__img {
    margin-top: 40px;
}

.research--error {
    margin-top: 90px;
}

/* ---------------------------------------------
*   pageLink
--------------------------------------------- */
.pageLink {
    margin-top: 50px;
}

.pageLink .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.pageLink .pagination li {
    margin-left: 35px;
}

.pageLink .pagination li:first-child {
    margin-left: 0;
}

.pageLink .pagination li.active a {
    display: inline-block;
    padding: 5px;
    background-color: #647d89;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}

.pageLink .pagination li.active a:hover {
    opacity: 1;
}

.pageLink .pagination li a {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.pageLink .pagination li a:hover {
    opacity: 0.7;
}

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   lead-text
--------------------------------------------- */
.lead-text {
    margin-top: 10px;
    max-width: 680px;
    color: #888888;
    font-size: 0.85714rem;
}

/* ---------------------------------------------
*   index-slider
--------------------------------------------- */
.index-slider {
    position: relative;
}

.index-slider__pickup {
    position: absolute;
    top: 4px;
    left: 6px;
    z-index: 2;
}

.index-slider__link {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.index-slider__link:hover {
    opacity: 0.7;
}

/* ---------------------------------------------
*   Swiper
--------------------------------------------- */
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -15px;
    width: 19px;
    height: 30px;
    background-image: url(/files/user/img/icon/arrow_r_white.png?v=1673337427);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*  swiper-button-next
--------------------------------------------- */
.swiper-button-next {
    right: 30px;
    background-image: url(/files/user/img/icon/arrow_r_white.png?v=1673337427);
}

/*  swiper-button-prev
--------------------------------------------- */
.swiper-button-prev {
    left: 30px;
    background-image: url(/files/user/img/icon/arrow_l_white.png?v=1553562219);
}

/*  swiper-pagination
--------------------------------------------- */
.swiper-pagination {
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper-pagination-bullet {
    margin-left: 10px;
}

.swiper-pagination-bullet:first-of-type {
    margin-left: 0;
}

.swiper-pagination-bullet-active {
    background-color: #647d89;
}

/*  pickup-content
--------------------------------------------- */
.pickup-content {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 15px 30px;
    width: 100%;
    background-color: rgba(100, 125, 137, 0.6);
}

.pickup-content__text {
    overflow: hidden;
    width: 565px;
    color: #fff;
    text-overflow: ellipsis;
    text-shadow: 0px 1px 0.99px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.21429rem;
}

.pickup-content__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    margin-top: 8px;
    color: #fff;
    font-weight: bold;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.pickup-content__info-day {
    text-shadow: 0px 1px 0.99px rgba(0, 0, 0, 0.5);
    font-size: 1.14286rem;
}

.pickup-content__info-category {
    display: block;
    overflow: hidden;
    margin-left: 8px;
    padding: 2px 5px 1px;
    max-width: 156px;
    border: solid 1px #fff;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.5);
    color: #6d929b;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.92857rem;
}

.pickup-content__info-tag {
    display: block;
    overflow: hidden;
    margin-left: 7px;
    padding: 1px 2px 0;
    max-width: 156px;
    border: solid 2px #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.92857rem;
}

.flame {
    position: absolute;
    top: 472px;
    left: 380px;
    z-index: 680;
    width: 48px;
    height: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.5);
}

/*  index-tab-content
--------------------------------------------- */
.index-tab-content {
    padding: 20px 20px 50px 20px;
}

/* ---------------------------------------------
*   index-topSideBar
--------------------------------------------- */
#topSideBar_modalOpen {
    cursor: pointer;
    margin-top: 15px;
}
#topSideBar_modal {
    display: none;
    padding: 0 15px;
}
#topSideBar_modal.active {
    display: block;
}
#topSideBar_modal,
#topSideBar_modal .topSideBar_modalBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}
#topSideBar_modal .topSideBar_modalBg {
	background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
	z-index: 102;
}
#topSideBar_modal .topSideBar_modalArea {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 564px;
	max-height: 60%;
    padding: 32px 88px 40px;
	background-color: #F8F8F8;
	border-radius: 10px;
	cursor: auto;
    z-index: 103;
}
#topSideBar_modal .topSideBar_modalClose {
	position: absolute;
	top: 12px;
	right: 14px;
    color: #FF0000;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	font-size: 40px;
	line-height: 1;
}
#topSideBar_modal .topSideBar_modalArea.blue .topSideBar_modalClose {
    color: #005AB4;
}
#topSideBar_modal .topSideBar_modalArea.orange .topSideBar_modalClose {
    color: #FF7800;
}
#topSideBar_modal .topSideBar_modalArea p {
    color: #FF0000;
	font-size: 25px;
	line-height: 1.44;
	font-weight: bold;
	text-align: center;
}
#topSideBar_modal .topSideBar_modalArea.blue p {
    color: #005AB4;
}
#topSideBar_modal .topSideBar_modalArea.orange p {
    color: #FF7800;
}
#topSideBar_modal .topSideBar_modalLink {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
#topSideBar_modal .topSideBar_modalLink li:nth-of-type(n+2) {
	margin-left: 12px;
}
#topSideBar_modal .topSideBar_modalArea.col6 .topSideBar_modalLink li:nth-of-type(3n+1) {
    margin-left: 0;
}
#topSideBar_modal .topSideBar_modalArea.col6 .topSideBar_modalLink li:nth-of-type(n+4) {
    margin-top: 12px;
}
#topSideBar_modal .topSideBar_modalLink li a {
	display: block;
    width: 132px;
	height: 120px;
    color: #FF0000;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
    border: 2px solid #FF0000;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
    box-sizing: border-box;
}
#topSideBar_modal .topSideBar_modalArea.col6 .topSideBar_modalLink li a {
    width: 160px;
}
#topSideBar_modal .topSideBar_modalArea.blue .topSideBar_modalLink li a {
    color: #005AB4;
    border: 2px solid #005AB4;
}
#topSideBar_modal .topSideBar_modalArea.orange .topSideBar_modalLink li a {
    color: #FF7800;
    border: 2px solid #FF7800;
}
#topSideBar_modal .topSideBar_modalLink li a:hover {
	color: #FFFFFF;
    background-color: #FF0000;
}
#topSideBar_modal .topSideBar_modalArea.blue .topSideBar_modalLink li a:hover {
    color: #FFFFFF;
    background-color: #005AB4;
}
#topSideBar_modal .topSideBar_modalArea.orange .topSideBar_modalLink li a:hover {
    color: #FFFFFF;
    background-color: #FF7800;
}

/*  type
--------------------------------------------- */
.type {
    margin-top: 50px;
}

.type:first-of-type {
    margin-top: 0;
}

.type__head {
    padding-bottom: 8px;
    padding-left: 5px;
    border-bottom: 1px solid #f44040;
}

.type__head-text {
    position: relative;
    padding-left: 32px;
    font-size: 1.07143rem;
}

.type__head-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.type__head-text--new:before {
    width: 25px;
    height: 25px;
    background-image: url(/files/user/img/icon/icon_sun.png?v=1558603699);
}

.type__head-text--job:before {
    top: 42%;
    width: 23px;
    height: 18px;
    background-image: url(/files/user/img/icon/icon_ranking.png?v=1553562219);
}

.type__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    margin-top: 20px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.type__content {
    margin-top: 20px;
    margin-left: 20px;
    width: 200px;
}

.type__content:nth-of-type(3n + 1) {
    margin-left: 0;
}

.type__content:nth-of-type(1), .type__content:nth-of-type(2), .type__content:nth-of-type(3) {
    margin-top: 0;
}

.type__content:nth-of-type(1) .type__rank-inner:before {
    width: 26px;
    height: 34px;
    background-image: url(/files/user/img/icon/icon_rank_side_01.png?v=1558603699);
}

.type__content:nth-of-type(2) .type__rank-inner:before {
    width: 26px;
    height: 34px;
    background-image: url(/files/user/img/icon/icon_rank_side_02.png?v=1553562219);
}

.type__content:nth-of-type(3) .type__rank-inner:before {
    width: 26px;
    height: 34px;
    background-image: url(/files/user/img/icon/icon_rank_side_03.png?v=1558603699);
}

.type__content:nth-of-type(4) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_04.png?v=1553562219);
}

.type__content:nth-of-type(5) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_05.png?v=1553562219);
}

.type__content:nth-of-type(6) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_06.png?v=1553562219);
}

.type__content:nth-of-type(7) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_07.png?v=1553562219);
}

.type__content:nth-of-type(8) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_08.png?v=1553562219);
}

.type__content:nth-of-type(9) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_09.png?v=1558603699);
}

.type__content:nth-of-type(10) .type__rank-inner:before {
    width: 26px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_rank_side_10.png?v=1553562219);
}

.type__inner {
    display: block;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.type__inner:hover .type__img {
    opacity: .7;
}

.type__inner:hover .type__content-inner {
    background-color: #fff2dd;
}

.type__inner:hover .type__rank-inner {
    background-color: #fff2dd;
}

.type__content-inner {
    padding-top: 8px;
}

.type__text {
    overflow: hidden;
    max-height: 32px;
    font-size: 1rem;
    line-height: 1.2;
}

body.windows .type__text {
    max-height: 35px;
}

body.firefox .type__text {
    max-height: 35px;
}

.type__new {
    display: inline-block;
    margin-right: 3px;
    color: #f44040;
    font-weight: bold;
    font-size: 1rem;
}

.type__category {
    display: inline-block;
    margin-top: 5px;
    padding: 0 3px;
    border: solid 1px #ff8080;
    border-radius: 3px;
    color: #ff8080;
    font-size: 0.71429rem;
}

body.windows .type__category {
    margin-top: 0;
}

body.ie .type__category {
    padding: 1.5px 3px 0;
}

.type__rank-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding-top: 8px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.type__rank-inner:before {
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.type__rank-text {
    width: 165px;
}

.type__rank-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: 100%;
    border: solid 1px #e0e4e7;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;

    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.type__rank-more:hover {
    background-color: #fff2dd;
}

.type__rank-more-text {
    position: relative;
    margin-top: 10px;
    color: #f44040;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
}

.type__rank-more-text:after {
    position: absolute;
    right: -10px;
    bottom: 2px;
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(/files/user/img/icon/arrow_r_red.png?v=1558603699);
    background-repeat: no-repeat;
    content: "";
}

.type__rank-more-large {
    display: block;
    font-size: 1.07143rem;
}

.type__rank-more-small {
    font-size: 0.92857rem;
}

/* ---------------------------------------------
*   index-ranking
--------------------------------------------- */
.index-ranking__container {
    padding: 20px;
}

.index-ranking__wrap {
    margin-top: 30px;
}

.index-ranking__wrap:first-of-type {
    margin-top: 0;
}

.index-ranking__head {
    padding-left: 10px;
    padding-left: 5px;
}

.index-ranking__head-text {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    font-size: 1.07143rem;
}

.index-ranking__head-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index-ranking__head-text {
    padding-left: 28px;
}

.index-ranking__head-text:before {
    top: 42%;
    width: 23px;
    height: 18px;
    background-image: url(/files/user/img/icon/icon_ranking_g.png?v=1553562219);
}

.index-ranking__list {
    padding: 15px 0;
}

.index-ranking__list-item {
    margin-top: 15px;
}

.index-ranking__list-item:first-child {
    margin-top: 0;
}

.index-ranking__list-item:nth-child(1) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_01.png?v=1553562219);
}

.index-ranking__list-item:nth-child(2) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_02.png?v=1553562219);
}

.index-ranking__list-item:nth-child(3) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_03.png?v=1558603699);
}

.index-ranking__list-item:nth-child(4) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_04.png?v=1553562219);
}

.index-ranking__list-item:nth-child(5) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_05.png?v=1553562219);
}

.index-ranking__list-item:nth-child(6) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_06.png?v=1558603699);
}

.index-ranking__list-item:nth-child(7) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_07.png?v=1553562219);
}

.index-ranking__list-item:nth-child(8) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_08.png?v=1558603699);
}

.index-ranking__list-item:nth-child(9) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_09.png?v=1558603699);
}

.index-ranking__list-item:nth-child(10) .index-ranking__link:before {
    background-image: url(/files/user/img/icon/icon_rank_10.png?v=1553562219);
}

.index-ranking__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    padding-left: 32px;

    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
}

.index-ranking__link:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index-ranking__link:hover span {
    text-decoration: underline;
}

.index-ranking__link span {
    font-size: 0.92857rem;
}

.index-ranking__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-ranking__category {
    white-space: nowrap;
}

/*  more-link
--------------------------------------------- */
.more-link {
    padding-right: 8px;
    text-align: right;
    font-size: 0.92857rem;
}

.more-link__text {
    position: relative;
    padding-right: 15px;
}

.more-link__text:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 7px;
    height: 13px;
    background-image: url(/files/user/img/icon/arrow_r_gray.png?v=1558603699);
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.more-link__text:hover {
    text-decoration: underline;
}

/* ---------------------------------------------
*   content-list
--------------------------------------------- */
.content-list {
    padding: 10px 20px 0 20px;
}

/* ---------------------------------------------
*   tab-target
--------------------------------------------- */
.tab-target {
    position: relative;
}

/* ---------------------------------------------
*   category-list-wrapper
--------------------------------------------- */
.category-list-wrapper {
    -webkit-transition: height .3s;
    transition: height .3s;
}

/* ---------------------------------------------
*   category-list
--------------------------------------------- */
.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 10px 10px 10px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-list__item {
    margin-top: 12px;
    margin-left: 40px;
}

.category-list__item:nth-child(1), .category-list__item:nth-child(2), .category-list__item:nth-child(3) {
    margin-top: 0;
}

.category-list__item:nth-child(3n + 1) {
    margin-left: 0;
}

.category-list__item:nth-child(n + 7) {
    display: none;
}

.category-list__link {
    display: block;
    padding-right: 15px;
    width: 145px;
    background-image: url(/files/user/img/icon/arrow_r_red.png?v=1558603699);
    background-position: top 3px right;
    background-size: 6px 11px;
    background-repeat: no-repeat;
    font-size: 0.92857rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.category-list__link:hover {
    opacity: 0.7;
}

/*  category-lis-trigger
--------------------------------------------- */
.category-lis-trigger {
    position: absolute;
    bottom: -30px;
    left: 50%;
    display: none;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.category-lis-trigger.show {
    display: block;
}

.category-lis-trigger.active {
    -webkit-transform: translateX(-50%) rotate(-180deg);
    transform: translateX(-50%) rotate(-180deg);
}

/* ---------------------------------------------
*   rich-section
--------------------------------------------- */
.rich-section__container {
    padding: 20px;
}

.rich-section__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 640px;
    height: 136px;
    background-image: url(/files/user/img/rich/bg_title.png?v=1558603697);
    background-size: 100% auto;
    background-repeat: no-repeat;

    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.rich-section__head-upper {
    position: relative;
    color: #191919;
    font-weight: bold;
    font-size: 1.14286rem;
}

.rich-section__head-upper:before, .rich-section__head-upper:after {
    position: absolute;
    top: 50%;
    display: block;
    width: 65px;
    height: 2px;
    background-color: #565656;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rich-section__head-upper:before {
    left: -70px;
}

.rich-section__head-upper:after {
    right: -70px;
}

.rich-section__head-lower {
    display: inline-block;
    margin-top: 5px;
    color: #191919;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 2.14286rem;
}

/* ---------------------------------------------
*   rich-list
--------------------------------------------- */
.rich-list {
    margin-top: 40px;
}

.rich-list__lead {
    font-weight: bold;
    font-size: 1.14286rem;
    line-height: 2.2;
}

.rich-list__nav {
    position: relative;
    margin-top: 45px;
    padding: 1px;
    border: solid 2px #cccccc;
}

.rich-list__nav:before {
    position: absolute;
    top: -204px;
    right: 0;
    display: block;
    width: 217px;
    height: 202px;
    background-image: url(/files/user/img/rich/img_chu.png?v=1558603696);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.rich-list__nav--no-image {
    margin-top: 30px;
}

.rich-list__nav--no-image:before {
    content: none;
}

.rich-list__nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 28px 20px;
    border: solid 1px #cccccc;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rich-list__nav-item {
    position: relative;
    margin-top: 25px;
    padding-left: 32px;
    width: 254px;
}

.rich-list__nav-item:before {
    position: absolute;
    top: 42%;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rich-list__nav-item:first-child {
    margin-top: 0;
}

.rich-list__nav-item--1:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_01.png?v=1558603699);
}

.rich-list__nav-item--2:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_02.png?v=1558603699);
}

.rich-list__nav-item--3:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_03.png?v=1558603699);
}

.rich-list__nav-item--4:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_04.png?v=1558603699);
}

.rich-list__nav-item--5:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_05.png?v=1558603699);
}

.rich-list__nav-item--1-w {
    width: 235px;
}

.rich-list__nav-item--1-w:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_01.png?v=1558603699);
}

.rich-list__nav-item--2-w {
    width: 235px;
}

.rich-list__nav-item--2-w:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_02.png?v=1558603699);
}

.rich-list__nav-item--3-w {
    width: 235px;
}

.rich-list__nav-item--3-w:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_03.png?v=1558603699);
}

.rich-list__nav-item--4-w {
    width: 235px;
}

.rich-list__nav-item--4-w:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_04.png?v=1558603699);
}

.rich-list__nav-item--5-w {
    width: 235px;
}

.rich-list__nav-item--5-w:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_05.png?v=1558603699);
}

.rich-list__nav-item--6-w {
    width: 235px;
}

.rich-list__nav-item--6-w:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_06.png?v=1558603699);
}

.rich-list__nav-link {
    display: block;
    background-image: url(/files/user/img/icon/arrow_u_red.png?v=1558603699);
    background-position: right center;
    background-size: 11px 6px;
    background-repeat: no-repeat;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.rich-list__nav-link:hover {
    opacity: 0.7;
}

.rich-list__nav-link span {
    display: inline-block;
    border-bottom: 1px solid;
    font-weight: bold;
    line-height: 1;
}

/* ---------------------------------------------
*   rich-content
--------------------------------------------- */
.rich-content {
    margin-top: 65px;
}

.rich-content__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/files/user/img/rich/bg_section.png?v=1558603694);
    background-size: 100% auto;
    background-repeat: repeat;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.rich-content__head-text {
    position: relative;
    padding-left: 85px;
    font-weight: bold;
    font-size: 1.85714rem;
}

.rich-content__head-text:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 74px;
    height: 74px;
    background-size: 100% auto;
    background-repeat: repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rich-content__head-small {
    font-size: 1.28571rem;
}

.rich-content__head-text--1:before {
    background-image: url(/files/user/img/icon/icon_balloon_s_01.png?v=1558603699);
}

.rich-content__head-text--2:before {
    background-image: url(/files/user/img/icon/icon_balloon_s_02.png?v=1558603699);
}

.rich-content__head-text--3:before {
    background-image: url(/files/user/img/icon/icon_balloon_s_03.png?v=1558603699);
}

.rich-content__head-text--4:before {
    background-image: url(/files/user/img/icon/icon_balloon_s_04.png?v=1558603699);
}

.rich-content__head-text--5:before {
    background-image: url(/files/user/img/icon/icon_balloon_s_05.png?v=1558603699);
}

.rich-content__container {
    padding: 0 20px;
}

.rich-content__text {
    margin-top: 25px;
    line-height: 2;
}

.rich-content__text--pl {
    padding-left: 17px;
}

.rich-content__img {
    display: block;
    margin-top: 30px;
    text-align: center;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.rich-content__img:hover {
    opacity: 0.7;
}

.rich-content__inner {
    margin-top: 35px;
    padding: 0 20px;
}

/* ---------------------------------------------
*   MagnificPopup
--------------------------------------------- */
/*  rich-content-box
--------------------------------------------- */
.rich-content-box {
    margin-top: 30px;
}

.rich-content-box:first-of-type {
    margin-top: 0;
}

.rich-content-box__head {
    position: relative;
    padding-bottom: 5px;
    padding-left: 45px;
    border-bottom: dotted 1px #cccccc;
}

.rich-content-box__head:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fff;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.rich-content-box__head--1:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_01.png?v=1558603699);
}

.rich-content-box__head--2:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_02.png?v=1558603699);
}

.rich-content-box__head--3:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_03.png?v=1558603699);
}

.rich-content-box__head--4:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_04.png?v=1558603699);
}

.rich-content-box__head--5:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_05.png?v=1558603699);
}

.rich-content-box__head--6:before {
    background-image: url(/files/user/img/icon/icon_balloon_w_06.png?v=1558603699);
}

.rich-content-box__head-text {
    color: #222222;
    font-weight: bold;
    font-size: 1.28571rem;
}

.rich-content-box__inner {
    margin-top: 12px;
}

.rich-content-box__text {
    line-height: 2;
}

.rich-content-box__img {
    margin-top: 25px;
    text-align: center;
}

/*  basic
--------------------------------------------- */
.basic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    margin-top: 10px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.basic__box {
    margin-top: 20px;
    margin-left: 20px;
    width: 280px;
}

.basic__box:nth-of-type(odd) {
    margin-left: 0;
}

.basic__head-text {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-weight: bold;
}

.basic__head-text:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.basic__head-text--1:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_01.png?v=1558603699);
}

.basic__head-text--2:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_02.png?v=1558603699);
}

.basic__head-text--3:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_03.png?v=1558603699);
}

.basic__head-text--4:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_04.png?v=1558603699);
}

.basic__head-text--5:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_05.png?v=1558603699);
}

.basic__head-text--6:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_06.png?v=1558603699);
}

.basic__head-text--7:before {
    background-image: url(/files/user/img/icon/icon_balloon_y_07.png?v=1558603699);
}

.basic__content {
    margin-top: 10px;
}

.basic__text {
    line-height: 2;
}

/*  each-link
--------------------------------------------- */
.each-link {
    position: relative;
    padding-left: 25px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.each-link:hover {
    opacity: 0.7;
}

.each-link:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 17px;
    background-image: url(/files/user/img/icon/icon_hint.png?v=1558603699);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.each-link__text {
    display: inline-block;
    border-bottom: 1px solid;
    color: #3475c1;
    line-height: 1;
}

/*  pattern
--------------------------------------------- */
.pattern {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
}

.pattern__inner {
    border: 2px solid #f44040;
}

.pattern__inner--dl {
    border: 2px solid #cccccc;
}

.pattern__head {
    margin-top: -16px;
    text-align: center;
}

.pattern__head-text {
    position: relative;
    padding: 0 3px 0 50px;
    background-color: #fff;
    color: #191919;
    font-weight: bold;
}

.pattern__head-text:before {
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    width: 36px;
    height: 37px;
    background-image: url(/files/user/img/icon/icon_idea_r.png?v=1558603699);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pattern__head-text--dl {
    padding-left: 35px;
    font-size: 1.28571rem;
}

.pattern__head-text--dl:before {
    left: 8px;
    width: 22px;
    height: 26px;
    background-image: url(/files/user/img/icon/icon_paper.png?v=1553562219);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.pattern__head-red {
    color: #f44040;
    font-size: 1.28571rem;
}

.pattern__text {
    padding-top: 20px;
    padding-left: 30px;
    line-height: 2;
}

.pattern__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 12px 25px 30px 25px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pattern__list-item {
    margin-top: 10px;
    width: 170px;
    border: solid 1px #e0e4e7;
}

.pattern__list-item--2 {
    width: 260px;
}

.pattern__list-item--dl {
    width: 260px;
    border: solid 1px #f44040;
    border-radius: 30px;
    -webkit-box-shadow: 0 2px 0 #f44040;
    box-shadow: 0 2px 0 #f44040;
    text-align: center;
}

.pattern__list-item--dl a {
    background-image: url(/files/user/img/icon/icon_download_r.png?v=1558603699);
    background-position: right 25px center;
    background-size: 16px 16px;
}

.pattern__list-link {
    display: block;
    padding: 12px 10px;
    background-image: url(/files/user/img/icon/arrow_r_red.png?v=1558603699);
    background-position: right 10px center;
    background-size: 6px 11px;
    background-repeat: no-repeat;
    font-weight: bold;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.pattern__list-link:hover {
    background-color: #fff2dd;
}

.pattern__list-link--file:hover {
    border-radius: 30px;
    background-color: #fff2dd;
}

/*  qa
--------------------------------------------- */
.qa {
    margin-top: 30px;
    margin-left: 20px;
}

.qa__list-item {
    position: relative;
    margin-top: 15px;
    padding-left: 30px;
}

.qa__list-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/files/user/img/icon/icon_q.png?v=1558603699);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.qa__link {
    display: inline-block;
    border-bottom: 1px solid;
    color: #3475c1;
    line-height: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.qa__link:hover {
    opacity: 0.7;
}

/* ---------------------------------------------
*   archive
--------------------------------------------- */
.archive__container {
    padding: 25px 20px 20px 20px;
}

.archive__head {
    font-weight: bold;
    font-size: 1.42857rem;
}

/*  archive-list
--------------------------------------------- */
.archive-list {
    margin-top: 25px;
}

.archive-list__head {
    padding: 5px 10px;
    background-color: #ebedee;
    font-weight: bold;
    font-size: 1.14286rem;
}

.archive-list__inner {
    padding: 18px 0 0 5px;
}

.archive-list__item {
    margin-top: 15px;
}

.archive-list__item:first-child {
    margin-top: 0;
}

.archive-list__link {
    display: block;
    padding: 5px;
    font-size: 0.85714rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.archive-list__link:hover {
    background-color: #fff2dd;
}

.archive-list__day {
    color: #888888;
}

.archive-list__text {
    overflow: hidden;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

/* ---------------------------------------------
*   archive-btn
--------------------------------------------- */
.archive-btn {
    margin-top: 40px;
}

.archive-btn__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.archive-btn__list-item {
    margin-top: 10px;
    margin-left: 8px;
    width: 206px;
    border: solid 1px #e0e4e7;
}

.archive-btn__list-item:nth-child(3n + 1) {
    margin-left: 0;
}

.archive-btn__link {
    display: block;
    padding: 12px 10px;
    background-image: url(/files/user/img/icon/arrow_r_red.png?v=1558603699);
    background-position: right 10px center;
    background-size: 6px 11px;
    background-repeat: no-repeat;
    font-weight: bold;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.archive-btn__link:hover {
    background-color: #fff2dd;
}

/* ---------------------------------------------
*   page-wrap
--------------------------------------------- */
.page-wrap__container {
    padding: 20px;
}

.page-wrap__lead {
    color: #888888;
    font-size: 0.85714rem;
}

.page-wrap__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 10px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-wrap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    width: 540px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.page-wrap__list-item {
    margin-top: 10px;
    margin-right: 7px;
    line-height: 1;
}

.page-wrap__list-item--category {
    display: inline-block;
    margin-top: 5px;
    margin-top: 10px;
    padding: 0 3px;
    padding: 2px 3px;
    border: solid 1px #ff8080;
    border-radius: 3px;
    color: #ff8080;
    font-size: 0.71429rem;
}

.page-wrap__list-item--tag {
    display: inline-block;
    padding: 1px 3px;
    padding: 3px;
    border-radius: 3px;
    background-color: #eeeeee;
    font-size: 0.71429rem;
}

.page-wrap__link {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.page-wrap__link:hover {
    opacity: 0.7;
}

.page-wrap__day {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding-left: 16px;
    color: #888888;
    font-size: 0.85714rem;
}

.page-wrap__day:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(/files/user/img/icon/icon_time_g.png?v=1553562219);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.page-wrap__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 20px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-wrap__logo-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-wrap__logo-link {
    margin-right: 10px;
}

.page-wrap__logo-link:last-child {
    margin-right: 0;
}

/* ---------------------------------------------
*   page-section1
--------------------------------------------- */
.page-section1 {
    margin-top: 25px;
}

.page-section1__head {
    padding-bottom: 8px;
    border-bottom: 2px solid #f44040;
}

.page-section1__head-text {
    font-weight: bold;
    font-size: 1.57143rem;
    line-height: 1.3;
}

.page-section1__content {
    margin-top: 30px;
}

.page-section1__content b,
.page-section1__content strong {
    font-weight: bold;
}

.page-section1__img {
    margin-top: 25px;
}

.page-section1__lead {
    font-weight: bold;
    font-size: 1.28571rem;
}

.page-section1__text {
    margin-top: 20px;
    line-height: 2;
}

/*  page-section2
--------------------------------------------- */
.page-section2 {
    margin-top: 40px;
}

.page-section2__head {
    padding: 8px 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.page-section2__head-text {
    font-weight: bold;
    font-size: 1.28571rem;
}

.page-section2__content {
    margin-top: 25px;
}

.page-section2__text {
    margin-top: 20px;
    line-height: 2;
}

.page-section2__img {
    margin-top: 25px;
    text-align: center;
}

.page-section2__youtube {
    position: relative;
    margin-top: 25px;
    height: 360px;
}

.page-section2__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-section2__interview {
    margin-top: 25px;
}

.page-section2__interview:first-of-type {
    margin-top: 0;
}

.page-section2__interview-head {
    font-weight: bold;
}

.page-section2__interview-red {
    display: inline-block;
    margin-right: 12px;
    color: #f44040;
    font-weight: bold;
}

.page-section2__interview-text {
    margin-top: 10px;
    font-weight: normal;
    line-height: 2;
}

.page-section2__detail {
    margin-top: 25px;
}

.page-section2__detail:first-of-type {
    margin-top: 0;
}

.page-section2__detail-head {
    padding-left: 5px;
    border-left: solid 8px #cccccc;
    font-weight: bold;
    font-size: 1.14286rem;
}

.page-section2__detail-text {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 2;
}

.page-section2__detail-text table tr th {
    width: 110px;
    vertical-align: top;
}

.page-section2__detail-text table tr td a {
    color: #3475c1;
    text-decoration: underline;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.page-section2__detail-text table tr td a:hover {
    opacity: 0.7;
}

/* ---------------------------------------------
*   profile
--------------------------------------------- */
.profile {
    margin-top: 25px;
}

.profile__container {
    padding-left: 15px;
    border-left: 10px solid #647d89;
}

.profile__head {
    color: #647d89;
    font-size: 1.28571rem;
}

.profile__inner {
    margin-top: 8px;
}

.profile__name-large {
    font-weight: bold;
    font-size: 1.28571rem;
}

.profile__name-small {
    display: block;
    color: #aaaaaa;
    font-size: 0.85714rem;
    line-height: 1;
}

.profile__content {
    margin-top: 15px;
}

.profile__text {
    line-height: 2;
}

.profile__info {
    position: relative;
    margin-top: 25px;
    padding-left: 30px;
}

.profile__info-head {
    display: inline-block;
    font-weight: bold;
}

.profile__info-head:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(/files/user/img/icon/icon_balloon_b.png?v=1558603699);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.profile__info-text {
    margin-top: 8px;
}

.profile__info-link {
    color: #306ed6;
    text-decoration: underline;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.profile__info-link:hover {
    opacity: 0.7;
}

/* ---------------------------------------------
*   application
--------------------------------------------- */
.application {
    margin-top: 30px;
    border: solid 2px #f44040;
    border-radius: 6px;
}

.application__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    padding-left: 25px;
    height: 70px;
    background-image: url(/files/user/img/page/bg_application.png?v=1558603683);
    background-size: 100% auto;
    background-repeat: no-repeat;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.application__head-text {
    position: relative;
    padding-left: 32px;
    color: #f44040;
    font-weight: bold;
    font-size: 1.71429rem;
}

.application__head-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 22px;
    height: 33px;
    background-image: url(/files/user/img/icon/icon_iphone_r.png?v=1558603699);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.application__inner {
    padding: 0 20px 20px 20px;
}

.application__list-item {
    padding: 20px 20px 15px 10px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #cccccc;
}

.application__list-item:last-child {
    border-bottom: none;
}

.application__list-item--pd {
    padding: 20px 20px 30px 10px;
}

.application__list-text {
    position: relative;
    padding-left: 40px;
    font-weight: bold;
    font-size: 1.14286rem;
}

.application__list-text:before {
    position: absolute;
    top: -6px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

.application__list-text--1:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_01.png?v=1558603699);
}

.application__list-text--2:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_02.png?v=1558603699);
}

.application__list-text--3:before {
    background-image: url(/files/user/img/icon/icon_balloon_r_03.png?v=1558603699);
}

.application__img {
    margin-top: 25px;
    text-align: center;
}

.application__dl {
    padding: 25px;
    border-radius: 6px;
    background-color: #fff5da;
}

.application__dl-head {
    text-align: center;
    font-weight: bold;
    font-size: 1.14286rem;
}

.application__dl-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 25px;

    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.application__btn:last-child {
    margin-left: 10px;
}

.application__btn a {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.application__btn a:hover {
    opacity: 0.7;
}

.application__note {
    margin-top: 15px;
    text-align: center;
    font-size: 0.85714rem;
    line-height: 2;
}

/* ---------------------------------------------
*   adobe-reader
--------------------------------------------- */
.adobe-reader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    margin-top: 20px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.adobe-reader__img {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.adobe-reader__img:hover {
    opacity: 0.7;
}

.adobe-reader__content {
    margin-left: 10px;
}

.adobe-reader__text {
    font-size: 0.71429rem;
    line-height: 2;
}

/* ---------------------------------------------
*   page-lower-contact
--------------------------------------------- */
.page-lower-contact {
    margin-top: 25px;
    padding: 15px;
    border-radius: 6px;
    background-color: #f3f3f3;
}

.page-lower-contact__head {
    font-weight: bold;
}

.page-lower-contact__text {
    margin-top: 5px;
    font-size: 0.85714rem;
    line-height: 2;
}

.page-lower-contact__link {
    margin-top: 5px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.page-lower-contact__link:hover {
    opacity: 0.7;
}

.page-lower-contact__link-text {
    color: #3475c1;
}

/* ---------------------------------------------
*   share
--------------------------------------------- */
.share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-top: 20px;
    padding: 25px 20px;
    border-radius: 6px;
    background-color: #fff5da;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.share__text {
    font-weight: bold;
    font-size: 0.85714rem;
    line-height: 1;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.share__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    height: 20px;

    -webkit-box-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 20px;
}

.share__inner img { width: 46px;}

.share__inner div + div  { margin-left: 15px;}


.share__twitter {
    margin-left: 10px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.share__twitter:hover {
    opacity: 0.7;
}

.share__facebook {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.share__facebook:hover {
    opacity: 0.7;
}

/* ---------------------------------------------
*   btn-more
--------------------------------------------- */
.btn-more {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
    border: solid 1px #e6e9ec;
}

.btn-more__link {
    display: block;
    padding: 10px 0;
    background-image: url(/files/user/img/icon/arrow_r_red.png?v=1558603699);
    background-position: right 50px center;
    background-size: 6px 11px;
    background-repeat: no-repeat;
    color: #f44040;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.btn-more__link:hover {
    background-color: #fff2dd;
}

/* ---------------------------------------------
*   btn-red
--------------------------------------------- */
.btn-red {
    border: solid 1px #f44040;
    border-radius: 30px;
    -webkit-box-shadow: 0 2px 0 #f44040;
    box-shadow: 0 2px 0 #f44040;
    text-align: center;
}

.btn-red__link {
    display: block;
    padding: 12px 0;
    background-image: url(/files/user/img/icon/icon_down.png?v=1553562219);
    background-position: right 30px center;
    background-size: 16px 14px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 1.28571rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.btn-red__link:hover {
    border-radius: 30px;
    background-color: #fff2dd;
}

.btn-red__link--dl {
    background-image: url(/files/user/img/icon/icon_download_r.png?v=1558603699);
    background-size: 16px 16px;
    font-size: 1rem;
}

/* anchor */

section #anchor-3 .rich-content__inner .pattern + .pattern {
    margin-top:50px;
}

/* rich-section */

.rich-section__head-lower small {
    font-size: 30px;
    letter-spacing:0.05em;
}

/* rich-list */

.rich-list.pt01 {
    position:relative;
}
.rich-list.pt01:before {
    position: absolute;
    top: -30px;
    right: 0;
    display: block;
    width: 217px;
    height: 235px;
    background-image: url(/files/user/img/page/resume/img_chu.png?v=1558603672);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}


/* rich-content */
.rich-content__head-text--3 {
    /*line-height: 0.9;*/
}
.rich-content__head-text--3.pt01 {
    margin-top: 5px;
}
.rich-content__head-text--3.pt01 small {
    font-size:18px;
}
.rich-content__inner.pt01 {
    margin-top:20px;
}


/* pattern */

.pattern__head-yel {
    color: #fca01a;
    font-size: 1.28571rem;
}
.pattern__inner--yel {
    border: 2px solid #fca01a;
}
.pattern__head-text--2 {
    position: relative;
    padding: 0 3px 0 50px;
    background-color: #fff;
    color: #191919;
    font-weight: bold;
}
.pattern__head-text--2:before {
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    width: 36px;
    height: 37px;
    background-image: url(/files/user/img/page/resume/icon_idea_y.png?v=1558603672);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pattern__list-link--2 {
    display: block;
    padding: 12px 18px 12px 8px;
    background-image: url(/files/user/img/page/resume/arrow_r_yellow.png?v=1558494900);
    background-position: right 10px center;
    background-size: 6px 11px;
    background-repeat: no-repeat;
    font-weight: bold;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

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

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}


@media screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}

/* 会員登録領域追加 */
.c-baitoru-register {
border-radius: 10px;
background-color: #ffe4e1; }
.c-baitoru-register__catch {
line-height: 1.5;
text-align: center; }
.c-baitoru-register__button {
margin: 21px auto 0; }
.c-baitoru-register__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #f44040;
border-bottom: 3px solid #f44040;
border-radius: 50px;
transition: background-color .3s;
background-color: #fff; }
.c-baitoru-register__link::after {
position: absolute;
top: 50%;
width: 7px;
height: 7px;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
border-top: 2px solid #f44040;
border-right: 2px solid #f44040;
content: ''; }
.c-baitoru-register__link:hover{
background-color: #fff2dd;
}
.c-baitoru-register__link > img {
position: relative;
top: -2px;
margin-right: 5px; }
.c-baitoru-register__link > span {
font-weight: bold;
line-height: 1; }

@media (min-width: 769px) {
.c-baitoru-register-wrap{
padding: 40px 20px; 
}
.c-baitoru-register {
margin: 0 auto;
padding-top: 26px;
padding-bottom: 30px; }
.c-baitoru-register__catch {
font-size: 22px; }
.c-baitoru-register__button {
width: 580px; }
.c-baitoru-register__link {
padding-top: 17px;
padding-bottom: 15px; }
.c-baitoru-register__link::after {
right: 35px; }
.c-baitoru-register__link > img {
width: 65px; }
.c-baitoru-register__link > span {
font-size: 18px; } }
@media (max-width: 768px) {
.c-baitoru-register-wrap {
padding: 5.33333vw 4vw 6.66667vw;}
.c-baitoru-register {
padding: 19px 15px 21px; }
.c-baitoru-register__catch {
font-size: 16px;
font-weight: bold; }
.c-baitoru-register__link {
padding-top: 16px;
padding-bottom: 13px; }
.c-baitoru-register__link::after {
right: 19px; }
.c-baitoru-register__link > img {
width: 60px; }
.c-baitoru-register__link > span {
font-size: 15px; } }