body{
	background-color:#ebeef1;
}

body, html {
  height: 100%;
}
.page {
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 100%;
    min-width: 1080px;
    padding-bottom: 150px;
    position: relative;
}
#contents {
    position: relative;
}
#contentPage{
	border-top: 1px solid #d1d4d7;
	padding:10px 42px;
}
#contentPage .sub-title{
	font-size:20px;
	padding:30px 0;
}
#contentPage p{
	padding-bottom:20px;
}

#footer_container {
    bottom: 0;
    box-sizing: border-box;
    min-width: 1080px;
    position: absolute !important;
    width: 100%;
	z-index: 1000;
}
#login_page #footer_container{
    max-width: 35%;
    min-width: 380px;
}

#register_page #footer_container{
	max-width: 50%;
    min-width: 540px;
}
#footerWrap {
	margin: 0 auto;
	padding-top: 50px;
	width: 296px;
}
#footerWrap ul{
	text-align:center;
	height: 19px;
}
#footerWrap li {
    display: inline-block;
    color: #1287cd;
	line-height:19px;
}

#footerWrap a {
    color: #1287cd;
	font-size:11px;
}
#contentPage #footerWrap p {
	padding-bottom: 18px;
}
.copyright {
    padding: 15px 0 19px;
    text-align: center;
	font-size:10px;
	color:#7f8288;
}
#cover_bg {
	background: #ebeef1;
	height: 100%;
	position: absolute;
	z-index: 1000;
	width: 380px;
}

/* Login page */
#login_page #cover_image {
    background: url("https://www.bizmates.jp/common_student/images/PC_login_bg.jpg") no-repeat center top;
	background-size: cover;
    height: 100%;
    width: 65%;
	min-width:700px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}
.wrap {
    max-width: 35%;
    min-width: 380px;
    position: relative;
    z-index: 1001;
}

#login-form {
    color: #141821;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    width: 296px;
}
#headerWrap h1 {
	text-align:center;
	padding:47px 0 44px;
}
#pageSwith {
    clear: both;
    overflow: hidden;
}
#pageSwith li {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    width: 50%;
}

#pageSwith li a {
    border: medium none;
    color: #141821;
    display: block;
    float: right;
    font-size: 20px;
    line-height: 20px;
    padding: 0 9px 18px;
    text-decoration: none;
}
#pageSwith li + li a {
    float: left;
}
#pageSwith li a:hover, #pageSwith li.active a:hover{
	color:#1287cd;
}
#pageSwith li.active a {
	color:#7f8288;
	border-bottom:2px solid #1287cd;
	padding-bottom:16px;
}

.page-link{
	text-align:center;
}

.page-link li {
    color: #1287cd;
    display: inline-block;
    line-height: 25px;
}
.page-link a{
	color: #1287cd;
    font-size: 13px;
}

#captchaImage {
    display: inline-block;
    padding-top: 16px;
}
.captcha-wrapper .err {
    display: none;
}
.captcha-wrapper.error .err {
    display: block;
}

.captcha-wrapper + #login_submit {
    margin-top: 10px;
}
#login_page #contentsWrap{
	padding-bottom:105px;
}

p.err.aC + .inputtext {
    padding-top: 0 !important;
}

#login_page #headerWrap h1 {padding-bottom: 44px;}
#login_page #contentPage {padding-top:8px!important}
#login_page #pageSwith li a {
	padding: 0 9px 18px;
}
#login_page #pageSwith li.active a{
	padding-bottom:16px;
}
#login_page .inputtext label {
	padding: 7px 0 5px !important;
}
#login_page label{margin-bottom: 1px;}
#login_page .inputcheckbox {padding: 0px!important}
#login_page .button {height: 60px;}
#login_page .button_submit {margin: 20px 0 17px 0;}
#login_page .button_submit .fa {font-size: 15px;}
#login_page .m-button {
	padding-bottom: 18px;
	padding-top: 15px;
}
#login_page .page-link {margin-top:10px;}
/* register page*/
#register_page #cover_image {
    background: url("https://www.bizmates.jp/common_student/images/bg_reg_input1.jpg") no-repeat center top;
	background-size: cover;
    height: 100%;
    min-width: 540px;
	width:50%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}
#register_page .page{
	padding-bottom: 150px;
}
#register_page form {
    margin: 0 auto;
    width: 456px;
}
#step {
    float: left;
    left: 50%;
    margin-left: -115px;
    margin-top: -175px;
    position: absolute;
    top: 50%;
}
#step li {
    color: #ffffff;
    font-size: 20px;
    line-height: 60px;
    opacity: 0.3;
    padding-bottom: 20px;
    width: 100%;
}
#step li span{
	display:block;
	width:60px;
	height:60px;
	background:#1287cd;
	color:#ffffff;
	font-size:13px;
	line-height:60px;
	text-align:center;
	border-radius: 60px;
	float: left;
	margin-right:10px;
	font-weight:bold;
}
#step li.active span{
	background:#ff3333;
}
#step li.active, #step li.active + li, #step li.active + li + li, #step li.active + li + li + li{
	opacity: 1;
}
.confirm_data {
    border-bottom: 1px solid #ddd;
    line-height: 23px;
    padding: 18px 0 19px;
}

#register_page .inputtext {
	padding-bottom: 21px;
}
#register_page .inputtext label {
	padding: 9px 0 3px 1px;
}
#register_page .inputtext input,#register_page  .inputcheckbox {
	line-height: 25px;
	font-size: 13px;
	padding: 8px 14px 9px;
}
#register_page label.guide {
	padding: 5px 0 0;
	margin-left: -2px;
}
#register_page .beautycheck label {
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.04em;
	padding-left: 64px;
	padding-right: 20px;
	padding-top: 1px;
	color: #141821;
}
#register_page .beautycheck input[type="checkbox"]:checked + label:after {
	color: #1287cd;
}
#register_page .page-link {
	padding-top: 17px;
}
#register_page li.hasSeparate::after {
	margin: 0 17px 0 18px;
}
#register_page .button_submit {
	margin: 20px auto 19px !important;
	line-height: inherit;
	padding-bottom: 18px;
	padding-top: 15px;
	width:296px;
}
#register_page .step1 .button_submit {
    margin-top: 16px !important;
}
#register_page .button span.caret:before {
	left: -32px;
}
#contentPage #footerWrap p {
	padding-bottom: 36px;
	padding-top: 13px;
}
#register_page .wrap {
	min-width: 540px;
	max-width:50%;
	position: relative;
	z-index: 1001;
}

#register_page #cover_bg {
	width: 540px;
}

/**
===========================================-
Discovery Common
===========================================-
 */
/*
.filter_item {
    border: 1px solid #d1d4d7;
    float: left;
    width: 140px;
}

.sexy-selectbox.filter_item{
    border: none;
}
*/
#searchArticle .filter_item {
    border: 1px solid #d1d4d7;
    float: left;
    width: 203px;
    margin: 10px;
}

#searchArticle .filter_item .beautycheck {
    border-right: 1px solid #d1d4d7;
}

#searchArticle .sexy-selectbox.filter_item{
    border: none;
}



#searchArticle .beautycheck input[type="checkbox"]:checked + label:after {
    content: "\f00c";
    font-family: "FontAwesome";
    color: #f27900;
    font-size: 15px;
    display: block;
    line-height: 20px;
    position: absolute;
    left: 30.5px;
    top: 50%;
    margin-top: -10px;
}

#searchArticle .beautycheck input[type="checkbox"]:checked + label {
    background: #ffeeda;
}

#searchArticle .sexy.combo li.active {
    background: #ffeeda;
}

#searchArticle #filter_button {
    padding: 24px 0 23px;
    position: relative;
}

#searchArticle #filter_button button {
    margin: 0 auto;
    width: 296px;
    padding-top: 14px;
    padding-bottom: 19px;
}
#searchArticle #filter_button .button span.caret::before {
    top: 2px;
    left: -34px;
}
#searchArticle #filter_button a {
    display: block;
    left: 641px;
    position: absolute;
    top: 42px;
}

.pc-breadcrumb-list {
    display: none;
    width: 930px;
    margin: 0 auto;
    padding: 5px;
}

.pc-breadcrumb-list-arrow{
    transform: scale(0.9, 2);
    font-size: 20px;
    color: #ebeef1;
    display: inline-block;
}

#searchArticle .beautycheck label{
    color: #ff9000;
}

#searchArticle .sexy.combo{
    color: #ff9000;
}

#searchArticle .select-style a {
    position: relative;
    z-index: 10;
}

#searchArticle .select-style::after {
    color: #ff9000;
}

/*
===========================================-
Discovery History
===========================================-
 */
.discovery-lesson-history {
    float: right;
    margin: 5px;
    padding: 5px 0 5px 15px;
    background-color: #e7f3fa;
    display: -webkit-flex;          /* Safari */
    display: flex;
    align-items: center;
    -webkit-align-items: center;    /* Safari */
}

.discovery-lesson-history:hover {
    cursor: pointer;
}

.discovery-lesson-history span.caret::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 15px;
    left: -15px;
    position: relative;
}

/*
===========================================-
Discovery Category Box
===========================================-
 */


#modal_category_header {
    background: #ebeef1;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 100000;
    padding: 13px 17px 14px 21px;
}

#modal_category_header #modal_category_title {
    float: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    max-width: 580px;
    padding: 4px 0 7px;
}

#modal_category_header #modal_category_action {
    float: right;
    padding-top: 10px;
}

#modal_content_wrapper #category_box #category_label {
    padding-top: 17px;
    font-weight: bold;
}

#category_box .button {
    padding: 0;
    box-sizing: border-box;
    outline: none;
    line-height: normal!important;
    height: auto;
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    position: relative;
    text-align: left;
}

#category_box .button i {
    font-size: 15px;
    margin-right: 16px;
    width: 10px;
    line-height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
}

#category_box .button span {
    font-size: 13px;
    line-height: 13px;
    padding: 0;
    display: inline-block;
    position: relative;
}

#category_box .button span.caret:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 15px;
    left: -31px;
    position: absolute;
}

#category_box .button i + span {
    margin-left: 13px;
    padding:0;
}

#category_box .button:hover span {
    text-decoration: underline;
}

#category_box .button i, .button span {
    vertical-align: middle;
}

#category_box .button_submit {
    background: #f27900;
    border: none;
    color: #fff !important;
    text-decoration:none !important;
    display: block;
    font-size: 16px;
    line-height: 60px;
    height:60px;
    margin: 20px 0;
    width: 100%;
    cursor: pointer;
    text-align:center;
}

#category_box .button_submit span {
    font-size: 14px;
    padding: 0 26px 0 20px;
    line-height: 25px;
}

#category_box .button_submit:hover {
    background: #f27900;
}


#category_box #careers_form .form-action.edit .form_content_wrap li, #specials_form .form-action.edit .form_content_wrap li {
    border: 1px solid #d1d4d7;
    margin-bottom: 10px;
    float: left;
    width: 273px;
}

#category_box .mr24 {
    margin-right: 24px;
}

#category_box #modal_header {
    background: #ebeef1;
    padding: 13px 24px;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 100000;
}

#category_box #modal_title {
    float: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    max-width: 580px;
    padding: 4px 0 7px;
}

#category_box #modal_action {
    float: right;
    padding-top: 10px;
}

#category_box #modal_action a{
    display:block;
    margin-left:24px;
}

#category_box #modal_description {
    clear: both;
    overflow: hidden;
    padding:13px 0 6px;
}

#category_box #modal_content_wrap{
    padding: 0 24px;
}

#category_filter_text {
    margin: 5px 10px 10px;;
    font-weight: bold;
}

#category_box .table_modal_style th {
    font-weight: bold;
    text-align: left;
}

#category_box .table_modal_style td {
    border: none;
}

#category_box .m-button {
    padding-top: 15px;
    padding-bottom: 18px;
    text-align: center;
}

#category_box .m-button i, .m-button span {
    line-height: 25px;
}

#category_box .m-button i {
    margin-top: -12.5px;
}
#category_box .m-button:hover span {
    text-decoration: none;
}

#category_box .beautycheck {
    position: relative;
    height: 42px;
    overflow: hidden;
    display: table;
    vertical-align: middle;
    width: inherit;
}

#category_box .beautycheck input {
    position: absolute;
    left: -99999px;
}

#category_box .beautycheck label {
    position: static;
    color: #f27900;
    top:0;
    left: 0;
    padding:0 24px 1px 62px;
    margin-bottom: 0px!important;
    background: #FFF;
    display: table-cell;
    overflow: hidden;
    height: 42px;
    width: inherit;
    line-height: 19px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#category_box .beautycheck input[type="checkbox"]:checked + label {
    background: #ffeeda;
}

#category_box .beautycheck input[type="checkbox"] + label:before {
    content: "";
    display: block;
    height: 28px;
    width: 28px;
    border: 1px solid #d1d4d7;
    background: #FFF;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -14px;
    box-sizing: border-box;
}

#category_box .beautycheck input[type="checkbox"]:checked + label:after {
    content: "\f00c";
    font-family: "FontAwesome";
    color: #f27900;
    font-size: 15px;
    display: block;
    line-height: 20px;
    position: absolute;
    left: 30.5px;
    top: 50%;
    margin-top: -10px;
}

#category_box .beautycheck input[type="radio"] + label:before {
    content: "";
    display: block;
    height: 28px;
    width: 28px;
    border: 1px solid #d1d4d7;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -14px;
    box-sizing: border-box;
}

#category_box .beautycheck input[type="radio"]:checked + label:after {
    content: "\f111";
    font-family: "FontAwesome";
    color: #f27900;
    font-size: 8px;
    display: block;
    line-height: 8px;
    position: absolute;
    left: 34.5px;
    top: 50%;
    margin-top: -4.5px;
}

#category_box .beautycheck.fixleft label {
    padding-left: 40px;
}

#category_box .beautycheck.fixleft input[type="radio"] + label::before {
    left:0;
}

#category_box .beautycheck.fixleft input[type="radio"]:checked + label::after {
    left:9.5px;
}

/*
===========================================-
Discovery List
===========================================-
 */

.pc-discovery-list-evaluation{
    /*受講済*/
    background-color: #f9bf3b;
    border-radius: 6px 6px 2px 6px;
    width: 50px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
    margin-right: 3px;
}
.pc-discovery-list-evaluation > span {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: -2px;
}
.pc-discovery-list-level-1{
    font-size: 12px;
    background-color: #339999;
    text-align: center;
    color: #FFFFFF;
    width: 108px;
    height: 20px;
    line-height: 20px;
}
.pc-discovery-list-level-2{
    font-size: 12px;
    background: linear-gradient(to right, #ccca22, #db8336);
    text-align: center;
    color: #FFFFFF;
    width: 108px;
    height: 20px;
    line-height: 20px;
}
.pc-discovery-list-level-3{
    font-size: 12px;
    background: linear-gradient(90deg, #E56A62, #986699) 108px;
    text-align: center;
    color: #FFFFFF;
    width: 108px;
    height: 20px;
    line-height: 20px;
}
.pc-discovery-list-slash-small{
    /* / */
    font-size: 40px;
    color: #DADBDD;
    float: right;
    margin: 40px -25px;
}

.pc-discovery-list-slash {
    /* / */
    font-size: 35px;
    color: #d1d4d7;
    position: relative;
    bottom: -10px;
    right: 0;
}

.pc-discovery-list-no {
    /*No.*/
    font-size: 11px;
    color: #d1d4d7;
    position: relative;
    bottom: -6px;
    margin-left: 16px;
}


.pc-discovery-list-no-small{
    /*No.*/
    font-size: 15px;
    color: #DADBDD;
    float: right;
    vertical-align: bottom;
    padding-top: 65px;
}
.pc-discovery-list-id-small{
    /*id*/
    font-size: 28px;
    color: #DADBDD;
    float: right;
    vertical-align: bottom;
    margin-top: 60px;
}

.pc-discovery-list-id {
    /*id*/
    font-weight: bold;
    font-size: 24px;
    color: #d1d4d7;
    vertical-align: bottom;
    float: right;
    display: inline;
    margin-top: 32px!important;
}

.pc-discovery-list-slash-large{
    /* / */
    font-size: 40px;
    color: #DADBDD;
    float: right;
    margin: -25px;
}
.pc-discovery-list-no-large{
    /*No.*/
    font-size: 15px;
    color: #DADBDD;
    float: right;
    vertical-align: bottom;
    padding-top: 5px;
    padding-right: 0px;
}
.pc-discovery-list-id-large{
    /*id*/
    font-size: 28px;
    color: #DADBDD;
    float: right;
    vertical-align: bottom;
}

.pc-article-list-label-small .pc-discovery-id-box {
    font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    position: absolute;
    bottom: 38px;
    right: 0;
    height: 60px;
    width: 120px;
}

.pc-article-list-label-small .pc-discovery-id-box .pc-discovery-list-slash-no-box {
    float: right;
    margin:5px 7px 0 20px;
    display: inline-block;
}

.pc-article-list-label-large .pc-discovery-id-box {
    font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    position: absolute;
    top: 45px;
    right: -24px;
}

.pc-article-list-label-large .pc-discovery-id-box .pc-discovery-list-slash-no-box {
    float: right;
    margin:5px 7px 0 20px;
    display: inline-block;
}


.pc-article-list-label-large .pc-discovery-list-id {
    color: #ffffff;
    font-size: 36px;
    margin-top: 26px!important;
}

.pc-article-list-label-large .pc-discovery-list-slash {
    color: #ffffff;
}

.pc-article-list-label-large .pc-discovery-list-no {
    color: #ffffff;
}


.pc-article-list-label-small{

}

.pc-article-list-label-large {
    width: 90%;
    height: 15%;
    position: absolute;
    bottom: 31%;
    z-index: 1;
}

.pc-article-list-small {
    width: 216px;
    vertical-align: top;
    padding-left: 0!important;
}


.pc-article-list-img-small{
    width: 216px;
    height: 121px;
    display: inline-block;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.pc-article-list-title-small{
    font-weight: 500;
    line-height: 25px;
    margin-top: 11px;
    font-size: 16px;
}

.pc-article-list-author-small{
    vertical-align: bottom;
    position: absolute;
    bottom: 38px;
    color: #888c90;
    width: 120px;
}

.pc-article-list-large{
    width: 456px;
    vertical-align: unset;
    position: relative;
    padding-left: 0!important;
    padding-right: 0!important;
}

.pc-article-list-img-large{
    width: 456px;
    height: 256px;
    display: inline-block;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
.pc-article-list-title-large{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    width: 310px;
    margin-top: 15px;
    margin-left: 20px;
    line-height: 1.1;
}
.pc-article-list-author-large{
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    left: 22px;
    z-index: 1;
}
.pc-discovery-list-content-box * {
    box-sizing: content-box!important;
}

.pc-discovery-list-content-box{
    width: 930px;
    margin: 0 auto;
}
.pc-discovery-list-content-box td:not(:last-child) {
    padding-right: 24px!important;
}


.pc-discovery-search-result-box-header {
    width: 930px;
}

.pc-discovery-search-result-box-header .search-condition {
    padding-right: 10px;
    text-align: left;
}

.pc-discovery-search-result-box-header .search-condition span {
    font-size: 24px;
    margin-right: 18px;
}

.pc-discovery-search-result-box-header .search-count {
    font-size: 20px;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 20px;
}


.pc-article-list-content{
    position: relative;
    min-height: 300px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d1d4d7;
    word-wrap: break-word;
}

.pc-article-list-content:hover {
    cursor: pointer;
}

.pc-article-list-content-img {
    position: relative;
    display:block;
    margin-bottom:35px;
}

.pc-article-list-content-img:after {
    content: "";
    position: absolute; left: 0; top: 0;
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 30%, rgba(255, 255, 255, 0.0) 45%);
    width: 100%;
    height: 100%;
}

.pc-article-list-content-img img {
    width: 100%;
    height: 100%;
}

.pc-article-list-content-small{
    position: relative;
    height: 280px;
}
.pc-article-list-content-large{
    position: relative;
    height: 280px;
}
.pc-discovery-breadcrumb-list{
    width: 930px;
    margin: 0 auto;
    padding: 5px;
}

.pc-discovery-breadcrumb-list-arrow{
    transform: scale(0.9, 2);
    font-size: 20px;
    color: #ebeef1;
    display: inline-block;
}

.pc-discovery-list-content-box table th, table td {
    padding: 0 10px 0;
}



/*
===========================================-
Discovery Detail
===========================================-
*/
.pc-discovery-article-label-container {
    width: 100%;
    height: 43px;
}

#discovery_detail .grid {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    list-style: none;
}

#discovery_detail .grid-cell-title {
    -webkit-flex: 2;
    flex: 2;
}

#discovery_detail .grid-cell-article-number {
    -webkit-flex: 1;
    flex: 1;
}

.pc-discovery-article-number-container {
    position: relative;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin-right: 25px;
    margin-bottom: 25px;
    line-height: 0.8;
}
.pc-discovery-article-box #content {
    width: 670px;
    margin: 40px 0 60px;
    color:  #141821;
    line-height: 26px;
    text-align: left;
}

.pc-discovery-article-wrapper{
    width: 1080px;
    height: 400px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.pc-discovery-article-label{
    width: 720px;
    min-height: 103px;
    position: absolute;
    bottom: 24px;
    right: 72px;
    background-color: #FFFFFF;
}

.pc-discovery-article-evaluation{
    /*受講済*/
    background-color: #F9BF3A;
    border-radius: 6px 6px 2px;
    color: #000000;
    width: 70px;
    padding: 5px 13px 5px;
    font-size: 13px;
    margin: 5px 5px 5px 0;
    position: relative;
    bottom: 3px;
}

.pc-discovery-article-title-label{
    /*title*/
    font-size: 24px;
    font-weight: 500;
    color: #141821;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: 22px;
    line-height: 1.2;
}
.pc-discovery-article-slash{
    /* / */
    display: inline-block;
    font-size: 45px;
    color: #d1d4d7;
    position: relative;
    bottom: 16px;
    right: -28px;
}
.pc-discovery-article-no{
    /*No.*/
    display: inline-block;
    font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-size: 13px;
    color: #d1d4d7;
    margin-top: 13px;
    margin-right: 5px;
}
.pc-discovery-article-id {
    /*id*/
    display: inline-block;
    font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-size: 36px;
    color: #d1d4d7;
    margin-top: 5px;
}

.pc-discovery-article-author{
    font-size: 13px;
    color: #7f8288;
    padding: 20px 48px 20px 20px;
    text-align: center;
    width: 260px;
}

.pc-discovery-article-author span:hover {
    cursor: pointer;
}

.pc-discovery-article-author i:hover {
    cursor: pointer;
}

.pc-discovery-article-author span:first-of-type:not(:first-child) {
    color: #2b95db;
}

.pc-discovery-article-author span:first-of-type:hover:not(:first-child) {
    text-decoration: underline;
}

.pc-discovery-article-author hr {
    margin-top: 24px;
    margin-bottom: 23px;
}

.pc-discovery-article-font-size{
    display: inline;
    background-color: #EBEFF1;
    padding: 12px 15px 12px 23px;
    float: right;
}


.pc-discovery-article-font-size span{
    background-color: #FFFFFF;
    padding: 8px 17px;
    font-size: 13px;
}

.pc-discovery-article-font-size span:first-child {
    margin-left: 24px;
}

.pc-discovery-article-font-size span:not(:last-child) {
    margin-right: 8px;
}

.pc-discovery-article-font-size span:last-child {
    margin-right: 4px;
}

.pc-discovery-article-font-size-small{
    font-size:10px;
    width: 670px;
    margin: 10px 0 10px 48px;
    line-height: 26px;
}

#article-content {
    margin-left: 0;
}

#article-content .mT30 {
    margin-top: 30px !important;
}

#article-content p:not(:first-child) {
    margin-top: 30px;
}

.pc-discovery-article-font-size-middle{
    font-size: 16px;
    width: 670px;
    margin: 0 0 36px 0;
    line-height: 36px;
}

.pc-discovery-article-font-size-big{
    font-size:20px;
    width: 670px;
    margin: 10px 0 10px 48px;
    line-height: 46px;
}

.pc-discovery-article-like:not(i){
    background-color: #EAEEF1;
    width: 192px;
    height: 166px;
    padding-top: 20px;
    font-size: 11px;
    color: #141821;
}
.pc-discovery-article-like-heart{
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 60px;
    margin: 10px auto 15px auto;
}
.pc-discovery-article-box{
    display: flex;
    width: 936px;
    margin: 0 auto;
}

.pc-discovery-article-list-level-1 {
    line-height: 20px;
    font-size:13px;
    background-color: #339999;
    text-align: center;
    color: #FFFFFF;
    width: 108px;
    height: 20px;
    position: relative;
    top: 23px;
    left: 24px;
}
.pc-discovery-article-list-level-2 {
    line-height: 20px;
    font-size:13px;
    background: linear-gradient(to right, #ccca22, #db8336);
    text-align: center;
    color: #FFFFFF;
    width: 108px;
    height: 20px;
    position: relative;
    top: 23px;
    left: 24px;
}

.pc-discovery-article-list-level-3 {
    line-height: 20px;
    font-size: 13px;
    background: linear-gradient(90deg, #E56A62, #986699);
    text-align: center;
    color: #FFFFFF;
    width: 108px;
    height: 20px;
    position: relative;
    top: 23px;
    left: 24px;
}

.pc-discovery-article-category{
    margin: 18px 20px 20px 20px;
    text-align: left;
}
.pc-discovery-article-category-content{
    line-height: 20px;
    color: #7f8288;
    padding: 1px 5px 1px 5px;
    margin: 5px 6px 4px;
    border: solid 1px #d1d4d7;
    display: inline-block;
}

.pc-discovery-article-title{
    position: relative;

    margin: 0 auto;
    width: 1080px;
}

.pc-discovery-article-font-list{
    width: 1080px;
    margin: 0 auto;

}

.pc-discovery-article-list-button{
    margin: 0 auto;
    width: 296px;
    height: 60px;
    padding: 20px 0;
}

.pc-discovery-breadcrumb-list-detail{
    width: 930px;
    margin: 0 auto;
    padding: 5px;
}

.pc-discovery-breadcrumb-list-detail-arrow{
    transform: scale(0.9, 2);
    font-size: 20px;
    color: #ebeef1;
    display: inline-block;
}

.link-disp{
    cursor: pointer;
}
.pc-discovery-article-font-size .link-disp {
    color: #1287cd;
    text-decoration: none;
}
.pc-discovery-article-font-size .link-disp:hover {
    color: #1287cd;
    text-decoration: underline;
}
.pc-discovery-article-font-size .link-disp.selected {
    color: #7f8288;
}
.link-color{
    color:#1287cd;
}

.link-color:hover {
    text-decoration: underline;
}

.divider {
    color: #CCC;
    text-align: center;
    margin: 20px 0 20px 0;
}


#article-content ol,
#article-content ul {
    list-style: outside;
    margin-left: 20px;
    padding: 0;
}

#article-content ol li,
#article-content ol li {
    display: list-item;
    list-style-type: decimal;
    padding-left: 10px;
}

#article-content ul li,
#article-content ul li {
    display: list-item;
    list-style-type: circle;
    padding-left: 10px;
}

a.sexy-dummy{
    line-height: 18px;
    height: 44px;
    border: 1px solid #d1d4d7;
    cursor: pointer;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1287cd;
    font-size: 13px;
    font-weight: 400;
    width: 280px;
    padding: 0 25px;
    text-decoration: none !important;
}
.sexy-dummy::after{
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 15px;
}

#level-rank{
    padding:20px 0;
}
#level-rank > div{
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#level-rank ul{
    display: flex;
    justify-content: left;
}
#level-rank li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 187px;
    height: 44px;
    border: #d1d4d7 solid 1px;
    border-left:none;
}
#level-rank li:not(.disable){
    cursor: pointer;
}
#level-rank li.disable{
    cursor: default;
}
#level-rank li:first-child{
    border-left: #d1d4d7 solid 1px;
}
#level-rank .active{
    color: white!important;
}
#level-rank .disable{
    color: #abaeb3!important;
    background-color: #ebeef1!important;
}
#level-rank.level-1 .active{
    background-color: #2b95db;
}
#level-rank.level-1 #rank-select li,
#level-select li:nth-child(1){
    color:#2b95db;
}
#level-rank.level-2 .active{
    background-color: #339999;
}
#level-rank.level-2 #rank-select li,
#level-select li:nth-child(2){
    color: #339999;
}
#level-rank.level-3 .active{
    background-color: #cbcb02;
}
#level-rank.level-3 #rank-select li,
#level-select li:nth-child(3){
    color: #cbcb02;
}
#level-rank.level-4 .active{
    background-color: #db8335;
}
#level-rank.level-4 #rank-select li,
#level-select li:nth-child(4){
    color: #db8335;
}
#level-rank.level-5 .active{
    background-color: #e56a62;
}
#level-rank.level-5 #rank-select li,
#level-select li:nth-child(5){
    color: #e56a62;
}
#level-rank.level-6 .active{
    background-color: #996699;
}
#level-rank.level-6 #rank-select li,
#level-select li:nth-child(6){
    color: #996699;
}
.download-pdf{
    display: flex;
    justify-content: center;
}
.download-pdf > a{
    text-decoration: none;
    height: 44px;
    width: 310px;
    margin: 30px;
}
.download-pdf > a:hover{
    text-decoration: none;
}

/* RM2268 campaign list page style */
/* eye_catch_area */
#eye_catch_area {
    max-width: 1080px;
    margin: 0 auto;
    background: url("https://www.bizmates.jp/common_student/images/lessonticket_fix_banner.jpg") left top no-repeat;
    clear: both;
    overflow: hidden;
    padding: 0px 20px;
    height: 450px;
    position: relative;
}
#eye_catch_area img {
    display: block;
    float: right;
}

#eye_catch_area_campaign {
    width: 1180px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    height: 450px;
    position: relative;
}

/* ticket_purchase_area_01 */
#ticket_purchase_area_01 {
    line-height: 44px;
    color: white;
    font-size: 26px;
    font-weight: 300;
    background: #f1f8fc;
    padding-top: 85px;
    margin-top: -55px;
}
#ticket_purchase_area_01 h3{
    font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
}
#ticket_purchase_area_01 .container{
    background: #1978b1;
    padding: 21px 19px 21px 17px;
}
#ticket_purchase_area_01 .price_info{
    height: 44px;
    margin-right: 18px;
    font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
}
#ticket_purchase_area_01 .price_info span {
    font-size: 18px;
}

/* ticket_list_area */
#ticket_list_area {
    background: #f1f8fc;
    padding-bottom: 40px;
}
#ticket_list_area.isB2B{
    padding: 50px 0 80px;
}
#ticket_list_area .container {
    background: #5ea9d6;
    padding: 0 17px;
    color: #fff;
}
#ticket_list_area h3 {
    font-size: 26px;
    text-align: center;
    line-height: 32px;
    padding: 26px 0 27px;
    font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
}
#ticket_list_area .lessonTotal {
    display: inline-block;
    border: 1px solid #f1f8fc;
    background: #f1f8fc;
    text-align: center;
    margin-right: 18px;
}
#ticket_list_area .lessonTotal span.lessonTotal_number {
    display: inline-block;
    background: #5ea9d6;
    width: 40px;
    color: #fff;
    font-size: 15px;
}

#ticket_list_area .lessonTotal span.lessonTotal_label {
    display: inline-block;
    width: 150px;
    color: #26455c;
}
#ticket_list_area .lessonticket-detail {
    margin-top: 25px;
}
#ticket_list_area .lessonticket-detail td {
    border: 1px solid #d5d9dc;
    background: #fff;
    color: #72767b;
    height: 28px;
    vertical-align: middle;;
    text-align: center;
}
#ticket_list_area .lessonticket-detail .header td {
    background: #e6f3fd;
    color: #72767b;
    width: 25%;
    height: 42px;
}
#ticket_list_area .lessonticket-detail td.no-lessonticket{
    color:#26455c;
    height: 65px;
}
#ticket_list_area .ui-bullet-list{
    margin: 0;
    padding: 10px 0 12px;
}

/* lessionticket_contents */
#lessionticket_contents_1 {
    font-size: 18px;
    line-height: 32px;
    color: #010101;
    padding: 33px 0 46px;
    text-align: center;
    font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
}
#lessionticket_contents_2 h4 {
    font-size: 26px;
    line-height: 37px;
    padding: 20px 0;
    text-align: center;
    background: #1884c4;
    color: #fff;
    font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
    position: relative;
}
#lessionticket_contents_2 h4::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1884c4;
    position: absolute;
    right: 50%;
    margin-right: -12px;
    bottom: -12px;
    z-index: 1;
}
#lessionticket_contents_2 {
    background: #f2f4f5;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    text-align: center;
}
#lessionticket_contents_2 .container{
    padding-top: 54px;
    padding-bottom: 48px;
}
#lessionticket_contents_2 .container > div {
    width: 454px;
    background: #ffffff;
    padding: 24px 0 50px 0;
}
#lessionticket_contents_2 h5 {
    font-size: 18px;
    line-height: 32px;
    color: #26455c;
    padding: 23px 0;
    font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
    font-weight: 500;
}
#lessionticket_contents_2 img {
    display: block;
    margin: 0 auto 27px;
}

/* ticket_purchase_area_02 */
#ticket_purchase_area_02 {
    padding: 54px 0;
}
#ticket_purchase_area_02 .purchase_box {
    width: 292px;
    margin-left: 30px;
    border: 1px solid #feec56;
    background: #fffcef;
    padding-bottom: 39px;
}
#ticket_purchase_area_02 .purchase_box.cyan_bg{
    background: #f1f8fc;
    border: 1px solid #bfddef;
}
#ticket_purchase_area_02 ul.ui-bullet-list {
    margin: 0;
    padding-top: 26px;
}