html,body,div,span,article,section,nav,header,footer,main,aside,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,dl,dt,dd,ol,ul,li,p,table,caption,tbody,thead,tfoot,tr,th,td,a,strong,em,mark,b,small,i,img,object,figure,figcaption,canvas,audio,video,iframe {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:100%;
    vertical-align:baseline;
    outline:0;
    box-sizing:border-box
}
article,section,nav,header,footer,main,aside,figure,figcaption {
    display:block
}
html,body,div,p,span,article,section,nav,header,footer,main,aside,h1,h2,h3,h4,h5,h6,input,select {
    box-sizing:border-box
}
table {
    border-collapse:collapse;
    border-spacing:0
}
input,button,textarea,select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:none;
    border:none;
    border-radius:0
}
select::-ms-expand {
    display:none
}
ol,ul {
    list-style:none
}
@font-face {
    font-family:"NotoSansJP";
    font-style:normal;
    font-weight:400;
    src:local("NotoSansJP-Medium"),url("/assets/fonts/NotoSansJP-Regular.woff2") format("font-woff2"),url("/assets/fonts/NotoSansJP-Regular.woff") format("font-woff"),url("/assets/fonts/NotoSansJP-Regular.otf") format("opentype")
}
@font-face {
    font-family:"NotoSansJP";
    font-style:normal;
    font-weight:500;
    src:local("NotoSansJP-Medium"),url("/assets/fonts/NotoSansJP-Medium.woff2") format("font-woff2"),url("/assets/fonts/NotoSansJP-Medium.woff") format("font-woff"),url("/assets/fonts/NotoSansJP-Medium.otf") format("opentype")
}
@font-face {
    font-family:"NotoSansJP";
    font-style:normal;
    font-weight:700;
    src:local("NotoSansJP-Bold"),url("/assets/fonts/NotoSansJP-Bold.woff2") format("font-woff2"),url("/assets/fonts/NotoSansJP-Bold.woff") format("font-woff"),url("/assets/fonts/NotoSansJP-Bold.otf") format("opentype")
}
@font-face {
    font-family:"Lato";
    font-style:normal;
    font-weight:400;
    src:local("Lato-Regular"),url("/assets/fonts/Lato-Regular.woff2") format("font-woff2"),url("/assets/fonts/Lato-Regular.woff") format("font-woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype")
}
@font-face {
    font-family:"Lato";
    font-style:normal;
    font-weight:700;
    src:local("Lato-Bold"),url("/assets/fonts/Lato-Bold.woff2") format("font-woff2"),url("/assets/fonts/Lato-Bold.woff") format("font-woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype")
}
@media print {
    html body * {
        font-family:"繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif
    }
}
@-webkit-keyframes fadein {
    0% {
        opacity:0
    }
    1% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@keyframes fadein {
    0% {
        opacity:0
    }
    1% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-webkit-keyframes fadeout {
    0% {
        opacity:1
    }
    1% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@keyframes fadeout {
    0% {
        opacity:1
    }
    1% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@-webkit-keyframes loader {
    from {
        stroke-dashoffset:230
    }
    to {
        stroke-dashoffset:-230
    }
}
@keyframes loader {
    from {
        stroke-dashoffset:230
    }
    to {
        stroke-dashoffset:-230
    }
}
@-webkit-keyframes loading {
    from {
        transform:none
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes loading {
    from {
        transform:none
    }
    to {
        transform:rotate(360deg)
    }
}
html {
    font-size:62.5%
}
body {
    min-width:1080px;
    font-size:1.4rem;
    line-height:normal;
    color:#2b2b2b;
    font-weight:700;
    font-family:"NotoSansJP",sans-serif;
    word-wrap:break-word;
    overflow-wrap:break-word;
    display:flex;
    flex-flow:column;
    min-height:100vh
}
@media only screen and (max-width: 896px) {
    body {
        min-width:auto
    }
}
a,button {
    display:block;
    color:#2b2b2b;
    text-decoration:none;
    transition:all .25s ease-out 0s;
    cursor:pointer
}
a:hover,button:hover {
    opacity:.7;
    transition:all .25s ease-out 0s
}
img,video {
    width:100%;
    vertical-align:bottom
}
img[src$=".svg"],video[src$=".svg"] {
    width:auto;
    min-width:100%;
    max-width:100%
}
input,textarea,select {
    font-family:"NotoSansJP",sans-serif
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color:#b7b7b7
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color:#b7b7b7
}
input::placeholder,textarea::placeholder,select::placeholder {
    color:#b7b7b7
}
.only-sp {
    display:none
}
.only-pc {
    display:block
}
@media only screen and (max-width: 896px) {
    .only-sp {
        display:block
    }
    .only-pc {
        display:none !important
    }
}
/*!
* Bootstrap v3.1.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.popover {
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:none;
    max-width:500px;
    width:100%;
    padding:1px;
    line-break:auto;
    line-height:1.42857143;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    white-space:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    font-size:14px;
    background-color:#fff;
    background-clip:padding-box;
    border-radius:6px;
    box-shadow:0px 3px 10px rgba(0,0,0,.1)
}
@media only screen and (max-width: 896px) {
    .popover {
        width:calc(100% - 30px);
        margin:0 15px;
        left:0 !important;
        right:0 !important
    }
}
.popover.top {
    margin-top:-10px
}
.popover.right {
    margin-left:10px
}
.popover.bottom {
    margin-top:10px
}
.popover.left {
    margin-left:-10px
}
.popover-title {
    margin:0;
    padding:16px 20px;
    font-size:1.8rem;
    font-weight:bold;
    background-color:#fafaf7;
    border-radius:6px 6px 0 0
}
@media only screen and (max-width: 896px) {
    .popover-title {
        font-size:1.6rem
    }
}
.popover-content {
    padding:16px 20px;
    font-weight:400;
    line-height:1.85;
    font-size:1.6rem
}
@media only screen and (max-width: 896px) {
    .popover-content {
        font-size:1.4rem
    }
}
.popover-close {
    position:absolute;
    top:20px;
    right:20px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#e5e5d5;
    padding:1px 5px;
    cursor:pointer;
    transition:opacity .3s
}
.popover-close:hover {
    opacity:.7
}
.popover-close::before {
    display:block;
    width:10px;
    height:10px;
    content:"";
    background-image:url(/assets/img/common/ico-cross-gray.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto
}
.popover--basic .popover-btn {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.popover--jp .popover-btn {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.popover--mba .popover-btn {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.popover--c .popover-btn {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.popover--hajl .popover-btn {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.popover--nail .popover-btn {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.popover--psych .popover-btn {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.popover-btn-group {
    display:flex;
    justify-content:flex-end;
    margin-right:20px
}
.popover-btn {
    margin:0 0 20px 12px;
    padding:7px 14px;
    min-width:120px;
    height:40px;
    border-radius:20px;
    width:auto;
    border:none;
    color:#fff;
    font-family:sans-serif;
    font-weight:bold;
    font-size:1.4rem;
    color:#fff;
    transition:all 150ms cubic-bezier(0.68, 0, 0.265, 1)
}
.popover-btn.disabled {
    background:#ccc;
    color:#fff;
    cursor:default
}
.popover-btn.disabled:hover {
    opacity:1
}
.tour-backdrop {
    position:absolute;
    z-index:1100;
    background-color:#000;
    opacity:.3;
    filter:alpha(opacity=0)
}
.popover[class*=tour-] {
    z-index:1102
}
.popover>.arrow,.popover>.arrow:after {
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.popover>.arrow {
    border-width:11px
}
.popover>.arrow:after {
    border-width:10px;
    content:""
}
.popover.top>.arrow {
    left:50%;
    margin-left:-11px;
    border-bottom-width:0;
    bottom:-11px
}
.popover.top>.arrow:after {
    content:" ";
    bottom:1px;
    margin-left:-10px;
    border-bottom-width:0;
    border-top-color:#fff
}
.popover.right>.arrow {
    top:50%;
    left:-11px;
    margin-top:-11px;
    border-left-width:0;
    border-right-color:#999
}
.popover.right>.arrow:after {
    content:" ";
    left:1px;
    bottom:-10px;
    border-left-width:0;
    border-right-color:#fff
}
.popover.bottom>.arrow {
    left:50%;
    margin-left:-11px;
    border-top-width:0;
    top:-11px
}
.popover.bottom>.arrow:after {
    content:" ";
    top:1px;
    margin-left:-10px;
    border-top-width:0;
    border-bottom-color:#fff
}
.popover.left>.arrow {
    top:50%;
    right:-11px;
    margin-top:-11px;
    border-right-width:0;
    border-left-color:#999;
    border-left-color:rgba(0,0,0,.25)
}
.popover.left>.arrow:after {
    content:" ";
    right:1px;
    border-right-width:0;
    border-left-color:#fff;
    bottom:-10px
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom:8px
}
.ui-timepicker-div dl {
    text-align:left
}
.ui-timepicker-div dl dt {
    float:left;
    clear:left;
    padding:0 0 0 5px
}
.ui-timepicker-div dl dd {
    margin:0 10px 10px 40%
}
.ui-timepicker-div td {
    font-size:90%
}
.ui-tpicker-grid-label {
    background:none;
    border:none;
    margin:0;
    padding:0
}
.ui-timepicker-div .ui_tpicker_unit_hide {
    display:none
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background:none;
    color:inherit;
    border:none;
    outline:none;
    border-bottom:solid 1px #555;
    width:95%
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color:#aaa
}
.ui-timepicker-rtl {
    direction:rtl
}
.ui-timepicker-rtl dl {
    text-align:right;
    padding:0 5px 0 0
}
.ui-timepicker-rtl dl dt {
    float:right;
    clear:right
}
.ui-timepicker-rtl dl dd {
    margin:0 40% 10px 10px
}
.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right:2px
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt {
    display:none
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display:block;
    padding-top:2px
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align:right
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
    display:inline-block;
    margin:0
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content:":";
    display:inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
    content:".";
    display:inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
    display:none
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors;
Licensed MIT */
.ui-helper-hidden {
    display:none
}
.ui-helper-hidden-accessible {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.ui-helper-reset {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    line-height:1.3;
    text-decoration:none;
    font-size:100%;
    list-style:none
}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content:"";
    display:table;
    border-collapse:collapse
}
.ui-helper-clearfix:after {
    clear:both
}
.ui-helper-zfix {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity:0;
    filter:Alpha(Opacity=0)
}
.ui-front {
    z-index:100
}
.ui-state-disabled {
    cursor:default !important;
    pointer-events:none
}
.ui-icon {
    display:inline-block;
    vertical-align:middle;
    margin-top:-0.25em;
    position:relative;
    text-indent:-99999px;
    overflow:hidden;
    background-repeat:no-repeat
}
.ui-widget-icon-block {
    left:50%;
    margin-left:-8px;
    display:block
}
.ui-widget-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.ui-accordion .ui-accordion-header {
    display:block;
    cursor:pointer;
    position:relative;
    margin:2px 0 0 0;
    padding:.5em .5em .5em .7em;
    font-size:100%
}
.ui-accordion .ui-accordion-content {
    padding:1em 2.2em;
    border-top:0;
    overflow:auto
}
.ui-autocomplete {
    position:absolute;
    top:0;
    left:0;
    cursor:default
}
.ui-menu {
    list-style:none;
    padding:0;
    margin:0;
    display:block;
    outline:0
}
.ui-menu .ui-menu {
    position:absolute
}
.ui-menu .ui-menu-item {
    margin:0;
    cursor:pointer;
    list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-item-wrapper {
    position:relative;
    padding:3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
    margin:5px 0;
    height:0;
    font-size:0;
    line-height:0;
    border-width:1px 0 0 0
}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin:-1px
}
.ui-menu-icons {
    position:relative
}
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left:2em
}
.ui-menu .ui-icon {
    position:absolute;
    top:0;
    bottom:0;
    left:.2em;
    margin:auto 0
}
.ui-menu .ui-menu-icon {
    left:auto;
    right:0
}
.ui-button {
    padding:.4em 1em;
    display:inline-block;
    position:relative;
    line-height:normal;
    margin-right:.1em;
    cursor:pointer;
    vertical-align:middle;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:visible
}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration:none
}
.ui-button-icon-only {
    width:2em;
    box-sizing:border-box;
    text-indent:-9999px;
    white-space:nowrap
}
input.ui-button.ui-button-icon-only {
    text-indent:0
}
.ui-button-icon-only .ui-icon {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-8px;
    margin-left:-8px
}
.ui-button.ui-icon-notext .ui-icon {
    padding:0;
    width:2.1em;
    height:2.1em;
    text-indent:-9999px;
    white-space:nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
    width:auto;
    height:auto;
    text-indent:0;
    white-space:normal;
    padding:.4em 1em
}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border:0;
    padding:0
}
.ui-controlgroup {
    vertical-align:middle;
    display:inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
    float:left;
    margin-left:0;
    margin-right:0
}
.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index:9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
    display:block;
    float:none;
    width:100%;
    margin-top:0;
    margin-bottom:0;
    text-align:left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing:border-box
}
.ui-controlgroup .ui-controlgroup-label {
    padding:.4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
    font-size:80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left:none
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top:none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right:none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom:none
}
.ui-controlgroup-vertical .ui-spinner-input {
    width:75%;
    width:calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style:solid
}
.ui-checkboxradio-label .ui-icon-background {
    box-shadow:inset 1px 1px 1px #ccc;
    border-radius:.12em;
    border:none
}
.ui-checkboxradio-radio-label .ui-icon-background {
    width:16px;
    height:16px;
    border-radius:1em;
    overflow:visible;
    border:none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image:none;
    width:8px;
    height:8px;
    border-width:4px;
    border-style:solid
}
.ui-checkboxradio-disabled {
    pointer-events:none
}
.ui-datepicker {
    width:17em;
    padding:.2em .2em 0;
    display:none
}
.ui-datepicker .ui-datepicker-header {
    position:relative;
    padding:.2em 0
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position:absolute;
    top:2px;
    width:1.8em;
    height:1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top:1px
}
.ui-datepicker .ui-datepicker-prev {
    left:2px
}
.ui-datepicker .ui-datepicker-next {
    right:2px
}
.ui-datepicker .ui-datepicker-prev-hover {
    left:1px
}
.ui-datepicker .ui-datepicker-next-hover {
    right:1px
}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display:block;
    position:absolute;
    left:50%;
    margin-left:-8px;
    top:50%;
    margin-top:-8px
}
.ui-datepicker .ui-datepicker-title {
    margin:0 2.3em;
    line-height:1.8em;
    text-align:center
}
.ui-datepicker .ui-datepicker-title select {
    font-size:1em;
    margin:1px 0
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width:45%
}
.ui-datepicker table {
    width:100%;
    font-size:.9em;
    border-collapse:collapse;
    margin:0 0 .4em
}
.ui-datepicker th {
    padding:.7em .3em;
    text-align:center;
    font-weight:bold;
    border:0
}
.ui-datepicker td {
    border:0;
    padding:1px
}
.ui-datepicker td span,.ui-datepicker td a {
    display:block;
    padding:.2em;
    text-align:right;
    text-decoration:none
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image:none;
    margin:.7em 0 0 0;
    padding:0 .2em;
    border-left:0;
    border-right:0;
    border-bottom:0
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float:right;
    margin:.5em .2em .4em;
    cursor:pointer;
    padding:.2em .6em .3em .6em;
    width:auto;
    overflow:visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float:left;
    color:#000;
    font-weight:bold;
    opacity:1
}
.ui-datepicker.ui-datepicker-multi {
    width:auto
}
.ui-datepicker-multi .ui-datepicker-group {
    float:left
}
.ui-datepicker-multi .ui-datepicker-group table {
    width:95%;
    margin:0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width:50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width:33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width:25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width:0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear:left
}
.ui-datepicker-row-break {
    clear:both;
    width:100%;
    font-size:0
}
.ui-datepicker-rtl {
    direction:rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right:2px;
    left:auto
}
.ui-datepicker-rtl .ui-datepicker-next {
    left:2px;
    right:auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right:1px;
    left:auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left:1px;
    right:auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear:right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float:left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float:right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width:0;
    border-left-width:1px
}
.ui-datepicker .ui-icon {
    display:block;
    text-indent:-99999px;
    overflow:hidden;
    background-repeat:no-repeat;
    left:.5em;
    top:.3em
}
.ui-dialog {
    position:absolute;
    top:0;
    left:0;
    padding:.2em;
    outline:0
}
.ui-dialog .ui-dialog-titlebar {
    padding:.4em 1em;
    position:relative
}
.ui-dialog .ui-dialog-title {
    float:left;
    margin:.1em 0;
    white-space:nowrap;
    width:90%;
    overflow:hidden;
    text-overflow:ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
    position:absolute;
    right:.3em;
    top:50%;
    width:20px;
    margin:-10px 0 0 0;
    padding:1px;
    height:20px
}
.ui-dialog .ui-dialog-content {
    position:relative;
    border:0;
    padding:.5em 1em;
    background:none;
    overflow:auto
}
.ui-dialog .ui-dialog-buttonpane {
    text-align:left;
    border-width:1px 0 0 0;
    background-image:none;
    margin-top:.5em;
    padding:.3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float:right
}
.ui-dialog .ui-dialog-buttonpane button {
    margin:.5em .4em .5em 0;
    cursor:pointer
}
.ui-dialog .ui-resizable-n {
    height:2px;
    top:0
}
.ui-dialog .ui-resizable-e {
    width:2px;
    right:0
}
.ui-dialog .ui-resizable-s {
    height:2px;
    bottom:0
}
.ui-dialog .ui-resizable-w {
    width:2px;
    left:0
}
.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width:7px;
    height:7px
}
.ui-dialog .ui-resizable-se {
    right:0;
    bottom:0
}
.ui-dialog .ui-resizable-sw {
    left:0;
    bottom:0
}
.ui-dialog .ui-resizable-ne {
    right:0;
    top:0
}
.ui-dialog .ui-resizable-nw {
    left:0;
    top:0
}
.ui-draggable .ui-dialog-titlebar {
    cursor:move
}
.ui-draggable-handle {
    touch-action:none
}
.ui-resizable {
    position:relative
}
.ui-resizable-handle {
    position:absolute;
    font-size:.1px;
    display:block;
    touch-action:none
}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display:none
}
.ui-resizable-n {
    cursor:n-resize;
    height:7px;
    width:100%;
    top:-5px;
    left:0
}
.ui-resizable-s {
    cursor:s-resize;
    height:7px;
    width:100%;
    bottom:-5px;
    left:0
}
.ui-resizable-e {
    cursor:e-resize;
    width:7px;
    right:-5px;
    top:0;
    height:100%
}
.ui-resizable-w {
    cursor:w-resize;
    width:7px;
    left:-5px;
    top:0;
    height:100%
}
.ui-resizable-se {
    cursor:se-resize;
    width:12px;
    height:12px;
    right:1px;
    bottom:1px
}
.ui-resizable-sw {
    cursor:sw-resize;
    width:9px;
    height:9px;
    left:-5px;
    bottom:-5px
}
.ui-resizable-nw {
    cursor:nw-resize;
    width:9px;
    height:9px;
    left:-5px;
    top:-5px
}
.ui-resizable-ne {
    cursor:ne-resize;
    width:9px;
    height:9px;
    right:-5px;
    top:-5px
}
.ui-progressbar {
    height:2em;
    text-align:left;
    overflow:hidden
}
.ui-progressbar .ui-progressbar-value {
    margin:-1px;
    height:100%
}
.ui-progressbar .ui-progressbar-overlay {
    background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height:100%;
    filter:alpha(opacity=25);
    opacity:.25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image:none
}
.ui-selectable {
    touch-action:none
}
.ui-selectable-helper {
    position:absolute;
    z-index:100;
    border:1px dotted #000
}
.ui-selectmenu-menu {
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    display:none
}
.ui-selectmenu-menu .ui-menu {
    overflow:auto;
    overflow-x:hidden;
    padding-bottom:1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size:1em;
    font-weight:bold;
    line-height:1.5;
    padding:2px .4em;
    margin:.5em 0 0 0;
    height:auto;
    border:0
}
.ui-selectmenu-open {
    display:block
}
.ui-selectmenu-text {
    display:block;
    margin-right:20px;
    overflow:hidden;
    text-overflow:ellipsis
}
.ui-selectmenu-button.ui-button {
    text-align:left;
    white-space:nowrap;
    width:14em
}
.ui-selectmenu-icon.ui-icon {
    float:right;
    margin-top:0
}
.ui-slider {
    position:relative;
    text-align:left
}
.ui-slider .ui-slider-handle {
    position:absolute;
    z-index:2;
    width:1.2em;
    height:1.2em;
    cursor:default;
    touch-action:none
}
.ui-slider .ui-slider-range {
    position:absolute;
    z-index:1;
    font-size:.7em;
    display:block;
    border:0;
    background-position:0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter:inherit
}
.ui-slider-horizontal {
    height:.8em
}
.ui-slider-horizontal .ui-slider-handle {
    top:-0.3em;
    margin-left:-0.6em
}
.ui-slider-horizontal .ui-slider-range {
    top:0;
    height:100%
}
.ui-slider-horizontal .ui-slider-range-min {
    left:0
}
.ui-slider-horizontal .ui-slider-range-max {
    right:0
}
.ui-slider-vertical {
    width:.8em;
    height:100px
}
.ui-slider-vertical .ui-slider-handle {
    left:-0.3em;
    margin-left:0;
    margin-bottom:-0.6em
}
.ui-slider-vertical .ui-slider-range {
    left:0;
    width:100%
}
.ui-slider-vertical .ui-slider-range-min {
    bottom:0
}
.ui-slider-vertical .ui-slider-range-max {
    top:0
}
.ui-sortable-handle {
    touch-action:none
}
.ui-spinner {
    position:relative;
    display:inline-block;
    overflow:hidden;
    padding:0;
    vertical-align:middle
}
.ui-spinner-input {
    border:none;
    background:none;
    color:inherit;
    padding:.222em 0;
    margin:.2em 0;
    vertical-align:middle;
    margin-left:.4em;
    margin-right:2em
}
.ui-spinner-button {
    width:1.6em;
    height:50%;
    font-size:.5em;
    padding:0;
    margin:0;
    text-align:center;
    position:absolute;
    cursor:default;
    display:block;
    overflow:hidden;
    right:0
}
.ui-spinner a.ui-spinner-button {
    border-top-style:none;
    border-bottom-style:none;
    border-right-style:none
}
.ui-spinner-up {
    top:0
}
.ui-spinner-down {
    bottom:0
}
.ui-tabs {
    position:relative;
    padding:.2em
}
.ui-tabs .ui-tabs-nav {
    margin:0;
    padding:.2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
    list-style:none;
    float:left;
    position:relative;
    top:0;
    margin:1px .2em 0 0;
    border-bottom-width:0;
    padding:0;
    white-space:nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float:left;
    padding:.5em 1em;
    text-decoration:none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom:-1px;
    padding-bottom:1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor:text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor:pointer
}
.ui-tabs .ui-tabs-panel {
    display:block;
    border-width:0;
    padding:1em 1.4em;
    background:none
}
.ui-tooltip {
    padding:8px;
    position:absolute;
    z-index:9999;
    max-width:300px
}
body .ui-tooltip {
    border-width:2px
}
.ui-widget {
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em
}
.ui-widget .ui-widget {
    font-size:1em
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em
}
.ui-widget.ui-widget-content {
    border:1px solid #c5c5c5
}
.ui-widget-content {
    border:1px solid #ddd;
    background:#fff;
    color:#333
}
.ui-widget-content a {
    color:#333
}
.ui-widget-header {
    border:1px solid #ddd;
    background:#e9e9e9;
    color:#333;
    font-weight:bold
}
.ui-widget-header a {
    color:#333
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border:1px solid #c5c5c5;
    background:#f6f6f6;
    font-weight:normal;
    color:#454545
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color:#454545;
    text-decoration:none
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border:1px solid #ccc;
    background:#ededed;
    font-weight:normal;
    color:#2b2b2b
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color:#2b2b2b;
    text-decoration:none
}
.ui-visual-focus {
    box-shadow:0 0 3px 1px #5e9ed6
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border:1px solid #003eff;
    background:#007fff;
    font-weight:normal;
    color:#fff
}
.ui-icon-background,.ui-state-active .ui-icon-background {
    border:#003eff;
    background-color:#fff
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color:#fff;
    text-decoration:none
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border:1px solid #dad55e;
    background:#fffa90;
    color:#777620
}
.ui-state-checked {
    border:1px solid #dad55e;
    background:#fffa90
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color:#777620
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border:1px solid #f1a899;
    background:#fddfdf;
    color:#5f3f3f
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color:#5f3f3f
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color:#5f3f3f
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight:bold
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity:.7;
    filter:Alpha(Opacity=70);
    font-weight:normal
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity:.35;
    filter:Alpha(Opacity=35);
    background-image:none
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35)
}
.ui-icon {
    width:16px;
    height:16px
}
.ui-icon-blank {
    background-position:16px 16px
}
.ui-icon-caret-1-n {
    background-position:0 0
}
.ui-icon-caret-1-ne {
    background-position:-16px 0
}
.ui-icon-caret-1-e {
    background-position:-32px 0
}
.ui-icon-caret-1-se {
    background-position:-48px 0
}
.ui-icon-caret-1-s {
    background-position:-65px 0
}
.ui-icon-caret-1-sw {
    background-position:-80px 0
}
.ui-icon-caret-1-w {
    background-position:-96px 0
}
.ui-icon-caret-1-nw {
    background-position:-112px 0
}
.ui-icon-caret-2-n-s {
    background-position:-128px 0
}
.ui-icon-caret-2-e-w {
    background-position:-144px 0
}
.ui-icon-triangle-1-n {
    background-position:0 -16px
}
.ui-icon-triangle-1-ne {
    background-position:-16px -16px
}
.ui-icon-triangle-1-e {
    background-position:-32px -16px
}
.ui-icon-triangle-1-se {
    background-position:-48px -16px
}
.ui-icon-triangle-1-s {
    background-position:-65px -16px
}
.ui-icon-triangle-1-sw {
    background-position:-80px -16px
}
.ui-icon-triangle-1-w {
    background-position:-96px -16px
}
.ui-icon-triangle-1-nw {
    background-position:-112px -16px
}
.ui-icon-triangle-2-n-s {
    background-position:-128px -16px
}
.ui-icon-triangle-2-e-w {
    background-position:-144px -16px
}
.ui-icon-arrow-1-n {
    background-position:0 -32px
}
.ui-icon-arrow-1-ne {
    background-position:-16px -32px
}
.ui-icon-arrow-1-e {
    background-position:-32px -32px
}
.ui-icon-arrow-1-se {
    background-position:-48px -32px
}
.ui-icon-arrow-1-s {
    background-position:-65px -32px
}
.ui-icon-arrow-1-sw {
    background-position:-80px -32px
}
.ui-icon-arrow-1-w {
    background-position:-96px -32px
}
.ui-icon-arrow-1-nw {
    background-position:-112px -32px
}
.ui-icon-arrow-2-n-s {
    background-position:-128px -32px
}
.ui-icon-arrow-2-ne-sw {
    background-position:-144px -32px
}
.ui-icon-arrow-2-e-w {
    background-position:-160px -32px
}
.ui-icon-arrow-2-se-nw {
    background-position:-176px -32px
}
.ui-icon-arrowstop-1-n {
    background-position:-192px -32px
}
.ui-icon-arrowstop-1-e {
    background-position:-208px -32px
}
.ui-icon-arrowstop-1-s {
    background-position:-224px -32px
}
.ui-icon-arrowstop-1-w {
    background-position:-240px -32px
}
.ui-icon-arrowthick-1-n {
    background-position:1px -48px
}
.ui-icon-arrowthick-1-ne {
    background-position:-16px -48px
}
.ui-icon-arrowthick-1-e {
    background-position:-32px -48px
}
.ui-icon-arrowthick-1-se {
    background-position:-48px -48px
}
.ui-icon-arrowthick-1-s {
    background-position:-64px -48px
}
.ui-icon-arrowthick-1-sw {
    background-position:-80px -48px
}
.ui-icon-arrowthick-1-w {
    background-position:-96px -48px
}
.ui-icon-arrowthick-1-nw {
    background-position:-112px -48px
}
.ui-icon-arrowthick-2-n-s {
    background-position:-128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
    background-position:-144px -48px
}
.ui-icon-arrowthick-2-e-w {
    background-position:-160px -48px
}
.ui-icon-arrowthick-2-se-nw {
    background-position:-176px -48px
}
.ui-icon-arrowthickstop-1-n {
    background-position:-192px -48px
}
.ui-icon-arrowthickstop-1-e {
    background-position:-208px -48px
}
.ui-icon-arrowthickstop-1-s {
    background-position:-224px -48px
}
.ui-icon-arrowthickstop-1-w {
    background-position:-240px -48px
}
.ui-icon-arrowreturnthick-1-w {
    background-position:0 -64px
}
.ui-icon-arrowreturnthick-1-n {
    background-position:-16px -64px
}
.ui-icon-arrowreturnthick-1-e {
    background-position:-32px -64px
}
.ui-icon-arrowreturnthick-1-s {
    background-position:-48px -64px
}
.ui-icon-arrowreturn-1-w {
    background-position:-64px -64px
}
.ui-icon-arrowreturn-1-n {
    background-position:-80px -64px
}
.ui-icon-arrowreturn-1-e {
    background-position:-96px -64px
}
.ui-icon-arrowreturn-1-s {
    background-position:-112px -64px
}
.ui-icon-arrowrefresh-1-w {
    background-position:-128px -64px
}
.ui-icon-arrowrefresh-1-n {
    background-position:-144px -64px
}
.ui-icon-arrowrefresh-1-e {
    background-position:-160px -64px
}
.ui-icon-arrowrefresh-1-s {
    background-position:-176px -64px
}
.ui-icon-arrow-4 {
    background-position:0 -80px
}
.ui-icon-arrow-4-diag {
    background-position:-16px -80px
}
.ui-icon-extlink {
    background-position:-32px -80px
}
.ui-icon-newwin {
    background-position:-48px -80px
}
.ui-icon-refresh {
    background-position:-64px -80px
}
.ui-icon-shuffle {
    background-position:-80px -80px
}
.ui-icon-transfer-e-w {
    background-position:-96px -80px
}
.ui-icon-transferthick-e-w {
    background-position:-112px -80px
}
.ui-icon-folder-collapsed {
    background-position:0 -96px
}
.ui-icon-folder-open {
    background-position:-16px -96px
}
.ui-icon-document {
    background-position:-32px -96px
}
.ui-icon-document-b {
    background-position:-48px -96px
}
.ui-icon-note {
    background-position:-64px -96px
}
.ui-icon-mail-closed {
    background-position:-80px -96px
}
.ui-icon-mail-open {
    background-position:-96px -96px
}
.ui-icon-suitcase {
    background-position:-112px -96px
}
.ui-icon-comment {
    background-position:-128px -96px
}
.ui-icon-person {
    background-position:-144px -96px
}
.ui-icon-print {
    background-position:-160px -96px
}
.ui-icon-trash {
    background-position:-176px -96px
}
.ui-icon-locked {
    background-position:-192px -96px
}
.ui-icon-unlocked {
    background-position:-208px -96px
}
.ui-icon-bookmark {
    background-position:-224px -96px
}
.ui-icon-tag {
    background-position:-240px -96px
}
.ui-icon-home {
    background-position:0 -112px
}
.ui-icon-flag {
    background-position:-16px -112px
}
.ui-icon-calendar {
    background-position:-32px -112px
}
.ui-icon-cart {
    background-position:-48px -112px
}
.ui-icon-pencil {
    background-position:-64px -112px
}
.ui-icon-clock {
    background-position:-80px -112px
}
.ui-icon-disk {
    background-position:-96px -112px
}
.ui-icon-calculator {
    background-position:-112px -112px
}
.ui-icon-zoomin {
    background-position:-128px -112px
}
.ui-icon-zoomout {
    background-position:-144px -112px
}
.ui-icon-search {
    background-position:-160px -112px
}
.ui-icon-wrench {
    background-position:-176px -112px
}
.ui-icon-gear {
    background-position:-192px -112px
}
.ui-icon-heart {
    background-position:-208px -112px
}
.ui-icon-star {
    background-position:-224px -112px
}
.ui-icon-link {
    background-position:-240px -112px
}
.ui-icon-cancel {
    background-position:0 -128px
}
.ui-icon-plus {
    background-position:-16px -128px
}
.ui-icon-plusthick {
    background-position:-32px -128px
}
.ui-icon-minus {
    background-position:-48px -128px
}
.ui-icon-minusthick {
    background-position:-64px -128px
}
.ui-icon-close {
    background-position:-80px -128px
}
.ui-icon-closethick {
    background-position:-96px -128px
}
.ui-icon-key {
    background-position:-112px -128px
}
.ui-icon-lightbulb {
    background-position:-128px -128px
}
.ui-icon-scissors {
    background-position:-144px -128px
}
.ui-icon-clipboard {
    background-position:-160px -128px
}
.ui-icon-copy {
    background-position:-176px -128px
}
.ui-icon-contact {
    background-position:-192px -128px
}
.ui-icon-image {
    background-position:-208px -128px
}
.ui-icon-video {
    background-position:-224px -128px
}
.ui-icon-script {
    background-position:-240px -128px
}
.ui-icon-alert {
    background-position:0 -144px
}
.ui-icon-info {
    background-position:-16px -144px
}
.ui-icon-notice {
    background-position:-32px -144px
}
.ui-icon-help {
    background-position:-48px -144px
}
.ui-icon-check {
    background-position:-64px -144px
}
.ui-icon-bullet {
    background-position:-80px -144px
}
.ui-icon-radio-on {
    background-position:-96px -144px
}
.ui-icon-radio-off {
    background-position:-112px -144px
}
.ui-icon-pin-w {
    background-position:-128px -144px
}
.ui-icon-pin-s {
    background-position:-144px -144px
}
.ui-icon-play {
    background-position:0 -160px
}
.ui-icon-pause {
    background-position:-16px -160px
}
.ui-icon-seek-next {
    background-position:-32px -160px
}
.ui-icon-seek-prev {
    background-position:-48px -160px
}
.ui-icon-seek-end {
    background-position:-64px -160px
}
.ui-icon-seek-start {
    background-position:-80px -160px
}
.ui-icon-seek-first {
    background-position:-80px -160px
}
.ui-icon-stop {
    background-position:-96px -160px
}
.ui-icon-eject {
    background-position:-112px -160px
}
.ui-icon-volume-off {
    background-position:-128px -160px
}
.ui-icon-volume-on {
    background-position:-144px -160px
}
.ui-icon-power {
    background-position:0 -176px
}
.ui-icon-signal-diag {
    background-position:-16px -176px
}
.ui-icon-signal {
    background-position:-32px -176px
}
.ui-icon-battery-0 {
    background-position:-48px -176px
}
.ui-icon-battery-1 {
    background-position:-64px -176px
}
.ui-icon-battery-2 {
    background-position:-80px -176px
}
.ui-icon-battery-3 {
    background-position:-96px -176px
}
.ui-icon-circle-plus {
    background-position:0 -192px
}
.ui-icon-circle-minus {
    background-position:-16px -192px
}
.ui-icon-circle-close {
    background-position:-32px -192px
}
.ui-icon-circle-triangle-e {
    background-position:-48px -192px
}
.ui-icon-circle-triangle-s {
    background-position:-64px -192px
}
.ui-icon-circle-triangle-w {
    background-position:-80px -192px
}
.ui-icon-circle-triangle-n {
    background-position:-96px -192px
}
.ui-icon-circle-arrow-e {
    background-position:-112px -192px
}
.ui-icon-circle-arrow-s {
    background-position:-128px -192px
}
.ui-icon-circle-arrow-w {
    background-position:-144px -192px
}
.ui-icon-circle-arrow-n {
    background-position:-160px -192px
}
.ui-icon-circle-zoomin {
    background-position:-176px -192px
}
.ui-icon-circle-zoomout {
    background-position:-192px -192px
}
.ui-icon-circle-check {
    background-position:-208px -192px
}
.ui-icon-circlesmall-plus {
    background-position:0 -208px
}
.ui-icon-circlesmall-minus {
    background-position:-16px -208px
}
.ui-icon-circlesmall-close {
    background-position:-32px -208px
}
.ui-icon-squaresmall-plus {
    background-position:-48px -208px
}
.ui-icon-squaresmall-minus {
    background-position:-64px -208px
}
.ui-icon-squaresmall-close {
    background-position:-80px -208px
}
.ui-icon-grip-dotted-vertical {
    background-position:0 -224px
}
.ui-icon-grip-dotted-horizontal {
    background-position:-16px -224px
}
.ui-icon-grip-solid-vertical {
    background-position:-32px -224px
}
.ui-icon-grip-solid-horizontal {
    background-position:-48px -224px
}
.ui-icon-gripsmall-diagonal-se {
    background-position:-64px -224px
}
.ui-icon-grip-diagonal-se {
    background-position:-80px -224px
}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius:3px
}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius:3px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius:3px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius:3px
}
.ui-widget-overlay {
    background:#aaa;
    opacity:.003;
    filter:Alpha(Opacity=0.3)
}
.ui-widget-shadow {
    box-shadow:0 0 5px #666
}
.ui-multiselect {
    padding:0 0 0 12px;
    text-align:left;
    border:1px solid #ddd;
    background:#fff;
    height:40px;
    width:100% !important;
    line-height:40px;
    position:relative
}
.ui-multiselect::after {
    position:absolute;
    background:url(/assets/img/common/ico-arrow-black-bold-bottom.svg) no-repeat center center/contain;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    width:10px;
    height:6px;
    padding:0;
    content:"";
    pointer-events:none;
    z-index:9;
    display:none
}
.ui-multiselect:hover {
    opacity:1
}
.ui-multiselect:disabled {
    cursor:default !important;
    pointer-events:none;
    opacity:.35
}
.ui-multiselect span.ui-icon {
    float:right
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
    position:absolute !important;
    top:auto !important;
    left:-9999px
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding-left:21px !important;
    background:#fff !important;
    color:#333;
    border:none
}
.ui-multiselect-header {
    margin-bottom:3px;
    padding:6px 6px 6px 6px;
    background:#f7f7f3;
    border:none
}
.ui-multiselect-header .ui-icon-check {
    background:url("/assets/img/common/ico-check-black.svg");
    display:block;
    width:13px;
    height:13px;
    cursor:pointer;
    margin:3px 3px 0 0;
    background-repeat:no-repeat;
    background-size:contain
}
.ui-multiselect-header .ui-icon-closethick {
    background:url("/assets/img/common/ico-close-black.svg");
    display:block;
    width:10px;
    height:10px;
    cursor:pointer;
    margin:3px 3px 0 0;
    background-repeat:no-repeat;
    background-size:contain
}
.ui-multiselect-header ul {
    font-size:.9em
}
.ui-multiselect-header ul li {
    float:left;
    padding:0 10px 0 0
}
.ui-multiselect-header a {
    text-decoration:none
}
.ui-multiselect-header a:hover {
    text-decoration:underline
}
.ui-multiselect-header span.ui-icon {
    float:left
}
.ui-multiselect-header li.ui-multiselect-close {
    float:right;
    text-align:right;
    padding-right:0
}
.ui-multiselect-menu {
    display:none;
    padding:3px;
    position:absolute;
    z-index:10000;
    text-align:left;
    width:300px !important
}
.ui-multiselect-menu input {
    display:none
}
.ui-multiselect-menu input:checked+span::before {
    background-color:#0bb3d6
}
.ui-multiselect-menu input:checked+span::after {
    content:"";
    display:block;
    width:7px;
    height:6px;
    box-sizing:border-box;
    background:url("/assets/img/common/ico-check-white.svg") no-repeat center center/contain;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:5px
}
.ui-multiselect-menu input:checked+span::before {
    border:solid transparent 1px
}
.ui-multiselect-menu label {
    cursor:pointer !important;
    text-align:left;
    display:inline-block;
    position:relative;
    padding-left:21px !important;
    font-weight:500 !important
}
.ui-multiselect-menu label span {
    font-weight:500 !important;
    font-family:"NotoSansJP",sans-serif,sans-serif
}
.ui-multiselect-menu label span::before {
    content:"";
    display:block;
    width:15px;
    height:15px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    border:solid #ddd 1px;
    border-radius:4px;
    background-color:#fff;
    cursor:pointer
}
.ui-multiselect-checkboxes {
    position:relative;
    overflow-y:auto
}
.ui-multiselect-checkboxes .ui-state-hover {
    border:1px solid transparent !important;
    background:#fff;
    color:#333
}
.ui-multiselect-checkboxes label {
    cursor:default;
    display:block;
    border:1px solid transparent;
    padding:3px 1px
}
.ui-multiselect-checkboxes label input {
    position:relative;
    top:1px
}
.ui-multiselect-checkboxes li {
    clear:both;
    font-size:.9em;
    padding-right:3px
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    text-align:center;
    font-weight:bold;
    border-bottom:1px solid
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display:block;
    padding:3px;
    margin:1px 0;
    text-decoration:none
}
* html .ui-multiselect-checkboxes label {
    border:none
}
.ui-multiselect-filter {
    position:relative
}
.ui-multiselect-menu .ui-multiselect-filter-label {
    width:100%;
    padding-left:0 !important
}
.ui-multiselect-filter input {
    border:1px solid #c5c5c5;
    background:#fff;
    display:block;
    width:100%;
    height:38px;
    border-radius:3px;
    margin-bottom:8px;
    padding-left:28px
}
.ui-multiselect-filter:before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    background:url(/assets/img/common/ico-search-black.svg);
    width:16px;
    height:16px;
    left:8px;
    content:"";
    z-index:99;
    background-size:contain
}
[data-simplebar] {
    position:relative;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:flex-start;
    align-items:flex-start
}
[data-simplebar].basic .simplebar-scrollbar:before {
    background:#0bb3d6
}
[data-simplebar].jp .simplebar-scrollbar:before {
    background:#44c0e2
}
[data-simplebar].mba .simplebar-scrollbar:before {
    background:#01267b
}
[data-simplebar].c .simplebar-scrollbar:before {
    background:#ed964a
}
[data-simplebar].hajl .simplebar-scrollbar:before {
    background:#5477db
}
[data-simplebar].nail .simplebar-scrollbar:before {
    background:#f27e7e
}
[data-simplebar].psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.simplebar-wrapper {
    overflow:hidden;
    width:inherit;
    height:inherit;
    max-width:inherit;
    max-height:inherit
}
.simplebar-mask {
    direction:inherit;
    position:absolute;
    overflow:hidden;
    padding:0;
    margin:0;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:auto !important;
    height:auto !important;
    z-index:0
}
.simplebar-offset {
    direction:inherit !important;
    box-sizing:inherit !important;
    resize:none !important;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding:0;
    margin:0;
    -webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper {
    direction:inherit;
    box-sizing:border-box !important;
    position:relative;
    display:block;
    height:100%;
    width:auto;
    max-width:100%;
    max-height:100%;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    width:0;
    height:0
}
.simplebar-content:before,.simplebar-content:after {
    content:" ";
    display:table
}
.simplebar-placeholder {
    max-height:100%;
    max-width:100%;
    width:100%;
    pointer-events:none
}
.simplebar-height-auto-observer-wrapper {
    box-sizing:inherit !important;
    height:100%;
    width:100%;
    max-width:1px;
    position:relative;
    float:left;
    max-height:1px;
    overflow:hidden;
    z-index:-1;
    padding:0;
    margin:0;
    pointer-events:none;
    flex-grow:inherit;
    flex-shrink:0;
    flex-basis:0
}
.simplebar-height-auto-observer {
    box-sizing:inherit;
    display:block;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    height:1000%;
    width:1000%;
    min-height:1px;
    min-width:1px;
    overflow:hidden;
    pointer-events:none;
    z-index:-1
}
.simplebar-track {
    z-index:1;
    position:absolute;
    right:0;
    bottom:0;
    pointer-events:none;
    overflow:hidden
}
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events:all
}
.simplebar-scrollbar {
    position:absolute;
    left:0;
    right:0;
    min-height:10px
}
.simplebar-scrollbar:before {
    position:absolute;
    content:"";
    background:#0bd2a0;
    border-radius:6px;
    left:0;
    right:0;
    opacity:1
}
.simplebar-scrollbar.simplebar-visible:before {
    opacity:1;
    transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical {
    top:0;
    width:6px;
    background:#ebebea;
    border-radius:6px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top:2px;
    bottom:2px
}
.simplebar-track.simplebar-horizontal {
    left:0;
    height:6px;
    background:#ebebea;
    border-radius:6px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height:100%;
    left:2px;
    right:2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right:auto;
    left:0;
    top:0;
    height:6px;
    min-height:0;
    min-width:10px;
    width:auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right:auto;
    left:0
}
.hs-dummy-scrollbar-size {
    direction:rtl;
    position:fixed;
    opacity:0;
    visibility:hidden;
    height:500px;
    width:500px;
    overflow-y:hidden;
    overflow-x:scroll
}
.simplebar-hide-scrollbar {
    position:fixed;
    left:0;
    visibility:hidden;
    overflow-y:scroll;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.c-btn {
    border-radius:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.c-btn--s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#fff;
    font-weight:700;
    padding:7px 10px
}
.c-btn--m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#fff;
    font-weight:700;
    padding:10px 10px
}
.c-btn--l {
    font-size:1.6rem;
    line-height:1.5;
    color:#fff;
    font-weight:700;
    padding:16px 10px
}
.c-btn--icon.is-left::before {
    content:"";
    display:block;
    flex-shrink:0;
    margin:0 8px 0 0
}
.c-btn--icon.is-right::after {
    content:"";
    display:block;
    flex-shrink:0;
    margin:0 0 0 8px
}
.c-btn:disabled {
    cursor:default;
    background:#afafaf;
    color:#cecece
}
.c-iconBtn--s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#fff;
    font-weight:700;
    padding:7px 10px
}
.c-iconBtn--m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#fff;
    font-weight:700;
    padding:10px 10px
}
.c-iconBtn--l {
    font-size:1.6rem;
    line-height:1.5;
    color:#fff;
    font-weight:700;
    padding:16px 10px
}
.c-arrowRightBtn {
    font-size:1.4rem;
    line-height:1.5;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    border-radius:16px;
    padding:5px 10px
}
.c-arrowRightBtn::after {
    content:"";
    display:block;
    flex-shrink:0;
    width:7px;
    height:10px;
    margin:0 0 0 9px;
    background:url("/assets/img/common/ico-arrow-white-right.svg") no-repeat center center/cover
}
.basic-gradationColor {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.basic-mainColor {
    background:#0bb3d6
}
.basic-subColor {
    background:#0bd69b
}
.c-borderBtn {
    border-radius:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.c-borderBtn:hover {
    opacity:.7;
    transition:all .25s ease-out 0s
}
.c-borderBtn--icon.is-left::before {
    content:"";
    display:block;
    flex-shrink:0;
    margin:0 8px 0 0
}
.c-borderBtn--icon.is-right::after {
    content:"";
    display:block;
    flex-shrink:0;
    margin:0 0 0 8px
}
.c-blackBorderBtn-s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#2b2b2b;
    font-weight:700;
    box-shadow:0 0 0 2px #2b2b2b inset;
    padding:7px 10px;
    background:#fff
}
.c-blackBorderBtn-m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#2b2b2b;
    font-weight:700;
    box-shadow:0 0 0 2px #2b2b2b inset;
    padding:10px 10px;
    background:#fff
}
.c-blackBorderBtn-l {
    font-size:1.6rem;
    line-height:1.5;
    color:#2b2b2b;
    font-weight:700;
    box-shadow:0 0 0 2px #2b2b2b inset;
    padding:16px 10px;
    background:#fff
}
.c-checkbox__container {
    margin-top: 20px;
    margin-bottom: 20px;
}
.c-checkbox {
    display:flex;
    align-items:center;
    cursor:pointer
}
.c-checkbox__item {
    margin-top: 5px;
}
.c-checkbox__input {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}
.c-checkbox__txt {
    padding-left: 10px;
}
.c-grayBorderBtn-s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#5f5f5f;
    font-weight:700;
    box-shadow:0 0 0 2px #5f5f5f inset;
    padding:7px 10px;
    background:#fff
}
.c-grayBorderBtn-m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#5f5f5f;
    font-weight:700;
    box-shadow:0 0 0 2px #5f5f5f inset;
    padding:10px 10px;
    background:#fff
}
.c-grayBorderBtn-l {
    font-size:1.6rem;
    line-height:1.5;
    color:#5f5f5f;
    font-weight:700;
    box-shadow:0 0 0 2px #5f5f5f inset;
    border-radius:36px;
    padding:16px 10px;
    background:#fff
}
.c-whiteBorderBtn-s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#fff;
    font-weight:700;
    box-shadow:0 0 0 2px #fff inset;
    padding:7px 10px
}
.c-whiteBorderBtn-m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#fff;
    font-weight:700;
    box-shadow:0 0 0 2px #fff inset;
    padding:10px 10px
}
.c-whiteBorderBtn-l {
    font-size:1.6rem;
    line-height:1.5;
    color:#fff;
    font-weight:700;
    box-shadow:0 0 0 2px #fff inset;
    padding:16px 10px
}
.c-icon-blackBorderBtn-s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#2b2b2b;
    font-weight:700;
    box-shadow:0 0 0 2px #2b2b2b inset;
    padding:7px 10px;
    background:#fff
}
.c-icon-blackBorderBtn-m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#2b2b2b;
    font-weight:700;
    box-shadow:0 0 0 2px #2b2b2b inset;
    border-radius:36px;
    padding:10px 10px;
    background:#fff
}
.c-icon-blackBorderBtn-l {
    font-size:1.6rem;
    line-height:1.5;
    color:#2b2b2b;
    font-weight:700;
    box-shadow:0 0 0 2px #2b2b2b inset;
    padding:16px 10px;
    background:#fff
}
.c-icon-grayBorderBtn-s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#5f5f5f;
    font-weight:700;
    box-shadow:0 0 0 2px #5f5f5f inset;
    padding:7px 10px;
    background:#fff
}
.c-icon-grayBorderBtn-m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#5f5f5f;
    font-weight:700;
    box-shadow:0 0 0 2px #5f5f5f inset;
    padding:10px 10px;
    background:#fff
}
.c-icon-grayBorderBtn-l {
    font-size:1.6rem;
    line-height:1.5;
    color:#5f5f5f;
    font-weight:700;
    box-shadow:0 0 0 2px #5f5f5f inset;
    padding:16px 10px;
    background:#fff
}
.c-icon-whiteBorderBtn-s {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#fff;
    font-weight:700;
    box-shadow:0 0 0 2px #fff inset;
    padding:7px 10px
}
.c-icon-whiteBorderBtn-m {
    font-size:1.4rem;
    line-height:1.4285714286;
    color:#fff;
    font-weight:700;
    box-shadow:0 0 0 2px #fff inset;
    padding:10px 10px
}
.c-icon-whiteBorderBtn-l {
    font-size:1.6rem;
    line-height:1.5;
    color:#fff;
    font-weight:700;
    box-shadow:0 0 0 2px #fff inset;
    padding:16px 10px
}
.icon-arrowRight-white.is-left::before {
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-white-right.svg") no-repeat center center/cover
}
.icon-arrowRight-white.is-right::after {
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-white-right.svg") no-repeat center center/cover
}
.icon-arrowBottom-white.is-left::before {
    width:10px;
    height:7px;
    background:url("/assets/img/common/ico-arrow-white-bottom.svg") no-repeat center center/cover
}
.icon-arrowBottom-white.is-right::after {
    width:10px;
    height:7px;
    background:url("/assets/img/common/ico-arrow-white-bottom.svg") no-repeat center center/cover
}
.icon-arrowLeft-white.is-left::before {
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-white-left.svg") no-repeat center center/cover
}
.icon-arrowLeft-white.is-right::after {
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-white-left.svg") no-repeat center center/cover
}
.icon-arrowRight-black.is-left::before {
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-black-right.svg") no-repeat center center/cover
}
.icon-arrowRight-black.is-right::after {
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-black-right.svg") no-repeat center center/cover
}
.icon-info-black.is-left::before {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-info-black.svg") no-repeat center center/cover
}
.icon-info-black.is-right::after {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-info-black.svg") no-repeat center center/cover
}
.icon-video-black.is-left::before {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-video-black.svg") no-repeat center center/cover
}
.icon-video-black.is-right::after {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-video-black.svg") no-repeat center center/cover
}
.icon-video-white.is-left::before {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-video-white.svg") no-repeat center center/cover
}
.icon-video-white.is-right::after {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-video-white.svg") no-repeat center center/cover
}
.icon-upload-gray.is-left::before {
    width:17px;
    height:15px;
    background:url("/assets/img/common/ico-upload-gray.svg") no-repeat center center/cover
}
.icon-upload-gray.is-right::after {
    width:17px;
    height:15px;
    background:url("/assets/img/common/ico-upload-gray.svg") no-repeat center center/cover
}
.icon-upload-white.is-left::before {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-upload-white.svg") no-repeat center center/cover
}
.icon-upload-white.is-right::after {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-upload-white.svg") no-repeat center center/cover
}
.icon-download-gray.is-left::before {
    width:16px;
    height:15px;
    background:url("/assets/img/common/ico-download-gray.svg") no-repeat center center/cover
}
.icon-download-gray.is-right::after {
    width:16px;
    height:15px;
    background:url("/assets/img/common/ico-download-gray.svg") no-repeat center center/cover
}
.icon-file-white.is-left::before {
    width:13px;
    height:16px;
    background:url("/assets/img/common/ico-file-white.svg") no-repeat center center/cover
}
.icon-file-white.is-right::after {
    width:13px;
    height:16px;
    background:url("/assets/img/common/ico-file-white.svg") no-repeat center center/cover
}
.icon-plus-white.is-left::before {
    width:15px;
    height:15px;
    background:url("/assets/img/common/ico-plus-white.svg") no-repeat center center/cover
}
.icon-plus-white.is-right::after {
    width:15px;
    height:15px;
    background:url("/assets/img/common/ico-plus-white.svg") no-repeat center center/cover
}
.ico-upload-choice-gray.is-left::before {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-upload-choice-gray.svg") no-repeat center center/cover
}
.ico-upload-choice-gray.is-right::after {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-upload-choice-gray.svg") no-repeat center center/cover
}
.ico-cross-gray.is-left::before {
    width:12px;
    height:12px;
    background:url("/assets/img/common/ico-cross-gray.svg") no-repeat center center/cover
}
.ico-cross-gray.is-right::after {
    width:12px;
    height:12px;
    background:url("/assets/img/common/ico-cross-gray.svg") no-repeat center center/cover
}
.ico-search-white.is-left::before {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-search-white.svg") no-repeat center center/cover
}
.ico-search-white.is-right::after {
    width:16px;
    height:16px;
    background:url("/assets/img/common/ico-search-white.svg") no-repeat center center/cover
}
.ico-pen-square-white.is-left::before {
    width:14px;
    height:14px;
    background:url("/assets/img/common/ico-pen-square-white.svg") no-repeat center center/cover
}
.ico-pen-square-white.is-right::after {
    width:14px;
    height:14px;
    background:url("/assets/img/common/ico-pen-square-white.svg") no-repeat center center/cover
}
.ico-globe-white.is-left::before {
    width:14px;
    height:14px;
    background:url("/assets/img/common/ico-globe-white.svg") no-repeat center center/cover
}
.ico-globe-white.is-right::after {
    width:14px;
    height:14px;
    background:url("/assets/img/common/ico-globe-white.svg") no-repeat center center/cover
}
.ico-link-black.is-left::before {
    width:13px;
    height:13px;
    background:url("/assets/img/common/ico-link-black.svg") no-repeat center center/cover
}
.ico-link-black.is-right::after {
    width:13px;
    height:13px;
    background:url("/assets/img/common/ico-link-black.svg") no-repeat center center/cover
}
.ico-link-white.is-left::before {
    width:13px;
    height:13px;
    background:url("/assets/img/common/ico-link-white.svg") no-repeat center center/cover
}
.ico-link-white.is-right::after {
    width:13px;
    height:13px;
    background:url("/assets/img/common/ico-link-white.svg") no-repeat center center/cover
}
.ico-filter-white.is-left::before {
    width:19px;
    height:19px;
    background:url("/assets/img/common/ico-filter-white.svg") no-repeat center center/cover
}
.ico-filter-white.is-right::after {
    width:19px;
    height:19px;
    background:url("/assets/img/common/ico-filter-white.svg") no-repeat center center/cover
}
.ico-folder-gray.is-left::before {
    width:19px;
    height:19px;
    background:url("/assets/img/common/ico-folder-gray.svg") no-repeat center center/cover
}
.ico-folder-gray.is-right::after {
    width:19px;
    height:19px;
    background:url("/assets/img/common/ico-folder-gray.svg") no-repeat center center/cover
}
.ico-garbage-gray.is-left::before {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-garbage-gray.svg") no-repeat center center/cover
}
.ico-garbage-gray.is-right::after {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-garbage-gray.svg") no-repeat center center/cover
}
.ico-csv-white.is-left::before {
    width:14px;
    height:19px;
    background:url("/assets/img/common/ico-csv-white.svg") no-repeat center center/cover
}
.ico-csv-white.is-right::after {
    width:14px;
    height:19px;
    background:url("/assets/img/common/ico-csv-white.svg") no-repeat center center/cover
}
.c-faq-btn {
    width:78px;
    height:78px;
    position:fixed;
    right:32px;
    bottom:32px;
    background-color:#fff;
    box-shadow:0 3px 6px 0 rgba(0,0,0,.15);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9998
}
.c-faq-btn img {
    min-width:auto
}
.c-faq-btn--big {
    width:100px;
    height:100px
}
.c-calendar {
    width:100%;
    height:38px;
    position:relative;
    border:1px solid #ddd;
    border-radius:4px;
    padding:11px 16px;
    font-size:1.6rem;
    line-height:1;
    color:#2b2b2b;
    font-weight:500;
    cursor:pointer;
    background:url("/assets/img/common/ico-calendar.svg") no-repeat top 10px right 10px/16px;
    background-color:#fff
}
.c-calendar:disabled {
    pointer-events:none
}
.ui-datepicker {
    padding:11px 11px 0;
    color:#2b2b2b;
    box-shadow:0px 3px 10px rgba(0,0,0,.1);
    border:none !important;
    border-radius:6px;
    z-index:0
}
.ui-datepicker td:hover {
    opacity:.6;
    transition:.2s all
}
.ui-datepicker .ui-datepicker-header {
    font-size:1.6rem;
    line-height:1;
    color:#2b2b2b;
    font-weight:700;
    background-color:#fafaf7;
    position:relative;
    border:none
}
.ui-datepicker .ui-datepicker-prev {
    position:absolute;
    top:50%;
    left:15px;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-arrow-black-left.svg") no-repeat center center/contain;
    width:10px;
    height:6px
}
.ui-datepicker .ui-datepicker-next {
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-arrow-black-right.svg") no-repeat center center/contain;
    width:10px;
    height:6px
}
.ui-datepicker .ui-timepicker-div {
    margin-top:24px
}
.ui-datepicker .ui-icon:hover {
    border:none
}
.ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default,.ui-datepicker .ui-button,.ui-datepicker html .ui-button.ui-state-disabled:hover,.ui-datepicker html .ui-button.ui-state-disabled:active {
    background:#fff
}
.ui-datepicker .ui-state-highlight,.ui-datepicker .ui-widget-content .ui-state-highlight,.ui-datepicker .ui-widget-header .ui-state-highlight {
    border:1px solid #c5c5c5;
    color:#2b2b2b;
    background:#f4f4e9
}
.ui-datepicker .ui-state-active,.ui-datepicker .ui-widget-content .ui-state-active,.ui-datepicker .ui-widget-header .ui-state-active,.ui-datepicker a.ui-button:active,.ui-datepicker .ui-button:active,.ui-datepicker .ui-button.ui-state-active:hover {
    color:#fff;
    background:#0bd2a0;
    border:1px solid #0bd2a0
}
.c-check__input {
    display:none
}
.c-check__input:disabled {
    cursor:default
}
.c-check__input:disabled+span {
    cursor:default
}
.c-check__input:disabled+span::before {
    border:1px solid #95989a;
    background:#e2e2e2
}
.c-check__input:checked:disabled+span {
    cursor:default
}
.c-check__input:checked:disabled+span::after {
    background:url("/assets/img/common/ico-check-gray2.svg") no-repeat center center/contain !important
}
.c-check__input:checked:disabled+span::before {
    background:#e2e2e2;
    border:1px solid #95989a
}
.c-check__input--basic:checked+span::before {
    background-color:#0bb3d6
}
.c-check__input--mba:checked+span::before {
    background-color:#01267b
}
.c-check__input--c:checked+span::before {
    background-color:#ed964a
}
.c-check__input--hajl:checked+span::before {
    background-color:#5477db
}
.c-check__input--nail:checked+span::before {
    background-color:#f27e7e
}
.c-check__input--psych:checked+span::before {
    background-color:#9dce3a
}
.c-check__input--jp:checked+span::before {
    background-color:#44c0e2
}
.c-check__input:checked+span::after {
    content:"";
    display:block;
    width:7px;
    height:6px;
    box-sizing:border-box;
    background:url("/assets/img/common/ico-check-white.svg") no-repeat center center/contain;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:5px
}
.c-check__input:checked+span::before {
    border:solid transparent 1px
}
.c-check__label {
    cursor:pointer;
    text-align:left;
    display:inline-block;
    position:relative;
    padding-left:21px
}
.c-check__label span::before {
    content:"";
    display:block;
    width:15px;
    height:15px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    border:solid #ddd 1px;
    border-radius:4px;
    background-color:#fff;
    cursor:pointer
}
.c-radio {
    cursor:pointer
}
.c-radio__radio {
    display:none
}
.c-radio__radio:checked+.c-radio__txt::before {
    content:""
}
.c-radio__radio:checked+.c-radio__txt::after {
    box-sizing:border-box;
    content:"";
    position:absolute;
    top:50%;
    left:4px;
    transform:translateY(-50%);
    display:block;
    border-radius:50%;
    width:8px;
    height:8px
}
.c-radio__radio--basic:checked+.c-radio__txt::before {
    border:solid 1px #0bb3d6
}
.c-radio__radio--basic:checked+.c-radio__txt::after {
    background-color:#0bb3d6
}
.c-radio__radio--mba:checked+.c-radio__txt::before {
    border:solid 1px #01267b
}
.c-radio__radio--mba:checked+.c-radio__txt::after {
    background-color:#01267b
}
.c-radio__radio--c:checked+.c-radio__txt::before {
    border:solid 1px #ed964a
}
.c-radio__radio--c:checked+.c-radio__txt::after {
    background-color:#ed964a
}
.c-radio__radio--hajl:checked+.c-radio__txt::before {
    border:solid 1px #5477db
}
.c-radio__radio--hajl:checked+.c-radio__txt::after {
    background-color:#5477db
}
.c-radio__radio--nail:checked+.c-radio__txt::before {
    border:solid 1px #f27e7e
}
.c-radio__radio--nail:checked+.c-radio__txt::after {
    background-color:#f27e7e
}
.c-radio__radio--psych:checked+.c-radio__txt::before {
    border:solid 1px #9dce3a
}
.c-radio__radio--psych:checked+.c-radio__txt::after {
    background-color:#9dce3a
}
.c-radio__radio--jp:checked+.c-radio__txt::before {
    border:solid 1px #44c0e2
}
.c-radio__radio--jp:checked+.c-radio__txt::after {
    background-color:#44c0e2
}
.c-radio__txt {
    font-size:1.6rem;
    line-height:normal;
    font-weight:500;
    position:relative;
    padding:0 0 0 21px
}
.c-radio__txt::before {
    box-sizing:border-box;
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    border-radius:50%;
    border:solid 1px #ddd;
    background:#fff;
    width:16px;
    height:16px
}
.c-select {
    position:relative;
    width:100%
}
.c-select select {
    width:100%;
    padding:0 24px 0 10px;
    box-sizing:border-box;
    background:#fff;
    color:#2b2b2b;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:1.4rem;
    line-height:38px;
    font-weight:400
}
.c-select select:disabled {
    pointer-events:none
}
.c-select::before {
    position:absolute;
    background:url("/assets/img/common/ico-arrow-black-bold-bottom.svg") no-repeat center center/contain;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    width:10px;
    height:6px;
    padding:0;
    content:"";
    pointer-events:none;
    z-index:9
}
.c-textarea {
    width:100%;
    height:100%;
    font-family:inherit;
    font-size:1.6rem;
    background-color:#fff;
    border:solid 1px #ddd;
    border-radius:4px;
    padding:16px;
    text-align:left;
    resize:vertical;
    box-sizing:border-box
}
.c-textarea:disabled {
    pointer-events:none
}
.c-textbox {
    position:relative;
    width:100%;
    padding:0 12px;
    height:40px;
    line-height:40px;
    position:relative;
    font-size:1.6rem;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    box-sizing:border-box
}
.c-textbox:disabled {
    pointer-events:none
}
.c-toggle__label {
    transition:all .2s;
    display:block;
    position:relative;
    width:80px;
    height:24px;
    border-radius:24px;
    cursor:pointer;
    background-color:#afafaf
}
.c-toggle__label::before {
    transition:all .2s;
    display:block;
    content:attr(data-off-label);
    position:absolute;
    top:3px;
    right:14px;
    color:#fff;
    font-size:1.2rem;
    color:#cecece
}
.c-toggle__label::after {
    transition:all .2s;
    content:"";
    position:absolute;
    top:2px;
    left:2px;
    width:20px;
    height:20px;
    background-color:#fff;
    border-radius:50%
}
.c-toggle__input {
    display:none
}
.c-toggle__input:checked+span::before {
    content:attr(data-on-label);
    left:18px;
    right:auto;
    color:#fff
}
.c-toggle__input:checked+span::after {
    left:58px;
    background-color:#f7f7f7
}
.c-toggle__input--basic:checked+span {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.c-toggle__input--mba:checked+span {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.c-toggle__input--c:checked+span {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.c-toggle__input--hajl:checked+span {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.c-toggle__input--nail:checked+span {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.c-toggle__input--psych:checked+span {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.c-toggle__input--jp:checked+span {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.loading {
    width:100vw;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    background:rgba(255,255,255,.5);
    -webkit-animation:fadein .25s ease-out forwards;
    animation:fadein .25s ease-out forwards
}
.loading svg {
    width:100px;
    height:100px;
    fill:none;
    stroke:#0bd69b;
    stroke-width:10;
    stroke-linecap:round;
    stroke-dasharray:230 230;
    -webkit-animation:loader 1.4s infinite cubic-bezier(0.4, 0, 0.3, 1),loading 1.2s infinite linear;
    animation:loader 1.4s infinite cubic-bezier(0.4, 0, 0.3, 1),loading 1.2s infinite linear;
    vertical-align:middle
}
.c-modal {
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9999
}
.c-modal__inner {
    width:100%;
    height:100%;
    text-align:center;
    padding:48px 0;
    overflow:auto;
    white-space:nowrap
}
.c-modal__inner::after {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:1px;
    height:100%
}
.c-modal__overlay {
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,.33);
    width:100%;
    height:100%
}
.c-modal__contents {
    max-width:680px;
    width:60%;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    background:#fff;
    white-space:normal;
    border-radius:6px
}
.c-modal__close {
    position:absolute;
    top:20px;
    right:20px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#e5e5d5;
    padding:1px 5px
}
.c-modal__close img {
    display:block
}
.c-modal--basic .simplebar-scrollbar:before {
    background:#0bb3d6
}
.c-modal--jp .simplebar-scrollbar:before {
    background:#44c0e2
}
.c-modal--mba .simplebar-scrollbar:before {
    background:#01267b
}
.c-modal--c .simplebar-scrollbar:before {
    background:#ed964a
}
.c-modal--hajl .simplebar-scrollbar:before {
    background:#5477db
}
.c-modal--nail .simplebar-scrollbar:before {
    background:#f27e7e
}
.c-modal--psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.c-modal__open {
    cursor: pointer;
}
.c-modal__open:hover {
    opacity: 0.8;
}
.c-pager {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.c-pager__item {
    margin:0 5px
}
.c-pager__item.is-active span {
    padding:8px 14px;
    color:#0bd59b;
    border:1px solid #0bd59b
}
.c-pager__item a {
    padding:10px 10px
}
.c-pager__item-more span {
    padding:10px 10px
}
.c-pager__item-previous,.c-pager__item-next {
    width:40px;
    height:40px;
    position:relative;
    margin:0 35px
}
.c-pager__item-previous:before,.c-pager__item-next:before {
    content:"";
    display:inline-block;
    width:10px;
    height:15px;
    background:url("/assets/img/common/ico-arrow-white-left.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.c-pager__item-previous::before,.c-pager__item-next::before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.c-pager__item-previous a,.c-pager__item-next a {
    width:100%;
    height:100%
}
.c-pager__item-previous--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    border-radius:20px;
}
.c-pager__item-previous--mba {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.c-pager__item-previous--c {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.c-pager__item-previous--hajl {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.c-pager__item-previous--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.c-pager__item-previous--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.c-pager__item-previous--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.c-pager__item-next::before {
    background-image:url("/assets/img/common/ico-arrow-white-right.svg")
}
.c-pager__item-next--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    border-radius:20px;
}
.c-pager__item-next--mba {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.c-pager__item-next--c {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.c-pager__item-next--hajl {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.c-pager__item-next--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.c-pager__item-next--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.c-pager__item-next--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.c-roundTab {
    display:flex;
    box-shadow:0 0 0 1px #dbdad7 inset;
    width:100%;
    border-radius:27px;
    overflow:hidden;
    background:#fff
}
.c-roundTab__item {
    flex:1;
    border-right:1px solid #dbdad7;
    text-align:center
}
.c-roundTab__item:last-of-type {
    border-right:none
}
.c-roundTab__item__btn {
    width:100%;
    line-height:1.4;
    padding:10px 0;
    font-size:1.4rem;
    font-weight:bold
}
.c-roundTab__item__btn.is-active--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--basic:hover {
    opacity:1
}
.c-roundTab__item__btn.is-active--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--jp:hover {
    opacity:1
}
.c-roundTab__item__btn.is-active--mba {
    background:linear-gradient(to right, #87acd1, #01267b);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--mba:hover {
    opacity:1
}
.c-roundTab__item__btn.is-active--c {
    background:linear-gradient(to right, #edc7a6, #ed964a);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--c:hover {
    opacity:1
}
.c-roundTab__item__btn.is-active--hajl {
    background:linear-gradient(to right, #9baee5, #5477db);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--hajl:hover {
    opacity:1
}
.c-roundTab__item__btn.is-active--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--nail:hover {
    opacity:1
}
.c-roundTab__item__btn.is-active--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a);
    color:#fff;
    cursor:default
}
.c-roundTab__item__btn.is-active--psych:hover {
    opacity:1
}
.c-roundTab__content {
    display:none
}
.c-roundTab__content.is-active {
    display:block
}
.c-baseTab {
    position:relative;
    display:flex;
    align-items:flex-end;
    width:100%;
    height:77px;
    padding:0 24px;
    z-index:0
}
.c-baseTab-basic::before {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.c-baseTab-jp::before {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.c-baseTab-mba::before {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.c-baseTab-c::before {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.c-baseTab-hajl::before {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.c-baseTab-nail::before {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.c-baseTab-psych::before {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.c-baseTab::before {
    content:"";
    position:absolute;
    width:100%;
    height:4px;
    bottom:0;
    left:0;
    z-index:-2
}
.c-baseTab__item {
    position:relative;
    flex:1;
    margin:0 7px;
    overflow:hidden;
    border-radius:5px 5px 0 0
}
.c-baseTab__item--active {
    height:77px
}
.c-baseTab__btn {
    width:100%;
    height:62px;
    font-size:1.6rem;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700;
    border-radius:5px 5px 0 0;
    display:flex;
    justify-content:center;
    align-items:center
}
.c-baseTab__btn span {
    position:relative;
    text-align:center
}
.c-baseTab__btn.is-unread span::after {
    display:block;
    width:7px;
    height:7px;
    background:#e6183f;
    border-radius:7px;
    border:1px solid #fff;
    position:absolute;
    content:"";
    right:-11px;
    top:-4px
}
.c-baseTab__btn--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    color:#fff
}
.c-baseTab__btn--basic.is-active::before {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.c-baseTab__btn--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2);
    color:#fff
}
.c-baseTab__btn--jp.is-active::before {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.c-baseTab__btn--mba {
    background:linear-gradient(to right, #87acd1, #01267b);
    color:#fff
}
.c-baseTab__btn--mba.is-active::before {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.c-baseTab__btn--c {
    background:linear-gradient(to right, #edc7a6, #ed964a);
    color:#fff
}
.c-baseTab__btn--c.is-active::before {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.c-baseTab__btn--hajl {
    background:linear-gradient(to right, #a5d8e6, #44c0e2);
    color:#fff
}
.c-baseTab__btn--hajl.is-active::before {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.c-baseTab__btn--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e);
    color:#fff
}
.c-baseTab__btn--nail.is-active::before {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.c-baseTab__btn--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a);
    color:#fff
}
.c-baseTab__btn--psych.is-active::before {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.c-baseTab__btn.is-active {
    position:relative;
    margin:5px 5px 0 5px;
    width:calc(100% - 10px);
    min-height:66px;
    background:#fff;
    border-radius:3px 3px 0 0;
    box-sizing:border-box;
    cursor:default;
    color:#000
}
.c-baseTab__btn.is-active::before {
    position:absolute;
    content:"";
    right:0;
    top:0;
    bottom:1px;
    left:0;
    margin:-5px -5px 0 -5px;
    border-radius:5px 5px 0 0;
    z-index:-1
}
.c-baseTab__btn.is-active:hover {
    opacity:1
}
.c-baseTab__content {
    display:none
}
.c-baseTab__content.is-active {
    display:block
}
.c-primary-head {
    position:relative;
    margin-bottom:56px
}
.c-primary-head__title {
    font-size:3.2rem;
    font-weight:bold
}
.c-primary-head__lead {
    margin-top:32px;
    font-weight:500
}
.c-primary-head__btn {
    font-size:1.4rem;
    line-height:1.4285714286;
    padding:10px 26px;
    border-radius:30px;
    font-weight:700;
    text-align:center;
    max-width:100%
}
.c-primary-head__btn__wrap {
    position:absolute;
    right:0;
    top:0
}
.c-primary-head__btn--border {
    color:#2b2b2b;
    background:#fff !important;
    box-shadow:0 0 0 2px #2b2b2b inset
}
.c-primary-head__btn--fill {
    color:#fff
}
.c-secondary-head {
    position:relative
}
.c-secondary-head__title {
    font-size:2.4rem;
    line-height:1;
    font-weight:bold;
    padding-bottom:30px;
    margin:0 0 32px 0;
    border-bottom:1px solid #262626
}
.l-content {
    margin-top:80px
}
.l-content__inner {
    display:flex
}
.l-content .l-main {
    flex-grow:1;
    flex-shrink:1;
    min-width:0
}
.l-content .l-main__inner {
    margin:32px auto 100px;
    width:calc(100% - 104px);
    max-width:1080px
}
.l-content .l-main__inner--stretch {
    width:100%;
    max-width:100%
}
.l-foot-globalNav {
    display:none
}
.l-footer {
    width:100%;
    overflow:hidden;
    margin-top:auto
}
.l-footer__backToTop {
    width:100%;
    height:40px;
    margin:0 0 64px 0;
    position:relative
}
.l-footer__backToTop:before {
    content:"";
    display:inline-block;
    width:10px;
    height:15px;
    background:url("/assets/img/common/ico-arrow-white-up.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-footer__backToTop::before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.l-footer__backToTop--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.l-footer-nav {
    width:100%;
    margin:0 0 64px 0
}
.l-footer-nav__list {
    display:flex;
    justify-content:center;
    width:70%;
    margin:0 auto
}
.l-footer-nav__item {
    margin:0 32px 0 0
}
.l-footer-nav__item:last-child {
    margin:0
}
.l-footer-nav__item a {
    font-weight:500
}
.l-footer-nav__item--link a {
    display:flex;
    align-items:center
}
.l-footer-nav__item--link a:after {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:auto;
    background:url("/assets/img/common/ico-link-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-footer-nav__item--link a::after {
    margin:0 0 0 6px
}
.l-footer-nav__item--info a {
    display:flex;
    align-items:center
}
.l-footer-nav__item--info a:before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    background:url("/assets/img/common/ico-info-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-footer-nav__item--info a::before {
    margin:0 4px 0 0
}
.l-footer-nav__item--video a {
    display:flex;
    align-items:center
}
.l-footer-nav__item--video a:before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    background:url("/assets/img/common/ico-video-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-footer-nav__item--video a::before {
    margin:0 4px 0 0
}
.l-footer__copyright {
    font-size:1.2rem;
    font-weight:500;
    margin:0 0 101px;
    text-align:center
}
.l-header {
    width:100%;
    border-bottom:.5px solid #d6d6d6;
    position:fixed;
    background:#fff;
    z-index:110
}
.l-header--large .l-header__inner {
    height:108px
}
.l-header--large .l-header-nav__item {
    height:74px;
    background-size:45px 45px
}
.l-header--large .l-header-nav__item--elearning {
    background-size:57px 45px
}
.l-header--large .l-header-nav__item__profile-img {
    width:45px;
    height:45px;
    border-radius:50%
}
.l-header--large .l-header-nav__item__btn {
    height:74px
}
.l-header--large .l-header-nav__item__text {
    font-size:1.4rem;
    color:#4c4c4c
}
.l-header--large .l-header-nav__item__badge {
    top:-5px;
    width:24px;
    height:24px;
    font-size:1.3rem;
    padding:3px 0 0 0
}
.l-header--large .l-header-nav__item--message .l-header-nav__item__text {
    font-size:1.2rem;
    margin-bottom:1px;
    letter-spacing:-0.05rem
}
.l-header--large .l-header-newArrival {
    top:100px;
    left:50%;
    transform:translateX(-50%)
}
.l-header--large .l-header-newArrival.is-active:before {
    left:50%;
    margin:auto;
    left:50%;
    transform:translateX(-50%)
}
.l-header__inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:80px;
    padding:0 32px
}
.l-header__left-wrapper {
    width:258px;
    flex-shrink:0
}
.l-header__logo {
    height:52px
}
.l-header__logo a {
    height:100%
}
.l-header__logo img {
    display: block;
    height:100%;
    object-fit: contain;
}
.l-header-nav {
    padding:0 0 0 0px;
    width:100%
}
@media only screen and (min-width: 1367px) {
    .l-header-nav {
        padding:0 0 0 32px
    }
}
.l-header-nav__notice-wrap {
    display:flex
}
.l-header-nav__notice__btn {
    display:flex
}
.l-header-nav__notice__content {
    display:none
}
.l-header-nav__list {
    display:flex
}
.l-header-nav__item {
    height:50px;
    display:flex;
    align-items:center;
    flex-direction:column;
    position:relative;
    margin-right:20px;
    cursor:pointer;
    background-size:30px 30px
}
.l-header-nav__item__btn {
    height:50px;
    min-width:50px;
    justify-content:center;
    display:flex;
    align-items:flex-end;
    position:relative;
    transition:all .25s ease-out 0s;
    cursor:pointer
}
.l-header-nav__item__btn:hover {
    background-color:rgba(255,255,255,.5);
    background-blend-mode:lighten
}
.l-header-nav__item__btn:hover .l-header-nav__item__text {
    opacity:.7
}
.l-header-nav__item--right {
    position:relative;
    margin:0 0 0 auto;
    display:flex;
    align-items:center
}
.l-header-nav__item--right a:hover {
    color:#2b2b2b;
    text-decoration:none
}
.l-header-nav__item--right .l-header-nav__item:last-of-type {
    margin-right:0;
    min-width:40px
}
.l-header-nav__item__text {
    font-weight:700;
    font-size:1rem;
    transition:all .25s ease-out 0s
}
.l-header-nav__item__badge {
    min-width:19px;
    height:19px;
    background:#e6183f;
    border-radius:19px;
    text-align:center;
    color:#fff;
    font-size:1rem;
    font-family:"Lato";
    font-weight:bold;
    position:absolute;
    left:calc(50% + 8px);
    top:0;
    padding:3px 0 0 0px
}
.l-header-nav__item--notice {
    display:none
}
.l-header-nav__item--acount .l-header-nav__item__profile-img img {
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.l-header-nav__item--news {
    background:url("/assets/img/common/ico-header-news.svg") center top no-repeat
}
.l-header-nav__item--message {
    background:url("/assets/img/common/ico-header-message.svg") center top no-repeat
}
.l-header-nav__item--elearning {
    background:url("/assets/img/common/ico-header-elearning.svg") center top no-repeat
}
.l-header-nav__item--chat {
    background:url("/assets/img/common/ico-header-chat.svg") center top no-repeat
}
.l-header-nav__item--inquiry {
    background:url("/assets/img/common/ico-header-inquiry.svg") center top no-repeat
}
.l-header-nav__item--search {
    background:url("/assets/img/common/ico-header-search.svg") center top no-repeat
}
.l-header-nav__item--lecturerMessage {
    background:url("/assets/img/common/ico-header-message-acount.svg") center top no-repeat
}
.l-header-nav__item--switch {
    width:159px;
    background:#2b2b2b;
    border-radius:36px;
    margin:0 36px 0 0;
    padding:2px 0 3px;
    min-height:26px;
    text-align:center
}
.l-header-nav__item--switch span {
    position:relative;
    font-size:1.2rem;
    font-weight:bold;
    text-align:center;
    color:#fff;
    padding:0 18px 0 33px
}
.l-header-nav__item--switch span:before {
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    left:10px;
    top:50%;
    background:url(/assets/img/common/ico-reload.svg) center center no-repeat;
    background-size:contain;
    transform:translateY(-50%)
}
.l-header-nav__item__profile-img {
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    min-height:30px;
    border-radius:16px;
    overflow:hidden;
    margin:auto;
    border:1px solid #e5e5e5
}
.l-header-nav__item__profile-img img {
    min-width:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.l-header__language-select {
    min-width:130px;
    margin-right:23px
}
.l-header__language-select select {
    width:150px;
    padding-left:30px
}
.l-header__language-select:after {
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    top:50%;
    left:10px;
    transform:translateY(-50%);
    z-index:9;
    background:url("/assets/img/common/ico-planet.svg") center center no-repeat
}
.l-header__language-select:before {
    background:url("/assets/img/common/ico-dropdown-arrows.svg") center center no-repeat;
    height:15px
}
.l-header-newArrival {
    display:none;
    position:absolute;
    background:#fff;
    top:70px;
    left:-20px;
    width:600px;
    height:auto;
    padding:24px
}
.l-header-newArrival.l-newArrival-chat {
    width:315px
}
.l-header-newArrival.is-active {
    display:block;
    filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
    border-radius:6px
}
.l-header-newArrival.is-active:before {
    display:block;
    content:"";
    position:absolute;
    top:-30px;
    left:40px;
    margin-left:-15px;
    border:20px solid transparent;
    border-bottom:20px solid #fff
}
.l-header-newArrivalFaq {
    position:absolute;
    top:70px;
    right:10px;
    display:none
}
.l-header-newArrivalFaq__box {
    background:#fff;
    width:320px;
    height:auto;
    padding:16px;
    filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
    border-radius:6px
}
.l-header-newArrivalFaq__box:before {
    display:block;
    content:"";
    position:absolute;
    top:-30px;
    right:45px;
    margin-left:-15px;
    border:20px solid transparent;
    border-bottom:20px solid #fff
}
.l-header-newArrivalFaq--jp {
    top:100px;
    right:35px
}
.l-header-newArrivalFaq__closeArea {
    width:100%;
    display:flex;
    align-items:center;
    padding:7px 16px;
    margin-bottom:16px
}
.l-header-newArrivalFaq__closeArea--basic {
    background:#0bd69b
}
.l-header-newArrivalFaq__closeArea--jp {
    background:#44c0e2
}
.l-header-newArrivalFaq__closeArea--mba {
    background:#01267b
}
.l-header-newArrivalFaq__closeArea--c {
    background:#ed964a
}
.l-header-newArrivalFaq__closeArea--hajl {
    background:#5477db
}
.l-header-newArrivalFaq__closeArea--nail {
    background:#f27e7e
}
.l-header-newArrivalFaq__closeArea--psych {
    background:#9dce3a
}
.l-header-newArrivalFaq__closeTxt {
    color:#fff
}
.l-header-newArrivalFaq__closeBtn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    margin-left:auto;
    background:#fff;
    border-radius:50%
}
.l-header-newArrivalFaq__question {
    margin:24px 0 32px
}
.l-header-newArrivalFaq__questionBtn {
    max-width:156px;
    background:#2b2b2b;
    color:#fff;
    margin:0 auto
}
.l-header-newArrivalFaq__txt {
    font-size:1.2rem;
    font-weight:500;
    margin-bottom:24px
}
.l-newArrival-news__tab {
    margin:0 0 24px 0
}
.l-newArrival-news__list {
    height:320px;
    margin-top:24px;
    padding:0 17px 0 0;
    overflow-y:auto
}
.l-newArrival-news__item {
    border-bottom:1px solid #e8e8e2;
    padding-bottom:16px;
    margin-bottom:16px
}
.l-newArrival-news__item a {
    color:#2b2b2b;
    text-decoration:none
}
.l-newArrival-news__item:last-of-type {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0
}
.l-newArrival-news__head {
    display:flex;
    align-items:center;
    margin-bottom:8px
}
.l-newArrival-news__head__circle {
    background:#0bb3d6;
    width:12px;
    height:12px;
    border-radius:6px;
    margin-right:14px
}
.l-newArrival-news__head__arrow {
    display:flex;
    margin-right:9px
}
.l-newArrival-news__head__date {
    font-size:1.4rem;
    font-weight:bold;
    margin-right:6px
}
.l-newArrival-news__head__platform {
    background:#0bd69b;
    color:#fff;
    padding:2px 10px;
    margin-right:8px;
    font-size:1.2rem;
    border-radius:2px;
    height:23px
}
.l-newArrival-news__head__platform--basic {
    background:#0bb3d6
}
.l-newArrival-news__head__platform--jp {
    background:#44c0e2
}
.l-newArrival-news__head__platform--mba {
    background:#01267b
}
.l-newArrival-news__head__platform--c {
    background:#ed964a
}
.l-newArrival-news__head__platform--hajl {
    background:#5477db
}
.l-newArrival-news__head__platform--nail {
    background:#f27e7e
}
.l-newArrival-news__head__platform--psych {
    background:#9dce3a
}
.l-newArrival-news__head__category,.l-newArrival-news__head__info {
    font-weight:bold;
    font-size:1.2rem;
    background:#fff;
    border:1px solid #d0d0d0;
    border-radius:2px;
    padding:2px 10px
}
.l-newArrival-news__head__category--important,.l-newArrival-news__head__info--important {
    font-weight:bold;
    font-size:1.2rem;
    color:#fff;
    margin-right:8px;
    border-radius:2px;
    font-weight:500;
    padding:3px 0 3px 23px !important;
    background:#c70000;
    border:none;
    position:relative;
    width:53px;
    height:23px
}
.l-newArrival-news__head__category--important::after,.l-newArrival-news__head__info--important::after {
    content:"";
    width:13px;
    height:13px;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    background:url(/assets/img/common/ico-important-white.svg) center center no-repeat;
    position:absolute
}
.l-newArrival-news__head__info {
    border:1px solid #000
}
.l-newArrival-news__head__info.is-grey {
    padding:3px 14px;
    background:#f0f0f0;
    border:none
}
.l-newArrival-news__head__new {
    font-family:"Lato",sans-serif
}
.l-newArrival-news__new {
    font-family:"Lato",sans-serif
}
.l-newArrival-news__body {
    display:flex;
    align-items:center
}
.l-newArrival-news__body__txt {
    line-height:24px;
    font-weight:500;
    flex-shrink:10;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.l-newArrival-news__body__txt.is-unread {
    font-weight:bold
}
.l-newArrival-news__body__avatar {
    flex-shrink:0;
    height:38px;
    width:38px;
    border:1px solid #ebebea;
    border-radius:50%;
    margin-right:8px;
    overflow:hidden
}
.l-newArrival-news__body__avatar {
    flex-shrink:0;
    height:38px;
    width:38px;
    border:1px solid #ebebea;
    border-radius:50%;
    margin-right:8px;
    overflow:hidden
}
.l-newArrival-chat__item {
    border-bottom:1px solid #e8e8e2;
    padding-bottom:16px;
    margin-bottom:16px
}
.l-newArrival-chat__item:last-of-type {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0
}
.l-newArrival-chat__body {
    display:flex;
    align-items:center
}
.l-newArrival-chat__body-text-wrap {
    flex:1
}
.l-newArrival-chat__body__avatar {
    flex-shrink:0;
    height:45px;
    width:45px;
    border:1px solid #ebebea;
    border-radius:50%;
    margin-right:15px;
    overflow:hidden
}
.l-newArrival-chat__body-title {
    font-size:12px;
    color:#41464b;
    opacity:.6
}
.l-newArrival-chat__body__txt {
    line-height:24px;
    font-weight:500;
    flex-shrink:10;
    width:153px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.l-newArrival-chat__body__txt.is-unread {
    font-weight:bold
}
.l-newArrival-chat__body-unread-count {
    min-width:19px;
    height:19px;
    background:#e6183f;
    border-radius:19px;
    text-align:center;
    color:#fff;
    font-size:1rem;
    font-family:"Lato";
    font-weight:bold;
    padding:3px 0 0 0px
}
.l-globalNav {
    width:240px;
    flex-shrink:0;
    background-color:#fafaf7
}
@media only screen and (min-width: 1367px) {
    .l-globalNav {
        width:290px
    }
}
.l-globalNav__profile {
    width:100%;
    position:relative;
    padding:56px 0 0px;
    height:306px
}
.l-globalNav__profile::before {
    content:"";
    position:absolute;
    bottom:0;
    left:0px;
    width:100%;
    height:45px;
    box-shadow:0 24px 0 0 #fafaf7;
    border-bottom-left-radius:50%;
    border-bottom-right-radius:50%
}
.l-globalNav__profile--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.l-globalNav__profile__list {
    display:flex;
    flex-direction:column;
    text-align:center;
    width:89%;
    margin:0 auto;
    height:auto
}
.l-globalNav__profile__kana {
    order:2;
    color:#fff
}
.l-globalNav__profile__name {
    font-size:1.6rem;
    line-height:2.25;
    color:#fff;
    font-weight:700;
    order:3
}
.l-globalNav__profile__img {
    width:80px;
    height:80px;
    margin:0 auto 11px;
    order:1;
    overflow:hidden;
    border-radius:45px
}
.l-globalNav__profile__img img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.l-globalNav__profile__id {
    font-size:1.2rem;
    line-height:1.4166666667;
    color:#fff;
    font-weight:700;
    order:4;
    margin:0 0 16px
}
.l-globalNav__profile__whiteBorderBtn {
    order:5;
    margin:0 auto;
    width:154px
}
.l-globalNav__profile__whiteBorderBtn:hover {
    color:#fff;
    text-decoration:none
}
.l-globalNav__slideBtn {
    width:32px;
    height:32px;
    border-radius:32px;
    background:#fff;
    position:absolute;
    top:12px;
    right:12px;
    transition:all .3s
}
.l-globalNav__slideBtn::before {
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    background-image:url(/assets/img/common/ico-arrow-black-left.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:7px;
    height:10px;
    content:""
}
.l-globalNav__content {
    padding:40px 0 40px 0
}
.l-globalNav__platform {
    max-width:266px;
    width:91.7%
}
.l-globalNav__platform-list {
    margin:0 0 24px
}
.l-globalNav__platform-list.is-active {
    margin:0
}
.l-globalNav__platform-list:last-child {
    margin:0 0 40px
}
.l-globalNav__platform-item {
    font-size:1.8rem;
    line-height:2.2777777778;
    color:#fff;
    font-weight:700;
    padding:0 0 0 32px;
    border-radius:0 36px 36px 0;
    margin:0 0 32px
}
.l-globalNav__platform-item:hover {
    color:#fff;
    text-decoration:none
}
.l-globalNav__platform-item:last-child {
    margin:0
}
.l-globalNav__platform-item--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.l-globalNav__pf-nav {
    border-top:1px dashed #707070;
    padding:14px 0 14px 36px
}
.l-globalNav__pf-nav__item {
    margin:0 0 8px;
    position:relative
}
.l-globalNav__pf-nav__item:last-of-type {
    margin-bottom:0
}
.l-globalNav__pf-nav__item a {
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:-0.025rem
}
.l-globalNav__pf-nav__item--link a {
    padding:0 0 0 0;
    justify-content:space-between;
    display:flex;
    align-items:center
}
.l-globalNav__pf-nav__item--link a:after {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:auto;
    background:url("/assets/img/common/ico-link-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__pf-nav:first-child {
    margin-bottom:0;
    border-top:none;
    padding:0 0 14px 36px
}
.l-globalNav__accordion {
    margin:0 16px 0 32px
}
.l-globalNav__accordion a:hover {
    color:#2b2b2b;
    text-decoration:none
}
.l-globalNav__accordion-wrap {
    border-bottom:1px dashed #707070
}
.l-globalNav__accordion-wrap:first-child>:first-child {
    margin:0 0 16px
}
.l-globalNav__accordion-wrap:last-child {
    border-bottom:none
}
.l-globalNav__accordion-wrap:last-child>:last-child {
    border-bottom:none
}
.l-globalNav__accordion-term {
    font-size:1.38rem;
    line-height:1.5294117647;
    color:#000;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    margin:20px 0;
    position:relative;
    padding-right:32px
}
.l-globalNav__accordion-term.is-open {
    padding-right:0;
    margin:20px 0 12px
}
.l-globalNav__accordion-term.is-open .l-globalNav__accordion-term__badge {
    opacity:0;
    visibility:hidden;
    transition:opacity .3s
}
.l-globalNav__accordion-term--communication {
    letter-spacing:-2px
}
.l-globalNav__accordion-term--communication.is-open {
    letter-spacing:0
}
.l-globalNav__accordion-term__badge {
    min-width:19px;
    height:19px;
    background:#e6183f;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:1rem;
    font-family:"Lato";
    font-weight:bold;
    padding:3px 3px 0;
    position:absolute;
    right:14px;
    top:0;
    bottom:0;
    margin:auto;
    opacity:1;
    visibility:visible;
    transition:opacity .3s
}
.l-globalNav__accordion-term-groupChat {
    font-size:1.7rem;
    line-height:1.5294117647;
    color:#000;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    margin:18px 0 19px;
    position:relative
}
.l-globalNav__accordion-term-groupChat::before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:25px;
    height:25px;
    margin:0 12px 0 0
}
.l-globalNav__accordion-term-groupChat--search::before {
    background:url(/assets/img/common/ico-header-search.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--mail::before {
    background:url(/assets/img/common/ico-header-inquiry.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--chat::before {
    background:url(/assets/img/common/ico-header-chat.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--message::before {
    background:url(/assets/img/common/ico-header-message.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--info::before {
    background:url(/assets/img/common/ico-header-news.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--reservation::before {
    background:url(/assets/img/common/ico-header-acount.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--link::before {
    background:url(/assets/img/common/ico-search.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat--questionnaire::before {
    background:url(/assets/img/common/ico-questionnaire.svg) center center no-repeat;
    background-size:contain
}
.l-globalNav__accordion-term-groupChat__img {
    margin-top:32px
}
.l-globalNav__accordion-term::after {
    content:"";
    display:block;
    margin:0 0 0 auto;
    border-right:5px solid transparent;
    border-top:9px solid #000;
    border-left:5px solid transparent;
    position:absolute;
    right:0;
    margin:auto
}
.l-globalNav__accordion-term.is-open::after {
    border-top:none;
    border-bottom:9px solid #000
}
.l-globalNav__accordion-term::before {
    margin:0 12px 0 0
}
.l-globalNav__accordion-term--school:before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background:url("/assets/img/common/ico-book-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-term--communication:before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background:url("/assets/img/common/ico-people-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-term--paper:before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background:url("/assets/img/common/ico-paper-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-term--support:before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background:url("/assets/img/common/ico-headphone-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-term--faq:before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background:url("/assets/img/common/ico-fileUser-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-term--assist:before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background:url("/assets/img/common/ico-fileUser-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-term--ssc:before {
    content:"";
    display:inline-block;
    width:24px;
    height:24px;
    background:url("/assets/img/common/ico-calendar-ssc.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__accordion-content {
    padding:0 0 0 16px;
    display:none
}
.l-globalNav__accordion-content--nest {
    padding:0 0 0 16px;
    display:none
}
.l-globalNav__accordion-content--nest .l-globalNav__accordion-desc {
    font-size:1.4rem;
    margin-bottom:8px
}
.l-globalNav__accordion-content--nest .l-globalNav__accordion-desc:last-child {
    margin:0 0 16px
}
@media only screen and (max-width: 1366px) {
    .l-globalNav__accordion-content--nest {
        padding:0 0 0 16px !important
    }
}
.l-globalNav__accordion-content.is-active {
    display:block
}
.l-globalNav__accordion-content--first {
    padding:0
}
.l-globalNav__accordion-desc {
    font-size:1.6rem;
    line-height:normal;
    color:#000;
    font-weight:500;
    margin:0 0 8px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.l-globalNav__accordion-desc a:hover {
    color:#2b2b2b;
    text-decoration:none
}
.l-globalNav__accordion-desc:last-child {
    margin:0 0 25px
}
.l-globalNav__accordion-desc--accordion-term {
    position:relative
}
.l-globalNav__accordion-desc--accordion-term::after {
    content:"";
    display:block;
    margin:0 0 0 auto;
    border-right:5px solid transparent;
    border-top:9px solid #000;
    border-left:5px solid transparent;
    position:absolute;
    right:0;
    margin:auto
}
.l-globalNav__accordion-desc--accordion-term.is-open::after {
    border-top:none;
    border-bottom:9px solid #000
}
.l-globalNav__accordion-desc__badge {
    min-width:19px;
    height:19px;
    background:#e6183f;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:1rem;
    font-family:"Lato";
    font-weight:bold;
    padding:3px 3px 0
}
.l-globalNav__accordion-desc__badge--double {
    border-radius:10px
}
.l-globalNav__accordion-desc--link:after {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:auto;
    background:url("/assets/img/common/ico-link-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__label {
    display:flex;
    align-items:center;
    margin:0 20px 48px 32px
}
.l-globalNav__label-txt {
    font-size:1rem;
    line-height:normal;
    color:#5f5f5f;
    font-weight:500;
    background:#ededed;
    padding:3px 5px;
    border-radius:3px
}
.l-globalNav__label-txt:first-child {
    margin:0 6px 0 0
}
.l-globalNav__humanLink {
    max-width:266px;
    width:91.7%
}
.l-globalNav__humanLink-item {
    margin:0 16px 25px 32px;
    height:126px;
    background:#fff;
    border-radius:6px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2.4rem
}
.l-globalNav__list {
    width:89%;
    margin:0 0 0 32px;
    height:auto
}
.l-globalNav__desc {
    margin:0 0 16px;
    width:83%;
    max-width:215px
}
.l-globalNav__desc:last-child {
    margin:0
}
.l-globalNav__desc a {
    font-size:1.4rem;
    line-height:normal;
    color:#000;
    font-weight:500;
    display:flex;
    align-items:center;
    border-bottom:1px dashed #707070
}
.l-globalNav__desc--link a {
    padding:0 8px 12px 0;
    justify-content:space-between
}
.l-globalNav__desc--link a:after {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:auto;
    background:url("/assets/img/common/ico-link-black.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__desc--logout a {
    padding:0 8px 12px 0
}
.l-globalNav__desc--logout a:before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:8px;
    background:url("/assets/img/common/ico-logout.svg") center center no-repeat;
    background-size:contain;
    vertical-align:middle
}
.l-globalNav__contract--mba {
    margin:0 0 0 32px
}
.l-globalNav__contract--mba .l-globalNav__contract-item {
    font-size:1rem;
    line-height:1.7;
    color:#000;
    font-weight:500;
    display:inline-block;
    padding:2px 4px;
    border-radius:3px;
    background-color:#ededed
}
.l-globalNav.is-slide {
    transition:width .3s;
    width:34px
}
.l-globalNav.is-slide .l-globalNav__profile::before,.l-globalNav.is-slide .l-globalNav__profile__list,.l-globalNav.is-slide .l-globalNav__content {
    display:none
}
.l-globalNav.is-slide.l-globalNav--jp,.l-globalNav.is-slide .l-globalNav__profile {
    background:#44c0e2
}
.l-globalNav.is-slide .l-globalNav__slideBtn {
    left:0;
    right:0;
    margin:auto;
    transform:rotate(180deg)
}
.l-globalNav.is-slide.l-globalNav--ssc,.l-globalNav.is-slide.l-globalNav--ssc .l-globalNav__profile {
    background:#0bb7d0
}
.l-globalNav--ssc .l-globalNav__slideBtn {
    width:25px;
    height:25px
}
@media only screen and (max-width: 1366px) {
    .l-globalNav {
        width:240px
    }
    .l-globalNav__accordion {
        margin:0 16px 0 20px
    }
    .l-globalNav__accordion-desc {
        font-size:1.4rem
    }
    .l-globalNav__accordion-content {
        padding:0 0 0 34px
    }
    .l-globalNav__accordion-content.is-active {
        padding:0 0 0 34px
    }
    .l-globalNav__accordion-term {
        font-size:1.38rem
    }
    .l-globalNav__accordion-term::before {
        width:22px;
        height:22px;
        margin:0 8px 0 0
    }
    .l-globalNav__platform-item {
        font-size:1.6rem;
        padding:0 0 0 20px
    }
    .l-globalNav__label {
        margin:0 16px 48px 20px
    }
}
.p-error {
    padding:72px 0;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:100%;
    flex-grow:1
}
.p-error__logo {
    max-width:85px;
    margin:0 auto
}
.p-error__container {
    max-width:572px;
    margin:0 auto;
    text-align:center
}
.p-error__title,.p-error__subtitle {
    color:#939393;
    font-family:"Lato",sans-serif;
    line-height:57px
}
.p-error__title {
    margin:32px auto 0;
    font-size:4.8rem
}
.p-error__subtitle {
    font-size:3.2rem
}
.p-error__desc-message {
    margin-top:48px;
    font-size:1.4rem;
    line-height:32px
}
.p-error__link {
    max-width:240px;
    margin:44px auto 0
}
.p-group-chat-category__newBtn {
    max-width:170px;
    margin-left:auto
}
.p-group-chat-category__head {
    padding:10px 16px;
    font-size:1.4rem;
    border-top:solid 1px #262626
}
.p-group-chat-category__delete {
    margin-left:24px
}
.p-commCreate {
    position:relative;
    margin-bottom:100px
}
.p-commCreate__main-ttl {
    margin-bottom:40px
}
.p-commCreate__link {
    position:relative;
    margin-left:20px;
    font-size:1.8rem;
    display:inline-block
}
.p-commCreate__link:before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:100%;
    top:50%;
    margin-top:-10px;
    background:url("/assets/img/common/ico-arrow-black-left.svg") center center no-repeat
}
.p-commCreate__inner {
    margin:10px 0 0 0
}
.p-commCreate-condition {
    background:#f7f7f3;
    padding:24px;
    display:flex;
    border-radius:6px;
    margin-bottom:40px
}
.p-commCreate-condition__ttl {
    font-size:1.6rem;
    font-weight:700
}
.p-commCreate-condition__left {
    width:40%
}
.p-commCreate-condition__left__item {
    display:flex;
    margin-bottom:12px
}
.p-commCreate-condition__left__label {
    margin-right:5px
}
.p-commCreate-condition__left__box {
    display:flex;
    height:226px;
    align-items:center;
    text-align:center;
    font-weight:500;
    justify-content:center
}
.p-commCreate-condition__left__box ul li {
    text-align:center
}
.p-commCreate-condition__left__btn-wrap {
    display:flex;
    justify-content:center
}
.p-commCreate-condition__set-btn {
    height:40px;
    width:144px;
    margin-right:10px
}
.p-commCreate-condition__clear-btn {
    width:124px;
    height:40px
}
.p-commCreate-condition__right {
    width:60%
}
.p-commCreate-condition__search {
    padding-left:40px
}
.p-commCreate-condition__search-wrap {
    position:relative;
    max-width:332px;
    width:100%;
    margin-bottom:12px
}
.p-commCreate-condition__search-wrap::before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    background:url("/assets/img/common/ico-search-black.svg");
    width:16px;
    height:16px;
    left:16px;
    content:"";
    z-index:99;
    background-size:contain;
    background-repeat:no-repeat
}
.p-commCreate-condition__table {
    white-space:nowrap;
    width:100%;
    overflow-y:auto;
    max-height:230px;
    padding-bottom:16px
}
.p-commCreate-condition__table a {
    display:inline
}
.p-commCreate-condition__table table {
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all;
    background:#fff
}
.p-commCreate-condition__table table th,.p-commCreate-condition__table table td {
    vertical-align:middle;
    text-align:left
}
.p-commCreate-condition__table table th {
    padding:8px 12px
}
.p-commCreate-condition__table table th:first-of-type {
    padding-left:24px
}
.p-commCreate-condition__table table td {
    font-weight:500;
    padding:10px 8px
}
.p-commCreate-condition__table table td:first-of-type {
    padding-left:24px
}
.p-commCreate-condition__table table td:last-of-type {
    padding:10px 24px 10px 8px
}
.p-commCreate-condition__table thead {
    width:100%;
    box-shadow:inset 0 -1px 0 0 #262626;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1;
    background:#fff
}
.p-commCreate-condition__table thead th {
    text-align:left;
    box-shadow:inset 0 1px 0 0 #262626
}
.p-commCreate-condition__table thead th:last-of-type {
    width:360px;
    text-align:left
}
.p-commCreate-condition__table tbody {
    max-height:230px;
    overflow-y:auto
}
.p-commCreate-condition__table tbody td:last-of-type,.p-commCreate-condition__table tbody th:last-of-type {
    width:360px;
    text-align:left
}
.p-commCreate-condition__table tbody a {
    text-decoration:underline
}
.p-commCreate-condition__table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2;
    background:#fff;
    height:40px
}
.p-commCreate-condition__table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.p-commCreate-send {
    display:block;
    background:#efefe4;
    padding:24px;
    z-index:2;
    border-radius:6px
}
.p-commCreate-send__top-wrap {
    display:flex;
    margin-bottom:12px
}
.p-commCreate-send__top-wrap__item {
    margin-right:32px;
    width:32%;
    display:flex;
    max-width:290px;
    align-items:center
}
.p-commCreate-send__middle-wrap {
    display:flex;
    margin-bottom:12px
}
.p-commCreate-send__middle-wrap__item {
    margin-right:32px;
    display:flex;
    align-items:center
}
.p-commCreate-send__bottom-wrap {
    display:flex;
    margin-bottom:12px;
    align-items:center
}
.p-commCreate-send__radio+.c-radio__txt {
    margin-right:12px
}
.p-commCreate-send__input-label {
    white-space:nowrap;
    margin-right:16px;
    font-size:1.4rem
}
.p-commCreate-send__calender {
    max-width:150px;
    width:100%
}
.p-commCreate-send__select {
    max-width:220px;
    width:100%
}
.p-commCreate-send__reply {
    margin:0 0 13px;
    display:flex;
    align-items:center
}
.p-commCreate-send__reply::before {
    content:"";
    display:block;
    background:url(/assets/img/common/ico-arrow-black-rightBack.svg) no-repeat center center;
    width:13px;
    height:10px;
    flex-shrink:0;
    margin:0 6px 0 0
}
.p-commCreate-send__btn-wrap {
    margin-top:8px;
    display:flex;
    justify-content:space-between
}
.p-commCreate-send__btn-wrap--msg {
    justify-content:flex-end
}
.p-commCreate-send__btn-wrap__left {
    display:flex;
    align-items:center;
    margin:0 12px 0 auto
}
.p-commCreate-send__btn-wrap__left-ttl {
    flex-shrink:0;
    font-weight:400;
    margin:0 15px 0 0
}
.p-commCreate-send__btn-wrap__right {
    display:flex
}
.p-commCreate-send__select-statusBox {
    width:225px
}
.p-commCreate-send__garbage-btn {
    margin:0;
    padding:0
}
.p-commCreate-send__duplicate-btn {
    width:100px;
    margin-right:16px
}
.p-commCreate-send__submit-btn {
    width:100px
}
.p-commDetail {
    position:relative;
    margin-bottom:100px
}
.p-commDetail__info {
    background:#f7f7f1;
    padding:24px;
    margin:24px 0;
    display:flex;
    flex-wrap:wrap
}
.p-commDetail__info__box {
    margin:0 24px 24px 0;
    display:flex
}
.p-commDetail__info__box:last-of-type {
    margin-bottom:0
}
.p-commDetail__info__box--multiple {
    width:100%
}
.p-commDetail__info__ttl {
    font-weight:700;
    padding-right:4px
}
.p-commDetail__info__txt {
    flex:1;
    font-weight:500
}
.p-commDetail__info__txt a {
    color:#0bb3d6
}
.p-commDetail__link {
    position:relative;
    margin:0 0 16px 20px;
    font-size:1.8rem;
    display:inline-block
}
.p-commDetail__link:before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:100%;
    top:50%;
    margin-top:-10px;
    background:url("/assets/img/common/ico-arrow-black-left.svg") center center no-repeat
}
.p-commDetail__inner {
    margin:10px 0 0 0
}
.p-commDetail-receive__school {
    font-weight:500;
    margin-bottom:12px;
    font-size:1.2rem
}
.p-commDetail-receive__backBtn {
    display:flex;
    align-items:center;
    cursor:pointer;
    font-size:1.8rem
}
.p-commDetail-receive__backBtn-left {
    width:7px;
    height:10px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("/assets/img/common/ico-arrow-black-left.svg");
    margin-right:8px
}
.p-commDetail-receive__wrapper {
    margin:0 32px
}
.p-commDetail-receive__item {
    border-bottom:none;
    margin-top:40px;
    padding:0
}
.p-commDetail-receive__head {
    margin-bottom:25px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.p-commDetail-receive__head-left {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-grow:1
}
.p-commDetail-receive__head-left-wrap {
    display:flex;
    align-items:center
}
.p-commDetail-receive__category {
    font-weight:bold;
    font-size:1.2rem;
    color:#fff;
    padding:3px 11px;
    margin-right:8px;
    font-family:"Lato",sans-serif;
    border-radius:2px
}
.p-commDetail-receive__category--important {
    width:53px;
    height:23px;
    font-weight:500;
    padding:0 0 1px 23px;
    background:#c70000;
    position:relative;
    display:flex;
    align-items:center
}
.p-commDetail-receive__category--important::after {
    content:"";
    width:13px;
    height:13px;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-important-white.svg") center center no-repeat;
    position:absolute
}
.p-commDetail-receive__label {
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:23px;
    font-size:1.2rem;
    border:1px solid #d0d0d0;
    border-radius:2px;
    font-family:"Lato",sans-serif;
    font-weight:bold;
    color:#2b2b2b;
    padding:1px 7px;
    line-height:1.9;
    background:#fff
}
.p-commDetail-receive__date {
    color:#9d9d9d;
    margin-right:12px;
    font-family:"NotoSansJP",sans-serif;
    font-size:1.4rem;
    font-weight:500
}
.p-commDetail-receive__right {
    display:flex;
    align-items:center
}
.p-commDetail-receive__star {
    width:21px;
    height:19.5px;
    cursor:pointer;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("/assets/img/common/ico-star.svg")
}
.p-commDetail-receive__star.is-active {
    background-image:url("/assets/img/common/ico-star-active.svg")
}
.p-commDetail-receive__body {
    position:relative;
    margin-bottom:32px
}
.p-commDetail-receive__body-txt {
    font-size:1.8rem;
    font-weight:bold
}
.p-commDetail-receive__content {
    font-size:1.4rem;
    font-weight:500;
    margin-top:10px;
    color:#2b2b2b
}
.p-commDetail-receive__content a {
    color:#0bb3d6
}
.p-commDetail-receive__ttl {
    font-weight:500;
    color:#2b2b2b
}
.p-commDetail-receive__message {
    margin:40px 0 56px
}
.p-commDetail-receive__message-head {
    display:flex;
    align-items:center;
    margin:0 0 16px
}
.p-commDetail-receive__message-important {
    font-size:1.2rem;
    color:#fff;
    margin-right:8px;
    font-family:"Lato",sans-serif;
    border-radius:2px;
    width:53px;
    height:23px;
    font-weight:500;
    padding:0 0 1px 23px;
    background:#c70000;
    position:relative;
    display:flex;
    align-items:center
}
.p-commDetail-receive__message-important::after {
    content:"";
    width:13px;
    height:13px;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-important-white.svg") center center no-repeat;
    position:absolute
}
.p-commDetail-receive__message-category {
    font-size:1.1rem;
    margin:0 26px 0 0;
    border:1px solid #d0d0d0;
    border-radius:2px;
    padding:0 8px;
    line-height:20px
}
.p-commDetail-receive__message-reply {
    font-size:1.6rem
}
.p-commDetail-receive__message-ttl {
    font-size:1.8rem;
    margin:0 0 8px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    white-space:initial
}
.p-commDetail-receive__message-content {
    display:flex;
    align-items:flex-start;
    padding:32px 0;
    border-bottom:1px solid rgba(148,148,148,.3);
    position:relative
}
.p-commDetail-receive__message-content.is-reply::before {
    content:"";
    position:absolute;
    left:0;
    top:10px;
    background:url("/assets/img/common/ico-arrow-blue-left.svg") no-repeat center center/contain;
    width:18px;
    height:14px
}
.p-commDetail-receive__message-content:last-child {
    border-bottom:none;
    padding:32px 0 0
}
.p-commDetail-receive__message-profile {
    position:relative;
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #707070;
    overflow:hidden;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-commDetail-receive__message-profile img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-commDetail-receive__message-body-head {
    display:flex;
    align-items:center;
    margin:0 0 8px
}
.p-commDetail-receive__message-name {
    font-size:1.6rem;
    margin:0 8px 0 0
}
.p-commDetail-receive__message-date {
    color:#9d9d9d
}
.p-commDetail-receive__message-read {
    margin:0 0 0 auto;
    color:#9d9d9d
}
.p-commDetail-receive__message-read.is-unread {
    color:#e72449
}
.p-commDetail-receive__message-txt {
    font-size:1.6rem;
    word-break:break-all
}
.p-commDetail-receive__message-txt a {
    color:#0bb3d6
}
.p-commDetail-receive__bottom-btn {
    display:flex;
    align-items:center;
    justify-content:center
}
.p-commDetail-receive__bottom-btn button {
    max-width:160px
}
.p-commDetail-receive__bottom-restore {
    margin:0 16px 0 0
}
.p-commDetail-send__pager {
    display:flex;
    justify-content:flex-end;
    font-weight:500;
    padding:0 12px 0 0;
    margin:16px 32px 0 0
}
.p-commDetail-send__pager-btn {
    position:relative
}
.p-commDetail-send__pager-btn button {
    border-bottom:1px solid #2b2b2b;
    padding:0;
    font-family:inherit;
    font-weight:inherit
}
.p-commDetail-send__pager-previous {
    margin-right:32px
}
.p-commDetail-send__pager-previous::before {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-left.svg);
    top:57%;
    left:-12px;
    transform:translateY(-50%)
}
.p-commDetail-send__pager-next::after {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-right.svg);
    top:57%;
    right:-12px;
    transform:translateY(-50%)
}
.p-commDetail-status__box {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    background-color:rgba(235,235,225,.4);
    margin-top:18px;
    padding:16px 20px
}
.p-commDetail-status__box-left {
    font-size:1.6rem;
    font-weight:500;
    min-width:80px;
    background:#e5e5d9;
    border-radius:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px 16px
}
.p-commDetail-status__box-left.is-green {
    background:#0bd69b;
    color:#fff
}
.p-commDetail-status__box-left.is-red {
    background-color:#e6183f;
    color:#fff
}
.p-commDetail-status__box-left.is-purple {
    background-color:#aa8cff;
    color:#fff
}
.p-commDetail-status__box-left.is-gray {
    background-color:#d3d3d3
}
.p-commDetail-status__box-right {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:1;
    margin:0 0 0 16px
}
.p-commDetail-status__box-right-ttl {
    color:#333;
    font-weight:normal;
    white-space:nowrap;
    margin-right:15px
}
.p-commDetail-status__box-right-btn {
    background:linear-gradient(to right, #0bd69b 0%, #0bb3d6 100%);
    margin:0 36px 0 16px;
    padding:4px 11px;
    color:#fff;
    border-radius:5px;
    font-size:1.2rem;
    line-height:1.35;
    font-family:inherit;
    font-weight:inherit
}
.p-commDetail-status__box-right-btn--adjust {
    margin:0 0 0 16px
}
.p-commDetail-status__box-select {
    max-width:185px;
    width:100%;
    padding:0 24px 0 10px;
    box-sizing:border-box;
    background:#fff;
    color:#2b2b2b;
    border:1px solid #ddd;
    border-radius:4px 0 0 4px;
    font-size:1.4rem;
    line-height:38px;
    font-weight:normal
}
.p-commDetail-status__box-select-area {
    position:relative;
    flex:1;
    max-width:185px
}
.p-commDetail-status__box-select-area::before {
    position:absolute;
    background:url(/assets/img/common/ico-arrow-black-bold-bottom.svg) no-repeat center center/contain;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    width:10px;
    height:6px;
    padding:0;
    content:"";
    pointer-events:none;
    z-index:9
}
.p-commDetail-status__box-select-area::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:89%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-commDetail-status__box-select-area:disabled {
    pointer-events:none
}
.p-commDetail-status__box-submit {
    color:#fff;
    background:linear-gradient(to right, #0bd69b 0%, #0bb3d6 100%);
    width:60px;
    height:40px;
    padding:10px 16px;
    border-radius:0px 5px 5px 0px;
    cursor:pointer;
    transition:all .25s ease-out 0s;
    margin-left:-1px;
    z-index:1;
    font-weight:700
}
.p-commDetail-status__box-submit:hover {
    opacity:.7
}
.p-commDetail-status__box-submit--left {
    margin-right:16px
}
.p-commDetail-status__box-delete {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-garbage-gray.svg") no-repeat center center/cover;
    margin-left:20px
}
.p-commDetail-condition {
    background:#f7f7f3;
    padding:24px;
    border-radius:6px;
    margin:40px 0
}
.p-commDetail-condition__inner {
    display:flex;
    margin-top:10px
}
.p-commDetail-condition__ttl {
    font-size:1.6rem;
    font-weight:700
}
.p-commDetail-condition__left {
    width:30%;
    margin-right:24px
}
.p-commDetail-condition__left__item {
    display:flex;
    margin-bottom:12px
}
.p-commDetail-condition__left__label {
    margin-right:5px
}
.p-commDetail-condition__left__box {
    font-weight:500;
    justify-content:center
}
.p-commDetail-condition__left__box ul li {
    text-align:center
}
.p-commDetail-condition__left-table {
    white-space:nowrap;
    width:100%;
    overflow-y:auto;
    display:none;
    border-top:1px solid #e0e0d0
}
.p-commDetail-condition__left-table.is-active {
    display:block
}
.p-commDetail-condition__left-table__tab {
    display:flex;
    justify-content:center;
    align-items:flex-end;
    margin:0 0 0 0
}
.p-commDetail-condition__left-table__tab__item {
    background:#e0e0d0;
    padding:6px 12px;
    max-width:110px;
    border-radius:6px 6px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    height:31px;
    margin:0 8px 0 0
}
.p-commDetail-condition__left-table__tab__item span {
    font-weight:700;
    font-size:1.2rem
}
.p-commDetail-condition__left-table__tab__item:last-of-type {
    margin-right:0
}
.p-commDetail-condition__left-table__tab__item.is-active {
    height:43px;
    margin-bottom:-1px;
    background:#fff;
    border-left:1px solid #e0e0d0;
    border-top:1px solid #e0e0d0;
    border-right:1px solid #e0e0d0
}
.p-commDetail-condition__left-table table {
    width:100%
}
.p-commDetail-condition__left-table tr {
    border-bottom:1px solid #f7f7f3
}
.p-commDetail-condition__left-table th {
    background:#efefe4;
    width:78px;
    padding:12px 6px
}
.p-commDetail-condition__left-table td {
    text-align:left;
    background:#fff;
    padding:12px 6px 12px 16px
}
.p-commDetail-condition__set-btn {
    height:40px;
    width:144px;
    margin-right:10px
}
.p-commDetail-condition__clear-btn {
    width:124px;
    height:40px
}
.p-commDetail-condition__right {
    flex:1
}
.p-commDetail-condition__search {
    padding-left:40px
}
.p-commDetail-condition__search-wrap {
    position:relative;
    max-width:332px;
    width:100%;
    margin-bottom:12px
}
.p-commDetail-condition__search-wrap::before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    background:url("/assets/img/common/ico-search-black.svg");
    width:16px;
    height:16px;
    left:16px;
    content:"";
    z-index:99;
    background-size:contain;
    background-repeat:no-repeat
}
.p-commDetail-condition__table {
    white-space:nowrap;
    width:100%;
    overflow-y:auto;
    height:230px;
    padding-bottom:16px
}
.p-commDetail-condition__table a {
    display:inline;
    text-decoration:underline
}
.p-commDetail-condition__table table {
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all
}
.p-commDetail-condition__table table th,.p-commDetail-condition__table table td {
    vertical-align:middle;
    text-align:left
}
.p-commDetail-condition__table table th:first-of-type,.p-commDetail-condition__table table td:first-of-type {
    width:100px;
    padding-left:24px
}
.p-commDetail-condition__table table th:last-of-type,.p-commDetail-condition__table table td:last-of-type {
    padding:10px 24px 10px 8px;
    text-align:center;
    width:120px
}
.p-commDetail-condition__table table th {
    padding:8px 12px
}
.p-commDetail-condition__table table td {
    font-weight:500;
    padding:10px 8px
}
.p-commDetail-condition__table table td:nth-of-type(2) {
    width:50%
}
.p-commDetail-condition__table table td .is-unread {
    color:#e6183f
}
.p-commDetail-condition__table thead {
    width:100%;
    box-shadow:inset 0 -1px 0 0 #262626;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1;
    background:#fff
}
.p-commDetail-condition__table thead th {
    text-align:left;
    box-shadow:inset 0 1px 0 0 #262626
}
.p-commDetail-condition__table tbody {
    max-height:230px;
    overflow-y:auto
}
.p-commDetail-condition__table tbody a {
    text-decoration:underline
}
.p-commDetail-condition__table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2;
    background:#fff
}
.p-commDetail-condition__table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.p-commDetail-condition__pager {
    display:flex;
    gap:40px;
    color:#2b2b2b;
    font-size:1.4rem;
    font-weight:500;
    margin-bottom:10px
}
.p-commDetail-condition__pager-right {
    display:flex
}
.p-commDetail-condition__pager-btn {
    position:relative
}
.p-commDetail-condition__pager-btn button {
    border-bottom:1px solid #2b2b2b;
    padding:0;
    font-family:inherit;
    font-weight:inherit
}
.p-commDetail-condition__pager-previous {
    margin-right:32px
}
.p-commDetail-condition__pager-previous::before {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-left.svg);
    top:57%;
    transform:translateY(-50%);
    left:-12px
}
.p-commDetail-condition__pager-next::after {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-right.svg);
    top:57%;
    transform:translateY(-50%);
    right:-12px
}
.p-commDetail-condition__btn-wrap {
    display:flex;
    justify-content:center;
    margin-top:24px
}
.p-commList {
    position:relative;
    padding:0
}
.p-commList__ttl {
    margin:0 0 20px
}
.p-commList__head-btn {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 48px
}
.p-commList__head-btn-double {
    display:flex;
    align-items:center;
    width:36%;
    justify-content:flex-end
}
.p-commList__create-btn,.p-commList__folder-btn,.p-commList__garbage-btn {
    max-width:160px
}
.p-commList__garbage-btn {
    margin:0 0 0 16px
}
.p-commList__create-supply-btn {
    max-width:170px
}
.p-commList__tab {
    margin:0 0 24px
}
.p-commList__tab--msg .c-baseTab__item:nth-child(3) a,.p-commList__tab--msg .c-baseTab__item:nth-child(4) a,.p-commList__tab--msg .c-baseTab__item:nth-child(5) a {
    height:42px;
    background:#0bb3d5
}
.p-commList__tab--msg .c-baseTab__btn.is-active {
    min-height:81px;
    background:#fff !important
}
.p-commList__tab--msg .c-baseTab__btn.is-active span {
    font-weight:700
}
.p-commList__tab--msg .c-baseTab__btn span {
    font-weight:400;
    line-height:1.2
}
.p-commList__detail-backBtn {
    display:flex;
    align-items:center;
    cursor:pointer;
    font-size:1.8rem
}
.p-commList__detail-backBtn-left {
    width:7px;
    height:10px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("/assets/img/common/ico-arrow-black-left.svg");
    margin-right:8px
}
.p-commList__wrapper,.p-commList__wrapper-detail {
    margin:0 32px
}
.p-commList__top-wrap {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.p-commList__pager {
    display:flex;
    gap:40px;
    color:#2b2b2b;
    font-size:1.4rem;
    font-weight:500;
    margin:0 24px 0 0
}
.p-commList__pager-right {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-commList__pager-btn {
    position:relative
}
.p-commList__pager-btn button {
    border-bottom:1px solid #2b2b2b;
    padding:0;
    font-family:inherit;
    font-weight:inherit;
    white-space:nowrap
}
.p-commList__pager-previous {
    margin-right:32px
}
.p-commList__pager-previous::before {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-left.svg);
    top:57%;
    left:-12px;
    transform:translateY(-50%)
}
.p-commList__pager-next::after {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-right.svg);
    top:57%;
    right:-12px;
    transform:translateY(-50%)
}
.p-commList__check-wrap {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-commList__important-check {
    height:40px;
    background-color:#fafaf7;
    border-radius:2px;
    padding:12px 15px;
    color:#373a3c;
    font-weight:500;
    margin-right:16px
}
.p-commList__important-checkbox label {
    margin:0 16px 0 0
}
.p-commList__important-checkbox label:last-child {
    margin:0
}
.p-commList__filter-btn {
    width:118px;
    right:0
}
.p-commList__csv-btn {
    width:138px;
    margin:0 15px 0 0
}
.p-commList__list {
    margin:40px 0 120px 0;
    border-top:1px solid #e8e8e2
}
.p-commList__item-content {
    display:none;
    padding:0 24px 24px;
    background:#faf8f7
}
.p-commList__item {
    border-bottom:1px solid #e8e8e2;
    padding:24px 18px 24px
}
.p-commList__item.is-active {
    background:#fffcf8
}
.p-commList__item--new .p-commList__left-wrap {
    margin-left:20px;
    position:relative
}
.p-commList__item--new .p-commList__left-wrap::before {
    content:"";
    background-color:#0bb3d6;
    width:10px;
    height:10px;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:-20px;
    transform:translateY(-50%)
}
.p-commList__item--detail {
    border-bottom:none;
    margin-top:56px;
    padding:0
}
.p-commList__item-title {
    margin-left:26px;
    display:flex;
    align-items:center;
    gap:13px;
    color:#9d9d9d
}
.p-commList__item-title p {
    max-width:648px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.p-commList__head {
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.p-commList__left {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-grow:1
}
.p-commList__left-wrap {
    display:flex;
    align-items:center
}
.p-commList__category {
    font-weight:bold;
    font-size:1.2rem;
    color:#fff;
    padding:3px 11px;
    margin-right:8px;
    font-family:"Lato",sans-serif;
    border-radius:2px
}
.p-commList__category.disabled {
    display:none
}
.p-commList__category--important {
    width:53px;
    height:23px;
    font-weight:500;
    padding:0 0 1px 23px;
    background:#c70000;
    position:relative;
    display:flex;
    align-items:center
}
.p-commList__category--important::after {
    content:"";
    width:13px;
    height:13px;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-important-white.svg") center center no-repeat;
    position:absolute
}
.p-commList__category--basic {
    background:#0bd69b
}
.p-commList__category--mba {
    background:#01267b
}
.p-commList__category--c {
    background:#ed964a
}
.p-commList__category--hajl {
    background:#5477db
}
.p-commList__category--nail {
    background:#f27e7e
}
.p-commList__category--psych {
    background:#9dce3a
}
.p-commList__category--jp {
    background:#44c0e2
}
.p-commList__class {
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:23px;
    font-size:1.2rem;
    border:1px solid #d0d0d0;
    border-radius:2px;
    font-family:"Lato",sans-serif;
    font-weight:bold;
    color:#2b2b2b;
    padding:1px 7px;
    line-height:1.9;
    background:#fff
}
.p-commList__class--new {
    margin-left:20px;
    position:relative
}
.p-commList__class--new::before {
    content:"";
    background-color:#0bb3d6;
    width:10px;
    height:10px;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:-20px;
    transform:translateY(-50%)
}
.p-commList__school {
    font-size:1.2rem;
    margin-left:8px;
    font-weight:500
}
.p-commList__school.is-unread {
    font-weight:700
}
.p-commList__right {
    display:flex;
    align-items:center
}
.p-commList__date {
    color:#9d9d9d;
    margin-right:12px;
    font-family:"NotoSansJP",sans-serif;
    font-size:1.4rem;
    font-weight:500
}
.p-commList__star {
    width:21px;
    height:19.5px;
    cursor:pointer;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("/assets/img/common/ico-star.svg")
}
.p-commList__star.is-active {
    background-image:url("/assets/img/common/ico-star-active.svg")
}
.p-commList__body {
    position:relative
}
.p-commList__body--important {
    border-bottom:2px solid #e8e8e2;
    padding-bottom:15px
}
.p-commList__body::after {
    flex-shrink:0;
    width:10px;
    height:12px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("/assets/img/common/ico-arrow-black-right.svg");
    display:block;
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
.p-commList__body-txt {
    font-weight:500;
    max-width:948px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-right:16px
}
.p-commList__body-txt.is-unread {
    font-weight:bold;
    color:#2b2b2b;
    opacity:1
}
.p-commList__body-txt--detail {
    white-space:normal;
    font-size:1.8rem;
    font-weight:bold;
    margin-right:0;
    max-width:100%;
    color:#2b2b2b
}
.p-commList__detailContent {
    font-size:1.4rem;
    font-weight:500;
    margin-top:24px;
    color:#2b2b2b
}
.p-commList__bottom-pager {
    margin:0 0 120px
}
.p-commList-filterBox {
    display:none
}
.p-commList-filterBox.is-active {
    display:block
}
.p-commList-filterBox__wrap {
    width:564px;
    box-shadow:0px 3px 10px #00000029;
    border-radius:6px;
    background-color:#fafaf7;
    padding:16px 20px 24px;
    position:absolute;
    right:32px;
    z-index:10
}
.p-commList-filterBox__close-wrap {
    display:flex;
    justify-content:flex-end
}
.p-commList-filterBox__close {
    width:20px;
    height:20px;
    background-color:#eaeadc;
    position:relative;
    cursor:pointer;
    border-radius:50%;
    margin-bottom:8px
}
.p-commList-filterBox__close::after {
    content:"";
    width:11px;
    height:11px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-5px;
    margin-left:-5px;
    background:url("/assets/img/common/ico-cross-gray.svg") center center no-repeat
}
.p-commList-filterBox__form-list {
    padding:18px;
    background:#fff
}
.p-commList-filterBox__form-input,.p-commList-filterBox__form-select {
    flex:1
}
.p-commList-filterBox__form-select {
    max-width:175px
}
.p-commList-filterBox__form-item {
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.p-commList-filterBox__form-item:not(:last-child) {
    margin-bottom:20px
}
.p-commList-filterBox__form-title {
    width:100px;
    font-size:1.4rem
}
.p-commList-filterBox__label {
    width:100%
}
.p-commList-filterBox__label:first-child {
    position:relative;
    margin-right:30px
}
.p-commList-filterBox__label:first-child:before {
    content:"縲�";
    width:15px;
    height:15px;
    position:absolute;
    top:50%;
    right:-23px;
    transform:translateY(-50%);
    font-size:14px;
    line-height:15px;
    text-align:center
}
.p-commList-filterBox__input--date {
    display:flex;
    align-items:center;
    width:100%;
    flex:1
}
.p-commList-filterBox__input--date p {
    padding:0 5px;
    font-weight:500
}
.p-commList-filterBox__input--checkbox {
    display:flex;
    color:#373a3c;
    font-weight:500
}
.p-commList-filterBox__checkbox {
    margin-right:20px
}
.p-commList-filterBox__buttons {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:25px
}
.p-commList-filterBox__btn {
    width:182px
}
.p-commList-filterBox__btn-reset {
    margin-right:23px
}
.p-commList-filterBox__btn-unread {
    background-color:#2b2b2b;
    color:#fff;
    font-weight:500
}
.p-commList-importantMessage {
    width:100%;
    border:2px solid #e8e8e2;
    border-radius:6px;
    margin-top:18px
}
.p-commList-importantMessage__top {
    padding:22px 24px 14px
}
.p-commList-importantMessage__top-left {
    color:#c70000
}
.p-commList-importantMessage__top-left p {
    padding:0 8px;
    font-weight:500;
    position:relative;
    margin-left:16px;
    font-weight:700
}
.p-commList-importantMessage__top-left p::before {
    content:"";
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-important-red.svg") center center no-repeat;
    position:absolute;
    left:-20px
}
.p-commList-importantMessage__list {
    padding:0 24px;
    margin-bottom:20px;
    overflow-y:hidden;
    margin-left:26px;
    max-height:90px
}
.p-commList-importantMessage__item {
    display:flex;
    align-items:center;
    font-weight:bold;
    line-height:2;
    color:#9d9d9d;
    white-space:nowrap
}
.p-commList-importantMessage__item span {
    font-size:1.2rem;
    margin-right:13px;
    font-family:"Lato",sans-serif
}
.p-commList-importantMessage__item p {
    font-size:1.4rem;
    max-width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
    flex:1
}
.p-commList-importantMessage .is-unread {
    color:#2b2b2b
}
.p-commList-importantMessage .is-unread::before {
    display:inline-block;
    content:"";
    background-color:#0bb3d6;
    width:10px;
    height:10px;
    border-radius:50%;
    margin-right:8px
}
.p-commTable {
    position:relative;
    padding:0
}
.p-commTable__wrapper {
    margin:0 32px
}
.p-commTable__top-wrap {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.p-commTable__top-wrap--inquiry {
    margin-top:24px
}
.p-commTable__top-wrap--inquiry .p-commTable-search {
    margin:0 0 0 !important
}
.p-commTable__content {
    margin:48px 0 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#fafaf7;
    border-radius:6px;
    box-shadow:0 0 0 4px #efefe4 inset;
    padding:24px 48px 24px 32px
}
.p-commTable__content-ttl {
    font-size:1.8rem;
    margin:0 0 16px
}
.p-commTable__content-txt {
    font-weight:500
}
.p-commTable__content-link {
    width:30px;
    height:30px;
    position:relative;
    background-color:#eaeadc;
    border-radius:50%
}
.p-commTable__content-link::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:url(/assets/img/common/ico-arrow-black-right.svg) no-repeat center center/contain;
    width:7px;
    height:10px
}
.p-commTable-search,.p-commTable-location {
    display:flex;
    align-items:center;
    margin:32px 0 0
}
.p-commTable-search__txt,.p-commTable-location__txt {
    font-weight:500;
    margin:0 15px 0 0
}
.p-commTable-search__select,.p-commTable-location__select {
    width:225px;
    position:relative
}
.p-commTable-search__select--sm,.p-commTable-location__select--sm {
    width:auto
}
.p-commTable-search__select-box,.p-commTable-location__select-box {
    max-width:225px
}
.p-commTable-search__select-box select,.p-commTable-location__select-box select {
    border-radius:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.p-commTable-search__btn,.p-commTable-location__btn {
    color:#fff;
    height:100%;
    padding:0 18px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-61px;
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-commTable-location {
    justify-content:flex-end;
    margin:24px 61px 38px 0
}
.p-commTable-table {
    width:100%;
    margin:16px 0 100px
}
.p-commTable-table thead {
    white-space:nowrap;
    border-top:1px solid #262626;
    border-bottom:1px solid #262626
}
.p-commTable-table th,.p-commTable-table td {
    text-align:center;
    padding:10px;
    vertical-align:middle
}
.p-commTable-table th.p-commTable-table__head-ttl,.p-commTable-table td.p-commTable-table__head-ttl {
    text-align:left;
    padding:10px 0 10px 10px
}
.p-commTable-table th.p-commTable-table__head-ttl--adjustmentLeft,.p-commTable-table td.p-commTable-table__head-ttl--adjustmentLeft {
    padding:10px 0 10px 24px
}
.p-commTable-table th.p-commTable-table__body-ttl,.p-commTable-table td.p-commTable-table__body-ttl {
    text-align:left
}
.p-commTable-table th.p-commTable-table__body-ttl--adjustmentLeft,.p-commTable-table td.p-commTable-table__body-ttl--adjustmentLeft {
    padding:10px 0 10px 24px
}
.p-commTable-table tbody tr {
    height:90px;
    border-bottom:1px solid rgba(148,148,148,.3)
}
.p-commTable-table tbody tr.p-commTable-table__tr-supply {
    height:76px
}
.p-commTable-table tbody tr.p-commTable-table__tr-msg {
    height:140px
}
.p-commTable-table__head-check {
    width:4%
}
.p-commTable-table__head-check label {
    width:15px;
    height:15px;
    padding:0;
    display:block;
    margin:0 auto
}
.p-commTable-table__head-check-box+span::before {
    border:1px solid #949494
}
.p-commTable-table__head-inCharge {
    width:13%
}
.p-commTable-table__head-state {
    width:7.5%
}
.p-commTable-table__head-date {
    width:11%
}
.p-commTable-table__head-list {
    width:10%
}
.p-commTable-table__head-edit {
    width:13%
}
.p-commTable-table__head-icon--garbage {
    width:5.5%
}
.p-commTable-table__head-back {
    width:5.5%
}
.p-commTable-table__head-receiveDate {
    width:19%
}
.p-commTable-table__body-check label {
    width:15px;
    height:15px;
    padding:0;
    display:block;
    margin:0 auto
}
.p-commTable-table__body-check-box+span::before {
    border:1px solid #949494
}
.p-commTable-table__body-state {
    font-size:1.1rem;
    line-height:22px
}
.p-commTable-table__body-state span {
    display:inline-block;
    width:64px;
    border-radius:11px
}
.p-commTable-table__body-state span.is-done {
    background-color:#d3d3d3
}
.p-commTable-table__body-state span.is-reserve {
    color:#fff;
    background-color:#0bd69b
}
.p-commTable-table__body-state span.is-red {
    color:#fff;
    background-color:#e6183f
}
.p-commTable-table__body-state span.is-green {
    color:#fff;
    background-color:#0bd69b
}
.p-commTable-table__body-state span.is-gray {
    background-color:#d3d3d3
}
.p-commTable-table__body-state span.is-purple {
    color:#fff;
    background-color:#aa8cff
}
.p-commTable-table__body-inCharge {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:33px 0 0
}
.p-commTable-table__body-inCharge-prof {
    width:24px;
    height:24px;
    border-radius:50%;
    border:1px solid #707070;
    overflow:hidden;
    margin:0 5px 0 0;
    flex-shrink:0
}
.p-commTable-table__body-inCharge-prof img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-commTable-table__body-inCharge-name {
    font-weight:400;
    flex-shrink:0
}
.p-commTable-table__body-ttl-wrap {
    display:inline-block;
    vertical-align:middle
}
.p-commTable-table__body-category {
    display:flex;
    align-items:center;
    text-align:left;
    font-size:1.2rem;
    margin:0 0 10px
}
.p-commTable-table__body-importantLabel {
    font-size:1.2rem;
    position:relative;
    color:#fff;
    padding:0 6px 0 23px;
    margin:0 16px 0 0;
    display:inline-block;
    line-height:23px;
    background:#c70000;
    border-radius:2px
}
.p-commTable-table__body-importantLabel::before {
    content:"";
    width:13px;
    height:13px;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    background:url(/assets/img/common/ico-important-white.svg) center center no-repeat;
    position:absolute
}
.p-commTable-table__body-label {
    border:1px solid #d0d0d0;
    border-radius:2px;
    padding:0 8px;
    display:inline-block;
    line-height:23px;
    margin:0 16px 0 0
}
.p-commTable-table__body-folder {
    font-weight:500;
    display:flex;
    align-items:center
}
.p-commTable-table__body-folder::before {
    content:"";
    display:block;
    background:url("/assets/img/common/ico-folder-gray.svg") no-repeat center center/contain;
    width:14px;
    height:14px;
    flex-shrink:0;
    margin:0 9px 0 0
}
.p-commTable-table__body-reply {
    font-weight:500;
    margin:0 16px 0 0
}
.p-commTable-table__body-txt {
    display:-webkit-box;
    text-align:left;
    overflow:hidden;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    margin:0 8px 0 0;
    position:relative
}
.p-commTable-table__body-txt--supply {
    font-weight:500
}
.p-commTable-table__body-txt.is-unread::before {
    content:"";
    background-color:#0bb3d6;
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin:0 14px 0 0
}
.p-commTable-table__body-person {
    display:flex;
    align-items:center;
    margin:10px 0 0
}
.p-commTable-table__body-prof {
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #707070;
    overflow:hidden;
    margin:0 14px 0 0;
    flex-shrink:0
}
.p-commTable-table__body-prof img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-commTable-table__body-desc {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    text-align:left;
    font-size:1.2rem;
    font-weight:500
}
.p-commTable-table__body-desc-name {
    margin:0 11px 0 0
}
.p-commTable-table__body-desc-label {
    margin:0;
    background:#f0f0f0;
    border-radius:2px;
    line-height:22px;
    padding:0 6px;
    display:inline-block
}
.p-commTable-table__body-supply,.p-commTable-table__body-unread,.p-commTable-table__body-date {
    font-size:1.2rem;
    font-weight:500
}
.p-commTable-table__body-date {
    white-space:nowrap
}
.p-commTable-table__body-date-upper {
    padding:0 28px 17px
}
.p-commTable-table__body-date-bottom {
    padding:9px 28px 0;
    border-top:1px solid rgba(148,148,148,.3)
}
.p-commTable-table__body-date-bottom.is-unread {
    padding:28px 0 0;
    border:none;
    color:#e6183f
}
.p-commTable-table__body-list-btn {
    white-space:nowrap;
    font-size:1.2rem;
    font-weight:inherit;
    font-family:inherit;
    padding:2px 7px;
    border:1px solid #d0d0d0;
    border-radius:2px;
    margin:0 auto
}
.p-commTable-table__body-garbage {
    cursor:pointer;
    width:20px;
    height:20px;
    padding:0;
    margin:0 auto
}
.p-commTable-table__body-restore {
    margin:0 auto
}
.p-commTable-table__body-editBtn {
    max-width:100px;
    margin:0 auto
}
.p-commTable-table__body-fireIcon img {
    max-width:none
}
#modulelist main {
    display:block;
    padding:0 0 50px;
    background:#fff
}
#modulelist main .nav {
    display:flex;
    flex-wrap:wrap;
    gap:3%
}
#modulelist main .nav li {
    width:30%;
    border-bottom:1px solid #ccc;
    padding:14px 0
}
#modulelist main .title {
    font-size:2rem;
    line-height:1.5;
    text-align:center;
    padding:10px 0
}
#modulelist main .title--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
#modulelist main .ico-code {
    display:inline-block;
    height:12px;
    width:12px;
    cursor:pointer;
    border:1px solid #aaa;
    background-size:6px 6px;
    background:url(/assets/img/common/ico-paper-black.svg),#f6f6f6;
    padding:8px;
    background-size:10px 10px;
    background-repeat:no-repeat;
    background-position:center center;
    border-radius:50%
}
#modulelist main .ico-code:hover {
    opacity:.5
}
#modulelist main pre {
    background:#333;
    color:#fff;
    margin:4px 0;
    font-size:1rem;
    border-radius:4px;
    display:none;
    padding-top:8px
}
#modulelist main .component__table {
    width:100%;
    border:1px solid #aaa;
    vertical-align:middle
}
#modulelist main .component__table tr {
    border:1px solid #aaa
}
#modulelist main .component__table th {
    border-right:1px solid #bbb;
    border-left:1px solid #bbb;
    padding:10px;
    font-weight:500;
    font-size:1.3rem;
    text-align:left
}
#modulelist main .component__table th span {
    background:#666;
    color:#fff;
    padding:0 3px;
    margin-right:3px;
    font-size:1rem
}
#modulelist main .component__table td {
    padding:10px;
    background:#f5f5f5;
    border-right:1px solid #bbb
}
#modulelist main .component__inner {
    width:min(80%,1200px);
    margin:40px auto
}
#modulelist main .component__notes {
    display:flex;
    border:3px solid #e6183f;
    border-radius:10px;
    padding:20px;
    margin:0 0 60px
}
#modulelist main .component__img {
    width:7%;
    margin:0 0 15px
}
#modulelist main .component__img img {
    width:58px;
    height:51px;
    min-width:auto
}
#modulelist main .component__howto {
    width:90%
}
#modulelist main .component__howto-ttl {
    margin:0 0 15px
}
#modulelist main .component__txt {
    font-size:1.4rem
}
#modulelist main .component__txt span {
    font-weight:700;
    color:#e6183f
}
#modulelist main .component__txt-margin {
    margin:0 0 6px
}
#modulelist main .component__txt-table {
    width:100%;
    border-collapse:collapse;
    margin:0 0 20px
}
#modulelist main .component__txt-table th {
    background:#f6f6f6
}
#modulelist main .component__txt-table th,#modulelist main .component__txt-table td {
    border:solid 2px #333;
    padding:6px 10px;
    text-align:center;
    vertical-align:middle
}
#modulelist main .component__txt-table th:first-child,#modulelist main .component__txt-table td:first-child {
    width:230px
}
#modulelist main .component__wrapper {
    padding:0 0 0 0;
    margin-bottom:25px;
    position:relative;
    background:#eee
}
#modulelist main .component__title {
    font-size:1.8rem;
    font-weight:700;
    line-height:1.5;
    margin:0 0 16px 0;
    color:#111;
    border-bottom:1px solid #aaa;
    padding:10px 10px 10px 0
}
#modulelist main .component__title span {
    display:block;
    font-weight:normal;
    font-size:1.3rem;
    margin:5px 0 0 0;
    color:#666
}
#modulelist main .component__grayBorderBtn-s {
    width:142px
}
#modulelist main .component__grayBorderBtn-m,#modulelist main .component__grayBorderBtn-l {
    width:212px
}
#modulelist main .component__whiteBorderBtn-l {
    width:212px
}
#modulelist main .component__blackBorderBtn-m {
    width:212px
}
#modulelist main .component__icon-blackBorderBtn-m {
    width:212px;
    font-size:1.6rem;
    padding:8px 10px
}
#modulelist main .component__btn-l {
    width:240px
}
#modulelist main .component__iconBtn-l {
    width:106px
}
#modulelist main .component__arrowRightBtn {
    width:160px
}
#modulelist main .component .radio-first {
    margin:0 20px 0 0
}
#modulelist main .component__accordion-trigger.is-open {
    background:#e6183f
}
#modulelist main .component__accordion-content {
    display:none
}
.p-group-chat-details-breadCrumd {
    display:flex;
    align-items:center;
    margin-bottom:25px
}
.p-group-chat-details-breadCrumd__txt {
    font-size:1.4rem;
    font-weight:500;
    margin-right:10px
}
.p-group-chat-details-breadCrumd__txt--blue {
    color:#0bb3d6
}
.p-group-chat-details-breadCrumd img {
    width:7px;
    min-width:0;
    height:10px;
    margin-right:10px
}
.p-group-chat-details-main {
    max-width:1080px;
    margin:auto;
    padding:0 32px;
    flex:1
}
.p-group-chat-details-pager__prev {
    display:flex;
    align-items:center;
    margin-bottom:56px
}
.p-group-chat-details-pager__prev img {
    width:5px;
    min-width:0;
    max-width:none;
    height:8px;
    margin-right:8px
}
.p-group-chat-details-pager__prev__txt {
    font-size:1.8rem;
    font-weight:700
}
.p-group-chat-details-info__ttl {
    font-size:2.4rem;
    font-weight:700;
    margin-bottom:16px
}
.p-group-chat-details-info-content {
    background:#fafaf7;
    display:flex;
    margin-bottom:48px;
    padding:24px 38px 24px 24px
}
.p-group-chat-details-info-content__leftArea {
    margin-right:24px
}
.p-group-chat-details-info-content__rightArea {
    flex-shrink:0;
    margin-left:auto;
    width:80px;
    height:80px
}
.p-group-chat-details-info-content__rightArea img {
    -o-object-fit:cover;
    object-fit:cover
}
.p-group-chat-details-info-content__ttl {
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:12px
}
.p-group-chat-details-info-content__txt {
    font-size:1.4rem;
    font-weight:500
}
.p-group-chat-details-member {
    margin-bottom:48px
}
.p-group-chat-details-member__ttlArea {
    display:flex;
    align-items:center;
    margin-bottom:16px;
    font-size:1.8rem;
    font-weight:700
}
.p-group-chat-details-member__ttl {
    margin-right:35px
}
.p-group-chat-details-member__list {
    height:297px;
    margin-top:24px;
    border-top:solid 1px #262626
}
.p-group-chat-details-member-item {
    padding:8px 16px;
    border-bottom:solid 1px #e8e8e2
}
.p-group-chat-details-member-item:nth-child(odd) {
    background:#fafaf7
}
.p-group-chat-details-member-item__content {
    display:flex;
    align-items:center
}
.p-group-chat-details-member-item__icon {
    flex-shrink:0;
    width:36px;
    height:36px;
    border-radius:50%;
    margin-right:24px
}
.p-group-chat-details-member-item__icon img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-group-chat-details-member-item__icon--green {
    background:#f4ffdb
}
.p-group-chat-details-member-item__icon--pink {
    background:#fed7d7
}
.p-group-chat-details-member-item__icon--grey {
    background:#d9d9d9
}
.p-group-chat-details-log__ttl {
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:16px
}
.p-group-chat-details-log-content {
    height:297px;
    margin-top:24px;
    border-top:solid 1px #262626
}
.p-group-chat-details-log-content__item {
    display:flex;
    padding:16px 16px 16px 24px;
    border-bottom:solid 1px #e8e8e2
}
.p-group-chat-details-log-content__leftArea {
    flex:0 0 150px;
    margin-right:37px
}
.p-group-chat-details-log-content__rightArea {
    display:flex;
    align-items:center
}
.p-group-chat-details-log-content__name {
    font-size:1.4rem;
    font-weight:700;
    margin-bottom:8px
}
.p-group-chat-details-log-content__status {
    font-size:1.2rem;
    font-weight:700;
    color:#fff;
    border-radius:2px;
    margin-right:16px;
    padding:3px 16px
}
.p-group-chat-details-log-content__status--green {
    background:#0bd69b
}
.p-group-chat-details-log-content__status--blue {
    background:#0bb3d5
}
.p-group-chat-details-log-content__status--black {
    padding:3px 8px;
    background:#2b2b2b
}
.p-group-chat-details-log-content__txt {
    line-height:2;
    font-weight:500
}
.p-group-chat-details-log-content__txt .emojione {
    max-width:32px
}
.p-group-chat-details-log-content__deleteTxt {
    display:inline-block;
    margin-top:16px;
    padding:6px 14px;
    font-size:1.2rem;
    background:#ebebea
}
.p-group-chat-details-log-content__btn {
    flex:0 0 20px;
    margin:0 21px 0 41px;
    padding:0
}
.p-group-chat-details-log-content__btn img {
    min-width:20px;
    width:20px;
    height:22px
}
.p-group-chat-management {
    display:flex;
    align-items:stretch;
    flex-grow:1
}
.p-group-chat-management-nav {
    padding:0 32px;
    border-right:1px solid #ddd
}
.p-group-chat-management-nav-ttl {
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:28px;
    color:#2b2b2b
}
.p-group-chat-management-nav__ttl {
    font-size:1.4rem;
    font-weight:700;
    color:#2b2b2b;
    margin-bottom:14px
}
.p-group-chat-management-nav__txt {
    margin-bottom:12px
}
.p-group-chat-management-nav__txt:last-child {
    margin-bottom:24px
}
.p-group-chat-management-nav__btn {
    max-width:201px;
    margin:0 auto 24px
}
.p-group-chat-management-nav__categoryBtn {
    width:115px;
    margin:0 auto
}
.p-group-chat-management-main {
    max-width:1080px;
    margin:auto;
    padding:0 32px;
    flex:1
}
.p-group-chat-management-page {
    display:flex;
    align-items:center;
    margin-bottom:34px
}
.p-group-chat-management-page__txt {
    font-size:1.4rem;
    font-weight:500;
    margin-right:40px
}
.p-group-chat-management-page__btn {
    width:170px;
    margin-left:auto
}
.p-group-chat-management-pager {
    display:flex;
    align-items:center
}
.p-group-chat-management-pager__prev {
    display:flex;
    align-items:center
}
.p-group-chat-management-pager__prev img {
    width:5px;
    min-width:0;
    max-width:none;
    height:8px;
    margin-right:8px
}
.p-group-chat-management-pager__next {
    display:flex;
    align-items:center
}
.p-group-chat-management-pager__next img {
    width:5px;
    min-width:0;
    max-width:none;
    height:8px;
    margin-left:8px
}
.p-group-chat-management-pager__txt {
    font-size:1.4rem;
    font-weight:500;
    border-bottom:solid 1px #000;
    margin-right:32px
}
.p-group-chat-management-pager__txt--marginRight {
    margin-right:0
}
.p-group-chat-management-message__ttl {
    font-size:2.4rem;
    font-weight:700;
    margin-bottom:16px
}
.p-group-chat-management-message-list {
    border-top:solid 1px #262626;
    margin-bottom:100px
}
.p-group-chat-management-message-item {
    padding:8px 16px;
    border-bottom:solid 1px #e8e8e2
}
.p-group-chat-management-message-item:nth-child(odd) {
    background:#fafaf7
}
.p-group-chat-management-message-content {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.p-group-chat-management-message-content__leftArea {
    display:flex;
    align-items:center
}
.p-group-chat-management-message-content__rightArea {
    display:flex;
    align-items:center;
    flex:0 0 270px
}
.p-group-chat-management-message-content__rightContent {
    display:flex;
    align-items:center;
    flex:0 0 180px
}
.p-group-chat-management-message-content__icon {
    flex-shrink:0;
    width:36px;
    height:36px;
    border-radius:50%;
    margin-right:24px;
    background:#d9d9d9;
    overflow:hidden
}
.p-group-chat-management-message-content__icon img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-group-chat-management-message-content__ttl {
    max-width:1080px;
    padding-right:24px;
    font-size:1.4rem;
    font-weight:700;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.p-group-chat-management-message-content-num {
    display:flex;
    align-items:center
}
.p-group-chat-management-message-content-num__ttl {
    font-size:1.4rem;
    font-weight:500;
    margin-right:15px
}
.p-group-chat-management-message-content-num__dfn {
    font-size:1.4rem;
    font-weight:500
}
.p-group-chat-management-message-content__btn {
    max-width:115px;
    margin-left:auto
}
.p-forgot {
    min-height:100vh;
    background:transparent linear-gradient(90deg, #0bd69b 0%, #0bb3d6 100%) 0% 0% no-repeat;
    padding:40px 0;
    display:flex;
    justify-content:center;
    align-items:center
}
.p-forgot--reset {
    display:flex
}
.p-forgot__error {
    color:#e6183f;
    text-align:center;
    margin-bottom:32px
}
.p-forgot__inner {
    background:#fff;
    max-width:640px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative;
    padding:40px;
    margin:0 auto
}
.p-forgot__inner--1 {
    background:#fff;
    max-width:640px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative;
    padding:40px 70px;
    margin:0 auto
}
.p-forgot__inner--2 {
    background:#fff;
    max-width:640px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative;
    padding:80px 40px;
    margin:auto
}
.p-forgot__inner--3 {
    background:#fff;
    max-width:640px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative;
    padding:40px;
    margin:0 auto
}
.p-forgot__inner--4 {
    background:#fff;
    max-width:640px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative;
    padding:40px;
    margin:0 auto
}
.p-forgot__logo {
    margin:0 auto 40px;
    text-align:center;
    max-width:240px
}
.p-forgot__ttl {
    font-size:2.4rem;
    font-weight:700;
    margin-bottom:32px;
    text-align:center
}
.p-forgot__ttl--2 {
    font-size:2.4rem;
    font-weight:700;
    margin-bottom:40px;
    text-align:center
}
.p-forgot__input-wrap {
    margin:0 30px 24px
}
.p-forgot__input-wrap__error {
    color:#e6183f;
    font-weight:700;
    text-align:center;
    margin-bottom:16px
}
.p-forgot__input-wrap .p-login__wrap-input {
    margin-bottom:16px
}
.p-forgot__input-wrap .p-login__wrap-input:last-of-type {
    margin-bottom:0
}
.p-forgot__txt-box {
    width:calc(100% - 60px);
    margin:0 auto 28px;
    line-height:1.7;
    font-size:1.4rem;
    font-weight:500
}
.p-forgot__txt-box--1 {
    width:calc(100% - 60px);
    margin:0 auto 40px;
    line-height:1.7;
    font-size:1.4rem;
    font-weight:500;
    text-align:center
}
.p-forgot__txt-box--2 {
    width:calc(100% - 60px);
    margin:0 auto 40px;
    line-height:1.7;
    font-size:1.6rem;
    font-weight:400;
    text-align:center
}
.p-forgot__txt-box--4 {
    width:calc(100% - 60px);
    margin:0 auto 28px;
    line-height:1.7;
    font-size:1.4rem;
    font-weight:500
}
.p-forgot__list-wrap {
    background:#fdf0f0;
    padding:21px 30px;
    margin-bottom:40px
}
.p-forgot__list-ttl {
    color:#e6183f;
    font-weight:bold;
    font-size:1.6rem;
    margin-bottom:14px
}
.p-forgot__list-ttl--2 {
    color:#e6183f;
    font-weight:400;
    font-size:1.4rem
}
.p-forgot__list-item {
    position:relative;
    color:#e6183f;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.7;
    padding-left:18px
}
.p-forgot__list-item::before {
    content:"";
    width:3px;
    height:3px;
    background-color:#e6183f;
    position:absolute;
    top:11px;
    left:6px;
    border-radius:50%
}
.p-forgot__note {
    width:calc(100% - 60px);
    padding:16px;
    background:#fafaf7;
    margin:0 auto 24px;
    font-weight:500
}
.p-forgot__desc {
    width:calc(100% - 60px);
    margin:0 auto 48px;
    line-height:1.7
}
.p-forgot__desc__txt {
    font-size:1.4rem;
    font-weight:500
}
.p-forgot__desc__txt__red {
    font-weight:700
}
.p-forgot__desc__list {
    margin:10px 20px
}
.p-forgot__desc__item {
    font-weight:700;
    position:relative;
    padding-left:18px
}
.p-forgot__desc__item span {
    display:block;
    position:absolute;
    left:0;
    top:0
}
.p-forgot__box {
    margin:0 auto 48px
}
.p-forgot__box__ttl .c-secondary-head__title {
    font-size:2rem;
    padding-bottom:16px;
    margin-bottom:24px;
    letter-spacing:-0.01rem
}
.p-forgot__box__lead {
    font-size:1.4rem;
    font-weight:500;
    margin:0 30px 24px
}
.p-forgot__box__lead__red {
    font-weight:700
}
.p-forgot__item {
    display:flex;
    align-items:baseline;
    margin:0 30px 16px
}
.p-forgot__item:last-of-type {
    margin-bottom:0
}
.p-forgot__data-ttl {
    width:84px
}
.p-forgot__data {
    flex:1
}
.p-forgot__data__row-wrap {
    display:flex;
    width:76%
}
.p-forgot__data__row-wrap .p-forgot__data__inner:first-of-type {
    margin-right:24px
}
.p-forgot__data__advice {
    font-size:1.2rem;
    font-weight:500;
    color:#999;
    width:100%;
    display:block;
    margin-top:6px
}
.p-forgot__data span {
    font-weight:500
}
.p-forgot__data select {
    font-size:1.6rem
}
.p-forgot__data.is-error input,.p-forgot__data.is-error select {
    border:1px solid #e6183f;
    background:#fdf0f0
}
.p-forgot__data__error {
    color:#e6183f;
    margin-top:8px
}
.p-forgot__data__inner {
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.p-forgot__data .is-error {
    background:#fdf0f0;
    border:#e6183f 1px solid;
    border-radius:4px
}
.p-forgot__data .is-error select {
    background:#fdf0f0
}
.p-forgot__data .p-regist__error {
    color:#e6183f;
    margin-top:4px
}
.p-forgot__data__label {
    position:relative;
    width:100%;
    max-width:350px
}
.p-forgot__data__input-radio+span {
    margin-right:24px
}
.p-forgot__data__input-select-qa,.p-forgot__data__input-txt-qa {
    display:block;
    width:100%;
    max-width:688px;
    margin:0 auto 16px
}
.p-forgot__data__input-select-qa.is-error,.p-forgot__data__input-txt-qa.is-error {
    background:#fdf0f0;
    border:#e6183f 1px solid;
    border-radius:4px
}
.p-forgot__data__select {
    width:100%
}
.p-forgot__data__select-m {
    width:26%
}
.p-forgot__data__select-s {
    width:17%
}
.p-forgot__data__between-txt {
    margin:0 8px
}
.p-forgot__submit-btn {
    width:240px;
    margin:0 auto
}
.p-forgot__submit-btn:disabled {
    background:#d9d9d9;
    cursor:default
}
.p-forgot__submit-btn:disabled:hover {
    opacity:1
}
.p-forgot__submit-btn--2 {
    width:240px;
    margin:0 auto;
    background:#000
}
.p-forgot__back-btn {
    width:160px;
    margin:24px auto 0
}
.p-forgot__back-btn:disabled {
    background:#d9d9d9
}
.p-forgot__btn-firstLayer {
    display:flex;
    gap:20px;
    margin:0
}
.p-forgot__bottom-txt {
    text-align:center;
    font-weight:500;
    margin-top:40px
}
.p-general-login {
    min-height:100vh;
    background:transparent linear-gradient(90deg, #0bd69b 0%, #0bb3d6 100%) 0% 0% no-repeat;
    padding:100px 90px
}
.p-general-login__inner {
    margin:0 auto;
    background:#fff;
    max-width:1184px;
    width:calc(100% - 64px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative;
    padding:40px 64px 48px;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
}
.p-general-login__logo-wrap {
    text-align:center
}
.p-general-login__logo {
    width:316px;
    margin:0 auto
}
.p-general-login__txt {
    margin-top:16px;
    font-size:1.4rem;
    font-weight:normal
}
.p-general-login__error {
    color:#e6183f;
    font-weight:normal;
    margin:8px 0 0
}
.p-general-login__error--message {
    font-weight:bold;
    color:#e6183f;
    text-align:center;
    margin:6px 0 16px
}
.p-general-login__wrap {
    display:flex;
    justify-content:space-between;
    margin-top:82px
}
.p-general-login__wrap--error {
    margin-top:28px
}
.p-general-login__left {
    margin-right:30px;
    max-width:500px;
    min-width:200px
}
.p-general-login__login-title {
    font-size:2rem;
    font-weight:bold;
    text-align:center
}
.p-general-login__wrap-input--email:before {
    background:url("/assets/img/common/ico-people-black.svg") center center no-repeat;
    background-size:contain
}
.p-general-login__input-txt {
    margin:8px 0 16px 0;
    font-weight:normal
}
.p-general-login__form {
    max-width:500px;
    margin:16px auto 0
}
.p-general-login__form-input {
    display:block;
    width:100%;
    border:1px solid #ddd;
    border-radius:4px;
    padding:14px 52px 16px;
    font-size:1.6rem;
    line-height:24px;
    background:#fff
}
.p-general-login__form-input--error {
    background:#fdf0f0;
    border-color:#e6183f
}
.p-general-login__form-pass {
    width:24px;
    height:24px;
    position:absolute;
    top:28px;
    right:12px;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-eye-login.svg") center center no-repeat;
    background-size:contain
}
.p-general-login__form-checkbox {
    display:flex;
    align-items:center;
    font-size:1.6rem;
    font-weight:500;
    line-height:24px;
    color:#41464b
}
.p-general-login__checkbox {
    width:15px;
    height:15px;
    border:1px solid #ddd;
    border-radius:4px;
    vertical-align:middle;
    position:relative;
    margin:2px 9px 0 0
}
.p-general-login__checkbox:before {
    content:"";
    width:10px;
    height:10px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:absolute
}
.p-general-login__checkbox:checked {
    background:#0bb3d6;
    border-color:#0bb3d6
}
.p-general-login__checkbox:checked:before {
    background:url("/assets/img/common/ico-envelope-login.svg") no-repeat;
    background-position:1.5px 50%
}
.p-general-login__form-buttons {
    display:flex
}
.p-general-login__form-btn {
    width:240px;
    margin:24px auto 0
}
.p-general-login__form-btn--registration {
    color:#fff;
    background-color:#2b2b2b;
    margin-left:20px
}
.p-general-login__link {
    margin-top:24px;
    font-size:1.4rem;
    font-weight:normal;
    text-decoration:underline;
    text-align:center;
    color:#5f5f5f;
    font-family:"Lato",sans-serif
}
.p-general-login__link-login--disabled {
    display:none;
    text-decoration:none
}
.p-general-login__link a {
    color:#5f5f5f
}
.p-general-login__sns {
    max-width:500px;
    min-width:200px;
    padding:22px 0px;
    background-color:#fafaf7;
    border-radius:4px;
    margin-top:16px
}
.p-general-login__sns-list {
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.p-general-login__sns-item {
    width:20%;
    height:56px;
    background-color:#fff;
    margin:6px;
    text-align:center;
    padding:18px 0px
}
.p-general-login__sns-item a {
    font-size:10px;
    color:#b7b7b7
}
.p-login {
    min-height:100vh;
    background:transparent linear-gradient(90deg, #0bd69b 0%, #0bb3d6 100%) 0% 0% no-repeat;
    padding:40px 0;
    display:flex;
    justify-content:center;
    align-items:center
}
.p-login__ttl {
    font-size:2.4rem;
    text-align:center;
    margin:0 0 24px
}
.p-login__ttl--error {
    margin:0 0 8px
}
.p-login__inner {
    margin:0 auto;
    background:#fff;
    max-width:620px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative
}
.p-login__logo {
    margin:40px auto;
    text-align:center;
    width:240px
}
.p-login__message {
    display:none;
    text-align:center;
    margin-bottom:24px;
    font-size:2.4rem
}
.p-login__message--email {
    display:block;
    font-size:2.4rem;
    font-weight:bold;
    margin-bottom:32px
}
.p-login__message--logout {
    display:block
}
.p-login__message--error {
    text-align:center;
    font-size:1.6rem;
    display:block;
    margin-bottom:24px;
    color:#e6183f;
    font-weight:500
}
.p-login__desc-message {
    display:none;
    font-size:1.4rem;
    font-weight:500;
    text-align:center;
    margin-bottom:40px
}
.p-login__desc-message--email {
    display:block
}
.p-login__form {
    max-width:460px;
    margin:0 auto
}
.p-login__form .is-no-icon {
    padding:14px 52px 16px 8px
}
.p-login__form .is-error {
    background:#fdf0f0;
    border:1px solid #e6183f
}
.p-login__form-input {
    display:block;
    width:100%;
    border:1px solid #ddd;
    border-radius:4px;
    padding:15px 30px;
    font-size:1.6rem;
    line-height:24px;
    background:#fff
}
.p-login__form-input--error {
    background:#fdf0f0;
    border-color:#e6183f
}
.p-login__form-input::-webkit-credentials-auto-fill-button {
    margin:0;
    width:0;
    background-color:transparent
}
.p-login__form-input::-ms-reveal {
    visibility:hidden
}
.p-login__form-login {
    display:block
}
.p-login__form-email {
    display:block
}
.p-login__wrap-input {
    display:block;
    position:relative
}
.p-login__wrap-input:before {
    content:"";
    width:24px;
    height:24px;
    position:absolute;
    top:28px;
    left:12px;
    transform:translateY(-50%)
}
.p-login__wrap-input--email {
    margin-bottom:24px
}
.p-login__wrap-input--email:before {
    background:url("/assets/img/common/ico-email-login.svg") center center no-repeat;
    background-size:contain
}
.p-login__wrap-input--password:before {
    background:url("/assets/img/common/ico-password-login.svg") center center no-repeat;
    background-size:contain
}
.p-login__wrap-input--id:before {
    background:url("/assets/img/common/ico-login-id.svg") center center no-repeat;
    background-size:contain
}
.p-login__wrap-input--tel:before {
    background:url("/assets/img/common/ico-phone.svg") center center no-repeat;
    background-size:contain
}
.p-login__wrap-input--password {
    margin-bottom:16px
}
.p-login__form-pass {
    width:24px;
    height:24px;
    position:absolute;
    top:28px;
    right:12px;
    transform:translateY(-50%);
    background:url("/assets/img/login/icon_eye.svg") center center no-repeat;
    background-size:contain
}
.p-login__form-input--email {
    margin-bottom:24px
}
.p-login__form-input--password {
    margin-bottom:24px
}
.p-login__from-label--checkbox {
    display:flex;
    align-items:center;
    font-size:1.6rem;
    font-weight:500;
    line-height:24px
}
.p-login__form-checkbox {
    width:15px;
    height:15px;
    border:1px solid #ddd;
    border-radius:4px;
    vertical-align:middle;
    position:relative;
    margin:2px 9px 0 0
}
.p-login__form-checkbox:before {
    content:"";
    width:10px;
    height:10px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:absolute
}
.p-login__form-checkbox:checked {
    background:#0bb3d6;
    border-color:#0bb3d6
}
.p-login__form-checkbox:checked:before {
    background:url("/assets/img/common/ico-envelope-login.svg") no-repeat;
    background-position:1.5px 50%
}
.p-login__form-button {
    width:240px;
    margin:40px auto 0
}
.p-login__form-button:disabled {
    background:#d9d9d9
}
.p-login__link {
    margin-top:24.65px;
    font-size:1.6rem;
    font-weight:500;
    text-decoration:underline;
    text-align:center;
    margin-bottom:40px;
    color:#5f5f5f
}
.p-login__link-login--disabled {
    display:none;
    text-decoration:none
}
.p-login__link a {
    color:#5f5f5f
}
.p-login__text-email {
    display:block;
    text-align:center;
    text-decoration:none
}
.p-login__text-email a {
    display:inline;
    text-decoration:underline
}
.p-login__link-backward {
    text-decoration:underline;
    color:#fff;
    text-align:center;
    position:absolute;
    bottom:-40px;
    left:50%;
    transform:translateX(-50%)
}
.p-login__link-backward--active {
    display:block
}
.title-optional {
    font-size:1.4rem;
    color:#707070;
    margin-left:16px
}
.p-loginProfile {
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    padding:91px;
    color:#292c2f
}
.p-loginProfile__inner {
    margin:0 auto;
    background:#fff;
    width:calc(100% - 64px);
    max-width:1080px;
    padding:80px;
    border-radius:6px;
    box-shadow:0px 3px 10px rgba(0,0,0,.1);
    padding:80px 80px 120px
}
.p-loginProfile-head {
    text-align:center
}
.p-loginProfile-head__wrap {
    position:relative;
    align-items:center;
    margin-bottom:48px
}
.p-loginProfile-head__logo {
    margin:0 auto;
    width:320px
}
.p-loginProfile-head__skip {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    margin:auto;
    right:0;
    text-align:right
}
.p-loginProfile-head__txt {
    font-size:3rem;
    line-height:4.4rem;
    margin-bottom:32px
}
.p-loginProfile-head__sub-txt {
    font-weight:500;
    font-size:1.6rem;
    margin-bottom:64px
}
.p-loginProfile-env {
    margin:0 0 73px
}
.p-loginProfile-env__wrap {
    padding:0 48px
}
.p-loginProfile-env__question {
    font-size:1.4rem;
    width:40%;
    min-width:312px;
    white-space:nowrap
}
.p-loginProfile-env__question--required {
    color:#e6183fed;
    font-size:1.4rem;
    padding-left:3.4%
}
.p-loginProfile-env__question-box {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:32px
}
.p-loginProfile-env__question-box:last-child {
    margin:0
}
.p-loginProfile-env__check {
    margin-right:32px
}
.p-loginProfile-about {
    margin:0 0 71px
}
.p-loginProfile-about__wrap {
    padding:0 48px
}
.p-loginProfile-skill {
    margin-bottom:80px
}
.p-loginProfile-skill__history-period {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-loginProfile-skill__company-name {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-loginProfile-skill__class-name {
    display:flex;
    align-items:center
}
.p-loginProfile-skill__wrap {
    padding:0 48px
}
.p-loginProfile-skill__name {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-loginProfile-skill__get {
    display:flex;
    align-items:center
}
.p-loginProfile-skill__label-up {
    width:65px;
    margin:0 10px 0 0
}
.p-loginProfile-skill__label-mid {
    width:58px;
    margin:0 10px 0 0
}
.p-loginProfile-skill__label-under {
    width:58px;
    margin:0 10px 0 0
}
.p-loginProfile-skill__qua-box {
    display:flex;
    background-color:#fafaf7;
    border-radius:4px;
    padding:2.9% 3.2% 2.9% 3.2%;
    margin:0 0 24px 0
}
.p-loginProfile-skill__qua-box-head {
    flex-shrink:0;
    margin:0 7% 0 0;
    display:flex;
    align-items:center
}
.p-loginProfile-skill__qua-box-end {
    margin:0 0 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.p-loginProfile-skill__qua-box-right {
    width:100%
}
.p-loginProfile-skill__qua-box-up {
    display:flex;
    align-items:center;
    margin-bottom:24px;
    width:100%
}
.p-loginProfile-skill__qua-box-under {
    display:flex;
    align-items:center
}
.p-loginProfile-skill__qua-input {
    width:324px
}
.p-loginProfile-skill__qua-input::-moz-placeholder {
    color:#b7b7b7
}
.p-loginProfile-skill__qua-input:-ms-input-placeholder {
    color:#b7b7b7
}
.p-loginProfile-skill__qua-input::placeholder {
    color:#b7b7b7
}
.p-loginProfile-skill__qua-input:-ms-input-placeholder {
    color:#b7b7b7
}
.p-loginProfile-skill__qua-input-label {
    font-weight:bold;
    font-size:1.4rem;
    color:#2b2b2b;
    white-space:nowrap
}
.p-loginProfile-skill__qua-input-label--l {
    width:88px
}
.p-loginProfile-skill__qua-toggle-area {
    margin-left:auto
}
.p-loginProfile-skill__qua-select {
    width:84px
}
.p-loginProfile-skill__qua-select-label {
    font-weight:bold;
    font-size:1.4rem;
    color:#2b2b2b;
    flex-shrink:0
}
.p-loginProfile-skill__qua-select-label--m {
    width:64px;
    margin:0 8px 0 0
}
.p-loginProfile-skill__qua-select-wrap {
    display:flex;
    align-items:center;
    width:100%
}
.p-loginProfile-skill__qua-select-txt {
    margin-left:8px;
    letter-spacing:8px;
    white-space:nowrap;
    font-weight:500
}
.p-loginProfile-skill__qua-select-year-wrap {
    display:flex;
    align-items:center
}
.p-loginProfile-skill__qua-check-area {
    white-space:nowrap;
    margin:0 0 0 48px;
    font-weight:500
}
.p-loginProfile-skill__qua-del-area {
    margin-left:auto
}
.p-loginProfile-skill__qua-del-btn {
    padding:0;
    display:flex;
    align-items:center;
    position:relative
}
.p-loginProfile-skill__qua-del-btn::before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    background-image:url("/assets/img/common/ico-cross-circle.svg");
    margin:0 8px 0 0
}
.p-loginProfile-skill__qua-del-btn::after {
    content:"";
    display:block;
    width:54px;
    height:1px;
    border-bottom:solid 1px;
    position:absolute;
    top:17px;
    left:23px
}
.p-loginProfile-skill__qua-add-btn {
    width:118px;
    margin:0 auto
}
.p-loginProfile-skill__skill {
    display:flex;
    min-width:266px
}
.p-loginProfile-skill__skill-head {
    width:100px;
    margin:0 96px 0 0
}
.p-loginProfile-skill__skill-wrap {
    flex-grow:2
}
.p-loginProfile-skill__skill-box {
    display:flex;
    align-items:center;
    margin-bottom:24px
}
.p-loginProfile-skill__skill-box:last-child {
    margin-bottom:0
}
.p-loginProfile-skill__skill-name {
    width:63.5%
}
.p-loginProfile-skill__skill-year {
    width:128px;
    min-width:100px;
    margin:0 37px 0 16px
}
.p-loginProfile-skill__skill-toggle-area {
    margin-left:auto
}
.p-loginProfile-other {
    margin:0 0 80px
}
.p-loginProfile-other__wrap {
    padding:0 48px
}
.p-loginProfile-other__box {
    display:flex;
    margin-bottom:24px
}
.p-loginProfile-other__box:nth-child(5) {
    margin-bottom:48px
}
.p-loginProfile-other__box:last-child {
    margin:0
}
.p-loginProfile-other__form-label {
    font-family:"Lato";
    width:22.6589595376%;
    margin-top:12px
}
.p-loginProfile-other__form-input {
    width:46.7052023121%
}
.p-loginProfile-other__form-input--s {
    width:15.0289017341%;
    margin-right:1.75%
}
.p-loginProfile-other__form-txt-area {
    width:65.5%;
    height:151px;
    margin-right:1.75%
}
.p-loginProfile-other__form-txt-area::-moz-placeholder {
    color:#b7b7b7
}
.p-loginProfile-other__form-txt-area:-ms-input-placeholder {
    color:#b7b7b7
}
.p-loginProfile-other__form-txt-area::placeholder {
    color:#b7b7b7
}
.p-loginProfile-other__form-txt-area:-ms-input-placeholder {
    color:#b7b7b7
}
.p-loginProfile-other__toggle-area {
    margin-left:auto;
    margin-top:8px
}
.p-loginProfile-submit__btn {
    margin:0 auto;
    max-width:240px
}
.is-padding {
    padding:0
}
.p-mypage-select {
    min-height:100vh;
    background:transparent linear-gradient(90deg, #0bd69b 0%, #0bb3d6 100%) 0% 0% no-repeat;
    display:flex
}
.p-mypage-select__inner {
    margin:auto;
    background:#fff;
    max-width:640px;
    width:calc(100% - 30px);
    box-shadow:0px 3px 10px #0000001a;
    border-radius:6px;
    position:relative
}
.p-mypage-select__inner__content {
    margin:70px;
    text-align:center
}
.p-mypage-select__inner__content h2 {
    font-size:2.4rem;
    font-weight:bold;
    color:#2b2b2b;
    margin-bottom:30px
}
.p-mypage-select__inner__content p {
    font-size:1.4rem;
    font-weight:500;
    color:#292c2f
}
.p-mypage-select__inner__content-btn-group {
    margin:40px 0
}
.p-mypage-select__inner__content--btn {
    margin-bottom:19px;
    font-size:1.6rem;
    font-weight:bold;
    color:#fff;
    padding:16px 0
}
.p-mypage-select__inner__content--back-btn {
    max-width:240px;
    margin:auto;
    font-size:1.6rem;
    font-weight:bold;
    color:#2b2b2b
}
.p-guidance__ttl {
    letter-spacing:0;
    font-size:2.4rem;
    margin:0 0 24px
}
.p-guidance__descr {
    margin-bottom:32px;
    font-weight:normal
}
.p-guidanceCoaching {
    background:#fafaf7;
    padding:24px;
    min-height:126px;
    margin-bottom:56px;
    border-radius:6px
}
.p-guidanceCoaching__content {
    position:relative
}
.p-guidanceCoaching__wrap {
    padding:0 0 0 100px;
    margin:0 0 12px
}
.p-guidanceCoaching__title-text {
    margin:0;
    font-size:1.6rem;
    margin-bottom:10px;
    color:#2b2b2b
}
.p-guidanceCoaching__image {
    max-width:76px;
    max-height:76px;
    border:1px solid #d9d9d9;
    background:#fff;
    border-radius:50%;
    overflow:hidden;
    -o-object-fit:fill;
    object-fit:fill;
    -o-object-position:bottom;
    object-position:bottom;
    position:absolute;
    top:0;
    left:0
}
.p-guidanceCoaching__descr-text {
    padding:0 0 0 100px;
    font-weight:500;
    font-size:1.4rem;
    line-height:24px
}
.p-guidanceCoaching__btn,.p-guidanceCoaching-edit__btn {
    margin:auto;
    width:160px
}
.p-guidanceCoaching-edit {
    padding:35px 32px 26px;
    background:#fafaf7;
    margin-bottom:56px;
    border-radius:6px
}
.p-guidanceCoaching-edit__title {
    font-size:2rem;
    margin-bottom:24px
}
.p-guidanceCoaching-edit__label {
    display:block;
    background:#fff;
    padding:14px 20px 21px;
    margin-bottom:24px;
    border-radius:6px
}
.p-guidanceCoaching-edit__label-ttl {
    margin-bottom:10px
}
.p-guidanceCoaching-edit__bottom {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.p-guidanceCoaching-edit__radio-box {
    flex-grow:1
}
.p-guidanceCoaching-edit__radio-item label:hover {
    cursor:pointer
}
.p-guidanceCoaching-edit__image {
    width:74px;
    height:74px;
    border:1px solid #ddd;
    border-radius:50%;
    overflow:hidden;
    background:#fff
}
.p-guidanceCoaching-edit__radio {
    display:none
}
.p-guidanceCoaching-edit__fake-radio {
    position:relative;
    display:block;
    width:16px;
    height:16px;
    border:1px solid #ddd;
    border-radius:50%;
    margin:8px auto 0;
    background:#fff
}
.p-guidanceCoaching-edit__radio:checked+.p-guidanceCoaching-edit__fake-radio {
    border-color:#0bb3d6
}
.p-guidanceCoaching-edit__radio:checked+.p-guidanceCoaching-edit__fake-radio:after {
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0bb3d6;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-4px;
    margin-top:-4px
}
.p-guidanceCoaching-edit__radio-list {
    display:flex;
    gap:16px
}
.p-guidanceEdit {
    border-radius:6px
}
.p-guidanceEdit__textarea {
    max-height:85px;
    overflow-y:auto
}
.p-guidanceEdit__item {
    display:flex;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:24px
}
.p-guidanceEdit__item:last-child {
    margin-bottom:0
}
.p-guidanceEdit__item .p-guidanceEdit__form,.p-guidanceEdit__item .p-guidanceEdit__block {
    flex-grow:1;
    margin-bottom:0
}
.p-guidanceEdit__item .p-guidanceEdit__index {
    background:#0bd69b;
    color:#fff;
    width:32px;
    display:flex;
    padding:0 11.5px;
    align-items:center;
    justify-content:center
}
.p-guidanceEdit__form,.p-guidanceEdit__block {
    padding:35px 32px 26px;
    background:#fafaf7;
    margin-bottom:56px
}
.p-guidanceEdit__label-box {
    display:flex;
    gap:24px
}
.p-guidanceEdit__label-box .p-guidanceEdit__label:last-child {
    flex-grow:1
}
.p-guidanceEdit__label {
    display:block;
    background:#fff;
    padding:14px 20px 21px;
    margin-bottom:24px;
    border-radius:6px
}
.p-guidanceEdit__label-ttl {
    margin-bottom:10px
}
.p-guidanceEdit__label-ttl--required:after {
    content:"蠢���";
    color:#e6183f;
    margin-left:16px
}
.p-guidanceEdit__label-val {
    font-weight:normal;
    max-height:85px;
    overflow-y:auto;
    padding-right:12px
}
.p-guidanceEdit__bottom {
    display:flex
}
.p-guidanceEdit__bottom--static .p-guidanceEdit__bottom-left {
    padding-right:0
}
.p-guidanceEdit__bottom--static .p-guidanceEdit__bottom-right {
    gap:12px
}
.p-guidanceEdit__bottom--static .p-guidanceEdit__btn {
    width:160px
}
.p-guidanceEdit__bottom--static .p-guidanceEdit__btn--delete {
    background:#dbdad7
}
.p-guidanceEdit__btn {
    margin:auto;
    width:160px
}
.p-guidanceEdit__file {
    opacity:1;
    position:relative;
    margin:0 27px;
    font-weight:normal;
    word-break:break-all
}
.p-guidanceEdit__file-name-is-none {
    display:none
}
.p-guidanceEdit__file-btn-area {
    display:flex;
    margin:0 30px 0 0
}
.p-guidanceEdit__file-del {
    width:100px;
    margin:0 0 0 12px
}
.p-guidanceEdit__file a {
    text-decoration:underline;
    text-underline-offset:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:4px 0
}
.p-guidanceEdit__file a:before {
    position:absolute;
    content:"";
    width:16px;
    height:16px;
    top:50%;
    left:-23px;
    transform:translateY(-50%);
    background:url("../img/common/ico-note-black.svg") center center no-repeat;
    background-size:contain
}
.p-guidanceEdit__bottom-left {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-grow:1
}
.p-guidanceEdit__bottom-right {
    display:flex;
    gap:10px;
    align-items:center
}
.p-guidanceEdit__upload {
    white-space:nowrap;
    margin-right:32px;
    padding:10px 32px
}
.p-guidanceEdit__bottom-btn {
    display:flex;
    align-items:center
}
.p-guidanceEdit__bottom-btn--right {
    padding-left:32px;
    position:relative
}
.p-guidanceEdit__bottom-btn--right:before {
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    background:#dedede;
    left:0
}
.p-guidanceEdit__btn {
    margin:auto;
    width:160px
}
.p-guidanceMessage__top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#212121;
    font-size:1.4rem;
    background:#fafaf7
}
.p-guidanceMessage__item {
    border:1px solid #e8e8e2;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:25px
}
.p-guidanceMessage__item:last-child {
    margin-bottom:0
}
.p-guidanceMessage__edit-item {
    display:flex
}
.p-guidanceMessage__index {
    background:#0bd69b;
    text-align:center;
    font-size:16px;
    padding:17px 11.5px;
    color:#fff;
    display:flex;
    align-self:stretch;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.p-guidanceMessage__title {
    flex-grow:1;
    margin:0 51px 0 0;
    padding:0 0 0 24px;
    white-space:nowrap;
    overflow:hidden;
    width:654px;
    text-overflow:ellipsis
}
.p-guidanceMessage__file {
    position:relative;
    margin:0 27px;
    font-weight:normal;
    max-width:35%
}
.p-guidanceMessage__file a {
    text-decoration:underline;
    text-underline-offset:4px;
    white-space:nowrap;
    overflow:hidden;
    width:204px;
    text-overflow:ellipsis;
    padding:2px 0;
    display:inline-block
}
.p-guidanceMessage__file a.is-none {
    display:none
}
.p-guidanceMessage__file a:before {
    position:absolute;
    content:"";
    width:16px;
    height:16px;
    top:50%;
    left:-23px;
    transform:translateY(-50%);
    background:url("../img/common/ico-note-black.svg") center center no-repeat;
    background-size:contain
}
.p-guidanceMessage__bottom-wrap {
    display:flex;
    padding:20px 32px 24px 32px
}
.p-guidanceMessage__bottom {
    padding-right:32px
}
.p-guidanceMessage__bottom-user {
    display:flex;
    align-items:center;
    font-size:14px;
    font-weight:normal;
    color:#212121
}
.p-guidanceMessage__bottom-image {
    width:30px;
    height:30px;
    border:1px solid #d9d9d9;
    border-radius:50%;
    margin-right:8px;
    overflow:hidden
}
.p-guidanceMessage__bottom-userName {
    margin-right:15px
}
.p-guidanceMessage__bottom-date {
    opacity:.7
}
.p-guidanceMessage__bottom-text {
    font-size:1.4rem;
    font-weight:normal;
    line-height:24px;
    color:#212121;
    margin-top:10px
}
.p-guidanceMessage__bottom-btn {
    display:flex;
    padding-left:32px;
    position:relative;
    align-items:center
}
.p-guidanceMessage__bottom-btn:before {
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    background:#dedede;
    left:0
}
.p-guidanceMessage__btn {
    margin:auto;
    width:160px
}
.p-paper-filter {
    background-color:#fafaf7;
    border-radius:6px;
    margin:0 0 24px
}
.p-paper-filter__inner {
    padding:27px 32px
}
@media only screen and (max-width: 1090px) {
    .p-paper-filter__inner {
        padding:27px 24px
    }
}
.p-paper-filter__head {
    display:flex;
    align-items:center;
    margin:0 0 20px;
    max-width:1000px
}
.p-paper-filter__ttl {
    margin:0 12px 0 0;
    white-space:nowrap;
    flex-shrink:0
}
.p-paper-filter__ttl span {
    font-size:1.2rem
}
.p-paper-filter__ttl--subject,.p-paper-filter__ttl--print {
    width:88px
}
@media only screen and (max-width: 1090px) {
    .p-paper-filter__ttl--subject,.p-paper-filter__ttl--print {
        width:auto
    }
}
.p-paper-filter__ttl--print {
    text-align:right
}
.p-paper-filter__term-result {
    display:flex;
    align-items:center;
    width:288px;
    justify-content:flex-end;
    margin:0 2.2% 0 0
}
.p-paper-filter__term-result-select {
    max-width:206px
}
.p-paper-filter__term-schedule {
    display:flex;
    align-items:center;
    width:310px;
    justify-content:flex-end;
    margin:0 2.2% 0 0
}
.p-paper-filter__term-schedule-select {
    max-width:220px
}
.p-paper-filter__subject {
    display:flex;
    align-items:center;
    flex-grow:1
}
.p-paper-filter__subject-select {
    max-width:340px
}
.p-paper-filter__foot {
    display:flex;
    align-items:center;
    max-width:1000px
}
.p-paper-filter__status {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:288px;
    margin:0 2.2% 0 0
}
@media only screen and (max-width: 1090px) {
    .p-paper-filter__status {
        width:auto
    }
}
.p-paper-filter__status-select {
    max-width:206px;
    flex:1
}
.p-paper-filter__markerName {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:310px;
    margin:0 12.7% 0 0
}
.p-paper-filter__markerName-select {
    max-width:220px
}
.p-paper-filter__commentCheck {
    font-weight:500
}
.p-paper-filter__print {
    display:flex;
    align-items:center;
    margin:0 8.5% 0 0
}
@media only screen and (max-width: 1090px) {
    .p-paper-filter__print {
        margin:0 2.5% 0 0
    }
}
.p-paper-filter__print-select {
    max-width:208px;
    flex-shrink:1
}
.p-paper-filter__renewal {
    display:flex;
    align-items:center;
    flex-grow:1
}
.p-paper-filter__renewal-calendar {
    max-width:183px;
    min-width:130px
}
.p-paper-search {
    background-color:#fafaf7;
    border-radius:6px;
    margin:0 0 40px
}
.p-paper-search__inner {
    padding:27px 32px 27px 53px;
    display:flex;
    align-items:center;
    max-width:1000px
}
.p-paper-search__ttl {
    white-space:nowrap;
    margin:0 15px 0 0
}
.p-paper-search__student {
    display:flex;
    align-items:center;
    margin:0 36px 0 0;
    flex-grow:1
}
.p-paper-search__student-box {
    max-width:285px
}
.p-paper-search__markerName {
    display:flex;
    align-items:center;
    margin:0 24px 0 0;
    flex-grow:1
}
.p-paper-search__markerName-box {
    max-width:285px
}
.p-paper-search__btn {
    margin:0;
    max-width:120px;
    font-size:1.4rem
}
.p-paper-displayNum {
    display:flex;
    align-items:center;
    max-width:172px;
    margin:0 0 24px auto
}
.p-paper-displayNum__ttl {
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-paper-displayNum-box {
    max-width:100px
}
.p-paper-scheduleRegister {
    padding-top:100px
}
.p-paper-scheduleRegister__inner {
    background:#fafaf7;
    padding:32px
}
.p-paper-scheduleRegister__ttl {
    margin-bottom:24px;
    font-size:2rem;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700
}
.p-paper-scheduleRegister-imgFile {
    display:flex;
    align-items:center;
    margin-bottom:24px
}
.p-paper-scheduleRegister-imgFile__ttl {
    width:26%;
    max-width:300px;
    margin-right:42px;
    font-size:1.4rem;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700
}
.p-paper-scheduleRegister-imgFile__ttl span {
    font-size:1.2rem;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700;
    color:#e6183f;
    display:inline-block
}
.p-paper-scheduleRegister-imgFile__dfn {
    width:70%;
    max-width:800px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 32px;
    border-radius:5px
}
.p-paper-scheduleRegister-imgFile__txt {
    margin:0 10px 0 0;
    flex:1
}
.p-paper-scheduleRegister-imgFile__txt-colorRed {
    color:#e6183f;
    font-weight:normal;
    font-size:1.2rem
}
.p-paper-scheduleRegister-imgFile__btn {
    max-width:174px;
    width:100%
}
.p-paper-scheduleRegister-imgFile__btn-label {
    max-width:174px;
    width:100%
}
.p-paper-scheduleRegister-imgFile__btn-label:hover {
    opacity:.7;
    transition:all .25s ease-out 0s
}
.p-paper-scheduleRegister-imgFile__btn-input {
    display:none
}
.p-paper-scheduleRegister-preview {
    display:flex
}
.p-paper-scheduleRegister-preview__ttl {
    width:26%;
    max-width:300px;
    margin-right:42px;
    font-size:1.4rem;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700
}
.p-paper-scheduleRegister-preview__area {
    display:flex;
    align-items:center;
    justify-content:center;
    width:70%;
    max-width:800px;
    height:280px;
    background:#fff;
    outline:solid 1px #ddd;
    border-radius:5px
}
.p-paper-scheduleRegister-preview__area img {
    min-width:0;
    max-height:280px;
    -o-object-fit:contain;
    object-fit:contain
}
.p-paper-scheduleRegister-registration__btn {
    max-width:160px;
    margin:31px auto 0
}
.p-paper-table {
    white-space:nowrap;
    width:100%;
    overflow-x:auto;
    padding-bottom:22px;
    margin-bottom:100px
}
.p-paper-table table {
    width:100%;
    min-width:1080px;
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all
}
.p-paper-table table th,.p-paper-table table td {
    vertical-align:middle;
    text-align:left
}
.p-paper-table table th {
    padding:8px 15px
}
.p-paper-table table td {
    font-weight:500;
    padding:16px 15px
}
.p-paper-table thead {
    width:100%;
    border-top:1px solid #262626;
    border-bottom:1px solid #262626
}
.p-paper-table__head {
    display:flex;
    width:100%;
    justify-content:left;
    align-items:center
}
.p-paper-table__sort-ico {
    background:#fafaf7;
    width:14px;
    height:25px;
    border-radius:2px;
    margin-left:12px;
    display:inline-block;
    position:relative
}
.p-paper-table__sort-ico.is-desc::before {
    opacity:.2
}
.p-paper-table__sort-ico.is-asc::after {
    opacity:.2
}
.p-paper-table__sort-ico::before,.p-paper-table__sort-ico::after {
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:0;
    left:0;
    margin:auto;
    border-style:solid;
    content:""
}
.p-paper-table__sort-ico::before {
    bottom:5px;
    border-width:4px 3px 0 3px;
    border-color:#2b2b2b transparent transparent transparent
}
.p-paper-table__sort-ico::after {
    top:5px;
    border-width:0 3px 4px 3px;
    border-color:transparent transparent #2b2b2b transparent
}
.p-paper-table__omit {
    max-width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block
}
.p-paper-table__paper-ico {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-file-bold-black.svg") no-repeat center center/contain;
    display:block
}
.p-paper-table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2
}
.p-paper-table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.p-paper-table tbody tr:hover {
    background:#f4f4e9;
    cursor:pointer
}
.p-paperDetail__ttl {
    margin:0 0 59px
}
.p-paperDetail-prof {
    background:#0bd2a0;
    border-radius:6px;
    margin:0 0 39px;
    padding:3% 5.92%
}
.p-paperDetail-prof__container {
    display:flex
}
.p-paperDetail-prof__img {
    width:140px;
    height:140px;
    border-radius:50%;
    margin:0 42px 0 0
}
.p-paperDetail-prof__txt-wrap {
    padding:6px 0 0 0;
    flex:1
}
.p-paperDetail-prof__id {
    color:#fff;
    margin:0 0 8px 0
}
.p-paperDetail-prof__name-box {
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.p-paperDetail-prof__name-area {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin:0 0 21px 0
}
.p-paperDetail-prof__name-left {
    font-size:2.4rem;
    margin:0 9px 0 0
}
.p-paperDetail-prof__name-mid {
    font-size:1.8rem;
    margin:0 12px 0 0
}
.p-paperDetail-prof__name-slash {
    font-size:1.8rem;
    margin:0 12px 0 6px
}
.p-paperDetail-prof__name-right {
    font-size:1.4rem
}
.p-paperDetail-prof__txt-wrapp {
    color:#fff
}
.p-paperDetail-prof__marker-container {
    display:flex
}
.p-paperDetail-prof__marker-duties {
    font-size:1.4rem
}
.p-paperDetail-prof__marker-box {
    display:flex;
    flex:1;
    align-items:center;
    color:#2b2b2b;
    background:#fff;
    margin:0 30px 0 0;
    padding:10px 30px
}
@media screen and (max-width: 1185px) {
    .p-paperDetail-prof__marker-box {
        padding:10px 15px
    }
}
.p-paperDetail-prof__marker-box:last-child {
    margin:0
}
.p-paperDetail-prof__marker-left {
    line-height:normal;
    padding:0 24px 0 0;
    margin:0 35px 0 0;
    border-right:1px solid #e8e8e2;
    flex-shrink:0
}
@media screen and (max-width: 1185px) {
    .p-paperDetail-prof__marker-left {
        padding:0 10px 0 0;
        margin:0 15px 0 0
    }
}
.p-paperDetail-prof__marker-mid {
    flex:1
}
.p-paperDetail-prof__marker-name {
    font-size:1.8rem;
    line-height:normal;
    margin:0 12px 0 0
}
.p-paperDetail-status__info {
    margin:0 0 40px 0
}
.p-paperDetail-status__info-list {
    display:flex;
    justify-content:center;
    text-align:center
}
.p-paperDetail-status__info-item {
    border-right:1px #e8e8e2 solid;
    padding:0 46px 0;
    width:21%;
    word-break:keep-all;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.p-paperDetail-status__info-item a {
    text-decoration:underline
}
.p-paperDetail-status__info-item:first-child {
    word-break:break-all;
    padding:0 46px 0 36px;
    width:37%
}
.p-paperDetail-status__info-item:last-child {
    padding:0 46px 0 46px;
    border-right:none
}
.p-paperDetail-status__info-item-under {
    font-weight:normal;
    margin-top:8px
}
.p-paperDetail-status__file-icon {
    display:flex;
    align-items:center
}
.p-paperDetail-status__file-icon::before {
    content:"";
    width:30px;
    height:30px;
    background-image:url("/assets/img/common/ico-file-black.svg");
    margin:0 12px 0 0;
    flex-shrink:0
}
.p-paperDetail-status__check-icon {
    display:flex;
    align-items:center
}
.p-paperDetail-status__check-icon::before {
    content:"";
    width:17px;
    height:17px;
    background-image:url("/assets/img/common/ico-check-blue.svg");
    margin:0 6px 0 0;
    flex-shrink:0
}
.p-paperDetail-jpn {
    border-radius:6px;
    background:#fafaf7;
    margin:0 0 32px 0;
    padding:37px 32px 29px 32px
}
.p-paperDetail-jpn__ttl {
    font-size:1.8rem;
    margin:0 0 25px 0
}
.p-paperDetail-jpn__ttl span {
    font-size:1.2rem;
    margin:0 0 0 16px
}
.p-paperDetail-jpn__box {
    width:300px;
    background:#fff;
    margin:0 24px 0 0;
    padding:14px 20px 20px;
    border-radius:6px;
    flex:1
}
@media screen and (max-width: 1360px) {
    .p-paperDetail-jpn__box {
        width:278px;
        padding:7px 10px 10px
    }
}
.p-paperDetail-jpn__box--s {
    width:300px;
    background:#fff;
    margin:0;
    padding:14px 20px 20px;
    border-radius:6px;
    flex:none
}
@media screen and (max-width: 1360px) {
    .p-paperDetail-jpn__box--s {
        width:128px;
        padding:7px 10px 10px
    }
}
.p-paperDetail-jpn__box-wrap {
    display:flex;
    justify-content:stretch;
    margin:0 0 30px 0
}
.p-paperDetail-jpn__box-marker {
    margin:0 0 10px 0
}
.p-paperDetail-jpn__inputs {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.p-paperDetail-jpn__inputs-left {
    display:flex;
    align-items:center
}
.p-paperDetail-jpn__inputs-right {
    display:flex;
    align-items:center
}
.p-paperDetail-jpn__inputs-last {
    display:flex;
    align-items:center;
    margin-left:auto
}
.p-paperDetail-jpn__teacher {
    font-size:1.2rem
}
.p-paperDetail-jpn__score {
    font-size:1.2rem
}
.p-paperDetail-jpn__select {
    width:140px;
    margin:0 5px 0 0
}
.p-paperDetail-jpn__input {
    width:60px;
    margin:0 5px 0 0
}
.p-paperDetail-jpn__file {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.p-paperDetail-jpn__file-name {
    margin:0 20px 0 0;
    word-break:break-all
}
.p-paperDetail-jpn__file-name a {
    text-decoration:underline;
    font-size:1.4rem;
    color:#2b2b2b;
    font-weight:500;
    display:flex;
    align-items:center
}
.p-paperDetail-jpn__file-name a:before {
    content:"";
    width:16px;
    height:16px;
    background:url("/assets//img/common/ico-note-black.svg") center center no-repeat;
    background-size:contain;
    flex-shrink:0;
    margin:0 8px 0 0
}
.p-paperDetail-jpn__file-name a.is-none {
    display:none
}
.p-paperDetail-jpn__file-right {
    display:flex;
    align-items:center
}
.p-paperDetail-jpn__file-btn-area {
    display:flex;
    margin:0 30px 0 0
}
.p-paperDetail-jpn__file-choice {
    width:170px
}
.p-paperDetail-jpn__file-del {
    width:100px;
    margin:0 0 0 12px
}
.p-paperDetail-jpn__file-input {
    display:none
}
.p-paperDetail-jpn__file-influence {
    width:160px;
    margin:0 auto 6px
}
.p-paperDetail-jpn__file-influence-area {
    padding:0 0 0 32px;
    margin:0 18px 0 0;
    border-left:#d8d8cb 1px solid;
    height:76px;
    display:flex;
    align-items:center
}
.p-paperDetail-jpn__file-date {
    font-size:1.2rem;
    font-weight:normal
}
.p-paperDetail-eng {
    border-radius:6px;
    background:#fafaf7;
    margin:0 0 32px 0;
    padding:37px 32px 29px 32px
}
.p-paperDetail-eng__ttl {
    font-size:1.8rem;
    margin:0 0 25px 0
}
.p-paperDetail-eng__box {
    width:300px;
    background:#fff;
    margin:0 24px 0 0;
    padding:14px 20px 20px;
    border-radius:6px
}
@media screen and (max-width: 1260px) {
    .p-paperDetail-eng__box {
        width:192px
    }
}
.p-paperDetail-eng__box:last-child {
    margin:0
}
.p-paperDetail-eng__box-wrap {
    display:flex;
    justify-content:space-between;
    margin:0 0 30px 0;
    align-items:center
}
.p-paperDetail-eng__box-marker {
    margin:0 0 10px 0
}
.p-paperDetail-eng__input {
    width:60px;
    margin:0 5px 0 auto
}
.p-paperDetail-eng__inputs {
    display:flex;
    align-items:center
}
.p-paperDetail-eng__select {
    width:260px
}
.p-paperDetail-eng__file-influence {
    width:160px;
    margin:0 auto 6px
}
.p-paperDetail-eng__file-influence-area {
    padding:0 0 0 32px;
    margin:0 18px 0 0;
    border-left:#d8d8cb 1px solid;
    height:76px;
    display:flex;
    align-items:center
}
.p-paperDetail-eng__file-date {
    font-size:1.2rem;
    font-weight:normal
}
.p-paperDetail-eng__score {
    font-size:1.2rem
}
.p-paperDetail-finish {
    border-radius:6px;
    background:#fafaf7;
    margin:0 0 32px 0;
    padding:37px 32px 29px 32px
}
.p-paperDetail-finish__ttl {
    font-size:1.8rem;
    margin:0 234px 0 0
}
@media screen and (max-width: 1260px) {
    .p-paperDetail-finish__ttl {
        margin:0 150px 0 0
    }
}
.p-paperDetail-finish__wrap {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.p-paperDetail-finish__left {
    display:flex;
    align-items:center
}
.p-paperDetail-finish__btn {
    width:160px
}
.p-paperDetail-finish__save {
    width:160px;
    margin:0 auto 6px
}
.p-paperDetail-finish__save-area {
    padding:0 0 0 32px;
    margin:0 19px 0 0;
    border-left:#d8d8cb 1px solid;
    height:76px;
    display:flex;
    align-items:center
}
.p-paperDetail .pipe {
    color:#e8e8e2;
    margin:0 32px 0 22px;
    font-size:2rem
}
.p-paperDetail .required {
    font-size:1.2rem;
    color:#e6183f;
    margin:0 0 0 18px
}
.p-paperDetail .is-none {
    display:none
}
.p-change-password-modal {
    background:#fafaf7;
    padding:56px 24px;
    border-radius:6px
}
.p-change-password-modal__head-ttl {
    font-size:2rem;
    margin:0 0 24px 0
}
.p-change-password-modal__head-msg {
    font-weight:500;
    margin:0 0 24px 0
}
.p-change-password-modal__head-desc {
    line-height:24px;
    text-align:left;
    font-weight:500;
    border-radius:6px;
    background:#efefe4;
    margin:0 0 32px 0;
    padding:24px;
    word-break:break-all
}
.p-change-password-modal__form {
    max-width:500px;
    margin:0 auto
}
.p-change-password-modal__form-ttl {
    font-size:1.6rem;
    text-align:left
}
.p-change-password-modal__form-label {
    display:inherit;
    text-align:left;
    position:relative;
    margin-bottom:16px
}
.p-change-password-modal__form-box {
    position:relative;
    margin:8px 0 0 0
}
.p-change-password-modal__form-input {
    display:block;
    width:100%;
    border:1px solid #ddd;
    border-radius:4px;
    margin:8px 0 0 0;
    padding:14px 52px 16px 8px;
    font-size:1.6rem;
    line-height:24px
}
.p-change-password-modal__form-input.is-error {
    background:#fdf0f0;
    border-color:#e6183f
}
.p-change-password-modal__form-pass {
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-eye-login.svg") center center no-repeat;
    background-size:contain
}
.p-change-password-modal__form-error-msg {
    color:#e6183f;
    margin:8px 0 0 0
}
.p-change-password-modal__form-success-msg {
    color:#0bd59d;
    margin:8px 0 0 0
}
.p-change-password-modal__form-btn-wrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:32px 0 0 0
}
.p-change-password-modal__form-btn-close {
    position:static;
    background:#fff;
    width:240px;
    height:56px;
    border-radius:36px;
    padding:10px
}
.p-change-password-modal__form-btn-set {
    background:#2b2b2b;
    width:240px
}
.p-change-secret-modal {
    background:#fff;
    padding:56px 24px;
    border-radius:6px
}
.p-change-secret-modal__head-ttl {
    font-size:2rem;
    margin:0 0 24px 0
}
.p-change-secret-modal__head-msg {
    font-weight:500;
    margin:0 0 24px 0
}
.p-change-secret-modal__head-desc {
    line-height:24px;
    text-align:left;
    font-weight:500;
    border-radius:6px;
    background:#efefe4;
    margin:0 0 32px 0;
    padding:24px
}
.p-change-secret-modal__form {
    max-width:500px;
    margin:0 auto
}
.p-change-secret-modal__form-select {
    margin:0 0 16px 0
}
.p-change-secret-modal__form-select>select {
    height:54px
}
.p-change-secret-modal__form-ttl {
    font-size:1.6rem;
    text-align:left
}
.p-change-secret-modal__form-label {
    display:inherit;
    text-align:left;
    position:relative;
    margin-bottom:16px
}
.p-change-secret-modal__form-box {
    position:relative;
    margin:8px 0 0 0
}
.p-change-secret-modal__form-inputArea {
    margin:0 0 24px 0
}
.p-change-secret-modal__form-input {
    display:block;
    width:100%;
    height:54px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:14px 52px 16px 8px;
    font-size:1.6rem;
    line-height:24px
}
.p-change-secret-modal__form-input.is-error {
    background:#fdf0f0;
    border-color:#e6183f
}
.p-change-secret-modal__form-pass {
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-eye-login.svg") center center no-repeat;
    background-size:contain
}
.p-change-secret-modal__form-error-msg {
    color:#e6183f;
    margin:8px 0 0 0;
    text-align:left
}
.p-change-secret-modal__form-btn-close {
    position:static;
    background:#fff;
    width:160px;
    height:56px;
    border-radius:36px;
    margin:0 auto;
    padding:10px
}
.p-change-secret-modal__form-btn-set {
    width:240px;
    margin:0 auto 24px
}
.p-group-chat-category-modal {
    padding:48px 0 24px;
    background:#fafaf7;
    border-radius:6px
}
.p-group-chat-category-modal__inner {
    padding:0 40px
}
.p-group-chat-category-modal__ttl {
    font-size:1.6rem;
    text-align:left;
    margin-bottom:16px
}
.p-group-chat-category-modal__txt {
    width:100%;
    margin-bottom:24px;
    padding:8px 16px;
    background:#fff;
    border:solid 1px #ddd;
    border-radius:4px
}
.p-group-chat-category-modal__txt::-moz-placeholder {
    color:#2b2b2b;
    opacity:.32
}
.p-group-chat-category-modal__txt:-ms-input-placeholder {
    color:#2b2b2b;
    opacity:.32
}
.p-group-chat-category-modal__txt::placeholder {
    color:#2b2b2b;
    opacity:.32
}
.p-group-chat-category-modal__btn {
    max-width:170px
}
.p-commCondition-modal__close {
    top:12px;
    right:16px
}
.p-commCondition-modal__contents {
    max-width:980px;
    width:80%;
    overflow:hidden
}
.p-commCondition-modal__inner {
    padding:59px 40px 49px
}
.p-commCondition-modal__head {
    background:#f7f7f3;
    padding:30px 5%;
    border-radius:6px 6px 0 0
}
.p-commCondition-modal__head__inner {
    display:flex;
    width:100%;
    align-items:center
}
.p-commCondition-modal__head__txt {
    font-size:1.4rem;
    margin-right:16px
}
.p-commCondition-modal__head__select {
    flex:1;
    margin-right:16px
}
.p-commCondition-modal__head__btn {
    width:27%;
    min-width:170px;
    max-width:180px;
    padding:10px 0
}
.p-commCondition-modal__tab-wrap {
    padding:32px 0;
    background:#fff
}
.p-commCondition-modal__tab__list {
    display:flex;
    width:100%;
    border-radius:27px;
    overflow:hidden;
    background:#fff;
    max-width:670px;
    margin:0 auto 32px
}
.p-commCondition-modal__tab__un-setted {
    display:block;
    min-width:50px;
    padding:2px 10px;
    border-radius:30px;
    font-size:1rem;
    margin-left:8px;
    background:#c7c7c7;
    color:#fff;
    display:flex;
    align-items:center
}
.p-commCondition-modal__tab__setted {
    display:block;
    min-width:50px;
    padding:2px 10px;
    border-radius:30px;
    font-size:1rem;
    margin-left:8px;
    border:1px solid #0bb3d6;
    color:#0bb3d6;
    display:flex;
    align-items:center
}
.p-commCondition-modal__tab__setted::before {
    width:10px;
    height:10px;
    background:url("/assets/img/common/ico-check-fill-blue.svg");
    background-size:contain;
    background-repeat:no-repeat;
    content:"";
    margin-right:4px
}
.p-commCondition-modal__tab__item {
    flex:1;
    border-right:1px solid #dbdad7;
    text-align:center;
    height:40px;
    display:flex;
    justify-content:center
}
.p-commCondition-modal__tab__item:nth-of-type(1) {
    box-shadow:0px 1px 0px 0px #dbdad7 inset,0px -1px 0px 0px #dbdad7 inset,1px 0px 0px 0px #dbdad7 inset;
    border-radius:20px 0 0 20px
}
.p-commCondition-modal__tab__item:nth-of-type(2) {
    box-shadow:0px 1px 0px 0px #dbdad7 inset,0px -1px 0px 0px #dbdad7 inset
}
.p-commCondition-modal__tab__item:nth-of-type(3) {
    box-shadow:0px 1px 0px 0px #dbdad7 inset,0px -1px 0px 0px #dbdad7 inset,-1px 0px 0px 0px #dbdad7 inset;
    border-radius:0 20px 20px 0;
    border-right:0px
}
.p-commCondition-modal__tab__item:last-of-type {
    box-shadow:0 0 0 1px #dbdad7 inset;
    background:#fff;
    margin-left:20px;
    border-radius:20px;
    border-right:0px
}
.p-commCondition-modal__tab__item:last-of-type.is-active {
    background:#0bb3d6
}
.p-commCondition-modal__tab__item.is-active {
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    color:#fff;
    cursor:default;
    height:40px;
    color:#fff
}
.p-commCondition-modal__tab__item.is-active .p-commCondition-modal__tab__btn {
    color:#fff;
    font-weight:700
}
.p-commCondition-modal__tab__item.is-active .p-commCondition-modal__tab__setted {
    border:1px solid #fff;
    color:#fff
}
.p-commCondition-modal__tab__item.is-active .p-commCondition-modal__tab__setted::before {
    background:url("/assets/img/common/ico-check-fill-white.svg")
}
.p-commCondition-modal__tab__item.is-active .p-commCondition-modal__tab__un-setted {
    border:1px solid rgba(255,255,255,.9);
    background:transparent
}
.p-commCondition-modal__tab__btn {
    text-align:center;
    font-weight:700;
    display:flex;
    align-items:center;
    width:100%;
    justify-content:center
}
.p-commCondition-modal__box {
    display:none
}
.p-commCondition-modal__box--student .p-commCondition-modal__box__select-box {
    display:none
}
.p-commCondition-modal__box--student .p-commCondition-modal__box__select-box:nth-of-type(2),.p-commCondition-modal__box--student .p-commCondition-modal__box__select-box:nth-of-type(4) {
    padding-bottom:24px;
    border-bottom:1px solid #dbdad7
}
.p-commCondition-modal__box__check {
    margin-bottom:24px
}
.p-commCondition-modal__box__check label {
    padding-left:0;
    padding-right:22px
}
.p-commCondition-modal__box__check input:checked+span::after {
    left:auto;
    right:5px
}
.p-commCondition-modal__box__check span::before {
    left:auto;
    right:0
}
.p-commCondition-modal__box.is-active {
    display:flex
}
.p-commCondition-modal__box__left {
    width:40%;
    max-width:300px;
    margin:0 32px 0 32px;
    position:relative
}
.p-commCondition-modal__box__right {
    flex:1;
    margin-right:32px
}
.p-commCondition-modal__box__ttl {
    text-align:center;
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:12px
}
.p-commCondition-modal__box__search {
    padding-left:40px
}
.p-commCondition-modal__box__search-wrap {
    position:relative;
    max-width:300px;
    width:100%;
    margin:auto
}
.p-commCondition-modal__box__search-wrap::before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    background:url("/assets/img/common/ico-search-black.svg");
    width:16px;
    height:16px;
    left:16px;
    content:"";
    z-index:99;
    background-size:contain;
    background-repeat:no-repeat
}
.p-commCondition-modal__box__more-txt {
    font-size:1.4rem;
    text-decoration:underline;
    text-align:center;
    font-weight:500;
    margin-top:10px;
    display:inline-block;
    cursor:pointer
}
.p-commCondition-modal__box__more-txt span {
    display:none;
    text-decoration:underline
}
.p-commCondition-modal__box__more-txt.is-active span {
    display:inline-block
}
.p-commCondition-modal__box__select-wrap {
    display:none
}
.p-commCondition-modal__box__select-wrap.is-active {
    display:block
}
.p-commCondition-modal__box__select-box {
    text-align:left;
    margin-top:12px;
    position:relative
}
.p-commCondition-modal__box__select-box.is-active {
    display:block
}
.p-commCondition-modal__box__select-box.is-disabled .p-commCondition-modal__box__select-ttl {
    color:#c7c7c7
}
.p-commCondition-modal__box__select-ttl {
    margin-bottom:6px;
    display:block
}
.p-commCondition-modal__box__search-btn {
    max-width:170px;
    margin:24px auto 0
}
.p-commCondition-modal__pager {
    display:flex;
    gap:40px;
    color:#2b2b2b;
    font-size:1.4rem;
    font-weight:500;
    margin:0 24px 16px 0;
    justify-content:space-between
}
.p-commCondition-modal__pager-right {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-commCondition-modal__pager-btn {
    position:relative
}
.p-commCondition-modal__pager-btn button {
    border-bottom:1px solid #2b2b2b;
    padding:0;
    font-family:inherit;
    font-weight:inherit;
    white-space:nowrap
}
.p-commCondition-modal__pager-previous {
    margin-right:32px
}
.p-commCondition-modal__pager-previous::before {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-left.svg);
    top:57%;
    left:-12px;
    transform:translateY(-50%)
}
.p-commCondition-modal__pager-next::after {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-right.svg);
    top:57%;
    right:-12px;
    transform:translateY(-50%)
}
.p-commCondition-modal__table {
    white-space:nowrap;
    width:100%;
    overflow-y:auto;
    height:630px;
    padding-bottom:16px
}
.p-commCondition-modal__table label {
    width:15px;
    height:15px;
    padding:0;
    display:block;
    margin-left:4px
}
.p-commCondition-modal__table table {
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all
}
.p-commCondition-modal__table table th,.p-commCondition-modal__table table td {
    vertical-align:middle;
    text-align:left
}
.p-commCondition-modal__table table th a,.p-commCondition-modal__table table td a {
    display:inline
}
.p-commCondition-modal__table table th {
    padding:8px 12px
}
.p-commCondition-modal__table table th:first-of-type {
    padding-left:24px
}
.p-commCondition-modal__table table td {
    font-weight:500;
    padding:10px 8px
}
.p-commCondition-modal__table table td:first-of-type {
    padding-left:24px
}
.p-commCondition-modal__table table td:last-of-type {
    padding:10px 24px 10px 8px
}
.p-commCondition-modal__table thead {
    width:100%;
    box-shadow:inset 0 -1px 0 0 #262626;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1;
    background:#fff
}
.p-commCondition-modal__table thead th {
    text-align:left;
    box-shadow:inset 0 1px 0 0 #262626
}
.p-commCondition-modal__table thead th:last-of-type {
    width:360px;
    text-align:left
}
.p-commCondition-modal__table tbody {
    max-height:230px;
    overflow-y:auto
}
.p-commCondition-modal__table tbody td:last-of-type,.p-commCondition-modal__table tbody th:last-of-type {
    width:360px;
    text-align:left
}
.p-commCondition-modal__table tbody a {
    text-decoration:underline
}
.p-commCondition-modal__table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2;
    background:#fff
}
.p-commCondition-modal__table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.p-commCondition-modal__txt {
    margin:0 auto 36px;
    text-align:left
}
.p-commCondition-modal__wrap {
    margin:0 0 30px
}
.p-commCondition-modal__question {
    text-align:left;
    width:47.4%;
    margin:0 15px 0 0
}
.p-commCondition-modal__radio {
    font-size:1.4rem;
    min-width:109px
}
.p-commCondition-modal__radio:first-child {
    width:47%
}
.p-commCondition-modal__radio-area {
    display:flex;
    width:231px;
    justify-content:space-between;
    flex-shrink:0
}
.p-commCondition-modal__submit-btn {
    width:120px;
    margin:0 auto
}
.p-commCondition-modal__bottom {
    display:flex;
    background:#f7f7f3;
    padding:30px 50px;
    align-items:center;
    border-radius:0 0 6px 6px
}
.p-commCondition-modal__bottom__ttl {
    margin-right:24px
}
.p-commCondition-modal__bottom__input {
    flex:1;
    margin-right:16px
}
.p-commCondition-modal__bottom__btn {
    width:170px
}
.add-modal .p-commCondition-modal__tab__item:nth-of-type(3) {
    box-shadow:0px 1px 0px 0px #dbdad7 inset,0px -1px 0px 0px #dbdad7 inset;
    border-radius:0;
    border-right:0px
}
.add-modal .p-commCondition-modal__tab__item:last-of-type {
    box-shadow:0px 1px 0px 0px #dbdad7 inset,0px -1px 0px 0px #dbdad7 inset,-1px 0px 0px 0px #dbdad7 inset;
    background:#fff;
    margin-left:0;
    border-radius:0 20px 20px 0;
    border-right:0px
}
.add-modal .p-commCondition-modal__tab__item:last-of-type.is-active {
    background:#0bb3d6
}
.p-contactHistory-modal {
    background:#fafaf7;
    border-radius:6px
}
.p-contactHistory-modal__inner {
    padding:53px 40px 40px
}
.p-contactHistory-modal__ttl {
    font-size:2.4rem;
    font-style:700;
    margin-bottom:24px;
    text-align:left
}
.p-contactHistory-modal-content {
    display:flex;
    align-items:center;
    margin-bottom:22px
}
.p-contactHistory-modal-item {
    flex:1;
    margin-right:32px
}
.p-contactHistory-modal-item:last-child {
    margin-right:0
}
.p-contactHistory-modal-item__ttl {
    font-size:1.6rem;
    font-style:700;
    text-align:left;
    margin-bottom:8px
}
.p-contactHistory-modal-select {
    display:flex;
    align-items:center;
    margin-bottom:32px
}
.p-contactHistory-modal-select-item {
    position:relative;
    flex:1;
    margin-right:24px
}
.p-contactHistory-modal-select-item:last-child {
    margin-right:0
}
.p-contactHistory-modal-select-item__ttl {
    font-size:1.6rem;
    font-style:700;
    text-align:left;
    margin-bottom:8px
}
.p-contactHistory-modal-select-item__ttl--error {
    position:absolute;
    font-size:1.3rem;
    color:#e6183f;
    margin-top:8px;
    text-align:left
}
.p-contactHistory-modal-select-item__required {
    font-size:1.4rem;
    color:#e6183f;
    margin:0 0 0 8px
}
.p-contactHistory-modal-txt {
    margin-bottom:32px
}
.p-contactHistory-modal-txt__ttl {
    font-size:1.6rem;
    font-style:700;
    margin-bottom:8px;
    text-align:left
}
.p-contactHistory-modal-txt__num {
    font-size:1.4rem;
    font-weight:500;
    margin:0 16px 0 8px
}
.p-contactHistory-modal-support {
    width:50%;
    margin-bottom:32px
}
.p-contactHistory-modal-btn {
    display:flex;
    align-items:center;
    justify-content:center
}
.p-contactHistory-modal-btn__item {
    width:240px;
    margin-right:20px
}
.p-contactHistory-modal-btn__item:last-child {
    margin-right:0
}
.p-commTable-folderEdit {
    background-color:#fafaf7;
    border-radius:6px
}
.p-commTable-folderEdit__inner {
    padding:48px 40px 24px
}
.p-commTable-folderEdit__ttl {
    font-size:1.6rem;
    margin:0 0 29px;
    text-align:left
}
.p-commTable-folderEdit__box {
    margin:0 0 30px
}
.p-commTable-folderEdit__btn {
    max-width:182px;
    margin:0 auto;
    background-color:#2b2b2b
}
.p-commTable-submitUnread {
    background-color:#fafaf7;
    border-radius:4px;
    padding:48px 16px 24px
}
.p-commTable-submitUnread__inner {
    background-color:#fff;
    padding:10px 20px;
    width:auto
}
.p-commTable-submitUnread__head {
    display:flex;
    align-items:center
}
.p-commTable-submitUnread__subTtl {
    margin:0 18px 0 0
}
.p-commTable-submitUnread__ttl {
    font-size:1.6rem
}
.p-commTable-submitUnread__middle {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:12px 0 0
}
.p-commTable-submitUnread__txt-upper {
    font-weight:500
}
.p-commTable-submitUnread__txt-bottom {
    display:flex;
    justify-content:flex-end;
    font-weight:500;
    padding:0 12px 0 0
}
.p-commTable-submitUnread__box {
    position:relative;
    text-align:left
}
.p-commTable-submitUnread__box::before {
    content:"";
    position:absolute;
    top:50%;
    left:16px;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-search-black.svg") no-repeat center center/contain;
    width:16px;
    height:16px;
    pointer-events:none;
    z-index:1
}
.p-commTable-submitUnread__box-txt {
    padding:0 0 0 44px;
    max-width:332px
}
.p-commTable-submitUnread__table {
    white-space:nowrap;
    width:100%;
    overflow-y:auto;
    height:756px;
    margin-top:20px;
    padding-bottom:16px
}
.p-commTable-submitUnread__table table {
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all
}
.p-commTable-submitUnread__table table th,.p-commTable-submitUnread__table table td {
    vertical-align:middle;
    text-align:left
}
.p-commTable-submitUnread__table table th {
    padding:8px 12px
}
.p-commTable-submitUnread__table table th:first-of-type {
    padding-left:24px
}
.p-commTable-submitUnread__table table td {
    font-weight:500;
    padding:10px 8px
}
.p-commTable-submitUnread__table table td:first-of-type {
    padding-left:24px
}
.p-commTable-submitUnread__table table td:last-of-type {
    padding:10px 24px 10px 8px
}
.p-commTable-submitUnread__table thead {
    width:100%;
    box-shadow:inset 0 -1px 0 0 #262626;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1;
    background:#fff
}
.p-commTable-submitUnread__table thead th {
    text-align:left;
    box-shadow:inset 0 1px 0 0 #262626
}
.p-commTable-submitUnread__table thead th:last-of-type {
    width:360px;
    text-align:left
}
.p-commTable-submitUnread__table tbody {
    max-height:230px;
    overflow-y:auto
}
.p-commTable-submitUnread__table tbody td:last-of-type,.p-commTable-submitUnread__table tbody th:last-of-type {
    width:360px;
    text-align:left
}
.p-commTable-submitUnread__table tbody a {
    text-decoration:underline
}
.p-commTable-submitUnread__table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2;
    background:#fff
}
.p-commTable-submitUnread__table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.p-commTable-submitUnread__check label {
    width:15px;
    height:15px;
    padding:0;
    display:block;
    margin-left:16px
}
.p-commTable-submitUnread__check label-box+span::before {
    border:1px solid #949494
}
.p-commTable-submitUnread__bottom {
    display:flex;
    align-items:center;
    margin:24px 0 0
}
.p-commTable-submitUnread__checkBox {
    margin:0 51px 0 0
}
.p-commTable-submitUnread__checkBox-box+span {
    font-weight:400
}
.p-commTable-submitUnread__btn {
    display:flex;
    align-items:center;
    flex:1;
    margin:0 auto
}
.p-commTable-submitUnread__btn-save {
    max-width:170px;
    background-color:#2b2b2b;
    margin:0 16px 0 0
}
.p-commTable-submitUnread__btn-csv {
    max-width:170px
}
.p-paper-modal__inner {
    padding:59px 40px 49px
}
.p-paper-modal__txt {
    margin:0 auto 36px;
    text-align:left
}
.p-paper-modal__wrap {
    margin:0 0 30px
}
.p-paper-modal__question {
    text-align:left;
    width:47.4%;
    margin:0 15px 0 0
}
.p-paper-modal__box {
    border-radius:6px;
    background:#fafaf7;
    padding:27px 20px 29px;
    margin:0 0 20px
}
.p-paper-modal__box:last-child {
    margin:0
}
.p-paper-modal__content {
    max-width:560px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin:0 auto
}
.p-paper-modal__radio {
    font-size:1.4rem;
    min-width:109px
}
.p-paper-modal__radio:first-child {
    width:47%
}
.p-paper-modal__radio-area {
    display:flex;
    width:231px;
    justify-content:space-between;
    flex-shrink:0
}
.p-paper-modal__submit-btn {
    width:120px;
    margin:0 auto
}
.p-profile-img-modal {
    border-radius:6px;
    background:#fafaf7;
    box-shadow:0px 3px 10px #0000001a;
    overflow:hidden
}
.p-profile-img-modal__inner {
    padding-top:56px
}
.p-profile-img-modal-modalForm {
    background:#fafaf7
}
.p-profile-img-modal-modalForm__wrap {
    max-width:408px;
    margin:0 auto
}
.p-profile-img-modal-modalForm__image-block {
    margin-bottom:32px;
    background:#a3a3a3
}
.p-profile-img-modal-modalForm__image-mask {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:297px;
    height:297px;
    margin:0 auto;
    background-size:cover;
    background:#676767;
    border-radius:50%;
    overflow:hidden
}
.p-profile-img-modal-modalForm__image-mask img {
    display:block;
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-profile-img-modal-modalForm__image-mask__txt {
    position:absolute;
    top:55%;
    display:none;
    color:#fff;
    font-size:1.2rem;
    font-weight:700
}
.p-profile-img-modal-modalForm__text {
    margin-bottom:8px;
    font-size:14px
}
.p-profile-img-modal-modalForm__text.error {
    color:#e6183f
}
.p-profile-img-modal-modalForm__text.complete {
    color:#0bd59d
}
.p-profile-img-modal-modalForm__ttl {
    margin-bottom:21px;
    font-size:16px
}
.p-profile-img-modal-modalForm__radio-block {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 32px;
    margin:0 auto 32px
}
.p-profile-img-modal-modalForm__radio-btn {
    display:none
}
.p-profile-img-modal-modalForm__fake-radio {
    width:56px;
    height:56px;
    border-radius:50%;
    overflow:hidden;
    background:#fff;
    border:4px solid transparent;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:6px;
    cursor:pointer
}
.p-profile-img-modal-modalForm__radio-btn:checked+.p-profile-img-modal-modalForm__fake-radio {
    border-color:#0bb3d5
}
.p-profile-img-modal-modalForm__bottom {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:16px 24px;
    background:#fff
}
.p-profile-img-modal-modalForm__reset-btn {
    max-width:112px
}
.p-profile-img-modal-modalForm__bottom-right {
    display:flex;
    align-items:center;
    gap:16px
}
.p-profile-img-modal-modalForm__upload {
    width:169px
}
.p-profile-img-modal-modalForm__submit {
    display:block;
    width:120px
}
.p-profile-img-modal-modalForm__submit.is-active {
    display:none
}
.p-profile-img-modal-modalForm__submit:disabled {
    background:#a3a3a3;
    cursor:default
}
.p-profile-img-modal-modalForm__submit:disabled:hover {
    opacity:1
}
.p-profile-img-modal-modalForm__close {
    width:120px;
    background:#a3a3a3;
    display:none
}
.p-profile-img-modal-modalForm__close.is-active {
    display:block
}
#sample1_modal .p-sample1 {
    height:1500px
}
#sample1_modal .p-sample1__inner {
    padding:53px 40px 40px
}
#sample2_modal .p-sample2__inner {
    padding:53px 40px 40px
}
.p-schedule-modal {
    position:relative;
    background:#fafaf7;
    border-radius:6px
}
.p-schedule-modal-news {
    padding:50px 40px 24px;
    background:#fafaf7;
    border-radius:6px
}
.p-schedule-modal-news--close {
    padding-top:32px
}
.p-schedule-modal-news-btn {
    padding-bottom:14px
}
.p-schedule-modal-news__list {
    max-height:321px;
    padding:0 17px 0 0;
    overflow-y:auto
}
.p-schedule-modal-news__list--category {
    max-height:140px
}
.p-schedule-modal-news__list--close {
    max-height:245px
}
.p-schedule-modal-news__list--curriculum {
    max-height:321px
}
.p-schedule-modal-news__item {
    border-bottom:1px solid #e8e8e2;
    padding:15px 0
}
.p-schedule-modal-news__item:last-of-type {
    border-bottom:none
}
.p-schedule-modal-news-detail {
    display:flex;
    align-items:center
}
.p-schedule-modal-news-detail__ttl {
    width:16%;
    text-align:left;
    font-size:1.2rem;
    font-weight:700;
    color:#2b2b2b
}
.p-schedule-modal-news-detail__dfn {
    width:84%;
    text-align:left;
    font-size:1.2rem;
    font-weight:500;
    color:#2b2b2b
}
.p-schedule-modal-news-detail__dfn--fontBig {
    font-size:1.6rem
}
.p-schedule-modal-news-detail__dfn--flex {
    display:flex;
    align-items:center
}
.p-schedule-modal-news-detail__dfn--fontSize {
    margin:0 4px;
    font-size:1.8rem;
    font-family:"Lato",sans-serif;
    font-weight:700
}
.p-schedule-modal-news-detail__dfn--fontSize:first-child {
    margin-left:0
}
.p-schedule-modal-news-detail__dfn--fontSize:last-child {
    margin-right:0
}
.p-schedule-modal-news-detail__txt {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-right:13px
}
.p-schedule-modal-news-detail__link {
    position:relative
}
.p-schedule-modal-news-detail__link::after {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:11px;
    height:11px;
    margin-left:8px;
    background:url(/assets/img/common/ico-link-black.svg);
    background-repeat:no-repeat;
    background-size:cover
}
.p-schedule-modal-news-detail__linkBtn {
    width:137px;
    flex-shrink:0
}
.p-schedule-modal-news-detail__linkBtn::after {
    content:"";
    min-width:13px;
    min-height:13px;
    margin-left:8px;
    background:url(/assets/img/common/ico-link-white.svg);
    background-size:cover;
    background-repeat:no-repeat
}
.p-schedule-modal-news-zoomBtn {
    width:94px;
    margin-right:16px
}
.p-schedule-modal-news-zoomBtn:last-child {
    margin-right:0
}
.p-schedule-modal__btn-list {
    display:flex;
    justify-content:center;
    background:#fafaf7;
    margin-bottom:24px
}
.p-schedule-modal__btn-item {
    width:100px;
    margin-right:24px
}
.p-schedule-modal__btn-item:last-of-type {
    margin-right:0
}
.p-schedule-modal-btnWrap {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:24px
}
.p-schedule-modal-tabArea {
    background:#fafaf7;
    border-radius:0 0 6px 6px;
    overflow:hidden
}
.p-schedule-modal-tab {
    height:47px;
    justify-content:center
}
.p-schedule-modal-tab::before {
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    bottom:0;
    left:0;
    z-index:0;
    border-bottom:solid 2px #efefe4
}
.p-schedule-modal-tab--curriculum {
    height:47px;
    justify-content:center
}
.p-schedule-modal-tab--curriculum::before {
    height:2px;
    background:#efefe4
}
.p-schedule-modal-tab__item {
    margin:0 4px;
    max-width:150px
}
.p-schedule-modal-tab__item:first-child {
    margin-left:0
}
.p-schedule-modal-tab__item:last-child {
    margin-right:0
}
.p-schedule-modal-tab__item--close {
    flex:none
}
.p-schedule-modal-tab__btn {
    font-size:1.2rem;
    background:#efefe4;
    color:#5f5f5f;
    height:31px
}
.p-schedule-modal-tab__btn--close {
    padding:14px 38px
}
.p-schedule-modal-tab__btn.is-active {
    width:calc(100% - 4px);
    margin:2px 2px 0 2px;
    height:45px;
    min-height:auto;
    padding:0
}
.p-schedule-modal-tab__btn.is-active::before {
    border-radius:15px 15px 0 0;
    background:#efefe4
}
.p-schedule-modal-wrap {
    padding:0 24px;
    background:#fff
}
.p-schedule-modal-btn__downloadBtn {
    width:229px;
    margin:20px auto 0
}
.p-schedule-modal-fileWrap {
    display:flex;
    flex-direction:column
}
.p-schedule-modal-fileWrap--flex {
    display:flex;
    align-items:center
}
.p-schedule-modal-fileWrap__txt {
    position:relative;
    font-size:1.2rem;
    margin-right:19px;
    padding-left:13px
}
.p-schedule-modal-fileWrap__txt::before {
    content:"";
    transform:translate(0, -50%);
    position:absolute;
    left:0;
    top:60%;
    width:9px;
    height:9px
}
.p-schedule-modal-fileWrap__txt-green {
    color:#0bd69c
}
.p-schedule-modal-fileWrap__txt-green::before {
    content:"";
    background:url(/assets/img/common/ico-check-green.svg);
    background-repeat:no-repeat
}
.p-schedule-modal-fileWrap__txt-red {
    color:#ed0000
}
.p-schedule-modal-fileWrap__txt-red::before {
    content:"";
    background:url(/assets/img/common/ico-cross-red.svg);
    background-repeat:no-repeat
}
.p-schedule-modal-fileWrap__txtContent {
    display:flex;
    align-items:center
}
.p-schedule-modal-fileWrap__deleteBtn {
    display:flex;
    align-items:center;
    font-size:1.2rem
}
.p-schedule-modal-fileWrap__deleteBtn img {
    min-width:9px;
    height:12px;
    margin-right:6px
}
.p-schedule-modal-fileWrap__delete {
    min-width:193px;
    padding:8px 16px;
    background:#afafaf;
    border-radius:25px;
    color:#cecece;
    font-size:1.4rem;
    font-weight:700;
    display:flex;
    align-items:center
}
.p-schedule-modal-fileWrap__deleteTxt {
    position:relative;
    cursor:default
}
.p-schedule-modal-fileWrap__deleteTxt::after {
    content:"";
    position:absolute;
    top:50%;
    left:74px;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    background:url(/assets/img/common/ico-check-gray.svg);
    background-size:cover;
    background-repeat:no-repeat
}
.p-schedule-modal-fileWrap__deleteBtn {
    width:60px;
    height:24px;
    background:#fff;
    font-size:1.4rem;
    font-weight:700;
    border-radius:25px;
    margin-left:auto
}
.p-schedule-modal-category {
    padding-bottom:32px
}
.p-schedule-modal-category--courseModal {
    padding:32px 25px 20px
}
.p-schedule-modal-category--border {
    padding-bottom:40px;
    border-bottom:solid 1px #d8d8d8
}
.p-schedule-modal-category__ttl {
    padding:32px 0 16px;
    text-align:left;
    font-size:1.4rem;
    font-weight:700;
    color:#2b2b2b
}
.p-schedule-modal-category__ttl--courseModal {
    padding:32px 25px 20px
}
.p-schedule-modal-category__list {
    margin-left:16px
}
.p-schedule-modal-category__list--curriculum {
    padding-bottom:36px;
    margin-left:0
}
.p-schedule-modal-category__item {
    margin-bottom:16px
}
.p-schedule-modal-category__item:last-child {
    margin-bottom:0
}
.p-schedule-modal-category__item--flex {
    display:flex;
    align-items:center
}
.p-schedule-modal-category__txt {
    font-size:1.2rem;
    font-weight:500;
    margin-right:16px;
    display:flex;
    align-items:center
}
.p-schedule-modal-category__txt--flexShrink {
    position:relative;
    flex-shrink:0;
    margin-right:15px;
    padding-left:15px
}
.p-schedule-modal-category__txt--flexShrink::before {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0, -50%);
    width:5px;
    height:5px;
    background:#000;
    border-radius:50%
}
.p-schedule-modal-category__txt span {
    text-align:left;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.p-schedule-modal-category__btn {
    flex-shrink:0;
    max-width:141px;
    margin-left:auto;
    line-height:normal
}
.p-schedule-modal-category__btn--color {
    background:#afafaf;
    color:#cecece
}
.p-schedule-modal-normal-test {
    padding:34px 0 32px
}
.p-schedule-modal-normal-test__ttl {
    margin-bottom:16px;
    text-align:left;
    font-size:1.4rem;
    font-weight:700
}
.p-schedule-modal-normal-test__item {
    margin-bottom:16px
}
.p-schedule-modal-normal-test__item--flex {
    display:flex;
    align-items:center
}
.p-schedule-modal-normal-test__txt {
    position:relative;
    padding-left:15px;
    margin-right:21px;
    text-align:left;
    font-size:1.2rem;
    font-weight:500
}
.p-schedule-modal-normal-test__txt::before {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0, -50%);
    width:5px;
    height:5px;
    background:#000;
    border-radius:50%
}
.p-schedule-modal-normal-test__link {
    flex-shrink:0;
    max-width:137px;
    margin-left:auto
}
.p-schedule-modal-normal-test__link--black {
    background:#2b2b2b;
    cursor:default
}
.p-schedule-modal-normal-test__day {
    font-size:1.2rem;
    font-weight:500;
    margin-left:auto;
    flex-shrink:0
}
.p-schedule-modal-zoom-ttl {
    display:flex;
    align-items:center;
    padding:40px 0 16px;
    text-align:left;
    font-size:1.4rem;
    font-weight:700;
    color:#2b2b2b
}
.p-schedule-modal-zoom-ttl span {
    flex-shrink:0;
    color:#e6183f;
    font-size:1.2rem;
    font-weight:700;
    margin-left:12px
}
.p-schedule-modal-zoom-wrap {
    padding:24px 24px 32px;
    margin-bottom:24px;
    border-radius:6px;
    background:#f7f7f4
}
.p-schedule-modal-zoom-search {
    margin-bottom:24px;
    border-bottom:solid 1px #d8d8d8
}
.p-schedule-modal-zoom-search__ttl {
    font-size:1.4rem;
    font-weight:700;
    text-align:left;
    margin-bottom:17px
}
.p-schedule-modal-zoom-search__content {
    display:flex;
    align-items:center;
    margin-bottom:16px
}
.p-schedule-modal-zoom-search__content:last-child {
    margin-bottom:24px
}
.p-schedule-modal-zoom-search__day {
    display:flex;
    align-items:center;
    width:100%
}
.p-schedule-modal-zoom-search__period {
    flex-shrink:0;
    margin-right:24px
}
.p-schedule-modal-zoom-search__symbol {
    margin:0 27px
}
.p-schedule-modal-zoom-search__point {
    flex-shrink:0;
    margin-right:24px
}
.p-schedule-modal-zoom-search__check {
    flex-shrink:0;
    margin-left:24px;
    width:47%;
    max-width:278px;
    text-align:left
}
.p-schedule-modal-zoom-searchResult__wrap {
    max-height:228px;
    margin-bottom:24px
}
.p-schedule-modal-zoom-searchResult-class {
    padding:15px 24px;
    margin-bottom:8px;
    border-radius:5px;
    background:#efefe4
}
.p-schedule-modal-zoom-searchResult-class.is-active {
    box-shadow:0 0 0 4px #e0e0d0 inset
}
.p-schedule-modal-zoom-searchResult-class__content {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.p-schedule-modal-zoom-searchResult-class__detail {
    display:flex;
    align-items:center;
    font-weight:500;
    margin-right:82px;
    overflow:hidden
}
.p-schedule-modal-zoom-searchResult-class__num {
    width:auto;
    margin-right:16px;
    line-height:normal;
    font-size:1.4rem
}
.p-schedule-modal-zoom-searchResult-class__ttlArea {
    display:flex;
    align-items:center;
    width:100%;
    overflow:hidden
}
.p-schedule-modal-zoom-searchResult-class__day {
    width:78px;
    line-height:normal;
    font-size:1.4rem;
    margin-right:3%
}
.p-schedule-modal-zoom-searchResult-class__txt {
    flex:1 1 10%;
    overflow:hidden;
    min-width:0;
    width:100%;
    line-height:normal
}
.p-schedule-modal-zoom-searchResult-class__txt p {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.p-schedule-modal-zoom-searchResult__txt {
    font-size:1.2rem;
    font-weight:500;
    line-height:2;
    text-align:left;
    color:#2b2b2b;
    margin-bottom:32px
}
.p-schedule-modal-zoom-searchResult__txt--marginBottom {
    margin-bottom:14px
}
.p-schedule-modal-zoom-searchResult__warningTxt {
    padding:14px 0;
    margin-bottom:24px;
    font-size:1.6rem;
    font-weight:700;
    color:#ed0000;
    background:#f7dede
}
.p-schedule-modal-zoom-searchResult__check {
    margin-bottom:22px
}
.p-schedule-modal-zoom-searchResult__btn {
    max-width:182px;
    margin:0 auto
}
.p-schedule-modal-zoom-searchResult__btn:disabled {
    background:#afafaf;
    color:#cecece;
    font-size:1.4rem;
    font-weight:700;
    box-shadow:none;
    cursor:default
}
.p-schedule-modal-zoom-searchResult__btn:disabled:hover {
    opacity:1
}
.p-schedule-modal-absence__txt {
    width:100%;
    height:40px;
    padding:10px 13px;
    margin-bottom:16px;
    line-height:40px;
    font-size:1.4rem;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    box-sizing:border-box
}
.p-schedule-modal-close__ttl {
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    text-align:center;
    margin:0 auto 34px;
    padding:5px 65px;
    background:#2b2b2b;
    border-radius:2px;
    color:#fff;
    font-size:1.9rem;
    font-weight:700
}
.p-schedule-modal-closeLayer {
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100vw;
    height:100vh;
    z-index:999
}
.p-schedule-modal-closeTxt {
    position:fixed;
    top:50%;
    left:0;
    transform:translate(0, -50%);
    width:100%;
    height:138px;
    padding:52px 0;
    background:#2b2b2b;
    opacity:.88;
    color:#fff;
    font-size:2.4rem;
    font-weight:700;
    z-index:99
}
.p-sscStudentList-modal {
    background:#fafaf7;
    border-radius:6px
}
.p-sscStudentList-modal__inner {
    padding:53px 40px 40px
}
.p-sscStudentList-modal__ttl {
    font-size:2.4rem;
    font-style:700;
    margin-bottom:24px;
    text-align:left
}
.p-sscStudentList-modal__name {
    display:flex;
    align-items:center;
    padding:0 0 40px 0;
    text-align:left
}
.p-sscStudentList-modal__name-txt {
    margin-right:10px;
    font-size:1.6rem
}
.p-sscStudentList-modal__name-textBox {
    width:50%;
    margin-right:10px
}
.p-sscStudentList-modal__name-radioBtn {
    margin:0 15px 0 5px
}
.p-sscStudentList-modal__name-radioBtn li {
    display:inline-block;
    margin-right:10px
}
.p-sscStudentList-modal__name-search__btn {
    width:95px
}
.p-sscStudentList-modal-btn {
    display:flex;
    align-items:center;
    justify-content:center
}
.p-sscStudentList-modal-btn__item {
    width:240px;
    margin-right:20px
}
.p-sscStudentList-modal-btn__item:last-child {
    margin-right:0
}
.p-sscStudentList-modal__pager {
    display:flex;
    gap:40px;
    color:#2b2b2b;
    font-size:1.4rem;
    font-weight:500;
    margin:0 24px 16px 0;
    justify-content:space-between
}
.p-sscStudentList-modal__pager-right {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-sscStudentList-modal__pager-btn {
    position:relative
}
.p-sscStudentList-modal__pager-btn button {
    border-bottom:1px solid #2b2b2b;
    padding:0;
    font-family:inherit;
    font-weight:inherit;
    white-space:nowrap
}
.p-sscStudentList-modal__pager-previous {
    margin-right:32px
}
.p-sscStudentList-modal__pager-previous::before {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-left.svg);
    top:57%;
    left:-12px;
    transform:translateY(-50%)
}
.p-sscStudentList-modal__pager-next::after {
    content:"";
    position:absolute;
    width:5px;
    height:8px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/assets/img/common/ico-arrow-black-right.svg);
    top:57%;
    right:-12px;
    transform:translateY(-50%)
}
.p-sscStudentList-modal__table {
    white-space:nowrap;
    width:100%;
    overflow-y:auto;
    height:400px;
    margin-bottom:20px
}
.p-sscStudentList-modal__table label {
    width:15px;
    height:15px;
    padding:0;
    display:block;
    margin-left:4px
}
.p-sscStudentList-modal__table label .c-radio__txt {
    display:block;
    height:15px
}
.p-sscStudentList-modal__table table {
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all
}
.p-sscStudentList-modal__table table th,.p-sscStudentList-modal__table table td {
    vertical-align:middle;
    text-align:left
}
.p-sscStudentList-modal__table table th a,.p-sscStudentList-modal__table table td a {
    display:inline
}
.p-sscStudentList-modal__table table th {
    padding:8px 10px
}
.p-sscStudentList-modal__table table th:first-of-type {
    padding-left:24px
}
.p-sscStudentList-modal__table table td {
    font-weight:500;
    padding:10px
}
.p-sscStudentList-modal__table table td:first-of-type {
    padding-left:24px
}
.p-sscStudentList-modal__table table td:last-of-type {
    padding-right:24px
}
.p-sscStudentList-modal__table thead {
    width:100%;
    box-shadow:inset 0 -1px 0 0 #262626;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1;
    background:#fff
}
.p-sscStudentList-modal__table thead th {
    text-align:left;
    box-shadow:inset 0 1px 0 0 #262626
}
.p-sscStudentList-modal__table thead th:last-of-type {
    width:360px;
    text-align:left
}
.p-sscStudentList-modal__table tbody {
    height:230px;
    overflow-y:auto
}
.p-sscStudentList-modal__table tbody td:last-of-type,.p-sscStudentList-modal__table tbody th:last-of-type {
    width:360px;
    text-align:left
}
.p-sscStudentList-modal__table tbody a {
    text-decoration:underline
}
.p-sscStudentList-modal__table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2;
    background:#fff
}
.p-sscStudentList-modal__table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.ssc_teacher-search_modal .c-modal {
    z-index:10000
}
.ssc_teacher-search_modal .c-modal__close2 {
    position:absolute;
    z-index:1;
    top:20px;
    right:20px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#e5e5d5;
    padding:1px 5px
}
.ssc_teacher-search_modal .c-modal__close2 img {
    display:block
}
.p-sscTeacher-setting__wrap {
    padding-bottom:30px;
    text-align:left
}
.p-sscTeacher-setting__name-txt {
    padding-bottom:8px;
    font-size:1.6rem
}
.p-news {
    position:relative;
    padding:0
}
.p-news__title {
    font-size:3.2rem;
    line-height:1;
    font-weight:bold;
    margin:0 0 56px 0
}
.p-news__tab {
    margin:0 0 64px 0
}
.p-news__list {
    margin:0 0 120px 0
}
.p-news__item {
    border-bottom:1px solid #e8e8e2;
    padding-bottom:32px;
    margin-bottom:32px
}
.p-news__item:last-of-type {
    margin:0;
    padding:0;
    border-bottom:none
}
.p-news__head {
    display:flex;
    align-items:center;
    margin-bottom:10px
}
.p-news__head__circle {
    background:#0bb3d6;
    width:12px;
    height:12px;
    border-radius:6px;
    margin-right:8px
}
.p-news__head__date {
    margin-right:8px
}
.p-news__head__category {
    font-weight:bold;
    font-size:1.2rem;
    background:#fff;
    border:1px solid #d0d0d0;
    border-radius:12px;
    padding:2px 10px;
    margin-right:9px
}
.p-news__head__new {
    font-family:"Lato",sans-serif;
    font-weight:bold;
    color:#ff1c8d
}
.p-news__body__txt {
    font-weight:500
}
.p-news__body__txt.is-unread {
    font-weight:bold
}
.p-news__pager--sp {
    display:none
}
.p-news__pager--pc {
    margin:0 0 120px
}
.p-profile__tab {
    margin:0 0 48px 0
}
.p-profile__show-status {
    width:96px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:36px;
    margin:0 0 0 32px;
    flex-shrink:0
}
.p-profile__show-status-twoLine {
    margin:0 0 auto 32px
}
.p-profile__show-status--public {
    color:#fff;
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-profile__show-status--public::before {
    content:"";
    display:block;
    flex-shrink:0;
    width:14px;
    height:14px;
    margin:0 5px 0 0;
    background:url("/assets/img/common/ico-globe-white.svg") no-repeat center center/cover
}
.p-profile__show-status--private {
    color:#cecece;
    background:#afafaf
}
.p-profile-top {
    margin:0 32px 64px
}
.p-profile-top__confirm {
    color:#e6183f;
    margin:0 0 24px 0;
    text-align:center
}
.p-profile-top__completion {
    color:#0bd69c;
    margin:0 0 24px 0;
    text-align:center
}
.p-profile-top__box {
    display:flex
}
.p-profile-top__container {
    padding:32px 30px 29px 32px
}
.p-profile-top__img {
    width:152px;
    height:152px;
    border-radius:50%;
    margin:0 0 24px 0;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-profile-top__img-box {
    width:152px;
    margin:0 26px 0 0
}
.p-profile-top__container {
    width:100%;
    border-radius:6px;
    background:#fafaf7;
    position:relative
}
.p-profile-top__ico-list {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.p-profile-top__ico-item {
    width:26px
}
.p-profile-top__txt-wrap {
    flex:1;
    align-items:center;
    display:flex
}
.p-profile-top__txt-wrap-up {
    display:flex;
    justify-content:space-between;
    flex-flow:row-reverse
}
.p-profile-top__txt-wrap-up-left {
    margin:0 15px 0 0
}
.p-profile-top__txt-wrap-up-right {
    position:absolute;
    right:32px;
    top:32px
}
.p-profile-top__txt-info {
    display:flex;
    margin:0 0 12px 0
}
.p-profile-top__txt-head {
    font-size:1.4rem;
    width:130px;
    display:inline-block
}
.p-profile-top__txt-foot {
    font-size:1.4rem;
    font-weight:500;
    display:inline-block;
    flex:1
}
.p-profile-top__txt-id {
    margin:0 0 8px 0
}
.p-profile-top__txt-name {
    font-size:2.4rem;
    margin:0 24px 0 0
}
.p-profile-top__txt-name-wrap {
    font-size:1.2rem;
    margin:0 0 14px 0
}
.p-profile-top__txt-ruby {
    font-size:1.4rem;
    font-weight:500;
    display:inline-block
}
.p-profile-top__txt-ruby-1st {
    margin:0 10px 0 0
}
.p-profile-top__txt-period {
    margin:0 16px 0 0
}
.p-profile-top__txt-dream {
    font-weight:500;
    margin:0
}
.p-profile-top__txt-dream-wrap {
    display:flex;
    align-items:center;
    margin:0 0 16px 0
}
.p-profile-top__txt-dream-ttl {
    width:107px;
    height:24px;
    line-height:24px;
    background-color:#efefe4;
    border-radius:6px;
    margin:0 16px 0 0;
    padding:0 32px;
    white-space:nowrap
}
.p-profile-top__txt-numeric {
    font-weight:500
}
.p-profile-top__txt-numeric-wrap {
    display:flex;
    align-items:center
}
.p-profile-top__txt-numeric-ttl {
    width:107px;
    height:24px;
    line-height:24px;
    background-color:#efefe4;
    border-radius:6px;
    margin:0 16px 0 0;
    padding:0 14px;
    white-space:nowrap
}
.p-profile-top__edit-btn {
    width:156px
}
.p-profile-top__public-btn {
    width:96px;
    margin:0 0 0 auto
}
.p-profile-basic {
    margin:0 32px 64px
}
.p-profile-basic__inner {
    margin:0 32px 0
}
.p-profile-basic__container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-basic__container-txt {
    display:flex
}
.p-profile-basic__info {
    display:flex;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-basic__info-head {
    width:100px;
    margin:0 66px 0 0;
    flex-shrink:0
}
.p-profile-basic__info-registered {
    font-weight:500;
    flex-wrap:wrap
}
.p-profile-secret {
    margin:0 32px 64px
}
.p-profile-secret__inner {
    margin:0 32px 0
}
.p-profile-secret__desc {
    font-weight:500;
    margin:0 0 32px 0
}
.p-profile-secret__container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-secret__container-txt {
    display:flex
}
.p-profile-secret__info-head {
    margin:0 0 16px 0
}
.p-profile-secret__info-registered {
    font-weight:500
}
.p-profile-company {
    margin:0 32px 64px
}
.p-profile-company__inner {
    margin:0 32px 0
}
.p-profile-company__container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-company__container-txt {
    display:flex
}
.p-profile-company__info {
    display:flex;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-company__info-head {
    width:100px;
    margin:0 66px 0 0
}
.p-profile-company__info-registered {
    font-weight:500
}
.p-profile-status {
    margin:0 32px 64px
}
.p-profile-status__inner {
    margin:0 32px 0
}
.p-profile-status__container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-status__container-txt {
    display:flex
}
.p-profile-status__container--s {
    margin:0 0 17px 0
}
.p-profile-status__info {
    display:flex;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-status__info-head {
    width:100px;
    margin:0 66px 0 0
}
.p-profile-status__info-registered {
    font-weight:500
}
.p-profile-status__info-registered-item {
    margin-right:16px
}
.p-profile-status__info-registered-wrap {
    margin:0 0 17px 0
}
.p-profile-status__info-registered--break {
    display:block
}
.p-profile-status__info-registered-year {
    margin:0 28px 0 0
}
.p-profile-status__info-registered-company {
    margin:0 14px 0 0
}
.p-profile-status__info-registered-class {
    margin:0 14px 0 0
}
.p-profile-status__info-registered--l {
    margin:0 0 17px 0
}
.p-profile-status__info-registered--l:last-of-type {
    margin-bottom:0
}
.p-profile-book {
    margin:0 32px 64px
}
.p-profile-book__inner {
    margin:0 32px 0
}
.p-profile-book__container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-book__container-txt {
    display:flex
}
.p-profile-book__container--s {
    margin:0 0 17px 0
}
.p-profile-book__info {
    display:flex;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-book__info-head {
    width:100px;
    margin:0 66px 0 0
}
.p-profile-book__info-registered {
    font-weight:500
}
.p-profile-book__info-registered-item {
    margin-right:16px
}
.p-profile-book__info-registered-wrap {
    margin:0 0 17px 0
}
.p-profile-book__info-registered--break {
    display:block
}
.p-profile-book__info-registered-year {
    margin:0 28px 0 0
}
.p-profile-book__info-registered-company {
    margin:0 14px 0 0
}
.p-profile-book__info-registered-class {
    margin:0 14px 0 0
}
.p-profile-book__info-registered--l {
    margin:0 0 17px 0
}
.p-profile-book__info-registered--l:last-of-type {
    margin-bottom:0
}
.p-profile-other {
    margin:0 32px 64px
}
.p-profile-other__inner {
    margin:0 32px 0
}
.p-profile-other__container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 34px 0
}
.p-profile-other__container-txt {
    display:flex
}
.p-profile-other__info {
    display:flex;
    margin:0 0 34px 0
}
.p-profile-other__info-head {
    width:132px;
    margin:0 35px 0 0;
    flex-shrink:0
}
.p-profile-other__info-content {
    font-weight:500;
    margin-right:16px
}
.p-profile-other__info-registered {
    font-weight:500
}
.p-profile-other__info-list p {
    margin:0 0 8px 0
}
.p-profile-other__info-list p::before {
    content:"繝ｻ"
}
.p-profile-submit {
    display:flex;
    justify-content:center
}
.p-profile-submit__btn {
    width:190px;
    margin:0 24px 0 0
}
.p-profile-submit__btn:last-child {
    margin:0
}
.p-profileEdit__tab {
    margin:0 0 46px 0
}
.p-profileEdit__required {
    color:#e6183f;
    white-space:nowrap
}
.p-profileEdit-error {
    border-radius:6px;
    border:4px solid #e6183f;
    color:#e6183f;
    display:flex;
    padding:32px;
    max-width:759px;
    margin:0 auto 32px
}
.p-profileEdit-error__img {
    width:58px;
    margin:0 19px 0 0
}
.p-profileEdit-error__ttl {
    font-size:1.6rem;
    margin:0 0 19px 0
}
.p-profileEdit-error__list {
    font-weight:500
}
.p-profileEdit-error__item {
    line-height:24px
}
.p-profileEdit-error__item::before {
    content:"繝ｻ"
}
.p-profileEdit-top {
    margin:0 15px 64px
}
.p-profileEdit-top__box {
    display:flex
}
.p-profileEdit-top__container-inner {
    padding:32px 30px 29px 32px
}
.p-profileEdit-top__img {
    cursor:pointer;
    width:152px;
    height:152px;
    border-radius:50%;
    opacity:.5;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-profileEdit-top__img-normal {
    border-radius:50%
}
.p-profileEdit-top__img-dark {
    background-color:#000;
    display:inline-block;
    position:relative;
    border-radius:50%;
    margin:0 0 16px 0;
    transition:opacity .25s ease-out 0s
}
.p-profileEdit-top__img-dark:hover {
    opacity:.7;
    transition:opacity .25s ease-out 0s
}
.p-profileEdit-top__img-bright {
    display:inline-block;
    margin:0 0 16px 0
}
.p-profileEdit-top__img-box {
    width:152px;
    margin:0 48px 0 0
}
.p-profileEdit-top__img-txt {
    position:absolute;
    top:63%;
    left:50%;
    transform:translate(-50%, -50%);
    color:#fff;
    font-size:1.2rem;
    white-space:nowrap;
    cursor:pointer
}
.p-profileEdit-top__img-txt::before {
    content:"";
    display:inline-block;
    width:34px;
    height:31px;
    background:url("/assets/img/common/ico-camera-white.svg") no-repeat;
    position:absolute;
    top:-36px;
    left:25px;
    cursor:pointer
}
.p-profileEdit-top__container {
    width:100%;
    border-radius:6px;
    background:#fafaf7
}
.p-profileEdit-top__ico-list {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.p-profileEdit-top__ico-item {
    width:26px
}
.p-profileEdit-top__txt-wrap {
    display:flex;
    align-items:center;
    justify-items:center;
    flex:1
}
.p-profileEdit-top__txt-registered {
    font-weight:500
}
.p-profileEdit-top__txt-registered-id {
    display:none
}
.p-profileEdit-top__txt-registered-wrap {
    display:flex;
    margin:0 0 12px 0
}
.p-profileEdit-top__txt-registered-ttl {
    min-width:142px;
    margin:0 40px 0 0
}
.p-profileEdit-top__txt-dream {
    margin:0 0 8px 0
}
.p-profileEdit-top__txt-dream-wrap {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-profileEdit-top__txt-dream-input {
    width:83%;
    margin:0 8px 0 0
}
.p-profileEdit-top__txt-dream-toggle {
    margin:0 0 0 auto
}
.p-profileEdit-top__txt-numeric {
    margin:0 0 8px 0
}
.p-profileEdit-top__txt-numeric-input {
    width:83%
}
.p-profileEdit-basic {
    margin:0 16px 64px
}
.p-profileEdit-basic__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:30px;
    margin:0 0 32px 0;
    border-bottom:1px solid #262626
}
.p-profileEdit-basic__ttl {
    font-size:2.4rem;
    line-height:1;
    margin:0 16px 0 0
}
.p-profileEdit-basic__link {
    max-width:136px;
    font-size:1.2rem;
    font-weight:bold;
    text-align:center;
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    color:#fff;
    border-radius:36px;
    padding:4px 14px
}
.p-profileEdit-basic__inner {
    margin:0 32px 0
}
.p-profileEdit-basic__container {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-profileEdit-basic__container-address {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-profileEdit-basic__container-address--last {
    margin-bottom:34px
}
.p-profileEdit-basic__container--is-error {
    margin:0 0 52px 0
}
.p-profileEdit-basic__container-family {
    align-items:flex-start
}
.p-profileEdit-basic__error {
    position:relative
}
.p-profileEdit-basic__error-msg {
    position:absolute;
    top:46px;
    color:#e6183f
}
.p-profileEdit-basic__input-wrap {
    display:flex;
    align-items:center
}
.p-profileEdit-basic__auto-fill {
    width:104px;
    height:24px
}
.p-profileEdit-basic__info-gender-wrap .p-profileEdit-basic__error-msg {
    top:32px
}
.p-profileEdit-basic__info-head {
    width:196px;
    margin:0 0 0 0
}
.p-profileEdit-basic__info-head-family {
    width:145px
}
.p-profileEdit-basic__info-head--required {
    width:80px;
    margin:0 4px 0 0
}
.p-profileEdit-basic__info-head-wrap {
    display:inherit;
    width:196px
}
.p-profileEdit-basic__info-gender-wrap label {
    margin-right:32px;
    display:inline-block
}
.p-profileEdit-basic__info-address {
    width:196px
}
.p-profileEdit-basic__info-registered {
    font-weight:500
}
.p-profileEdit-basic__info-year-wrap {
    display:flex;
    align-items:center
}
.p-profileEdit-basic__info-year-txt {
    margin:0 0 0 8px
}
.p-profileEdit-basic__info-year-slash {
    margin:0 8px 0
}
.p-profileEdit-basic__edit-pass {
    width:112px;
    margin:0 0 0 23px
}
.p-profileEdit-basic__edit-pass--nofix {
    flex:1;
    font-weight:500;
    margin-left:24px;
    color:#e6183f
}
.p-profileEdit-basic__toggle-area {
    margin:0 0 0 auto
}
.p-profileEdit-basic__input--xs {
    width:120px;
    margin:0 24px 0 0
}
.p-profileEdit-basic__input--s {
    width:230px;
    margin:0 16px 0 0
}
.p-profileEdit-basic__input--m {
    width:404px;
    margin:0 16px 0 0
}
.p-profileEdit-basic__input--l {
    width:483px
}
.p-profileEdit-basic__input--is-error {
    background:#fdf0f0;
    border-radius:4px;
    border:#e6183f 1px solid
}
.p-profileEdit-basic__input--is-error select {
    background:#fdf0f0
}
.p-profileEdit-basic__check-family-up-area {
    display:flex;
    margin:0 0 22px 0
}
.p-profileEdit-basic__check-family-under-area {
    display:flex
}
.p-profileEdit-basic__check-family-area {
    font-weight:500;
    font-size:1.6rem;
    margin:0 32px 22px 0
}
.p-profileEdit-basic__check-family-wrap {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:0 0 0 0
}
.p-profileEdit-secret {
    margin:0 16px 64px
}
.p-profileEdit-secret__inner {
    margin:0 32px 0
}
.p-profileEdit-secret__info {
    display:flex;
    align-items:center;
    margin:0 0 22px 0;
    position:relative
}
.p-profileEdit-secret__info:last-child {
    margin:0
}
.p-profileEdit-secret__info-registered {
    font-size:1.6rem;
    font-weight:500
}
.p-profileEdit-secret__info-required {
    font-size:1.4rem;
    color:#e6183f;
    margin:0 0 0 32px
}
.p-profileEdit-secret__info--required {
    margin-bottom:16px
}
.p-profileEdit-secret__edit-btn {
    width:112px;
    margin:0 0 0 56px
}
.p-profileEdit-company {
    margin:0 16px 64px
}
.p-profileEdit-company__inner {
    margin:0 32px 0
}
.p-profileEdit-company__container {
    display:flex;
    align-items:center;
    margin:0 0 24px 0
}
.p-profileEdit-company__container--is-error {
    margin:0 0 52px 0
}
.p-profileEdit-company__error {
    position:relative
}
.p-profileEdit-company__error-msg {
    position:absolute;
    top:46px;
    color:#e6183f
}
.p-profileEdit-company__info-head {
    width:100px;
    margin:0 96px 0 0
}
.p-profileEdit-company__input--s {
    width:230px;
    margin:0 16px 0 0
}
.p-profileEdit-company__input--m {
    width:404px;
    margin:0 16px 0 0
}
.p-profileEdit-company__input--l {
    width:71%;
    margin:0 16px 0 0
}
.p-profileEdit-company__input--is-error {
    background:#fdf0f0;
    border:#e6183f 1px solid
}
.p-profileEdit-company__toggle-area {
    margin:0 0 0 auto
}
.p-profileEdit-company__edit-select-area--s {
    width:230px;
    margin:0 16px 0 0
}
.p-profileEdit-company__edit-select-area--m {
    width:404px;
    margin:0 16px 0 0
}
.p-profileEdit-status {
    margin:0 16px 64px
}
.p-profileEdit-status__inner {
    margin:0 32px 64px
}
.p-profileEdit-inputBox {
    margin:0 16px 64px
}
.p-profileEdit-inputBox__ttl {
    width:86px
}
.p-profileEdit-inputBox__select {
    width:364px
}
.p-profileEdit-inputBox__select-s {
    width:96px
}
.p-profileEdit-inputBox__input-txt {
    width:364px
}
.p-profileEdit-inputBox__check {
    margin-left:48px;
    font-weight:500
}
.p-profileEdit-inputBox__txt {
    margin:0 8px
}
.p-profileEdit-inputBox__content-wrap {
    display:flex;
    align-items:center;
    width:100%;
    flex:1
}
.p-profileEdit-inputBox__content-wrap__inner {
    display:flex;
    align-items:center
}
.p-profileEdit-inputBox__head {
    flex-shrink:0;
    margin:0 7% 0 0;
    display:flex;
    align-items:center
}
.p-profileEdit-inputBox__toggle-area {
    margin-left:auto
}
.p-profileEdit-inputBox__box {
    display:flex;
    background-color:#fafaf7;
    border-radius:4px;
    padding:2.9% 3.2% 2.9% 3.2%;
    margin:0 0 24px 0
}
.p-profileEdit-inputBox__box-end {
    margin:0 0 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.p-profileEdit-inputBox__box-right {
    width:100%
}
.p-profileEdit-inputBox__box-up {
    display:flex;
    align-items:center;
    margin-bottom:24px;
    width:100%
}
.p-profileEdit-inputBox__box-under {
    display:flex;
    align-items:center
}
.p-profileEdit-inputBox__label-up {
    width:65px;
    margin:0 10px 0 0
}
.p-profileEdit-inputBox__label-mid {
    width:58px;
    margin:0 10px 0 0
}
.p-profileEdit-inputBox__label-under {
    width:58px;
    margin:0 10px 0 0
}
.p-profileEdit-inputBox__del-btn {
    padding:0;
    display:flex;
    align-items:center;
    position:relative
}
.p-profileEdit-inputBox__del-btn::before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    background-image:url("/assets/img/common/ico-cross-circle.svg");
    margin:0 8px 0 0
}
.p-profileEdit-inputBox__del-btn::after {
    content:"";
    display:block;
    width:54px;
    height:1px;
    border-bottom:solid 1px;
    position:absolute;
    top:17px;
    left:23px
}
.p-profileEdit-inputBox__add-btn {
    width:118px;
    margin:0 auto
}
.p-profileEdit-inputBox__skill {
    display:flex;
    min-width:266px
}
.p-profileEdit-inputBox__skill-head {
    width:100px;
    margin:0 96px 0 0
}
.p-profileEdit-inputBox__skill-wrap {
    flex-grow:2
}
.p-profileEdit-inputBox__skill-box {
    display:flex;
    align-items:center;
    margin-bottom:24px
}
.p-profileEdit-inputBox__skill-box:last-child {
    margin-bottom:0
}
.p-profileEdit-inputBox__skill-name {
    width:63.5%
}
.p-profileEdit-inputBox__skill-year {
    width:128px;
    min-width:100px;
    margin:0 37px 0 16px
}
.p-profileEdit-inputBox__skill-toggle-area {
    margin-left:auto
}
.p-profileEdit-inputBox__history-inner {
    margin:0 32px 64px
}
.p-profileEdit-inputBox__skill-inner {
    margin:0 32px 64px
}
.p-profileEdit-inputBox__inner {
    margin:0 32px 64px
}
.p-profileEdit-inputBox__container {
    display:flex;
    align-items:center;
    margin:0 0 16px 0
}
.p-profileEdit-inputBox__container:last-of-type {
    margin-bottom:0
}
.p-profileEdit-inputBox__container--s {
    margin:0 0 17px 0
}
.p-profileEdit-inputBox__info-head {
    width:70px;
    margin:0 96px 0 0
}
.p-profileEdit-inputBox__input--s {
    width:230px;
    margin:0 16px 0 0
}
.p-profileEdit-inputBox__input--m {
    width:404px;
    margin:0 16px 0 0
}
.p-profileEdit-inputBox__input--l {
    width:71%;
    margin:0 16px 0 0
}
.p-profileEdit-inputBox__toggle-area {
    margin:0 0 0 auto
}
.p-profileEdit-other {
    margin:0 16px 64px
}
.p-profileEdit-other__inner {
    margin:0 32px 0
}
.p-profileEdit-other__container {
    display:flex;
    margin:0 0 34px 0
}
.p-profileEdit-other__interest-wrap {
    display:flex;
    flex-wrap:wrap
}
.p-profileEdit-other__info-head {
    width:100px;
    margin:0 96px 0 0;
    flex-shrink:0;
    white-space:nowrap
}
.p-profileEdit-other__input {
    width:176px;
    margin:0 12px 24px 0
}
.p-profileEdit-other__input-l {
    max-width:552px
}
.p-profileEdit-other__toggle-area {
    margin:0 0 0 auto
}
.p-profileEdit-other__comment-textArea {
    width:552px;
    margin:0 16px 0 0
}
.p-profileEdit-other__select-area {
    width:270px;
    margin:0 12px 24px 0
}
.p-profileEdit-other__community-list {
    font-size:1.6rem;
    font-weight:500
}
.p-profileEdit-other__community-item {
    margin:0 0 8px 0
}
.p-profileEdit-other__community-item::before {
    content:"繝ｻ"
}
.p-profileEdit-submit__btn {
    width:240px;
    margin:0 auto
}
.is-error-list {
    display:none
}
.p-schedule {
    position:relative
}
.p-schedule__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 68px
}
.p-schedule__head-ttl {
    margin:0
}
.p-schedule__head-select {
    max-width:300px
}
.p-schedule__head-select::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:89%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-schedule-tooltip {
    display:none;
    position:absolute;
    z-index:9
}
.p-schedule-tooltip__box {
    width:220px;
    height:321px;
    background:#fafaf7;
    z-index:1;
    position:absolute;
    top:0;
    border-radius:6px;
    box-shadow:0 3px 10px 0 rgba(0,0,0,.1)
}
.p-schedule-tooltip-inner {
    position:relative;
    width:100%;
    height:100%;
    padding:54px 16px 25px
}
.p-schedule-tooltip.is-left {
    right:-204px
}
.p-schedule-tooltip.is-right {
    left:-204px
}
.p-schedule-tooltip-title-red {
    border-bottom:2px solid #efefe4;
    padding:0 0 10px;
    margin:0 0 16px;
    display:flex;
    align-items:center;
    color:#e6183f;
    font-size:1.8rem
}
.p-schedule-tooltip-title-red::before {
    content:"";
    background:url("/assets/img/common/ico-fire-red.svg") no-repeat center center/contain;
    width:13px;
    height:19px;
    flex-shrink:0;
    margin:0 7px 0 0
}
.p-schedule-tooltip-title {
    border-bottom:2px solid #efefe4;
    padding:0 0 10px;
    margin:0 0 16px;
    display:flex;
    align-items:center;
    font-size:1.2rem
}
.p-schedule-tooltip-title::before {
    content:"";
    background:url("/assets/img/common/ico-book-black.svg") no-repeat center center/contain;
    width:18px;
    height:14px;
    flex-shrink:0;
    margin:0 7px 0 0
}
.p-schedule-tooltip-num {
    font-family:"Lato",sans-serif;
    font-size:1.8rem;
    margin:0 5px 0 0
}
.p-schedule-tooltip-date {
    margin:0 5px 0 0
}
.p-schedule-tooltip-list {
    height:192px
}
.p-schedule-tooltip-item {
    padding:0 15px 0 0
}
.p-schedule-tooltip-item__body {
    margin:0 0 16px;
    height:auto
}
.p-schedule-tooltip-item__issue {
    font-size:1.2rem;
    font-weight:700;
    line-height:1.6;
    text-decoration:underline
}
.p-schedule-tooltip-item__hour {
    margin:0 0 6px;
    text-align:left;
    font-size:1.2rem;
    font-family:"Lato",sans-serif;
    margin:0 0 4px
}
.p-schedule-tooltip-item__class {
    font-size:1rem;
    font-weight:500;
    text-decoration:underline;
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    cursor:pointer;
    -webkit-line-clamp:1
}
.p-schedule-tooltip-close {
    position:absolute;
    top:24px;
    right:16px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#eaeadc;
    padding:1px 5px
}
.p-schedule-tooltip-close img {
    display:block
}
.p-schedule-calendar__head {
    display:flex;
    align-items:center;
    margin:0 0 40px;
    justify-content:center
}
.p-schedule-calendar__head-left {
    position:relative;
    display:flex;
    align-items:center
}
.p-schedule-calendar__back,.p-schedule-calendar__next {
    position:relative;
    cursor:pointer;
    border-radius:50%;
    background:#e5e5d5;
    width:30px;
    height:30px
}
.p-schedule-calendar__back::before,.p-schedule-calendar__next::before {
    content:"";
    background:url(/assets/img/common/ico-arrow-black-left.svg) no-repeat center center/contain;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:7px;
    height:10px
}
.p-schedule-calendar__next::before {
    background:url(/assets/img/common/ico-arrow-black-right.svg) no-repeat center center/contain
}
.p-schedule-calendar__date {
    margin:0 32px;
    font-size:1.5rem;
    font-weight:500
}
.p-schedule-calendar__date-num {
    font-size:2.4rem;
    font-family:"Lato",sans-serif;
    font-weight:700;
    margin:0 3px 0 0
}
.p-schedule-calendar__date-year {
    margin:0 9px 0 0
}
.p-schedule-calendar__table {
    display:none
}
.p-schedule-calendar__table.is-active {
    display:block
}
.p-schedule-calendar__table table {
    width:100%
}
.p-schedule-calendar__table table thead {
    font-size:1.2rem;
    height:35px
}
.p-schedule-calendar__table table thead th {
    width:14.2%
}
.p-schedule-calendar__table table tbody td {
    height:136px;
    border:1px solid #dedede;
    padding:10px 7px 8px;
    position:relative;
    cursor:default
}
.p-schedule-calendar__table table tbody td:nth-of-type(6) {
    background-color:#ebf6fd
}
.p-schedule-calendar__table table tbody td:nth-of-type(7) {
    background-color:#ffeeea
}
.p-schedule-calendar__table table tbody td.is-outdate {
    background-color:#dedede
}
.p-schedule-calendar__table table tbody td.is-current {
    box-shadow:0 0 0 4px #fff03b inset
}
.p-schedule-calendar__table table tbody td.is-current .p-schedule-calendar__body-date {
    background:#528db7;
    color:#fff;
    border-radius:50%;
    padding:0;
    width:19px;
    height:19px;
    line-height:1.5;
    margin:0 auto 26px;
    display:flex;
    justify-content:center;
    align-items:center
}
.p-schedule-calendar__body {
    text-align:center
}
.p-schedule-calendar__body-icon {
    position:absolute;
    display:flex;
    align-items:center;
    top:4px;
    right:8px;
    gap:6px
}
@media only screen and (max-width: 1140px) {
    .p-schedule-calendar__body-icon {
        right:4px;
        gap:4px
    }
}
.p-schedule-calendar__body-fire {
    width:11px;
    height:auto;
    flex-shrink:0
}
.p-schedule-calendar__body-book {
    width:17px;
    height:auto;
    flex-shrink:0
}
.p-schedule-calendar__body-date {
    font-size:1.2rem;
    margin:0 0 28px;
    display:inline-block;
    line-height:1.2
}
.p-schedule-calendar__body-class {
    height:52px;
    overflow:hidden;
    margin-bottom:4px
}
.p-schedule-calendar__body-class--tooltip {
    margin:0 0 16px;
    height:auto
}
.p-schedule-calendar__body-class--tooltip:last-child {
    margin:0
}
.p-schedule-calendar__body-class--tooltip a {
    text-decoration:underline
}
.p-schedule-calendar__body-classHour {
    font-size:1.2rem;
    font-family:"Lato",sans-serif;
    margin:0 0 4px
}
@media only screen and (max-width: 1292px) {
    .p-schedule-calendar__body-classHour {
        white-space:nowrap;
        width:86px;
        overflow:hidden;
        margin:0 0 4px 8px
    }
}
.p-schedule-calendar__body-classHour::before {
    content:"";
    background:url("/assets/img/common/ico-clock-black.svg") no-repeat center center/contain;
    display:inline-block;
    vertical-align:text-top;
    margin:0 7px 0 0;
    width:15px;
    height:15px
}
.p-schedule-calendar__body-classHour--tooltip {
    margin:0 0 6px;
    text-align:left
}
.p-schedule-calendar__body-issue {
    font-size:1.2rem;
    font-weight:700;
    line-height:1.6
}
.p-schedule-calendar__body-classTtl {
    font-size:1rem;
    font-weight:500;
    text-decoration:underline;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden;
    -webkit-box-orient:vertical;
    cursor:pointer
}
.p-schedule-calendar__body-classTtl--tooltip {
    -webkit-line-clamp:1
}
.p-schedule-calendar__body-more {
    font-size:1rem;
    font-weight:500;
    margin:6px auto 0;
    border-bottom:1px solid #000;
    padding:0;
    line-height:1;
    cursor:pointer
}
.p-schedule-calendar__body-more__wrap {
    position:relative
}
.p-schedule--basic .simplebar-scrollbar:before {
    background:#0bb3d6
}
.p-sscStudentDetail .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.p-sscStudentDetail .clearfix {
    display:block
}
@media only screen and (max-width: 896px) {
    .p-sscStudentDetail .l-content {
        margin-top:0
    }
}
.p-sscStudentDetail .statusProgress {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    max-height:96vh;
    background:linear-gradient(to right, #0bd69b, #0bb3d6);
    padding:2.5%;
    border-radius:6px
}
.p-sscStudentDetail .study__top {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:20px;
    justify-content:space-between
}
.p-sscStudentDetail .study__top h2 {
    width:50%;
    font-size:2.6rem;
    color:#fff
}
.p-sscStudentDetail .study__top__graph {
    display:flex;
    width:50%;
    padding:10px 15px;
    box-sizing:border-box;
    border-radius:6px;
    background-color:rgba(255,255,255,.45);
    justify-content:space-between;
    align-items:center
}
.p-sscStudentDetail .study__top__graph--time {
    margin-top:1.6rem
}
.p-sscStudentDetail .p-top-progress__content-period {
    margin-top:1.6rem
}
.p-sscStudentDetail .study__top__graph h3 {
    width:15%;
    font-size:1.6rem
}
.p-sscStudentDetail .study__top__graph .statusProgress-sub-graph {
    width:42%;
    display:flex;
    align-items:center
}
.p-sscStudentDetail .study__top__graph .statusProgress-sub-graph b,.p-sscStudentDetail .study__top__graph .statusProgress-sub-graph h3 {
    font-size:1.4rem;
    width:25%;
    white-space:nowrap
}
.p-sscStudentDetail .statusProgress-course {
    width:20%;
    height:275px;
    background-color:#fff;
    float:left;
    overflow-y:scroll
}
.p-sscStudentDetail .statusProgress-course::-webkit-scrollbar {
    width:6px
}
.p-sscStudentDetail .statusProgress-course::-webkit-scrollbar-track {
    border-radius:100px;
    background-color:#ebebea
}
.p-sscStudentDetail .statusProgress-course::-webkit-scrollbar-thumb {
    border-radius:100px;
    background-color:#3acfcf
}
.p-sscStudentDetail .statusProgress-course li {
    padding:10px;
    border-bottom:1px solid #d9d9d9;
    font-weight:500;
    text-align:left;
    cursor:pointer
}
.p-sscStudentDetail .statusProgress-course li h4 {
    font-size:1.4rem;
    font-weight:500
}
.p-sscStudentDetail .statusProgress-date {
    font-size:1.2rem;
    color:#707070
}
.p-sscStudentDetail .statusProgress-course .active h4 {
    font-weight:700
}
.p-sscStudentDetail .statusProgress-course .active {
    background-color:#efefe4;
    font-weight:700
}
.p-sscStudentDetail .statusProgress-sub {
    width:80%;
    height:275px;
    background-color:#fff;
    float:left;
    overflow-y:scroll
}
.p-sscStudentDetail .statusProgress-sub::-webkit-scrollbar {
    width:6px
}
.p-sscStudentDetail .statusProgress-sub::-webkit-scrollbar-track {
    border-radius:100px;
    background-color:#ebebea
}
.p-sscStudentDetail .statusProgress-sub::-webkit-scrollbar-thumb {
    border-radius:100px;
    background-color:#3acfcf
}
.p-sscStudentDetail .statusProgress-sub .course {
    display:none;
    padding:10px 0 0;
    background-color:#e0e0d0
}
.p-sscStudentDetail .statusProgress-sub .course.active {
    display:block
}
.p-sscStudentDetail .course__inner__top {
    margin-bottom:10px;
    display:flex
}
.p-sscStudentDetail .statusProgress-sub-btn {
    margin:0 10px 10px 0;
    text-align:right
}
.p-sscStudentDetail .statusProgress-sub-btn a {
    display:inline-block;
    margin-left:10px;
    padding:2px 15px;
    border:2px solid #000;
    border-radius:30px;
    background-color:#fff;
    font-size:1.2rem;
    color:#000
}
.p-sscStudentDetail .statusProgress-sub-btn a img {
    margin-left:5px;
    height:1.5rem;
    width:auto
}
.p-sscStudentDetail .statusProgress-sub .statusProgress-sub-graph {
    display:flex;
    align-items:center
}
.p-sscStudentDetail .statusProgress-sub-graph b {
    font-size:1.4rem
}
.p-sscStudentDetail .course__inner__top .graph {
    width:60%
}
.p-sscStudentDetail .course h2 {
    font-size:1.6rem;
    margin-bottom:10px
}
.p-sscStudentDetail .course__inner__top .statusProgress-sub-left {
    display:block
}
.p-sscStudentDetail .statusProgress-sub-left {
    display:flex;
    flex:0 0 auto;
    width:40%;
    padding-left:10px;
    box-sizing:border-box;
    font-size:1.2rem;
    text-align:left;
    align-items:center
}
.p-sscStudentDetail h4.statusProgress-sub-left {
    padding-left:3em
}
.p-sscStudentDetail h5.statusProgress-sub-left {
    padding-left:5em
}
.p-sscStudentDetail .statusProgress-sub-right {
    width:70%;
    text-align:left
}
.p-sscStudentDetail .statusProgress-sub-right b {
    font-size:1.2rem
}
.p-sscStudentDetail .inner__flex {
    display:flex;
    align-items:center
}
.p-sscStudentDetail .subject {
    padding:10px 0 1px;
    border-top:1px solid #fff;
    background-color:#efefe4
}
.p-sscStudentDetail .subject__inner {
    position:relative;
    margin-bottom:10px;
    cursor:pointer
}
.p-sscStudentDetail .subject__inner:after {
    content:"��";
    position:absolute;
    top:50%;
    right:10px;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    border-radius:50%;
    background-color:#2b2b2b;
    font-size:2rem;
    color:#fff;
    line-height:24px;
    text-align:center
}
.p-sscStudentDetail .subject__inner.open:after {
    content:"繝ｼ";
    position:absolute;
    top:50%;
    right:10px;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    border:1px solid #2b2b2b;
    border-radius:50%;
    background-color:#fff;
    font-size:2rem;
    color:#000;
    line-height:24px;
    text-align:center
}
.p-sscStudentDetail .curriculum {
    display:none;
    padding:10px 0;
    border-top:1px solid #fff;
    background-color:#e0e0d0
}
.p-sscStudentDetail .curriculum__inner {
    position:relative;
    cursor:pointer
}
.p-sscStudentDetail .curriculum__inner:after {
    content:"��";
    position:absolute;
    top:50%;
    right:10px;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    border-radius:50%;
    background-color:#2b2b2b;
    font-size:2rem;
    color:#fff;
    line-height:24px;
    text-align:center
}
.p-sscStudentDetail .curriculum__inner.open:after {
    content:"繝ｼ";
    position:absolute;
    top:50%;
    right:10px;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    border:1px solid #2b2b2b;
    border-radius:50%;
    background-color:#fff;
    font-size:2rem;
    color:#000;
    line-height:24px;
    text-align:center
}
.p-sscStudentDetail .chapter {
    display:none;
    background-color:#e0e0d0;
    padding:10px 0 0;
    border-top:1px solid #fff
}
.p-sscStudentDetail .chapter__title {
    position:relative;
    cursor:pointer
}
.p-sscStudentDetail .chapter__inner {
    display:none;
    background-color:#e0e0d0
}
.p-sscStudentDetail .chapter__title:after {
    content:"��";
    position:absolute;
    top:50%;
    right:10px;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    border-radius:50%;
    background-color:#2b2b2b;
    font-size:2rem;
    color:#fff;
    line-height:24px;
    text-align:center
}
.p-sscStudentDetail .chapter__title.open:after {
    content:"繝ｼ";
    position:absolute;
    top:50%;
    right:10px;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    border:1px solid #2b2b2b;
    border-radius:50%;
    background-color:#fff;
    font-size:2rem;
    color:#000;
    line-height:24px;
    text-align:center
}
.p-sscStudentDetail .chapter__video {
    padding:10px 0;
    border-top:1px solid #fff
}
.p-sscStudentDetail .chapter__video .statusProgress-sub-right {
    margin-right:30px;
    font-size:1.2rem;
    font-weight:400;
    text-align:right
}
.p-sscStudentDetail .chapter__video .statusProgress-sub-right a {
    color:#000
}
.p-sscStudentDetail .chapter__video .statusProgress-sub-right a span {
    margin-left:10px
}
.p-sscStudentDetail .graph {
    position:relative;
    display:inline-block;
    width:55%;
    height:16px;
    --margin-left: 20px;
    font-size:.75rem;
    text-align:center;
    background:#fff
}
.p-sscStudentDetail .graph-top {
    width:75%
}
.p-sscStudentDetail .study__top .statusProgress-sub-graph p {
    font-size:1.4rem;
    text-align:center;
    width:100%
}
.p-sscStudentDetail .study__top .statusProgress-sub-graph .graph-top.graph {
    height:20px
}
.p-sscStudentDetail .graph-time-text {
    font-size:1.2rem;
    width:25%;
    flex:0 0 auto;
    white-space:nowrap
}
.p-sscStudentDetail .graph-per-text {
    font-size:1.2rem;
    width:12%;
    flex:0 0 auto;
    white-space:nowrap
}
.p-sscStudentDetail .graph p {
    position:relative;
    z-index:2;
    white-space:nowrap;
    font-size:12px;
    width:100%
}
.p-sscStudentDetail .graph__bar {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background-color:#0bb3d6;
    color:#3acfcf;
    z-index:1
}
.p-sscStudentDetail .graph-top .graph__bar {
    background-color:#0bb3d6
}
.p-sscStudentDetail .statusProgress-sub_category {
    margin-right:10px;
    padding:1px 2px;
    background-color:#0bb3d6;
    font-size:1.2rem;
    color:#fff;
    font-weight:bold
}
.p-sscStudentDetail .study__top h2 {
    --width: 100%
}
.p-sscStudentDetail .study__top__graph h3 {
    width:100%
}
.p-sscStudentDetail .study__top__graph .statusProgress-sub-graph {
    width:100%
}
.p-sscStudentDetail .p-study-progress .statusProgress-course {
    height:auto;
    min-height:30vh
}
.p-sscStudentDetail .p-study-progress .statusProgress-sub {
    height:auto;
    min-height:30vh
}
.p-sscStudentDetail .p-study-progress .study__top h2 {
    width:100%
}
.p-sscStudentDetail .p-study-progress .study__top__graph h3 {
    width:100%
}
.p-sscStudentDetail .p-study-progress .study__top__graph .statusProgress-sub-graph {
    width:100%;
    display:block
}
.p-sscStudentDetail .p-study-progress .study__top__graph {
    display:block
}
.p-sscStudentDetail .p-study-progress .statusProgress-course {
    height:auto;
    min-height:20vh
}
.p-sscStudentDetail .p-study-progress .statusProgress-sub {
    height:auto;
    min-height:20vh
}
.p-sscStudentDetail .p-study-progress__ttl {
    background-image:#0bd69b
}
.p-sscStudentDetail .p-study-progress-class-category__num {
    padding-left:8px;
    padding-right:8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.p-sscStudentDetail .p-study-progress-class-category__item {
    width:24%;
    margin-right:1px
}
.p-sscStudentDetail .p-top-largeMenu__list {
    gap:0
}
.p-sscStudentDetail .subject .statusProgress-sub-right,.p-sscStudentDetail .statusProgress-sub-graph {
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.p-sscStudentDetail .p-study-progress__content.js-accordion-wrap {
    background-color:#efefe4
}
.p-sscStudentDetail .p-study-progress-class-category__dfn--white {
    background-color:#ddd;
    opacity:1;
    font-size:115%
}
.p-sscStudentDetail .p-study-progress-class-category__list {
    flex-wrap:wrap
}
@media only screen and (max-width: 896px) {
    .p-sscStudentDetail .l-globalNav {
        background-color:#fafaf7
    }
    .p-sscStudentDetail .l-globalNav__desc--logout a {
        padding:4px 8px 12px 0
    }
    .p-sscStudentDetail .graph p {
        font-size:150%
    }
    .p-sscStudentDetail #top_statusProgress .graph.graph-top {
        height:20px
    }
    .p-sscStudentDetail #top_statusProgress .graph.graph-top p {
        width:100%;
        font-size:1.4rem
    }
    .p-sscStudentDetail #top_statusProgress {
        max-height:none
    }
    .p-sscStudentDetail #top_statusProgress .study__top {
        flex-wrap:wrap;
        justify-content:center
    }
    .p-sscStudentDetail #top_statusProgress .study__top h2 {
        font-size:2rem;
        text-align:center;
        width:100%
    }
    .p-sscStudentDetail #top_statusProgress .study__top__graph {
        margin-top:1.6rem;
        width:100%;
        order:1
    }
    .p-sscStudentDetail #top_statusProgress .study__top__graph .statusProgress-sub-graph b {
        font-size:1.4rem;
        width:30%;
        margin-right:2%
    }
    .p-sscStudentDetail #top_statusProgress .p-top-progress__content-period-symbol {
        margin:0 2%
    }
    .p-sscStudentDetail .statusProgress-course {
        width:100%;
        height:auto
    }
    .p-sscStudentDetail .statusProgress-sub {
        width:100%
    }
    .p-sscStudentDetail .course__inner__top {
        flex-wrap:wrap
    }
    .p-sscStudentDetail .course__inner__top .statusProgress-sub-left {
        width:100%
    }
    .p-sscStudentDetail .course__inner__top .statusProgress-sub-right {
        width:100%
    }
    .p-sscStudentDetail .course__inner__top .statusProgress-sub-btn {
        margin-top:-1.6rem
    }
    .p-sscStudentDetail .course__inner__top .statusProgress-sub-graph {
        flex-wrap:wrap
    }
    .p-sscStudentDetail .course__inner__top .statusProgress-sub-graph b {
        width:95%;
        margin:.8rem auto 0
    }
    .p-sscStudentDetail .course__inner__top .statusProgress-sub-graph figure {
        width:95%;
        margin:.4rem auto 0
    }
    .p-sscStudentDetail .subject__inner {
        flex-wrap:wrap
    }
    .p-sscStudentDetail .subject__inner::after,.p-sscStudentDetail .subject__inner.open::after {
        top:15%
    }
    .p-sscStudentDetail .subject__inner .statusProgress-sub-left {
        width:100%
    }
    .p-sscStudentDetail .subject__inner .statusProgress-sub-right {
        width:100%;
        flex-wrap:wrap
    }
    .p-sscStudentDetail .subject__inner .statusProgress-sub-right b {
        width:95%;
        margin:.8rem auto 0
    }
    .p-sscStudentDetail .subject__inner .statusProgress-sub-right figure {
        width:95%;
        margin:.4rem auto 0
    }
    .p-sscStudentDetail ._curriculum__inner_ {
        flex-wrap:wrap
    }
    .p-sscStudentDetail ._curriculum__inner_ .statusProgress-sub-left {
        width:100%
    }
    .p-sscStudentDetail ._curriculum__inner_ .statusProgress-sub-right {
        width:100%;
        flex-wrap:wrap
    }
    .p-sscStudentDetail ._curriculum__inner_ .statusProgress-sub-right b {
        width:calc(97% - 3.6rem);
        margin:.8rem 0 0 3.6rem
    }
    .p-sscStudentDetail ._curriculum__inner_ .statusProgress-sub-right figure {
        width:calc(97% - 3.6rem);
        margin:.4rem 0 0 3.6rem
    }
    .p-sscStudentDetail .p-study-progress-class-category__list {
        flex-grow:0;
        justify-content:flex-start
    }
    .p-sscStudentDetail .p-study-progress-class-category__item {
        width:49.5%;
        flex-grow:0
    }
    .p-sscStudentDetail .p-study-progress-class-category__num {
        width:100%
    }
}
.p-sscStudentDetail .p-top-largeMenu--c {
    background:#3acfcf
}
.p-sscStudentDetail .p-task__head {
    display:flex;
    justify-content:space-between;
    align-items:flex-end
}
.p-sscStudentDetail .p-task__button a {
    display:inline-block;
    width:120px;
    padding:4px 0;
    border:2px solid #000;
    border-radius:30px;
    background-color:#fff;
    font-size:1.2rem;
    color:#000
}
.p-sscStudentDetail .p-task__button a img {
    margin-left:10px;
    height:1.5rem;
    width:auto
}
.p-sscStudentDetail .p-task-list__ttl {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:1px
}
.p-sscStudentDetail .p-task-item {
    width:100%
}
.p-sscStudentDetail .p-task-item__head {
    font-size:120%;
    text-decoration:underline
}
.p-sscStudentDetail .p-task-item__text {
    display:flex;
    justify-content:space-between;
    font-size:115%;
    margin-top:3.2rem
}
.p-sscStudentDetail .p-task-history {
    display:block;
    width:100%;
    margin-top:1.6rem;
    padding:.8rem;
    background-color:#fff
}
.p-sscStudentDetail .p-task-history__head {
    display:flex;
    justify-content:space-between;
    font-size:110%;
    padding-bottom:.8rem;
    border-bottom:1px solid #eee
}
.p-sscStudentDetail .p-task-history__text {
    margin-top:.8rem
}
.p-sscStudentDetail .p-study-progress-class-category__list {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:93%;
    padding-left:34.5px;
    padding-bottom:14px
}
.p-sscStudentDetail .p-study-progress-class-category__num,.p-sscStudentDetail .p-study-progress-class-category__dnf {
    font-size:115%
}
.p-sscStudentDetail .p-top-faq__search-submit {
    background:#3acfcf
}
@media only screen and (max-width: 896px) {
    .p-sscStudentDetail .p-study-progress-course-head__ico {
        top:inherit;
        right:2%
    }
    .p-sscStudentDetail .p-study-progress__ttl {
        padding:16.4px 12.5% 13px 15px
    }
}
@media only screen and (max-width: 896px) {
    .p-sscStudentDetail .p-top-calender__head__btn {
        margin-bottom:inherit
    }
    .p-sscStudentDetail .c-primary-head {
        margin:0 15px 32px 15px
    }
    .p-sscStudentDetail .c-primary-head__lead {
        padding:0
    }
    .p-sscStudentDetail .p-task-list .p-study-progress-course-head__ico {
        top:inherit;
        right:5%
    }
    .p-sscStudentDetail .p-task-list .p-study-progress__ttl {
        padding:17.4px 8% 13px 4%
    }
}
.p-sscStudentDetail h2.progressUsername {
    font-size:2.6rem
}
.p-sscStudentDetail h2.courseName {
    font-size:1.6rem
}
.p-sscStudentComplete {
    padding:16px 32px 16px;
    height:calc(100vh - 86px)
}
.p-sscStudentComplete__ttl {
    font-size:2rem;
    font-weight:700
}
.p-sscStudentComplete-box {
    text-align:center;
    height:100%;
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.p-sscStudentComplete-box__ttl {
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:24px
}
.p-sscStudentComplete-box__btn {
    width:240px;
    margin:0 auto 16px
}
.p-sscStudentComplete-box__btn:last-child {
    margin:0 auto
}
.p-sscStudentDetail {
    margin:16px 32px 40px
}
.p-sscStudentDetail-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
.p-sscStudentDetail-head__btn {
    line-height:32px;
    height:32px;
    margin:0 0 0 8px;
    width:auto
}
.p-sscStudentDetail-head__btn.is-cancelled {
    color:#e6183f;
    box-shadow:0 0 0 2px #e6183f inset
}
.p-sscStudentDetail-head__btn button {
    padding:7px 14px
}
.p-sscStudentDetail-head__btnWrap {
    display:flex;
    align-items:center
}
.p-sscStudentDetail__ttl {
    font-size:2rem;
    margin:0 0 16px
}
.p-sscStudentDetail__content {
    background-color:#fafaf7;
    border-radius:6px;
    padding:24px;
    margin:0 0 24px
}
.p-sscStudentDetail__content-head {
    display:flex;
    align-items:flex-start;
    margin:0 0 8px
}
.p-sscStudentDetail__content-bottom {
    margin:16px 0 0
}
.p-sscStudentDetail-left {
    margin:0 40px 0 0
}
.p-sscStudentDetail-left__profile {
    width:140px;
    height:140px;
    border-radius:50%;
    overflow:hidden;
    margin:0 0 16px
}
.p-sscStudentDetail-left__profile img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-sscStudentDetail-left__login {
    text-align:center;
    font-size:1.3rem;
    margin:0 0 1px
}
.p-sscStudentDetail-left__date {
    text-align:center;
    font-size:1.3rem;
    margin:0 0 15px;
    font-weight:500
}
.p-sscStudentDetail-left__item {
    position:relative;
    padding:0 0 0 15px;
    margin:0 0 8px
}
.p-sscStudentDetail-left__item:last-child {
    margin:0
}
.p-sscStudentDetail-left__item::before {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:10px;
    height:10px;
    background-color:#0bd0a6;
    border-radius:50%
}
.p-sscStudentDetail-right {
    flex:1
}
.p-sscStudentDetail-right__head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin:0 0 10px
}
.p-sscStudentDetail-right__name {
    font-size:2.4rem;
    margin:0 0 12px
}
.p-sscStudentDetail-right__name span {
    font-size:1.4rem;
    margin:0 0 0 16px
}
.p-sscStudentDetail-right__item {
    display:flex;
    align-items:center;
    word-break:break-all;
    font-size:1.2rem;
    margin:0 8px 4px 0
}
.p-sscStudentDetail-right__item:last-child {
    margin:0 8px 0 0
}
.p-sscStudentDetail-right__item span {
    display:inline-block;
    min-width:36px;
    margin:0 32px 0 0
}
.p-sscStudentDetail-right__category {
    flex-shrink:0;
    border:1px solid #e3e3e3;
    background-color:#fff;
    padding:16px
}
.p-sscStudentDetail-right__category__item {
    font-weight:500;
    padding:0 0 0 25px;
    color:#e6183f;
    margin:0 0 8px
}
.p-sscStudentDetail-right__category__item-link {
    color:#e6183f;
    margin:8px 0 0
}
.p-sscStudentDetail-right__category__item span {
    color:#2b2b2b
}
.p-sscStudentDetail-right__category__item:last-child {
    margin:0
}
.p-sscStudentDetail-right__category__item-continue {
    position:relative
}
.p-sscStudentDetail-right__category__item-continue::before {
    content:"";
    background:url("/assets/img/common/ico-alert-continue.svg") no-repeat center center/contain;
    width:19px;
    height:19px;
    position:absolute;
    top:50%;
    left:-25px;
    transform:translateY(-50%)
}
.p-sscStudentDetail-right__category__item-alert::before {
    content:"";
    background:url("/assets/img/common/ico-alert-progress.svg") no-repeat center center/contain;
    width:19px;
    height:19px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.p-sscStudentDetail-right__txt {
    margin:0 0 8px
}
.p-sscStudentDetail-right__label {
    background-color:#0bd0a6;
    border-radius:6px;
    color:#fff;
    width:107px;
    line-height:22px;
    text-align:center;
    margin:0 0 8px;
    font-size:1.2rem
}
.p-sscStudentDetail-right__box {
    margin:0 0 8px
}
.p-sscStudentDetail-right__input-txt {
    font-size:1.2rem;
    font-weight:500;
    height:32px;
    line-height:32px
}
.p-sscStudentDetail-right__btn {
    display:flex;
    justify-content:flex-end;
    margin:0 0 8px auto
}
.p-sscStudentDetail-right__save {
    max-width:95px;
    padding:3px 4px
}
.p-sscStudentDetail-right__save:first-child {
    margin:0 8px 0 0
}
.p-sscStudentDetail-right__worker {
    margin:0 0 8px
}
.p-sscStudentDetail-right__worker:last-child {
    margin:0
}
.p-sscStudentDetail-right__worker-head {
    display:flex;
    justify-content:space-between;
    margin:0 0 8px
}
.p-sscStudentDetail-right__worker-select {
    display:flex;
    align-items:center;
    flex:1
}
.p-sscStudentDetail-right__worker-date {
    margin:0 16px 0 8px;
    flex-shrink:0;
    font-size:1.2rem;
    font-weight:500
}
.p-sscStudentDetail-right__worker-category {
    max-width:220px
}
.p-sscStudentDetail-right__worker-category select {
    line-height:30px
}
.p-sscStudentDetail-right__worker-category::before {
    top:55%
}
.p-sscStudentDetail-right__worker-category::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:88%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-sscStudentDetail-right__worker-goal {
    display:flex;
    align-items:center;
    flex:1;
    justify-content:flex-end
}
.p-sscStudentDetail-right__worker-txt {
    font-size:1.2rem;
    flex-shrink:0;
    margin:0 8px 0 0
}
.p-sscStudentDetail-right__worker-year {
    margin:0 16px 0 0
}
.p-sscStudentDetail-right__worker-period {
    margin:0 8px 0 0;
    max-width:86px;
    min-width:69px
}
.p-sscStudentDetail-right__worker-period select {
    line-height:30px
}
.p-sscStudentDetail-right__worker-period::before {
    top:55%
}
.p-sscStudentDetail-right__worker-textArea {
    padding:8px;
    font-size:1.2rem;
    height:90px;
    margin:0 0 6px
}
.p-sscStudentDetail-right__worker-ttl {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:1.2rem;
    padding:4px 12px;
    background:#efefe4;
    text-align:left;
    margin:0 0 8px
}
.p-sscStudentDetail-right__worker-ttl span {
    font-weight:500
}
.p-sscStudentDetail-goal {
    margin:0 0 24px
}
.p-sscStudentDetail-resume__btn {
    margin:0 0 4px auto;
    padding:0 14px 0 0;
    position:relative;
    color:#0bb3d6;
    font-size:1.2rem;
    font-weight:700
}
.p-sscStudentDetail-resume__btn::after {
    content:"";
    background:url("/assets/img/common/ico-triangle-down.svg") no-repeat center center/contain;
    width:11px;
    height:10px;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%)
}
.p-sscStudentDetail-resume__btn.is-open::after {
    background:url("/assets/img/common/ico-triangle-up.svg") no-repeat center center/contain
}
.p-sscStudentDetail-resume__content {
    display:none
}
.p-sscStudentDetail-resume__box {
    margin:0 0 8px
}
.p-sscStudentDetail-resume__box:last-child {
    margin:0
}
.p-sscStudentDetail-resume__ttl {
    font-size:1.2rem;
    padding:4px 12px;
    background:#efefe4;
    text-align:left;
    margin:0 0 8px
}
.p-sscStudentDetail-resume__save {
    max-width:95px;
    padding:3px 4px;
    margin:0 0 0 auto
}
.p-sscStudentDetail-middle__btn {
    margin:-18px auto 0 0;
    max-width:204px
}
.p-sscStudentDetail-middle__profBtn {
    padding:8px 14px;
    line-height:normal
}
.p-sscStudentDetail-middle__profBtn::after {
    display:block;
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-assordion-plus.svg");
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    margin-left:6px
}
.p-sscStudentDetail-middle__profBtn.is-open::after {
    background:url("/assets/img/common/ico-assordion-minus.svg");
    background-size:contain
}
.p-sscStudentDetail-prof {
    background:#fff;
    margin-top:20px;
    padding:24px;
    border:1px solid #e8e8e2;
    border-radius:6px;
    display:none
}
.p-sscStudentDetail-prof-basic {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-basic__inner {
    margin:0 32px 0
}
.p-sscStudentDetail-prof-basic__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0;
    word-break:break-all
}
.p-sscStudentDetail-prof-basic__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-basic__info-registered {
    font-weight:500;
    flex-wrap:wrap
}
.p-sscStudentDetail-prof-secret {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-secret__inner {
    margin:0 32px 0
}
.p-sscStudentDetail-prof-secret__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0;
    word-break:break-all
}
.p-sscStudentDetail-prof-secret__info-head {
    margin:0 16px 0 0
}
.p-sscStudentDetail-prof-secret__info-registered {
    font-weight:500;
    flex-wrap:wrap
}
.p-sscStudentDetail-prof-company {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-company__inner {
    margin:0 32px 0
}
.p-sscStudentDetail-prof-company__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-company__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-company__info-registered {
    font-weight:500
}
.p-sscStudentDetail-prof-status {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-status__inner {
    margin:0 32px 0
}
.p-sscStudentDetail-prof-status__info {
    display:flex;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-status__info-container {
    width:100%
}
.p-sscStudentDetail-prof-status__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-status__info-row {
    display:flex;
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-status__info-row:last-child {
    margin:0
}
.p-sscStudentDetail-prof-status__info-registered {
    font-weight:500;
    width:180px;
    margin:0 16px 0 0
}
.p-sscStudentDetail-prof-status__info-registered:last-child {
    margin:0
}
.p-sscStudentDetail-prof-status__info-registered-wrap {
    margin:0 0 17px 0
}
.p-sscStudentDetail-prof-status__info-registered-head {
    font-weight:500
}
.p-sscStudentDetail-prof-other {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-other__inner {
    margin:0 32px 0
}
.p-sscStudentDetail-prof-other__info {
    display:flex;
    align-items:flex-start;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-other__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-other__info-container {
    display:flex;
    flex-wrap:wrap
}
.p-sscStudentDetail-prof-other__info-container.black-dot {
    display:block
}
.p-sscStudentDetail-prof-other__info-container p {
    margin:0 16px 0 0
}
.p-sscStudentDetail-prof-other__info-container p:last-child {
    margin:0
}
.p-sscStudentDetail-prof-other__info-registered {
    font-weight:500
}
.p-sscStudentDetail-prof-other__info-registered.black-dot {
    margin:0 0 16px 0
}
.p-sscStudentDetail-prof-other__info-registered.black-dot:last-child {
    margin:0
}
.p-sscStudentDetail-prof-other__info-registered.black-dot::before {
    content:"繝ｻ"
}
.p-sscStudentDetail-prof-card {
    margin:0 32px
}
.p-sscStudentDetail-prof-card__inner {
    margin:0 32px 0
}
.p-sscStudentDetail-prof-card__ttl {
    font-weight:bold;
    font-size:1.6rem;
    background:#efefe4;
    margin:0 32px 24px;
    padding:4px 16px
}
.p-sscStudentDetail-prof-cardTop {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-cardTop__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-cardTop__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-cardTop__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-cardTop__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-cardTop__info-registered {
    font-weight:500
}
.p-sscStudentDetail-prof-cardTop__info-container p {
    margin:0 0 32px 0
}
.p-sscStudentDetail-prof-cardTop__info-container p:last-child {
    margin:0
}
.p-sscStudentDetail-prof-contact {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-contact__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-contact__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-contact__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-contact__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-contact__info-registered {
    font-weight:500
}
.p-sscStudentDetail-prof-family {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-family__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-family__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-family__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-family__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-family__info-registered {
    font-weight:500
}
.p-sscStudentDetail-prof-target {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-target__info {
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-target__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-target__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-target__info-head {
    margin:0 0 16px 0
}
.p-sscStudentDetail-prof-target__info-registered {
    padding:0 0 0 14px;
    font-weight:500
}
.p-sscStudentDetail-prof-ability {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-ability__info {
    display:flex;
    align-items:center;
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-ability__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-ability__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-ability__info-head {
    width:180px;
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-prof-ability__info-registered {
    font-weight:500
}
.p-sscStudentDetail-prof-part {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-part:last-child {
    margin:0 32px
}
.p-sscStudentDetail-prof-part__info {
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-part__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-part__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-part__info-head {
    margin:0 0 16px 0
}
.p-sscStudentDetail-prof-part__info-registered {
    padding:0 0 0 14px;
    font-weight:500
}
.p-sscStudentDetail-prof-questionnaire {
    margin:0 32px 32px
}
.p-sscStudentDetail-prof-questionnaire__info {
    margin:0 0 20px 0
}
.p-sscStudentDetail-prof-questionnaire__info:last-child {
    margin:0
}
.p-sscStudentDetail-prof-questionnaire__info.multiline {
    align-items:flex-start
}
.p-sscStudentDetail-prof-questionnaire__info-head {
    margin:0 0 16px 0
}
.p-sscStudentDetail-prof-questionnaire__info-registered {
    padding:0 0 0 14px;
    font-weight:500
}
.p-sscStudentDetail-support {
    border:1px solid #e8e8e2;
    padding:24px 16px 16px;
    background-color:#fff;
    border-radius:6px
}
.p-sscStudentDetail-support__content:last-child {
    margin:32px 0 0
}
.p-sscStudentDetail-support__content:last-child .p-sscStudentDetail-support__ttl {
    margin:0 0 16px
}
.p-sscStudentDetail-support__ttl {
    font-size:1.6rem
}
.p-sscStudentDetail-support__btn {
    max-width:171px;
    padding:8px 10px;
    margin:-16px 0 16px auto
}
.p-sscStudentDetail-support__table {
    width:100%;
    overflow:auto;
    max-height:344px;
    padding-right:8px
}
.p-sscStudentDetail-support__table table {
    border-collapse:collapse;
    width:100%;
    word-break:break-all;
    background:#fff
}
.p-sscStudentDetail-support__table table thead {
    background:#fff;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1;
    width:100%;
    box-shadow:inset 0 -1px 0 0 #262626
}
.p-sscStudentDetail-support__table table th,.p-sscStudentDetail-support__table table td {
    text-align:center;
    white-space:nowrap;
    vertical-align:middle
}
.p-sscStudentDetail-support__table table th {
    box-shadow:inset 0 1px 0 0 #262626;
    padding:4px
}
.p-sscStudentDetail-support__table table th:first-of-type {
    padding:0 4px 0 16px
}
.p-sscStudentDetail-support__table table th:last-of-type {
    padding:0 24px 0 4px
}
.p-sscStudentDetail-support__table table td {
    font-weight:400;
    padding:4px;
    border-bottom:1px solid #949494
}
.p-sscStudentDetail-support__table table td:first-of-type {
    padding:6px 4px 6px 16px
}
.p-sscStudentDetail-support__table table td:last-of-type {
    padding:6px 24px 6px 4px
}
.p-sscStudentDetail-support__table table tbody button {
    color:#0bb3d6;
    white-space:normal;
    min-width:680px;
    text-align:left;
    font-family:inherit
}
.p-sscStudentDetail-support__head {
    display:flex;
    width:100%;
    justify-content:center;
    align-items:center;
    text-align:center
}
.p-sscStudentDetail-support__head--memo {
    min-width:153px
}
.p-sscStudentDetail-support__sort-ico {
    background:#fafaf7;
    width:14px;
    height:25px;
    border-radius:2px;
    margin-left:12px;
    display:inline-block;
    position:relative
}
.p-sscStudentDetail-support__sort-ico.is-desc::before {
    opacity:.2
}
.p-sscStudentDetail-support__sort-ico.is-asc::after {
    opacity:.2
}
.p-sscStudentDetail-support__sort-ico::before,.p-sscStudentDetail-support__sort-ico::after {
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:0;
    left:0;
    margin:auto;
    border-style:solid;
    content:""
}
.p-sscStudentDetail-support__sort-ico::before {
    bottom:5px;
    border-width:4px 3px 0 3px;
    border-color:#2b2b2b transparent transparent transparent
}
.p-sscStudentDetail-support__sort-ico::after {
    top:5px;
    border-width:0 3px 4px 3px;
    border-color:transparent transparent #2b2b2b transparent
}
.p-sscStudentDetail-study-progress {
    margin:0 0 56px
}
.p-sscStudentDetail-study-progress:last-child {
    margin:0
}
.p-sscStudentDetail-study-progress-head {
    display:flex;
    justify-content:space-between;
    margin-bottom:16px
}
.p-sscStudentDetail-study-progress-head__ttl {
    font-size:2rem;
    color:#fff;
    font-weight:700
}
.p-sscStudentDetail-study-progress-head__select {
    width:100%;
    max-width:250px
}
.p-sscStudentDetail-study-progress__ttl {
    font-size:2rem;
    margin:0 0 24px
}
.p-sscStudentDetail-study-progress__wrapper {
    border-radius:6px;
    padding:24px
}
.p-sscStudentDetail-study-progress__wrapper--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-sscStudentDetail-study-progress__wrapper--mba {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.p-sscStudentDetail-study-progress__wrapper--c {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.p-sscStudentDetail-study-progress__wrapper--hajl {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.p-sscStudentDetail-study-progress__wrapper--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.p-sscStudentDetail-study-progress__wrapper--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.p-sscStudentDetail-study-progress__wrapper--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.p-sscStudentDetail-study-progress__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 16px
}
.p-sscStudentDetail-study-progress__head-right {
    display:flex;
    align-items:center
}
.p-sscStudentDetail-study-progress__head-ttl {
    font-size:2rem;
    color:#fff
}
.p-sscStudentDetail-study-progress__head-icon {
    width:32px;
    height:32px;
    background:#fff;
    border-radius:50%;
    position:relative;
    margin:0 16px 0 52px
}
.p-sscStudentDetail-study-progress__head-icon::after {
    content:"";
    background:url("/assets/img/common/ico-arrow-black-right.svg") no-repeat center center/contain;
    width:7px;
    height:10px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.p-sscStudentDetail-study-progress__head-select {
    max-width:250px
}
.p-sscStudentDetail-study-progress__head-select::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:89%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-sscStudentDetail-study-progress__class {
    max-width:250px;
    width:100%;
    margin:0 0 16px
}
.p-sscStudentDetail-study-progress__class-select select {
    line-height:normal
}
.p-sscStudentDetail-study-progress__foot--single {
    display:block
}
.p-sscStudentDetail-study-progress__foot--multi {
    display:flex
}
.p-sscStudentDetail-study-progress__foot-wrapper {
    background:#fafaf7;
    border-radius:6px;
    padding:16px
}
.p-sscStudentDetail-study-progress__foot-wrapper--attendance {
    margin:0 16px 0 0;
    width:35.9%
}
.p-sscStudentDetail-study-progress__foot-wrapper--video {
    flex-grow:1;
    flex-basis:auto
}
.p-sscStudentDetail-study-progress__attendance {
    display:flex;
    flex-direction:column;
    height:100%
}
.p-sscStudentDetail-study-progress__attendance-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 16px
}
.p-sscStudentDetail-study-progress__attendance-select {
    flex-shrink:1;
    margin:0 0 0 8px;
    max-width:207px
}
.p-sscStudentDetail-study-progress__attendance-select::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:89%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-sscStudentDetail-study-progress__attendance-ttl {
    flex-shrink:0;
    font-size:1.8rem
}
.p-sscStudentDetail-study-progress__attendance-pie {
    width:152px;
    height:152px;
    border-radius:50%;
    margin:0 auto 24px
}
.p-sscStudentDetail-study-progress__attendance-pie--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-sscStudentDetail-study-progress__attendance-pie--mba {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.p-sscStudentDetail-study-progress__attendance-pie--c {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.p-sscStudentDetail-study-progress__attendance-pie--hajl {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.p-sscStudentDetail-study-progress__attendance-pie--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.p-sscStudentDetail-study-progress__attendance-pie--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.p-sscStudentDetail-study-progress__attendance-pie--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.p-sscStudentDetail-study-progress__attendance-graph {
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:4rem;
    border-radius:48%;
    width:100%;
    height:100%;
    background-image:radial-gradient(#fafaf7 60%, rgba(255, 255, 255, 0) 61%),conic-gradient(transparent 0% 60%, #fafaf7 60% 100%)
}
.p-sscStudentDetail-study-progress__attendance-graph .percentage {
    font-size:1.8rem;
    margin:0 0 -10px 14px
}
.p-sscStudentDetail-study-progress__content-head {
    display:flex;
    align-items:center;
    margin:0 0 16px
}
.p-sscStudentDetail-study-progress__content-head--multi {
    justify-content:space-between
}
.p-sscStudentDetail-study-progress__content-ttl {
    margin:0 32px 0 0;
    font-size:1.8rem
}
.p-sscStudentDetail-study-progress__content-ttl--multi {
    margin:0 16px 0 0
}
.p-sscStudentDetail-study-progress__content-period {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-sscStudentDetail-study-progress__content-period-txt {
    font-size:1.2rem;
    display:flex;
    align-items:center;
    margin:0 8px 0 0;
    flex-shrink:0
}
.p-sscStudentDetail-study-progress__content-period-txt span {
    margin:0 0 0 4px;
    line-height:1
}
.p-sscStudentDetail-study-progress__content-period-day {
    display:flex;
    align-items:center;
    flex-grow:1
}
.p-sscStudentDetail-study-progress__content-period-symbol {
    margin:0 8px
}
.p-sscStudentDetail-study-progress__content-period-calendar {
    max-width:116px;
    padding:10px 16px 11px 12px;
    font-size:1.2rem;
    height:30px;
    font-weight:700;
    background:url("/assets/img/common/ico-calendar.svg") no-repeat top 6px right 10px/16px #fff
}
.p-sscStudentDetail-study-progress__content-foot {
    display:flex
}
.p-sscStudentDetail-study-progress__content-total {
    background:#efefe4;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    min-height:173px;
    padding:0 4.1%;
    margin:0 1.7% 0 0
}
.p-sscStudentDetail-study-progress__content-total--multi {
    margin:0 0 16px;
    flex-direction:row;
    justify-content:center;
    min-height:0;
    padding:6px 16px
}
.p-sscStudentDetail-study-progress__content-total-time {
    font-size:1.8rem;
    margin:0 0 12px
}
.p-sscStudentDetail-study-progress__content-total-time--multi {
    margin:0 16px 0 0
}
.p-sscStudentDetail-study-progress__content-hour {
    white-space:nowrap
}
.p-sscStudentDetail-study-progress__content-hour--large {
    font-family:"Lato",sans-serif;
    font-size:2.6rem
}
.p-sscStudentDetail-study-progress__content-hour span {
    margin:0 4px 0 0
}
.p-sscStudentDetail-study-progress__content-hour span:last-child {
    margin:0
}
.p-sscStudentDetail-study-progress__content-detail {
    flex:1;
    background:#efefe4;
    border-radius:6px;
    padding:16px 16px 42px 16px;
    position:relative
}
.p-sscStudentDetail-study-progress__video {
    max-height:114px
}
.p-sscStudentDetail-study-progress__video .simplebar-scrollbar:before {
    background:#7c7c7c !important
}
.p-sscStudentDetail-study-progress__video .simplebar-track.simplebar-vertical {
    background:#d5d5d5 !important
}
.p-sscStudentDetail-study-progress__video-basic .simplebar-scrollbar:before {
    background:#0bd69b
}
.p-sscStudentDetail-study-progress__video-jp .simplebar-scrollbar:before {
    background:#44c0e2
}
.p-sscStudentDetail-study-progress__video-mba .simplebar-scrollbar:before {
    background:#01267b
}
.p-sscStudentDetail-study-progress__video-c .simplebar-scrollbar:before {
    background:#ed964a
}
.p-sscStudentDetail-study-progress__video-hajl .simplebar-scrollbar:before {
    background:#5477db
}
.p-sscStudentDetail-study-progress__video-nail .simplebar-scrollbar:before {
    background:#f27e7e
}
.p-sscStudentDetail-study-progress__video-psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.p-sscStudentDetail-study-progress__video-content {
    display:flex;
    align-items:flex-start
}
.p-sscStudentDetail-study-progress__video-content--sp {
    display:none
}
.p-sscStudentDetail-study-progress__video-txt {
    padding:4px 0;
    margin:0 34px 0 0;
    overflow:hidden;
    width:152px
}
.p-sscStudentDetail-study-progress__video-txt--multi {
    width:100px
}
.p-sscStudentDetail-study-progress__video-ttl {
    margin:0 0 7px;
    font-size:1rem;
    font-weight:500;
    line-height:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.p-sscStudentDetail-study-progress__video-detail {
    flex:1;
    margin:0 20px 0 0
}
.p-sscStudentDetail-study-progress__video-list {
    background:#f7f7f2;
    position:relative;
    padding:8px 0
}
.p-sscStudentDetail-study-progress__video-duration {
    margin:0 0 13px;
    position:relative;
    z-index:1
}
.p-sscStudentDetail-study-progress__video-duration:last-child {
    margin:0
}
.p-sscStudentDetail-study-progress__video-time {
    width:100%;
    height:9px;
    background:#fff
}
.p-sscStudentDetail-study-progress__video-time span {
    width:100%;
    height:100%;
    display:block
}
.p-sscStudentDetail-study-progress__video-time span.basic {
    background:#0bb3d6
}
.p-sscStudentDetail-study-progress__video-time span.jp {
    background:#44c0e2
}
.p-sscStudentDetail-study-progress__video-time span.mba {
    background:#01267b
}
.p-sscStudentDetail-study-progress__video-time span.c {
    background:#ed964a
}
.p-sscStudentDetail-study-progress__video-time span.hajl {
    background:#5477db
}
.p-sscStudentDetail-study-progress__video-time span.nail {
    background:#f27e7e
}
.p-sscStudentDetail-study-progress__video-time span.psych {
    background:#9dce3a
}
.p-sscStudentDetail-study-progress__video-unit {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:absolute;
    bottom:-26px;
    right:-13px;
    width:calc(100% + 26px)
}
@media only screen and (max-width: 1150px) {
    .p-sscStudentDetail-study-progress__video-unit {
        right:-15px;
        width:calc(100% + 30px)
    }
}
.p-sscStudentDetail-study-progress__video-vertical-line {
    position:absolute;
    top:0;
    background:#efefe4;
    height:100%;
    width:2px
}
.p-sscStudentDetail-study-progress__video-vertical-line:nth-child(1) {
    left:calc(25% - 1px)
}
.p-sscStudentDetail-study-progress__video-vertical-line:nth-child(2) {
    left:calc(50% - 1px)
}
.p-sscStudentDetail-study-progress__video-vertical-line:nth-child(3) {
    left:calc(75% - 1px)
}
.p-sscStudentDetail-study-progress__video-item {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    font-size:1rem;
    transform:scale(0.9)
}
.p-sscStudentDetail-study-progress__video-item::before {
    content:"";
    border-right:4px solid transparent;
    border-bottom:6px solid #2b2b2b;
    border-left:4px solid transparent;
    display:block;
    margin:0 0 3px
}
.p-sscStudentDetail-study-progress__video-item:last-child::after {
    content:"縲�";
    display:block;
    position:absolute;
    top:36%;
    right:-12px
}
.p-sscStudentDetail-study-progress__video-noView {
    display:none;
    margin:60px 18px 0 0
}
.p-sscStudentDetail-study-progress__empty {
    display:flex
}
.p-sscStudentDetail-study-progress__empty-txt {
    width:186px
}
.p-sscStudentDetail-study-progress__empty-txt--multi {
    width:134px
}
.p-sscStudentDetail-study-progress__empty-detail {
    flex:1;
    margin:0 20px 0 0;
    position:relative
}
.p-sscStudentDetail-study-progress-head {
    display:flex;
    justify-content:space-between
}
.p-sscStudentDetail-study-progress-head__ttl {
    font-size:2rem;
    color:#fff;
    font-weight:700
}
.p-sscStudentDetail-study-progress__ttl {
    padding:16.4px 27px 13px;
    font-size:1.8rem;
    font-weight:700;
    background:linear-gradient(to right, #a5d8e6, #44c0e2);
    color:#fff
}
.p-sscStudentDetail-study-progress-inner {
    padding:0 74.5px
}
.p-sscStudentDetail-study-progress__content {
    background:#fff;
    border-radius:6px;
    margin-bottom:12px
}
.p-sscStudentDetail-study-progress__content--color {
    background:#efefe4
}
.p-sscStudentDetail-study-progress__content--gray {
    background:#e2e6e8
}
.p-sscStudentDetail-study-progress__content:last-child {
    margin-bottom:0
}
.p-sscStudentDetail-study-progress-course {
    background:#fafaf7;
    padding:24px 0
}
.p-sscStudentDetail-study-progress-course-head {
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    padding:16px 24px
}
.p-sscStudentDetail-study-progress-course-head.is-selection::before {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-40px;
    width:26px;
    height:26px;
    background-image:url(/assets/img/common/ico-pencil.svg);
    background-repeat:no-repeat
}
.p-sscStudentDetail-study-progress-course-head-txt {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:90%;
    margin-right:22px;
    overflow:hidden
}
.p-sscStudentDetail-study-progress-course-head__ttl {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.p-sscStudentDetail-study-progress-course-head-area {
    flex:0 0 280px;
    display:flex;
    align-items:center
}
.p-sscStudentDetail-study-progress-course-head-area__list {
    display:flex;
    align-items:center;
    margin-right:30px
}
.p-sscStudentDetail-study-progress-course-head-area__list:last-child {
    margin-right:0
}
.p-sscStudentDetail-study-progress-course-head-area__list--flex {
    flex:0 0 100px
}
.p-sscStudentDetail-study-progress-course-head-area__list--flexBig {
    flex:0 0 120px
}
.p-sscStudentDetail-study-progress-course-head-area__ttl {
    position:relative;
    margin-right:10px;
    font-size:1.4rem;
    font-weight:500
}
.p-sscStudentDetail-study-progress-course-head-area__num {
    font-size:1.8rem;
    font-weight:700;
    color:#e24444
}
.p-sscStudentDetail-study-progress-course-head-area__num--black {
    color:#2b2b2b
}
.p-sscStudentDetail-study-progress-course-head-area__num--blue {
    color:#44c0e2
}
.p-sscStudentDetail-study-progress-course-head__ico {
    flex-shrink:0;
    padding:0;
    margin-left:auto;
    width:24px;
    height:24px;
    background-image:url(/assets/img/common/ico-assordion-plus.svg)
}
.p-sscStudentDetail-study-progress-course-head__ico.is-open {
    background-image:url(/assets/img/common/ico-assordion-minus.svg)
}
.p-sscStudentDetail-study-progress-class {
    display:none
}
.p-sscStudentDetail-study-progress-class-category__list {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width:93%;
    padding-left:34.5px;
    padding-bottom:14px
}
.p-sscStudentDetail-study-progress-class-category__item {
    width:12%;
    margin-right:1px
}
.p-sscStudentDetail-study-progress-class-category__item:last-child {
    margin-right:0
}
.p-sscStudentDetail-study-progress-class-category__num {
    background:#e8e8e8;
    font-size:1.3rem;
    font-weight:700;
    text-align:center;
    margin-bottom:1px
}
.p-sscStudentDetail-study-progress-class-category__num--white {
    background:#fff;
    padding:3px 0
}
.p-sscStudentDetail-study-progress-class-category__num--valueNull {
    background:#fff;
    padding:13px 0
}
.p-sscStudentDetail-study-progress-class-category__dfn {
    padding:21px 0;
    font-size:1.2rem;
    font-family:500;
    text-align:center;
    background:#e8e8e8
}
.p-sscStudentDetail-study-progress-class-category__dfn--bacBlue {
    padding:13px 0;
    background:rgba(68,192,226,.53);
    color:#2b2b2b
}
.p-sscStudentDetail-study-progress-class-category__dfn--gray {
    padding:13px 0;
    color:#e2e2e2;
    background:#afafaf
}
.p-sscStudentDetail-study-progress-class-category__dfn--red {
    padding:13px 0;
    background:rgba(226,68,106,.53);
    color:#2b2b2b
}
.p-sscStudentDetail-study-progress-class-category__dfn--black {
    padding:13px 0;
    background:#a2a2a2;
    color:#e2e2e2
}
.p-sscStudentDetail-study-progress-class-category__dfn--white {
    background:#fff;
    opacity:.5
}
.p-sscStudentDetail-apply-tabTtl {
    padding-top:24px;
    font-size:24px;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700;
    background:#fff
}
.p-sscStudentDetail-applyApp__inner {
    padding:0 32px
}
.p-sscStudentDetail-applyApp-tabTtl {
    padding-top:53px;
    font-size:24px;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700;
    background:#fff
}
.p-sscStudentDetail-applyApp-type {
    padding-top:32px
}
.p-sscStudentDetail-applyApp-type__list {
    width:100%;
    height:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:45px
}
.p-sscStudentDetail-applyApp-type__item {
    width:calc(33.3333333333% - 45px)
}
.p-sscStudentDetail-applyApp-type__item a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:185px;
    height:100%;
    background:#fafaf7;
    border:solid 4px #efefe4;
    border-radius:10px;
    font-size:1.6rem;
    font-family:"NotoSansJP",sans-serif;
    font-weight:700;
    padding:15px
}
.p-sscStudentDetail-applyApp-type__item a span {
    position:relative;
    width:30px;
    height:30px;
    background:#eaeadc;
    border-radius:50%;
    margin-left:16px;
    flex-shrink:0
}
.p-sscStudentDetail-applyApp-type__item a span::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    margin:auto;
    width:7px;
    height:10px;
    background-image:url(/assets/img/common/ico-arrow-black-right.svg);
    background-repeat:no-repeat;
    background-size:cover
}
.p-sscStudentDetail-apply-table {
    width:100%;
    table-layout:fixed;
    margin-top:16px
}
.p-sscStudentDetail-apply-table td {
    vertical-align:middle
}
.p-sscStudentDetail-apply-table-head {
    border-top:solid 1px #262626;
    border-bottom:solid 1px #262626;
    white-space:nowrap
}
.p-sscStudentDetail-apply-table-head__num {
    width:85px;
    padding:10px 10px 10px 32px
}
.p-sscStudentDetail-apply-table-head__ttl {
    padding:5px
}
.p-sscStudentDetail-apply-table-head__period {
    padding:5px
}
.p-sscStudentDetail-apply-table-head__courseStatus {
    padding:5px
}
.p-sscStudentDetail-apply-table-head__paymentStatus {
    padding:5px
}
.p-sscStudentDetail-apply-table-head__detail {
    padding:10px 32px 10px 0
}
.p-sscStudentDetail-apply-table-head__w05 {
    width:5%;
    padding:10px 5px 10px
}
.p-sscStudentDetail-apply-table-head__w10 {
    width:10%;
    padding:10px 5px
}
.p-sscStudentDetail-apply-table-head__w15 {
    width:15%;
    padding:10px 5px
}
.p-sscStudentDetail-apply-table-head__w20 {
    padding:10px 5px;
    width:20%
}
.p-sscStudentDetail-apply-table-head__w30 {
    padding:10px 5px;
    width:30%
}
.p-sscStudentDetail-apply-table-head__w40 {
    padding:10px 5px;
    width:40%
}
.p-sscStudentDetail-apply-table-head__w100 {
    width:100%;
    padding:10px 5px;
    text-align:right !important
}
.p-sscStudentDetail-apply-table-course {
    border-bottom:solid 1px #e8e8e2;
    text-align:center
}
.p-sscStudentDetail-apply-table-course.is-active {
    border:none;
    background:#fafaf7
}
.p-sscStudentDetail-apply-table-course__num {
    padding:10px 10px 10px 32px;
    vertical-align:middle
}
.p-sscStudentDetail-apply-table-course__ttl {
    vertical-align:middle;
    text-align:left;
    padding:5px
}
.p-sscStudentDetail-apply-table-course__period {
    font-weight:500;
    vertical-align:middle;
    padding:5px
}
.p-sscStudentDetail-apply-table-course__day {
    font-weight:500;
    vertical-align:middle;
    white-space:nowrap;
    padding:5px
}
.p-sscStudentDetail-apply-table-course__statusArea {
    vertical-align:middle;
    padding:5px
}
.p-sscStudentDetail-apply-table-course__status {
    display:flex;
    justify-content:center;
    width:68px;
    margin:0 auto;
    padding:4px 10px;
    text-align:center;
    font-size:1.2rem;
    font-weight:700;
    white-space:nowrap
}
.p-sscStudentDetail-apply-table-course__status--green {
    background:#d1e7d2;
    color:#2e8d32
}
.p-sscStudentDetail-apply-table-course__status--red {
    background:#f9e5e5;
    color:#ed0000
}
.p-sscStudentDetail-apply-table-course__status--orange {
    background:#f2dbc4;
    color:#c48624
}
.p-sscStudentDetail-apply-table-course__status--marginLeft {
    margin:0
}
.p-sscStudentDetail-apply-table-course__detail {
    padding:18px 32px 18px 0;
    display:flex;
    justify-content:center;
    align-items:center
}
.p-sscStudentDetail-apply-table-course__btn {
    padding:0;
    width:24px;
    height:24px;
    background-image:url(/assets/img/common/ico-curriculum-plus.svg)
}
.p-sscStudentDetail-apply-table-course__btn.is-open {
    background-image:url(/assets/img/common/ico-curriculum-minus.svg)
}
.p-sscStudentDetail-apply-table-course__w05 {
    width:5%;
    padding:18px 5px 18px
}
.p-sscStudentDetail-apply-table-course__w10 {
    width:10%;
    padding:10px 5px
}
.p-sscStudentDetail-apply-table-course__w15 {
    width:15%;
    padding:10px 5px
}
.p-sscStudentDetail-apply-table-course__w20 {
    padding:10px 5px;
    width:20%;
    text-align:left
}
.p-sscStudentDetail-apply-table-course__w25 {
    padding:10px 5px;
    width:25%
}
.p-sscStudentDetail-apply-table-course__w30 {
    padding:10px 5px;
    width:30%
}
.p-sscStudentDetail-apply-table-course__w40 {
    padding:10px 5px;
    width:40%
}
.p-sscStudentDetail-apply-table-course__w100 {
    width:100%;
    padding:10px 5px;
    text-align:right !important
}
.p-sscStudentDetail-apply-table-content {
    display:none;
    background:#efefe4
}
.p-sscStudentDetail-apply-table-content.is-active {
    display:table-row
}
.p-sscStudentDetail-apply-table-content--sp {
    display:none;
    background:#fafaf7
}
.p-sscStudentDetail-apply-table-content--sp.is-active {
    display:none
}
.p-sscStudentDetail-apply-table-content-main {
    padding-right:24px
}
.p-sscStudentDetail-apply-table-content-main__item {
    display:flex;
    align-items:center;
    margin-bottom:28px
}
.p-sscStudentDetail-apply-table-content-main__item:first-child {
    padding-top:30px
}
.p-sscStudentDetail-apply-table-content-main__ttl {
    min-width:110px
}
.p-sscStudentDetail-apply-table-content-main__txt {
    font-weight:500;
    display:flex;
    align-items:center
}
.p-sscStudentDetail-apply-table-content-main__money {
    margin-right:16px
}
.p-sscStudentDetail-apply-table-content-sp__item {
    display:flex;
    align-items:center;
    padding:8px 0
}
.p-sscStudentDetail-innerTable {
    table-layout:fixed;
    width:calc(100% - 64px);
    margin:24px 32px
}
.p-sscStudentDetail-innerTable td {
    text-align:center;
    font-weight:500
}
.p-sscStudentDetail-innerTable__header {
    border-top:solid 1px #262626;
    border-bottom:solid 1px #262626;
    white-space:nowrap
}
.p-sscStudentDetail-innerTable__body tr {
    border-bottom:1px solid #ddd
}
.p-sscStudentDetail-innerTable__body tr:last-of-type {
    border-bottom:none
}
.p-sscStudentDetail-innerTable__w05 {
    width:5%;
    padding:10px 10px
}
.p-sscStudentDetail-innerTable__w10 {
    width:10%;
    padding:10px 10px
}
.p-sscStudentDetail-innerTable__w15 {
    width:15%;
    padding:10px 10px
}
.p-sscStudentDetail-innerTable__w20 {
    padding:10px 10px;
    width:20%
}
.p-sscStudentDetail-innerTable__w30 {
    padding:10px 10px;
    width:30%
}
.p-sscStudentDetail-innerTable__w40 {
    padding:10px 10px;
    width:40%
}
.p-sscStudentDetail-innerTable__w100 {
    width:100%;
    padding:16px 10px;
    text-align:right !important
}
.p-sscStudentDetail-innerTable__label {
    margin-left:32px;
    font-weight:500
}
.p-sscStudentDetail-innerTable__num {
    font-weight:700;
    margin:0 10px
}
.p-sscStudentDetail-test__list {
    max-height:252px;
    overflow-y:auto
}
.p-sscStudentDetail-test__item {
    padding:12px 16px;
    background:#efefe4;
    border-radius:4px;
    margin-bottom:12px;
    display:flex
}
.p-sscStudentDetail-test__left {
    width:100px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    margin-right:16px
}
.p-sscStudentDetail-test__num {
    font-size:2rem;
    font-family:"Lato",sans-serif
}
.p-sscStudentDetail-test__num-txt {
    font-size:1.2rem;
    margin-left:4px
}
.p-sscStudentDetail-test__ttl {
    margin-bottom:6px;
    font-weight:700;
    font-size:1.4rem
}
.p-sscStudentDetail-test__foot {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-weight:500
}
.p-sscStudentDetail-test__label {
    padding:3px 12px;
    background:#fafaf7;
    border-radius:4px;
    margin-right:16px
}
.p-sscStudentDetail-test__date span {
    margin-right:24px
}
.p-study-progress-head {
    display:flex;
    justify-content:space-between
}
.p-study-progress-head__ttl {
    font-size:2rem;
    color:#fff;
    font-weight:700
}
.p-study-progress__ttl {
    padding:16.4px 27px 13px;
    font-size:1.8rem;
    font-weight:700;
    background:#0bd69b;
    color:#fff
}
.p-study-progress__wrapper {
    border-radius:6px;
    padding:24px
}
.p-study-progress__wrapper--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-study-progress-inner {
    padding:0 74.5px
}
.p-study-progress__content {
    background:#fff;
    border-radius:6px;
    margin-bottom:12px
}
.p-study-progress__content--color {
    background:#efefe4
}
.p-study-progress__content--gray {
    background:#e2e6e8
}
.p-study-progress__content:last-child {
    margin-bottom:0
}
.p-study-progress-course {
    background:#fafaf7;
    padding:24px 0
}
.p-study-progress-course-head {
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    padding:16px 24px
}
.p-study-progress-course-head.is-selection::before {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-40px;
    width:26px;
    height:26px;
    background-image:url(/assets/img/common/ico-pencil.svg);
    background-repeat:no-repeat
}
.p-study-progress-course-head-txt {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:90%;
    margin-right:22px;
    overflow:hidden
}
.p-study-progress-course-head__ttl {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.p-study-progress-course-head-area {
    flex:0 0 280px;
    display:flex;
    align-items:center
}
.p-study-progress-course-head-area__list {
    display:flex;
    align-items:center;
    margin-right:30px
}
.p-study-progress-course-head-area__list:last-child {
    margin-right:0
}
.p-study-progress-course-head-area__list--flex {
    flex:0 0 100px
}
.p-study-progress-course-head-area__list--flexBig {
    flex:0 0 120px
}
.p-study-progress-course-head-area__ttl {
    position:relative;
    margin-right:10px;
    font-size:1.4rem;
    font-weight:500
}
.p-study-progress-course-head-area__num {
    font-size:1.8rem;
    font-weight:700;
    color:#e24444
}
.p-study-progress-course-head-area__num--black {
    color:#2b2b2b
}
.p-study-progress-course-head-area__num--blue {
    color:#44c0e2
}
.p-study-progress-course-head__ico {
    flex-shrink:0;
    padding:0;
    margin-left:auto;
    width:24px;
    height:24px;
    background-image:url(/assets/img/common/ico-assordion-plus.svg)
}
.p-study-progress-course-head__ico.is-open {
    background-image:url(/assets/img/common/ico-assordion-minus.svg)
}
.p-study-progress-class {
    display:none
}
.p-study-progress-class-category__list {
    display:flex;
    align-items:center;
    width:93%;
    padding-left:34.5px;
    padding-bottom:14px
}
.p-study-progress-class-category__item {
    width:12%;
    margin-right:1px
}
.p-study-progress-class-category__item:last-child {
    margin-right:0
}
.p-study-progress-class-category__num {
    background:#e8e8e8;
    font-size:1.3rem;
    font-weight:700;
    text-align:center;
    margin-bottom:1px
}
.p-study-progress-class-category__num--white {
    background:#fff;
    padding:3px 0
}
.p-study-progress-class-category__num--valueNull {
    background:#fff;
    padding:13px 0
}
.p-study-progress-class-category__dfn {
    padding:21px 0;
    font-size:1.2rem;
    font-family:500;
    text-align:center;
    background:#e8e8e8
}
.p-study-progress-class-category__dfn--lightBlue {
    padding:13px 0;
    background:rgba(68,192,226,.53);
    color:#2b2b2b
}
.p-study-progress-class-category__dfn--blue {
    padding:13px 0;
    background:#5d9dd2;
    color:#2b2b2b
}
.p-study-progress-class-category__dfn--gray {
    padding:13px 0;
    color:#e2e2e2;
    background:#afafaf
}
.p-study-progress-class-category__dfn--red {
    padding:13px 0;
    background:#f17565;
    color:#2b2b2b
}
.p-study-progress-class-category__dfn--purple {
    padding:13px 0;
    background:#9e80d6;
    color:#2b2b2b
}
.p-study-progress-class-category__dfn--green {
    padding:13px 0;
    background:#44c78a;
    color:#2b2b2b
}
.p-study-progress-class-category__dfn--black {
    padding:13px 0;
    background:#a2a2a2;
    color:#e2e2e2
}
.p-study-progress-class-category__dfn--white {
    background:#fff;
    opacity:.5
}
.p-study-progress__class {
    max-width:250px;
    width:100%;
    margin:0 0 16px
}
.p-study-progress__class-select select {
    line-height:normal
}
.p-study-progress__foot--single {
    display:block
}
.p-study-progress__foot--multi {
    display:flex
}
.p-study-progress__foot-wrapper {
    background:#fafaf7;
    border-radius:6px;
    padding:16px
}
.p-study-progress__foot-wrapper--attendance {
    margin:0 16px 0 0;
    width:35.9%
}
.p-study-progress__foot-wrapper--video {
    flex-grow:1;
    flex-basis:auto
}
.p-study-progress__video {
    max-height:119px
}
.p-study-progress__video .simplebar-scrollbar:before {
    background:#7c7c7c !important
}
.p-study-progress__video .simplebar-track.simplebar-vertical {
    background:#d5d5d5 !important
}
.p-study-progress__video-basic .simplebar-scrollbar:before {
    background:#0bd69b
}
.p-study-progress__video-content {
    display:flex;
    align-items:flex-start
}
.p-study-progress__video-content--sp {
    display:none
}
.p-study-progress__video-txt {
    padding:4px 0;
    margin:0 34px 0 0;
    overflow:hidden;
    width:152px
}
.p-study-progress__video-txt--multi {
    width:100px
}
.p-study-progress__video-ttl {
    margin:0 0 7px;
    font-size:1rem;
    font-weight:500;
    line-height:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.p-study-progress__video-detail {
    flex:1;
    margin:0 20px 0 0
}
.p-study-progress__video-list {
    background:#f7f7f2;
    position:relative;
    padding:11px 0
}
.p-study-progress__video-duration {
    margin:0 0 13px;
    position:relative;
    z-index:1
}
.p-study-progress__video-duration:last-child {
    margin:0
}
.p-study-progress__video-time {
    width:100%;
    height:9px;
    background:#fff
}
.p-study-progress__video-time span {
    width:100%;
    height:100%;
    display:block
}
.p-study-progress__video-time span.basic {
    background:#0bb3d6
}
.p-study-progress__video-unit {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:absolute;
    bottom:-26px;
    right:-13px;
    width:calc(100% + 26px)
}
@media only screen and (max-width: 1150px) {
    .p-study-progress__video-unit {
        right:-15px;
        width:calc(100% + 30px)
    }
}
.p-study-progress__video-vertical-line {
    position:absolute;
    top:0;
    background:#efefe4;
    height:100%;
    width:2px
}
.p-study-progress__video-vertical-line:nth-child(1) {
    left:calc(25% - 1px)
}
.p-study-progress__video-vertical-line:nth-child(2) {
    left:calc(50% - 1px)
}
.p-study-progress__video-vertical-line:nth-child(3) {
    left:calc(75% - 1px)
}
.p-study-progress__video-item {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    font-size:1rem;
    transform:scale(0.9)
}
.p-study-progress__video-item::before {
    content:"";
    border-right:4px solid transparent;
    border-bottom:6px solid #2b2b2b;
    border-left:4px solid transparent;
    display:block;
    margin:0 0 3px
}
.p-study-progress__video-item:last-child::after {
    content:"縲�";
    display:block;
    position:absolute;
    top:36%;
    right:-12px
}
.p-study-progress__video-noView {
    display:none;
    margin:60px 18px 0 0
}
.p-study-progress__empty {
    display:flex
}
.p-study-progress__empty-txt {
    width:186px
}
.p-study-progress__empty-txt--multi {
    width:134px
}
.p-study-progress__empty-detail {
    flex:1;
    margin:0 20px 0 0;
    position:relative
}
.p-top-studyProgress__wrapper {
    background:#fafaf7;
    border-radius:6px;
    padding:12px 20px;
    display:flex;
    align-items:center
}
.p-top-studyProgress__ttl {
    font-size:1.8rem;
    margin:0 5.8% 0 0;
    flex-shrink:0
}
.p-top-studyProgress__bar {
    display:flex;
    align-items:center;
    width:45.7%;
    flex:1
}
.p-top-studyProgress__percent {
    display:block;
    background:#efefe4;
    width:35.4%;
    height:21px;
    flex:1;
    margin:0 16px 0 0
}
.p-top-studyProgress__percent span {
    width:100%;
    height:100%;
    display:block
}
.p-top-studyProgress__percent span.basic {
    background:#0bb3d6
}
.p-top-studyProgress__num {
    display:flex;
    align-items:center;
    font-size:1.8rem;
    margin:0 12.2% 0 0
}
.p-top-studyProgress__num span {
    font-size:4rem;
    font-family:"Lato",sans-serif;
    margin:0 8px 0 0
}
.p-top-studyProgress__ratio {
    background:#efefe4;
    border-radius:6px;
    padding:6px;
    font-size:1.2rem;
    display:flex;
    align-items:center;
    justify-content:center
}
.p-top-studyProgress__ratio--pie {
    margin-top:auto
}
.p-top-studyProgress__ratio-txt {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-top-studyProgress__ratio-firstNum {
    font-family:"Lato",sans-serif;
    font-size:2.4rem
}
.p-top-studyProgress__ratio-secondNum {
    font-family:"Lato",sans-serif;
    font-size:1.8rem
}
.p-top-studyProgress__ratio-slash {
    font-size:1.8rem;
    margin:0 2px
}
.p-top-studyProgress__noClass {
    width:100%;
    height:100%;
    padding:20px;
    background:#f5f5ec;
    border-radius:6px;
    display:flex;
    justify-content:center;
    align-items:center
}
.p-top-studyProgress__noClass span {
    font-size:1.8rem;
    font-weight:700
}
.p-top-progress {
    margin:0 0 56px
}
.p-top-progress-head {
    display:flex;
    justify-content:space-between;
    margin-bottom:16px
}
.p-top-progress-head__ttl {
    font-size:2rem;
    color:#fff;
    font-weight:700
}
.p-top-progress-head__select {
    width:100%;
    max-width:250px
}
.p-top-progress__ttl {
    font-size:2rem;
    margin:0 0 24px
}
.p-top-progress__wrapper {
    border-radius:6px;
    padding:24px
}
.p-top-progress__wrapper--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-top-progress__wrapper--mba {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.p-top-progress__wrapper--c {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.p-top-progress__wrapper--hajl {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.p-top-progress__wrapper--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.p-top-progress__wrapper--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.p-top-progress__wrapper--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.p-top-progress__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 16px
}
.p-top-progress__head-right {
    display:flex;
    align-items:center
}
.p-top-progress__head-ttl {
    font-size:2rem;
    color:#fff
}
.p-top-progress__head-icon {
    width:32px;
    height:32px;
    background:#fff;
    border-radius:50%;
    position:relative;
    margin:0 16px 0 52px
}
.p-top-progress__head-icon::after {
    content:"";
    background:url("/assets/img/common/ico-arrow-black-right.svg") no-repeat center center/contain;
    width:7px;
    height:10px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.p-top-progress__head-select {
    max-width:250px
}
.p-top-progress__head-select::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:89%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-top-progress__class {
    max-width:250px;
    width:100%;
    margin:0 0 16px
}
.p-top-progress__class-select select {
    line-height:normal
}
.p-top-progress__foot--single {
    display:block
}
.p-top-progress__foot--multi {
    display:flex
}
.p-top-progress__foot-wrapper {
    background:#fafaf7;
    border-radius:6px;
    padding:16px
}
.p-top-progress__foot-wrapper--attendance {
    margin:0 16px 0 0;
    width:35.9%
}
.p-top-progress__foot-wrapper--video {
    flex-grow:1;
    flex-basis:auto
}
.p-top-progress__attendance {
    display:flex;
    flex-direction:column;
    height:100%
}
.p-top-progress__attendance-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 16px
}
.p-top-progress__attendance-select {
    flex-shrink:1;
    margin:0 0 0 8px;
    max-width:207px
}
.p-top-progress__attendance-select::after {
    content:"";
    position:absolute;
    pointer-events:none;
    top:50%;
    right:24px;
    transform:translateY(-50%);
    height:89%;
    width:16px;
    background:linear-gradient(to right, rgba(255, 255, 255, 0), white)
}
.p-top-progress__attendance-ttl {
    flex-shrink:0;
    font-size:1.8rem
}
.p-top-progress__attendance-pie {
    width:152px;
    height:152px;
    border-radius:50%;
    margin:0 auto 24px
}
.p-top-progress__attendance-pie--basic {
    background:linear-gradient(to right, #0bd69b, #0bb3d6)
}
.p-top-progress__attendance-pie--mba {
    background:linear-gradient(to right, #87acd1, #01267b)
}
.p-top-progress__attendance-pie--c {
    background:linear-gradient(to right, #edc7a6, #ed964a)
}
.p-top-progress__attendance-pie--hajl {
    background:linear-gradient(to right, #9baee5, #5477db)
}
.p-top-progress__attendance-pie--nail {
    background:linear-gradient(to right, #f2bcbc, #f27e7e)
}
.p-top-progress__attendance-pie--psych {
    background:linear-gradient(to right, #c7e091, #9dce3a)
}
.p-top-progress__attendance-pie--jp {
    background:linear-gradient(to right, #a5d8e6, #44c0e2)
}
.p-top-progress__attendance-graph {
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:4rem;
    border-radius:48%;
    width:100%;
    height:100%;
    background-image:radial-gradient(#fafaf7 60%, rgba(255, 255, 255, 0) 61%),conic-gradient(transparent 0% 60%, #fafaf7 60% 100%)
}
.p-top-progress__attendance-graph .percentage {
    font-size:1.8rem;
    margin:0 0 -10px 14px
}
.p-top-progress__content-head {
    display:flex;
    align-items:center;
    margin:0 0 16px
}
.p-top-progress__content-head--multi {
    justify-content:space-between
}
.p-top-progress__content-ttl {
    margin:0 32px 0 0;
    font-size:1.8rem
}
.p-top-progress__content-ttl--multi {
    margin:0 16px 0 0
}
.p-top-progress__content-period {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-top-progress__content-period-txt {
    font-size:1.2rem;
    display:flex;
    align-items:center;
    margin:0 8px 0 0;
    flex-shrink:0
}
.p-top-progress__content-period-txt span {
    margin:0 0 0 4px;
    line-height:1
}
.p-top-progress__content-period-day {
    display:flex;
    align-items:center;
    flex-grow:1
}
.p-top-progress__content-period-symbol {
    margin:0 8px
}
.p-top-progress__content-period-calendar {
    max-width:116px;
    padding:10px 16px 11px 12px;
    font-size:1.2rem;
    height:30px;
    font-weight:700;
    background:url("/assets/img/common/ico-calendar.svg") no-repeat top 6px right 10px/16px #fff
}
.p-top-progress__content-foot {
    display:flex
}
.p-top-progress__content-total {
    background:#efefe4;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    min-height:173px;
    padding:0 4.1%;
    margin:0 1.7% 0 0
}
.p-top-progress__content-total--multi {
    margin:0 0 16px;
    flex-direction:row;
    justify-content:center;
    min-height:0;
    padding:6px 16px
}
.p-top-progress__content-total-time {
    font-size:1.8rem;
    margin:0 0 12px
}
.p-top-progress__content-total-time--multi {
    margin:0 16px 0 0
}
.p-top-progress__content-hour {
    white-space:nowrap
}
.p-top-progress__content-hour--large {
    font-family:"Lato",sans-serif;
    font-size:2.6rem
}
.p-top-progress__content-hour span {
    margin:0 4px 0 0
}
.p-top-progress__content-hour span:last-child {
    margin:0
}
.p-top-progress__content-detail {
    flex:1;
    background:#efefe4;
    border-radius:6px;
    padding:16px 16px 42px 16px;
    position:relative
}
.p-top-progress__video {
    max-height:119px
}
.p-top-progress__video .simplebar-scrollbar:before {
    background:#7c7c7c !important
}
.p-top-progress__video .simplebar-track.simplebar-vertical {
    background:#d5d5d5 !important
}
.p-top-progress__video-basic .simplebar-scrollbar:before {
    background:#0bd69b
}
.p-top-progress__video-jp .simplebar-scrollbar:before {
    background:#44c0e2
}
.p-top-progress__video-mba .simplebar-scrollbar:before {
    background:#01267b
}
.p-top-progress__video-c .simplebar-scrollbar:before {
    background:#ed964a
}
.p-top-progress__video-hajl .simplebar-scrollbar:before {
    background:#5477db
}
.p-top-progress__video-nail .simplebar-scrollbar:before {
    background:#f27e7e
}
.p-top-progress__video-psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.p-top-progress__video-content {
    display:flex;
    align-items:flex-start
}
.p-top-progress__video-content--sp {
    display:none
}
.p-top-progress__video-txt {
    padding:4px 0;
    margin:0 34px 0 0;
    overflow:hidden;
    width:152px
}
.p-top-progress__video-txt--multi {
    width:100px
}
.p-top-progress__video-ttl {
    margin:0 0 7px;
    font-size:1rem;
    font-weight:500;
    line-height:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.p-top-progress__video-detail {
    flex:1;
    margin:0 20px 0 0
}
.p-top-progress__video-list {
    background:#f7f7f2;
    position:relative;
    padding:11px 0
}
.p-top-progress__video-duration {
    margin:0 0 13px;
    position:relative;
    z-index:1
}
.p-top-progress__video-duration:last-child {
    margin:0
}
.p-top-progress__video-time {
    width:100%;
    height:9px;
    background:#fff
}
.p-top-progress__video-time span {
    width:100%;
    height:100%;
    display:block
}
.p-top-progress__video-time span.basic {
    background:#0bb3d6
}
.p-top-progress__video-time span.jp {
    background:#44c0e2
}
.p-top-progress__video-time span.mba {
    background:#01267b
}
.p-top-progress__video-time span.c {
    background:#ed964a
}
.p-top-progress__video-time span.hajl {
    background:#5477db
}
.p-top-progress__video-time span.nail {
    background:#f27e7e
}
.p-top-progress__video-time span.psych {
    background:#9dce3a
}
.p-top-progress__video-unit {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:absolute;
    bottom:-26px;
    right:-13px;
    width:calc(100% + 26px)
}
@media only screen and (max-width: 1150px) {
    .p-top-progress__video-unit {
        right:-15px;
        width:calc(100% + 30px)
    }
}
.p-top-progress__video-vertical-line {
    position:absolute;
    top:0;
    background:#efefe4;
    height:100%;
    width:2px
}
.p-top-progress__video-vertical-line:nth-child(1) {
    left:calc(25% - 1px)
}
.p-top-progress__video-vertical-line:nth-child(2) {
    left:calc(50% - 1px)
}
.p-top-progress__video-vertical-line:nth-child(3) {
    left:calc(75% - 1px)
}
.p-top-progress__video-item {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    font-size:1rem;
    transform:scale(0.9)
}
.p-top-progress__video-item::before {
    content:"";
    border-right:4px solid transparent;
    border-bottom:6px solid #2b2b2b;
    border-left:4px solid transparent;
    display:block;
    margin:0 0 3px
}
.p-top-progress__video-item:last-child::after {
    content:"縲�";
    display:block;
    position:absolute;
    top:36%;
    right:-12px
}
.p-top-progress__video-noView {
    display:none;
    margin:60px 18px 0 0
}
.p-top-progress__empty {
    display:flex
}
.p-top-progress__empty-txt {
    width:186px
}
.p-top-progress__empty-txt--multi {
    width:134px
}
.p-top-progress__empty-detail {
    flex:1;
    margin:0 20px 0 0;
    position:relative
}
.p-verification-modal {
    background:#fafaf7;
    border-radius:6px;
    padding:48px 24px
}
.p-verification-modal__ttl {
    font-size:2rem;
    margin-bottom:24px
}
.p-verification-modal__btn {
    max-width:200px
}
.p-verification-modal__btn-wrap {
    display:flex;
    justify-content:center;
    gap:12px
}
.p-verification-modal__error {
    color:#e6183f;
    margin-bottom:24px;
    text-align:center
}
.p-verification-modal-select {
    display:flex;
    align-items:center;
    max-width:70%;
    margin:0 auto 20px
}
.p-verification-modal-select__ttl {
    font-size:1.6rem;
    text-align:left;
    margin-right:32px;
    width:100px
}
.p-verification-modal-select__select {
    flex:1
}
.p-verification-modal-select__date {
    font-size:1.6rem;
    margin-right:24px;
    font-weight:500
}
.p-verification-modal-select__input {
    flex:1
}
.p-verification-modal__login-id {
    max-width:70%;
    margin:0 auto 32px;
    display:flex;
    align-items:center
}
.p-verification-modal__login-id dt {
    font-weight:bold;
    margin-right:32px;
    font-size:1.6rem;
    width:100px;
    text-align:left
}
.p-verification-modal__login-id dd {
    font-size:1.6rem;
    font-weight:500
}
.p-sscStudentList {
    padding:16px 32px 100px
}
.p-sscStudentList__ttl {
    margin-bottom:16px;
    font-size:2rem
}
.p-sscStudentList-search {
    margin:0 0 24px;
    border-radius:6px;
    background-color:#fafaf7
}
.p-sscStudentList-search__inner {
    padding:16px
}
.p-sscStudentList-search__box {
    display:flex;
    flex-wrap:wrap;
    gap:14px 24px
}
.p-sscStudentList-search__box+.p-sscStudentList-search__box {
    margin-top:14px
}
.p-sscStudentList-search__unit {
    flex-grow:1;
    min-width:130px
}
.p-sscStudentList-search__support {
    display:flex;
    align-items:center
}
.p-sscStudentList-search__ttl {
    margin-bottom:6px;
    white-space:nowrap
}
.p-sscStudentList-search__ttl::before {
    content:"笆�"
}
.p-sscStudentList-search__alert {
    display:flex;
    align-items:center;
    gap:24px;
    min-height:40px;
    font-weight:400
}
.p-sscStudentList-search__btn {
    width:95px;
    min-width:95px;
    margin-left:24px;
    padding:6px 10px 6px 6px;
    font-size:1.4rem
}
.p-sscStudentList-search__textbox-support {
    min-width:300px
}
.p-sscStudentList-search__checkBox-none {
    margin-left:24px;
    font-weight:400
}
.p-sscStudentList-search__ico-search {
    position:relative;
    flex-grow:1
}
.p-sscStudentList-search__ico-search input {
    padding:0 30px
}
.p-sscStudentList-search__btn-search {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:9px;
    z-index:1;
    width:18px;
    height:18px;
    margin:auto;
    background:url("/assets/img/common/ico-search-black.svg");
    background-size:contain;
    background-repeat:no-repeat;
    cursor:pointer
}
.p-sscStudentList-search__ico-clear {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:40px;
    overflow:hidden;
    background:url("/assets/img/common/ico-close-black.svg") no-repeat center center;
    background-size:11px 11px;
    line-height:10
}
.p-sscStudentList-search-teacher {
    position:relative
}
.p-sscStudentList-search-teacher.is-disabled {
    opacity:.3 !important
}
.p-sscStudentList-search-teacher.is-disabled::before {
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
    content:"";
    background-color:#000;
    border-radius:4px;
    opacity:.15
}
.p-sscStudentList-alert__ico-continue,.p-sscStudentList-alert__ico-progress {
    display:inline-block;
    width:19px;
    height:19px;
    margin:0 4px;
    vertical-align:bottom;
    cursor:pointer
}
.p-sscStudentList-alert__ico-continue {
    background:url("/assets/img/common/ico-alert-continue.svg");
    background-size:contain
}
.p-sscStudentList-alert__ico-progress {
    background:url("/assets/img/common/ico-alert-progress.svg");
    background-size:contain
}
.p-sscStudentList-alert__select-continue,.p-sscStudentList-alert__select-progress {
    padding-left:20px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:16px auto
}
.p-sscStudentList-alert__select-continue {
    background-image:url("/assets/img/common/ico-alert-continue.svg")
}
.p-sscStudentList-alert__select-progress {
    background-image:url("/assets/img/common/ico-alert-progress.svg")
}
.p-sscStudentList-displayNum {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px
}
.p-sscStudentList-displayNum__result {
    display:flex;
    align-items:center
}
.p-sscStudentList-displayNum__result-ttl {
    margin-right:16px;
    white-space:nowrap
}
.p-sscStudentList-displayNum__result-select {
    width:100px
}
.p-sscStudentList-table {
    margin-bottom:80px;
    padding-bottom:22px
}
.p-sscStudentList-table table {
    width:100%;
    min-width:1080px
}
.p-sscStudentList-table thead {
    width:100%;
    border-top:1px solid #262626;
    border-bottom:1px solid #262626
}
.p-sscStudentList-table tbody tr {
    border-bottom:1px solid #e8e8e2
}
.p-sscStudentList-table tbody tr:nth-child(4n+1) {
    background:#fafaf7
}
.p-sscStudentList-table tr {
    display:flex;
    align-items:stretch;
    min-width:calc(100vw - 400px)
}
.p-sscStudentList-table th {
    padding:8px 5px;
    white-space:nowrap;
    border-right:1px solid #e8e8e2
}
.p-sscStudentList-table th:last-of-type {
    padding:8px 5px 8px 5px;
    border-right:none
}
.p-sscStudentList-table td {
    padding:5px 5px;
    font-weight:500;
    line-height:1.2;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid #e8e8e2
}
.p-sscStudentList-table td:last-of-type {
    border-right:none
}
.p-sscStudentList-table td a {
    color:#0bb7d0
}
.p-sscStudentList-table__head {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%
}
.p-sscStudentList-table__sort-ico {
    background:#fafaf7;
    width:14px;
    height:25px;
    border-radius:2px;
    margin-left:8px;
    display:inline-block;
    position:relative
}
.p-sscStudentList-table__sort-ico.is-desc::before {
    opacity:.2
}
.p-sscStudentList-table__sort-ico.is-asc::after {
    opacity:.2
}
.p-sscStudentList-table__sort-ico::before,.p-sscStudentList-table__sort-ico::after {
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:0;
    left:0;
    margin:auto;
    border-style:solid;
    content:""
}
.p-sscStudentList-table__sort-ico::before {
    bottom:5px;
    border-width:4px 3px 0 3px;
    border-color:#2b2b2b transparent transparent transparent
}
.p-sscStudentList-table__sort-ico::after {
    top:5px;
    border-width:0 3px 4px 3px;
    border-color:transparent transparent #2b2b2b transparent
}
.p-sscStudentList-table__ico-message {
    display:block;
    width:16px;
    height:16px;
    margin:auto;
    overflow:hidden;
    background:url("/assets/img/common/ico-mail-blue.svg") no-repeat center center;
    background-size:contain;
    line-height:5
}
.p-sscStudentList-table .c-check__label {
    display:block;
    width:21px;
    height:17px;
    margin:auto
}
.p-sscStudentList-table__00 {
    width:40px;
    padding:8px 5px
}
.p-sscStudentList-table__01 {
    width:90px
}
.p-sscStudentList-table__01 .p-sscStudentList-table__head {
    margin-top:3px
}
.p-sscStudentList-table__02 {
    width:90px;
    text-align:center
}
.p-sscStudentList-table__02 span {
    cursor:default
}
.p-sscStudentList-table__03 {
    width:120px
}
.p-sscStudentList-table__04 {
    width:150px
}
.p-sscStudentList-table__05 {
    flex-grow:2;
    width:30vw;
    min-width:390px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.p-sscStudentList-table__05 span {
    min-width:390px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.p-sscStudentList-table__06 {
    width:100px;
    text-align:center
}
.p-sscStudentList-table__07 {
    width:80px
}
.p-sscStudentList-table__08 {
    width:130px
}
.p-sscStudentList-table__09 {
    position:relative;
    width:10%;
    min-width:190px;
    text-align:center;
    padding-right:26px !important
}
.p-sscStudentList-table__10 {
    width:100px
}
.p-sscStudentList-table__11 {
    width:100px;
    text-align:center
}
.p-sscStudentList-table__12 {
    width:90px
}
.p-sscStudentList-table__13 {
    width:140px
}
.p-sscStudentList-table__btn-box {
    display:block;
    position:absolute;
    top:0;
    right:10px;
    bottom:0;
    width:13px;
    height:13px;
    margin:auto 0;
    background:url("/assets/img/common/icon_plus_white.svg") no-repeat center center/cover;
    content:"";
    cursor:pointer
}
.p-sscStudentList-table__btn-box.is-open {
    background:url("/assets/img/common/icon_minus.svg") no-repeat center center/cover
}
.p-sscStudentList__send-btn {
    width:200px;
    margin:0 auto 40px;
    background-color:#2b2b2b;
    color:#fff
}
td.p-sscStudentList-table__02 {
    padding-left:0
}
td.p-sscStudentList-table__03 {
    padding-left:5px
}
td.p-sscStudentList-table__10 {
    padding-left:20px
}
tr.p-sscStudentList-table__box {
    display:none
}
tr.p-sscStudentList-table__box tr {
    background:#fff !important
}
tr.p-sscStudentList-table__box tr:last-child {
    border-bottom:0
}
tr.p-sscStudentList-table__box>td {
    padding:0
}
.p-sscStudentList-table tr.is-open {
    background:#f4f4e9 !important
}
.p-sscStudentCharge-table {
    margin-bottom:24px;
    table-layout:fixed
}
.p-sscStudentCharge-table tr {
    justify-content:space-around;
    min-width:calc(100vw - 370px)
}
.p-sscStudentCharge-table__00 {
    width:40px
}
.p-sscStudentCharge-table__01 {
    width:142px;
    padding:0
}
.p-sscStudentCharge-table__02 {
    width:10%;
    min-width:150px
}
.p-sscStudentCharge-table__03 {
    min-width:100px
}
.p-sscStudentCharge-table__04 {
    width:15%;
    min-width:120px
}
.p-sscStudentCharge-table__05 {
    width:15%;
    position:relative;
    min-width:190px;
    text-align:center;
    padding-right:26px !important
}
.p-sscStudentCharge-table__06 {
    width:125px;
    text-align:center
}
.p-sscStudentCharge-table__07 {
    display:flex;
    justify-content:space-between;
    width:30%;
    flex:1;
    min-width:400px
}
.p-sscStudentCharge-table__08 {
    width:160px
}
.p-sscStudentCharge-table.is-slide table tr {
    min-width:calc(100vw - 98px)
}
.p-sscStudentCharge-table .c-check__label {
    display:block;
    width:21px;
    height:17px;
    margin:auto
}
.p-sscStudentCharge__btn-charge {
    width:200px;
    margin:0 auto 40px;
    background-color:#2b2b2b;
    color:#fff
}
.p-sscStudentCharge .is-disabled {
    opacity:.8;
    background-color:#e7e7e7
}
td.p-sscStudentCharge-table__07 .c-textbox {
    margin:0 5px;
    font-size:1.4rem
}
.ui-multiselect-header ul li {
    margin-right:15px
}
.ui-multiselect-header .ui-icon-check,.ui-multiselect-header .ui-icon-closethick {
    margin-right:5px
}
.ui-multiselect-checkboxes {
    padding:5px
}
.ui-multiselect-checkboxes>li {
    margin:5px 0
}
.ui-multiselect-grouplabel {
    margin-bottom:5px
}
.p-teachersList-filter {
    background-color:#fafaf7;
    border-radius:6px;
    margin:0 0 24px
}
.p-teachersList-filter__inner {
    padding:27px 32px
}
@media only screen and (max-width: 1090px) {
    .p-teachersList-filter__inner {
        padding:27px 24px
    }
}
.p-teachersList-filter__box {
    display:flex;
    align-items:center;
    padding-left:20px
}
.p-teachersList-filter__box+.p-teachersList-filter__box {
    margin-top:20px
}
.p-teachersList-filter__ttl {
    width:70px;
    margin:0 15px;
    text-align:right;
    white-space:nowrap;
    flex-shrink:0
}
.p-teachersList-filter__ttl span {
    font-size:1.2rem
}
.p-teachersList-filter__left {
    display:flex;
    align-items:center;
    width:50%;
    max-width:400px
}
.p-teachersList-filter__left-select {
    min-width:160px
}
.p-teachersList-filter__right {
    display:flex;
    align-items:center;
    width:40%
}
.p-teachersList-filter__right-select {
    max-width:260px;
    min-width:160px
}
.p-teachersList-filter__print {
    display:flex;
    align-items:center;
    margin:0 8.5% 0 0
}
@media only screen and (max-width: 1090px) {
    .p-teachersList-filter__print {
        margin:0 2.5% 0 0
    }
}
.p-teachersList-filter__print-select {
    max-width:208px;
    flex-shrink:1
}
.p-teachersList-search {
    background-color:#fafaf7;
    border-radius:6px;
    margin:0 0 40px
}
.p-teachersList-search__inner {
    padding:27px 32px;
    display:flex;
    align-items:center;
    max-width:1000px
}
.p-teachersList-search__ttl {
    white-space:nowrap;
    margin:0 15px 0 0
}
.p-teachersList-search__name {
    display:flex;
    align-items:center;
    margin:0 36px 0 0;
    flex-grow:1
}
.p-teachersList-search__btn {
    margin:0;
    max-width:120px;
    font-size:1.4rem
}
.p-teachersList-displayNum {
    display:flex;
    align-items:center;
    max-width:172px;
    margin:0 0 24px auto
}
.p-teachersList-displayNum__ttl {
    margin:0 16px 0 0;
    flex-shrink:0
}
.p-teachersList-displayNum-box {
    max-width:100px
}
.p-teachersList-table {
    white-space:nowrap;
    width:100%;
    overflow-x:auto;
    padding-bottom:22px;
    margin-bottom:80px
}
.p-teachersList-table table {
    width:100%;
    min-width:700px;
    border-collapse:collapse;
    white-space:nowrap;
    width:100%;
    word-break:break-all
}
.p-teachersList-table table th,.p-teachersList-table table td {
    width:25%;
    vertical-align:middle;
    text-align:left
}
.p-teachersList-table table th {
    padding:8px 15px 8px 32px
}
.p-teachersList-table table td {
    font-weight:500;
    padding:16px 15px 16px 32px
}
.p-teachersList-table thead {
    width:100%;
    border-top:1px solid #262626;
    border-bottom:1px solid #262626
}
.p-teachersList-table__head {
    display:flex;
    width:100%;
    justify-content:left;
    align-items:center
}
.p-teachersList-table__sort-ico {
    background:#fafaf7;
    width:14px;
    height:25px;
    border-radius:2px;
    margin-left:12px;
    display:inline-block;
    position:relative
}
.p-teachersList-table__sort-ico.is-desc::before {
    opacity:.2
}
.p-teachersList-table__sort-ico.is-asc::after {
    opacity:.2
}
.p-teachersList-table__sort-ico::before,.p-teachersList-table__sort-ico::after {
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:0;
    left:0;
    margin:auto;
    border-style:solid;
    content:""
}
.p-teachersList-table__sort-ico::before {
    bottom:5px;
    border-width:4px 3px 0 3px;
    border-color:#2b2b2b transparent transparent transparent
}
.p-teachersList-table__sort-ico::after {
    top:5px;
    border-width:0 3px 4px 3px;
    border-color:transparent transparent #2b2b2b transparent
}
.p-teachersList-table__omit {
    max-width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block
}
.p-teachersList-table__omit-point {
    min-width:120px;
    max-width:200px
}
.p-teachersList-table__omit-course {
    min-width:280px;
    max-width:400px
}
.p-teachersList-table__paper-ico {
    width:20px;
    height:20px;
    background:url("/assets/img/common/ico-file-bold-black.svg") no-repeat center center/contain;
    display:block
}
.p-teachersList-table tbody tr {
    transition:.2s all;
    border-bottom:1px solid #e8e8e2
}
.p-teachersList-table tbody tr:nth-child(odd) {
    background:#fafaf7
}
.p-teachersList-table tbody tr:hover {
    background:#f4f4e9;
    cursor:pointer
}
.p-teachersList-table th:nth-child(1),.p-teachersList-table td:nth-child(1) {
    width:160px
}
.p-top-row {
    display:flex;
    justify-content:center;
    gap:32px;
    width:100%;
    margin-bottom:56px
}
.p-top-row__item {
    width:100%
}
.p-top-box {
    background:#fafaf7;
    border-radius:6px;
    padding:32px 24px
}
.p-top-box--basic .simplebar-scrollbar:before {
    background:#0bd69b
}
.p-top-box--jp .simplebar-scrollbar:before {
    background:#44c0e2
}
.p-top-box--mba .simplebar-scrollbar:before {
    background:#01267b
}
.p-top-box--c .simplebar-scrollbar:before {
    background:#ed964a
}
.p-top-box--hajl .simplebar-scrollbar:before {
    background:#5477db
}
.p-top-box--nail .simplebar-scrollbar:before {
    background:#f27e7e
}
.p-top-box--psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.p-top-box__title {
    font-size:2rem;
    line-height:1;
    font-weight:bold;
    color:#2b2b2b;
    margin-bottom:16px;
    align-items:center;
    display:flex
}
.p-top-box__title__link {
    width:30px;
    height:30px;
    border-radius:50%;
    position:relative;
    background:#eaeadc;
    display:inline-block;
    margin-left:16px
}
.p-top-box__title__link:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-black-right.svg") center center no-repeat
}
.p-topIssue {
    background:#fff;
    border-radius:6px;
    display:flex;
    padding:14px 28px;
    margin-top:32px
}
.p-topIssue__head {
    min-width:167px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:24px;
    font-size:1.6rem
}
.p-topIssue__head::before {
    display:block;
    content:"";
    width:14px;
    height:20px;
    background:url("/assets/img/common/ico-fire-red.svg") center center no-repeat;
    background-size:cover;
    margin-right:16px
}
.p-topIssue__head::after {
    width:1px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    background:#e0e0d9;
    content:""
}
.p-topIssue__list {
    margin-left:24px
}
.p-topIssue__item {
    position:relative;
    padding-left:16px;
    font-size:1.4rem;
    font-weight:500;
    margin-bottom:11px
}
.p-topIssue__item:last-of-type {
    margin-bottom:0
}
.p-topIssue__item::before {
    background:#ccccc4;
    width:7px;
    height:7px;
    border-radius:50%;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:8px;
    margin:auto
}
.p-topIssue__item__tag {
    display:inline-block;
    min-width:68px;
    border:1px solid #000;
    padding:0 9px;
    font-size:1rem;
    font-weight:700;
    max-height:23px;
    border-radius:2px;
    color:#2b2b2b;
    text-align:center;
    margin-right:10px
}
.p-top-news__tab {
    margin:0 0 24px 0
}
.p-top-news__list {
    height:320px;
    margin-top:24px;
    padding:0 17px 0 0;
    overflow-y:auto
}
.p-top-news__list--info {
    height:378px
}
.p-top-news__item {
    border-bottom:1px solid #e8e8e2;
    padding-bottom:24px;
    margin-bottom:24px
}
.p-top-news__item:last-of-type {
    border-bottom:none
}
.p-top-news__head {
    display:flex;
    align-items:center;
    margin-bottom:9px
}
.p-top-news__head__circle {
    background:#0bb3d6;
    width:12px;
    height:12px;
    border-radius:6px;
    margin-right:14px
}
.p-top-news__head__arrow {
    display:flex;
    margin-right:9px
}
.p-top-news__head__date {
    font-size:1.4rem;
    font-weight:bold;
    margin-right:9px
}
.p-top-news__head__category,.p-top-news__head__info {
    font-weight:bold;
    font-size:1.2rem;
    background:#fff;
    border:1px solid #d0d0d0;
    border-radius:2px;
    padding:2px 10px;
    margin-right:8.5px
}
.p-top-news__head__new {
    font-family:"Lato",sans-serif;
    color:#ff1c8d;
    font-weight:700
}
.p-top-news__head__info {
    border:1px solid #000
}
.p-top-news__head__info.is-grey {
    padding:3px 14px;
    background:#f0f0f0;
    border:none
}
.p-top-news__head__new {
    font-family:"Lato",sans-serif;
    font-weight:bold;
    color:#ff1c8d
}
.p-top-news__body {
    display:flex;
    align-items:center
}
.p-top-news__body__txt {
    line-height:26px;
    font-weight:500
}
.p-top-news__body__txt.is-unread {
    font-weight:bold
}
.p-top-news__body__avatar {
    flex-shrink:0;
    height:38px;
    width:38px;
    border:1px solid #ebebea;
    border-radius:50%;
    margin-right:8px;
    overflow:hidden
}
.p-top-news__body__avatar img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-top-memberList__item {
    border-top:1px solid #e8e8e2;
    padding:16px 0
}
.p-top-memberList__item:last-of-type {
    padding-bottom:0
}
.p-top-memberList__body {
    display:flex;
    align-items:center
}
.p-top-memberList__body__avatar {
    flex-shrink:0;
    overflow:hidden;
    width:70px;
    height:70px;
    margin-right:16px;
    border:1px solid #ebebea;
    border-radius:50%
}
.p-top-memberList__body__avatar img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-top-memberList__body__name {
    margin-bottom:.25em;
    font-weight:bold;
    font-size:1.6rem
}
.p-top-memberList__body__txt {
    font-weight:500;
    font-size:1.3rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden
}
.p-top-groupChat {
    margin:0 0 58px
}
.p-top-groupChat__title {
    font-size:2rem;
    line-height:1;
    font-weight:bold;
    color:#2b2b2b;
    margin-bottom:24px;
    align-items:center;
    display:flex
}
.p-top-groupChat__title-link {
    width:30px;
    height:30px;
    border-radius:50%;
    position:relative;
    background:#eaeadc;
    display:inline-block;
    margin-left:16px
}
.p-top-groupChat__title-link:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-black-right.svg") center center no-repeat
}
.p-top-groupChat__inner {
    position:relative;
    display:flex
}
.p-top-groupChat__list {
    position:relative;
    max-height:420px;
    width:216px;
    min-height:304px;
    border-bottom:1px solid #d9d9d9;
    margin:0 5px 0 0
}
.p-top-groupChat__list--basic .simplebar-scrollbar:before {
    background:#0bd69b
}
.p-top-groupChat__list--jp .simplebar-scrollbar:before {
    background:#44c0e2
}
.p-top-groupChat__list--mba .simplebar-scrollbar:before {
    background:#01267b
}
.p-top-groupChat__list--c .simplebar-scrollbar:before {
    background:#ed964a
}
.p-top-groupChat__list--hajl .simplebar-scrollbar:before {
    background:#5477db
}
.p-top-groupChat__list--nail .simplebar-scrollbar:before {
    background:#f27e7e
}
.p-top-groupChat__list--psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.p-top-groupChat__item {
    cursor:pointer
}
.p-top-groupChat__item:hover {
    opacity:.7;
    transition:all .25s ease-out 0s
}
.p-top-groupChat__item:last-child .p-top-groupChat__heading {
    border:none
}
.p-top-groupChat__item:nth-child(1) .p-top-groupChat__heading-name::before {
    background:url("/assets/img/dummy/ico-chat-dummy01.png") no-repeat center center/contain
}
.p-top-groupChat__item:nth-child(2) .p-top-groupChat__heading-name::before {
    background:url("/assets/img/dummy/ico-chat-dummy02.png") no-repeat center center/contain
}
.p-top-groupChat__item:nth-child(3) .p-top-groupChat__heading-name::before {
    background:url("/assets/img/dummy/ico-chat-dummy03.png") no-repeat center center/contain
}
.p-top-groupChat__item:nth-child(4) .p-top-groupChat__heading-name::before {
    background:url("/assets/img/dummy/ico-chat-dummy04.png") no-repeat center center/contain
}
.p-top-groupChat__item:nth-child(5) .p-top-groupChat__heading-name::before {
    background:url("/assets/img/dummy/ico-chat-dummy05.png") no-repeat center center/contain
}
.p-top-groupChat__item:nth-child(6) .p-top-groupChat__heading-name::before {
    background:url("/assets/img/dummy/ico-chat-dummy06.png") no-repeat center center/contain
}
.p-top-groupChat__heading {
    border-bottom:1px solid #d9d9d9;
    min-height:75px;
    background:#fff;
    border-bottom:1px solid #d9d9d9
}
.p-top-groupChat__heading-img {
    width:45px;
    height:45px;
    margin:0 13px 0 0;
    border-radius:50%;
    overflow:hidden
}
.p-top-groupChat__heading-img img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-top-groupChat__heading.is-active {
    background:#fafaf7
}
.p-top-groupChat__heading-upper {
    padding:16px 15px;
    position:relative
}
.p-top-groupChat__heading-bottom {
    display:none
}
.p-top-groupChat__heading-name {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    padding:0 0 0 0;
    display:flex;
    align-items:center
}
.p-top-groupChat__heading-name-type {
    color:#707070
}
.p-top-groupChat__heading-name-content {
    font-size:1.6rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    flex:1
}
.p-top-groupChat__heading-link {
    width:30px;
    height:30px;
    border-radius:50%;
    position:relative;
    background:#eaeadc;
    display:inline-block;
    margin-left:16px;
    flex-shrink:0
}
.p-top-groupChat__heading-link.only-sp {
    display:none
}
.p-top-groupChat__heading-link::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:7px;
    height:10px;
    background:url("/assets/img/common/ico-arrow-black-right.svg") center center no-repeat
}
.p-top-groupChat__heading-member {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-top-groupChat__heading-num {
    font-size:1.2rem;
    display:flex;
    align-items:center;
    flex-shrink:0
}
.p-top-groupChat__heading-icon {
    display:flex;
    align-items:center;
    margin:0 0 0 16px
}
.p-top-groupChat__heading-prof {
    width:45px;
    height:45px;
    border:1px solid #ebebea;
    border-radius:50%;
    display:block;
    margin-right:-23px;
    overflow:hidden
}
.p-top-groupChat__heading-prof img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-top-groupChat__heading-prof:nth-child(1) {
    z-index:5
}
.p-top-groupChat__heading-prof:nth-child(2) {
    z-index:4
}
.p-top-groupChat__heading-prof:nth-child(3) {
    z-index:3
}
.p-top-groupChat__heading-prof:nth-child(4) {
    z-index:2
}
.p-top-groupChat__heading-prof:nth-child(5) {
    z-index:1
}
.p-top-groupChat__heading-prof:last-child {
    margin:0
}
.p-top-groupChat__content {
    flex:1
}
.p-top-groupChat__content-icon {
    width:45px;
    height:45px;
    border-radius:50%;
    overflow:hidden;
    margin-right:16px
}
.p-top-groupChat__content-icon img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.p-top-groupChat__content-item {
    display:none;
    overflow:hidden;
    height:100%
}
.p-top-groupChat__content-item.is-active {
    display:block
}
.p-top-groupChat__content-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fafaf7;
    height:77px;
    padding:0 24px 0 32px
}
.p-top-groupChat__content-ttl {
    display:flex;
    align-items:center;
    margin:0 56px 0 0;
    flex:1
}
.p-top-groupChat__content-name {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:2.4rem;
    max-width:500px
}
.p-top-groupChat__chat {
    max-height:347px;
    height:100%;
    padding:8px 32px 8px 24px
}
.p-top-groupChat__chat.is-none {
    background:#f8f8f8;
    margin:8px 0 0;
    min-height:219px;
    max-height:335px
}
.p-top-groupChat__chat--basic .simplebar-scrollbar:before {
    background:#0bd69b
}
.p-top-groupChat__chat--jp .simplebar-scrollbar:before {
    background:#44c0e2
}
.p-top-groupChat__chat--mba .simplebar-scrollbar:before {
    background:#01267b
}
.p-top-groupChat__chat--c .simplebar-scrollbar:before {
    background:#ed964a
}
.p-top-groupChat__chat--hajl .simplebar-scrollbar:before {
    background:#5477db
}
.p-top-groupChat__chat--nail .simplebar-scrollbar:before {
    background:#f27e7e
}
.p-top-groupChat__chat--psych .simplebar-scrollbar:before {
    background:#9dce3a
}
.p-top-headNews {
    margin:0 0 25px
}
.p-top-headNews__inner {
    border-radius:6px;
    background:rgba(230,24,63,.05);
    padding:28px 32px
}
.p-top-headNews__ttl {
    margin:0 0 12px;
    font-size:2rem
}
.p-top-headNews__date {
    margin:0 0 9px;
    font-weight:500
}
.p-top-headNews__date span {
    margin:0 0 0 9px;
    display:inline-block;
    font-family:"Lato",sans-serif;
    color:#ff1c8d;
    font-weight:700
}
.p-top-headNews__txt {
    font-weight:500
}
.p-top-induction {
    background:#fafaf7;
    width:100%;
    padding:16px 32px;
    margin-bottom:20px;
    border-radius:6px;
    display:flex;
    align-items:center
}
.p-top-induction--leftArea {
    width:77%
}
.p-top-induction--leftArea .p-top-induction__head {
    display:flex;
    align-items:center;
    min-width:360px;
    margin-right:24px;
    padding-bottom:12.5px;
    margin-bottom:12px;
    border-bottom:solid 1px #d9d9d9
}
.p-top-induction--leftArea .p-top-induction__head:last-child {
    padding-bottom:0;
    margin-bottom:0;
    border:none
}
.p-top-induction--leftArea .p-top-induction__body {
    display:flex;
    align-items:center;
    margin-left:auto;
    flex-shrink:0
}
.p-top-induction--rightArea {
    flex-shrink:0
}
.p-top-induction__head {
    display:flex;
    align-items:center;
    min-width:360px;
    margin-right:24px
}
.p-top-induction__head__circle {
    flex-shrink:0;
    background:#e6183f;
    width:12px;
    height:12px;
    border-radius:6px;
    margin-right:8px
}
.p-top-induction-student {
    padding:24px 34px;
    font-size:1.6rem;
    font-weight:700;
    background:#fff;
    border:solid 1px #c9c9be;
    border-radius:4px
}
.p-top-induction-student__num {
    margin-left:24px;
    color:#e6183f;
    font-size:2.4rem
}
.p-top-induction-student__txt {
    font-size:1.6rem
}
.p-top-induction__body {
    display:flex;
    align-items:center
}
.p-top-induction__body__txt {
    color:#e6183f
}
.p-top-induction__body__txt__num {
    font-size:2rem;
    margin-left:10px
}
.p-top-induction__link {
    width:30px;
    height:30px;
    border-radius:50%;
    position:relative;
    background:#eaeadc;
    display:inline-block;
    margin-left:16px
}
.p-top-induction__link:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:7px;
    height:10px;
    background:url(/assets/img/common/ico-arrow-black-right.svg) center center no-repeat
}
.p-top-serviceIcon {
    margin:0 0 52px
}
.p-top-serviceIcon__inner {
    display:flex;
    align-items:center;
    justify-content:center
}
.p-top-serviceIcon__item {
    width:18%;
    max-width:181px;
    height:84px;
    margin:0 28px 0 0;
    position:relative;
    border-radius:6px;
    box-shadow:0px 3px 10px rgba(0,0,0,.1)
}
.p-top-serviceIcon__item:last-child {
    margin:0
}
.p-top-serviceIcon__box {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.p-top-serviceIcon__box--googleCalendar {
    width:48px;
    height:48px
}
.p-top-serviceIcon__box--gmail {
    width:50px;
    height:38px
}
.p-top-serviceIcon__box--salesforce {
    width:70px;
    height:48px
}
.p-top-serviceIcon__box--tunag {
    width:55px;
    height:50px
}
.p-top-serviceIcon__box--assist {
    width:60%;
    height:auto
}
.p-top-inquiryRes {
    display:flex;
    margin-bottom:30px
}
.p-top-inquiryRes__ttl {
    flex-shrink:0;
    background:#eaeadc;
    display:flex;
    align-items:center;
    padding:0 44px;
    border-radius:6px 0 0 6px;
    font-weight:bold;
    font-size:16px;
    color:#2b2b2b
}
.p-top-inquiryRes__block {
    width:100%;
    background:#fafaf7;
    padding:6px 40px 18px;
    border-radius:0 6px 6px 0
}
.p-top-inquiryRes__wrap {
    justify-content:space-between;
    width:100%;
    padding:10px 0 5px 0;
    display:flex;
    align-items:center;
    border-bottom:1px solid #e8e8e2
}
.p-top-inquiryRes__wrap:last-child {
    border-bottom:none
}
.p-top-inquiryRes__head {
    display:flex;
    align-items:center;
    min-width:360px;
    margin-right:24px
}
.p-top-inquiryRes__head__circle {
    flex-shrink:0;
    background:#e6183f;
    width:12px;
    height:12px;
    border-radius:6px;
    margin-right:8px
}
.p-top-inquiryRes__head__circle.is-burn {
    background:url(/assets/img/common/ico-burn-red.svg) center center no-repeat
}
.p-top-inquiryRes__body {
    display:flex;
    align-items:center
}
.p-top-inquiryRes__body__txt {
    color:#e6183f;
    white-space:nowrap
}
.p-top-inquiryRes__body__txt__num {
    font-size:2.4rem;
    margin-left:10px
}
.p-top-inquiryRes__link {
    width:30px;
    height:30px;
    border-radius:50%;
    position:relative;
    background:#eaeadc;
    display:inline-block;
    margin-left:48px;
    flex-shrink:0
}
.p-top-inquiryRes__link:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:7px;
    height:10px;
    background:url(/assets/img/common/ico-arrow-black-right.svg) center center no-repeat
}
.p-top-msg {
    display:flex;
    margin-bottom:30px
}
.p-top-msg__ttl {
    flex-shrink:0;
    background:#eaeadc;
    display:flex;
    align-items:center;
    padding:0 36px;
    border-radius:6px 0 0 6px;
    font-weight:bold;
    font-size:16px;
    color:#2b2b2b
}
.p-top-msg__block {
    width:100%;
    background:#fafaf7;
    padding:18px 40px;
    border-radius:0 6px 6px 0
}
.p-top-msg__wrap {
    justify-content:space-between;
    width:100%;
    display:flex;
    align-items:center
}
.p-top-msg__wrap.is-active {
    border-bottom:1px solid #e8e8e2;
    padding-bottom:12px
}
.p-top-msg__wrap:last-child {
    border-bottom:none
}
.p-top-msg__head {
    display:flex;
    align-items:center;
    margin-right:24px
}
.p-top-msg__head__circle {
    flex-shrink:0;
    background:#e6183f;
    width:12px;
    height:12px;
    border-radius:6px;
    margin-right:8px
}
.p-top-msg__head__circle.is-burn {
    background:url(/assets/img/common/ico-burn-red.svg) center center no-repeat
}
.p-top-msg__body {
    display:flex;
    align-items:center
}
.p-top-msg__body__txt {
    display:flex;
    align-items:center;
    color:#e6183f;
    white-space:nowrap
}
.p-top-msg__body__txt__num {
    font-size:2.4rem;
    margin-left:6px
}
.p-top-msg__link {
    width:30px;
    height:30px;
    border-radius:50%;
    position:relative;
    background:#eaeadc;
    display:inline-block;
    margin-left:8px;
    flex-shrink:0
}
.p-top-msg__link:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:10px;
    height:10px;
    background:url(/assets/img/common/ico-arrow-black-bottom.svg) center center no-repeat
}
.p-top-msg__link.is-active::before {
    background:url(/assets/img/common/ico-arrow-black-up.svg) center center no-repeat
}
.p-top-msg__counter {
    background:#fff;
    border:1px solid #eaeadc;
    border-radius:6px;
    margin-left:24px;
    padding:7px 16px
}
.p-top-msg__counter-txt {
    white-space:nowrap;
    font-weight:500;
    font-size:12px;
    color:#2b2b2b;
    display:flex;
    align-items:center
}
.p-top-msg__counter-txt-num {
    font-family:"Source Han Sans JP";
    font-weight:bold;
    font-size:18px;
    line-height:28px;
    text-align:left;
    color:#e6183f;
    margin-left:16px
}
.p-top-msg__accordion {
    display:none
}
.p-top-msg__accordion.is-active {
    display:block
}
.p-top-msg__accordion-wrap {
    padding:16px 0
}
.p-top-msg__accordion-head {
    display:flex
}
.p-top-msg__accordion-head-img {
    width:48px;
    height:48px;
    margin-right:16px
}
.p-top-msg__accordion-head-date {
    font-weight:500;
    font-size:1.4rem;
    color:#949494
}
.p-top-msg__accordion-link {
    white-space:nowrap;
    margin-left:16px;
    padding:4px 0;
    width:110px;
    border-radius:20px;
    background:#2b2b2b;
    border:2px solid #2b2b2b;
    font-weight:bold;
    font-size:1.2rem;
    text-align:center;
    color:#fff
}
.p-information__category--important {
    width:53px;
    height:23px;
    font-weight:500;
    padding:0 0 1px 23px;
    background:#c70000;
    color:#fff;
    border:none;
    position:relative;
    display:flex;
    align-items:center
}
.p-information__category--important::after {
    content:"";
    width:13px;
    height:13px;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    background:url("/assets/img/common/ico-important-white.svg") center center no-repeat;
    position:absolute
}
@media only screen and (max-width: 896px) {
    .c-calendar {
        font-size:1.4rem;
        z-index:100
    }
    .c-modal__contents {
        width:92%
    }
    .c-pager {
        max-width:345px;
        margin:0 auto
    }
    .c-pager__item {
        flex-grow:1;
        flex-shrink:1
    }
    .c-pager__item a {
        padding:7px 7px
    }
    .c-pager__item-previous,.c-pager__item-next {
        margin:0 20px 0 0;
        flex-shrink:0;
        flex-grow:0
    }
    .c-pager__item-next {
        margin:0 0 0 20px;
        flex-shrink:0;
        flex-grow:0
    }
    .c-baseTab {
        padding:0 15px;
        height:71px
    }
    .c-baseTab__item {
        margin:0 4px
    }
    .c-baseTab__btn {
        min-height:47px;
        height:56px;
        font-size:1.4rem;
        text-align:center
    }
    .c-baseTab__btn.is-active {
        min-height:60px
    }
    .c-baseTab__btn.is-unread::after {
        border:2px solid #fff;
        right:15%;
        top:12px
    }
    .c-baseTab--active {
        height:62px
    }
    .c-primary-head {
        margin-bottom:32px
    }
    .c-primary-head__title {
        font-size:2.6rem;
        text-align:center;
        margin:0
    }
    .c-primary-head__lead {
        padding:0 30px;
        text-align:left;
        margin-top:32px
    }
    .c-primary-head__btn__wrap {
        position:static;
        margin:18px auto 32px;
        max-width:calc(100% - 30px);
        display:flex;
        justify-content:center
    }
    .c-secondary-head__title {
        font-size:1.6rem;
        padding-bottom:16px;
        margin:0 0 32px 0
    }
    .l-content {
        margin-top:0
    }
    .l-content__inner {
        display:block
    }
    .l-content .l-main__inner {
        margin:32px 0 80px;
        width:auto
    }
    .l-foot-globalNav {
        display:block;
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:57px;
        z-index:100
    }
    .l-foot-globalNav__list {
        display:flex;
        align-items:center;
        justify-content:center;
        height:100%;
        border-top:1px solid #d6d6d6
    }
    .l-foot-globalNav__item {
        width:25%;
        height:100%;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column
    }
    .l-foot-globalNav__item.is-active {
        background:#fafaf7
    }
    .l-foot-globalNav__btn {
        padding:0;
        position:relative;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column
    }
    .l-foot-globalNav__btn__badge {
        position:absolute;
        top:0;
        right:-8px;
        min-width:16px;
        height:16px;
        background:#e6183f;
        border-radius:50%;
        text-align:center;
        color:#fff;
        font-size:1rem;
        font-family:"Lato";
        font-weight:bold;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .l-foot-globalNav__btn__txt {
        font-size:1rem;
        transform:scale(0.8);
        font-weight:700;
        padding:4px 0 0
    }
    .l-foot-globalNav__btn--home::before {
        content:"";
        display:block;
        background:url("/assets/img/common/ico-home-black.svg") no-repeat center center/cover;
        width:24px;
        height:23px;
        margin:1px 0
    }
    .l-foot-globalNav__btn--book::before {
        content:"";
        display:block;
        background:url("/assets/img/common/ico-book-black.svg") no-repeat center center/cover;
        width:23px;
        height:18px;
        margin:4px 0 3px
    }
    .l-foot-globalNav__btn--support::before {
        content:"";
        display:block;
        background:url("/assets/img/common/ico-headphone-black.svg") no-repeat center center/cover;
        width:25px;
        height:24px
    }
    .l-foot-globalNav__btn--paper::before {
        content:"";
        display:block;
        background:url("/assets/img/common/ico-paper-black.svg") no-repeat center center/cover;
        width:21px;
        height:20px;
        margin:3px 0 2px
    }
    .l-foot-globalNav__btn--hamburger {
        width:28px;
        height:22px
    }
    .l-foot-globalNav__btn--hamburger span,.l-foot-globalNav__btn--hamburger::before,.l-foot-globalNav__btn--hamburger::after {
        content:"";
        position:absolute;
        display:block;
        width:100%;
        height:2px;
        background:#000;
        transition:all .5s ease-out 0s
    }
    .l-foot-globalNav__btn--hamburger span {
        top:50%;
        transform:translate(0, -50%) rotate(0)
    }
    .l-foot-globalNav__btn--hamburger::before {
        top:0;
        transform:translate(0, 0) rotate(0)
    }
    .l-foot-globalNav__btn--hamburger::after {
        top:100%;
        transform:translate(0, -100%) rotate(0)
    }
    .l-footer__logo {
        width:126px;
        height:48px;
        margin:0 auto 64px
    }
    .l-footer__backToTop {
        margin:0 0 80px 0
    }
    .l-footer-nav__list {
        flex-direction:column;
        margin:0 auto 96px
    }
    .l-footer-nav__item {
        margin:0 0 13px
    }
    .l-footer-nav__item:last-child {
        margin:0
    }
    .l-footer__copyright {
        margin:0 0 92px
    }
    .l-header {
        width:100%;
        position:static
    }
    .l-header__inner {
        height:64px;
        padding:0 12px 0 15px
    }
    .l-header__left-wrapper {
        width:auto;
        flex-shrink:0
    }
    .l-header__logo {
        height:40px !important
    }
    .l-header-nav {
        padding:0 0;
        width:auto
    }
    .l-header-nav__notice-wrap {
        display:none
    }
    .l-header-nav__notice-wrap.is-active {
        display:block;
        width:100%;
        position:absolute;
        left:0;
        right:0;
        top:64px;
        background:#fff
    }
    .l-header-nav__notice-wrap.is-active .l-header-nav__notice__content {
        display:block
    }
    .l-header-nav__notice__btn {
        display:flex;
        width:100%
    }
    .l-header-nav__notice__btn .l-header-nav__item {
        width:25%;
        height:64px;
        text-align:center;
        margin:0;
        justify-content:center;
        padding:10px 0;
        background-position:center top 10px
    }
    .l-header-nav__notice__btn .l-header-nav__item::after {
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        content:"";
        background:rgba(255,255,247,.66)
    }
    .l-header-nav__notice__btn .l-header-nav__item.is-active::after {
        display:none
    }
    .l-header-nav__notice__btn .l-header-nav__item.is-active.l-header-nav__item--news {
        background:url("/assets/img/common/ico-header-news.svg") center top 10px no-repeat,#fff
    }
    .l-header-nav__notice__btn .l-header-nav__item.is-active.l-header-nav__item--message {
        background:url("/assets/img/common/ico-header-message.svg") center top 10px no-repeat,#fff
    }
    .l-header-nav__notice__btn .l-header-nav__item.is-active.l-header-nav__item--chat {
        background:url("/assets/img/common/ico-header-chat.svg") center top 10px no-repeat,#fff
    }
    .l-header-nav__notice__btn .l-header-nav__item.is-active.l-header-nav__item--inquiry {
        background:url("/assets/img/common/ico-header-inquiry.svg") center top 10px no-repeat,#fff
    }
    .l-header-nav__notice__btn .l-header-nav__item__badge {
        min-width:19px;
        height:19px;
        border-radius:18px;
        left:calc(50% + 8px);
        top:5px;
        padding:3px 0 0 0px;
        z-index:9
    }
    .l-header-nav__notice__btn .l-header-nav__item--news {
        background:url("/assets/img/common/ico-header-news.svg") center top 10px no-repeat,#fafaf7
    }
    .l-header-nav__notice__btn .l-header-nav__item--message {
        background:url("/assets/img/common/ico-header-message.svg") center top 10px no-repeat,#fafaf7
    }
    .l-header-nav__notice__btn .l-header-nav__item--chat {
        background:url("/assets/img/common/ico-header-chat.svg") center top 10px no-repeat,#fafaf7
    }
    .l-header-nav__notice__btn .l-header-nav__item--inquiry {
        background:url("/assets/img/common/ico-header-inquiry.svg") center top 10px no-repeat,#fafaf7
    }
    .l-header-nav__notice__content {
        width:100%;
        height:100px;
        position:absolute;
        top:62px;
        left:0;
        right:0;
        background:#fff
    }
    .l-header-nav__notice__content__item {
        display:none
    }
    .l-header-nav__notice__content__item.is-active {
        display:block
    }
    .l-header-nav__item {
        height:43px;
        display:flex;
        align-items:flex-end;
        position:relative;
        margin-right:20px;
        cursor:pointer;
        background-size:30px 30px
    }
    .l-header-nav__item--right {
        margin:0
    }
    .l-header-nav__item__text {
        font-weight:700;
        font-size:1rem
    }
    .l-header-nav__item__badge {
        min-width:14px;
        height:14px;
        border-radius:14px;
        left:calc(50% + 3px);
        top:0;
        padding:3px 0 0 0px
    }
    .l-header-nav__item--acount {
        background-size:24px 24px !important;
        background:url("/assets/img/common/ico-header-acount.svg") center top 2px no-repeat
    }
    .l-globalNav {
        display:none;
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        z-index:9999;
        width:100%;
        min-width:auto;
        max-width:none;
        overflow-y:scroll;
        background:#fff
    }
    .l-globalNav__profile {
        padding:64px 0 77px
    }
    .l-globalNav__profile::before {
        left:0;
        bottom:0;
        width:100%;
        height:43px;
        box-shadow:0 24px 0 0 #fff
    }
    .l-globalNav__profile__img {
        margin:0 auto 16px
    }
    .l-globalNav__profile__close {
        position:fixed;
        top:16px;
        right:31px;
        background:#fff;
        width:32px;
        height:32px;
        border-radius:16px;
        box-shadow:0 3px 6px 0 rgba(0,0,0,.15);
        display:flex;
        align-items:center;
        justify-content:center;
        z-index:9999
    }
    .l-globalNav__profile__close img {
        min-width:auto
    }
    .l-globalNav__content {
        padding:48px 0 154px
    }
    .l-globalNav__search {
        margin:0 auto 32px;
        width:83.4%;
        background-color:#fff;
        border:1px solid #707070;
        position:relative
    }
    .l-globalNav__search [type=search]::-webkit-search-cancel-button {
        -webkit-appearance:none;
        display:none
    }
    .l-globalNav__search::after {
        content:"";
        background-image:url("/assets/img/common/ico-search-gray.svg");
        width:22px;
        height:22px;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:16px;
        pointer-events:none
    }
    .l-globalNav__search input[type=search] {
        font-size:1.7rem;
        line-height:1;
        color:#000;
        font-weight:700;
        cursor:pointer;
        height:40px;
        padding:0 50px 0 16px;
        width:100%
    }
    .l-globalNav__search input[type=search]::-moz-placeholder {
        color:#d5d5d5
    }
    .l-globalNav__search input[type=search]:-ms-input-placeholder {
        color:#d5d5d5
    }
    .l-globalNav__search input[type=search]::placeholder {
        color:#d5d5d5
    }
    .l-globalNav__platform {
        margin:0 auto;
        width:83.4%;
        max-width:none
    }
    .l-globalNav__platform-list:last-child {
        margin:0 0 48px
    }
    .l-globalNav__platform-item {
        line-height:48px;
        padding:0;
        border-radius:36px;
        text-align:center
    }
    .l-globalNav__platform-item:last-child {
        margin:0
    }
    .l-globalNav__accordion {
        margin:0 auto
    }
    .l-globalNav__accordion-desc {
        margin:0 0 12px
    }
    .l-globalNav__accordion-content {
        padding:0 0 0 34px
    }
    .l-globalNav__accordion-content.is-active {
        padding:0 0 0 34px
    }
    .l-globalNav__label {
        margin:0 0 48px
    }
    .l-globalNav__label-txt {
        font-size:1.2rem;
        flex-grow:2;
        padding:4px 4px;
        text-align:center
    }
    .l-globalNav__list {
        margin:0 auto;
        width:83.4%;
        max-width:none
    }
    .l-globalNav__desc {
        width:100%;
        max-width:none
    }
    .l-globalNav__desc:last-child {
        margin:0
    }
    .l-globalNav__desc a {
        font-size:1.6rem
    }
    .l-globalNav__desc--link a {
        padding:0 18px 16px 0
    }
    .l-globalNav__desc--info a {
        padding:0 0 16px
    }
    .l-globalNav__desc--info a:before {
        content:"";
        display:inline-block;
        width:15px;
        height:15px;
        background:url("/assets/img/common/ico-info-black.svg") center center no-repeat;
        background-size:contain;
        vertical-align:middle
    }
    .l-globalNav__desc--info a::before {
        margin:0 9px 0 0
    }
    .l-globalNav__desc--video a {
        padding:0 0 16px
    }
    .l-globalNav__desc--video a:before {
        content:"";
        display:inline-block;
        width:15px;
        height:15px;
        background:url("/assets/img/common/ico-video-black.svg") center center no-repeat;
        background-size:contain;
        vertical-align:middle
    }
    .l-globalNav__desc--video a::before {
        margin:0 9px 0 0
    }
    .p-error {
        padding:118px 0
    }
    .p-error__desc-message {
        max-width:310px
    }
    .p-error__link {
        margin-top:48px;
        max-width:212px
    }
    .p-forgot__inner {
        padding:40px 16px
    }
    .p-forgot__inner--1 {
        padding:40px 30px;
        margin:141px auto
    }
    .p-forgot__inner--2 {
        padding:40px 36px
    }
    .p-forgot__inner--3 {
        padding:40px 15px;
        margin:100px auto
    }
    .p-forgot__inner--4 {
        padding:40px 15px
    }
    .p-forgot__logo {
        margin:0 auto 32px;
        max-width:245px
    }
    .p-forgot__ttl {
        font-size:2rem;
        margin-bottom:32px
    }
    .p-forgot__ttl--2 {
        font-size:2rem;
        margin-bottom:24px
    }
    .p-forgot__input-wrap {
        margin:0 15px 40px
    }
    .p-forgot__input-wrap__error {
        margin-bottom:32px
    }
    .p-forgot__txt-box {
        width:calc(100% - 30px)
    }
    .p-forgot__txt-box--1 {
        width:100%
    }
    .p-forgot__txt-box--2 {
        width:100%;
        line-height:1.35
    }
    .p-forgot__txt-box--4 {
        width:calc(100% - 20px)
    }
    .p-forgot__list-wrap {
        padding:20px 15px
    }
    .p-forgot__note {
        width:calc(100% - 30px);
        padding:16px;
        background:#fafaf7;
        margin:0 auto 24px
    }
    .p-forgot__desc {
        width:calc(100% - 30px);
        margin:0 auto 48px
    }
    .p-forgot__desc__list {
        margin:10px 10px
    }
    .p-forgot__box {
        margin:0 auto 40px
    }
    .p-forgot__box__ttl .c-secondary-head__title {
        font-size:1.8rem;
        line-height:1.6
    }
    .p-forgot__box__lead {
        margin:0 0 24px
    }
    .p-forgot__item {
        display:block;
        align-items:center;
        margin:0 0 16px
    }
    .p-forgot__item:last-of-type {
        margin-bottom:0
    }
    .p-forgot__data-ttl {
        width:100%;
        margin-bottom:16px
    }
    .p-forgot__data__row-wrap {
        width:100%
    }
    .p-forgot__data__row-wrap .p-forgot__data__inner:first-of-type {
        margin-right:16px
    }
    .p-forgot__data__inner {
        flex-wrap:wrap
    }
    .p-forgot__data__advice {
        margin-left:0;
        margin-top:8px;
        width:100%
    }
    .p-forgot__data__input-m {
        display:block;
        width:100%
    }
    .p-forgot__data__between-txt {
        margin:0 6px
    }
}
@media only screen and (max-width: 896px)and (max-width: 340px) {
    .p-forgot__data select {
        padding:0 24px 0 6px
    }
    .p-forgot__data__select-m {
        width:28%
    }
    .p-forgot__data__select-s {
        width:20%
    }
    .p-forgot__data__between-txt {
        margin:0 1px
    }
}
@media only screen and (max-width: 896px) {
    .p-forgot__btn-firstLayer {
        display:flex;
        flex-wrap:wrap;
        gap:0px;
        margin:0 0 40px
    }
}
@media only screen and (max-width: 896px) {
    .p-forgot__submit-btn--2 {
        font-size:14px;
        margin-bottom:16px
    }
    .p-forgot__submit-btn--2:last-child {
        margin-bottom:0
    }
}
@media only screen and (max-width: 896px) {
    .p-forgot__back-btn {
        width:240px
    }
}
@media only screen and (max-width: 896px) {
    .p-general-login {
        padding:78px 15px
    }
    .p-general-login__inner {
        padding:40px 0 0;
        width:calc(100% - 15px);
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    .p-general-login__logo {
        width:245px;
        margin:0 auto
    }
    .p-general-login__txt {
        margin:20px 10px 0
    }
    .p-general-login__error {
        margin-top:8px
    }
    .p-general-login__wrap {
        display:block;
        margin:0
    }
    .p-general-login__left {
        width:100%;
        margin:32px auto 0;
        padding:0 30px
    }
    .p-general-login__login-title--sns {
        font-size:1.6rem
    }
    .p-general-login__form-checkbox {
        justify-content:center
    }
    .p-general-login__form-buttons {
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .p-general-login__form-btn {
        margin:16px 0 0
    }
    .p-general-login__form-btn--registration {
        margin-left:0
    }
    .p-general-login__link {
        font-size:1.4rem;
        margin-top:20px
    }
    .p-general-login__right {
        background-color:#fafaf7;
        border-radius:6px
    }
    .p-general-login__right-top {
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:18px 20px 18px 30px;
        margin-top:40px
    }
    .p-general-login__sns {
        display:none;
        width:100%;
        padding:0;
        margin:0 auto
    }
    .p-general-login__sns-btn-sp {
        width:24px;
        height:24px;
        background:url("/assets/img/common/icon_plus_white.svg") center center no-repeat;
        background-size:cover
    }
    .p-general-login__sns-btn-sp.is-open {
        background:url("/assets/img/common/icon_minus.svg") center center no-repeat;
        background-size:cover
    }
    .p-general-login__sns-list {
        justify-content:center;
        padding-bottom:24px
    }
    .p-general-login__sns-item {
        width:134px;
        height:75px;
        margin:8px
    }
    .p-general-login__sns-item a {
        font-size:20px;
        font-weight:100;
        font-family:"Lato",sans-serif
    }
}
@media only screen and (max-width: 896px) {
    .p-login__inner {
        padding:0 16px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__logo {
        margin:32px auto
    }
}
@media only screen and (max-width: 896px) {
    .p-login__ttl {
        font-size:2rem;
        margin:0 0 32px
    }
    .p-login__ttl--error {
        margin:0 0 8px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__message--email {
        font-size:2rem;
        margin-bottom:24px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__desc-message {
        margin-bottom:32px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__wrap-input--email {
        margin-bottom:16px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__wrap-input--password {
        margin-bottom:24px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__from-label--checkbox {
        font-size:1.4rem;
        text-align:center;
        margin-bottom:24px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__form-button {
        margin-top:24px
    }
}
@media only screen and (max-width: 896px) {
    .p-login__text-email {
        font-size:1.4rem
    }
}
@media only screen and (max-width: 896px) {
    .p-loginProfile {
        padding:calc(4% + 1px)
    }
    .p-loginProfile__inner {
        padding:4%;
        width:auto;
        padding:9.5% 4.5% 12.3%
    }
}
@media only screen and (max-width: 896px) {
    .p-loginProfile-head {
        text-align:left
    }
    .p-loginProfile-head__wrap {
        position:initial;
        display:block;
        margin-bottom:81px
    }
    .p-loginProfile-head__logo {
        width:100%;
        margin-bottom:20px
    }
    .p-loginProfile-head__skip {
        position:initial
    }
    .p-loginProfile-head__txt {
        font-size:1.8rem;
        line-height:2.7rem;
        margin-bottom:24px
    }
    .p-loginProfile-head__sub-txt {
        font-weight:500;
        font-size:1.4rem;
        line-height:2.1rem;
        margin-bottom:56px
    }
}
@media only screen and (max-width: 896px) {
    .p-loginProfile-env__wrap {
        padding:0;
        margin-bottom:56px
    }
    .p-loginProfile-env__question {
        width:100%;
        min-width:auto;
        font-size:1.4rem;
        margin-bottom:16px
    }
    .p-loginProfile-env__question-required {
        padding-left:2px
    }
    .p-loginProfile-env__question-box {
        display:block;
        margin-bottom:40px
    }
}
@media only screen and (max-width: 896px) {
    .p-loginProfile-company__wrap {
        padding:0;
        margin-bottom:56px
    }
    .p-loginProfile-company__form-box {
        display:block;
        margin-bottom:40px
    }
    .p-loginProfile-company__form-label {
        display:block;
        margin-bottom:16px
    }
    .p-loginProfile-company__form-input {
        margin:0;
        margin-bottom:16px;
        width:100%
    }
}
@media only screen and (max-width: 896px) {
    .p-loginProfile-skill {
        margin-bottom:56px
    }
    .p-loginProfile-skill__history-period {
        display:block
    }
    .p-loginProfile-skill__company-name {
        display:block
    }
    .p-loginProfile-skill__class-name {
        display:block;
        margin:0 0 40px 0
    }
    .p-loginProfile-skill__name {
        display:block;
        margin:0 0 30px 0
    }
    .p-loginProfile-skill__get {
        display:block;
        margin:0 0 40px 0
    }
    .p-loginProfile-skill__qua-wrap {
        padding:0;
        margin-bottom:32px
    }
    .p-loginProfile-skill__qua-box {
        display:block;
        padding:8% 5.5%
    }
    .p-loginProfile-skill__qua-box-end {
        flex-direction:row
    }
    .p-loginProfile-skill__qua-box-head {
        margin-bottom:16px
    }
    .p-loginProfile-skill__qua-box-up {
        display:block
    }
    .p-loginProfile-skill__qua-box-under {
        display:block
    }
    .p-loginProfile-skill__qua-select-wrap {
        display:block
    }
    .p-loginProfile-skill__qua-select-label {
        margin-bottom:16px
    }
    .p-loginProfile-skill__qua-select {
        flex-grow:1
    }
    .p-loginProfile-skill__qua-select-txt {
        flex-grow:1
    }
    .p-loginProfile-skill__qua-input {
        width:100%
    }
    .p-loginProfile-skill__qua-input-label {
        display:block;
        margin-bottom:16px
    }
    .p-loginProfile-skill__qua-select-year-wrap {
        margin:16px 0
    }
    .p-loginProfile-skill__qua-check-area {
        margin:0 0 16px 0
    }
    .p-loginProfile-skill__qua-del-btn {
        margin-left:auto;
        white-space:nowrap
    }
    .p-loginProfile-skill__qua-add-btn {
        margin-bottom:48px;
        width:241px
    }
    .p-loginProfile-skill__qua-toggle-area {
        margin:0
    }
    .p-loginProfile-skill__skill {
        display:block;
        padding:0;
        margin-bottom:32px
    }
    .p-loginProfile-skill__skill-head {
        width:100%;
        margin-bottom:16px
    }
    .p-loginProfile-skill__skill-box {
        display:block;
        margin-bottom:40px
    }
    .p-loginProfile-skill__skill-name {
        width:100%;
        margin-bottom:16px
    }
    .p-loginProfile-skill__skill-year {
        width:100%;
        margin:0;
        margin-bottom:16px
    }
}
@media only screen and (max-width: 896px) {
    .p-loginProfile-other__wrap {
        padding:0;
        margin-bottom:48px
    }
    .p-loginProfile-other__box {
        display:block;
        margin-bottom:24px
    }
    .p-loginProfile-other__form-label {
        width:100%;
        display:block;
        margin-top:0;
        margin-bottom:16px
    }
    .p-loginProfile-other__form-input {
        width:100%;
        margin-bottom:16px
    }
    .p-loginProfile-other__form-input--s {
        display:block;
        width:100%;
        margin-bottom:16px
    }
    .p-loginProfile-other__form-txt-area {
        box-sizing:border-box;
        margin-right:0;
        margin-bottom:16px;
        width:100%
    }
    .p-loginProfile-other__toggle-area {
        margin-top:0
    }
}
@media only screen and (max-width: 896px) {
    .p-mypage-select__inner {
        padding:0;
        width:calc(100% - 30px)
    }
    .p-mypage-select__inner__content {
        margin:40px 30px
    }
    .p-mypage-select__inner__content h2 {
        font-size:2rem
    }
}
@media only screen and (max-width: 896px) {
    .p-change-password-modal__form-btn-wrap {
        display:block
    }
    .p-change-password-modal__form-btn-close {
        margin:0 auto 16px
    }
    .p-change-password-modal__form-btn-set {
        margin:0 auto
    }
}
@media only screen and (max-width: 896px) {
    .p-paper-modal__txt {
        margin:0 0 30px
    }
    .p-paper-modal__title {
        margin:0 0 30px
    }
    .p-paper-modal__inner {
        padding:34px 19px 30px
    }
    .p-paper-modal__box {
        display:block;
        height:auto;
        margin:0 0 17px;
        padding:6% 6% 7%
    }
}
@media only screen and (max-width: 896px)and (max-width: 356px) {
    .p-paper-modal__box {
        padding:6% 0 7%
    }
}
@media only screen and (max-width: 896px) {
    .p-paper-modal__content {
        display:block;
        max-width:311px
    }
}
@media only screen and (max-width: 896px) {
    .p-paper-modal__question {
        text-align:left;
        width:100%;
        margin:0 0 11px
    }
}
@media only screen and (max-width: 896px) {
    .p-paper-modal__radio-area {
        justify-content:flex-start;
        width:100%
    }
}
@media only screen and (max-width: 896px) {
    .p-paper-modal__submit-btn {
        width:100%
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__wrap {
        max-width:none;
        width:100%;
        padding:0 24px
    }
}
@media only screen and (max-width: 896px)and (max-width: 350px) {
    .p-profile-img-modal-modalForm__wrap {
        padding:0 12px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__image-block {
        width:auto;
        margin-bottom:16px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__image-mask {
        width:194px;
        height:194px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__text {
        margin-bottom:11px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__ttl {
        margin-bottom:12px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__radio-block {
        justify-content:space-between;
        margin-bottom:24px;
        padding:0;
        max-width:450px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__fake-radio {
        width:48px;
        height:48px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__bottom {
        flex-direction:column;
        padding:24px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__bottom-right {
        gap:0
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__bottom-input {
        margin:0 0 16px
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__reset-btn {
        max-width:none
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__bottom-right {
        flex-direction:column;
        width:100%
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__bottom-input,.p-profile-img-modal-modalForm__submit {
        width:100%
    }
}
@media only screen and (max-width: 896px) {
    .p-profile-img-modal-modalForm__upload {
        width:auto
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-modal-news {
        padding:48px 16px 0
    }
    .p-schedule-modal-news-detail {
        display:block
    }
    .p-schedule-modal-news-detail__ttl {
        width:100%;
        margin-bottom:6px
    }
    .p-schedule-modal-news-detail__dfn {
        width:100%
    }
    .p-schedule-modal-news-zoomBtn {
        max-width:265px;
        width:auto;
        margin:24px auto 0
    }
    .p-schedule-modal-news--close {
        padding-top:68px
    }
    .p-schedule-modal-news__list {
        max-height:240px
    }
    .p-schedule-modal-news__list--close {
        height:240px
    }
    .p-schedule-modal-news-btn {
        padding-bottom:0
    }
    .p-schedule-modal-btn {
        display:block
    }
    .p-schedule-modal-btn__downloadBtn {
        max-width:265px;
        width:auto;
        margin:40px auto 32px
    }
    .p-schedule-modal-btn__uploadBtn {
        max-width:265px;
        width:auto;
        margin:0 auto
    }
    .p-schedule-modal-btn__delete {
        max-width:265px;
        width:auto;
        margin:0 auto
    }
    .p-schedule-modal-btn__deleteTxt {
        margin-left:22%
    }
    .p-schedule-modal-btn__deleteBtn {
        margin-left:auto
    }
    .p-schedule-modal-wrap {
        padding:0 16px
    }
    .p-schedule-modal-fileWrap {
        display:block
    }
    .p-schedule-modal-fileWrap--flex {
        margin:0 auto
    }
    .p-schedule-modal-fileWrap__txt {
        margin:10px 0
    }
    .p-schedule-modal-fileWrap__txtContent {
        display:block
    }
    .p-schedule-modal-fileWrap__deleteBtn {
        margin:0 auto
    }
    .p-schedule-modal-tab {
        height:55px;
        padding:0 12px
    }
    .p-schedule-modal-tab::before {
        content:"";
        position:absolute;
        width:100%;
        height:2px;
        bottom:0;
        left:0;
        z-index:0;
        border-bottom:solid 2px #efefe4
    }
    .p-schedule-modal-tab__btn {
        background:#efefe4;
        color:#5f5f5f;
        height:43px;
        min-height:43px;
        line-height:1.2
    }
    .p-schedule-modal-tab__btn.is-active {
        width:calc(100% - 4px);
        margin:2px 2px 0 2px;
        height:53px;
        min-height:auto
    }
    .p-schedule-modal-tab__btn.is-active::before {
        border-radius:15px 15px 0 0;
        background:#efefe4
    }
    .p-schedule-modal-tab__btn--close {
        padding:9px 16px
    }
    .p-schedule-modal-tabArea {
        padding-top:19px
    }
    .p-schedule-modal-category__item--flex {
        display:block
    }
    .p-schedule-modal-category__ttl {
        padding:32px 0 16px
    }
    .p-schedule-modal-category__txt {
        text-align:left;
        margin-bottom:12px;
        display:block
    }
    .p-schedule-modal-category__btn {
        max-width:141px;
        width:auto;
        margin:0 auto
    }
}
@media only screen and (max-width: 896px)and (max-width: 340px) {
    .p-schedule-modal-zoom-wrap {
        padding:24px 10px 32px
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-modal-zoom-search__content {
        display:block;
        text-align:left
    }
    .p-schedule-modal-zoom-search__period {
        margin-bottom:5px
    }
    .p-schedule-modal-zoom-search__symbol {
        margin:0 6px
    }
    .p-schedule-modal-zoom-search__point {
        margin-bottom:5px
    }
    .p-schedule-modal-zoom-search__check {
        width:auto;
        margin-left:0;
        margin-top:24px
    }
    .p-schedule-modal-zoom-searchResult-class {
        margin-bottom:12px
    }
    .p-schedule-modal-zoom-searchResult-class__detail {
        margin-right:16px;
        text-align:left
    }
    .p-schedule-modal-zoom-searchResult-class__ttlArea {
        display:block
    }
    .p-schedule-modal-zoom-searchResult-class__txt p {
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden;
        white-space:normal
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-modal-normal-test__item--flex {
        display:block
    }
    .p-schedule-modal-normal-test__txt {
        margin-bottom:16px
    }
    .p-schedule-modal-normal-test__link {
        margin:0 auto
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-modal-close__ttl {
        padding:6px 44px;
        margin-bottom:24px
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-modal-closeTxt {
        width:100%
    }
}
@media only screen and (max-width: 896px)and (max-width: 340px) {
    .p-schedule-modal-calendar {
        padding:11px 6px
    }
}
@media only screen and (max-width: 896px) {
    .p-news {
        margin:0 15px
    }
    .p-news__pager--sp {
        display:flex;
        width:100%;
        margin:0 auto 120px
    }
    .p-news__pager--pc {
        display:none
    }
}
@media only screen and (max-width: 896px) {
    .p-profile__show-status {
        margin:16px 0 0 0
    }
    .p-profile-top {
        margin:0 15px 64px
    }
    .p-profile-top__confirm span {
        display:block
    }
    .p-profile-top__container {
        padding:32px 15px 29px 15px
    }
    .p-profile-top__box {
        display:block
    }
    .p-profile-top__img {
        width:113px
    }
    .p-profile-top__img-area {
        text-align:center
    }
    .p-profile-top__img-dark {
        background-color:#000;
        display:inline-block;
        position:relative;
        border-radius:50%;
        margin:0 0 16px 0
    }
    .p-profile-top__img-box {
        margin:0 auto
    }
    .p-profile-top__img-txt {
        position:absolute;
        top:68%;
        left:50%;
        transform:translate(-50%, -50%);
        color:#fff;
        font-size:1.2rem;
        white-space:nowrap
    }
    .p-profile-top__img-txt::before {
        content:"";
        display:inline-block;
        width:34px;
        height:31px;
        background:url("/assets/img/common/ico-camera-white.svg") no-repeat;
        position:absolute;
        top:-36px;
        left:25px
    }
    .p-profile-top__img-camera {
        min-width:none;
        max-width:none;
        width:34px
    }
    .p-profile-top__ico-wrap {
        margin:0 0 32px 0
    }
    .p-profile-top__txt-wrap-up {
        display:block
    }
    .p-profile-top__txt-wrap-up-left {
        margin:0
    }
    .p-profile-top__txt-dream {
        margin:0 0 8px 0
    }
    .p-profile-top__txt-dream-wrap {
        display:block
    }
    .p-profile-top__txt-dream-ttl {
        display:inline-block;
        margin:0 0 8px 0
    }
    .p-profile-top__txt-numeric-wrap {
        display:block
    }
    .p-profile-top__txt-numeric-ttl {
        display:inline-block;
        margin:0 0 8px 0
    }
    .p-profile-top__edit-btn {
        margin:0 auto 16px
    }
    .p-profile-basic {
        margin:0 15px 64px
    }
    .p-profile-basic__inner {
        margin:0 16px 0
    }
    .p-profile-basic__container {
        display:block;
        margin:0 0 24px 0
    }
    .p-profile-basic__container-txt {
        display:block
    }
    .p-profile-basic__container--s {
        margin:0 0 20px 0
    }
    .p-profile-basic__toggle-area {
        margin:16px 0 0 0
    }
    .p-profile-basic__info {
        display:block
    }
    .p-profile-basic__info-registered {
        font-size:1.6rem
    }
    .p-profile-basic__info-head {
        margin:0 0 8px 0
    }
    .p-profile-company {
        margin:0 15px 64px
    }
    .p-profile-company__inner {
        margin:0 16px 0
    }
    .p-profile-company__container {
        display:block;
        margin:0 0 20px 0
    }
    .p-profile-company__container-txt {
        display:block
    }
    .p-profile-company__container--s {
        margin:0 0 20px 0
    }
    .p-profile-company__info {
        display:block
    }
    .p-profile-company__info-registered {
        font-size:1.6rem
    }
    .p-profile-company__info-head {
        margin:0 0 8px 0
    }
    .p-profile-status {
        margin:0 15px 64px
    }
    .p-profile-status__inner {
        margin:0 16px 0
    }
    .p-profile-status__container {
        display:block;
        margin:0 0 20px 0
    }
    .p-profile-status__container-txt {
        display:block
    }
    .p-profile-status__container--s {
        margin:0 0 20px 0
    }
    .p-profile-status__info {
        display:block
    }
    .p-profile-status__info-head {
        margin:0 0 8px 0
    }
    .p-profile-status__info-registered {
        font-size:1.6rem
    }
    .p-profile-status__info-registered--break {
        display:inline
    }
    .p-profile-status__info-registered-company {
        margin:0
    }
    .p-profile-status__info-registered-up {
        display:block
    }
    .p-profile-status__info-registered-under {
        display:block
    }
    .p-profile-other {
        margin:0 15px 64px
    }
    .p-profile-other__inner {
        margin:0 16px 0
    }
    .p-profile-other__container {
        display:block;
        margin:0 0 20px 0
    }
    .p-profile-other__container-txt {
        display:block
    }
    .p-profile-other__container--s {
        margin:0 0 20px 0
    }
    .p-profile-other__info {
        display:block
    }
    .p-profile-other__info-head {
        margin:0 0 8px 0
    }
    .p-profile-submit {
        display:block
    }
    .p-profile-submit__btn {
        margin:0 auto 16px
    }
    .p-profile-submit__btn:last-child {
        margin:0 auto
    }
}
@media only screen and (max-width: 896px) {
    .p-profileEdit-error {
        display:block;
        margin:0 16px 30px;
        padding:32px 16px
    }
    .p-profileEdit-error__img {
        margin:0 auto 16px
    }
    .p-profileEdit-error__ttl {
        text-align:center;
        margin:0 0 24px 0
    }
    .p-profileEdit-error__item {
        margin:0 0 8px 0
    }
    .p-profileEdit-error__item:last-of-type {
        margin-bottom:0
    }
    .p-profileEdit-top {
        margin:0 15px 72px
    }
    .p-profileEdit-top__container-inner {
        padding:32px 15px 29px 15px
    }
    .p-profileEdit-top__box {
        display:block
    }
    .p-profileEdit-top__img {
        width:113px;
        margin:0;
        opacity:.5
    }
    .p-profileEdit-top__img-area {
        text-align:center
    }
    .p-profileEdit-top__img-dark {
        background-color:#000;
        display:inline-block;
        position:relative;
        border-radius:50%;
        margin:0 0 16px 0
    }
    .p-profileEdit-top__img-box {
        margin:0 auto
    }
    .p-profileEdit-top__img-txt {
        position:absolute;
        top:68%;
        left:50%;
        transform:translate(-50%, -50%);
        color:#fff;
        font-size:1.2rem;
        white-space:nowrap
    }
    .p-profileEdit-top__img-txt::before {
        content:"";
        display:inline-block;
        width:34px;
        height:31px;
        background:url("/assets/img/common/ico-camera-white.svg") no-repeat;
        position:absolute;
        top:-36px;
        left:25px
    }
    .p-profileEdit-top__img-camera {
        min-width:none;
        max-width:none;
        width:34px
    }
    .p-profileEdit-top__ico-wrap {
        margin:0 0 32px 0
    }
    .p-profileEdit-top__txt-wrap-up {
        display:block
    }
    .p-profileEdit-top__txt-registered-id {
        display:block;
        margin:0 0 24px 0;
        padding:0 0 24px 0;
        border-bottom:1px solid #e3e3e2
    }
    .p-profileEdit-top__txt-registered-wrap {
        display:none
    }
    .p-profileEdit-top__txt-dream {
        text-align:center;
        margin:0 0 8px 0;
        width:107px;
        height:24px;
        border-radius:6px;
        background:#efefe4
    }
    .p-profileEdit-top__txt-dream-wrap {
        display:block;
        margin:0 0 32px 0
    }
    .p-profileEdit-top__txt-dream-input {
        width:100%
    }
    .p-profileEdit-top__txt-dream-toggle {
        display:none
    }
    .p-profileEdit-top__txt-numeric {
        text-align:center;
        margin:0 0 8px 0;
        width:107px;
        height:24px;
        border-radius:6px;
        background:#efefe4
    }
    .p-profileEdit-top__txt-numeric-wrap {
        display:block;
        margin:0 0 46px 0
    }
    .p-profileEdit-top__txt-numeric-ttl {
        display:inline-block;
        margin:0 0 8px 0
    }
    .p-profileEdit-top__txt-numeric-input {
        width:100%
    }
    .p-profileEdit-basic {
        margin:0 15px 72px
    }
    .p-profileEdit-basic__head {
        padding-bottom:16px
    }
    .p-profileEdit-basic__ttl {
        font-size:1.6rem;
        margin:0 8px 0 0
    }
    .p-profileEdit-basic__inner {
        margin:0 16px 0
    }
    .p-profileEdit-basic__toggle-area {
        margin-top:16px
    }
    .p-profileEdit-basic__container {
        display:block;
        margin:0 0 24px 0
    }
    .p-profileEdit-basic__container-address {
        display:block;
        margin:0
    }
    .p-profileEdit-basic__container-address--last {
        margin-bottom:34px
    }
    .p-profileEdit-basic__container--s {
        margin:0 0 20px 0
    }
    .p-profileEdit-basic__container-year {
        display:flex
    }
    .p-profileEdit-basic__address {
        margin-bottom:0
    }
    .p-profileEdit-basic__info-head {
        margin:0 16px 16px 0;
        width:auto
    }
    .p-profileEdit-basic__info-head-wrap {
        display:flex
    }
    .p-profileEdit-basic__info-year-wrap {
        display:flex;
        justify-content:space-between;
        align-items:center
    }
    .p-profileEdit-basic__info-gender-wrap label:not(:last-child) {
        margin-bottom:16px
    }
    .p-profileEdit-basic__edit-pass {
        width:241px;
        margin:16px auto 0
    }
    .p-profileEdit-basic__input-wrap {
        align-items:flex-start
    }
    .p-profileEdit-basic__auto-fill {
        margin:10px 0 0 24px
    }
    .p-profileEdit-basic__input--xs {
        width:185px;
        margin:0
    }
    .p-profileEdit-basic__input--s {
        width:100%;
        margin:0 0 0 0
    }
    .p-profileEdit-basic__input--m {
        width:100%;
        margin:0 0 0 0
    }
    .p-profileEdit-basic__input--l {
        width:100%;
        margin:0 0 0 0
    }
    .p-profileEdit-basic__input--is-error {
        margin:0 0 44px 0
    }
    .p-profileEdit-basic__family-toggle-area {
        display:none
    }
    .p-profileEdit-basic__check-family-area {
        margin:0 24px 22px 0
    }
    .p-profileEdit-secret__info {
        display:block
    }
    .p-profileEdit-secret__info--required {
        display:flex;
        align-items:flex-start;
        flex-direction:column-reverse
    }
    .p-profileEdit-secret__info-required {
        margin:0 0 16px 0
    }
    .p-profileEdit-secret__edit-btn {
        margin:16px 0 0 0
    }
    .p-profileEdit-company {
        margin:0 15px 72px
    }
    .p-profileEdit-company__inner {
        margin:0 16px 0
    }
    .p-profileEdit-company__container {
        display:block;
        margin:0 0 40px 0
    }
    .p-profileEdit-company__toggle-area {
        margin-top:16px
    }
    .p-profileEdit-company__info-head {
        margin:0 0 20px 0
    }
    .p-profileEdit-company__input {
        width:100%;
        margin:0 0 0 0
    }
    .p-profileEdit-company__edit-select-area {
        width:100%;
        margin:0 0 16px 0
    }
    .p-profileEdit-status {
        margin:0 15px 72px
    }
    .p-profileEdit-status__history-inner {
        margin:0
    }
    .p-profileEdit-status__skill-inner {
        margin:0
    }
    .p-profileEdit-status__inner {
        margin:16px
    }
    .p-profileEdit-status__container {
        display:block;
        margin:0 0 20px 0
    }
    .p-profileEdit-status__container--s {
        margin:0 0 20px 0
    }
    .p-profileEdit-other {
        margin:0 16px 72px
    }
    .p-profileEdit-other__inner {
        margin:0 16px 0
    }
    .p-profileEdit-other__container {
        display:block;
        margin:0 0 40px 0
    }
    .p-profileEdit-other__container--s {
        margin:0 0 20px 0
    }
    .p-profileEdit-other__info-head {
        margin:0 0 16px 0
    }
    .p-profileEdit-other__input {
        width:100%;
        margin:0 0 16px 0
    }
    .p-profileEdit-other__comment-textArea {
        width:100%;
        margin:0 0 15px 0
    }
    .p-profileEdit-other__select-area {
        width:100%;
        margin:0 0 24px 0
    }
}
@media only screen and (max-width: 896px) {
    .is-error-list {
        display:none
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-modal-closeTxt.break {
        padding:31px 0
    }
    .p-schedule-modal-news .p-top-calender-bottom {
        margin-top:0
    }
    .p-schedule-progress {
        margin:0 15px 48px;
        padding:20px
    }
    .p-schedule-progress__head {
        line-height:1.6;
        margin-bottom:10px
    }
    .p-schedule-progress__head--fire::before,.p-schedule-progress__head--pen::before,.p-schedule-progress__head--info::before {
        top:5px;
        transform:initial
    }
    .p-schedule-progress__head__txt {
        display:block
    }
    .p-schedule-progress__head__link,.p-schedule-progress__head__open {
        margin-left:0
    }
    .p-schedule-tooltip {
        display:none;
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        z-index:9999
    }
    .p-schedule-tooltip-inner {
        padding:48px 16px 25px
    }
    .p-schedule-tooltip__box {
        width:92%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%)
    }
    .p-schedule-tooltip__overlay {
        position:fixed;
        left:0;
        top:0;
        background:rgba(0,0,0,.33);
        width:100%;
        height:100%
    }
    .p-schedule-calendar__table table {
        width:100%
    }
    .p-schedule-calendar__table table tbody td {
        text-align:left;
        padding:6px 0 11px;
        height:104px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:0
    }
    .p-schedule-calendar__head {
        margin:0 30px 32px;
        justify-content:space-between
    }
    .p-schedule-calendar__body {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .p-schedule-calendar__body-icon {
        top:20px;
        right:auto;
        left:50%;
        transform:translateX(-50%)
    }
    .p-schedule-calendar__body-fire {
        width:7px
    }
    .p-schedule-calendar__body-book {
        width:12px
    }
    .p-schedule-calendar__body-date {
        font-size:1rem;
        line-height:1.5
    }
    .p-schedule-calendar__body-date.is-current-day {
        width:17px;
        height:17px;
        line-height:1.6;
        margin:0 0 26px
    }
    .p-schedule-calendar__body-class {
        margin:auto auto 0;
        padding-left:2px;
        height:auto
    }
    .p-schedule-calendar__body-classHour {
        font-size:1rem;
        transform:scale(0.8);
        overflow:visible;
        white-space:normal;
        width:auto;
        margin:0 auto 0 2px;
        transform-origin:0% 50%;
        text-align:left
    }
    .p-schedule-calendar__body-classHour::before {
        width:8px;
        height:8px;
        vertical-align:middle;
        margin-right:3px
    }
}
@media only screen and (max-width: 896px)and (max-width: 647px) {
    .p-schedule-calendar__body-classHour {
        width:52px;
        white-space:nowrap;
        overflow:hidden
    }
}
@media only screen and (max-width: 896px)and (max-width: 374px) {
    .p-schedule-calendar__body-classHour {
        width:44px
    }
}
@media only screen and (max-width: 896px) {
    .p-schedule-calendar__body-classTtl {
        transform:scale(0.8);
        -webkit-line-clamp:initial;
        line-height:1.2;
        margin-bottom:4px;
        text-align:left;
        transform-origin:0% 50%
    }
}
.is-no-icon  {
    padding: 14px 52px 16px 8px;
}
.account-icon {
    transform: translateY(-80%);
}
.p-termsHAA__main {
    margin:32px
}
.p-termsHAA__title {
    margin-bottom:104px;
    font-family:"Source Han Sans JP";
    font-weight:bold;
    font-size:32px;
    color:#2b2b2b;
    line-height:37px
}
.p-termsHAA__date {
    margin:0 0 40px 32px
}
.p-termsHAA__box {
    margin:0 32px 295px
}
.p-termsHAA__box>h3 {
    font-family:"Source Han Sans JP";
    font-weight:bold;
    font-size:24px;
    line-height:41px;
    text-align:left;
    color:#2b2b2b;
    border-bottom:1px solid #262626;
    margin-bottom:32px;
    padding-bottom:32px
}
.p-termsHAA__box>p {
    font-family:"Source Han Sans JP";
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:#2b2b2b;
    margin-bottom:24px
}
.p-termsHAA__box>p:last-child {
    margin-bottom:0
}
.p-termsHAA__box>ol {
    margin-bottom:24px
}
.p-termsHAA__box>ol>li {
    font-family:"Source Han Sans JP";
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:#2b2b2b
}
@media only screen and (max-width: 896px) {
    .p-termsHAA__title {
        margin-bottom:64px;
        text-align:center;
        font-size:26px
    }
}
@media only screen and (max-width: 896px)and (max-width: 370px) {
    .p-termsHAA__title {
        font-size:22px
    }
}
@media only screen and (max-width: 896px) {
    .p-termsHAA__date {
        margin:0 0 24px 0
    }
}
@media only screen and (max-width: 896px) {
    .p-termsHAA__box {
        margin:0 0 160px 0
    }
    .p-termsHAA__box>h3 {
        font-size:19px;
        margin-bottom:24px;
        padding-bottom:24px
    }
}
@media only screen and (max-width: 896px)and (max-width: 370px) {
    .p-termsHAA__box>h3 {
        font-size:16px
    }
}