@charset 'UTF-8';


html {
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%
}

*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    background-repeat: no-repeat
}

::after,
::before {
    vertical-align: inherit;
    text-decoration: inherit
}

* {
    margin: 0;
    padding: 0
}

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

hr {
    overflow: visible
}

.cl {
    clear: both;
}

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

summary {
    display: list-item
}

small {
    font-size: 90%
}

blockquote {
    margin: 0px 30px;
}

.card-container {
    display: flex;
    width: 85%;
    height: auto;
    margin: 0 auto;
}

.card-img img {
    margin-top: 10px;
    width: 100%;
    height: auto;
}

.card-text {
    width: 100%;
    margin: 20px;
}

.img-border {
    border: 1px solid #eeeeee;

}

[hidden],
template {
    display: none
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}


a:focus,
a:active,
a:hover,
button:focus,
button:active,
button:hover,
a b.light-color:hover {
    text-decoration: none;
    opacity: 0.6;
}



code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.wht{color: #ffffff;}

input {
    border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

[type=search] {
    -webkit-appearance: textfield
}

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

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    border-style: none;
    background-color: transparent;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    display: table;
    max-width: 100%;
    border: 0;
    color: inherit;
    white-space: normal
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

img {
    border-style: none
}

.header,
.apply .fa {
    font-size: 1.0em;
    padding: 0px 15px 0px 10px;
}

a img {
    border-style: none
}



.nonborder {
    border: none;
    outline: none;
}

progress {
    vertical-align: baseline
}

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

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

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}




html {
    font-size: 62.5%
}

html.is-fixed {
    overflow: hidden
}

head {
    font-family: pc
}

body {
    overflow: hidden;
    min-width: 1280px;
    background-color: #f8fbfd;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 15px;
    font-family: "futura-pt", sans-serif, "source-han-sans-japanese", sans-serif, "Meiryo, Yu Gothic", "YuGothic", "Roboto", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "Arial", sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.78
}

a {
    outline: 0;
    color: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .2)
}

a:link,
a:visited {
    text-decoration: none
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout: none
}

ul {
    list-style: none
}

::-moz-selection {
    background-color: #aaa;
    color: #fff;
    text-shadow: none
}

::selection {
    background-color: #aaa;
    color: #fff;
    text-shadow: none
}

p {
    line-height: 1.6;
    font-size: 1.05em;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: 400;
    color: #555;
}

.mincho {
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}


figure {
    float: left;
    margin: 0 15px 15px 0;
    width: 20%;
}

figure img {
    max-width: 100%;
}


.box-3 {
    margin: 0.5em auto;
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
    /*   background: #f0f0f0;*/
    border: 1px solid #dddddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


/*--------------------- 会社案内 ------------------------*/

.table1 {
    width: 90%;
    color: #333;
}

.table1 th {
    font-weight: bold;
    text-align: left;
    width: 20%;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}

.table1 td {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 120%;
    width: 80%;
    vertical-align: middle;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}


/*--------------------- 特定商取引 ------------------------*/

.table2 {
    width: 90%;
    color: #333;
}

.table2 th {
    font-weight: bold;
    text-align: left;
    width: 20%;
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px;
}

.table2 td {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 1.5;
    width: 80%;
    vertical-align: middle;
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px;
}


/*--------------------- プロフィール ------------------------*/

.table3 {
    width: 90%;
    color: #333;
    margin-bottom: 50px;
}

.table3 th {
    text-align: left;
    font-weight: normal;
    width: 15%;
    vertical-align: top;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}

.table3 td {
    width: 85%;
    vertical-align: top;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}

/*-----------------------------------------------------------------------------*/
.center {
    text-align: center
}

.right {
    text-align: left
}

.t-r {
    text-align: right
}


.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.bt10 {
    margin-bottom: 10px;
}

.bt20 {
    margin-bottom: 20px;
}

.bt30 {
    margin-bottom: 30px;
}

.bt50 {
    margin-bottom: 50px;
}


.bt100 {
    margin-bottom: 100px;
}

.mt-20 {
    top: 20px;
}

.-mt50 {
    top: -50px;
}

.ml-2 {
    margin-left: 20px;
}

.ml-4 {
    margin-left: 40px;
}

.mr-2 {
    margin-right: 20px;
}

.mr-4 {
    margin-right: 40px;
}

.mlr10 {
    margin: 15px 10px;
}


.mlr350 {
    margin: 15px 350px;
}

.rp10 {
    padding-right: 10px;
}

@media only screen and (max-width:960px) {

    .sp100 {
        margin-top: 100px;
    }

    .mlr350 {
        margin: 15px auto;
    }
}


/* フォントカラー　*/
.pink {
    color: #E76659;
}

.silver {
    color: #8F8F8F
}

.black {
    color: #000000
}

.murasaki {
    color: #666699;
}


.bg_twitter {
    background-color: #55ACEE;
}

.bg_cont {
    background-color: #714A82;
}

.b_f {
    background-color: #fff;
}

.dot {
    background: url(../img/dots.png)
}

/*  フォント  */

.f16 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}


/*  マーカー  */

.marker {
    position: relative;
    padding: 0 .4em .1em;
}

.marker::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 8px;
    background-color: #f4d9db;
}


/*--------------------------------　パンくずリスト　-----------------------------*/

.cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_breadcrumb {
    margin: 1em auto;
    padding: 1em 0em;
    /*	background-color: #efefef;*/
    border-radius: 0.5em;
    color: #ccc;

}

.cp_breadcrumb a {
    text-decoration: none;
    /*	color: #7986CB;*/
    color: #333;
}

.cp_breadcrumb .breadcrumbs {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.cp_breadcrumb li {
    display: inline-block;
    position: relative;
    padding-right: calc(16px + 8px);
    margin-right: 8px;
    color: #333;
}

.cp_breadcrumb li::before {
    content: '›';
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    font-size: 1em;
    color: inherit;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cp_breadcrumb li:last-child {
    margin-right: 0;
    padding-right: 0;
    color: #333;
}

.cp_breadcrumb li:last-child::before {
    content: normal;
}


/*----------　文字の右にライン　----------*/
.title-border-right {
    display: flex;
    align-items: center;
}

.title-border-right:after {
    border-top: 1px solid #ccc;
    content: "";
    flex-grow: 1;
}

.title-border-right:after {
    margin-left: 5rem;
}


/*---------------------------------------------------------------------*/


/*
.inner-content {
    color: #f1f1f1;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4),
        0px 8px 13px rgba(0, 0, 0, 0.1),
        0px 18px 23px rgba(0, 0, 0, 0.1);
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 13px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.inner-content h2 {
    font-size: 4em;
}

.inner-content p {
    font-size: 2em;
}
*/

.kakomi1 {
    position: relative;
    margin: 2em auto;
    padding: 2em 1em .8em;
    width: 90%;
    /* ボックス幅 */
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #E76659;
    /* 枠の色 */
    background-color: #fff;
    /* 背景色 */
    color: #666;
    /* テキスト色 */
    box-shadow: 0 0 5px #999;
    /* 影の色 */
}

.kakomi2 {
    position: relative;
    font-size: 16px;
    margin: 2em auto;
    padding: 1em 1em 1em;
    width: 60%;
    /* ボックス幅 */
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #eee;
    /* 枠の色 */
    background-color: #fff;
    /* 背景色 */
    color: #666;
    /* テキスト色 */
    box-shadow: 0 0 5px #999;
    /* 影の色 */
}

.head_title {
    margin: 0;
    /* デフォルトCSS打ち消し */
    position: relative;
    /* 位置調整 */
    font-weight: normal;
    /* 文字の太さ調整 */
    font-size: 40px;
    /* 文字サイズ指定 */
    text-align: center;
    /* 文字位置指定 */
    padding: 20px 0 15px;
    /* 余白指定 */
    /* border-top: solid 1px;      /* 線指定 */
    border-bottom: solid 1px;
    /* 線指定 */
    width: 320px;
    /* 幅指定 */
    margin: 0 auto 35px;
    /* 周りの余白指定 */
}



.l-header {
    /* position: fixed; ヘッダー固定*/
    / top: 0;
    left: 0;
    z-index: 10;
    min-width: 1280px;
    width: 100%;

    -webkit-transition: top .3s cubic-bezier(.165, .84, .44, 1);
    transition: top .3s cubic-bezier(.165, .84, .44, 1)
}

/*スライド 画像上の影 */

.l-header.is-fixed {
    /* top: -100px;*/
    top: 0px;

}

.l-main {
    width: 100%;

    /* padding-top: 101px;*/
    top: 1px;
}



.l-header {
    /*  position: relative*/
}

.l-main {
    padding-top: 0
}


.l-wrap {
    margin: 0 auto;
    /* width: 1160px */
    /*width: 1200px*/
    width: 1160px;
}




/*---ONLINE SHOP----*/

.c-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

.c-btn > .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center
}

.c-btn-color01 {
    background-color: #1d110e;
    -webkit-box-shadow: 0 1px 0 #1d110e;
    box-shadow: 0 1px 0 #1d110e;
    color: #fff;

}

.mode-pc .c-btn-color01:hover {
    background-color: #727171;
    -webkit-box-shadow: 0 1px 0 #727171;
    box-shadow: 0 1px 0 #727171;
}



/*-------------　　ボタン　--------------------*/
.c-category-tag {
    display: inline-block;
    padding: 8px 8px;
    border-radius: 3px;
    background-color: #999;
    color: #fff;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1
}

.email-tag {
    display: inline-block;
    padding: 5px 5px;
    border-radius: 3px;
    background-color: #999;
    color: #fff;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3;
    margin-bottom: 10px;
}

.email-tag a:link{
    color: #fff;
}

.m-breadcrumb .item {
    font-weight: 500
}

.mode-pc .m-breadcrumb a:hover {
    text-decoration: underline
}



.u-sp {
    display: none !important
}



@-webkit-keyframes rotate-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*------------------------------------------768以上------------------------------------------------------*/

@keyframes rotate-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.g-header {

    background-color: #fff;
    z-index: 2; //数字で指定した値が大きい要素ほど上に表示
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
}



.g-header .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px 0 10px
}

.g-header .heading_shoulder {
    font-size: 1.3rem
}

.g-header .heading_logo {
    margin: 6px 0 0
}

.g-header .heading_logo img {
    display: block
}

.g-header .sub-nav {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-preferred-size: 51%;
    flex-basis: 51%;
    padding-left: 7%
}

.g-header .sub-nav .corp {
    text-align: right
}

.g-header .sub-nav .corp a {
    display: inline-block;
    padding: 5px 10px 6px;
    border: 2px solid #034693;
    border-radius: 3px;
    background-color: #034693;
    color: #fff;
    vertical-align: top;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1;
    -webkit-transition: background-color .15s cubic-bezier(.55, .085, .68, .53), color .15s cubic-bezier(.55, .085, .68, .53), border-color .15s cubic-bezier(.55, .085, .68, .53);
    transition: background-color .15s cubic-bezier(.55, .085, .68, .53), color .15s cubic-bezier(.55, .085, .68, .53), border-color .15s cubic-bezier(.55, .085, .68, .53)
}

.mode-pc .g-header .sub-nav .corp a:hover {
    background-color: #fff;
    color: #034693;
    -webkit-transition: background-color .15s cubic-bezier(.25, .46, .45, .94), color .15s cubic-bezier(.25, .46, .45, .94), border-color .15s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .15s cubic-bezier(.25, .46, .45, .94), color .15s cubic-bezier(.25, .46, .45, .94), border-color .15s cubic-bezier(.25, .46, .45, .94)
}

.g-header .sub-nav .other {
    margin-top: 7px;
    font-size: 1.5rem;
    text-align: right;

}

.g-header .sub-nav .other li {
    display: inline;
}

.g-header .sub-nav .other a {
    -webkit-transition: opacity .15s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .15s cubic-bezier(.165, .84, .44, 1);
    padding-right: 10px;
}

.mode-pc .g-header .sub-nav .other a:hover span {
    text-decoration: underline;
}

.g-header .sub-nav .other i {
    position: relative;
    top: -.1em;
    margin-right: 5px;
    color: #333333;
    font-size: 1.5rem
}

.g-header .conv-nav .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.g-header .conv-nav .list_item + .list_item {
    margin-left: 10px
}

.g-header .conv-nav .list_item-trigger {
    display: none
}

.g-header .conv-nav .menu {
    display: block;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: url(../img/btn_menu.png) no-repeat center;
    background-size: 50px 50px;
    text-indent: 101%;
    white-space: nowrap;

}


.g-header .conv-nav .c-btn {
    top: -1px;
    width: 180px;
    height: 45px;
    line-height: 1.3
}

/*.g-header .conv-nav .c-btn:before{display:inline-block;margin-right:10px;width:36px;height:30px;background:url(/assets/img/icon_class-search.svg);background-size:36px 30px;content:''}*/
.g-header .conv-nav .c-btn > span {
    display: inline-block
}

.g-nav {
    position: relative
}

.g-nav .close-menu {
    position: absolute;
    top: 4px;
    left: -55px;
    display: none;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: url(../img/btn_menu_close.png) no-repeat center;
    background-color: #fff;
    background-size: 40px 40px;
    text-indent: 101%;
    white-space: nowrap
}

.g-nav .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between font-weight: 600;
    /*  font-size: 20px;*/
    /* font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;*/
    font-family: "futura-pt", sans-serif, "source-han-sans-japanese", sans-serif, "Meiryo, Yu Gothic", "YuGothic", "Roboto", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "Arial", sans-serif;
    font-weight: 400;

}

.nav_item .online {
    font-size: 80%;
    color: black;
}


.g-nav .nav_item {
    width: 20%
}

.g-nav .nav_item-hidden {
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0 0 20px
}

.g-nav .nav .c-btn {
    width: 244px;
    height: 52px;
    font-weight: 500;
    font-size: 1.5rem;
}

.g-nav .nav .c-btn span:before {
    display: inline-block;
    margin-right: 7px;
    width: 34px;
    height: 28px;
    background: url(/assets/img/icon_class-search.svg);
    background-size: 34px 28px;
    content: '';
    vertical-align: middle
}

/*
.is-fixed .g-nav .nav_item:nth-child(2) {
    width: 193px
}

.is-fixed .g-nav .nav_item:nth-child(3) {
    width: 193px
}

.is-fixed .g-nav .nav_item:nth-child(4) {
    width: 193px
}

.is-fixed .g-nav .nav_item:nth-child(5) {
    width: 193px
}

.is-fixed .g-nav .nav_item:nth-child(6) {
    width: 193px
}

.is-fixed .g-nav .nav_item:nth-child(7) {
    display: block;
    width: 193px
}
*/

.g-nav .nav .primary-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    font-weight: 600;
    /* font-size: 20px; */
    font-size: 16px;
}



.g-nav .nav .primary-item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 1px;
    height: 40px;
    background-color: #ddd;
    content: ''
}

.g-nav .nav .primary-item i {
    display: none
}

.g-nav .nav .primary-item .label {
    line-height: 1
}

.g-nav .nav .primary-item .comming-soon {
    display: block;
    margin-top: 10px
}

.g-nav .nav .primary-item .comming-soon img {
    display: block
}

.g-nav .nav .primary-item .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background-color: #923791;
    opacity: 0;
    -webkit-transition: visibility .2s .1s, opacity .2s .1s;
    transition: visibility .2s .1s, opacity .2s .1s
}

.g-nav .nav .primary-item-trigger i {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.g-nav .nav .primary-item-trigger.is-active i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.g-nav .nav .primary-item-commingsoon {
    color: #99a4b1;
    pointer-events: none
}

.mode-pc .g-nav .nav .primary-item:hover .bar,
.mode-pc .g-nav .nav_item.is-active .primary-item .bar {
    opacity: 1
}

.g-nav .nav_item:nth-child(2) .primary-item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto 0;
    width: 1px;
    height: 40px;
    background-color: #ddd;
    content: ''
}



.g-nav .sp-sub-nav {
    padding: 15px 7px;
    color: #4e4e4e;
}

.g-nav .sp-sub-nav li + li {
    margin-top: 5px
}

.g-nav .sp-sub-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-weight: 200
}

.g-nav .sp-sub-nav i {
    margin-right: 8px;
    font-size: 1.6rem
}

.g-nav .apply {
    margin-top: 10px
}

.g-nav .apply .btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    height: 55px;
    border-bottom: 1px solid #1d110e;
    background-color: #1d110e;
    color: #fff;
    font-weight: 200;
    /* font-size: 1.6rem;*/
    font-size: 1.5rem;
    line-height: 1.38
}

.g-nav .apply .btn:hover {
    background-color: #727171;
    -webkit-box-shadow: 0 1px 0 #727171;
    box-shadow: 0 1px 0 #727171;
}




.g-nav .apply .btn .txt {
    position: relative;
    left: -10px
}

/*.g-nav .apply .btn .fa-lock{position:absolute;top:0;right:15px;bottom:0;margin:auto 0;width:14px;height:10px;font-size:1rem}*/

.g-back-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: visibility .2s cubic-bezier(.25, .46, .45, .94) .1s, opacity .2s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: visibility .2s cubic-bezier(.25, .46, .45, .94) .1s, opacity .2s cubic-bezier(.25, .46, .45, .94) .1s
}

.g-back-mask.is-active {
    visibility: visible;
    opacity: .4;
    -webkit-transition: visibility .2s cubic-bezier(.25, .46, .45, .94) .1s, opacity .2s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: visibility .2s cubic-bezier(.25, .46, .45, .94) .1s, opacity .2s cubic-bezier(.25, .46, .45, .94) .1s
}





.g-footer {
    background-color: #706F6F
}


.g-footer_inner {
    margin-top: 50px;
    padding: 10px 0 0px
}



/*--------------------------------
PAGE TOP（上へ）
---------------------------------*/



.g-footer .page-top {
    position: fixed;
    right: 38px;
    bottom: 75px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #923791;
    font-weight: 700;
    font-size: 1.2rem
}

.mode-pc .g-footer .page-top a:hover p {
    border-color: #333333;
    background-color: #333333;
    color: #fff
}

.mode-pc .g-footer .page-top a:hover p:before {
    border-color: transparent transparent #fff
}

.g-footer .page-top p {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 45px;
    height: 45px;
    border-radius: 10px;
    background-color: #333333;
    color: #fff;
    -webkit-transition: background-color .15s cubic-bezier(.55, .085, .68, .53), color .15s cubic-bezier(.55, .085, .68, .53), border-color .15s cubic-bezier(.55, .085, .68, .53);
    transition: background-color .15s cubic-bezier(.55, .085, .68, .53), color .15s cubic-bezier(.55, .085, .68, .53), border-color .15s cubic-bezier(.55, .085, .68, .53)
}


.g-footer .page-top_img {
    margin-top: 8px
}



/* ---------------------------------
 FOOTER
--------------------------------- */


footer .footer-section {
    margin: 30px 0;
}

footer .copyright {
    color: #fefefe;
}

/*footer .social-icons{ text-align: right; }

footer .social-icons > li > a{ padding-left: 15px; }
*/

footer .footer-section a {
    color: #fefefe;

}

footer #othermenu ul li {
    display: block;
    position: relative;
    padding: 0 20px 0 10px;

}

footer #othermenu a {
    color: #fefefe;

}

footer p {
    color: #fefefe;

}

footer #othermenu ul li::before {
    content: '';
    font-weight: 900;
    position: absolute;
    top: .5em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fefefe;
    border-bottom: 1px solid #fefefe;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


footer .sm-othermenu {
    font-size: 13px;
    text-align: left;

}

footer .sm-othermenu ul li {
    display: block;
    position: relative;
    padding: 0 20px 0 10px
}

footer .sm-othermenu ul li::before {

    content: '';
    font-weight: 900;
    position: absolute;
    top: .5em;
    left: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



.g-social-link {
    margin: 80px 0;
}

.g-social-link .list_item {
    margin: 0px 0;
}

.g-social-link .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 126px;
    -webkit-transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94)
}

.g-social-link .item_content {
    display: block;
    padding: 0 0 0 20px
}

.g-social-link .item_hdg {
    display: block;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1
}

.g-social-link .item_label {
    display: block;
    margin-top: 5px;
    font-size: 1.4rem
}

.g-social-link .item .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background-color: #000;
    color: #fff
}

.mode-pc .g-social-link .item:hover {
    -webkit-transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

.g-social-link .item-tw .item_hdg {

    color: #1da1f2
}

.g-social-link .item-tw .icon {
    background-color: #1da1f2;
    font-size: 2.2rem
}

.mode-pc .g-social-link .item-tw:hover {
    background-color: #e2f5ff
}

.g-social-link .item-fb .item_hdg {
    color: #3b5998
}

.g-social-link .item-fb .icon {
    background-color: #3b5998;
    font-size: 2.4rem
}

.mode-pc .g-social-link .item-fb:hover {
    background-color: #e8efff
}

.g-social-link .item-yt .item_hdg {
    color: #cd201f
}

.g-social-link .item-yt .icon {
    background-color: #cd201f;
    font-size: 2.4rem
}

.mode-pc .g-social-link .item-yt:hover {
    background-color: #ffedeb
}

/*
.g-conv:after {
	display: block;
	height: 40px;
	background: url(/assets/img/pattern_wood01.png);
	content: ''
}

.g-conv_inner {
	padding: 72px 0 60px;
	background: url(/assets/img/conversion_bg01.jpg);
	background-position: 50% 99%;
	background-size: cover
}

.g-conv .l-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.g-conv .header {
	position: relative;
	padding: 0 0 0 204px
}

.g-conv .header_icon {
	position: absolute;
	top: -47px;
	left: -18px;
	width: 191px;
	height: 158px;
	background: url(/assets/img/conversion_chara.png) no-repeat
}

.g-conv .header_hdg {
	color: #054997;
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 1
}

.g-conv .header_hdg span {
	display: inline-block;
	padding: 3px 3px 4px;
	background-color: #fff867
}

.g-conv .header_lead {
	margin: 15px 0 0;
	color: #0e2232;
	font-size: 1.5rem;
	line-height: 1.67
}

.g-conv .content {
	margin: 0 0 0 auto
}

.g-conv .c-btn {
	width: 540px;
	height: 100px;
	font-size: 2.2rem
}

.g-conv .c-btn .inner {
	left: -10px
}

.g-conv .c-btn .inner:before {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	width: 50px;
	height: 43px;
	background: url(/assets/img/icon_class-search.svg) no-repeat;
	background-size: 50px 43px;
	content: ''
}

.g-conv .c-btn i {
	position: absolute;
	top: 0;
	right: 30px;
	bottom: 0;
	margin: auto 0;
	width: 10px;
	height: 11px;
	font-size: 1.1rem
}
*/

@media screen {
    [hidden ~ =screen] {
        display: inherit
    }

    [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important
    }
}


/*-------------------------------　1280以下　-------------------------------------------*/
@media screen and (max-width: 1280px) {
    head {
        font-family: sp
    }


    .fade {
        width: 100%;
        min-height: auto;
        margin: 0px auto;
        padding: 0;
        height: auto;
    }

    .fade img {
        width: 100%;
    }



    body {
        min-width: 100%;
        line-height: 2
    }

    .img {
        max-width: 100%;
        height: auto;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }


    .l-header {
        /*      position: fixed;*/
        top: 0;
        left: 0;
        z-index: 10;
        min-width: 100%;
        width: 100%
    }



    .l-main {
        /*      padding: 59px 0 0*/

    }



    .l-content {
        /*       padding: 35px 0 0*/
    }

    .l-content_main {
        width: 100%
    }

    .l-wrap {
        margin: 0 20px;
        min-width: 280px;
        width: auto
    }

    .g-footer_inner {
        margin-top: 50px;
        padding: 30px 0
    }

}



/*-------------------------------　960以下　-------------------------------------------  */
@media only screen and (max-width:960px) {
    head {
        font-family: sp
    }

    body {
        min-width: 320px;
        /*        font-size: 1.6rem;
        font-family: YakuHanJP, 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Verdana, sans-serif;*/
        line-height: 2
    }

    .l-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        min-width: 320px;
        width: 100%
    }

    .l-main {
        padding: 80px 0px 0px 0px;

    }

    .list_item {
        display: none;
    }




    /*コンテンツ 画像 */
    /*
#demo-1 {
    overflow: hidden;
    width: 100%;
    min-height: 250px;
    background-color: #999;
    position: relative;
}*/


    /*スライド 画像 */
    .fade {
        width: 100%;
        min-height: auto;
        margin: 90px auto;
        padding: 0;
        height: auto;
    }

    .fade img {
        width: 100%;
    }



    .head_title {
        margin: 0;
        position: relative;
        font-weight: normal;
        font-size: 25px;
        text-align: center;
        padding: 10px 0 10px;
        border-bottom: solid 1px;
        width: 320px;
        margin: 0 auto;
    }


    .l-content {
        padding: 35px 0 0
    }

    .l-content_main {
        width: 100%
    }

    .l-footer .page-top {
        display: none !important
    }

    .l-wrap {
        margin: 0 20px;
        min-width: 280px;
        width: auto
    }

    .l-grid--sp-1col {
        display: block
    }

    .l-grid--sp-1col > .l-grid_item {
        width: auto
    }

    .l-grid-sp-single {
        display: block
    }

    .l-grid-sp-single > .l-grid_item {
        width: auto
    }

    .c-btn {
        font-weight: 700
    }

    .c-category-tag {
        padding: 2px 4px 3px;
        border-radius: 2px;
        font-size: 1.4rem
    }

    .c-course-tag {
        padding: 3px 6px 4px;
        border-radius: 2px;
        font-size: 1.5rem
    }

    .c-overlay {
        display: none
    }

    .c-line-link {
        font-size: 1.3rem
    }

    .c-line-link i {
        font-size: 1rem
    }

    .m-controller .arrow i {
        font-size: 3rem
    }

    .m-controller .slick-dots li + li {
        margin-left: 2px
    }

    .m-controller .slick-dots li button {
        width: 14px;
        height: 14px
    }

    .m-controller .slick-dots li button:before {
        width: 8px;
        height: 8px;
        border-width: 1px
    }

    .m-page-header {
        background: 0 0
    }

    .m-page-header__inner {
        margin: 0
    }

    .m-page-header__content {
        padding: 35px 20px;
        background-color: #62bdf6;
        background-position: right center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .m-page-header_hdg {
        letter-spacing: .03em;
        font-size: 1.9em
    }

    .m-page-header .m-breadcrumb {
        position: static
    }

    /*.m-page-header--class .m-page-header__content{background-image:url(/assets/img/class/header_bg_sp.jpg)}*/

    .m-page-nav .nav {
        width: auto;
        border-left: 0
    }

    .m-page-nav .nav_item {
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .m-page-nav .nav_btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 0 20px;
        height: 50px;
        font-size: 1.5rem;
        line-height: 1.17
    }

    .m-page-nav .nav_btn span {
        padding-left: 15px
    }

    .m-page-nav .nav_btn .fa {
        top: .1em;
        width: 10px;
        height: 10px;
        font-size: 1rem
    }

    .m-breadcrumb {
        padding: 9px 20px 8px;
        background-color: #fff;
        color: #737373;
        font-size: 1rem
    }

    .m-breadcrumb .list {
        min-width: 280px;
        width: auto
    }



    .table1 {
        width: 100%;
    }

    .table1 {
        margin: 0 -10px;
    }

    .table1 th,
    .table1 td {
        width: 100%;
        display: block;
        border-top: none;
    }

    .table2 {
        width: 100%;
    }

    .table2 {
        margin: 0 -10px;
    }

    .table2 th,
    .table2 td {
        width: 100%;
        display: block;
        border-top: none;
    }


    .table3 {
        width: 100%;
    }

    .table3 {
        margin: 0 -10px;
    }

    .table3 th,
    .table3 td {
        width: 100%;
        display: block;
        border: none;
    }

    .table3 th {
        background: #efefef
    }

    /*	
	.m-pager .arrow {
		width: 30px;
		height: 30px;
		border-width: 1px
	}

	.m-pager .arrow:before {
		border-top-width: 3px;
		border-right-width: 5px;
		border-bottom-width: 3px;
		border-left-width: 5px
	}

	.m-pager .arrow--prev {
		margin-right: 5px
	}

	.m-pager .arrow--prev:before {
		margin: -3px -2px 0 0
	}

	.m-pager .arrow--next {
		margin-left: 5px
	}

	.m-pager .arrow--next:before {
		margin: -3px 0 0 -2px
	}

	.m-pager .pager-list a {
		width: 30px;
		height: 30px;
		font-size: 1rem
	}

	*/

    /*
	.m-txt-pager {
		padding-top: 25px
	}

	.txt-pager_item {
		width: calc(100% / 3);
		border: 1px solid #e0e0e0;
		font-size: 1.3rem
	}

	.txt-pager .txt-pager_item-prev {
		margin-right: 9px
	}

	.txt-pager .txt-pager_item-next {
		margin-left: 9px
	}

	.m-heading {
		font-weight: 700
	}

	.m-heading-type01 {
		font-size: 2.1rem
	}

	.m-heading-type01:before {
		top: 3px;
		background-size: 1px 19px
	}

	.m-heading-type01 span {
		padding: 0 13px
	}

	.m-heading-type02 {
		font-size: 2.1rem
	}

	.m-heading-type02 span:after,
	.m-heading-type02 span:before {
		height: 19px
	}

	.m-heading-type02 span:before {
		margin-right: 10px;
		width: 38px;
		background-size: 38px 19px
	}

	.m-heading-type02 span:after {
		margin-left: 10px;
		width: 43px;
		background-size: 43px 19px
	}

	.m-heading-type03 {
		font-size: 2.2rem;
		line-height: 1.5
	}

	.m-heading-type03 .m-heading_txt:after,
	.m-heading-type03 .m-heading_txt:before {
		top: 0;
		height: 24px
	}

	.m-heading-type03 .m-heading_txt:before {
		left: -18px
	}

	.m-heading-type03 .m-heading_txt:after {
		right: -18px
	}

	.m-heading-type03 .dot:before {
		top: -1px;
		width: 5px;
		height: 5px
	}

	.m-heading-type04 {
		font-size: 2.1rem
	}

	.m-heading-type04:after,
	.m-heading-type04:before {
		top: 2px;
		width: 8%;
		background-image: url(/assets/img/deco_head02_sp.png);
		background-size: 1px 19px
	}

	.m-modal {
		min-width: 320px
	}

	.m-modal .content {
		padding: 80px 0 50px;
		width: calc(100% - 40px)
	}

	.m-modal .close {
		width: 38px;
		height: 38px
	}

	.m-modal .close:after,
	.m-modal .close:before {
		margin: -1px 0 0 -10px;
		width: 20px
	}
	*/

    .u-pc {
        display: none !important
    }

    .u-sp {
        display: block !important
    }

    .u-sp-ib {
        display: inline-block !important
    }

    .u-sp-il {
        display: inline !important
    }

    .u-sp-f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-sp-if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .g-header {
        border-top-width: 4px
    }

    .g-header_inner {
        margin: 0 0 0 5px
    }

    .g-header-form {
        padding-top: 10px;
        padding-bottom: 10px
    }


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


    .g-header .header {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        padding: 0;
    }

    .g-header .heading {
        margin-left: -5px;

    }

    .g-header .heading_shoulder {
        white-space: nowrap;
        font-size: .7rem;
        line-height: 1.3
    }

    .g-header .heading_logo {
        margin: 15px 0 15px;

    }

    .g-header .heading_logo img {
        width: 214px;
        height: 64px;
    }

    .g-header .sub-nav {
        display: none
    }

    .g-header .sub-nav .corp a {
        font-weight: 200
    }



    .g-header .conv-nav .list_item + .list_item {
        margin-left: 0
    }

    .g-header .conv-nav .list_item-trigger {
        display: block
    }

    .g-header .conv-nav .btn p {
        font-weight: 200
    }

    .g-header .conv-nav .c-btn {
        top: 0;
        width: 80px;
        height: 45px;
        border-bottom: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.1rem
    }

    .g-header .conv-nav .c-btn:before {
        margin-right: 5px;
        width: 28px;
        height: 23px;
        background-size: 28px 23px
    }

    .g-header .conv-nav .c-btn .dot {
        display: none
    }

    .g-nav {
        position: fixed;
        top: 0px;
        right: 0;
        z-index: 10;
        width: 300px;
        height: 100%;
        background: #ffffff;
        background-size: 8px;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.55, .085, .68, .53);
        transition: -webkit-transform .3s cubic-bezier(.55, .085, .68, .53);
        transition: transform .3s cubic-bezier(.55, .085, .68, .53);
        transition: transform .3s cubic-bezier(.55, .085, .68, .53), -webkit-transform .3s cubic-bezier(.55, .085, .68, .53);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .g-nav.is-active {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .g-nav.is-active .close-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), visibility .3s;
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), visibility .3s
    }

    .g-nav_inner {
        display: block;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        min-width: 0;
        width: auto;
        height: 100%
    }

    .g-nav_content {
        padding: 20px 20px 60px
    }

    .g-nav .close-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .3s, visibility .2s cubic-bezier(.25, .46, .45, .94) .3s;
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .3s, visibility .2s cubic-bezier(.25, .46, .45, .94) .3s
    }

    .g-nav .nav {
        display: block
    }

    .g-nav .nav_item {
        width: auto;
        border-bottom: 1px solid rgba(215, 215, 215, .3)
    }

    .g-nav .nav .c-btn span:before {
        margin-right: 5px;
        width: 28px;
        height: 23px;
        background-size: 28px 23px
    }

    .g-nav .nav .primary-item {
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start;
        padding: 0 5px;
        height: 54px;
        color: #4E4E4E;
        font-weight: 400;
        font-size: 1.8rem
    }

    .g-nav .nav .primary-item:after {
        display: none
    }

    .g-nav .nav .primary-item i {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        margin: auto 0;
        margin-left: auto;
        width: 20px;
        height: 20px;
        font-size: 2rem
    }

    .g-nav .nav .primary-item .comming-soon {
        margin-top: 7px;
        margin-left: 2px
    }

    .g-nav .nav_item:nth-child(2) .primary-item:before {
        display: none
    }



    .g-back-mask {
        z-index: 9;
        -webkit-transition: visibility .2s cubic-bezier(.25, .46, .45, .94) 0s, opacity .2s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: visibility .2s cubic-bezier(.25, .46, .45, .94) 0s, opacity .2s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .g-back-mask.is-active {
        -webkit-transition: visibility .2s cubic-bezier(.25, .46, .45, .94) 0s, opacity .2s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: visibility .2s cubic-bezier(.25, .46, .45, .94) 0s, opacity .2s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .g-footer_inner {
        margin-top: 50px;
        padding: 30px 0
    }

    .g-footer .about_hdg {
        font-size: 1.6rem;
        line-height: 1.39
    }

    .g-footer .about_hdg .txt:after,
    .g-footer .about_hdg .txt:before {
        top: 10px;
        height: 40px
    }

    .g-footer .about_hdg .txt:before {
        left: -15px
    }

    .g-footer .about_hdg .txt:after {
        right: -15px
    }

    .g-footer .about__list {
        margin-top: 20px
    }

    .g-footer .about .list {
        display: block;
        overflow: hidden;
        margin-right: 0;
        margin-left: 0;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 0 0 rgba(16, 28, 42, .1);
        box-shadow: 0 1px 0 0 rgba(16, 28, 42, .1)
    }

    .g-footer .about .list_item {
        padding: 0;
        width: auto
    }

    .g-footer .about .list_item + .list_item {
        border-top: 1px solid #d6dbdf
    }

    .g-footer .about .btn {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.5rem
    }

    .g-footer .about .btn .btn_img img {
        width: 65px;
        height: 65px
    }

    .g-footer .about .btn .btn_label {
        margin: 0 0 0 15px
    }

    .g-footer .nav {
        display: none
    }

    .g-footer .sub-nav {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
        font-size: 1.5rem
    }

    .g-footer .sub-nav .list {
        margin-left: 0
    }

    .g-footer .sub-nav .list + .list {
        margin-top: 10px
    }

    .g-footer .sub-nav .list + .list:before {
        display: none
    }

    .g-footer .sub-nav .list_item {
        padding: 0 10px;
        text-align: center
    }

    .g-footer .sub-nav .list_item:after {
        height: 80%
    }

    .g-footer .page-top {
        display: none !important
    }

    .g-footer .copyright {
        padding: 10px 0 13px
    }

    .g-footer .copyright small {
        font-size: 1rem
    }

    .g-social-link {
        margin: 50px 0px
    }

    .g-social-link .list {
        border-left: 0
    }

    .g-social-link .list_item:last-child {
        border-right: 0
    }

    .g-social-link .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 82px
    }

    .g-social-link .item_content {
        padding: 0
    }

    .g-social-link .item_hdg {
        margin-top: 6px;
        text-align: center;
        font-weight: 700;
        font-size: 1.2rem
    }

    .g-social-link .item_label {
        display: none
    }

    .g-social-link .item .icon {
        margin: 0 auto;
        width: 35px;
        height: 35px
    }

    .g-social-link .item-tw .icon {
        font-size: 1.2rem
    }

    .g-social-link .item-fb .icon {
        font-size: 1.5rem
    }

    .g-social-link .item-yt .icon {
        font-size: 1.4rem
    }

    .g-conv:after {
        height: 20px;
        background-size: 202px 20px
    }

    .g-conv_inner {
        padding: 85px 0 33px;
        background-image: url(/assets/img/conversion_bg01_sp.jpg);
        background-position: 50% 0
    }

    .g-conv .l-wrap {
        display: block
    }

    .g-conv .header {
        padding: 0;
        text-align: center
    }

    .g-conv .header_icon {
        top: -116px;
        left: 50%;
        margin-left: -77px;
        width: 121px;
        height: 96px;
        background-image: url(/assets/img/conversion_chara_sp.png);
        background-size: 121px 96px
    }

    .g-conv .header_hdg {
        font-weight: 700;
        font-size: 2.2rem
    }

    .g-conv .header_lead {
        margin: 10px 0 0;
        font-size: 1.3rem
    }

    .g-conv .content {
        margin: 15px 0 0
    }

    .g-conv .c-btn {
        width: 100%;
        height: 70px;
        font-size: 1.5rem
    }

    .g-conv .c-btn .inner:before {
        margin-right: 7px;
        width: 36px;
        height: 31px;
        background-size: 36px 31px
    }

    .g-conv .c-btn i {
        right: 18px
    }
}

@media screen and (max-width:768px) {
    .card-container {
        display: block;
        margin: 0 auto;

    }

    .card-img {
        width: 80%;

        margin: 0 auto;

    }


}

@media screen and (max-width:599px) {
 .t-left{text-align: left;}
}

@media only screen and (max-width:359px) {
    .c-btn > .inner {
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }



    /*----------　文字の右にライン　----------*/



    .list_item {
        display: none;
    }

    .g-conv .c-btn .inner {
        line-height: 1.5
    }

    .g-conv .c-btn .inner:before {
        position: absolute;
        top: 50%;
        left: -50px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}